@mjhls/mjh-framework 1.0.986-disable-prev → 1.0.986-nofollow-v2

package/dist/esm/AlgoliaSearch.js

@@ -1,7 +1,7 @@
 import { _ as _extends$1 } from './extends-6d8e3924.js';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-a6ba2ec4.js';
 import { _ as _typeof$2 } from './typeof-e9fc0c5d.js';
-import React__default, { createContext, Component, Children, version as version$2 } from 'react';
+import React__default, { createContext, Component, Fragment, Children, version as version$2 } from 'react';
 import PropTypes from 'prop-types';
 import { _ as _typeof$1 } from './typeof-2f07d0e8.js';
 import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-98ca9cec.js';
@@ -41,40 +41,6 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? Object(arguments[i]) : {};
-    var ownKeys = Object.keys(source);
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-
-    ownKeys.forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    });
-  }
-
-  return target;
-}
-
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -105,9 +71,26 @@ function _assertThisInitialized(self) {
   return self;
 }
 
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -120,19 +103,19 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
+  return obj;
 }
 
 /* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
@@ -286,6 +269,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 // From https://github.com/reactjs/react-redux/blob/master/src/utils/shallowEqual.js
 var shallowEqual = function shallowEqual(objA, objB) {
   if (objA === objB) {
@@ -350,7 +337,7 @@ var removeEmptyArraysFromObject = function removeEmptyArraysFromObject(obj) {
 };
 function addAbsolutePositions(hits, hitsPerPage, page) {
   return hits.map(function (hit, index) {
-    return _objectSpread({}, hit, {
+    return _objectSpread$f(_objectSpread$f({}, hit), {}, {
       __position: hitsPerPage * page + index + 1
     });
   });
@@ -361,7 +348,7 @@ function addQueryID(hits, queryID) {
   }
 
   return hits.map(function (hit) {
-    return _objectSpread({}, hit, {
+    return _objectSpread$f(_objectSpread$f({}, hit), {}, {
       __queryID: queryID
     });
   });
@@ -431,7 +418,7 @@ function getObjectType(object) {
   return Object.prototype.toString.call(object).slice(8, -1);
 }
 
-var instantSearchContext = createContext({
+var instantSearchContext = /*#__PURE__*/createContext({
   onInternalStateUpdate: function onInternalStateUpdate() {
     return undefined;
   },
@@ -454,10 +441,20 @@ var instantSearchContext = createContext({
 var InstantSearchConsumer = instantSearchContext.Consumer,
     InstantSearchProvider = instantSearchContext.Provider;
 
-var _createContext$1 = createContext(undefined),
+var _createContext$1 = /*#__PURE__*/createContext(undefined),
     IndexConsumer = _createContext$1.Consumer,
     IndexProvider = _createContext$1.Provider;
 
+var _excluded$4 = ["contextValue"];
+
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 /**
  * Connectors are the HOC used to transform React components
  * into InstantSearch widgets.
@@ -475,17 +472,17 @@ function createConnectorWithoutContext(connectorDesc) {
 
   var isWidget = typeof connectorDesc.getSearchParameters === 'function' || typeof connectorDesc.getMetadata === 'function' || typeof connectorDesc.transitionState === 'function';
   return function (Composed) {
-    var Connector =
-    /*#__PURE__*/
-    function (_Component) {
+    var Connector = /*#__PURE__*/function (_Component) {
       _inherits(Connector, _Component);
 
+      var _super = _createSuper$q(Connector);
+
       function Connector(props) {
         var _this;
 
         _classCallCheck(this, Connector);
 
-        _this = _possibleConstructorReturn(this, _getPrototypeOf(Connector).call(this, props));
+        _this = _super.call(this, props);
 
         _defineProperty(_assertThisInitialized(_this), "unsubscribe", void 0);
 
@@ -607,7 +604,7 @@ function createConnectorWithoutContext(connectorDesc) {
 
             if (typeof connectorDesc.cleanUp === 'function') {
               var nextState = connectorDesc.cleanUp.call(this, this.props, this.props.contextValue.store.getState().widgets);
-              this.props.contextValue.store.setState(_objectSpread({}, this.props.contextValue.store.getState(), {
+              this.props.contextValue.store.setState(_objectSpread$e(_objectSpread$e({}, this.props.contextValue.store.getState()), {}, {
                 widgets: nextState
               }));
               this.props.contextValue.onSearchStateChange(removeEmptyKey(nextState));
@@ -671,7 +668,7 @@ function createConnectorWithoutContext(connectorDesc) {
         value: function render() {
           var _this$props = this.props;
               _this$props.contextValue;
-              var props = _objectWithoutProperties(_this$props, ["contextValue"]);
+              var props = _objectWithoutProperties(_this$props, _excluded$4);
 
           var providedProps = this.state.providedProps;
 
@@ -686,7 +683,7 @@ function createConnectorWithoutContext(connectorDesc) {
           var searchForFacetValuesProps = typeof connectorDesc.searchForFacetValues === 'function' ? {
             searchForItems: this.searchForFacetValues
           } : {};
-          return React__default.createElement(Composed, _extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
+          return /*#__PURE__*/React__default.createElement(Composed, _extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
         }
       }]);
 
@@ -699,6 +696,8 @@ function createConnectorWithoutContext(connectorDesc) {
 
     _defineProperty(Connector, "defaultProps", connectorDesc.defaultProps);
 
+    _defineProperty(Connector, "_connectorDesc", connectorDesc);
+
     return Connector;
   };
 }
@@ -708,9 +707,9 @@ var createConnectorWithContext = function createConnectorWithContext(connectorDe
     var Connector = createConnectorWithoutContext(connectorDesc)(Composed);
 
     var ConnectorWrapper = function ConnectorWrapper(props) {
-      return React__default.createElement(InstantSearchConsumer, null, function (contextValue) {
-        return React__default.createElement(IndexConsumer, null, function (indexContextValue) {
-          return React__default.createElement(Connector, _extends({
+      return /*#__PURE__*/React__default.createElement(InstantSearchConsumer, null, function (contextValue) {
+        return /*#__PURE__*/React__default.createElement(IndexConsumer, null, function (indexContextValue) {
+          return /*#__PURE__*/React__default.createElement(Connector, _extends({
             contextValue: contextValue,
             indexContextValue: indexContextValue
           }, props));
@@ -822,7 +821,11 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.11.2';
+var version$1 = '6.16.0';
+
+function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var withKeysPropType = function withKeysPropType(keys) {
   return function (props, propName, componentName) {
@@ -844,14 +847,12 @@ var withKeysPropType = function withKeysPropType(keys) {
 
 function translatable(defaultTranslations) {
   return function (Composed) {
-    var Translatable =
-    /*#__PURE__*/
-    function (_Component) {
+    var Translatable = /*#__PURE__*/function (_Component) {
       _inherits(Translatable, _Component);
 
-      function Translatable() {
-        var _getPrototypeOf2;
+      var _super = _createSuper$p(Translatable);
 
+      function Translatable() {
         var _this;
 
         _classCallCheck(this, Translatable);
@@ -860,7 +861,7 @@ function translatable(defaultTranslations) {
           args[_key] = arguments[_key];
         }
 
-        _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Translatable)).call.apply(_getPrototypeOf2, [this].concat(args)));
+        _this = _super.call.apply(_super, [this].concat(args));
 
         _defineProperty(_assertThisInitialized(_this), "translate", function (key) {
           var translations = _this.props.translations;
@@ -883,7 +884,7 @@ function translatable(defaultTranslations) {
       _createClass(Translatable, [{
         key: "render",
         value: function render() {
-          return React__default.createElement(Composed, _extends({
+          return /*#__PURE__*/React__default.createElement(Composed, _extends({
             translate: this.translate
           }, this.props));
         }
@@ -901,9 +902,16 @@ function translatable(defaultTranslations) {
   };
 }
 
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function getIndexId(context) {
   return hasMultipleIndices(context) ? context.multiIndexContext.targetedIndex : context.ais.mainTargetedIndex;
 }
+/**
+ * @returns {import('algoliasearch-helper').SearchResults} results
+ */
+
 function getResults(searchResults, context) {
   if (searchResults.results) {
     if (searchResults.results.hits) {
@@ -921,8 +929,7 @@ function getResults(searchResults, context) {
 }
 function hasMultipleIndices(context) {
   return context && context.multiIndexContext;
-} // eslint-disable-next-line max-params
-
+}
 function refineValue(searchState, nextRefinement, context, resetPage, namespace) {
   if (hasMultipleIndices(context)) {
     var indexId = getIndexId(context);
@@ -953,8 +960,8 @@ function refineMultiIndex(searchState, nextRefinement, indexId, resetPage) {
   var page = resetPage ? {
     page: 1
   } : undefined;
-  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, searchState.indices[indexId], nextRefinement, page))) : _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, nextRefinement, page)));
-  return _objectSpread({}, searchState, {
+  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d(_objectSpread$d({}, searchState.indices[indexId]), nextRefinement), page))) : _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d({}, nextRefinement), page)));
+  return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
     indices: state
   });
 }
@@ -963,9 +970,8 @@ function refineSingleIndex(searchState, nextRefinement, resetPage) {
   var page = resetPage ? {
     page: 1
   } : undefined;
-  return _objectSpread({}, searchState, nextRefinement, page);
-} // eslint-disable-next-line max-params
-
+  return _objectSpread$d(_objectSpread$d(_objectSpread$d({}, searchState), nextRefinement), page);
+}
 
 function refineMultiIndexWithNamespace(searchState, nextRefinement, indexId, resetPage, namespace) {
   var _objectSpread4;
@@ -973,8 +979,8 @@ function refineMultiIndexWithNamespace(searchState, nextRefinement, indexId, res
   var page = resetPage ? {
     page: 1
   } : undefined;
-  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, searchState.indices[indexId], (_objectSpread4 = {}, _defineProperty(_objectSpread4, namespace, _objectSpread({}, searchState.indices[indexId][namespace], nextRefinement)), _defineProperty(_objectSpread4, "page", 1), _objectSpread4)))) : _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread(_defineProperty({}, namespace, nextRefinement), page)));
-  return _objectSpread({}, searchState, {
+  var state = searchState.indices && searchState.indices[indexId] ? _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d({}, searchState.indices[indexId]), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, namespace, _objectSpread$d(_objectSpread$d({}, searchState.indices[indexId][namespace]), nextRefinement)), _defineProperty(_objectSpread4, "page", 1), _objectSpread4)))) : _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_defineProperty({}, namespace, nextRefinement), page)));
+  return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
     indices: state
   });
 }
@@ -983,7 +989,7 @@ function refineSingleIndexWithNamespace(searchState, nextRefinement, resetPage,
   var page = resetPage ? {
     page: 1
   } : undefined;
-  return _objectSpread({}, searchState, _defineProperty({}, namespace, _objectSpread({}, searchState[namespace], nextRefinement)), page);
+  return _objectSpread$d(_objectSpread$d({}, searchState), {}, _defineProperty({}, namespace, _objectSpread$d(_objectSpread$d({}, searchState[namespace]), nextRefinement)), page);
 }
 
 function getNamespaceAndAttributeName(id) {
@@ -1102,7 +1108,7 @@ function cleanUpValueWithSingleIndex(_ref3) {
       attribute = _ref3.attribute;
 
   if (namespace) {
-    return _objectSpread({}, searchState, _defineProperty({}, namespace, omit$1(searchState[namespace], [attribute])));
+    return _objectSpread$d(_objectSpread$d({}, searchState), {}, _defineProperty({}, namespace, omit$1(searchState[namespace], [attribute])));
   }
 
   return omit$1(searchState, [id]);
@@ -1117,20 +1123,27 @@ function cleanUpValueWithMultiIndex(_ref4) {
   var indexSearchState = searchState.indices[indexId];
 
   if (namespace && indexSearchState) {
-    return _objectSpread({}, searchState, {
-      indices: _objectSpread({}, searchState.indices, _defineProperty({}, indexId, _objectSpread({}, indexSearchState, _defineProperty({}, namespace, omit$1(indexSearchState[namespace], [attribute])))))
+    return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
+      indices: _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread$d(_objectSpread$d({}, indexSearchState), {}, _defineProperty({}, namespace, omit$1(indexSearchState[namespace], [attribute])))))
     });
   }
 
   if (indexSearchState) {
-    return _objectSpread({}, searchState, {
-      indices: _objectSpread({}, searchState.indices, _defineProperty({}, indexId, omit$1(indexSearchState, [id])))
+    return _objectSpread$d(_objectSpread$d({}, searchState), {}, {
+      indices: _objectSpread$d(_objectSpread$d({}, searchState.indices), {}, _defineProperty({}, indexId, omit$1(indexSearchState, [id])))
     });
   }
 
   return searchState;
 }
 
+var _excluded$3 = ["children", "contextValue", "indexContextValue"],
+    _excluded2$1 = ["children", "contextValue", "indexContextValue"];
+
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function getId$f() {
   return 'configure';
 }
@@ -1144,7 +1157,7 @@ var connectConfigure = createConnectorWithContext({
     props.children;
         props.contextValue;
         props.indexContextValue;
-        var items = _objectWithoutProperties(props, ["children", "contextValue", "indexContextValue"]);
+        var items = _objectWithoutProperties(props, _excluded$3);
 
     return searchParameters.setQueryParameters(items);
   },
@@ -1154,7 +1167,7 @@ var connectConfigure = createConnectorWithContext({
     props.children;
         props.contextValue;
         props.indexContextValue;
-        var items = _objectWithoutProperties(props, ["children", "contextValue", "indexContextValue"]);
+        var items = _objectWithoutProperties(props, _excluded2$1);
 
     var propKeys = Object.keys(props);
     var nonPresentKeys = this._props ? Object.keys(this._props).filter(function (prop) {
@@ -1162,7 +1175,7 @@ var connectConfigure = createConnectorWithContext({
     }) : [];
     this._props = props;
 
-    var nextValue = _defineProperty({}, id, _objectSpread({}, omit$1(nextSearchState[id], nonPresentKeys), items));
+    var nextValue = _defineProperty({}, id, _objectSpread$c(_objectSpread$c({}, omit$1(nextSearchState[id], nonPresentKeys)), items));
 
     return refineValue(nextSearchState, nextValue, {
       ais: props.contextValue,
@@ -1292,7 +1305,10 @@ function _merge(target, source) {
   }
 
   for (var key in source) {
-    if (!Object.prototype.hasOwnProperty.call(source, key)) {
+    if (
+      !Object.prototype.hasOwnProperty.call(source, key) ||
+      key === '__proto__'
+    ) {
       continue;
     }
 
@@ -1303,7 +1319,10 @@ function _merge(target, source) {
       continue;
     }
 
-    if (isObjectOrArrayOrFunction(targetVal) && isObjectOrArrayOrFunction(sourceVal)) {
+    if (
+      isObjectOrArrayOrFunction(targetVal) &&
+      isObjectOrArrayOrFunction(sourceVal)
+    ) {
       target[key] = _merge(targetVal, sourceVal);
     } else {
       target[key] = clone(sourceVal);
@@ -2880,9 +2899,17 @@ SearchParameters.prototype = {
 
   managedParameters: [
     'index',
-    'facets', 'disjunctiveFacets', 'facetsRefinements',
-    'facetsExcludes', 'disjunctiveFacetsRefinements',
-    'numericRefinements', 'tagRefinements', 'hierarchicalFacets', 'hierarchicalFacetsRefinements'
+
+    'facets',
+    'disjunctiveFacets',
+    'facetsRefinements',
+    'hierarchicalFacets',
+    'facetsExcludes',
+
+    'disjunctiveFacetsRefinements',
+    'numericRefinements',
+    'tagRefinements',
+    'hierarchicalFacetsRefinements'
   ],
   getQueryParams: function getQueryParams() {
     var managedParameters = this.managedParameters;
@@ -4120,6 +4147,10 @@ function sortViaFacetOrdering(facetValues, facetOrdering) {
     }
   });
 
+  orderedFacets = orderedFacets.filter(function(facet) {
+    return facet;
+  });
+
   var sortRemainingBy = facetOrdering.sortRemainingBy;
   var ordering;
   if (sortRemainingBy === 'hidden') {
@@ -4508,7 +4539,7 @@ var requestBuilder = {
     var numericFilters = requestBuilder._getNumericFilters(state);
     var tagFilters = requestBuilder._getTagFilters(state);
     var additionalParams = {
-      facets: facets,
+      facets: facets.indexOf('*') > -1 ? ['*'] : facets,
       tagFilters: tagFilters
     };
 
@@ -4768,7 +4799,7 @@ var requestBuilder = {
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.5.3';
+var version = '3.6.2';
 
 /**
  * Event triggered when a parameter is set or updated
@@ -6288,6 +6319,10 @@ algoliasearchHelper.SearchResults = SearchResults_1;
 
 var algoliasearchHelper_1 = algoliasearchHelper;
 
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function createOptionalFilter(_ref) {
   var attributeName = _ref.attributeName,
       attributeValue = _ref.attributeValue,
@@ -6297,7 +6332,7 @@ function createOptionalFilter(_ref) {
 
 var defaultProps$1 = {
   transformSearchParameters: function transformSearchParameters(x) {
-    return _objectSpread({}, x);
+    return _objectSpread$b({}, x);
   }
 };
 
@@ -6368,7 +6403,7 @@ var connectConfigureRelatedItems = createConnectorWithContext({
     }) : [];
     this._searchParameters = searchParameters;
 
-    var nextValue = _defineProperty({}, id, _objectSpread({}, omit$1(nextSearchState[id], nonPresentKeys), searchParameters));
+    var nextValue = _defineProperty({}, id, _objectSpread$b(_objectSpread$b({}, omit$1(nextSearchState[id], nonPresentKeys)), searchParameters));
 
     return refineValue(nextSearchState, nextValue, {
       ais: props.contextValue,
@@ -6416,6 +6451,87 @@ ConfigureRelatedItems.propTypes = {
 };
 connectConfigureRelatedItems(ConfigureRelatedItems);
 
+var connectDynamicWidgets = createConnectorWithContext({
+  displayName: 'AlgoliaDynamicWidgets',
+  defaultProps: {
+    transformItems: function transformItems(items) {
+      return items;
+    }
+  },
+  propTypes: {
+    transformItems: PropTypes.func
+  },
+  getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
+    var results = getResults(searchResults, {
+      ais: props.contextValue,
+      multiIndexContext: props.indexContextValue
+    });
+
+    if (!results) {
+      return {
+        attributesToRender: []
+      };
+    }
+
+    var facetOrder = results.renderingContent && results.renderingContent.facetOrdering && results.renderingContent.facetOrdering.facets && results.renderingContent.facetOrdering.facets.order || [];
+    return {
+      attributesToRender: props.transformItems(facetOrder, {
+        results: results
+      })
+    };
+  }
+});
+
+function getAttribute(component) {
+  if (_typeof(component) !== 'object') {
+    return undefined;
+  }
+
+  if (component.props.attribute) {
+    return component.props.attribute;
+  }
+
+  if (Array.isArray(component.props.attributes)) {
+    return component.props.attributes[0];
+  }
+
+  if (component.props.children) {
+    return getAttribute(React__default.Children.only(component.props.children));
+  }
+
+  return undefined;
+}
+
+function DynamicWidgets(_ref) {
+  var children = _ref.children,
+      attributesToRender = _ref.attributesToRender,
+      _ref$fallbackComponen = _ref.fallbackComponent,
+      Fallback = _ref$fallbackComponen === void 0 ? function () {
+    return null;
+  } : _ref$fallbackComponen;
+  var widgets = new Map();
+  React__default.Children.forEach(children, function (child) {
+    var attribute = getAttribute(child);
+
+    if (!attribute) {
+      throw new Error("Could not find \"attribute\" prop for ".concat(getDisplayName(child), "."));
+    }
+
+    widgets.set(attribute, child);
+  }); // on initial render this will be empty, but React InstantSearch keeps
+  // search state for unmounted components in place, so routing works.
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, attributesToRender.map(function (attribute) {
+    return /*#__PURE__*/React__default.createElement(Fragment, {
+      key: attribute
+    }, widgets.get(attribute) || /*#__PURE__*/React__default.createElement(Fallback, {
+      attribute: attribute
+    }));
+  }));
+}
+
+connectDynamicWidgets(DynamicWidgets);
+
 // A context rule must consist only of alphanumeric characters, hyphens, and underscores.
 // See https://www.algolia.com/doc/guides/managing-results/refine-results/merchandising-and-promoting/in-depth/implementing-query-rules/#context
 function escapeRuleContext(ruleName) {
@@ -6549,6 +6665,10 @@ connectQueryRules(function QueryRuleContext() {
   return null;
 });
 
+function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function getIndexContext(props) {
   return {
     targetedIndex: props.indexId
@@ -6585,26 +6705,17 @@ function getIndexContext(props) {
  *   </InstantSearch>
  * );
  */
-var Index =
-/*#__PURE__*/
-function (_Component) {
+var Index = /*#__PURE__*/function (_Component) {
   _inherits(Index, _Component);
 
-  _createClass(Index, null, [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props) {
-      return {
-        indexContext: getIndexContext(props)
-      };
-    }
-  }]);
+  var _super = _createSuper$o(Index);
 
   function Index(props) {
     var _this;
 
     _classCallCheck(this, Index);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Index).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       indexContext: getIndexContext(_this.props)
@@ -6653,10 +6764,17 @@ function (_Component) {
         return null;
       }
 
-      return React__default.createElement(IndexProvider, {
+      return /*#__PURE__*/React__default.createElement(IndexProvider, {
         value: this.state.indexContext
       }, this.props.children);
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props) {
+      return {
+        indexContext: getIndexContext(props)
+      };
+    }
   }]);
 
   return Index;
@@ -6668,6 +6786,8 @@ _defineProperty(Index, "propTypes", {
   children: PropTypes.node
 });
 
+_defineProperty(Index, "displayName", 'AlgoliaIndex');
+
 ({
   indexName: PropTypes.string.isRequired,
   indexId: PropTypes.string
@@ -6729,6 +6849,14 @@ function createStore(initialState) {
   };
 }
 
+var _excluded$2 = ["resultsFacetValues"],
+    _excluded2 = ["resultsFacetValues"],
+    _excluded3 = ["resultsFacetValues"];
+
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function addAlgoliaAgents(searchClient) {
   if (typeof searchClient.addAlgoliaAgent === 'function') {
     searchClient.addAlgoliaAgent("react (".concat(version$2, ")"));
@@ -6813,7 +6941,7 @@ function createInstantSearchManager(_ref) {
       searchClient = _ref.searchClient,
       resultsState = _ref.resultsState,
       stalledSearchDelay = _ref.stalledSearchDelay;
-  var helper = algoliasearchHelper_1(searchClient, indexName, _objectSpread({}, HIGHLIGHT_TAGS));
+  var helper = algoliasearchHelper_1(searchClient, indexName, _objectSpread$a({}, HIGHLIGHT_TAGS));
   addAlgoliaAgents(searchClient);
   helper.on('search', handleNewSearch).on('result', handleSearchSuccess({
     indexId: indexName
@@ -6886,7 +7014,7 @@ function createInstantSearchManager(_ref) {
     .sort(sortIndexWidgetsFirst).reduce(function (indices, widget) {
       var indexId = isMultiIndexContext(widget) ? widget.props.indexContextValue.targetedIndex : widget.props.indexId;
       var widgets = indices[indexId] || [];
-      return _objectSpread({}, indices, _defineProperty({}, indexId, widgets.concat(widget)));
+      return _objectSpread$a(_objectSpread$a({}, indices), {}, _defineProperty({}, indexId, widgets.concat(widget)));
     }, {});
     var derivedParameters = Object.keys(derivedIndices).map(function (indexId) {
       return {
@@ -6956,7 +7084,7 @@ function createInstantSearchManager(_ref) {
       results = !isDerivedHelpersEmpty && results.getFacetByName ? {} : results;
 
       if (!isDerivedHelpersEmpty) {
-        results = _objectSpread({}, results, _defineProperty({}, indexId, event.results));
+        results = _objectSpread$a(_objectSpread$a({}, results), {}, _defineProperty({}, indexId, event.results));
       } else {
         results = event.results;
       }
@@ -6971,9 +7099,9 @@ function createInstantSearchManager(_ref) {
       }
 
       currentState.resultsFacetValues;
-          var partialState = _objectWithoutProperties(currentState, ["resultsFacetValues"]);
+          var partialState = _objectWithoutProperties(currentState, _excluded$2);
 
-      store.setState(_objectSpread({}, partialState, {
+      store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
         results: results,
         isSearchStalled: nextIsSearchStalled,
         searching: false,
@@ -6993,9 +7121,9 @@ function createInstantSearchManager(_ref) {
     }
 
     currentState.resultsFacetValues;
-        var partialState = _objectWithoutProperties(currentState, ["resultsFacetValues"]);
+        var partialState = _objectWithoutProperties(currentState, _excluded2);
 
-    store.setState(_objectSpread({}, partialState, {
+    store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
       isSearchStalled: nextIsSearchStalled,
       error: error,
       searching: false
@@ -7007,9 +7135,9 @@ function createInstantSearchManager(_ref) {
       stalledSearchTimer = setTimeout(function () {
         var _store$getState = store.getState();
             _store$getState.resultsFacetValues;
-            var partialState = _objectWithoutProperties(_store$getState, ["resultsFacetValues"]);
+            var partialState = _objectWithoutProperties(_store$getState, _excluded3);
 
-        store.setState(_objectSpread({}, partialState, {
+        store.setState(_objectSpread$a(_objectSpread$a({}, partialState), {}, {
           isSearchStalled: true
         }));
       }, stalledSearchDelay);
@@ -7045,7 +7173,7 @@ function createInstantSearchManager(_ref) {
         }
 
         var requestsWithSerializedParams = requests.map(function (request) {
-          return _objectSpread({}, request, {
+          return _objectSpread$a(_objectSpread$a({}, request), {}, {
             params: serializeQueryParameters(request.params)
           });
         });
@@ -7104,7 +7232,7 @@ function createInstantSearchManager(_ref) {
         }));
       }, [])
     }));
-    client.cache = _objectSpread({}, client.cache, _defineProperty({}, key, JSON.stringify({
+    client.cache = _objectSpread$a(_objectSpread$a({}, client.cache), {}, _defineProperty({}, key, JSON.stringify({
       results: results.reduce(function (acc, result) {
         return acc.concat(result.rawResults);
       }, [])
@@ -7143,7 +7271,7 @@ function createInstantSearchManager(_ref) {
         };
       })
     }));
-    client.cache = _objectSpread({}, client.cache, _defineProperty({}, key, JSON.stringify({
+    client.cache = _objectSpread$a(_objectSpread$a({}, client.cache), {}, _defineProperty({}, key, JSON.stringify({
       results: results.rawResults
     })));
   }
@@ -7155,7 +7283,7 @@ function createInstantSearchManager(_ref) {
 
     if (Array.isArray(results.results)) {
       return results.results.reduce(function (acc, result) {
-        return _objectSpread({}, acc, _defineProperty({}, result._internalIndexId, new algoliasearchHelper_1.SearchResults(new algoliasearchHelper_1.SearchParameters(result.state), result.rawResults)));
+        return _objectSpread$a(_objectSpread$a({}, acc), {}, _defineProperty({}, result._internalIndexId, new algoliasearchHelper_1.SearchResults(new algoliasearchHelper_1.SearchParameters(result.state), result.rawResults)));
       }, {});
     }
 
@@ -7165,7 +7293,7 @@ function createInstantSearchManager(_ref) {
 
   function onWidgetsUpdate() {
     var metadata = getMetadata(store.getState().widgets);
-    store.setState(_objectSpread({}, store.getState(), {
+    store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
       metadata: metadata,
       searching: true
     })); // Since the `getSearchParameters` method of widgets also depends on props,
@@ -7185,7 +7313,7 @@ function createInstantSearchManager(_ref) {
 
   function onExternalStateUpdate(nextSearchState) {
     var metadata = getMetadata(nextSearchState);
-    store.setState(_objectSpread({}, store.getState(), {
+    store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
       widgets: nextSearchState,
       metadata: metadata,
       searching: true
@@ -7201,19 +7329,19 @@ function createInstantSearchManager(_ref) {
     // The values 1, 100 are the min / max values that the engine accepts.
     // see: https://www.algolia.com/doc/api-reference/api-parameters/maxFacetHits
     var maxFacetHitsWithinRange = Math.max(1, Math.min(maxFacetHits, 100));
-    store.setState(_objectSpread({}, store.getState(), {
+    store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
       searchingForFacetValues: true
     }));
     helper.searchForFacetValues(facetName, query, maxFacetHitsWithinRange).then(function (content) {
       var _objectSpread7;
 
-      store.setState(_objectSpread({}, store.getState(), {
+      store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
         error: null,
         searchingForFacetValues: false,
-        resultsFacetValues: _objectSpread({}, store.getState().resultsFacetValues, (_objectSpread7 = {}, _defineProperty(_objectSpread7, facetName, content.facetHits), _defineProperty(_objectSpread7, "query", query), _objectSpread7))
+        resultsFacetValues: _objectSpread$a(_objectSpread$a({}, store.getState().resultsFacetValues), {}, (_objectSpread7 = {}, _defineProperty(_objectSpread7, facetName, content.facetHits), _defineProperty(_objectSpread7, "query", query), _objectSpread7))
       }));
     }, function (error) {
-      store.setState(_objectSpread({}, store.getState(), {
+      store.setState(_objectSpread$a(_objectSpread$a({}, store.getState()), {}, {
         searchingForFacetValues: false,
         error: error
       }));
@@ -7260,16 +7388,22 @@ function hydrateMetadata(resultsState) {
 
 
   return resultsState.metadata.map(function (datum) {
-    return _objectSpread({
-      value: function value() {}
-    }, datum, {
+    return _objectSpread$a(_objectSpread$a({
+      value: function value() {
+        return {};
+      }
+    }, datum), {}, {
       items: datum.items && datum.items.map(function (item) {
-        return _objectSpread({
-          value: function value() {}
-        }, item, {
+        return _objectSpread$a(_objectSpread$a({
+          value: function value() {
+            return {};
+          }
+        }, item), {}, {
           items: item.items && item.items.map(function (nestedItem) {
-            return _objectSpread({
-              value: function value() {}
+            return _objectSpread$a({
+              value: function value() {
+                return {};
+              }
             }, nestedItem);
           })
         });
@@ -7278,6 +7412,52 @@ function hydrateMetadata(resultsState) {
   });
 }
 
+function isMetadataEnabled() {
+  return (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' && _typeof(window.navigator) === 'object' && typeof window.navigator.userAgent === 'string' && window.navigator.userAgent.includes('Algolia Crawler') && _typeof(window.document) === 'object';
+}
+function getMetadataPayload(widgets, searchClient) {
+  var internalProps = ['contextValue', 'indexContextValue'];
+  var widgetsPayload = widgets.map(function (_ref) {
+    var props = _ref.props,
+        constructor = _ref.constructor;
+
+    var _ref2 = constructor._connectorDesc || {},
+        _ref2$defaultProps = _ref2.defaultProps,
+        defaultProps = _ref2$defaultProps === void 0 ? {} : _ref2$defaultProps,
+        _ref2$displayName = _ref2.displayName,
+        displayName = _ref2$displayName === void 0 ? constructor.displayName : _ref2$displayName;
+
+    return {
+      displayName: displayName,
+      params: Object.keys(props).filter(function (prop) {
+        return !internalProps.includes(prop) && defaultProps[prop] !== props[prop] && props[prop] !== undefined;
+      })
+    };
+  });
+  var client = searchClient;
+  var ua = client.transporter && client.transporter.userAgent ? client.transporter.userAgent.value : client._ua;
+  return {
+    ua: ua,
+    widgets: widgetsPayload
+  };
+}
+function injectMetadata(widgets, searchClient) {
+  var payloadContainer = document.createElement('meta');
+  var refNode = document.querySelector('head');
+  payloadContainer.name = 'algolia:metadata';
+  var payload = getMetadataPayload(widgets, searchClient);
+  payloadContainer.content = JSON.stringify(payload);
+  refNode.appendChild(payloadContainer);
+}
+
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function isControlled(props) {
   return Boolean(props.searchState);
 }
@@ -7321,37 +7501,17 @@ function isControlled(props) {
  */
 
 
-var InstantSearch =
-/*#__PURE__*/
-function (_Component) {
+var InstantSearch = /*#__PURE__*/function (_Component) {
   _inherits(InstantSearch, _Component);
 
-  _createClass(InstantSearch, null, [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      var nextIsControlled = isControlled(nextProps);
-      var previousSearchState = prevState.instantSearchManager.store.getState().widgets;
-      var nextSearchState = nextProps.searchState;
-
-      if (nextIsControlled && !reactFastCompare(previousSearchState, nextSearchState)) {
-        prevState.instantSearchManager.onExternalStateUpdate(nextProps.searchState);
-      }
-
-      return {
-        isControlled: nextIsControlled,
-        contextValue: _objectSpread({}, prevState.contextValue, {
-          mainTargetedIndex: nextProps.indexName
-        })
-      };
-    }
-  }]);
+  var _super = _createSuper$n(InstantSearch);
 
   function InstantSearch(props) {
     var _this;
 
     _classCallCheck(this, InstantSearch);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(InstantSearch).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "isUnmounting", false);
 
@@ -7405,6 +7565,13 @@ function (_Component) {
         this.state.instantSearchManager.updateClient(this.props.searchClient);
       }
     }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (isMetadataEnabled()) {
+        injectMetadata(this.state.instantSearchManager.widgetsManager.getWidgets(), this.props.searchClient);
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -7472,10 +7639,28 @@ function (_Component) {
         return null;
       }
 
-      return React__default.createElement(InstantSearchProvider, {
+      return /*#__PURE__*/React__default.createElement(InstantSearchProvider, {
         value: this.state.contextValue
       }, this.props.children);
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      var nextIsControlled = isControlled(nextProps);
+      var previousSearchState = prevState.instantSearchManager.store.getState().widgets;
+      var nextSearchState = nextProps.searchState;
+
+      if (nextIsControlled && !reactFastCompare(previousSearchState, nextSearchState)) {
+        prevState.instantSearchManager.onExternalStateUpdate(nextProps.searchState);
+      }
+
+      return {
+        isControlled: nextIsControlled,
+        contextValue: _objectSpread$9(_objectSpread$9({}, prevState.contextValue), {}, {
+          mainTargetedIndex: nextProps.indexName
+        })
+      };
+    }
   }]);
 
   return InstantSearch;
@@ -7623,6 +7808,9 @@ var connectBreadcrumb = createConnectorWithContext({
   }
 });
 
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * connectCurrentRefinements connector provides the logic to build a widget that will
  * give the user the ability to remove all or some of the filters that were
@@ -7652,7 +7840,7 @@ var connectCurrentRefinements = createConnectorWithContext({
           }
 
           return res.concat(meta.items.map(function (item) {
-            return _objectSpread({}, item, {
+            return _objectSpread$8(_objectSpread$8({}, item), {}, {
               id: meta.id,
               index: meta.index
             });
@@ -7679,6 +7867,9 @@ var connectCurrentRefinements = createConnectorWithContext({
   }
 });
 
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var getId$c = function getId(props) {
   return props.attributes[0];
 };
@@ -7738,7 +7929,7 @@ var truncate = function truncate() {
   var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
   return items.slice(0, limit).map(function () {
     var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return Array.isArray(item.items) ? _objectSpread({}, item, {
+    return Array.isArray(item.items) ? _objectSpread$7(_objectSpread$7({}, item), {}, {
       items: truncate(item.items, limit)
     }) : item;
   });
@@ -7825,7 +8016,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMore: PropTypes.bool,
     limit: PropTypes.number,
     showMoreLimit: PropTypes.number,
-    transformItems: PropTypes.func
+    transformItems: PropTypes.func,
+    facetOrdering: PropTypes.bool
   },
   defaultProps: {
     showMore: false,
@@ -7833,12 +8025,14 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMoreLimit: 20,
     separator: ' > ',
     rootPath: null,
-    showParentLevel: true
+    showParentLevel: true,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var showMore = props.showMore,
         limit = props.limit,
-        showMoreLimit = props.showMoreLimit;
+        showMoreLimit = props.showMoreLimit,
+        facetOrdering = props.facetOrdering;
     var id = getId$c(props);
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -7859,7 +8053,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
 
     var itemsLimit = showMore ? showMoreLimit : limit;
     var value = results.getFacetValues(id, {
-      sortBy: sortBy$1
+      sortBy: sortBy$1,
+      facetOrdering: facetOrdering
     });
     var items = value.data ? transformValue(value.data, props, searchState, {
       ais: props.contextValue,
@@ -8106,6 +8301,10 @@ var connectHits = createConnectorWithContext({
   }
 });
 
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function getId$b() {
   return 'hitsPerPage';
 }
@@ -8151,9 +8350,9 @@ var connectHitsPerPage = createConnectorWithContext({
       multiIndexContext: props.indexContextValue
     });
     var items = props.items.map(function (item) {
-      return item.value === currentRefinement ? _objectSpread({}, item, {
+      return item.value === currentRefinement ? _objectSpread$6(_objectSpread$6({}, item), {}, {
         isRefined: true
-      }) : _objectSpread({}, item, {
+      }) : _objectSpread$6(_objectSpread$6({}, item), {}, {
         isRefined: false
       });
     });
@@ -8192,6 +8391,8 @@ var connectHitsPerPage = createConnectorWithContext({
   }
 });
 
+var _excluded$1 = ["page"];
+
 function getId$a() {
   return 'page';
 }
@@ -8211,7 +8412,7 @@ function getCurrentRefinement$9(props, searchState, context) {
 function getStateWithoutPage(state) {
   var _ref = state || {};
       _ref.page;
-      var rest = _objectWithoutProperties(_ref, ["page"]);
+      var rest = _objectWithoutProperties(_ref, _excluded$1);
 
   return rest;
 }
@@ -8411,17 +8612,20 @@ var connectMenu = createConnectorWithContext({
     showMoreLimit: PropTypes.number,
     defaultRefinement: PropTypes.string,
     transformItems: PropTypes.func,
-    searchable: PropTypes.bool
+    searchable: PropTypes.bool,
+    facetOrdering: PropTypes.bool
   },
   defaultProps: {
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, meta, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -8467,7 +8671,8 @@ var connectMenu = createConnectorWithContext({
       });
     } else {
       items = results.getFacetValues(attribute, {
-        sortBy: searchable ? undefined : defaultSortBy
+        sortBy: searchable ? undefined : defaultSortBy,
+        facetOrdering: facetOrdering
       }).map(function (v) {
         return {
           label: v.name,
@@ -8910,7 +9115,7 @@ var connectPagination = createConnectorWithContext({
 var connectPoweredBy = createConnectorWithContext({
   displayName: 'AlgoliaPoweredBy',
   getProvidedProps: function getProvidedProps() {
-    var hostname = typeof window === 'undefined' ? '' : window.location.hostname;
+    var hostname = typeof window === 'undefined' || typeof window.location === 'undefined' ? '' : window.location.hostname;
     var url = 'https://www.algolia.com/?' + 'utm_source=react-instantsearch&' + 'utm_medium=website&' + "utm_content=".concat(hostname, "&") + 'utm_campaign=poweredby';
     return {
       url: url
@@ -9324,18 +9529,21 @@ var connectRefinementList = createConnectorWithContext({
     showMoreLimit: PropTypes.number,
     defaultRefinement: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
     searchable: PropTypes.bool,
-    transformItems: PropTypes.func
+    transformItems: PropTypes.func,
+    facetOrdering: PropTypes.bool
   },
   defaultProps: {
     operator: 'or',
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, metadata, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -9376,7 +9584,8 @@ var connectRefinementList = createConnectorWithContext({
         isRefined: v.isRefined
       };
     }) : results.getFacetValues(attribute, {
-      sortBy: sortBy
+      sortBy: sortBy,
+      facetOrdering: facetOrdering
     }).map(function (v) {
       return {
         label: v.name,
@@ -9671,6 +9880,10 @@ var connectRelevantSort = createConnectorWithContext({
   }
 });
 
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function getId$2() {
   return 'sortBy';
 }
@@ -9718,9 +9931,9 @@ var connectSortBy = createConnectorWithContext({
       multiIndexContext: props.indexContextValue
     });
     var items = props.items.map(function (item) {
-      return item.value === currentRefinement ? _objectSpread({}, item, {
+      return item.value === currentRefinement ? _objectSpread$5(_objectSpread$5({}, item), {}, {
         isRefined: true
-      }) : _objectSpread({}, item, {
+      }) : _objectSpread$5(_objectSpread$5({}, item), {}, {
         isRefined: false
       });
     });
@@ -9950,6 +10163,10 @@ var connectToggleRefinement = createConnectorWithContext({
   }
 });
 
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function getId() {
   return 'query';
 }
@@ -9988,14 +10205,14 @@ function _refine(props, searchState, nextRefinement, context) {
   var queryLanguages = props.language ? {
     queryLanguages: [props.language.split('-')[0]]
   } : {};
-  var additionalQueryParameters = typeof props.additionalQueryParameters === 'function' ? _objectSpread({
+  var additionalQueryParameters = typeof props.additionalQueryParameters === 'function' ? _objectSpread$4({
     ignorePlurals: true,
     removeStopWords: true,
     optionalWords: nextRefinement
   }, props.additionalQueryParameters({
     query: nextRefinement
   })) : {};
-  var nextValue = (_nextValue = {}, _defineProperty(_nextValue, id, nextRefinement), _defineProperty(_nextValue, voiceParams, _objectSpread({}, queryLanguages, additionalQueryParameters)), _nextValue);
+  var nextValue = (_nextValue = {}, _defineProperty(_nextValue, id, nextRefinement), _defineProperty(_nextValue, voiceParams, _objectSpread$4(_objectSpread$4({}, queryLanguages), additionalQueryParameters)), _nextValue);
   var resetPage = true;
   return refineValue(searchState, nextValue, context, resetPage);
 }
@@ -10124,20 +10341,21 @@ function find(array, comparator) {
   return undefined;
 }
 
+function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$p = createClassNames('Panel');
 
-var _createContext = createContext(function setCanRefine() {}),
+var _createContext = /*#__PURE__*/createContext(function setCanRefine() {}),
     PanelConsumer = _createContext.Consumer,
     PanelProvider = _createContext.Provider;
 
-var Panel =
-/*#__PURE__*/
-function (_Component) {
+var Panel = /*#__PURE__*/function (_Component) {
   _inherits(Panel, _Component);
 
-  function Panel() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$m(Panel);
 
+  function Panel() {
     var _this;
 
     _classCallCheck(this, Panel);
@@ -10146,7 +10364,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Panel)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       canRefine: true
@@ -10170,15 +10388,15 @@ function (_Component) {
           header = _this$props.header,
           footer = _this$props.footer;
       var canRefine = this.state.canRefine;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$p('', !canRefine && '-noRefinement'), className)
-      }, header && React__default.createElement("div", {
+      }, header && /*#__PURE__*/React__default.createElement("div", {
         className: cx$p('header')
-      }, header), React__default.createElement("div", {
+      }, header), /*#__PURE__*/React__default.createElement("div", {
         className: cx$p('body')
-      }, React__default.createElement(PanelProvider, {
+      }, /*#__PURE__*/React__default.createElement(PanelProvider, {
         value: this.setCanRefine
-      }, children)), footer && React__default.createElement("div", {
+      }, children)), footer && /*#__PURE__*/React__default.createElement("div", {
         className: cx$p('footer')
       }, footer));
     }
@@ -10200,15 +10418,19 @@ _defineProperty(Panel, "defaultProps", {
   footer: null
 });
 
-var PanelCallbackHandler =
-/*#__PURE__*/
-function (_Component) {
+function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PanelCallbackHandler = /*#__PURE__*/function (_Component) {
   _inherits(PanelCallbackHandler, _Component);
 
+  var _super = _createSuper$l(PanelCallbackHandler);
+
   function PanelCallbackHandler() {
     _classCallCheck(this, PanelCallbackHandler);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(PanelCallbackHandler).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(PanelCallbackHandler, [{
@@ -10242,8 +10464,8 @@ _defineProperty(PanelCallbackHandler, "propTypes", {
 var PanelWrapper = function PanelWrapper(_ref) {
   var canRefine = _ref.canRefine,
       children = _ref.children;
-  return React__default.createElement(PanelConsumer, null, function (setCanRefine) {
-    return React__default.createElement(PanelCallbackHandler, {
+  return /*#__PURE__*/React__default.createElement(PanelConsumer, null, function (setCanRefine) {
+    return /*#__PURE__*/React__default.createElement(PanelCallbackHandler, {
       setCanRefine: setCanRefine,
       canRefine: canRefine
     }, children);
@@ -10255,14 +10477,16 @@ PanelWrapper.propTypes = {
   children: PropTypes.node.isRequired
 };
 
-var Link =
-/*#__PURE__*/
-function (_Component) {
+function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Link = /*#__PURE__*/function (_Component) {
   _inherits(Link, _Component);
 
-  function Link() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$k(Link);
 
+  function Link() {
     var _this;
 
     _classCallCheck(this, Link);
@@ -10271,7 +10495,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Link)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
       if (isSpecialClick(e)) {
@@ -10289,7 +10513,7 @@ function (_Component) {
   _createClass(Link, [{
     key: "render",
     value: function render() {
-      return React__default.createElement("a", _extends({}, this.props, {
+      return /*#__PURE__*/React__default.createElement("a", _extends({}, this.props, {
         onClick: this.onClick
       }));
     }
@@ -10302,21 +10526,24 @@ _defineProperty(Link, "propTypes", {
   onClick: PropTypes.func.isRequired
 });
 
+function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$j() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$o = createClassNames('Breadcrumb');
 var itemsPropType$2 = PropTypes.arrayOf(PropTypes.shape({
   label: PropTypes.string.isRequired,
   value: PropTypes.string.isRequired
 }));
 
-var Breadcrumb =
-/*#__PURE__*/
-function (_Component) {
+var Breadcrumb = /*#__PURE__*/function (_Component) {
   _inherits(Breadcrumb, _Component);
 
+  var _super = _createSuper$j(Breadcrumb);
+
   function Breadcrumb() {
     _classCallCheck(this, Breadcrumb);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Breadcrumb).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Breadcrumb, [{
@@ -10331,9 +10558,9 @@ function (_Component) {
           separator = _this$props.separator,
           translate = _this$props.translate,
           className = _this$props.className;
-      var rootPath = canRefine ? React__default.createElement("li", {
+      var rootPath = canRefine ? /*#__PURE__*/React__default.createElement("li", {
         className: cx$o('item')
-      }, React__default.createElement(Link, {
+      }, /*#__PURE__*/React__default.createElement(Link, {
         className: cx$o('link'),
         onClick: function onClick() {
           return !rootURL ? refine() : null;
@@ -10342,12 +10569,12 @@ function (_Component) {
       }, translate('rootLabel'))) : null;
       var breadcrumb = items.map(function (item, idx) {
         var isLast = idx === items.length - 1;
-        return React__default.createElement("li", {
+        return /*#__PURE__*/React__default.createElement("li", {
           className: cx$o('item', isLast && 'item--selected'),
           key: idx
-        }, React__default.createElement("span", {
+        }, /*#__PURE__*/React__default.createElement("span", {
           className: cx$o('separator')
-        }, separator), !isLast ? React__default.createElement(Link, {
+        }, separator), !isLast ? /*#__PURE__*/React__default.createElement(Link, {
           className: cx$o('link'),
           onClick: function onClick() {
             return refine(item.value);
@@ -10355,9 +10582,9 @@ function (_Component) {
           href: createURL(item.value)
         }, item.label) : item.label);
       });
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$o('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("ul", {
+      }, /*#__PURE__*/React__default.createElement("ul", {
         className: cx$o('list')
       }, rootPath, breadcrumb));
     }
@@ -10476,22 +10703,25 @@ var Breadcrumb$1 = translatable({
  */
 
 var BreadcrumbWidget = function BreadcrumbWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(Breadcrumb$1, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(Breadcrumb$1, props));
 };
 
 connectBreadcrumb(BreadcrumbWidget);
 
+function _createSuper$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$n = createClassNames('ClearRefinements');
 
-var ClearRefinements$1 =
-/*#__PURE__*/
-function (_Component) {
+var ClearRefinements$1 = /*#__PURE__*/function (_Component) {
   _inherits(ClearRefinements, _Component);
 
+  var _super = _createSuper$i(ClearRefinements);
+
   function ClearRefinements() {
     _classCallCheck(this, ClearRefinements);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(ClearRefinements).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(ClearRefinements, [{
@@ -10503,9 +10733,9 @@ function (_Component) {
           refine = _this$props.refine,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$n(''), className)
-      }, React__default.createElement("button", {
+      }, /*#__PURE__*/React__default.createElement("button", {
         className: cx$n('button', !canRefine && 'button--disabled'),
         onClick: function onClick() {
           return refine(items);
@@ -10569,7 +10799,7 @@ var ClearRefinements$2 = translatable({
  */
 
 var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(ClearRefinements$2, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(ClearRefinements$2, props));
 };
 
 var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget);
@@ -10581,31 +10811,31 @@ var CurrentRefinements = function CurrentRefinements(_ref) {
       refine = _ref.refine,
       translate = _ref.translate,
       className = _ref.className;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$m('', !canRefine && '-noRefinement'), className)
-  }, React__default.createElement("ul", {
+  }, /*#__PURE__*/React__default.createElement("ul", {
     className: cx$m('list', !canRefine && 'list--noRefinement')
   }, items.map(function (item) {
-    return React__default.createElement("li", {
+    return /*#__PURE__*/React__default.createElement("li", {
       key: item.label,
       className: cx$m('item')
-    }, React__default.createElement("span", {
+    }, /*#__PURE__*/React__default.createElement("span", {
       className: cx$m('label')
     }, item.label), item.items ? item.items.map(function (nest) {
-      return React__default.createElement("span", {
+      return /*#__PURE__*/React__default.createElement("span", {
         key: nest.label,
         className: cx$m('category')
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$m('categoryLabel')
-      }, nest.label), React__default.createElement("button", {
+      }, nest.label), /*#__PURE__*/React__default.createElement("button", {
         className: cx$m('delete'),
         onClick: function onClick() {
           return refine(nest.value);
         }
       }, translate('clearFilter', nest)));
-    }) : React__default.createElement("span", {
+    }) : /*#__PURE__*/React__default.createElement("span", {
       className: cx$m('category')
-    }, React__default.createElement("button", {
+    }, /*#__PURE__*/React__default.createElement("button", {
       className: cx$m('delete'),
       onClick: function onClick() {
         return refine(item.value);
@@ -10677,33 +10907,40 @@ var CurrentRefinements$1 = translatable({
  */
 
 var CurrentRefinementsWidget = function CurrentRefinementsWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(CurrentRefinements$1, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(CurrentRefinements$1, props));
 };
 
 connectCurrentRefinements(CurrentRefinementsWidget);
 
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$l = createClassNames('SearchBox');
-var defaultLoadingIndicator = React__default.createElement("svg", {
+var defaultLoadingIndicator = /*#__PURE__*/React__default.createElement("svg", {
   width: "18",
   height: "18",
   viewBox: "0 0 38 38",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#444",
   className: cx$l('loadingIcon')
-}, React__default.createElement("g", {
+}, /*#__PURE__*/React__default.createElement("g", {
   fill: "none",
   fillRule: "evenodd"
-}, React__default.createElement("g", {
+}, /*#__PURE__*/React__default.createElement("g", {
   transform: "translate(1 1)",
   strokeWidth: "2"
-}, React__default.createElement("circle", {
+}, /*#__PURE__*/React__default.createElement("circle", {
   strokeOpacity: ".5",
   cx: "18",
   cy: "18",
   r: "18"
-}), React__default.createElement("path", {
+}), /*#__PURE__*/React__default.createElement("path", {
   d: "M36 18c0-9.94-8.06-18-18-18"
-}, React__default.createElement("animateTransform", {
+}, /*#__PURE__*/React__default.createElement("animateTransform", {
   attributeName: "transform",
   type: "rotate",
   from: "0 18 18",
@@ -10711,36 +10948,36 @@ var defaultLoadingIndicator = React__default.createElement("svg", {
   dur: "1s",
   repeatCount: "indefinite"
 })))));
-var defaultReset = React__default.createElement("svg", {
+var defaultReset = /*#__PURE__*/React__default.createElement("svg", {
   className: cx$l('resetIcon'),
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   width: "10",
   height: "10"
-}, React__default.createElement("path", {
+}, /*#__PURE__*/React__default.createElement("path", {
   d: "M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
 }));
-var defaultSubmit = React__default.createElement("svg", {
+var defaultSubmit = /*#__PURE__*/React__default.createElement("svg", {
   className: cx$l('submitIcon'),
   xmlns: "http://www.w3.org/2000/svg",
   width: "10",
   height: "10",
   viewBox: "0 0 40 40"
-}, React__default.createElement("path", {
+}, /*#__PURE__*/React__default.createElement("path", {
   d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
 }));
 
-var SearchBox$1 =
-/*#__PURE__*/
-function (_Component) {
+var SearchBox$1 = /*#__PURE__*/function (_Component) {
   _inherits(SearchBox, _Component);
 
+  var _super = _createSuper$h(SearchBox);
+
   function SearchBox(props) {
     var _this;
 
     _classCallCheck(this, SearchBox);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(SearchBox).call(this));
+    _this = _super.call(this);
 
     _defineProperty(_assertThisInitialized(_this), "getQuery", function () {
       return _this.props.searchAsYouType ? _this.props.currentRefinement : _this.state.query;
@@ -10876,6 +11113,7 @@ function (_Component) {
 
       var _this$props4 = this.props,
           className = _this$props4.className,
+          inputId = _this$props4.inputId,
           translate = _this$props4.translate,
           autoFocus = _this$props4.autoFocus,
           loadingIndicator = _this$props4.loadingIndicator,
@@ -10884,25 +11122,24 @@ function (_Component) {
       var query = this.getQuery();
       var searchInputEvents = Object.keys(this.props).reduce(function (props, prop) {
         if (['onsubmit', 'onreset', 'onchange'].indexOf(prop.toLowerCase()) === -1 && prop.indexOf('on') === 0) {
-          return _objectSpread({}, props, _defineProperty({}, prop, _this2.props[prop]));
+          return _objectSpread$3(_objectSpread$3({}, props), {}, _defineProperty({}, prop, _this2.props[prop]));
         }
 
         return props;
       }, {});
       var isSearchStalled = this.props.showLoadingIndicator && this.props.isSearchStalled;
-      /* eslint-disable max-len */
-
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$l(''), className)
-      }, React__default.createElement("form", {
+      }, /*#__PURE__*/React__default.createElement("form", {
         noValidate: true,
         onSubmit: this.props.onSubmit ? this.props.onSubmit : this.onSubmit,
         onReset: this.onReset,
         className: cx$l('form', isSearchStalled && 'form--stalledSearch'),
         action: "",
         role: "search"
-      }, React__default.createElement("input", _extends({
+      }, /*#__PURE__*/React__default.createElement("input", _extends({
         ref: this.onInputMount,
+        id: inputId,
         type: "search",
         placeholder: translate('placeholder'),
         autoFocus: autoFocus,
@@ -10916,20 +11153,19 @@ function (_Component) {
         onChange: this.onChange
       }, searchInputEvents, {
         className: cx$l('input')
-      })), React__default.createElement("button", {
+      })), /*#__PURE__*/React__default.createElement("button", {
         type: "submit",
         title: translate('submitTitle'),
         className: cx$l('submit')
-      }, submit), React__default.createElement("button", {
+      }, submit), /*#__PURE__*/React__default.createElement("button", {
         type: "reset",
         title: translate('resetTitle'),
         className: cx$l('reset'),
         hidden: !query || isSearchStalled
-      }, reset), this.props.showLoadingIndicator && React__default.createElement("span", {
+      }, reset), this.props.showLoadingIndicator && /*#__PURE__*/React__default.createElement("span", {
         hidden: !isSearchStalled,
         className: cx$l('loadingIndicator')
       }, loadingIndicator)));
-      /* eslint-enable */
     }
   }]);
 
@@ -10954,7 +11190,8 @@ _defineProperty(SearchBox$1, "propTypes", {
   showLoadingIndicator: PropTypes.bool,
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.exact({
     current: PropTypes.object
-  })])
+  })]),
+  inputId: PropTypes.string
 });
 
 _defineProperty(SearchBox$1, "defaultProps", {
@@ -10976,6 +11213,9 @@ var SearchBox$2 = translatable({
   placeholder: 'Search here…'
 })(SearchBox$1);
 
+function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var itemsPropType$1 = PropTypes.arrayOf(PropTypes.shape({
   value: PropTypes.any,
   label: PropTypes.node.isRequired,
@@ -10984,17 +11224,17 @@ var itemsPropType$1 = PropTypes.arrayOf(PropTypes.shape({
   }
 }));
 
-var List =
-/*#__PURE__*/
-function (_Component) {
+var List = /*#__PURE__*/function (_Component) {
   _inherits(List, _Component);
 
+  var _super = _createSuper$g(List);
+
   function List() {
     var _this;
 
     _classCallCheck(this, List);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(List).call(this));
+    _this = _super.call(this);
 
     _defineProperty(_assertThisInitialized(_this), "onShowMoreClick", function () {
       _this.setState(function (state) {
@@ -11020,10 +11260,10 @@ function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
       var itemHasChildren = item.items && Boolean(item.items.length);
-      return React__default.createElement("li", {
+      return /*#__PURE__*/React__default.createElement("li", {
         key: item.key || item.label,
         className: _this.props.cx('item', item.isRefined && 'item--selected', item.noRefinement && 'item--noRefinement', itemHasChildren && 'item--parent')
-      }, _this.props.renderItem(item, resetQuery), itemHasChildren && React__default.createElement("ul", {
+      }, _this.props.renderItem(item, resetQuery), itemHasChildren && /*#__PURE__*/React__default.createElement("ul", {
         className: _this.props.cx('list', 'list--child')
       }, item.items.slice(0, _this.getLimit()).map(function (child) {
         return _this.renderItem(child, item);
@@ -11051,7 +11291,7 @@ function (_Component) {
         return null;
       }
 
-      return React__default.createElement("button", {
+      return /*#__PURE__*/React__default.createElement("button", {
         disabled: disabled,
         className: cx('showMore', disabled && 'showMore--disabled'),
         onClick: this.onShowMoreClick
@@ -11069,12 +11309,12 @@ function (_Component) {
           translate = _this$props3.translate,
           items = _this$props3.items,
           selectItem = _this$props3.selectItem;
-      var noResults = items.length === 0 && this.state.query !== '' ? React__default.createElement("div", {
+      var noResults = items.length === 0 && this.state.query !== '' ? /*#__PURE__*/React__default.createElement("div", {
         className: cx('noResults')
       }, translate('noResults')) : null;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: cx('searchBox')
-      }, React__default.createElement(SearchBox$2, {
+      }, /*#__PURE__*/React__default.createElement(SearchBox$2, {
         currentRefinement: this.state.query,
         refine: function refine(value) {
           _this2.setState({
@@ -11110,7 +11350,7 @@ function (_Component) {
       var rootClassName = classnames(cx('', !canRefine && '-noRefinement'), className);
 
       if (items.length === 0) {
-        return React__default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: rootClassName
         }, searchBox);
       } // Always limit the number of items we show on screen, since the actual
@@ -11118,9 +11358,9 @@ function (_Component) {
       // option.
 
 
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: rootClassName
-      }, searchBox, React__default.createElement("ul", {
+      }, searchBox, /*#__PURE__*/React__default.createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.slice(0, this.getLimit()).map(function (item) {
         return _this3.renderItem(item, _this3.resetQuery);
@@ -11154,6 +11394,9 @@ _defineProperty(List, "defaultProps", {
   isFromSearch: false
 });
 
+function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$k = createClassNames('HierarchicalMenu');
 var itemsPropType = PropTypes.arrayOf(PropTypes.shape({
   label: PropTypes.string.isRequired,
@@ -11164,14 +11407,12 @@ var itemsPropType = PropTypes.arrayOf(PropTypes.shape({
   }
 }));
 
-var HierarchicalMenu =
-/*#__PURE__*/
-function (_Component) {
+var HierarchicalMenu = /*#__PURE__*/function (_Component) {
   _inherits(HierarchicalMenu, _Component);
 
-  function HierarchicalMenu() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$f(HierarchicalMenu);
 
+  function HierarchicalMenu() {
     var _this;
 
     _classCallCheck(this, HierarchicalMenu);
@@ -11180,21 +11421,21 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HierarchicalMenu)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item) {
       var _this$props = _this.props,
           createURL = _this$props.createURL,
           refine = _this$props.refine;
-      return React__default.createElement(Link, {
+      return /*#__PURE__*/React__default.createElement(Link, {
         className: cx$k('link'),
         onClick: function onClick() {
           return refine(item.value);
         },
         href: createURL(item.value)
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$k('label')
-      }, item.label), ' ', React__default.createElement("span", {
+      }, item.label), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$k('count')
       }, item.count));
     });
@@ -11213,7 +11454,7 @@ function (_Component) {
           showMoreLimit = _this$props2.showMoreLimit,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         cx: cx$k,
         translate: translate,
@@ -11344,7 +11585,7 @@ var HierarchicalMenu$1 = translatable({
  */
 
 var HierarchicalMenuWidget = function HierarchicalMenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(HierarchicalMenu$1, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(HierarchicalMenu$1, props));
 };
 
 connectHierarchicalMenu(HierarchicalMenuWidget);
@@ -11357,7 +11598,7 @@ var Highlight$2 = function Highlight(_ref) {
       nonHighlightedTagName = _ref.nonHighlightedTagName;
   var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
   var className = isHighlighted ? 'highlighted' : 'nonHighlighted';
-  return React__default.createElement(TagName, {
+  return /*#__PURE__*/React__default.createElement(TagName, {
     className: cx(className)
   }, value);
 };
@@ -11384,15 +11625,15 @@ var Highlighter = function Highlighter(_ref2) {
     attribute: attribute,
     highlightProperty: highlightProperty
   });
-  return React__default.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     className: classnames(cx(''), className)
   }, parsedHighlightedValue.map(function (item, i) {
     if (Array.isArray(item)) {
       var isLast = i === parsedHighlightedValue.length - 1;
-      return React__default.createElement("span", {
+      return /*#__PURE__*/React__default.createElement("span", {
         key: i
       }, item.map(function (element, index) {
-        return React__default.createElement(Highlight$2, {
+        return /*#__PURE__*/React__default.createElement(Highlight$2, {
           cx: cx,
           key: index,
           value: element.value,
@@ -11400,12 +11641,12 @@ var Highlighter = function Highlighter(_ref2) {
           nonHighlightedTagName: nonHighlightedTagName,
           isHighlighted: element.isHighlighted
         });
-      }), !isLast && React__default.createElement("span", {
+      }), !isLast && /*#__PURE__*/React__default.createElement("span", {
         className: cx('separator')
       }, separator));
     }
 
-    return React__default.createElement(Highlight$2, {
+    return /*#__PURE__*/React__default.createElement(Highlight$2, {
       cx: cx,
       key: i,
       value: item.value,
@@ -11437,7 +11678,7 @@ Highlighter.defaultProps = {
 var cx$j = createClassNames('Highlight');
 
 var Highlight$1 = function Highlight(props) {
-  return React__default.createElement(Highlighter, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Highlighter, _extends({}, props, {
     highlightProperty: "_highlightResult",
     cx: cx$j
   }));
@@ -11489,7 +11730,7 @@ var Highlight = connectHighlight(Highlight$1);
 var cx$i = createClassNames('Hits');
 
 var DefaultHitComponent = function DefaultHitComponent(props) {
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       borderBottom: '1px solid #bbb',
       paddingBottom: '5px',
@@ -11505,15 +11746,15 @@ var Hits$1 = function Hits(_ref) {
       className = _ref$className === void 0 ? '' : _ref$className,
       _ref$hitComponent = _ref.hitComponent,
       HitComponent = _ref$hitComponent === void 0 ? DefaultHitComponent : _ref$hitComponent;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$i(''), className)
-  }, React__default.createElement("ul", {
+  }, /*#__PURE__*/React__default.createElement("ul", {
     className: cx$i('list')
   }, hits.map(function (hit) {
-    return React__default.createElement("li", {
+    return /*#__PURE__*/React__default.createElement("li", {
       className: cx$i('item'),
       key: hit.objectID
-    }, React__default.createElement(HitComponent, {
+    }, /*#__PURE__*/React__default.createElement(HitComponent, {
       hit: hit
     }));
   })));
@@ -11525,7 +11766,8 @@ var HitPropTypes = PropTypes.shape({
 Hits$1.propTypes = {
   hits: PropTypes.arrayOf(HitPropTypes.isRequired).isRequired,
   className: PropTypes.string,
-  hitComponent: PropTypes.func
+  // this is actually PropTypes.elementType, but our prop-types version is outdated
+  hitComponent: PropTypes.any
 };
 
 /**
@@ -11563,14 +11805,16 @@ Hits$1.propTypes = {
 
 var Hits = connectHits(Hits$1);
 
-var Select =
-/*#__PURE__*/
-function (_Component) {
+function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Select = /*#__PURE__*/function (_Component) {
   _inherits(Select, _Component);
 
-  function Select() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$e(Select);
 
+  function Select() {
     var _this;
 
     _classCallCheck(this, Select);
@@ -11579,7 +11823,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Select)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
       _this.props.onSelect(e.target.value);
@@ -11593,14 +11837,16 @@ function (_Component) {
     value: function render() {
       var _this$props = this.props,
           cx = _this$props.cx,
+          id = _this$props.id,
           items = _this$props.items,
           selectedItem = _this$props.selectedItem;
-      return React__default.createElement("select", {
+      return /*#__PURE__*/React__default.createElement("select", {
+        id: id,
         className: cx('select'),
         value: selectedItem,
         onChange: this.onChange
       }, items.map(function (item) {
-        return React__default.createElement("option", {
+        return /*#__PURE__*/React__default.createElement("option", {
           className: cx('option'),
           key: item.key === undefined ? item.value : item.key,
           disabled: item.disabled,
@@ -11615,6 +11861,7 @@ function (_Component) {
 
 _defineProperty(Select, "propTypes", {
   cx: PropTypes.func.isRequired,
+  id: PropTypes.string,
   onSelect: PropTypes.func.isRequired,
   items: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
@@ -11625,30 +11872,35 @@ _defineProperty(Select, "propTypes", {
   selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
 });
 
+function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$d() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$h = createClassNames('HitsPerPage');
 
-var HitsPerPage =
-/*#__PURE__*/
-function (_Component) {
+var HitsPerPage = /*#__PURE__*/function (_Component) {
   _inherits(HitsPerPage, _Component);
 
+  var _super = _createSuper$d(HitsPerPage);
+
   function HitsPerPage() {
     _classCallCheck(this, HitsPerPage);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(HitsPerPage).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(HitsPerPage, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$h(''), className)
-      }, React__default.createElement(Select, {
+      }, /*#__PURE__*/React__default.createElement(Select, {
+        id: id,
         onSelect: refine,
         selectedItem: currentRefinement,
         items: items,
@@ -11661,6 +11913,7 @@ function (_Component) {
 }(Component);
 
 _defineProperty(HitsPerPage, "propTypes", {
+  id: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.number.isRequired,
     label: PropTypes.string
@@ -11683,6 +11936,7 @@ _defineProperty(HitsPerPage, "defaultProps", {
  *
  * @name HitsPerPage
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: number, label: string}[]} items - List of available options.
  * @propType {number} defaultRefinement - The number of items selected by default
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
@@ -11718,17 +11972,20 @@ _defineProperty(HitsPerPage, "defaultProps", {
 
 connectHitsPerPage(HitsPerPage);
 
+function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$g = createClassNames('InfiniteHits');
 
-var InfiniteHits =
-/*#__PURE__*/
-function (_Component) {
+var InfiniteHits = /*#__PURE__*/function (_Component) {
   _inherits(InfiniteHits, _Component);
 
+  var _super = _createSuper$c(InfiniteHits);
+
   function InfiniteHits() {
     _classCallCheck(this, InfiniteHits);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(InfiniteHits).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(InfiniteHits, [{
@@ -11744,24 +12001,24 @@ function (_Component) {
           refineNext = _this$props.refineNext,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$g(''), className)
-      }, showPrevious && React__default.createElement("button", {
+      }, showPrevious && /*#__PURE__*/React__default.createElement("button", {
         className: cx$g('loadPrevious', !hasPrevious && 'loadPrevious--disabled'),
         onClick: function onClick() {
           return refinePrevious();
         },
         disabled: !hasPrevious
-      }, translate('loadPrevious')), React__default.createElement("ul", {
+      }, translate('loadPrevious')), /*#__PURE__*/React__default.createElement("ul", {
         className: cx$g('list')
       }, hits.map(function (hit) {
-        return React__default.createElement("li", {
+        return /*#__PURE__*/React__default.createElement("li", {
           key: hit.objectID,
           className: cx$g('item')
-        }, React__default.createElement(HitComponent, {
+        }, /*#__PURE__*/React__default.createElement(HitComponent, {
           hit: hit
         }));
-      })), React__default.createElement("button", {
+      })), /*#__PURE__*/React__default.createElement("button", {
         className: cx$g('loadMore', !hasMore && 'loadMore--disabled'),
         onClick: function onClick() {
           return refineNext();
@@ -11783,13 +12040,14 @@ InfiniteHits.propTypes = {
   refineNext: PropTypes.func.isRequired,
   translate: PropTypes.func.isRequired,
   className: PropTypes.string,
-  hitComponent: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
+  // this is actually PropTypes.elementType, but our prop-types version is outdated
+  hitComponent: PropTypes.any
 };
 InfiniteHits.defaultProps = {
   className: '',
   showPrevious: false,
   hitComponent: function hitComponent(hit) {
-    return React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       style: {
         borderBottom: '1px solid #bbb',
         paddingBottom: '5px',
@@ -11843,16 +12101,17 @@ var InfiniteHits$1 = translatable({
 
 connectInfiniteHits(InfiniteHits$1);
 
+function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$f = createClassNames('Menu');
 
-var Menu =
-/*#__PURE__*/
-function (_Component) {
+var Menu = /*#__PURE__*/function (_Component) {
   _inherits(Menu, _Component);
 
-  function Menu() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$b(Menu);
 
+  function Menu() {
     var _this;
 
     _classCallCheck(this, Menu);
@@ -11861,23 +12120,23 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Menu)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
       var createURL = _this.props.createURL;
-      var label = _this.props.isFromSearch ? React__default.createElement(Highlight, {
+      var label = _this.props.isFromSearch ? /*#__PURE__*/React__default.createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React__default.createElement(Link, {
+      return /*#__PURE__*/React__default.createElement(Link, {
         className: cx$f('link'),
         onClick: function onClick() {
           return _this.selectItem(item, resetQuery);
         },
         href: createURL(item.value)
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$f('label')
-      }, label), ' ', React__default.createElement("span", {
+      }, label), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$f('count')
       }, item.count));
     });
@@ -11905,7 +12164,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$f,
@@ -12013,21 +12272,22 @@ var Menu$1 = translatable({
  */
 
 var MenuWidget = function MenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(Menu$1, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(Menu$1, props));
 };
 
 connectMenu(MenuWidget);
 
+function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$e = createClassNames('MenuSelect');
 
-var MenuSelect =
-/*#__PURE__*/
-function (_Component) {
+var MenuSelect = /*#__PURE__*/function (_Component) {
   _inherits(MenuSelect, _Component);
 
-  function MenuSelect() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$a(MenuSelect);
 
+  function MenuSelect() {
     var _this;
 
     _classCallCheck(this, MenuSelect);
@@ -12036,7 +12296,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(MenuSelect)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "handleSelectChange", function (_ref) {
       var value = _ref.target.value;
@@ -12048,48 +12308,51 @@ function (_Component) {
   }
 
   _createClass(MenuSelect, [{
+    key: "selectedValue",
+    get: function get() {
+      var _ref2 = find(this.props.items, function (item) {
+        return item.isRefined === true;
+      }) || {
+        value: 'ais__see__all__option'
+      },
+          value = _ref2.value;
+
+      return value;
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           canRefine = _this$props.canRefine,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$e('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("select", {
+      }, /*#__PURE__*/React__default.createElement("select", {
+        id: id,
         value: this.selectedValue,
         onChange: this.handleSelectChange,
         className: cx$e('select')
-      }, React__default.createElement("option", {
+      }, /*#__PURE__*/React__default.createElement("option", {
         value: "ais__see__all__option",
         className: cx$e('option')
       }, translate('seeAllOption')), items.map(function (item) {
-        return React__default.createElement("option", {
+        return /*#__PURE__*/React__default.createElement("option", {
           key: item.value,
           value: item.value,
           className: cx$e('option')
         }, item.label, " (", item.count, ")");
       })));
     }
-  }, {
-    key: "selectedValue",
-    get: function get() {
-      var _ref2 = find(this.props.items, function (item) {
-        return item.isRefined === true;
-      }) || {
-        value: 'ais__see__all__option'
-      },
-          value = _ref2.value;
-
-      return value;
-    }
   }]);
 
   return MenuSelect;
 }(Component);
 
 _defineProperty(MenuSelect, "propTypes", {
+  id: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string.isRequired,
     value: PropTypes.string.isRequired,
@@ -12116,6 +12379,7 @@ var MenuSelect$1 = translatable({
  * @kind widget
  * @requirements The attribute passed to the `attribute` prop must be present in "attributes for faceting"
  * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.
+ * @propType {string} id - the id of the select input
  * @propType {string} attribute - the name of the attribute in the record
  * @propType {string} [defaultRefinement] - the value of the item selected by default
  * @propType {number} [limit=10] - the minimum number of diplayed items
@@ -12147,21 +12411,26 @@ var MenuSelect$1 = translatable({
  */
 
 var MenuSelectWidget = function MenuSelectWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(MenuSelect$1, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(MenuSelect$1, props));
 };
 
 connectMenu(MenuSelectWidget);
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$d = createClassNames('NumericMenu');
 
-var NumericMenu =
-/*#__PURE__*/
-function (_Component) {
+var NumericMenu = /*#__PURE__*/function (_Component) {
   _inherits(NumericMenu, _Component);
 
-  function NumericMenu() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$9(NumericMenu);
 
+  function NumericMenu() {
     var _this;
 
     _classCallCheck(this, NumericMenu);
@@ -12170,15 +12439,15 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(NumericMenu)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item) {
       var _this$props = _this.props,
           refine = _this$props.refine,
           translate = _this$props.translate;
-      return React__default.createElement("label", {
+      return /*#__PURE__*/React__default.createElement("label", {
         className: cx$d('label')
-      }, React__default.createElement("input", {
+      }, /*#__PURE__*/React__default.createElement("input", {
         className: cx$d('radio'),
         type: "radio",
         checked: item.isRefined,
@@ -12186,7 +12455,7 @@ function (_Component) {
         onChange: function onChange() {
           return refine(item.value);
         }
-      }), React__default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: cx$d('labelText')
       }, item.value === '' ? translate('all') : item.label));
     });
@@ -12201,13 +12470,13 @@ function (_Component) {
           items = _this$props2.items,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         showMore: false,
         canRefine: canRefine,
         cx: cx$d,
         items: items.map(function (item) {
-          return _objectSpread({}, item, {
+          return _objectSpread$2(_objectSpread$2({}, item), {}, {
             key: item.value
           });
         }),
@@ -12287,20 +12556,24 @@ var NumericMenu$1 = translatable({
  */
 
 var NumericMenuWidget = function NumericMenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(NumericMenu$1, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(NumericMenu$1, props));
 };
 
 connectNumericMenu(NumericMenuWidget);
 
-var LinkList =
-/*#__PURE__*/
-function (_Component) {
+function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var LinkList = /*#__PURE__*/function (_Component) {
   _inherits(LinkList, _Component);
 
+  var _super = _createSuper$8(LinkList);
+
   function LinkList() {
     _classCallCheck(this, LinkList);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(LinkList).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(LinkList, [{
@@ -12312,15 +12585,15 @@ function (_Component) {
           items = _this$props.items,
           onSelect = _this$props.onSelect,
           canRefine = _this$props.canRefine;
-      return React__default.createElement("ul", {
+      return /*#__PURE__*/React__default.createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.map(function (item) {
-        return React__default.createElement("li", {
+        return /*#__PURE__*/React__default.createElement("li", {
           key: item.key === undefined ? item.value : item.key,
           className: cx('item', item.selected && !item.disabled && 'item--selected', item.disabled && 'item--disabled', item.modifier)
-        }, item.disabled ? React__default.createElement("span", {
+        }, item.disabled ? /*#__PURE__*/React__default.createElement("span", {
           className: cx('link')
-        }, item.label === undefined ? item.value : item.label) : React__default.createElement(Link, {
+        }, item.label === undefined ? item.value : item.label) : /*#__PURE__*/React__default.createElement(Link, {
           className: cx('link', item.selected && 'link--selected'),
           "aria-label": item.ariaLabel,
           href: createURL(item.value),
@@ -12350,6 +12623,11 @@ _defineProperty(LinkList, "propTypes", {
   canRefine: PropTypes.bool.isRequired
 });
 
+var _excluded = ["listComponent", "nbPages", "totalPages", "currentRefinement", "padding", "showFirst", "showPrevious", "showNext", "showLast", "refine", "createURL", "canRefine", "translate", "className"];
+
+function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$c = createClassNames('Pagination'); // Determines the size of the widget (the number of pages displayed - that the user can directly click on)
 
 function calculateSize(padding, maxPages) {
@@ -12386,15 +12664,15 @@ function getPages(currentPage, maxPages, padding) {
   });
 }
 
-var Pagination$1 =
-/*#__PURE__*/
-function (_Component) {
+var Pagination$1 = /*#__PURE__*/function (_Component) {
   _inherits(Pagination, _Component);
 
+  var _super = _createSuper$7(Pagination);
+
   function Pagination() {
     _classCallCheck(this, Pagination);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Pagination).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Pagination, [{
@@ -12431,7 +12709,7 @@ function (_Component) {
           canRefine = _this$props2.canRefine,
           translate = _this$props2.translate,
           className = _this$props2.className,
-          otherProps = _objectWithoutProperties(_this$props2, ["listComponent", "nbPages", "totalPages", "currentRefinement", "padding", "showFirst", "showPrevious", "showNext", "showLast", "refine", "createURL", "canRefine", "translate", "className"]);
+          otherProps = _objectWithoutProperties(_this$props2, _excluded);
 
       var maxPages = Math.min(nbPages, totalPages);
       var lastPage = maxPages;
@@ -12492,9 +12770,9 @@ function (_Component) {
         });
       }
 
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$c('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement(ListComponent, _extends({}, otherProps, {
+      }, /*#__PURE__*/React__default.createElement(ListComponent, _extends({}, otherProps, {
         cx: cx$c,
         items: items,
         onSelect: refine,
@@ -12607,23 +12885,25 @@ var Pagination$2 = translatable({
  */
 
 var PaginationWidget = function PaginationWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(Pagination$2, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(Pagination$2, props));
 };
 
 var Pagination = connectPagination(PaginationWidget);
 
+function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$b = createClassNames('PoweredBy');
-/* eslint-disable max-len */
 
 var AlgoliaLogo = function AlgoliaLogo() {
-  return React__default.createElement("svg", {
+  return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     baseProfile: "basic",
     viewBox: "0 0 1366 362",
     width: "100",
     height: "27",
     className: cx$b('logo')
-  }, React__default.createElement("linearGradient", {
+  }, /*#__PURE__*/React__default.createElement("linearGradient", {
     id: "g",
     x1: "428.258",
     x2: "434.145",
@@ -12631,35 +12911,33 @@ var AlgoliaLogo = function AlgoliaLogo() {
     y2: "409.85",
     gradientUnits: "userSpaceOnUse",
     gradientTransform: "matrix(94.045 0 0 -94.072 -40381.527 38479.52)"
-  }, React__default.createElement("stop", {
+  }, /*#__PURE__*/React__default.createElement("stop", {
     offset: "0",
     stopColor: "#00AEFF"
-  }), React__default.createElement("stop", {
+  }), /*#__PURE__*/React__default.createElement("stop", {
     offset: "1",
     stopColor: "#3369E7"
-  })), React__default.createElement("path", {
+  })), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.8 15.4h242.8c23.9 0 43.4 19.4 43.4 43.4v242.9c0 23.9-19.4 43.4-43.4 43.4H61.8c-23.9 0-43.4-19.4-43.4-43.4v-243c0-23.9 19.4-43.3 43.4-43.3z",
     fill: "url(#g)"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M187 98.7c-51.4 0-93.1 41.7-93.1 93.2S135.6 285 187 285s93.1-41.7 93.1-93.2-41.6-93.1-93.1-93.1zm0 158.8c-36.2 0-65.6-29.4-65.6-65.6s29.4-65.6 65.6-65.6 65.6 29.4 65.6 65.6-29.3 65.6-65.6 65.6zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7-9-15.8-25.7-26.6-45-27.3-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7c-5.6-5.6-14.6-5.6-20.2 0l-6.8 6.8c-5.6 5.6-5.6 14.6 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2 3.3-4.5 6.9-8.8 10.9-12.8 4.1-4.1 8.3-7.7 12.9-11 1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9 9.3-2.7 19.1-4.1 29-4.1 9.5 0 18.9 1.3 28 3.8 1.2.3 2.4-.6 2.4-1.9z",
     fill: "#FFFFFF"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8-6.3 1.9-13.6 2.9-21.8 2.9-10.8 0-20.6-1.7-29.5-5.1-8.9-3.4-16.6-8.4-22.9-15-6.3-6.6-11.3-14.9-14.8-24.8s-5.3-27.6-5.3-40.6c0-12.2 1.9-27.5 5.6-37.7 3.8-10.2 9.2-19 16.5-26.3 7.2-7.3 16-12.9 26.3-17s22.4-6.7 35.5-6.7c12.7 0 24.4 1.6 35.8 3.5 11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2 7.2 7.6 16.5 11.4 27.9 11.4 6.2 0 12.1-.9 17.6-2.6 5.5-1.7 9.9-3.7 13.4-6.1v-97.1c-2.8-.6-14.5-3-25.8-3.3-14.2-.4-25 5.4-32.6 14.7-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6c-7.7-.1-23-2.3-32.9-6.6-9.9-4.3-18.4-10.2-25.5-17.9-7.1-7.7-12.6-17-16.6-27.9s-6-20.9-6-34.1c0-13.2 1.8-25.9 5.8-36.7 4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2c10 4.2 18.6 10.1 25.6 17.8 7.1 7.7 12.6 16.9 16.6 27.7 4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8-7.2-9.9-17.3-14.8-30.2-14.8-12.9 0-23 4.9-30.2 14.8-7.2 9.9-10.7 23.9-10.7 40.8 0 17.1 3.6 28.6 10.8 38.5 7.2 10 17.3 14.9 30.2 14.9 12.9 0 23-5 30.2-14.9 7.2-10 10.8-21.4 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5c13.1 0 23.8-10.6 23.8-23.7S1177.6 36 1164.4 36s-23.8 10.6-23.8 23.7 10.7 23.7 23.8 23.7zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7c2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8s9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3c-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1s19.5-2.6 30.3-2.6zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18 5.9 3.6 13.7 5.3 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4 5.3 5.8 8.9 13.5 11.1 21.7 2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6-12.2 1.8-25.9 2.7-41.1 2.7-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8 4.7.5 9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2-4.4-1.7-10-3-16.7-3-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z",
     fill: "#182359"
   }));
 };
-/* eslint-enable max-len */
 
-
-var PoweredBy =
-/*#__PURE__*/
-function (_Component) {
+var PoweredBy = /*#__PURE__*/function (_Component) {
   _inherits(PoweredBy, _Component);
 
+  var _super = _createSuper$6(PoweredBy);
+
   function PoweredBy() {
     _classCallCheck(this, PoweredBy);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(PoweredBy).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(PoweredBy, [{
@@ -12669,17 +12947,17 @@ function (_Component) {
           url = _this$props.url,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$b(''), className)
-      }, React__default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: cx$b('text')
-      }, translate('searchBy')), ' ', React__default.createElement("a", {
+      }, translate('searchBy')), ' ', /*#__PURE__*/React__default.createElement("a", {
         href: url,
         target: "_blank",
         className: cx$b('link'),
         "aria-label": "Algolia",
         rel: "noopener noreferrer"
-      }, React__default.createElement(AlgoliaLogo, null)));
+      }, /*#__PURE__*/React__default.createElement(AlgoliaLogo, null)));
     }
   }]);
 
@@ -12729,18 +13007,21 @@ var PoweredBy$1 = translatable({
 
 connectPoweredBy(PoweredBy$1);
 
+function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$a = createClassNames('RangeInput');
-var RawRangeInput =
-/*#__PURE__*/
-function (_Component) {
+var RawRangeInput = /*#__PURE__*/function (_Component) {
   _inherits(RawRangeInput, _Component);
 
+  var _super = _createSuper$5(RawRangeInput);
+
   function RawRangeInput(props) {
     var _this;
 
     _classCallCheck(this, RawRangeInput);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(RawRangeInput).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "onSubmit", function (e) {
       e.preventDefault();
@@ -12808,12 +13089,12 @@ function (_Component) {
           max = _this$normalizeRangeF.max;
 
       var step = 1 / Math.pow(10, precision);
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$a('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("form", {
+      }, /*#__PURE__*/React__default.createElement("form", {
         className: cx$a('form'),
         onSubmit: this.onSubmit
-      }, React__default.createElement("input", {
+      }, /*#__PURE__*/React__default.createElement("input", {
         className: cx$a('input', 'input--min'),
         type: "number",
         min: min,
@@ -12827,9 +13108,9 @@ function (_Component) {
             from: e.currentTarget.value
           });
         }
-      }), React__default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: cx$a('separator')
-      }, translate('separator')), React__default.createElement("input", {
+      }, translate('separator')), /*#__PURE__*/React__default.createElement("input", {
         className: cx$a('input', 'input--max'),
         type: "number",
         min: min,
@@ -12843,7 +13124,7 @@ function (_Component) {
             to: e.currentTarget.value
           });
         }
-      }), React__default.createElement("button", {
+      }), /*#__PURE__*/React__default.createElement("button", {
         className: cx$a('submit'),
         type: "submit"
       }, translate('submit'))));
@@ -12920,22 +13201,29 @@ var RangeInput = translatable({
  */
 
 var RangeInputWidget = function RangeInputWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(RangeInput, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(RangeInput, props));
 };
 
 connectRange(RangeInputWidget);
 
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$9 = createClassNames('RatingMenu');
 
-var RatingMenu =
-/*#__PURE__*/
-function (_Component) {
+var RatingMenu = /*#__PURE__*/function (_Component) {
   _inherits(RatingMenu, _Component);
 
+  var _super = _createSuper$4(RatingMenu);
+
   function RatingMenu() {
     _classCallCheck(this, RatingMenu);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(RatingMenu).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(RatingMenu, [{
@@ -12976,13 +13264,13 @@ function (_Component) {
           rating++;
         }
 
-        icons.push([React__default.createElement("svg", {
+        icons.push([/*#__PURE__*/React__default.createElement("svg", {
           key: icon,
           className: cx$9('starIcon', icon >= lowerBound ? 'starIcon--empty' : 'starIcon--full'),
           "aria-hidden": "true",
           width: "24",
           height: "24"
-        }, React__default.createElement("use", {
+        }, /*#__PURE__*/React__default.createElement("use", {
           xlinkHref: "#".concat(cx$9(icon >= lowerBound ? 'starEmptySymbol' : 'starSymbol'))
         })), ' ']);
       } // The last item of the list (the default item), should not
@@ -12997,16 +13285,16 @@ function (_Component) {
         }),
         onClick: this.onClick.bind(this, lowerBound, max)
       };
-      return React__default.createElement("li", {
+      return /*#__PURE__*/React__default.createElement("li", {
         key: lowerBound,
         className: cx$9('item', selected && 'item--selected', disabled && 'item--disabled')
-      }, React__default.createElement("a", _extends({
+      }, /*#__PURE__*/React__default.createElement("a", _extends({
         className: cx$9('link'),
         "aria-label": "".concat(rating).concat(translate('ratingLabel'))
-      }, onClickHandler), icons, React__default.createElement("span", {
+      }, onClickHandler), icons, /*#__PURE__*/React__default.createElement("span", {
         className: cx$9('label'),
         "aria-hidden": "true"
-      }, translate('ratingLabel')), ' ', React__default.createElement("span", {
+      }, translate('ratingLabel')), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$9('count')
       }, count)));
     }
@@ -13029,7 +13317,7 @@ function (_Component) {
       var limitMax = max !== undefined && max >= 0 ? max : 0;
       var inclusiveLength = limitMax - limitMin + 1;
       var values = count.map(function (item) {
-        return _objectSpread({}, item, {
+        return _objectSpread$1(_objectSpread$1({}, item), {}, {
           value: parseFloat(item.value)
         });
       }).filter(function (item) {
@@ -13049,7 +13337,7 @@ function (_Component) {
         };
         return element || placeholder;
       }).reduce(function (acc, item, index) {
-        return acc.concat(_objectSpread({}, item, {
+        return acc.concat(_objectSpread$1(_objectSpread$1({}, item), {}, {
           total: index === 0 ? item.count : acc[index - 1].total + item.count
         }));
       }, []).map(function (item, index, arr) {
@@ -13062,24 +13350,24 @@ function (_Component) {
           createURL: createURL
         });
       });
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$9('', !canRefine && '-noRefinement'), className)
-      }, React__default.createElement("svg", {
+      }, /*#__PURE__*/React__default.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         style: {
           display: 'none'
         }
-      }, React__default.createElement("symbol", {
+      }, /*#__PURE__*/React__default.createElement("symbol", {
         id: cx$9('starSymbol'),
         viewBox: "0 0 24 24"
-      }, React__default.createElement("path", {
+      }, /*#__PURE__*/React__default.createElement("path", {
         d: "M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z"
-      })), React__default.createElement("symbol", {
+      })), /*#__PURE__*/React__default.createElement("symbol", {
         id: cx$9('starEmptySymbol'),
         viewBox: "0 0 24 24"
-      }, React__default.createElement("path", {
+      }, /*#__PURE__*/React__default.createElement("path", {
         d: "M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z"
-      }))), React__default.createElement("ul", {
+      }))), /*#__PURE__*/React__default.createElement("ul", {
         className: cx$9('list', !canRefine && 'list--noRefinement')
       }, items));
     }
@@ -13163,21 +13451,22 @@ var RatingMenu$1 = translatable({
  */
 
 var RatingMenuWidget = function RatingMenuWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(RatingMenu$1, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(RatingMenu$1, props));
 };
 
 connectRange(RatingMenuWidget);
 
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$8 = createClassNames('RefinementList');
 
-var RefinementList$1 =
-/*#__PURE__*/
-function (_Component) {
+var RefinementList$1 = /*#__PURE__*/function (_Component) {
   _inherits(RefinementList, _Component);
 
-  function RefinementList() {
-    var _getPrototypeOf2;
+  var _super = _createSuper$3(RefinementList);
 
+  function RefinementList() {
     var _this;
 
     _classCallCheck(this, RefinementList);
@@ -13186,7 +13475,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(RefinementList)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       query: ''
@@ -13199,22 +13488,22 @@ function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
-      var label = _this.props.isFromSearch ? React__default.createElement(Highlight, {
+      var label = _this.props.isFromSearch ? /*#__PURE__*/React__default.createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React__default.createElement("label", {
+      return /*#__PURE__*/React__default.createElement("label", {
         className: cx$8('label')
-      }, React__default.createElement("input", {
+      }, /*#__PURE__*/React__default.createElement("input", {
         className: cx$8('checkbox'),
         type: "checkbox",
         checked: item.isRefined,
         onChange: function onChange() {
           return _this.selectItem(item, resetQuery);
         }
-      }), React__default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: cx$8('labelText')
-      }, label), ' ', React__default.createElement("span", {
+      }, label), ' ', /*#__PURE__*/React__default.createElement("span", {
         className: cx$8('count')
       }, item.count.toLocaleString()));
     });
@@ -13236,7 +13525,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React__default.createElement(List, {
+      return /*#__PURE__*/React__default.createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$8,
@@ -13348,22 +13637,25 @@ var RefinementList$2 = translatable({
  */
 
 var RefinementListWidget = function RefinementListWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(RefinementList$2, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(RefinementList$2, props));
 };
 
 var RefinementList = connectRefinementList(RefinementListWidget);
 
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$7 = createClassNames('ScrollTo');
 
-var ScrollTo =
-/*#__PURE__*/
-function (_Component) {
+var ScrollTo = /*#__PURE__*/function (_Component) {
   _inherits(ScrollTo, _Component);
 
+  var _super = _createSuper$2(ScrollTo);
+
   function ScrollTo() {
     _classCallCheck(this, ScrollTo);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(ScrollTo).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(ScrollTo, [{
@@ -13382,7 +13674,7 @@ function (_Component) {
     value: function render() {
       var _this = this;
 
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         ref: function ref(_ref) {
           return _this.el = _ref;
         },
@@ -13447,6 +13739,7 @@ connectScrollTo(ScrollTo);
  * @propType {node} [reset] - Change the apparence of the default reset button (cross).
  * @propType {node} [loadingIndicator] - Change the apparence of the default loading indicator (spinning circle).
  * @propType {string} [defaultRefinement] - Provide default refinement value when component is mounted.
+ * @propType {string} [inputId] - The id of the search input
  * @propType {boolean} [showLoadingIndicator=false] - Display that the search is loading. This only happens after a certain amount of time to avoid a blinking effect. This timer can be configured with `stalledSearchDelay` props on <InstantSearch>. By default, the value is 200ms.
  * @themeKey ais-SearchBox - the root div of the widget
  * @themeKey ais-SearchBox-form - the wrapping form
@@ -13485,7 +13778,7 @@ var SearchBox = connectSearchBox(SearchBox$2);
 var cx$6 = createClassNames('Snippet');
 
 var Snippet = function Snippet(props) {
-  return React__default.createElement(Highlighter, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Highlighter, _extends({}, props, {
     highlightProperty: "_snippetResult",
     cx: cx$6
   }));
@@ -13541,7 +13834,7 @@ var cx$5 = createClassNames('RelevantSort');
 
 var DefaultButtonTextComponent = function DefaultButtonTextComponent(_ref) {
   var isRelevantSorted = _ref.isRelevantSorted;
-  return React__default.createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
+  return /*#__PURE__*/React__default.createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
 };
 
 var RelevantSort = function RelevantSort(_ref2) {
@@ -13553,18 +13846,18 @@ var RelevantSort = function RelevantSort(_ref2) {
       ButtonTextComponent = _ref2$buttonTextCompo === void 0 ? DefaultButtonTextComponent : _ref2$buttonTextCompo,
       TextComponent = _ref2.textComponent,
       refine = _ref2.refine;
-  return !isVirtualReplica ? null : React__default.createElement("div", {
+  return !isVirtualReplica ? null : /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$5(''), className)
-  }, React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: cx$5('text')
-  }, TextComponent && React__default.createElement(TextComponent, {
+  }, TextComponent && /*#__PURE__*/React__default.createElement(TextComponent, {
     isRelevantSorted: isRelevantSorted
-  })), React__default.createElement("button", {
+  })), /*#__PURE__*/React__default.createElement("button", {
     className: cx$5('button'),
     onClick: function onClick() {
       return refine(isRelevantSorted ? 0 : undefined);
     }
-  }, React__default.createElement(ButtonTextComponent, {
+  }, /*#__PURE__*/React__default.createElement(ButtonTextComponent, {
     isRelevantSorted: isRelevantSorted
   })));
 };
@@ -13580,30 +13873,35 @@ RelevantSort.propTypes = {
 
 connectRelevantSort(RelevantSort);
 
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$4 = createClassNames('SortBy');
 
-var SortBy =
-/*#__PURE__*/
-function (_Component) {
+var SortBy = /*#__PURE__*/function (_Component) {
   _inherits(SortBy, _Component);
 
+  var _super = _createSuper$1(SortBy);
+
   function SortBy() {
     _classCallCheck(this, SortBy);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(SortBy).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(SortBy, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
           className = _this$props.className;
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classnames(cx$4(''), className)
-      }, React__default.createElement(Select, {
+      }, /*#__PURE__*/React__default.createElement(Select, {
+        id: id,
         cx: cx$4,
         items: items,
         selectedItem: currentRefinement,
@@ -13616,6 +13914,7 @@ function (_Component) {
 }(Component);
 
 _defineProperty(SortBy, "propTypes", {
+  id: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,
     value: PropTypes.string.isRequired
@@ -13635,6 +13934,7 @@ _defineProperty(SortBy, "defaultProps", {
  * @requirements Algolia handles sorting by creating replica indices. [Read more about sorting](https://www.algolia.com/doc/guides/relevance/sorting/) on
  * the Algolia website.
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: string, label: string}[]} items - The list of indexes to search in.
  * @propType {string} defaultRefinement - The default selected index.
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
@@ -13680,9 +13980,9 @@ var Stats = function Stats(_ref) {
       nbSortedHits = _ref.nbSortedHits,
       processingTimeMS = _ref.processingTimeMS,
       translate = _ref.translate;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$3(''), className)
-  }, React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: cx$3('text')
   }, translate('stats', nbHits, processingTimeMS, nbSortedHits, areHitsSorted)));
 };
@@ -13739,18 +14039,18 @@ var ToggleRefinement = function ToggleRefinement(_ref) {
       canRefine = _ref.canRefine,
       refine = _ref.refine,
       className = _ref.className;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx$2('', !canRefine && '-noRefinement'), className)
-  }, React__default.createElement("label", {
+  }, /*#__PURE__*/React__default.createElement("label", {
     className: cx$2('label')
-  }, React__default.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     className: cx$2('checkbox'),
     type: "checkbox",
     checked: currentRefinement,
     onChange: function onChange(event) {
       return refine(event.target.checked);
     }
-  }), React__default.createElement("span", {
+  }), /*#__PURE__*/React__default.createElement("span", {
     className: cx$2('labelText')
   }, label)));
 };
@@ -13811,6 +14111,10 @@ ToggleRefinement.defaultProps = {
 
 connectToggleRefinement(ToggleRefinement);
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 // copied from https://github.com/algolia/instantsearch.js/blob/688e36a67bb4c63d008d8abc02257a7b7c04e513/src/lib/voiceSearchHelper/index.ts
 // #region wrong SpeechRecognition-related types
 // This is not released in typescript yet, so we're copy&pasting the type definition from
@@ -13845,7 +14149,7 @@ function createVoiceSearchHelper(_ref) {
 
   var setState = function setState() {
     var newState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    state = _objectSpread({}, state, newState);
+    state = _objectSpread(_objectSpread({}, state), newState);
     onStateChange();
   };
 
@@ -13960,11 +14264,14 @@ function createVoiceSearchHelper(_ref) {
   };
 }
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var cx$1 = createClassNames('VoiceSearch');
 
 var ButtonSvg = function ButtonSvg(_ref) {
   var children = _ref.children;
-  return React__default.createElement("svg", {
+  return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
@@ -13981,36 +14288,36 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
   var status = _ref2.status,
       errorCode = _ref2.errorCode,
       isListening = _ref2.isListening;
-  return status === 'error' && errorCode === 'not-allowed' ? React__default.createElement(ButtonSvg, null, React__default.createElement("line", {
+  return status === 'error' && errorCode === 'not-allowed' ? /*#__PURE__*/React__default.createElement(ButtonSvg, null, /*#__PURE__*/React__default.createElement("line", {
     x1: "1",
     y1: "1",
     x2: "23",
     y2: "23"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
     y2: "23"
-  })) : React__default.createElement(ButtonSvg, null, React__default.createElement("path", {
+  })) : /*#__PURE__*/React__default.createElement(ButtonSvg, null, /*#__PURE__*/React__default.createElement("path", {
     d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z",
     fill: isListening ? 'currentColor' : ''
-  }), React__default.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React__default.createElement("line", {
+  }), /*#__PURE__*/React__default.createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
@@ -14020,17 +14327,15 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
 
 var DefaultStatus = function DefaultStatus(_ref3) {
   var transcript = _ref3.transcript;
-  return React__default.createElement("p", null, transcript);
+  return /*#__PURE__*/React__default.createElement("p", null, transcript);
 };
 
-var VoiceSearch =
-/*#__PURE__*/
-function (_Component) {
+var VoiceSearch = /*#__PURE__*/function (_Component) {
   _inherits(VoiceSearch, _Component);
 
-  function VoiceSearch() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(VoiceSearch);
 
+  function VoiceSearch() {
     var _this;
 
     _classCallCheck(this, VoiceSearch);
@@ -14039,7 +14344,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(VoiceSearch)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "voiceSearchHelper", void 0);
 
@@ -14105,17 +14410,17 @@ function (_Component) {
         isSpeechFinal: isSpeechFinal,
         isBrowserSupported: isBrowserSupported()
       };
-      return React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: cx$1('')
-      }, React__default.createElement("button", {
+      }, /*#__PURE__*/React__default.createElement("button", {
         className: cx$1('button'),
         type: "button",
         title: isBrowserSupported() ? translate('buttonTitle') : translate('disabledButtonTitle'),
         onClick: this.onClick,
         disabled: !isBrowserSupported()
-      }, React__default.createElement(ButtonTextComponent, innerProps)), React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement(ButtonTextComponent, innerProps)), /*#__PURE__*/React__default.createElement("div", {
         className: cx$1('status')
-      }, React__default.createElement(StatusComponent, innerProps)));
+      }, /*#__PURE__*/React__default.createElement(StatusComponent, innerProps)));
     }
   }, {
     key: "componentWillUnmount",
@@ -14148,7 +14453,7 @@ var QueryRuleCustomData = function QueryRuleCustomData(_ref) {
   var items = _ref.items,
       className = _ref.className,
       children = _ref.children;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(cx(''), className)
   }, children({
     items: items
@@ -14162,7 +14467,7 @@ QueryRuleCustomData.propTypes = {
 };
 
 var QueryRuleCustomDataWidget = function QueryRuleCustomDataWidget(props) {
-  return React__default.createElement(PanelWrapper, props, React__default.createElement(QueryRuleCustomData, props));
+  return /*#__PURE__*/React__default.createElement(PanelWrapper, props, /*#__PURE__*/React__default.createElement(QueryRuleCustomData, props));
 };
 
 connectQueryRules(QueryRuleCustomDataWidget);
@@ -14332,4 +14637,4 @@ AlgoliaSearch.propTypes = {
   refinementAttributes: PropTypes.array
 };
 
-export default AlgoliaSearch;
+export { AlgoliaSearch as default };