@mjhls/mjh-framework 1.0.990 → 1.0.992-next-update

package/dist/cjs/AlgoliaSearch.js

@@ -1,18 +1,17 @@
 'use strict';
 
-var _extends = require('./extends-7c86182f.js');
-var inherits$1 = require('./inherits-de66ea16.js');
+var _extends = require('./extends-4ba5ae64.js');
+var inherits$1 = require('./inherits-34f12d98.js');
 var _typeof$2 = require('./typeof-567e31ff.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var _typeof$1 = require('./typeof-1358762e.js');
-var index = require('./index-50be6759.js');
-var events = require('./events-1b438fe7.js');
+var setPrototypeOf = require('./setPrototypeOf-a9283c41.js');
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var reactBootstrap = require('react-bootstrap');
 var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
-var index$1 = require('./index-eadd5035.js');
-require('./_commonjsHelpers-06173234.js');
+var index = require('./index-4d9f51e0.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');
 require('./_object-sap-d1978572.js');
@@ -22,7 +21,6 @@ require('./_is-array-54228b29.js');
 require('./_library-dd23b178.js');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
-require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,7 +29,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-  var target = index._objectWithoutPropertiesLoose(source, excluded);
+  var target = setPrototypeOf._objectWithoutPropertiesLoose(source, excluded);
   var key, i;
 
   if (Object.getOwnPropertySymbols) {
@@ -48,40 +46,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");
@@ -112,9 +76,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._setPrototypeOf(subClass, superClass);
+}
+
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof$1._typeof(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);
@@ -127,19 +108,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) index._setPrototypeOf(subClass, superClass);
+  return obj;
 }
 
 /* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
@@ -293,6 +274,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) {
@@ -357,7 +342,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
     });
   });
@@ -368,7 +353,7 @@ function addQueryID(hits, queryID) {
   }
 
   return hits.map(function (hit) {
-    return _objectSpread({}, hit, {
+    return _objectSpread$f(_objectSpread$f({}, hit), {}, {
       __queryID: queryID
     });
   });
@@ -438,7 +423,7 @@ function getObjectType(object) {
   return Object.prototype.toString.call(object).slice(8, -1);
 }
 
-var instantSearchContext = React.createContext({
+var instantSearchContext = /*#__PURE__*/React.createContext({
   onInternalStateUpdate: function onInternalStateUpdate() {
     return undefined;
   },
@@ -461,10 +446,20 @@ var instantSearchContext = React.createContext({
 var InstantSearchConsumer = instantSearchContext.Consumer,
     InstantSearchProvider = instantSearchContext.Provider;
 
-var _createContext$1 = React.createContext(undefined),
+var _createContext$1 = /*#__PURE__*/React.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.
@@ -482,17 +477,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);
 
@@ -614,7 +609,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));
@@ -678,7 +673,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;
 
@@ -693,7 +688,7 @@ function createConnectorWithoutContext(connectorDesc) {
           var searchForFacetValuesProps = typeof connectorDesc.searchForFacetValues === 'function' ? {
             searchForItems: this.searchForFacetValues
           } : {};
-          return React__default['default'].createElement(Composed, index._extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
+          return /*#__PURE__*/React__default["default"].createElement(Composed, setPrototypeOf._extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
         }
       }]);
 
@@ -706,6 +701,8 @@ function createConnectorWithoutContext(connectorDesc) {
 
     _defineProperty(Connector, "defaultProps", connectorDesc.defaultProps);
 
+    _defineProperty(Connector, "_connectorDesc", connectorDesc);
+
     return Connector;
   };
 }
@@ -715,9 +712,9 @@ var createConnectorWithContext = function createConnectorWithContext(connectorDe
     var Connector = createConnectorWithoutContext(connectorDesc)(Composed);
 
     var ConnectorWrapper = function ConnectorWrapper(props) {
-      return React__default['default'].createElement(InstantSearchConsumer, null, function (contextValue) {
-        return React__default['default'].createElement(IndexConsumer, null, function (indexContextValue) {
-          return React__default['default'].createElement(Connector, index._extends({
+      return /*#__PURE__*/React__default["default"].createElement(InstantSearchConsumer, null, function (contextValue) {
+        return /*#__PURE__*/React__default["default"].createElement(IndexConsumer, null, function (indexContextValue) {
+          return /*#__PURE__*/React__default["default"].createElement(Connector, setPrototypeOf._extends({
             contextValue: contextValue,
             indexContextValue: indexContextValue
           }, props));
@@ -829,13 +826,18 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.11.2';
+var version$1 = '6.18.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) {
     var prop = props[propName];
 
     if (prop) {
+      // eslint-disable-next-line no-restricted-syntax
       for (var _i = 0, _Object$keys = Object.keys(prop); _i < _Object$keys.length; _i++) {
         var key = _Object$keys[_i];
 
@@ -851,14 +853,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);
@@ -867,7 +867,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;
@@ -890,7 +890,7 @@ function translatable(defaultTranslations) {
       _createClass(Translatable, [{
         key: "render",
         value: function render() {
-          return React__default['default'].createElement(Composed, index._extends({
+          return /*#__PURE__*/React__default["default"].createElement(Composed, setPrototypeOf._extends({
             translate: this.translate
           }, this.props));
         }
@@ -908,9 +908,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) {
@@ -928,8 +935,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);
@@ -960,8 +966,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
   });
 }
@@ -970,9 +976,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;
@@ -980,8 +985,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
   });
 }
@@ -990,7 +995,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) {
@@ -1109,7 +1114,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]);
@@ -1124,20 +1129,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';
 }
@@ -1151,7 +1163,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);
   },
@@ -1161,7 +1173,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) {
@@ -1169,7 +1181,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,
@@ -1299,7 +1311,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;
     }
 
@@ -1310,7 +1325,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);
@@ -2887,9 +2905,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;
@@ -4127,6 +4153,10 @@ function sortViaFacetOrdering(facetValues, facetOrdering) {
     }
   });
 
+  orderedFacets = orderedFacets.filter(function(facet) {
+    return facet;
+  });
+
   var sortRemainingBy = facetOrdering.sortRemainingBy;
   var ordering;
   if (sortRemainingBy === 'hidden') {
@@ -4410,6 +4440,309 @@ function getHierarchicalRefinement(state, attributeName, name, resultsFacets) {
 
 var SearchResults_1 = SearchResults;
 
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+function EventEmitter() {
+  this._events = this._events || {};
+  this._maxListeners = this._maxListeners || undefined;
+}
+var events = EventEmitter;
+
+// Backwards-compat with node 0.10.x
+// EventEmitter.EventEmitter = EventEmitter;
+
+EventEmitter.prototype._events = undefined;
+EventEmitter.prototype._maxListeners = undefined;
+
+// By default EventEmitters will print a warning if more than 10 listeners are
+// added to it. This is a useful default which helps finding memory leaks.
+EventEmitter.defaultMaxListeners = 10;
+
+// Obviously not all Emitters should be limited to 10. This function allows
+// that to be increased. Set to zero for unlimited.
+EventEmitter.prototype.setMaxListeners = function(n) {
+  if (!isNumber(n) || n < 0 || isNaN(n))
+    throw TypeError('n must be a positive number');
+  this._maxListeners = n;
+  return this;
+};
+
+EventEmitter.prototype.emit = function(type) {
+  var er, handler, len, args, i, listeners;
+
+  if (!this._events)
+    this._events = {};
+
+  // If there is no 'error' event listener then throw.
+  if (type === 'error') {
+    if (!this._events.error ||
+        (isObject(this._events.error) && !this._events.error.length)) {
+      er = arguments[1];
+      if (er instanceof Error) {
+        throw er; // Unhandled 'error' event
+      } else {
+        // At least give some kind of context to the user
+        var err = new Error('Uncaught, unspecified "error" event. (' + er + ')');
+        err.context = er;
+        throw err;
+      }
+    }
+  }
+
+  handler = this._events[type];
+
+  if (isUndefined(handler))
+    return false;
+
+  if (isFunction(handler)) {
+    switch (arguments.length) {
+      // fast cases
+      case 1:
+        handler.call(this);
+        break;
+      case 2:
+        handler.call(this, arguments[1]);
+        break;
+      case 3:
+        handler.call(this, arguments[1], arguments[2]);
+        break;
+      // slower
+      default:
+        args = Array.prototype.slice.call(arguments, 1);
+        handler.apply(this, args);
+    }
+  } else if (isObject(handler)) {
+    args = Array.prototype.slice.call(arguments, 1);
+    listeners = handler.slice();
+    len = listeners.length;
+    for (i = 0; i < len; i++)
+      listeners[i].apply(this, args);
+  }
+
+  return true;
+};
+
+EventEmitter.prototype.addListener = function(type, listener) {
+  var m;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events)
+    this._events = {};
+
+  // To avoid recursion in the case that type === "newListener"! Before
+  // adding it to the listeners, first emit "newListener".
+  if (this._events.newListener)
+    this.emit('newListener', type,
+              isFunction(listener.listener) ?
+              listener.listener : listener);
+
+  if (!this._events[type])
+    // Optimize the case of one listener. Don't need the extra array object.
+    this._events[type] = listener;
+  else if (isObject(this._events[type]))
+    // If we've already got an array, just append.
+    this._events[type].push(listener);
+  else
+    // Adding the second element, need to change to array.
+    this._events[type] = [this._events[type], listener];
+
+  // Check for listener leak
+  if (isObject(this._events[type]) && !this._events[type].warned) {
+    if (!isUndefined(this._maxListeners)) {
+      m = this._maxListeners;
+    } else {
+      m = EventEmitter.defaultMaxListeners;
+    }
+
+    if (m && m > 0 && this._events[type].length > m) {
+      this._events[type].warned = true;
+      console.error('(node) warning: possible EventEmitter memory ' +
+                    'leak detected. %d listeners added. ' +
+                    'Use emitter.setMaxListeners() to increase limit.',
+                    this._events[type].length);
+      if (typeof console.trace === 'function') {
+        // not supported in IE 10
+        console.trace();
+      }
+    }
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.on = EventEmitter.prototype.addListener;
+
+EventEmitter.prototype.once = function(type, listener) {
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  var fired = false;
+
+  function g() {
+    this.removeListener(type, g);
+
+    if (!fired) {
+      fired = true;
+      listener.apply(this, arguments);
+    }
+  }
+
+  g.listener = listener;
+  this.on(type, g);
+
+  return this;
+};
+
+// emits a 'removeListener' event iff the listener was removed
+EventEmitter.prototype.removeListener = function(type, listener) {
+  var list, position, length, i;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events || !this._events[type])
+    return this;
+
+  list = this._events[type];
+  length = list.length;
+  position = -1;
+
+  if (list === listener ||
+      (isFunction(list.listener) && list.listener === listener)) {
+    delete this._events[type];
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+
+  } else if (isObject(list)) {
+    for (i = length; i-- > 0;) {
+      if (list[i] === listener ||
+          (list[i].listener && list[i].listener === listener)) {
+        position = i;
+        break;
+      }
+    }
+
+    if (position < 0)
+      return this;
+
+    if (list.length === 1) {
+      list.length = 0;
+      delete this._events[type];
+    } else {
+      list.splice(position, 1);
+    }
+
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.removeAllListeners = function(type) {
+  var key, listeners;
+
+  if (!this._events)
+    return this;
+
+  // not listening for removeListener, no need to emit
+  if (!this._events.removeListener) {
+    if (arguments.length === 0)
+      this._events = {};
+    else if (this._events[type])
+      delete this._events[type];
+    return this;
+  }
+
+  // emit removeListener for all listeners on all events
+  if (arguments.length === 0) {
+    for (key in this._events) {
+      if (key === 'removeListener') continue;
+      this.removeAllListeners(key);
+    }
+    this.removeAllListeners('removeListener');
+    this._events = {};
+    return this;
+  }
+
+  listeners = this._events[type];
+
+  if (isFunction(listeners)) {
+    this.removeListener(type, listeners);
+  } else if (listeners) {
+    // LIFO order
+    while (listeners.length)
+      this.removeListener(type, listeners[listeners.length - 1]);
+  }
+  delete this._events[type];
+
+  return this;
+};
+
+EventEmitter.prototype.listeners = function(type) {
+  var ret;
+  if (!this._events || !this._events[type])
+    ret = [];
+  else if (isFunction(this._events[type]))
+    ret = [this._events[type]];
+  else
+    ret = this._events[type].slice();
+  return ret;
+};
+
+EventEmitter.prototype.listenerCount = function(type) {
+  if (this._events) {
+    var evlistener = this._events[type];
+
+    if (isFunction(evlistener))
+      return 1;
+    else if (evlistener)
+      return evlistener.length;
+  }
+  return 0;
+};
+
+EventEmitter.listenerCount = function(emitter, type) {
+  return emitter.listenerCount(type);
+};
+
+function isFunction(arg) {
+  return typeof arg === 'function';
+}
+
+function isNumber(arg) {
+  return typeof arg === 'number';
+}
+
+function isObject(arg) {
+  return typeof arg === 'object' && arg !== null;
+}
+
+function isUndefined(arg) {
+  return arg === void 0;
+}
+
 function inherits(ctor, superCtor) {
   ctor.prototype = Object.create(superCtor.prototype, {
     constructor: {
@@ -4439,7 +4772,7 @@ function DerivedHelper(mainHelper, fn) {
   this.lastResults = null;
 }
 
-inherits_1(DerivedHelper, events.EventEmitter.EventEmitter);
+inherits_1(DerivedHelper, events);
 
 /**
  * Detach this helper from the main helper
@@ -4515,7 +4848,7 @@ var requestBuilder = {
     var numericFilters = requestBuilder._getNumericFilters(state);
     var tagFilters = requestBuilder._getTagFilters(state);
     var additionalParams = {
-      facets: facets,
+      facets: facets.indexOf('*') > -1 ? ['*'] : facets,
       tagFilters: tagFilters
     };
 
@@ -4775,7 +5108,7 @@ var requestBuilder = {
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.5.3';
+var version = '3.7.0';
 
 /**
  * Event triggered when a parameter is set or updated
@@ -4896,7 +5229,7 @@ function AlgoliaSearchHelper(client, index, options) {
   this._currentNbQueries = 0;
 }
 
-inherits_1(AlgoliaSearchHelper, events.EventEmitter.EventEmitter);
+inherits_1(AlgoliaSearchHelper, events);
 
 /**
  * Start the search with the parameters set in the state. When the
@@ -6295,6 +6628,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,
@@ -6304,7 +6641,7 @@ function createOptionalFilter(_ref) {
 
 var defaultProps$1 = {
   transformSearchParameters: function transformSearchParameters(x) {
-    return _objectSpread({}, x);
+    return _objectSpread$b({}, x);
   }
 };
 
@@ -6375,7 +6712,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,
@@ -6417,12 +6754,120 @@ function ConfigureRelatedItems() {
 }
 
 ConfigureRelatedItems.propTypes = {
-  hit: PropTypes__default['default'].object.isRequired,
-  matchingPatterns: PropTypes__default['default'].object.isRequired,
-  transformSearchParameters: PropTypes__default['default'].func
+  hit: PropTypes__default["default"].object.isRequired,
+  matchingPatterns: PropTypes__default["default"].object.isRequired,
+  transformSearchParameters: PropTypes__default["default"].func
 };
 connectConfigureRelatedItems(ConfigureRelatedItems);
 
+var MAX_WILDCARD_FACETS = 20;
+var connectDynamicWidgets = createConnectorWithContext({
+  displayName: 'AlgoliaDynamicWidgets',
+  defaultProps: {
+    transformItems: function transformItems(items) {
+      return items;
+    },
+    maxValuesPerFacet: 20
+  },
+  propTypes: {
+    transformItems: PropTypes__default["default"].func,
+    facets: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
+    maxValuesPerFacet: PropTypes__default["default"].number
+  },
+  getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
+    var results = getResults(searchResults, {
+      ais: props.contextValue,
+      multiIndexContext: props.indexContextValue
+    });
+
+    if (props.facets && !(Array.isArray(props.facets) && props.facets.length <= 1 && (props.facets[0] === '*' || props.facets[0] === undefined))) {
+      throw new Error("The `facets` prop only accepts [] or [\"*\"], you passed ".concat(JSON.stringify(props.facets)));
+    }
+
+    if (!results) {
+      return {
+        attributesToRender: []
+      };
+    }
+
+    var facetOrder = results.renderingContent && results.renderingContent.facetOrdering && results.renderingContent.facetOrdering.facets && results.renderingContent.facetOrdering.facets.order || [];
+    var attributesToRender = props.transformItems(facetOrder, {
+      results: results
+    });
+
+    if (attributesToRender.length > MAX_WILDCARD_FACETS && !props.facets) {
+      // eslint-disable-next-line no-console
+      console.warn("More than ".concat(MAX_WILDCARD_FACETS, " facets are requested to be displayed without explicitly setting which facets to retrieve. This could have a performance impact. Set \"facets\" to [] to do two smaller network requests, or explicitly to ['*'] to avoid this warning."));
+    }
+
+    if (props.maxValuesPerFacet < results._state.maxValuesPerFacet) {
+      // eslint-disable-next-line no-console
+      console.warn("The maxValuesPerFacet set by dynamic widgets (".concat(props.maxValuesPerFacet, ") is smaller than one of the limits set by a widget (").concat(results._state.maxValuesPerFacet, "). This causes a mismatch in query parameters and thus an extra network request when that widget is mounted."));
+    }
+
+    return {
+      attributesToRender: attributesToRender
+    };
+  },
+  getSearchParameters: function getSearchParameters(searchParameters, props) {
+    return (props.facets || ['*']).reduce(function (acc, curr) {
+      return acc.addFacet(curr);
+    }, searchParameters.setQueryParameters({
+      maxValuesPerFacet: Math.max(props.maxValuesPerFacet || 0, searchParameters.maxValuesPerFacet || 0)
+    }));
+  }
+});
+
+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["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["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["default"].createElement(React__default["default"].Fragment, null, attributesToRender.map(function (attribute) {
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
+      key: attribute
+    }, widgets.get(attribute) || /*#__PURE__*/React__default["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) {
@@ -6556,6 +7001,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
@@ -6592,26 +7041,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)
@@ -6660,24 +7100,33 @@ function (_Component) {
         return null;
       }
 
-      return React__default['default'].createElement(IndexProvider, {
+      return /*#__PURE__*/React__default["default"].createElement(IndexProvider, {
         value: this.state.indexContext
       }, this.props.children);
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props) {
+      return {
+        indexContext: getIndexContext(props)
+      };
+    }
   }]);
 
   return Index;
 }(React.Component);
 
 _defineProperty(Index, "propTypes", {
-  indexName: PropTypes__default['default'].string.isRequired,
-  indexId: PropTypes__default['default'].string.isRequired,
-  children: PropTypes__default['default'].node
+  indexName: PropTypes__default["default"].string.isRequired,
+  indexId: PropTypes__default["default"].string.isRequired,
+  children: PropTypes__default["default"].node
 });
 
+_defineProperty(Index, "displayName", 'AlgoliaIndex');
+
 ({
-  indexName: PropTypes__default['default'].string.isRequired,
-  indexId: PropTypes__default['default'].string
+  indexName: PropTypes__default["default"].string.isRequired,
+  indexId: PropTypes__default["default"].string
 });
 
 function createWidgetsManager(onWidgetsUpdate) {
@@ -6736,6 +7185,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(React.version, ")"));
@@ -6820,7 +7277,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
@@ -6893,7 +7350,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 {
@@ -6963,7 +7420,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;
       }
@@ -6978,9 +7435,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,
@@ -7000,9 +7457,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
@@ -7014,9 +7471,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);
@@ -7052,7 +7509,7 @@ function createInstantSearchManager(_ref) {
         }
 
         var requestsWithSerializedParams = requests.map(function (request) {
-          return _objectSpread({}, request, {
+          return _objectSpread$a(_objectSpread$a({}, request), {}, {
             params: serializeQueryParameters(request.params)
           });
         });
@@ -7111,7 +7568,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);
       }, [])
@@ -7150,7 +7607,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
     })));
   }
@@ -7162,7 +7619,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)));
       }, {});
     }
 
@@ -7172,7 +7629,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,
@@ -7192,7 +7649,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
@@ -7208,19 +7665,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
       }));
@@ -7267,16 +7724,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);
           })
         });
@@ -7285,6 +7748,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);
 }
@@ -7328,37 +7837,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);
 
@@ -7412,6 +7901,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() {
@@ -7479,10 +7975,28 @@ function (_Component) {
         return null;
       }
 
-      return React__default['default'].createElement(InstantSearchProvider, {
+      return /*#__PURE__*/React__default["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;
@@ -7495,22 +8009,22 @@ _defineProperty(InstantSearch, "defaultProps", {
 
 _defineProperty(InstantSearch, "propTypes", {
   // @TODO: These props are currently constant.
-  indexName: PropTypes__default['default'].string.isRequired,
-  searchClient: PropTypes__default['default'].shape({
-    search: PropTypes__default['default'].func.isRequired,
-    searchForFacetValues: PropTypes__default['default'].func,
-    addAlgoliaAgent: PropTypes__default['default'].func,
-    clearCache: PropTypes__default['default'].func
+  indexName: PropTypes__default["default"].string.isRequired,
+  searchClient: PropTypes__default["default"].shape({
+    search: PropTypes__default["default"].func.isRequired,
+    searchForFacetValues: PropTypes__default["default"].func,
+    addAlgoliaAgent: PropTypes__default["default"].func,
+    clearCache: PropTypes__default["default"].func
   }).isRequired,
-  createURL: PropTypes__default['default'].func,
-  refresh: PropTypes__default['default'].bool,
-  searchState: PropTypes__default['default'].object,
-  onSearchStateChange: PropTypes__default['default'].func,
-  onSearchParameters: PropTypes__default['default'].func,
-  widgetsCollector: PropTypes__default['default'].func,
-  resultsState: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].array]),
-  children: PropTypes__default['default'].node,
-  stalledSearchDelay: PropTypes__default['default'].number
+  createURL: PropTypes__default["default"].func,
+  refresh: PropTypes__default["default"].bool,
+  searchState: PropTypes__default["default"].object,
+  onSearchStateChange: PropTypes__default["default"].func,
+  onSearchParameters: PropTypes__default["default"].func,
+  widgetsCollector: PropTypes__default["default"].func,
+  resultsState: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].array]),
+  children: PropTypes__default["default"].node,
+  stalledSearchDelay: PropTypes__default["default"].number
 });
 
 var getId$d = function getId(props) {
@@ -7597,7 +8111,7 @@ var connectBreadcrumb = createConnectorWithContext({
 
       return undefined;
     },
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default["default"].func
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var id = getId$d(props);
@@ -7630,6 +8144,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
@@ -7646,7 +8163,7 @@ var connectBreadcrumb = createConnectorWithContext({
 var connectCurrentRefinements = createConnectorWithContext({
   displayName: 'AlgoliaCurrentRefinements',
   propTypes: {
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default["default"].func
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, metadata) {
     var items = metadata.reduce(function (res, meta) {
@@ -7659,7 +8176,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
             });
@@ -7686,6 +8203,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];
 };
@@ -7745,7 +8265,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,14 +8345,15 @@ var connectHierarchicalMenu = createConnectorWithContext({
 
       return undefined;
     },
-    separator: PropTypes__default['default'].string,
-    rootPath: PropTypes__default['default'].string,
-    showParentLevel: PropTypes__default['default'].bool,
-    defaultRefinement: PropTypes__default['default'].string,
-    showMore: PropTypes__default['default'].bool,
-    limit: PropTypes__default['default'].number,
-    showMoreLimit: PropTypes__default['default'].number,
-    transformItems: PropTypes__default['default'].func
+    separator: PropTypes__default["default"].string,
+    rootPath: PropTypes__default["default"].string,
+    showParentLevel: PropTypes__default["default"].bool,
+    defaultRefinement: PropTypes__default["default"].string,
+    showMore: PropTypes__default["default"].bool,
+    limit: PropTypes__default["default"].number,
+    showMoreLimit: PropTypes__default["default"].number,
+    transformItems: PropTypes__default["default"].func,
+    facetOrdering: PropTypes__default["default"].bool
   },
   defaultProps: {
     showMore: false,
@@ -7840,12 +8361,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,
@@ -7866,7 +8389,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,
@@ -8113,6 +8637,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';
 }
@@ -8145,12 +8673,12 @@ function getCurrentRefinement$a(props, searchState, context) {
 var connectHitsPerPage = createConnectorWithContext({
   displayName: 'AlgoliaHitsPerPage',
   propTypes: {
-    defaultRefinement: PropTypes__default['default'].number.isRequired,
-    items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-      label: PropTypes__default['default'].string,
-      value: PropTypes__default['default'].number.isRequired
+    defaultRefinement: PropTypes__default["default"].number.isRequired,
+    items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      label: PropTypes__default["default"].string,
+      value: PropTypes__default["default"].number.isRequired
     })).isRequired,
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default["default"].func
   },
   getProvidedProps: function getProvidedProps(props, searchState) {
     var currentRefinement = getCurrentRefinement$a(props, searchState, {
@@ -8158,9 +8686,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
       });
     });
@@ -8199,6 +8727,8 @@ var connectHitsPerPage = createConnectorWithContext({
   }
 });
 
+var _excluded$1 = ["page"];
+
 function getId$a() {
   return 'page';
 }
@@ -8218,7 +8748,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;
 }
@@ -8412,23 +8942,26 @@ var defaultSortBy = ['count:desc', 'name:asc'];
 var connectMenu = createConnectorWithContext({
   displayName: 'AlgoliaMenu',
   propTypes: {
-    attribute: PropTypes__default['default'].string.isRequired,
-    showMore: PropTypes__default['default'].bool,
-    limit: PropTypes__default['default'].number,
-    showMoreLimit: PropTypes__default['default'].number,
-    defaultRefinement: PropTypes__default['default'].string,
-    transformItems: PropTypes__default['default'].func,
-    searchable: PropTypes__default['default'].bool
+    attribute: PropTypes__default["default"].string.isRequired,
+    showMore: PropTypes__default["default"].bool,
+    limit: PropTypes__default["default"].number,
+    showMoreLimit: PropTypes__default["default"].number,
+    defaultRefinement: PropTypes__default["default"].string,
+    transformItems: PropTypes__default["default"].func,
+    searchable: PropTypes__default["default"].bool,
+    facetOrdering: PropTypes__default["default"].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
@@ -8474,7 +9007,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,
@@ -8691,14 +9225,14 @@ function _cleanUp$5(props, searchState, context) {
 var connectNumericMenu = createConnectorWithContext({
   displayName: 'AlgoliaNumericMenu',
   propTypes: {
-    id: PropTypes__default['default'].string,
-    attribute: PropTypes__default['default'].string.isRequired,
-    items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-      label: PropTypes__default['default'].node,
-      start: PropTypes__default['default'].number,
-      end: PropTypes__default['default'].number
+    id: PropTypes__default["default"].string,
+    attribute: PropTypes__default["default"].string.isRequired,
+    items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      label: PropTypes__default["default"].node,
+      start: PropTypes__default["default"].number,
+      end: PropTypes__default["default"].number
     })).isRequired,
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default["default"].func
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var attribute = props.attribute;
@@ -8917,7 +9451,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
@@ -9090,17 +9624,17 @@ function _cleanUp$4(props, searchState, context) {
 var connectRange = createConnectorWithContext({
   displayName: 'AlgoliaRange',
   propTypes: {
-    id: PropTypes__default['default'].string,
-    attribute: PropTypes__default['default'].string.isRequired,
-    defaultRefinement: PropTypes__default['default'].shape({
-      min: PropTypes__default['default'].number,
-      max: PropTypes__default['default'].number
+    id: PropTypes__default["default"].string,
+    attribute: PropTypes__default["default"].string.isRequired,
+    defaultRefinement: PropTypes__default["default"].shape({
+      min: PropTypes__default["default"].number,
+      max: PropTypes__default["default"].number
     }),
-    min: PropTypes__default['default'].number,
-    max: PropTypes__default['default'].number,
-    precision: PropTypes__default['default'].number,
-    header: PropTypes__default['default'].node,
-    footer: PropTypes__default['default'].node
+    min: PropTypes__default["default"].number,
+    max: PropTypes__default["default"].number,
+    precision: PropTypes__default["default"].number,
+    header: PropTypes__default["default"].node,
+    footer: PropTypes__default["default"].node
   },
   defaultProps: {
     precision: 0
@@ -9323,26 +9857,29 @@ var sortBy = ['isRefined', 'count:desc', 'name:asc'];
 var connectRefinementList = createConnectorWithContext({
   displayName: 'AlgoliaRefinementList',
   propTypes: {
-    id: PropTypes__default['default'].string,
-    attribute: PropTypes__default['default'].string.isRequired,
-    operator: PropTypes__default['default'].oneOf(['and', 'or']),
-    showMore: PropTypes__default['default'].bool,
-    limit: PropTypes__default['default'].number,
-    showMoreLimit: PropTypes__default['default'].number,
-    defaultRefinement: PropTypes__default['default'].arrayOf(PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])),
-    searchable: PropTypes__default['default'].bool,
-    transformItems: PropTypes__default['default'].func
+    id: PropTypes__default["default"].string,
+    attribute: PropTypes__default["default"].string.isRequired,
+    operator: PropTypes__default["default"].oneOf(['and', 'or']),
+    showMore: PropTypes__default["default"].bool,
+    limit: PropTypes__default["default"].number,
+    showMoreLimit: PropTypes__default["default"].number,
+    defaultRefinement: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])),
+    searchable: PropTypes__default["default"].bool,
+    transformItems: PropTypes__default["default"].func,
+    facetOrdering: PropTypes__default["default"].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
@@ -9383,7 +9920,8 @@ var connectRefinementList = createConnectorWithContext({
         isRefined: v.isRefined
       };
     }) : results.getFacetValues(attribute, {
-      sortBy: sortBy
+      sortBy: sortBy,
+      facetOrdering: facetOrdering
     }).map(function (v) {
       return {
         label: v.name,
@@ -9487,7 +10025,7 @@ var connectRefinementList = createConnectorWithContext({
 var connectScrollTo = createConnectorWithContext({
   displayName: 'AlgoliaScrollTo',
   propTypes: {
-    scrollOn: PropTypes__default['default'].string
+    scrollOn: PropTypes__default["default"].string
   },
   defaultProps: {
     scrollOn: 'page'
@@ -9576,7 +10114,7 @@ function _cleanUp$2(props, searchState, context) {
 var connectSearchBox = createConnectorWithContext({
   displayName: 'AlgoliaSearchBox',
   propTypes: {
-    defaultRefinement: PropTypes__default['default'].string
+    defaultRefinement: PropTypes__default["default"].string
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     return {
@@ -9678,6 +10216,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';
 }
@@ -9712,12 +10254,12 @@ function getCurrentRefinement$1(props, searchState, context) {
 var connectSortBy = createConnectorWithContext({
   displayName: 'AlgoliaSortBy',
   propTypes: {
-    defaultRefinement: PropTypes__default['default'].string,
-    items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-      label: PropTypes__default['default'].string,
-      value: PropTypes__default['default'].string.isRequired
+    defaultRefinement: PropTypes__default["default"].string,
+    items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      label: PropTypes__default["default"].string,
+      value: PropTypes__default["default"].string.isRequired
     })).isRequired,
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default["default"].func
   },
   getProvidedProps: function getProvidedProps(props, searchState) {
     var currentRefinement = getCurrentRefinement$1(props, searchState, {
@@ -9725,9 +10267,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
       });
     });
@@ -9851,11 +10393,11 @@ function _cleanUp$1(props, searchState, context) {
 var connectToggleRefinement = createConnectorWithContext({
   displayName: 'AlgoliaToggle',
   propTypes: {
-    label: PropTypes__default['default'].string.isRequired,
-    attribute: PropTypes__default['default'].string.isRequired,
-    value: PropTypes__default['default'].any.isRequired,
-    filter: PropTypes__default['default'].func,
-    defaultRefinement: PropTypes__default['default'].bool
+    label: PropTypes__default["default"].string.isRequired,
+    attribute: PropTypes__default["default"].string.isRequired,
+    value: PropTypes__default["default"].any.isRequired,
+    filter: PropTypes__default["default"].func,
+    defaultRefinement: PropTypes__default["default"].bool
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var attribute = props.attribute,
@@ -9957,6 +10499,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';
 }
@@ -9995,14 +10541,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);
 }
@@ -10015,7 +10561,7 @@ function _cleanUp(props, searchState, context) {
 var connectVoiceSearch = createConnectorWithContext({
   displayName: 'AlgoliaVoiceSearch',
   propTypes: {
-    defaultRefinement: PropTypes__default['default'].string
+    defaultRefinement: PropTypes__default["default"].string
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     return {
@@ -10075,6 +10621,55 @@ var connectVoiceSearch = createConnectorWithContext({
   }
 });
 
+var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames () {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg) && arg.length) {
+				var inner = classNames.apply(null, arg);
+				if (inner) {
+					classes.push(inner);
+				}
+			} else if (argType === 'object') {
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
+					}
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
 var createClassNames = function createClassNames(block) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ais';
   return function () {
@@ -10088,7 +10683,7 @@ var createClassNames = function createClassNames(block) {
       var baseClassName = "".concat(prefix, "-").concat(block);
       return element ? "".concat(baseClassName, "-").concat(element) : baseClassName;
     });
-    return index.classnames(suitElements);
+    return classnames(suitElements);
   };
 };
 var isSpecialClick = function isSpecialClick(event) {
@@ -10131,20 +10726,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 = React.createContext(function setCanRefine() {}),
+var _createContext = /*#__PURE__*/React.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);
@@ -10153,7 +10749,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
@@ -10177,15 +10773,15 @@ function (_Component) {
           header = _this$props.header,
           footer = _this$props.footer;
       var canRefine = this.state.canRefine;
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$p('', !canRefine && '-noRefinement'), className)
-      }, header && React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$p('', !canRefine && '-noRefinement'), className)
+      }, header && /*#__PURE__*/React__default["default"].createElement("div", {
         className: cx$p('header')
-      }, header), React__default['default'].createElement("div", {
+      }, header), /*#__PURE__*/React__default["default"].createElement("div", {
         className: cx$p('body')
-      }, React__default['default'].createElement(PanelProvider, {
+      }, /*#__PURE__*/React__default["default"].createElement(PanelProvider, {
         value: this.setCanRefine
-      }, children)), footer && React__default['default'].createElement("div", {
+      }, children)), footer && /*#__PURE__*/React__default["default"].createElement("div", {
         className: cx$p('footer')
       }, footer));
     }
@@ -10195,10 +10791,10 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(Panel, "propTypes", {
-  children: PropTypes__default['default'].node.isRequired,
-  className: PropTypes__default['default'].string,
-  header: PropTypes__default['default'].node,
-  footer: PropTypes__default['default'].node
+  children: PropTypes__default["default"].node.isRequired,
+  className: PropTypes__default["default"].string,
+  header: PropTypes__default["default"].node,
+  footer: PropTypes__default["default"].node
 });
 
 _defineProperty(Panel, "defaultProps", {
@@ -10207,15 +10803,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, [{
@@ -10241,16 +10841,16 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(PanelCallbackHandler, "propTypes", {
-  children: PropTypes__default['default'].node.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  setCanRefine: PropTypes__default['default'].func.isRequired
+  children: PropTypes__default["default"].node.isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  setCanRefine: PropTypes__default["default"].func.isRequired
 });
 
 var PanelWrapper = function PanelWrapper(_ref) {
   var canRefine = _ref.canRefine,
       children = _ref.children;
-  return React__default['default'].createElement(PanelConsumer, null, function (setCanRefine) {
-    return React__default['default'].createElement(PanelCallbackHandler, {
+  return /*#__PURE__*/React__default["default"].createElement(PanelConsumer, null, function (setCanRefine) {
+    return /*#__PURE__*/React__default["default"].createElement(PanelCallbackHandler, {
       setCanRefine: setCanRefine,
       canRefine: canRefine
     }, children);
@@ -10258,18 +10858,20 @@ var PanelWrapper = function PanelWrapper(_ref) {
 };
 
 PanelWrapper.propTypes = {
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  children: PropTypes__default['default'].node.isRequired
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  children: PropTypes__default["default"].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);
@@ -10278,7 +10880,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)) {
@@ -10296,7 +10898,7 @@ function (_Component) {
   _createClass(Link, [{
     key: "render",
     value: function render() {
-      return React__default['default'].createElement("a", index._extends({}, this.props, {
+      return /*#__PURE__*/React__default["default"].createElement("a", setPrototypeOf._extends({}, this.props, {
         onClick: this.onClick
       }));
     }
@@ -10306,24 +10908,27 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(Link, "propTypes", {
-  onClick: PropTypes__default['default'].func.isRequired
+  onClick: PropTypes__default["default"].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__default['default'].arrayOf(PropTypes__default['default'].shape({
-  label: PropTypes__default['default'].string.isRequired,
-  value: PropTypes__default['default'].string.isRequired
+var itemsPropType$2 = PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+  label: PropTypes__default["default"].string.isRequired,
+  value: PropTypes__default["default"].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, [{
@@ -10338,9 +10943,9 @@ function (_Component) {
           separator = _this$props.separator,
           translate = _this$props.translate,
           className = _this$props.className;
-      var rootPath = canRefine ? React__default['default'].createElement("li", {
+      var rootPath = canRefine ? /*#__PURE__*/React__default["default"].createElement("li", {
         className: cx$o('item')
-      }, React__default['default'].createElement(Link, {
+      }, /*#__PURE__*/React__default["default"].createElement(Link, {
         className: cx$o('link'),
         onClick: function onClick() {
           return !rootURL ? refine() : null;
@@ -10349,12 +10954,12 @@ function (_Component) {
       }, translate('rootLabel'))) : null;
       var breadcrumb = items.map(function (item, idx) {
         var isLast = idx === items.length - 1;
-        return React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           className: cx$o('item', isLast && 'item--selected'),
           key: idx
-        }, React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: cx$o('separator')
-        }, separator), !isLast ? React__default['default'].createElement(Link, {
+        }, separator), !isLast ? /*#__PURE__*/React__default["default"].createElement(Link, {
           className: cx$o('link'),
           onClick: function onClick() {
             return refine(item.value);
@@ -10362,9 +10967,9 @@ function (_Component) {
           href: createURL(item.value)
         }, item.label) : item.label);
       });
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$o('', !canRefine && '-noRefinement'), className)
-      }, React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$o('', !canRefine && '-noRefinement'), className)
+      }, /*#__PURE__*/React__default["default"].createElement("ul", {
         className: cx$o('list')
       }, rootPath, breadcrumb));
     }
@@ -10374,14 +10979,14 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(Breadcrumb, "propTypes", {
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  createURL: PropTypes__default['default'].func.isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  createURL: PropTypes__default["default"].func.isRequired,
   items: itemsPropType$2,
-  refine: PropTypes__default['default'].func.isRequired,
-  rootURL: PropTypes__default['default'].string,
-  separator: PropTypes__default['default'].node,
-  translate: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  refine: PropTypes__default["default"].func.isRequired,
+  rootURL: PropTypes__default["default"].string,
+  separator: PropTypes__default["default"].node,
+  translate: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(Breadcrumb, "defaultProps", {
@@ -10483,22 +11088,25 @@ var Breadcrumb$1 = translatable({
  */
 
 var BreadcrumbWidget = function BreadcrumbWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(Breadcrumb$1, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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, [{
@@ -10510,9 +11118,9 @@ function (_Component) {
           refine = _this$props.refine,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$n(''), className)
-      }, React__default['default'].createElement("button", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$n(''), className)
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
         className: cx$n('button', !canRefine && 'button--disabled'),
         onClick: function onClick() {
           return refine(items);
@@ -10526,11 +11134,11 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(ClearRefinements$1, "propTypes", {
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object).isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object).isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(ClearRefinements$1, "defaultProps", {
@@ -10576,7 +11184,7 @@ var ClearRefinements$2 = translatable({
  */
 
 var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(ClearRefinements$2, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(ClearRefinements$2, props));
 };
 
 var ClearRefinements = connectCurrentRefinements(ClearRefinementsWidget);
@@ -10588,31 +11196,31 @@ var CurrentRefinements = function CurrentRefinements(_ref) {
       refine = _ref.refine,
       translate = _ref.translate,
       className = _ref.className;
-  return React__default['default'].createElement("div", {
-    className: index.classnames(cx$m('', !canRefine && '-noRefinement'), className)
-  }, React__default['default'].createElement("ul", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(cx$m('', !canRefine && '-noRefinement'), className)
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: cx$m('list', !canRefine && 'list--noRefinement')
   }, items.map(function (item) {
-    return React__default['default'].createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       key: item.label,
       className: cx$m('item')
-    }, React__default['default'].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
       className: cx$m('label')
     }, item.label), item.items ? item.items.map(function (nest) {
-      return React__default['default'].createElement("span", {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
         key: nest.label,
         className: cx$m('category')
-      }, React__default['default'].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$m('categoryLabel')
-      }, nest.label), React__default['default'].createElement("button", {
+      }, nest.label), /*#__PURE__*/React__default["default"].createElement("button", {
         className: cx$m('delete'),
         onClick: function onClick() {
           return refine(nest.value);
         }
       }, translate('clearFilter', nest)));
-    }) : React__default['default'].createElement("span", {
+    }) : /*#__PURE__*/React__default["default"].createElement("span", {
       className: cx$m('category')
-    }, React__default['default'].createElement("button", {
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
       className: cx$m('delete'),
       onClick: function onClick() {
         return refine(item.value);
@@ -10620,19 +11228,19 @@ var CurrentRefinements = function CurrentRefinements(_ref) {
     }, translate('clearFilter', item))));
   })));
 };
-var itemPropTypes = PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-  label: PropTypes__default['default'].string.isRequired,
-  value: PropTypes__default['default'].func.isRequired,
+var itemPropTypes = PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+  label: PropTypes__default["default"].string.isRequired,
+  value: PropTypes__default["default"].func.isRequired,
   items: function items() {
     return itemPropTypes.apply(void 0, arguments);
   }
 }));
 CurrentRefinements.propTypes = {
   items: itemPropTypes.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 };
 CurrentRefinements.defaultProps = {
   className: ''
@@ -10684,33 +11292,40 @@ var CurrentRefinements$1 = translatable({
  */
 
 var CurrentRefinementsWidget = function CurrentRefinementsWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(CurrentRefinements$1, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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['default'].createElement("svg", {
+var defaultLoadingIndicator = /*#__PURE__*/React__default["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['default'].createElement("g", {
+}, /*#__PURE__*/React__default["default"].createElement("g", {
   fill: "none",
   fillRule: "evenodd"
-}, React__default['default'].createElement("g", {
+}, /*#__PURE__*/React__default["default"].createElement("g", {
   transform: "translate(1 1)",
   strokeWidth: "2"
-}, React__default['default'].createElement("circle", {
+}, /*#__PURE__*/React__default["default"].createElement("circle", {
   strokeOpacity: ".5",
   cx: "18",
   cy: "18",
   r: "18"
-}), React__default['default'].createElement("path", {
+}), /*#__PURE__*/React__default["default"].createElement("path", {
   d: "M36 18c0-9.94-8.06-18-18-18"
-}, React__default['default'].createElement("animateTransform", {
+}, /*#__PURE__*/React__default["default"].createElement("animateTransform", {
   attributeName: "transform",
   type: "rotate",
   from: "0 18 18",
@@ -10718,36 +11333,36 @@ var defaultLoadingIndicator = React__default['default'].createElement("svg", {
   dur: "1s",
   repeatCount: "indefinite"
 })))));
-var defaultReset = React__default['default'].createElement("svg", {
+var defaultReset = /*#__PURE__*/React__default["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['default'].createElement("path", {
+}, /*#__PURE__*/React__default["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['default'].createElement("svg", {
+var defaultSubmit = /*#__PURE__*/React__default["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['default'].createElement("path", {
+}, /*#__PURE__*/React__default["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;
@@ -10883,6 +11498,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,
@@ -10891,25 +11507,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['default'].createElement("div", {
-        className: index.classnames(cx$l(''), className)
-      }, React__default['default'].createElement("form", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$l(''), className)
+      }, /*#__PURE__*/React__default["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['default'].createElement("input", index._extends({
+      }, /*#__PURE__*/React__default["default"].createElement("input", setPrototypeOf._extends({
         ref: this.onInputMount,
+        id: inputId,
         type: "search",
         placeholder: translate('placeholder'),
         autoFocus: autoFocus,
@@ -10923,20 +11538,19 @@ function (_Component) {
         onChange: this.onChange
       }, searchInputEvents, {
         className: cx$l('input')
-      })), React__default['default'].createElement("button", {
+      })), /*#__PURE__*/React__default["default"].createElement("button", {
         type: "submit",
         title: translate('submitTitle'),
         className: cx$l('submit')
-      }, submit), React__default['default'].createElement("button", {
+      }, submit), /*#__PURE__*/React__default["default"].createElement("button", {
         type: "reset",
         title: translate('resetTitle'),
         className: cx$l('reset'),
         hidden: !query || isSearchStalled
-      }, reset), this.props.showLoadingIndicator && React__default['default'].createElement("span", {
+      }, reset), this.props.showLoadingIndicator && /*#__PURE__*/React__default["default"].createElement("span", {
         hidden: !isSearchStalled,
         className: cx$l('loadingIndicator')
       }, loadingIndicator)));
-      /* eslint-enable */
     }
   }]);
 
@@ -10944,24 +11558,25 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(SearchBox$1, "propTypes", {
-  currentRefinement: PropTypes__default['default'].string,
-  className: PropTypes__default['default'].string,
-  refine: PropTypes__default['default'].func.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  loadingIndicator: PropTypes__default['default'].node,
-  reset: PropTypes__default['default'].node,
-  submit: PropTypes__default['default'].node,
-  focusShortcuts: PropTypes__default['default'].arrayOf(PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])),
-  autoFocus: PropTypes__default['default'].bool,
-  searchAsYouType: PropTypes__default['default'].bool,
-  onSubmit: PropTypes__default['default'].func,
-  onReset: PropTypes__default['default'].func,
-  onChange: PropTypes__default['default'].func,
-  isSearchStalled: PropTypes__default['default'].bool,
-  showLoadingIndicator: PropTypes__default['default'].bool,
-  inputRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].exact({
-    current: PropTypes__default['default'].object
-  })])
+  currentRefinement: PropTypes__default["default"].string,
+  className: PropTypes__default["default"].string,
+  refine: PropTypes__default["default"].func.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  loadingIndicator: PropTypes__default["default"].node,
+  reset: PropTypes__default["default"].node,
+  submit: PropTypes__default["default"].node,
+  focusShortcuts: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])),
+  autoFocus: PropTypes__default["default"].bool,
+  searchAsYouType: PropTypes__default["default"].bool,
+  onSubmit: PropTypes__default["default"].func,
+  onReset: PropTypes__default["default"].func,
+  onChange: PropTypes__default["default"].func,
+  isSearchStalled: PropTypes__default["default"].bool,
+  showLoadingIndicator: PropTypes__default["default"].bool,
+  inputRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].exact({
+    current: PropTypes__default["default"].object
+  })]),
+  inputId: PropTypes__default["default"].string
 });
 
 _defineProperty(SearchBox$1, "defaultProps", {
@@ -10983,25 +11598,28 @@ var SearchBox$2 = translatable({
   placeholder: 'Search here…'
 })(SearchBox$1);
 
-var itemsPropType$1 = PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-  value: PropTypes__default['default'].any,
-  label: PropTypes__default['default'].node.isRequired,
+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__default["default"].arrayOf(PropTypes__default["default"].shape({
+  value: PropTypes__default["default"].any,
+  label: PropTypes__default["default"].node.isRequired,
   items: function items() {
     return itemsPropType$1.apply(void 0, arguments);
   }
 }));
 
-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) {
@@ -11027,10 +11645,10 @@ function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
       var itemHasChildren = item.items && Boolean(item.items.length);
-      return React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["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['default'].createElement("ul", {
+      }, _this.props.renderItem(item, resetQuery), itemHasChildren && /*#__PURE__*/React__default["default"].createElement("ul", {
         className: _this.props.cx('list', 'list--child')
       }, item.items.slice(0, _this.getLimit()).map(function (child) {
         return _this.renderItem(child, item);
@@ -11058,7 +11676,7 @@ function (_Component) {
         return null;
       }
 
-      return React__default['default'].createElement("button", {
+      return /*#__PURE__*/React__default["default"].createElement("button", {
         disabled: disabled,
         className: cx('showMore', disabled && 'showMore--disabled'),
         onClick: this.onShowMoreClick
@@ -11076,12 +11694,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['default'].createElement("div", {
+      var noResults = items.length === 0 && this.state.query !== '' ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: cx('noResults')
       }, translate('noResults')) : null;
-      return React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: cx('searchBox')
-      }, React__default['default'].createElement(SearchBox$2, {
+      }, /*#__PURE__*/React__default["default"].createElement(SearchBox$2, {
         currentRefinement: this.state.query,
         refine: function refine(value) {
           _this2.setState({
@@ -11114,10 +11732,10 @@ function (_Component) {
           searchable = _this$props4.searchable,
           canRefine = _this$props4.canRefine;
       var searchBox = searchable ? this.renderSearchBox() : null;
-      var rootClassName = index.classnames(cx('', !canRefine && '-noRefinement'), className);
+      var rootClassName = classnames(cx('', !canRefine && '-noRefinement'), className);
 
       if (items.length === 0) {
-        return React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: rootClassName
         }, searchBox);
       } // Always limit the number of items we show on screen, since the actual
@@ -11125,9 +11743,9 @@ function (_Component) {
       // option.
 
 
-      return React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: rootClassName
-      }, searchBox, React__default['default'].createElement("ul", {
+      }, searchBox, /*#__PURE__*/React__default["default"].createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.slice(0, this.getLimit()).map(function (item) {
         return _this3.renderItem(item, _this3.resetQuery);
@@ -11139,21 +11757,21 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(List, "propTypes", {
-  cx: PropTypes__default['default'].func.isRequired,
+  cx: PropTypes__default["default"].func.isRequired,
   // Only required with showMore.
-  translate: PropTypes__default['default'].func,
+  translate: PropTypes__default["default"].func,
   items: itemsPropType$1,
-  renderItem: PropTypes__default['default'].func.isRequired,
-  selectItem: PropTypes__default['default'].func,
-  className: PropTypes__default['default'].string,
-  showMore: PropTypes__default['default'].bool,
-  limit: PropTypes__default['default'].number,
-  showMoreLimit: PropTypes__default['default'].number,
-  show: PropTypes__default['default'].func,
-  searchForItems: PropTypes__default['default'].func,
-  searchable: PropTypes__default['default'].bool,
-  isFromSearch: PropTypes__default['default'].bool,
-  canRefine: PropTypes__default['default'].bool
+  renderItem: PropTypes__default["default"].func.isRequired,
+  selectItem: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string,
+  showMore: PropTypes__default["default"].bool,
+  limit: PropTypes__default["default"].number,
+  showMoreLimit: PropTypes__default["default"].number,
+  show: PropTypes__default["default"].func,
+  searchForItems: PropTypes__default["default"].func,
+  searchable: PropTypes__default["default"].bool,
+  isFromSearch: PropTypes__default["default"].bool,
+  canRefine: PropTypes__default["default"].bool
 });
 
 _defineProperty(List, "defaultProps", {
@@ -11161,24 +11779,25 @@ _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__default['default'].arrayOf(PropTypes__default['default'].shape({
-  label: PropTypes__default['default'].string.isRequired,
-  value: PropTypes__default['default'].string,
-  count: PropTypes__default['default'].number.isRequired,
+var itemsPropType = PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+  label: PropTypes__default["default"].string.isRequired,
+  value: PropTypes__default["default"].string,
+  count: PropTypes__default["default"].number.isRequired,
   items: function items() {
     return itemsPropType.apply(void 0, arguments);
   }
 }));
 
-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);
@@ -11187,21 +11806,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['default'].createElement(Link, {
+      return /*#__PURE__*/React__default["default"].createElement(Link, {
         className: cx$k('link'),
         onClick: function onClick() {
           return refine(item.value);
         },
         href: createURL(item.value)
-      }, React__default['default'].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$k('label')
-      }, item.label), ' ', React__default['default'].createElement("span", {
+      }, item.label), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$k('count')
       }, item.count));
     });
@@ -11220,7 +11839,7 @@ function (_Component) {
           showMoreLimit = _this$props2.showMoreLimit,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React__default['default'].createElement(List, {
+      return /*#__PURE__*/React__default["default"].createElement(List, {
         renderItem: this.renderItem,
         cx: cx$k,
         translate: translate,
@@ -11238,16 +11857,16 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(HierarchicalMenu, "propTypes", {
-  translate: PropTypes__default['default'].func.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  createURL: PropTypes__default['default'].func.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  createURL: PropTypes__default["default"].func.isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
   items: itemsPropType,
-  showMore: PropTypes__default['default'].bool,
-  className: PropTypes__default['default'].string,
-  limit: PropTypes__default['default'].number,
-  showMoreLimit: PropTypes__default['default'].number,
-  transformItems: PropTypes__default['default'].func
+  showMore: PropTypes__default["default"].bool,
+  className: PropTypes__default["default"].string,
+  limit: PropTypes__default["default"].number,
+  showMoreLimit: PropTypes__default["default"].number,
+  transformItems: PropTypes__default["default"].func
 });
 
 _defineProperty(HierarchicalMenu, "defaultProps", {
@@ -11351,7 +11970,7 @@ var HierarchicalMenu$1 = translatable({
  */
 
 var HierarchicalMenuWidget = function HierarchicalMenuWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(HierarchicalMenu$1, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(HierarchicalMenu$1, props));
 };
 
 connectHierarchicalMenu(HierarchicalMenuWidget);
@@ -11364,16 +11983,16 @@ var Highlight$2 = function Highlight(_ref) {
       nonHighlightedTagName = _ref.nonHighlightedTagName;
   var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
   var className = isHighlighted ? 'highlighted' : 'nonHighlighted';
-  return React__default['default'].createElement(TagName, {
+  return /*#__PURE__*/React__default["default"].createElement(TagName, {
     className: cx(className)
   }, value);
 };
 Highlight$2.propTypes = {
-  cx: PropTypes__default['default'].func.isRequired,
-  value: PropTypes__default['default'].string.isRequired,
-  isHighlighted: PropTypes__default['default'].bool.isRequired,
-  highlightedTagName: PropTypes__default['default'].string.isRequired,
-  nonHighlightedTagName: PropTypes__default['default'].string.isRequired
+  cx: PropTypes__default["default"].func.isRequired,
+  value: PropTypes__default["default"].string.isRequired,
+  isHighlighted: PropTypes__default["default"].bool.isRequired,
+  highlightedTagName: PropTypes__default["default"].string.isRequired,
+  nonHighlightedTagName: PropTypes__default["default"].string.isRequired
 };
 
 var Highlighter = function Highlighter(_ref2) {
@@ -11391,15 +12010,15 @@ var Highlighter = function Highlighter(_ref2) {
     attribute: attribute,
     highlightProperty: highlightProperty
   });
-  return React__default['default'].createElement("span", {
-    className: index.classnames(cx(''), className)
+  return /*#__PURE__*/React__default["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['default'].createElement("span", {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
         key: i
       }, item.map(function (element, index) {
-        return React__default['default'].createElement(Highlight$2, {
+        return /*#__PURE__*/React__default["default"].createElement(Highlight$2, {
           cx: cx,
           key: index,
           value: element.value,
@@ -11407,12 +12026,12 @@ var Highlighter = function Highlighter(_ref2) {
           nonHighlightedTagName: nonHighlightedTagName,
           isHighlighted: element.isHighlighted
         });
-      }), !isLast && React__default['default'].createElement("span", {
+      }), !isLast && /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx('separator')
       }, separator));
     }
 
-    return React__default['default'].createElement(Highlight$2, {
+    return /*#__PURE__*/React__default["default"].createElement(Highlight$2, {
       cx: cx,
       key: i,
       value: item.value,
@@ -11424,15 +12043,15 @@ var Highlighter = function Highlighter(_ref2) {
 };
 
 Highlighter.propTypes = {
-  cx: PropTypes__default['default'].func.isRequired,
-  hit: PropTypes__default['default'].object.isRequired,
-  attribute: PropTypes__default['default'].oneOfType([PropTypes__default['default'].arrayOf(PropTypes__default['default'].string), PropTypes__default['default'].string]).isRequired,
-  highlight: PropTypes__default['default'].func.isRequired,
-  highlightProperty: PropTypes__default['default'].string.isRequired,
-  tagName: PropTypes__default['default'].string,
-  nonHighlightedTagName: PropTypes__default['default'].string,
-  className: PropTypes__default['default'].string,
-  separator: PropTypes__default['default'].node
+  cx: PropTypes__default["default"].func.isRequired,
+  hit: PropTypes__default["default"].object.isRequired,
+  attribute: PropTypes__default["default"].oneOfType([PropTypes__default["default"].arrayOf(PropTypes__default["default"].string), PropTypes__default["default"].string]).isRequired,
+  highlight: PropTypes__default["default"].func.isRequired,
+  highlightProperty: PropTypes__default["default"].string.isRequired,
+  tagName: PropTypes__default["default"].string,
+  nonHighlightedTagName: PropTypes__default["default"].string,
+  className: PropTypes__default["default"].string,
+  separator: PropTypes__default["default"].node
 };
 Highlighter.defaultProps = {
   tagName: 'em',
@@ -11444,7 +12063,7 @@ Highlighter.defaultProps = {
 var cx$j = createClassNames('Highlight');
 
 var Highlight$1 = function Highlight(props) {
-  return React__default['default'].createElement(Highlighter, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Highlighter, setPrototypeOf._extends({}, props, {
     highlightProperty: "_highlightResult",
     cx: cx$j
   }));
@@ -11496,7 +12115,7 @@ var Highlight = connectHighlight(Highlight$1);
 var cx$i = createClassNames('Hits');
 
 var DefaultHitComponent = function DefaultHitComponent(props) {
-  return React__default['default'].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       borderBottom: '1px solid #bbb',
       paddingBottom: '5px',
@@ -11512,27 +12131,28 @@ 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['default'].createElement("div", {
-    className: index.classnames(cx$i(''), className)
-  }, React__default['default'].createElement("ul", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(cx$i(''), className)
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: cx$i('list')
   }, hits.map(function (hit) {
-    return React__default['default'].createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       className: cx$i('item'),
       key: hit.objectID
-    }, React__default['default'].createElement(HitComponent, {
+    }, /*#__PURE__*/React__default["default"].createElement(HitComponent, {
       hit: hit
     }));
   })));
 };
 
-var HitPropTypes = PropTypes__default['default'].shape({
-  objectID: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]).isRequired
+var HitPropTypes = PropTypes__default["default"].shape({
+  objectID: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
 });
 Hits$1.propTypes = {
-  hits: PropTypes__default['default'].arrayOf(HitPropTypes.isRequired).isRequired,
-  className: PropTypes__default['default'].string,
-  hitComponent: PropTypes__default['default'].func
+  hits: PropTypes__default["default"].arrayOf(HitPropTypes.isRequired).isRequired,
+  className: PropTypes__default["default"].string,
+  // this is actually PropTypes.elementType, but our prop-types version is outdated
+  hitComponent: PropTypes__default["default"].any
 };
 
 /**
@@ -11570,14 +12190,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);
@@ -11586,7 +12208,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);
@@ -11600,14 +12222,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['default'].createElement("select", {
+      return /*#__PURE__*/React__default["default"].createElement("select", {
+        id: id,
         className: cx('select'),
         value: selectedItem,
         onChange: this.onChange
       }, items.map(function (item) {
-        return React__default['default'].createElement("option", {
+        return /*#__PURE__*/React__default["default"].createElement("option", {
           className: cx('option'),
           key: item.key === undefined ? item.value : item.key,
           disabled: item.disabled,
@@ -11621,41 +12245,47 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(Select, "propTypes", {
-  cx: PropTypes__default['default'].func.isRequired,
-  onSelect: PropTypes__default['default'].func.isRequired,
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]).isRequired,
-    key: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-    label: PropTypes__default['default'].string,
-    disabled: PropTypes__default['default'].bool
+  cx: PropTypes__default["default"].func.isRequired,
+  id: PropTypes__default["default"].string,
+  onSelect: PropTypes__default["default"].func.isRequired,
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired,
+    key: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+    label: PropTypes__default["default"].string,
+    disabled: PropTypes__default["default"].bool
   })).isRequired,
-  selectedItem: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]).isRequired
+  selectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].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['default'].createElement("div", {
-        className: index.classnames(cx$h(''), className)
-      }, React__default['default'].createElement(Select, {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$h(''), className)
+      }, /*#__PURE__*/React__default["default"].createElement(Select, {
+        id: id,
         onSelect: refine,
         selectedItem: currentRefinement,
         items: items,
@@ -11668,13 +12298,14 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(HitsPerPage, "propTypes", {
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    value: PropTypes__default['default'].number.isRequired,
-    label: PropTypes__default['default'].string
+  id: PropTypes__default["default"].string,
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    value: PropTypes__default["default"].number.isRequired,
+    label: PropTypes__default["default"].string
   })).isRequired,
-  currentRefinement: PropTypes__default['default'].number.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  currentRefinement: PropTypes__default["default"].number.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(HitsPerPage, "defaultProps", {
@@ -11690,6 +12321,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.
@@ -11725,17 +12357,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, [{
@@ -11751,24 +12386,24 @@ function (_Component) {
           refineNext = _this$props.refineNext,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$g(''), className)
-      }, showPrevious && React__default['default'].createElement("button", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$g(''), className)
+      }, showPrevious && /*#__PURE__*/React__default["default"].createElement("button", {
         className: cx$g('loadPrevious', !hasPrevious && 'loadPrevious--disabled'),
         onClick: function onClick() {
           return refinePrevious();
         },
         disabled: !hasPrevious
-      }, translate('loadPrevious')), React__default['default'].createElement("ul", {
+      }, translate('loadPrevious')), /*#__PURE__*/React__default["default"].createElement("ul", {
         className: cx$g('list')
       }, hits.map(function (hit) {
-        return React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: hit.objectID,
           className: cx$g('item')
-        }, React__default['default'].createElement(HitComponent, {
+        }, /*#__PURE__*/React__default["default"].createElement(HitComponent, {
           hit: hit
         }));
-      })), React__default['default'].createElement("button", {
+      })), /*#__PURE__*/React__default["default"].createElement("button", {
         className: cx$g('loadMore', !hasMore && 'loadMore--disabled'),
         onClick: function onClick() {
           return refineNext();
@@ -11782,21 +12417,22 @@ function (_Component) {
 }(React.Component);
 
 InfiniteHits.propTypes = {
-  hits: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object).isRequired,
-  showPrevious: PropTypes__default['default'].bool.isRequired,
-  hasPrevious: PropTypes__default['default'].bool.isRequired,
-  hasMore: PropTypes__default['default'].bool.isRequired,
-  refinePrevious: PropTypes__default['default'].func.isRequired,
-  refineNext: PropTypes__default['default'].func.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string,
-  hitComponent: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].func])
+  hits: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object).isRequired,
+  showPrevious: PropTypes__default["default"].bool.isRequired,
+  hasPrevious: PropTypes__default["default"].bool.isRequired,
+  hasMore: PropTypes__default["default"].bool.isRequired,
+  refinePrevious: PropTypes__default["default"].func.isRequired,
+  refineNext: PropTypes__default["default"].func.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string,
+  // this is actually PropTypes.elementType, but our prop-types version is outdated
+  hitComponent: PropTypes__default["default"].any
 };
 InfiniteHits.defaultProps = {
   className: '',
   showPrevious: false,
   hitComponent: function hitComponent(hit) {
-    return React__default['default'].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         borderBottom: '1px solid #bbb',
         paddingBottom: '5px',
@@ -11850,16 +12486,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);
@@ -11868,23 +12505,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['default'].createElement(Highlight, {
+      var label = _this.props.isFromSearch ? /*#__PURE__*/React__default["default"].createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React__default['default'].createElement(Link, {
+      return /*#__PURE__*/React__default["default"].createElement(Link, {
         className: cx$f('link'),
         onClick: function onClick() {
           return _this.selectItem(item, resetQuery);
         },
         href: createURL(item.value)
-      }, React__default['default'].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$f('label')
-      }, label), ' ', React__default['default'].createElement("span", {
+      }, label), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$f('count')
       }, item.count));
     });
@@ -11912,7 +12549,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React__default['default'].createElement(List, {
+      return /*#__PURE__*/React__default["default"].createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$f,
@@ -11934,24 +12571,24 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(Menu, "propTypes", {
-  translate: PropTypes__default['default'].func.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  searchForItems: PropTypes__default['default'].func.isRequired,
-  searchable: PropTypes__default['default'].bool,
-  createURL: PropTypes__default['default'].func.isRequired,
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    label: PropTypes__default['default'].string.isRequired,
-    value: PropTypes__default['default'].string.isRequired,
-    count: PropTypes__default['default'].number.isRequired,
-    isRefined: PropTypes__default['default'].bool.isRequired
+  translate: PropTypes__default["default"].func.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  searchForItems: PropTypes__default["default"].func.isRequired,
+  searchable: PropTypes__default["default"].bool,
+  createURL: PropTypes__default["default"].func.isRequired,
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    label: PropTypes__default["default"].string.isRequired,
+    value: PropTypes__default["default"].string.isRequired,
+    count: PropTypes__default["default"].number.isRequired,
+    isRefined: PropTypes__default["default"].bool.isRequired
   })),
-  isFromSearch: PropTypes__default['default'].bool.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  showMore: PropTypes__default['default'].bool,
-  limit: PropTypes__default['default'].number,
-  showMoreLimit: PropTypes__default['default'].number,
-  transformItems: PropTypes__default['default'].func,
-  className: PropTypes__default['default'].string
+  isFromSearch: PropTypes__default["default"].bool.isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  showMore: PropTypes__default["default"].bool,
+  limit: PropTypes__default["default"].number,
+  showMoreLimit: PropTypes__default["default"].number,
+  transformItems: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(Menu, "defaultProps", {
@@ -12020,21 +12657,22 @@ var Menu$1 = translatable({
  */
 
 var MenuWidget = function MenuWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(Menu$1, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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);
@@ -12043,7 +12681,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;
@@ -12055,58 +12693,61 @@ 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['default'].createElement("div", {
-        className: index.classnames(cx$e('', !canRefine && '-noRefinement'), className)
-      }, React__default['default'].createElement("select", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$e('', !canRefine && '-noRefinement'), className)
+      }, /*#__PURE__*/React__default["default"].createElement("select", {
+        id: id,
         value: this.selectedValue,
         onChange: this.handleSelectChange,
         className: cx$e('select')
-      }, React__default['default'].createElement("option", {
+      }, /*#__PURE__*/React__default["default"].createElement("option", {
         value: "ais__see__all__option",
         className: cx$e('option')
       }, translate('seeAllOption')), items.map(function (item) {
-        return React__default['default'].createElement("option", {
+        return /*#__PURE__*/React__default["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;
 }(React.Component);
 
 _defineProperty(MenuSelect, "propTypes", {
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    label: PropTypes__default['default'].string.isRequired,
-    value: PropTypes__default['default'].string.isRequired,
-    count: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number.isRequired, PropTypes__default['default'].string.isRequired]),
-    isRefined: PropTypes__default['default'].bool.isRequired
+  id: PropTypes__default["default"].string,
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    label: PropTypes__default["default"].string.isRequired,
+    value: PropTypes__default["default"].string.isRequired,
+    count: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number.isRequired, PropTypes__default["default"].string.isRequired]),
+    isRefined: PropTypes__default["default"].bool.isRequired
   })).isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(MenuSelect, "defaultProps", {
@@ -12123,6 +12764,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
@@ -12154,21 +12796,26 @@ var MenuSelect$1 = translatable({
  */
 
 var MenuSelectWidget = function MenuSelectWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(MenuSelect$1, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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);
@@ -12177,15 +12824,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['default'].createElement("label", {
+      return /*#__PURE__*/React__default["default"].createElement("label", {
         className: cx$d('label')
-      }, React__default['default'].createElement("input", {
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
         className: cx$d('radio'),
         type: "radio",
         checked: item.isRefined,
@@ -12193,7 +12840,7 @@ function (_Component) {
         onChange: function onChange() {
           return refine(item.value);
         }
-      }), React__default['default'].createElement("span", {
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$d('labelText')
       }, item.value === '' ? translate('all') : item.label));
     });
@@ -12208,13 +12855,13 @@ function (_Component) {
           items = _this$props2.items,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React__default['default'].createElement(List, {
+      return /*#__PURE__*/React__default["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
           });
         }),
@@ -12227,16 +12874,16 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(NumericMenu, "propTypes", {
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    label: PropTypes__default['default'].node.isRequired,
-    value: PropTypes__default['default'].string.isRequired,
-    isRefined: PropTypes__default['default'].bool.isRequired,
-    noRefinement: PropTypes__default['default'].bool.isRequired
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    label: PropTypes__default["default"].node.isRequired,
+    value: PropTypes__default["default"].string.isRequired,
+    isRefined: PropTypes__default["default"].bool.isRequired,
+    noRefinement: PropTypes__default["default"].bool.isRequired
   })).isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(NumericMenu, "defaultProps", {
@@ -12294,20 +12941,24 @@ var NumericMenu$1 = translatable({
  */
 
 var NumericMenuWidget = function NumericMenuWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(NumericMenu$1, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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, [{
@@ -12319,15 +12970,15 @@ function (_Component) {
           items = _this$props.items,
           onSelect = _this$props.onSelect,
           canRefine = _this$props.canRefine;
-      return React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.map(function (item) {
-        return React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["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['default'].createElement("span", {
+        }, item.disabled ? /*#__PURE__*/React__default["default"].createElement("span", {
           className: cx('link')
-        }, item.label === undefined ? item.value : item.label) : React__default['default'].createElement(Link, {
+        }, item.label === undefined ? item.value : item.label) : /*#__PURE__*/React__default["default"].createElement(Link, {
           className: cx('link', item.selected && 'link--selected'),
           "aria-label": item.ariaLabel,
           href: createURL(item.value),
@@ -12343,20 +12994,25 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(LinkList, "propTypes", {
-  cx: PropTypes__default['default'].func.isRequired,
-  createURL: PropTypes__default['default'].func.isRequired,
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number, PropTypes__default['default'].object]).isRequired,
-    key: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-    label: PropTypes__default['default'].node,
-    modifier: PropTypes__default['default'].string,
-    ariaLabel: PropTypes__default['default'].string,
-    disabled: PropTypes__default['default'].bool
+  cx: PropTypes__default["default"].func.isRequired,
+  createURL: PropTypes__default["default"].func.isRequired,
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].object]).isRequired,
+    key: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+    label: PropTypes__default["default"].node,
+    modifier: PropTypes__default["default"].string,
+    ariaLabel: PropTypes__default["default"].string,
+    disabled: PropTypes__default["default"].bool
   })),
-  onSelect: PropTypes__default['default'].func.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired
+  onSelect: PropTypes__default["default"].func.isRequired,
+  canRefine: PropTypes__default["default"].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) {
@@ -12393,15 +13049,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, [{
@@ -12438,7 +13094,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;
@@ -12499,9 +13155,9 @@ function (_Component) {
         });
       }
 
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$c('', !canRefine && '-noRefinement'), className)
-      }, React__default['default'].createElement(ListComponent, index._extends({}, otherProps, {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$c('', !canRefine && '-noRefinement'), className)
+      }, /*#__PURE__*/React__default["default"].createElement(ListComponent, setPrototypeOf._extends({}, otherProps, {
         cx: cx$c,
         items: items,
         onSelect: refine,
@@ -12515,20 +13171,20 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(Pagination$1, "propTypes", {
-  nbPages: PropTypes__default['default'].number.isRequired,
-  currentRefinement: PropTypes__default['default'].number.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  createURL: PropTypes__default['default'].func.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  listComponent: PropTypes__default['default'].func,
-  showFirst: PropTypes__default['default'].bool,
-  showPrevious: PropTypes__default['default'].bool,
-  showNext: PropTypes__default['default'].bool,
-  showLast: PropTypes__default['default'].bool,
-  padding: PropTypes__default['default'].number,
-  totalPages: PropTypes__default['default'].number,
-  className: PropTypes__default['default'].string
+  nbPages: PropTypes__default["default"].number.isRequired,
+  currentRefinement: PropTypes__default["default"].number.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  createURL: PropTypes__default["default"].func.isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  listComponent: PropTypes__default["default"].func,
+  showFirst: PropTypes__default["default"].bool,
+  showPrevious: PropTypes__default["default"].bool,
+  showNext: PropTypes__default["default"].bool,
+  showLast: PropTypes__default["default"].bool,
+  padding: PropTypes__default["default"].number,
+  totalPages: PropTypes__default["default"].number,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(Pagination$1, "defaultProps", {
@@ -12614,23 +13270,25 @@ var Pagination$2 = translatable({
  */
 
 var PaginationWidget = function PaginationWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(Pagination$2, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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['default'].createElement("svg", {
+  return /*#__PURE__*/React__default["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['default'].createElement("linearGradient", {
+  }, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
     id: "g",
     x1: "428.258",
     x2: "434.145",
@@ -12638,35 +13296,33 @@ var AlgoliaLogo = function AlgoliaLogo() {
     y2: "409.85",
     gradientUnits: "userSpaceOnUse",
     gradientTransform: "matrix(94.045 0 0 -94.072 -40381.527 38479.52)"
-  }, React__default['default'].createElement("stop", {
+  }, /*#__PURE__*/React__default["default"].createElement("stop", {
     offset: "0",
     stopColor: "#00AEFF"
-  }), React__default['default'].createElement("stop", {
+  }), /*#__PURE__*/React__default["default"].createElement("stop", {
     offset: "1",
     stopColor: "#3369E7"
-  })), React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["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['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["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['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["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, [{
@@ -12676,17 +13332,17 @@ function (_Component) {
           url = _this$props.url,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$b(''), className)
-      }, React__default['default'].createElement("span", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$b(''), className)
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$b('text')
-      }, translate('searchBy')), ' ', React__default['default'].createElement("a", {
+      }, translate('searchBy')), ' ', /*#__PURE__*/React__default["default"].createElement("a", {
         href: url,
         target: "_blank",
         className: cx$b('link'),
         "aria-label": "Algolia",
         rel: "noopener noreferrer"
-      }, React__default['default'].createElement(AlgoliaLogo, null)));
+      }, /*#__PURE__*/React__default["default"].createElement(AlgoliaLogo, null)));
     }
   }]);
 
@@ -12694,9 +13350,9 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(PoweredBy, "propTypes", {
-  url: PropTypes__default['default'].string.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  url: PropTypes__default["default"].string.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 var PoweredBy$1 = translatable({
@@ -12736,18 +13392,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();
@@ -12815,12 +13474,12 @@ function (_Component) {
           max = _this$normalizeRangeF.max;
 
       var step = 1 / Math.pow(10, precision);
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$a('', !canRefine && '-noRefinement'), className)
-      }, React__default['default'].createElement("form", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$a('', !canRefine && '-noRefinement'), className)
+      }, /*#__PURE__*/React__default["default"].createElement("form", {
         className: cx$a('form'),
         onSubmit: this.onSubmit
-      }, React__default['default'].createElement("input", {
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
         className: cx$a('input', 'input--min'),
         type: "number",
         min: min,
@@ -12834,9 +13493,9 @@ function (_Component) {
             from: e.currentTarget.value
           });
         }
-      }), React__default['default'].createElement("span", {
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$a('separator')
-      }, translate('separator')), React__default['default'].createElement("input", {
+      }, translate('separator')), /*#__PURE__*/React__default["default"].createElement("input", {
         className: cx$a('input', 'input--max'),
         type: "number",
         min: min,
@@ -12850,7 +13509,7 @@ function (_Component) {
             to: e.currentTarget.value
           });
         }
-      }), React__default['default'].createElement("button", {
+      }), /*#__PURE__*/React__default["default"].createElement("button", {
         className: cx$a('submit'),
         type: "submit"
       }, translate('submit'))));
@@ -12861,17 +13520,17 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(RawRangeInput, "propTypes", {
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  precision: PropTypes__default['default'].number.isRequired,
-  translate: PropTypes__default['default'].func.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  min: PropTypes__default['default'].number,
-  max: PropTypes__default['default'].number,
-  currentRefinement: PropTypes__default['default'].shape({
-    min: PropTypes__default['default'].number,
-    max: PropTypes__default['default'].number
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  precision: PropTypes__default["default"].number.isRequired,
+  translate: PropTypes__default["default"].func.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  min: PropTypes__default["default"].number,
+  max: PropTypes__default["default"].number,
+  currentRefinement: PropTypes__default["default"].shape({
+    min: PropTypes__default["default"].number,
+    max: PropTypes__default["default"].number
   }),
-  className: PropTypes__default['default'].string
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(RawRangeInput, "defaultProps", {
@@ -12927,22 +13586,29 @@ var RangeInput = translatable({
  */
 
 var RangeInputWidget = function RangeInputWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(RangeInput, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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, [{
@@ -12983,13 +13649,13 @@ function (_Component) {
           rating++;
         }
 
-        icons.push([React__default['default'].createElement("svg", {
+        icons.push([/*#__PURE__*/React__default["default"].createElement("svg", {
           key: icon,
           className: cx$9('starIcon', icon >= lowerBound ? 'starIcon--empty' : 'starIcon--full'),
           "aria-hidden": "true",
           width: "24",
           height: "24"
-        }, React__default['default'].createElement("use", {
+        }, /*#__PURE__*/React__default["default"].createElement("use", {
           xlinkHref: "#".concat(cx$9(icon >= lowerBound ? 'starEmptySymbol' : 'starSymbol'))
         })), ' ']);
       } // The last item of the list (the default item), should not
@@ -13004,16 +13670,16 @@ function (_Component) {
         }),
         onClick: this.onClick.bind(this, lowerBound, max)
       };
-      return React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: lowerBound,
         className: cx$9('item', selected && 'item--selected', disabled && 'item--disabled')
-      }, React__default['default'].createElement("a", index._extends({
+      }, /*#__PURE__*/React__default["default"].createElement("a", setPrototypeOf._extends({
         className: cx$9('link'),
         "aria-label": "".concat(rating).concat(translate('ratingLabel'))
-      }, onClickHandler), icons, React__default['default'].createElement("span", {
+      }, onClickHandler), icons, /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$9('label'),
         "aria-hidden": "true"
-      }, translate('ratingLabel')), ' ', React__default['default'].createElement("span", {
+      }, translate('ratingLabel')), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$9('count')
       }, count)));
     }
@@ -13036,7 +13702,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) {
@@ -13056,7 +13722,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) {
@@ -13069,24 +13735,24 @@ function (_Component) {
           createURL: createURL
         });
       });
-      return React__default['default'].createElement("div", {
-        className: index.classnames(cx$9('', !canRefine && '-noRefinement'), className)
-      }, React__default['default'].createElement("svg", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$9('', !canRefine && '-noRefinement'), className)
+      }, /*#__PURE__*/React__default["default"].createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         style: {
           display: 'none'
         }
-      }, React__default['default'].createElement("symbol", {
+      }, /*#__PURE__*/React__default["default"].createElement("symbol", {
         id: cx$9('starSymbol'),
         viewBox: "0 0 24 24"
-      }, React__default['default'].createElement("path", {
+      }, /*#__PURE__*/React__default["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['default'].createElement("symbol", {
+      })), /*#__PURE__*/React__default["default"].createElement("symbol", {
         id: cx$9('starEmptySymbol'),
         viewBox: "0 0 24 24"
-      }, React__default['default'].createElement("path", {
+      }, /*#__PURE__*/React__default["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['default'].createElement("ul", {
+      }))), /*#__PURE__*/React__default["default"].createElement("ul", {
         className: cx$9('list', !canRefine && 'list--noRefinement')
       }, items));
     }
@@ -13096,21 +13762,21 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(RatingMenu, "propTypes", {
-  translate: PropTypes__default['default'].func.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  createURL: PropTypes__default['default'].func.isRequired,
-  min: PropTypes__default['default'].number,
-  max: PropTypes__default['default'].number,
-  currentRefinement: PropTypes__default['default'].shape({
-    min: PropTypes__default['default'].number,
-    max: PropTypes__default['default'].number
+  translate: PropTypes__default["default"].func.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  createURL: PropTypes__default["default"].func.isRequired,
+  min: PropTypes__default["default"].number,
+  max: PropTypes__default["default"].number,
+  currentRefinement: PropTypes__default["default"].shape({
+    min: PropTypes__default["default"].number,
+    max: PropTypes__default["default"].number
   }),
-  count: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    value: PropTypes__default['default'].string,
-    count: PropTypes__default['default'].number
+  count: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    value: PropTypes__default["default"].string,
+    count: PropTypes__default["default"].number
   })),
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  className: PropTypes__default['default'].string
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(RatingMenu, "defaultProps", {
@@ -13170,21 +13836,22 @@ var RatingMenu$1 = translatable({
  */
 
 var RatingMenuWidget = function RatingMenuWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(RatingMenu$1, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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);
@@ -13193,7 +13860,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: ''
@@ -13206,22 +13873,22 @@ function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
-      var label = _this.props.isFromSearch ? React__default['default'].createElement(Highlight, {
+      var label = _this.props.isFromSearch ? /*#__PURE__*/React__default["default"].createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React__default['default'].createElement("label", {
+      return /*#__PURE__*/React__default["default"].createElement("label", {
         className: cx$8('label')
-      }, React__default['default'].createElement("input", {
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
         className: cx$8('checkbox'),
         type: "checkbox",
         checked: item.isRefined,
         onChange: function onChange() {
           return _this.selectItem(item, resetQuery);
         }
-      }), React__default['default'].createElement("span", {
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$8('labelText')
-      }, label), ' ', React__default['default'].createElement("span", {
+      }, label), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
         className: cx$8('count')
       }, item.count.toLocaleString()));
     });
@@ -13243,7 +13910,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React__default['default'].createElement(List, {
+      return /*#__PURE__*/React__default["default"].createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$8,
@@ -13266,24 +13933,24 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(RefinementList$1, "propTypes", {
-  translate: PropTypes__default['default'].func.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  searchForItems: PropTypes__default['default'].func.isRequired,
-  searchable: PropTypes__default['default'].bool,
-  createURL: PropTypes__default['default'].func.isRequired,
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    label: PropTypes__default['default'].string.isRequired,
-    value: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string).isRequired,
-    count: PropTypes__default['default'].number.isRequired,
-    isRefined: PropTypes__default['default'].bool.isRequired
+  translate: PropTypes__default["default"].func.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  searchForItems: PropTypes__default["default"].func.isRequired,
+  searchable: PropTypes__default["default"].bool,
+  createURL: PropTypes__default["default"].func.isRequired,
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    label: PropTypes__default["default"].string.isRequired,
+    value: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string).isRequired,
+    count: PropTypes__default["default"].number.isRequired,
+    isRefined: PropTypes__default["default"].bool.isRequired
   })),
-  isFromSearch: PropTypes__default['default'].bool.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  showMore: PropTypes__default['default'].bool,
-  limit: PropTypes__default['default'].number,
-  showMoreLimit: PropTypes__default['default'].number,
-  transformItems: PropTypes__default['default'].func,
-  className: PropTypes__default['default'].string
+  isFromSearch: PropTypes__default["default"].bool.isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  showMore: PropTypes__default["default"].bool,
+  limit: PropTypes__default["default"].number,
+  showMoreLimit: PropTypes__default["default"].number,
+  transformItems: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(RefinementList$1, "defaultProps", {
@@ -13355,22 +14022,25 @@ var RefinementList$2 = translatable({
  */
 
 var RefinementListWidget = function RefinementListWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(RefinementList$2, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["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, [{
@@ -13389,7 +14059,7 @@ function (_Component) {
     value: function render() {
       var _this = this;
 
-      return React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(_ref) {
           return _this.el = _ref;
         },
@@ -13402,9 +14072,9 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(ScrollTo, "propTypes", {
-  value: PropTypes__default['default'].any,
-  children: PropTypes__default['default'].node,
-  hasNotChanged: PropTypes__default['default'].bool
+  value: PropTypes__default["default"].any,
+  children: PropTypes__default["default"].node,
+  hasNotChanged: PropTypes__default["default"].bool
 });
 
 /**
@@ -13454,6 +14124,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
@@ -13492,7 +14163,7 @@ var SearchBox = connectSearchBox(SearchBox$2);
 var cx$6 = createClassNames('Snippet');
 
 var Snippet = function Snippet(props) {
-  return React__default['default'].createElement(Highlighter, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Highlighter, setPrototypeOf._extends({}, props, {
     highlightProperty: "_snippetResult",
     cx: cx$6
   }));
@@ -13548,7 +14219,7 @@ var cx$5 = createClassNames('RelevantSort');
 
 var DefaultButtonTextComponent = function DefaultButtonTextComponent(_ref) {
   var isRelevantSorted = _ref.isRelevantSorted;
-  return React__default['default'].createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
+  return /*#__PURE__*/React__default["default"].createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
 };
 
 var RelevantSort = function RelevantSort(_ref2) {
@@ -13560,57 +14231,62 @@ var RelevantSort = function RelevantSort(_ref2) {
       ButtonTextComponent = _ref2$buttonTextCompo === void 0 ? DefaultButtonTextComponent : _ref2$buttonTextCompo,
       TextComponent = _ref2.textComponent,
       refine = _ref2.refine;
-  return !isVirtualReplica ? null : React__default['default'].createElement("div", {
-    className: index.classnames(cx$5(''), className)
-  }, React__default['default'].createElement("div", {
+  return !isVirtualReplica ? null : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(cx$5(''), className)
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: cx$5('text')
-  }, TextComponent && React__default['default'].createElement(TextComponent, {
+  }, TextComponent && /*#__PURE__*/React__default["default"].createElement(TextComponent, {
     isRelevantSorted: isRelevantSorted
-  })), React__default['default'].createElement("button", {
+  })), /*#__PURE__*/React__default["default"].createElement("button", {
     className: cx$5('button'),
     onClick: function onClick() {
       return refine(isRelevantSorted ? 0 : undefined);
     }
-  }, React__default['default'].createElement(ButtonTextComponent, {
+  }, /*#__PURE__*/React__default["default"].createElement(ButtonTextComponent, {
     isRelevantSorted: isRelevantSorted
   })));
 };
 
 RelevantSort.propTypes = {
-  buttonTextComponent: PropTypes__default['default'].func,
-  className: PropTypes__default['default'].string,
-  isVirtualReplica: PropTypes__default['default'].bool.isRequired,
-  isRelevantSorted: PropTypes__default['default'].bool.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  textComponent: PropTypes__default['default'].func
+  buttonTextComponent: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string,
+  isVirtualReplica: PropTypes__default["default"].bool.isRequired,
+  isRelevantSorted: PropTypes__default["default"].bool.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  textComponent: PropTypes__default["default"].func
 };
 
 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['default'].createElement("div", {
-        className: index.classnames(cx$4(''), className)
-      }, React__default['default'].createElement(Select, {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classnames(cx$4(''), className)
+      }, /*#__PURE__*/React__default["default"].createElement(Select, {
+        id: id,
         cx: cx$4,
         items: items,
         selectedItem: currentRefinement,
@@ -13623,13 +14299,14 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(SortBy, "propTypes", {
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    label: PropTypes__default['default'].string,
-    value: PropTypes__default['default'].string.isRequired
+  id: PropTypes__default["default"].string,
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    label: PropTypes__default["default"].string,
+    value: PropTypes__default["default"].string.isRequired
   })).isRequired,
-  currentRefinement: PropTypes__default['default'].string.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  currentRefinement: PropTypes__default["default"].string.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 });
 
 _defineProperty(SortBy, "defaultProps", {
@@ -13642,6 +14319,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.
@@ -13687,20 +14365,20 @@ var Stats = function Stats(_ref) {
       nbSortedHits = _ref.nbSortedHits,
       processingTimeMS = _ref.processingTimeMS,
       translate = _ref.translate;
-  return React__default['default'].createElement("div", {
-    className: index.classnames(cx$3(''), className)
-  }, React__default['default'].createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(cx$3(''), className)
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: cx$3('text')
   }, translate('stats', nbHits, processingTimeMS, nbSortedHits, areHitsSorted)));
 };
 
 Stats.propTypes = {
-  className: PropTypes__default['default'].string,
-  areHitsSorted: PropTypes__default['default'].bool.isRequired,
-  nbHits: PropTypes__default['default'].number.isRequired,
-  nbSortedHits: PropTypes__default['default'].number,
-  processingTimeMS: PropTypes__default['default'].number.isRequired,
-  translate: PropTypes__default['default'].func.isRequired
+  className: PropTypes__default["default"].string,
+  areHitsSorted: PropTypes__default["default"].bool.isRequired,
+  nbHits: PropTypes__default["default"].number.isRequired,
+  nbSortedHits: PropTypes__default["default"].number,
+  processingTimeMS: PropTypes__default["default"].number.isRequired,
+  translate: PropTypes__default["default"].func.isRequired
 };
 var Stats$1 = translatable({
   stats: function stats(n, ms, nSorted, areHitsSorted) {
@@ -13746,28 +14424,28 @@ var ToggleRefinement = function ToggleRefinement(_ref) {
       canRefine = _ref.canRefine,
       refine = _ref.refine,
       className = _ref.className;
-  return React__default['default'].createElement("div", {
-    className: index.classnames(cx$2('', !canRefine && '-noRefinement'), className)
-  }, React__default['default'].createElement("label", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(cx$2('', !canRefine && '-noRefinement'), className)
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: cx$2('label')
-  }, React__default['default'].createElement("input", {
+  }, /*#__PURE__*/React__default["default"].createElement("input", {
     className: cx$2('checkbox'),
     type: "checkbox",
     checked: currentRefinement,
     onChange: function onChange(event) {
       return refine(event.target.checked);
     }
-  }), React__default['default'].createElement("span", {
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: cx$2('labelText')
   }, label)));
 };
 
 ToggleRefinement.propTypes = {
-  currentRefinement: PropTypes__default['default'].bool.isRequired,
-  label: PropTypes__default['default'].string.isRequired,
-  canRefine: PropTypes__default['default'].bool.isRequired,
-  refine: PropTypes__default['default'].func.isRequired,
-  className: PropTypes__default['default'].string
+  currentRefinement: PropTypes__default["default"].bool.isRequired,
+  label: PropTypes__default["default"].string.isRequired,
+  canRefine: PropTypes__default["default"].bool.isRequired,
+  refine: PropTypes__default["default"].func.isRequired,
+  className: PropTypes__default["default"].string
 };
 ToggleRefinement.defaultProps = {
   className: ''
@@ -13818,6 +14496,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
@@ -13852,7 +14534,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();
   };
 
@@ -13967,11 +14649,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['default'].createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
@@ -13988,36 +14673,36 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
   var status = _ref2.status,
       errorCode = _ref2.errorCode,
       isListening = _ref2.isListening;
-  return status === 'error' && errorCode === 'not-allowed' ? React__default['default'].createElement(ButtonSvg, null, React__default['default'].createElement("line", {
+  return status === 'error' && errorCode === 'not-allowed' ? /*#__PURE__*/React__default["default"].createElement(ButtonSvg, null, /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "1",
     y1: "1",
     x2: "23",
     y2: "23"
-  }), React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["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['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"
-  }), React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
     y2: "23"
-  })) : React__default['default'].createElement(ButtonSvg, null, React__default['default'].createElement("path", {
+  })) : /*#__PURE__*/React__default["default"].createElement(ButtonSvg, null, /*#__PURE__*/React__default["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['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
@@ -14027,17 +14712,15 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
 
 var DefaultStatus = function DefaultStatus(_ref3) {
   var transcript = _ref3.transcript;
-  return React__default['default'].createElement("p", null, transcript);
+  return /*#__PURE__*/React__default["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);
@@ -14046,7 +14729,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);
 
@@ -14112,17 +14795,17 @@ function (_Component) {
         isSpeechFinal: isSpeechFinal,
         isBrowserSupported: isBrowserSupported()
       };
-      return React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: cx$1('')
-      }, React__default['default'].createElement("button", {
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
         className: cx$1('button'),
         type: "button",
         title: isBrowserSupported() ? translate('buttonTitle') : translate('disabledButtonTitle'),
         onClick: this.onClick,
         disabled: !isBrowserSupported()
-      }, React__default['default'].createElement(ButtonTextComponent, innerProps)), React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(ButtonTextComponent, innerProps)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: cx$1('status')
-      }, React__default['default'].createElement(StatusComponent, innerProps)));
+      }, /*#__PURE__*/React__default["default"].createElement(StatusComponent, innerProps)));
     }
   }, {
     key: "componentWillUnmount",
@@ -14155,21 +14838,21 @@ var QueryRuleCustomData = function QueryRuleCustomData(_ref) {
   var items = _ref.items,
       className = _ref.className,
       children = _ref.children;
-  return React__default['default'].createElement("div", {
-    className: index.classnames(cx(''), className)
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(cx(''), className)
   }, children({
     items: items
   }));
 };
 
 QueryRuleCustomData.propTypes = {
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object).isRequired,
-  className: PropTypes__default['default'].string,
-  children: PropTypes__default['default'].func.isRequired
+  items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object).isRequired,
+  className: PropTypes__default["default"].string,
+  children: PropTypes__default["default"].func.isRequired
 };
 
 var QueryRuleCustomDataWidget = function QueryRuleCustomDataWidget(props) {
-  return React__default['default'].createElement(PanelWrapper, props, React__default['default'].createElement(QueryRuleCustomData, props));
+  return /*#__PURE__*/React__default["default"].createElement(PanelWrapper, props, /*#__PURE__*/React__default["default"].createElement(QueryRuleCustomData, props));
 };
 
 connectQueryRules(QueryRuleCustomDataWidget);
@@ -14192,57 +14875,57 @@ var HitComponent = function HitComponent(hits, props) {
 
   var dateFormat = siteType === 'pharmsci' ? 'MMMM DD, YYYY' : 'MMMM Do YYYY';
 
-  return React__default['default'].createElement(
+  return React__default["default"].createElement(
     'div',
     { key: hit.url, className: 'hitResult ' + styles.article },
     hit.thumbnail && hit.thumbnail.asset ? imageDiv(hit, styles, client, siteType, defaultImage, variant) : !hit.thumbnail && siteType !== 'pharmsci' ? imageDiv(hit, styles, client, siteType, defaultImage, variant) : null,
-    React__default['default'].createElement(
+    React__default["default"].createElement(
       'div',
       { className: styles.info, style: props.variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-      React__default['default'].createElement(
+      React__default["default"].createElement(
         'a',
         { href: '/view/' + hit.url },
-        React__default['default'].createElement(
+        React__default["default"].createElement(
           'h2',
           null,
           hit.title
         )
       ),
-      hit.pubDateSort && React__default['default'].createElement(
+      hit.pubDateSort && React__default["default"].createElement(
         'p',
         { className: styles.published },
         moment.moment(hit.pubDateSort).format('' + dateFormat)
       ),
-      hit.authorMapping && hit.authorMapping.length > 0 && React__default['default'].createElement(
+      hit.authorMapping && hit.authorMapping.length > 0 && React__default["default"].createElement(
         'p',
         { className: styles.author },
         hit.authorMapping.map(function (author, index) {
-          return React__default['default'].createElement(
+          return React__default["default"].createElement(
             'span',
             { key: author + '_' + index },
             author.displayName
           );
         })
       ),
-      hit.summary && React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
+      hit.summary && React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
     )
   );
 };
 
 var imageDiv = function imageDiv(hit, styles, client, siteType, defaultImage, variant) {
-  return React__default['default'].createElement(
+  return React__default["default"].createElement(
     'a',
     { href: '/view/' + hit.url, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-    React__default['default'].createElement(
+    React__default["default"].createElement(
       'div',
       { className: styles.thumb },
-      React__default['default'].createElement(
+      React__default["default"].createElement(
         'figure',
         null,
-        React__default['default'].createElement(
-          index$1.LazyLoad,
+        React__default["default"].createElement(
+          index.LazyLoad,
           { once: true },
-          React__default['default'].createElement('img', {
+          React__default["default"].createElement('img', {
             src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof$2._typeof(hit.thumbnail === 'string') ? hit.thumbnail : defaultImage
           })
         )
@@ -14267,10 +14950,10 @@ var AlgoliaSearch = function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      return React__default['default'].createElement(
-        React__default['default'].Fragment,
+      return React__default["default"].createElement(
+        React__default["default"].Fragment,
         null,
-        React__default['default'].createElement(
+        React__default["default"].createElement(
           InstantSearch,
           _extends._extends({
             searchClient: this.props.searchClient,
@@ -14281,43 +14964,43 @@ var AlgoliaSearch = function (_React$Component) {
             indexName: this.props.indexName,
             onSearchParameters: this.props.onSearchParameters
           }, this.props),
-          React__default['default'].createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20, filters: 'pubDateSort <= ' + nowTimestamp + ' AND "visible":\'true\' AND "passwordLock":false' }),
-          React__default['default'].createElement(
+          React__default["default"].createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20, filters: 'pubDateSort <= ' + nowTimestamp + ' AND "visible":\'true\' AND "passwordLock":false' }),
+          React__default["default"].createElement(
             'div',
             { className: 'd-flex align-items-center' },
-            this.props.searchIconUrl && React__default['default'].createElement(
+            this.props.searchIconUrl && React__default["default"].createElement(
               'div',
               { className: 'custom-search-img mr-2' },
-              React__default['default'].createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
+              React__default["default"].createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
             ),
-            React__default['default'].createElement(
+            React__default["default"].createElement(
               'div',
               { style: { flex: '1 1 auto' } },
-              React__default['default'].createElement(SearchBox, null)
+              React__default["default"].createElement(SearchBox, null)
             )
           ),
-          this.props.refinementAttributes && React__default['default'].createElement(
+          this.props.refinementAttributes && React__default["default"].createElement(
             'div',
             { className: 'search_refinement' },
             this.props.refinementAttributes.map(function (item, index) {
-              return React__default['default'].createElement(
+              return React__default["default"].createElement(
                 reactBootstrap.DropdownButton,
                 { key: item.title, align: 'end', title: item.title },
-                React__default['default'].createElement(RefinementList, { searchable: true, showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
+                React__default["default"].createElement(RefinementList, { searchable: true, showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
               );
             }),
-            React__default['default'].createElement(ClearRefinements, null)
+            React__default["default"].createElement(ClearRefinements, null)
           ),
-          React__default['default'].createElement(
+          React__default["default"].createElement(
             'div',
             { className: 'AlgoliaResults' },
-            React__default['default'].createElement(Hits, { hitComponent: function hitComponent(hit) {
+            React__default["default"].createElement(Hits, { hitComponent: function hitComponent(hit) {
                 return HitComponent(hit, _this2.props);
               } })
           ),
-          React__default['default'].createElement(Pagination, null)
+          React__default["default"].createElement(Pagination, null)
         ),
-        React__default['default'].createElement(
+        React__default["default"].createElement(
           'style',
           { jsx: 'true' },
           '\n          .hitResult {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #00000024;\n            padding: 1rem 0;\n          }\n          .hitResult > a:first-child {\n            width: 30%;\n          }\n          .hitResult > a:first-child > div {\n            width: 100%;\n          }\n          .hitResult > div:last-child {\n            width: 100%;\n          }\n          .hitResult > div:last-child > a {\n            margin-bottom: 0.5rem;\n            width: 100%;\n          }\n          .custom-search-img{\n            max-width: 130px;\n          }\n          @media only screen and (max-width: 568px) {\n            .custom-search-img {\n              max-width: 80px;\n            }\n            .hitResult {\n              align-items: center;\n              border: none;\n              padding: 0;\n              flex-direction: column;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\n            }\n            .search_refinement {\n              flex-wrap: wrap;\n            }\n            .dropdown{\n              margin-bottom: 1rem;\n            }\n            .ais-SearchBox-form{\n              display: flex;\n            }\n            .ais-RefinementList-list {\n              width: 95vw;\n            }\n            .ais-SearchBox-input {\n              width: calc(100vw - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            }\n          }\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n            align-items: center;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n            align-self: flex-start;\n          }\n\n          .search_refinement > .dropdown {\n            position: relative;\n            right: 0px;\n            top: 0px;\n            margin-right: 0px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n          .ais-RefinementList{\n            min-width: 325px;\n          }\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 1rem 0;\n            padding: 0 1rem;\n            width: 100%;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n            text-align: center\'\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            min-width: 225px;\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: ' + (this.props.searchIconUrl ? '48px' : '78px') + ';\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n          .ais-ClearRefinements-button{\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n            color: #fff;\n            padding: 7px;\n          }\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
@@ -14327,16 +15010,16 @@ var AlgoliaSearch = function (_React$Component) {
   }]);
 
   return AlgoliaSearch;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 AlgoliaSearch.propTypes = {
-  searchState: PropTypes__default['default'].object,
-  resultsState: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].array]),
-  onSearchStateChange: PropTypes__default['default'].func,
-  createURL: PropTypes__default['default'].func,
-  indexName: PropTypes__default['default'].string,
-  searchClient: PropTypes__default['default'].object,
-  refinementAttributes: PropTypes__default['default'].array
+  searchState: PropTypes__default["default"].object,
+  resultsState: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].array]),
+  onSearchStateChange: PropTypes__default["default"].func,
+  createURL: PropTypes__default["default"].func,
+  indexName: PropTypes__default["default"].string,
+  searchClient: PropTypes__default["default"].object,
+  refinementAttributes: PropTypes__default["default"].array
 };
 
 module.exports = AlgoliaSearch;