@dnb/eufemia 10.73.2 → 10.74.0

package/cjs/fragments/drawer-list/DrawerListPortal.js

@@ -1,92 +1,79 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DrawerListPortal = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _componentHelper = require("../../shared/component-helper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const drawerListPropTypes = process.env.NODE_ENV !== "production" ? {
-  id: _propTypes.default.string.isRequired,
-  children: _propTypes.default.node.isRequired,
-  opened: _propTypes.default.bool.isRequired,
-  innerRef: _propTypes.default.shape({
-    current: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object])
-  }),
-  rootRef: _propTypes.default.shape({
-    current: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object])
-  }).isRequired,
-  include_owner_width: _propTypes.default.bool,
-  independent_width: _propTypes.default.bool,
-  fixed_position: _propTypes.default.bool,
-  className: _propTypes.default.string
-} : {};
-const drawerListDefaultProps = {
-  rootRef: {
-    current: null
-  },
-  innerRef: null,
-  include_owner_width: false,
-  independent_width: false,
-  fixed_position: false,
-  className: null
-};
-class DrawerListPortal extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "state", {
-      isMounted: false
-    });
-    _defineProperty(this, "init", () => {
-      this.portalElem = this.useRootElement();
-      this.setState({
-        isMounted: true
-      });
-    });
-    this.ref = props.innerRef || _react.default.createRef();
-  }
-  componentDidMount() {
+function DrawerListPortal(_ref) {
+  let {
+    innerRef,
+    id,
+    opened,
+    rootRef = {
+      current: undefined
+    },
+    include_owner_width,
+    independent_width,
+    fixed_position,
+    className,
+    children
+  } = _ref;
+  const [isMounted, setIsMounted] = (0, _react.useState)(false);
+  const [, setForceRerender] = (0, _react.useState)();
+  const ref = innerRef || _react.default.createRef();
+  const portalElem = (0, _react.useRef)();
+  const setPosition = (0, _react.useRef)();
+  const positionTimeout = (0, _react.useRef)();
+  const customElem = (0, _react.useRef)();
+  const resizeObserver = (0, _react.useRef)();
+  const init = () => {
+    portalElem.current = getRootElement();
+    setIsMounted(true);
+  };
+  (0, _react.useEffect)(() => {
     if (document.readyState === 'complete') {
-      this.init();
+      init();
     } else if (typeof window !== 'undefined') {
-      window.addEventListener('load', this.init);
-    }
-  }
-  componentWillUnmount() {
-    if (typeof window !== 'undefined') {
-      window.removeEventListener('load', this.init);
+      window.addEventListener('load', init);
     }
-    this.removePositionObserver();
-    this.portalElem = null;
-  }
-  useRootElement() {
+  }, []);
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (typeof window !== 'undefined') {
+        window.removeEventListener('load', init);
+      }
+      removePositionObserver();
+      portalElem.current = null;
+    };
+  }, []);
+  const getRootElement = () => {
     if (typeof document !== 'undefined') {
       try {
-        let elem = document.getElementById(`${this.props.id}-portal`);
+        let elem = document.getElementById(`${id}-portal`);
         if (elem) {
           return elem;
         }
         elem = document.createElement('div');
-        elem.setAttribute('id', `${this.props.id}-portal`);
+        elem.setAttribute('id', `${id}-portal`);
         elem.classList.add('dnb-drawer-list__portal');
-        this.createMainElement().appendChild(elem);
+        createMainElement().appendChild(elem);
         return elem;
       } catch (e) {
         (0, _componentHelper.warn)(e);
       }
     }
-  }
-  createMainElement() {
+  };
+  const createMainElement = () => {
     if (typeof document !== 'undefined') {
       try {
         let elem = document.getElementById('dnb-drawer-list__portal');
@@ -103,18 +90,12 @@ class DrawerListPortal extends _react.default.PureComponent {
         (0, _componentHelper.warn)(e);
       }
     }
-  }
-  makeStyle() {
-    if (typeof window === 'undefined' || !this.state.isMounted) {
+  };
+  const makeStyle = () => {
+    if (typeof window === 'undefined' || !isMounted) {
       return;
     }
     try {
-      const {
-        rootRef,
-        include_owner_width,
-        independent_width,
-        fixed_position
-      } = this.props;
       const rootElem = rootRef.current;
       if (!rootElem) {
         return;
@@ -127,14 +108,14 @@ class DrawerListPortal extends _react.default.PureComponent {
         width = minWidth * 16;
       }
       const customWidth = rootElem.getBoundingClientRect().width;
-      if (!independent_width && parseFloat(customWidth || 0) >= 64) {
+      if (!independent_width && (customWidth || 0) >= 64) {
         width = customWidth;
       }
       const rect = rootElem.getBoundingClientRect();
       const scrollY = fixed_position ? 0 : window.scrollY !== undefined ? window.scrollY : window.pageYOffset;
       const scrollX = fixed_position ? 0 : window.scrollX !== undefined ? window.scrollX : window.pageXOffset;
       let top = scrollY + rect.top;
-      let left = scrollX + rect.left + (include_owner_width ? parseFloat(ownerWidth || 0) : 0);
+      let left = scrollX + rect.left + (include_owner_width ? parseFloat(ownerWidth || '0') : 0);
       if (width > window.innerWidth) {
         width = window.innerWidth;
       }
@@ -154,71 +135,58 @@ class DrawerListPortal extends _react.default.PureComponent {
     } catch (e) {
       (0, _componentHelper.warn)(e);
     }
-  }
-  addPositionObserver() {
-    if (this.setPosition || typeof window === 'undefined') {
+  };
+  const addPositionObserver = () => {
+    if (setPosition.current || typeof window === 'undefined') {
       return;
     }
-    this.setPosition = () => {
-      clearTimeout(this.positionTimeout);
-      this.positionTimeout = setTimeout(() => {
-        if (this.props.opened) {
-          this.setState({
-            random: Date.now()
-          });
+    setPosition.current = () => {
+      clearTimeout(positionTimeout.current);
+      positionTimeout.current = setTimeout(() => {
+        if (opened) {
+          setForceRerender(Date.now());
         }
       }, 200);
     };
-    this.customElem = (0, _componentHelper.getClosestScrollViewElement)(this.props.rootRef.current) || window;
-    this.customElem.addEventListener('scroll', this.setPosition);
+    customElem.current = (0, _componentHelper.getClosestScrollViewElement)(rootRef.current) || window;
+    customElem.current.addEventListener('scroll', setPosition.current);
     try {
-      this.resizeObserver = new ResizeObserver(this.setPosition);
-      this.resizeObserver.observe(document.body);
+      resizeObserver.current = new ResizeObserver(setPosition.current);
+      resizeObserver.current.observe(document.body);
     } catch (e) {
-      window.addEventListener('resize', this.setPosition);
+      window.addEventListener('resize', setPosition.current);
     }
-  }
-  removePositionObserver() {
-    clearTimeout(this.positionTimeout);
-    if (typeof window !== 'undefined' && this.setPosition) {
-      if (this.customElem) {
-        this.customElem.removeEventListener('scroll', this.setPosition);
+  };
+  const removePositionObserver = () => {
+    clearTimeout(positionTimeout.current);
+    if (typeof window !== 'undefined' && setPosition.current) {
+      if (customElem.current) {
+        customElem.current.removeEventListener('scroll', setPosition.current);
       }
-      if (this.resizeObserver) {
-        this.resizeObserver.disconnect();
-        this.resizeObserver = null;
+      if (resizeObserver.current) {
+        resizeObserver.current.disconnect();
+        resizeObserver.current = null;
       }
-      window.removeEventListener('resize', this.setPosition);
+      window.removeEventListener('resize', setPosition.current);
     }
-    this.setPosition = null;
+    setPosition.current = null;
+  };
+  if (!portalElem.current) {
+    return null;
   }
-  render() {
-    if (!this.portalElem) {
-      return null;
+  if (typeof window !== 'undefined' && isMounted) {
+    if (opened) {
+      addPositionObserver();
     }
-    if (typeof window !== 'undefined' && this.state.isMounted) {
-      const {
-        opened,
-        fixed_position,
-        className,
-        children
-      } = this.props;
-      if (opened) {
-        this.addPositionObserver();
-      }
-      const style = opened ? this.makeStyle() : {};
-      return _reactDom.default.createPortal(_react.default.createElement("span", {
-        className: (0, _classnames.default)('dnb-drawer-list__portal__style', className, fixed_position && 'dnb-drawer-list__portal__style--fixed'),
-        style: style,
-        ref: this.ref
-      }, children), this.portalElem);
-    }
-    return null;
+    const style = opened ? makeStyle() : {};
+    return _reactDom.default.createPortal(_react.default.createElement("span", {
+      className: (0, _classnames.default)('dnb-drawer-list__portal__style', className, fixed_position && 'dnb-drawer-list__portal__style--fixed'),
+      style: style,
+      ref: ref
+    }, children), portalElem.current);
   }
+  return null;
 }
-exports.DrawerListPortal = DrawerListPortal;
-_defineProperty(DrawerListPortal, "defaultProps", _objectSpread({}, drawerListDefaultProps));
-process.env.NODE_ENV !== "production" ? DrawerListPortal.propTypes = _objectSpread({}, drawerListPropTypes) : void 0;
 var _default = exports.default = _react.default.forwardRef((props, ref) => {
   return _react.default.createElement(DrawerListPortal, _extends({
     innerRef: ref

package/cjs/fragments/drawer-list/DrawerListPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerListPortal.js","names":["_react","_interopRequireDefault","require","_reactDom","_propTypes","_classnames","_componentHelper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","drawerListPropTypes","process","env","NODE_ENV","id","PropTypes","string","isRequired","children","node","opened","bool","innerRef","shape","current","oneOfType","object","rootRef","include_owner_width","independent_width","fixed_position","className","drawerListDefaultProps","DrawerListPortal","React","PureComponent","constructor","props","isMounted","portalElem","useRootElement","setState","ref","createRef","componentDidMount","document","readyState","init","window","addEventListener","componentWillUnmount","removeEventListener","removePositionObserver","elem","getElementById","createElement","setAttribute","classList","add","createMainElement","appendChild","warn","body","makeStyle","state","rootElem","ownerElem","parentElement","width","ownerWidth","getComputedStyle","parseFloat","minWidth","documentElement","getPropertyValue","customWidth","getBoundingClientRect","rect","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","left","innerWidth","style","addPositionObserver","setPosition","clearTimeout","positionTimeout","setTimeout","random","Date","now","customElem","getClosestScrollViewElement","resizeObserver","ResizeObserver","observe","disconnect","render","ReactDOM","createPortal","classnames","exports","propTypes","_default","forwardRef"],"sources":["../../../../src/fragments/drawer-list/DrawerListPortal.js"],"sourcesContent":["/**\n * Web DrawerList Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  warn,\n  getClosestScrollViewElement,\n} from '../../shared/component-helper'\n\nconst drawerListPropTypes = {\n  id: PropTypes.string.isRequired,\n  children: PropTypes.node.isRequired,\n  opened: PropTypes.bool.isRequired,\n  innerRef: PropTypes.shape({\n    current: PropTypes.oneOfType([PropTypes.node, PropTypes.object]),\n  }),\n  rootRef: PropTypes.shape({\n    current: PropTypes.oneOfType([PropTypes.node, PropTypes.object]),\n  }).isRequired,\n  include_owner_width: PropTypes.bool,\n  independent_width: PropTypes.bool,\n  fixed_position: PropTypes.bool,\n  className: PropTypes.string,\n}\n\nconst drawerListDefaultProps = {\n  rootRef: { current: null },\n  innerRef: null,\n  include_owner_width: false,\n  independent_width: false,\n  fixed_position: false,\n  className: null,\n}\n\nexport class DrawerListPortal extends React.PureComponent {\n  static propTypes = {\n    ...drawerListPropTypes,\n  }\n\n  static defaultProps = {\n    ...drawerListDefaultProps,\n  }\n\n  state = { isMounted: false }\n\n  constructor(props) {\n    super(props)\n    this.ref = props.innerRef || React.createRef()\n  }\n\n  init = () => {\n    this.portalElem = this.useRootElement()\n    this.setState({ isMounted: true })\n  }\n\n  componentDidMount() {\n    if (document.readyState === 'complete') {\n      this.init()\n    } else if (typeof window !== 'undefined') {\n      window.addEventListener('load', this.init)\n    }\n  }\n\n  componentWillUnmount() {\n    if (typeof window !== 'undefined') {\n      window.removeEventListener('load', this.init)\n    }\n\n    this.removePositionObserver()\n    this.portalElem = null\n  }\n\n  useRootElement() {\n    if (typeof document !== 'undefined') {\n      try {\n        let elem = document.getElementById(`${this.props.id}-portal`)\n        if (elem) {\n          return elem\n        }\n\n        elem = document.createElement('div')\n        elem.setAttribute('id', `${this.props.id}-portal`)\n        elem.classList.add('dnb-drawer-list__portal')\n        this.createMainElement().appendChild(elem)\n\n        return elem\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  createMainElement() {\n    if (typeof document !== 'undefined') {\n      try {\n        let elem = document.getElementById('dnb-drawer-list__portal')\n        if (elem) {\n          return elem\n        }\n\n        elem = document.createElement('div')\n        elem.setAttribute('role', 'presentation')\n        elem.setAttribute('id', 'dnb-drawer-list__portal')\n        elem.classList.add('dnb-core-style')\n        document.body.appendChild(elem)\n\n        return elem\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  makeStyle() {\n    if (typeof window === 'undefined' || !this.state.isMounted) {\n      return // stop here\n    }\n\n    try {\n      const {\n        rootRef,\n        include_owner_width,\n        independent_width,\n        fixed_position,\n      } = this.props\n\n      const rootElem = rootRef.current\n      if (!rootElem) {\n        return // stop here\n      }\n      const ownerElem = rootElem.parentElement\n\n      // min width as a threshold\n      let width = 64\n\n      // Handle width\n      const ownerWidth = window.getComputedStyle(ownerElem).width\n\n      // fallback for too narrow width - in case there is not width -> e.g. \"--is-popup\"\n      if (independent_width || parseFloat(ownerWidth) < 64) {\n        // get min-width from CSS property\n        const minWidth =\n          parseFloat(\n            window\n              .getComputedStyle(document.documentElement)\n              .getPropertyValue('--drawer-list-width')\n          ) || 0\n        width = minWidth * 16\n      }\n\n      // also check if root \"has a custom width\"\n      const customWidth = rootElem.getBoundingClientRect().width\n      if (!independent_width && parseFloat(customWidth || 0) >= 64) {\n        width = customWidth\n      }\n\n      // Handle positions\n      const rect = rootElem.getBoundingClientRect()\n      const scrollY = fixed_position\n        ? 0\n        : window.scrollY !== undefined\n        ? window.scrollY\n        : window.pageYOffset\n      const scrollX = fixed_position\n        ? 0\n        : window.scrollX !== undefined\n        ? window.scrollX\n        : window.pageXOffset\n\n      let top = scrollY + rect.top\n      let left =\n        scrollX +\n        rect.left +\n        (include_owner_width ? parseFloat(ownerWidth || 0) : 0)\n\n      if (width > window.innerWidth) {\n        width = window.innerWidth\n      }\n      if (top < 0) {\n        top = 0\n      }\n      if (left < 0) {\n        left = 0\n      }\n\n      // NB:  before we recalculated the values to REM, but iOS rounds this and we get a wrong total value out of that!\n      const style = {\n        width,\n        '--drawer-list-width': `${width / 16}rem`, // used by the \"drawer-list-scale-in\" animation\n        top,\n        left,\n      }\n\n      return style\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  addPositionObserver() {\n    if (this.setPosition || typeof window === 'undefined') {\n      return // stop here\n    }\n\n    // debounce\n    this.setPosition = () => {\n      clearTimeout(this.positionTimeout)\n      this.positionTimeout = setTimeout(() => {\n        if (this.props.opened) {\n          this.setState({\n            random: Date.now(), // force re-render\n          })\n        }\n      }, 200)\n    }\n\n    this.customElem =\n      getClosestScrollViewElement(this.props.rootRef.current) || window\n    this.customElem.addEventListener('scroll', this.setPosition)\n\n    try {\n      this.resizeObserver = new ResizeObserver(this.setPosition)\n      this.resizeObserver.observe(document.body)\n    } catch (e) {\n      window.addEventListener('resize', this.setPosition)\n    }\n  }\n\n  removePositionObserver() {\n    clearTimeout(this.positionTimeout)\n    if (typeof window !== 'undefined' && this.setPosition) {\n      if (this.customElem) {\n        this.customElem.removeEventListener('scroll', this.setPosition)\n      }\n      if (this.resizeObserver) {\n        this.resizeObserver.disconnect()\n        this.resizeObserver = null\n      }\n      window.removeEventListener('resize', this.setPosition)\n    }\n    this.setPosition = null\n  }\n\n  render() {\n    if (!this.portalElem) {\n      return null // stop here\n    }\n\n    if (typeof window !== 'undefined' && this.state.isMounted) {\n      const { opened, fixed_position, className, children } = this.props\n\n      if (opened) {\n        this.addPositionObserver()\n      }\n\n      const style = opened ? this.makeStyle() : {}\n\n      return ReactDOM.createPortal(\n        <span\n          className={classnames(\n            'dnb-drawer-list__portal__style',\n            fixed_position && 'dnb-drawer-list__portal__style--fixed',\n            className\n          )}\n          style={style}\n          ref={this.ref}\n        >\n          {children}\n        </span>,\n        this.portalElem\n      )\n    }\n\n    return null\n  }\n}\n\nexport default React.forwardRef((props, ref) => {\n  return <DrawerListPortal innerRef={ref} {...props} />\n})\n"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAGsC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,QAAAf,CAAA,EAAAW,CAAA,QAAAD,CAAA,GAAAN,MAAA,CAAAY,IAAA,CAAAhB,CAAA,OAAAI,MAAA,CAAAa,qBAAA,QAAAC,CAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAjB,CAAA,GAAAW,CAAA,KAAAO,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAR,CAAA,WAAAP,MAAA,CAAAgB,wBAAA,CAAApB,CAAA,EAAAW,CAAA,EAAAU,UAAA,OAAAX,CAAA,CAAAY,IAAA,CAAAR,KAAA,CAAAJ,CAAA,EAAAQ,CAAA,YAAAR,CAAA;AAAA,SAAAa,cAAAvB,CAAA,aAAAW,CAAA,MAAAA,CAAA,GAAAH,SAAA,CAAAC,MAAA,EAAAE,CAAA,UAAAD,CAAA,WAAAF,SAAA,CAAAG,CAAA,IAAAH,SAAA,CAAAG,CAAA,QAAAA,CAAA,OAAAI,OAAA,CAAAX,MAAA,CAAAM,CAAA,OAAAc,OAAA,WAAAb,CAAA,IAAAc,eAAA,CAAAzB,CAAA,EAAAW,CAAA,EAAAD,CAAA,CAAAC,CAAA,SAAAP,MAAA,CAAAsB,yBAAA,GAAAtB,MAAA,CAAAuB,gBAAA,CAAA3B,CAAA,EAAAI,MAAA,CAAAsB,yBAAA,CAAAhB,CAAA,KAAAK,OAAA,CAAAX,MAAA,CAAAM,CAAA,GAAAc,OAAA,WAAAb,CAAA,IAAAP,MAAA,CAAAwB,cAAA,CAAA5B,CAAA,EAAAW,CAAA,EAAAP,MAAA,CAAAgB,wBAAA,CAAAV,CAAA,EAAAC,CAAA,iBAAAX,CAAA;AAAA,SAAAyB,gBAAAzB,CAAA,EAAAW,CAAA,EAAAD,CAAA,YAAAC,CAAA,GAAAkB,cAAA,CAAAlB,CAAA,MAAAX,CAAA,GAAAI,MAAA,CAAAwB,cAAA,CAAA5B,CAAA,EAAAW,CAAA,IAAAmB,KAAA,EAAApB,CAAA,EAAAW,UAAA,MAAAU,YAAA,MAAAC,QAAA,UAAAhC,CAAA,CAAAW,CAAA,IAAAD,CAAA,EAAAV,CAAA;AAAA,SAAA6B,eAAAnB,CAAA,QAAAuB,CAAA,GAAAC,YAAA,CAAAxB,CAAA,uCAAAuB,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAxB,CAAA,EAAAC,CAAA,2BAAAD,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAV,CAAA,GAAAU,CAAA,CAAAyB,MAAA,CAAAC,WAAA,kBAAApC,CAAA,QAAAiC,CAAA,GAAAjC,CAAA,CAAAa,IAAA,CAAAH,CAAA,EAAAC,CAAA,uCAAAsB,CAAA,SAAAA,CAAA,YAAAI,SAAA,yEAAA1B,CAAA,GAAA2B,MAAA,GAAAC,MAAA,EAAA7B,CAAA;AAEtC,MAAM8B,mBAAmB,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BC,EAAE,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BC,QAAQ,EAAEH,kBAAS,CAACI,IAAI,CAACF,UAAU;EACnCG,MAAM,EAAEL,kBAAS,CAACM,IAAI,CAACJ,UAAU;EACjCK,QAAQ,EAAEP,kBAAS,CAACQ,KAAK,CAAC;IACxBC,OAAO,EAAET,kBAAS,CAACU,SAAS,CAAC,CAACV,kBAAS,CAACI,IAAI,EAAEJ,kBAAS,CAACW,MAAM,CAAC;EACjE,CAAC,CAAC;EACFC,OAAO,EAAEZ,kBAAS,CAACQ,KAAK,CAAC;IACvBC,OAAO,EAAET,kBAAS,CAACU,SAAS,CAAC,CAACV,kBAAS,CAACI,IAAI,EAAEJ,kBAAS,CAACW,MAAM,CAAC;EACjE,CAAC,CAAC,CAACT,UAAU;EACbW,mBAAmB,EAAEb,kBAAS,CAACM,IAAI;EACnCQ,iBAAiB,EAAEd,kBAAS,CAACM,IAAI;EACjCS,cAAc,EAAEf,kBAAS,CAACM,IAAI;EAC9BU,SAAS,EAAEhB,kBAAS,CAACC;AACvB,CAAC;AAED,MAAMgB,sBAAsB,GAAG;EAC7BL,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAK,CAAC;EAC1BF,QAAQ,EAAE,IAAI;EACdM,mBAAmB,EAAE,KAAK;EAC1BC,iBAAiB,EAAE,KAAK;EACxBC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE;AACb,CAAC;AAEM,MAAME,gBAAgB,SAASC,cAAK,CAACC,aAAa,CAAC;EAWxDC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAA1C,eAAA,gBAHN;MAAE2C,SAAS,EAAE;IAAM,CAAC;IAAA3C,eAAA,eAOrB,MAAM;MACX,IAAI,CAAC4C,UAAU,GAAG,IAAI,CAACC,cAAc,CAAC,CAAC;MACvC,IAAI,CAACC,QAAQ,CAAC;QAAEH,SAAS,EAAE;MAAK,CAAC,CAAC;IACpC,CAAC;IANC,IAAI,CAACI,GAAG,GAAGL,KAAK,CAACf,QAAQ,IAAIY,cAAK,CAACS,SAAS,CAAC,CAAC;EAChD;EAOAC,iBAAiBA,CAAA,EAAG;IAClB,IAAIC,QAAQ,CAACC,UAAU,KAAK,UAAU,EAAE;MACtC,IAAI,CAACC,IAAI,CAAC,CAAC;IACb,CAAC,MAAM,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACxCA,MAAM,CAACC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAACF,IAAI,CAAC;IAC5C;EACF;EAEAG,oBAAoBA,CAAA,EAAG;IACrB,IAAI,OAAOF,MAAM,KAAK,WAAW,EAAE;MACjCA,MAAM,CAACG,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAACJ,IAAI,CAAC;IAC/C;IAEA,IAAI,CAACK,sBAAsB,CAAC,CAAC;IAC7B,IAAI,CAACb,UAAU,GAAG,IAAI;EACxB;EAEAC,cAAcA,CAAA,EAAG;IACf,IAAI,OAAOK,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI;QACF,IAAIQ,IAAI,GAAGR,QAAQ,CAACS,cAAc,CAAC,GAAG,IAAI,CAACjB,KAAK,CAACvB,EAAE,SAAS,CAAC;QAC7D,IAAIuC,IAAI,EAAE;UACR,OAAOA,IAAI;QACb;QAEAA,IAAI,GAAGR,QAAQ,CAACU,aAAa,CAAC,KAAK,CAAC;QACpCF,IAAI,CAACG,YAAY,CAAC,IAAI,EAAE,GAAG,IAAI,CAACnB,KAAK,CAACvB,EAAE,SAAS,CAAC;QAClDuC,IAAI,CAACI,SAAS,CAACC,GAAG,CAAC,yBAAyB,CAAC;QAC7C,IAAI,CAACC,iBAAiB,CAAC,CAAC,CAACC,WAAW,CAACP,IAAI,CAAC;QAE1C,OAAOA,IAAI;MACb,CAAC,CAAC,OAAOnF,CAAC,EAAE;QACV,IAAA2F,qBAAI,EAAC3F,CAAC,CAAC;MACT;IACF;EACF;EAEAyF,iBAAiBA,CAAA,EAAG;IAClB,IAAI,OAAOd,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI;QACF,IAAIQ,IAAI,GAAGR,QAAQ,CAACS,cAAc,CAAC,yBAAyB,CAAC;QAC7D,IAAID,IAAI,EAAE;UACR,OAAOA,IAAI;QACb;QAEAA,IAAI,GAAGR,QAAQ,CAACU,aAAa,CAAC,KAAK,CAAC;QACpCF,IAAI,CAACG,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC;QACzCH,IAAI,CAACG,YAAY,CAAC,IAAI,EAAE,yBAAyB,CAAC;QAClDH,IAAI,CAACI,SAAS,CAACC,GAAG,CAAC,gBAAgB,CAAC;QACpCb,QAAQ,CAACiB,IAAI,CAACF,WAAW,CAACP,IAAI,CAAC;QAE/B,OAAOA,IAAI;MACb,CAAC,CAAC,OAAOnF,CAAC,EAAE;QACV,IAAA2F,qBAAI,EAAC3F,CAAC,CAAC;MACT;IACF;EACF;EAEA6F,SAASA,CAAA,EAAG;IACV,IAAI,OAAOf,MAAM,KAAK,WAAW,IAAI,CAAC,IAAI,CAACgB,KAAK,CAAC1B,SAAS,EAAE;MAC1D;IACF;IAEA,IAAI;MACF,MAAM;QACJX,OAAO;QACPC,mBAAmB;QACnBC,iBAAiB;QACjBC;MACF,CAAC,GAAG,IAAI,CAACO,KAAK;MAEd,MAAM4B,QAAQ,GAAGtC,OAAO,CAACH,OAAO;MAChC,IAAI,CAACyC,QAAQ,EAAE;QACb;MACF;MACA,MAAMC,SAAS,GAAGD,QAAQ,CAACE,aAAa;MAGxC,IAAIC,KAAK,GAAG,EAAE;MAGd,MAAMC,UAAU,GAAGrB,MAAM,CAACsB,gBAAgB,CAACJ,SAAS,CAAC,CAACE,KAAK;MAG3D,IAAIvC,iBAAiB,IAAI0C,UAAU,CAACF,UAAU,CAAC,GAAG,EAAE,EAAE;QAEpD,MAAMG,QAAQ,GACZD,UAAU,CACRvB,MAAM,CACHsB,gBAAgB,CAACzB,QAAQ,CAAC4B,eAAe,CAAC,CAC1CC,gBAAgB,CAAC,qBAAqB,CAC3C,CAAC,IAAI,CAAC;QACRN,KAAK,GAAGI,QAAQ,GAAG,EAAE;MACvB;MAGA,MAAMG,WAAW,GAAGV,QAAQ,CAACW,qBAAqB,CAAC,CAAC,CAACR,KAAK;MAC1D,IAAI,CAACvC,iBAAiB,IAAI0C,UAAU,CAACI,WAAW,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5DP,KAAK,GAAGO,WAAW;MACrB;MAGA,MAAME,IAAI,GAAGZ,QAAQ,CAACW,qBAAqB,CAAC,CAAC;MAC7C,MAAME,OAAO,GAAGhD,cAAc,GAC1B,CAAC,GACDkB,MAAM,CAAC8B,OAAO,KAAKC,SAAS,GAC5B/B,MAAM,CAAC8B,OAAO,GACd9B,MAAM,CAACgC,WAAW;MACtB,MAAMC,OAAO,GAAGnD,cAAc,GAC1B,CAAC,GACDkB,MAAM,CAACiC,OAAO,KAAKF,SAAS,GAC5B/B,MAAM,CAACiC,OAAO,GACdjC,MAAM,CAACkC,WAAW;MAEtB,IAAIC,GAAG,GAAGL,OAAO,GAAGD,IAAI,CAACM,GAAG;MAC5B,IAAIC,IAAI,GACNH,OAAO,GACPJ,IAAI,CAACO,IAAI,IACRxD,mBAAmB,GAAG2C,UAAU,CAACF,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;MAEzD,IAAID,KAAK,GAAGpB,MAAM,CAACqC,UAAU,EAAE;QAC7BjB,KAAK,GAAGpB,MAAM,CAACqC,UAAU;MAC3B;MACA,IAAIF,GAAG,GAAG,CAAC,EAAE;QACXA,GAAG,GAAG,CAAC;MACT;MACA,IAAIC,IAAI,GAAG,CAAC,EAAE;QACZA,IAAI,GAAG,CAAC;MACV;MAGA,MAAME,KAAK,GAAG;QACZlB,KAAK;QACL,qBAAqB,EAAE,GAAGA,KAAK,GAAG,EAAE,KAAK;QACzCe,GAAG;QACHC;MACF,CAAC;MAED,OAAOE,KAAK;IACd,CAAC,CAAC,OAAOpH,CAAC,EAAE;MACV,IAAA2F,qBAAI,EAAC3F,CAAC,CAAC;IACT;EACF;EAEAqH,mBAAmBA,CAAA,EAAG;IACpB,IAAI,IAAI,CAACC,WAAW,IAAI,OAAOxC,MAAM,KAAK,WAAW,EAAE;MACrD;IACF;IAGA,IAAI,CAACwC,WAAW,GAAG,MAAM;MACvBC,YAAY,CAAC,IAAI,CAACC,eAAe,CAAC;MAClC,IAAI,CAACA,eAAe,GAAGC,UAAU,CAAC,MAAM;QACtC,IAAI,IAAI,CAACtD,KAAK,CAACjB,MAAM,EAAE;UACrB,IAAI,CAACqB,QAAQ,CAAC;YACZmD,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC;UACnB,CAAC,CAAC;QACJ;MACF,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IAED,IAAI,CAACC,UAAU,GACb,IAAAC,4CAA2B,EAAC,IAAI,CAAC3D,KAAK,CAACV,OAAO,CAACH,OAAO,CAAC,IAAIwB,MAAM;IACnE,IAAI,CAAC+C,UAAU,CAAC9C,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACuC,WAAW,CAAC;IAE5D,IAAI;MACF,IAAI,CAACS,cAAc,GAAG,IAAIC,cAAc,CAAC,IAAI,CAACV,WAAW,CAAC;MAC1D,IAAI,CAACS,cAAc,CAACE,OAAO,CAACtD,QAAQ,CAACiB,IAAI,CAAC;IAC5C,CAAC,CAAC,OAAO5F,CAAC,EAAE;MACV8E,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACuC,WAAW,CAAC;IACrD;EACF;EAEApC,sBAAsBA,CAAA,EAAG;IACvBqC,YAAY,CAAC,IAAI,CAACC,eAAe,CAAC;IAClC,IAAI,OAAO1C,MAAM,KAAK,WAAW,IAAI,IAAI,CAACwC,WAAW,EAAE;MACrD,IAAI,IAAI,CAACO,UAAU,EAAE;QACnB,IAAI,CAACA,UAAU,CAAC5C,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACqC,WAAW,CAAC;MACjE;MACA,IAAI,IAAI,CAACS,cAAc,EAAE;QACvB,IAAI,CAACA,cAAc,CAACG,UAAU,CAAC,CAAC;QAChC,IAAI,CAACH,cAAc,GAAG,IAAI;MAC5B;MACAjD,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACqC,WAAW,CAAC;IACxD;IACA,IAAI,CAACA,WAAW,GAAG,IAAI;EACzB;EAEAa,MAAMA,CAAA,EAAG;IACP,IAAI,CAAC,IAAI,CAAC9D,UAAU,EAAE;MACpB,OAAO,IAAI;IACb;IAEA,IAAI,OAAOS,MAAM,KAAK,WAAW,IAAI,IAAI,CAACgB,KAAK,CAAC1B,SAAS,EAAE;MACzD,MAAM;QAAElB,MAAM;QAAEU,cAAc;QAAEC,SAAS;QAAEb;MAAS,CAAC,GAAG,IAAI,CAACmB,KAAK;MAElE,IAAIjB,MAAM,EAAE;QACV,IAAI,CAACmE,mBAAmB,CAAC,CAAC;MAC5B;MAEA,MAAMD,KAAK,GAAGlE,MAAM,GAAG,IAAI,CAAC2C,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;MAE5C,OAAOuC,iBAAQ,CAACC,YAAY,CAC1B5I,MAAA,CAAAS,OAAA,CAAAmF,aAAA;QACExB,SAAS,EAAE,IAAAyE,mBAAU,EACnB,gCAAgC,EAEhCzE,SAAS,EADTD,cAAc,IAAI,uCAEpB,CAAE;QACFwD,KAAK,EAAEA,KAAM;QACb5C,GAAG,EAAE,IAAI,CAACA;MAAI,GAEbxB,QACG,CAAC,EACP,IAAI,CAACqB,UACP,CAAC;IACH;IAEA,OAAO,IAAI;EACb;AACF;AAACkE,OAAA,CAAAxE,gBAAA,GAAAA,gBAAA;AAAAtC,eAAA,CAjPYsC,gBAAgB,kBAAAxC,aAAA,KAMtBuC,sBAAsB;AAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBANhBoB,gBAAgB,CACpByE,SAAS,GAAAjH,aAAA,KACXiB,mBAAmB;AAAA,IAAAiG,QAAA,GAAAF,OAAA,CAAArI,OAAA,GAiPX8D,cAAK,CAAC0E,UAAU,CAAC,CAACvE,KAAK,EAAEK,GAAG,KAAK;EAC9C,OAAO/E,MAAA,CAAAS,OAAA,CAAAmF,aAAA,CAACtB,gBAAgB,EAAA5D,QAAA;IAACiD,QAAQ,EAAEoB;EAAI,GAAKL,KAAK,CAAG,CAAC;AACvD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"DrawerListPortal.js","names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_classnames","_componentHelper","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","DrawerListPortal","_ref","innerRef","id","opened","rootRef","current","undefined","include_owner_width","independent_width","fixed_position","className","children","isMounted","setIsMounted","useState","setForceRerender","ref","React","createRef","portalElem","useRef","setPosition","positionTimeout","customElem","resizeObserver","init","getRootElement","useEffect","document","readyState","window","addEventListener","removeEventListener","removePositionObserver","elem","getElementById","createElement","setAttribute","classList","add","createMainElement","appendChild","warn","body","makeStyle","rootElem","ownerElem","parentElement","width","ownerWidth","getComputedStyle","parseFloat","minWidth","documentElement","getPropertyValue","customWidth","getBoundingClientRect","rect","scrollY","pageYOffset","scrollX","pageXOffset","top","left","innerWidth","style","addPositionObserver","clearTimeout","setTimeout","Date","now","getClosestScrollViewElement","ResizeObserver","observe","disconnect","ReactDOM","createPortal","classnames","_default","exports","forwardRef","props"],"sources":["../../../../src/fragments/drawer-list/DrawerListPortal.tsx"],"sourcesContent":["/**\n * Web DrawerList Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React, { useEffect, useRef, useState } from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport {\n  warn,\n  getClosestScrollViewElement,\n} from '../../shared/component-helper'\n\nexport type DrawerListPortalProps = {\n  id: string\n  children: React.ReactNode\n  opened: boolean\n  innerRef?: React.ForwardedRef<HTMLSpanElement>\n  rootRef: React.RefObject<HTMLSpanElement>\n  include_owner_width?: boolean\n  independent_width?: boolean\n  fixed_position?: boolean\n  className?: string\n}\n\nfunction DrawerListPortal({\n  innerRef,\n  id,\n  opened,\n  rootRef = { current: undefined },\n  include_owner_width,\n  independent_width,\n  fixed_position,\n  className,\n  children,\n}: DrawerListPortalProps) {\n  const [isMounted, setIsMounted] = useState(false)\n  const [, setForceRerender] = useState<number>()\n\n  const ref: React.LegacyRef<HTMLSpanElement> =\n    innerRef || React.createRef()\n\n  const portalElem = useRef<HTMLElement>()\n  const setPosition = useRef<() => void>()\n  const positionTimeout = useRef<NodeJS.Timeout>()\n  const customElem = useRef<Element | Window>()\n  const resizeObserver = useRef<ResizeObserver>()\n\n  const init = () => {\n    portalElem.current = getRootElement()\n    setIsMounted(true)\n  }\n\n  useEffect(() => {\n    if (document.readyState === 'complete') {\n      init()\n    } else if (typeof window !== 'undefined') {\n      window.addEventListener('load', init)\n    }\n  }, [])\n\n  useEffect(() => {\n    return () => {\n      if (typeof window !== 'undefined') {\n        window.removeEventListener('load', init)\n      }\n\n      removePositionObserver()\n      portalElem.current = null\n    }\n  }, [])\n\n  const getRootElement = () => {\n    if (typeof document !== 'undefined') {\n      try {\n        let elem = document.getElementById(`${id}-portal`)\n        if (elem) {\n          return elem\n        }\n\n        elem = document.createElement('div')\n        elem.setAttribute('id', `${id}-portal`)\n        elem.classList.add('dnb-drawer-list__portal')\n        createMainElement().appendChild(elem)\n\n        return elem\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  const createMainElement = () => {\n    if (typeof document !== 'undefined') {\n      try {\n        let elem = document.getElementById('dnb-drawer-list__portal')\n        if (elem) {\n          return elem\n        }\n\n        elem = document.createElement('div')\n        elem.setAttribute('role', 'presentation')\n        elem.setAttribute('id', 'dnb-drawer-list__portal')\n        elem.classList.add('dnb-core-style')\n        document.body.appendChild(elem)\n\n        return elem\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  const makeStyle = () => {\n    if (typeof window === 'undefined' || !isMounted) {\n      return // stop here\n    }\n\n    try {\n      const rootElem = rootRef.current\n      if (!rootElem) {\n        return // stop here\n      }\n      const ownerElem = rootElem.parentElement\n\n      // min width as a threshold\n      let width = 64\n\n      // Handle width\n      const ownerWidth = window.getComputedStyle(ownerElem).width\n\n      // fallback for too narrow width - in case there is not width -> e.g. \"--is-popup\"\n      if (independent_width || parseFloat(ownerWidth) < 64) {\n        // get min-width from CSS property\n        const minWidth =\n          parseFloat(\n            window\n              .getComputedStyle(document.documentElement)\n              .getPropertyValue('--drawer-list-width')\n          ) || 0\n        width = minWidth * 16\n      }\n\n      // also check if root \"has a custom width\"\n      const customWidth = rootElem.getBoundingClientRect().width\n      if (!independent_width && (customWidth || 0) >= 64) {\n        width = customWidth\n      }\n\n      // Handle positions\n      const rect = rootElem.getBoundingClientRect()\n      const scrollY = fixed_position\n        ? 0\n        : window.scrollY !== undefined\n        ? window.scrollY\n        : window.pageYOffset\n      const scrollX = fixed_position\n        ? 0\n        : window.scrollX !== undefined\n        ? window.scrollX\n        : window.pageXOffset\n\n      let top = scrollY + rect.top\n      let left =\n        scrollX +\n        rect.left +\n        (include_owner_width ? parseFloat(ownerWidth || '0') : 0)\n\n      if (width > window.innerWidth) {\n        width = window.innerWidth\n      }\n      if (top < 0) {\n        top = 0\n      }\n      if (left < 0) {\n        left = 0\n      }\n\n      // NB:  before we recalculated the values to REM, but iOS rounds this and we get a wrong total value out of that!\n      const style = {\n        width,\n        '--drawer-list-width': `${width / 16}rem`, // used by the \"drawer-list-scale-in\" animation\n        top,\n        left,\n      }\n\n      return style\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const addPositionObserver = () => {\n    if (setPosition.current || typeof window === 'undefined') {\n      return // stop here\n    }\n\n    // debounce\n    setPosition.current = () => {\n      clearTimeout(positionTimeout.current)\n      positionTimeout.current = setTimeout(() => {\n        if (opened) {\n          setForceRerender(Date.now())\n        }\n      }, 200)\n    }\n\n    customElem.current =\n      getClosestScrollViewElement(rootRef.current) || window\n    customElem.current.addEventListener('scroll', setPosition.current)\n\n    try {\n      resizeObserver.current = new ResizeObserver(setPosition.current)\n      resizeObserver.current.observe(document.body)\n    } catch (e) {\n      window.addEventListener('resize', setPosition.current)\n    }\n  }\n\n  const removePositionObserver = () => {\n    clearTimeout(positionTimeout.current)\n    if (typeof window !== 'undefined' && setPosition.current) {\n      if (customElem.current) {\n        customElem.current.removeEventListener(\n          'scroll',\n          setPosition.current\n        )\n      }\n      if (resizeObserver.current) {\n        resizeObserver.current.disconnect()\n        resizeObserver.current = null\n      }\n      window.removeEventListener('resize', setPosition.current)\n    }\n    setPosition.current = null\n  }\n\n  if (!portalElem.current) {\n    return null // stop here\n  }\n\n  if (typeof window !== 'undefined' && isMounted) {\n    if (opened) {\n      addPositionObserver()\n    }\n\n    const style = opened ? makeStyle() : {}\n\n    return ReactDOM.createPortal(\n      <span\n        className={classnames(\n          'dnb-drawer-list__portal__style',\n          fixed_position && 'dnb-drawer-list__portal__style--fixed',\n          className\n        )}\n        style={style}\n        ref={ref}\n      >\n        {children}\n      </span>,\n      portalElem.current\n    )\n  }\n\n  return null\n}\n\nexport default React.forwardRef(\n  (\n    props: Omit<DrawerListPortalProps, 'innerRef'>,\n    ref: React.ForwardedRef<HTMLSpanElement>\n  ) => {\n    return <DrawerListPortal innerRef={ref} {...props} />\n  }\n)\n"],"mappings":";;;;;;;;AAOA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAGsC,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AActC,SAASG,gBAAgBA,CAAAC,IAAA,EAUC;EAAA,IAVA;IACxBC,QAAQ;IACRC,EAAE;IACFC,MAAM;IACNC,OAAO,GAAG;MAAEC,OAAO,EAAEC;IAAU,CAAC;IAChCC,mBAAmB;IACnBC,iBAAiB;IACjBC,cAAc;IACdC,SAAS;IACTC;EACqB,CAAC,GAAAX,IAAA;EACtB,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAM,GAAGC,gBAAgB,CAAC,GAAG,IAAAD,eAAQ,EAAS,CAAC;EAE/C,MAAME,GAAqC,GACzCf,QAAQ,IAAIgB,cAAK,CAACC,SAAS,CAAC,CAAC;EAE/B,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAc,CAAC;EACxC,MAAMC,WAAW,GAAG,IAAAD,aAAM,EAAa,CAAC;EACxC,MAAME,eAAe,GAAG,IAAAF,aAAM,EAAiB,CAAC;EAChD,MAAMG,UAAU,GAAG,IAAAH,aAAM,EAAmB,CAAC;EAC7C,MAAMI,cAAc,GAAG,IAAAJ,aAAM,EAAiB,CAAC;EAE/C,MAAMK,IAAI,GAAGA,CAAA,KAAM;IACjBN,UAAU,CAACd,OAAO,GAAGqB,cAAc,CAAC,CAAC;IACrCb,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,IAAAc,gBAAS,EAAC,MAAM;IACd,IAAIC,QAAQ,CAACC,UAAU,KAAK,UAAU,EAAE;MACtCJ,IAAI,CAAC,CAAC;IACR,CAAC,MAAM,IAAI,OAAOK,MAAM,KAAK,WAAW,EAAE;MACxCA,MAAM,CAACC,gBAAgB,CAAC,MAAM,EAAEN,IAAI,CAAC;IACvC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAE,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAI,OAAOG,MAAM,KAAK,WAAW,EAAE;QACjCA,MAAM,CAACE,mBAAmB,CAAC,MAAM,EAAEP,IAAI,CAAC;MAC1C;MAEAQ,sBAAsB,CAAC,CAAC;MACxBd,UAAU,CAACd,OAAO,GAAG,IAAI;IAC3B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMqB,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,OAAOE,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI;QACF,IAAIM,IAAI,GAAGN,QAAQ,CAACO,cAAc,CAAC,GAAGjC,EAAE,SAAS,CAAC;QAClD,IAAIgC,IAAI,EAAE;UACR,OAAOA,IAAI;QACb;QAEAA,IAAI,GAAGN,QAAQ,CAACQ,aAAa,CAAC,KAAK,CAAC;QACpCF,IAAI,CAACG,YAAY,CAAC,IAAI,EAAE,GAAGnC,EAAE,SAAS,CAAC;QACvCgC,IAAI,CAACI,SAAS,CAACC,GAAG,CAAC,yBAAyB,CAAC;QAC7CC,iBAAiB,CAAC,CAAC,CAACC,WAAW,CAACP,IAAI,CAAC;QAErC,OAAOA,IAAI;MACb,CAAC,CAAC,OAAO7D,CAAC,EAAE;QACV,IAAAqE,qBAAI,EAACrE,CAAC,CAAC;MACT;IACF;EACF,CAAC;EAED,MAAMmE,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI,OAAOZ,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI;QACF,IAAIM,IAAI,GAAGN,QAAQ,CAACO,cAAc,CAAC,yBAAyB,CAAC;QAC7D,IAAID,IAAI,EAAE;UACR,OAAOA,IAAI;QACb;QAEAA,IAAI,GAAGN,QAAQ,CAACQ,aAAa,CAAC,KAAK,CAAC;QACpCF,IAAI,CAACG,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC;QACzCH,IAAI,CAACG,YAAY,CAAC,IAAI,EAAE,yBAAyB,CAAC;QAClDH,IAAI,CAACI,SAAS,CAACC,GAAG,CAAC,gBAAgB,CAAC;QACpCX,QAAQ,CAACe,IAAI,CAACF,WAAW,CAACP,IAAI,CAAC;QAE/B,OAAOA,IAAI;MACb,CAAC,CAAC,OAAO7D,CAAC,EAAE;QACV,IAAAqE,qBAAI,EAACrE,CAAC,CAAC;MACT;IACF;EACF,CAAC;EAED,MAAMuE,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAI,OAAOd,MAAM,KAAK,WAAW,IAAI,CAAClB,SAAS,EAAE;MAC/C;IACF;IAEA,IAAI;MACF,MAAMiC,QAAQ,GAAGzC,OAAO,CAACC,OAAO;MAChC,IAAI,CAACwC,QAAQ,EAAE;QACb;MACF;MACA,MAAMC,SAAS,GAAGD,QAAQ,CAACE,aAAa;MAGxC,IAAIC,KAAK,GAAG,EAAE;MAGd,MAAMC,UAAU,GAAGnB,MAAM,CAACoB,gBAAgB,CAACJ,SAAS,CAAC,CAACE,KAAK;MAG3D,IAAIxC,iBAAiB,IAAI2C,UAAU,CAACF,UAAU,CAAC,GAAG,EAAE,EAAE;QAEpD,MAAMG,QAAQ,GACZD,UAAU,CACRrB,MAAM,CACHoB,gBAAgB,CAACtB,QAAQ,CAACyB,eAAe,CAAC,CAC1CC,gBAAgB,CAAC,qBAAqB,CAC3C,CAAC,IAAI,CAAC;QACRN,KAAK,GAAGI,QAAQ,GAAG,EAAE;MACvB;MAGA,MAAMG,WAAW,GAAGV,QAAQ,CAACW,qBAAqB,CAAC,CAAC,CAACR,KAAK;MAC1D,IAAI,CAACxC,iBAAiB,IAAI,CAAC+C,WAAW,IAAI,CAAC,KAAK,EAAE,EAAE;QAClDP,KAAK,GAAGO,WAAW;MACrB;MAGA,MAAME,IAAI,GAAGZ,QAAQ,CAACW,qBAAqB,CAAC,CAAC;MAC7C,MAAME,OAAO,GAAGjD,cAAc,GAC1B,CAAC,GACDqB,MAAM,CAAC4B,OAAO,KAAKpD,SAAS,GAC5BwB,MAAM,CAAC4B,OAAO,GACd5B,MAAM,CAAC6B,WAAW;MACtB,MAAMC,OAAO,GAAGnD,cAAc,GAC1B,CAAC,GACDqB,MAAM,CAAC8B,OAAO,KAAKtD,SAAS,GAC5BwB,MAAM,CAAC8B,OAAO,GACd9B,MAAM,CAAC+B,WAAW;MAEtB,IAAIC,GAAG,GAAGJ,OAAO,GAAGD,IAAI,CAACK,GAAG;MAC5B,IAAIC,IAAI,GACNH,OAAO,GACPH,IAAI,CAACM,IAAI,IACRxD,mBAAmB,GAAG4C,UAAU,CAACF,UAAU,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;MAE3D,IAAID,KAAK,GAAGlB,MAAM,CAACkC,UAAU,EAAE;QAC7BhB,KAAK,GAAGlB,MAAM,CAACkC,UAAU;MAC3B;MACA,IAAIF,GAAG,GAAG,CAAC,EAAE;QACXA,GAAG,GAAG,CAAC;MACT;MACA,IAAIC,IAAI,GAAG,CAAC,EAAE;QACZA,IAAI,GAAG,CAAC;MACV;MAGA,MAAME,KAAK,GAAG;QACZjB,KAAK;QACL,qBAAqB,EAAE,GAAGA,KAAK,GAAG,EAAE,KAAK;QACzCc,GAAG;QACHC;MACF,CAAC;MAED,OAAOE,KAAK;IACd,CAAC,CAAC,OAAO5F,CAAC,EAAE;MACV,IAAAqE,qBAAI,EAACrE,CAAC,CAAC;IACT;EACF,CAAC;EAED,MAAM6F,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAI7C,WAAW,CAAChB,OAAO,IAAI,OAAOyB,MAAM,KAAK,WAAW,EAAE;MACxD;IACF;IAGAT,WAAW,CAAChB,OAAO,GAAG,MAAM;MAC1B8D,YAAY,CAAC7C,eAAe,CAACjB,OAAO,CAAC;MACrCiB,eAAe,CAACjB,OAAO,GAAG+D,UAAU,CAAC,MAAM;QACzC,IAAIjE,MAAM,EAAE;UACVY,gBAAgB,CAACsD,IAAI,CAACC,GAAG,CAAC,CAAC,CAAC;QAC9B;MACF,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IAED/C,UAAU,CAAClB,OAAO,GAChB,IAAAkE,4CAA2B,EAACnE,OAAO,CAACC,OAAO,CAAC,IAAIyB,MAAM;IACxDP,UAAU,CAAClB,OAAO,CAAC0B,gBAAgB,CAAC,QAAQ,EAAEV,WAAW,CAAChB,OAAO,CAAC;IAElE,IAAI;MACFmB,cAAc,CAACnB,OAAO,GAAG,IAAImE,cAAc,CAACnD,WAAW,CAAChB,OAAO,CAAC;MAChEmB,cAAc,CAACnB,OAAO,CAACoE,OAAO,CAAC7C,QAAQ,CAACe,IAAI,CAAC;IAC/C,CAAC,CAAC,OAAOtE,CAAC,EAAE;MACVyD,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEV,WAAW,CAAChB,OAAO,CAAC;IACxD;EACF,CAAC;EAED,MAAM4B,sBAAsB,GAAGA,CAAA,KAAM;IACnCkC,YAAY,CAAC7C,eAAe,CAACjB,OAAO,CAAC;IACrC,IAAI,OAAOyB,MAAM,KAAK,WAAW,IAAIT,WAAW,CAAChB,OAAO,EAAE;MACxD,IAAIkB,UAAU,CAAClB,OAAO,EAAE;QACtBkB,UAAU,CAAClB,OAAO,CAAC2B,mBAAmB,CACpC,QAAQ,EACRX,WAAW,CAAChB,OACd,CAAC;MACH;MACA,IAAImB,cAAc,CAACnB,OAAO,EAAE;QAC1BmB,cAAc,CAACnB,OAAO,CAACqE,UAAU,CAAC,CAAC;QACnClD,cAAc,CAACnB,OAAO,GAAG,IAAI;MAC/B;MACAyB,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEX,WAAW,CAAChB,OAAO,CAAC;IAC3D;IACAgB,WAAW,CAAChB,OAAO,GAAG,IAAI;EAC5B,CAAC;EAED,IAAI,CAACc,UAAU,CAACd,OAAO,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,IAAI,OAAOyB,MAAM,KAAK,WAAW,IAAIlB,SAAS,EAAE;IAC9C,IAAIT,MAAM,EAAE;MACV+D,mBAAmB,CAAC,CAAC;IACvB;IAEA,MAAMD,KAAK,GAAG9D,MAAM,GAAGyC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvC,OAAO+B,iBAAQ,CAACC,YAAY,CAC1B9G,MAAA,CAAAS,OAAA,CAAA6D,aAAA;MACE1B,SAAS,EAAE,IAAAmE,mBAAU,EACnB,gCAAgC,EAEhCnE,SAAS,EADTD,cAAc,IAAI,uCAEpB,CAAE;MACFwD,KAAK,EAAEA,KAAM;MACbjD,GAAG,EAAEA;IAAI,GAERL,QACG,CAAC,EACPQ,UAAU,CAACd,OACb,CAAC;EACH;EAEA,OAAO,IAAI;AACb;AAAC,IAAAyE,QAAA,GAAAC,OAAA,CAAAxG,OAAA,GAEc0C,cAAK,CAAC+D,UAAU,CAC7B,CACEC,KAA8C,EAC9CjE,GAAwC,KACrC;EACH,OAAOlD,MAAA,CAAAS,OAAA,CAAA6D,aAAA,CAACrC,gBAAgB,EAAAN,QAAA;IAACQ,QAAQ,EAAEe;EAAI,GAAKiE,KAAK,CAAG,CAAC;AACvD,CACF,CAAC","ignoreList":[]}

package/cjs/fragments/drawer-list/DrawerListProvider.d.ts

@@ -1,14 +1,220 @@
-import * as React from 'react';
+/**
+ * Web DrawerList Provider
+ *
+ * This is a legacy component.
+ * For referencing while developing new features, please use a Functional component.
+ */
+/// <reference types="node" />
+import React from 'react';
+import Context from '../../shared/Context';
+import { DetectOutsideClickClass } from '../../shared/component-helper';
+import { DrawerListContextState } from './DrawerListContext';
 import type { SpacingProps } from '../../shared/types';
 import type { DrawerListProps } from './DrawerList';
-export interface DrawerListProviderProps
-  extends React.HTMLProps<HTMLElement>,
-    SpacingProps,
-    DrawerListProps {}
-export default class DrawerListProvider extends React.Component<
-  DrawerListProviderProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
+export type DrawerListProviderProps = Omit<DrawerListProps, 'children'> & Omit<React.HTMLProps<HTMLElement>, 'data' | 'role' | 'size' | 'value'> & SpacingProps & {
+    hasFocusOnElement?: boolean;
+    getActiveElement?: () => HTMLElement;
+    setData?: (data: any, cb?: any, { overwriteOriginalData, }?: {
+        overwriteOriginalData?: boolean;
+    }) => DrawerListProvider;
+    setState?: (state: any, cb?: any) => void;
+    setWrapperElement?: (wrapper_element?: string | HTMLElement) => DrawerListProvider;
+    setHidden?: (args?: any[], onStateComplete?: any) => void;
+    selectItemAndClose?: (itemToSelect: any, args?: {
+        fireSelectEvent?: boolean;
+        event: any;
+    }) => any;
+    selected_item?: string | number;
+    active_item?: string | number;
+    showFocusRing?: boolean;
+    closestToTop?: number;
+    closestToBottom?: number;
+    usePortal?: boolean;
+    addObservers?: () => void;
+    removeObservers?: () => void;
+    setVisible?: (args?: Record<string, any>, onStateComplete?: any) => void;
+    toggleVisible?: (...args: any[]) => void;
+    selectItem?: (itemToSelect: any, args?: {
+        fireSelectEvent?: boolean;
+        event?: any;
+        closeOnSelection?: boolean;
+    }) => any;
+    scrollToItem?: (active_item: any, opt?: {
+        scrollTo?: boolean;
+        element?: any;
+    }) => void;
+    setActiveItemAndScrollToIt?: (active_item: any, args?: {
+        fireSelectEvent?: boolean;
+        scrollTo?: boolean;
+        event?: any;
+    }) => void;
+    _refShell?: React.RefObject<HTMLSpanElement>;
+    _refTriangle?: React.RefObject<HTMLLIElement & HTMLSpanElement>;
+    _refUl?: React.RefObject<HTMLUListElement>;
+    _refRoot?: React.RefObject<HTMLSpanElement>;
+    _rootElem?: Window | Element;
+    attributes?: Record<string, any>;
+    children: React.ReactNode;
+};
+export default class DrawerListProvider extends React.PureComponent<DrawerListProviderProps, DrawerListContextState> {
+    static contextType: React.Context<import("../../shared/Context").ContextProps>;
+    context: React.ContextType<typeof Context>;
+    static defaultProps: {
+        enable_body_lock: boolean;
+        page_offset: any;
+        observer_element: any;
+        min_height: number;
+        id: any;
+        role: string;
+        cache_hash: any;
+        triangle_position: string;
+        scrollable: boolean;
+        focusable: boolean;
+        max_height: any;
+        direction: string;
+        size: string;
+        no_animation: boolean;
+        no_scroll_animation: boolean;
+        prevent_selection: boolean;
+        action_menu: boolean;
+        is_popup: boolean;
+        align_drawer: string;
+        wrapper_element: any;
+        default_value: any;
+        value: string;
+        portal_class: any;
+        list_class: any;
+        skip_portal: any;
+        prevent_close: boolean;
+        keep_open: boolean;
+        prevent_focus: boolean;
+        fixed_position: boolean;
+        independent_width: boolean;
+        skip_keysearch: boolean;
+        opened: any;
+        data: any;
+        raw_data: any;
+        ignore_events: any;
+        className: any;
+        children: any;
+        on_show: any;
+        on_hide: any;
+        handle_dismiss_focus: any;
+        on_change: any;
+        on_pre_change: any;
+        on_resize: any;
+        on_select: any;
+        on_state_update: any;
+        options_render: any;
+    };
+    static blurDelay: number;
+    static isOpen: boolean;
+    static getDerivedStateFromProps(props: any, state: any): DrawerListContextState;
+    attributes: object;
+    _refRoot: React.RefObject<HTMLSpanElement>;
+    _refShell: React.RefObject<HTMLSpanElement>;
+    _refUl: React.RefObject<HTMLUListElement>;
+    _refTriangle: React.RefObject<HTMLLIElement & HTMLSpanElement>;
+    _showTimeout: NodeJS.Timeout;
+    _hideTimeout: NodeJS.Timeout;
+    _scrollTimeout: NodeJS.Timeout;
+    _directionTimeout: NodeJS.Timeout;
+    itemSpots: {
+        [customProperty: number]: {
+            i: number;
+        };
+    };
+    itemSpotsCount: number;
+    setOnScroll: () => void;
+    _bodyLockIsEnabled: boolean;
+    setDirection: () => void;
+    _rootElem: Window | Element;
+    changedOrderFor: string;
+    searchCache: Record<string, {
+        i: number;
+    }[]>;
+    meta: {
+        cmd: any;
+        ctrl: any;
+        shift: any;
+        alt: any;
+    };
+    outsideClick: DetectOutsideClickClass;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    componentWillUnmount(): void;
+    refreshScrollObserver(): void;
+    setScrollObserver(): void;
+    removeScrollObserver(): void;
+    enableBodyLock: () => void;
+    disableBodyLock: () => void;
+    setDirectionObserver(): void;
+    /**
+     * Deprecated
+     * We should replace all the logic of handling left/right aligned
+     * and setting the position, with a PopupMenu component,
+     * which uses the logic form Tooltip.
+     *
+     * EDS-246
+     */
+    correctHiddenView: () => void;
+    findItemByValue(value: any): number;
+    scrollToItem: (active_item: any, { scrollTo, element }?: {
+        scrollTo?: boolean;
+        element?: any;
+    }) => void;
+    /**
+     * During opening (Dropdown, Autocomplete),
+     * and if noting is selected,
+     * set scroll to item.
+     *
+     * @param {number} active_item The item to set as active
+     * @param {object} param1
+     * @property {boolean} fireSelectEvent Whether the onSelect event should get emitted
+     * @property {boolean} scrollTo Whether the list should scroll to the new active item nor not
+     * @property {event} event The event object to forward to the emitted events
+     */
+    setActiveItemAndScrollToIt: (active_item: any, { fireSelectEvent, scrollTo, event }?: {
+        fireSelectEvent?: boolean;
+        scrollTo?: boolean;
+        event?: any;
+    }) => void;
+    removeDirectionObserver(): void;
+    setWrapperElement: (wrapper_element?: string | HTMLElement) => this;
+    getAnchorElem(activeElement: any): any;
+    setMetaKey: (e: any) => void;
+    onKeyUpHandler: (e: any) => void;
+    onKeyDownHandler: (e: any) => void;
+    getSelectedElement: () => HTMLLIElement | HTMLUListElement;
+    getCurrentSelectedItem: () => number;
+    getActiveElement: () => HTMLLIElement | HTMLUListElement;
+    getCurrentActiveItem: () => number;
+    getNextActiveItem: () => number;
+    getPrevActiveItem: () => number;
+    getFirstItem: () => number;
+    getLastItem: () => number;
+    setOutsideClickObserver: () => void;
+    removeOutsideClickObserver(): void;
+    addObservers: () => void;
+    removeObservers: () => void;
+    toggleVisible: (...args: any[]) => void;
+    setVisible: (args?: {}, onStateComplete?: any) => void;
+    setHidden: (args?: {}, onStateComplete?: any) => void;
+    setActiveState(active: any): void;
+    setDataHandler: (data: any, cb?: any, { overwriteOriginalData }?: {
+        overwriteOriginalData?: boolean;
+    }) => this;
+    setStateHandler: (state: any, cb?: any) => this;
+    selectItemAndClose: (itemToSelect: any, args?: {
+        fireSelectEvent?: boolean;
+        event?: any;
+        closeOnSelection?: boolean;
+    }) => any;
+    selectItem: (itemToSelect: any, { fireSelectEvent, event, closeOnSelection, }?: {
+        fireSelectEvent?: boolean;
+        event?: any;
+        closeOnSelection?: boolean;
+    }) => any;
+    render(): import("react/jsx-runtime").JSX.Element;
 }