feat(js): provide setters and refresh to render API

[francoischalifour]

Description

This forwards the scoped API (setters and refresh) to the render param to allow complex UIs.

This is useful when you want to interact with the Autocomplete lifecycle from the global render hook, with a preview panel for instance.

Usage

autocomplete({
  // ...
  render({ elements, setQuery, refresh }, root) {
    render(
      <PreviewPanel
        elements={elements}
        onItemSelect={(item) => {
          setQuery(item.query);
          refresh();
        }}
      />,
      root
    );
  },
});

[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 40c149c:

Sandbox	Source
@algolia/autocomplete-example-github-repositories-custom-plugin	Configuration
@algolia/autocomplete-example-instantsearch	Configuration
@algolia/autocomplete-example-playground	Configuration
@algolia/autocomplete-example-preview-panel-in-modal	Configuration
@algolia/autocomplete-example-react-renderer	Configuration
@algolia/autocomplete-example-starter-algolia	Configuration
@algolia/autocomplete-example-starter	Configuration
@algolia/autocomplete-example-voice-search	Configuration
@algolia/autocomplete-example-vue	Configuration

[Haroenv]

seems perfectly consistent!

[shortcuts]

Clean!