instantsearch.js 4.64.1 → 4.64.2

package/cjs/components/SearchBox/SearchBox.js

@@ -29,6 +29,7 @@ var defaultProps = {
   showLoadingIndicator: true,
   autofocus: false,
   searchAsYouType: true,
+  ignoreCompositionEvents: false,
   isSearchStalled: false,
   disabled: false,
   ariaLabel: 'Search',
@@ -58,7 +59,7 @@ var SearchBox = /*#__PURE__*/function (_Component) {
         refine = _this$props.refine,
         onChange = _this$props.onChange;
       var query = event.target.value;
-      if (event.type === 'compositionend' || !event.isComposing) {
+      if (!(_this.props.ignoreCompositionEvents && event.isComposing)) {
         if (searchAsYouType) {
           refine(query);
         }

package/cjs/lib/version.js

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

package/cjs/widgets/search-box/search-box.js

@@ -29,6 +29,7 @@ var renderer = function renderer(_ref) {
     templates = _ref.templates,
     autofocus = _ref.autofocus,
     searchAsYouType = _ref.searchAsYouType,
+    ignoreCompositionEvents = _ref.ignoreCompositionEvents,
     showReset = _ref.showReset,
     showSubmit = _ref.showSubmit,
     showLoadingIndicator = _ref.showLoadingIndicator;
@@ -42,6 +43,7 @@ var renderer = function renderer(_ref) {
       autofocus: autofocus,
       refine: refine,
       searchAsYouType: searchAsYouType,
+      ignoreCompositionEvents: ignoreCompositionEvents,
       templates: templates,
       showSubmit: showSubmit,
       showReset: showReset,
@@ -72,6 +74,8 @@ var searchBox = function searchBox(widgetParams) {
     autofocus = _ref3$autofocus === void 0 ? false : _ref3$autofocus,
     _ref3$searchAsYouType = _ref3.searchAsYouType,
     searchAsYouType = _ref3$searchAsYouType === void 0 ? true : _ref3$searchAsYouType,
+    _ref3$ignoreCompositi = _ref3.ignoreCompositionEvents,
+    ignoreCompositionEvents = _ref3$ignoreCompositi === void 0 ? false : _ref3$ignoreCompositi,
     _ref3$showReset = _ref3.showReset,
     showReset = _ref3$showReset === void 0 ? true : _ref3$showReset,
     _ref3$showSubmit = _ref3.showSubmit,
@@ -120,6 +124,7 @@ var searchBox = function searchBox(widgetParams) {
     templates: templates,
     autofocus: autofocus,
     searchAsYouType: searchAsYouType,
+    ignoreCompositionEvents: ignoreCompositionEvents,
     showReset: showReset,
     showSubmit: showSubmit,
     showLoadingIndicator: showLoadingIndicator

package/dist/instantsearch.development.d.ts

@@ -4822,6 +4822,12 @@ declare type SearchBoxWidgetParams = {
      * once `<Enter>` is pressed only.
      */
     searchAsYouType?: boolean;
+    /**
+     * Whether to update the search state in the middle of a
+     * composition session.
+     * @default false
+     */
+    ignoreCompositionEvents?: boolean;
     /**
      * Whether to show the reset button
      */

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.64.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.64.2 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -14890,7 +14890,7 @@
     };
   }
 
-  var version$1 = '4.64.1';
+  var version$1 = '4.64.2';
 
   var withUsage$r = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -18039,6 +18039,7 @@
     showLoadingIndicator: true,
     autofocus: false,
     searchAsYouType: true,
+    ignoreCompositionEvents: false,
     isSearchStalled: false,
     disabled: false,
     ariaLabel: 'Search',
@@ -18068,7 +18069,7 @@
           refine = _this$props.refine,
           onChange = _this$props.onChange;
         var query = event.target.value;
-        if (event.type === 'compositionend' || !event.isComposing) {
+        if (!(_this.props.ignoreCompositionEvents && event.isComposing)) {
           if (searchAsYouType) {
             refine(query);
           }
@@ -21826,6 +21827,7 @@
       templates = _ref.templates,
       autofocus = _ref.autofocus,
       searchAsYouType = _ref.searchAsYouType,
+      ignoreCompositionEvents = _ref.ignoreCompositionEvents,
       showReset = _ref.showReset,
       showSubmit = _ref.showSubmit,
       showLoadingIndicator = _ref.showLoadingIndicator;
@@ -21839,6 +21841,7 @@
         autofocus: autofocus,
         refine: refine,
         searchAsYouType: searchAsYouType,
+        ignoreCompositionEvents: ignoreCompositionEvents,
         templates: templates,
         showSubmit: showSubmit,
         showReset: showReset,
@@ -21869,6 +21872,8 @@
       autofocus = _ref3$autofocus === void 0 ? false : _ref3$autofocus,
       _ref3$searchAsYouType = _ref3.searchAsYouType,
       searchAsYouType = _ref3$searchAsYouType === void 0 ? true : _ref3$searchAsYouType,
+      _ref3$ignoreCompositi = _ref3.ignoreCompositionEvents,
+      ignoreCompositionEvents = _ref3$ignoreCompositi === void 0 ? false : _ref3$ignoreCompositi,
       _ref3$showReset = _ref3.showReset,
       showReset = _ref3$showReset === void 0 ? true : _ref3$showReset,
       _ref3$showSubmit = _ref3.showSubmit,
@@ -21917,6 +21922,7 @@
       templates: templates,
       autofocus: autofocus,
       searchAsYouType: searchAsYouType,
+      ignoreCompositionEvents: ignoreCompositionEvents,
       showReset: showReset,
       showSubmit: showSubmit,
       showLoadingIndicator: showLoadingIndicator