feat(hooks): introduce useNumericMenu

[francoischalifour]

This adds useNumericMenu to our Hooks collection.

API

This hook is a bridge to connectNumericMenu.

Usage

function NumericMenu(props) {
  const { items, refine } = useNumericMenu(props);

  return /* ... */;
}

function App(props) {
  return (
    <InstantSearch {...props}>
      <NumericMenu
        attribute="price"
        items={[
          { label: 'All' },
          { label: 'Less than 500$', end: 500 },
          { label: 'Between 500$ - 1000$', start: 500, end: 1000 },
          { label: 'More than 1000$', start: 1000 },
        ]}
      />

      {/* ... */}
    </InstantSearch>
  );
}

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit b957fd3:

Sandbox	Source
react-instantsearch-app	Configuration
routing-basic	Configuration
hooks-example	Configuration

[netlify]

✔️ Deploy Preview for react-instantsearch ready!

🔨 Explore the source changes: c8d5b01

🔍 Inspect the deploy log: https://app.netlify.com/sites/react-instantsearch/deploys/61b3280681511700074eb04e

😎 Browse the preview: https://deploy-preview-3237--react-instantsearch.netlify.app

[netlify]

✔️ Deploy Preview for react-instantsearch ready!

🔨 Explore the source changes: b957fd3

🔍 Inspect the deploy log: https://app.netlify.com/sites/react-instantsearch/deploys/61b36bef98e2f00008c3f16e

😎 Browse the preview: https://deploy-preview-3237--react-instantsearch.netlify.app

[dhayab]

Looks good to me, I only have comments unrelated to the feature on my side.

[Haroenv]

code lgtm

[Haroenv]

should we use canRefine here?

[francoischalifour]

It's not returned by the connector unfortunately. Let's maybe add that in IS.js in a minor, and remove hasNoResults in the next major?

[Haroenv]

sounds good, I didn't know this widget was missed