@laerdal/life-react-components 3.4.3 → 3.5.1-uss.hackathon

package/dist/Modals/Modal.js

@@ -8,8 +8,8 @@ import { SystemIcons } from '../icons';
 import { COLORS } from '../styles';
 import { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';
 
-/**
- * Modal styles
+/**
+ * Modal styles
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 var Column = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n"])));

package/dist/Modals/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","styled","IconButton","SystemIcons","COLORS","ModalHeader","ModalBody","ModalFooter","Column","div","StyledButton","ModalCloseButton","onClick","black","Modal","children","Header","Body","Footer"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '../Button';\nimport { SystemIcons } from '../icons';\nimport { COLORS } from '../styles';\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\n\n/**\n * Modal styles\n */\nconst Column = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n`;\n\nconst StyledButton = styled(IconButton)`\n  display: flex;\n`;\n\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\n  return (\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\n      <SystemIcons.Close size=\"24px\" color={COLORS.black} />\n    </StyledButton>\n  );\n};\n\ntype ModalProps = {\n  children: any;\n};\n\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\n\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\n\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\n\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\n\nexport default Modal;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,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,GAAGP,MAAM,CAACQ,GAAG,kKAKxB;AAED,IAAMC,YAAY,GAAGT,MAAM,CAACC,UAAU,CAAC,2FAEtC;AAED,OAAO,IAAMS,gBAAkE,GAAG,SAArEA,gBAAkE,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC1F,oBACE,KAAC,YAAY;IAAC,OAAO,EAAC,WAAW;IAAC,KAAK,EAAC,QAAQ;IAAC,MAAM,EAAEA,OAAQ;IAAA,uBAC/D,KAAC,WAAW,CAAC,KAAK;MAAC,IAAI,EAAC,MAAM;MAAC,KAAK,EAAER,MAAM,CAACS;IAAM;EAAG,EACzC;AAEnB,CAAC;AAMD,IAAMC,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","IconButton","SystemIcons","COLORS","ModalHeader","ModalBody","ModalFooter","Column","div","StyledButton","ModalCloseButton","onClick","black","Modal","children","Header","Body","Footer"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled 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  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.black} />\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,MAAM,mBAAmB;AACtC,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,GAAGP,MAAM,CAACQ,GAAG,kKAKxB;AAED,IAAMC,YAAY,GAAGT,MAAM,CAACC,UAAU,CAAC,2FAEtC;AAED,OAAO,IAAMS,gBAAkE,GAAG,SAArEA,gBAAkE,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC1F,oBACE,KAAC,YAAY;IAAC,OAAO,EAAC,WAAW;IAAC,KAAK,EAAC,QAAQ;IAAC,MAAM,EAAEA,OAAQ;IAAA,uBAC/D,KAAC,WAAW,CAAC,KAAK;MAAC,IAAI,EAAC,MAAM;MAAC,KAAK,EAAER,MAAM,CAACS;IAAM;EAAG,EACzC;AAEnB,CAAC;AAMD,IAAMC,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"}

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';\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\ntype ModalContainerState = {\r\n  scroll: number;\r\n};\r\n\r\nclass ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {\r\n  private static openInstances = 0;\r\n\r\n  componentDidMount() {\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.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 (this.props.showModal) {\r\n      this.preventScroll(window.scrollY);\r\n    }\r\n  }\r\n\r\n  getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): { scroll: number } {\r\n    return {scroll: window.scrollY};\r\n  }\r\n\r\n  componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: { scroll: number }) {\r\n    if (this.props.showModal && !prevProps.showModal) {\r\n      this.preventScroll(snapshot!.scroll);\r\n    }\r\n    if (!this.props.showModal && prevProps.showModal) {\r\n      this.resetScroll();\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    if (this.props.showModal) {\r\n      this.resetScroll();\r\n    }\r\n  }\r\n\r\n  render() {\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    } = this.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\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                  appElement={document.getElementById('root') || undefined}>\r\n        {children}\r\n      </ReactModal>\r\n    );\r\n  }\r\n\r\n  private preventScroll(offset: number) {\r\n    if (!ModalContainer.openInstances) {\r\n      this.setState({scroll: 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    ModalContainer.openInstances++\r\n  }\r\n\r\n  private resetScroll() {\r\n    ModalContainer.openInstances--;\r\n    if (!ModalContainer.openInstances) {\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      this.state.scroll && window.scrollTo(0, this.state.scroll);\r\n      this.setState({scroll: 0});\r\n    }\r\n  }\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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"}

package/dist/Modals/ModalContainer.d.ts

@@ -1,32 +1,32 @@
-import * as React from 'react';
-type ModalContainerProps = {
-    id?: string;
-    showModal: boolean;
-    closeModal: () => void;
-    children: any;
-    height?: any;
-    width?: any;
-    overflow?: string;
-    padding?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    zIndex?: number;
-};
-type ModalContainerState = {
-    scroll: number;
-};
-declare class ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {
-    private static openInstances;
-    componentDidMount(): void;
-    getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): {
-        scroll: number;
-    };
-    componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: {
-        scroll: number;
-    }): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private preventScroll;
-    private resetScroll;
-}
-export default ModalContainer;
+import * as React from 'react';
+type ModalContainerProps = {
+    id?: string;
+    showModal: boolean;
+    closeModal: () => void;
+    children: any;
+    height?: any;
+    width?: any;
+    overflow?: string;
+    padding?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    zIndex?: number;
+};
+type ModalContainerState = {
+    scroll: number;
+};
+declare class ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {
+    private static openInstances;
+    componentDidMount(): void;
+    getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): {
+        scroll: number;
+    };
+    componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: {
+        scroll: number;
+    }): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private preventScroll;
+    private resetScroll;
+}
+export default ModalContainer;

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';\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\ntype ModalContainerState = {\r\n  scroll: number;\r\n};\r\n\r\nclass ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {\r\n  private static openInstances = 0;\r\n\r\n  componentDidMount() {\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.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 (this.props.showModal) {\r\n      this.preventScroll(window.scrollY);\r\n    }\r\n  }\r\n\r\n  getSnapshotBeforeUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>): { scroll: number } {\r\n    return {scroll: window.scrollY};\r\n  }\r\n\r\n  componentDidUpdate(prevProps: Readonly<ModalContainerProps>, prevState: Readonly<ModalContainerState>, snapshot?: { scroll: number }) {\r\n    if (this.props.showModal && !prevProps.showModal) {\r\n      this.preventScroll(snapshot!.scroll);\r\n    }\r\n    if (!this.props.showModal && prevProps.showModal) {\r\n      this.resetScroll();\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    if (this.props.showModal) {\r\n      this.resetScroll();\r\n    }\r\n  }\r\n\r\n  render() {\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    } = this.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\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                  appElement={document.getElementById('root') || undefined}>\r\n        {children}\r\n      </ReactModal>\r\n    );\r\n  }\r\n\r\n  private preventScroll(offset: number) {\r\n    if (!ModalContainer.openInstances) {\r\n      this.setState({scroll: 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    ModalContainer.openInstances++\r\n  }\r\n\r\n  private resetScroll() {\r\n    ModalContainer.openInstances--;\r\n    if (!ModalContainer.openInstances) {\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      this.state.scroll && window.scrollTo(0, this.state.scroll);\r\n      this.setState({scroll: 0});\r\n    }\r\n  }\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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"}

package/dist/Modals/ModalContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.cjs","names":["HeaderText","styled","div","HeaderTitle","ComponentMStyling","ComponentTextStyle","Bold","COLORS","black","HeaderActions","HeaderWithImageActions","HeaderWithImage","Header","TooltipContainer","Content","scrollBarStyling","Size","Small","FooterLeftContainer","FooterLeftNote","ComponentXXSStyling","neutral_600","FooterLeftLink","ComponentSStyling","primary_500","FooterRightContainer","Footer","Wrapper","ComponentLStyling","ComponentXSStyling","ComponentXLStyling","ModalContent","props","tooltip","XSmall","cursor","headerActions","map","action","index","componentType","icon","rest","id","size","getLeftActionIconElement","leftFooterAction","React","cloneElement","Large","actionType","text","variant","e","preventDefault","isModalOpen","closeAction","Medium","image","onBack","title","note","children","footerActions","item","a","key","zIndex"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport {\n  ButtonAction,\n  ModalHeaderIconButton,\n  LeftFooterAction,\n  LeftFooterButton,\n  LeftFooterHyperlink,\n  ModalHeaderButtons\n} from './ModalTypes';\nimport {ModalContainer} from './index';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling, ComponentSStyling,\n  ComponentTextStyle, ComponentXLStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling, Note,\n  scrollBarStyling\n} from '../styles';\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\nimport {Button, IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\nimport {HyperLink} from '../HyperLink';\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\nimport {DropdownButton} from \"../Dropdown\";\nimport {ToggleButton} from \"../Toggles\";\nimport {ImageWithFallbacks} from \"../Image\";\n\nconst HeaderText = styled.div`\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`;\nconst HeaderTitle = styled.div`\n  ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\n`;\n\nconst HeaderActions = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst HeaderWithImageActions = styled.div`\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`;\n\nconst HeaderWithImage = styled.div`\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`;\n\nconst Header = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ${TooltipContainer} {\n    height: max-content;\n  }\n`;\n\nconst Content = styled.div`\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: auto;\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst FooterLeftContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst FooterLeftNote = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ${ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n`;\n\nconst FooterLeftLink = styled.div`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n`;\n\nconst FooterRightContainer = styled.div`\n  gap: 8px;\n  margin-left: auto;\n`\n\nconst Footer = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n`;\n\n\nconst Wrapper = styled.div`\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    ${Header} {\n      padding: 12px 12px 4px 12px;\n\n      ${HeaderText} {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ${HeaderTitle} {\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n        }\n      }\n    }\n\n    ${Content} {\n      padding: 0 16px 0 24px;\n    }\n\n    ${Footer} {\n      padding: 12px 24px 20px 24px;\n\n      ${FooterLeftNote} {\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n        gap: 6px;\n      }\n\n      ${FooterLeftLink} {\n        a {\n          gap: 6px;\n        }\n\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      }\n\n      ${FooterRightContainer} {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ${Header} {\n      padding: 20px 20px 4px 20px;\n\n      ${HeaderText} {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ${HeaderTitle} {\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\n        }\n      }\n    }\n\n    ${Content} {\n      padding: 0 24px 0 32px;\n    }\n\n    ${Footer} {\n      padding: 16px 32px 32px 32px;\n\n      ${FooterLeftNote} {\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n        gap: 8px;\n      }\n\n      ${FooterLeftLink} {\n        a {\n          gap: 8px;\n        }\n\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n      }\n\n      ${FooterRightContainer} {\n        gap: 16px;\n      }\n    }\n  }\n`;\n\n\ninterface ModalContentProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  isModalOpen: boolean;\n  closeAction: () => void;\n  onBack?: () => void;\n  title: string;\n  note?: string;\n  image?: ImageWithFallbacksProps;\n  headerActions?: ModalHeaderButtons[];\n  footerActions?: ButtonAction[];\n  leftFooterAction?: LeftFooterAction;\n  tooltip?: string;\n  zIndex?: number;\n  children?: React.ReactNode;\n}\n\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\n\n  const tooltip = () =>\n    !!props.tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\n                    label={props.tooltip}>\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\n      }}>\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n  const headerActions = () => props.headerActions?.map((action, index) => {\n      switch (action.componentType) {\n        case 'icon': {\n          const {icon, componentType, ...rest} = action;\n          return <IconButton key={action.id || index}\n                             {...rest}>\n            {icon}\n          </IconButton>\n        }\n        case 'dropdown': {\n          const {componentType, ...rest} = action;\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\n        }\n        case 'toggle': {\n          const {componentType, ...rest} = action;\n          return <ToggleButton  {...rest}/>\n        }\n      }\n    }\n  );\n\n  const getLeftActionIconElement = () =>\n    !!props.leftFooterAction?.icon &&\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\n      size:\n        props.size === Size.Small\n          ? '20px'\n          : props.size === Size.Large\n            ? '28px'\n            : '24px'\n    });\n\n  const leftFooterAction = () => {\n    if (!props.leftFooterAction) return null;\n\n    switch (props.leftFooterAction.actionType) {\n      case 'button': {\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\n        return (\n          <Button{...rest}\n                 size={props.size}\n                 onClick={action}\n                 variant={variant ?? 'secondary'}>\n            {text}\n          </Button>\n        );\n      }\n      case 'hyperlink': {\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\n        return (\n          <FooterLeftLink>\n            <HyperLink {...rest}\n                       variant={variant ?? 'default'}\n                       onClick={(e) => {\n                         if (action) {\n                           e.preventDefault();\n                           action(e);\n                         }\n                       }}>\n              {text}\n              {getLeftActionIconElement()}\n            </HyperLink>\n          </FooterLeftLink>\n        );\n\n      }\n      case 'note': {\n        const {text} = props.leftFooterAction;\n        return (\n          <FooterLeftNote>\n            {getLeftActionIconElement()}\n            <span>{text}</span>\n          </FooterLeftNote>\n        );\n      }\n    }\n  };\n\n\n  return (\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\n      <Wrapper className={props.size ?? Size.Medium}>\n        {\n          props.image &&\n          <HeaderWithImage>\n            <ImageWithFallbacks {...props.image}/>\n            <HeaderWithImageActions>\n              {\n                props.onBack &&\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\n                  <SystemIcons.ArrowLineLeft/>\n                </IconButton>\n\n              }\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\n                          variant=\"secondary\"\n                          shape=\"circular\"\n                          action={props.closeAction}>\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\n              </IconButton>\n            </HeaderWithImageActions>\n\n            <Header>\n              <HeaderText>\n                <HeaderTitle>{props.title}</HeaderTitle>\n                {!!props.note && <Note>{props.note}</Note>}\n              </HeaderText>\n              <HeaderActions>\n                {tooltip()}\n                {headerActions()}\n              </HeaderActions>\n            </Header>\n          </HeaderWithImage>\n        }\n        {\n          !props.image &&\n          <Header>\n            {\n              props.onBack &&\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\n                <SystemIcons.ArrowLineLeft/>\n              </IconButton>\n            }\n            <HeaderText>\n              <HeaderTitle>{props.title}</HeaderTitle>\n              {!!props.note && <Note>{props.note}</Note>}\n            </HeaderText>\n            <HeaderActions>\n              {tooltip()}\n              {headerActions()}\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\n                          variant=\"secondary\"\n                          shape=\"circular\"\n                          action={props.closeAction}>\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\n              </IconButton>\n            </HeaderActions>\n          </Header>\n        }\n        <Content>\n          {props.children}\n        </Content>\n        <Footer>\n          <FooterLeftContainer>\n            {leftFooterAction()}\n          </FooterLeftContainer>\n          <FooterRightContainer>\n            {props.footerActions?.map((item, index) => {\n                const {action, text, ...rest} = item;\n                return <Button key={rest.id || index}\n                               {...rest}\n                               onClick={action}\n                               size={props.size}\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\n                  {text}\n                </Button>\n              }\n            )}\n          </FooterRightContainer>\n        </Footer>\n      </Wrapper>\n    </ModalContainer>\n  );\n};\n\nexport default ModalContent;\n"],"mappings":"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"}
+{"version":3,"file":"ModalContent.cjs","names":["HeaderText","styled","div","HeaderTitle","ComponentMStyling","ComponentTextStyle","Bold","COLORS","black","HeaderActions","HeaderWithImageActions","HeaderWithImage","Header","TooltipContainer","Content","scrollBarStyling","Size","Small","FooterLeftContainer","FooterLeftNote","ComponentXXSStyling","neutral_600","FooterLeftLink","ComponentSStyling","primary_500","FooterRightContainer","Footer","Wrapper","ComponentLStyling","ComponentXSStyling","ComponentXLStyling","ModalContent","props","tooltip","XSmall","cursor","headerActions","map","action","index","componentType","icon","rest","id","size","getLeftActionIconElement","leftFooterAction","React","cloneElement","Large","actionType","text","variant","e","preventDefault","isModalOpen","closeAction","Medium","image","onBack","title","note","children","footerActions","item","a","key","zIndex"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Header = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nconst Content = styled.div`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: auto;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst FooterLeftContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst FooterLeftNote = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\nconst FooterLeftLink = styled.div`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${Header} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${Header} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\ninterface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <FooterLeftLink>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </FooterLeftLink>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <FooterLeftNote>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </FooterLeftNote>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <Header>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </Header>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <Header>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </Header>\r\n        }\r\n        <Content>\r\n          {props.children}\r\n        </Content>\r\n        <Footer>\r\n          <FooterLeftContainer>\r\n            {leftFooterAction()}\r\n          </FooterLeftContainer>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </Footer>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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"}

package/dist/Modals/ModalContent.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-import { Size } from '../types';
-import { ButtonAction, LeftFooterAction, ModalHeaderButtons } from './ModalTypes';
-import { ImageWithFallbacksProps } from "../Image/ImageWithFallbacks";
-interface ModalContentProps {
-    size?: Size.Small | Size.Medium | Size.Large;
-    isModalOpen: boolean;
-    closeAction: () => void;
-    onBack?: () => void;
-    title: string;
-    note?: string;
-    image?: ImageWithFallbacksProps;
-    headerActions?: ModalHeaderButtons[];
-    footerActions?: ButtonAction[];
-    leftFooterAction?: LeftFooterAction;
-    tooltip?: string;
-    zIndex?: number;
-    children?: React.ReactNode;
-}
-declare const ModalContent: React.FC<ModalContentProps>;
-export default ModalContent;
+import React from 'react';
+import { Size } from '../types';
+import { ButtonAction, LeftFooterAction, ModalHeaderButtons } from './ModalTypes';
+import { ImageWithFallbacksProps } from "../Image/ImageWithFallbacks";
+interface ModalContentProps {
+    size?: Size.Small | Size.Medium | Size.Large;
+    isModalOpen: boolean;
+    closeAction: () => void;
+    onBack?: () => void;
+    title: string;
+    note?: string;
+    image?: ImageWithFallbacksProps;
+    headerActions?: ModalHeaderButtons[];
+    footerActions?: ButtonAction[];
+    leftFooterAction?: LeftFooterAction;
+    tooltip?: string;
+    zIndex?: number;
+    children?: React.ReactNode;
+}
+declare const ModalContent: React.FC<ModalContentProps>;
+export default ModalContent;

package/dist/Modals/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","HeaderText","div","HeaderTitle","Bold","black","HeaderActions","HeaderWithImageActions","HeaderWithImage","Header","Content","Small","FooterLeftContainer","FooterLeftNote","neutral_600","FooterLeftLink","primary_500","FooterRightContainer","Footer","Wrapper","ModalContent","props","tooltip","XSmall","cursor","headerActions","map","action","index","componentType","icon","rest","id","size","getLeftActionIconElement","leftFooterAction","cloneElement","Large","actionType","text","variant","e","preventDefault","isModalOpen","closeAction","Medium","image","onBack","title","note","children","footerActions","item","a","key","zIndex"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport {\n  ButtonAction,\n  ModalHeaderIconButton,\n  LeftFooterAction,\n  LeftFooterButton,\n  LeftFooterHyperlink,\n  ModalHeaderButtons\n} from './ModalTypes';\nimport {ModalContainer} from './index';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling, ComponentSStyling,\n  ComponentTextStyle, ComponentXLStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling, Note,\n  scrollBarStyling\n} from '../styles';\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\nimport {Button, IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\nimport {HyperLink} from '../HyperLink';\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\nimport {DropdownButton} from \"../Dropdown\";\nimport {ToggleButton} from \"../Toggles\";\nimport {ImageWithFallbacks} from \"../Image\";\n\nconst HeaderText = styled.div`\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`;\nconst HeaderTitle = styled.div`\n  ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\n`;\n\nconst HeaderActions = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst HeaderWithImageActions = styled.div`\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`;\n\nconst HeaderWithImage = styled.div`\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`;\n\nconst Header = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ${TooltipContainer} {\n    height: max-content;\n  }\n`;\n\nconst Content = styled.div`\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: auto;\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst FooterLeftContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst FooterLeftNote = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ${ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n`;\n\nconst FooterLeftLink = styled.div`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n`;\n\nconst FooterRightContainer = styled.div`\n  gap: 8px;\n  margin-left: auto;\n`\n\nconst Footer = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n`;\n\n\nconst Wrapper = styled.div`\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    ${Header} {\n      padding: 12px 12px 4px 12px;\n\n      ${HeaderText} {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ${HeaderTitle} {\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n        }\n      }\n    }\n\n    ${Content} {\n      padding: 0 16px 0 24px;\n    }\n\n    ${Footer} {\n      padding: 12px 24px 20px 24px;\n\n      ${FooterLeftNote} {\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n        gap: 6px;\n      }\n\n      ${FooterLeftLink} {\n        a {\n          gap: 6px;\n        }\n\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      }\n\n      ${FooterRightContainer} {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ${Header} {\n      padding: 20px 20px 4px 20px;\n\n      ${HeaderText} {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ${HeaderTitle} {\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\n        }\n      }\n    }\n\n    ${Content} {\n      padding: 0 24px 0 32px;\n    }\n\n    ${Footer} {\n      padding: 16px 32px 32px 32px;\n\n      ${FooterLeftNote} {\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n        gap: 8px;\n      }\n\n      ${FooterLeftLink} {\n        a {\n          gap: 8px;\n        }\n\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n      }\n\n      ${FooterRightContainer} {\n        gap: 16px;\n      }\n    }\n  }\n`;\n\n\ninterface ModalContentProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  isModalOpen: boolean;\n  closeAction: () => void;\n  onBack?: () => void;\n  title: string;\n  note?: string;\n  image?: ImageWithFallbacksProps;\n  headerActions?: ModalHeaderButtons[];\n  footerActions?: ButtonAction[];\n  leftFooterAction?: LeftFooterAction;\n  tooltip?: string;\n  zIndex?: number;\n  children?: React.ReactNode;\n}\n\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\n\n  const tooltip = () =>\n    !!props.tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\n                    label={props.tooltip}>\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\n      }}>\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n  const headerActions = () => props.headerActions?.map((action, index) => {\n      switch (action.componentType) {\n        case 'icon': {\n          const {icon, componentType, ...rest} = action;\n          return <IconButton key={action.id || index}\n                             {...rest}>\n            {icon}\n          </IconButton>\n        }\n        case 'dropdown': {\n          const {componentType, ...rest} = action;\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\n        }\n        case 'toggle': {\n          const {componentType, ...rest} = action;\n          return <ToggleButton  {...rest}/>\n        }\n      }\n    }\n  );\n\n  const getLeftActionIconElement = () =>\n    !!props.leftFooterAction?.icon &&\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\n      size:\n        props.size === Size.Small\n          ? '20px'\n          : props.size === Size.Large\n            ? '28px'\n            : '24px'\n    });\n\n  const leftFooterAction = () => {\n    if (!props.leftFooterAction) return null;\n\n    switch (props.leftFooterAction.actionType) {\n      case 'button': {\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\n        return (\n          <Button{...rest}\n                 size={props.size}\n                 onClick={action}\n                 variant={variant ?? 'secondary'}>\n            {text}\n          </Button>\n        );\n      }\n      case 'hyperlink': {\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\n        return (\n          <FooterLeftLink>\n            <HyperLink {...rest}\n                       variant={variant ?? 'default'}\n                       onClick={(e) => {\n                         if (action) {\n                           e.preventDefault();\n                           action(e);\n                         }\n                       }}>\n              {text}\n              {getLeftActionIconElement()}\n            </HyperLink>\n          </FooterLeftLink>\n        );\n\n      }\n      case 'note': {\n        const {text} = props.leftFooterAction;\n        return (\n          <FooterLeftNote>\n            {getLeftActionIconElement()}\n            <span>{text}</span>\n          </FooterLeftNote>\n        );\n      }\n    }\n  };\n\n\n  return (\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\n      <Wrapper className={props.size ?? Size.Medium}>\n        {\n          props.image &&\n          <HeaderWithImage>\n            <ImageWithFallbacks {...props.image}/>\n            <HeaderWithImageActions>\n              {\n                props.onBack &&\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\n                  <SystemIcons.ArrowLineLeft/>\n                </IconButton>\n\n              }\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\n                          variant=\"secondary\"\n                          shape=\"circular\"\n                          action={props.closeAction}>\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\n              </IconButton>\n            </HeaderWithImageActions>\n\n            <Header>\n              <HeaderText>\n                <HeaderTitle>{props.title}</HeaderTitle>\n                {!!props.note && <Note>{props.note}</Note>}\n              </HeaderText>\n              <HeaderActions>\n                {tooltip()}\n                {headerActions()}\n              </HeaderActions>\n            </Header>\n          </HeaderWithImage>\n        }\n        {\n          !props.image &&\n          <Header>\n            {\n              props.onBack &&\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\n                <SystemIcons.ArrowLineLeft/>\n              </IconButton>\n            }\n            <HeaderText>\n              <HeaderTitle>{props.title}</HeaderTitle>\n              {!!props.note && <Note>{props.note}</Note>}\n            </HeaderText>\n            <HeaderActions>\n              {tooltip()}\n              {headerActions()}\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\n                          variant=\"secondary\"\n                          shape=\"circular\"\n                          action={props.closeAction}>\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\n              </IconButton>\n            </HeaderActions>\n          </Header>\n        }\n        <Content>\n          {props.children}\n        </Content>\n        <Footer>\n          <FooterLeftContainer>\n            {leftFooterAction()}\n          </FooterLeftContainer>\n          <FooterRightContainer>\n            {props.footerActions?.map((item, index) => {\n                const {action, text, ...rest} = item;\n                return <Button key={rest.id || index}\n                               {...rest}\n                               onClick={action}\n                               size={props.size}\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\n                  {text}\n                </Button>\n              }\n            )}\n          </FooterRightContainer>\n        </Footer>\n      </Wrapper>\n    </ModalContainer>\n  );\n};\n\nexport default ModalContent;\n"],"mappings":"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"}
+{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","HeaderText","div","HeaderTitle","Bold","black","HeaderActions","HeaderWithImageActions","HeaderWithImage","Header","Content","Small","FooterLeftContainer","FooterLeftNote","neutral_600","FooterLeftLink","primary_500","FooterRightContainer","Footer","Wrapper","ModalContent","props","tooltip","XSmall","cursor","headerActions","map","action","index","componentType","icon","rest","id","size","getLeftActionIconElement","leftFooterAction","cloneElement","Large","actionType","text","variant","e","preventDefault","isModalOpen","closeAction","Medium","image","onBack","title","note","children","footerActions","item","a","key","zIndex"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Header = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nconst Content = styled.div`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: auto;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst FooterLeftContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst FooterLeftNote = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\nconst FooterLeftLink = styled.div`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${Header} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${Header} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\ninterface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <FooterLeftLink>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </FooterLeftLink>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <FooterLeftNote>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </FooterLeftNote>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <Header>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </Header>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <Header>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </Header>\r\n        }\r\n        <Content>\r\n          {props.children}\r\n        </Content>\r\n        <Footer>\r\n          <FooterLeftContainer>\r\n            {leftFooterAction()}\r\n          </FooterLeftContainer>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </Footer>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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"}

package/dist/Modals/ModalDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.cjs","names":["ModalDialog","size","isModalOpen","closeModalAndClearInput","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","getMinWidth","Size","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","ComponentTextStyle","Bold","ModalTootip","XSmall","COLORS","neutral_600","ModalCloseButton","onClick","black","ModalBackButton","getLeftActionIconElement","React","cloneElement","LeftFooterAction","text","actionType","disabled","action","type","loading","variant","order","marginRight","href","e","preventDefault","display","flexDirection","maxHeight","loader","alt","fallbacks","src","map","b","i","id"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, IconButton } from '../Button';\nimport { SystemIcons } from '../icons';\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\nimport { Size } from '../types';\nimport ModalContainer from './ModalContainer';\nimport {\n  BackButtonWrapper,\n  CloseButtonWrapper,\n  Column,\n  FlexContainer,\n  ModalBody,\n  ModalFooter,\n  ModalHeaderActions,\n  ModalHeaderActionsWithImage,\n  ModalTitleSection,\n  StyledModalHeader,\n  ModalHoverModifier,\n  ImageOverlay,\n  ImageContainer,\n} from './ModalStyles';\n\nimport { ModalNote } from './ModalNote';\nimport { TooltipWrapper } from '../Tooltips';\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\nimport { HyperLink, ImageWithFallbacks } from '..';\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\n\ninterface NewModalProps {\n  size?: Size;\n  isModalOpen: boolean;\n  children?: React.ReactNode;\n  closeModalAndClearInput: any;\n  title?: string | React.ReactNode;\n  topImage?: any;\n  topImageWithFallbacksProps?: ImageWithFallbacksProps;\n  topImageGrayscale?: boolean;\n  buttons?: ButtonAction[];\n  leftFooterAction?: LeftFooterAction;\n  tooltip?: string;\n  backButton?: () => void;\n  closeAction: () => void;\n  submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\n  note?: string | React.ReactNode;\n  state?: string;\n  icon?: React.ReactNode;\n  zIndex?: number;\n  contentOverflow?: string;\n  width?: string;\n  hasContentBorders?: boolean;\n}\n\nexport const ModalDialog: React.FunctionComponent<NewModalProps> = ({\n  size,\n  isModalOpen,\n  closeModalAndClearInput,\n  title,\n  topImage,\n  topImageWithFallbacksProps,\n  topImageGrayscale,\n  buttons,\n  leftFooterAction,\n  backButton,\n  closeAction,\n  submitAction,\n  tooltip,\n  children,\n  note,\n  state,\n  icon,\n  zIndex,\n  contentOverflow,\n  width,\n  hasContentBorders,\n}) => {\n  const getMinWidth = () => {\n    switch (size) {\n      case Size.Small:\n        return '320px';\n      case Size.Large:\n        return '640px';\n      case Size.Medium:\n      default:\n        return '480px';\n    }\n  };\n\n  const getMaxWidth = () => {\n    switch (size) {\n      case Size.Small:\n        return '480px';\n      case Size.Large:\n        return '720px';\n      case Size.Medium:\n      default:\n        return '640px';\n    }\n  };\n\n  const getImageHeight = () => {\n    switch (size) {\n      case Size.Small:\n        return 160;\n      case Size.Medium:\n        return 200;\n      case Size.Large:\n        return 240;\n      default:\n        return 200;\n    }\n  };\n\n  const getMarginBottom = () => {\n    switch (size) {\n      case Size.Small:\n        return '16px';\n      case Size.Medium:\n        return '24px';\n      case Size.Large:\n        return '32px';\n      default:\n        return '24px';\n    }\n  };\n\n  const getPadding = () => {\n    switch (size) {\n      case Size.Small:\n        return '16px 16px 8px';\n      case Size.Medium:\n        return '24px 24px 20px';\n      case Size.Large:\n        return '32px';\n      default:\n        return '24px 24px 16px';\n    }\n  };\n\n  const getMaxHeight = () => {\n    switch (size) {\n      case Size.Small:\n        return 'calc(100vh - 56px)';\n      case Size.Medium:\n        return 'calc(100vh - 76px)';\n      case Size.Large:\n        return 'calc(100vh - 96px)';\n      default:\n        return 'calc(100vh - 72px)';\n    }\n  };\n\n  const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\n    if (typeof title === 'string') {\n      switch (size) {\n        case Size.Small:\n          return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\n        case Size.Medium:\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\n        case Size.Large:\n          return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\n        default:\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\n      }\n    } else {\n      return title;\n    }\n  };\n\n  const ModalTootip = (tooltip: string) => {\n    return (\n      <ModalHoverModifier>\n        <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\n            <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600} />\n          </IconButton>\n        </TooltipWrapper>\n      </ModalHoverModifier>\n    );\n  };\n\n  const ModalCloseButton = (onClick: any) => {\n    return (\n      <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\n        <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\n          <SystemIcons.Close size=\"24px\" color={COLORS.black} />\n        </IconButton>\n      </CloseButtonWrapper>\n    );\n  };\n\n  const ModalBackButton = () => {\n    if (backButton) {\n      return (\n        <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\n            <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.black} />\n          </IconButton>\n        </BackButtonWrapper>\n      );\n    }\n  };\n\n  const getLeftActionIconElement = (icon: React.ReactNode) => {\n    return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\n  };\n\n  const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\n    const { text, actionType, disabled, icon, action } = leftFooterAction;\n    switch (actionType) {\n      case 'button':\n        return (\n          <Button\n            id={'left-action-button'}\n            type={(leftFooterAction as LeftFooterButton)?.type}\n            disabled={disabled}\n            loading={(leftFooterAction as LeftFooterButton)?.loading}\n            icon={icon}\n            size={size}\n            onClick={action}\n            variant={(leftFooterAction as LeftFooterButton)?.variant ?? 'secondary'}\n            style={{ order: -1, marginRight: 'auto' }}>\n            {text}\n          </Button>\n        );\n      case 'hyperlink':\n        return (\n          <HyperLink\n            id=\"left-action-hyperlink\"\n            className=\"footer-action\"\n            href={(leftFooterAction as LeftFooterHyperlink).href}\n            disabled={disabled}\n            variant=\"default\"\n            onClick={(e) => {\n              if (action) {\n                e.preventDefault();\n                action(e);\n              }\n            }}>\n            {text}\n            {icon && getLeftActionIconElement(icon)}\n          </HyperLink>\n        );\n      case 'note':\n        return (\n          <div className=\"footer-action note\">\n            {icon && getLeftActionIconElement(icon)}\n            <span>{text}</span>\n          </div>\n        );\n    }\n  };\n\n  return (\n    <ModalContainer\n      showModal={isModalOpen}\n      closeModal={closeModalAndClearInput}\n      minWidth={getMinWidth()}\n      maxWidth={getMaxWidth()}\n      height=\"auto\"\n      padding={getPadding()}\n      zIndex={zIndex}\n      width={width}>\n      <Column>\n        <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\n          {(topImage || topImageWithFallbacksProps) && (\n            <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\n              <ImageContainer $height={getImageHeight()}>\n                {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\n                {topImage && <img src={topImage} alt=\"Modal top\" />}\n                {!topImage && topImageWithFallbacksProps && (\n                  <ImageWithFallbacks\n                    loader={topImageWithFallbacksProps.loader}\n                    alt={topImageWithFallbacksProps.alt}\n                    fallbacks={topImageWithFallbacksProps.fallbacks}\n                    src={topImageWithFallbacksProps.src}\n                  />\n                )}\n              </ImageContainer>\n              <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\n                {ModalBackButton()}\n                {ModalCloseButton(closeAction)}\n              </ModalHeaderActionsWithImage>\n            </StyledModalHeader>\n          )}\n          <ModalTitleSection>\n            <FlexContainer>\n              {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\n              {title && ModalTitle(title, size)}\n            </FlexContainer>\n            {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\n              <ModalHeaderActions>\n                {tooltip && ModalTootip(tooltip)}\n                {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\n              </ModalHeaderActions>\n            )}\n          </ModalTitleSection>\n\n          <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\n            {children}\n          </ModalBody>\n\n          {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\n\n          <ModalFooter size={size}>\n            {leftFooterAction && LeftFooterAction(leftFooterAction)}\n            {buttons?.map((b, i) => (\n              <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\n                {b.text}\n              </Button>\n            ))}\n          </ModalFooter>\n        </form>\n      </Column>\n    </ModalContainer>\n  );\n};\n\nexport default ModalDialog;\n"],"mappings":"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"}
+{"version":3,"file":"ModalDialog.cjs","names":["ModalDialog","size","isModalOpen","closeModalAndClearInput","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","getMinWidth","Size","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","ComponentTextStyle","Bold","ModalTootip","XSmall","COLORS","neutral_600","ModalCloseButton","onClick","black","ModalBackButton","getLeftActionIconElement","React","cloneElement","LeftFooterAction","text","actionType","disabled","action","type","loading","variant","order","marginRight","href","e","preventDefault","display","flexDirection","maxHeight","loader","alt","fallbacks","src","map","b","i","id"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\r\nimport { Size } from '../types';\r\nimport ModalContainer from './ModalContainer';\r\nimport {\r\n  BackButtonWrapper,\r\n  CloseButtonWrapper,\r\n  Column,\r\n  FlexContainer,\r\n  ModalBody,\r\n  ModalFooter,\r\n  ModalHeaderActions,\r\n  ModalHeaderActionsWithImage,\r\n  ModalTitleSection,\r\n  StyledModalHeader,\r\n  ModalHoverModifier,\r\n  ImageOverlay,\r\n  ImageContainer,\r\n} from './ModalStyles';\r\n\r\nimport { ModalNote } from './ModalNote';\r\nimport { TooltipWrapper } from '../Tooltips';\r\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\r\nimport { HyperLink, ImageWithFallbacks } from '..';\r\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\r\n\r\ninterface NewModalProps {\r\n  size?: Size;\r\n  isModalOpen: boolean;\r\n  children?: React.ReactNode;\r\n  closeModalAndClearInput: any;\r\n  title?: string | React.ReactNode;\r\n  topImage?: any;\r\n  topImageWithFallbacksProps?: ImageWithFallbacksProps;\r\n  topImageGrayscale?: boolean;\r\n  buttons?: ButtonAction[];\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  backButton?: () => void;\r\n  closeAction: () => void;\r\n  submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\r\n  note?: string | React.ReactNode;\r\n  state?: string;\r\n  icon?: React.ReactNode;\r\n  zIndex?: number;\r\n  contentOverflow?: string;\r\n  width?: string;\r\n  hasContentBorders?: boolean;\r\n}\r\n\r\nexport const ModalDialog: React.FunctionComponent<NewModalProps> = ({\r\n  size,\r\n  isModalOpen,\r\n  closeModalAndClearInput,\r\n  title,\r\n  topImage,\r\n  topImageWithFallbacksProps,\r\n  topImageGrayscale,\r\n  buttons,\r\n  leftFooterAction,\r\n  backButton,\r\n  closeAction,\r\n  submitAction,\r\n  tooltip,\r\n  children,\r\n  note,\r\n  state,\r\n  icon,\r\n  zIndex,\r\n  contentOverflow,\r\n  width,\r\n  hasContentBorders,\r\n}) => {\r\n  const getMinWidth = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '320px';\r\n      case Size.Large:\r\n        return '640px';\r\n      case Size.Medium:\r\n      default:\r\n        return '480px';\r\n    }\r\n  };\r\n\r\n  const getMaxWidth = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '480px';\r\n      case Size.Large:\r\n        return '720px';\r\n      case Size.Medium:\r\n      default:\r\n        return '640px';\r\n    }\r\n  };\r\n\r\n  const getImageHeight = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return 160;\r\n      case Size.Medium:\r\n        return 200;\r\n      case Size.Large:\r\n        return 240;\r\n      default:\r\n        return 200;\r\n    }\r\n  };\r\n\r\n  const getMarginBottom = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '16px';\r\n      case Size.Medium:\r\n        return '24px';\r\n      case Size.Large:\r\n        return '32px';\r\n      default:\r\n        return '24px';\r\n    }\r\n  };\r\n\r\n  const getPadding = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '16px 16px 8px';\r\n      case Size.Medium:\r\n        return '24px 24px 20px';\r\n      case Size.Large:\r\n        return '32px';\r\n      default:\r\n        return '24px 24px 16px';\r\n    }\r\n  };\r\n\r\n  const getMaxHeight = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return 'calc(100vh - 56px)';\r\n      case Size.Medium:\r\n        return 'calc(100vh - 76px)';\r\n      case Size.Large:\r\n        return 'calc(100vh - 96px)';\r\n      default:\r\n        return 'calc(100vh - 72px)';\r\n    }\r\n  };\r\n\r\n  const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\r\n    if (typeof title === 'string') {\r\n      switch (size) {\r\n        case Size.Small:\r\n          return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\r\n        case Size.Medium:\r\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n        case Size.Large:\r\n          return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\r\n        default:\r\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n      }\r\n    } else {\r\n      return title;\r\n    }\r\n  };\r\n\r\n  const ModalTootip = (tooltip: string) => {\r\n    return (\r\n      <ModalHoverModifier>\r\n        <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\r\n            <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600} />\r\n          </IconButton>\r\n        </TooltipWrapper>\r\n      </ModalHoverModifier>\r\n    );\r\n  };\r\n\r\n  const ModalCloseButton = (onClick: any) => {\r\n    return (\r\n      <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\r\n          <SystemIcons.Close size=\"24px\" color={COLORS.black} />\r\n        </IconButton>\r\n      </CloseButtonWrapper>\r\n    );\r\n  };\r\n\r\n  const ModalBackButton = () => {\r\n    if (backButton) {\r\n      return (\r\n        <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\r\n            <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.black} />\r\n          </IconButton>\r\n        </BackButtonWrapper>\r\n      );\r\n    }\r\n  };\r\n\r\n  const getLeftActionIconElement = (icon: React.ReactNode) => {\r\n    return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\r\n  };\r\n\r\n  const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\r\n    const { text, actionType, disabled, icon, action } = leftFooterAction;\r\n    switch (actionType) {\r\n      case 'button':\r\n        return (\r\n          <Button\r\n            id={'left-action-button'}\r\n            type={(leftFooterAction as LeftFooterButton)?.type}\r\n            disabled={disabled}\r\n            loading={(leftFooterAction as LeftFooterButton)?.loading}\r\n            icon={icon}\r\n            size={size}\r\n            onClick={action}\r\n            variant={(leftFooterAction as LeftFooterButton)?.variant ?? 'secondary'}\r\n            style={{ order: -1, marginRight: 'auto' }}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      case 'hyperlink':\r\n        return (\r\n          <HyperLink\r\n            id=\"left-action-hyperlink\"\r\n            className=\"footer-action\"\r\n            href={(leftFooterAction as LeftFooterHyperlink).href}\r\n            disabled={disabled}\r\n            variant=\"default\"\r\n            onClick={(e) => {\r\n              if (action) {\r\n                e.preventDefault();\r\n                action(e);\r\n              }\r\n            }}>\r\n            {text}\r\n            {icon && getLeftActionIconElement(icon)}\r\n          </HyperLink>\r\n        );\r\n      case 'note':\r\n        return (\r\n          <div className=\"footer-action note\">\r\n            {icon && getLeftActionIconElement(icon)}\r\n            <span>{text}</span>\r\n          </div>\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <ModalContainer\r\n      showModal={isModalOpen}\r\n      closeModal={closeModalAndClearInput}\r\n      minWidth={getMinWidth()}\r\n      maxWidth={getMaxWidth()}\r\n      height=\"auto\"\r\n      padding={getPadding()}\r\n      zIndex={zIndex}\r\n      width={width}>\r\n      <Column>\r\n        <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\r\n          {(topImage || topImageWithFallbacksProps) && (\r\n            <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\r\n              <ImageContainer $height={getImageHeight()}>\r\n                {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\r\n                {topImage && <img src={topImage} alt=\"Modal top\" />}\r\n                {!topImage && topImageWithFallbacksProps && (\r\n                  <ImageWithFallbacks\r\n                    loader={topImageWithFallbacksProps.loader}\r\n                    alt={topImageWithFallbacksProps.alt}\r\n                    fallbacks={topImageWithFallbacksProps.fallbacks}\r\n                    src={topImageWithFallbacksProps.src}\r\n                  />\r\n                )}\r\n              </ImageContainer>\r\n              <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\r\n                {ModalBackButton()}\r\n                {ModalCloseButton(closeAction)}\r\n              </ModalHeaderActionsWithImage>\r\n            </StyledModalHeader>\r\n          )}\r\n          <ModalTitleSection>\r\n            <FlexContainer>\r\n              {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\r\n              {title && ModalTitle(title, size)}\r\n            </FlexContainer>\r\n            {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\r\n              <ModalHeaderActions>\r\n                {tooltip && ModalTootip(tooltip)}\r\n                {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\r\n              </ModalHeaderActions>\r\n            )}\r\n          </ModalTitleSection>\r\n\r\n          <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\r\n            {children}\r\n          </ModalBody>\r\n\r\n          {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\r\n\r\n          <ModalFooter size={size}>\r\n            {leftFooterAction && LeftFooterAction(leftFooterAction)}\r\n            {buttons?.map((b, i) => (\r\n              <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\r\n                {b.text}\r\n              </Button>\r\n            ))}\r\n          </ModalFooter>\r\n        </form>\r\n      </Column>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalDialog;\r\n"],"mappings":"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"}