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

package/dist/js/LoadingPage/__tests__/GlobalLoadingPage.test.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _index = require("../index");
-
-require("jest-styled-components");
-
-var _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<GlobalLoadingPage />', function () {
-  it('Renders GlobalLoadingPage', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var optionalMessage, _render, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            optionalMessage = 'This is the optional message';
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.GlobalLoadingPage, {
-              optionalMessage: optionalMessage
-            })), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
-            expect(queryByText(optionalMessage)).toBeDefined();
-            expect(getByTestId('TestLoadingMain')).toBeDefined();
-            expect(getByTestId('TestLoadingMain')).toHaveStyleRule('background-color', _styles.COLORS.primary_20);
-            expect(getByTestId('TestLoadingMain')).toHaveStyleRule('height', '100%');
-            expect(getByTestId('TestLoadingLogoAndMessage')).toBeDefined();
-            expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('position', 'absolute');
-            expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('align-items', 'center');
-            expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('bottom', '36px');
-
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-});
-//# sourceMappingURL=GlobalLoadingPage.test.js.map

package/dist/js/LoadingPage/__tests__/GlobalLoadingPage.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/LoadingPage/__tests__/GlobalLoadingPage.test.tsx"],"names":["describe","it","optionalMessage","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","COLORS","primary_20"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,QAAQ,CAAC,uBAAD,EAA0B,YAAM;AACtCC,EAAAA,EAAE,CAAC,2BAAD,uEAA8B;AAAA;;AAAA;AAAA;AAAA;AAAA;AACxBC,YAAAA,eADwB,GACN,8BADM;AAAA,sBAEO,kCAAO,6BAAC,wBAAD;AAAmB,cAAA,eAAe,EAAEA;AAApC,cAAP,CAFP,EAEtBC,WAFsB,WAEtBA,WAFsB,EAETC,WAFS,WAETA,WAFS;AAG9BC,YAAAA,MAAM,CAACF,WAAW,CAACD,eAAD,CAAZ,CAAN,CAAqCI,WAArC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,iBAAD,CAAZ,CAAN,CAAuCE,WAAvC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,iBAAD,CAAZ,CAAN,CAAuCG,eAAvC,CAAuD,kBAAvD,EAA2EC,eAAOC,UAAlF;AACAJ,YAAAA,MAAM,CAACD,WAAW,CAAC,iBAAD,CAAZ,CAAN,CAAuCG,eAAvC,CAAuD,QAAvD,EAAiE,MAAjE;AACAF,YAAAA,MAAM,CAACD,WAAW,CAAC,2BAAD,CAAZ,CAAN,CAAiDE,WAAjD;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,2BAAD,CAAZ,CAAN,CAAiDG,eAAjD,CAAiE,UAAjE,EAA6E,UAA7E;AACAF,YAAAA,MAAM,CAACD,WAAW,CAAC,2BAAD,CAAZ,CAAN,CAAiDG,eAAjD,CAAiE,aAAjE,EAAgF,QAAhF;AACAF,YAAAA,MAAM,CAACD,WAAW,CAAC,2BAAD,CAAZ,CAAN,CAAiDG,eAAjD,CAAiE,QAAjE,EAA2E,MAA3E;;AAV8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA9B,GAAF;AAYD,CAbO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { GlobalLoadingPage } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<GlobalLoadingPage />', () => {\r\n  it('Renders GlobalLoadingPage', async () => {\r\n    const optionalMessage = 'This is the optional message';\r\n    const { queryByText, getByTestId } = render(<GlobalLoadingPage optionalMessage={optionalMessage} />);\r\n    expect(queryByText(optionalMessage)).toBeDefined();\r\n    expect(getByTestId('TestLoadingMain')).toBeDefined();\r\n    expect(getByTestId('TestLoadingMain')).toHaveStyleRule('background-color', COLORS.primary_20);\r\n    expect(getByTestId('TestLoadingMain')).toHaveStyleRule('height', '100%');\r\n    expect(getByTestId('TestLoadingLogoAndMessage')).toBeDefined();\r\n    expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('position', 'absolute');\r\n    expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('align-items', 'center');\r\n    expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('bottom', '36px');\r\n  });\r\n});\r\n"],"file":"GlobalLoadingPage.test.js"}

package/dist/js/LoadingPage/index.d.ts

@@ -1 +0,0 @@
-export { default as GlobalLoadingPage } from './GlobalLoadingPage';

package/dist/js/LoadingPage/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GlobalLoadingPage", {
-  enumerable: true,
-  get: function get() {
-    return _GlobalLoadingPage.default;
-  }
-});
-
-var _GlobalLoadingPage = _interopRequireDefault(require("./GlobalLoadingPage"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/js/LoadingPage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/LoadingPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\r\n"],"file":"index.js"}

package/dist/js/MiniProductCard/MiniProductCard.d.ts

@@ -1,7 +0,0 @@
-import { Product } from '../types';
-declare type CardProps = {
-    product: Product;
-    url?: string;
-};
-declare const MiniProductCard: ({ url, product }: CardProps) => JSX.Element;
-export default MiniProductCard;

package/dist/js/MiniProductCard/MiniProductCard.js

@@ -1,67 +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 = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-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 }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var ProductLink = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  margin: 10px 8px;\n  color: ", ";\n  text-decoration: none;\n\n  ", " {\n    width: 305px;\n  }\n"])), _styles.COLORS.black, _styles.BREAKPOINTS.MEDIUM);
-
-var ProductThing = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  border-radius: 8px;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: ", ";\n\n    .product-chevron-right-path {\n      fill: ", ";\n    }\n  }\n  &:active {\n    background: ", ";\n\n    .product-chevron-right-path {\n      fill: ", ";\n    }\n  }\n"])), _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.COLORS.primary_100, _styles.COLORS.primary_600);
-
-var ProductImage = _styledComponents.default.img(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 95px;\n  height: 75px;\n  object-fit: fill;\n  border-radius: 8px;\n"])));
-
-var ProductName = _styledComponents.default.h2(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  margin: 0;\n  margin-top: 3px;\n"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.black));
-
-var ProductType = _styledComponents.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n  margin: 0;\n"])), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.black));
-
-var ProductInnerWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 12px 18px;\n  flex: 1;\n"])));
-
-var RightIconWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-self: flex-start;\n  align-items: center;\n  padding-right: 12px;\n"])));
-
-var MiniProductCard = function MiniProductCard(_ref) {
-  var url = _ref.url,
-      product = _ref.product;
-  return /*#__PURE__*/React.createElement(ProductLink, {
-    to: url !== null && url !== void 0 ? url : ''
-  }, /*#__PURE__*/React.createElement(ProductThing, null, product.image && /*#__PURE__*/React.createElement(ProductImage, {
-    src: product.image
-  }), /*#__PURE__*/React.createElement(ProductInnerWrapper, null, /*#__PURE__*/React.createElement(ProductName, null, product.name), /*#__PURE__*/React.createElement(ProductType, null, product.type)), /*#__PURE__*/React.createElement(RightIconWrapper, null, /*#__PURE__*/React.createElement(_SystemIcons.ChevronRight, {
-    color: _styles.COLORS.primary,
-    className: 'product-chevron-right',
-    size: '24px'
-  }))));
-};
-
-MiniProductCard.propTypes = {
-  url: _propTypes.default.string
-};
-var _default = MiniProductCard;
-exports.default = _default;
-//# sourceMappingURL=MiniProductCard.js.map

package/dist/js/MiniProductCard/MiniProductCard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/MiniProductCard/MiniProductCard.tsx"],"names":["ProductLink","Link","COLORS","black","BREAKPOINTS","MEDIUM","ProductThing","styled","div","primary_20","primary_600","primary_100","ProductImage","img","ProductName","h2","ComponentTextStyle","Regular","ProductType","span","ProductInnerWrapper","RightIconWrapper","MiniProductCard","url","product","image","name","type","primary"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;AAMA,IAAMA,WAAW,GAAG,+BAAOC,oBAAP,CAAH,yMAINC,eAAOC,KAJD,EAObC,oBAAYC,MAPC,CAAjB;;AAYA,IAAMC,YAAY,GAAGC,0BAAOC,GAAV,0ZAQAN,eAAOO,UARP,EAWJP,eAAOQ,WAXH,EAeAR,eAAOS,WAfP,EAkBJT,eAAOQ,WAlBH,CAAlB;;AAuBA,IAAME,YAAY,GAAGL,0BAAOM,GAAV,sJAAlB;;AAOA,IAAMC,WAAW,GAAGP,0BAAOQ,EAAV,oHACb,mCAAkBC,2BAAmBC,OAArC,EAA8Cf,eAAOC,KAArD,CADa,CAAjB;;AAMA,IAAMe,WAAW,GAAGX,0BAAOY,IAAV,gGACb,mCAAkBH,2BAAmBC,OAArC,EAA8Cf,eAAOC,KAArD,CADa,CAAjB;;AAKA,IAAMiB,mBAAmB,GAAGb,0BAAOC,GAAV,yJAAzB;;AAOA,IAAMa,gBAAgB,GAAGd,0BAAOC,GAAV,wKAAtB;;AAOA,IAAMc,eAAe,GAAG,SAAlBA,eAAkB,OAAiC;AAAA,MAA9BC,GAA8B,QAA9BA,GAA8B;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AACvD,sBACE,oBAAC,WAAD;AAAa,IAAA,EAAE,EAAED,GAAF,aAAEA,GAAF,cAAEA,GAAF,GAAS;AAAxB,kBACE,oBAAC,YAAD,QACGC,OAAO,CAACC,KAAR,iBAAiB,oBAAC,YAAD;AAAc,IAAA,GAAG,EAAED,OAAO,CAACC;AAA3B,IADpB,eAEE,oBAAC,mBAAD,qBACE,oBAAC,WAAD,QAAcD,OAAO,CAACE,IAAtB,CADF,eAEE,oBAAC,WAAD,QAAcF,OAAO,CAACG,IAAtB,CAFF,CAFF,eAME,oBAAC,gBAAD,qBACE,oBAAC,yBAAD;AAAc,IAAA,KAAK,EAAEzB,eAAO0B,OAA5B;AAAqC,IAAA,SAAS,EAAE,uBAAhD;AAAyE,IAAA,IAAI,EAAE;AAA/E,IADF,CANF,CADF,CADF;AAcD,CAfD;;;AArEEL,EAAAA,G;;eAsFaD,e","sourcesContent":["import * as React from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\r\nimport {ChevronRight} from '../icons/systemicons/SystemIcons';\r\nimport {Product} from '../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles/typography';\r\n\r\ntype CardProps = {\r\n  product: Product;\r\n  url?: string;\r\n};\r\nconst ProductLink = styled(Link)`\r\n  display: flex;\r\n  flex: 1;\r\n  margin: 10px 8px;\r\n  color: ${COLORS.black};\r\n  text-decoration: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 305px;\r\n  }\r\n`;\r\n\r\nconst ProductThing = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  border-radius: 8px;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n\r\n  &:hover {\r\n    background: ${COLORS.primary_20};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n  &:active {\r\n    background: ${COLORS.primary_100};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ProductImage = styled.img`\r\n  width: 95px;\r\n  height: 75px;\r\n  object-fit: fill;\r\n  border-radius: 8px;\r\n`;\r\n\r\nconst ProductName = styled.h2`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  margin: 0;\r\n  margin-top: 3px;\r\n`;\r\n\r\nconst ProductType = styled.span`\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  margin: 0;\r\n`;\r\n\r\nconst ProductInnerWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 12px 18px;\r\n  flex: 1;\r\n`;\r\n\r\nconst RightIconWrapper = styled.div`\r\n  display: flex;\r\n  justify-self: flex-start;\r\n  align-items: center;\r\n  padding-right: 12px;\r\n`;\r\n\r\nconst MiniProductCard = ({ url, product }: CardProps) => {\r\n  return (\r\n    <ProductLink to={url ?? ''}>\r\n      <ProductThing>\r\n        {product.image && <ProductImage src={product.image} />}\r\n        <ProductInnerWrapper>\r\n          <ProductName>{product.name}</ProductName>\r\n          <ProductType>{product.type}</ProductType>\r\n        </ProductInnerWrapper>\r\n        <RightIconWrapper>\r\n          <ChevronRight color={COLORS.primary} className={'product-chevron-right'} size={'24px'} />\r\n        </RightIconWrapper>\r\n      </ProductThing>\r\n    </ProductLink>\r\n  );\r\n};\r\n\r\nexport default MiniProductCard;\r\n"],"file":"MiniProductCard.js"}

package/dist/js/MiniProductCard/index.d.ts

@@ -1 +0,0 @@
-export { default as MiniProductCard } from './MiniProductCard';

package/dist/js/MiniProductCard/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MiniProductCard", {
-  enumerable: true,
-  get: function get() {
-    return _MiniProductCard.default;
-  }
-});
-
-var _MiniProductCard = _interopRequireDefault(require("./MiniProductCard"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/js/MiniProductCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/MiniProductCard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as MiniProductCard } from './MiniProductCard';\r\n"],"file":"index.js"}

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export declare const ModalCloseButton: React.FunctionComponent<{
-    onClick: () => void;
-}>;
-declare type ModalProps = {
-    children: any;
-};
-declare const Modal: {
-    ({ children }: ModalProps): JSX.Element;
-    Header({ children }: ModalProps): JSX.Element;
-    Body({ children }: ModalProps): JSX.Element;
-    Footer({ children }: ModalProps): JSX.Element;
-};
-export default Modal;

package/dist/js/Modals/Modal.js

@@ -1,81 +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.ModalCloseButton = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Button = require("../Button");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _styles = require("../styles");
-
-var _ModalStyles = require("./ModalStyles");
-
-var _templateObject, _templateObject2;
-
-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 }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-/**
- * Modal styles
- */
-var Column = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n"])));
-
-var StyledButton = (0, _styledComponents.default)(_Button.IconButton)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-
-var ModalCloseButton = function ModalCloseButton(_ref) {
-  var onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(StyledButton, {
-    variant: "secondary",
-    shape: "square",
-    action: onClick
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-    size: "24px",
-    color: _styles.COLORS.black
-  }));
-};
-
-exports.ModalCloseButton = ModalCloseButton;
-
-var Modal = function Modal(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/React.createElement(Column, null, children);
-};
-
-Modal.propTypes = {
-  children: _propTypes.default.any.isRequired
-};
-
-Modal.Header = function (_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/React.createElement(_ModalStyles.ModalHeader, null, children);
-};
-
-Modal.Body = function (_ref4) {
-  var children = _ref4.children;
-  return /*#__PURE__*/React.createElement(_ModalStyles.ModalBody, null, children);
-};
-
-Modal.Footer = function (_ref5) {
-  var children = _ref5.children;
-  return /*#__PURE__*/React.createElement(_ModalStyles.ModalFooter, null, children);
-};
-
-var _default = Modal;
-exports.default = _default;
-//# sourceMappingURL=Modal.js.map

package/dist/js/Modals/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Modals/Modal.tsx"],"names":["Column","styled","div","StyledButton","IconButton","ModalCloseButton","onClick","COLORS","black","Modal","children","Header","Body","Footer"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,MAAM,GAAGC,0BAAOC,GAAV,kKAAZ;;AAOA,IAAMC,YAAY,GAAG,+BAAOC,kBAAP,CAAH,2FAAlB;;AAIO,IAAMC,gBAAkE,GAAG,SAArEA,gBAAqE,OAAiB;AAAA,MAAdC,OAAc,QAAdA,OAAc;AACjG,sBACE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC,WAAtB;AAAkC,IAAA,KAAK,EAAC,QAAxC;AAAiD,IAAA,MAAM,EAAEA;AAAzD,kBACE,oBAAC,kBAAD;AAAO,IAAA,IAAI,EAAC,MAAZ;AAAmB,IAAA,KAAK,EAAEC,eAAOC;AAAjC,IADF,CADF;AAKD,CANM;;;;AAYP,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,sBAA8B,oBAAC,MAAD,QAASA,QAAT,CAA9B;AAAA,CAAd;;;AAHEA,EAAAA,Q;;;AAKFD,KAAK,CAACE,MAAN,GAAe;AAAA,MAAGD,QAAH,SAAGA,QAAH;AAAA,sBAA8B,oBAAC,wBAAD,QAAcA,QAAd,CAA9B;AAAA,CAAf;;AAEAD,KAAK,CAACG,IAAN,GAAa;AAAA,MAAGF,QAAH,SAAGA,QAAH;AAAA,sBAA8B,oBAAC,sBAAD,QAAYA,QAAZ,CAA9B;AAAA,CAAb;;AAEAD,KAAK,CAACI,MAAN,GAAe;AAAA,MAAGH,QAAH,SAAGA,QAAH;AAAA,sBAA8B,oBAAC,wBAAD,QAAcA,QAAd,CAA9B;AAAA,CAAf;;eAEeD,K","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { Close } from '../icons/systemicons/SystemIcons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <Close size=\"24px\" color={COLORS.black} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"file":"Modal.js"}

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-declare type ModalContainerProps = {
-    id?: string;
-    showModal: boolean;
-    closeModal: () => void;
-    children: any;
-    modalHeight?: any;
-    modalWidth?: any;
-    modalOverflow?: string;
-    padding?: string;
-    minWidth?: string;
-    maxWidth?: string;
-};
-declare type ModalContainerState = {};
-declare class ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {
-    componentDidMount(): void;
-    GetSize: (modalHeight?: string, modalWidth?: string) => {
-        height: string;
-        width: string;
-    };
-    GetOverflow: (modalOverflow?: string) => string;
-    render(): JSX.Element;
-}
-export default ModalContainer;

package/dist/js/Modals/ModalContainer.js

@@ -1,182 +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 = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactModal = _interopRequireDefault(require("react-modal"));
-
-var _styles = require("../styles");
-
-var _zIndexes = require("../styles/z-indexes");
-
-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 }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var ModalContainerStyles = {
-  content: {
-    top: '50%',
-    left: '50%',
-    right: 'auto',
-    bottom: 'auto',
-    marginRight: '-50%',
-    width: '640px',
-    height: '320px',
-    borderRadius: '8px',
-    boxSizing: 'border-box',
-    margin: 0,
-    overflow: 'auto',
-    boxShadow: _styles.BOXSHADOWS.BOXSHADOW_L3
-  }
-}; //override modal classes to define the animations
-
-var modalTransitions = "\n.ReactModal__Overlay {\n  opacity: 0;\n  z-index: ".concat(_zIndexes.Z_INDEXES.backdrop, ";\n}\n\n.ReactModal__Overlay--after-open {\n  opacity: 1;\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Content{\n  z-index: ").concat(_zIndexes.Z_INDEXES.modal, ";\n  opacity:0;\n  transform: translate(-50%, -50%) scale(1.1, 1.1);\n}\n\n.ReactModal__Content--after-open{\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1.0, 1.0);\n  transition: transform 150ms ease-in-out, opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\n}\n\n.ReactModal__Overlay--before-close {\n  opacity: 0;\n  transition: opacity 120ms linear;\n}\n\n.ReactModal__Content--before-close{\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(1.1, 1.1);\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\n}\n\n.ReactModal__Body--open,\n.ReactModal__Html--open {\n  overflow: hidden;\n}\n");
-
-var ModalContainer = /*#__PURE__*/function (_React$Component) {
-  _inherits(ModalContainer, _React$Component);
-
-  var _super = _createSuper(ModalContainer);
-
-  function ModalContainer() {
-    var _this;
-
-    _classCallCheck(this, ModalContainer);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "GetSize", function () {
-      var modalHeight = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'auto';
-      var modalWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'auto';
-      return {
-        height: modalHeight,
-        width: modalWidth
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "GetOverflow", function () {
-      var modalOverflow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'visible';
-      return modalOverflow;
-    });
-
-    return _this;
-  }
-
-  _createClass(ModalContainer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (_reactModal.default.defaultStyles.overlay) {
-        _reactModal.default.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';
-      } //append style node to override modal transition classes
-
-
-      if (!document.querySelector('[modal-custom-styling="active"]')) {
-        var head = document.head || document.getElementsByTagName('head')[0];
-        var style = document.createElement('style');
-        style.setAttribute('modal-custom-styling', 'active');
-        head.appendChild(style);
-        style.appendChild(document.createTextNode(modalTransitions));
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          id = _this$props.id,
-          showModal = _this$props.showModal,
-          closeModal = _this$props.closeModal,
-          children = _this$props.children,
-          modalHeight = _this$props.modalHeight,
-          modalWidth = _this$props.modalWidth,
-          modalOverflow = _this$props.modalOverflow,
-          padding = _this$props.padding,
-          _this$props$minWidth = _this$props.minWidth,
-          minWidth = _this$props$minWidth === void 0 ? '' : _this$props$minWidth,
-          _this$props$maxWidth = _this$props.maxWidth,
-          maxWidth = _this$props$maxWidth === void 0 ? '' : _this$props$maxWidth;
-      var sizes = this.GetSize(modalHeight, modalWidth);
-      var height = sizes.height,
-          width = sizes.width;
-      var overflow = this.GetOverflow(modalOverflow);
-      var stylesConfiguration = Object.assign(_objectSpread({}, ModalContainerStyles.content), {
-        height: height,
-        width: width,
-        padding: padding,
-        overflow: overflow,
-        minWidth: minWidth,
-        maxWidth: maxWidth
-      });
-      var styles = {
-        content: stylesConfiguration
-      };
-      return /*#__PURE__*/React.createElement(_reactModal.default, {
-        id: id,
-        isOpen: showModal,
-        closeTimeoutMS: 120,
-        onRequestClose: function onRequestClose() {
-          return closeModal();
-        },
-        style: styles,
-        appElement: document.getElementById('root') || ''
-      }, children);
-    }
-  }]);
-
-  return ModalContainer;
-}(React.Component);
-
-_defineProperty(ModalContainer, "propTypes", {
-  id: _propTypes.default.string,
-  showModal: _propTypes.default.bool.isRequired,
-  closeModal: _propTypes.default.func.isRequired,
-  children: _propTypes.default.any.isRequired,
-  modalHeight: _propTypes.default.any,
-  modalWidth: _propTypes.default.any,
-  modalOverflow: _propTypes.default.string,
-  padding: _propTypes.default.string,
-  minWidth: _propTypes.default.string,
-  maxWidth: _propTypes.default.string
-});
-
-var _default = ModalContainer;
-exports.default = _default;
-//# sourceMappingURL=ModalContainer.js.map

package/dist/js/Modals/ModalContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Modals/ModalContainer.tsx"],"names":["ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOWS","BOXSHADOW_L3","modalTransitions","Z_INDEXES","backdrop","modal","ModalContainer","modalHeight","modalWidth","modalOverflow","ReactModal","defaultStyles","overlay","backgroundColor","document","querySelector","head","getElementsByTagName","style","createElement","setAttribute","appendChild","createTextNode","props","id","showModal","closeModal","children","padding","minWidth","maxWidth","sizes","GetSize","GetOverflow","stylesConfiguration","Object","assign","styles","getElementById","React","Component"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,oBAAoB,GAAG;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,GAAG,EAAE,KADE;AAEPC,IAAAA,IAAI,EAAE,KAFC;AAGPC,IAAAA,KAAK,EAAE,MAHA;AAIPC,IAAAA,MAAM,EAAE,MAJD;AAKPC,IAAAA,WAAW,EAAE,MALN;AAMPC,IAAAA,KAAK,EAAE,OANA;AAOPC,IAAAA,MAAM,EAAE,OAPD;AAQPC,IAAAA,YAAY,EAAE,KARP;AASPC,IAAAA,SAAS,EAAE,YATJ;AAUPC,IAAAA,MAAM,EAAE,CAVD;AAWPC,IAAAA,QAAQ,EAAE,MAXH;AAYPC,IAAAA,SAAS,EAAEC,mBAAWC;AAZf;AADkB,CAA7B,C,CAiBA;;AACA,IAAMC,gBAAgB,iEAGTC,oBAAUC,QAHD,+KAYTD,oBAAUE,KAZD,mpBAAtB;;IAuDMC,c;;;;;;;;;;;;;;;;8DAgBM;AAAA,UAACC,WAAD,uEAAuB,MAAvB;AAAA,UAA+BC,UAA/B,uEAAoD,MAApD;AAAA,aAAgE;AAAEd,QAAAA,MAAM,EAAEa,WAAV;AAAuBd,QAAAA,KAAK,EAAEe;AAA9B,OAAhE;AAAA,K;;kEACI;AAAA,UAACC,aAAD,uEAAyB,SAAzB;AAAA,aAAuCA,aAAvC;AAAA,K;;;;;;;WAhBd,6BAAoB;AAClB,UAAIC,oBAAWC,aAAX,CAAyBC,OAA7B,EAAsC;AACpCF,4BAAWC,aAAX,CAAyBC,OAAzB,CAAiCC,eAAjC,GAAmD,iBAAnD;AACD,OAHiB,CAKlB;;;AACA,UAAI,CAACC,QAAQ,CAACC,aAAT,CAAuB,iCAAvB,CAAL,EAAgE;AAC9D,YAAMC,IAAI,GAAGF,QAAQ,CAACE,IAAT,IAAiBF,QAAQ,CAACG,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;AACA,YAAMC,KAAK,GAAGJ,QAAQ,CAACK,aAAT,CAAuB,OAAvB,CAAd;AACAD,QAAAA,KAAK,CAACE,YAAN,CAAmB,sBAAnB,EAA2C,QAA3C;AACAJ,QAAAA,IAAI,CAACK,WAAL,CAAiBH,KAAjB;AACAA,QAAAA,KAAK,CAACG,WAAN,CAAkBP,QAAQ,CAACQ,cAAT,CAAwBpB,gBAAxB,CAAlB;AACD;AACF;;;WAID,kBAAS;AACP,wBAA+H,KAAKqB,KAApI;AAAA,UAAQC,EAAR,eAAQA,EAAR;AAAA,UAAYC,SAAZ,eAAYA,SAAZ;AAAA,UAAuBC,UAAvB,eAAuBA,UAAvB;AAAA,UAAmCC,QAAnC,eAAmCA,QAAnC;AAAA,UAA6CpB,WAA7C,eAA6CA,WAA7C;AAAA,UAA0DC,UAA1D,eAA0DA,UAA1D;AAAA,UAAsEC,aAAtE,eAAsEA,aAAtE;AAAA,UAAqFmB,OAArF,eAAqFA,OAArF;AAAA,6CAA8FC,QAA9F;AAAA,UAA8FA,QAA9F,qCAAyG,EAAzG;AAAA,6CAA6GC,QAA7G;AAAA,UAA6GA,QAA7G,qCAAwH,EAAxH;AACA,UAAMC,KAAK,GAAG,KAAKC,OAAL,CAAazB,WAAb,EAA0BC,UAA1B,CAAd;AACA,UAAQd,MAAR,GAA0BqC,KAA1B,CAAQrC,MAAR;AAAA,UAAgBD,KAAhB,GAA0BsC,KAA1B,CAAgBtC,KAAhB;AACA,UAAMK,QAAQ,GAAG,KAAKmC,WAAL,CAAiBxB,aAAjB,CAAjB;AACA,UAAMyB,mBAAmB,GAAGC,MAAM,CAACC,MAAP,mBAAmBlD,oBAAoB,CAACC,OAAxC,GAAmD;AAAEO,QAAAA,MAAM,EAANA,MAAF;AAAUD,QAAAA,KAAK,EAALA,KAAV;AAAiBmC,QAAAA,OAAO,EAAPA,OAAjB;AAA0B9B,QAAAA,QAAQ,EAARA,QAA1B;AAAoC+B,QAAAA,QAAQ,EAARA,QAApC;AAA8CC,QAAAA,QAAQ,EAARA;AAA9C,OAAnD,CAA5B;AACA,UAAMO,MAAM,GAAG;AAAElD,QAAAA,OAAO,EAAE+C;AAAX,OAAf;AAEA,0BACE,oBAAC,mBAAD;AAAY,QAAA,EAAE,EAAEV,EAAhB;AAAoB,QAAA,MAAM,EAAEC,SAA5B;AAAuC,QAAA,cAAc,EAAE,GAAvD;AAA4D,QAAA,cAAc,EAAE;AAAA,iBAAMC,UAAU,EAAhB;AAAA,SAA5E;AAAgG,QAAA,KAAK,EAAEW,MAAvG;AAA+G,QAAA,UAAU,EAAEvB,QAAQ,CAACwB,cAAT,CAAwB,MAAxB,KAAmC;AAA9J,SACGX,QADH,CADF;AAKD;;;;EA/B0BY,KAAK,CAACC,S;;gBAA7BlC,c;AAdJkB,EAAAA,E;AACAC,EAAAA,S;AACAC,EAAAA,U;AACAC,EAAAA,Q;AACApB,EAAAA,W;AACAC,EAAAA,U;AACAC,EAAAA,a;AACAmB,EAAAA,O;AACAC,EAAAA,Q;AACAC,EAAAA,Q;;;eAuCaxB,c","sourcesContent":["import * as React from 'react';\r\nimport ReactModal from 'react-modal';\r\nimport { BOXSHADOWS } from '../styles';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nconst ModalContainerStyles = {\r\n  content: {\r\n    top: '50%',\r\n    left: '50%',\r\n    right: 'auto',\r\n    bottom: 'auto',\r\n    marginRight: '-50%',\r\n    width: '640px',\r\n    height: '320px',\r\n    borderRadius: '8px',\r\n    boxSizing: 'border-box' as any,\r\n    margin: 0,\r\n    overflow: 'auto',\r\n    boxShadow: BOXSHADOWS.BOXSHADOW_L3,\r\n  },\r\n};\r\n\r\n//override modal classes to define the animations\r\nconst modalTransitions = `\r\n.ReactModal__Overlay {\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n}\r\n\r\n.ReactModal__Overlay--after-open {\r\n  opacity: 1;\r\n  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content{\r\n  z-index: ${Z_INDEXES.modal};\r\n  opacity:0;\r\n  transform: translate(-50%, -50%) scale(1.1, 1.1);\r\n}\r\n\r\n.ReactModal__Content--after-open{\r\n  opacity: 1;\r\n  transform: translate(-50%, -50%) scale(1.0, 1.0);\r\n  transition: transform 150ms ease-in-out, opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Overlay--before-close {\r\n  opacity: 0;\r\n  transition: opacity 120ms linear;\r\n}\r\n\r\n.ReactModal__Content--before-close{\r\n  opacity: 0;\r\n  transform: translate(-50%, -50%) scale(1.1, 1.1);\r\n  transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\r\n}\r\n\r\n.ReactModal__Body--open,\r\n.ReactModal__Html--open {\r\n  overflow: hidden;\r\n}\r\n`;\r\n\r\ntype ModalContainerProps = {\r\n  id?: string;\r\n  showModal: boolean;\r\n  closeModal: () => void;\r\n  children: any;\r\n  modalHeight?: any;\r\n  modalWidth?: any;\r\n  modalOverflow?: string;\r\n  padding?: string;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n};\r\n\r\ntype ModalContainerState = {};\r\n\r\nclass ModalContainer extends React.Component<ModalContainerProps, ModalContainerState> {\r\n  componentDidMount() {\r\n    if (ReactModal.defaultStyles.overlay) {\r\n      ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\r\n    }\r\n\r\n    //append style node to override modal transition classes\r\n    if (!document.querySelector('[modal-custom-styling=\"active\"]')) {\r\n      const head = document.head || document.getElementsByTagName('head')[0];\r\n      const style = document.createElement('style');\r\n      style.setAttribute('modal-custom-styling', 'active');\r\n      head.appendChild(style);\r\n      style.appendChild(document.createTextNode(modalTransitions));\r\n    }\r\n  }\r\n\r\n  GetSize = (modalHeight: string = 'auto', modalWidth: string = 'auto') => ({ height: modalHeight, width: modalWidth });\r\n  GetOverflow = (modalOverflow: string = 'visible') => modalOverflow;\r\n  render() {\r\n    const { id, showModal, closeModal, children, modalHeight, modalWidth, modalOverflow, padding, minWidth = '', maxWidth = '' } = this.props;\r\n    const sizes = this.GetSize(modalHeight, modalWidth);\r\n    const { height, width } = sizes;\r\n    const overflow = this.GetOverflow(modalOverflow);\r\n    const stylesConfiguration = Object.assign({ ...ModalContainerStyles.content }, { height, width, padding, overflow, minWidth, maxWidth });\r\n    const styles = { content: stylesConfiguration };\r\n\r\n    return (\r\n      <ReactModal id={id} isOpen={showModal} closeTimeoutMS={120} onRequestClose={() => closeModal()} style={styles} appElement={document.getElementById('root') || ''}>\r\n        {children}\r\n      </ReactModal>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"file":"ModalContainer.js"}

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-import { ButtonAction, LeftFooterAction } from './ModalTypes';
-interface NewModalProps {
-    size?: Size;
-    isModalOpen: boolean;
-    closeModalAndClearInput: any;
-    title?: string;
-    topImage?: any;
-    buttons?: ButtonAction[];
-    leftFooterAction?: LeftFooterAction;
-    tooltip?: string;
-    backButton?: () => void;
-    closeAction: () => void;
-    submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;
-    note?: string;
-    state?: string;
-}
-export declare const ModalDialog: React.FunctionComponent<NewModalProps>;
-export default ModalDialog;