@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.4.full

package/dist/umd/LoadingPage/GlobalLoadingPage.js

@@ -0,0 +1,138 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "../assets", "../LoadingIndicator/LoadingIndicator", "../styles", "../styles/typography"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../assets"), require("../LoadingIndicator/LoadingIndicator"), require("../styles"), require("../styles/typography"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.assets, global.LoadingIndicator, global.styles, global.typography);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _assets, _LoadingIndicator, _styles, _typography) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  var _LoadingIndicator2 = _interopRequireDefault(_LoadingIndicator);
+
+  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 LoadingMain = _styledComponents2.default.main`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: ${_styles.COLORS.primary_20};
+  height: 100%;
+`;
+  const Header = _styledComponents2.default.div`
+  height: 64px;
+  background-color: ${_styles.COLORS.white};
+  border-bottom: 1px solid ${_styles.COLORS.neutral_200};
+`;
+  const LogoAndMessage = _styledComponents2.default.div`
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  bottom: 36px;
+  left: 50%;
+  transform: translate(-50%);
+  align-items: center;
+
+  span {
+    margin-bottom: 40px;
+    font-weight: normal;
+    width: 320px;
+    text-align: center;
+    
+    ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
+  }
+`;
+  const LoadingIndicatorContainer = _styledComponents2.default.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+`;
+
+  const LoadingPage = ({
+    optionalMessage,
+    includeHeader
+  }) => {
+    return /*#__PURE__*/React.createElement(LoadingMain, {
+      "data-testid": "TestLoadingMain"
+    }, includeHeader && /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(LoadingIndicatorContainer, null, /*#__PURE__*/React.createElement(_LoadingIndicator2.default, null)), /*#__PURE__*/React.createElement(LogoAndMessage, {
+      "data-testid": "TestLoadingLogoAndMessage"
+    }, optionalMessage && /*#__PURE__*/React.createElement("span", null, optionalMessage), /*#__PURE__*/React.createElement(_assets.LaerdalLoadingLogo, null)));
+  };
+
+  LoadingPage.propTypes = {
+    optionalMessage: _propTypes2.default.string,
+    includeHeader: _propTypes2.default.bool
+  };
+  exports.default = LoadingPage;
+});
+//# sourceMappingURL=GlobalLoadingPage.js.map

package/dist/umd/LoadingPage/GlobalLoadingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/LoadingPage/GlobalLoadingPage.tsx"],"names":["LoadingMain","styled","main","COLORS","primary_20","Header","div","white","neutral_200","LogoAndMessage","ComponentMStyling","ComponentTextStyle","LoadingIndicatorContainer","optionalMessage","includeHeader","LoadingPage"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,QAAMA,WAAW,GAAGC,2BAAOC,IAAK;AAChC;AACA;AACA;AACA,sBAAsBC,eAAOC,UAAW;AACxC;AALA,CAAA;AAQA,QAAMC,MAAM,GAAGJ,2BAAOK,GAAiB;AACvC;AACA,sBAAsBH,eAAOI,KAAM;AACnC,6BAA6BJ,eAAOK,WAAY;AAHhD,CAAA;AAMA,QAAMC,cAAc,GAAGR,2BAAOK,GAAI;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,mCAAkBC,2BAAD,OAAjBD,EAA8CP,eAA7B,WAAjBO,CAAkE;AACxE;AAhBA,CAAA;AAmBA,QAAME,yBAAyB,GAAGX,2BAAOK,GAAI;AAC7C;AACA;AACA;AACA;AAJA,CAAA;;AAYA,QAAMS,WAAiD,GAAG,CAAC;AAAA,IAAA,eAAA;AAAmBD,IAAAA;AAAnB,GAAD,KAAqD;AAC7G,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAa,qBAAY;AAAzB,KAAA,EACGA,aAAa,IAAA,aAAI,KAAA,CAAA,aAAA,CAAA,MAAA,EADpB,IACoB,CADpB,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,yBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,0BAAA,EAHJ,IAGI,CADF,CAFF,EAAA,aAKE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,qBAAY;AAA5B,KAAA,EACGD,eAAe,IAAA,aAAI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EADtB,eACsB,CADtB,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,0BAAA,EARN,IAQM,CAFF,CALF,CADF;AADF,GAAA;;;AAJEA,IAAAA,e;AACAC,IAAAA,a;;oBAkBF,W","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {LaerdalLoadingLogo} from '../assets';\n\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst LoadingMain = styled.main`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ${COLORS.primary_20};\n  height: 100%;\n`;\n\nconst Header = styled.div<LoaderProps>`\n  height: 64px;\n  background-color: ${COLORS.white};\n  border-bottom: 1px solid ${COLORS.neutral_200};\n`;\n\nconst LogoAndMessage = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\ninterface LoaderProps {\n  optionalMessage?: string;\n  includeHeader?: boolean;\n}\n\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\n  return (\n    <LoadingMain data-testid=\"TestLoadingMain\">\n      {includeHeader && <Header />}\n      <LoadingIndicatorContainer>\n        <LoadingIndicator />\n      </LoadingIndicatorContainer>\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\n        {optionalMessage && <span>{optionalMessage}</span>}\n        <LaerdalLoadingLogo />\n      </LogoAndMessage>\n    </LoadingMain>\n  );\n};\n\nexport default LoadingPage;\n"],"file":"GlobalLoadingPage.js"}

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

@@ -0,0 +1,44 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["react", "@testing-library/react", "../index", "../../styles", "jest-styled-components"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("react"), require("@testing-library/react"), require("../index"), require("../../styles"), require("jest-styled-components"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.react, global.react, global.index, global.styles, global.jestStyledComponents);
+    global.undefined = mod.exports;
+  }
+})(this, function (_react, _react3, _index, _styles) {
+  "use strict";
+
+  var _react2 = _interopRequireDefault(_react);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  describe('<GlobalLoadingPage />', () => {
+    it('Renders GlobalLoadingPage', async () => {
+      const optionalMessage = 'This is the optional message';
+      const {
+        queryByText,
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.GlobalLoadingPage, {
+        optionalMessage: optionalMessage
+      }));
+      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');
+    });
+  });
+});
+//# sourceMappingURL=GlobalLoadingPage.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/LoadingPage/__tests__/GlobalLoadingPage.test.tsx"],"names":["describe","it","optionalMessage","getByTestId","render","expect","queryByText","COLORS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMAA,EAAAA,QAAQ,CAAA,uBAAA,EAA0B,MAAM;AACtCC,IAAAA,EAAE,CAAA,2BAAA,EAA8B,YAAY;AAC1C,YAAMC,eAAe,GAArB,8BAAA;AACA,YAAM;AAAA,QAAA,WAAA;AAAeC,QAAAA;AAAf,UAA+BC,qBAAM,aAAC,gBAAA,aAAA,CAAA,wBAAA,EAAA;AAAmB,QAAA,eAAe,EAAEF;AAApC,OAAA,CAAPE,CAArC;AACAC,MAAAA,MAAM,CAACC,WAAW,CAAlBD,eAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,iBAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,iBAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,kBAAAA,EAA2EE,eAA3EF,UAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,iBAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,QAAAA,EAAAA,MAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,2BAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,2BAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,UAAAA,EAAAA,UAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,2BAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,aAAAA,EAAAA,QAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,2BAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,QAAAA,EAAAA,MAAAA;AAVFJ,KAAE,CAAFA;AADFD,GAAQ,CAARA","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { GlobalLoadingPage } from '../index';\nimport 'jest-styled-components';\nimport { COLORS } from '../../styles';\n\ndescribe('<GlobalLoadingPage />', () => {\n  it('Renders GlobalLoadingPage', async () => {\n    const optionalMessage = 'This is the optional message';\n    const { queryByText, getByTestId } = render(<GlobalLoadingPage optionalMessage={optionalMessage} />);\n    expect(queryByText(optionalMessage)).toBeDefined();\n    expect(getByTestId('TestLoadingMain')).toBeDefined();\n    expect(getByTestId('TestLoadingMain')).toHaveStyleRule('background-color', COLORS.primary_20);\n    expect(getByTestId('TestLoadingMain')).toHaveStyleRule('height', '100%');\n    expect(getByTestId('TestLoadingLogoAndMessage')).toBeDefined();\n    expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('position', 'absolute');\n    expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('align-items', 'center');\n    expect(getByTestId('TestLoadingLogoAndMessage')).toHaveStyleRule('bottom', '36px');\n  });\n});\n"],"file":"GlobalLoadingPage.test.js"}

package/dist/umd/LoadingPage/index.js

@@ -0,0 +1,32 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./GlobalLoadingPage"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./GlobalLoadingPage"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.GlobalLoadingPage);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _GlobalLoadingPage) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "GlobalLoadingPage", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_GlobalLoadingPage).default;
+    }
+  });
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/umd/MiniProductCard/MiniProductCard.js

@@ -0,0 +1,163 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "react-router-dom", "styled-components", "../styles", "../icons/systemicons/SystemIcons", "../styles/typography"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("react-router-dom"), require("styled-components"), require("../styles"), require("../icons/systemicons/SystemIcons"), require("../styles/typography"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.reactRouterDom, global.styledComponents, global.styles, global.SystemIcons, global.typography);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _reactRouterDom, _styledComponents, _styles, _SystemIcons, _typography) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  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 ProductLink = (0, _styledComponents2.default)(_reactRouterDom.Link)`
+  display: flex;
+  flex: 1;
+  margin: 10px 8px;
+  color: ${_styles.COLORS.black};
+  text-decoration: none;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    width: 305px;
+  }
+`;
+  const ProductThing = _styledComponents2.default.div`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  border-radius: 8px;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
+
+  &:hover {
+    background: ${_styles.COLORS.primary_20};
+
+    .product-chevron-right-path {
+      fill: ${_styles.COLORS.primary_600};
+    }
+  }
+  &:active {
+    background: ${_styles.COLORS.primary_100};
+
+    .product-chevron-right-path {
+      fill: ${_styles.COLORS.primary_600};
+    }
+  }
+`;
+  const ProductImage = _styledComponents2.default.img`
+  width: 95px;
+  height: 75px;
+  object-fit: fill;
+  border-radius: 8px;
+`;
+  const ProductName = _styledComponents2.default.h2`
+  ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.black)}
+  margin: 0;
+  margin-top: 3px;
+`;
+  const ProductType = _styledComponents2.default.span`
+  ${(0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.black)}
+  margin: 0;
+`;
+  const ProductInnerWrapper = _styledComponents2.default.div`
+  display: flex;
+  flex-direction: column;
+  padding: 12px 18px;
+  flex: 1;
+`;
+  const RightIconWrapper = _styledComponents2.default.div`
+  display: flex;
+  justify-self: flex-start;
+  align-items: center;
+  padding-right: 12px;
+`;
+
+  const MiniProductCard = ({
+    url,
+    product
+  }) => {
+    return /*#__PURE__*/React.createElement(ProductLink, {
+      to: 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: _propTypes2.default.string
+  };
+  exports.default = MiniProductCard;
+});
+//# sourceMappingURL=MiniProductCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/MiniProductCard/MiniProductCard.tsx"],"names":["url","ProductLink","styled","COLORS","black","BREAKPOINTS","MEDIUM","ProductThing","div","primary_20","primary_600","primary_100","ProductImage","img","ProductName","h2","ComponentMStyling","ComponentTextStyle","ProductType","span","ComponentSStyling","ProductInnerWrapper","RightIconWrapper","MiniProductCard","product","image"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,QAAMC,WAAW,GAAGC,gCAAM,oBAANA,CAAa;AACjC;AACA;AACA;AACA,WAAWC,eAAOC,KAAM;AACxB;AACA;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AATA,CAAA;AAYA,QAAMC,YAAY,GAAGL,2BAAOM,GAAI;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBL,eAAOM,UAAW;AACpC;AACA;AACA,cAAcN,eAAOO,WAAY;AACjC;AACA;AACA;AACA,kBAAkBP,eAAOQ,WAAY;AACrC;AACA;AACA,cAAcR,eAAOO,WAAY;AACjC;AACA;AApBA,CAAA;AAuBA,QAAME,YAAY,GAAGV,2BAAOW,GAAI;AAChC;AACA;AACA;AACA;AAJA,CAAA;AAOA,QAAMC,WAAW,GAAGZ,2BAAOa,EAAG;AAC9B,IAAIC,mCAAkBC,2BAAD,OAAjBD,EAA8Cb,eAA7B,KAAjBa,CAA4D;AAChE;AACA;AAHA,CAAA;AAMA,QAAME,WAAW,GAAGhB,2BAAOiB,IAAK;AAChC,IAAIC,mCAAkBH,2BAAD,OAAjBG,EAA8CjB,eAA7B,KAAjBiB,CAA4D;AAChE;AAFA,CAAA;AAKA,QAAMC,mBAAmB,GAAGnB,2BAAOM,GAAI;AACvC;AACA;AACA;AACA;AAJA,CAAA;AAOA,QAAMc,gBAAgB,GAAGpB,2BAAOM,GAAI;AACpC;AACA;AACA;AACA;AAJA,CAAA;;AAOA,QAAMe,eAAe,GAAG,CAAC;AAAA,IAAA,GAAA;AAAOC,IAAAA;AAAP,GAAD,KAAiC;AACvD,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAa,MAAA,EAAE,EAAExB,GAAG,IAAI;AAAxB,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,EACGwB,OAAO,CAAPA,KAAAA,IAAAA,aAAiB,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAc,MAAA,GAAG,EAAEA,OAAO,CAACC;AAA3B,KAAA,CADpB,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EAAcD,OAAO,CADvB,IACE,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EAAcA,OAAO,CAJzB,IAII,CAFF,CAFF,EAAA,aAME,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,yBAAA,EAAA;AAAc,MAAA,KAAK,EAAErB,eAArB,OAAA;AAAqC,MAAA,SAAS,EAA9C,uBAAA;AAAyE,MAAA,IAAI,EAAE;AAA/E,KAAA,CADF,CANF,CADF,CADF;AADF,GAAA;;;AArEEH,IAAAA,G;;oBAsFF,e","sourcesContent":["import * as React from 'react';\nimport {Link} from 'react-router-dom';\nimport styled from 'styled-components';\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\nimport {ChevronRight} from '../icons/systemicons/SystemIcons';\nimport {Product} from '../types';\nimport {ComponentMStyling, ComponentSStyling} from '../styles/typography';\n\ntype CardProps = {\n  product: Product;\n  url?: string;\n};\nconst ProductLink = styled(Link)`\n  display: flex;\n  flex: 1;\n  margin: 10px 8px;\n  color: ${COLORS.black};\n  text-decoration: none;\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 305px;\n  }\n`;\n\nconst ProductThing = styled.div`\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: ${COLORS.primary_20};\n\n    .product-chevron-right-path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n  &:active {\n    background: ${COLORS.primary_100};\n\n    .product-chevron-right-path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n`;\n\nconst ProductImage = styled.img`\n  width: 95px;\n  height: 75px;\n  object-fit: fill;\n  border-radius: 8px;\n`;\n\nconst ProductName = styled.h2`\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n  margin: 0;\n  margin-top: 3px;\n`;\n\nconst ProductType = styled.span`\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\n  margin: 0;\n`;\n\nconst ProductInnerWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 12px 18px;\n  flex: 1;\n`;\n\nconst RightIconWrapper = styled.div`\n  display: flex;\n  justify-self: flex-start;\n  align-items: center;\n  padding-right: 12px;\n`;\n\nconst MiniProductCard = ({ url, product }: CardProps) => {\n  return (\n    <ProductLink to={url ?? ''}>\n      <ProductThing>\n        {product.image && <ProductImage src={product.image} />}\n        <ProductInnerWrapper>\n          <ProductName>{product.name}</ProductName>\n          <ProductType>{product.type}</ProductType>\n        </ProductInnerWrapper>\n        <RightIconWrapper>\n          <ChevronRight color={COLORS.primary} className={'product-chevron-right'} size={'24px'} />\n        </RightIconWrapper>\n      </ProductThing>\n    </ProductLink>\n  );\n};\n\nexport default MiniProductCard;\n"],"file":"MiniProductCard.js"}

package/dist/umd/MiniProductCard/index.js

@@ -0,0 +1,32 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./MiniProductCard"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./MiniProductCard"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.MiniProductCard);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _MiniProductCard) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "MiniProductCard", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_MiniProductCard).default;
+    }
+  });
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/umd/Modals/Modal.js

@@ -0,0 +1,131 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "../Button", "../icons/systemicons/SystemIcons", "../styles", "./ModalStyles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../Button"), require("../icons/systemicons/SystemIcons"), require("../styles"), require("./ModalStyles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.Button, global.SystemIcons, global.styles, global.ModalStyles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _Button, _SystemIcons, _styles, _ModalStyles) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.ModalCloseButton = undefined;
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  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
+    };
+  }
+
+  /**
+   * Modal styles
+   */
+  const Column = _styledComponents2.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  height: 100%;
+`;
+  const StyledButton = (0, _styledComponents2.default)(_Button.IconButton)`
+  display: flex;
+`;
+
+  const ModalCloseButton = exports.ModalCloseButton = ({
+    onClick
+  }) => {
+    return /*#__PURE__*/React.createElement(StyledButton, {
+      variant: "secondary",
+      shape: "square",
+      action: onClick
+    }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
+      size: "24px",
+      color: _styles.COLORS.black
+    }));
+  };
+
+  const Modal = ({
+    children
+  }) => /*#__PURE__*/React.createElement(Column, null, children);
+
+  Modal.propTypes = {
+    children: _propTypes2.default.any.isRequired
+  };
+
+  Modal.Header = ({
+    children
+  }) => /*#__PURE__*/React.createElement(_ModalStyles.ModalHeader, null, children);
+
+  Modal.Body = ({
+    children
+  }) => /*#__PURE__*/React.createElement(_ModalStyles.ModalBody, null, children);
+
+  Modal.Footer = ({
+    children
+  }) => /*#__PURE__*/React.createElement(_ModalStyles.ModalFooter, null, children);
+
+  exports.default = Modal;
+});
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modals/Modal.tsx"],"names":["Column","styled","div","StyledButton","ModalCloseButton","onClick","COLORS","black","children","Modal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;AACA;AACA;AACA,QAAMA,MAAM,GAAGC,2BAAOC,GAAI;AAC1B;AACA;AACA;AACA;AAJA,CAAA;AAOA,QAAMC,YAAY,GAAGF,gCAAM,kBAANA,CAAmB;AACxC;AADA,CAAA;;AAIO,QAAMG,gBAAkE,WAAlEA,gBAAkE,GAAG,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAiB;AACjG,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAc,MAAA,OAAO,EAArB,WAAA;AAAkC,MAAA,KAAK,EAAvC,QAAA;AAAiD,MAAA,MAAM,EAAEA;AAAzD,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAO,MAAA,IAAI,EAAX,MAAA;AAAmB,MAAA,KAAK,EAAEC,eAAOC;AAAjC,KAAA,CADF,CADF;AADK,GAAA;;AAYP,QAAME,KAAK,GAAG,CAAC;AAAED,IAAAA;AAAF,GAAD,KAAA,aAA8B,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAA5C,QAA4C,CAA5C;;;AAHEA,IAAAA,Q;;;AAKFC,EAAAA,KAAK,CAALA,MAAAA,GAAe,CAAC;AAAED,IAAAA;AAAF,GAAD,KAAA,aAA8B,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA,IAAA,EAA7CC,QAA6C,CAA7CA;;AAEAA,EAAAA,KAAK,CAALA,IAAAA,GAAa,CAAC;AAAED,IAAAA;AAAF,GAAD,KAAA,aAA8B,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,IAAA,EAA3CC,QAA2C,CAA3CA;;AAEAA,EAAAA,KAAK,CAALA,MAAAA,GAAe,CAAC;AAAED,IAAAA;AAAF,GAAD,KAAA,aAA8B,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA,IAAA,EAA7CC,QAA6C,CAA7CA;;oBAEA,K","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '../Button';\nimport { Close } from '../icons/systemicons/SystemIcons';\nimport { COLORS } from '../styles';\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\n\n/**\n * Modal styles\n */\nconst Column = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n`;\n\nconst StyledButton = styled(IconButton)`\n  display: flex;\n`;\n\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\n  return (\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\n      <Close size=\"24px\" color={COLORS.black} />\n    </StyledButton>\n  );\n};\n\ntype ModalProps = {\n  children: any;\n};\n\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\n\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\n\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\n\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\n\nexport default Modal;\n"],"file":"Modal.js"}