@dnb/eufemia 9.23.0-beta.2 → 9.23.0-beta.3

package/esm/components/autocomplete/Autocomplete.js

@@ -1,1759 +0,0 @@
-import "core-js/modules/es.reflect.construct.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-var _IconPrimary, _AlignmentHelper;
-
-var _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", "global_status_id", "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", "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"];
-
-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; }
-
-import "core-js/modules/es.string.trim.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.parse-float.js";
-import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.split.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.regexp.constructor.js";
-import "core-js/modules/es.regexp.to-string.js";
-import "core-js/modules/es.string.match.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.array.sort.js";
-import "core-js/modules/es.array.concat.js";
-
-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 _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; } }
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import keycode from 'keycode';
-import { warn, isTrue, isTouchDevice, makeUniqueId, extendPropsWithContext, registerElement, validateDOMAttributes, dispatchCustomElementEvent, getStatusState, combineDescribedBy, convertJsxToString, escapeRegexChars, getPreviousSibling } from '../../shared/component-helper';
-import { IS_MAC, IS_WIN, IS_IE11, IS_EDGE, debounce as _debounce } from '../../shared/helpers';
-import AlignmentHelper from '../../shared/AlignmentHelper';
-import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
-import Suffix from '../../shared/helpers/Suffix';
-import FormLabel from '../form-label/FormLabel';
-import FormStatus from '../form-status/FormStatus';
-import IconPrimary from '../icon-primary/IconPrimary';
-import Input, { SubmitButton } from '../input/Input';
-import ProgressIndicator from '../progress-indicator/ProgressIndicator';
-import DrawerList from '../../fragments/drawer-list/DrawerList';
-import DrawerListContext from '../../fragments/drawer-list/DrawerListContext';
-import DrawerListProvider from '../../fragments/drawer-list/DrawerListProvider';
-import { drawerListPropTypes, parseContentTitle, getCurrentData } from '../../fragments/drawer-list/DrawerListHelpers';
-
-var Autocomplete = function (_React$PureComponent) {
-  _inherits(Autocomplete, _React$PureComponent);
-
-  var _super = _createSuper(Autocomplete);
-
-  function Autocomplete(props) {
-    var _this;
-
-    _classCallCheck(this, Autocomplete);
-
-    _this = _super.call(this, props);
-    _this._id = props.id || makeUniqueId();
-    return _this;
-  }
-
-  _createClass(Autocomplete, [{
-    key: "render",
-    value: function render() {
-      return React.createElement(DrawerListProvider, _extends({}, this.props, {
-        id: this._id,
-        data: this.props.data || this.props.children,
-        opened: null,
-        tagName: "dnb-autocomplete",
-        ignore_events: false,
-        prevent_focus: true,
-        skip_keysearch: true
-      }), React.createElement(AutocompleteInstance, _extends({
-        id: this._id
-      }, this.props)));
-    }
-  }], [{
-    key: "enableWebComponent",
-    value: function enableWebComponent() {
-      registerElement(Autocomplete === null || Autocomplete === void 0 ? void 0 : Autocomplete.tagName, Autocomplete, Autocomplete.defaultProps);
-    }
-  }]);
-
-  return Autocomplete;
-}(React.PureComponent);
-
-_defineProperty(Autocomplete, "tagName", 'dnb-autocomplete');
-
-_defineProperty(Autocomplete, "defaultProps", {
-  id: null,
-  mode: 'sync',
-  title: 'Option Menu',
-  placeholder: null,
-  no_options: null,
-  show_all: null,
-  aria_live_options: null,
-  indicator_label: null,
-  show_options_sr: null,
-  submit_button_title: null,
-  submit_button_icon: 'chevron_down',
-  input_ref: null,
-  icon: null,
-  icon_size: null,
-  icon_position: 'left',
-  triangle_position: null,
-  input_icon: 'loupe',
-  label: null,
-  label_direction: null,
-  label_sr_only: null,
-  keep_value: null,
-  keep_value_and_selection: null,
-  show_clear_button: null,
-  status: null,
-  status_state: 'error',
-  status_props: null,
-  status_no_animation: null,
-  global_status_id: null,
-  suffix: null,
-  disable_filter: false,
-  disable_reorder: false,
-  scrollable: true,
-  focusable: false,
-  disable_highlighting: false,
-  max_height: null,
-  direction: 'auto',
-  skip_portal: null,
-  no_animation: false,
-  no_scroll_animation: false,
-  show_submit_button: false,
-  submit_element: null,
-  prevent_selection: false,
-  size: 'default',
-  align_autocomplete: null,
-  options_render: null,
-  data: null,
-  search_in_word_index: 3,
-  search_numbers: null,
-  default_value: null,
-  value: 'initval',
-  input_value: 'initval',
-  open_on_focus: false,
-  prevent_close: false,
-  keep_open: false,
-  opened: null,
-  disabled: null,
-  stretch: null,
-  skeleton: null,
-  portal_class: null,
-  drawer_class: null,
-  class: null,
-  className: null,
-  children: null,
-  custom_element: null,
-  custom_method: null,
-  on_show: null,
-  on_hide: null,
-  on_type: null,
-  on_focus: null,
-  on_blur: null,
-  on_change: null,
-  on_select: null,
-  on_state_update: null,
-  input_element: null
-});
-
-export { Autocomplete as default };
-process.env.NODE_ENV !== "production" ? Autocomplete.propTypes = _objectSpread(_objectSpread(_objectSpread({}, spacingPropTypes), drawerListPropTypes), {}, {
-  id: PropTypes.string,
-  mode: PropTypes.oneOf(['sync', 'async']),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  no_options: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  show_all: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  aria_live_options: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  indicator_label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  show_options_sr: PropTypes.string,
-  submit_button_title: PropTypes.string,
-  submit_button_icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  input_ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  icon_size: PropTypes.string,
-  icon_position: PropTypes.oneOf(['left', 'right']),
-  triangle_position: PropTypes.oneOf(['left', 'right']),
-  input_icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
-  label_direction: PropTypes.oneOf(['horizontal', 'vertical']),
-  label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  keep_value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  keep_value_and_selection: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  show_clear_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  status: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.func, PropTypes.node]),
-  status_state: PropTypes.string,
-  status_props: PropTypes.object,
-  status_no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  global_status_id: PropTypes.string,
-  suffix: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
-  disable_filter: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  disable_reorder: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  scrollable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  focusable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  disable_highlighting: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  direction: PropTypes.oneOf(['auto', 'top', 'bottom']),
-  max_height: PropTypes.number,
-  skip_portal: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  no_scroll_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  show_submit_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  submit_element: PropTypes.node,
-  prevent_selection: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),
-  align_autocomplete: PropTypes.oneOf(['left', 'right']),
-  options_render: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.node]),
-  input_element: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-  data: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node, PropTypes.object]), PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.string, PropTypes.node]), PropTypes.shape({
-    selected_value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    content: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.string)])
-  })]))]),
-  search_in_word_index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  search_numbers: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  default_value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  input_value: PropTypes.string,
-  open_on_focus: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  prevent_close: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  keep_open: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  opened: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  portal_class: PropTypes.string,
-  drawer_class: PropTypes.string,
-  class: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node, PropTypes.object, PropTypes.array]),
-  custom_element: PropTypes.object,
-  custom_method: PropTypes.func,
-  on_show: PropTypes.func,
-  on_type: PropTypes.func,
-  on_focus: PropTypes.func,
-  on_blur: PropTypes.func,
-  on_hide: PropTypes.func,
-  on_change: PropTypes.func,
-  on_select: PropTypes.func,
-  on_state_update: PropTypes.func
-}) : void 0;
-
-var AutocompleteInstance = function (_React$PureComponent2) {
-  _inherits(AutocompleteInstance, _React$PureComponent2);
-
-  var _super2 = _createSuper(AutocompleteInstance);
-
-  function AutocompleteInstance(_props, context) {
-    var _this2;
-
-    _classCallCheck(this, AutocompleteInstance);
-
-    _this2 = _super2.call(this, _props);
-
-    _defineProperty(_assertThisInitialized(_this2), "setVisible", function () {
-      var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
-      _this2.context.drawerList.setWrapperElement(_this2._refShell.current).setVisible(args, onStateComplete);
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "setHidden", function () {
-      var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
-      _this2.context.drawerList.setHidden(args, onStateComplete);
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "toggleVisible", function () {
-      var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      args = args || {};
-
-      if (typeof args.hasFilter === 'undefined') {
-        args.hasFilter = false;
-      }
-
-      if (isTrue(_this2.props.disabled)) {
-        return;
-      }
-
-      if (!args.hasFilter && !isTrue(_this2.props.prevent_close) && !_this2.context.drawerList.hidden && _this2.context.drawerList.isOpen) {
-        _this2.setHidden(null, onStateComplete);
-      } else {
-        _this2.setVisibleByContext(null, onStateComplete);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "toggleVisibleAndFocusOptions", function () {
-      _this2.context.drawerList.toggleVisible(null, function (isVisible) {
-        if (isVisible) {
-          try {
-            _this2.context.drawerList._refUl.current.focus({
-              preventScroll: true
-            });
-          } catch (e) {}
-        }
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "setVisibleByContext", function () {
-      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var skipFilter = _this2.state.showAllNextTime;
-
-      if (skipFilter) {
-        _this2.setState({
-          showAllNextTime: false,
-          _listenForPropChanges: false
-        });
-      }
-
-      _this2.runFilterToHighlight(_objectSpread({
-        fillDataIfEmpty: true,
-        skipFilter: skipFilter
-      }, options));
-
-      _this2.setVisible(null, onStateComplete);
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onInputChangeHandler", function (_ref) {
-      var value = _ref.value,
-          event = _ref.event;
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      _this2.setState({
-        typedInputValue: value,
-        inputValue: value,
-        _listenForPropChanges: false
-      });
-
-      dispatchCustomElementEvent(_assertThisInitialized(_this2), 'on_type', _objectSpread({
-        value: value,
-        event: event
-      }, _this2.getEventObjects('on_type')));
-      value = String(value).trim();
-
-      if (value !== _this2.state.inputValue) {
-        _this2.runFilterWithSideEffects(value, options);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "runFilterWithSideEffects", function (value) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      var data = _this2.runFilter(value, options);
-
-      var count = _this2.countData(data);
-
-      if (value && value.length > 0) {
-        if (count === 0) {
-          if (_this2.state.mode !== 'async') {
-            _this2.showNoOptionsItem();
-          }
-        } else if (count > 0) {
-          _this2.context.drawerList.setData(_this2.wrapWithShowAll(data));
-
-          _this2.context.drawerList.setState({
-            cache_hash: value + count
-          });
-
-          if (count === 1) {
-            _this2.context.drawerList.setState({
-              active_item: data[0].__id
-            });
-          }
-        }
-      } else {
-        _this2.totalReset();
-
-        _this2.showAllItems();
-      }
-
-      _this2.setVisible();
-
-      _this2.setAriaLiveUpdate();
-
-      return data;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "runFilterToHighlight", function () {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this2.state.inputValue;
-
-      var _ref2$fillDataIfEmpty = _ref2.fillDataIfEmpty,
-          fillDataIfEmpty = _ref2$fillDataIfEmpty === void 0 ? false : _ref2$fillDataIfEmpty,
-          options = _objectWithoutProperties(_ref2, _excluded);
-
-      var possibleTitle = AutocompleteInstance.getCurrentDataTitle(_this2.context.drawerList.selected_item, _this2.context.drawerList.original_data);
-
-      if (value === possibleTitle) {
-        return;
-      }
-
-      value = String(value || '').trim();
-
-      _this2.setState({
-        disableHighlighting: false,
-        _listenForPropChanges: false
-      });
-
-      var data = _this2.runFilter(value, options);
-
-      if (fillDataIfEmpty && data.length === 0 && value === '') {
-        data = _this2.context.drawerList.original_data;
-      }
-
-      _this2.context.drawerList.setData(_this2.wrapWithShowAll(data));
-
-      _this2.context.drawerList.setState({
-        cache_hash: value + _this2.countData(data)
-      });
-
-      _this2.setAriaLiveUpdate();
-
-      return data;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "wrapWithShowAll", function (data) {
-      if (!data || !_this2.hasFilterActive(data)) {
-        return data;
-      }
-
-      var lastItem = _this2.context.drawerList.original_data.slice(-1)[0];
-
-      if (lastItem && !lastItem.show_all) {
-        var lastActiveItem = data.slice(-1)[0];
-
-        if (lastActiveItem) {
-          data.push({
-            __id: lastItem.__id + 1,
-            lastActiveItem: lastActiveItem.__id,
-            class_name: 'dnb-autocomplete__show-all',
-            show_all: true,
-            active_item: false,
-            selected_item: false,
-            content: React.createElement(React.Fragment, null, _IconPrimary || (_IconPrimary = React.createElement(IconPrimary, {
-              icon: "arrow_down"
-            })), _this2._props.show_all)
-          });
-        }
-      }
-
-      return data;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "setInputValue", function (inputValue) {
-      _this2.setState({
-        inputValue: inputValue,
-        _listenForPropChanges: false
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "emptyData", function () {
-      _this2._cacheMemory = {};
-
-      _this2.setState({
-        inputValue: '',
-        typedInputValue: null,
-        _listenForPropChanges: false
-      });
-
-      _this2.context.drawerList.setData(function () {
-        return [];
-      }, function () {
-        _this2.setSearchIndex({
-          overwriteSearchIndex: true
-        });
-
-        _this2.resetActiveItem();
-
-        _this2.totalReset();
-      }, {
-        overwriteOriginalData: true
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "showNoOptionsItem", function () {
-      _this2.resetActiveItem();
-
-      _this2.ignoreEvents();
-
-      _this2.context.drawerList.setData([{
-        class_name: 'dnb-autocomplete__no-options',
-        content: _this2._props.no_options,
-        ignore_events: true,
-        __id: 'no_options'
-      }]);
-
-      _this2.context.drawerList.setState({
-        cache_hash: 'no_options'
-      });
-
-      _this2.setVisible();
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "showIndicatorItem", function () {
-      _this2.resetActiveItem();
-
-      _this2.ignoreEvents();
-
-      _this2.context.drawerList.setData([{
-        class_name: 'dnb-autocomplete__indicator',
-        content: React.createElement(ProgressIndicator, {
-          label: _this2._props.indicator_label
-        }),
-        ignore_events: true,
-        __id: 'indicator'
-      }]);
-
-      _this2.context.drawerList.setState({
-        cache_hash: 'indicator'
-      });
-
-      _this2.setVisible();
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "showIndicator", function () {
-      if (!_this2.state.visibleIndicator) {
-        _this2.setState({
-          visibleIndicator: true,
-          _listenForPropChanges: false
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "hideIndicator", function () {
-      _this2.setState({
-        visibleIndicator: false,
-        _listenForPropChanges: false
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "setMode", function (mode) {
-      _this2.setState({
-        mode: mode,
-        _listenForPropChanges: false
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "updateData", function (rawData) {
-      _this2.context.drawerList.setState({
-        cache_hash: 'updateData'
-      }, function () {
-        var itemIndex = _this2.context.drawerList.selected_item;
-
-        if (parseFloat(itemIndex) > -1) {
-          var newItem = rawData[itemIndex];
-          var oldItem = _this2.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)) {
-            _this2.resetSelectionItem();
-          }
-        }
-      });
-
-      _this2.context.drawerList.setData(function () {
-        return rawData;
-      }, function (newData) {
-        _this2.setSearchIndex({
-          overwriteSearchIndex: true,
-          data: newData
-        }, function () {
-          var typedInputValue = _this2.state.typedInputValue;
-
-          if (typedInputValue && typedInputValue.length > 0) {
-            var filteredData = _this2.runFilterWithSideEffects(typedInputValue);
-
-            if (_this2.countData(filteredData) === 0) {
-              _this2.showNoOptionsItem();
-            }
-          } else {
-            _this2.resetActiveItem();
-
-            if (_this2.context.drawerList.opened) {
-              _this2.showAllItems();
-            }
-          }
-        });
-      }, {
-        overwriteOriginalData: true
-      });
-
-      return _assertThisInitialized(_this2);
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onInputKeyDownHandler", function (_ref3) {
-      var e = _ref3.event;
-      var key = keycode(e);
-
-      switch (key) {
-        case 'page up':
-        case 'page down':
-        case 'home':
-        case 'end':
-        case 'down':
-        case 'up':
-          e.preventDefault();
-          break;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onInputClickHandler", function (e) {
-      var value = e.target.value;
-
-      _this2.setVisibleByContext({
-        value: value
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onInputFocusHandler", function (event) {
-      if (_this2.state.skipFocusDuringChange) {
-        return;
-      }
-
-      var _this2$props = _this2.props,
-          open_on_focus = _this2$props.open_on_focus,
-          keep_value_and_selection = _this2$props.keep_value_and_selection;
-
-      if (!_this2.state.hasFocus) {
-        if (isTrue(open_on_focus)) {
-          var value = event.target.value;
-
-          _this2.setVisibleByContext({
-            value: value
-          });
-        } else {
-          _this2.setSearchIndex();
-        }
-
-        if (isTrue(keep_value_and_selection)) {
-          _this2.showAll();
-        }
-
-        dispatchCustomElementEvent(_assertThisInitialized(_this2), 'on_focus', _objectSpread({
-          event: event
-        }, _this2.getEventObjects('on_focus')));
-
-        _this2.setState({
-          hasFocus: true,
-          hasBlur: false
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onReserveActivityHandler", function (event) {
-      _this2.__preventFiringBlurEvent = event.key === 'enter' || event.key === 'space' || event.target && getPreviousSibling('dnb-drawer-list', event.target);
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onBlurHandler", function (event) {
-      var _this2$props2 = _this2.props,
-          open_on_focus = _this2$props2.open_on_focus,
-          keep_value = _this2$props2.keep_value,
-          keep_value_and_selection = _this2$props2.keep_value_and_selection,
-          prevent_selection = _this2$props2.prevent_selection,
-          no_animation = _this2$props2.no_animation;
-
-      if (!_this2.state.hasBlur && !_this2.__preventFiringBlurEvent && !_this2.context.drawerList.hasFocusOnElement) {
-        dispatchCustomElementEvent(_assertThisInitialized(_this2), 'on_blur', _objectSpread({
-          event: event
-        }, _this2.getEventObjects('on_blur')));
-
-        _this2.setState({
-          hasBlur: true,
-          hasFocus: false
-        });
-
-        if (!isTrue(keep_value_and_selection)) {
-          _this2.setState({
-            typedInputValue: null,
-            _listenForPropChanges: false
-          });
-        }
-
-        if (!isTrue(prevent_selection) && !isTrue(keep_value_and_selection)) {
-          var existingValue = _this2.state.inputValue;
-
-          _this2.clearInputValue();
-
-          var resetAfterClose = function resetAfterClose() {
-            if (!isTrue(keep_value) || !existingValue || _this2.hasSelectedItem()) {
-              _this2.resetActiveItem();
-            }
-
-            _this2.resetFilter();
-          };
-
-          if (isTrue(no_animation)) {
-            resetAfterClose();
-          } else {
-            clearTimeout(_this2._blurTimeout);
-            _this2._blurTimeout = setTimeout(resetAfterClose, DrawerList.blurDelay);
-          }
-        }
-
-        if (isTrue(open_on_focus)) {
-          _this2.setHidden();
-        }
-      } else if (_this2.__preventFiringBlurEvent) {
-        _this2.__preventFiringBlurEvent = null;
-        return false;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onTriggerKeyDownHandler", function (e) {
-      var key = keycode(e);
-
-      switch (key) {
-        case 'space':
-          {
-            _this2.setVisible();
-          }
-          break;
-      }
-
-      switch (key) {
-        case 'space':
-        case 'enter':
-        case 'page up':
-        case 'page down':
-        case 'down':
-        case 'up':
-          {
-            e.preventDefault();
-
-            try {
-              _this2._refInput.current._ref.current.focus();
-            } catch (e) {
-              warn(e);
-            }
-          }
-          break;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onShellKeyDownHandler", function (e) {
-      var key = keycode(e);
-
-      switch (key) {
-        case 'up':
-        case 'down':
-          if (!_this2.context.drawerList.opened) {
-            e.preventDefault();
-
-            _this2.setVisible();
-          }
-
-          break;
-
-        case 'esc':
-          _this2.setState({
-            showAllNextTime: true,
-            _listenForPropChanges: false
-          });
-
-          break;
-
-        case 'enter':
-          e.preventDefault();
-
-          if (!_this2.context.drawerList.opened && _this2.hasFilterActive()) {
-            _this2.ignoreEvents();
-
-            _this2.showAll();
-          }
-
-          if ((!_this2.hasValidData() || !_this2.hasSelectedItem()) && !_this2.hasActiveItem()) {
-            clearTimeout(_this2._toggleVisibleTimeout);
-            _this2._toggleVisibleTimeout = setTimeout(_this2.toggleVisible, 1);
-          } else {
-            _this2.setVisible();
-          }
-
-          break;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "getEventObjects", function (key) {
-      var attributes = _this2.attributes;
-      return {
-        attributes: attributes,
-        dataList: _this2.context.drawerList.data,
-        updateData: _this2.updateData,
-        showAllItems: _this2.showAllItems,
-        setVisible: _this2.setVisible,
-        setHidden: _this2.setHidden,
-        emptyData: _this2.emptyData,
-        setInputValue: _this2.setInputValue,
-        showNoOptionsItem: _this2.showNoOptionsItem,
-        showIndicatorItem: _this2.showIndicatorItem,
-        showIndicator: _this2.showIndicator,
-        hideIndicator: _this2.hideIndicator,
-        setMode: _this2.setMode,
-        debounce: function debounce(func) {
-          var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-          var wait = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 250;
-          _this2.dbf = _this2.dbf || {};
-          return (_this2.dbf[key] || (_this2.dbf[key] = _debounce(func, wait, {
-            context: _assertThisInitialized(_this2)
-          })))(props);
-        }
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "hasShowMore", function () {
-      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this2.context.drawerList.data;
-      var lastItem = data.slice(-1)[0];
-      return lastItem && lastItem.show_all === true;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "countData", function () {
-      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this2.context.drawerList.data;
-      var count = data.length;
-      return count > 0 && _this2.hasShowMore(data) ? count - 1 : count;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "hasValidData", function () {
-      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this2.context.drawerList.data;
-
-      if (_this2.countData(data) > 0) {
-        var first = data[0];
-
-        if (!first.show_all && !['no_options', 'indicator'].includes(first.__id)) {
-          return true;
-        }
-      }
-
-      return false;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "hasSelectedItem", function () {
-      return parseFloat(_this2.context.drawerList.selected_item) > -1;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "hasActiveItem", function () {
-      return parseFloat(_this2.context.drawerList.active_item) > -1;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "hasFilterActive", function () {
-      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this2.context.drawerList.data;
-      return !(_this2.context.drawerList.original_data && _this2.context.drawerList.original_data.length === _this2.countData(data));
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "ignoreEvents", function () {
-      clearTimeout(_this2.showAllTimeout);
-
-      _this2.context.drawerList.setState({
-        ignore_events: true
-      }, function () {
-        _this2.showAllTimeout = setTimeout(function () {
-          _this2.context && _this2.context.drawerList && _this2.context.drawerList.setState({
-            ignore_events: false
-          });
-        }, 10);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "showAll", function () {
-      _this2.resetFilter();
-
-      _this2.context.drawerList.setState({
-        cache_hash: 'all'
-      });
-
-      _this2.runFilterToHighlight({
-        skipFilter: true,
-        fillDataIfEmpty: true
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "showAllItems", function () {
-      _this2.resetFilter();
-
-      _this2.context.drawerList.setState({
-        cache_hash: 'all'
-      });
-
-      _this2.context.drawerList.setActiveItemAndScrollToIt(_this2.context.drawerList.selected_item, {
-        scrollTo: false
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "totalReset", function () {
-      if (!isTrue(_this2.props.keep_value) && !isTrue(_this2.props.keep_value_and_selection)) {
-        _this2.setState({
-          inputValue: null
-        });
-      }
-
-      _this2.setState({
-        typedInputValue: null,
-        _listenForPropChanges: false
-      });
-
-      _this2.resetActiveItem();
-
-      _this2.resetSelectionItem();
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "resetActiveItem", function () {
-      _this2.context.drawerList.setState({
-        active_item: null
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "resetSelectionItem", function () {
-      var hasHadValue = _this2.hasSelectedItem();
-
-      _this2.context.drawerList.setState({
-        selected_item: null
-      }, function () {
-        if (hasHadValue) {
-          dispatchCustomElementEvent(_assertThisInitialized(_this2), 'on_change', _objectSpread({}, _this2.getEventObjects('on_change')));
-        }
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "clearInputValue", function () {
-      var _this2$props3 = _this2.props,
-          input_value = _this2$props3.input_value,
-          keep_value = _this2$props3.keep_value;
-      var inputValue = AutocompleteInstance.getCurrentDataTitle(_this2.context.drawerList.selected_item, _this2.context.drawerList.original_data);
-      clearTimeout(_this2._selectTimeout);
-      _this2._selectTimeout = setTimeout(function () {
-        if (_this2.hasSelectedItem()) {
-          _this2.setState({
-            inputValue: inputValue,
-            _listenForPropChanges: false
-          });
-        } else if (!(input_value !== 'initval' && input_value.length > 0) && !isTrue(keep_value)) {
-          _this2.setState({
-            inputValue: '',
-            _listenForPropChanges: false
-          });
-        }
-      }, 1);
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "resetFilter", function () {
-      _this2.context.drawerList.setData(_this2.context.drawerList.original_data);
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "runFilter", function (value) {
-      var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          _ref4$data = _ref4.data,
-          data = _ref4$data === void 0 ? null : _ref4$data,
-          _ref4$searchIndex = _ref4.searchIndex,
-          searchIndex = _ref4$searchIndex === void 0 ? _this2.state.searchIndex : _ref4$searchIndex,
-          _ref4$searchNumbers = _ref4.searchNumbers,
-          searchNumbers = _ref4$searchNumbers === void 0 ? isTrue(_this2.props.search_numbers) : _ref4$searchNumbers,
-          _ref4$inWordIndex = _ref4.inWordIndex,
-          inWordIndex = _ref4$inWordIndex === void 0 ? (parseFloat(_this2.props.search_in_word_index) || 3) - 2 : _ref4$inWordIndex,
-          _ref4$disableHighligh = _ref4.disableHighlighting,
-          disableHighlighting = _ref4$disableHighligh === void 0 ? false : _ref4$disableHighligh,
-          _ref4$skipFilter = _ref4.skipFilter,
-          skipFilter = _ref4$skipFilter === void 0 ? false : _ref4$skipFilter,
-          _ref4$skipReorder = _ref4.skipReorder,
-          skipReorder = _ref4$skipReorder === void 0 ? false : _ref4$skipReorder;
-
-      if (data) {
-        searchIndex = _this2.setSearchIndex({
-          data: data
-        });
-      } else if (!searchIndex) {
-        searchIndex = _this2.setSearchIndex();
-      }
-
-      if (typeof searchIndex === 'undefined') {
-        return [];
-      }
-
-      var searchWords = value.split(/\s+/g).filter(Boolean);
-      var wordCond = '^|\\s';
-
-      var findSearchWords = function findSearchWords(contentChunk) {
-        if (typeof contentChunk !== 'string') {
-          return [];
-        }
-
-        return searchWords.map(function (word, wordIndex) {
-          return {
-            word: word,
-            wordIndex: wordIndex
-          };
-        }).filter(function (_ref5) {
-          var word = _ref5.word,
-              wordIndex = _ref5.wordIndex;
-
-          if (searchNumbers) {
-            word = word.replace(/[^\d\w]/g, '');
-          } else {
-            word = escapeRegexChars(word);
-          }
-
-          if (searchNumbers) {
-            word = word.replace(/(\d)/g, '$1+');
-          }
-
-          var regexWord = new RegExp(wordIndex > inWordIndex ? "".concat(word) : "(".concat(wordCond, ")").concat(word), 'i');
-
-          if (regexWord.test(contentChunk)) {
-            return true;
-          }
-
-          if (searchNumbers && regexWord.test(contentChunk.replace(/[^0-9]/g, ''))) {
-            return true;
-          }
-
-          return false;
-        }).map(function (_ref6) {
-          var word = _ref6.word,
-              wordIndex = _ref6.wordIndex;
-          var wordScore = 0;
-          wordScore += (contentChunk.match(new RegExp("(".concat(wordCond, ")").concat(escapeRegexChars(word)), 'ig')) || []).length;
-
-          if (wordIndex === 0) {
-            var isFirstWord = new RegExp("^".concat(escapeRegexChars(searchWords[0])), 'i').test(contentChunk.split(' ')[0]);
-
-            if (isFirstWord) {
-              wordScore += searchWords.length + 1;
-            }
-          }
-
-          return {
-            word: word,
-            wordIndex: wordIndex,
-            wordScore: wordScore
-          };
-        });
-      };
-
-      var strS = "\uFFFE";
-      var strE = "\uFFFF";
-      var tagS = '<span class="dnb-drawer-list__option__item--highlight">';
-      var tagE = '</span>';
-      searchIndex = searchIndex.map(function (item, i) {
-        var 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 = function (children, id) {
-          var _children2, _children2$props;
-
-          if (disableHighlighting || _this2.state.disableHighlighting) {
-            return children;
-          }
-
-          var cacheHash = id + value;
-          _this2._cacheMemory = _this2._cacheMemory || {};
-
-          if (_this2._cacheMemory[cacheHash]) {
-            return _this2._cacheMemory[cacheHash];
-          }
-
-          var isComponent = typeof children !== 'string' && React.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(function (originalChild) {
-            return {
-              originalChild: originalChild,
-              segment: convertJsxToString(originalChild, ' ')
-            };
-          });
-          children = children.map(function (_ref7, idx) {
-            var originalChild = _ref7.originalChild,
-                segment = _ref7.segment;
-            searchWords.forEach(function (word, wordIndex) {
-              if (segment) {
-                word = escapeRegexChars(word);
-
-                if (searchNumbers) {
-                  word.split('').forEach(function (char) {
-                    if (/[\d\w]/.test(char)) {
-                      segment = segment.replace(new RegExp("(".concat(char, ")"), 'gi'), "".concat(strS, "$1").concat(strE));
-                    }
-                  });
-                } else {
-                  if (wordIndex > inWordIndex) {
-                    segment = segment.replace(new RegExp("(".concat(word, ")"), 'gi'), "".concat(strS, "$1").concat(strE));
-                  } else {
-                    segment = segment.replace(new RegExp("(".concat(wordCond, ")(").concat(word, ")"), 'gi'), "$1".concat(strS, "$2").concat(strE));
-                  }
-                }
-              }
-            });
-            var result = segment;
-
-            if (segment.includes(strS)) {
-              var __html = segment.replace(new RegExp("(".concat(strS, ")+"), 'g'), strS).replace(new RegExp("(".concat(strE, ")+"), 'g'), strE).replace(new RegExp("(".concat(strE).concat(strS, ")"), 'g'), '').replace(new RegExp(strS, 'g'), tagS).replace(new RegExp(strE, 'g'), tagE);
-
-              result = React.createElement("span", {
-                key: cacheHash + idx,
-                dangerouslySetInnerHTML: {
-                  __html: __html
-                }
-              });
-            } else {
-              result = React.createElement("span", {
-                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(function (Comp) {
-                  return Comp === originalChild || Comp.props && Comp.props.children === originalChild ? result : Comp;
-                });
-              } else if (typeof originalChild === 'string') {
-                result = originalChild;
-              }
-
-              if (React.isValidElement(originalChild)) {
-                result = React.cloneElement(originalChild, {
-                  key: 'clone' + cacheHash + idx
-                }, result);
-              }
-            }
-
-            return result;
-          });
-          return _this2._cacheMemory[cacheHash] = children;
-        };
-
-        if (_this2.skipFilter || skipFilter) {
-          return item.dataItem;
-        }
-
-        var totalScore = listOfFoundWords.length;
-
-        var _iterator = _createForOfIteratorHelper(listOfFoundWords),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var wordScore = _step.value.wordScore;
-            totalScore += wordScore;
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        return {
-          totalScore: totalScore,
-          item: item
-        };
-      });
-
-      if (!_this2.skipFilter && !skipFilter) {
-        searchIndex = searchIndex.filter(function (_ref8) {
-          var totalScore = _ref8.totalScore;
-          return totalScore;
-        });
-
-        if (!_this2.skipReorder && !skipReorder) {
-          searchIndex = searchIndex.sort(function (_ref9, _ref10) {
-            var a = _ref9.totalScore;
-            var b = _ref10.totalScore;
-            return b - a;
-          });
-        }
-
-        searchIndex = searchIndex.map(function (_ref11) {
-          var item = _ref11.item;
-          return item.dataItem;
-        });
-      }
-
-      return searchIndex;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onHideHandler", function () {
-      var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var res = dispatchCustomElementEvent(_assertThisInitialized(_this2), 'on_hide', _objectSpread(_objectSpread({}, args), _this2.getEventObjects('on_hide')));
-
-      if (res !== false) {
-        _this2.setFocusOnInput();
-      }
-
-      return res;
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onSelectHandler", function (args) {
-      if (parseFloat(args.active_item) > -1) {
-        dispatchCustomElementEvent(_assertThisInitialized(_this2), 'on_select', _objectSpread(_objectSpread({}, args), _this2.getEventObjects('on_select')));
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onPreChangeHandler", function (_ref12) {
-      var data = _ref12.data;
-
-      if (data && data.show_all) {
-        _this2.showAll();
-
-        var active_item = data.lastActiveItem;
-
-        if (parseFloat(active_item) > -1) {
-          _this2.context.drawerList.setActiveItemAndScrollToIt(active_item, {
-            scrollTo: false
-          });
-        }
-
-        _this2.setFocusOnInput();
-
-        return false;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this2), "onChangeHandler", function (args) {
-      var selected_item = args.selected_item;
-      var _this2$props4 = _this2.props,
-          prevent_selection = _this2$props4.prevent_selection,
-          keep_open = _this2$props4.keep_open;
-
-      if (!isTrue(prevent_selection)) {
-        if (!isTrue(keep_open)) {
-          _this2.setState({
-            skipFocusDuringChange: true,
-            disableHighlighting: true,
-            _listenForPropChanges: false
-          });
-
-          _this2.setHidden();
-
-          try {
-            _this2.context.drawerList._refUl.current.focus({
-              preventScroll: true
-            });
-          } catch (e) {}
-
-          _this2.setState({
-            inputValue: AutocompleteInstance.getCurrentDataTitle(selected_item, _this2.context.drawerList.data),
-            skipFocusDuringChange: false,
-            _listenForPropChanges: false
-          }, function () {
-            return _this2.setFocusOnInput();
-          });
-        } else {
-          _this2.setState({
-            inputValue: AutocompleteInstance.getCurrentDataTitle(selected_item, _this2.context.drawerList.data),
-            _listenForPropChanges: false
-          });
-        }
-      }
-
-      if (typeof args.data.render === 'function') {
-        delete args.data.render;
-      }
-
-      dispatchCustomElementEvent(_assertThisInitialized(_this2), 'on_change', _objectSpread(_objectSpread({}, args), _this2.getEventObjects('on_change')));
-    });
-
-    _this2._id = _props.id || makeUniqueId();
-    _this2.attributes = {};
-    _this2.state = _this2.state || {};
-    _this2.state._listenForPropChanges = true;
-    _this2.state.mode = _props.mode;
-    _this2.state.prevData = _props.data;
-    _this2.state.updateData = _this2.updateData;
-
-    if (context.drawerList && context.drawerList.current_title) {
-      _this2.state.inputValue = context.drawerList.current_title;
-    }
-
-    _this2._ref = React.createRef();
-    _this2._refShell = React.createRef();
-    _this2._refInput = React.createRef();
-    _this2.isTouchDevice = isTouchDevice();
-    _this2.skipFilter = isTrue(_props.disable_filter);
-    _this2.skipReorder = isTrue(_props.disable_reorder);
-    return _this2;
-  }
-
-  _createClass(AutocompleteInstance, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (isTrue(this.props.opened)) {
-        this.runFilterToHighlight({
-          fillDataIfEmpty: true
-        });
-        this.setVisible();
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this3 = this;
-
-      if (prevProps.value !== this.props.value) {
-        this.setState({}, function () {
-          var inputValue = AutocompleteInstance.getCurrentDataTitle(_this3.context.drawerList.selected_item, _this3.context.drawerList.original_data);
-
-          _this3.setState({
-            inputValue: inputValue
-          });
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this._selectTimeout);
-      clearTimeout(this._ariaLiveUpdateTimeout);
-      clearTimeout(this._focusTimeout);
-      clearTimeout(this._blurTimeout);
-      clearTimeout(this._toggleVisibleTimeout);
-    }
-  }, {
-    key: "setSearchIndex",
-    value: function setSearchIndex() {
-      var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref13$overwriteSearc = _ref13.overwriteSearchIndex,
-          overwriteSearchIndex = _ref13$overwriteSearc === void 0 ? false : _ref13$overwriteSearc,
-          _ref13$data = _ref13.data,
-          data = _ref13$data === void 0 ? this.context.drawerList.original_data : _ref13$data;
-
-      var cb = arguments.length > 1 ? arguments[1] : undefined;
-      this._cacheMemory = {};
-
-      if (!overwriteSearchIndex && this.state.searchIndex) {
-        return this.state.searchIndex;
-      }
-
-      var searchIndex = AutocompleteInstance.createSearchIndex(data);
-      this.setState({
-        searchIndex: searchIndex,
-        _listenForPropChanges: false
-      }, cb);
-      return searchIndex;
-    }
-  }, {
-    key: "setFocusOnInput",
-    value: function setFocusOnInput() {
-      var _this4 = this;
-
-      this.setState({
-        hasFocus: true
-      }, function () {
-        try {
-          _this4._refInput.current._ref.current.focus({
-            preventScroll: true
-          });
-        } catch (e) {}
-
-        clearTimeout(_this4._focusTimeout);
-        _this4._focusTimeout = setTimeout(function () {
-          _this4.setState({
-            hasFocus: false
-          });
-        }, 1);
-      });
-    }
-  }, {
-    key: "setAriaLiveUpdate",
-    value: function setAriaLiveUpdate() {
-      var _this5 = this;
-
-      var opened = this.context.drawerList.opened;
-      var _this$_props = this._props,
-          aria_live_options = _this$_props.aria_live_options,
-          no_options = _this$_props.no_options;
-      clearTimeout(this._ariaLiveUpdateTimeout);
-      this._ariaLiveUpdateTimeout = setTimeout(function () {
-        if (opened) {
-          var newString = null;
-
-          var count = _this5.countData();
-
-          if (count > 0) {
-            newString = String(aria_live_options).replace('%s', count);
-          } else {
-            newString = no_options;
-          }
-
-          if (newString) {
-            _this5.setState({
-              ariaLiveUpdate: newString,
-              _listenForPropChanges: false
-            });
-
-            _this5._ariaLiveUpdateTimeout = setTimeout(function () {
-              _this5.setState({
-                ariaLiveUpdate: null,
-                _listenForPropChanges: false
-              });
-            }, 1e3);
-          }
-        }
-      }, 1e3);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var props = this._props = extendPropsWithContext(this.props, Autocomplete.defaultProps, this.context.getTranslation(this.props).Autocomplete, this.context.FormRow, this.context.Autocomplete);
-
-      var title = props.title,
-          placeholder = props.placeholder,
-          label = props.label,
-          label_direction = props.label_direction,
-          label_sr_only = props.label_sr_only,
-          icon = props.icon,
-          icon_size = props.icon_size,
-          input_icon = props.input_icon,
-          size = props.size,
-          align_autocomplete = props.align_autocomplete,
-          fixed_position = props.fixed_position,
-          status = props.status,
-          status_state = props.status_state,
-          status_props = props.status_props,
-          status_no_animation = props.status_no_animation,
-          global_status_id = props.global_status_id,
-          suffix = props.suffix,
-          scrollable = props.scrollable,
-          focusable = props.focusable,
-          keep_open = props.keep_open,
-          keep_value = props.keep_value,
-          keep_value_and_selection = props.keep_value_and_selection,
-          show_clear_button = props.show_clear_button,
-          prevent_close = props.prevent_close,
-          no_animation = props.no_animation,
-          no_scroll_animation = props.no_scroll_animation,
-          show_submit_button = props.show_submit_button,
-          submit_element = props.submit_element,
-          CustomInput = props.input_element,
-          options_render = props.options_render,
-          prevent_selection = props.prevent_selection,
-          max_height = props.max_height,
-          default_value = props.default_value,
-          search_numbers = props.search_numbers,
-          search_in_word_index = props.search_in_word_index,
-          show_options_sr = props.show_options_sr,
-          submit_button_title = props.submit_button_title,
-          submit_button_icon = props.submit_button_icon,
-          portal_class = props.portal_class,
-          drawer_class = props.drawer_class,
-          input_ref = props.input_ref,
-          className = props.className,
-          _className = props.class,
-          disabled = props.disabled,
-          stretch = props.stretch,
-          skeleton = props.skeleton,
-          triangle_position = props.triangle_position,
-          icon_position = props.icon_position,
-          skip_portal = props.skip_portal,
-          _mode = props.mode,
-          _data = props.data,
-          _children = props.children,
-          _direction = props.direction,
-          _id = props.id,
-          _opened = props.opened,
-          _value = props.value,
-          _input_value = props.input_value,
-          indicator_label = props.indicator_label,
-          no_options = props.no_options,
-          show_all = props.show_all,
-          aria_live_options = props.aria_live_options,
-          disable_highlighting = props.disable_highlighting,
-          attributes = _objectWithoutProperties(props, _excluded2);
-
-      var id = this._id;
-      var showStatus = getStatusState(status);
-      var _this$state = this.state,
-          inputValue = _this$state.inputValue,
-          visibleIndicator = _this$state.visibleIndicator,
-          ariaLiveUpdate = _this$state.ariaLiveUpdate;
-      var _this$context$drawerL = this.context.drawerList,
-          hidden = _this$context$drawerL.hidden,
-          selected_item = _this$context$drawerL.selected_item,
-          active_item = _this$context$drawerL.active_item,
-          direction = _this$context$drawerL.direction,
-          opened = _this$context$drawerL.opened;
-      var isExpanded = Boolean(opened) && this.hasValidData();
-      delete attributes.onBlur;
-      this.attributes = validateDOMAttributes(null, attributes);
-
-      _extends(this.context.drawerList.attributes, this.attributes);
-
-      var mainParams = {
-        className: classnames("dnb-autocomplete dnb-autocomplete--".concat(direction, " dnb-form-component"), createSpacingClasses(props), _className, className, opened && 'dnb-autocomplete--opened', label_direction && "dnb-autocomplete--".concat(label_direction), icon_position && "dnb-autocomplete--icon-position-".concat(icon_position), align_autocomplete && "dnb-autocomplete--".concat(align_autocomplete), visibleIndicator && 'dnb-autocomplete--show-indicator', size && "dnb-autocomplete--".concat(size), isTrue(stretch) && "dnb-autocomplete--stretch", status && "dnb-autocomplete__status--".concat(status_state), showStatus && 'dnb-autocomplete__form-status')
-      };
-      var shellParams = {
-        className: 'dnb-autocomplete__shell dnb-no-focus',
-        ref: this._refShell,
-        onKeyDown: this.onShellKeyDownHandler
-      };
-
-      var inputParams = _objectSpread({
-        className: 'dnb-autocomplete__input',
-        id: id,
-        value: inputValue,
-        autoCapitalize: 'none',
-        spellCheck: 'false',
-        autoCorrect: 'off',
-        autoComplete: 'off',
-        role: 'combobox',
-        'aria-autocomplete': 'both',
-        'aria-controls': "".concat(id, "-ul"),
-        'aria-haspopup': 'listbox',
-        'aria-expanded': isExpanded,
-        onMouseDown: this.onInputClickHandler,
-        onTouchStart: this.onInputClickHandler,
-        onKeyDown: this.onInputKeyDownHandler,
-        onChange: this.onInputChangeHandler,
-        onFocus: this.onInputFocusHandler,
-        onBlur: this.onBlurHandler,
-        icon_position: icon_position,
-        inner_ref: input_ref,
-        disabled: disabled,
-        skeleton: skeleton
-      }, attributes);
-
-      if (!(parseFloat(selected_item) > -1)) {
-        inputParams.placeholder = placeholder || title;
-
-        if (!(IS_WIN && (IS_IE11 || IS_EDGE))) {
-          inputParams['aria-placeholder'] = undefined;
-        }
-      }
-
-      if (!hidden) {
-        if (parseFloat(active_item) > -1) {
-          inputParams['aria-activedescendant'] = "option-".concat(id, "-").concat(active_item);
-        } else if (!isTrue(prevent_selection) && parseFloat(selected_item) > -1) {
-          inputParams['aria-activedescendant'] = "option-".concat(id, "-").concat(selected_item);
-        }
-      }
-
-      if (showStatus || suffix) {
-        inputParams['aria-describedby'] = combineDescribedBy(inputParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
-      }
-
-      var submitButton = false;
-      var triggerParams = {
-        id: id + '-submit-button',
-        disabled: disabled,
-        status: !opened && status ? status_state : null,
-        onKeyDown: this.onTriggerKeyDownHandler,
-        onSubmit: this.toggleVisible,
-        'aria-haspopup': 'listbox',
-        'aria-expanded': isExpanded,
-        tooltip: hidden ? submit_button_title : null,
-        className: opened ? 'dnb-button--active' : null
-      };
-
-      if (submit_element && React.isValidElement(submit_element)) {
-        submitButton = React.cloneElement(submit_element, triggerParams);
-      } else if (isTrue(show_submit_button)) {
-        submitButton = React.createElement(SubmitButton, _extends({
-          icon: submit_button_icon,
-          icon_size: icon_size || (size === 'large' ? 'medium' : 'default'),
-          variant: "secondary",
-          size: size === 'default' ? 'medium' : size,
-          type: "button"
-        }, triggerParams));
-      }
-
-      validateDOMAttributes(null, mainParams);
-      validateDOMAttributes(null, shellParams);
-      return React.createElement("span", mainParams, label && React.createElement(FormLabel, {
-        id: id + '-label',
-        for_id: id,
-        text: label,
-        label_direction: label_direction,
-        sr_only: label_sr_only,
-        disabled: disabled,
-        skeleton: skeleton,
-        onClick: this.toggleVisible
-      }), React.createElement("span", {
-        className: "dnb-autocomplete__inner",
-        ref: this._ref
-      }, _AlignmentHelper || (_AlignmentHelper = React.createElement(AlignmentHelper, null)), React.createElement(FormStatus, _extends({
-        show: showStatus,
-        id: id + '-form-status',
-        global_status_id: global_status_id,
-        label: label,
-        text_id: id + '-status',
-        text: status,
-        status: status_state,
-        no_animation: status_no_animation,
-        skeleton: skeleton
-      }, status_props)), React.createElement("span", {
-        className: "dnb-autocomplete__row"
-      }, React.createElement("span", shellParams, CustomInput ? React.createElement(CustomInput, inputParams) : React.createElement(Input, _extends({
-        icon: visibleIndicator ? React.createElement(ProgressIndicator, {
-          size: size === 'large' ? 'medium' : 'small'
-        }) : input_icon,
-        icon_size: icon_size || (size === 'large' ? 'medium' : 'default'),
-        size: size,
-        status: status ? status_state : null,
-        status_state: status_state,
-        type: null,
-        submit_element: submitButton,
-        input_state: this.state.skipFocusDuringChange ? 'focus' : undefined,
-        clear: isTrue(show_clear_button),
-        ref: this._refInput
-      }, inputParams, status_props)), !submitButton && React.createElement("span", {
-        className: "dnb-sr-only"
-      }, React.createElement("button", {
-        tabIndex: "-1",
-        type: "button",
-        onClick: this.toggleVisibleAndFocusOptions
-      }, show_options_sr)), React.createElement(DrawerList, {
-        id: id,
-        className: classnames('dnb-autocomplete__root', drawer_class),
-        portal_class: portal_class,
-        list_class: "dnb-autocomplete__list",
-        value: selected_item,
-        default_value: default_value,
-        scrollable: scrollable,
-        focusable: focusable,
-        no_animation: no_animation,
-        no_scroll_animation: no_scroll_animation,
-        skip_portal: skip_portal,
-        prevent_selection: prevent_selection,
-        triangle_position: triangle_position || icon_position,
-        keep_open: keep_open,
-        prevent_close: prevent_close,
-        align_drawer: align_autocomplete,
-        fixed_position: fixed_position,
-        disabled: disabled,
-        max_height: max_height,
-        direction: direction,
-        size: size,
-        options_render: options_render,
-        on_change: this.onChangeHandler,
-        on_select: this.onSelectHandler,
-        on_hide: this.onHideHandler,
-        on_pre_change: this.onPreChangeHandler,
-        on_key_down: this.onReserveActivityHandler,
-        onMouseDown: this.onReserveActivityHandler,
-        onTouchStart: this.onReserveActivityHandler
-      })), suffix && React.createElement(Suffix, {
-        className: "dnb-autocomplete__suffix",
-        id: id + '-suffix',
-        context: props
-      }, suffix))), IS_MAC && React.createElement("span", {
-        className: "dnb-sr-only",
-        "aria-live": "assertive"
-      }, AutocompleteInstance.getCurrentDataTitle(active_item, this.context.drawerList.original_data)), React.createElement("span", {
-        className: "dnb-sr-only",
-        "aria-live": "assertive"
-      }, ariaLiveUpdate));
-    }
-  }], [{
-    key: "parseDataItem",
-    value: function parseDataItem(dataItem) {
-      var searchWord = parseContentTitle(dataItem.search_content || dataItem, {
-        separator: ' '
-      });
-
-      if (typeof searchWord !== 'string' && Array.isArray(searchWord)) {
-        return AutocompleteInstance.parseDataItem(searchWord);
-      }
-
-      return searchWord;
-    }
-  }, {
-    key: "createSearchIndex",
-    value: function createSearchIndex(data) {
-      return data.map(function (dataItem) {
-        var contentChunk = AutocompleteInstance.parseDataItem(dataItem);
-        return {
-          dataItem: dataItem,
-          contentChunk: contentChunk
-        };
-      });
-    }
-  }, {
-    key: "getCurrentDataTitle",
-    value: function getCurrentDataTitle(selected_item, data) {
-      var currentData = getCurrentData(selected_item, data);
-      return parseContentTitle(currentData, {
-        separator: ' ',
-        preferSelectedValue: true
-      });
-    }
-  }, {
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (state._listenForPropChanges) {
-        state.disableHighlighting = 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;
-    }
-  }]);
-
-  return AutocompleteInstance;
-}(React.PureComponent);
-
-_defineProperty(AutocompleteInstance, "defaultProps", Autocomplete.defaultProps);
-
-_defineProperty(AutocompleteInstance, "contextType", DrawerListContext);
-
-process.env.NODE_ENV !== "production" ? AutocompleteInstance.propTypes = Autocomplete.propTypes : void 0;
-Autocomplete.HorizontalItem = DrawerList.HorizontalItem;