@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/autocomplete/Autocomplete.js

@@ -1,16 +1,11 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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"];
-
-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; }
-
+  _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 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; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -35,7 +30,6 @@ export default class Autocomplete extends React.PureComponent {
     super(props);
     this._id = props.id || makeUniqueId();
   }
-
   render() {
     return React.createElement(DrawerListProvider, _extends({}, this.props, {
       id: this._id,
@@ -49,9 +43,7 @@ export default class Autocomplete extends React.PureComponent {
       id: this._id
     }, this.props)));
   }
-
 }
-
 _defineProperty(Autocomplete, "defaultProps", {
   id: null,
   mode: 'sync',
@@ -131,7 +123,6 @@ _defineProperty(Autocomplete, "defaultProps", {
   on_state_update: null,
   input_element: null
 });
-
 process.env.NODE_ENV !== "production" ? Autocomplete.propTypes = _objectSpread(_objectSpread(_objectSpread({}, spacingPropTypes), drawerListPropTypes), {}, {
   id: PropTypes.string,
   mode: PropTypes.oneOf(['sync', 'async']),
@@ -218,20 +209,16 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes = _objectSpread(_
   on_select: PropTypes.func,
   on_state_update: PropTypes.func
 }) : void 0;
-
 class AutocompleteInstance extends React.PureComponent {
   static parseDataItem(dataItem) {
     const searchWord = 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);
@@ -241,7 +228,6 @@ class AutocompleteInstance extends React.PureComponent {
       };
     });
   }
-
   static getCurrentDataTitle(selected_item, data) {
     const currentData = getCurrentData(selected_item, data);
     return parseContentTitle(currentData, {
@@ -249,54 +235,42 @@ class AutocompleteInstance extends React.PureComponent {
       preferSelectedValue: true
     });
   }
-
   static 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;
   }
-
   constructor(_props, context) {
     super(_props);
-
     _defineProperty(this, "setVisible", (args = null, onStateComplete = null) => {
       this.context.drawerList.setWrapperElement(this._ref.current).setVisible(args, onStateComplete);
     });
-
     _defineProperty(this, "setHidden", (args = null, onStateComplete = null) => {
       this.context.drawerList.setHidden(args, onStateComplete);
     });
-
     _defineProperty(this, "toggleVisible", (args = null, onStateComplete = null) => {
       args = args || {};
-
       if (typeof args.hasFilter === 'undefined') {
         args.hasFilter = false;
       }
-
       if (isTrue(this.props.disabled)) {
         return;
       }
-
       if (!args.hasFilter && !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) {
@@ -308,24 +282,20 @@ class AutocompleteInstance extends React.PureComponent {
         }
       });
     });
-
     _defineProperty(this, "setVisibleByContext", (options = {}, onStateComplete = 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", ({
       value,
       event
@@ -340,16 +310,13 @@ class AutocompleteInstance extends React.PureComponent {
         event
       }, this.getEventObjects('on_type')));
       value = String(value).trim();
-
       if (value !== this.state.inputValue) {
         this.runFilterWithSideEffects(value, options);
       }
     });
-
     _defineProperty(this, "runFilterWithSideEffects", (value, options = {}) => {
       const data = this.runFilter(value, options);
       const count = this.countData(data);
-
       if (value && value.length > 0) {
         if (count === 0) {
           if (this.state.mode !== 'async') {
@@ -360,7 +327,6 @@ class AutocompleteInstance extends React.PureComponent {
           this.context.drawerList.setState({
             cache_hash: value + count
           });
-
           if (count === 1) {
             this.context.drawerList.setState({
               active_item: data[0].__id
@@ -371,35 +337,28 @@ class AutocompleteInstance extends React.PureComponent {
         this.totalReset();
         this.showAllItems();
       }
-
       this.setVisible();
       this.setAriaLiveUpdate();
       return data;
     });
-
     _defineProperty(this, "runFilterToHighlight", (_ref = {}, value = this.state.inputValue) => {
       let {
-        fillDataIfEmpty = false
-      } = _ref,
-          options = _objectWithoutProperties(_ref, _excluded);
-
+          fillDataIfEmpty = false
+        } = _ref,
+        options = _objectWithoutProperties(_ref, _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)
@@ -407,17 +366,13 @@ class AutocompleteInstance extends React.PureComponent {
       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,
@@ -432,17 +387,14 @@ class AutocompleteInstance extends React.PureComponent {
           });
         }
       }
-
       return data;
     });
-
     _defineProperty(this, "setInputValue", inputValue => {
       this.setState({
         inputValue,
         _listenForPropChanges: false
       });
     });
-
     _defineProperty(this, "emptyData", () => {
       this._cacheMemory = {};
       this.setState({
@@ -460,7 +412,6 @@ class AutocompleteInstance extends React.PureComponent {
         overwriteOriginalData: true
       });
     });
-
     _defineProperty(this, "showNoOptionsItem", () => {
       this.resetActiveItem();
       this.ignoreEvents();
@@ -475,7 +426,6 @@ class AutocompleteInstance extends React.PureComponent {
       });
       this.setVisible();
     });
-
     _defineProperty(this, "showIndicatorItem", () => {
       this.resetActiveItem();
       this.ignoreEvents();
@@ -492,7 +442,6 @@ class AutocompleteInstance extends React.PureComponent {
       });
       this.setVisible();
     });
-
     _defineProperty(this, "showIndicator", () => {
       if (!this.state.visibleIndicator) {
         this.setState({
@@ -501,31 +450,26 @@ class AutocompleteInstance extends React.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();
           }
@@ -539,16 +483,13 @@ class AutocompleteInstance extends React.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();
             }
@@ -559,12 +500,10 @@ class AutocompleteInstance extends React.PureComponent {
       });
       return this;
     });
-
     _defineProperty(this, "onInputKeyDownHandler", ({
       event: e
     }) => {
       const key = keycode(e);
-
       switch (key) {
         case 'page up':
         case 'page down':
@@ -576,7 +515,6 @@ class AutocompleteInstance extends React.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onInputClickHandler", e => {
       const {
         value
@@ -585,17 +523,14 @@ class AutocompleteInstance extends React.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 (isTrue(open_on_focus)) {
           const {
@@ -607,11 +542,9 @@ class AutocompleteInstance extends React.PureComponent {
         } else {
           this.setSearchIndex();
         }
-
         if (isTrue(keep_value_and_selection)) {
           this.showAll();
         }
-
         dispatchCustomElementEvent(this, 'on_focus', _objectSpread({
           event
         }, this.getEventObjects('on_focus')));
@@ -621,11 +554,9 @@ class AutocompleteInstance extends React.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onReserveActivityHandler", event => {
       this.__preventFiringBlurEvent = event.key === 'enter' || event.key === 'space' || event.target && getPreviousSibling('dnb-drawer-list', event.target);
     });
-
     _defineProperty(this, "onBlurHandler", event => {
       const {
         open_on_focus,
@@ -634,7 +565,6 @@ class AutocompleteInstance extends React.PureComponent {
         prevent_selection,
         no_animation
       } = this.props;
-
       if (!this.state.hasBlur && !this.__preventFiringBlurEvent && !this.context.drawerList.hasFocusOnElement) {
         dispatchCustomElementEvent(this, 'on_blur', _objectSpread({
           event
@@ -643,26 +573,21 @@ class AutocompleteInstance extends React.PureComponent {
           hasBlur: true,
           hasFocus: false
         });
-
         if (!isTrue(keep_value_and_selection)) {
           this.setState({
             typedInputValue: null,
             _listenForPropChanges: false
           });
         }
-
         if (!isTrue(prevent_selection) && !isTrue(keep_value_and_selection)) {
           const existingValue = this.state.inputValue;
           this.clearInputValue();
-
           const resetAfterClose = () => {
             if (!isTrue(keep_value) || !existingValue || this.hasSelectedItem()) {
               this.resetActiveItem();
             }
-
             this.resetFilter();
           };
-
           if (isTrue(no_animation)) {
             resetAfterClose();
           } else {
@@ -670,7 +595,6 @@ class AutocompleteInstance extends React.PureComponent {
             this._blurTimeout = setTimeout(resetAfterClose, DrawerList.blurDelay);
           }
         }
-
         if (isTrue(open_on_focus)) {
           this.setHidden();
         }
@@ -679,10 +603,8 @@ class AutocompleteInstance extends React.PureComponent {
         return false;
       }
     });
-
     _defineProperty(this, "onTriggerKeyDownHandler", e => {
       const key = keycode(e);
-
       switch (key) {
         case 'space':
           {
@@ -690,7 +612,6 @@ class AutocompleteInstance extends React.PureComponent {
           }
           break;
       }
-
       switch (key) {
         case 'space':
         case 'enter':
@@ -700,7 +621,6 @@ class AutocompleteInstance extends React.PureComponent {
         case 'up':
           {
             e.preventDefault();
-
             try {
               this._refInput.current._ref.current.focus();
             } catch (e) {
@@ -710,10 +630,8 @@ class AutocompleteInstance extends React.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onShellKeyDownHandler", e => {
       const key = keycode(e);
-
       switch (key) {
         case 'up':
         case 'down':
@@ -721,35 +639,28 @@ class AutocompleteInstance extends React.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 {
@@ -774,41 +685,32 @@ class AutocompleteInstance extends React.PureComponent {
         }
       };
     });
-
     _defineProperty(this, "hasInjectedDataItem", (data = this.context.drawerList.data) => {
       const lastItem = data.slice(-1)[0];
       return lastItem ? lastItem.show_all || lastItem.__id === 'no_options' : false;
     });
-
     _defineProperty(this, "countData", (data = this.context.drawerList.data) => {
       const count = data.length;
       return count > 0 && this.hasInjectedDataItem(data) ? count - 1 : count;
     });
-
     _defineProperty(this, "hasValidData", (data = 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", (data = 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({
@@ -821,7 +723,6 @@ class AutocompleteInstance extends React.PureComponent {
         }, 10);
       });
     });
-
     _defineProperty(this, "showAll", () => {
       this.resetFilter();
       this.context.drawerList.setState({
@@ -832,7 +733,6 @@ class AutocompleteInstance extends React.PureComponent {
         fillDataIfEmpty: true
       });
     });
-
     _defineProperty(this, "showAllItems", () => {
       this.resetFilter();
       this.context.drawerList.setState({
@@ -842,14 +742,12 @@ class AutocompleteInstance extends React.PureComponent {
         scrollTo: false
       });
     });
-
     _defineProperty(this, "totalReset", () => {
       if (!isTrue(this.props.keep_value) && !isTrue(this.props.keep_value_and_selection)) {
         this.setState({
           inputValue: null
         });
       }
-
       this.setState({
         typedInputValue: null,
         _listenForPropChanges: false
@@ -857,13 +755,11 @@ class AutocompleteInstance extends React.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({
@@ -874,7 +770,6 @@ class AutocompleteInstance extends React.PureComponent {
         }
       });
     });
-
     _defineProperty(this, "clearInputValue", () => {
       const {
         input_value,
@@ -896,11 +791,9 @@ class AutocompleteInstance extends React.PureComponent {
         }
       }, 1);
     });
-
     _defineProperty(this, "resetFilter", () => {
       this.context.drawerList.setData(this.context.drawerList.original_data);
     });
-
     _defineProperty(this, "runFilter", (value, {
       data = null,
       searchIndex = this.state.searchIndex,
@@ -917,19 +810,15 @@ class AutocompleteInstance extends React.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
@@ -942,21 +831,16 @@ class AutocompleteInstance extends React.PureComponent {
           } else {
             word = 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(({
           word,
@@ -964,15 +848,12 @@ class AutocompleteInstance extends React.PureComponent {
         }) => {
           let wordScore = 0;
           wordScore += (contentChunk.match(new RegExp(`(${wordCond})${escapeRegexChars(word)}`, 'ig')) || []).length;
-
           if (wordIndex === 0) {
             const isFirstWord = new RegExp(`^${escapeRegexChars(searchWords[0])}`, 'i').test(contentChunk.split(' ')[0]);
-
             if (isFirstWord) {
               wordScore += searchWords.length + 1;
             }
           }
-
           return {
             word,
             wordIndex,
@@ -980,46 +861,36 @@ class AutocompleteInstance extends React.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.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: convertJsxToString(originalChild, ' ')
@@ -1031,7 +902,6 @@ class AutocompleteInstance extends React.PureComponent {
             searchWords.forEach((word, wordIndex) => {
               if (segment) {
                 word = escapeRegexChars(word);
-
                 if (searchNumbers) {
                   word.split('').forEach(char => {
                     if (/[\d\w]/.test(char)) {
@@ -1048,10 +918,8 @@ class AutocompleteInstance extends React.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.createElement("span", {
                 key: cacheHash + idx,
                 dangerouslySetInnerHTML: {
@@ -1063,10 +931,8 @@ class AutocompleteInstance extends React.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;
@@ -1074,42 +940,34 @@ class AutocompleteInstance extends React.PureComponent {
               } else if (typeof originalChild === 'string') {
                 result = originalChild;
               }
-
               if (React.isValidElement(originalChild)) {
                 result = React.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(({
           totalScore
         }) => totalScore);
-
         if (!this.skipReorder && !skipReorder) {
           searchIndex = searchIndex.sort(({
             totalScore: a
@@ -1117,63 +975,51 @@ class AutocompleteInstance extends React.PureComponent {
             totalScore: b
           }) => b - a);
         }
-
         searchIndex = searchIndex.map(({
           item
         }) => item.dataItem);
       }
-
       return searchIndex;
     });
-
     _defineProperty(this, "onHideHandler", (args = {}) => {
       const res = 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 && !hasSelectedText()) {
         this.setFocusOnInput();
         this.setVisible();
       }
     });
-
     _defineProperty(this, "onSelectHandler", args => {
       if (parseFloat(args.active_item) > -1) {
         dispatchCustomElementEvent(this, 'on_select', _objectSpread(_objectSpread({}, args), this.getEventObjects('on_select')));
       }
     });
-
     _defineProperty(this, "onPreChangeHandler", ({
       data
     }) => {
       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 (!isTrue(prevent_selection)) {
         if (!isTrue(keep_open)) {
           this.setState({
@@ -1182,13 +1028,11 @@ class AutocompleteInstance extends React.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,
@@ -1201,14 +1045,11 @@ class AutocompleteInstance extends React.PureComponent {
           });
         }
       }
-
       if (typeof args.data.render === 'function') {
         delete args.data.render;
       }
-
       dispatchCustomElementEvent(this, 'on_change', _objectSpread(_objectSpread({}, args), this.getEventObjects('on_change')));
     });
-
     this._id = _props.id || makeUniqueId();
     this.attributes = {};
     this.state = this.state || {};
@@ -1216,11 +1057,9 @@ class AutocompleteInstance extends React.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.createRef();
     this._refShell = React.createRef();
     this._refInput = React.createRef();
@@ -1228,7 +1067,6 @@ class AutocompleteInstance extends React.PureComponent {
     this.skipFilter = isTrue(_props.disable_filter);
     this.skipReorder = isTrue(_props.disable_reorder);
   }
-
   componentDidMount() {
     if (isTrue(this.props.opened)) {
       this.runFilterToHighlight({
@@ -1237,7 +1075,6 @@ class AutocompleteInstance extends React.PureComponent {
       this.setVisible();
     }
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.value !== this.props.value) {
       this.setState({}, () => {
@@ -1248,7 +1085,6 @@ class AutocompleteInstance extends React.PureComponent {
       });
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._selectTimeout);
     clearTimeout(this._ariaLiveUpdateTimeout);
@@ -1256,17 +1092,14 @@ class AutocompleteInstance extends React.PureComponent {
     clearTimeout(this._blurTimeout);
     clearTimeout(this._toggleVisibleTimeout);
   }
-
   setSearchIndex({
     overwriteSearchIndex = false,
     data = this.context.drawerList.original_data
   } = {}, cb) {
     this._cacheMemory = {};
-
     if (!overwriteSearchIndex && this.state.searchIndex) {
       return this.state.searchIndex;
     }
-
     const searchIndex = AutocompleteInstance.createSearchIndex(data);
     this.setState({
       searchIndex,
@@ -1274,7 +1107,6 @@ class AutocompleteInstance extends React.PureComponent {
     }, cb);
     return searchIndex;
   }
-
   setFocusOnInput() {
     this.setState({
       hasFocus: true
@@ -1284,7 +1116,6 @@ class AutocompleteInstance extends React.PureComponent {
           preventScroll: true
         });
       } catch (e) {}
-
       clearTimeout(this._focusTimeout);
       this._focusTimeout = setTimeout(() => {
         this.setState({
@@ -1293,7 +1124,6 @@ class AutocompleteInstance extends React.PureComponent {
       }, 1);
     });
   }
-
   setAriaLiveUpdate() {
     const {
       opened
@@ -1304,18 +1134,15 @@ class AutocompleteInstance extends React.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,
@@ -1331,7 +1158,6 @@ class AutocompleteInstance extends React.PureComponent {
       }, ariaLiveDelay);
     }
   }
-
   getVocieOverActiveItem(selected_sr) {
     if (IS_MAC) {
       const {
@@ -1345,83 +1171,78 @@ class AutocompleteInstance extends React.PureComponent {
         "aria-atomic": true
       }, currentDataItem && React.createElement(React.Fragment, null, active_item === selected_item ? React.createElement(React.Fragment, null, selected_sr, " ") : null, React.createElement(ItemContent, null, currentDataItem)));
     }
-
     return null;
   }
-
   render() {
     var _getCurrentData;
-
     const props = this._props = extendPropsWithContextInClassComponent(this.props, Autocomplete.defaultProps, this.context.getTranslation(this.props).Autocomplete, 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 = getStatusState(status);
     const {
@@ -1448,7 +1269,6 @@ class AutocompleteInstance extends React.PureComponent {
       ref: this._refShell,
       onKeyDown: this.onShellKeyDownHandler
     };
-
     const inputParams = _objectSpread({
       className: 'dnb-autocomplete__input',
       id,
@@ -1472,15 +1292,12 @@ class AutocompleteInstance extends React.PureComponent {
       disabled,
       skeleton
     }, attributes);
-
     if (!(parseFloat(selected_item) > -1)) {
       inputParams.placeholder = placeholder || title;
-
       if (!(IS_WIN && IS_EDGE)) {
         inputParams['aria-placeholder'] = undefined;
       }
     }
-
     if (!hidden) {
       if (parseFloat(active_item) > -1) {
         inputParams['aria-activedescendant'] = `option-${id}-${active_item}`;
@@ -1488,11 +1305,9 @@ class AutocompleteInstance extends React.PureComponent {
         inputParams['aria-activedescendant'] = `option-${id}-${selected_item}`;
       }
     }
-
     if (showStatus || suffix) {
       inputParams['aria-describedby'] = combineDescribedBy(inputParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
     }
-
     let submitButton = false;
     const triggerParams = {
       id: id + '-submit-button',
@@ -1506,7 +1321,6 @@ class AutocompleteInstance extends React.PureComponent {
       tooltip: show_submit_button ? 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)) {
@@ -1521,7 +1335,6 @@ class AutocompleteInstance extends React.PureComponent {
         status_props: status_props
       }, triggerParams));
     }
-
     const suffixValue = (_getCurrentData = getCurrentData(selected_item, this.context.drawerList.original_data)) === null || _getCurrentData === void 0 ? void 0 : _getCurrentData.suffix_value;
     const innerId = suffixValue && showStatus ? `${id}-inner` : null;
     validateDOMAttributes(null, mainParams);
@@ -1613,12 +1426,9 @@ class AutocompleteInstance extends React.PureComponent {
       "aria-live": "assertive"
     }, ariaLiveUpdate));
   }
-
 }
-
 _defineProperty(AutocompleteInstance, "defaultProps", Autocomplete.defaultProps);
-
 _defineProperty(AutocompleteInstance, "contextType", DrawerListContext);
-
 process.env.NODE_ENV !== "production" ? AutocompleteInstance.propTypes = Autocomplete.propTypes : void 0;
-Autocomplete.HorizontalItem = DrawerList.HorizontalItem;
+Autocomplete.HorizontalItem = DrawerList.HorizontalItem;
+//# sourceMappingURL=Autocomplete.js.map