@laerdal/life-react-components 4.0.4-dev.3 → 5.0.0-dev.1

package/dist/Modals/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","names":["Column","styled","div","StyledButton","IconButton","ModalCloseButton","onClick","theme","useTheme","COLORS","getColor","Modal","children","Header","Body","Footer"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAEpE;AACA;AACA;AACA,IAAMA,MAAM,GAAGC,yBAAM,CAACC,GAAG,gLAKxB;AAED,IAAMC,YAAY,GAAG,IAAAF,yBAAM,EAACG,kBAAU,CAAC,yGAEtC;AAEM,IAAMC,gBAAkE,GAAG,SAArEA,gBAAkE,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC1F,IAAMC,KAAK,GAAG,IAAAC,0BAAQ,GAAE;EACxB,oBACE,qBAAC,YAAY;IAAC,OAAO,EAAC,WAAW;IAAC,KAAK,EAAC,QAAQ;IAAC,MAAM,EAAEF,OAAQ;IAAA,uBAC/D,qBAAC,kBAAW,CAAC,KAAK;MAAC,IAAI,EAAC,MAAM;MAAC,KAAK,EAAEG,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEH,KAAK;IAAE;EAAG,EAC5D;AAEnB,CAAC;AAAC;AAMF,IAAMI,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,qBAAC,MAAM;IAAA,UAAEA;EAAQ,EAAU;AAAA;AAAC;EAHtEA,QAAQ;AAAA;AAKVD,KAAK,CAACE,MAAM,GAAG;EAAA,IAAGD,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,qBAAC,wBAAW;IAAA,UAAEA;EAAQ,EAAe;AAAA;AAElFD,KAAK,CAACG,IAAI,GAAG;EAAA,IAAGF,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,qBAAC,sBAAS;IAAA,UAAEA;EAAQ,EAAa;AAAA;AAE5ED,KAAK,CAACI,MAAM,GAAG;EAAA,IAAGH,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,qBAAC,wBAAW;IAAA,UAAEA;EAAQ,EAAe;AAAA;AAAC,eAEpED,KAAK;AAAA"}
+{"version":3,"file":"Modal.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_Button","_icons","_styles","_ModalStyles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Column","styled","div","_taggedTemplateLiteral2","StyledButton","IconButton","ModalCloseButton","_ref","onClick","theme","useTheme","jsx","variant","shape","action","children","SystemIcons","Close","size","color","COLORS","getColor","exports","Modal","_ref2","propTypes","_propTypes","any","isRequired","Header","_ref3","ModalHeader","Body","_ref4","ModalBody","Footer","_ref5","ModalFooter","_default"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Modals/Modal.d.ts

@@ -6,9 +6,9 @@ type ModalProps = {
     children: any;
 };
 declare const Modal: {
-    ({ children }: ModalProps): JSX.Element;
-    Header({ children }: ModalProps): JSX.Element;
-    Body({ children }: ModalProps): JSX.Element;
-    Footer({ children }: ModalProps): JSX.Element;
+    ({ children }: ModalProps): React.JSX.Element;
+    Header({ children }: ModalProps): React.JSX.Element;
+    Body({ children }: ModalProps): React.JSX.Element;
+    Footer({ children }: ModalProps): React.JSX.Element;
 };
 export default Modal;

package/dist/Modals/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","styled","useTheme","IconButton","SystemIcons","COLORS","ModalHeader","ModalBody","ModalFooter","Column","div","StyledButton","ModalCloseButton","onClick","theme","getColor","Modal","children","Header","Body","Footer"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,eAAe;;AAEnE;AACA;AACA;AAFA;AAGA,IAAMC,MAAM,GAAGR,MAAM,CAACS,GAAG,kKAKxB;AAED,IAAMC,YAAY,GAAGV,MAAM,CAACE,UAAU,CAAC,2FAEtC;AAED,OAAO,IAAMS,gBAAkE,GAAG,SAArEA,gBAAkE,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC1F,IAAMC,KAAK,GAAGZ,QAAQ,EAAE;EACxB,oBACE,KAAC,YAAY;IAAC,OAAO,EAAC,WAAW;IAAC,KAAK,EAAC,QAAQ;IAAC,MAAM,EAAEW,OAAQ;IAAA,uBAC/D,KAAC,WAAW,CAAC,KAAK;MAAC,IAAI,EAAC,MAAM;MAAC,KAAK,EAAER,MAAM,CAACU,QAAQ,CAAC,OAAO,EAAED,KAAK;IAAE;EAAG,EAC5D;AAEnB,CAAC;AAMD,IAAME,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,KAAC,MAAM;IAAA,UAAEA;EAAQ,EAAU;AAAA;AAAC;EAHtEA,QAAQ;AAAA;AAKVD,KAAK,CAACE,MAAM,GAAG;EAAA,IAAGD,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,KAAC,WAAW;IAAA,UAAEA;EAAQ,EAAe;AAAA;AAElFD,KAAK,CAACG,IAAI,GAAG;EAAA,IAAGF,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,KAAC,SAAS;IAAA,UAAEA;EAAQ,EAAa;AAAA;AAE5ED,KAAK,CAACI,MAAM,GAAG;EAAA,IAAGH,QAAQ,SAARA,QAAQ;EAAA,oBAAmB,KAAC,WAAW;IAAA,UAAEA;EAAQ,EAAe;AAAA;AAElF,eAAeD,KAAK"}
+{"version":3,"file":"Modal.js","names":["React","styled","useTheme","IconButton","SystemIcons","COLORS","ModalHeader","ModalBody","ModalFooter","jsx","_jsx","Column","div","_templateObject","_taggedTemplateLiteral","StyledButton","_templateObject2","ModalCloseButton","_ref","onClick","theme","variant","shape","action","children","Close","size","color","getColor","Modal","_ref2","propTypes","_pt","any","isRequired","Header","_ref3","Body","_ref4","Footer","_ref5"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,eAAe;;AAEnE;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,IAAMC,MAAM,GAAGV,MAAM,CAACW,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qGAKxB;AAED,IAAMC,YAAY,GAAGd,MAAM,CAACE,UAAU,CAAC,CAAAa,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,4BAEtC;AAED,OAAO,IAAMG,gBAAkE,GAAG,SAArEA,gBAAkEA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC1F,IAAMC,KAAK,GAAGlB,QAAQ,CAAC,CAAC;EACxB,oBACEQ,IAAA,CAACK,YAAY;IAACM,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACC,MAAM,EAAEJ,OAAQ;IAAAK,QAAA,eAC/Dd,IAAA,CAACN,WAAW,CAACqB,KAAK;MAACC,IAAI,EAAC,MAAM;MAACC,KAAK,EAAEtB,MAAM,CAACuB,QAAQ,CAAC,OAAO,EAAER,KAAK;IAAE,CAAE;EAAC,CAC7D,CAAC;AAEnB,CAAC;AAMD,IAAMS,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA;EAAA,IAAMN,QAAQ,GAAAM,KAAA,CAARN,QAAQ;EAAA,oBAAmBd,IAAA,CAACC,MAAM;IAAAa,QAAA,EAAEA;EAAQ,CAAS,CAAC;AAAA;AAACK,KAAA,CAAAE,SAAA;EAHtEP,QAAQ,EAAAQ,GAAA,CAAAC,GAAA,CAAAC;AAAA;AAKVL,KAAK,CAACM,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGZ,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;EAAA,oBAAmBd,IAAA,CAACJ,WAAW;IAAAkB,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAElFK,KAAK,CAACQ,IAAI,GAAG,UAAAC,KAAA;EAAA,IAAGd,QAAQ,GAAAc,KAAA,CAARd,QAAQ;EAAA,oBAAmBd,IAAA,CAACH,SAAS;IAAAiB,QAAA,EAAEA;EAAQ,CAAY,CAAC;AAAA;AAE5EK,KAAK,CAACU,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGhB,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;EAAA,oBAAmBd,IAAA,CAACF,WAAW;IAAAgB,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAElF,eAAeK,KAAK","ignoreList":[]}

package/dist/Modals/ModalContainer.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -13,10 +13,10 @@ 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ModalContainerStyles = {
   content: {
     top: 'auto',
@@ -41,7 +41,7 @@ var Counter = {
 };
 var ModalContainer = function ModalContainer(props) {
   var _React$useState = React.useState(),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     scroll = _React$useState2[0],
     setScroll = _React$useState2[1];
   var preventScroll = function preventScroll(offset) {
@@ -79,8 +79,8 @@ var ModalContainer = function ModalContainer(props) {
     window && !props.showModal && preventScroll(window.scrollY);
   }, [props.showModal]);
   React.useEffect(function () {
-    if (_reactModal.default.defaultStyles.overlay) {
-      _reactModal.default.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';
+    if (_reactModal["default"].defaultStyles.overlay) {
+      _reactModal["default"].defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';
     }
 
     //append style node to override modal transition classes
@@ -130,8 +130,8 @@ var ModalContainer = function ModalContainer(props) {
   var styles = {
     content: stylesConfiguration
   };
-  _reactModal.default.setAppElement('body');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactModal.default, {
+  _reactModal["default"].setAppElement('body');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactModal["default"], {
     id: id,
     isOpen: showModal,
     closeTimeoutMS: 120,
@@ -143,18 +143,18 @@ var ModalContainer = function ModalContainer(props) {
   });
 };
 ModalContainer.propTypes = {
-  id: _propTypes.default.string,
-  showModal: _propTypes.default.bool.isRequired,
-  closeModal: _propTypes.default.func.isRequired,
-  children: _propTypes.default.any.isRequired,
-  height: _propTypes.default.any,
-  width: _propTypes.default.any,
-  overflow: _propTypes.default.string,
-  padding: _propTypes.default.string,
-  minWidth: _propTypes.default.string,
-  maxWidth: _propTypes.default.string,
-  zIndex: _propTypes.default.number
+  id: _propTypes["default"].string,
+  showModal: _propTypes["default"].bool.isRequired,
+  closeModal: _propTypes["default"].func.isRequired,
+  children: _propTypes["default"].any.isRequired,
+  height: _propTypes["default"].any,
+  width: _propTypes["default"].any,
+  overflow: _propTypes["default"].string,
+  padding: _propTypes["default"].string,
+  minWidth: _propTypes["default"].string,
+  maxWidth: _propTypes["default"].string,
+  zIndex: _propTypes["default"].number
 };
 var _default = ModalContainer;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=ModalContainer.cjs.map

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","Counter","openInstances","ModalContainer","props","React","useState","scroll","setScroll","preventScroll","offset","document","body","style","position","resetScroll","window","scrollTo","useEffect","scrollY","showModal","ReactModal","defaultStyles","overlay","backgroundColor","querySelector","head","getElementsByTagName","createElement","setAttribute","appendChild","createTextNode","id","closeModal","children","padding","minWidth","maxWidth","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","Object","assign","styles","setAppElement"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ReactModal from 'react-modal';\r\nimport {BOXSHADOWS} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport styled, {keyframes} from 'styled-components';\r\n\r\nconst ModalContainerStyles = {\r\n  content: {\r\n    top: 'auto',\r\n    left: 'auto',\r\n    right: 'auto',\r\n    bottom: 'auto',\r\n    marginRight: '-50%',\r\n    width: '640px',\r\n    height: '320px',\r\n    borderRadius: '8px',\r\n    boxSizing: 'border-box' as any,\r\n    margin: 0,\r\n    overflow: 'auto',\r\n    boxShadow: BOXSHADOWS.BOXSHADOW_L3,\r\n  },\r\n};\r\n\r\n//override modal classes to define the animations\r\nconst modalTransitions = `\r\n\r\n@keyframes modalOpenAnimation {\r\n  from{\r\n    transform: scale(1.1, 1.1);\r\n  }\r\n  to {\r\n    transform: scale(1, 1);\r\n  }\r\n}\r\n\r\n.ReactModal__Overlay {\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  display:flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.ReactModal__Overlay--after-open {\r\n  opacity: 1;\r\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content{\r\n  z-index: ${Z_INDEXES.modal};\r\n  opacity:0;\r\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content--after-open{\r\n  opacity: 1;\r\n  animation: modalOpenAnimation 150ms ease-in-out;\r\n}\r\n\r\n.ReactModal__Overlay--before-close {\r\n  opacity: 0;\r\n  transition: opacity 120ms linear;\r\n}\r\n\r\n.ReactModal__Content--before-close{\r\n  opacity: 0;\r\n  transform: scale(1.1, 1.1);\r\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\r\n}\r\n`;\r\n\r\n\r\ntype ModalContainerProps = {\r\n  id?: string;\r\n  showModal: boolean;\r\n  closeModal: () => void;\r\n  children: any;\r\n  height?: any;\r\n  width?: any;\r\n  overflow?: string;\r\n  padding?: string;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n  zIndex?: number;\r\n};\r\n\r\nconst Counter = { openInstances : 0};\r\nconst ModalContainer: React.FC<ModalContainerProps> = (props: ModalContainerProps) => {\r\n\r\n  const [scroll, setScroll] = React.useState<number>();\r\n\r\n  \r\n  const preventScroll = (offset: number) => {\r\n    if (!Counter.openInstances && document) {\r\n      setScroll(offset);\r\n      document.body.style.position = 'fixed';\r\n      document.body.style.left = `0px`;\r\n      document.body.style.right = `0px`;\r\n      document.body.style.top = `-${offset}px`;\r\n    }\r\n    Counter.openInstances++;\r\n  }\r\n\r\n  const resetScroll = () => {\r\n    Counter.openInstances--;\r\n    if (!Counter.openInstances && document) {\r\n      //@ts-ignore\r\n      document.body.style.position = null;\r\n      //@ts-ignore\r\n      document.body.style.left = null;\r\n      //@ts-ignore\r\n      document.body.style.top = null;\r\n      //@ts-ignore\r\n      document.body.style.right = null;\r\n      scroll && window.scrollTo(0, scroll);\r\n      setScroll(0);\r\n    }\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    window && setScroll(window.scrollY);\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    //modal was opened\r\n    window && props.showModal && resetScroll();\r\n    //modal was closed\r\n    window && !props.showModal && preventScroll(window.scrollY);\r\n  }, [props.showModal]);\r\n\r\n\r\n  React.useEffect(() => {\r\n    if (ReactModal.defaultStyles.overlay) {\r\n      ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\r\n    }\r\n\r\n    //append style node to override modal transition classes\r\n    if (document && !document.querySelector('[modal-custom-styling=\"active\"]')) {\r\n      const head = document.head || document.getElementsByTagName('head')[0];\r\n      const style = document.createElement('style');\r\n      style.setAttribute('modal-custom-styling', 'active');\r\n      head.appendChild(style);\r\n      style.appendChild(document.createTextNode(modalTransitions));\r\n    }\r\n\r\n    if (props.showModal) {\r\n      preventScroll(window.scrollY);\r\n    }\r\n\r\n    return () => resetScroll();\r\n  }, []);\r\n\r\n  const {\r\n    id,\r\n    showModal,\r\n    closeModal,\r\n    children,\r\n    height = 'auto',\r\n    width = 'auto',\r\n    overflow = 'visible',\r\n    padding,\r\n    minWidth = '',\r\n    maxWidth = '',\r\n    zIndex = parseInt(Z_INDEXES.modal)\r\n  } = props;\r\n\r\n  // should be at least z-index of modal and below z-index of toast\r\n  const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\r\n  const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\r\n    height,\r\n    width,\r\n    padding,\r\n    overflow,\r\n    minWidth,\r\n    maxWidth,\r\n    zIndex: zIndexValue\r\n  });\r\n  const styles = {content: stylesConfiguration};\r\n  ReactModal.setAppElement('body');\r\n  return (\r\n    <ReactModal id={id}\r\n                isOpen={showModal}\r\n                closeTimeoutMS={120}\r\n                onRequestClose={() => closeModal()}\r\n                style={styles}>\r\n      {children}\r\n    </ReactModal>\r\n  );\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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"}
+{"version":3,"file":"ModalContainer.cjs","names":["React","_interopRequireWildcard","require","_reactModal","_interopRequireDefault","_styles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOWS","BOXSHADOW_L3","modalTransitions","concat","Z_INDEXES","backdrop","modal","Counter","openInstances","ModalContainer","props","_React$useState","useState","_React$useState2","_slicedToArray2","scroll","setScroll","preventScroll","offset","document","body","style","position","resetScroll","window","scrollTo","useEffect","scrollY","showModal","ReactModal","defaultStyles","overlay","backgroundColor","querySelector","head","getElementsByTagName","createElement","setAttribute","appendChild","createTextNode","id","closeModal","children","_props$height","_props$width","_props$overflow","padding","_props$minWidth","minWidth","_props$maxWidth","maxWidth","_props$zIndex","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","assign","styles","setAppElement","jsx","isOpen","closeTimeoutMS","onRequestClose","propTypes","_propTypes","string","bool","isRequired","func","any","number","_default","exports"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ReactModal from 'react-modal';\r\nimport {BOXSHADOWS} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport styled, {keyframes} from 'styled-components';\r\n\r\nconst ModalContainerStyles = {\r\n  content: {\r\n    top: 'auto',\r\n    left: 'auto',\r\n    right: 'auto',\r\n    bottom: 'auto',\r\n    marginRight: '-50%',\r\n    width: '640px',\r\n    height: '320px',\r\n    borderRadius: '8px',\r\n    boxSizing: 'border-box' as any,\r\n    margin: 0,\r\n    overflow: 'auto',\r\n    boxShadow: BOXSHADOWS.BOXSHADOW_L3,\r\n  },\r\n};\r\n\r\n//override modal classes to define the animations\r\nconst modalTransitions = `\r\n\r\n@keyframes modalOpenAnimation {\r\n  from{\r\n    transform: scale(1.1, 1.1);\r\n  }\r\n  to {\r\n    transform: scale(1, 1);\r\n  }\r\n}\r\n\r\n.ReactModal__Overlay {\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  display:flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.ReactModal__Overlay--after-open {\r\n  opacity: 1;\r\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content{\r\n  z-index: ${Z_INDEXES.modal};\r\n  opacity:0;\r\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content--after-open{\r\n  opacity: 1;\r\n  animation: modalOpenAnimation 150ms ease-in-out;\r\n}\r\n\r\n.ReactModal__Overlay--before-close {\r\n  opacity: 0;\r\n  transition: opacity 120ms linear;\r\n}\r\n\r\n.ReactModal__Content--before-close{\r\n  opacity: 0;\r\n  transform: scale(1.1, 1.1);\r\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\r\n}\r\n`;\r\n\r\n\r\ntype ModalContainerProps = {\r\n  id?: string;\r\n  showModal: boolean;\r\n  closeModal: () => void;\r\n  children: any;\r\n  height?: any;\r\n  width?: any;\r\n  overflow?: string;\r\n  padding?: string;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n  zIndex?: number;\r\n};\r\n\r\nconst Counter = { openInstances : 0};\r\nconst ModalContainer: React.FC<ModalContainerProps> = (props: ModalContainerProps) => {\r\n\r\n  const [scroll, setScroll] = React.useState<number>();\r\n\r\n  \r\n  const preventScroll = (offset: number) => {\r\n    if (!Counter.openInstances && document) {\r\n      setScroll(offset);\r\n      document.body.style.position = 'fixed';\r\n      document.body.style.left = `0px`;\r\n      document.body.style.right = `0px`;\r\n      document.body.style.top = `-${offset}px`;\r\n    }\r\n    Counter.openInstances++;\r\n  }\r\n\r\n  const resetScroll = () => {\r\n    Counter.openInstances--;\r\n    if (!Counter.openInstances && document) {\r\n      //@ts-ignore\r\n      document.body.style.position = null;\r\n      //@ts-ignore\r\n      document.body.style.left = null;\r\n      //@ts-ignore\r\n      document.body.style.top = null;\r\n      //@ts-ignore\r\n      document.body.style.right = null;\r\n      scroll && window.scrollTo(0, scroll);\r\n      setScroll(0);\r\n    }\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    window && setScroll(window.scrollY);\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    //modal was opened\r\n    window && props.showModal && resetScroll();\r\n    //modal was closed\r\n    window && !props.showModal && preventScroll(window.scrollY);\r\n  }, [props.showModal]);\r\n\r\n\r\n  React.useEffect(() => {\r\n    if (ReactModal.defaultStyles.overlay) {\r\n      ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\r\n    }\r\n\r\n    //append style node to override modal transition classes\r\n    if (document && !document.querySelector('[modal-custom-styling=\"active\"]')) {\r\n      const head = document.head || document.getElementsByTagName('head')[0];\r\n      const style = document.createElement('style');\r\n      style.setAttribute('modal-custom-styling', 'active');\r\n      head.appendChild(style);\r\n      style.appendChild(document.createTextNode(modalTransitions));\r\n    }\r\n\r\n    if (props.showModal) {\r\n      preventScroll(window.scrollY);\r\n    }\r\n\r\n    return () => resetScroll();\r\n  }, []);\r\n\r\n  const {\r\n    id,\r\n    showModal,\r\n    closeModal,\r\n    children,\r\n    height = 'auto',\r\n    width = 'auto',\r\n    overflow = 'visible',\r\n    padding,\r\n    minWidth = '',\r\n    maxWidth = '',\r\n    zIndex = parseInt(Z_INDEXES.modal)\r\n  } = props;\r\n\r\n  // should be at least z-index of modal and below z-index of toast\r\n  const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\r\n  const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\r\n    height,\r\n    width,\r\n    padding,\r\n    overflow,\r\n    minWidth,\r\n    maxWidth,\r\n    zIndex: zIndexValue\r\n  });\r\n  const styles = {content: stylesConfiguration};\r\n  ReactModal.setAppElement('body');\r\n  return (\r\n    <ReactModal id={id}\r\n                isOpen={showModal}\r\n                closeTimeoutMS={120}\r\n                onRequestClose={() => closeModal()}\r\n                style={styles}>\r\n      {children}\r\n    </ReactModal>\r\n  );\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Modals/ModalContainer.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import ReactModal from 'react-modal';
 import { BOXSHADOWS } from '../styles';

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

package/dist/Modals/ModalContent.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -30,29 +30,29 @@ var _excluded = ["icon", "componentType"],
   _excluded5 = ["text", "variant", "action"],
   _excluded6 = ["action", "text"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-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; }
-var HeaderText = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 12px 0 12px 12px;\n  gap: 4px;\n\n  &:not(:first-child) {\n    padding-left: 0 !important;\n  }\n\n"])));
-var HeaderTitle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var HeaderText = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 12px 0 12px 12px;\n  gap: 4px;\n\n  &:not(:first-child) {\n    padding-left: 0 !important;\n  }\n\n"])));
+var HeaderTitle = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
   return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
 });
-var HeaderActions = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n"])));
-var HeaderWithImageActions = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: absolute;\n\n  button:only-child {\n    margin-left: auto;\n  }\n\n  top: 4px;\n  left: 4px;\n  right: 4px;\n\n  .medium & {\n    top: 12px;\n    left: 12px;\n    right: 12px;\n  }\n\n  .large & {\n    top: 20px;\n    left: 20px;\n    right: 20px;\n  }\n"])));
-var HeaderWithImage = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  img {\n    object-fit: cover;\n    width: 100%;\n    height: 160px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n\n  .medium & {\n    img {\n      height: 200px;\n    }\n  }\n\n  .large & {\n    img {\n      height: 240px;\n    }\n  }\n"])));
-var Header = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ", " {\n    height: max-content;\n  }\n"])), _Tooltips.TooltipContainer);
-var Content = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: auto;\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
-var FooterLeftContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
-var FooterLeftNote = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), function (props) {
+var HeaderActions = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n"])));
+var HeaderWithImageActions = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: absolute;\n\n  button:only-child {\n    margin-left: auto;\n  }\n\n  top: 4px;\n  left: 4px;\n  right: 4px;\n\n  .medium & {\n    top: 12px;\n    left: 12px;\n    right: 12px;\n  }\n\n  .large & {\n    top: 20px;\n    left: 20px;\n    right: 20px;\n  }\n"])));
+var HeaderWithImage = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  img {\n    object-fit: cover;\n    width: 100%;\n    height: 160px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n\n  .medium & {\n    img {\n      height: 200px;\n    }\n  }\n\n  .large & {\n    img {\n      height: 240px;\n    }\n  }\n"])));
+var Header = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ", " {\n    height: max-content;\n  }\n"])), _Tooltips.TooltipContainer);
+var Content = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: auto;\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
+var FooterLeftContainer = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n"])));
+var FooterLeftNote = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), function (props) {
   return (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
 });
-var FooterLeftLink = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), function (props) {
+var FooterLeftLink = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), function (props) {
   return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('primary_500', props.theme));
 });
-var FooterRightContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  gap: 8px;\n  margin-left: auto;\n"])));
-var Footer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n"])));
-var Wrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  width: max-content;\n\n  max-height: calc(100vh - 32px);\n  max-width: calc(100vw - 32px);\n\n  &.medium {\n    max-height: calc(100vh - 64px);\n    max-width: calc(100vw - 64px);\n\n    ", " {\n      padding: 12px 12px 4px 12px;\n\n      ", " {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 16px 0 24px;\n    }\n\n    ", " {\n      padding: 12px 24px 20px 24px;\n\n      ", " {\n        ", "\n        gap: 6px;\n      }\n\n      ", " {\n        a {\n          gap: 6px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ", " {\n      padding: 20px 20px 4px 20px;\n\n      ", " {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 24px 0 32px;\n    }\n\n    ", " {\n      padding: 16px 32px 32px 32px;\n\n      ", " {\n        ", "\n        gap: 8px;\n      }\n\n      ", " {\n        a {\n          gap: 8px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 16px;\n      }\n    }\n  }\n"])), Header, HeaderText, HeaderTitle, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, null), FooterLeftLink, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null), FooterRightContainer, Header, HeaderText, HeaderTitle, (0, _styles.ComponentXLStyling)(_styles.ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null), FooterLeftLink, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null), FooterRightContainer);
+var FooterRightContainer = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  gap: 8px;\n  margin-left: auto;\n"])));
+var Footer = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n"])));
+var Wrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  width: max-content;\n\n  max-height: calc(100vh - 32px);\n  max-width: calc(100vw - 32px);\n\n  &.medium {\n    max-height: calc(100vh - 64px);\n    max-width: calc(100vw - 64px);\n\n    ", " {\n      padding: 12px 12px 4px 12px;\n\n      ", " {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 16px 0 24px;\n    }\n\n    ", " {\n      padding: 12px 24px 20px 24px;\n\n      ", " {\n        ", "\n        gap: 6px;\n      }\n\n      ", " {\n        a {\n          gap: 6px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ", " {\n      padding: 20px 20px 4px 20px;\n\n      ", " {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 24px 0 32px;\n    }\n\n    ", " {\n      padding: 16px 32px 32px 32px;\n\n      ", " {\n        ", "\n        gap: 8px;\n      }\n\n      ", " {\n        a {\n          gap: 8px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 16px;\n      }\n    }\n  }\n"])), Header, HeaderText, HeaderTitle, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, null), FooterLeftLink, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null), FooterRightContainer, Header, HeaderText, HeaderTitle, (0, _styles.ComponentXLStyling)(_styles.ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null), FooterLeftLink, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null), FooterRightContainer);
 var ModalContent = function ModalContent(props) {
   var _props$size, _props$footerActions;
   var theme = (0, _styledComponents.useTheme)();
@@ -86,7 +86,7 @@ var ModalContent = function ModalContent(props) {
           {
             var icon = action.icon,
               componentType = action.componentType,
-              rest = (0, _objectWithoutProperties2.default)(action, _excluded);
+              rest = (0, _objectWithoutProperties2["default"])(action, _excluded);
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({}, rest), {}, {
               children: icon
             }), action.id || index);
@@ -94,7 +94,7 @@ var ModalContent = function ModalContent(props) {
         case 'dropdown':
           {
             var _componentType = action.componentType,
-              _rest = (0, _objectWithoutProperties2.default)(action, _excluded2);
+              _rest = (0, _objectWithoutProperties2["default"])(action, _excluded2);
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownButton, _objectSpread({
               type: 'icon',
               size: props.size
@@ -103,7 +103,7 @@ var ModalContent = function ModalContent(props) {
         case 'toggle':
           {
             var _componentType2 = action.componentType,
-              _rest2 = (0, _objectWithoutProperties2.default)(action, _excluded3);
+              _rest2 = (0, _objectWithoutProperties2["default"])(action, _excluded3);
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggles.ToggleButton, _objectSpread({}, _rest2));
           }
       }
@@ -111,7 +111,7 @@ var ModalContent = function ModalContent(props) {
   };
   var getLeftActionIconElement = function getLeftActionIconElement() {
     var _props$leftFooterActi, _props$leftFooterActi2;
-    return !!((_props$leftFooterActi = props.leftFooterAction) !== null && _props$leftFooterActi !== void 0 && _props$leftFooterActi.icon) && /*#__PURE__*/_react.default.cloneElement((_props$leftFooterActi2 = props.leftFooterAction) === null || _props$leftFooterActi2 === void 0 ? void 0 : _props$leftFooterActi2.icon, {
+    return !!((_props$leftFooterActi = props.leftFooterAction) !== null && _props$leftFooterActi !== void 0 && _props$leftFooterActi.icon) && /*#__PURE__*/_react["default"].cloneElement((_props$leftFooterActi2 = props.leftFooterAction) === null || _props$leftFooterActi2 === void 0 ? void 0 : _props$leftFooterActi2.icon, {
       size: props.size === _types.Size.Small ? '20px' : props.size === _types.Size.Large ? '28px' : '24px'
     });
   };
@@ -124,7 +124,7 @@ var ModalContent = function ModalContent(props) {
             text = _ref.text,
             variant = _ref.variant,
             action = _ref.action,
-            rest = (0, _objectWithoutProperties2.default)(_ref, _excluded4);
+            rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded4);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({}, rest), {}, {
             size: props.size,
             onClick: action,
@@ -138,7 +138,7 @@ var ModalContent = function ModalContent(props) {
             _text = _ref2.text,
             _variant = _ref2.variant,
             _action = _ref2.action,
-            _rest3 = (0, _objectWithoutProperties2.default)(_ref2, _excluded5);
+            _rest3 = (0, _objectWithoutProperties2["default"])(_ref2, _excluded5);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(FooterLeftLink, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HyperLink.HyperLink, _objectSpread(_objectSpread({}, _rest3), {}, {
               variant: _variant !== null && _variant !== void 0 ? _variant : 'default',
@@ -231,7 +231,7 @@ var ModalContent = function ModalContent(props) {
           children: (_props$footerActions = props.footerActions) === null || _props$footerActions === void 0 ? void 0 : _props$footerActions.map(function (item, index) {
             var action = item.action,
               text = item.text,
-              rest = (0, _objectWithoutProperties2.default)(item, _excluded6);
+              rest = (0, _objectWithoutProperties2["default"])(item, _excluded6);
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({}, rest), {}, {
               onClick: action,
               size: props.size,
@@ -247,17 +247,17 @@ var ModalContent = function ModalContent(props) {
   });
 };
 ModalContent.propTypes = {
-  isModalOpen: _propTypes.default.bool.isRequired,
-  closeAction: _propTypes.default.func.isRequired,
-  onBack: _propTypes.default.func,
-  title: _propTypes.default.string.isRequired,
-  note: _propTypes.default.string,
-  headerActions: _propTypes.default.array,
-  footerActions: _propTypes.default.array,
-  tooltip: _propTypes.default.string,
-  zIndex: _propTypes.default.number,
-  children: _propTypes.default.node
+  isModalOpen: _propTypes["default"].bool.isRequired,
+  closeAction: _propTypes["default"].func.isRequired,
+  onBack: _propTypes["default"].func,
+  title: _propTypes["default"].string.isRequired,
+  note: _propTypes["default"].string,
+  headerActions: _propTypes["default"].array,
+  footerActions: _propTypes["default"].array,
+  tooltip: _propTypes["default"].string,
+  zIndex: _propTypes["default"].number,
+  children: _propTypes["default"].node
 };
 var _default = ModalContent;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=ModalContent.cjs.map