@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

package/dist/umd/Modals/ModalDialog.js

@@ -1,350 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "../Button", "../icons/systemicons/SystemIcons", "../styles", "../types", "./ModalContainer", "./ModalStyles", "./ModalNote", "../Tooltips", ".."], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("../Button"), require("../icons/systemicons/SystemIcons"), require("../styles"), require("../types"), require("./ModalContainer"), require("./ModalStyles"), require("./ModalNote"), require("../Tooltips"), require(".."));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.Button, global.SystemIcons, global.styles, global.types, global.ModalContainer, global.ModalStyles, global.ModalNote, global.Tooltips, global._);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _Button, _SystemIcons, _styles, _types, _ModalContainer, _ModalStyles, _ModalNote, _Tooltips, _) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.ModalDialog = undefined;
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _ModalContainer2 = _interopRequireDefault(_ModalContainer);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const ModalDialog = exports.ModalDialog = ({
-    size,
-    isModalOpen,
-    closeModalAndClearInput,
-    title,
-    topImage,
-    buttons,
-    leftFooterAction,
-    backButton,
-    closeAction,
-    submitAction,
-    tooltip,
-    children,
-    note,
-    state
-  }) => {
-    const getMinWidth = () => {
-      switch (size) {
-        case _types.Size.Small:
-          return '320px';
-
-        case _types.Size.Large:
-          return '640px';
-
-        case _types.Size.Medium:
-        default:
-          return '480px';
-      }
-    };
-
-    const getMaxWidth = () => {
-      switch (size) {
-        case _types.Size.Small:
-          return '480px';
-
-        case _types.Size.Large:
-          return '720px';
-
-        case _types.Size.Medium:
-        default:
-          return '640px';
-      }
-    };
-
-    const getImageHeight = () => {
-      switch (size) {
-        case _types.Size.Small:
-          return 160;
-
-        case _types.Size.Medium:
-          return 200;
-
-        case _types.Size.Large:
-          return 240;
-
-        default:
-          return 200;
-      }
-    };
-
-    const getMarginBottom = () => {
-      switch (size) {
-        case _types.Size.Small:
-          return '16px';
-
-        case _types.Size.Medium:
-          return '24px';
-
-        case _types.Size.Large:
-          return '32px';
-
-        default:
-          return '24px';
-      }
-    };
-
-    const getPadding = () => {
-      switch (size) {
-        case _types.Size.Small:
-          return '16px 16px 8px';
-
-        case _types.Size.Medium:
-          return '24px 24px 20px';
-
-        case _types.Size.Large:
-          return '32px';
-
-        default:
-          return '24px 24px 16px';
-      }
-    };
-
-    const ModalTitle = (title, size) => {
-      switch (size) {
-        case _types.Size.Small:
-          return /*#__PURE__*/React.createElement(_styles.ComponentM, {
-            textStyle: _styles.ComponentTextStyle.Bold
-          }, title);
-
-        case _types.Size.Medium:
-          return /*#__PURE__*/React.createElement(_styles.ComponentL, {
-            textStyle: _styles.ComponentTextStyle.Bold
-          }, title);
-
-        case _types.Size.Large:
-          return /*#__PURE__*/React.createElement(_styles.ComponentXL, {
-            textStyle: _styles.ComponentTextStyle.Bold
-          }, title);
-
-        default:
-          return /*#__PURE__*/React.createElement(_styles.ComponentL, {
-            textStyle: _styles.ComponentTextStyle.Bold
-          }, title);
-      }
-    };
-
-    const ModalTootip = tooltip => {
-      return /*#__PURE__*/React.createElement(_ModalStyles.ModalHoverModifier, null, /*#__PURE__*/React.createElement(_Tooltips.TooltipWrapper, {
-        delay: "0s",
-        size: _types.Size.XSmall,
-        align: "center",
-        position: "top",
-        withArrow: false,
-        label: tooltip
-      }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        action: () => {}
-      }, /*#__PURE__*/React.createElement(_SystemIcons.Help, {
-        size: "24px",
-        color: _styles.COLORS.neutral_600
-      }))));
-    };
-
-    const ModalCloseButton = onClick => {
-      return /*#__PURE__*/React.createElement(_ModalStyles.CloseButtonWrapper, {
-        hasImage: !!topImage,
-        size: size
-      }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        action: () => onClick(),
-        borderRadius: 48
-      }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-        size: "24px",
-        color: _styles.COLORS.black
-      })));
-    };
-
-    const ModalBackButton = () => {
-      if (backButton) {
-        return /*#__PURE__*/React.createElement(_ModalStyles.BackButtonWrapper, {
-          hasImage: !!topImage,
-          size: size
-        }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-          variant: "secondary",
-          shape: "circular",
-          action: () => backButton(),
-          borderRadius: 48
-        }, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineLeft, {
-          size: "24px",
-          color: _styles.COLORS.black
-        })));
-      }
-    };
-
-    const getLeftActionIconElement = icon => {
-      return /*#__PURE__*/React.cloneElement(icon, {
-        size: size === _types.Size.Small ? '20px' : size === _types.Size.Large ? '28px' : '24px'
-      });
-    };
-
-    const LeftFooterAction = leftFooterAction => {
-      const {
-        text,
-        actionType,
-        disabled,
-        icon,
-        action
-      } = leftFooterAction;
-
-      switch (actionType) {
-        case 'button':
-          return /*#__PURE__*/React.createElement(_Button.Button, {
-            id: 'left-action-button',
-            type: leftFooterAction?.type,
-            disabled: disabled,
-            loading: leftFooterAction?.loading,
-            icon: icon,
-            size: size,
-            onClick: action,
-            variant: leftFooterAction?.variant ?? 'secondary',
-            style: {
-              order: -1,
-              marginRight: 'auto'
-            }
-          }, text);
-
-        case 'hyperlink':
-          return /*#__PURE__*/React.createElement(_.HyperLink, {
-            id: "left-action-hyperlink",
-            className: "footer-action",
-            href: leftFooterAction.href,
-            disabled: disabled,
-            variant: "default"
-          }, icon && getLeftActionIconElement(icon), text);
-
-        case 'note':
-          return /*#__PURE__*/React.createElement("div", {
-            className: "footer-action note"
-          }, icon && getLeftActionIconElement(icon), /*#__PURE__*/React.createElement("span", null, text));
-      }
-    };
-
-    return /*#__PURE__*/React.createElement(_ModalContainer2.default, {
-      showModal: isModalOpen,
-      closeModal: closeModalAndClearInput,
-      minWidth: getMinWidth(),
-      maxWidth: getMaxWidth(),
-      modalHeight: "auto",
-      padding: getPadding()
-    }, /*#__PURE__*/React.createElement(_ModalStyles.Column, null, /*#__PURE__*/React.createElement("form", {
-      onSubmit: submitAction
-    }, topImage && /*#__PURE__*/React.createElement(_ModalStyles.StyledModalHeader, {
-      size: size,
-      height: getImageHeight(),
-      marginBottom: getMarginBottom()
-    }, /*#__PURE__*/React.createElement("img", {
-      src: topImage,
-      alt: "Modal top"
-    }), /*#__PURE__*/React.createElement(_ModalStyles.ModalHeaderActionsWithImage, {
-      hasBackButton: !!backButton
-    }, ModalBackButton(), ModalCloseButton(closeAction))), /*#__PURE__*/React.createElement(_ModalStyles.ModalTitleSection, null, /*#__PURE__*/React.createElement(_ModalStyles.FlexContainer, null, !topImage && ModalBackButton(), title && ModalTitle(title, size)), /*#__PURE__*/React.createElement(_ModalStyles.ModalHeaderActions, null, tooltip && ModalTootip(tooltip), !topImage && ModalCloseButton(closeAction))), /*#__PURE__*/React.createElement(_ModalStyles.ModalBody, {
-      size: size
-    }, children), note && /*#__PURE__*/React.createElement(_ModalNote.ModalNote, {
-      note: note,
-      state: state,
-      size: size
-    }), /*#__PURE__*/React.createElement(_ModalStyles.ModalFooter, {
-      size: size
-    }, leftFooterAction && LeftFooterAction(leftFooterAction), buttons?.map((b, i) => /*#__PURE__*/React.createElement(_Button.Button, {
-      key: b.id || i,
-      id: b.id,
-      disabled: b.disabled,
-      loading: b.loading,
-      size: size,
-      onClick: b.action,
-      type: b.type,
-      variant: b.variant
-    }, b.text))))));
-  };
-
-  ModalDialog.propTypes = {
-    isModalOpen: _propTypes2.default.bool.isRequired,
-    closeModalAndClearInput: _propTypes2.default.any.isRequired,
-    title: _propTypes2.default.string,
-    topImage: _propTypes2.default.any,
-    buttons: _propTypes2.default.array,
-    tooltip: _propTypes2.default.string,
-    backButton: _propTypes2.default.func,
-    closeAction: _propTypes2.default.func.isRequired,
-    submitAction: _propTypes2.default.func.isRequired,
-    note: _propTypes2.default.string,
-    state: _propTypes2.default.string
-  };
-  exports.default = ModalDialog;
-});
-//# sourceMappingURL=ModalDialog.js.map

package/dist/umd/Modals/ModalDialog.js.map

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

package/dist/umd/Modals/ModalNote.js

@@ -1,133 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "..", "../icons/systemicons/SystemIcons", "./ModalStyles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require(".."), require("../icons/systemicons/SystemIcons"), require("./ModalStyles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global._, global.SystemIcons, global.ModalStyles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _, _SystemIcons, _ModalStyles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.ModalNote = undefined;
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const ModalNote = exports.ModalNote = ({
-    note,
-    icon,
-    size,
-    state = 'neutral'
-  }) => {
-    const stateVal = state.toLowerCase();
-
-    switch (stateVal) {
-      case 'positive':
-        return /*#__PURE__*/React.createElement(_ModalStyles.ModalNoteSection, {
-          state: stateVal,
-          size: size
-        }, icon ? icon : /*#__PURE__*/React.createElement(_SystemIcons.CheckComplete, {
-          color: _.COLORS.correct_500
-        }), /*#__PURE__*/React.createElement("span", null, note));
-
-      case 'warning':
-        return /*#__PURE__*/React.createElement(_ModalStyles.ModalNoteSection, {
-          state: stateVal,
-          size: size
-        }, icon ? icon : /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-          color: _.COLORS.warning_500
-        }), /*#__PURE__*/React.createElement("span", null, note));
-
-      case 'critical':
-        return /*#__PURE__*/React.createElement(_ModalStyles.ModalNoteSection, {
-          state: stateVal,
-          size: size
-        }, icon ? icon : /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-          color: _.COLORS.warning_500
-        }), /*#__PURE__*/React.createElement("span", null, note));
-
-      default:
-        return /*#__PURE__*/React.createElement(_ModalStyles.ModalNoteSection, {
-          state: stateVal,
-          size: size
-        }, icon ? icon : /*#__PURE__*/React.createElement(_SystemIcons.Information, {
-          color: _.COLORS.primary_500,
-          className: size
-        }), /*#__PURE__*/React.createElement("span", null, note));
-    }
-  };
-
-  ModalNote.propTypes = {
-    note: _propTypes2.default.string.isRequired,
-    icon: _propTypes2.default.node,
-    state: _propTypes2.default.string,
-    size: _propTypes2.default.string
-  };
-  exports.default = ModalNote;
-});
-//# sourceMappingURL=ModalNote.js.map

package/dist/umd/Modals/ModalNote.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Modals/ModalNote.tsx"],"names":["note","icon","state","size","ModalNote","stateVal","COLORS","correct_500","warning_500"],"mappings":";;;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,QAAMI,SAA8C,WAA9CA,SAA8C,GAAG,CAAC;AAAA,IAAA,IAAA;AAAA,IAAA,IAAA;AAAA,IAAA,IAAA;AAAmBF,IAAAA,KAAK,GAAC;AAAzB,GAAD,KAAyC;AACnG,UAAMG,QAAQ,GAAGH,KAAK,CAAtB,WAAiBA,EAAjB;;AAEA,YAAA,QAAA;AACI,WAAA,UAAA;AAAiB,eAAA,aACb,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,UAAA,KAAK,EAAvB,QAAA;AAAmC,UAAA,IAAI,EAAEC;AAAzC,SAAA,EACKF,IAAI,GAAA,IAAA,GAAA,aAAU,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA;AAAe,UAAA,KAAK,EAAEK,SAAOC;AAA7B,SAAA,CADnB,EAAA,aAEI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAHS,IAGT,CAFJ,CADa;;AAOjB,WAAA,SAAA;AAAgB,eAAA,aACZ,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,UAAA,KAAK,EAAvB,QAAA;AAAmC,UAAA,IAAI,EAAEJ;AAAzC,SAAA,EACKF,IAAI,GAAA,IAAA,GAAA,aAAU,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,UAAA,KAAK,EAAEK,SAAOE;AAAhC,SAAA,CADnB,EAAA,aAEI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAHQ,IAGR,CAFJ,CADY;;AAOhB,WAAA,UAAA;AAAiB,eAAA,aACb,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,UAAA,KAAK,EAAvB,QAAA;AAAmC,UAAA,IAAI,EAAEL;AAAzC,SAAA,EACKF,IAAI,GAAA,IAAA,GAAA,aAAU,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,UAAA,KAAK,EAAEK,SAAOE;AAAhC,SAAA,CADnB,EAAA,aAEI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAHS,IAGT,CAFJ,CADa;;AAOjB;AAAS,eAAA,aACL,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,UAAA,KAAK,EAAvB,QAAA;AAAmC,UAAA,IAAI,EAAEL;AAAzC,SAAA,EACKF,IAAI,GAAA,IAAA,GAAA,aAAU,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAa,UAAA,KAAK,EAAEK,SAApB,WAAA;AAAwC,UAAA,SAAS,EAAEH;AAAnD,SAAA,CADnB,EAAA,aAEI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAHC,IAGD,CAFJ,CADK;AAtBb;AAHG,GAAA;;;AANHH,IAAAA,I;AACAC,IAAAA,I;AACAC,IAAAA,K;AACAC,IAAAA,I;;oBAuCJ,S","sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '..';\r\nimport { CheckComplete, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\nimport {ModalNoteSection} from './ModalStyles'\r\n\r\ninterface NoteProps {\r\n    note: string;\r\n    icon?: React.ReactNode;\r\n    state?: string;\r\n    size?: string;\r\n}\r\n\r\nexport const ModalNote : React.FunctionComponent<NoteProps> = ({note, icon, size, state='neutral'}) => {   \r\n    const stateVal = state.toLowerCase();\r\n\r\n    switch(stateVal) {\r\n        case 'positive': return (\r\n            <ModalNoteSection state={stateVal} size={size}>\r\n                {icon ? icon : <CheckComplete color={COLORS.correct_500}/>}\r\n                <span>{note}</span>\r\n            </ModalNoteSection>\r\n            );\r\n\r\n        case 'warning': return (\r\n            <ModalNoteSection state={stateVal} size={size}>\r\n                {icon ? icon : <TechnicalWarning color={COLORS.warning_500}/>}\r\n                <span>{note}</span>\r\n            </ModalNoteSection>\r\n        );\r\n\r\n        case 'critical': return (\r\n            <ModalNoteSection state={stateVal} size={size}>\r\n                {icon ? icon : <TechnicalWarning color={COLORS.warning_500}/>}\r\n                <span>{note}</span>\r\n            </ModalNoteSection>\r\n            );\r\n\r\n        default: return (\r\n            <ModalNoteSection state={stateVal} size={size}>\r\n                {icon ? icon : <Information color={COLORS.primary_500} className={size}/>}\r\n                <span>{note}</span>\r\n            </ModalNoteSection>\r\n        );\r\n    }\r\n    \r\n   \r\n};\r\n\r\nexport default ModalNote;"],"file":"ModalNote.js"}