react-instantsearch 7.4.1 → 7.5.1

package/dist/cjs/ui/HierarchicalMenu.js

@@ -28,7 +28,7 @@ function HierarchicalList(_ref) {
   }, items.map(function (item) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: item.value,
-      className: (0, _cx.cx)('ais-HierarchicalMenu-item', classNames.item, item.data && item.data.length > 0 && (0, _cx.cx)('ais-HierarchicalMenu-item--parent', classNames.parentItem), item.isRefined && (0, _cx.cx)('ais-HierarchicalMenu-item--selected', classNames.selectedItem))
+      className: (0, _cx.cx)('ais-HierarchicalMenu-item', classNames.item, item.isRefined && (0, _cx.cx)('ais-HierarchicalMenu-item--selected', classNames.selectedItem), item.data && item.data.length > 0 && (0, _cx.cx)('ais-HierarchicalMenu-item--parent', classNames.parentItem))
     }, /*#__PURE__*/_react.default.createElement("a", {
       className: (0, _cx.cx)('ais-HierarchicalMenu-link', classNames.link, item.isRefined && (0, _cx.cx)('ais-HierarchicalMenu-link--selected', classNames.selectedItemLink)),
       href: createURL(item.value),

package/dist/cjs/ui/SearchBox.js

@@ -132,6 +132,7 @@ function SearchBox(_ref7) {
     type: "search",
     value: value,
     onChange: onChange,
+    onCompositionEnd: onChange,
     autoFocus: autoFocus
   }), /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _cx.cx)('ais-SearchBox-submit', classNames.submit),

package/dist/cjs/widgets/RefinementList.js

@@ -65,15 +65,19 @@ function RefinementList(_ref) {
     setInputValue = _useState2[1];
   var inputRef = (0, _react.useRef)(null);
   function setQuery(newQuery) {
+    var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     setInputValue(newQuery);
-    searchForItems(newQuery);
+    if (compositionComplete) {
+      searchForItems(newQuery);
+    }
   }
   function onRefine(item) {
     refine(item.value);
     setQuery('');
   }
   function onChange(event) {
-    setQuery(event.currentTarget.value);
+    var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+    setQuery(event.currentTarget.value, compositionComplete);
   }
   function onReset() {
     setQuery('');

package/dist/cjs/widgets/SearchBox.js

@@ -45,8 +45,9 @@ function SearchBox(_ref) {
     setInputValue = _useState2[1];
   var inputRef = (0, _react.useRef)(null);
   function setQuery(newQuery) {
+    var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     setInputValue(newQuery);
-    if (searchAsYouType) {
+    if (searchAsYouType && compositionComplete) {
       refine(newQuery);
     }
   }
@@ -57,7 +58,8 @@ function SearchBox(_ref) {
     }
   }
   function onChange(event) {
-    setQuery(event.currentTarget.value);
+    var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+    setQuery(event.currentTarget.value, compositionComplete);
   }
   function onSubmit(event) {
     if (!searchAsYouType) {

package/dist/es/ui/HierarchicalMenu.js

@@ -21,7 +21,7 @@ function HierarchicalList(_ref) {
   }, items.map(function (item) {
     return /*#__PURE__*/React.createElement("li", {
       key: item.value,
-      className: cx('ais-HierarchicalMenu-item', classNames.item, item.data && item.data.length > 0 && cx('ais-HierarchicalMenu-item--parent', classNames.parentItem), item.isRefined && cx('ais-HierarchicalMenu-item--selected', classNames.selectedItem))
+      className: cx('ais-HierarchicalMenu-item', classNames.item, item.isRefined && cx('ais-HierarchicalMenu-item--selected', classNames.selectedItem), item.data && item.data.length > 0 && cx('ais-HierarchicalMenu-item--parent', classNames.parentItem))
     }, /*#__PURE__*/React.createElement("a", {
       className: cx('ais-HierarchicalMenu-link', classNames.link, item.isRefined && cx('ais-HierarchicalMenu-link--selected', classNames.selectedItemLink)),
       href: createURL(item.value),

package/dist/es/ui/SearchBox.d.ts

@@ -50,7 +50,8 @@ export type SearchBoxTranslations = {
      */
     resetButtonTitle: string;
 };
-export type SearchBoxProps = Omit<React.ComponentProps<'div'>, 'onSubmit' | 'onReset' | 'onChange'> & Pick<React.ComponentProps<'form'>, 'onSubmit'> & Required<Pick<React.ComponentProps<'form'>, 'onReset'>> & Pick<React.ComponentProps<'input'>, 'placeholder' | 'onChange' | 'autoFocus'> & {
+export type SearchBoxProps = Omit<React.ComponentProps<'div'>, 'onSubmit' | 'onReset' | 'onChange'> & Pick<React.ComponentProps<'form'>, 'onSubmit'> & Required<Pick<React.ComponentProps<'form'>, 'onReset'>> & Pick<React.ComponentProps<'input'>, 'placeholder' | 'autoFocus'> & {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.CompositionEvent<HTMLInputElement>) => void;
     formRef?: React.RefObject<HTMLFormElement>;
     inputRef: React.RefObject<HTMLInputElement>;
     isSearchStalled: boolean;

package/dist/es/ui/SearchBox.js

@@ -125,6 +125,7 @@ export function SearchBox(_ref7) {
     type: "search",
     value: value,
     onChange: onChange,
+    onCompositionEnd: onChange,
     autoFocus: autoFocus
   }), /*#__PURE__*/React.createElement("button", {
     className: cx('ais-SearchBox-submit', classNames.submit),

package/dist/es/widgets/RefinementList.js

@@ -57,15 +57,19 @@ export function RefinementList(_ref) {
     setInputValue = _useState2[1];
   var inputRef = useRef(null);
   function setQuery(newQuery) {
+    var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     setInputValue(newQuery);
-    searchForItems(newQuery);
+    if (compositionComplete) {
+      searchForItems(newQuery);
+    }
   }
   function onRefine(item) {
     refine(item.value);
     setQuery('');
   }
   function onChange(event) {
-    setQuery(event.currentTarget.value);
+    var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+    setQuery(event.currentTarget.value, compositionComplete);
   }
   function onReset() {
     setQuery('');

package/dist/es/widgets/SearchBox.js

@@ -37,8 +37,9 @@ export function SearchBox(_ref) {
     setInputValue = _useState2[1];
   var inputRef = useRef(null);
   function setQuery(newQuery) {
+    var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     setInputValue(newQuery);
-    if (searchAsYouType) {
+    if (searchAsYouType && compositionComplete) {
       refine(newQuery);
     }
   }
@@ -49,7 +50,8 @@ export function SearchBox(_ref) {
     }
   }
   function onChange(event) {
-    setQuery(event.currentTarget.value);
+    var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+    setQuery(event.currentTarget.value, compositionComplete);
   }
   function onSubmit(event) {
     if (!searchAsYouType) {

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.4.1';
+  var version = '7.5.1';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -4337,7 +4337,7 @@
 
   var SearchResults_1 = SearchResults;
 
-  var version$1 = '3.16.0';
+  var version$1 = '3.16.1';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -10286,7 +10286,7 @@
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-  var ALGOLIA_INSIGHTS_VERSION = '2.6.0';
+  var ALGOLIA_INSIGHTS_VERSION = '2.13.0';
   var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/search-insights@".concat(ALGOLIA_INSIGHTS_VERSION, "/dist/search-insights.min.js");
   function createInsightsMiddleware() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -10367,7 +10367,7 @@
         // set it later on.
         //
         // Otherwise, the `init` call might override it with anonymous user token.
-        userTokenBeforeInit = userToken;
+        userTokenBeforeInit = normalizeUserToken(userToken);
       });
 
       // Only `init` if the `insightsInitParams` option is passed or
@@ -10423,13 +10423,14 @@
           }
           var setUserTokenToSearch = function setUserTokenToSearch(userToken) {
             var immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-            if (!userToken) {
+            var normalizedUserToken = normalizeUserToken(userToken);
+            if (!normalizedUserToken) {
               return;
             }
             var existingToken = helper.state.userToken;
             function applyToken() {
               helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread$e(_objectSpread$e({}, helper.state), {}, {
-                userToken: userToken
+                userToken: normalizedUserToken
               }));
               if (existingToken && existingToken !== userToken) {
                 instantSearchInstance.scheduleSearch();
@@ -10525,6 +10526,17 @@
     return v3 || v2_6 || v1_10;
   }
 
+  /**
+   * While `search-insights` supports both string and number user tokens,
+   * the Search API only accepts strings. This function normalizes the user token.
+   */
+  function normalizeUserToken(userToken) {
+    if (!userToken) {
+      return undefined;
+    }
+    return typeof userToken === 'number' ? userToken.toString() : userToken;
+  }
+
   function extractWidgetPayload(widgets, instantSearchInstance, payload) {
     var initOptions = createInitArgs(instantSearchInstance, instantSearchInstance.mainIndex, instantSearchInstance._initialUiState);
     widgets.forEach(function (widget) {
@@ -11507,7 +11519,8 @@
         getLocation = _ref.getLocation,
         start = _ref.start,
         dispose = _ref.dispose,
-        push = _ref.push;
+        push = _ref.push,
+        cleanUrlOnDispose = _ref.cleanUrlOnDispose;
       _classCallCheck(this, BrowserHistory);
       _defineProperty$f(this, "$$type", 'ais.browser');
       /**
@@ -11557,6 +11570,7 @@
       _defineProperty$f(this, "_start", void 0);
       _defineProperty$f(this, "_dispose", void 0);
       _defineProperty$f(this, "_push", void 0);
+      _defineProperty$f(this, "_cleanUrlOnDispose", void 0);
       this.windowTitle = windowTitle;
       this.writeTimer = undefined;
       this.writeDelay = writeDelay;
@@ -11566,6 +11580,7 @@
       this._start = start;
       this._dispose = dispose;
       this._push = push;
+      this._cleanUrlOnDispose = typeof cleanUrlOnDispose === 'undefined' ? true : cleanUrlOnDispose;
       safelyRunOnBrowser(function (_ref2) {
         var window = _ref2.window;
         var title = _this.windowTitle && _this.windowTitle(_this.read());
@@ -11684,7 +11699,9 @@
         if (this.writeTimer) {
           clearTimeout(this.writeTimer);
         }
-        this.write({});
+        if (this._cleanUrlOnDispose) {
+          this.write({});
+        }
       }
     }, {
       key: "start",
@@ -11773,7 +11790,8 @@
       } : _ref7$getLocation,
       start = _ref7.start,
       dispose = _ref7.dispose,
-      push = _ref7.push;
+      push = _ref7.push,
+      cleanUrlOnDispose = _ref7.cleanUrlOnDispose;
     return new BrowserHistory({
       createURL: createURL,
       parseURL: parseURL,
@@ -11782,7 +11800,8 @@
       getLocation: getLocation,
       start: start,
       dispose: dispose,
-      push: push
+      push: push,
+      cleanUrlOnDispose: cleanUrlOnDispose
     });
   }
 
@@ -12140,7 +12159,7 @@
     };
   }
 
-  var version$3 = '4.62.0';
+  var version$3 = '4.63.1';
 
   function _typeof$o(obj) {
     "@babel/helpers - typeof";
@@ -17589,7 +17608,7 @@
         },
         getWidgetRenderState: function getWidgetRenderState(_ref3) {
           var helper = _ref3.helper,
-            searchMetadata = _ref3.searchMetadata,
+            instantSearchInstance = _ref3.instantSearchInstance,
             state = _ref3.state;
           if (!_refine) {
             _refine = function _refine(query) {
@@ -17606,7 +17625,7 @@
             refine: _refine,
             clear: _clear,
             widgetParams: widgetParams,
-            isSearchStalled: searchMetadata.isSearchStalled
+            isSearchStalled: instantSearchInstance.status === 'stalled'
           };
         },
         getWidgetUiState: function getWidgetUiState(uiState, _ref4) {
@@ -19135,7 +19154,7 @@
     }, items.map(function (item) {
       return /*#__PURE__*/React__default.createElement("li", {
         key: item.value,
-        className: cx('ais-HierarchicalMenu-item', classNames.item, item.data && item.data.length > 0 && cx('ais-HierarchicalMenu-item--parent', classNames.parentItem), item.isRefined && cx('ais-HierarchicalMenu-item--selected', classNames.selectedItem))
+        className: cx('ais-HierarchicalMenu-item', classNames.item, item.isRefined && cx('ais-HierarchicalMenu-item--selected', classNames.selectedItem), item.data && item.data.length > 0 && cx('ais-HierarchicalMenu-item--parent', classNames.parentItem))
       }, /*#__PURE__*/React__default.createElement("a", {
         className: cx('ais-HierarchicalMenu-link', classNames.link, item.isRefined && cx('ais-HierarchicalMenu-link--selected', classNames.selectedItemLink)),
         href: createURL(item.value),
@@ -20135,6 +20154,7 @@
       type: "search",
       value: value,
       onChange: onChange,
+      onCompositionEnd: onChange,
       autoFocus: autoFocus
     }), /*#__PURE__*/React__default.createElement("button", {
       className: cx('ais-SearchBox-submit', classNames.submit),
@@ -20199,15 +20219,19 @@
       setInputValue = _useState2[1];
     var inputRef = React.useRef(null);
     function setQuery(newQuery) {
+      var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       setInputValue(newQuery);
-      searchForItems(newQuery);
+      if (compositionComplete) {
+        searchForItems(newQuery);
+      }
     }
     function onRefine(item) {
       refine(item.value);
       setQuery('');
     }
     function onChange(event) {
-      setQuery(event.currentTarget.value);
+      var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+      setQuery(event.currentTarget.value, compositionComplete);
     }
     function onReset() {
       setQuery('');
@@ -20278,8 +20302,9 @@
       setInputValue = _useState2[1];
     var inputRef = React.useRef(null);
     function setQuery(newQuery) {
+      var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       setInputValue(newQuery);
-      if (searchAsYouType) {
+      if (searchAsYouType && compositionComplete) {
         refine(newQuery);
       }
     }
@@ -20290,7 +20315,8 @@
       }
     }
     function onChange(event) {
-      setQuery(event.currentTarget.value);
+      var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
+      setQuery(event.currentTarget.value, compositionComplete);
     }
     function onSubmit(event) {
       if (!searchAsYouType) {