@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/autocomplete/Autocomplete.js

@@ -4,74 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _helpers = require("../../shared/helpers");
-
 var _AlignmentHelper2 = _interopRequireDefault(require("../../shared/AlignmentHelper"));
-
 var _SpacingHelper = require("../space/SpacingHelper");
-
 var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
-
 var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
-
 var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
-
 var _IconPrimary2 = _interopRequireDefault(require("../icon-primary/IconPrimary"));
-
 var _Input = _interopRequireWildcard(require("../input/Input"));
-
 var _ProgressIndicator = _interopRequireDefault(require("../progress-indicator/ProgressIndicator"));
-
 var _DrawerList = _interopRequireWildcard(require("../../fragments/drawer-list/DrawerList"));
-
 var _DrawerListContext = _interopRequireDefault(require("../../fragments/drawer-list/DrawerListContext"));
-
 var _DrawerListProvider = _interopRequireDefault(require("../../fragments/drawer-list/DrawerListProvider"));
-
 var _DrawerListHelpers = require("../../fragments/drawer-list/DrawerListHelpers");
-
 var _IconPrimary, _AlignmentHelper;
-
 const _excluded = ["fillDataIfEmpty"],
-      _excluded2 = ["title", "placeholder", "label", "label_direction", "label_sr_only", "icon", "icon_size", "input_icon", "size", "align_autocomplete", "fixed_position", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "scrollable", "focusable", "keep_open", "keep_value", "keep_value_and_selection", "show_clear_button", "prevent_close", "no_animation", "no_scroll_animation", "show_submit_button", "submit_element", "input_element", "options_render", "prevent_selection", "max_height", "default_value", "search_numbers", "search_in_word_index", "show_options_sr", "selected_sr", "submit_button_title", "submit_button_icon", "portal_class", "drawer_class", "input_ref", "className", "class", "disabled", "stretch", "skeleton", "triangle_position", "icon_position", "skip_portal", "mode", "data", "children", "direction", "id", "opened", "value", "input_value", "indicator_label", "no_options", "show_all", "aria_live_options", "disable_highlighting", "ariaLiveDelay"];
-
+  _excluded2 = ["title", "placeholder", "label", "label_direction", "label_sr_only", "icon", "icon_size", "input_icon", "size", "align_autocomplete", "fixed_position", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "scrollable", "focusable", "keep_open", "keep_value", "keep_value_and_selection", "show_clear_button", "prevent_close", "no_animation", "no_scroll_animation", "show_submit_button", "submit_element", "input_element", "options_render", "prevent_selection", "max_height", "default_value", "search_numbers", "search_in_word_index", "show_options_sr", "selected_sr", "submit_button_title", "submit_button_icon", "portal_class", "drawer_class", "input_ref", "className", "class", "disabled", "stretch", "skeleton", "triangle_position", "icon_position", "skip_portal", "mode", "data", "children", "direction", "id", "opened", "value", "input_value", "indicator_label", "no_options", "show_all", "aria_live_options", "disable_highlighting", "ariaLiveDelay"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-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; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 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) { _defineProperty(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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class Autocomplete extends _react.default.PureComponent {
   constructor(props) {
     super(props);
     this._id = props.id || (0, _componentHelper.makeUniqueId)();
   }
-
   render() {
     return _react.default.createElement(_DrawerListProvider.default, _extends({}, this.props, {
       id: this._id,
@@ -85,11 +55,8 @@ class Autocomplete extends _react.default.PureComponent {
       id: this._id
     }, this.props)));
   }
-
 }
-
 exports.default = Autocomplete;
-
 _defineProperty(Autocomplete, "defaultProps", {
   id: null,
   mode: 'sync',
@@ -169,7 +136,6 @@ _defineProperty(Autocomplete, "defaultProps", {
   on_state_update: null,
   input_element: null
 });
-
 process.env.NODE_ENV !== "production" ? Autocomplete.propTypes = _objectSpread(_objectSpread(_objectSpread({}, _SpacingHelper.spacingPropTypes), _DrawerListHelpers.drawerListPropTypes), {}, {
   id: _propTypes.default.string,
   mode: _propTypes.default.oneOf(['sync', 'async']),
@@ -256,20 +222,16 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes = _objectSpread(_
   on_select: _propTypes.default.func,
   on_state_update: _propTypes.default.func
 }) : void 0;
-
 class AutocompleteInstance extends _react.default.PureComponent {
   static parseDataItem(dataItem) {
     const searchWord = (0, _DrawerListHelpers.parseContentTitle)(dataItem.search_content || dataItem, {
       separator: ' '
     });
-
     if (typeof searchWord !== 'string' && Array.isArray(searchWord)) {
       return AutocompleteInstance.parseDataItem(searchWord);
     }
-
     return searchWord;
   }
-
   static createSearchIndex(data) {
     return data.map(dataItem => {
       const contentChunk = AutocompleteInstance.parseDataItem(dataItem);
@@ -279,7 +241,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       };
     });
   }
-
   static getCurrentDataTitle(selected_item, data) {
     const currentData = (0, _DrawerListHelpers.getCurrentData)(selected_item, data);
     return (0, _DrawerListHelpers.parseContentTitle)(currentData, {
@@ -287,65 +248,50 @@ class AutocompleteInstance extends _react.default.PureComponent {
       preferSelectedValue: true
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     if (state._listenForPropChanges) {
       state.disableHighlighting = (0, _componentHelper.isTrue)(props.disable_highlighting);
-
       if (props.input_value !== 'initval' && typeof state.inputValue === 'undefined' && props.input_value && props.input_value.length > 0) {
         state.inputValue = props.input_value;
       }
-
       if (props.data !== state.prevData) {
         state.updateData(props.data);
         state.prevData = props.data;
       }
     }
-
     state._listenForPropChanges = true;
     return state;
   }
-
   constructor(_props, context) {
     var _this;
-
     super(_props);
     _this = this;
-
     _defineProperty(this, "setVisible", function () {
       let args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       let onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
       _this.context.drawerList.setWrapperElement(_this._ref.current).setVisible(args, onStateComplete);
     });
-
     _defineProperty(this, "setHidden", function () {
       let args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       let onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
       _this.context.drawerList.setHidden(args, onStateComplete);
     });
-
     _defineProperty(this, "toggleVisible", function () {
       let args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       let onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       args = args || {};
-
       if (typeof args.hasFilter === 'undefined') {
         args.hasFilter = false;
       }
-
       if ((0, _componentHelper.isTrue)(_this.props.disabled)) {
         return;
       }
-
       if (!args.hasFilter && !(0, _componentHelper.isTrue)(_this.props.prevent_close) && !_this.context.drawerList.hidden && _this.context.drawerList.isOpen) {
         _this.setHidden(null, onStateComplete);
       } else {
         _this.setVisibleByContext(null, onStateComplete);
       }
     });
-
     _defineProperty(this, "toggleVisibleAndFocusOptions", () => {
       this.context.drawerList.toggleVisible(null, isVisible => {
         if (isVisible) {
@@ -357,58 +303,46 @@ class AutocompleteInstance extends _react.default.PureComponent {
         }
       });
     });
-
     _defineProperty(this, "setVisibleByContext", function () {
       let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       const skipFilter = _this.state.showAllNextTime;
-
       if (skipFilter) {
         _this.setState({
           showAllNextTime: false,
           _listenForPropChanges: false
         });
       }
-
       _this.runFilterToHighlight(_objectSpread({
         fillDataIfEmpty: true,
         skipFilter
       }, options));
-
       _this.setVisible(null, onStateComplete);
     });
-
     _defineProperty(this, "onInputChangeHandler", function (_ref) {
       let {
         value,
         event
       } = _ref;
       let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
       _this.setState({
         typedInputValue: value,
         inputValue: value,
         _listenForPropChanges: false
       });
-
       (0, _componentHelper.dispatchCustomElementEvent)(_this, 'on_type', _objectSpread({
         value,
         event
       }, _this.getEventObjects('on_type')));
       value = String(value).trim();
-
       if (value !== _this.state.inputValue) {
         _this.runFilterWithSideEffects(value, options);
       }
     });
-
     _defineProperty(this, "runFilterWithSideEffects", function (value) {
       let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
       const data = _this.runFilter(value, options);
-
       const count = _this.countData(data);
-
       if (value && value.length > 0) {
         if (count === 0) {
           if (_this.state.mode !== 'async') {
@@ -416,11 +350,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
           }
         } else if (count > 0) {
           _this.context.drawerList.setData(_this.wrapWithShowAll(data));
-
           _this.context.drawerList.setState({
             cache_hash: value + count
           });
-
           if (count === 1) {
             _this.context.drawerList.setState({
               active_item: data[0].__id
@@ -429,67 +361,46 @@ class AutocompleteInstance extends _react.default.PureComponent {
         }
       } else {
         _this.totalReset();
-
         _this.showAllItems();
       }
-
       _this.setVisible();
-
       _this.setAriaLiveUpdate();
-
       return data;
     });
-
     _defineProperty(this, "runFilterToHighlight", function () {
       let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.state.inputValue;
-
       let {
-        fillDataIfEmpty = false
-      } = _ref2,
-          options = _objectWithoutProperties(_ref2, _excluded);
-
+          fillDataIfEmpty = false
+        } = _ref2,
+        options = _objectWithoutProperties(_ref2, _excluded);
       const possibleTitle = AutocompleteInstance.getCurrentDataTitle(_this.context.drawerList.selected_item, _this.context.drawerList.original_data);
-
       if (value === possibleTitle) {
         return;
       }
-
       value = String(value || '').trim();
-
       _this.setState({
         disableHighlighting: false,
         _listenForPropChanges: false
       });
-
       let data = _this.runFilter(value, options);
-
       if (fillDataIfEmpty && data.length === 0 && value === '') {
         data = _this.context.drawerList.original_data;
       }
-
       _this.context.drawerList.setData(_this.wrapWithShowAll(data));
-
       _this.context.drawerList.setState({
         cache_hash: value + _this.countData(data)
       });
-
       _this.setAriaLiveUpdate();
-
       return data;
     });
-
     _defineProperty(this, "wrapWithShowAll", data => {
       if (!data || !this.hasFilterActive(data)) {
         return data;
       }
-
       const lastItem = this.context.drawerList.original_data.slice(-1)[0];
-
       if (lastItem && !lastItem.show_all) {
         const lastActiveItem = data.slice(-1)[0];
-
         if (lastActiveItem) {
           data.push({
             __id: lastItem.__id + 1,
@@ -504,17 +415,14 @@ class AutocompleteInstance extends _react.default.PureComponent {
           });
         }
       }
-
       return data;
     });
-
     _defineProperty(this, "setInputValue", inputValue => {
       this.setState({
         inputValue,
         _listenForPropChanges: false
       });
     });
-
     _defineProperty(this, "emptyData", () => {
       this._cacheMemory = {};
       this.setState({
@@ -532,7 +440,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         overwriteOriginalData: true
       });
     });
-
     _defineProperty(this, "showNoOptionsItem", () => {
       this.resetActiveItem();
       this.ignoreEvents();
@@ -547,7 +454,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       });
       this.setVisible();
     });
-
     _defineProperty(this, "showIndicatorItem", () => {
       this.resetActiveItem();
       this.ignoreEvents();
@@ -564,7 +470,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       });
       this.setVisible();
     });
-
     _defineProperty(this, "showIndicator", () => {
       if (!this.state.visibleIndicator) {
         this.setState({
@@ -573,31 +478,26 @@ class AutocompleteInstance extends _react.default.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "hideIndicator", () => {
       this.setState({
         visibleIndicator: false,
         _listenForPropChanges: false
       });
     });
-
     _defineProperty(this, "setMode", mode => {
       this.setState({
         mode,
         _listenForPropChanges: false
       });
     });
-
     _defineProperty(this, "updateData", rawData => {
       this.context.drawerList.setState({
         cache_hash: 'updateData'
       }, () => {
         const itemIndex = this.context.drawerList.selected_item;
-
         if (parseFloat(itemIndex) > -1) {
           const newItem = rawData[itemIndex];
           const oldItem = this.context.drawerList.original_data[itemIndex];
-
           if ((newItem === null || newItem === void 0 ? void 0 : newItem.selected_key) !== (oldItem === null || oldItem === void 0 ? void 0 : oldItem.selected_key)) {
             this.resetSelectionItem();
           }
@@ -611,16 +511,13 @@ class AutocompleteInstance extends _react.default.PureComponent {
           const {
             typedInputValue
           } = this.state;
-
           if (typedInputValue && typedInputValue.length > 0) {
             const filteredData = this.runFilterWithSideEffects(typedInputValue);
-
             if (this.countData(filteredData) === 0) {
               this.showNoOptionsItem();
             }
           } else {
             this.resetActiveItem();
-
             if (this.context.drawerList.opened) {
               this.showAllItems();
             }
@@ -631,13 +528,11 @@ class AutocompleteInstance extends _react.default.PureComponent {
       });
       return this;
     });
-
     _defineProperty(this, "onInputKeyDownHandler", _ref3 => {
       let {
         event: e
       } = _ref3;
       const key = (0, _keycode.default)(e);
-
       switch (key) {
         case 'page up':
         case 'page down':
@@ -649,7 +544,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onInputClickHandler", e => {
       const {
         value
@@ -658,17 +552,14 @@ class AutocompleteInstance extends _react.default.PureComponent {
         value
       });
     });
-
     _defineProperty(this, "onInputFocusHandler", event => {
       if (this.state.skipFocusDuringChange) {
         return;
       }
-
       const {
         open_on_focus,
         keep_value_and_selection
       } = this.props;
-
       if (!this.state.hasFocus) {
         if ((0, _componentHelper.isTrue)(open_on_focus)) {
           const {
@@ -680,11 +571,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
         } else {
           this.setSearchIndex();
         }
-
         if ((0, _componentHelper.isTrue)(keep_value_and_selection)) {
           this.showAll();
         }
-
         (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_focus', _objectSpread({
           event
         }, this.getEventObjects('on_focus')));
@@ -694,11 +583,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onReserveActivityHandler", event => {
       this.__preventFiringBlurEvent = event.key === 'enter' || event.key === 'space' || event.target && (0, _componentHelper.getPreviousSibling)('dnb-drawer-list', event.target);
     });
-
     _defineProperty(this, "onBlurHandler", event => {
       const {
         open_on_focus,
@@ -707,7 +594,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         prevent_selection,
         no_animation
       } = this.props;
-
       if (!this.state.hasBlur && !this.__preventFiringBlurEvent && !this.context.drawerList.hasFocusOnElement) {
         (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_blur', _objectSpread({
           event
@@ -716,26 +602,21 @@ class AutocompleteInstance extends _react.default.PureComponent {
           hasBlur: true,
           hasFocus: false
         });
-
         if (!(0, _componentHelper.isTrue)(keep_value_and_selection)) {
           this.setState({
             typedInputValue: null,
             _listenForPropChanges: false
           });
         }
-
         if (!(0, _componentHelper.isTrue)(prevent_selection) && !(0, _componentHelper.isTrue)(keep_value_and_selection)) {
           const existingValue = this.state.inputValue;
           this.clearInputValue();
-
           const resetAfterClose = () => {
             if (!(0, _componentHelper.isTrue)(keep_value) || !existingValue || this.hasSelectedItem()) {
               this.resetActiveItem();
             }
-
             this.resetFilter();
           };
-
           if ((0, _componentHelper.isTrue)(no_animation)) {
             resetAfterClose();
           } else {
@@ -743,7 +624,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
             this._blurTimeout = setTimeout(resetAfterClose, _DrawerList.default.blurDelay);
           }
         }
-
         if ((0, _componentHelper.isTrue)(open_on_focus)) {
           this.setHidden();
         }
@@ -752,10 +632,8 @@ class AutocompleteInstance extends _react.default.PureComponent {
         return false;
       }
     });
-
     _defineProperty(this, "onTriggerKeyDownHandler", e => {
       const key = (0, _keycode.default)(e);
-
       switch (key) {
         case 'space':
           {
@@ -763,7 +641,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
           }
           break;
       }
-
       switch (key) {
         case 'space':
         case 'enter':
@@ -773,7 +650,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         case 'up':
           {
             e.preventDefault();
-
             try {
               this._refInput.current._ref.current.focus();
             } catch (e) {
@@ -783,10 +659,8 @@ class AutocompleteInstance extends _react.default.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onShellKeyDownHandler", e => {
       const key = (0, _keycode.default)(e);
-
       switch (key) {
         case 'up':
         case 'down':
@@ -794,35 +668,28 @@ class AutocompleteInstance extends _react.default.PureComponent {
             e.preventDefault();
             this.setVisible();
           }
-
           break;
-
         case 'esc':
           this.setState({
             showAllNextTime: true,
             _listenForPropChanges: false
           });
           break;
-
         case 'enter':
           e.preventDefault();
-
           if (!this.context.drawerList.opened && this.hasFilterActive()) {
             this.ignoreEvents();
             this.showAll();
           }
-
           if ((!this.hasValidData() || !this.hasSelectedItem()) && !this.hasActiveItem()) {
             clearTimeout(this._toggleVisibleTimeout);
             this._toggleVisibleTimeout = setTimeout(this.toggleVisible, 1);
           } else {
             this.setVisible();
           }
-
           break;
       }
     });
-
     _defineProperty(this, "getEventObjects", key => {
       const attributes = this.attributes;
       return {
@@ -849,46 +716,36 @@ class AutocompleteInstance extends _react.default.PureComponent {
         }
       };
     });
-
     _defineProperty(this, "hasInjectedDataItem", function () {
       let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.context.drawerList.data;
       const lastItem = data.slice(-1)[0];
       return lastItem ? lastItem.show_all || lastItem.__id === 'no_options' : false;
     });
-
     _defineProperty(this, "countData", function () {
       let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.context.drawerList.data;
       const count = data.length;
       return count > 0 && _this.hasInjectedDataItem(data) ? count - 1 : count;
     });
-
     _defineProperty(this, "hasValidData", function () {
       let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.context.drawerList.data;
-
       if (_this.countData(data) > 0) {
         const first = data[0];
-
         if (!first.show_all && !['no_options', 'indicator'].includes(first.__id)) {
           return true;
         }
       }
-
       return false;
     });
-
     _defineProperty(this, "hasSelectedItem", () => {
       return parseFloat(this.context.drawerList.selected_item) > -1;
     });
-
     _defineProperty(this, "hasActiveItem", () => {
       return parseFloat(this.context.drawerList.active_item) > -1;
     });
-
     _defineProperty(this, "hasFilterActive", function () {
       let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.context.drawerList.data;
       return !(_this.context.drawerList.original_data && _this.context.drawerList.original_data.length === _this.countData(data));
     });
-
     _defineProperty(this, "ignoreEvents", () => {
       clearTimeout(this.showAllTimeout);
       this.context.drawerList.setState({
@@ -901,7 +758,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         }, 10);
       });
     });
-
     _defineProperty(this, "showAll", () => {
       this.resetFilter();
       this.context.drawerList.setState({
@@ -912,7 +768,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         fillDataIfEmpty: true
       });
     });
-
     _defineProperty(this, "showAllItems", () => {
       this.resetFilter();
       this.context.drawerList.setState({
@@ -922,14 +777,12 @@ class AutocompleteInstance extends _react.default.PureComponent {
         scrollTo: false
       });
     });
-
     _defineProperty(this, "totalReset", () => {
       if (!(0, _componentHelper.isTrue)(this.props.keep_value) && !(0, _componentHelper.isTrue)(this.props.keep_value_and_selection)) {
         this.setState({
           inputValue: null
         });
       }
-
       this.setState({
         typedInputValue: null,
         _listenForPropChanges: false
@@ -937,13 +790,11 @@ class AutocompleteInstance extends _react.default.PureComponent {
       this.resetActiveItem();
       this.resetSelectionItem();
     });
-
     _defineProperty(this, "resetActiveItem", () => {
       this.context.drawerList.setState({
         active_item: null
       });
     });
-
     _defineProperty(this, "resetSelectionItem", () => {
       const hasHadValue = this.hasSelectedItem();
       this.context.drawerList.setState({
@@ -954,7 +805,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         }
       });
     });
-
     _defineProperty(this, "clearInputValue", () => {
       const {
         input_value,
@@ -976,11 +826,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
         }
       }, 1);
     });
-
     _defineProperty(this, "resetFilter", () => {
       this.context.drawerList.setData(this.context.drawerList.original_data);
     });
-
     _defineProperty(this, "runFilter", function (value) {
       let {
         data = null,
@@ -991,7 +839,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         skipFilter = false,
         skipReorder = false
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
       if (data) {
         searchIndex = _this.setSearchIndex({
           data
@@ -999,19 +846,15 @@ class AutocompleteInstance extends _react.default.PureComponent {
       } else if (!searchIndex) {
         searchIndex = _this.setSearchIndex();
       }
-
       if (typeof searchIndex === 'undefined') {
         return [];
       }
-
       const searchWords = value.split(/\s+/g).filter(Boolean);
       const wordCond = '^|\\s';
-
       const findSearchWords = contentChunk => {
         if (typeof contentChunk !== 'string') {
           return [];
         }
-
         return searchWords.map((word, wordIndex) => ({
           word,
           wordIndex
@@ -1020,27 +863,21 @@ class AutocompleteInstance extends _react.default.PureComponent {
             word,
             wordIndex
           } = _ref4;
-
           if (searchNumbers) {
             word = word.replace(/[^\d\w]/g, '');
           } else {
             word = (0, _componentHelper.escapeRegexChars)(word);
           }
-
           if (searchNumbers) {
             word = word.replace(/(\d)/g, '$1+');
           }
-
           const regexWord = new RegExp(wordIndex > inWordIndex ? `${word}` : `(${wordCond})${word}`, 'i');
-
           if (regexWord.test(contentChunk)) {
             return true;
           }
-
           if (searchNumbers && regexWord.test(contentChunk.replace(/[^0-9]/g, ''))) {
             return true;
           }
-
           return false;
         }).map(_ref5 => {
           let {
@@ -1049,15 +886,12 @@ class AutocompleteInstance extends _react.default.PureComponent {
           } = _ref5;
           let wordScore = 0;
           wordScore += (contentChunk.match(new RegExp(`(${wordCond})${(0, _componentHelper.escapeRegexChars)(word)}`, 'ig')) || []).length;
-
           if (wordIndex === 0) {
             const isFirstWord = new RegExp(`^${(0, _componentHelper.escapeRegexChars)(searchWords[0])}`, 'i').test(contentChunk.split(' ')[0]);
-
             if (isFirstWord) {
               wordScore += searchWords.length + 1;
             }
           }
-
           return {
             word,
             wordIndex,
@@ -1065,46 +899,36 @@ class AutocompleteInstance extends _react.default.PureComponent {
           };
         });
       };
-
       const strS = '\uFFFE';
       const strE = '\uFFFF';
       const tagS = '<span class="dnb-drawer-list__option__item--highlight">';
       const tagE = '</span>';
       searchIndex = searchIndex.map((item, i) => {
         const listOfFoundWords = findSearchWords(item.contentChunk, i);
-
         if (typeof item.dataItem === 'string') {
           item.dataItem = {
             content: item.dataItem
           };
         }
-
         if (!item.dataItem.render) {
           item.dataItem = _objectSpread({}, item.dataItem);
         }
-
         item.dataItem.render = (children, id) => {
           var _children2, _children2$props;
-
           if (disableHighlighting || _this.state.disableHighlighting) {
             return children;
           }
-
           const cacheHash = id + value;
           _this._cacheMemory = _this._cacheMemory || {};
-
           if (_this._cacheMemory[cacheHash]) {
             return _this._cacheMemory[cacheHash];
           }
-
           const isComponent = typeof children !== 'string' && _react.default.isValidElement(children);
-
           if (isComponent && Array.isArray((_children2 = children) === null || _children2 === void 0 ? void 0 : (_children2$props = _children2.props) === null || _children2$props === void 0 ? void 0 : _children2$props.children)) {
             children = children.props.children;
           } else if (!Array.isArray(children)) {
             children = [children];
           }
-
           children = children.map(originalChild => ({
             originalChild,
             segment: (0, _componentHelper.convertJsxToString)(originalChild, ' ')
@@ -1117,7 +941,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
             searchWords.forEach((word, wordIndex) => {
               if (segment) {
                 word = (0, _componentHelper.escapeRegexChars)(word);
-
                 if (searchNumbers) {
                   word.split('').forEach(char => {
                     if (/[\d\w]/.test(char)) {
@@ -1134,10 +957,8 @@ class AutocompleteInstance extends _react.default.PureComponent {
               }
             });
             let result = segment;
-
             if (segment.includes(strS)) {
               const __html = segment.replace(new RegExp(`(${strS})+`, 'g'), strS).replace(new RegExp(`(${strE})+`, 'g'), strE).replace(new RegExp(`(${strE}${strS})`, 'g'), '').replace(new RegExp(strS, 'g'), tagS).replace(new RegExp(strE, 'g'), tagE);
-
               result = _react.default.createElement("span", {
                 key: cacheHash + idx,
                 dangerouslySetInnerHTML: {
@@ -1149,10 +970,8 @@ class AutocompleteInstance extends _react.default.PureComponent {
                 key: cacheHash + idx
               }, segment);
             }
-
             if (isComponent) {
               var _originalChild$props;
-
               if (Array.isArray(originalChild === null || originalChild === void 0 ? void 0 : (_originalChild$props = originalChild.props) === null || _originalChild$props === void 0 ? void 0 : _originalChild$props.children)) {
                 result = originalChild.props.children.map(Comp => {
                   return Comp === originalChild || Comp.props && Comp.props.children === originalChild ? result : Comp;
@@ -1160,37 +979,30 @@ class AutocompleteInstance extends _react.default.PureComponent {
               } else if (typeof originalChild === 'string') {
                 result = originalChild;
               }
-
               if (_react.default.isValidElement(originalChild)) {
                 result = _react.default.cloneElement(originalChild, {
                   key: 'clone' + cacheHash + idx
                 }, result);
               }
             }
-
             return result;
           });
           return _this._cacheMemory[cacheHash] = children;
         };
-
         if (_this.skipFilter || skipFilter) {
           return item.dataItem;
         }
-
         let totalScore = listOfFoundWords.length;
-
         for (const {
           wordScore
         } of listOfFoundWords) {
           totalScore += wordScore;
         }
-
         return {
           totalScore,
           item
         };
       });
-
       if (!_this.skipFilter && !skipFilter) {
         searchIndex = searchIndex.filter(_ref7 => {
           let {
@@ -1198,7 +1010,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
           } = _ref7;
           return totalScore;
         });
-
         if (!_this.skipReorder && !skipReorder) {
           searchIndex = searchIndex.sort((_ref8, _ref9) => {
             let {
@@ -1210,7 +1021,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
             return b - a;
           });
         }
-
         searchIndex = searchIndex.map(_ref10 => {
           let {
             item
@@ -1218,61 +1028,49 @@ class AutocompleteInstance extends _react.default.PureComponent {
           return item.dataItem;
         });
       }
-
       return searchIndex;
     });
-
     _defineProperty(this, "onHideHandler", function () {
       let args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       const res = (0, _componentHelper.dispatchCustomElementEvent)(_this, 'on_hide', _objectSpread(_objectSpread({}, args), _this.getEventObjects('on_hide')));
-
       if (res !== false) {
         _this.setFocusOnInput();
       }
-
       return res;
     });
-
     _defineProperty(this, "setVisibleAndFocusOnInput", () => {
       if (!this.state.hasFocus && !(0, _helpers.hasSelectedText)()) {
         this.setFocusOnInput();
         this.setVisible();
       }
     });
-
     _defineProperty(this, "onSelectHandler", args => {
       if (parseFloat(args.active_item) > -1) {
         (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_select', _objectSpread(_objectSpread({}, args), this.getEventObjects('on_select')));
       }
     });
-
     _defineProperty(this, "onPreChangeHandler", _ref11 => {
       let {
         data
       } = _ref11;
-
       if (data && data.show_all) {
         this.showAll();
         const active_item = data.lastActiveItem;
-
         if (parseFloat(active_item) > -1) {
           this.context.drawerList.setActiveItemAndScrollToIt(active_item, {
             scrollTo: false
           });
         }
-
         this.setFocusOnInput();
         return false;
       }
     });
-
     _defineProperty(this, "onChangeHandler", args => {
       const selected_item = args.selected_item;
       const {
         prevent_selection,
         keep_open
       } = this.props;
-
       if (!(0, _componentHelper.isTrue)(prevent_selection)) {
         if (!(0, _componentHelper.isTrue)(keep_open)) {
           this.setState({
@@ -1281,13 +1079,11 @@ class AutocompleteInstance extends _react.default.PureComponent {
             _listenForPropChanges: false
           });
           this.setHidden();
-
           try {
             this.context.drawerList._refUl.current.focus({
               preventScroll: true
             });
           } catch (e) {}
-
           this.setState({
             inputValue: AutocompleteInstance.getCurrentDataTitle(selected_item, this.context.drawerList.data),
             skipFocusDuringChange: false,
@@ -1300,14 +1096,11 @@ class AutocompleteInstance extends _react.default.PureComponent {
           });
         }
       }
-
       if (typeof args.data.render === 'function') {
         delete args.data.render;
       }
-
       (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_change', _objectSpread(_objectSpread({}, args), this.getEventObjects('on_change')));
     });
-
     this._id = _props.id || (0, _componentHelper.makeUniqueId)();
     this.attributes = {};
     this.state = this.state || {};
@@ -1315,11 +1108,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
     this.state.mode = _props.mode;
     this.state.prevData = _props.data;
     this.state.updateData = this.updateData;
-
     if (context.drawerList && context.drawerList.current_title) {
       this.state.inputValue = context.drawerList.current_title;
     }
-
     this._ref = _react.default.createRef();
     this._refShell = _react.default.createRef();
     this._refInput = _react.default.createRef();
@@ -1327,7 +1118,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
     this.skipFilter = (0, _componentHelper.isTrue)(_props.disable_filter);
     this.skipReorder = (0, _componentHelper.isTrue)(_props.disable_reorder);
   }
-
   componentDidMount() {
     if ((0, _componentHelper.isTrue)(this.props.opened)) {
       this.runFilterToHighlight({
@@ -1336,7 +1126,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       this.setVisible();
     }
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.value !== this.props.value) {
       this.setState({}, () => {
@@ -1347,7 +1136,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       });
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._selectTimeout);
     clearTimeout(this._ariaLiveUpdateTimeout);
@@ -1355,7 +1143,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
     clearTimeout(this._blurTimeout);
     clearTimeout(this._toggleVisibleTimeout);
   }
-
   setSearchIndex() {
     let {
       overwriteSearchIndex = false,
@@ -1363,11 +1150,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let cb = arguments.length > 1 ? arguments[1] : undefined;
     this._cacheMemory = {};
-
     if (!overwriteSearchIndex && this.state.searchIndex) {
       return this.state.searchIndex;
     }
-
     const searchIndex = AutocompleteInstance.createSearchIndex(data);
     this.setState({
       searchIndex,
@@ -1375,7 +1160,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
     }, cb);
     return searchIndex;
   }
-
   setFocusOnInput() {
     this.setState({
       hasFocus: true
@@ -1385,7 +1169,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
           preventScroll: true
         });
       } catch (e) {}
-
       clearTimeout(this._focusTimeout);
       this._focusTimeout = setTimeout(() => {
         this.setState({
@@ -1394,7 +1177,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       }, 1);
     });
   }
-
   setAriaLiveUpdate() {
     const {
       opened
@@ -1405,18 +1187,15 @@ class AutocompleteInstance extends _react.default.PureComponent {
       ariaLiveDelay = 1000
     } = this._props;
     clearTimeout(this._ariaLiveUpdateTimeout);
-
     if (opened) {
       this._ariaLiveUpdateTimeout = setTimeout(() => {
         let newString = null;
         const count = this.countData();
-
         if (count > 0) {
           newString = String(aria_live_options).replace('%s', count);
         } else {
           newString = no_options;
         }
-
         if (newString) {
           this.setState({
             ariaLiveUpdate: newString,
@@ -1432,7 +1211,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       }, ariaLiveDelay);
     }
   }
-
   getVocieOverActiveItem(selected_sr) {
     if (_helpers.IS_MAC) {
       const {
@@ -1446,83 +1224,78 @@ class AutocompleteInstance extends _react.default.PureComponent {
         "aria-atomic": true
       }, currentDataItem && _react.default.createElement(_react.default.Fragment, null, active_item === selected_item ? _react.default.createElement(_react.default.Fragment, null, selected_sr, " ") : null, _react.default.createElement(_DrawerList.ItemContent, null, currentDataItem)));
     }
-
     return null;
   }
-
   render() {
     var _getCurrentData;
-
     const props = this._props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Autocomplete.defaultProps, this.context.getTranslation(this.props).Autocomplete, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Autocomplete);
-
     const {
-      title,
-      placeholder,
-      label,
-      label_direction,
-      label_sr_only,
-      icon,
-      icon_size,
-      input_icon,
-      size,
-      align_autocomplete,
-      fixed_position,
-      status,
-      status_state,
-      status_props,
-      status_no_animation,
-      globalStatus,
-      suffix,
-      scrollable,
-      focusable,
-      keep_open,
-      keep_value,
-      keep_value_and_selection,
-      show_clear_button,
-      prevent_close,
-      no_animation,
-      no_scroll_animation,
-      show_submit_button,
-      submit_element,
-      input_element: CustomInput,
-      options_render,
-      prevent_selection,
-      max_height,
-      default_value,
-      search_numbers,
-      search_in_word_index,
-      show_options_sr,
-      selected_sr,
-      submit_button_title,
-      submit_button_icon,
-      portal_class,
-      drawer_class,
-      input_ref,
-      className,
-      class: _className,
-      disabled,
-      stretch,
-      skeleton,
-      triangle_position,
-      icon_position,
-      skip_portal,
-      mode: _mode,
-      data: _data,
-      children: _children,
-      direction: _direction,
-      id: _id,
-      opened: _opened,
-      value: _value,
-      input_value: _input_value,
-      indicator_label,
-      no_options,
-      show_all,
-      aria_live_options,
-      disable_highlighting,
-      ariaLiveDelay
-    } = props,
-          attributes = _objectWithoutProperties(props, _excluded2);
-
+        title,
+        placeholder,
+        label,
+        label_direction,
+        label_sr_only,
+        icon,
+        icon_size,
+        input_icon,
+        size,
+        align_autocomplete,
+        fixed_position,
+        status,
+        status_state,
+        status_props,
+        status_no_animation,
+        globalStatus,
+        suffix,
+        scrollable,
+        focusable,
+        keep_open,
+        keep_value,
+        keep_value_and_selection,
+        show_clear_button,
+        prevent_close,
+        no_animation,
+        no_scroll_animation,
+        show_submit_button,
+        submit_element,
+        input_element: CustomInput,
+        options_render,
+        prevent_selection,
+        max_height,
+        default_value,
+        search_numbers,
+        search_in_word_index,
+        show_options_sr,
+        selected_sr,
+        submit_button_title,
+        submit_button_icon,
+        portal_class,
+        drawer_class,
+        input_ref,
+        className,
+        class: _className,
+        disabled,
+        stretch,
+        skeleton,
+        triangle_position,
+        icon_position,
+        skip_portal,
+        mode: _mode,
+        data: _data,
+        children: _children,
+        direction: _direction,
+        id: _id,
+        opened: _opened,
+        value: _value,
+        input_value: _input_value,
+        indicator_label,
+        no_options,
+        show_all,
+        aria_live_options,
+        disable_highlighting,
+        ariaLiveDelay
+      } = props,
+      attributes = _objectWithoutProperties(props, _excluded2);
     const id = this._id;
     const showStatus = (0, _componentHelper.getStatusState)(status);
     const {
@@ -1549,7 +1322,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       ref: this._refShell,
       onKeyDown: this.onShellKeyDownHandler
     };
-
     const inputParams = _objectSpread({
       className: 'dnb-autocomplete__input',
       id,
@@ -1573,15 +1345,12 @@ class AutocompleteInstance extends _react.default.PureComponent {
       disabled,
       skeleton
     }, attributes);
-
     if (!(parseFloat(selected_item) > -1)) {
       inputParams.placeholder = placeholder || title;
-
       if (!(_helpers.IS_WIN && _helpers.IS_EDGE)) {
         inputParams['aria-placeholder'] = undefined;
       }
     }
-
     if (!hidden) {
       if (parseFloat(active_item) > -1) {
         inputParams['aria-activedescendant'] = `option-${id}-${active_item}`;
@@ -1589,11 +1358,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
         inputParams['aria-activedescendant'] = `option-${id}-${selected_item}`;
       }
     }
-
     if (showStatus || suffix) {
       inputParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(inputParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
     }
-
     let submitButton = false;
     const triggerParams = {
       id: id + '-submit-button',
@@ -1607,7 +1374,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
       tooltip: show_submit_button ? submit_button_title : null,
       className: opened ? 'dnb-button--active' : null
     };
-
     if (submit_element && _react.default.isValidElement(submit_element)) {
       submitButton = _react.default.cloneElement(submit_element, triggerParams);
     } else if ((0, _componentHelper.isTrue)(show_submit_button)) {
@@ -1622,7 +1388,6 @@ class AutocompleteInstance extends _react.default.PureComponent {
         status_props: status_props
       }, triggerParams));
     }
-
     const suffixValue = (_getCurrentData = (0, _DrawerListHelpers.getCurrentData)(selected_item, this.context.drawerList.original_data)) === null || _getCurrentData === void 0 ? void 0 : _getCurrentData.suffix_value;
     const innerId = suffixValue && showStatus ? `${id}-inner` : null;
     (0, _componentHelper.validateDOMAttributes)(null, mainParams);
@@ -1714,12 +1479,9 @@ class AutocompleteInstance extends _react.default.PureComponent {
       "aria-live": "assertive"
     }, ariaLiveUpdate));
   }
-
 }
-
 _defineProperty(AutocompleteInstance, "defaultProps", Autocomplete.defaultProps);
-
 _defineProperty(AutocompleteInstance, "contextType", _DrawerListContext.default);
-
 process.env.NODE_ENV !== "production" ? AutocompleteInstance.propTypes = Autocomplete.propTypes : void 0;
-Autocomplete.HorizontalItem = _DrawerList.default.HorizontalItem;
+Autocomplete.HorizontalItem = _DrawerList.default.HorizontalItem;
+//# sourceMappingURL=Autocomplete.js.map