@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/modal/ModalContent.js

@@ -2,12 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["triggeredBy"],
-      _excluded2 = ["hide", "title", "labelled_by", "id", "close_title", "dialog_title", "hide_close_button", "close_button_attributes", "no_animation", "no_animation_on_mobile", "fullscreen", "container_placement", "close", "content_class", "overlay_class", "content_id", "children", "dialog_role"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+  _excluded2 = ["hide", "title", "labelled_by", "id", "close_title", "dialog_title", "hide_close_button", "close_button_attributes", "no_animation", "no_animation_on_mobile", "fullscreen", "container_placement", "close", "content_class", "overlay_class", "content_id", "children", "dialog_role"];
+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 classnames from 'classnames';
 import keycode from 'keycode';
@@ -21,58 +18,40 @@ import { Context } from '../../shared';
 export default class ModalContent extends React.PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       triggeredBy: null,
       triggeredByEvent: null,
       color: null
     });
-
     _defineProperty(this, "_contentRef", void 0);
-
     _defineProperty(this, "_scrollRef", void 0);
-
     _defineProperty(this, "_overlayClickRef", void 0);
-
     _defineProperty(this, "_id", void 0);
-
     _defineProperty(this, "_lockTimeout", void 0);
-
     _defineProperty(this, "_focusTimeout", void 0);
-
     _defineProperty(this, "_androidFocusTimeout", void 0);
-
     _defineProperty(this, "_ii", void 0);
-
     _defineProperty(this, "_iiLocal", void 0);
-
     _defineProperty(this, "lockBody", () => {
       const modalRoots = getListOfModalRoots();
       const firstLevel = modalRoots[0];
-
       if (firstLevel === this) {
         var _this$props;
-
         this._ii = new InteractionInvalidation();
-
         this._ii.setBypassSelector(['.dnb-modal__content *', `#dnb-modal-${this.props.root_id || 'root'}`, `#dnb-modal-${this.props.root_id || 'root'} *`, ...(((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.bypass_invalidation_selectors) || [])].filter(Boolean));
-
         this._ii.activate();
       } else {
         modalRoots.forEach(modal => {
           if (modal !== this && typeof modal._iiLocal === 'undefined' && typeof modal._scrollRef !== 'undefined') {
             modal._iiLocal = new InteractionInvalidation();
-
             modal._iiLocal.activate(modal._scrollRef.current);
           }
         });
       }
-
       if (typeof document !== 'undefined') {
         document.addEventListener('keydown', this.onKeyDownHandler);
       }
     });
-
     _defineProperty(this, "_androidFocusHelper", () => {
       const {
         animation_duration = null
@@ -82,40 +61,33 @@ export default class ModalContent extends React.PureComponent {
       this._androidFocusTimeout = setTimeout(() => {
         try {
           var _document$activeEleme, _document$activeEleme2;
-
           if (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) == 'INPUT' || ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) == 'TEXTAREA') {
             document.activeElement.scrollIntoView();
           }
         } catch (e) {}
       }, timeoutDuration / 2);
     });
-
     _defineProperty(this, "preventClick", event => {
       if (event) {
         event.stopPropagation();
       }
     });
-
     _defineProperty(this, "onCloseClickHandler", event => {
       this.closeModalContent(event, {
         triggeredBy: 'button'
       });
     });
-
     _defineProperty(this, "onContentMouseDownHandler", event => {
       this._overlayClickRef.current = event.target === event.currentTarget ? event.target : null;
     });
-
     _defineProperty(this, "onContentClickHandler", event => {
       if (this._overlayClickRef.current !== event.target) {
         return;
       }
-
       this._overlayClickRef.current = null;
       const {
         prevent_overlay_close
       } = this.props;
-
       if (!isTrue(prevent_overlay_close)) {
         this.closeModalContent(event, {
           triggeredBy: 'overlay',
@@ -123,37 +95,31 @@ export default class ModalContent extends React.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onKeyDownHandler", event => {
       switch (keycode(event)) {
         case 'esc':
           {
             const mostCurrent = getModalRoot(-1);
-
             if (mostCurrent === this) {
               event.preventDefault();
               this.closeModalContent(event, {
                 triggeredBy: 'keyboard'
               });
             }
-
             break;
           }
       }
     });
-
     _defineProperty(this, "setBackgroundColor", color => {
       this.setState({
         color
       });
     });
-
     this._contentRef = this.props.content_ref || React.createRef();
     this._scrollRef = this.props.scroll_ref || React.createRef();
     this._overlayClickRef = React.createRef();
     this._id = props.id;
   }
-
   componentDidMount() {
     const {
       id = null,
@@ -168,44 +134,36 @@ export default class ModalContent extends React.PureComponent {
     dispatchCustomElementEvent(this, 'on_open', {
       id
     });
-
     if (isTrue(no_animation) || process.env.NODE_ENV === 'test') {
       this.lockBody();
     } else {
       this._lockTimeout = setTimeout(this.lockBody, timeoutDuration * 1.2);
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._focusTimeout);
     clearTimeout(this._lockTimeout);
     this.removeLocks();
   }
-
   removeLocks() {
     const modalRoots = getListOfModalRoots();
     const firstLevel = modalRoots[0];
     removeFromIndex(this);
-
     if (firstLevel === this) {
       var _this$_ii;
-
       (_this$_ii = this._ii) === null || _this$_ii === void 0 ? void 0 : _this$_ii.revert();
       this.revertScrollPossibility();
     } else {
       try {
         const modal = modalRoots[modalRoots.length - 2];
-
         if (modal !== this && modal._iiLocal) {
           modal._iiLocal.revert();
-
           delete modal._iiLocal;
         }
       } catch (e) {
         warn(e);
       }
     }
-
     this.removeAndroidFocusHelper();
     const id = this.props.id;
     const {
@@ -217,23 +175,19 @@ export default class ModalContent extends React.PureComponent {
       event: triggeredByEvent,
       triggeredBy: triggeredBy || 'unmount'
     });
-
     if (typeof document !== 'undefined') {
       document.removeEventListener('keydown', this.onKeyDownHandler);
     }
   }
-
   setAndroidFocusHelper() {
     if (typeof window !== 'undefined' && isAndroid()) {
       window.addEventListener('resize', this._androidFocusHelper);
     }
   }
-
   removeAndroidFocusHelper() {
     window.removeEventListener('resize', this._androidFocusHelper);
     clearTimeout(this._androidFocusTimeout);
   }
-
   setFocus() {
     const {
       focus_selector = null,
@@ -242,20 +196,16 @@ export default class ModalContent extends React.PureComponent {
     } = this.props;
     const elem = this._contentRef.current;
     const timeoutDuration = typeof animation_duration === 'string' ? parseFloat(animation_duration) : animation_duration;
-
     if (elem) {
       clearTimeout(this._focusTimeout);
       this._focusTimeout = setTimeout(() => {
         try {
           let focusElement = elem;
-
           if (typeof focus_selector === 'string') {
             focusElement = elem.querySelector(focus_selector);
           }
-
           focusElement.focus();
           const noH1Elem = elem.querySelector('h1, h2, h3');
-
           if ((noH1Elem === null || noH1Elem === void 0 ? void 0 : noH1Elem.tagName) !== 'H1') {
             warn('A Dialog or Drawer needs a h1 as its first element!');
           }
@@ -265,26 +215,21 @@ export default class ModalContent extends React.PureComponent {
       }, isTrue(no_animation) ? 0 : timeoutDuration || 0);
     }
   }
-
   removeScrollPossibility() {
     if (this._scrollRef.current) {
       disableBodyScroll(this._scrollRef.current);
     }
   }
-
   revertScrollPossibility() {
     enableBodyScroll(this._scrollRef.current);
     clearAllBodyScrollLocks();
   }
-
   closeModalContent(event, _ref) {
     var _event$persist;
-
     let {
-      triggeredBy
-    } = _ref,
-        params = _objectWithoutProperties(_ref, _excluded);
-
+        triggeredBy
+      } = _ref,
+      params = _objectWithoutProperties(_ref, _excluded);
     event === null || event === void 0 ? void 0 : (_event$persist = event.persist) === null || _event$persist === void 0 ? void 0 : _event$persist.call(event);
     this.setState({
       triggeredBy,
@@ -295,44 +240,39 @@ export default class ModalContent extends React.PureComponent {
       }, params));
     });
   }
-
   render() {
     var _this$context;
-
     const _this$props2 = this.props,
-          {
-      hide,
-      title,
-      labelled_by,
-      id: _id,
-      close_title = 'Lukk',
-      dialog_title = 'Vindu',
-      hide_close_button = false,
-      close_button_attributes,
-      no_animation = false,
-      no_animation_on_mobile = false,
-      fullscreen = 'auto',
-      container_placement = 'right',
-      close,
-      content_class,
-      overlay_class,
-      content_id,
-      children,
-      dialog_role = null
-    } = _this$props2,
-          rest = _objectWithoutProperties(_this$props2, _excluded2);
-
+      {
+        hide,
+        title,
+        labelled_by,
+        id: _id,
+        close_title = 'Lukk',
+        dialog_title = 'Vindu',
+        hide_close_button = false,
+        close_button_attributes,
+        no_animation = false,
+        no_animation_on_mobile = false,
+        fullscreen = 'auto',
+        container_placement = 'right',
+        close,
+        content_class,
+        overlay_class,
+        content_id,
+        children,
+        dialog_role = null
+      } = _this$props2,
+      rest = _objectWithoutProperties(_this$props2, _excluded2);
     const {
       color
     } = this.state;
     const contentId = content_id || makeUniqueId('modal-');
     const useDialogRole = !(IS_MAC || IS_SAFARI || IS_IOS);
     let role = dialog_role || 'dialog';
-
     if (!useDialogRole && role === 'dialog') {
       role = 'region';
     }
-
     const contentParams = {
       role,
       'aria-modal': useDialogRole ? true : undefined,
@@ -373,7 +313,6 @@ export default class ModalContent extends React.PureComponent {
       "aria-hidden": true
     }));
   }
-
 }
-
-_defineProperty(ModalContent, "contextType", Context);
+_defineProperty(ModalContent, "contextType", Context);
+//# sourceMappingURL=ModalContent.js.map

package/es/components/modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","names":["React","classnames","keycode","disableBodyScroll","enableBodyScroll","clearAllBodyScrollLocks","warn","isTrue","makeUniqueId","InteractionInvalidation","combineLabelledBy","combineDescribedBy","dispatchCustomElementEvent","ModalContext","IS_IOS","IS_SAFARI","IS_MAC","isAndroid","getListOfModalRoots","getModalRoot","addToIndex","removeFromIndex","getThemeClasses","Context","ModalContent","PureComponent","constructor","props","_defineProperty","triggeredBy","triggeredByEvent","color","modalRoots","firstLevel","_this$props","_ii","setBypassSelector","root_id","bypass_invalidation_selectors","filter","Boolean","activate","forEach","modal","_iiLocal","_scrollRef","current","document","addEventListener","onKeyDownHandler","animation_duration","timeoutDuration","parseFloat","clearTimeout","_androidFocusTimeout","setTimeout","_document$activeEleme","_document$activeEleme2","activeElement","tagName","scrollIntoView","e","event","stopPropagation","closeModalContent","_overlayClickRef","target","currentTarget","prevent_overlay_close","ifIsLatest","mostCurrent","preventDefault","setState","_contentRef","content_ref","createRef","scroll_ref","_id","id","componentDidMount","no_animation","removeScrollPossibility","setFocus","setAndroidFocusHelper","process","env","NODE_ENV","lockBody","_lockTimeout","componentWillUnmount","_focusTimeout","removeLocks","_this$_ii","revert","revertScrollPossibility","length","removeAndroidFocusHelper","state","removeEventListener","window","_androidFocusHelper","focus_selector","elem","focusElement","querySelector","focus","noH1Elem","_ref","_event$persist","params","_objectWithoutProperties","_excluded","persist","call","close","_objectSpread","render","_this$context","_this$props2","hide","title","labelled_by","close_title","dialog_title","hide_close_button","close_button_attributes","no_animation_on_mobile","fullscreen","container_placement","content_class","overlay_class","content_id","children","dialog_role","rest","_excluded2","contentId","useDialogRole","role","contentParams","undefined","className","context","theme","onMouseDown","onContentMouseDownHandler","onClick","onContentClickHandler","content","createElement","Provider","value","setBackgroundColor","onCloseClickHandler","preventClick","contentRef","scrollRef","_extends","style"],"sources":["../../../../src/components/modal/ModalContent.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n  disableBodyScroll,\n  enableBodyScroll,\n  clearAllBodyScrollLocks,\n} from './bodyScrollLock'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  InteractionInvalidation,\n  combineLabelledBy,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport ModalContext from './ModalContext'\nimport { IS_IOS, IS_SAFARI, IS_MAC, isAndroid } from '../../shared/helpers'\nimport { ModalContentProps } from './types'\nimport {\n  getListOfModalRoots,\n  getModalRoot,\n  addToIndex,\n  removeFromIndex,\n} from './helpers'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { Context } from '../../shared'\n\ninterface ModalContentState {\n  triggeredBy: string\n  triggeredByEvent: Event\n  color: string\n}\n\ndeclare global {\n  interface Window {\n    __modalStack: any[]\n  }\n}\n\ninterface CSSPropertiesWithVars extends React.CSSProperties {\n  '--modal-background-color': string\n}\n\nexport default class ModalContent extends React.PureComponent<\n  ModalContentProps,\n  ModalContentState\n> {\n  state = { triggeredBy: null, triggeredByEvent: null, color: null }\n\n  _contentRef: React.RefObject<HTMLElement>\n  _scrollRef: React.RefObject<HTMLElement>\n  _overlayClickRef: { current: null | HTMLElement }\n  _id: string\n  _lockTimeout: NodeJS.Timeout\n  _focusTimeout: NodeJS.Timeout\n  _androidFocusTimeout: NodeJS.Timeout\n  _ii: InteractionInvalidation\n  _iiLocal: InteractionInvalidation\n\n  static contextType = Context\n\n  constructor(props: ModalContentProps) {\n    super(props)\n    this._contentRef = this.props.content_ref || React.createRef()\n    this._scrollRef = this.props.scroll_ref || React.createRef()\n    this._overlayClickRef = React.createRef()\n\n    // NB: The \"\"._id\" is used in the __modalStack as \"last._id\"\n    this._id = props.id\n  }\n\n  componentDidMount() {\n    const {\n      id = null,\n      no_animation = false,\n      animation_duration = null,\n    } = this.props\n\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    // Add it to the index at first\n    // we use it later with getListOfModalRoots\n    addToIndex(this)\n\n    // Because of nested modals/drawers, we run this regardless\n    // has to be run at first – so the scrollbar gets removed\n    this.removeScrollPossibility() // forces browser to re-paint\n\n    this.setFocus()\n    this.setAndroidFocusHelper()\n\n    dispatchCustomElementEvent(this, 'on_open', {\n      id,\n    })\n\n    if (isTrue(no_animation) || process.env.NODE_ENV === 'test') {\n      this.lockBody() // forces browser to re-paint\n    } else {\n      this._lockTimeout = setTimeout(this.lockBody, timeoutDuration * 1.2) // a little over --modal-animation-duration\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._focusTimeout)\n    clearTimeout(this._lockTimeout)\n    this.removeLocks()\n  }\n\n  lockBody = () => {\n    const modalRoots = getListOfModalRoots()\n    const firstLevel = modalRoots[0]\n\n    if (firstLevel === this) {\n      this._ii = new InteractionInvalidation()\n      this._ii.setBypassSelector(\n        [\n          // Bypass modal content\n          '.dnb-modal__content *',\n          `#dnb-modal-${this.props.root_id || 'root'}`,\n          `#dnb-modal-${this.props.root_id || 'root'} *`,\n\n          // TODO: Eventually in future, make it possible to bypass invalidation from outside\n          // '.dnb-modal--bypass_invalidation',\n          // '.dnb-modal--bypass_invalidation_deep *',\n\n          ...(this.props?.bypass_invalidation_selectors || []),\n        ].filter(Boolean)\n      )\n      this._ii.activate()\n    } else {\n      modalRoots.forEach((modal) => {\n        if (\n          modal !== this &&\n          typeof modal._iiLocal === 'undefined' &&\n          typeof modal._scrollRef !== 'undefined'\n        ) {\n          modal._iiLocal = new InteractionInvalidation()\n          modal._iiLocal.activate(modal._scrollRef.current)\n        }\n      })\n    }\n\n    if (typeof document !== 'undefined') {\n      /** To ensure, we have always a working keydown, we call it both on the element and document */\n      document.addEventListener('keydown', this.onKeyDownHandler)\n    }\n  }\n\n  removeLocks() {\n    const modalRoots = getListOfModalRoots()\n    const firstLevel = modalRoots[0]\n\n    removeFromIndex(this)\n\n    if (firstLevel === this) {\n      this._ii?.revert()\n      this.revertScrollPossibility()\n    } else {\n      try {\n        const modal = modalRoots[modalRoots.length - 2]\n        if (modal !== this && modal._iiLocal) {\n          modal._iiLocal.revert()\n          delete modal._iiLocal\n        }\n      } catch (e) {\n        warn(e)\n      }\n    }\n\n    this.removeAndroidFocusHelper()\n\n    const id = this.props.id\n    const { triggeredBy, triggeredByEvent } = this.state\n    dispatchCustomElementEvent(this, 'on_close', {\n      id,\n      event: triggeredByEvent,\n      triggeredBy: triggeredBy || 'unmount',\n    })\n\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keydown', this.onKeyDownHandler)\n    }\n  }\n\n  setAndroidFocusHelper() {\n    if (typeof window !== 'undefined' && isAndroid()) {\n      window.addEventListener('resize', this._androidFocusHelper)\n    }\n  }\n\n  removeAndroidFocusHelper() {\n    window.removeEventListener('resize', this._androidFocusHelper)\n    clearTimeout(this._androidFocusTimeout)\n  }\n\n  _androidFocusHelper = () => {\n    const { animation_duration = null } = this.props\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    clearTimeout(this._androidFocusTimeout)\n    this._androidFocusTimeout = setTimeout(() => {\n      try {\n        if (\n          document.activeElement?.tagName == 'INPUT' ||\n          document.activeElement?.tagName == 'TEXTAREA'\n        ) {\n          document.activeElement.scrollIntoView()\n        }\n      } catch (e) {\n        //\n      }\n    }, timeoutDuration / 2) // Older Android needs a delay here\n  }\n\n  setFocus() {\n    const {\n      focus_selector = null,\n      no_animation = null,\n      animation_duration = null,\n    } = this.props\n    const elem = this._contentRef.current\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    if (elem) {\n      clearTimeout(this._focusTimeout)\n      this._focusTimeout = setTimeout(\n        () => {\n          try {\n            let focusElement = elem\n\n            // Try to use the \"first-focus\" method first\n            if (typeof focus_selector === 'string') {\n              focusElement = elem.querySelector(focus_selector)\n            }\n\n            focusElement.focus()\n\n            const noH1Elem = elem.querySelector('h1, h2, h3')\n            if (noH1Elem?.tagName !== 'H1') {\n              warn('A Dialog or Drawer needs a h1 as its first element!')\n            }\n          } catch (e) {\n            warn(e)\n          }\n        },\n        isTrue(no_animation) ? 0 : timeoutDuration || 0\n      ) // with this delay, the user can press esc without an focus action first\n    }\n  }\n\n  removeScrollPossibility() {\n    if (this._scrollRef.current) {\n      disableBodyScroll(this._scrollRef.current)\n    }\n  }\n\n  revertScrollPossibility() {\n    enableBodyScroll(this._scrollRef.current)\n    clearAllBodyScrollLocks()\n  }\n\n  preventClick = (event) => {\n    if (event) {\n      event.stopPropagation()\n    }\n  }\n\n  onCloseClickHandler = (event: React.SyntheticEvent) => {\n    this.closeModalContent(event, { triggeredBy: 'button' })\n  }\n\n  onContentMouseDownHandler = (event: React.SyntheticEvent) => {\n    this._overlayClickRef.current =\n      event.target === event.currentTarget\n        ? (event.target as HTMLElement)\n        : null\n  }\n\n  onContentClickHandler = (event: React.SyntheticEvent) => {\n    /**\n     * Prevent false-positive Modal close,\n     * when e.g. selecting text inside and moving the mouse outside,\n     * we would still get this event fired. There we check if the current click,\n     * has the same target as where the click got initiated.\n     */\n    if (this._overlayClickRef.current !== event.target) {\n      return // stop here\n    }\n    this._overlayClickRef.current = null\n\n    const { prevent_overlay_close } = this.props\n\n    if (!isTrue(prevent_overlay_close)) {\n      this.closeModalContent(event, {\n        triggeredBy: 'overlay',\n        ifIsLatest: false,\n      })\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'esc': {\n        const mostCurrent = getModalRoot(-1)\n\n        if (mostCurrent === this) {\n          event.preventDefault()\n          this.closeModalContent(event, {\n            triggeredBy: 'keyboard',\n          })\n        }\n\n        break\n      }\n    }\n  }\n\n  closeModalContent(event, { triggeredBy, ...params }) {\n    event?.persist?.()\n    this.setState({ triggeredBy, triggeredByEvent: event }, () => {\n      this.props.close(event, {\n        triggeredBy,\n        ...params,\n      })\n    })\n  }\n\n  setBackgroundColor = (color: string) => {\n    this.setState({ color })\n  }\n\n  render() {\n    const {\n      hide,\n      title,\n      labelled_by,\n      id: _id, // eslint-disable-line\n      close_title = 'Lukk',\n      dialog_title = 'Vindu',\n      hide_close_button = false,\n      close_button_attributes,\n      no_animation = false,\n      no_animation_on_mobile = false,\n      fullscreen = 'auto',\n      container_placement = 'right',\n      close,\n      content_class,\n      overlay_class,\n      content_id,\n      children, // eslint-disable-line\n      dialog_role = null,\n      ...rest\n    } = this.props\n    const { color } = this.state\n\n    const contentId = content_id || makeUniqueId('modal-')\n\n    const useDialogRole = !(IS_MAC || IS_SAFARI || IS_IOS)\n    let role = dialog_role || 'dialog'\n    if (!useDialogRole && role === 'dialog') {\n      role = 'region'\n    }\n\n    const contentParams = {\n      /**\n       * Do not use role=\"dialog\" on Safari\n       *\n       * VoiceOver has troubles with role=\"dialog\" and \"Modal in Modal\",\n       * the result is, only the first Modal gets focus (set by Safari)\n       *\n       * Tests have shown: Both VoiceOver are working fine with the:\n       * \"aria-labelledby\" and \"aria-describedby\" approach\n       *\n       */\n      role,\n      'aria-modal': useDialogRole ? true : undefined,\n\n      /**\n       * ARIA references\n       */\n      'aria-labelledby': combineLabelledBy(\n        this.props,\n        title ? contentId + '-title' : null,\n        labelled_by\n      ),\n      'aria-describedby': combineDescribedBy(\n        this.props,\n        contentId + '-content'\n      ),\n\n      /**\n       * If no labelled_by and no title is given,\n       * set a fallback \"dialog_title\"\n       */\n      'aria-label': !title && !labelled_by ? dialog_title : undefined,\n\n      className: classnames(\n        'dnb-modal__content',\n        isTrue(fullscreen)\n          ? 'dnb-modal__content--fullscreen'\n          : fullscreen === 'auto' && 'dnb-modal__content--auto-fullscreen',\n        container_placement\n          ? `dnb-modal__content--${container_placement || 'right'}`\n          : null,\n        getThemeClasses(this.context?.theme),\n        content_class\n      ),\n      onMouseDown: this.onContentMouseDownHandler,\n      onClick: this.onContentClickHandler,\n    }\n\n    const content =\n      typeof children === 'function'\n        ? children({ ...rest, close })\n        : children\n\n    return (\n      <ModalContext.Provider\n        value={{\n          id: this.props.id,\n          title,\n          hide_close_button,\n          close_button_attributes,\n          close_title,\n          hide,\n          setBackgroundColor: this.setBackgroundColor,\n          onCloseClickHandler: this.onCloseClickHandler,\n          preventClick: this.preventClick,\n          onKeyDownHandler: this.onKeyDownHandler,\n          contentRef: this._contentRef,\n          scrollRef: this._scrollRef,\n          contentId,\n          close,\n        }}\n      >\n        <div\n          id={contentId}\n          /** Sets the color on scroll overflow (at the bottom) */\n          style={\n            (color\n              ? { '--modal-background-color': `var(--color-${color})` }\n              : null) as CSSPropertiesWithVars\n          }\n          {...contentParams}\n        >\n          {content}\n        </div>\n\n        <span\n          className={classnames(\n            'dnb-modal__overlay',\n            hide && 'dnb-modal__overlay--hide',\n            isTrue(no_animation) && 'dnb-modal__overlay--no-animation',\n            isTrue(no_animation_on_mobile) &&\n              'dnb-modal__overlay--no-animation-on-mobile',\n            overlay_class\n          )}\n          aria-hidden={true}\n        />\n      </ModalContext.Provider>\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/modal/ModalContext.js

@@ -15,4 +15,5 @@ const ModalContext = React.createContext({
   contentId: null,
   close: null
 });
-export default ModalContext;
+export default ModalContext;
+//# sourceMappingURL=ModalContext.js.map

package/es/components/modal/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","names":["React","ModalContext","createContext","preventClick","onKeyDownHandler","id","title","hide_close_button","close_button_attributes","close_title","setBackgroundColor","onCloseClickHandler","contentRef","scrollRef","hide","contentId","close"],"sources":["../../../../src/components/modal/ModalContext.tsx"],"sourcesContent":["/**\n * Web ModalContext Context\n *\n */\n\nimport React from 'react'\n\nconst ModalContext = React.createContext({\n  preventClick: null,\n  onKeyDownHandler: null,\n  id: null,\n  title: null,\n  hide_close_button: null,\n  close_button_attributes: null,\n  close_title: null,\n  setBackgroundColor: null,\n  onCloseClickHandler: null,\n  contentRef: null,\n  scrollRef: null,\n  hide: null,\n  contentId: null,\n  close: null,\n})\n\nexport default ModalContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa,CAAC;EACvCC,YAAY,EAAE,IAAI;EAClBC,gBAAgB,EAAE,IAAI;EACtBC,EAAE,EAAE,IAAI;EACRC,KAAK,EAAE,IAAI;EACXC,iBAAiB,EAAE,IAAI;EACvBC,uBAAuB,EAAE,IAAI;EAC7BC,WAAW,EAAE,IAAI;EACjBC,kBAAkB,EAAE,IAAI;EACxBC,mBAAmB,EAAE,IAAI;EACzBC,UAAU,EAAE,IAAI;EAChBC,SAAS,EAAE,IAAI;EACfC,IAAI,EAAE,IAAI;EACVC,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,eAAef,YAAY"}

package/es/components/modal/ModalRoot.js

@@ -8,101 +8,81 @@ import ModalContent from './ModalContent';
 export default class ModalRoot extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "portalElem", void 0);
-
     _defineProperty(this, "state", {
       isMounted: false
     });
   }
-
   static insertModalRoot(id) {
     if (typeof window === 'undefined') {
       return false;
     }
-
     try {
       id = `dnb-modal-${id || 'root'}`;
       window.__modalRoot = document.getElementById(id);
-
       if (!window.__modalRoot) {
         window.__modalRoot = document.createElement('div');
-
         window.__modalRoot.setAttribute('id', id);
-
         document.body.insertBefore(window.__modalRoot, document.body.firstChild);
       }
     } catch (e) {
       warn('Modal: Could not insert dnb-modal-root', e);
     }
-
     return window.__modalRoot;
   }
-
   componentDidMount() {
     const {
       direct_dom_return = false,
       root_id = 'root'
     } = this.props;
-
     if (!isTrue(direct_dom_return)) {
       ModalRoot.insertModalRoot(root_id);
-
       try {
         if (!this.portalElem) {
           this.portalElem = document.createElement('div');
           this.portalElem.className = 'dnb-modal-root__inner';
         }
-
         if (this.portalElem && typeof window !== 'undefined' && window.__modalRoot) {
           window.__modalRoot.appendChild(this.portalElem);
         }
       } catch (e) {
         warn(e);
       }
-
       this.setState({
         isMounted: true
       });
     }
   }
-
   componentWillUnmount() {
     try {
       if (this.portalElem && typeof window !== 'undefined' && window.__modalRoot && window.__modalRoot.removeChild) {
         window.__modalRoot.removeChild(this.portalElem);
-
         this.portalElem = null;
       }
     } catch (e) {
       warn(e);
     }
   }
-
   render() {
     const _this$props = this.props,
-          {
-      children,
-      direct_dom_return
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        children,
+        direct_dom_return
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
     if (isTrue(direct_dom_return)) {
       return React.createElement(ModalContent, props, children);
     }
-
     if (this.portalElem && typeof window !== 'undefined' && window.__modalRoot && this.state.isMounted) {
       return ReactDOM.createPortal(React.createElement(ModalContent, props, children), this.portalElem);
     }
-
     return null;
   }
-
 }
-
 _defineProperty(ModalRoot, "defaultProps", {
   id: null,
   root_id: 'root',
   direct_dom_return: false,
   children: null
-});
+});
+//# sourceMappingURL=ModalRoot.js.map

package/es/components/modal/ModalRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalRoot.js","names":["React","ReactDOM","warn","isTrue","ModalContent","ModalRoot","PureComponent","constructor","args","_defineProperty","isMounted","insertModalRoot","id","window","__modalRoot","document","getElementById","createElement","setAttribute","body","insertBefore","firstChild","e","componentDidMount","direct_dom_return","root_id","props","portalElem","className","appendChild","setState","componentWillUnmount","removeChild","render","_this$props","children","_objectWithoutProperties","_excluded","state","createPortal"],"sources":["../../../../src/components/modal/ModalRoot.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { warn, isTrue } from '../../shared/component-helper'\nimport ModalContent from './ModalContent'\nimport { ModalContentProps } from './types'\n\ndeclare global {\n  interface Window {\n    __modalRoot: HTMLElement\n  }\n}\n\nexport interface ModalRootProps extends ModalContentProps {\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  id?: string\n  root_id?: string\n  direct_dom_return?: boolean\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: React.ReactNode\n}\n\ninterface ModalRootState {\n  isMounted: boolean\n}\n\nexport default class ModalRoot extends React.PureComponent<\n  ModalRootProps,\n  ModalRootState\n> {\n  portalElem: HTMLDivElement | null\n  static defaultProps = {\n    id: null,\n    root_id: 'root',\n    direct_dom_return: false,\n    children: null,\n  }\n\n  state = {\n    isMounted: false,\n  }\n\n  static insertModalRoot(id) {\n    if (typeof window === 'undefined') {\n      return false\n    }\n\n    try {\n      id = `dnb-modal-${id || 'root'}`\n      window.__modalRoot = document.getElementById(id)\n      if (!window.__modalRoot) {\n        window.__modalRoot = document.createElement('div')\n        window.__modalRoot.setAttribute('id', id)\n        document.body.insertBefore(\n          window.__modalRoot,\n          document.body.firstChild\n        )\n      }\n    } catch (e) {\n      warn('Modal: Could not insert dnb-modal-root', e)\n    }\n\n    return window.__modalRoot\n  }\n\n  componentDidMount() {\n    const { direct_dom_return = false, root_id = 'root' } = this.props\n    if (!isTrue(direct_dom_return)) {\n      ModalRoot.insertModalRoot(root_id)\n\n      try {\n        if (!this.portalElem) {\n          this.portalElem = document.createElement('div')\n          this.portalElem.className = 'dnb-modal-root__inner'\n        }\n        if (\n          this.portalElem &&\n          typeof window !== 'undefined' &&\n          window.__modalRoot\n        ) {\n          window.__modalRoot.appendChild(this.portalElem)\n        }\n      } catch (e) {\n        warn(e)\n      }\n      this.setState({ isMounted: true })\n    }\n  }\n\n  componentWillUnmount() {\n    try {\n      if (\n        this.portalElem &&\n        typeof window !== 'undefined' &&\n        window.__modalRoot &&\n        window.__modalRoot.removeChild\n      ) {\n        window.__modalRoot.removeChild(this.portalElem)\n        this.portalElem = null\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  render() {\n    const { children, direct_dom_return, ...props } = this.props\n\n    if (isTrue(direct_dom_return)) {\n      return <ModalContent {...props}>{children}</ModalContent>\n    }\n\n    if (\n      this.portalElem &&\n      typeof window !== 'undefined' &&\n      window.__modalRoot &&\n      this.state.isMounted\n    ) {\n      return ReactDOM.createPortal(\n        <ModalContent {...props}>{children}</ModalContent>,\n        this.portalElem\n      )\n    }\n\n    return null\n  }\n}\n"],"mappings":"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"}