@dnb/eufemia 10.73.2 → 10.74.0

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

@@ -1,83 +1,69 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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; }
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { warn, getClosestScrollViewElement } from '../../shared/component-helper';
-const drawerListPropTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string.isRequired,
-  children: PropTypes.node.isRequired,
-  opened: PropTypes.bool.isRequired,
-  innerRef: PropTypes.shape({
-    current: PropTypes.oneOfType([PropTypes.node, PropTypes.object])
-  }),
-  rootRef: PropTypes.shape({
-    current: PropTypes.oneOfType([PropTypes.node, PropTypes.object])
-  }).isRequired,
-  include_owner_width: PropTypes.bool,
-  independent_width: PropTypes.bool,
-  fixed_position: PropTypes.bool,
-  className: PropTypes.string
-} : {};
-const drawerListDefaultProps = {
-  rootRef: {
-    current: null
+function DrawerListPortal({
+  innerRef,
+  id,
+  opened,
+  rootRef = {
+    current: undefined
   },
-  innerRef: null,
-  include_owner_width: false,
-  independent_width: false,
-  fixed_position: false,
-  className: null
-};
-export class DrawerListPortal extends React.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.createRef();
-  }
-  componentDidMount() {
+  include_owner_width,
+  independent_width,
+  fixed_position,
+  className,
+  children
+}) {
+  const [isMounted, setIsMounted] = useState(false);
+  const [, setForceRerender] = useState();
+  const ref = innerRef || React.createRef();
+  const portalElem = useRef();
+  const setPosition = useRef();
+  const positionTimeout = useRef();
+  const customElem = useRef();
+  const resizeObserver = useRef();
+  const init = () => {
+    portalElem.current = getRootElement();
+    setIsMounted(true);
+  };
+  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() {
+  }, []);
+  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) {
         warn(e);
       }
     }
-  }
-  createMainElement() {
+  };
+  const createMainElement = () => {
     if (typeof document !== 'undefined') {
       try {
         let elem = document.getElementById('dnb-drawer-list__portal');
@@ -94,18 +80,12 @@ export class DrawerListPortal extends React.PureComponent {
         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;
@@ -118,14 +98,14 @@ export class DrawerListPortal extends React.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;
       }
@@ -145,70 +125,58 @@ export class DrawerListPortal extends React.PureComponent {
     } catch (e) {
       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 = getClosestScrollViewElement(this.props.rootRef.current) || window;
-    this.customElem.addEventListener('scroll', this.setPosition);
+    customElem.current = 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.createPortal(React.createElement("span", {
-        className: classnames('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.createPortal(React.createElement("span", {
+      className: classnames('dnb-drawer-list__portal__style', className, fixed_position && 'dnb-drawer-list__portal__style--fixed'),
+      style: style,
+      ref: ref
+    }, children), portalElem.current);
   }
+  return null;
 }
-_defineProperty(DrawerListPortal, "defaultProps", _objectSpread({}, drawerListDefaultProps));
-process.env.NODE_ENV !== "production" ? DrawerListPortal.propTypes = _objectSpread({}, drawerListPropTypes) : void 0;
 export default React.forwardRef((props, ref) => {
   return React.createElement(DrawerListPortal, _extends({
     innerRef: ref

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerListPortal.js","names":["React","ReactDOM","PropTypes","classnames","warn","getClosestScrollViewElement","drawerListPropTypes","process","env","NODE_ENV","id","string","isRequired","children","node","opened","bool","innerRef","shape","current","oneOfType","object","rootRef","include_owner_width","independent_width","fixed_position","className","drawerListDefaultProps","DrawerListPortal","PureComponent","constructor","props","_defineProperty","isMounted","portalElem","useRootElement","setState","ref","createRef","componentDidMount","document","readyState","init","window","addEventListener","componentWillUnmount","removeEventListener","removePositionObserver","elem","getElementById","createElement","setAttribute","classList","add","createMainElement","appendChild","e","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","resizeObserver","ResizeObserver","observe","disconnect","render","createPortal","_objectSpread","propTypes","forwardRef","_extends"],"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":"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","ignoreList":[]}
+{"version":3,"file":"DrawerListPortal.js","names":["React","useEffect","useRef","useState","ReactDOM","classnames","warn","getClosestScrollViewElement","DrawerListPortal","innerRef","id","opened","rootRef","current","undefined","include_owner_width","independent_width","fixed_position","className","children","isMounted","setIsMounted","setForceRerender","ref","createRef","portalElem","setPosition","positionTimeout","customElem","resizeObserver","init","getRootElement","document","readyState","window","addEventListener","removeEventListener","removePositionObserver","elem","getElementById","createElement","setAttribute","classList","add","createMainElement","appendChild","e","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","ResizeObserver","observe","disconnect","createPortal","forwardRef","props","_extends"],"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":"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","ignoreList":[]}

package/es/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;
 }