instantsearch.js 4.56.3 → 4.56.5

package/cjs/connectors/breadcrumb/connectBreadcrumb.js

@@ -73,6 +73,7 @@ var connectBreadcrumb = function connectBreadcrumb(renderFn) {
         });
       },
       getWidgetRenderState: function getWidgetRenderState(_ref2) {
+        var _this = this;
         var helper = _ref2.helper,
           createURL = _ref2.createURL,
           results = _ref2.results,
@@ -96,7 +97,12 @@ var connectBreadcrumb = function connectBreadcrumb(renderFn) {
         var items = getItems();
         if (!connectorState.createURL) {
           connectorState.createURL = function (facetValue) {
-            return createURL(getRefinedState(helper.state, facetValue));
+            return createURL(function (uiState) {
+              return _this.getWidgetUiState(uiState, {
+                searchParameters: getRefinedState(helper.state, facetValue),
+                helper: helper
+              });
+            });
           };
         }
         if (!connectorState.refine) {
@@ -112,18 +118,39 @@ var connectBreadcrumb = function connectBreadcrumb(renderFn) {
           widgetParams: widgetParams
         };
       },
-      getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters) {
+      getWidgetUiState: function getWidgetUiState(uiState, _ref3) {
+        var searchParameters = _ref3.searchParameters;
+        var path = searchParameters.getHierarchicalFacetBreadcrumb(hierarchicalFacetName);
+        if (!path.length) {
+          return uiState;
+        }
+        return _objectSpread(_objectSpread({}, uiState), {}, {
+          hierarchicalMenu: _objectSpread(_objectSpread({}, uiState.hierarchicalMenu), {}, _defineProperty({}, hierarchicalFacetName, path))
+        });
+      },
+      getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref4) {
+        var uiState = _ref4.uiState;
+        var values = uiState.hierarchicalMenu && uiState.hierarchicalMenu[hierarchicalFacetName];
+        if (searchParameters.isConjunctiveFacet(hierarchicalFacetName) || searchParameters.isDisjunctiveFacet(hierarchicalFacetName)) {
+          process.env.NODE_ENV === 'development' ? (0, _utils.warning)(false, "HierarchicalMenu: Attribute \"".concat(hierarchicalFacetName, "\" is already used by another widget applying conjunctive or disjunctive faceting.\nAs this is not supported, please make sure to remove this other widget or this HierarchicalMenu widget will not work at all.")) : void 0;
+          return searchParameters;
+        }
         if (searchParameters.isHierarchicalFacet(hierarchicalFacetName)) {
           var facet = searchParameters.getHierarchicalFacetByName(hierarchicalFacetName);
           process.env.NODE_ENV === 'development' ? (0, _utils.warning)((0, _utils.isEqual)(facet.attributes, attributes) && facet.separator === separator && facet.rootPath === rootPath, 'Using Breadcrumb and HierarchicalMenu on the same facet with different options overrides the configuration of the HierarchicalMenu.') : void 0;
-          return searchParameters;
         }
-        return searchParameters.addHierarchicalFacet({
+        var withFacetConfiguration = searchParameters.removeHierarchicalFacet(hierarchicalFacetName).addHierarchicalFacet({
           name: hierarchicalFacetName,
           attributes: attributes,
           separator: separator,
           rootPath: rootPath
         });
+        if (!values) {
+          return withFacetConfiguration.setQueryParameters({
+            hierarchicalFacetsRefinements: _objectSpread(_objectSpread({}, withFacetConfiguration.hierarchicalFacetsRefinements), {}, _defineProperty({}, hierarchicalFacetName, []))
+          });
+        }
+        return withFacetConfiguration.addHierarchicalFacetRefinement(hierarchicalFacetName, values.join(separator));
       }
     };
   };

package/cjs/connectors/hierarchical-menu/connectHierarchicalMenu.js

@@ -136,6 +136,7 @@ var connectHierarchicalMenu = function connectHierarchicalMenu(renderFn) {
         });
       },
       getWidgetRenderState: function getWidgetRenderState(_ref4) {
+        var _this = this;
         var results = _ref4.results,
           state = _ref4.state,
           createURL = _ref4.createURL,
@@ -145,9 +146,14 @@ var connectHierarchicalMenu = function connectHierarchicalMenu(renderFn) {
         var canToggleShowMore = false;
 
         // Bind createURL to this specific attribute
-        function _createURL(facetValue) {
-          return createURL(state.resetPage().toggleFacetRefinement(hierarchicalFacetName, facetValue));
-        }
+        var _createURL = function _createURL(facetValue) {
+          return createURL(function (uiState) {
+            return _this.getWidgetUiState(uiState, {
+              searchParameters: state.resetPage().toggleFacetRefinement(hierarchicalFacetName, facetValue),
+              helper: helper
+            });
+          });
+        };
         if (!sendEvent) {
           sendEvent = (0, _utils.createSendEventForFacet)({
             instantSearchInstance: instantSearchInstance,

package/cjs/connectors/hits-per-page/connectHitsPerPage.js

@@ -61,9 +61,16 @@ var connectHitsPerPage = function connectHitsPerPage(renderFn) {
       },
       createURLFactory: function createURLFactory(_ref3) {
         var state = _ref3.state,
-          createURL = _ref3.createURL;
+          createURL = _ref3.createURL,
+          getWidgetUiState = _ref3.getWidgetUiState,
+          helper = _ref3.helper;
         return function (value) {
-          return createURL(state.resetPage().setQueryParameter('hitsPerPage', !value && value !== 0 ? undefined : value));
+          return createURL(function (uiState) {
+            return getWidgetUiState(uiState, {
+              searchParameters: state.resetPage().setQueryParameter('hitsPerPage', !value && value !== 0 ? undefined : value),
+              helper: helper
+            });
+          });
         };
       }
     };
@@ -118,7 +125,9 @@ var connectHitsPerPage = function connectHitsPerPage(renderFn) {
           refine: connectorState.getRefine(helper),
           createURL: connectorState.createURLFactory({
             state: state,
-            createURL: createURL
+            createURL: createURL,
+            getWidgetUiState: this.getWidgetUiState,
+            helper: helper
           }),
           hasNoResults: !canRefine,
           canRefine: canRefine,

package/cjs/connectors/menu/connectMenu.js

@@ -103,6 +103,7 @@ var connectMenu = function connectMenu(renderFn) {
         });
       },
       getWidgetRenderState: function getWidgetRenderState(renderOptions) {
+        var _this = this;
         var results = renderOptions.results,
           createURL = renderOptions.createURL,
           instantSearchInstance = renderOptions.instantSearchInstance,
@@ -119,7 +120,12 @@ var connectMenu = function connectMenu(renderFn) {
         }
         if (!_createURL) {
           _createURL = function _createURL(facetValue) {
-            return createURL(helper.state.resetPage().toggleFacetRefinement(attribute, facetValue));
+            return createURL(function (uiState) {
+              return _this.getWidgetUiState(uiState, {
+                searchParameters: helper.state.resetPage().toggleFacetRefinement(attribute, facetValue),
+                helper: helper
+              });
+            });
           };
         }
         if (!_refine) {

package/cjs/connectors/numeric-menu/connectNumericMenu.js

@@ -135,6 +135,7 @@ var connectNumericMenu = function connectNumericMenu(renderFn) {
         });
       },
       getWidgetRenderState: function getWidgetRenderState(_ref7) {
+        var _this = this;
         var results = _ref7.results,
           state = _ref7.state,
           instantSearchInstance = _ref7.instantSearchInstance,
@@ -150,7 +151,12 @@ var connectNumericMenu = function connectNumericMenu(renderFn) {
         if (!connectorState.createURL) {
           connectorState.createURL = function (newState) {
             return function (facetValue) {
-              return createURL(getRefinedState(newState, attribute, facetValue));
+              return createURL(function (uiState) {
+                return _this.getWidgetUiState(uiState, {
+                  searchParameters: getRefinedState(newState, attribute, facetValue),
+                  helper: helper
+                });
+              });
             };
           };
         }

package/cjs/connectors/pagination/connectPagination.js

@@ -88,10 +88,12 @@ var connectPagination = function connectPagination(renderFn) {
           };
         }
         if (!connectorState.createURL) {
-          connectorState.createURL = function (helperState) {
-            return function (page) {
-              return createURL(helperState.setPage(page));
-            };
+          connectorState.createURL = function (page) {
+            return createURL(function (uiState) {
+              return _objectSpread(_objectSpread({}, uiState), {}, {
+                page: page
+              });
+            });
           };
         }
         var page = state.page || 0;
@@ -101,7 +103,7 @@ var connectPagination = function connectPagination(renderFn) {
         pager.currentPage = page;
         pager.total = nbPages;
         return {
-          createURL: connectorState.createURL(state),
+          createURL: connectorState.createURL,
           refine: connectorState.refine,
           canRefine: nbPages > 1,
           currentRefinement: page,

package/cjs/connectors/rating-menu/connectRatingMenu.js

@@ -142,9 +142,16 @@ var connectRatingMenu = function connectRatingMenu(renderFn) {
       },
       createURLFactory: function createURLFactory(_ref4) {
         var state = _ref4.state,
-          createURL = _ref4.createURL;
+          createURL = _ref4.createURL,
+          getWidgetUiState = _ref4.getWidgetUiState,
+          helper = _ref4.helper;
         return function (value) {
-          return createURL(getRefinedState(state, value));
+          return createURL(function (uiState) {
+            return getWidgetUiState(uiState, {
+              searchParameters: getRefinedState(state, value),
+              helper: helper
+            });
+          });
         };
       }
     };
@@ -240,7 +247,9 @@ var connectRatingMenu = function connectRatingMenu(renderFn) {
           sendEvent: sendEvent,
           createURL: connectorState.createURLFactory({
             state: state,
-            createURL: createURL
+            createURL: createURL,
+            helper: helper,
+            getWidgetUiState: this.getWidgetUiState
           }),
           widgetParams: widgetParams
         };

package/cjs/connectors/refinement-list/connectRefinementList.js

@@ -163,6 +163,7 @@ var connectRefinementList = function connectRefinementList(renderFn) {
         });
       },
       getWidgetRenderState: function getWidgetRenderState(renderOptions) {
+        var _this = this;
         var results = renderOptions.results,
           state = renderOptions.state,
           _createURL = renderOptions.createURL,
@@ -216,7 +217,12 @@ var connectRefinementList = function connectRefinementList(renderFn) {
         var canToggleShowMore = canShowLess || canShowMore;
         return {
           createURL: function createURL(facetValue) {
-            return _createURL(state.resetPage().toggleFacetRefinement(attribute, facetValue));
+            return _createURL(function (uiState) {
+              return _this.getWidgetUiState(uiState, {
+                searchParameters: state.resetPage().toggleFacetRefinement(attribute, facetValue),
+                helper: helper
+              });
+            });
           },
           items: items,
           refine: triggerRefine,

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

@@ -125,7 +125,9 @@ var connectToggleRefinement = function connectToggleRefinement(renderFn) {
     var connectorState = {
       createURLFactory: function createURLFactory(isRefined, _ref4) {
         var state = _ref4.state,
-          createURL = _ref4.createURL;
+          createURL = _ref4.createURL,
+          getWidgetUiState = _ref4.getWidgetUiState,
+          helper = _ref4.helper;
         return function () {
           state = state.resetPage();
           var valuesToRemove = isRefined ? on : off;
@@ -140,7 +142,12 @@ var connectToggleRefinement = function connectToggleRefinement(renderFn) {
               state = state.addDisjunctiveFacetRefinement(attribute, v);
             });
           }
-          return createURL(state);
+          return createURL(function (uiState) {
+            return getWidgetUiState(uiState, {
+              searchParameters: state,
+              helper: helper
+            });
+          });
         };
       }
     };
@@ -245,7 +252,9 @@ var connectToggleRefinement = function connectToggleRefinement(renderFn) {
           },
           createURL: connectorState.createURLFactory(isRefined, {
             state: state,
-            createURL: createURL
+            createURL: createURL,
+            helper: helper,
+            getWidgetUiState: this.getWidgetUiState
           }),
           sendEvent: sendEvent,
           canRefine: Boolean(results ? nextRefinement.count : null),
@@ -259,6 +268,9 @@ var connectToggleRefinement = function connectToggleRefinement(renderFn) {
           return searchParameters.isDisjunctiveFacetRefined(attribute, v);
         });
         if (!isRefined) {
+          var _uiState$toggle;
+          // This needs to be done in the case `uiState` comes from `createURL`
+          (_uiState$toggle = uiState.toggle) === null || _uiState$toggle === void 0 ? true : delete _uiState$toggle[attribute];
           return uiState;
         }
         return _objectSpread(_objectSpread({}, uiState), {}, {

package/cjs/lib/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = '4.56.3';
+var _default = '4.56.5';
 exports.default = _default;

package/cjs/middlewares/createRouterMiddleware.js

@@ -25,9 +25,17 @@ var createRouterMiddleware = function createRouterMiddleware() {
   return function (_ref) {
     var instantSearchInstance = _ref.instantSearchInstance;
     function topLevelCreateURL(nextState) {
+      var previousUiState =
+      // If only the mainIndex is initialized, we don't yet know what other
+      // index widgets are used. Therefore we fall back to the initialUiState.
+      // We can't indiscriminately use the initialUiState because then we
+      // reintroduce state that was changed by the user.
+      // When there are no widgets, we are sure the user can't yet have made
+      // any changes.
+      instantSearchInstance.mainIndex.getWidgets().length === 0 ? instantSearchInstance._initialUiState : instantSearchInstance.mainIndex.getWidgetUiState({});
       var uiState = Object.keys(nextState).reduce(function (acc, indexId) {
         return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, indexId, nextState[indexId]));
-      }, instantSearchInstance.mainIndex.getWidgetUiState({}));
+      }, previousUiState);
       var route = stateMapping.stateToRoute(uiState);
       return router.createURL(route);
     }
@@ -51,7 +59,9 @@ var createRouterMiddleware = function createRouterMiddleware() {
       subscribe: function subscribe() {
         instantSearchInstance._initialUiState = _objectSpread(_objectSpread({}, initialUiState), stateMapping.routeToState(router.read()));
         router.onUpdate(function (route) {
-          instantSearchInstance.setUiState(stateMapping.routeToState(route));
+          if (instantSearchInstance.mainIndex.getWidgets().length > 0) {
+            instantSearchInstance.setUiState(stateMapping.routeToState(route));
+          }
         });
       },
       started: function started() {

package/cjs/widgets/index/index.js

@@ -147,6 +147,9 @@ var index = function index(widgetParams) {
       return localParent;
     },
     createURL: function createURL(nextState) {
+      if (typeof nextState === 'function') {
+        return localInstantSearchInstance._createURL(_defineProperty({}, indexId, nextState(localUiState)));
+      }
       return localInstantSearchInstance._createURL(_defineProperty({}, indexId, getLocalWidgetsUiState(localWidgets, {
         searchParameters: nextState,
         helper: helper
@@ -211,7 +214,7 @@ var index = function index(widgetParams) {
         return widgets.indexOf(widget) === -1;
       });
       if (localInstantSearchInstance && Boolean(widgets.length)) {
-        var nextState = widgets.reduce(function (state, widget) {
+        var _nextState = widgets.reduce(function (state, widget) {
           // the `dispose` method exists at this point we already assert it
           var next = widget.dispose({
             helper: helper,
@@ -221,12 +224,12 @@ var index = function index(widgetParams) {
           return next || state;
         }, helper.state);
         localUiState = getLocalWidgetsUiState(localWidgets, {
-          searchParameters: nextState,
+          searchParameters: _nextState,
           helper: helper
         });
         helper.setState(getLocalWidgetsSearchParameters(localWidgets, {
           uiState: localUiState,
-          initialSearchParameters: nextState
+          initialSearchParameters: _nextState
         }));
         if (localWidgets.length) {
           localInstantSearchInstance.scheduleSearch();

package/dist/instantsearch.development.d.ts

@@ -1915,6 +1915,10 @@ declare type HitsPerPageRenderState = {
      * Array of objects defining the different values and labels.
      */
     items: HitsPerPageRenderStateItem[];
+    /**
+     * Creates the URL for a single item name in the list.
+     */
+    createURL: CreateURL<HitsPerPageConnectorParamsItem['value']>;
     /**
      * Sets the number of hits per page and triggers a search.
      */
@@ -2077,7 +2081,7 @@ declare type IndexWidget<TUiState extends UiState = UiState> = Omit<Widget<Index
     getScopedResults: () => ScopedResult[];
     getParent: () => IndexWidget | null;
     getWidgets: () => Array<Widget | IndexWidget>;
-    createURL: (state: SearchParameters) => string;
+    createURL: (nextState: SearchParameters | ((state: IndexUiState) => IndexUiState)) => string;
     addWidgets: (widgets: Array<Widget | IndexWidget>) => IndexWidget;
     removeWidgets: (widgets: Array<Widget | IndexWidget>) => IndexWidget;
     init: (options: IndexInitOptions) => void;
@@ -4836,7 +4840,7 @@ declare type SharedRenderOptions = {
     };
     status: InstantSearch['status'];
     error: InstantSearch['error'];
-    createURL: (state: SearchParameters) => string;
+    createURL: (nextState: SearchParameters | ((state: IndexUiState) => IndexUiState)) => string;
 };
 
 declare function simpleStateMapping<TUiState extends UiState = UiState>(): StateMapping<TUiState, TUiState>;
@@ -5275,7 +5279,7 @@ declare type ToggleRefinementRenderState = {
     /**
      * Creates an URL for the next state.
      */
-    createURL: CreateURL<string>;
+    createURL: CreateURL<void>;
     /**
      * Send a "Facet Clicked" Insights event.
      */