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

package/dist/Modals/ModalDialog.js

@@ -13,119 +13,96 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ModalDialog = function ModalDialog(_ref) {
   var size = _ref.size,
-      isModalOpen = _ref.isModalOpen,
-      closeModalAndClearInput = _ref.closeModalAndClearInput,
-      title = _ref.title,
-      topImage = _ref.topImage,
-      topImageWithFallbacksProps = _ref.topImageWithFallbacksProps,
-      topImageGrayscale = _ref.topImageGrayscale,
-      buttons = _ref.buttons,
-      leftFooterAction = _ref.leftFooterAction,
-      backButton = _ref.backButton,
-      closeAction = _ref.closeAction,
-      submitAction = _ref.submitAction,
-      tooltip = _ref.tooltip,
-      children = _ref.children,
-      note = _ref.note,
-      state = _ref.state,
-      icon = _ref.icon,
-      zIndex = _ref.zIndex,
-      contentOverflow = _ref.contentOverflow,
-      width = _ref.width,
-      hasContentBorders = _ref.hasContentBorders;
-
+    isModalOpen = _ref.isModalOpen,
+    closeModalAndClearInput = _ref.closeModalAndClearInput,
+    title = _ref.title,
+    topImage = _ref.topImage,
+    topImageWithFallbacksProps = _ref.topImageWithFallbacksProps,
+    topImageGrayscale = _ref.topImageGrayscale,
+    buttons = _ref.buttons,
+    leftFooterAction = _ref.leftFooterAction,
+    backButton = _ref.backButton,
+    closeAction = _ref.closeAction,
+    submitAction = _ref.submitAction,
+    tooltip = _ref.tooltip,
+    children = _ref.children,
+    note = _ref.note,
+    state = _ref.state,
+    icon = _ref.icon,
+    zIndex = _ref.zIndex,
+    contentOverflow = _ref.contentOverflow,
+    width = _ref.width,
+    hasContentBorders = _ref.hasContentBorders;
   var getMinWidth = function getMinWidth() {
     switch (size) {
       case Size.Small:
         return '320px';
-
       case Size.Large:
         return '640px';
-
       case Size.Medium:
       default:
         return '480px';
     }
   };
-
   var getMaxWidth = function getMaxWidth() {
     switch (size) {
       case Size.Small:
         return '480px';
-
       case Size.Large:
         return '720px';
-
       case Size.Medium:
       default:
         return '640px';
     }
   };
-
   var getImageHeight = function getImageHeight() {
     switch (size) {
       case Size.Small:
         return 160;
-
       case Size.Medium:
         return 200;
-
       case Size.Large:
         return 240;
-
       default:
         return 200;
     }
   };
-
   var getMarginBottom = function getMarginBottom() {
     switch (size) {
       case Size.Small:
         return '16px';
-
       case Size.Medium:
         return '24px';
-
       case Size.Large:
         return '32px';
-
       default:
         return '24px';
     }
   };
-
   var getPadding = function getPadding() {
     switch (size) {
       case Size.Small:
         return '16px 16px 8px';
-
       case Size.Medium:
         return '24px 24px 20px';
-
       case Size.Large:
         return '32px';
-
       default:
         return '24px 24px 16px';
     }
   };
-
   var getMaxHeight = function getMaxHeight() {
     switch (size) {
       case Size.Small:
         return 'calc(100vh - 56px)';
-
       case Size.Medium:
         return 'calc(100vh - 76px)';
-
       case Size.Large:
         return 'calc(100vh - 96px)';
-
       default:
         return 'calc(100vh - 72px)';
     }
   };
-
   var ModalTitle = function ModalTitle(title, size) {
     if (typeof title === 'string') {
       switch (size) {
@@ -134,19 +111,16 @@ export var ModalDialog = function ModalDialog(_ref) {
             textStyle: ComponentTextStyle.Bold,
             children: title
           });
-
         case Size.Medium:
           return /*#__PURE__*/_jsx(ComponentL, {
             textStyle: ComponentTextStyle.Bold,
             children: title
           });
-
         case Size.Large:
           return /*#__PURE__*/_jsx(ComponentXL, {
             textStyle: ComponentTextStyle.Bold,
             children: title
           });
-
         default:
           return /*#__PURE__*/_jsx(ComponentL, {
             textStyle: ComponentTextStyle.Bold,
@@ -157,7 +131,6 @@ export var ModalDialog = function ModalDialog(_ref) {
       return title;
     }
   };
-
   var ModalTootip = function ModalTootip(tooltip) {
     return /*#__PURE__*/_jsx(ModalHoverModifier, {
       children: /*#__PURE__*/_jsx(TooltipWrapper, {
@@ -179,7 +152,6 @@ export var ModalDialog = function ModalDialog(_ref) {
       })
     });
   };
-
   var ModalCloseButton = function ModalCloseButton(onClick) {
     return /*#__PURE__*/_jsx(CloseButtonWrapper, {
       hasImage: !!topImage || !!topImageWithFallbacksProps,
@@ -198,7 +170,6 @@ export var ModalDialog = function ModalDialog(_ref) {
       })
     });
   };
-
   var ModalBackButton = function ModalBackButton() {
     if (backButton) {
       return /*#__PURE__*/_jsx(BackButtonWrapper, {
@@ -219,22 +190,18 @@ export var ModalDialog = function ModalDialog(_ref) {
       });
     }
   };
-
   var getLeftActionIconElement = function getLeftActionIconElement(icon) {
     return /*#__PURE__*/React.cloneElement(icon, {
       size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px'
     });
   };
-
   var LeftFooterAction = function LeftFooterAction(leftFooterAction) {
     var _variant;
-
     var text = leftFooterAction.text,
-        actionType = leftFooterAction.actionType,
-        disabled = leftFooterAction.disabled,
-        icon = leftFooterAction.icon,
-        action = leftFooterAction.action;
-
+      actionType = leftFooterAction.actionType,
+      disabled = leftFooterAction.disabled,
+      icon = leftFooterAction.icon,
+      action = leftFooterAction.action;
     switch (actionType) {
       case 'button':
         return /*#__PURE__*/_jsx(Button, {
@@ -252,7 +219,6 @@ export var ModalDialog = function ModalDialog(_ref) {
           },
           children: text
         });
-
       case 'hyperlink':
         return /*#__PURE__*/_jsxs(HyperLink, {
           id: "left-action-hyperlink",
@@ -268,7 +234,6 @@ export var ModalDialog = function ModalDialog(_ref) {
           },
           children: [icon && getLeftActionIconElement(icon), text]
         });
-
       case 'note':
         return /*#__PURE__*/_jsxs("div", {
           className: "footer-action note",
@@ -278,7 +243,6 @@ export var ModalDialog = function ModalDialog(_ref) {
         });
     }
   };
-
   return /*#__PURE__*/_jsx(ModalContainer, {
     showModal: isModalOpen,
     closeModal: closeModalAndClearInput,

package/dist/Modals/ModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.js","names":["React","Button","IconButton","ArrowLineLeft","Close","Help","COLORS","ComponentL","ComponentM","ComponentTextStyle","ComponentXL","Size","ModalContainer","BackButtonWrapper","CloseButtonWrapper","Column","FlexContainer","ModalBody","ModalFooter","ModalHeaderActions","ModalHeaderActionsWithImage","ModalTitleSection","StyledModalHeader","ModalHoverModifier","ImageOverlay","ImageContainer","ModalNote","TooltipWrapper","HyperLink","ImageWithFallbacks","ModalDialog","size","isModalOpen","closeModalAndClearInput","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","getMinWidth","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","Bold","ModalTootip","XSmall","neutral_600","ModalCloseButton","onClick","black","ModalBackButton","getLeftActionIconElement","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 { ArrowLineLeft, Close, Help } from '../icons/systemicons/SystemIcons';\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            <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          <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            <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            {icon && getLeftActionIconElement(icon)}\n            {text}\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.js","names":["React","Button","IconButton","ArrowLineLeft","Close","Help","COLORS","ComponentL","ComponentM","ComponentTextStyle","ComponentXL","Size","ModalContainer","BackButtonWrapper","CloseButtonWrapper","Column","FlexContainer","ModalBody","ModalFooter","ModalHeaderActions","ModalHeaderActionsWithImage","ModalTitleSection","StyledModalHeader","ModalHoverModifier","ImageOverlay","ImageContainer","ModalNote","TooltipWrapper","HyperLink","ImageWithFallbacks","ModalDialog","size","isModalOpen","closeModalAndClearInput","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","getMinWidth","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","Bold","ModalTootip","XSmall","neutral_600","ModalCloseButton","onClick","black","ModalBackButton","getLeftActionIconElement","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 { ArrowLineLeft, Close, Help } from '../icons/systemicons/SystemIcons';\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            <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          <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            <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            {icon && getLeftActionIconElement(icon)}\n            {text}\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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"}

package/dist/Modals/ModalNote.cjs

@@ -1,38 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ModalNote = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _ = require("..");
-
 var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
 var _ModalStyles = require("./ModalStyles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ModalNote = function ModalNote(_ref) {
   var note = _ref.note,
-      icon = _ref.icon,
-      size = _ref.size,
-      _ref$state = _ref.state,
-      state = _ref$state === void 0 ? 'neutral' : _ref$state;
+    icon = _ref.icon,
+    size = _ref.size,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'neutral' : _ref$state;
   var stateVal = state.toLowerCase();
-
   switch (stateVal) {
     case 'positive':
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalStyles.ModalNoteSection, {
@@ -44,7 +32,6 @@ var ModalNote = function ModalNote(_ref) {
           children: note
         })]
       });
-
     case 'warning':
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalStyles.ModalNoteSection, {
         state: stateVal,
@@ -55,7 +42,6 @@ var ModalNote = function ModalNote(_ref) {
           children: note
         })]
       });
-
     case 'critical':
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalStyles.ModalNoteSection, {
         state: stateVal,
@@ -66,7 +52,6 @@ var ModalNote = function ModalNote(_ref) {
           children: note
         })]
       });
-
     default:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalStyles.ModalNoteSection, {
         state: stateVal,
@@ -80,7 +65,6 @@ var ModalNote = function ModalNote(_ref) {
       });
   }
 };
-
 exports.ModalNote = ModalNote;
 ModalNote.propTypes = {
   note: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,

package/dist/Modals/ModalNote.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalNote.cjs","names":["ModalNote","note","icon","size","state","stateVal","toLowerCase","COLORS","correct_500","warning_500","primary_500"],"sources":["../../src/Modals/ModalNote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '..';\nimport { CheckMark, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\nimport { ModalNoteSection } from './ModalStyles';\n\ninterface NoteProps {\n  note: string | React.ReactNode;\n  icon?: React.ReactNode;\n  state?: string;\n  size?: string;\n}\n\nexport const ModalNote: React.FunctionComponent<NoteProps> = ({ note, icon, size, state = 'neutral' }) => {\n  const stateVal = state.toLowerCase();\n\n  switch (stateVal) {\n    case 'positive':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <CheckMark color={COLORS.correct_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'warning':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'critical':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    default:\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <Information color={COLORS.primary_500} className={size} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n  }\n};\n\nexport default ModalNote;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AASO,IAAMA,SAA6C,GAAG,SAAhDA,SAAgD,OAA6C;EAAA,IAA1CC,IAA0C,QAA1CA,IAA0C;EAAA,IAApCC,IAAoC,QAApCA,IAAoC;EAAA,IAA9BC,IAA8B,QAA9BA,IAA8B;EAAA,sBAAxBC,KAAwB;EAAA,IAAxBA,KAAwB,2BAAhB,SAAgB;EACxG,IAAMC,QAAQ,GAAGD,KAAK,CAACE,WAAN,EAAjB;;EAEA,QAAQD,QAAR;IACE,KAAK,UAAL;MACE,oBACE,sBAAC,6BAAD;QAAkB,KAAK,EAAEA,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,qBAAC,sBAAD;UAAW,KAAK,EAAEK,QAAA,CAAOC;QAAzB,EADjB,eAEE;UAAA,UAAOP;QAAP,EAFF;MAAA,EADF;;IAOF,KAAK,SAAL;MACE,oBACE,sBAAC,6BAAD;QAAkB,KAAK,EAAEI,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,qBAAC,6BAAD;UAAkB,KAAK,EAAEK,QAAA,CAAOE;QAAhC,EADjB,eAEE;UAAA,UAAOR;QAAP,EAFF;MAAA,EADF;;IAOF,KAAK,UAAL;MACE,oBACE,sBAAC,6BAAD;QAAkB,KAAK,EAAEI,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,qBAAC,6BAAD;UAAkB,KAAK,EAAEK,QAAA,CAAOE;QAAhC,EADjB,eAEE;UAAA,UAAOR;QAAP,EAFF;MAAA,EADF;;IAOF;MACE,oBACE,sBAAC,6BAAD;QAAkB,KAAK,EAAEI,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,qBAAC,wBAAD;UAAa,KAAK,EAAEK,QAAA,CAAOG,WAA3B;UAAwC,SAAS,EAAEP;QAAnD,EADjB,eAEE;UAAA,UAAOF;QAAP,EAFF;MAAA,EADF;EA1BJ;AAiCD,CApCM;;;;EANLA,I;EACAC,I;EACAE,K;EACAD,I;;eAyCaH,S"}
+{"version":3,"file":"ModalNote.cjs","names":["ModalNote","note","icon","size","state","stateVal","toLowerCase","COLORS","correct_500","warning_500","primary_500"],"sources":["../../src/Modals/ModalNote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '..';\nimport { CheckMark, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\nimport { ModalNoteSection } from './ModalStyles';\n\ninterface NoteProps {\n  note: string | React.ReactNode;\n  icon?: React.ReactNode;\n  state?: string;\n  size?: string;\n}\n\nexport const ModalNote: React.FunctionComponent<NoteProps> = ({ note, icon, size, state = 'neutral' }) => {\n  const stateVal = state.toLowerCase();\n\n  switch (stateVal) {\n    case 'positive':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <CheckMark color={COLORS.correct_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'warning':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'critical':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    default:\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <Information color={COLORS.primary_500} className={size} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n  }\n};\n\nexport default ModalNote;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAAiD;AAAA;AAAA;AAS1C,IAAMA,SAA6C,GAAG,SAAhDA,SAA6C,OAAgD;EAAA,IAA1CC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,SAAS;EACjG,IAAMC,QAAQ,GAAGD,KAAK,CAACE,WAAW,EAAE;EAEpC,QAAQD,QAAQ;IACd,KAAK,UAAU;MACb,oBACE,sBAAC,6BAAgB;QAAC,KAAK,EAAEA,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,qBAAC,sBAAS;UAAC,KAAK,EAAEK,QAAM,CAACC;QAAY,EAAG,eACvD;UAAA,UAAOP;QAAI,EAAQ;MAAA,EACF;IAGvB,KAAK,SAAS;MACZ,oBACE,sBAAC,6BAAgB;QAAC,KAAK,EAAEI,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,qBAAC,6BAAgB;UAAC,KAAK,EAAEK,QAAM,CAACE;QAAY,EAAG,eAC9D;UAAA,UAAOR;QAAI,EAAQ;MAAA,EACF;IAGvB,KAAK,UAAU;MACb,oBACE,sBAAC,6BAAgB;QAAC,KAAK,EAAEI,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,qBAAC,6BAAgB;UAAC,KAAK,EAAEK,QAAM,CAACE;QAAY,EAAG,eAC9D;UAAA,UAAOR;QAAI,EAAQ;MAAA,EACF;IAGvB;MACE,oBACE,sBAAC,6BAAgB;QAAC,KAAK,EAAEI,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,qBAAC,wBAAW;UAAC,KAAK,EAAEK,QAAM,CAACG,WAAY;UAAC,SAAS,EAAEP;QAAK,EAAG,eAC1E;UAAA,UAAOF;QAAI,EAAQ;MAAA,EACF;EACnB;AAER,CAAC;AAAC;AAAA;EA1CAA,IAAI;EACJC,IAAI;EACJE,KAAK;EACLD,IAAI;AAAA;AAAA,eAyCSH,SAAS;AAAA"}

package/dist/Modals/ModalNote.js

@@ -7,12 +7,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ModalNote = function ModalNote(_ref) {
   var note = _ref.note,
-      icon = _ref.icon,
-      size = _ref.size,
-      _ref$state = _ref.state,
-      state = _ref$state === void 0 ? 'neutral' : _ref$state;
+    icon = _ref.icon,
+    size = _ref.size,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'neutral' : _ref$state;
   var stateVal = state.toLowerCase();
-
   switch (stateVal) {
     case 'positive':
       return /*#__PURE__*/_jsxs(ModalNoteSection, {
@@ -24,7 +23,6 @@ export var ModalNote = function ModalNote(_ref) {
           children: note
         })]
       });
-
     case 'warning':
       return /*#__PURE__*/_jsxs(ModalNoteSection, {
         state: stateVal,
@@ -35,7 +33,6 @@ export var ModalNote = function ModalNote(_ref) {
           children: note
         })]
       });
-
     case 'critical':
       return /*#__PURE__*/_jsxs(ModalNoteSection, {
         state: stateVal,
@@ -46,7 +43,6 @@ export var ModalNote = function ModalNote(_ref) {
           children: note
         })]
       });
-
     default:
       return /*#__PURE__*/_jsxs(ModalNoteSection, {
         state: stateVal,

package/dist/Modals/ModalNote.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalNote.js","names":["React","COLORS","CheckMark","Information","TechnicalWarning","ModalNoteSection","ModalNote","note","icon","size","state","stateVal","toLowerCase","correct_500","warning_500","primary_500"],"sources":["../../src/Modals/ModalNote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '..';\nimport { CheckMark, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\nimport { ModalNoteSection } from './ModalStyles';\n\ninterface NoteProps {\n  note: string | React.ReactNode;\n  icon?: React.ReactNode;\n  state?: string;\n  size?: string;\n}\n\nexport const ModalNote: React.FunctionComponent<NoteProps> = ({ note, icon, size, state = 'neutral' }) => {\n  const stateVal = state.toLowerCase();\n\n  switch (stateVal) {\n    case 'positive':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <CheckMark color={COLORS.correct_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'warning':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'critical':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    default:\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <Information color={COLORS.primary_500} className={size} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n  }\n};\n\nexport default ModalNote;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT,QAAuB,IAAvB;AACA,SAASC,SAAT,EAAoBC,WAApB,EAAiCC,gBAAjC,QAAyD,kCAAzD;AACA,SAASC,gBAAT,QAAiC,eAAjC;;;AASA,OAAO,IAAMC,SAA6C,GAAG,SAAhDA,SAAgD,OAA6C;EAAA,IAA1CC,IAA0C,QAA1CA,IAA0C;EAAA,IAApCC,IAAoC,QAApCA,IAAoC;EAAA,IAA9BC,IAA8B,QAA9BA,IAA8B;EAAA,sBAAxBC,KAAwB;EAAA,IAAxBA,KAAwB,2BAAhB,SAAgB;EACxG,IAAMC,QAAQ,GAAGD,KAAK,CAACE,WAAN,EAAjB;;EAEA,QAAQD,QAAR;IACE,KAAK,UAAL;MACE,oBACE,MAAC,gBAAD;QAAkB,KAAK,EAAEA,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,KAAC,SAAD;UAAW,KAAK,EAAEP,MAAM,CAACY;QAAzB,EADjB,eAEE;UAAA,UAAON;QAAP,EAFF;MAAA,EADF;;IAOF,KAAK,SAAL;MACE,oBACE,MAAC,gBAAD;QAAkB,KAAK,EAAEI,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,KAAC,gBAAD;UAAkB,KAAK,EAAEP,MAAM,CAACa;QAAhC,EADjB,eAEE;UAAA,UAAOP;QAAP,EAFF;MAAA,EADF;;IAOF,KAAK,UAAL;MACE,oBACE,MAAC,gBAAD;QAAkB,KAAK,EAAEI,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,KAAC,gBAAD;UAAkB,KAAK,EAAEP,MAAM,CAACa;QAAhC,EADjB,eAEE;UAAA,UAAOP;QAAP,EAFF;MAAA,EADF;;IAOF;MACE,oBACE,MAAC,gBAAD;QAAkB,KAAK,EAAEI,QAAzB;QAAmC,IAAI,EAAEF,IAAzC;QAAA,WACGD,IAAI,GAAGA,IAAH,gBAAU,KAAC,WAAD;UAAa,KAAK,EAAEP,MAAM,CAACc,WAA3B;UAAwC,SAAS,EAAEN;QAAnD,EADjB,eAEE;UAAA,UAAOF;QAAP,EAFF;MAAA,EADF;EA1BJ;AAiCD,CApCM;;EANLA,I;EACAC,I;EACAE,K;EACAD,I;;AAyCF,eAAeH,SAAf"}
+{"version":3,"file":"ModalNote.js","names":["React","COLORS","CheckMark","Information","TechnicalWarning","ModalNoteSection","ModalNote","note","icon","size","state","stateVal","toLowerCase","correct_500","warning_500","primary_500"],"sources":["../../src/Modals/ModalNote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '..';\nimport { CheckMark, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\nimport { ModalNoteSection } from './ModalStyles';\n\ninterface NoteProps {\n  note: string | React.ReactNode;\n  icon?: React.ReactNode;\n  state?: string;\n  size?: string;\n}\n\nexport const ModalNote: React.FunctionComponent<NoteProps> = ({ note, icon, size, state = 'neutral' }) => {\n  const stateVal = state.toLowerCase();\n\n  switch (stateVal) {\n    case 'positive':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <CheckMark color={COLORS.correct_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'warning':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    case 'critical':\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <TechnicalWarning color={COLORS.warning_500} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n\n    default:\n      return (\n        <ModalNoteSection state={stateVal} size={size}>\n          {icon ? icon : <Information color={COLORS.primary_500} className={size} />}\n          <span>{note}</span>\n        </ModalNoteSection>\n      );\n  }\n};\n\nexport default ModalNote;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,IAAI;AAC3B,SAASC,SAAS,EAAEC,WAAW,EAAEC,gBAAgB,QAAQ,kCAAkC;AAC3F,SAASC,gBAAgB,QAAQ,eAAe;AAAC;AAAA;AASjD,OAAO,IAAMC,SAA6C,GAAG,SAAhDA,SAA6C,OAAgD;EAAA,IAA1CC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,SAAS;EACjG,IAAMC,QAAQ,GAAGD,KAAK,CAACE,WAAW,EAAE;EAEpC,QAAQD,QAAQ;IACd,KAAK,UAAU;MACb,oBACE,MAAC,gBAAgB;QAAC,KAAK,EAAEA,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,KAAC,SAAS;UAAC,KAAK,EAAEP,MAAM,CAACY;QAAY,EAAG,eACvD;UAAA,UAAON;QAAI,EAAQ;MAAA,EACF;IAGvB,KAAK,SAAS;MACZ,oBACE,MAAC,gBAAgB;QAAC,KAAK,EAAEI,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,KAAC,gBAAgB;UAAC,KAAK,EAAEP,MAAM,CAACa;QAAY,EAAG,eAC9D;UAAA,UAAOP;QAAI,EAAQ;MAAA,EACF;IAGvB,KAAK,UAAU;MACb,oBACE,MAAC,gBAAgB;QAAC,KAAK,EAAEI,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,KAAC,gBAAgB;UAAC,KAAK,EAAEP,MAAM,CAACa;QAAY,EAAG,eAC9D;UAAA,UAAOP;QAAI,EAAQ;MAAA,EACF;IAGvB;MACE,oBACE,MAAC,gBAAgB;QAAC,KAAK,EAAEI,QAAS;QAAC,IAAI,EAAEF,IAAK;QAAA,WAC3CD,IAAI,GAAGA,IAAI,gBAAG,KAAC,WAAW;UAAC,KAAK,EAAEP,MAAM,CAACc,WAAY;UAAC,SAAS,EAAEN;QAAK,EAAG,eAC1E;UAAA,UAAOF;QAAI,EAAQ;MAAA,EACF;EACnB;AAER,CAAC;AAAC;EA1CAA,IAAI;EACJC,IAAI;EACJE,KAAK;EACLD,IAAI;AAAA;AAyCN,eAAeH,SAAS"}