@dnb/eufemia 10.2.0 → 10.3.0

package/fragments/drawer-list/DrawerListProvider.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-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 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 keycode from 'keycode';
@@ -17,40 +14,31 @@ export default class DrawerListProvider extends React.PureComponent {
   static getDerivedStateFromProps(props, state) {
     return prepareDerivedState(props, state);
   }
-
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     _defineProperty(this, "enableBodyLock", () => {
       if (this._refUl.current) {
         this._bodyLockIsEnabled = true;
         disableBodyScroll(this._refUl.current);
       }
     });
-
     _defineProperty(this, "disableBodyLock", () => {
       if (this._bodyLockIsEnabled && this._refUl.current) {
         this._bodyLockIsEnabled = null;
         enableBodyScroll(this._refUl.current);
       }
     });
-
     _defineProperty(this, "correctHiddenView", () => {
       if (!this._refShell.current || !this._refUl.current) {
         return;
       }
-
       try {
         const spaceToLeft = getOffsetLeft(this._refUl.current);
-
         const spaceToRight = window.innerWidth - (getOffsetLeft(this._refUl.current) + this._refUl.current.offsetWidth);
-
         const triangleStyle = this._refTriangle.current.style;
         const shellStyle = this._refShell.current.style;
-
         if (spaceToLeft < 0) {
           shellStyle.transform = `translateX(${Math.abs(spaceToLeft / 16)}rem)`;
           triangleStyle.right = `${Math.abs(spaceToLeft / 16)}rem`;
@@ -66,7 +54,6 @@ export default class DrawerListProvider extends React.PureComponent {
         }
       } catch (e) {}
     });
-
     _defineProperty(this, "scrollToItem", function (active_item) {
       let {
         scrollTo = true,
@@ -77,29 +64,23 @@ export default class DrawerListProvider extends React.PureComponent {
         if (_this._refUl.current && parseFloat(active_item) > -1) {
           try {
             const ulElement = _this._refUl.current;
-
             const liElement = element || _this.getActiveElement();
-
             if (liElement) {
               const top = liElement.offsetTop;
-
               if (ulElement.scrollTo) {
                 if (scrollTo === false || window.IS_TEST) {
                   ulElement.style.scrollBehavior = 'auto';
                 }
-
                 ulElement.scrollTo({
                   top,
                   behavior: scrollTo ? 'smooth' : 'auto'
                 });
-
                 if (scrollTo === false) {
                   ulElement.style.scrollBehavior = 'smooth';
                 }
               } else if (ulElement.scrollTop) {
                 ulElement.scrollTop = top;
               }
-
               if (!isTrue(_this.props.prevent_focus) && liElement) {
                 liElement.focus();
                 dispatchCustomElementEvent(_this, 'on_show_focus', {
@@ -115,28 +96,23 @@ export default class DrawerListProvider extends React.PureComponent {
         }
       }, 1);
     });
-
     _defineProperty(this, "setActiveItemAndScrollToIt", function (active_item) {
       let {
         fireSelectEvent = false,
         scrollTo = true,
         event = null
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
       _this.setState({
         active_item
       }, () => {
         if (parseFloat(active_item) === -1) {
           var _document$activeEleme;
-
           if (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) !== 'INPUT') {
             var _this$_refUl$current;
-
             (_this$_refUl$current = _this._refUl.current) === null || _this$_refUl$current === void 0 ? void 0 : _this$_refUl$current.focus({
               preventScroll: true
             });
           }
-
           dispatchCustomElementEvent(_this, 'on_show_focus', {
             element: _this._refUl.current
           });
@@ -144,7 +120,6 @@ export default class DrawerListProvider extends React.PureComponent {
           const {
             selected_item
           } = _this.state;
-
           if (fireSelectEvent) {
             const attributes = _this.attributes;
             const ret = dispatchCustomElementEvent(_this.state, 'on_select', {
@@ -154,39 +129,31 @@ export default class DrawerListProvider extends React.PureComponent {
               event,
               attributes
             });
-
             if (ret === false) {
               return;
             }
           }
-
           if (isTrue(_this.props.no_animation)) {
             scrollTo = false;
           }
-
           _this.scrollToItem(active_item, {
             scrollTo
           });
         }
       });
     });
-
     _defineProperty(this, "setWrapperElement", function () {
       let wrapper_element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.wrapper_element;
-
       if (typeof wrapper_element === 'string' && typeof document !== 'undefined') {
         wrapper_element = document.querySelector(wrapper_element);
       }
-
       if (wrapper_element !== _this.state.wrapper_element) {
         _this.setState({
           wrapper_element
         });
       }
-
       return _this;
     });
-
     _defineProperty(this, "setMetaKey", e => {
       const we = typeof window !== 'undefined' && window.event ? window.event : e;
       this.meta = {
@@ -196,87 +163,68 @@ export default class DrawerListProvider extends React.PureComponent {
         alt: we.altKey
       };
     });
-
     _defineProperty(this, "onKeyUpHandler", e => {
       this.setMetaKey(e);
     });
-
     _defineProperty(this, "onKeyDownHandler", e => {
       const key = keycode(e);
-
       if (/command|alt|shift|ctrl/.test(key)) {
         this.setMetaKey(e);
       }
-
       dispatchCustomElementEvent(this.state, 'on_key_down', {
         event: e,
         key
       });
-
       if (isTrue(this.props.prevent_close)) {
         let isSameDrawer = false;
-
         try {
           const ulElem = getPreviousSibling('dnb-drawer-list__options', document.activeElement);
           isSameDrawer = ulElem === this._refUl.current || (ulElem === null || ulElem === void 0 ? void 0 : ulElem.getAttribute('id')) === this.props.id;
         } catch (e) {
           warn(e);
         }
-
         if (!isSameDrawer && key !== 'tab') {
           return;
         }
       }
-
       if (!this.state.isOpen) {
         return;
       }
-
       if (isTrue(this.state.ignore_events) && key !== 'tab') {
         return;
       }
-
       let active_item = parseFloat(this.state.active_item);
-
       if (isNaN(active_item)) {
         active_item = -1;
       }
-
       const total = this.state.data && this.state.data.length - 1;
-
       switch (key) {
         case 'up':
           {
             e.preventDefault();
-
             if (this.state.direction === 'bottom' && this.state.active_item === this.getFirstItem()) {
               active_item = -1;
             } else {
               active_item = this.getPrevActiveItem();
-
               if (isNaN(active_item)) {
                 active_item = this.getLastItem();
               }
             }
           }
           break;
-
         case 'down':
           {
             e.preventDefault();
-
             if (this.state.direction === 'top' && this.state.active_item === this.getLastItem()) {
               active_item = -1;
             } else {
               active_item = this.getNextActiveItem();
-
               if (isNaN(active_item)) {
                 active_item = this.getFirstItem();
               }
             }
           }
           break;
-
         case 'page up':
         case 'home':
           {
@@ -284,19 +232,16 @@ export default class DrawerListProvider extends React.PureComponent {
             active_item = this.getFirstItem() || 0;
           }
           break;
-
         case 'page down':
         case 'end':
           {
             e.preventDefault();
             active_item = this.getLastItem();
-
             if (isNaN(active_item)) {
               active_item = total;
             }
           }
           break;
-
         case 'enter':
         case 'space':
           {
@@ -305,23 +250,19 @@ export default class DrawerListProvider extends React.PureComponent {
               this.setHidden();
               return;
             }
-
             active_item = this.getCurrentActiveItem();
-
             if (isTrue(this.props.skip_keysearch) ? active_item > -1 && key !== 'space' : true) {
               e.preventDefault();
               const result = this.selectItemAndClose(active_item, {
                 fireSelectEvent: true,
                 event: e
               });
-
               if (result === false) {
                 return;
               }
             }
           }
           break;
-
         case 'esc':
           {
             this.setHidden({
@@ -330,7 +271,6 @@ export default class DrawerListProvider extends React.PureComponent {
             e.preventDefault();
           }
           break;
-
         case 'tab':
           {
             if (active_item > -1) {
@@ -339,78 +279,64 @@ export default class DrawerListProvider extends React.PureComponent {
               this.setState({
                 hasFocusOnElement
               });
-
               if (hasFocusOnElement) {
                 e.stopPropagation();
                 const currentActiveElement = getPreviousSibling('dnb-drawer-list__option', document.activeElement);
-
                 if (currentActiveElement !== activeElement) {
                   const createTabElem = () => {
                     try {
                       const elem = document.createElement('BUTTON');
                       elem.style = 'opacity:0;position:absolute;';
-
                       const focus = () => {
                         prevActiveElement.focus();
                         elem.removeEventListener('focus', focus);
                         activeElement.removeChild(after);
                         activeElement.removeChild(before);
                       };
-
                       elem.addEventListener('focus', focus);
                       return elem;
                     } catch (e) {}
                   };
-
                   const prevActiveElement = document.activeElement;
                   const after = createTabElem();
                   const before = createTabElem();
                   activeElement.focus();
-
                   const insertElem = () => {
                     try {
                       activeElement.appendChild(after);
                       activeElement.insertBefore(before, activeElement.firstChild);
                     } catch (e) {}
                   };
-
                   if (typeof window.requestAnimationFrame === 'function') {
                     window.requestAnimationFrame(insertElem);
                   } else {
                     insertElem();
                   }
                 }
-
                 return;
               } else if (isTrue(this.props.prevent_close)) {
                 active_item = -1;
               }
             }
-
             this.setHidden({
               event: e
             });
           }
           break;
-
         default:
           active_item = this.findItemByValue(keycode(e));
           break;
       }
-
       if (active_item === -1 && this._refUl.current && typeof document !== 'undefined') {
         const ulElem = getPreviousSibling('dnb-drawer-list__options', document.activeElement);
-
         if (ulElem === this._refUl.current) {
           this.setState({
             showFocusRing: true,
             active_item
           });
-
           this._refUl.current.focus({
             preventScroll: true
           });
-
           dispatchCustomElementEvent(this.state, 'handle_dismiss_focus');
         }
       } else if (parseFloat(active_item) > -1 && active_item !== this.state.active_item) {
@@ -423,55 +349,42 @@ export default class DrawerListProvider extends React.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "getSelectedElement", () => {
       var _this$_refUl$current2;
-
       return ((_this$_refUl$current2 = this._refUl.current) === null || _this$_refUl$current2 === void 0 ? void 0 : _this$_refUl$current2.querySelector('li.dnb-drawer-list__option--selected')) || this._refUl.current || {
         getAttribute: () => null
       };
     });
-
     _defineProperty(this, "getCurrentSelectedItem", () => {
       const elem = this.getSelectedElement();
       return parseFloat(elem && elem.getAttribute('data-item'));
     });
-
     _defineProperty(this, "getActiveElement", () => {
       var _this$_refUl$current3;
-
       return ((_this$_refUl$current3 = this._refUl.current) === null || _this$_refUl$current3 === void 0 ? void 0 : _this$_refUl$current3.querySelector('li.dnb-drawer-list__option--focus')) || this.getSelectedElement();
     });
-
     _defineProperty(this, "getCurrentActiveItem", () => {
       const elem = this.getActiveElement();
       return parseFloat(elem && elem.getAttribute('data-item'));
     });
-
     _defineProperty(this, "getNextActiveItem", () => {
       const elem = this.getActiveElement().nextSibling;
       return parseFloat(elem && elem.getAttribute('data-item'));
     });
-
     _defineProperty(this, "getPrevActiveItem", () => {
       const elem = this.getActiveElement().previousSibling;
       return parseFloat(elem && elem.getAttribute('data-item'));
     });
-
     _defineProperty(this, "getFirstItem", () => {
       var _this$_refUl$current4;
-
       const elem = (_this$_refUl$current4 = this._refUl.current) === null || _this$_refUl$current4 === void 0 ? void 0 : _this$_refUl$current4.querySelector('li.dnb-drawer-list__option.first-of-type');
       return parseFloat(elem && elem.getAttribute('data-item'));
     });
-
     _defineProperty(this, "getLastItem", () => {
       var _this$_refUl$current5;
-
       const elem = (_this$_refUl$current5 = this._refUl.current) === null || _this$_refUl$current5 === void 0 ? void 0 : _this$_refUl$current5.querySelector('li.dnb-drawer-list__option.last-of-type');
       return parseFloat(elem && elem.getAttribute('data-item'));
     });
-
     _defineProperty(this, "setOutsideClickObserver", () => {
       this.removeOutsideClickObserver();
       this.outsideClick = detectOutsideClick([this.state.wrapper_element, this._refRoot.current, this._refUl.current], () => this.setHidden({
@@ -479,68 +392,53 @@ export default class DrawerListProvider extends React.PureComponent {
       }), {
         includedKeys: ['tab']
       });
-
       if (typeof document !== 'undefined') {
         document.addEventListener('keydown', this.onKeyDownHandler);
         document.addEventListener('keyup', this.onKeyUpHandler);
       }
     });
-
     _defineProperty(this, "addObservers", () => {
       this.setDirectionObserver();
       this.setScrollObserver();
       this.setOutsideClickObserver();
     });
-
     _defineProperty(this, "removeObservers", () => {
       this.removeDirectionObserver();
       this.removeScrollObserver();
       this.removeOutsideClickObserver();
     });
-
     _defineProperty(this, "toggleVisible", function () {
       return _this.state.opened ? _this.setHidden(...arguments) : _this.setVisible(...arguments);
     });
-
     _defineProperty(this, "setVisible", function () {
       let args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
       if (_this.state.opened && _this.state.hidden === false) {
         if (typeof onStateComplete === 'function') {
           onStateComplete(true);
         }
-
         return;
       }
-
       clearTimeout(_this._showTimeout);
       clearTimeout(_this._hideTimeout);
       _this.searchCache = null;
-
       const handleSingleComponentCheck = () => {
         _this.setState({
           hidden: false,
           opened: true
         });
-
         const animationDelayHandler = () => {
           DrawerListProvider.isOpen = true;
-
           _this.setState({
             isOpen: true
           });
-
           if (typeof onStateComplete === 'function') {
             onStateComplete(true);
           }
-
           _this.setActiveState(true);
         };
-
         if (isTrue(_this.props.no_animation)) {
           var _process;
-
           if (((_process = process) === null || _process === void 0 ? void 0 : _process.env.NODE_ENV) === 'test') {
             animationDelayHandler();
           } else {
@@ -551,7 +449,6 @@ export default class DrawerListProvider extends React.PureComponent {
           clearTimeout(_this._showTimeout);
           _this._showTimeout = setTimeout(animationDelayHandler, DrawerListProvider.blurDelay);
         }
-
         const {
           selected_item,
           active_item
@@ -561,12 +458,10 @@ export default class DrawerListProvider extends React.PureComponent {
           attributes: _this.attributes,
           ulElement: _this._refUl.current
         }));
-
         _this.setActiveItemAndScrollToIt(parseFloat(active_item) > -1 ? active_item : -1, {
           scrollTo: false
         });
       };
-
       if (DrawerListProvider.isOpen && !isTrue(_this.props.no_animation)) {
         clearTimeout(_this._hideTimeout);
         _this._hideTimeout = setTimeout(handleSingleComponentCheck, DrawerListProvider.blurDelay);
@@ -574,19 +469,15 @@ export default class DrawerListProvider extends React.PureComponent {
         handleSingleComponentCheck();
       }
     });
-
     _defineProperty(this, "setHidden", function () {
       let args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let onStateComplete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
       if (!_this.state.opened || isTrue(_this.props.prevent_close)) {
         if (typeof onStateComplete === 'function') {
           onStateComplete(false);
         }
-
         return;
       }
-
       clearTimeout(_this._showTimeout);
       clearTimeout(_this._hideTimeout);
       const {
@@ -597,29 +488,22 @@ export default class DrawerListProvider extends React.PureComponent {
         data: getEventData(parseFloat(selected_item) > -1 ? selected_item : active_item, _this.state.data),
         attributes: _this.attributes
       }));
-
       if (res !== false) {
         _this.setState({
           opened: false
         });
-
         const delayHandler = () => {
           _this.removeObservers();
-
           _this.setState({
             hidden: true,
             isOpen: false
           });
-
           if (typeof onStateComplete === 'function') {
             onStateComplete(false);
           }
-
           DrawerListProvider.isOpen = false;
-
           _this.setActiveState(false);
         };
-
         if (isTrue(_this.props.no_animation)) {
           delayHandler();
         } else {
@@ -628,64 +512,49 @@ export default class DrawerListProvider extends React.PureComponent {
         }
       }
     });
-
     _defineProperty(this, "setDataHandler", function (data) {
       let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       let {
         overwriteOriginalData = false
       } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
       if (!data) {
         return;
       }
-
       if (typeof data === 'function') {
         data = getData(data);
       }
-
       data = normalizeData(data);
-
       _this.setState({
         data,
         original_data: overwriteOriginalData ? data : _this.state.original_data
       }, () => {
         _this.refreshScrollObserver();
-
         typeof cb === 'function' && cb(data);
       });
-
       return _this;
     });
-
     _defineProperty(this, "setStateHandler", function (state) {
       let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
       _this.setState(_objectSpread({}, state), cb);
-
       return _this;
     });
-
     _defineProperty(this, "selectItemAndClose", function (itemToSelect) {
       let args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       args.closeOnSelection = true;
       return _this.selectItem(itemToSelect, args);
     });
-
     _defineProperty(this, "selectItem", function (itemToSelect) {
       let {
         fireSelectEvent = false,
         event = null,
         closeOnSelection = false
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
       if (event && typeof event.persist === 'function') {
         event.persist();
       }
-
       if (itemToSelect === -1) {
         itemToSelect = null;
       }
-
       const data = getEventData(itemToSelect, _this.state.data) || null;
       const value = getSelectedItemValue(itemToSelect, _this.state);
       const attributes = _this.attributes;
@@ -697,43 +566,34 @@ export default class DrawerListProvider extends React.PureComponent {
         attributes
       };
       const res = dispatchCustomElementEvent(_this.state, 'on_pre_change', attr);
-
       if (res === false) {
         return res;
       }
-
       if (hasSelectedText()) {
         const elem = getSelectedElement();
         const isInput = getPreviousSibling('dnb-input', elem);
-
         if (!isInput) {
           return;
         }
       }
-
       const {
         keep_open,
         prevent_selection
       } = _this.props;
-
       const doCallOnChange = parseFloat(itemToSelect) > -1 && itemToSelect !== _this.state.selected_item;
-
       const onSelectionIsComplete = () => {
         if (doCallOnChange) {
           dispatchCustomElementEvent(_this.state, 'on_change', attr);
         }
-
         if (fireSelectEvent) {
           dispatchCustomElementEvent(_this.state, 'on_select', _objectSpread(_objectSpread({}, attr), {}, {
             active_item: itemToSelect
           }));
         }
-
         if (closeOnSelection && !isTrue(keep_open)) {
           _this.setHidden();
         }
       };
-
       if (isTrue(prevent_selection)) {
         onSelectionIsComplete();
       } else {
@@ -743,7 +603,6 @@ export default class DrawerListProvider extends React.PureComponent {
         }, onSelectionIsComplete);
       }
     });
-
     this.attributes = {};
     this.state = _objectSpread({
       tagName: 'dnb-drawer-list',
@@ -757,13 +616,11 @@ export default class DrawerListProvider extends React.PureComponent {
     this._refUl = React.createRef();
     this._refTriangle = React.createRef();
   }
-
   componentDidMount() {
     if (isTrue(this.props.opened)) {
       this.setVisible();
     }
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.opened !== null && this.props.opened !== prevProps.opened) {
       if (isTrue(this.props.opened)) {
@@ -772,18 +629,14 @@ export default class DrawerListProvider extends React.PureComponent {
         this.setHidden();
       }
     }
-
     if (this.state.opened) {
       var _document$activeEleme2;
-
       if (this.props.data !== prevProps.data && typeof document !== 'undefined' && ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === 'BODY') {
         var _this$_refUl$current6;
-
         (_this$_refUl$current6 = this._refUl.current) === null || _this$_refUl$current6 === void 0 ? void 0 : _this$_refUl$current6.focus();
       }
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._showTimeout);
     clearTimeout(this._hideTimeout);
@@ -792,91 +645,72 @@ export default class DrawerListProvider extends React.PureComponent {
     this.removeObservers();
     this.setActiveState(false);
   }
-
   refreshScrollObserver() {
     if (typeof window === 'undefined' || !this._refUl.current) {
       return;
     }
-
     this.itemSpots = this.state.data.reduce((acc, cur, i) => {
       var _this$_refUl$current7;
-
       const element = (_this$_refUl$current7 = this._refUl.current) === null || _this$_refUl$current7 === void 0 ? void 0 : _this$_refUl$current7.querySelector(`li.dnb-drawer-list__option:nth-of-type(${i + 1})`);
-
       if (element) {
         acc[element.offsetTop] = {
           i
         };
       }
-
       return acc;
     }, {});
     this.itemSpotsCount = Object.keys(this.itemSpots).length;
   }
-
   setScrollObserver() {
     if (typeof window === 'undefined' || !this._refUl.current) {
       return;
     }
-
     this.removeScrollObserver();
     this.itemSpotsCount = 1;
-
     try {
       let closestToTop = null,
-          closestToBottom = null,
-          tmpToTop,
-          tmpToBottom;
-
+        closestToBottom = null,
+        tmpToTop,
+        tmpToBottom;
       this.setOnScroll = () => {
         if (!this._refUl.current) {
           return;
         }
-
         if (this.itemSpotsCount <= 1) {
           this.refreshScrollObserver();
         }
-
         const counts = Object.keys(this.itemSpots);
         closestToBottom = findClosest(counts, this._refUl.current.scrollTop + this._refUl.current.offsetHeight);
         closestToTop = findClosest(counts, this._refUl.current.scrollTop);
-
         if (this.itemSpots[closestToTop] && closestToTop !== tmpToTop) {
           this.setState({
             closestToTop: this.itemSpots[closestToTop].i
           });
         }
-
         if (closestToBottom !== tmpToBottom && this.itemSpots[closestToBottom]) {
           this.setState({
             closestToBottom: this.itemSpots[closestToBottom].i
           });
         }
-
         tmpToTop = closestToTop;
         tmpToBottom = closestToBottom;
       };
-
       this._refUl.current.addEventListener('scroll', this.setOnScroll);
-
       this.setOnScroll();
     } catch (e) {
       warn('List could not set onScroll:', e);
     }
   }
-
   removeScrollObserver() {
     if (typeof window !== 'undefined' && this.setOnScroll) {
       window.removeEventListener('resize', this.setOnScroll);
       this.setOnScroll = null;
     }
   }
-
   setDirectionObserver() {
     if (typeof window === 'undefined' || typeof document === 'undefined' || !(this.state.wrapper_element || this._refRoot.current)) {
       return;
     }
-
     const {
       enable_body_lock,
       scrollable,
@@ -891,17 +725,14 @@ export default class DrawerListProvider extends React.PureComponent {
     const customMinHeight = parseFloat(min_height) * 16;
     const customMaxHeight = parseFloat(max_height) || 0;
     let customElem = typeof observer_element === 'string' ? document.querySelector(observer_element) : null;
-
     if (!customElem) {
       customElem = getClosestScrollViewElement(this._refRoot.current);
     }
-
     this.removeDirectionObserver();
     const directionOffset = 96;
     const spaceToTopOffset = 2 * 16;
     const spaceToBottomOffset = 2 * 16;
     const elem = this.state.wrapper_element || this._refRoot.current;
-
     const renderDirection = () => {
       try {
         const rootElem = customElem || document.documentElement;
@@ -910,36 +741,28 @@ export default class DrawerListProvider extends React.PureComponent {
         const spaceToBottom = rootElem.clientHeight - (getOffsetTop(elem) + elem.offsetHeight) + pageYOffset;
         const direction = Math.max(spaceToBottom - directionOffset, directionOffset) < customMinHeight && spaceToTop > customMinHeight ? 'top' : 'bottom';
         let max_height = customMaxHeight;
-
         if (!(max_height > 0)) {
           max_height = direction === 'top' ? spaceToTop - ((this.state.wrapper_element || this._refRoot.current).offsetHeight || 0) - spaceToTopOffset : spaceToBottom - spaceToBottomOffset;
           let vh = 0;
-
           if (typeof window.visualViewport !== 'undefined') {
             vh = window.visualViewport.height;
           } else {
             vh = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
           }
-
           vh = vh * (isScrollable ? 0.7 : 0.9);
-
           if (max_height > vh) {
             max_height = vh;
           }
-
           max_height = roundToNearest(max_height, 8) / 16;
         }
-
         if (this.props.direction === 'auto') {
           this.setState({
             direction
           });
         }
-
         this.setState({
           max_height
         });
-
         if (on_resize) {
           dispatchCustomElementEvent(this.state, 'on_resize', {
             direction,
@@ -949,49 +772,37 @@ export default class DrawerListProvider extends React.PureComponent {
       } catch (e) {
         warn('List could not set onResize:', e);
       }
-
       this.correctHiddenView();
     };
-
     this.setDirection = () => {
       clearTimeout(this._directionTimeout);
       this._directionTimeout = setTimeout(renderDirection, 50);
     };
-
     this._rootElem = customElem || window;
-
     this._rootElem.addEventListener('scroll', this.setDirection);
-
     if (typeof window.visualViewport !== 'undefined') {
       window.visualViewport.addEventListener('scroll', this.setDirection);
       window.visualViewport.addEventListener('resize', this.setDirection);
     } else {
       window.addEventListener('resize', this.setDirection);
     }
-
     if (useBodyLock) {
       this.enableBodyLock();
     }
-
     this.refreshScrollObserver();
     renderDirection();
   }
-
   findItemByValue(value) {
     if (isTrue(this.props.skip_keysearch)) {
       return;
     }
-
     let index = -1;
-
     try {
       value = String(value).toLowerCase();
-
       if (this.changedOrderFor !== value) {
         this.searchCache = null;
         this.changedOrderFor = null;
       }
-
       this.searchCache = this.searchCache || this.state.data.reduce((acc, itemData, i) => {
         const str = String(parseContentTitle(itemData, {
           separator: ' ',
@@ -1006,7 +817,6 @@ export default class DrawerListProvider extends React.PureComponent {
       }, {});
       const found = this.searchCache[value];
       index = found && found[0] && found[0].i > -1 ? found[0].i : -1;
-
       if (found && found.length > 1) {
         found.push(found.shift());
         this.changedOrderFor = value;
@@ -1014,30 +824,23 @@ export default class DrawerListProvider extends React.PureComponent {
     } catch (e) {
       warn('List could not findItemByValue:', e);
     }
-
     return index;
   }
-
   removeDirectionObserver() {
     this.disableBodyLock();
     clearTimeout(this._directionTimeout);
-
     if (typeof window !== 'undefined' && this.setDirection) {
       var _this$_rootElem;
-
       (_this$_rootElem = this._rootElem) === null || _this$_rootElem === void 0 ? void 0 : _this$_rootElem.removeEventListener('scroll', this.setDirection);
-
       if (typeof window.visualViewport !== 'undefined') {
         window.visualViewport.removeEventListener('scroll', this.setDirection);
         window.visualViewport.removeEventListener('resize', this.setDirection);
       } else {
         window.removeEventListener('resize', this.setDirection);
       }
-
       this.setDirection = null;
     }
   }
-
   getAnchorElem(activeElement) {
     try {
       return activeElement.querySelector('a:first-of-type');
@@ -1045,18 +848,15 @@ export default class DrawerListProvider extends React.PureComponent {
       return null;
     }
   }
-
   removeOutsideClickObserver() {
     if (this.outsideClick) {
       this.outsideClick.remove();
     }
-
     if (typeof document !== 'undefined') {
       document.removeEventListener('keydown', this.onKeyDownHandler);
       document.removeEventListener('keyup', this.onKeyUpHandler);
     }
   }
-
   setActiveState(active) {
     if (typeof document !== 'undefined') {
       try {
@@ -1070,7 +870,6 @@ export default class DrawerListProvider extends React.PureComponent {
       }
     }
   }
-
   render() {
     return React.createElement(DrawerListContext.Provider, {
       value: _objectSpread(_objectSpread({}, this.context), {}, {
@@ -1098,15 +897,11 @@ export default class DrawerListProvider extends React.PureComponent {
       })
     }, this.props.children);
   }
-
 }
-
 _defineProperty(DrawerListProvider, "contextType", Context);
-
 _defineProperty(DrawerListProvider, "defaultProps", _objectSpread(_objectSpread({}, drawerListDefaultProps), drawerListProviderDefaultProps));
-
 _defineProperty(DrawerListProvider, "blurDelay", 201);
-
 process.env.NODE_ENV !== "production" ? DrawerListProvider.propTypes = _objectSpread(_objectSpread(_objectSpread({}, drawerListPropTypes), drawerListProviderPropTypes), {}, {
   children: PropTypes.node.isRequired
-}) : void 0;
+}) : void 0;
+//# sourceMappingURL=DrawerListProvider.js.map