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

package/dist/umd/Tabs/Tabs.js

@@ -0,0 +1,185 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "../types"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../types"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.types);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _types) {
+  "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 getHeight = size => {
+    switch (size) {
+      case _types.Size.Small:
+        return '48px';
+
+      case _types.Size.Medium:
+        return '56px';
+
+      case _types.Size.Large:
+        return '64px';
+
+      default:
+        return '48px';
+    }
+  };
+
+  const getFontSize = size => {
+    switch (size) {
+      case _types.Size.Small:
+        return '16px';
+
+      case _types.Size.Medium:
+        return '18px';
+
+      case _types.Size.Large:
+        return '20px';
+
+      default:
+        return '20px';
+    }
+  };
+
+  const getTopMargin = size => {
+    switch (size) {
+      case _types.Size.Small:
+        return '6px';
+
+      case _types.Size.Medium:
+        return '10px';
+
+      case _types.Size.Large:
+        return '12px';
+
+      default:
+        return '12px';
+    }
+  };
+
+  const getBottomMargin = size => {
+    switch (size) {
+      case _types.Size.Small:
+        return '2px';
+
+      case _types.Size.Medium:
+        return '3px';
+
+      case _types.Size.Large:
+        return '4px';
+
+      default:
+        return '4px';
+    }
+  };
+
+  const Nav = _styledComponents2.default.nav`
+  display: flex;
+  flex-direction: column;
+
+  a {
+    height: ${props => getHeight(props.size)};
+  }
+
+  a > div:last-of-type {
+    font-size: 12px;
+    margin: 0 0 8px 16px;
+  }
+  a > div:first-child {
+    font-size: ${props => getFontSize(props.size)};
+    margin: ${props => getTopMargin(props.size)} 0 ${props => getBottomMargin(props.size)} 16px;
+  }
+  a > div:only-of-type {
+    font-size: ${props => getFontSize(props.size)};
+    margin: auto 0 auto 16px;
+  }
+
+  @media print {
+    display: none;
+  }
+`;
+
+  const Tabs = ({
+    children,
+    size
+  }) => /*#__PURE__*/React.createElement(Nav, {
+    role: "tablist",
+    size: size
+  }, children);
+
+  Tabs.propTypes = {
+    children: _propTypes2.default.any
+  };
+  exports.default = Tabs;
+});
+//# sourceMappingURL=Tabs.js.map

package/dist/umd/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/Tabs.tsx"],"names":["children","getHeight","size","Size","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","props","Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,QAAMC,SAAS,GAAIC,IAAD,IAAgB;AAChC,YAAA,IAAA;AACE,WAAKC,YAAL,KAAA;AACE,eAAA,MAAA;;AACF,WAAKA,YAAL,MAAA;AACE,eAAA,MAAA;;AACF,WAAKA,YAAL,KAAA;AACE,eAAA,MAAA;;AACF;AACE,eAAA,MAAA;AARJ;AADF,GAAA;;AAaA,QAAMC,WAAW,GAAIF,IAAD,IAAgB;AAClC,YAAA,IAAA;AACE,WAAKC,YAAL,KAAA;AACE,eAAA,MAAA;;AACF,WAAKA,YAAL,MAAA;AACE,eAAA,MAAA;;AACF,WAAKA,YAAL,KAAA;AACE,eAAA,MAAA;;AACF;AACE,eAAA,MAAA;AARJ;AADF,GAAA;;AAaA,QAAME,YAAY,GAAIH,IAAD,IAAgB;AACnC,YAAA,IAAA;AACE,WAAKC,YAAL,KAAA;AACE,eAAA,KAAA;;AACF,WAAKA,YAAL,MAAA;AACE,eAAA,MAAA;;AACF,WAAKA,YAAL,KAAA;AACE,eAAA,MAAA;;AACF;AACE,eAAA,MAAA;AARJ;AADF,GAAA;;AAaA,QAAMG,eAAe,GAAIJ,IAAD,IAAgB;AACtC,YAAA,IAAA;AACE,WAAKC,YAAL,KAAA;AACE,eAAA,KAAA;;AACF,WAAKA,YAAL,MAAA;AACE,eAAA,KAAA;;AACF,WAAKA,YAAL,KAAA;AACE,eAAA,KAAA;;AACF;AACE,eAAA,KAAA;AARJ;AADF,GAAA;;AAaA,QAAMI,GAAG,GAAGC,2BAAOC,GAAe;AAClC;AACA;AACA;AACA;AACA,cAAeC,KAAD,IAAWT,SAAS,CAACS,KAAK,CAAN,IAAA,CAAa;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAkBA,KAAD,IAAWN,WAAW,CAACM,KAAK,CAAN,IAAA,CAAa;AACpD,cAAeA,KAAD,IAAWL,YAAY,CAACK,KAAK,CAAN,IAAA,CAAa,MAAMA,KAAD,IAAWJ,eAAe,CAACI,KAAK,CAAN,IAAA,CAAa;AAC9F;AACA;AACA,iBAAkBA,KAAD,IAAWN,WAAW,CAACM,KAAK,CAAN,IAAA,CAAa;AACpD;AACA;AACA;AACA;AACA;AACA;AAvBA,CAAA;;AA0BA,QAAMC,IAAwC,GAAG,CAAC;AAAA,IAAA,QAAA;AAAYT,IAAAA;AAAZ,GAAD,KAAA,aAC/C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAK,IAAA,IAAI,EAAT,SAAA;AAAoB,IAAA,IAAI,EAAEA;AAA1B,GAAA,EADF,QACE,CADF;;;AAlFEF,IAAAA,Q;;oBAwFF,I","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Size } from '../types';\n\ntype TabsProps = {\n  children?: any;\n  size: Size;\n};\n\nconst getHeight = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '48px';\n    case Size.Medium:\n      return '56px';\n    case Size.Large:\n      return '64px';\n    default:\n      return '48px';\n  }\n};\n\nconst getFontSize = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '16px';\n    case Size.Medium:\n      return '18px';\n    case Size.Large:\n      return '20px';\n    default:\n      return '20px';\n  }\n};\n\nconst getTopMargin = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '6px';\n    case Size.Medium:\n      return '10px';\n    case Size.Large:\n      return '12px';\n    default:\n      return '12px';\n  }\n};\n\nconst getBottomMargin = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '2px';\n    case Size.Medium:\n      return '3px';\n    case Size.Large:\n      return '4px';\n    default:\n      return '4px';\n  }\n};\n\nconst Nav = styled.nav<TabsProps>`\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ${(props) => getHeight(props.size)};\n  }\n\n  a > div:last-of-type {\n    font-size: 12px;\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ${(props) => getFontSize(props.size)};\n    margin: ${(props) => getTopMargin(props.size)} 0 ${(props) => getBottomMargin(props.size)} 16px;\n  }\n  a > div:only-of-type {\n    font-size: ${(props) => getFontSize(props.size)};\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\n  <Nav role=\"tablist\" size={size}>\n    {children}\n  </Nav>\n);\n\nexport default Tabs;\n"],"file":"Tabs.js"}

package/dist/umd/Tabs/VerticalTabs.js

@@ -0,0 +1,123 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "./Tabs", "./TabLink", "../types"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("./Tabs"), require("./TabLink"), require("../types"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.Tabs, global.TabLink, global.types);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _Tabs, _TabLink, _types) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _Tabs2 = _interopRequireDefault(_Tabs);
+
+  var _TabLink2 = _interopRequireDefault(_TabLink);
+
+  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 VerticalTabs = ({
+    size,
+    entries
+  }) => {
+    return /*#__PURE__*/React.createElement(_Tabs2.default, {
+      size: size ?? _types.Size.Large
+    }, entries?.map(entry => /*#__PURE__*/React.createElement(_TabLink2.default, {
+      key: entry.to,
+      to: entry.to,
+      exact: entry.exact,
+      requiredLine: entry.requiredLine,
+      optionalLine: entry.optionalLine,
+      OptionalLineIcon: entry.optionalLineIcon,
+      disabled: entry.disabled,
+      showNotificationDot: entry.showNotificationDot,
+      size: size,
+      variant: entry.variant,
+      onLinkClick: () => {
+        if (entry.onClick) {
+          entry.onClick();
+        }
+      }
+    })));
+  };
+
+  VerticalTabs.propTypes = {
+    entries: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+      requiredLine: _propTypes2.default.string.isRequired,
+      optionalLine: _propTypes2.default.string,
+      to: _propTypes2.default.string.isRequired,
+      disabled: _propTypes2.default.bool,
+      onClick: _propTypes2.default.func,
+      exact: _propTypes2.default.bool,
+      showNotificationDot: _propTypes2.default.bool,
+      variant: _propTypes2.default.oneOf(['critical', 'positive'])
+    })).isRequired
+  };
+  exports.default = VerticalTabs;
+});
+//# sourceMappingURL=VerticalTabs.js.map

package/dist/umd/Tabs/VerticalTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/VerticalTabs.tsx"],"names":["requiredLine","optionalLine","to","disabled","onClick","exact","showNotificationDot","variant","entries","VerticalTabs","size","Size","Large","entry"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,QAAMS,YAAY,GAAG,CAAC;AAAA,IAAA,IAAA;AAAQD,IAAAA;AAAR,GAAD,KAA0C;AAC7D,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAM,MAAA,IAAI,EAAEE,IAAI,IAAIC,YAAKC;AAAzB,KAAA,EACG,OAAO,EAAP,GAAA,CAAcC,KAAD,IAAA,aACZ,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AACE,MAAA,GAAG,EAAEA,KAAK,CADZ,EAAA;AAEE,MAAA,EAAE,EAAEA,KAAK,CAFX,EAAA;AAGE,MAAA,KAAK,EAAEA,KAAK,CAHd,KAAA;AAIE,MAAA,YAAY,EAAEA,KAAK,CAJrB,YAAA;AAKE,MAAA,YAAY,EAAEA,KAAK,CALrB,YAAA;AAME,MAAA,gBAAgB,EAAEA,KAAK,CANzB,gBAAA;AAOE,MAAA,QAAQ,EAAEA,KAAK,CAPjB,QAAA;AAQE,MAAA,mBAAmB,EAAEA,KAAK,CAR5B,mBAAA;AASE,MAAA,IAAI,EATN,IAAA;AAUE,MAAA,OAAO,EAAEA,KAAK,CAVhB,OAAA;AAWE,MAAA,WAAW,EAAE,MAAM;AACjB,YAAIA,KAAK,CAAT,OAAA,EAAmB;AACjBA,UAAAA,KAAK,CAALA,OAAAA;AACD;AACF;AAfH,KAAA,CADD,CADH,CADF;AADF,GAAA;;;AAHEL,IAAAA,O;AAZAR,MAAAA,Y;AACAC,MAAAA,Y;AAEAC,MAAAA,E;AACAC,MAAAA,Q;AACAC,MAAAA,O;AACAC,MAAAA,K;AACAC,MAAAA,mB;AACAC,MAAAA,O,6BAAU,U,EAAa,U;;;oBAgCzB,Y","sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\n\nexport interface VerticalTabEntry {\n  requiredLine: string;\n  optionalLine?: string;\n  optionalLineIcon?: React.FunctionComponent<BaseProps>;\n  to: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  exact?: boolean;\n  showNotificationDot?: boolean;\n  variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n  return (\n    <Tabs size={size ?? Size.Large}>\n      {entries?.map((entry: VerticalTabEntry) => (\n        <TabLink\n          key={entry.to}\n          to={entry.to}\n          exact={entry.exact}\n          requiredLine={entry.requiredLine}\n          optionalLine={entry.optionalLine}\n          OptionalLineIcon={entry.optionalLineIcon}\n          disabled={entry.disabled}\n          showNotificationDot={entry.showNotificationDot}\n          size={size}\n          variant={entry.variant}\n          onLinkClick={() => {\n            if (entry.onClick) {\n              entry.onClick();\n            }\n          }}></TabLink>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default VerticalTabs;\n"],"file":"VerticalTabs.js"}

package/dist/umd/Tabs/__tests__/TabLink.tests.js

@@ -0,0 +1,130 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["react", "@testing-library/react", "react-router", "history", "../TabLink", "../../styles", "jest-styled-components"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("react"), require("@testing-library/react"), require("react-router"), require("history"), require("../TabLink"), require("../../styles"), require("jest-styled-components"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.react, global.react, global.reactRouter, global.history, global.TabLink, global.styles, global.jestStyledComponents);
+    global.undefined = mod.exports;
+  }
+})(this, function (_react, _react3, _reactRouter, _history, _TabLink, _styles) {
+  "use strict";
+
+  var _react2 = _interopRequireDefault(_react);
+
+  var _TabLink2 = _interopRequireDefault(_TabLink);
+
+  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 _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;
+  }
+
+  jest.mock('react-router-dom', () => _objectSpread(_objectSpread({}, jest.requireActual('react-router-dom')), {}, {
+    useLocation: () => ({
+      pathname: 'localhost:3000/test'
+    })
+  }));
+  describe('<TabLink />', () => {
+    it('Renders primary button', async () => {
+      const history = (0, _history.createMemoryHistory)();
+      const route = '/some-route';
+      history.push(route);
+      const {
+        queryByText,
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_reactRouter.Router, {
+        history: history
+      }, /*#__PURE__*/_react2.default.createElement(_TabLink2.default, {
+        requiredLine: "This is a required line",
+        onLinkClick: () => {},
+        to: "/test",
+        testId: "TestTabLink"
+      })));
+      expect(queryByText('This is a required line')).toBeDefined();
+      expect(getByTestId('TestTabLink')).toHaveStyleRule('background-color', 'transparent');
+      expect(getByTestId('TestTabLink')).toHaveStyleRule('color', _styles.COLORS.neutral_600);
+      expect(getByTestId('TestTabLink')).toHaveStyleRule('font-size', '16px'); // Check that click takes you to correct route
+
+      getByTestId('TestTabLink').click();
+      expect(history.location.pathname).toBe('/test');
+    });
+    it('Renders notification dot if defined', async () => {
+      const history = (0, _history.createMemoryHistory)();
+      const route = '/some-route';
+      history.push(route);
+      const {
+        queryByText,
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_reactRouter.Router, {
+        history: history
+      }, /*#__PURE__*/_react2.default.createElement(_TabLink2.default, {
+        requiredLine: "This is a required line",
+        onLinkClick: () => {},
+        to: "/test",
+        testId: "TestTabLinkWithNotifcationDot",
+        showNotificationDot: true
+      })));
+      expect(queryByText('This is a required line')).toBeDefined();
+      expect(getByTestId('NotificationDot')).toBeDefined();
+      expect(getByTestId('NotificationDot')).toHaveStyleRule('background-color', _styles.COLORS.critical_500);
+    });
+  });
+});
+//# sourceMappingURL=TabLink.tests.js.map

package/dist/umd/Tabs/__tests__/TabLink.tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Tabs/__tests__/TabLink.tests.tsx"],"names":["jest","useLocation","pathname","describe","it","history","route","getByTestId","render","expect","queryByText","COLORS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQAA,EAAAA,IAAI,CAAJA,IAAAA,CAAAA,kBAAAA,EAA8B,MAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACxBA,IAAI,CAAJA,aAAAA,CADwB,kBACxBA,CADwB,CAAA,EAAA,EAAA,EAAA;AAE5BC,IAAAA,WAAW,EAAE,OAAO;AAClBC,MAAAA,QAAQ,EAAE;AADQ,KAAP;AAFe,GAAA,CAA9BF;AAMAG,EAAAA,QAAQ,CAAA,aAAA,EAAgB,MAAM;AAC5BC,IAAAA,EAAE,CAAA,wBAAA,EAA2B,YAAY;AACvC,YAAMC,OAAO,GAAb,mCAAA;AACA,YAAMC,KAAK,GAAX,aAAA;AACAD,MAAAA,OAAO,CAAPA,IAAAA,CAAAA,KAAAA;AACA,YAAM;AAAA,QAAA,WAAA;AAAeE,QAAAA;AAAf,UAA+BC,qBAAM,aACzC,gBAAA,aAAA,CAAA,mBAAA,EAAA;AAAQ,QAAA,OAAO,EAAEH;AAAjB,OAAA,EAAA,aACE,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAS,QAAA,YAAY,EAArB,yBAAA;AAAgD,QAAA,WAAW,EAAE,MAAM,CAAnE,CAAA;AAAuE,QAAA,EAAE,EAAzE,OAAA;AAAkF,QAAA,MAAM,EAAC;AAAzF,OAAA,CADF,CADmCG,CAArC;AAKAC,MAAAA,MAAM,CAACC,WAAW,CAAlBD,yBAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,aAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,kBAAAA,EAAAA,aAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,aAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,OAAAA,EAA4DE,eAA5DF,WAAAA;AACAA,MAAAA,MAAM,CAACF,WAAW,CAAlBE,aAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,WAAAA,EAZuC,MAYvCA,EAZuC,CAcvC;;AACAF,MAAAA,WAAW,CAAXA,aAAW,CAAXA,CAAAA,KAAAA;AACAE,MAAAA,MAAM,CAACJ,OAAO,CAAPA,QAAAA,CAAPI,QAAM,CAANA,CAAAA,IAAAA,CAAAA,OAAAA;AAhBFL,KAAE,CAAFA;AAkBAA,IAAAA,EAAE,CAAA,qCAAA,EAAwC,YAAY;AACpD,YAAMC,OAAO,GAAb,mCAAA;AACA,YAAMC,KAAK,GAAX,aAAA;AACAD,MAAAA,OAAO,CAAPA,IAAAA,CAAAA,KAAAA;AACA,YAAM;AAAA,QAAA,WAAA;AAAeE,QAAAA;AAAf,UAA+BC,qBAAM,aACzC,gBAAA,aAAA,CAAA,mBAAA,EAAA;AAAQ,QAAA,OAAO,EAAEH;AAAjB,OAAA,EAAA,aACE,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAS,QAAA,YAAY,EAArB,yBAAA;AAAgD,QAAA,WAAW,EAAE,MAAM,CAAnE,CAAA;AAAuE,QAAA,EAAE,EAAzE,OAAA;AAAkF,QAAA,MAAM,EAAxF,+BAAA;AAAyH,QAAA,mBAAmB,EAAE;AAA9I,OAAA,CADF,CADmCG,CAArC;AAKAC,MAAAA,MAAM,CAACC,WAAW,CAAlBD,yBAAkB,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,YAAAA;AAXFL,KAAE,CAAFA;AAnBFD,GAAQ,CAARA","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Router } from 'react-router';\nimport { createMemoryHistory } from 'history';\nimport TabLink from '../TabLink';\nimport 'jest-styled-components';\nimport { COLORS } from '../../styles';\n\njest.mock('react-router-dom', () => ({\n  ...(jest.requireActual('react-router-dom') as any),\n  useLocation: () => ({\n    pathname: 'localhost:3000/test',\n  }),\n}));\ndescribe('<TabLink />', () => {\n  it('Renders primary button', async () => {\n    const history = createMemoryHistory();\n    const route = '/some-route';\n    history.push(route);\n    const { queryByText, getByTestId } = render(\n      <Router history={history}>\n        <TabLink requiredLine=\"This is a required line\" onLinkClick={() => {}} to=\"/test\" testId=\"TestTabLink\" />\n      </Router>,\n    );\n    expect(queryByText('This is a required line')).toBeDefined();\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('background-color', 'transparent');\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('color', COLORS.neutral_600);\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('font-size', '16px');\n\n    // Check that click takes you to correct route\n    getByTestId('TestTabLink').click();\n    expect(history.location.pathname).toBe('/test');\n  });\n  it('Renders notification dot if defined', async () => {\n    const history = createMemoryHistory();\n    const route = '/some-route';\n    history.push(route);\n    const { queryByText, getByTestId } = render(\n      <Router history={history}>\n        <TabLink requiredLine=\"This is a required line\" onLinkClick={() => {}} to=\"/test\" testId=\"TestTabLinkWithNotifcationDot\" showNotificationDot={true} />\n      </Router>,\n    );\n    expect(queryByText('This is a required line')).toBeDefined();\n    expect(getByTestId('NotificationDot')).toBeDefined();\n    expect(getByTestId('NotificationDot')).toHaveStyleRule('background-color', COLORS.critical_500);\n  });\n});\n"],"file":"TabLink.tests.js"}

package/dist/umd/Tabs/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGA,Y,GAAA,sB;UAAA,c,GAAA,wB","sourcesContent":["import VerticalTabs from './VerticalTabs';\nimport HorizontalTabs from './HorizontalTabs';\n\nexport { VerticalTabs, HorizontalTabs };\n"],"file":"index.js"}