@dnb/eufemia 9.17.2 → 9.18.0

package/components/modal/{ModalInner.js → components/ModalInner.js}

@@ -8,17 +8,16 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["className", "style_type"];
+var _excluded = ["className", "style_type", "ref"];
 
 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); }; }
 
 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 Section from '../section/Section';
-import ModalContext from './ModalContext';
+import Section from '../../section/Section';
+import ModalContext from '../ModalContext';
 
 var ModalInner = function (_React$PureComponent) {
   _inherits(ModalInner, _React$PureComponent);
@@ -34,7 +33,8 @@ var ModalInner = function (_React$PureComponent) {
   _createClass(ModalInner, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var style_type = this.props.style_type;
+      var _this$props$style_typ = this.props.style_type,
+          style_type = _this$props$style_typ === void 0 ? 'black-3' : _this$props$style_typ;
 
       if (style_type) {
         this.context.setBackgroundColor(style_type);
@@ -44,8 +44,11 @@ var ModalInner = function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          className = _this$props.className,
-          style_type = _this$props.style_type,
+          _this$props$className = _this$props.className,
+          className = _this$props$className === void 0 ? null : _this$props$className,
+          _this$props$style_typ2 = _this$props.style_type,
+          style_type = _this$props$style_typ2 === void 0 ? 'black-3' : _this$props$style_typ2,
+          ref = _this$props.ref,
           props = _objectWithoutProperties(_this$props, _excluded);
 
       return React.createElement(Section, _extends({
@@ -60,13 +63,4 @@ var ModalInner = function (_React$PureComponent) {
 
 _defineProperty(ModalInner, "contextType", ModalContext);
 
-_defineProperty(ModalInner, "defaultProps", {
-  style_type: 'black-3',
-  className: null
-});
-
-export { ModalInner as default };
-process.env.NODE_ENV !== "production" ? ModalInner.propTypes = {
-  style_type: PropTypes.string,
-  className: PropTypes.string
-} : void 0;
+export { ModalInner as default };

package/components/modal/components/ModalInner.tsx

@@ -0,0 +1,45 @@
+/**
+ * Web Modal Component
+ *
+ */
+
+import React from 'react'
+import classnames from 'classnames'
+import Section from '../../section/Section'
+import ModalContext from '../ModalContext'
+import { SectionProps } from '../../Section'
+
+export interface ModalInnerProps extends SectionProps {
+  /**
+   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).
+   */
+  className?: string
+}
+
+export default class ModalInner extends React.PureComponent<ModalInnerProps> {
+  static contextType = ModalContext
+
+  componentDidMount() {
+    const { style_type = 'black-3' } = this.props
+    if (style_type) {
+      this.context.setBackgroundColor(style_type)
+    }
+  }
+
+  render() {
+    const {
+      className = null,
+      style_type = 'black-3',
+      ref, // eslint-disable-line
+      ...props
+    } = this.props
+
+    return (
+      <Section
+        style_type={style_type}
+        className={classnames('dnb-modal__wrapper__inner', className)}
+        {...props}
+      />
+    )
+  }
+}

package/components/modal/helpers.js

@@ -0,0 +1,64 @@
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import { warn } from '../../shared/component-helper';
+export function getListOfModalRoots() {
+  if (typeof window !== 'undefined') {
+    try {
+      var stack = window.__modalStack || [];
+      return stack;
+    } catch (e) {
+      warn(e);
+    }
+  }
+
+  return [];
+}
+export function getModalRoot(index) {
+  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 null;
+    } catch (e) {
+      warn(e);
+    }
+  }
+
+  return null;
+}
+export function addToIndex(elem) {
+  if (typeof window !== 'undefined') {
+    try {
+      if (!Array.isArray(window.__modalStack)) {
+        window.__modalStack = [];
+      }
+
+      window.__modalStack.push(elem);
+    } catch (e) {
+      warn(e);
+    }
+  }
+}
+export function removeFromIndex(elem) {
+  if (typeof window !== 'undefined') {
+    try {
+      if (!Array.isArray(window.__modalStack)) {
+        window.__modalStack = [];
+      }
+
+      window.__modalStack = window.__modalStack.filter(function (cur) {
+        return cur !== elem;
+      });
+    } catch (e) {
+      warn(e);
+    }
+  }
+}

package/components/modal/helpers.ts

@@ -0,0 +1,63 @@
+import { warn } from '../../shared/component-helper'
+
+export function getListOfModalRoots(): any[] {
+  if (typeof window !== 'undefined') {
+    try {
+      const stack = window.__modalStack || []
+      return stack
+    } catch (e) {
+      warn(e)
+    }
+  }
+
+  return []
+}
+
+export function getModalRoot(index?: number): any {
+  if (typeof window !== 'undefined') {
+    try {
+      const stack = window.__modalStack || []
+      if (index !== null) {
+        if (index === -1 && stack.length) {
+          return stack[stack.length - 1]
+        } else if (index > -1) {
+          return stack[index]
+        }
+      }
+
+      return null
+    } catch (e) {
+      warn(e)
+    }
+  }
+
+  return null
+}
+
+export function addToIndex(elem) {
+  if (typeof window !== 'undefined') {
+    try {
+      if (!Array.isArray(window.__modalStack)) {
+        window.__modalStack = []
+      }
+      window.__modalStack.push(elem)
+    } catch (e) {
+      warn(e)
+    }
+  }
+}
+
+export function removeFromIndex(elem) {
+  if (typeof window !== 'undefined') {
+    try {
+      if (!Array.isArray(window.__modalStack)) {
+        window.__modalStack = []
+      }
+      window.__modalStack = window.__modalStack.filter(
+        (cur) => cur !== elem
+      )
+    } catch (e) {
+      warn(e)
+    }
+  }
+}

package/components/modal/types.js

@@ -0,0 +1 @@
+export {};