react-instantsearch 7.5.3 → 7.5.5

package/dist/cjs/widgets/SearchBox.js

@@ -8,7 +8,7 @@ exports.SearchBox = SearchBox;
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
 var _SearchBox = require("../ui/SearchBox");
-var _excluded = ["queryHook", "searchAsYouType", "translations"];
+var _excluded = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
@@ -29,6 +29,8 @@ function SearchBox(_ref) {
   var queryHook = _ref.queryHook,
     _ref$searchAsYouType = _ref.searchAsYouType,
     searchAsYouType = _ref$searchAsYouType === void 0 ? true : _ref$searchAsYouType,
+    _ref$ignoreCompositio = _ref.ignoreCompositionEvents,
+    ignoreCompositionEvents = _ref$ignoreCompositio === void 0 ? false : _ref$ignoreCompositio,
     translations = _ref.translations,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useSearchBox = (0, _reactInstantsearchCore.useSearchBox)({
@@ -45,9 +47,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;
+    var isComposing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     setInputValue(newQuery);
-    if (searchAsYouType && compositionComplete) {
+    if (searchAsYouType && !(ignoreCompositionEvents && isComposing)) {
       refine(newQuery);
     }
   }
@@ -58,8 +60,7 @@ function SearchBox(_ref) {
     }
   }
   function onChange(event) {
-    var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
-    setQuery(event.currentTarget.value, compositionComplete);
+    setQuery(event.currentTarget.value, event.nativeEvent.isComposing);
   }
   function onSubmit(event) {
     if (!searchAsYouType) {

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

@@ -7,7 +7,13 @@ export type SearchBoxProps = Omit<SearchBoxUiComponentProps, Exclude<keyof UiPro
      * @default true
      */
     searchAsYouType?: boolean;
+    /**
+     * Whether to update the search state in the middle of a
+     * composition session.
+     * @default false
+     */
+    ignoreCompositionEvents?: boolean;
     translations?: Partial<UiProps['translations']>;
 };
-export declare function SearchBox({ queryHook, searchAsYouType, translations, ...props }: SearchBoxProps): JSX.Element;
+export declare function SearchBox({ queryHook, searchAsYouType, ignoreCompositionEvents, translations, ...props }: SearchBoxProps): JSX.Element;
 export {};

package/dist/es/widgets/SearchBox.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["queryHook", "searchAsYouType", "translations"];
+var _excluded = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -21,6 +21,8 @@ export function SearchBox(_ref) {
   var queryHook = _ref.queryHook,
     _ref$searchAsYouType = _ref.searchAsYouType,
     searchAsYouType = _ref$searchAsYouType === void 0 ? true : _ref$searchAsYouType,
+    _ref$ignoreCompositio = _ref.ignoreCompositionEvents,
+    ignoreCompositionEvents = _ref$ignoreCompositio === void 0 ? false : _ref$ignoreCompositio,
     translations = _ref.translations,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useSearchBox = useSearchBox({
@@ -37,9 +39,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;
+    var isComposing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     setInputValue(newQuery);
-    if (searchAsYouType && compositionComplete) {
+    if (searchAsYouType && !(ignoreCompositionEvents && isComposing)) {
       refine(newQuery);
     }
   }
@@ -50,8 +52,7 @@ export function SearchBox(_ref) {
     }
   }
   function onChange(event) {
-    var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
-    setQuery(event.currentTarget.value, compositionComplete);
+    setQuery(event.currentTarget.value, event.nativeEvent.isComposing);
   }
   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.5.3';
+  var version = '7.5.5';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -6800,7 +6800,7 @@
     return chunks;
   }
   function _buildEventPayloadsForHits(_ref) {
-    var index = _ref.index,
+    var getIndex = _ref.getIndex,
       widgetType = _ref.widgetType,
       methodName = _ref.methodName,
       args = _ref.args,
@@ -6853,7 +6853,7 @@
           eventType: eventType,
           payload: _objectSpread$2({
             eventName: eventName || 'Hits Viewed',
-            index: index,
+            index: getIndex(),
             objectIDs: objectIDsByChunk[i]
           }, additionalData),
           hits: batch,
@@ -6868,7 +6868,7 @@
           eventType: eventType,
           payload: _objectSpread$2({
             eventName: eventName || 'Hit Clicked',
-            index: index,
+            index: getIndex(),
             queryID: queryID,
             objectIDs: objectIDsByChunk[i],
             positions: positionsByChunk[i]
@@ -6885,7 +6885,7 @@
           eventType: eventType,
           payload: _objectSpread$2({
             eventName: eventName || 'Hit Converted',
-            index: index,
+            index: getIndex(),
             queryID: queryID,
             objectIDs: objectIDsByChunk[i]
           }, additionalData),
@@ -6899,7 +6899,7 @@
   }
   function createSendEventForHits(_ref2) {
     var instantSearchInstance = _ref2.instantSearchInstance,
-      index = _ref2.index,
+      getIndex = _ref2.getIndex,
       widgetType = _ref2.widgetType;
     var sentEvents = {};
     var timer = undefined;
@@ -6909,7 +6909,7 @@
       }
       var payloads = _buildEventPayloadsForHits({
         widgetType: widgetType,
-        index: index,
+        getIndex: getIndex,
         methodName: 'sendEvent',
         args: args,
         instantSearchInstance: instantSearchInstance
@@ -6929,7 +6929,7 @@
     return sendEventForHits;
   }
   function createBindEventForHits(_ref3) {
-    var index = _ref3.index,
+    var getIndex = _ref3.getIndex,
       widgetType = _ref3.widgetType,
       instantSearchInstance = _ref3.instantSearchInstance;
     var bindEventForHits = function bindEventForHits() {
@@ -6938,7 +6938,7 @@
       }
       var payloads = _buildEventPayloadsForHits({
         widgetType: widgetType,
-        index: index,
+        getIndex: getIndex,
         methodName: 'bindEvent',
         args: args,
         instantSearchInstance: instantSearchInstance
@@ -12204,7 +12204,7 @@
     };
   }
 
-  var version$3 = '4.64.1';
+  var version$3 = '4.64.3';
 
   function _typeof$o(obj) {
     "@babel/helpers - typeof";
@@ -14305,7 +14305,9 @@
           if (!sendEvent) {
             sendEvent = createSendEventForHits({
               instantSearchInstance: instantSearchInstance,
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: $$type
             });
           }
@@ -14832,13 +14834,17 @@
           if (!sendEvent) {
             sendEvent = createSendEventForHits({
               instantSearchInstance: instantSearchInstance,
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type
             });
           }
           if (!bindEvent) {
             bindEvent = createBindEventForHits({
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type,
               instantSearchInstance: instantSearchInstance
             });
@@ -15366,11 +15372,15 @@
             showMore = getShowMore(helper);
             sendEvent = createSendEventForHits({
               instantSearchInstance: instantSearchInstance,
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type
             });
             bindEvent = createBindEventForHits({
-              index: helper.getIndex(),
+              getIndex: function getIndex() {
+                return helper.getIndex();
+              },
               widgetType: this.$$type,
               instantSearchInstance: instantSearchInstance
             });
@@ -20344,11 +20354,13 @@
     }));
   }
 
-  var _excluded$E = ["queryHook", "searchAsYouType", "translations"];
+  var _excluded$E = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
   function SearchBox$1(_ref) {
     var queryHook = _ref.queryHook,
       _ref$searchAsYouType = _ref.searchAsYouType,
       searchAsYouType = _ref$searchAsYouType === void 0 ? true : _ref$searchAsYouType,
+      _ref$ignoreCompositio = _ref.ignoreCompositionEvents,
+      ignoreCompositionEvents = _ref$ignoreCompositio === void 0 ? false : _ref$ignoreCompositio,
       translations = _ref.translations,
       props = _objectWithoutProperties$c(_ref, _excluded$E);
     var _useSearchBox = useSearchBox({
@@ -20365,9 +20377,9 @@
       setInputValue = _useState2[1];
     var inputRef = React.useRef(null);
     function setQuery(newQuery) {
-      var compositionComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var isComposing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       setInputValue(newQuery);
-      if (searchAsYouType && compositionComplete) {
+      if (searchAsYouType && !(ignoreCompositionEvents && isComposing)) {
         refine(newQuery);
       }
     }
@@ -20378,8 +20390,7 @@
       }
     }
     function onChange(event) {
-      var compositionComplete = event.type === 'compositionend' || !event.nativeEvent.isComposing;
-      setQuery(event.currentTarget.value, compositionComplete);
+      setQuery(event.currentTarget.value, event.nativeEvent.isComposing);
     }
     function onSubmit(event) {
       if (!searchAsYouType) {