@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.149

package/cjs/AnnouncementBadge/AnnouncementBadge.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.AnnouncementBadge = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _Satellite = require("../Satellite");
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["size", "text", "variant", "className", "locale"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var DEFAULT_LOCALE = {
   beta: "beta",
   internal: "internal",
@@ -40,27 +27,23 @@ var SIZE_CLASSNAMES = {
   "default": (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["display-body h-6 leading-md px-2"]))),
   small: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-caption px-1"])))
 };
-
 var AnnouncementBadge = function AnnouncementBadge(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      _ref$text = _ref.text,
-      text = _ref$text === void 0 ? "new" : _ref$text,
-      variantProp = _ref.variant,
-      className = _ref.className,
-      propsLocale = _ref.locale,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    size = _ref$size === void 0 ? "default" : _ref$size,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "new" : _ref$text,
+    variantProp = _ref.variant,
+    className = _ref.className,
+    propsLocale = _ref.locale,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var contextLocale = (0, _Satellite.useLocale)("announcementBadge");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_LOCALE), contextLocale), propsLocale);
-
   var variant = typeof variantProp === "string" ? variantProp : text === "internal" ? "red" : "accent";
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, props), {}, {
     className: (0, _clsx["default"])(DEFAULT_CLASSNAME, variant === "red" ? (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-red-600"]))) : (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-accent-600"]))), SIZE_CLASSNAMES[size], className),
     children: locale[text]
   }));
 };
-
 exports.AnnouncementBadge = AnnouncementBadge;
 var _default = AnnouncementBadge;
 exports["default"] = _default;

package/cjs/AnnouncementBadge/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
     return _AnnouncementBadge["default"];
   }
 });
-
 var _AnnouncementBadge = _interopRequireWildcard(require("./AnnouncementBadge"));
-
 Object.keys(_AnnouncementBadge).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,7 +23,5 @@ Object.keys(_AnnouncementBadge).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/AutoComplete/AutoComplete.js

@@ -1,99 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.AutoComplete = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _downshift = _interopRequireDefault(require("downshift"));
-
 var _react = require("react");
-
 var _reactDom = require("react-dom");
-
 var _reactFeather = require("react-feather");
-
 var _reactPopper = require("react-popper");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Card = _interopRequireDefault(require("../Card"));
-
 var _ClickAwayContainer = require("../ClickAwayContainer");
-
 var _FieldStateContext = require("../Field/FieldStateContext");
-
 var _Satellite = require("../Satellite");
-
 var _ScrollIndicator = _interopRequireDefault(require("../ScrollIndicator"));
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _Tag = _interopRequireDefault(require("../Tag"));
-
 var _uniqBy = _interopRequireDefault(require("../utils/uniqBy"));
-
 var _AutoCompleteEmptyState = _interopRequireDefault(require("./components/AutoCompleteEmptyState"));
-
 var _DefaultOptionItem = _interopRequireDefault(require("./components/DefaultOptionItem"));
-
 var _utils = require("./utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-
 var _excluded = ["optionItemPrefix"],
-    _excluded2 = ["ref"];
-
+  _excluded2 = ["ref"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function optionToString(option) {
   return option ? option.label : "";
 }
-
 function makeNeedles(itemValue) {
   return itemValue.toLowerCase().trim().split(/\s+/);
 }
-
 function needlesMatch(needles, option) {
   var labels = (option.metadata || []).concat(option.label);
   return needles.every(function (needle) {
@@ -102,21 +59,17 @@ function needlesMatch(needles, option) {
     });
   });
 }
-
 function filter(options, selectedItems, itemValue) {
   var needles = makeNeedles(itemValue);
   var selectedValues = selectedItems.map(function (option) {
     return option.value;
   });
   var results = [];
-
   var _iterator = _createForOfIteratorHelper(options),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var option = _step.value;
-
       if (selectedValues.includes(option.value)) {
         continue;
       } else if (option.bypassNeedleMatch || needlesMatch(needles, option)) {
@@ -128,18 +81,14 @@ function filter(options, selectedItems, itemValue) {
   } finally {
     _iterator.f();
   }
-
   return results;
 }
-
 function inputValueFromProps(props) {
   if (props.inputValue !== undefined) {
     return props.inputValue;
   }
-
   return !(0, _utils.isAutoCompleteMultiProps)(props) && props.value ? optionToString(props.value) : "";
 }
-
 var MENU_POPPER_MODFIERS = [{
   name: "offset",
   options: {
@@ -147,7 +96,6 @@ var MENU_POPPER_MODFIERS = [{
   }
 }];
 var BACKSPACE_KEY_CODE = 8;
-
 /** @ignore */
 var DefaultEmptyState = function DefaultEmptyState(_ref) {
   var emptyStateTitle = _ref.emptyStateTitle;
@@ -155,16 +103,16 @@ var DefaultEmptyState = function DefaultEmptyState(_ref) {
     title: emptyStateTitle
   });
 };
-
 var DefaultOption = function DefaultOption(_ref2) {
   var optionItemPrefix = _ref2.optionItemPrefix,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultOptionItem["default"], _objectSpread(_objectSpread({}, props), {}, {
     locale: {
       optionItemPrefix: optionItemPrefix !== null && optionItemPrefix !== void 0 ? optionItemPrefix : _utils.DEFAULT_AUTOCOMPLETE_LOCALE.optionItemPrefix
     }
   }));
 };
+
 /**
  * Autocomplete is a search-as-you-type function that matches what a person types, usually the beginning of a word, or a prefix, with a word list. Not to be confused with auto-suggestion that predicts the end of a query.
  *
@@ -181,22 +129,15 @@ var DefaultOption = function DefaultOption(_ref2) {
  * - Provide matching results quickly
  * - Style different data
  */
-
-
 var AutoComplete = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AutoComplete, _Component);
-
   var _super = _createSuper(AutoComplete);
-
   function AutoComplete() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, AutoComplete);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       inputFocused: false,
@@ -219,13 +160,12 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputBlur", function (state) {
       return function (evt) {
         var _this$props = _this.props,
-            selectOnBlur = _this$props.selectOnBlur,
-            onBlur = _this$props.onBlur;
+          selectOnBlur = _this$props.selectOnBlur,
+          onBlur = _this$props.onBlur;
         var inputValue = state.inputValue,
-            highlightedIndex = state.highlightedIndex,
-            selectItemAtIndex = state.selectItemAtIndex;
+          highlightedIndex = state.highlightedIndex,
+          selectItemAtIndex = state.selectItemAtIndex;
         var newInputValue;
-
         if (selectOnBlur && inputValue && highlightedIndex !== null) {
           newInputValue = (0, _utils.isAutoCompleteMultiProps)(_this.props) ? "" : optionToString(_this.props.value);
           selectItemAtIndex(highlightedIndex);
@@ -234,11 +174,9 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         } else {
           newInputValue = optionToString(_this.props.value);
         }
-
         if (onBlur) {
           onBlur(evt);
         }
-
         _this.setState({
           inputValue: newInputValue || "",
           inputFocused: false,
@@ -248,32 +186,26 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputChange", function (evt) {
       var inputValue = evt.target.value;
-
       _this.setState({
         inputValue: inputValue
       });
-
       if (_this.props.onTextChange) {
         _this.props.onTextChange(inputValue);
       }
-
       if (!_this.props.multiple && _this.props.value && !inputValue) {
         _this.props.onChange(null);
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputContainerRefUpdate", function (el) {
       _this.inputContainerRef = el;
-
       if (el) {
         _this.updateInputWidth();
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateInputWidth", function () {
       var _this$inputContainerR, _this$inputContainerR2;
-
       var inputWidth = _this.state.inputWidth;
       var newInputWidth = (_this$inputContainerR = (_this$inputContainerR2 = _this.inputContainerRef) === null || _this$inputContainerR2 === void 0 ? void 0 : _this$inputContainerR2.getBoundingClientRect().width) !== null && _this$inputContainerR !== void 0 ? _this$inputContainerR : inputWidth;
-
       if (newInputWidth !== inputWidth) {
         _this.setState({
           inputWidth: newInputWidth
@@ -284,29 +216,26 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       return function (evt) {
         if (!(0, _utils.isAutoCompleteMultiProps)(_this.props)) return;
         var _this$props2 = _this.props,
-            _this$props2$value = _this$props2.value,
-            value = _this$props2$value === void 0 ? [] : _this$props2$value,
-            _this$props2$separato = _this$props2.separatorKeyCodes,
-            separatorKeyCodes = _this$props2$separato === void 0 ? AutoComplete.defaultProps.separatorKeyCodes : _this$props2$separato,
-            _this$props2$separato2 = _this$props2.separatorKeys,
-            separatorKeys = _this$props2$separato2 === void 0 ? AutoComplete.defaultProps.separatorKeys : _this$props2$separato2,
-            creatable = _this$props2.creatable,
-            _this$props2$createFr = _this$props2.createFromInputValue,
-            createFromInputValue = _this$props2$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props2$createFr,
-            options = _this$props2.options,
-            onChange = _this$props2.onChange;
+          _this$props2$value = _this$props2.value,
+          value = _this$props2$value === void 0 ? [] : _this$props2$value,
+          _this$props2$separato = _this$props2.separatorKeyCodes,
+          separatorKeyCodes = _this$props2$separato === void 0 ? AutoComplete.defaultProps.separatorKeyCodes : _this$props2$separato,
+          _this$props2$separato2 = _this$props2.separatorKeys,
+          separatorKeys = _this$props2$separato2 === void 0 ? AutoComplete.defaultProps.separatorKeys : _this$props2$separato2,
+          creatable = _this$props2.creatable,
+          _this$props2$createFr = _this$props2.createFromInputValue,
+          createFromInputValue = _this$props2$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props2$createFr,
+          options = _this$props2.options,
+          onChange = _this$props2.onChange;
         var inputValue = state.inputValue || "";
         var canCreate = creatable && inputValue.trim().length > 0;
-
         if (evt.keyCode === BACKSPACE_KEY_CODE && !inputValue.length) {
           onChange(value.slice(0, -1));
         } else if (canCreate && (separatorKeyCodes.includes(evt.keyCode) || separatorKeys.includes(evt.key))) {
           evt.preventDefault();
-
           var _createFromInputValue = createFromInputValue(options, inputValue),
-              _createFromInputValue2 = (0, _slicedToArray2["default"])(_createFromInputValue, 1),
-              newOption = _createFromInputValue2[0];
-
+            _createFromInputValue2 = (0, _slicedToArray2["default"])(_createFromInputValue, 1),
+            newOption = _createFromInputValue2[0];
           if (newOption && !newOption.disabled) {
             state.selectItem(newOption);
           }
@@ -318,22 +247,18 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       option = option ? _objectSpread(_objectSpread({}, option), {}, {
         "new": undefined
       }) : option;
-
       if ((0, _utils.isAutoCompleteMultiProps)(_this.props)) {
         var arrayValue = Array.isArray(_this.props.value) ? _this.props.value : [];
         var newValue = (0, _uniqBy["default"])([].concat((0, _toConsumableArray2["default"])(arrayValue), [option]), function (o) {
           return o.value;
         });
-
         _this.props.onChange(newValue);
-
         _this.setState({
           inputValue: "",
           showAllResults: false
         });
       } else {
         _this.props.onChange(option);
-
         _this.setState({
           inputValue: option ? option.label : "",
           showAllResults: false
@@ -343,7 +268,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleShowAllResults", function (evt) {
       evt.preventDefault();
       evt.stopPropagation();
-
       _this.setState({
         showAllResults: true
       });
@@ -354,43 +278,39 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var newOptions = currentOptions.filter(function (option) {
         return option.value !== removedOption.value;
       });
-
       _this.props.onChange(newOptions);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getA11yStatusMessage", function (options) {
       if (!options.isOpen) {
         return "";
       }
-
       if (!options.resultCount) {
         return _this.locale.emptyStateTitle;
       }
-
       if (options.resultCount > 0) {
         return _this.locale.itemsAvailable(options.resultCount);
       }
-
       return "";
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderInput", function (autocompleteHelpers, fieldState) {
       var _this$props3 = _this.props,
-          id = _this$props3.id,
-          placeholder = _this$props3.placeholder,
-          name = _this$props3.name,
-          valuesClassName = _this$props3.valuesClassName,
-          disabled = _this$props3.disabled,
-          autoFocus = _this$props3.autoFocus,
-          clearable = _this$props3.clearable,
-          value = _this$props3.value,
-          multiple = _this$props3.multiple,
-          _this$props3$variant = _this$props3.variant,
-          variant = _this$props3$variant === void 0 ? "medium" : _this$props3$variant,
-          renderValueTemplate = _this$props3.renderValueTemplate,
-          Icon = _this$props3.icon,
-          _this$props3$noWrap = _this$props3.noWrap,
-          noWrap = _this$props3$noWrap === void 0 ? false : _this$props3$noWrap,
-          endItem = _this$props3.endItem,
-          _onFocus = _this$props3.onFocus;
+        id = _this$props3.id,
+        placeholder = _this$props3.placeholder,
+        name = _this$props3.name,
+        valuesClassName = _this$props3.valuesClassName,
+        disabled = _this$props3.disabled,
+        autoFocus = _this$props3.autoFocus,
+        clearable = _this$props3.clearable,
+        value = _this$props3.value,
+        multiple = _this$props3.multiple,
+        _this$props3$variant = _this$props3.variant,
+        variant = _this$props3$variant === void 0 ? "medium" : _this$props3$variant,
+        renderValueTemplate = _this$props3.renderValueTemplate,
+        Icon = _this$props3.icon,
+        _this$props3$noWrap = _this$props3.noWrap,
+        noWrap = _this$props3$noWrap === void 0 ? false : _this$props3$noWrap,
+        endItem = _this$props3.endItem,
+        _onFocus = _this$props3.onFocus;
       var inputFocused = _this.state.inputFocused;
       var getInputProps = autocompleteHelpers.getInputProps;
       var hasValue = Boolean(value && (!Array.isArray(value) || value.length > 0));
@@ -412,19 +332,16 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         onChange: _this.handleInputChange,
         onFocus: function onFocus(evt) {
           _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(evt);
-
           if (evt.defaultPrevented) {
             return;
           }
-
           _this.setState({
             inputFocused: true
-          }); // Doesn't work without the setTimeout :/
-
+          });
 
+          // Doesn't work without the setTimeout :/
           setTimeout(function () {
             _this.updateInputWidth();
-
             autocompleteHelpers.openMenu();
           });
         },
@@ -480,30 +397,29 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderMenu", function (results, autocompleteHelpers) {
       var _this$inputContainerR3;
-
       var getItemProps = autocompleteHelpers.getItemProps,
-          getMenuProps = autocompleteHelpers.getMenuProps,
-          highlightedIndex = autocompleteHelpers.highlightedIndex,
-          inputValue = autocompleteHelpers.inputValue,
-          isOpen = autocompleteHelpers.isOpen;
+        getMenuProps = autocompleteHelpers.getMenuProps,
+        highlightedIndex = autocompleteHelpers.highlightedIndex,
+        inputValue = autocompleteHelpers.inputValue,
+        isOpen = autocompleteHelpers.isOpen;
       var defaultEmptyState = /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultEmptyState, {
         emptyStateTitle: _this.locale.emptyStateTitle
       });
       var _this$props4 = _this.props,
-          menuClassName = _this$props4.menuClassName,
-          menuSize = _this$props4.menuSize,
-          menuFooter = _this$props4.menuFooter,
-          _this$props4$emptySta = _this$props4.emptyState,
-          emptyState = _this$props4$emptySta === void 0 ? defaultEmptyState : _this$props4$emptySta,
-          _this$props4$maxResul = _this$props4.maxResults,
-          maxResults = _this$props4$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props4$maxResul,
-          _this$props4$multiple = _this$props4.multiple,
-          multiple = _this$props4$multiple === void 0 ? AutoComplete.defaultProps.multiple : _this$props4$multiple,
-          _this$props4$optionIt = _this$props4.optionItemComponent,
-          OptionItem = _this$props4$optionIt === void 0 ? AutoComplete.defaultProps.optionItemComponent : _this$props4$optionIt;
+        menuClassName = _this$props4.menuClassName,
+        menuSize = _this$props4.menuSize,
+        menuFooter = _this$props4.menuFooter,
+        _this$props4$emptySta = _this$props4.emptyState,
+        emptyState = _this$props4$emptySta === void 0 ? defaultEmptyState : _this$props4$emptySta,
+        _this$props4$maxResul = _this$props4.maxResults,
+        maxResults = _this$props4$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props4$maxResul,
+        _this$props4$multiple = _this$props4.multiple,
+        multiple = _this$props4$multiple === void 0 ? AutoComplete.defaultProps.multiple : _this$props4$multiple,
+        _this$props4$optionIt = _this$props4.optionItemComponent,
+        OptionItem = _this$props4$optionIt === void 0 ? AutoComplete.defaultProps.optionItemComponent : _this$props4$optionIt;
       var _this$state = _this.state,
-          inputWidth = _this$state.inputWidth,
-          showAllResults = _this$state.showAllResults;
+        inputWidth = _this$state.inputWidth,
+        showAllResults = _this$state.showAllResults;
       var dropdownStyle = inputWidth ? {
         minWidth: inputWidth,
         maxWidth: "42vw"
@@ -516,13 +432,11 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var shouldShowDefaultEmptyState = emptyState === defaultEmptyState && results.length === 0 && !!(inputValue !== null && inputValue !== void 0 && inputValue.length);
       var shouldShowEmptyState = emptyState !== defaultEmptyState && !!emptyState && results.length === 0;
       var showResults = results.length > 0;
-
       if (!isOpen || !showResults && !shouldShowEmptyState && !shouldShowDefaultEmptyState) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
           className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["hidden h-0"])))
         }));
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPopper.Popper, {
         placement: "bottom-start",
         strategy: "fixed",
@@ -533,11 +447,10 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         },
         children: function children(popper) {
           var _getMenuProps = getMenuProps({
-            ref: popper.ref
-          }),
-              menuRef = _getMenuProps.ref,
-              menuProps = (0, _objectWithoutProperties2["default"])(_getMenuProps, _excluded2);
-
+              ref: popper.ref
+            }),
+            menuRef = _getMenuProps.ref,
+            menuProps = (0, _objectWithoutProperties2["default"])(_getMenuProps, _excluded2);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayContainer.ClickAwayContainer, {
             element: _this.menuWrapperRef,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -596,22 +509,19 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderSelect", function (autocompleteHelpers, fieldState) {
       var _this$context$portalT;
-
       var _this$props5 = _this.props,
-          className = _this$props5.className,
-          options = _this$props5.options,
-          value = _this$props5.value,
-          creatable = _this$props5.creatable,
-          _this$props5$createFr = _this$props5.createFromInputValue,
-          createFromInputValue = _this$props5$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props5$createFr;
+        className = _this$props5.className,
+        options = _this$props5.options,
+        value = _this$props5.value,
+        creatable = _this$props5.creatable,
+        _this$props5$createFr = _this$props5.createFromInputValue,
+        createFromInputValue = _this$props5$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props5$createFr;
       var inputValue = autocompleteHelpers.inputValue || "";
       var results = options ? filter(options, Array.isArray(value) ? value : [], inputValue) : [];
       var emptyInputValue = !inputValue || inputValue.trim().length === 0;
-
       if (creatable && !emptyInputValue) {
         results.unshift.apply(results, (0, _toConsumableArray2["default"])(createFromInputValue(options, inputValue)));
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex"]))), className),
         children: [_this.renderInput(autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/(0, _reactDom.createPortal)(_this.renderMenu(results, autocompleteHelpers), (_this$context$portalT = _this.context["portalTarget"]) !== null && _this$context$portalT !== void 0 ? _this$context$portalT : document.body)]
@@ -619,7 +529,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2["default"])(AutoComplete, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -629,7 +538,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var prevPropsInputValue = inputValueFromProps(prevProps);
       var propsInputValue = inputValueFromProps(this.props);
       var shouldUpdateInputValueFromProps = prevPropsInputValue !== propsInputValue && this.state.inputValue !== propsInputValue;
-
       if (shouldUpdateInputValueFromProps) {
         this.setState({
           inputValue: propsInputValue
@@ -645,7 +553,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var inputValue = (this.props.inputValue !== undefined ? this.props.inputValue : this.state.inputValue) || "";
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldStateContext.FieldStateContext.Consumer, {
         children: function children(fieldState) {
@@ -656,8 +563,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
              * See multi-select example
              * https://github.com/downshift-js/downshift#examples
              * https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=/src/ordered-examples/04-multi-select.js&moduleview=1&file=/src/ordered-examples/04-multi-select.js:2482-2509
-             */
-            ,
+             */,
             selectedItem: null,
             getA11yStatusMessage: _this2.getA11yStatusMessage,
             onChange: _this2.handleChange,
@@ -673,7 +579,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
   }]);
   return AutoComplete;
 }(_react.Component);
-
 exports.AutoComplete = AutoComplete;
 (0, _defineProperty2["default"])(AutoComplete, "contextType", _Satellite.SatelliteContext);
 (0, _defineProperty2["default"])(AutoComplete, "defaultProps", {