@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/js/Modals/ModalDialog.js

@@ -1,312 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ModalDialog = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _Button = require("../Button");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _styles = require("../styles");
-
-var _types = require("../types");
-
-var _ModalContainer = _interopRequireDefault(require("./ModalContainer"));
-
-var _ModalStyles = require("./ModalStyles");
-
-var _ModalNote = require("./ModalNote");
-
-var _Tooltips = require("../Tooltips");
-
-var _ = require("..");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ModalDialog = function ModalDialog(_ref) {
-  var size = _ref.size,
-      isModalOpen = _ref.isModalOpen,
-      closeModalAndClearInput = _ref.closeModalAndClearInput,
-      title = _ref.title,
-      topImage = _ref.topImage,
-      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;
-
-  var getMinWidth = function getMinWidth() {
-    switch (size) {
-      case _types.Size.Small:
-        return '320px';
-
-      case _types.Size.Large:
-        return '640px';
-
-      case _types.Size.Medium:
-      default:
-        return '480px';
-    }
-  };
-
-  var getMaxWidth = function getMaxWidth() {
-    switch (size) {
-      case _types.Size.Small:
-        return '480px';
-
-      case _types.Size.Large:
-        return '720px';
-
-      case _types.Size.Medium:
-      default:
-        return '640px';
-    }
-  };
-
-  var getImageHeight = function getImageHeight() {
-    switch (size) {
-      case _types.Size.Small:
-        return 160;
-
-      case _types.Size.Medium:
-        return 200;
-
-      case _types.Size.Large:
-        return 240;
-
-      default:
-        return 200;
-    }
-  };
-
-  var getMarginBottom = function getMarginBottom() {
-    switch (size) {
-      case _types.Size.Small:
-        return '16px';
-
-      case _types.Size.Medium:
-        return '24px';
-
-      case _types.Size.Large:
-        return '32px';
-
-      default:
-        return '24px';
-    }
-  };
-
-  var getPadding = function 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';
-    }
-  };
-
-  var ModalTitle = function 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);
-    }
-  };
-
-  var ModalTootip = function 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: function action() {}
-    }, /*#__PURE__*/React.createElement(_SystemIcons.Help, {
-      size: "24px",
-      color: _styles.COLORS.neutral_600
-    }))));
-  };
-
-  var ModalCloseButton = function ModalCloseButton(onClick) {
-    return /*#__PURE__*/React.createElement(_ModalStyles.CloseButtonWrapper, {
-      hasImage: !!topImage,
-      size: size
-    }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: function action() {
-        return onClick();
-      },
-      borderRadius: 48
-    }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-      size: "24px",
-      color: _styles.COLORS.black
-    })));
-  };
-
-  var ModalBackButton = function ModalBackButton() {
-    if (backButton) {
-      return /*#__PURE__*/React.createElement(_ModalStyles.BackButtonWrapper, {
-        hasImage: !!topImage,
-        size: size
-      }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        action: function action() {
-          return backButton();
-        },
-        borderRadius: 48
-      }, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineLeft, {
-        size: "24px",
-        color: _styles.COLORS.black
-      })));
-    }
-  };
-
-  var getLeftActionIconElement = function getLeftActionIconElement(icon) {
-    return /*#__PURE__*/React.cloneElement(icon, {
-      size: size === _types.Size.Small ? '20px' : size === _types.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;
-
-    switch (actionType) {
-      case 'button':
-        return /*#__PURE__*/React.createElement(_Button.Button, {
-          id: 'left-action-button',
-          type: leftFooterAction === null || leftFooterAction === void 0 ? void 0 : leftFooterAction.type,
-          disabled: disabled,
-          loading: leftFooterAction === null || leftFooterAction === void 0 ? void 0 : leftFooterAction.loading,
-          icon: icon,
-          size: size,
-          onClick: action,
-          variant: (_variant = leftFooterAction === null || leftFooterAction === void 0 ? void 0 : leftFooterAction.variant) !== null && _variant !== void 0 ? _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(_ModalContainer.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 === null || buttons === void 0 ? void 0 : buttons.map(function (b, i) {
-    return /*#__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);
-  })))));
-};
-
-exports.ModalDialog = ModalDialog;
-ModalDialog.propTypes = {
-  isModalOpen: _propTypes.default.bool.isRequired,
-  closeModalAndClearInput: _propTypes.default.any.isRequired,
-  title: _propTypes.default.string,
-  topImage: _propTypes.default.any,
-  buttons: _propTypes.default.array,
-  tooltip: _propTypes.default.string,
-  backButton: _propTypes.default.func,
-  closeAction: _propTypes.default.func.isRequired,
-  submitAction: _propTypes.default.func.isRequired,
-  note: _propTypes.default.string,
-  state: _propTypes.default.string
-};
-var _default = ModalDialog;
-exports.default = _default;
-//# sourceMappingURL=ModalDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Modals/ModalDialog.tsx"],"names":["ModalDialog","size","isModalOpen","closeModalAndClearInput","title","topImage","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","getMinWidth","Size","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","ModalTitle","ComponentTextStyle","Bold","ModalTootip","XSmall","COLORS","neutral_600","ModalCloseButton","onClick","black","ModalBackButton","getLeftActionIconElement","icon","React","cloneElement","LeftFooterAction","text","actionType","disabled","action","type","loading","variant","order","marginRight","href","map","b","i","id"],"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/js/Modals/ModalNote.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-interface NoteProps {
-    note: string;
-    icon?: React.ReactNode;
-    state?: string;
-    size?: string;
-}
-export declare const ModalNote: React.FunctionComponent<NoteProps>;
-export default ModalNote;

package/dist/js/Modals/ModalNote.js

@@ -1,79 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-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");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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;
-  var 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));
-  }
-};
-
-exports.ModalNote = ModalNote;
-ModalNote.propTypes = {
-  note: _propTypes.default.string.isRequired,
-  icon: _propTypes.default.node,
-  state: _propTypes.default.string,
-  size: _propTypes.default.string
-};
-var _default = ModalNote;
-exports.default = _default;
-//# sourceMappingURL=ModalNote.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Modals/ModalNote.tsx"],"names":["ModalNote","note","icon","size","state","stateVal","toLowerCase","COLORS","correct_500","warning_500","primary_500"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AASO,IAAMA,SAA8C,GAAG,SAAjDA,SAAiD,OAAyC;AAAA,MAAvCC,IAAuC,QAAvCA,IAAuC;AAAA,MAAjCC,IAAiC,QAAjCA,IAAiC;AAAA,MAA3BC,IAA2B,QAA3BA,IAA2B;AAAA,wBAArBC,KAAqB;AAAA,MAArBA,KAAqB,2BAAf,SAAe;AACnG,MAAMC,QAAQ,GAAGD,KAAK,CAACE,WAAN,EAAjB;;AAEA,UAAOD,QAAP;AACI,SAAK,UAAL;AAAiB,0BACb,oBAAC,6BAAD;AAAkB,QAAA,KAAK,EAAEA,QAAzB;AAAmC,QAAA,IAAI,EAAEF;AAAzC,SACKD,IAAI,GAAGA,IAAH,gBAAU,oBAAC,0BAAD;AAAe,QAAA,KAAK,EAAEK,SAAOC;AAA7B,QADnB,eAEI,kCAAOP,IAAP,CAFJ,CADa;;AAOjB,SAAK,SAAL;AAAgB,0BACZ,oBAAC,6BAAD;AAAkB,QAAA,KAAK,EAAEI,QAAzB;AAAmC,QAAA,IAAI,EAAEF;AAAzC,SACKD,IAAI,GAAGA,IAAH,gBAAU,oBAAC,6BAAD;AAAkB,QAAA,KAAK,EAAEK,SAAOE;AAAhC,QADnB,eAEI,kCAAOR,IAAP,CAFJ,CADY;;AAOhB,SAAK,UAAL;AAAiB,0BACb,oBAAC,6BAAD;AAAkB,QAAA,KAAK,EAAEI,QAAzB;AAAmC,QAAA,IAAI,EAAEF;AAAzC,SACKD,IAAI,GAAGA,IAAH,gBAAU,oBAAC,6BAAD;AAAkB,QAAA,KAAK,EAAEK,SAAOE;AAAhC,QADnB,eAEI,kCAAOR,IAAP,CAFJ,CADa;;AAOjB;AAAS,0BACL,oBAAC,6BAAD;AAAkB,QAAA,KAAK,EAAEI,QAAzB;AAAmC,QAAA,IAAI,EAAEF;AAAzC,SACKD,IAAI,GAAGA,IAAH,gBAAU,oBAAC,wBAAD;AAAa,QAAA,KAAK,EAAEK,SAAOG,WAA3B;AAAwC,QAAA,SAAS,EAAEP;AAAnD,QADnB,eAEI,kCAAOF,IAAP,CAFJ,CADK;AAtBb;AA+BH,CAlCM;;;;AANHA,EAAAA,I;AACAC,EAAAA,I;AACAE,EAAAA,K;AACAD,EAAAA,I;;eAuCWH,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"}

package/dist/js/Modals/ModalStyles.d.ts

@@ -1,45 +0,0 @@
-import { Size } from '../types';
-/**
- * Modal styles
- */
-export declare const ModalHeader: import("styled-components").StyledComponent<"section", any, {
-    marginBottom?: string;
-}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<"section", any, {
-    marginBottom?: string;
-} & {
-    marginBottom?: string;
-    size?: string;
-    height?: number;
-}, never>;
-export declare const Column: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ModalTitleSection: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const ModalHeaderActionsWithImage: import("styled-components").StyledComponent<"div", any, {
-    hasBackButton?: boolean;
-}, never>;
-export declare const ModalHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FlexContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ModalHoverModifier: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CloseButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    size?: Size;
-    hasImage?: boolean;
-}, never>;
-export declare const BackButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    size?: Size;
-    hasImage?: boolean;
-}, never>;
-export declare const ModalTitle: import("styled-components").StyledComponent<"h5", any, {
-    fontSize?: string;
-}, never>;
-export declare const ModalNoteSection: import("styled-components").StyledComponent<"section", any, {
-    state: string;
-    size?: string;
-}, never>;
-export declare const ModalBody: import("styled-components").StyledComponent<"section", any, {
-    size?: string;
-}, never>;
-export declare const ModalFooter: import("styled-components").StyledComponent<"section", any, {
-    size?: Size;
-}, never>;
-export declare const getBackgroundColor: (state: string) => string;
-export declare const getNoteMessageColor: (state: string) => string;

package/dist/js/Modals/ModalStyles.js

@@ -1,152 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getNoteMessageColor = exports.getBackgroundColor = exports.ModalFooter = exports.ModalBody = exports.ModalNoteSection = exports.ModalTitle = exports.BackButtonWrapper = exports.CloseButtonWrapper = exports.ModalHoverModifier = exports.FlexContainer = exports.ModalHeaderActions = exports.ModalHeaderActionsWithImage = exports.ModalTitleSection = exports.Column = exports.StyledModalHeader = exports.ModalHeader = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _ = require("..");
-
-var _types = require("../types");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-/**
- * Modal styles
- */
-var ModalHeader = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: ", ";\n"])), function (props) {
-  return props.marginBottom || '24px';
-});
-
-exports.ModalHeader = ModalHeader;
-var StyledModalHeader = (0, _styledComponents.default)(ModalHeader)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 0 calc(50% - 5px);\n  flex-direction: column;\n  position: relative;\n  text-align: left;\n  height: ", ";\n  img {\n    width: 100%;\n    height: ", ";\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    border-radius: 8px 8px 0 0;\n    object-fit: cover;\n  }\n"])), function (props) {
-  return props.height ? "".concat(props.height - (props.size === 'small' ? 16 : props.size === 'large' ? 32 : 24), "px") : '';
-}, function (props) {
-  return "".concat(props.height, "px");
-});
-exports.StyledModalHeader = StyledModalHeader;
-
-var Column = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n"])));
-
-exports.Column = Column;
-
-var ModalTitleSection = _styledComponents.default.section(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  word-break: break-word;\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n"])));
-
-exports.ModalTitleSection = ModalTitleSection;
-
-var ModalHeaderActionsWithImage = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: space-between;\n  width: 100%;\n  z-index: 1;\n"])), function (props) {
-  return !props.hasBackButton ? 'row-reverse' : 'row';
-});
-
-exports.ModalHeaderActionsWithImage = ModalHeaderActionsWithImage;
-
-var ModalHeaderActions = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  margin: -12px -12px 0 0;\n"])));
-
-exports.ModalHeaderActions = ModalHeaderActions;
-
-var FlexContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-
-exports.FlexContainer = FlexContainer;
-
-var ModalHoverModifier = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  button:hover {\n    cursor: help !important;\n  }\n"])));
-
-exports.ModalHoverModifier = ModalHoverModifier;
-
-var CloseButtonWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  button {\n    ", "\n  }\n"])), function (props) {
-  return props.hasImage ? (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            margin: -12px -12px 0 0 !important;\n          "]))) : (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n            left: unset;\n          "])));
-});
-
-exports.CloseButtonWrapper = CloseButtonWrapper;
-
-var BackButtonWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  button {\n    margin: -12px 0 0 -12px !important;\n  }\n"])));
-
-exports.BackButtonWrapper = BackButtonWrapper;
-
-var ModalTitle = _styledComponents.default.h5(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin: 0;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (props) {
-  return props.fontSize || '1.25em';
-});
-
-exports.ModalTitle = ModalTitle;
-
-var ModalNoteSection = _styledComponents.default.section(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  font-size: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  display: flex;\n  flex-direction: row;\n  padding: ", ";\n  border-radius: 2px;\n\n  span {\n    display: block;\n    width: 80%;\n    margin-left: 8px;\n    color: ", ";\n  }\n"])), function (props) {
-  return getBackgroundColor(props.state);
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "16px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '20px' : '18px';
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "0px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '16px' : '4px';
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "8px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '24px' : '16px';
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "8px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '16px' : '12px';
-}, function (props) {
-  return getNoteMessageColor(props.state);
-});
-
-exports.ModalNoteSection = ModalNoteSection;
-
-var ModalBody = _styledComponents.default.section(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  > :first-child {\n    margin-top: 24px;\n  }\n\n  > :last-child {\n    margin-bottom: ", ";\n  }\n\n  p: first-of-type {\n    padding-bottom: ", ";\n  }\n"])), function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "8px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '24px' : '16px';
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "8px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '24px' : '16px';
-});
-
-exports.ModalBody = ModalBody;
-
-var ModalFooter = _styledComponents.default.section(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  display: flex;\n  justify-content: flex-end;\n\n  gap: ", ";\n\n  .footer-action {\n    order: -1;\n    margin-right: auto;\n    display: flex;\n    align-items: center;\n    font-size: ", ";\n    gap: ", ";\n  }\n\n  .footer-action.note {\n    color: ", ";\n  }\n"])), function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === _types.Size.Small ? "20px" : (props === null || props === void 0 ? void 0 : props.size) === _types.Size.Large ? '28px' : '24px';
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'large' ? "16px" : '8px';
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "16px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '20px' : '18px';
-}, function (props) {
-  return (props === null || props === void 0 ? void 0 : props.size) === _types.Size.Large ? "8px" : (props === null || props === void 0 ? void 0 : props.size) === _types.Size.Small ? '4px' : '6px';
-}, _.COLORS.neutral_600);
-
-exports.ModalFooter = ModalFooter;
-
-var getBackgroundColor = function getBackgroundColor(state) {
-  switch (state) {
-    case 'positive':
-      return _.COLORS.correct_100;
-
-    case 'warning':
-      return _.COLORS.warning_100;
-
-    case 'critical':
-      return _.COLORS.critical_100;
-
-    default:
-      return _.COLORS.primary_100;
-  }
-};
-
-exports.getBackgroundColor = getBackgroundColor;
-
-var getNoteMessageColor = function getNoteMessageColor(state) {
-  switch (state) {
-    case 'positive':
-      return _.COLORS.correct_700;
-
-    case 'warning':
-      return _.COLORS.warning_700;
-
-    case 'critical':
-      return _.COLORS.critical_700;
-
-    default:
-      return _.COLORS.primary_700;
-  }
-};
-
-exports.getNoteMessageColor = getNoteMessageColor;
-//# sourceMappingURL=ModalStyles.js.map