@algolia/autocomplete-core 1.15.0 → 1.16.0

package/dist/esm/getDefaultProps.js

@@ -22,6 +22,7 @@ export function getDefaultProps(props, pluginSubscribers) {
     debug: false,
     openOnFocus: false,
     enterKeyHint: undefined,
+    ignoreCompositionEvents: false,
     placeholder: '',
     autoFocus: false,
     defaultActiveItemId: null,

package/dist/esm/getPropGetters.js

@@ -15,7 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { noop } from '@algolia/autocomplete-shared';
 import { onInput } from './onInput';
 import { onKeyDown as _onKeyDown } from './onKeyDown';
-import { getActiveItem, getAutocompleteElementId, isOrContainsNode, isSamsung } from './utils';
+import { getActiveItem, getAutocompleteElementId, isOrContainsNode, isSamsung, getNativeEvent } from './utils';
 export function getPropGetters(_ref) {
   var props = _ref.props,
     refresh = _ref.refresh,
@@ -167,6 +167,20 @@ export function getPropGetters(_ref) {
       maxLength: maxLength,
       type: 'search',
       onChange: function onChange(event) {
+        var value = event.currentTarget.value;
+        if (props.ignoreCompositionEvents && getNativeEvent(event).isComposing) {
+          setters.setQuery(value);
+          return;
+        }
+        onInput(_objectSpread({
+          event: event,
+          props: props,
+          query: value.slice(0, maxLength),
+          refresh: refresh,
+          store: store
+        }, setters));
+      },
+      onCompositionEnd: function onCompositionEnd(event) {
         onInput(_objectSpread({
           event: event,
           props: props,
@@ -176,6 +190,9 @@ export function getPropGetters(_ref) {
         }, setters));
       },
       onKeyDown: function onKeyDown(event) {
+        if (getNativeEvent(event).isComposing) {
+          return;
+        }
         _onKeyDown(_objectSpread({
           event: event,
           props: props,

package/dist/esm/utils/getNativeEvent.d.ts

@@ -0,0 +1 @@
+export declare function getNativeEvent<TEvent>(event: TEvent): TEvent;

package/dist/esm/utils/getNativeEvent.js

@@ -0,0 +1,3 @@
+export function getNativeEvent(event) {
+  return event.nativeEvent || event;
+}

package/dist/esm/utils/index.d.ts

@@ -8,3 +8,4 @@ export * from './getAutocompleteElementId';
 export * from './isOrContainsNode';
 export * from './isSamsung';
 export * from './mapToAlgoliaResponse';
+export * from './getNativeEvent';

package/dist/esm/utils/index.js

@@ -7,4 +7,5 @@ export * from './getActiveItem';
 export * from './getAutocompleteElementId';
 export * from './isOrContainsNode';
 export * from './isSamsung';
-export * from './mapToAlgoliaResponse';
+export * from './mapToAlgoliaResponse';
+export * from './getNativeEvent';

package/dist/umd/index.development.js

@@ -1,4 +1,4 @@
-/*! @algolia/autocomplete-core 1.15.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-core 1.16.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -291,7 +291,7 @@
     return undefined;
   }
 
-  var version = '1.15.0';
+  var version = '1.16.0';
 
   var userAgents = [{
     segment: 'autocomplete-core',
@@ -906,6 +906,7 @@
         var setContext = _ref4.setContext,
           onSelect = _ref4.onSelect,
           onActive = _ref4.onActive;
+        var isAuthenticatedToken = false;
         function setInsightsContext(userToken) {
           setContext({
             algoliaInsightsPlugin: {
@@ -922,16 +923,24 @@
         setInsightsContext();
 
         // Handles user token changes
-        insightsClient('onUserTokenChange', setInsightsContext);
+        insightsClient('onUserTokenChange', function (userToken) {
+          if (!isAuthenticatedToken) {
+            setInsightsContext(userToken);
+          }
+        });
         insightsClient('getUserToken', null, function (_error, userToken) {
-          setInsightsContext(userToken);
+          if (!isAuthenticatedToken) {
+            setInsightsContext(userToken);
+          }
         });
 
         // Handles authenticated user token changes
         insightsClient('onAuthenticatedUserTokenChange', function (authenticatedUserToken) {
           if (authenticatedUserToken) {
+            isAuthenticatedToken = true;
             setInsightsContext(authenticatedUserToken);
           } else {
+            isAuthenticatedToken = false;
             insightsClient('getUserToken', null, function (_error, userToken) {
               return setInsightsContext(userToken);
             });
@@ -939,6 +948,7 @@
         });
         insightsClient('getAuthenticatedUserToken', null, function (_error, authenticatedUserToken) {
           if (authenticatedUserToken) {
+            isAuthenticatedToken = true;
             setInsightsContext(authenticatedUserToken);
           }
         });
@@ -1357,6 +1367,10 @@
     };
   }
 
+  function getNativeEvent(event) {
+    return event.nativeEvent || event;
+  }
+
   function createStore(reducer, props, onStoreStateChange) {
     var state = props.initialState;
     return {
@@ -1431,6 +1445,7 @@
       debug: false,
       openOnFocus: false,
       enterKeyHint: undefined,
+      ignoreCompositionEvents: false,
       placeholder: '',
       autoFocus: false,
       defaultActiveItemId: null,
@@ -2152,6 +2167,20 @@
         maxLength: maxLength,
         type: 'search',
         onChange: function onChange(event) {
+          var value = event.currentTarget.value;
+          if (props.ignoreCompositionEvents && getNativeEvent(event).isComposing) {
+            setters.setQuery(value);
+            return;
+          }
+          onInput(_objectSpread2({
+            event: event,
+            props: props,
+            query: value.slice(0, maxLength),
+            refresh: refresh,
+            store: store
+          }, setters));
+        },
+        onCompositionEnd: function onCompositionEnd(event) {
           onInput(_objectSpread2({
             event: event,
             props: props,
@@ -2161,6 +2190,9 @@
           }, setters));
         },
         onKeyDown: function onKeyDown$1(event) {
+          if (getNativeEvent(event).isComposing) {
+            return;
+          }
           onKeyDown(_objectSpread2({
             event: event,
             props: props,