@algolia/autocomplete-js 1.7.4 → 1.8.1

package/dist/esm/autocomplete.js

@@ -99,7 +99,8 @@ export function autocomplete(options) {
     setIsOpen: autocomplete.value.setIsOpen,
     setStatus: autocomplete.value.setStatus,
     setContext: autocomplete.value.setContext,
-    refresh: autocomplete.value.refresh
+    refresh: autocomplete.value.refresh,
+    navigator: autocomplete.value.navigator
   };
   var html = reactive(function () {
     return htm.bind(props.value.renderer.renderer.createElement);

package/dist/esm/elements/Input.js

@@ -33,7 +33,7 @@ export var Input = function Input(_ref) {
   }, autocompleteScopeApi));
   setProperties(element, _objectSpread(_objectSpread({}, inputProps), {}, {
     onKeyDown: function onKeyDown(event) {
-      // In detached mode we don't want to close the panel when hittin `Tab`.
+      // In detached mode we don't want to close the panel when hitting `Tab`.
       if (isDetached && event.key === 'Tab') {
         return;
       }

package/dist/umd/index.development.js

@@ -1,4 +1,4 @@
-/*! @algolia/autocomplete-js 1.7.4 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.8.1 | 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) :
@@ -353,7 +353,7 @@
 
   var noop = function noop() {};
 
-  var version = '1.7.4';
+  var version = '1.8.1';
 
   var userAgents$1 = [{
     segment: 'autocomplete-core',
@@ -605,8 +605,7 @@
         }
 
         seenSourceIds.push(source.sourceId);
-
-        var normalizedSource = _objectSpread$f({
+        var defaultSource = {
           getItemInputValue: function getItemInputValue(_ref) {
             var state = _ref.state;
             return state.query;
@@ -618,8 +617,14 @@
             var setIsOpen = _ref2.setIsOpen;
             setIsOpen(false);
           },
-          onActive: noop
-        }, source);
+          onActive: noop,
+          onResolve: noop
+        };
+        Object.keys(defaultSource).forEach(function (key) {
+          defaultSource[key].__default = true;
+        });
+
+        var normalizedSource = _objectSpread$f(_objectSpread$f({}, defaultSource), source);
 
         return Promise.resolve(normalizedSource);
       }));
@@ -1122,6 +1127,14 @@
 
                   return (_x$onActive = x.onActive) === null || _x$onActive === void 0 ? void 0 : _x$onActive.call(x, params);
                 });
+              },
+              onResolve: function onResolve(params) {
+                source.onResolve(params);
+                pluginSubscribers.forEach(function (x) {
+                  var _x$onResolve;
+
+                  return (_x$onResolve = x.onResolve) === null || _x$onResolve === void 0 ? void 0 : _x$onResolve.call(x, params);
+                });
               }
             });
           });
@@ -1191,7 +1204,7 @@
         state = _ref.state; // Sources are grouped by `sourceId` to conveniently pick them via destructuring.
     // Example: `const { recentSearchesPlugin } = sourcesBySourceId`
 
-    var sourcesBySourceId = collections.reduce(function (acc, collection) {
+    var originalSourcesBySourceId = collections.reduce(function (acc, collection) {
       return _objectSpread$a(_objectSpread$a({}, acc), {}, _defineProperty$a({}, collection.source.sourceId, _objectSpread$a(_objectSpread$a({}, collection.source), {}, {
         getItems: function getItems() {
           // We provide the resolved items from the collection to the `reshape` prop.
@@ -1199,9 +1212,22 @@
         }
       })));
     }, {});
+
+    var _props$plugins$reduce = props.plugins.reduce(function (acc, plugin) {
+      if (plugin.reshape) {
+        return plugin.reshape(acc);
+      }
+
+      return acc;
+    }, {
+      sourcesBySourceId: originalSourcesBySourceId,
+      state: state
+    }),
+        sourcesBySourceId = _props$plugins$reduce.sourcesBySourceId;
+
     var reshapeSources = props.reshape({
-      sources: Object.values(sourcesBySourceId),
       sourcesBySourceId: sourcesBySourceId,
+      sources: Object.values(sourcesBySourceId),
       state: state
     }); // We reconstruct the collections with the items modified by the `reshape` prop.
 
@@ -1223,41 +1249,6 @@
     }, _typeof(obj);
   }
 
-  function _toConsumableArray$3(arr) {
-    return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$3();
-  }
-
-  function _nonIterableSpread$3() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _unsupportedIterableToArray$3(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$3(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen);
-  }
-
-  function _iterableToArray$3(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-
-  function _arrayWithoutHoles$3(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
-  }
-
-  function _arrayLikeToArray$3(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
-
-    return arr2;
-  }
-
   function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
 
@@ -1299,6 +1290,41 @@
     return obj;
   }
 
+  function _toConsumableArray$3(arr) {
+    return _arrayWithoutHoles$3(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$3();
+  }
+
+  function _nonIterableSpread$3() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _unsupportedIterableToArray$3(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray$3(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen);
+  }
+
+  function _iterableToArray$3(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _arrayWithoutHoles$3(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
+  }
+
+  function _arrayLikeToArray$3(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+      arr2[i] = arr[i];
+    }
+
+    return arr2;
+  }
+
   function isDescription(item) {
     return Boolean(item.execute);
   }
@@ -1307,12 +1333,19 @@
     return Boolean(description === null || description === void 0 ? void 0 : description.execute);
   }
 
-  function preResolve(itemsOrDescription, sourceId) {
+  function preResolve(itemsOrDescription, sourceId, state) {
     if (isRequesterDescription(itemsOrDescription)) {
+      var contextParameters = itemsOrDescription.requesterId === 'algolia' ? Object.assign.apply(Object, [{}].concat(_toConsumableArray$3(Object.keys(state.context).map(function (key) {
+        var _state$context$key;
+
+        return (_state$context$key = state.context[key]) === null || _state$context$key === void 0 ? void 0 : _state$context$key.__algoliaSearchParameters;
+      })))) : {};
       return _objectSpread$9(_objectSpread$9({}, itemsOrDescription), {}, {
         requests: itemsOrDescription.queries.map(function (query) {
           return {
-            query: query,
+            query: itemsOrDescription.requesterId === 'algolia' ? _objectSpread$9(_objectSpread$9({}, query), {}, {
+              params: _objectSpread$9(_objectSpread$9({}, contextParameters), query.params)
+            }) : query,
             sourceId: sourceId,
             transformResponse: itemsOrDescription.transformResponse
           };
@@ -1374,7 +1407,7 @@
       return flatten(responses);
     });
   }
-  function postResolve(responses, sources) {
+  function postResolve(responses, sources, store) {
     return sources.map(function (source) {
       var matches = responses.filter(function (response) {
         return response.sourceId === source.sourceId;
@@ -1385,6 +1418,12 @@
       });
       var transform = matches[0].transformResponse;
       var items = transform ? transform(mapToAlgoliaResponse(results)) : results;
+      source.onResolve({
+        source: source,
+        results: results,
+        items: items,
+        state: store.getState()
+      });
       invariant(Array.isArray(items), function () {
         return "The `getItems` function from source \"".concat(source.sourceId, "\" must return an array of items but returned type ").concat(JSON.stringify(_typeof(items)), ":\n\n").concat(JSON.stringify(decycle(items), null, 2), ".\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems");
       });
@@ -1543,10 +1582,10 @@
           refresh: refresh,
           state: store.getState()
         }, setters))).then(function (itemsOrDescription) {
-          return preResolve(itemsOrDescription, source.sourceId);
+          return preResolve(itemsOrDescription, source.sourceId, store.getState());
         });
       })).then(resolve).then(function (responses) {
-        return postResolve(responses, sources);
+        return postResolve(responses, sources, store);
       }).then(function (collections) {
         return reshape({
           collections: collections,
@@ -2594,7 +2633,8 @@
     var propGetters = getPropGetters(_objectSpread$3({
       props: props,
       refresh: refresh,
-      store: store
+      store: store,
+      navigator: props.navigator
     }, setters));
 
     function onStoreStateChange(_ref) {
@@ -2603,7 +2643,8 @@
       props.onStateChange(_objectSpread$3({
         prevState: prevState,
         state: state,
-        refresh: refresh
+        refresh: refresh,
+        navigator: props.navigator
       }, setters));
     }
 
@@ -2614,6 +2655,7 @@
           isOpen: store.getState().isOpen
         },
         props: props,
+        navigator: props.navigator,
         query: store.getState().query,
         refresh: refresh,
         store: store
@@ -2624,6 +2666,7 @@
       var _plugin$subscribe;
 
       return (_plugin$subscribe = plugin.subscribe) === null || _plugin$subscribe === void 0 ? void 0 : _plugin$subscribe.call(plugin, _objectSpread$3(_objectSpread$3({}, setters), {}, {
+        navigator: props.navigator,
         refresh: refresh,
         onSelect: function onSelect(fn) {
           subscribers.push({
@@ -2634,6 +2677,11 @@
           subscribers.push({
             onActive: fn
           });
+        },
+        onResolve: function onResolve(fn) {
+          subscribers.push({
+            onResolve: fn
+          });
         }
       }));
     });
@@ -2645,7 +2693,8 @@
       environment: props.environment
     });
     return _objectSpread$3(_objectSpread$3({
-      refresh: refresh
+      refresh: refresh,
+      navigator: props.navigator
     }, propGetters), setters);
   }
 
@@ -2883,7 +2932,7 @@
     }, autocompleteScopeApi));
     setProperties(element, _objectSpread2(_objectSpread2({}, inputProps), {}, {
       onKeyDown: function onKeyDown(event) {
-        // In detached mode we don't want to close the panel when hittin `Tab`.
+        // In detached mode we don't want to close the panel when hitting `Tab`.
         if (isDetached && event.key === 'Tab') {
           return;
         }
@@ -4129,7 +4178,8 @@
       setIsOpen: autocomplete.value.setIsOpen,
       setStatus: autocomplete.value.setStatus,
       setContext: autocomplete.value.setContext,
-      refresh: autocomplete.value.refresh
+      refresh: autocomplete.value.refresh,
+      navigator: autocomplete.value.navigator
     };
     var html = reactive(function () {
       return htm.bind(props.value.renderer.renderer.createElement);