instantsearch.js 4.45.1 → 4.46.1

package/es/components/Breadcrumb/Breadcrumb.d.ts

@@ -2,7 +2,7 @@
 import { h } from 'preact';
 import type { BreadcrumbCSSClasses, BreadcrumbTemplates } from '../../widgets/breadcrumb/breadcrumb';
 import type { ComponentCSSClasses } from '../../types';
-import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils';
 import type { BreadcrumbConnectorParamsItem } from '../../connectors/breadcrumb/connectBreadcrumb';
 export declare type BreadcrumbComponentCSSClasses = ComponentCSSClasses<BreadcrumbCSSClasses>;
 export declare type BreadcrumbComponentTemplates = Required<BreadcrumbTemplates>;

package/es/components/ClearRefinements/ClearRefinements.d.ts

@@ -3,7 +3,7 @@ import { h } from 'preact';
 import type { ClearRefinementsRenderState } from '../../connectors/clear-refinements/connectClearRefinements';
 import type { ClearRefinementsCSSClasses, ClearRefinementsTemplates } from '../../widgets/clear-refinements/clear-refinements';
 import type { ComponentCSSClasses } from '../../types';
-import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils';
 export declare type ClearRefinementsComponentCSSClasses = ComponentCSSClasses<ClearRefinementsCSSClasses>;
 export declare type ClearRefinementsComponentTemplates = Required<ClearRefinementsTemplates>;
 export declare type ClearRefinementsProps = {

package/es/components/GeoSearchControls/GeoSearchControls.d.ts

@@ -2,7 +2,7 @@
 import { h } from 'preact';
 import type { GeoSearchCSSClasses, GeoSearchTemplates } from '../../widgets/geo-search/geo-search';
 import type { ComponentCSSClasses } from '../../types';
-import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils';
 declare type Props = {
     cssClasses: ComponentCSSClasses<GeoSearchCSSClasses>;
     enableRefine: boolean;

package/es/components/Hits/Hits.d.ts

@@ -1,10 +1,9 @@
 /** @jsx h */
 import { h } from 'preact';
 import type { SearchResults } from 'algoliasearch-helper';
-import type { BindEventForHits, SendEventForHits } from '../../lib/utils';
+import type { BindEventForHits, SendEventForHits, PreparedTemplateProps } from '../../lib/utils';
 import type { ComponentCSSClasses, Hit } from '../../types';
 import type { HitsCSSClasses, HitsTemplates } from '../../widgets/hits/hits';
-import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 export declare type HitsComponentCSSClasses = ComponentCSSClasses<HitsCSSClasses>;
 export declare type HitsComponentTemplates = Required<HitsTemplates>;
 export declare type HitsProps = {
@@ -15,5 +14,5 @@ export declare type HitsProps = {
     cssClasses: HitsComponentCSSClasses;
     templateProps: PreparedTemplateProps<HitsComponentTemplates>;
 };
-declare const Hits: ({ results, hits, bindEvent, cssClasses, templateProps, }: HitsProps) => h.JSX.Element;
+declare const Hits: ({ results, hits, bindEvent, sendEvent, cssClasses, templateProps, }: HitsProps) => h.JSX.Element;
 export default Hits;

package/es/components/Hits/Hits.js

@@ -15,6 +15,7 @@ var Hits = function Hits(_ref) {
   var results = _ref.results,
       hits = _ref.hits,
       bindEvent = _ref.bindEvent,
+      sendEvent = _ref.sendEvent,
       cssClasses = _ref.cssClasses,
       templateProps = _ref.templateProps;
 
@@ -43,7 +44,8 @@ var Hits = function Hits(_ref) {
       data: _objectSpread(_objectSpread({}, hit), {}, {
         __hitIndex: index
       }),
-      bindEvent: bindEvent
+      bindEvent: bindEvent,
+      sendEvent: sendEvent
     }));
   })));
 };

package/es/components/InfiniteHits/InfiniteHits.d.ts

@@ -22,5 +22,5 @@ export declare type InfiniteHitsProps = {
     sendEvent: SendEventForHits;
     bindEvent: BindEventForHits;
 };
-declare const InfiniteHits: ({ results, hits, bindEvent, hasShowPrevious, showPrevious, showMore, isFirstPage, isLastPage, cssClasses, templateProps, }: InfiniteHitsProps) => h.JSX.Element;
+declare const InfiniteHits: ({ results, hits, bindEvent, sendEvent, hasShowPrevious, showPrevious, showMore, isFirstPage, isLastPage, cssClasses, templateProps, }: InfiniteHitsProps) => h.JSX.Element;
 export default InfiniteHits;

package/es/components/InfiniteHits/InfiniteHits.js

@@ -15,6 +15,7 @@ var InfiniteHits = function InfiniteHits(_ref) {
   var results = _ref.results,
       hits = _ref.hits,
       bindEvent = _ref.bindEvent,
+      sendEvent = _ref.sendEvent,
       hasShowPrevious = _ref.hasShowPrevious,
       showPrevious = _ref.showPrevious,
       showMore = _ref.showMore,
@@ -56,7 +57,8 @@ var InfiniteHits = function InfiniteHits(_ref) {
       data: _objectSpread(_objectSpread({}, hit), {}, {
         __hitIndex: position
       }),
-      bindEvent: bindEvent
+      bindEvent: bindEvent,
+      sendEvent: sendEvent
     }));
   })), h(Template, _extends({}, templateProps, {
     templateKey: "showMoreText",

package/es/components/RefinementList/RefinementList.d.ts

@@ -1,7 +1,7 @@
 /** @jsx h */
 import type { JSX } from 'preact';
 import { Component } from 'preact';
-import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils';
 import type { SearchBoxComponentCSSClasses, SearchBoxComponentTemplates } from '../SearchBox/SearchBox';
 import type { HierarchicalMenuItem } from '../../connectors/hierarchical-menu/connectHierarchicalMenu';
 import type { ComponentCSSClasses, CreateURL, Templates } from '../../types';

package/es/components/Template/Template.d.ts

@@ -1,7 +1,7 @@
 /** @jsx h */
 import type { JSX } from 'preact';
 import { Component } from 'preact';
-import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { BindEventForHits, SendEventForHits, PreparedTemplateProps } from '../../lib/utils';
 import type { Templates } from '../../types';
 declare const defaultProps: {
     data: {};
@@ -10,12 +10,13 @@ declare const defaultProps: {
     templates: {};
     templatesConfig: {};
 };
-declare type TemplateProps = {
+export declare type TemplateProps = {
     data?: Record<string, any>;
     rootProps?: Record<string, any>;
     rootTagName?: keyof JSX.IntrinsicElements;
     templateKey: string;
-    bindEvent?: (...args: any[]) => string;
+    bindEvent?: BindEventForHits;
+    sendEvent?: SendEventForHits;
 } & PreparedTemplateProps<Templates> & Readonly<typeof defaultProps>;
 declare class Template extends Component<TemplateProps> {
     static readonly defaultProps: {

package/es/components/Template/Template.js

@@ -1,7 +1,7 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -26,7 +26,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /** @jsx h */
 import { h, Component } from 'preact';
-import { renderTemplate, isEqual } from "../../lib/utils/index.js";
+import { warning, renderTemplate, isEqual } from "../../lib/utils/index.js";
 var defaultProps = {
   data: {},
   rootTagName: 'div',
@@ -55,6 +55,11 @@ var Template = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this = this;
+
+      process.env.NODE_ENV === 'development' ? warning(Object.keys(this.props.templates).every(function (key) {
+        return typeof _this.props.templates[key] === 'function';
+      }), "Hogan.js and string-based templates are deprecated and will not be supported in InstantSearch.js 5.x.\n\nYou can replace them with function-form templates and use either the provided `html` function or JSX templates.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/#upgrade-templates") : void 0;
       var RootTagName = this.props.rootTagName;
       var useCustomCompileOptions = this.props.useCustomCompileOptions[this.props.templateKey];
       var compileOptions = useCustomCompileOptions ? this.props.templatesConfig.compileOptions : {};
@@ -64,7 +69,8 @@ var Template = /*#__PURE__*/function (_Component) {
         compileOptions: compileOptions,
         helpers: this.props.templatesConfig.helpers,
         data: this.props.data,
-        bindEvent: this.props.bindEvent
+        bindEvent: this.props.bindEvent,
+        sendEvent: this.props.sendEvent
       });
 
       if (content === null) {
@@ -73,6 +79,10 @@ var Template = /*#__PURE__*/function (_Component) {
         return null;
       }
 
+      if (_typeof(content) === 'object') {
+        return h(RootTagName, this.props.rootProps, content);
+      }
+
       return h(RootTagName, _extends({}, this.props.rootProps, {
         dangerouslySetInnerHTML: {
           __html: content

package/es/components/ToggleRefinement/ToggleRefinement.d.ts

@@ -1,10 +1,7 @@
-/**
- * @jest-environment jsdom
- */
 /** @jsx h */
 import { h } from 'preact';
 import type { ToggleRefinementRenderState, ToggleRefinementValue } from '../../connectors/toggle-refinement/connectToggleRefinement';
-import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils';
 import type { ComponentCSSClasses } from '../../types';
 import type { ToggleRefinementTemplates, ToggleRefinementCSSClasses } from '../../widgets/toggle-refinement/toggle-refinement';
 export declare type ToggleRefinementComponentCSSClasses = ComponentCSSClasses<ToggleRefinementCSSClasses>;

package/es/components/ToggleRefinement/ToggleRefinement.js

@@ -1,9 +1,5 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/**
- * @jest-environment jsdom
- */
-
 /** @jsx h */
 import { h } from 'preact';
 import Template from "../Template/Template.js";

package/es/connectors/toggle-refinement/connectToggleRefinement.d.ts

@@ -21,12 +21,13 @@ export declare type ToggleRefinementConnectorParams = {
      * Value to filter on when toggled.
      * @default "true"
      */
-    on?: string | string[] | boolean | boolean[] | number | number[];
+    on?: FacetValue | FacetValue[];
     /**
      * Value to filter on when not toggled.
      */
-    off?: string | string[] | boolean | boolean[] | number | number[];
+    off?: FacetValue | FacetValue[];
 };
+declare type FacetValue = string | boolean | number;
 export declare type ToggleRefinementRenderState = {
     /** The current toggle value */
     value: {

package/es/connectors/toggle-refinement/connectToggleRefinement.js

@@ -80,7 +80,9 @@ var connectToggleRefinement = function connectToggleRefinement(renderFn) {
       throw new Error(withUsage('The `attribute` option is required.'));
     }
 
-    var hasAnOffValue = userOff !== undefined;
+    var hasAnOffValue = userOff !== undefined; // even though facet values can be numbers and boolean,
+    // the helper methods only accept string in the type
+
     var on = toArray(userOn).map(escapeFacetValue);
     var off = hasAnOffValue ? toArray(userOff).map(escapeFacetValue) : undefined;
     var sendEvent;

package/es/helpers/components/Highlight.js

@@ -6,11 +6,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 /** @jsx h */
 import { h } from 'preact';
-import { Highlight as HighlightUiComponent } from "../../components/Highlight/Highlight.js";
-import getHighlightedParts from "../../lib/utils/getHighlightedParts.js";
-import getPropertyByPath from "../../lib/utils/getPropertyByPath.js";
-import unescape from "../../lib/utils/unescape.js";
+import { Highlight as HighlightUiComponent } from "../../components/Highlight/Highlight.js"; // These utils are individually imported, as utils/renderTemplate imports helpers/components, importing lib/utils would create a circular dependency.
+
+import { getPropertyByPath } from "../../lib/utils/getPropertyByPath.js";
+import { unescape } from "../../lib/utils/escape-html.js";
+import { toArray } from "../../lib/utils/toArray.js";
 import { warning } from "../../lib/utils/logger.js";
+import { getHighlightedParts } from "../../lib/utils/getHighlightedParts.js";
 export function Highlight(_ref) {
   var hit = _ref.hit,
       attribute = _ref.attribute,
@@ -18,7 +20,7 @@ export function Highlight(_ref) {
       props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
 
   var property = getPropertyByPath(hit._highlightResult, attribute) || [];
-  var properties = Array.isArray(property) ? property : [property];
+  var properties = toArray(property);
   process.env.NODE_ENV === 'development' ? warning(Boolean(properties.length), "Could not enable highlight for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
   var parts = properties.map(function (_ref2) {
     var value = _ref2.value;

package/es/helpers/components/ReverseHighlight.js

@@ -12,11 +12,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 /** @jsx h */
 import { h } from 'preact';
-import { ReverseHighlight as ReverseHighlightUiComponent } from "../../components/ReverseHighlight/ReverseHighlight.js";
-import getHighlightedParts from "../../lib/utils/getHighlightedParts.js";
-import getPropertyByPath from "../../lib/utils/getPropertyByPath.js";
-import unescape from "../../lib/utils/unescape.js";
+import { ReverseHighlight as ReverseHighlightUiComponent } from "../../components/ReverseHighlight/ReverseHighlight.js"; // These utils are individually imported, as utils/renderTemplate imports helpers/components, importing lib/utils would create a circular dependency.
+
+import { getPropertyByPath } from "../../lib/utils/getPropertyByPath.js";
+import { unescape } from "../../lib/utils/escape-html.js";
+import { toArray } from "../../lib/utils/toArray.js";
 import { warning } from "../../lib/utils/logger.js";
+import { getHighlightedParts } from "../../lib/utils/getHighlightedParts.js";
 export function ReverseHighlight(_ref) {
   var hit = _ref.hit,
       attribute = _ref.attribute,
@@ -24,7 +26,7 @@ export function ReverseHighlight(_ref) {
       props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
 
   var property = getPropertyByPath(hit._highlightResult, attribute) || [];
-  var properties = Array.isArray(property) ? property : [property];
+  var properties = toArray(property);
   process.env.NODE_ENV === 'development' ? warning(Boolean(properties.length), "Could not enable highlight for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
   var parts = properties.map(function (_ref2) {
     var value = _ref2.value;

package/es/helpers/components/ReverseSnippet.js

@@ -12,11 +12,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 /** @jsx h */
 import { h } from 'preact';
-import { ReverseSnippet as ReverseSnippetUiComponent } from "../../components/ReverseSnippet/ReverseSnippet.js";
-import getHighlightedParts from "../../lib/utils/getHighlightedParts.js";
-import getPropertyByPath from "../../lib/utils/getPropertyByPath.js";
-import unescape from "../../lib/utils/unescape.js";
+import { ReverseSnippet as ReverseSnippetUiComponent } from "../../components/ReverseSnippet/ReverseSnippet.js"; // These utils are individually imported, as utils/renderTemplate imports helpers/components, importing lib/utils would create a circular dependency.
+
+import { getPropertyByPath } from "../../lib/utils/getPropertyByPath.js";
+import { unescape } from "../../lib/utils/escape-html.js";
+import { toArray } from "../../lib/utils/toArray.js";
 import { warning } from "../../lib/utils/logger.js";
+import { getHighlightedParts } from "../../lib/utils/getHighlightedParts.js";
 export function ReverseSnippet(_ref) {
   var hit = _ref.hit,
       attribute = _ref.attribute,
@@ -24,7 +26,7 @@ export function ReverseSnippet(_ref) {
       props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
 
   var property = getPropertyByPath(hit._snippetResult, attribute) || [];
-  var properties = Array.isArray(property) ? property : [property];
+  var properties = toArray(property);
   process.env.NODE_ENV === 'development' ? warning(Boolean(properties.length), "Could not enable snippet for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
   var parts = properties.map(function (_ref2) {
     var value = _ref2.value;

package/es/helpers/components/Snippet.js

@@ -6,11 +6,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 /** @jsx h */
 import { h } from 'preact';
-import { Snippet as SnippetUiComponent } from "../../components/Snippet/Snippet.js";
-import getHighlightedParts from "../../lib/utils/getHighlightedParts.js";
-import getPropertyByPath from "../../lib/utils/getPropertyByPath.js";
-import unescape from "../../lib/utils/unescape.js";
+import { Snippet as SnippetUiComponent } from "../../components/Snippet/Snippet.js"; // These utils are individually imported, as utils/renderTemplate imports helpers/components, importing lib/utils would create a circular dependency.
+
+import { getPropertyByPath } from "../../lib/utils/getPropertyByPath.js";
+import { toArray } from "../../lib/utils/toArray.js";
+import { unescape } from "../../lib/utils/escape-html.js";
 import { warning } from "../../lib/utils/logger.js";
+import { getHighlightedParts } from "../../lib/utils/getHighlightedParts.js";
 export function Snippet(_ref) {
   var hit = _ref.hit,
       attribute = _ref.attribute,
@@ -18,7 +20,7 @@ export function Snippet(_ref) {
       props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
 
   var property = getPropertyByPath(hit._snippetResult, attribute) || [];
-  var properties = Array.isArray(property) ? property : [property];
+  var properties = toArray(property);
   process.env.NODE_ENV === 'development' ? warning(Boolean(properties.length), "Could not enable snippet for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
   var parts = properties.map(function (_ref2) {
     var value = _ref2.value;

package/es/lib/InstantSearch.d.ts

@@ -177,7 +177,12 @@ declare class InstantSearch<TUiState extends UiState = UiState, TRouteState = TU
         cancel(): void;
     };
     scheduleStalledRender(): void;
-    setUiState(uiState: TUiState | ((previousUiState: TUiState) => TUiState)): void;
+    /**
+     * Set the UI state and trigger a search.
+     * @param uiState The next UI state or a function computing it from the current state
+     * @param callOnStateChange private parameter used to know if the method is called from a state change
+     */
+    setUiState(uiState: TUiState | ((previousUiState: TUiState) => TUiState), callOnStateChange?: boolean): void;
     getUiState(): TUiState;
     onInternalStateChange: ((...args: any[]) => void) & {
         wait(): Promise<void>;

package/es/lib/InstantSearch.js

@@ -28,10 +28,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import algoliasearchHelper from 'algoliasearch-helper';
 import EventEmitter from '@algolia/events';
-import index, { isIndexWidget } from "../widgets/index/index.js";
+import index from "../widgets/index/index.js";
 import version from "./version.js";
 import createHelpers from "./createHelpers.js";
-import { createDocumentationMessageGenerator, createDocumentationLink, defer, noop, warning, checkIndexUiState } from "./utils/index.js";
+import { createDocumentationMessageGenerator, createDocumentationLink, defer, noop, warning, setIndexHelperState } from "./utils/index.js";
 import { createRouterMiddleware } from "../middlewares/createRouterMiddleware.js";
 import { createMetadataMiddleware, isMetadataEnabled } from "../middlewares/createMetadataMiddleware.js";
 var withUsage = createDocumentationMessageGenerator({
@@ -233,6 +233,7 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       var newMiddlewareList = middleware.map(function (fn) {
         var newMiddleware = _objectSpread({
           subscribe: noop,
+          started: noop,
           unsubscribe: noop,
           onStateChange: noop
         }, fn({
@@ -251,6 +252,7 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       if (this.started) {
         newMiddlewareList.forEach(function (m) {
           m.subscribe();
+          m.started();
         });
       }
 
@@ -487,6 +489,10 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       // to init them directly after add
 
       this.started = true;
+      this.middleware.forEach(function (_ref6) {
+        var instance = _ref6.instance;
+        instance.started();
+      });
     }
     /**
      * Removes all widgets without triggering a search afterwards. This is an **EXPERIMENTAL** feature,
@@ -513,8 +519,8 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       this.mainHelper.removeAllListeners();
       this.mainHelper = null;
       this.helper = null;
-      this.middleware.forEach(function (_ref6) {
-        var instance = _ref6.instance;
+      this.middleware.forEach(function (_ref7) {
+        var instance = _ref7.instance;
         instance.unsubscribe();
       });
     }
@@ -531,9 +537,19 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
         }, this._stalledSearchDelay);
       }
     }
+    /**
+     * Set the UI state and trigger a search.
+     * @param uiState The next UI state or a function computing it from the current state
+     * @param callOnStateChange private parameter used to know if the method is called from a state change
+     */
+
   }, {
     key: "setUiState",
     value: function setUiState(uiState) {
+      var _this5 = this;
+
+      var callOnStateChange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
       if (!this.mainHelper) {
         throw new Error(withUsage('The `start` method needs to be called before `setUiState`.'));
       } // We refresh the index UI state to update the local UI state that the
@@ -543,25 +559,22 @@ var InstantSearch = /*#__PURE__*/function (_EventEmitter) {
       this.mainIndex.refreshUiState();
       var nextUiState = typeof uiState === 'function' ? uiState(this.mainIndex.getWidgetUiState({})) : uiState;
 
-      var setIndexHelperState = function setIndexHelperState(indexWidget) {
-        var nextIndexUiState = nextUiState[indexWidget.getIndexId()] || {};
-
-        if (process.env.NODE_ENV === 'development') {
-          checkIndexUiState({
-            index: indexWidget,
-            indexUiState: nextIndexUiState
-          });
-        }
+      if (this.onStateChange && callOnStateChange) {
+        this.onStateChange({
+          uiState: nextUiState,
+          setUiState: function setUiState(finalUiState) {
+            setIndexHelperState(typeof finalUiState === 'function' ? finalUiState(nextUiState) : finalUiState, _this5.mainIndex);
 
-        indexWidget.getHelper().setState(indexWidget.getWidgetSearchParameters(indexWidget.getHelper().state, {
-          uiState: nextIndexUiState
-        }));
-        indexWidget.getWidgets().filter(isIndexWidget).forEach(setIndexHelperState);
-      };
+            _this5.scheduleSearch();
 
-      setIndexHelperState(this.mainIndex);
-      this.scheduleSearch();
-      this.onInternalStateChange();
+            _this5.onInternalStateChange();
+          }
+        });
+      } else {
+        setIndexHelperState(nextUiState, this.mainIndex);
+        this.scheduleSearch();
+        this.onInternalStateChange();
+      }
     }
   }, {
     key: "getUiState",

package/es/lib/createHelpers.js

@@ -5,11 +5,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import { highlight as _highlight, reverseHighlight as _reverseHighlight, snippet as _snippet, reverseSnippet as _reverseSnippet, insights as _insights } from "../helpers/index.js";
+import { formatNumber as _formatNumber } from "./formatNumber.js";
 export default function hoganHelpers(_ref) {
   var numberLocale = _ref.numberLocale;
   return {
     formatNumber: function formatNumber(value, render) {
-      return Number(render(value)).toLocaleString(numberLocale);
+      return _formatNumber(Number(render(value)), numberLocale);
     },
     highlight: function highlight(options, render) {
       try {

package/es/lib/formatNumber.d.ts

@@ -0,0 +1 @@
+export declare function formatNumber(value: number, numberLocale?: string): string;

package/es/lib/formatNumber.js

@@ -0,0 +1,3 @@
+export function formatNumber(value, numberLocale) {
+  return value.toLocaleString(numberLocale);
+}

package/es/lib/utils/capitalize.d.ts

@@ -1,2 +1 @@
-declare function capitalize(text: string): string;
-export default capitalize;
+export declare function capitalize(text: string): string;

package/es/lib/utils/capitalize.js

@@ -1,5 +1,3 @@
-function capitalize(text) {
+export function capitalize(text) {
   return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
-}
-
-export default capitalize;
+}

package/es/lib/utils/checkIndexUiState.js

@@ -18,7 +18,7 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import capitalize from "./capitalize.js";
+import { capitalize } from "./capitalize.js";
 import { warning } from "./logger.js";
 import { keys } from "./typedObject.js"; // Some connectors are responsible for multiple widgets so we need
 // to map them.

package/es/lib/utils/checkRendering.d.ts

@@ -1,3 +1,2 @@
 import type { Renderer } from '../../types/connector';
-declare function checkRendering<TRenderOptions, TWidgetParams>(rendering: Renderer<TRenderOptions, TWidgetParams>, usage: string): void;
-export default checkRendering;
+export declare function checkRendering<TRenderOptions, TWidgetParams>(rendering: Renderer<TRenderOptions, TWidgetParams>, usage: string): void;

package/es/lib/utils/checkRendering.js

@@ -1,9 +1,6 @@
-import getObjectType from "./getObjectType.js";
-
-function checkRendering(rendering, usage) {
+import { getObjectType } from "./getObjectType.js";
+export function checkRendering(rendering, usage) {
   if (rendering === undefined || typeof rendering !== 'function') {
     throw new Error("The render function is not valid (received type ".concat(getObjectType(rendering), ").\n\n").concat(usage));
   }
-}
-
-export default checkRendering;
+}

package/es/lib/utils/clearRefinements.d.ts

@@ -1,15 +1,11 @@
-import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper, SearchParameters } from 'algoliasearch-helper';
 /**
  * Clears the refinements of a SearchParameters object based on rules provided.
  * The included attributes list is applied before the excluded attributes list. If the list
  * is not provided, this list of all the currently refined attributes is used as included attributes.
- * @param {object} $0 parameters
- * @param {Helper} $0.helper instance of the Helper
- * @param {string[]} [$0.attributesToClear = []] list of parameters to clear
- * @returns {SearchParameters} search parameters with refinements cleared
+ * @returns search parameters with refinements cleared
  */
-declare function clearRefinements({ helper, attributesToClear, }: {
+export declare function clearRefinements({ helper, attributesToClear, }: {
     helper: AlgoliaSearchHelper;
     attributesToClear?: string[];
-}): import("algoliasearch-helper").SearchParameters;
-export default clearRefinements;
+}): SearchParameters;

package/es/lib/utils/clearRefinements.js

@@ -2,12 +2,9 @@
  * Clears the refinements of a SearchParameters object based on rules provided.
  * The included attributes list is applied before the excluded attributes list. If the list
  * is not provided, this list of all the currently refined attributes is used as included attributes.
- * @param {object} $0 parameters
- * @param {Helper} $0.helper instance of the Helper
- * @param {string[]} [$0.attributesToClear = []] list of parameters to clear
- * @returns {SearchParameters} search parameters with refinements cleared
+ * @returns search parameters with refinements cleared
  */
-function clearRefinements(_ref) {
+export function clearRefinements(_ref) {
   var helper = _ref.helper,
       _ref$attributesToClea = _ref.attributesToClear,
       attributesToClear = _ref$attributesToClea === void 0 ? [] : _ref$attributesToClea;
@@ -37,6 +34,4 @@ function clearRefinements(_ref) {
   }
 
   return finalState;
-}
-
-export default clearRefinements;
+}

package/es/lib/utils/concatHighlightedParts.d.ts

@@ -1,2 +1,2 @@
 import type { HighlightedParts } from '../../types';
-export default function concatHighlightedParts(parts: HighlightedParts[]): string;
+export declare function concatHighlightedParts(parts: HighlightedParts[]): string;

package/es/lib/utils/concatHighlightedParts.js

@@ -1,5 +1,5 @@
 import { TAG_REPLACEMENT } from "./escape-highlight.js";
-export default function concatHighlightedParts(parts) {
+export function concatHighlightedParts(parts) {
   var highlightPreTag = TAG_REPLACEMENT.highlightPreTag,
       highlightPostTag = TAG_REPLACEMENT.highlightPostTag;
   return parts.map(function (part) {

package/es/lib/utils/createSendEventForFacet.js

@@ -1,6 +1,6 @@
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-import isFacetRefined from "./isFacetRefined.js";
+import { isFacetRefined } from "./isFacetRefined.js";
 export function createSendEventForFacet(_ref) {
   var instantSearchInstance = _ref.instantSearchInstance,
       helper = _ref.helper,

package/es/lib/utils/createSendEventForHits.d.ts

@@ -1,6 +1,3 @@
-/**
- * @jest-environment jsdom
- */
 import type { InstantSearch, Hit } from '../../types';
 declare type BuiltInSendEventForHits = (eventType: string, hits: Hit | Hit[], eventName?: string) => void;
 declare type CustomSendEventForHits = (customPayload: any) => void;