@dnb/eufemia 9.17.0 → 9.19.0

package/esm/components/modal/ModalContent.js

@@ -13,7 +13,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _excluded = ["triggeredBy"],
-    _excluded2 = ["mode", "hide", "title", "labelled_by", "header_content", "modal_content", "bar_content", "id", "close_title", "dialog_title", "hide_close_button", "close_button_attributes", "spacing", "prevent_close", "open_delay", "prevent_core_style", "animation_duration", "no_animation", "no_animation_on_mobile", "min_width", "max_width", "fullscreen", "align_content", "container_placement", "closeModal", "className", "class", "content_class", "overlay_class", "content_id", "toggleOpenClose", "children"];
+    _excluded2 = ["mode", "hide", "title", "labelled_by", "header_content", "modal_content", "bar_content", "id", "close_title", "dialog_title", "hide_close_button", "close_button_attributes", "spacing", "prevent_core_style", "animation_duration", "no_animation", "no_animation_on_mobile", "min_width", "max_width", "fullscreen", "align_content", "container_placement", "closeModal", "className", "class", "content_class", "overlay_class", "content_id", "children"];
 
 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; }
 
@@ -22,7 +22,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.parse-float.js";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -30,15 +29,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import keycode from 'keycode';
 import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from './bodyScrollLock';
 import { warn, isTrue, makeUniqueId, InteractionInvalidation, findElementInChildren, combineLabelledBy, combineDescribedBy, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
 import ScrollView from '../../fragments/scroll-view/ScrollView';
 import ModalContext from './ModalContext';
-import ModalHeader, { ModalHeaderBar } from './ModalHeader';
-import { IS_IOS, IS_SAFARI, IS_MAC } from '../../shared/helpers';
+import ModalHeader from './components/ModalHeader';
+import ModalHeaderBar from './components/ModalHeaderBar';
+import { IS_IOS, IS_SAFARI, IS_MAC, isAndroid } from '../../shared/helpers';
+import { getListOfModalRoots, getModalRoot, addToIndex, removeFromIndex } from './helpers';
 
 var ModalContent = function (_React$PureComponent) {
   _inherits(ModalContent, _React$PureComponent);
@@ -54,10 +54,53 @@ var ModalContent = function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       triggeredBy: null,
-      triggeredByEvent: null
+      triggeredByEvent: null,
+      color: null
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "_contentRef", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_id", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_lockTimeout", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_focusTimeout", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_androidFocusTimeout", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_ii", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_iiLocal", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "lockBody", function () {
+      var modalRoots = getListOfModalRoots();
+      var firstLevel = modalRoots[0];
+
+      if (firstLevel === _assertThisInitialized(_this)) {
+        _this._ii = new InteractionInvalidation();
+
+        _this._ii.setBypassSelector(['.dnb-modal__content *', "#dnb-modal-".concat(_this.props.root_id || 'root', " *")].filter(Boolean));
+
+        _this._ii.activate();
+      } else {
+        modalRoots.forEach(function (modal) {
+          if (modal !== _assertThisInitialized(_this) && typeof modal._iiLocal === 'undefined' && typeof modal._contentRef !== 'undefined') {
+            modal._iiLocal = new InteractionInvalidation();
+
+            modal._iiLocal.activate(modal._contentRef.current);
+          }
+        });
+      }
+
+      if (typeof document !== 'undefined') {
+        document.addEventListener('keydown', _this.onKeyDownHandler);
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "_androidFocusHelper", function () {
+      var _this$props$animation = _this.props.animation_duration,
+          animation_duration = _this$props$animation === void 0 ? null : _this$props$animation;
+      var timeoutDuration = typeof animation_duration === 'string' ? parseFloat(animation_duration) : animation_duration;
       clearTimeout(_this._androidFocusTimeout);
       _this._androidFocusTimeout = setTimeout(function () {
         try {
@@ -67,38 +110,38 @@ var ModalContent = function (_React$PureComponent) {
             document.activeElement.scrollIntoView();
           }
         } catch (e) {}
-      }, 100);
+      }, timeoutDuration / 2);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "preventClick", function (e) {
-      if (e) {
-        e.stopPropagation();
+    _defineProperty(_assertThisInitialized(_this), "preventClick", function (event) {
+      if (event) {
+        event.stopPropagation();
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onCloseClickHandler", function (e) {
-      _this.closeModal(e, {
+    _defineProperty(_assertThisInitialized(_this), "onCloseClickHandler", function (event) {
+      _this.closeModalContent(event, {
         triggeredBy: 'button'
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onContentClickHandler", function (e) {
-      _this.closeModal(e, {
+    _defineProperty(_assertThisInitialized(_this), "onContentClickHandler", function (event) {
+      _this.closeModalContent(event, {
         triggeredBy: 'overlay',
         ifIsLatest: false
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onKeyDownHandler", function (e) {
-      switch (keycode(e)) {
+    _defineProperty(_assertThisInitialized(_this), "onKeyDownHandler", function (event) {
+      switch (keycode(event)) {
         case 'esc':
           {
-            var mostCurrent = getListOfModalRoots(-1);
+            var mostCurrent = getModalRoot(-1);
 
             if (mostCurrent === _assertThisInitialized(_this)) {
-              e.preventDefault();
+              event.preventDefault();
 
-              _this.closeModal(e, {
+              _this.closeModalContent(event, {
                 triggeredBy: 'keyboard'
               });
             }
@@ -109,6 +152,8 @@ var ModalContent = function (_React$PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "setBackgroundColor", function (color) {
+      document.documentElement.style.setProperty('--modal-background-color', color);
+
       _this.setState({
         color: color
       });
@@ -122,23 +167,26 @@ var ModalContent = function (_React$PureComponent) {
   _createClass(ModalContent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
-
-      this.addToIndex();
+      var _this$props = this.props,
+          _this$props$id = _this$props.id,
+          id = _this$props$id === void 0 ? null : _this$props$id,
+          _this$props$no_animat = _this$props.no_animation,
+          no_animation = _this$props$no_animat === void 0 ? false : _this$props$no_animat,
+          _this$props$animation2 = _this$props.animation_duration,
+          animation_duration = _this$props$animation2 === void 0 ? null : _this$props$animation2;
+      var timeoutDuration = typeof animation_duration === 'string' ? parseFloat(animation_duration) : animation_duration;
+      addToIndex(this);
       this.removeScrollPossibility();
       this.setFocus();
       this.setAndroidFocusHelper();
-      var id = this.props.id;
       dispatchCustomElementEvent(this, 'on_open', {
         id: id
       });
 
-      if (isTrue(this.props.no_animation) || process.env.NODE_ENV === 'test') {
+      if (isTrue(no_animation) || process.env.NODE_ENV === 'test') {
         this.lockBody();
       } else {
-        this._lockTimeout = setTimeout(function () {
-          _this2.lockBody();
-        }, 500);
+        this._lockTimeout = setTimeout(this.lockBody, timeoutDuration * 1.2);
       }
     }
   }, {
@@ -148,40 +196,12 @@ var ModalContent = function (_React$PureComponent) {
       clearTimeout(this._lockTimeout);
       this.removeLocks();
     }
-  }, {
-    key: "lockBody",
-    value: function lockBody() {
-      var _this3 = this;
-
-      var modalRoots = getListOfModalRoots();
-      var firstLevel = modalRoots[0];
-
-      if (firstLevel === this) {
-        this._ii = new InteractionInvalidation();
-
-        this._ii.setBypassSelector(['.dnb-modal__content *', "#dnb-modal-".concat(this.props.root_id || 'root', " *")].filter(Boolean));
-
-        this._ii.activate();
-      } else {
-        modalRoots.forEach(function (modal) {
-          if (modal !== _this3 && typeof modal._iiLocal === 'undefined' && typeof modal._contentRef !== 'undefined') {
-            modal._iiLocal = new InteractionInvalidation();
-
-            modal._iiLocal.activate(modal._contentRef.current);
-          }
-        });
-      }
-
-      if (typeof document !== 'undefined') {
-        document.addEventListener('keydown', this.onKeyDownHandler);
-      }
-    }
   }, {
     key: "removeLocks",
     value: function removeLocks() {
       var modalRoots = getListOfModalRoots();
       var firstLevel = modalRoots[0];
-      this.removeFromIndex();
+      removeFromIndex(this);
 
       if (firstLevel === this) {
         var _this$_ii;
@@ -220,7 +240,7 @@ var ModalContent = function (_React$PureComponent) {
   }, {
     key: "setAndroidFocusHelper",
     value: function setAndroidFocusHelper() {
-      if (typeof window !== 'undefined' && typeof navigator !== 'undefined' && /Android/.test(navigator.appVersion)) {
+      if (typeof window !== 'undefined' && isAndroid()) {
         window.addEventListener('resize', this._androidFocusHelper);
       }
     }
@@ -230,48 +250,18 @@ var ModalContent = function (_React$PureComponent) {
       window.removeEventListener('resize', this._androidFocusHelper);
       clearTimeout(this._androidFocusTimeout);
     }
-  }, {
-    key: "addToIndex",
-    value: function addToIndex() {
-      if (typeof window !== 'undefined') {
-        try {
-          if (!Array.isArray(window.__modalStack)) {
-            window.__modalStack = [];
-          }
-
-          window.__modalStack.push(this);
-        } catch (e) {
-          warn(e);
-        }
-      }
-    }
-  }, {
-    key: "removeFromIndex",
-    value: function removeFromIndex() {
-      var _this4 = this;
-
-      if (typeof window !== 'undefined') {
-        try {
-          if (!Array.isArray(window.__modalStack)) {
-            window.__modalStack = [];
-          }
-
-          window.__modalStack = window.__modalStack.filter(function (cur) {
-            return cur !== _this4;
-          });
-        } catch (e) {
-          warn(e);
-        }
-      }
-    }
   }, {
     key: "setFocus",
     value: function setFocus() {
-      var _this$props = this.props,
-          focus_selector = _this$props.focus_selector,
-          no_animation = _this$props.no_animation,
-          animation_duration = _this$props.animation_duration;
+      var _this$props2 = this.props,
+          _this$props2$focus_se = _this$props2.focus_selector,
+          focus_selector = _this$props2$focus_se === void 0 ? null : _this$props2$focus_se,
+          _this$props2$no_anima = _this$props2.no_animation,
+          no_animation = _this$props2$no_anima === void 0 ? null : _this$props2$no_anima,
+          _this$props2$animatio = _this$props2.animation_duration,
+          animation_duration = _this$props2$animatio === void 0 ? null : _this$props2$animatio;
       var elem = this._contentRef.current;
+      var timeoutDuration = typeof animation_duration === 'string' ? parseFloat(animation_duration) : animation_duration;
 
       if (elem) {
         clearTimeout(this._focusTimeout);
@@ -292,7 +282,7 @@ var ModalContent = function (_React$PureComponent) {
           } catch (e) {
             warn(e);
           }
-        }, isTrue(no_animation) ? 0 : parseFloat(animation_duration) || 0);
+        }, isTrue(no_animation) ? 0 : timeoutDuration || 0);
       }
     }
   }, {
@@ -309,10 +299,10 @@ var ModalContent = function (_React$PureComponent) {
       clearAllBodyScrollLocks();
     }
   }, {
-    key: "closeModal",
-    value: function closeModal(event, _ref) {
+    key: "closeModalContent",
+    value: function closeModalContent(event, _ref) {
       var _event$persist,
-          _this5 = this;
+          _this2 = this;
 
       var triggeredBy = _ref.triggeredBy,
           params = _objectWithoutProperties(_ref, _excluded);
@@ -322,7 +312,7 @@ var ModalContent = function (_React$PureComponent) {
         triggeredBy: triggeredBy,
         triggeredByEvent: event
       }, function () {
-        _this5.props.closeModal(event, _objectSpread({
+        _this2.props.closeModal(event, _objectSpread({
           triggeredBy: triggeredBy
         }, params));
       });
@@ -330,61 +320,65 @@ var ModalContent = function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          mode = _this$props2.mode,
-          hide = _this$props2.hide,
-          title = _this$props2.title,
-          labelled_by = _this$props2.labelled_by,
-          header_content = _this$props2.header_content,
-          modal_content = _this$props2.modal_content,
-          bar_content = _this$props2.bar_content,
-          _id = _this$props2.id,
-          close_title = _this$props2.close_title,
-          dialog_title = _this$props2.dialog_title,
-          hide_close_button = _this$props2.hide_close_button,
-          close_button_attributes = _this$props2.close_button_attributes,
-          spacing = _this$props2.spacing,
-          prevent_close = _this$props2.prevent_close,
-          open_delay = _this$props2.open_delay,
-          prevent_core_style = _this$props2.prevent_core_style,
-          animation_duration = _this$props2.animation_duration,
-          no_animation = _this$props2.no_animation,
-          no_animation_on_mobile = _this$props2.no_animation_on_mobile,
-          min_width = _this$props2.min_width,
-          max_width = _this$props2.max_width,
-          fullscreen = _this$props2.fullscreen,
-          align_content = _this$props2.align_content,
-          container_placement = _this$props2.container_placement,
-          closeModal = _this$props2.closeModal,
-          className = _this$props2.className,
-          _className = _this$props2.class,
-          content_class = _this$props2.content_class,
-          overlay_class = _this$props2.overlay_class,
-          content_id = _this$props2.content_id,
-          toggleOpenClose = _this$props2.toggleOpenClose,
-          children = _this$props2.children,
-          rest = _objectWithoutProperties(_this$props2, _excluded2);
-
+      var _this$props3 = this.props,
+          _this$props3$mode = _this$props3.mode,
+          mode = _this$props3$mode === void 0 ? 'modal' : _this$props3$mode,
+          hide = _this$props3.hide,
+          title = _this$props3.title,
+          labelled_by = _this$props3.labelled_by,
+          header_content = _this$props3.header_content,
+          modal_content = _this$props3.modal_content,
+          bar_content = _this$props3.bar_content,
+          _id = _this$props3.id,
+          _this$props3$close_ti = _this$props3.close_title,
+          close_title = _this$props3$close_ti === void 0 ? 'Lukk' : _this$props3$close_ti,
+          _this$props3$dialog_t = _this$props3.dialog_title,
+          dialog_title = _this$props3$dialog_t === void 0 ? 'Vindu' : _this$props3$dialog_t,
+          _this$props3$hide_clo = _this$props3.hide_close_button,
+          hide_close_button = _this$props3$hide_clo === void 0 ? false : _this$props3$hide_clo,
+          close_button_attributes = _this$props3.close_button_attributes,
+          _this$props3$spacing = _this$props3.spacing,
+          spacing = _this$props3$spacing === void 0 ? true : _this$props3$spacing,
+          _this$props3$prevent_ = _this$props3.prevent_core_style,
+          prevent_core_style = _this$props3$prevent_ === void 0 ? false : _this$props3$prevent_,
+          animation_duration = _this$props3.animation_duration,
+          _this$props3$no_anima = _this$props3.no_animation,
+          no_animation = _this$props3$no_anima === void 0 ? false : _this$props3$no_anima,
+          _this$props3$no_anima2 = _this$props3.no_animation_on_mobile,
+          no_animation_on_mobile = _this$props3$no_anima2 === void 0 ? false : _this$props3$no_anima2,
+          min_width = _this$props3.min_width,
+          max_width = _this$props3.max_width,
+          _this$props3$fullscre = _this$props3.fullscreen,
+          fullscreen = _this$props3$fullscre === void 0 ? 'auto' : _this$props3$fullscre,
+          align_content = _this$props3.align_content,
+          container_placement = _this$props3.container_placement,
+          closeModal = _this$props3.closeModal,
+          className = _this$props3.className,
+          _className = _this$props3.class,
+          content_class = _this$props3.content_class,
+          overlay_class = _this$props3.overlay_class,
+          content_id = _this$props3.content_id,
+          children = _this$props3.children,
+          rest = _objectWithoutProperties(_this$props3, _excluded2);
+
+      var color = this.state.color;
       var contentId = content_id || makeUniqueId('modal-');
-      var style = this.state.color ? {
-        '--modal-background-color': "var(--color-".concat(this.state.color, ")")
-      } : null;
       var minWidth = min_width;
       var maxWidth = max_width;
 
-      if (minWidth && !maxWidth && parseFloat(minWidth) > 0) {
+      if (minWidth && !maxWidth && parseFloat(String(minWidth)) > 0) {
         maxWidth = 0;
-      } else if (maxWidth && !minWidth && parseFloat(maxWidth) > 0) {
+      } else if (maxWidth && !minWidth && parseFloat(String(maxWidth)) > 0) {
         minWidth = 0;
       }
 
       var useDialogRole = !(IS_MAC || IS_SAFARI || IS_IOS);
       var contentParams = {
         role: useDialogRole ? 'dialog' : 'region',
-        'aria-modal': useDialogRole ? 'true' : undefined,
+        'aria-modal': useDialogRole ? true : undefined,
         'aria-labelledby': combineLabelledBy(this.props, title ? contentId + '-title' : null, labelled_by),
         'aria-describedby': combineDescribedBy(this.props, contentId + '-content'),
-        'aria-label': !title && !labelled_by ? this.props.dialog_title : undefined,
+        'aria-label': !title && !labelled_by ? dialog_title : undefined,
         className: classnames('dnb-modal__content', (container_placement || mode === 'drawer') && "dnb-modal__content--".concat(container_placement || 'right'), isTrue(fullscreen) ? 'dnb-modal__content--fullscreen' : fullscreen === 'auto' && 'dnb-modal__content--auto-fullscreen', content_class, mode && "dnb-modal__content--".concat(mode), hide && 'dnb-modal__content--hide', isTrue(spacing) && 'dnb-modal__content--spacing', align_content && "dnb-modal__content__align--".concat(align_content), isTrue(no_animation) && 'dnb-modal__content--no-animation', isTrue(no_animation_on_mobile) && 'dnb-modal__content--no-animation-on-mobile'),
         onClick: this.onContentClickHandler
       };
@@ -400,134 +394,46 @@ var ModalContent = function (_React$PureComponent) {
         onKeyDown: this.onKeyDownHandler
       }, rest);
 
-      var overlayParams = {
-        className: classnames('dnb-modal__overlay', overlay_class, hide && 'dnb-modal__overlay--hide', mode && "dnb-modal__overlay--".concat(mode), isTrue(no_animation) && 'dnb-modal__overlay--no-animation', isTrue(no_animation_on_mobile) && 'dnb-modal__overlay--no-animation-on-mobile')
-      };
       validateDOMAttributes(this.props, innerParams);
-      var bar = findElementInChildren(modal_content, function (cur) {
+      var barExists = findElementInChildren(modal_content, function (cur) {
         return cur.type === ModalHeaderBar;
-      }) ? null : React.createElement(ModalHeaderBar, null, bar_content);
-      var header = findElementInChildren(modal_content, function (cur) {
+      });
+      var headerExists = findElementInChildren(modal_content, function (cur) {
         return cur.type === ModalHeader;
-      }) ? null : React.createElement(ModalHeader, {
-        title: title
-      }, header_content);
-      var content = React.createElement("div", {
-        id: contentId + '-content',
-        className: "dnb-modal__content__wrapper"
-      }, modal_content);
+      });
       return React.createElement(ModalContext.Provider, {
-        value: _objectSpread(_objectSpread({
-          id: contentId,
-          setBackgroundColor: this.setBackgroundColor
-        }, this.props), {}, {
+        value: {
+          id: this.props.id,
+          title: title,
+          hide_close_button: hide_close_button,
+          close_button_attributes: close_button_attributes,
+          close_title: close_title,
+          mode: mode,
+          setBackgroundColor: this.setBackgroundColor,
           onCloseClickHandler: this.onCloseClickHandler
-        })
+        }
       }, React.createElement("div", _extends({
         id: contentId
       }, contentParams), React.createElement(ScrollView, innerParams, React.createElement("div", {
-        tabIndex: "-1",
+        tabIndex: -1,
         className: "dnb-modal__content__spacing dnb-no-focus",
-        style: style,
+        style: color ? {
+          '--modal-background-color': "var(--color-".concat(color, ")")
+        } : null,
         ref: this._contentRef
-      }, bar, header, content))), React.createElement("span", _extends({}, overlayParams, {
+      }, !barExists && React.createElement(ModalHeaderBar, null, bar_content), !headerExists && React.createElement(ModalHeader, {
+        title: title
+      }, header_content), React.createElement("div", {
+        id: contentId + '-content',
+        className: "dnb-modal__content__wrapper"
+      }, modal_content)))), React.createElement("span", {
+        className: classnames('dnb-modal__overlay', overlay_class, hide && 'dnb-modal__overlay--hide', mode && "dnb-modal__overlay--".concat(mode), isTrue(no_animation) && 'dnb-modal__overlay--no-animation', isTrue(no_animation_on_mobile) && 'dnb-modal__overlay--no-animation-on-mobile'),
         "aria-hidden": "true"
-      })));
+      }));
     }
   }]);
 
   return ModalContent;
 }(React.PureComponent);
 
-_defineProperty(ModalContent, "defaultProps", {
-  mode: null,
-  bar_content: null,
-  header_content: null,
-  hide: null,
-  id: null,
-  root_id: null,
-  labelled_by: null,
-  focus_selector: null,
-  content_id: null,
-  title: null,
-  close_title: null,
-  dialog_title: null,
-  hide_close_button: null,
-  close_button_attributes: null,
-  spacing: null,
-  prevent_close: null,
-  prevent_core_style: null,
-  animation_duration: null,
-  no_animation: null,
-  no_animation_on_mobile: null,
-  min_width: null,
-  max_width: null,
-  fullscreen: null,
-  align_content: null,
-  container_placement: null,
-  class: null,
-  overlay_class: null,
-  content_class: null,
-  closeModal: null,
-  className: null,
-  children: null
-});
-
-export { ModalContent as default };
-process.env.NODE_ENV !== "production" ? ModalContent.propTypes = {
-  modal_content: PropTypes.node.isRequired,
-  mode: PropTypes.oneOf(['modal', 'drawer']),
-  bar_content: PropTypes.node,
-  header_content: PropTypes.node,
-  hide: PropTypes.bool,
-  id: PropTypes.string,
-  root_id: PropTypes.string,
-  labelled_by: PropTypes.string,
-  focus_selector: PropTypes.string,
-  content_id: PropTypes.string,
-  title: PropTypes.node,
-  close_title: PropTypes.string,
-  dialog_title: PropTypes.string,
-  hide_close_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  close_button_attributes: PropTypes.object,
-  spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  prevent_close: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  prevent_core_style: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  animation_duration: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  no_animation_on_mobile: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  min_width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  max_width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  fullscreen: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  align_content: PropTypes.string,
-  container_placement: PropTypes.string,
-  class: PropTypes.string,
-  content_class: PropTypes.string,
-  overlay_class: PropTypes.string,
-  closeModal: PropTypes.func.isRequired,
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func])
-} : void 0;
-export function getListOfModalRoots() {
-  var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-  if (typeof window !== 'undefined') {
-    try {
-      var stack = window.__modalStack || [];
-
-      if (index !== null) {
-        if (index === -1 && stack.length) {
-          return stack[stack.length - 1];
-        } else if (index > -1) {
-          return stack[index];
-        }
-      }
-
-      return stack;
-    } catch (e) {
-      warn(e);
-    }
-  }
-
-  return [];
-}
+export { ModalContent as default };