@algolia/autocomplete-js 1.8.1 → 1.8.2

package/dist/esm/render.js

@@ -98,11 +98,14 @@ export function renderPanel(render, _ref2) {
       className: classNames.list
     }, propGetters.getListProps(_objectSpread({
       state: state,
-      props: autocomplete.getListProps({})
+      props: autocomplete.getListProps({
+        sourceIndex: sourceIndex
+      })
     }, autocompleteScopeApi))), items.map(function (item) {
       var itemProps = autocomplete.getItemProps({
         item: item,
-        source: source
+        source: source,
+        sourceIndex: sourceIndex
       });
       return renderer.createElement("li", _extends({
         key: itemProps.id,

package/dist/umd/index.development.js

@@ -1,4 +1,4 @@
-/*! @algolia/autocomplete-js 1.8.1 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.8.2 | 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.8.1';
+  var version = '1.8.2';
 
   var userAgents$1 = [{
     segment: 'autocomplete-core',
@@ -1906,7 +1906,9 @@
       _excluded2 = ["inputElement", "formElement", "panelElement"],
       _excluded3 = ["inputElement"],
       _excluded4 = ["inputElement", "maxLength"],
-      _excluded5 = ["item", "source"];
+      _excluded5 = ["sourceIndex"],
+      _excluded6 = ["sourceIndex"],
+      _excluded7 = ["item", "source", "sourceIndex"];
 
   function ownKeys$6(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -2180,18 +2182,30 @@
       }, rest);
     };
 
-    var getLabelProps = function getLabelProps(rest) {
+    var getAutocompleteId = function getAutocompleteId(instanceId, sourceId) {
+      return typeof sourceId !== 'undefined' ? "".concat(instanceId, "-").concat(sourceId) : instanceId;
+    };
+
+    var getLabelProps = function getLabelProps(providedProps) {
+      var _ref3 = providedProps || {},
+          sourceIndex = _ref3.sourceIndex,
+          rest = _objectWithoutProperties$1(_ref3, _excluded5);
+
       return _objectSpread$6({
-        htmlFor: "".concat(props.id, "-input"),
-        id: "".concat(props.id, "-label")
+        htmlFor: "".concat(getAutocompleteId(props.id, sourceIndex), "-input"),
+        id: "".concat(getAutocompleteId(props.id, sourceIndex), "-label")
       }, rest);
     };
 
-    var getListProps = function getListProps(rest) {
+    var getListProps = function getListProps(providedProps) {
+      var _ref4 = providedProps || {},
+          sourceIndex = _ref4.sourceIndex,
+          rest = _objectWithoutProperties$1(_ref4, _excluded6);
+
       return _objectSpread$6({
         role: 'listbox',
-        'aria-labelledby': "".concat(props.id, "-label"),
-        id: "".concat(props.id, "-list")
+        'aria-labelledby': "".concat(getAutocompleteId(props.id, sourceIndex), "-label"),
+        id: "".concat(getAutocompleteId(props.id, sourceIndex), "-list")
       }, rest);
     };
 
@@ -2212,10 +2226,11 @@
     var getItemProps = function getItemProps(providedProps) {
       var item = providedProps.item,
           source = providedProps.source,
-          rest = _objectWithoutProperties$1(providedProps, _excluded5);
+          sourceIndex = providedProps.sourceIndex,
+          rest = _objectWithoutProperties$1(providedProps, _excluded7);
 
       return _objectSpread$6({
-        id: "".concat(props.id, "-item-").concat(item.__autocomplete_id),
+        id: "".concat(getAutocompleteId(props.id, sourceIndex), "-item-").concat(item.__autocomplete_id),
         role: 'option',
         'aria-selected': store.getState().activeItemId === item.__autocomplete_id,
         onMouseMove: function onMouseMove(event) {
@@ -4042,11 +4057,14 @@
         className: classNames.list
       }, propGetters.getListProps(_objectSpread2({
         state: state,
-        props: autocomplete.getListProps({})
+        props: autocomplete.getListProps({
+          sourceIndex: sourceIndex
+        })
       }, autocompleteScopeApi))), items.map(function (item) {
         var itemProps = autocomplete.getItemProps({
           item: item,
-          source: source
+          source: source,
+          sourceIndex: sourceIndex
         });
         return renderer.createElement("li", _extends({
           key: itemProps.id,