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

package/dist/umd/Tabs/Tabs.js

@@ -1,185 +0,0 @@
-(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

@@ -1 +0,0 @@
-{"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';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<TabsProps>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: 12px;\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.size)};\r\n    margin: ${(props) => getTopMargin(props.size)} 0 ${(props) => getBottomMargin(props.size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"file":"Tabs.js"}

package/dist/umd/Tabs/VerticalTabs.js

@@ -1,123 +0,0 @@
-(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

@@ -1 +0,0 @@
-{"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';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  requiredLine: string;\r\n  optionalLine?: string;\r\n  optionalLineIcon?: React.FunctionComponent<BaseProps>;\r\n  to: string;\r\n  disabled?: boolean;\r\n  onClick?: () => void;\r\n  exact?: boolean;\r\n  showNotificationDot?: boolean;\r\n  variant?: 'critical' | 'positive';\r\n}\r\ninterface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          to={entry.to}\r\n          exact={entry.exact}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={() => {\r\n            if (entry.onClick) {\r\n              entry.onClick();\r\n            }\r\n          }}></TabLink>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"file":"VerticalTabs.js"}

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

@@ -1,130 +0,0 @@
-(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

@@ -1 +0,0 @@
-{"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';\r\nimport { render } from '@testing-library/react';\r\nimport { Router } from 'react-router';\r\nimport { createMemoryHistory } from 'history';\r\nimport TabLink from '../TabLink';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\njest.mock('react-router-dom', () => ({\r\n  ...(jest.requireActual('react-router-dom') as any),\r\n  useLocation: () => ({\r\n    pathname: 'localhost:3000/test',\r\n  }),\r\n}));\r\ndescribe('<TabLink />', () => {\r\n  it('Renders primary button', async () => {\r\n    const history = createMemoryHistory();\r\n    const route = '/some-route';\r\n    history.push(route);\r\n    const { queryByText, getByTestId } = render(\r\n      <Router history={history}>\r\n        <TabLink requiredLine=\"This is a required line\" onLinkClick={() => {}} to=\"/test\" testId=\"TestTabLink\" />\r\n      </Router>,\r\n    );\r\n    expect(queryByText('This is a required line')).toBeDefined();\r\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('background-color', 'transparent');\r\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('color', COLORS.neutral_600);\r\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('font-size', '16px');\r\n\r\n    // Check that click takes you to correct route\r\n    getByTestId('TestTabLink').click();\r\n    expect(history.location.pathname).toBe('/test');\r\n  });\r\n  it('Renders notification dot if defined', async () => {\r\n    const history = createMemoryHistory();\r\n    const route = '/some-route';\r\n    history.push(route);\r\n    const { queryByText, getByTestId } = render(\r\n      <Router history={history}>\r\n        <TabLink requiredLine=\"This is a required line\" onLinkClick={() => {}} to=\"/test\" testId=\"TestTabLinkWithNotifcationDot\" showNotificationDot={true} />\r\n      </Router>,\r\n    );\r\n    expect(queryByText('This is a required line')).toBeDefined();\r\n    expect(getByTestId('NotificationDot')).toBeDefined();\r\n    expect(getByTestId('NotificationDot')).toHaveStyleRule('background-color', COLORS.critical_500);\r\n  });\r\n});\r\n"],"file":"TabLink.tests.js"}

package/dist/umd/Tabs/index.js

@@ -1,34 +0,0 @@
-(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

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