@algolia/autocomplete-js 1.5.3 → 1.5.6

package/dist/esm/createAutocompleteDom.js

@@ -131,16 +131,22 @@ export function createAutocompleteDom(_ref) {
       textContent: placeholder
     });
     var detachedSearchButton = createDomElement('button', {
+      type: 'button',
       class: classNames.detachedSearchButton,
-      onClick: function onClick(event) {
-        event.preventDefault();
+      onClick: function onClick() {
         setIsModalOpen(true);
       },
       children: [detachedSearchButtonIcon, detachedSearchButtonPlaceholder]
     });
     var detachedCancelButton = createDomElement('button', {
+      type: 'button',
       class: classNames.detachedCancelButton,
       textContent: translations.detachedCancelButtonText,
+      // Prevent `onTouchStart` from closing the panel
+      // since it should be initiated by `onClick` only
+      onTouchStart: function onTouchStart(event) {
+        event.stopPropagation();
+      },
       onClick: function onClick() {
         autocomplete.setIsOpen(false);
         setIsModalOpen(false);

package/dist/esm/utils/setProperties.js

@@ -1,10 +1,17 @@
 /* eslint-disable */
 
+/**
+ * Touch-specific event aliases
+ *
+ * See https://w3c.github.io/touch-events/#extensions-to-the-globaleventhandlers-mixin
+ */
+var TOUCH_EVENTS_ALIASES = ['ontouchstart', 'ontouchend', 'ontouchmove', 'ontouchcancel'];
 /*
  * Taken from Preact
  *
  * See https://github.com/preactjs/preact/blob/6ab49d9020740127577bf4af66bf63f4af7f9fee/src/diff/props.js#L58-L151
  */
+
 function setStyle(style, key, value) {
   if (value === null) {
     style[key] = '';
@@ -50,7 +57,7 @@ export function setProperty(dom, name, value) {
   else if (name[0] === 'o' && name[1] === 'n') {
     useCapture = name !== (name = name.replace(/Capture$/, ''));
     nameLower = name.toLowerCase();
-    if (nameLower in dom) name = nameLower;
+    if (nameLower in dom || TOUCH_EVENTS_ALIASES.includes(nameLower)) name = nameLower;
     name = name.slice(2);
     if (!dom._listeners) dom._listeners = {};
     dom._listeners[name] = value;

package/dist/umd/index.development.js

@@ -1,4 +1,4 @@
-/*! @algolia/autocomplete-js 1.5.3 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.5.6 | 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) :
@@ -311,7 +311,7 @@
 
   var noop = function noop() {};
 
-  var version = '1.5.3';
+  var version = '1.5.6';
 
   var userAgents$1 = [{
     segment: 'autocomplete-core',
@@ -584,6 +584,14 @@
     });
   }
 
+  var chromeRegex = /(crmo|crios|chrome)/i;
+  var edgeRegex = /edg(e|ios|a)?/i;
+  var samsungBrowserRegex = /samsungbrowser/i;
+  var chromiumRegex = /chromium/i;
+  function isChrome(userAgent) {
+    return Boolean(userAgent && userAgent.match(chromeRegex) && !userAgent.match(edgeRegex) && !userAgent.match(samsungBrowserRegex) && !userAgent.match(chromiumRegex));
+  }
+
   // We don't have access to the autocomplete source when we call `onKeyDown`
   // or `onClick` because those are native browser events.
   // However, we can get the source from the suggestion index.
@@ -674,6 +682,11 @@
     return parent === child || parent.contains(child);
   }
 
+  var regex = /((gt|sm)-|galaxy nexus)|samsung[- ]/i;
+  function isSamsung(userAgent) {
+    return Boolean(userAgent && userAgent.match(regex));
+  }
+
   function ownKeys$e(object, enumerableOnly) {
     var keys = Object.keys(object);
 
@@ -1991,6 +2004,8 @@
     };
 
     var getInputProps = function getInputProps(providedProps) {
+      var _props$environment$na;
+
       function onFocus(event) {
         // We want to trigger a query when `openOnFocus` is true
         // because the panel should open with the current query.
@@ -2016,6 +2031,9 @@
           rest = _objectWithoutProperties$1(_ref2, _excluded4);
 
       var activeItem = getActiveItem(store.getState());
+      var userAgent = (_props$environment$na = props.environment.navigator) === null || _props$environment$na === void 0 ? void 0 : _props$environment$na.userAgent;
+      var shouldFallbackKeyHint = isSamsung(userAgent) && isChrome(userAgent);
+      var enterKeyHint = activeItem !== null && activeItem !== void 0 && activeItem.itemUrl && !shouldFallbackKeyHint ? 'go' : 'search';
       return _objectSpread$6({
         'aria-autocomplete': 'both',
         'aria-activedescendant': store.getState().isOpen && store.getState().activeItemId !== null ? "".concat(props.id, "-item-").concat(store.getState().activeItemId) : undefined,
@@ -2026,7 +2044,7 @@
         autoComplete: 'off',
         autoCorrect: 'off',
         autoCapitalize: 'off',
-        enterKeyHint: activeItem !== null && activeItem !== void 0 && activeItem.itemUrl ? 'go' : 'search',
+        enterKeyHint: enterKeyHint,
         spellCheck: 'false',
         autoFocus: props.autoFocus,
         placeholder: props.placeholder,
@@ -2657,11 +2675,18 @@
 
   /* eslint-disable */
 
+  /**
+   * Touch-specific event aliases
+   *
+   * See https://w3c.github.io/touch-events/#extensions-to-the-globaleventhandlers-mixin
+   */
+  var TOUCH_EVENTS_ALIASES = ['ontouchstart', 'ontouchend', 'ontouchmove', 'ontouchcancel'];
   /*
    * Taken from Preact
    *
    * See https://github.com/preactjs/preact/blob/6ab49d9020740127577bf4af66bf63f4af7f9fee/src/diff/props.js#L58-L151
    */
+
   function setStyle(style, key, value) {
     if (value === null) {
       style[key] = '';
@@ -2707,7 +2732,7 @@
     else if (name[0] === 'o' && name[1] === 'n') {
       useCapture = name !== (name = name.replace(/Capture$/, ''));
       nameLower = name.toLowerCase();
-      if (nameLower in dom) name = nameLower;
+      if (nameLower in dom || TOUCH_EVENTS_ALIASES.includes(nameLower)) name = nameLower;
       name = name.slice(2);
       if (!dom._listeners) dom._listeners = {};
       dom._listeners[name] = value;
@@ -2956,16 +2981,22 @@
         textContent: placeholder
       });
       var detachedSearchButton = createDomElement('button', {
+        type: 'button',
         class: classNames.detachedSearchButton,
-        onClick: function onClick(event) {
-          event.preventDefault();
+        onClick: function onClick() {
           setIsModalOpen(true);
         },
         children: [detachedSearchButtonIcon, detachedSearchButtonPlaceholder]
       });
       var detachedCancelButton = createDomElement('button', {
+        type: 'button',
         class: classNames.detachedCancelButton,
         textContent: translations.detachedCancelButtonText,
+        // Prevent `onTouchStart` from closing the panel
+        // since it should be initiated by `onClick` only
+        onTouchStart: function onTouchStart(event) {
+          event.stopPropagation();
+        },
         onClick: function onClick() {
           autocomplete.setIsOpen(false);
           setIsModalOpen(false);