@laerdal/life-react-components 2.0.1-dev.9.full → 2.1.0-dev.7

package/dist/Modals/ModalContainer.cjs

@@ -1,48 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactModal = _interopRequireDefault(require("react-modal"));
-
 var _styles = require("../styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var ModalContainerStyles = {
   content: {
     top: 'auto',
@@ -58,28 +38,25 @@ var ModalContainerStyles = {
     overflow: 'auto',
     boxShadow: _styles.BOXSHADOWS.BOXSHADOW_L3
   }
-}; //override modal classes to define the animations
+};
 
+//override modal classes to define the animations
 var modalTransitions = "\n\n@keyframes modalOpenAnimation {\n  from{\n    transform: scale(1.1, 1.1);\n  }\n  to {\n    transform: scale(1, 1);\n  }\n}\n\n.ReactModal__Overlay {\n  opacity: 0;\n  z-index: ".concat(_styles.Z_INDEXES.backdrop, ";\n  display:flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ReactModal__Overlay--after-open {\n  opacity: 1;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content{\n  z-index: ").concat(_styles.Z_INDEXES.modal, ";\n  opacity:0;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content--after-open{\n  opacity: 1;\n  animation: modalOpenAnimation 150ms ease-in-out;\n}\n\n.ReactModal__Overlay--before-close {\n  opacity: 0;\n  transition: opacity 120ms linear;\n}\n\n.ReactModal__Content--before-close{\n  opacity: 0;\n  transform: scale(1.1, 1.1);\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\n}\n");
-
 var ModalContainer = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ModalContainer, _React$Component);
-
   var _super = _createSuper(ModalContainer);
-
   function ModalContainer() {
     (0, _classCallCheck2.default)(this, ModalContainer);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(ModalContainer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (_reactModal.default.defaultStyles.overlay) {
         _reactModal.default.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';
-      } //append style node to override modal transition classes
-
+      }
 
+      //append style node to override modal transition classes
       if (!document.querySelector('[modal-custom-styling="active"]')) {
         var head = document.head || document.getElementsByTagName('head')[0];
         var style = document.createElement('style');
@@ -87,7 +64,6 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
         head.appendChild(style);
         style.appendChild(document.createTextNode(modalTransitions));
       }
-
       if (this.props.showModal) {
         this.preventScroll(window.scrollY);
       }
@@ -105,7 +81,6 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
       if (this.props.showModal && !prevProps.showModal) {
         this.preventScroll(snapshot.scroll);
       }
-
       if (!this.props.showModal && prevProps.showModal) {
         this.resetScroll();
       }
@@ -121,24 +96,25 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          id = _this$props.id,
-          showModal = _this$props.showModal,
-          closeModal = _this$props.closeModal,
-          children = _this$props.children,
-          _this$props$height = _this$props.height,
-          height = _this$props$height === void 0 ? 'auto' : _this$props$height,
-          _this$props$width = _this$props.width,
-          width = _this$props$width === void 0 ? 'auto' : _this$props$width,
-          _this$props$overflow = _this$props.overflow,
-          overflow = _this$props$overflow === void 0 ? 'visible' : _this$props$overflow,
-          padding = _this$props.padding,
-          _this$props$minWidth = _this$props.minWidth,
-          minWidth = _this$props$minWidth === void 0 ? '' : _this$props$minWidth,
-          _this$props$maxWidth = _this$props.maxWidth,
-          maxWidth = _this$props$maxWidth === void 0 ? '' : _this$props$maxWidth,
-          _this$props$zIndex = _this$props.zIndex,
-          zIndex = _this$props$zIndex === void 0 ? parseInt(_styles.Z_INDEXES.modal) : _this$props$zIndex; // should be at least z-index of modal and below z-index of toast
-
+        id = _this$props.id,
+        showModal = _this$props.showModal,
+        closeModal = _this$props.closeModal,
+        children = _this$props.children,
+        _this$props$height = _this$props.height,
+        height = _this$props$height === void 0 ? 'auto' : _this$props$height,
+        _this$props$width = _this$props.width,
+        width = _this$props$width === void 0 ? 'auto' : _this$props$width,
+        _this$props$overflow = _this$props.overflow,
+        overflow = _this$props$overflow === void 0 ? 'visible' : _this$props$overflow,
+        padding = _this$props.padding,
+        _this$props$minWidth = _this$props.minWidth,
+        minWidth = _this$props$minWidth === void 0 ? '' : _this$props$minWidth,
+        _this$props$maxWidth = _this$props.maxWidth,
+        maxWidth = _this$props$maxWidth === void 0 ? '' : _this$props$maxWidth,
+        _this$props$zIndex = _this$props.zIndex,
+        zIndex = _this$props$zIndex === void 0 ? parseInt(_styles.Z_INDEXES.modal) : _this$props$zIndex;
+
+      // should be at least z-index of modal and below z-index of toast
       var zIndexValue = Math.min(Math.max(zIndex, +_styles.Z_INDEXES.modal), +_styles.Z_INDEXES.toast - 1);
       var stylesConfiguration = Object.assign(_objectSpread({}, ModalContainerStyles.content), {
         height: height,
@@ -176,22 +152,20 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
         document.body.style.right = "0px";
         document.body.style.top = "-".concat(offset, "px");
       }
-
       ModalContainer.openInstances++;
     }
   }, {
     key: "resetScroll",
     value: function resetScroll() {
       ModalContainer.openInstances--;
-
       if (!ModalContainer.openInstances) {
         //@ts-ignore
-        document.body.style.position = null; //@ts-ignore
-
-        document.body.style.left = null; //@ts-ignore
-
-        document.body.style.top = null; //@ts-ignore
-
+        document.body.style.position = null;
+        //@ts-ignore
+        document.body.style.left = null;
+        //@ts-ignore
+        document.body.style.top = null;
+        //@ts-ignore
         document.body.style.right = null;
         this.state.scroll && window.scrollTo(0, this.state.scroll);
         this.setState({
@@ -202,7 +176,6 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
   }]);
   return ModalContainer;
 }(React.Component);
-
 (0, _defineProperty2.default)(ModalContainer, "propTypes", {
   id: _propTypes.default.string,
   showModal: _propTypes.default.bool.isRequired,

package/dist/Modals/ModalContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContainer.cjs","names":["ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOWS","BOXSHADOW_L3","modalTransitions","Z_INDEXES","backdrop","modal","ModalContainer","ReactModal","defaultStyles","overlay","backgroundColor","document","querySelector","head","getElementsByTagName","style","createElement","setAttribute","appendChild","createTextNode","props","showModal","preventScroll","window","scrollY","prevProps","prevState","scroll","snapshot","resetScroll","id","closeModal","children","padding","minWidth","maxWidth","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","Object","assign","styles","getElementById","undefined","offset","openInstances","setState","body","position","state","scrollTo","React","Component"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactModal from 'react-modal';\nimport {BOXSHADOWS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport styled, {keyframes} from 'styled-components';\n\nconst ModalContainerStyles = {\n  content: {\n    top: 'auto',\n    left: 'auto',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    width: '640px',\n    height: '320px',\n    borderRadius: '8px',\n    boxSizing: 'border-box' as any,\n    margin: 0,\n    overflow: 'auto',\n    boxShadow: BOXSHADOWS.BOXSHADOW_L3,\n  },\n};\n\n//override modal classes to define the animations\nconst modalTransitions = `\n\n@keyframes modalOpenAnimation {\n  from{\n    transform: scale(1.1, 1.1);\n  }\n  to {\n    transform: scale(1, 1);\n  }\n}\n\n.ReactModal__Overlay {\n  opacity: 0;\n  z-index: ${Z_INDEXES.backdrop};\n  display:flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ReactModal__Overlay--after-open {\n  opacity: 1;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content{\n  z-index: ${Z_INDEXES.modal};\n  opacity:0;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content--after-open{\n  opacity: 1;\n  animation: modalOpenAnimation 150ms ease-in-out;\n}\n\n.ReactModal__Overlay--before-close {\n  opacity: 0;\n  transition: opacity 120ms linear;\n}\n\n.ReactModal__Content--before-close{\n  opacity: 0;\n  transform: scale(1.1, 1.1);\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\n}\n`;\n\n\ntype ModalContainerProps = {\n  id?: string;\n  showModal: boolean;\n  closeModal: () => void;\n  children: any;\n  height?: any;\n  width?: any;\n  overflow?: string;\n  padding?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  zIndex?: number;\n};\n\ntype ModalContainerState = {\n  scroll: number;\n};\n\nclass ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {\n  private static openInstances = 0;\n\n  componentDidMount() {\n    if (ReactModal.defaultStyles.overlay) {\n      ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\n    }\n\n    //append style node to override modal transition classes\n    if (!document.querySelector('[modal-custom-styling=\"active\"]')) {\n      const head = document.head || document.getElementsByTagName('head')[0];\n      const style = document.createElement('style');\n      style.setAttribute('modal-custom-styling', 'active');\n      head.appendChild(style);\n      style.appendChild(document.createTextNode(modalTransitions));\n    }\n\n    if (this.props.showModal) {\n      this.preventScroll(window.scrollY);\n    }\n  }\n\n  getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): { scroll: number } {\n    return {scroll: window.scrollY};\n  }\n\n  componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: { scroll: number }) {\n    if (this.props.showModal && !prevProps.showModal) {\n      this.preventScroll(snapshot!.scroll);\n    }\n    if (!this.props.showModal && prevProps.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  render() {\n    const {\n      id,\n      showModal,\n      closeModal,\n      children,\n      height = 'auto',\n      width = 'auto',\n      overflow = 'visible',\n      padding,\n      minWidth = '',\n      maxWidth = '',\n      zIndex = parseInt(Z_INDEXES.modal)\n    } = this.props;\n\n    // should be at least z-index of modal and below z-index of toast\n    const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\n    const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\n      height,\n      width,\n      padding,\n      overflow,\n      minWidth,\n      maxWidth,\n      zIndex: zIndexValue\n    });\n    const styles = {content: stylesConfiguration};\n\n    return (\n      <ReactModal id={id}\n                  isOpen={showModal}\n                  closeTimeoutMS={120}\n                  onRequestClose={() => closeModal()}\n                  style={styles}\n                  appElement={document.getElementById('root') || undefined}>\n        {children}\n      </ReactModal>\n    );\n  }\n\n  private preventScroll(offset: number) {\n    if (!ModalContainer.openInstances) {\n      this.setState({scroll: offset});\n      document.body.style.position = 'fixed';\n      document.body.style.left = `0px`;\n      document.body.style.right = `0px`;\n      document.body.style.top = `-${offset}px`;\n    }\n    ModalContainer.openInstances++\n  }\n\n  private resetScroll() {\n    ModalContainer.openInstances--;\n    if (!ModalContainer.openInstances) {\n      //@ts-ignore\n      document.body.style.position = null;\n      //@ts-ignore\n      document.body.style.left = null;\n      //@ts-ignore\n      document.body.style.top = null;\n      //@ts-ignore\n      document.body.style.right = null;\n      this.state.scroll && window.scrollTo(0, this.state.scroll);\n      this.setState({scroll: 0});\n    }\n  }\n}\n\nexport default ModalContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ModalContainer.cjs","names":["ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOWS","BOXSHADOW_L3","modalTransitions","Z_INDEXES","backdrop","modal","ModalContainer","ReactModal","defaultStyles","overlay","backgroundColor","document","querySelector","head","getElementsByTagName","style","createElement","setAttribute","appendChild","createTextNode","props","showModal","preventScroll","window","scrollY","prevProps","prevState","scroll","snapshot","resetScroll","id","closeModal","children","padding","minWidth","maxWidth","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","Object","assign","styles","getElementById","undefined","offset","openInstances","setState","body","position","state","scrollTo","React","Component"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactModal from 'react-modal';\nimport {BOXSHADOWS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport styled, {keyframes} from 'styled-components';\n\nconst ModalContainerStyles = {\n  content: {\n    top: 'auto',\n    left: 'auto',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    width: '640px',\n    height: '320px',\n    borderRadius: '8px',\n    boxSizing: 'border-box' as any,\n    margin: 0,\n    overflow: 'auto',\n    boxShadow: BOXSHADOWS.BOXSHADOW_L3,\n  },\n};\n\n//override modal classes to define the animations\nconst modalTransitions = `\n\n@keyframes modalOpenAnimation {\n  from{\n    transform: scale(1.1, 1.1);\n  }\n  to {\n    transform: scale(1, 1);\n  }\n}\n\n.ReactModal__Overlay {\n  opacity: 0;\n  z-index: ${Z_INDEXES.backdrop};\n  display:flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ReactModal__Overlay--after-open {\n  opacity: 1;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content{\n  z-index: ${Z_INDEXES.modal};\n  opacity:0;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content--after-open{\n  opacity: 1;\n  animation: modalOpenAnimation 150ms ease-in-out;\n}\n\n.ReactModal__Overlay--before-close {\n  opacity: 0;\n  transition: opacity 120ms linear;\n}\n\n.ReactModal__Content--before-close{\n  opacity: 0;\n  transform: scale(1.1, 1.1);\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\n}\n`;\n\n\ntype ModalContainerProps = {\n  id?: string;\n  showModal: boolean;\n  closeModal: () => void;\n  children: any;\n  height?: any;\n  width?: any;\n  overflow?: string;\n  padding?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  zIndex?: number;\n};\n\ntype ModalContainerState = {\n  scroll: number;\n};\n\nclass ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {\n  private static openInstances = 0;\n\n  componentDidMount() {\n    if (ReactModal.defaultStyles.overlay) {\n      ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\n    }\n\n    //append style node to override modal transition classes\n    if (!document.querySelector('[modal-custom-styling=\"active\"]')) {\n      const head = document.head || document.getElementsByTagName('head')[0];\n      const style = document.createElement('style');\n      style.setAttribute('modal-custom-styling', 'active');\n      head.appendChild(style);\n      style.appendChild(document.createTextNode(modalTransitions));\n    }\n\n    if (this.props.showModal) {\n      this.preventScroll(window.scrollY);\n    }\n  }\n\n  getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): { scroll: number } {\n    return {scroll: window.scrollY};\n  }\n\n  componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: { scroll: number }) {\n    if (this.props.showModal && !prevProps.showModal) {\n      this.preventScroll(snapshot!.scroll);\n    }\n    if (!this.props.showModal && prevProps.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  render() {\n    const {\n      id,\n      showModal,\n      closeModal,\n      children,\n      height = 'auto',\n      width = 'auto',\n      overflow = 'visible',\n      padding,\n      minWidth = '',\n      maxWidth = '',\n      zIndex = parseInt(Z_INDEXES.modal)\n    } = this.props;\n\n    // should be at least z-index of modal and below z-index of toast\n    const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\n    const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\n      height,\n      width,\n      padding,\n      overflow,\n      minWidth,\n      maxWidth,\n      zIndex: zIndexValue\n    });\n    const styles = {content: stylesConfiguration};\n\n    return (\n      <ReactModal id={id}\n                  isOpen={showModal}\n                  closeTimeoutMS={120}\n                  onRequestClose={() => closeModal()}\n                  style={styles}\n                  appElement={document.getElementById('root') || undefined}>\n        {children}\n      </ReactModal>\n    );\n  }\n\n  private preventScroll(offset: number) {\n    if (!ModalContainer.openInstances) {\n      this.setState({scroll: offset});\n      document.body.style.position = 'fixed';\n      document.body.style.left = `0px`;\n      document.body.style.right = `0px`;\n      document.body.style.top = `-${offset}px`;\n    }\n    ModalContainer.openInstances++\n  }\n\n  private resetScroll() {\n    ModalContainer.openInstances--;\n    if (!ModalContainer.openInstances) {\n      //@ts-ignore\n      document.body.style.position = null;\n      //@ts-ignore\n      document.body.style.left = null;\n      //@ts-ignore\n      document.body.style.top = null;\n      //@ts-ignore\n      document.body.style.right = null;\n      this.state.scroll && window.scrollTo(0, this.state.scroll);\n      this.setState({scroll: 0});\n    }\n  }\n}\n\nexport default ModalContainer;\n"],"mappings":"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"}

package/dist/Modals/ModalContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type ModalContainerProps = {
+type ModalContainerProps = {
     id?: string;
     showModal: boolean;
     closeModal: () => void;
@@ -12,7 +12,7 @@ declare type ModalContainerProps = {
     maxWidth?: string;
     zIndex?: number;
 };
-declare type ModalContainerState = {
+type ModalContainerState = {
     scroll: number;
 };
 declare class ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {

package/dist/Modals/ModalContainer.js

@@ -5,15 +5,10 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _pt from "prop-types";
-
 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; }
-
 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 * as React from 'react';
 import ReactModal from 'react-modal';
 import { BOXSHADOWS } from '../styles';
@@ -34,29 +29,25 @@ var ModalContainerStyles = {
     overflow: 'auto',
     boxShadow: BOXSHADOWS.BOXSHADOW_L3
   }
-}; //override modal classes to define the animations
+};
 
+//override modal classes to define the animations
 var modalTransitions = "\n\n@keyframes modalOpenAnimation {\n  from{\n    transform: scale(1.1, 1.1);\n  }\n  to {\n    transform: scale(1, 1);\n  }\n}\n\n.ReactModal__Overlay {\n  opacity: 0;\n  z-index: ".concat(Z_INDEXES.backdrop, ";\n  display:flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ReactModal__Overlay--after-open {\n  opacity: 1;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content{\n  z-index: ").concat(Z_INDEXES.modal, ";\n  opacity:0;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content--after-open{\n  opacity: 1;\n  animation: modalOpenAnimation 150ms ease-in-out;\n}\n\n.ReactModal__Overlay--before-close {\n  opacity: 0;\n  transition: opacity 120ms linear;\n}\n\n.ReactModal__Content--before-close{\n  opacity: 0;\n  transform: scale(1.1, 1.1);\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\n}\n");
-
 var ModalContainer = /*#__PURE__*/function (_React$Component) {
   _inherits(ModalContainer, _React$Component);
-
   var _super = _createSuper(ModalContainer);
-
   function ModalContainer() {
     _classCallCheck(this, ModalContainer);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ModalContainer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (ReactModal.defaultStyles.overlay) {
         ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';
-      } //append style node to override modal transition classes
-
+      }
 
+      //append style node to override modal transition classes
       if (!document.querySelector('[modal-custom-styling="active"]')) {
         var head = document.head || document.getElementsByTagName('head')[0];
         var style = document.createElement('style');
@@ -64,7 +55,6 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
         head.appendChild(style);
         style.appendChild(document.createTextNode(modalTransitions));
       }
-
       if (this.props.showModal) {
         this.preventScroll(window.scrollY);
       }
@@ -82,7 +72,6 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
       if (this.props.showModal && !prevProps.showModal) {
         this.preventScroll(snapshot.scroll);
       }
-
       if (!this.props.showModal && prevProps.showModal) {
         this.resetScroll();
       }
@@ -98,24 +87,25 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          id = _this$props.id,
-          showModal = _this$props.showModal,
-          closeModal = _this$props.closeModal,
-          children = _this$props.children,
-          _this$props$height = _this$props.height,
-          height = _this$props$height === void 0 ? 'auto' : _this$props$height,
-          _this$props$width = _this$props.width,
-          width = _this$props$width === void 0 ? 'auto' : _this$props$width,
-          _this$props$overflow = _this$props.overflow,
-          overflow = _this$props$overflow === void 0 ? 'visible' : _this$props$overflow,
-          padding = _this$props.padding,
-          _this$props$minWidth = _this$props.minWidth,
-          minWidth = _this$props$minWidth === void 0 ? '' : _this$props$minWidth,
-          _this$props$maxWidth = _this$props.maxWidth,
-          maxWidth = _this$props$maxWidth === void 0 ? '' : _this$props$maxWidth,
-          _this$props$zIndex = _this$props.zIndex,
-          zIndex = _this$props$zIndex === void 0 ? parseInt(Z_INDEXES.modal) : _this$props$zIndex; // should be at least z-index of modal and below z-index of toast
-
+        id = _this$props.id,
+        showModal = _this$props.showModal,
+        closeModal = _this$props.closeModal,
+        children = _this$props.children,
+        _this$props$height = _this$props.height,
+        height = _this$props$height === void 0 ? 'auto' : _this$props$height,
+        _this$props$width = _this$props.width,
+        width = _this$props$width === void 0 ? 'auto' : _this$props$width,
+        _this$props$overflow = _this$props.overflow,
+        overflow = _this$props$overflow === void 0 ? 'visible' : _this$props$overflow,
+        padding = _this$props.padding,
+        _this$props$minWidth = _this$props.minWidth,
+        minWidth = _this$props$minWidth === void 0 ? '' : _this$props$minWidth,
+        _this$props$maxWidth = _this$props.maxWidth,
+        maxWidth = _this$props$maxWidth === void 0 ? '' : _this$props$maxWidth,
+        _this$props$zIndex = _this$props.zIndex,
+        zIndex = _this$props$zIndex === void 0 ? parseInt(Z_INDEXES.modal) : _this$props$zIndex;
+
+      // should be at least z-index of modal and below z-index of toast
       var zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);
       var stylesConfiguration = Object.assign(_objectSpread({}, ModalContainerStyles.content), {
         height: height,
@@ -153,22 +143,20 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
         document.body.style.right = "0px";
         document.body.style.top = "-".concat(offset, "px");
       }
-
       ModalContainer.openInstances++;
     }
   }, {
     key: "resetScroll",
     value: function resetScroll() {
       ModalContainer.openInstances--;
-
       if (!ModalContainer.openInstances) {
         //@ts-ignore
-        document.body.style.position = null; //@ts-ignore
-
-        document.body.style.left = null; //@ts-ignore
-
-        document.body.style.top = null; //@ts-ignore
-
+        document.body.style.position = null;
+        //@ts-ignore
+        document.body.style.left = null;
+        //@ts-ignore
+        document.body.style.top = null;
+        //@ts-ignore
         document.body.style.right = null;
         this.state.scroll && window.scrollTo(0, this.state.scroll);
         this.setState({
@@ -177,10 +165,8 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return ModalContainer;
 }(React.Component);
-
 _defineProperty(ModalContainer, "propTypes", {
   id: _pt.string,
   showModal: _pt.bool.isRequired,
@@ -194,8 +180,6 @@ _defineProperty(ModalContainer, "propTypes", {
   maxWidth: _pt.string,
   zIndex: _pt.number
 });
-
 _defineProperty(ModalContainer, "openInstances", 0);
-
 export default ModalContainer;
 //# sourceMappingURL=ModalContainer.js.map

package/dist/Modals/ModalContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContainer.js","names":["React","ReactModal","BOXSHADOWS","Z_INDEXES","ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOW_L3","modalTransitions","backdrop","modal","ModalContainer","defaultStyles","overlay","backgroundColor","document","querySelector","head","getElementsByTagName","style","createElement","setAttribute","appendChild","createTextNode","props","showModal","preventScroll","window","scrollY","prevProps","prevState","scroll","snapshot","resetScroll","id","closeModal","children","padding","minWidth","maxWidth","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","Object","assign","styles","getElementById","undefined","offset","openInstances","setState","body","position","state","scrollTo","Component"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactModal from 'react-modal';\nimport {BOXSHADOWS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport styled, {keyframes} from 'styled-components';\n\nconst ModalContainerStyles = {\n  content: {\n    top: 'auto',\n    left: 'auto',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    width: '640px',\n    height: '320px',\n    borderRadius: '8px',\n    boxSizing: 'border-box' as any,\n    margin: 0,\n    overflow: 'auto',\n    boxShadow: BOXSHADOWS.BOXSHADOW_L3,\n  },\n};\n\n//override modal classes to define the animations\nconst modalTransitions = `\n\n@keyframes modalOpenAnimation {\n  from{\n    transform: scale(1.1, 1.1);\n  }\n  to {\n    transform: scale(1, 1);\n  }\n}\n\n.ReactModal__Overlay {\n  opacity: 0;\n  z-index: ${Z_INDEXES.backdrop};\n  display:flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ReactModal__Overlay--after-open {\n  opacity: 1;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content{\n  z-index: ${Z_INDEXES.modal};\n  opacity:0;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content--after-open{\n  opacity: 1;\n  animation: modalOpenAnimation 150ms ease-in-out;\n}\n\n.ReactModal__Overlay--before-close {\n  opacity: 0;\n  transition: opacity 120ms linear;\n}\n\n.ReactModal__Content--before-close{\n  opacity: 0;\n  transform: scale(1.1, 1.1);\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\n}\n`;\n\n\ntype ModalContainerProps = {\n  id?: string;\n  showModal: boolean;\n  closeModal: () => void;\n  children: any;\n  height?: any;\n  width?: any;\n  overflow?: string;\n  padding?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  zIndex?: number;\n};\n\ntype ModalContainerState = {\n  scroll: number;\n};\n\nclass ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {\n  private static openInstances = 0;\n\n  componentDidMount() {\n    if (ReactModal.defaultStyles.overlay) {\n      ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\n    }\n\n    //append style node to override modal transition classes\n    if (!document.querySelector('[modal-custom-styling=\"active\"]')) {\n      const head = document.head || document.getElementsByTagName('head')[0];\n      const style = document.createElement('style');\n      style.setAttribute('modal-custom-styling', 'active');\n      head.appendChild(style);\n      style.appendChild(document.createTextNode(modalTransitions));\n    }\n\n    if (this.props.showModal) {\n      this.preventScroll(window.scrollY);\n    }\n  }\n\n  getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): { scroll: number } {\n    return {scroll: window.scrollY};\n  }\n\n  componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: { scroll: number }) {\n    if (this.props.showModal && !prevProps.showModal) {\n      this.preventScroll(snapshot!.scroll);\n    }\n    if (!this.props.showModal && prevProps.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  render() {\n    const {\n      id,\n      showModal,\n      closeModal,\n      children,\n      height = 'auto',\n      width = 'auto',\n      overflow = 'visible',\n      padding,\n      minWidth = '',\n      maxWidth = '',\n      zIndex = parseInt(Z_INDEXES.modal)\n    } = this.props;\n\n    // should be at least z-index of modal and below z-index of toast\n    const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\n    const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\n      height,\n      width,\n      padding,\n      overflow,\n      minWidth,\n      maxWidth,\n      zIndex: zIndexValue\n    });\n    const styles = {content: stylesConfiguration};\n\n    return (\n      <ReactModal id={id}\n                  isOpen={showModal}\n                  closeTimeoutMS={120}\n                  onRequestClose={() => closeModal()}\n                  style={styles}\n                  appElement={document.getElementById('root') || undefined}>\n        {children}\n      </ReactModal>\n    );\n  }\n\n  private preventScroll(offset: number) {\n    if (!ModalContainer.openInstances) {\n      this.setState({scroll: offset});\n      document.body.style.position = 'fixed';\n      document.body.style.left = `0px`;\n      document.body.style.right = `0px`;\n      document.body.style.top = `-${offset}px`;\n    }\n    ModalContainer.openInstances++\n  }\n\n  private resetScroll() {\n    ModalContainer.openInstances--;\n    if (!ModalContainer.openInstances) {\n      //@ts-ignore\n      document.body.style.position = null;\n      //@ts-ignore\n      document.body.style.left = null;\n      //@ts-ignore\n      document.body.style.top = null;\n      //@ts-ignore\n      document.body.style.right = null;\n      this.state.scroll && window.scrollTo(0, this.state.scroll);\n      this.setState({scroll: 0});\n    }\n  }\n}\n\nexport default ModalContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ModalContainer.js","names":["React","ReactModal","BOXSHADOWS","Z_INDEXES","ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOW_L3","modalTransitions","backdrop","modal","ModalContainer","defaultStyles","overlay","backgroundColor","document","querySelector","head","getElementsByTagName","style","createElement","setAttribute","appendChild","createTextNode","props","showModal","preventScroll","window","scrollY","prevProps","prevState","scroll","snapshot","resetScroll","id","closeModal","children","padding","minWidth","maxWidth","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","Object","assign","styles","getElementById","undefined","offset","openInstances","setState","body","position","state","scrollTo","Component"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactModal from 'react-modal';\nimport {BOXSHADOWS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport styled, {keyframes} from 'styled-components';\n\nconst ModalContainerStyles = {\n  content: {\n    top: 'auto',\n    left: 'auto',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    width: '640px',\n    height: '320px',\n    borderRadius: '8px',\n    boxSizing: 'border-box' as any,\n    margin: 0,\n    overflow: 'auto',\n    boxShadow: BOXSHADOWS.BOXSHADOW_L3,\n  },\n};\n\n//override modal classes to define the animations\nconst modalTransitions = `\n\n@keyframes modalOpenAnimation {\n  from{\n    transform: scale(1.1, 1.1);\n  }\n  to {\n    transform: scale(1, 1);\n  }\n}\n\n.ReactModal__Overlay {\n  opacity: 0;\n  z-index: ${Z_INDEXES.backdrop};\n  display:flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ReactModal__Overlay--after-open {\n  opacity: 1;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content{\n  z-index: ${Z_INDEXES.modal};\n  opacity:0;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content--after-open{\n  opacity: 1;\n  animation: modalOpenAnimation 150ms ease-in-out;\n}\n\n.ReactModal__Overlay--before-close {\n  opacity: 0;\n  transition: opacity 120ms linear;\n}\n\n.ReactModal__Content--before-close{\n  opacity: 0;\n  transform: scale(1.1, 1.1);\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\n}\n`;\n\n\ntype ModalContainerProps = {\n  id?: string;\n  showModal: boolean;\n  closeModal: () => void;\n  children: any;\n  height?: any;\n  width?: any;\n  overflow?: string;\n  padding?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  zIndex?: number;\n};\n\ntype ModalContainerState = {\n  scroll: number;\n};\n\nclass ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {\n  private static openInstances = 0;\n\n  componentDidMount() {\n    if (ReactModal.defaultStyles.overlay) {\n      ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\n    }\n\n    //append style node to override modal transition classes\n    if (!document.querySelector('[modal-custom-styling=\"active\"]')) {\n      const head = document.head || document.getElementsByTagName('head')[0];\n      const style = document.createElement('style');\n      style.setAttribute('modal-custom-styling', 'active');\n      head.appendChild(style);\n      style.appendChild(document.createTextNode(modalTransitions));\n    }\n\n    if (this.props.showModal) {\n      this.preventScroll(window.scrollY);\n    }\n  }\n\n  getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): { scroll: number } {\n    return {scroll: window.scrollY};\n  }\n\n  componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: { scroll: number }) {\n    if (this.props.showModal && !prevProps.showModal) {\n      this.preventScroll(snapshot!.scroll);\n    }\n    if (!this.props.showModal && prevProps.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.showModal) {\n      this.resetScroll();\n    }\n  }\n\n  render() {\n    const {\n      id,\n      showModal,\n      closeModal,\n      children,\n      height = 'auto',\n      width = 'auto',\n      overflow = 'visible',\n      padding,\n      minWidth = '',\n      maxWidth = '',\n      zIndex = parseInt(Z_INDEXES.modal)\n    } = this.props;\n\n    // should be at least z-index of modal and below z-index of toast\n    const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\n    const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\n      height,\n      width,\n      padding,\n      overflow,\n      minWidth,\n      maxWidth,\n      zIndex: zIndexValue\n    });\n    const styles = {content: stylesConfiguration};\n\n    return (\n      <ReactModal id={id}\n                  isOpen={showModal}\n                  closeTimeoutMS={120}\n                  onRequestClose={() => closeModal()}\n                  style={styles}\n                  appElement={document.getElementById('root') || undefined}>\n        {children}\n      </ReactModal>\n    );\n  }\n\n  private preventScroll(offset: number) {\n    if (!ModalContainer.openInstances) {\n      this.setState({scroll: offset});\n      document.body.style.position = 'fixed';\n      document.body.style.left = `0px`;\n      document.body.style.right = `0px`;\n      document.body.style.top = `-${offset}px`;\n    }\n    ModalContainer.openInstances++\n  }\n\n  private resetScroll() {\n    ModalContainer.openInstances--;\n    if (!ModalContainer.openInstances) {\n      //@ts-ignore\n      document.body.style.position = null;\n      //@ts-ignore\n      document.body.style.left = null;\n      //@ts-ignore\n      document.body.style.top = null;\n      //@ts-ignore\n      document.body.style.right = null;\n      this.state.scroll && window.scrollTo(0, this.state.scroll);\n      this.setState({scroll: 0});\n    }\n  }\n}\n\nexport default ModalContainer;\n"],"mappings":"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"}