@laerdal/life-react-components 5.0.9 → 5.1.1

package/dist/Modals/ModalContent.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _excluded = ["icon", "componentType"],
+const _excluded = ["icon", "componentType"],
   _excluded2 = ["componentType"],
   _excluded3 = ["componentType"],
   _excluded4 = ["text", "variant", "action"],
@@ -23,62 +23,53 @@ import { HyperLink } from '../HyperLink';
 import { DropdownButton } from "../Dropdown";
 import { ToggleButton } from "../Toggles";
 import { ImageWithFallbacks } from "../Image";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var HeaderText = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 12px 0 12px 12px;\n  gap: 4px;\n\n  &:not(:first-child) {\n    padding-left: 0 !important;\n  }\n\n"])));
-var HeaderTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
-  return ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme));
-});
-var HeaderActions = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"])));
-var HeaderWithImageActions = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: absolute;\n\n  button:only-child {\n    margin-left: auto;\n  }\n\n  top: 4px;\n  left: 4px;\n  right: 4px;\n\n  .medium & {\n    top: 12px;\n    left: 12px;\n    right: 12px;\n  }\n\n  .large & {\n    top: 20px;\n    left: 20px;\n    right: 20px;\n  }\n"])));
-var HeaderWithImage = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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"])));
-export var ModalContentHeaderComponent = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ", " {\n    height: max-content;\n  }\n"])), TooltipContainer);
-export var ModalContentBodyComponent = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: ", ";\n\n  ", "\n"])), function (props) {
-  return props.$scrollable ? 'auto' : 'visible';
-}, scrollBarStyling(Size.Small));
-var ModalContentFooterLeftContainerComponent = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-var ModalContentFooterLeftNoteComponent = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), function (props) {
-  return ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
-});
-var ModalContentFooterLeftLinkComponent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), function (props) {
-  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme));
-});
-var FooterRightContainer = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  gap: 8px;\n  margin-left: auto;\n"])));
-export var ModalContentFooterComponent = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n"])));
-var Wrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: max-content;\n\n  max-height: calc(100vh - 32px);\n  max-width: calc(100vw - 32px);\n\n  &.medium {\n    max-height: calc(100vh - 64px);\n    max-width: calc(100vw - 64px);\n\n    ", " {\n      padding: 12px 12px 4px 12px;\n\n      ", " {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 16px 0 24px;\n    }\n\n    ", " {\n      padding: 12px 24px 20px 24px;\n\n      ", " {\n        ", "\n        gap: 6px;\n      }\n\n      ", " {\n        a {\n          gap: 6px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ", " {\n      padding: 20px 20px 4px 20px;\n\n      ", " {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 24px 0 32px;\n    }\n\n    ", " {\n      padding: 16px 32px 32px 32px;\n\n      ", " {\n        ", "\n        gap: 8px;\n      }\n\n      ", " {\n        a {\n          gap: 8px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 16px;\n      }\n    }\n  }\n"])), ModalContentHeaderComponent, HeaderText, HeaderTitle, ComponentLStyling(ComponentTextStyle.Bold, null), ModalContentBodyComponent, ModalContentFooterComponent, ModalContentFooterLeftNoteComponent, ComponentXSStyling(ComponentTextStyle.Bold, null), ModalContentFooterLeftLinkComponent, ComponentMStyling(ComponentTextStyle.Bold, null), FooterRightContainer, ModalContentHeaderComponent, HeaderText, HeaderTitle, ComponentXLStyling(ComponentTextStyle.Bold, null), ModalContentBodyComponent, ModalContentFooterComponent, ModalContentFooterLeftNoteComponent, ComponentSStyling(ComponentTextStyle.Bold, null), ModalContentFooterLeftLinkComponent, ComponentLStyling(ComponentTextStyle.Bold, null), FooterRightContainer);
-var ModalContent = function ModalContent(props) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HeaderText = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])));
+const HeaderTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme)));
+const HeaderActions = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"])));
+const HeaderWithImageActions = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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"])));
+const HeaderWithImage = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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"])));
+export const ModalContentHeaderComponent = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ", " {\n    height: max-content;\n  }\n"])), TooltipContainer);
+export const ModalContentBodyComponent = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: ", ";\n\n  ", "\n"])), props => props.$scrollable ? 'auto' : 'visible', scrollBarStyling(Size.Small));
+const ModalContentFooterLeftContainerComponent = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+const ModalContentFooterLeftNoteComponent = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)));
+const ModalContentFooterLeftLinkComponent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme)));
+const FooterRightContainer = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  gap: 8px;\n  margin-left: auto;\n"])));
+export const ModalContentFooterComponent = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n"])));
+const Wrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: max-content;\n\n  max-height: calc(100vh - 32px);\n  max-width: calc(100vw - 32px);\n\n  &.medium {\n    max-height: calc(100vh - 64px);\n    max-width: calc(100vw - 64px);\n\n    ", " {\n      padding: 12px 12px 4px 12px;\n\n      ", " {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 16px 0 24px;\n    }\n\n    ", " {\n      padding: 12px 24px 20px 24px;\n\n      ", " {\n        ", "\n        gap: 6px;\n      }\n\n      ", " {\n        a {\n          gap: 6px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ", " {\n      padding: 20px 20px 4px 20px;\n\n      ", " {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 24px 0 32px;\n    }\n\n    ", " {\n      padding: 16px 32px 32px 32px;\n\n      ", " {\n        ", "\n        gap: 8px;\n      }\n\n      ", " {\n        a {\n          gap: 8px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 16px;\n      }\n    }\n  }\n"])), ModalContentHeaderComponent, HeaderText, HeaderTitle, ComponentLStyling(ComponentTextStyle.Bold, null), ModalContentBodyComponent, ModalContentFooterComponent, ModalContentFooterLeftNoteComponent, ComponentXSStyling(ComponentTextStyle.Bold, null), ModalContentFooterLeftLinkComponent, ComponentMStyling(ComponentTextStyle.Bold, null), FooterRightContainer, ModalContentHeaderComponent, HeaderText, HeaderTitle, ComponentXLStyling(ComponentTextStyle.Bold, null), ModalContentBodyComponent, ModalContentFooterComponent, ModalContentFooterLeftNoteComponent, ComponentSStyling(ComponentTextStyle.Bold, null), ModalContentFooterLeftLinkComponent, ComponentLStyling(ComponentTextStyle.Bold, null), FooterRightContainer);
+const ModalContent = props => {
   var _props$size, _props$footerActions;
-  var theme = useTheme();
-  var tooltip = function tooltip() {
-    return !!props.tooltip && /*#__PURE__*/_jsx(TooltipWrapper, {
-      delay: "0s",
-      size: Size.XSmall,
-      align: "center",
-      position: "bottom",
-      withArrow: false,
-      label: props.tooltip,
-      children: /*#__PURE__*/_jsx(IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        style: {
-          cursor: 'help'
-        },
-        action: function action() {},
-        children: /*#__PURE__*/_jsx(SystemIcons.Help, {
-          size: "24px",
-          color: COLORS.getColor('neutral_600', theme)
-        })
+  const theme = useTheme();
+  const tooltip = () => !!props.tooltip && /*#__PURE__*/_jsx(TooltipWrapper, {
+    delay: "0s",
+    size: Size.XSmall,
+    align: "center",
+    position: "bottom",
+    withArrow: false,
+    label: props.tooltip,
+    children: /*#__PURE__*/_jsx(IconButton, {
+      variant: "secondary",
+      shape: "circular",
+      style: {
+        cursor: 'help'
+      },
+      action: () => {},
+      children: /*#__PURE__*/_jsx(SystemIcons.Help, {
+        size: "24px",
+        color: COLORS.getColor('neutral_600', theme)
       })
-    });
-  };
-  var headerActions = function headerActions() {
+    })
+  });
+  const headerActions = () => {
     var _props$headerActions;
-    return (_props$headerActions = props.headerActions) === null || _props$headerActions === void 0 ? void 0 : _props$headerActions.map(function (action, index) {
+    return (_props$headerActions = props.headerActions) === null || _props$headerActions === void 0 ? void 0 : _props$headerActions.map((action, index) => {
       switch (action.componentType) {
         case 'icon':
           {
-            var icon = action.icon,
-              componentType = action.componentType,
+            const {
+                icon,
+                componentType
+              } = action,
               rest = _objectWithoutProperties(action, _excluded);
             return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({}, rest), {}, {
               children: icon
@@ -86,37 +77,43 @@ var ModalContent = function ModalContent(props) {
           }
         case 'dropdown':
           {
-            var _componentType = action.componentType,
-              _rest = _objectWithoutProperties(action, _excluded2);
+            const {
+                componentType
+              } = action,
+              rest = _objectWithoutProperties(action, _excluded2);
             return /*#__PURE__*/_jsx(DropdownButton, _objectSpread({
               type: 'icon',
               size: props.size
-            }, _rest));
+            }, rest));
           }
         case 'toggle':
           {
-            var _componentType2 = action.componentType,
-              _rest2 = _objectWithoutProperties(action, _excluded3);
-            return /*#__PURE__*/_jsx(ToggleButton, _objectSpread({}, _rest2));
+            const {
+                componentType
+              } = action,
+              rest = _objectWithoutProperties(action, _excluded3);
+            return /*#__PURE__*/_jsx(ToggleButton, _objectSpread({}, rest));
           }
       }
     });
   };
-  var getLeftActionIconElement = function getLeftActionIconElement() {
+  const getLeftActionIconElement = () => {
     var _props$leftFooterActi, _props$leftFooterActi2;
     return !!((_props$leftFooterActi = props.leftFooterAction) !== null && _props$leftFooterActi !== void 0 && _props$leftFooterActi.icon) && /*#__PURE__*/React.cloneElement((_props$leftFooterActi2 = props.leftFooterAction) === null || _props$leftFooterActi2 === void 0 ? void 0 : _props$leftFooterActi2.icon, {
       size: props.size === Size.Small ? '20px' : props.size === Size.Large ? '28px' : '24px'
     });
   };
-  var leftFooterAction = function leftFooterAction() {
+  const leftFooterAction = () => {
     if (!props.leftFooterAction) return null;
     switch (props.leftFooterAction.actionType) {
       case 'button':
         {
-          var _ref = props.leftFooterAction,
-            text = _ref.text,
-            variant = _ref.variant,
-            action = _ref.action,
+          const _ref = props.leftFooterAction,
+            {
+              text,
+              variant,
+              action
+            } = _ref,
             rest = _objectWithoutProperties(_ref, _excluded4);
           return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, rest), {}, {
             size: props.size,
@@ -127,31 +124,35 @@ var ModalContent = function ModalContent(props) {
         }
       case 'hyperlink':
         {
-          var _ref2 = props.leftFooterAction,
-            _text = _ref2.text,
-            _variant = _ref2.variant,
-            _action = _ref2.action,
-            actionType = _ref2.actionType,
-            _rest3 = _objectWithoutProperties(_ref2, _excluded5);
+          const _ref2 = props.leftFooterAction,
+            {
+              text,
+              variant,
+              action,
+              actionType
+            } = _ref2,
+            rest = _objectWithoutProperties(_ref2, _excluded5);
           return /*#__PURE__*/_jsx(ModalContentFooterLeftLinkComponent, {
-            children: /*#__PURE__*/_jsxs(HyperLink, _objectSpread(_objectSpread({}, _rest3), {}, {
-              variant: _variant !== null && _variant !== void 0 ? _variant : 'default',
-              onClick: function onClick(e) {
-                if (_action) {
+            children: /*#__PURE__*/_jsxs(HyperLink, _objectSpread(_objectSpread({}, rest), {}, {
+              variant: variant !== null && variant !== void 0 ? variant : 'default',
+              onClick: e => {
+                if (action) {
                   e.preventDefault();
-                  _action(e);
+                  action(e);
                 }
               },
-              children: [_text, getLeftActionIconElement()]
+              children: [text, getLeftActionIconElement()]
             }))
           });
         }
       case 'note':
         {
-          var _text2 = props.leftFooterAction.text;
+          const {
+            text
+          } = props.leftFooterAction;
           return /*#__PURE__*/_jsxs(ModalContentFooterLeftNoteComponent, {
             children: [getLeftActionIconElement(), /*#__PURE__*/_jsx("span", {
-              children: _text2
+              children: text
             })]
           });
         }
@@ -223,16 +224,16 @@ var ModalContent = function ModalContent(props) {
         children: [/*#__PURE__*/_jsx(ModalContentFooterLeftContainerComponent, {
           children: leftFooterAction()
         }), /*#__PURE__*/_jsx(FooterRightContainer, {
-          children: (_props$footerActions = props.footerActions) === null || _props$footerActions === void 0 ? void 0 : _props$footerActions.map(function (item, index) {
-            var action = item.action,
-              text = item.text,
+          children: (_props$footerActions = props.footerActions) === null || _props$footerActions === void 0 ? void 0 : _props$footerActions.map((item, index) => {
+            const {
+                action,
+                text
+              } = item,
               rest = _objectWithoutProperties(item, _excluded6);
             return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, rest), {}, {
               onClick: action,
               size: props.size,
-              onKeyDown: function onKeyDown(a) {
-                return (a.key === 'Enter' || a.key === ' ') && action(a);
-              },
+              onKeyDown: a => (a.key === 'Enter' || a.key === ' ') && action(a),
               children: text
             }), rest.id || index);
           })

package/dist/Modals/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","HeaderText","div","_templateObject","_taggedTemplateLiteral","HeaderTitle","_templateObject2","props","Bold","getColor","theme","HeaderActions","_templateObject3","HeaderWithImageActions","_templateObject4","HeaderWithImage","_templateObject5","ModalContentHeaderComponent","_templateObject6","ModalContentBodyComponent","_templateObject7","$scrollable","Small","ModalContentFooterLeftContainerComponent","_templateObject8","ModalContentFooterLeftNoteComponent","_templateObject9","ModalContentFooterLeftLinkComponent","_templateObject10","FooterRightContainer","_templateObject11","ModalContentFooterComponent","_templateObject12","Wrapper","_templateObject13","ModalContent","_props$size","_props$footerActions","tooltip","delay","size","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","headerActions","_props$headerActions","map","index","componentType","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","id","_excluded2","type","_excluded3","getLeftActionIconElement","_props$leftFooterActi","_props$leftFooterActi2","leftFooterAction","cloneElement","Large","actionType","_ref","text","_excluded4","onClick","_ref2","_excluded5","e","preventDefault","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","onBack","ArrowLineLeft","dataTestId","Close","title","note","scrollableBody","undefined","footerActions","item","_excluded6","onKeyDown","a","key","propTypes","_pt","bool","isRequired","func","string","array","zIndex","number","node"],"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, { useTheme } 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  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\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\nexport const ModalContentHeaderComponent = 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\nexport const ModalContentBodyComponent = styled.div<{$scrollable?: boolean}>`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: ${props => props.$scrollable ? 'auto' : 'visible'};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst ModalContentFooterLeftContainerComponent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst ModalContentFooterLeftNoteComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst ModalContentFooterLeftLinkComponent = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\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\nexport const ModalContentFooterComponent = 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    ${ModalContentHeaderComponent} {\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    ${ModalContentBodyComponent} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\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    ${ModalContentHeaderComponent} {\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    ${ModalContentBodyComponent} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\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\nexport interface 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  scrollableBody?: boolean;\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  const theme = useTheme();\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.getColor('neutral_600', theme)}/>\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, actionType, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <ModalContentFooterLeftLinkComponent>\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          </ModalContentFooterLeftLinkComponent>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <ModalContentFooterLeftNoteComponent>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </ModalContentFooterLeftNoteComponent>\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.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <ModalContentHeaderComponent>\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            </ModalContentHeaderComponent>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <ModalContentHeaderComponent>\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.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </ModalContentHeaderComponent>\r\n        }\r\n        <ModalContentBodyComponent $scrollable={props.scrollableBody == undefined ? true : props.scrollableBody}>\r\n          {props.children}\r\n        </ModalContentBodyComponent>\r\n        <ModalContentFooterComponent>\r\n          <ModalContentFooterLeftContainerComponent>\r\n            {leftFooterAction()}\r\n          </ModalContentFooterLeftContainerComponent>\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        </ModalContentFooterComponent>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","HeaderText","div","_templateObject","_taggedTemplateLiteral","HeaderTitle","_templateObject2","props","Bold","getColor","theme","HeaderActions","_templateObject3","HeaderWithImageActions","_templateObject4","HeaderWithImage","_templateObject5","ModalContentHeaderComponent","_templateObject6","ModalContentBodyComponent","_templateObject7","$scrollable","Small","ModalContentFooterLeftContainerComponent","_templateObject8","ModalContentFooterLeftNoteComponent","_templateObject9","ModalContentFooterLeftLinkComponent","_templateObject10","FooterRightContainer","_templateObject11","ModalContentFooterComponent","_templateObject12","Wrapper","_templateObject13","ModalContent","_props$size","_props$footerActions","tooltip","delay","size","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","headerActions","_props$headerActions","map","index","componentType","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","id","_excluded2","type","_excluded3","getLeftActionIconElement","_props$leftFooterActi","_props$leftFooterActi2","leftFooterAction","cloneElement","Large","actionType","_ref","text","_excluded4","onClick","_ref2","_excluded5","e","preventDefault","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","onBack","ArrowLineLeft","dataTestId","Close","title","note","scrollableBody","undefined","footerActions","item","_excluded6","onKeyDown","a","key","propTypes","_pt","bool","isRequired","func","string","array","zIndex","number","node"],"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, { useTheme } 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  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\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\nexport const ModalContentHeaderComponent = 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\nexport const ModalContentBodyComponent = styled.div<{$scrollable?: boolean}>`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: ${props => props.$scrollable ? 'auto' : 'visible'};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst ModalContentFooterLeftContainerComponent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst ModalContentFooterLeftNoteComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst ModalContentFooterLeftLinkComponent = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\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\nexport const ModalContentFooterComponent = 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    ${ModalContentHeaderComponent} {\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    ${ModalContentBodyComponent} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\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    ${ModalContentHeaderComponent} {\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    ${ModalContentBodyComponent} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\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\nexport interface 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  scrollableBody?: boolean;\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  const theme = useTheme();\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.getColor('neutral_600', theme)}/>\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, actionType, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <ModalContentFooterLeftLinkComponent>\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          </ModalContentFooterLeftLinkComponent>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <ModalContentFooterLeftNoteComponent>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </ModalContentFooterLeftNoteComponent>\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.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <ModalContentHeaderComponent>\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            </ModalContentHeaderComponent>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <ModalContentHeaderComponent>\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.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </ModalContentHeaderComponent>\r\n        }\r\n        <ModalContentBodyComponent $scrollable={props.scrollableBody == undefined ? true : props.scrollableBody}>\r\n          {props.children}\r\n        </ModalContentBodyComponent>\r\n        <ModalContentFooterComponent>\r\n          <ModalContentFooterLeftContainerComponent>\r\n            {leftFooterAction()}\r\n          </ModalContentFooterLeftContainerComponent>\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        </ModalContentFooterComponent>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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","ignoreList":[]}