@laerdal/life-react-components 6.0.0-dev.19.full → 6.0.0-dev.2.full

package/dist/Tag/__tests__/Tag.test.tsx

@@ -1,86 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import 'jest-styled-components';
-import { Tag } from '..';
-import '@testing-library/jest-dom';
-import { COLORS, SystemIcons } from '../..';
-
-describe('<Tag />',()=>{
-    it('renders only label', async () => {
-        const{getByText} = render(
-            <Tag label='sample text'/>
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeNull();
-    });
-
-    it('renders only icon', async () => {
-        const{getByTestId} = render(
-            <Tag icon={<SystemIcons.Time/>} />
-        );
-        expect(getByTestId('iconContainer')).toBeDefined();
-        expect(getByTestId('iconContainer').previousElementSibling).toBeNull();
-    });
-
-    it('renders label and icon', async () => {
-        const{getByText} = render(
-            <Tag label='sample text' icon={<SystemIcons.Time/>} />
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeDefined();
-    });
-
-    it('renders positive background', async () => {
-        const{getByText, container } = render(
-            <Tag label='sample text' icon={<SystemIcons.Time/>} variant='positive' />
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeDefined();
-        expect(container.firstChild).toHaveClass('positive');
-    });
-
-    it('renders warning background', async () => {
-        const{getByText, container} = render(
-            <Tag label='sample text' icon={<SystemIcons.Time/>} variant='warning' />
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeDefined();
-        expect(container.firstChild).toHaveClass('warning');
-    });
-
-    it('renders critical background', async () => {
-        const{getByText, container} = render(
-            <Tag label='sample text' icon={<SystemIcons.Time/>} variant='critical' />
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeDefined();
-        expect(container.firstChild).toHaveClass('critical');
-    });
-
-    it('renders accent1 background', async () => {
-        const{getByText, container} = render(
-            <Tag label='sample text' icon={<SystemIcons.Time/>} variant='accent1' />
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeDefined();
-        expect(container.firstChild).toHaveClass('accent1');
-    });
-
-    it('renders accent2 background', async () => {
-        const{getByText, container} = render(
-            <Tag label='sample text' icon={<SystemIcons.Time/>} variant='accent2' />
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeDefined();
-        expect(container.firstChild).toHaveClass('accent2');
-    });
-
-    it('renders neutral background', async () => {
-        const{getByText, container} = render(
-            <Tag label='sample text' icon={<SystemIcons.Time/>} />
-        );
-        expect(getByText('sample text')).toBeDefined();
-        expect(getByText('sample text').previousElementSibling).toBeDefined();
-        expect(container.firstChild).toHaveClass('neutral');
-    });
-});

package/dist/Toasters/__tests__/Toast.test.tsx

@@ -1,74 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import { Toast } from '../index';
-import 'jest-styled-components';
-import { ToastColor, ToastPosition } from '../../types';
-
-
-
-describe('<Toast />', () => {
-  it('Renders black toast', async () => {
-    const { queryByText, getByTestId } = render(
-      <Toast
-        key="a"
-        options={{
-          color: ToastColor.BLACK,
-          position: ToastPosition.TOPMIDDLE,
-        }}
-        remove={() => {}}
-        content="This is a warning"
-        testId="TestToast"
-      />,
-    );
-    expect(queryByText('This is a warning')).toBeDefined();
-    expect(getByTestId('TestToast').classList.contains('BLACK')).toBe(true);
-  });
-  it('Renders white toast', async () => {
-    const { queryByText, getByTestId } = render(
-      <Toast
-        key="a"
-        options={{
-          color: ToastColor.WHITE,
-          position: ToastPosition.TOPMIDDLE,
-        }}
-        remove={() => {}}
-        content="This is a warning"
-        testId="TestToast"
-      />,
-    );
-    expect(queryByText('This is a warning')).toBeDefined();
-    expect(getByTestId('TestToast').classList.contains('WHITE')).toBe(true);
-  });
-  it('Renders warning toast', async () => {
-    const { queryByText, getByTestId } = render(
-      <Toast
-        key="a"
-        options={{
-          color: ToastColor.ORANGE,
-          position: ToastPosition.TOPMIDDLE,
-        }}
-        remove={() => {}}
-        content="This is a warning"
-        testId="TestToast"
-      />,
-    );
-    expect(queryByText('This is a warning')).toBeDefined();
-    expect(getByTestId('TestToast').classList.contains('ORANGE')).toBe(true);
-  });
-  it('Renders error toast', async () => {
-    const { queryByText, getByTestId } = render(
-      <Toast
-        key="a"
-        options={{
-          color: ToastColor.RED,
-          position: ToastPosition.TOPMIDDLE,
-        }}
-        remove={() => {}}
-        content="This is a warning"
-        testId="TestToast"
-      />,
-    );
-    expect(queryByText('This is a warning')).toBeDefined();
-    expect(getByTestId('TestToast').classList.contains('RED')).toBe(true);
-  });
-});

package/dist/Toggles/__tests__/ToggleButton.test.tsx

@@ -1,53 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '../../test-utils';
-import '@testing-library/jest-dom';
-import { SystemIcons, ToggleButton } from '../..';
-import 'jest-styled-components';
-
-
-
-describe('<ToggleButton />', () => {
-  it('Renders ToggleButton component', async () => {
-    const { container } = render(<ToggleButton id={'toggleBtn'} active={false} defaultState={{ icon: <SystemIcons.PlayList /> }} />);
-    expect(container.querySelector('[id="toggleBtn"]')).toBeTruthy();
-  });
-
-  it('Renders ToggleButton component in active state', async () => {
-    const { container } = render(<ToggleButton id={'toggleBtn'} active={true} defaultState={{ icon: <SystemIcons.PlayList /> }} />);
-    expect(container.querySelector('[id="toggleBtn"]')).toBeTruthy();
-    //check correct state class set
-    expect(container.querySelector('[id="toggleBtn"]')!.closest('div')).toHaveClass('active');
-  });
-
-  it('Renders ToggleButton component in state-change', async () => {
-    const { container } = render(
-      <ToggleButton active={false} id={'toggleBtn'} activeState={{ icon: <SystemIcons.PlayList /> }} defaultState={{ icon: <SystemIcons.PlayList /> }} />,
-    );
-    expect(container.querySelector('[id="toggleBtn"]')).toBeTruthy();
-    //check correct state class set
-    expect(container.querySelector('[id="toggleBtn"]')!.closest('div')).toHaveClass('state-change');
-  });
-
-  it('Renders ToggleButton component in disabled state', async () => {
-    const { container } = render(<ToggleButton disabled={true} id={'toggleBtn'} active={true} defaultState={{ icon: <SystemIcons.PlayList /> }} />);
-    expect(container.querySelector('[id="toggleBtn"]')).toBeTruthy();
-    //check correct state class set
-    expect(container.querySelector('[id="toggleBtn"]')!.closest('div')).toHaveClass('disabled');
-    //check inner button is disabled
-    expect(container.querySelector('[id="toggleBtn"]') as HTMLButtonElement).toBeDisabled();
-  });
-
-  it('Check action for ToggleButton component', async () => {
-    //mock action callback
-    const handleChange = jest.fn();
-
-    const { container } = render(
-      <ToggleButton active={false} onChange={handleChange} id={'toggleBtn'} activeState={{ icon: <SystemIcons.PlayList /> }} defaultState={{ icon: <SystemIcons.PlayList /> }} />,
-    );
-    expect(container.querySelector('[id="toggleBtn"]')).toBeTruthy();
-    fireEvent.click(container.querySelector('[id="toggleBtn"]') as HTMLButtonElement);
-
-    //check callback  called
-    expect(handleChange).toHaveBeenCalledTimes(1);
-  });
-});

package/dist/Toggles/__tests__/ToggleSwitch.test.tsx

@@ -1,87 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '../../test-utils';
-import '@testing-library/jest-dom';
-import { Size, ToggleSwitch } from '../..';
-import 'jest-styled-components';
-
-
-
-describe('<ToggleSwitch />', () => {
-  it('Renders ToggleSwitch component', async () => {
-    const { getByText } = render(<ToggleSwitch label={'Test Switch label'} id="TogglerWithoutLabelNormal" onToggle={(val) => {}} selected={false} />);
-
-    //check label element rendered
-    expect(getByText('Test Switch label').closest('label')).toBeTruthy();
-    //check label text
-    expect(getByText('Test Switch label')).toBeTruthy();
-    //no size defined, medium by default
-    expect(getByText('Test Switch label').closest('div')).toHaveClass('medium');
-  });
-
-  it('Renders ToggleSwitch component without label', async () => {
-    const { container } = render(<ToggleSwitch size={Size.Large} id="TogglerWithoutLabelNormal" onToggle={(val) => {}} selected={false} />);
-
-    //check label element rendered
-    expect(container.querySelector('.label')).toBeFalsy();
-    //large size defined
-    expect(container.querySelector('[id="switchContainer"]')!.closest('div')).toHaveClass('large');
-    //should be able to focus the parent div as not disabeld
-    expect(container.querySelector('[id="switchContainer"]')!.closest('div')).toHaveAttribute('tabindex', '0');
-  });
-
-  it('Renders disabled ToggleSwitch component', async () => {
-    const { container } = render(<ToggleSwitch disabled={true} id="TogglerWithoutLabelNormal" onToggle={(val) => {}} selected={false} />);
-
-    expect(container.querySelector('[id="switchContainer"]')!.closest('div')).toHaveClass('disabled');
-    expect(container.querySelector('[id="switchContainer"]')!.closest('div')).toHaveAttribute('tabindex', '-1');
-  });
-
-  it('Renders semantic ToggleSwitch component', async () => {
-    const { container } = render(<ToggleSwitch isSemantic={true} id="TogglerWithoutLabelNormal" onToggle={(val) => {}} selected={false} />);
-
-    //semnatic class should be added
-    expect(container.querySelector('[id="switchContainer"]')!.firstElementChild).toHaveClass('semantic');
-  });
-
-  it('Check toggle click for ToggleSwitch component', async () => {
-    const handleToggle = jest.fn();
-    const { container } = render(<ToggleSwitch isSemantic={true} id="TogglerWithoutLabelNormal" onToggle={handleToggle} selected={false} />);
-
-    fireEvent(
-      container.querySelector('[id="switchContainer"]')!.closest('div') as HTMLDivElement,
-      new MouseEvent('click', {
-        bubbles: true,
-        cancelable: true,
-      }),
-    );
-
-    expect(handleToggle).toHaveBeenCalledTimes(1);
-  });
-
-  it('Check toggle click not fired when ToggleSwitch disabled', async () => {
-    const handleToggle = jest.fn();
-    const { container } = render(<ToggleSwitch disabled={true} id="TogglerWithoutLabelNormal" onToggle={handleToggle} selected={false} />);
-
-    //check disabled
-    expect(container.querySelector('[id="switchContainer"]')!.closest('div')).toHaveClass('disabled');
-    //simulate click
-    fireEvent(
-      container.querySelector('[id="switchContainer"]')!.closest('div') as HTMLDivElement,
-      new MouseEvent('click', {
-        bubbles: true,
-        cancelable: true,
-      }),
-    );
-    //check callback not called
-    expect(handleToggle).toHaveBeenCalledTimes(0);
-  });
-
-  it('Check toggle onkeydown ev for ToggleSwitch component', async () => {
-    const handleToggle = jest.fn();
-    const { container } = render(<ToggleSwitch isSemantic={true} id="TogglerWithoutLabelNormal" onToggle={handleToggle} selected={false} />);
-
-    fireEvent.keyDown(container.querySelector('[id="switchContainer"]')!.closest('div') as HTMLDivElement, { key: 'Enter', code: 'Enter', charCode: 13 });
-
-    expect(handleToggle).toHaveBeenCalledTimes(1);
-  });
-});

package/dist/Tooltips/__tests__/TooltipWrapper.test.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import {TooltipWrapper} from '../index';
-import {render} from '../../test-utils';
-
-
-
-
-describe('TooltipWrapper', () => {
-
-  it('should render', () => {
-    const wrapper = render(<TooltipWrapper label={'label'}/>);
-
-    expect(wrapper.queryByText('label')).toBeInTheDocument();
-  });
-
-});

package/dist/common/Link.cjs

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Link = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["to", "active", "className", "children"];
-var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const StyledLink = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  text-decoration: none;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  ", "\n\n  ", "\n"])), _styles.COLORS.BLUE_500, _styles.focusStyles, props => props.active && "\n    color: ".concat(_styles.COLORS.BLUE_700, ";\n    font-weight: bold;\n  "));
-const Link = _ref => {
-  let {
-      to,
-      active,
-      className,
-      children
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLink, _objectSpread(_objectSpread({
-    href: to,
-    active: active,
-    className: className
-  }, props), {}, {
-    children: children
-  }));
-};
-exports.Link = Link;
-Link.propTypes = {
-  to: _propTypes.default.string,
-  active: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node
-};
-var _default = exports.default = Link;
-//# sourceMappingURL=Link.cjs.map

package/dist/common/Link.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_jsxRuntime","_excluded","_templateObject","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledLink","styled","a","_taggedTemplateLiteral2","COLORS","BLUE_500","focusStyles","props","active","concat","BLUE_700","Link","_ref","to","className","children","_objectWithoutProperties2","jsx","href","exports","propTypes","_propTypes","string","bool","node","_default"],"sources":["../../src/common/Link.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, focusStyles } from '../styles';\r\n\r\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  to?: string;\r\n  active?: boolean;\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst StyledLink = styled.a<{ active?: boolean }>`\r\n  color: ${COLORS.BLUE_500};\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  ${focusStyles}\r\n\r\n  ${props => props.active && `\r\n    color: ${COLORS.BLUE_700};\r\n    font-weight: bold;\r\n  `}\r\n`;\r\n\r\nexport const Link: React.FC<LinkProps> = ({ to, active, className, children, ...props }) => {\r\n  return (\r\n    <StyledLink \r\n      href={to} \r\n      active={active}\r\n      className={className}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default Link; "],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,SAAA;AAAA,IAAAC,eAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAShD,MAAMqB,UAAU,GAAGC,yBAAM,CAACC,CAAC,CAAAzB,eAAA,KAAAA,eAAA,OAAA0B,uBAAA,CAAAP,OAAA,mJAChBQ,cAAM,CAACC,QAAQ,EAQtBC,mBAAW,EAEXC,KAAK,IAAIA,KAAK,CAACC,MAAM,oBAAAC,MAAA,CACZL,cAAM,CAACM,QAAQ,kCAEzB,CACF;AAEM,MAAMC,IAAyB,GAAGC,IAAA,IAAmD;EAAA,IAAlD;MAAEC,EAAE;MAAEL,MAAM;MAAEM,SAAS;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPL,KAAK,OAAAS,yBAAA,CAAApB,OAAA,EAAAgB,IAAA,EAAApC,SAAA;EACnF,oBACE,IAAAD,WAAA,CAAA0C,GAAA,EAACjB,UAAU,EAAAT,aAAA,CAAAA,aAAA;IACT2B,IAAI,EAAEL,EAAG;IACTL,MAAM,EAAEA,MAAO;IACfM,SAAS,EAAEA;EAAU,GACjBP,KAAK;IAAAQ,QAAA,EAERA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACI,OAAA,CAAAR,IAAA,GAAAA,IAAA;AAAAA,IAAA,CAAAS,SAAA;EAlCAP,EAAE,EAAAQ,UAAA,CAAAzB,OAAA,CAAA0B,MAAA;EACFd,MAAM,EAAAa,UAAA,CAAAzB,OAAA,CAAA2B,IAAA;EACNT,SAAS,EAAAO,UAAA,CAAAzB,OAAA,CAAA0B,MAAA;EACTP,QAAQ,EAAAM,UAAA,CAAAzB,OAAA,CAAA4B;AAAA;AAAA,IAAAC,QAAA,GAAAN,OAAA,CAAAvB,OAAA,GAiCKe,IAAI","ignoreList":[]}

package/dist/common/Link.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    to?: string;
-    active?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-}
-export declare const Link: React.FC<LinkProps>;
-export default Link;

package/dist/common/Link.js

@@ -1,37 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-const _excluded = ["to", "active", "className", "children"];
-var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import styled from 'styled-components';
-import { COLORS, focusStyles } from '../styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  text-decoration: none;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  ", "\n\n  ", "\n"])), COLORS.BLUE_500, focusStyles, props => props.active && "\n    color: ".concat(COLORS.BLUE_700, ";\n    font-weight: bold;\n  "));
-export const Link = _ref => {
-  let {
-      to,
-      active,
-      className,
-      children
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(StyledLink, _objectSpread(_objectSpread({
-    href: to,
-    active: active,
-    className: className
-  }, props), {}, {
-    children: children
-  }));
-};
-Link.propTypes = {
-  to: _pt.string,
-  active: _pt.bool,
-  className: _pt.string,
-  children: _pt.node
-};
-export default Link;
-//# sourceMappingURL=Link.js.map

package/dist/common/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","names":["React","styled","COLORS","focusStyles","jsx","_jsx","StyledLink","a","_templateObject","_taggedTemplateLiteral","BLUE_500","props","active","concat","BLUE_700","Link","_ref","to","className","children","_objectWithoutProperties","_excluded","_objectSpread","href","propTypes","_pt","string","bool","node"],"sources":["../../src/common/Link.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, focusStyles } from '../styles';\r\n\r\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  to?: string;\r\n  active?: boolean;\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst StyledLink = styled.a<{ active?: boolean }>`\r\n  color: ${COLORS.BLUE_500};\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  ${focusStyles}\r\n\r\n  ${props => props.active && `\r\n    color: ${COLORS.BLUE_700};\r\n    font-weight: bold;\r\n  `}\r\n`;\r\n\r\nexport const Link: React.FC<LinkProps> = ({ to, active, className, children, ...props }) => {\r\n  return (\r\n    <StyledLink \r\n      href={to} \r\n      active={active}\r\n      className={className}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default Link; "],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAShD,MAAMC,UAAU,GAAGL,MAAM,CAACM,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,kJAChBP,MAAM,CAACQ,QAAQ,EAQtBP,WAAW,EAEXQ,KAAK,IAAIA,KAAK,CAACC,MAAM,oBAAAC,MAAA,CACZX,MAAM,CAACY,QAAQ,kCAEzB,CACF;AAED,OAAO,MAAMC,IAAyB,GAAGC,IAAA,IAAmD;EAAA,IAAlD;MAAEC,EAAE;MAAEL,MAAM;MAAEM,SAAS;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPL,KAAK,GAAAS,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnF,oBACEhB,IAAA,CAACC,UAAU,EAAAgB,aAAA,CAAAA,aAAA;IACTC,IAAI,EAAEN,EAAG;IACTL,MAAM,EAAEA,MAAO;IACfM,SAAS,EAAEA;EAAU,GACjBP,KAAK;IAAAQ,QAAA,EAERA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACJ,IAAA,CAAAS,SAAA;EAlCAP,EAAE,EAAAQ,GAAA,CAAAC,MAAA;EACFd,MAAM,EAAAa,GAAA,CAAAE,IAAA;EACNT,SAAS,EAAAO,GAAA,CAAAC,MAAA;EACTP,QAAQ,EAAAM,GAAA,CAAAG;AAAA;AAiCV,eAAeb,IAAI","ignoreList":[]}

package/dist/common/NavigationHelper.cjs

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNavigationHelper = void 0;
-var _reactRouter = require("react-router");
-const useNavigationHelper = () => {
-  const navigateHook = (0, _reactRouter.useNavigate)();
-  const location = (0, _reactRouter.useLocation)();
-  const navigate = (url, isExternal) => {
-    if (isExternal) {
-      window.location.href = url;
-    } else {
-      navigateHook(url);
-    }
-  };
-  const isActiveRoute = (url, exact) => {
-    return !!(0, _reactRouter.matchPath)({
-      path: url,
-      end: exact
-    }, location.pathname ?? '');
-  };
-  return {
-    navigate,
-    isActiveRoute
-  };
-};
-exports.useNavigationHelper = useNavigationHelper;
-//# sourceMappingURL=NavigationHelper.cjs.map

package/dist/common/NavigationHelper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationHelper.cjs","names":["_reactRouter","require","useNavigationHelper","navigateHook","useNavigate","location","useLocation","navigate","url","isExternal","window","href","isActiveRoute","exact","matchPath","path","end","pathname","exports"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\r\n\r\nexport const useNavigationHelper = () => {\r\n  const navigateHook = useNavigate();\r\n  const location = useLocation();\r\n\r\n  const navigate = (url: string, isExternal: boolean) => {\r\n    if (isExternal) {\r\n      window.location.href = url;\r\n    } else {\r\n      navigateHook(url);\r\n    }\r\n  };\r\n\r\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\r\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\r\n  };\r\n\r\n  return { navigate, isActiveRoute };\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,YAAY,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,QAAQ,GAAGA,CAACC,GAAW,EAAEC,UAAmB,KAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACL,QAAQ,CAACM,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLL,YAAY,CAACK,GAAG,CAAC;IACnB;EACF,CAAC;EAED,MAAMI,aAAa,GAAGA,CAACJ,GAAW,EAAEK,KAAc,KAAc;IAC9D,OAAO,CAAC,CAAC,IAAAC,sBAAS,EAAC;MAAEC,IAAI,EAAEP,GAAG;MAAEQ,GAAG,EAAEH;IAAM,CAAC,EAAER,QAAQ,CAACY,QAAQ,IAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAEV,QAAQ;IAAEK;EAAc,CAAC;AACpC,CAAC;AAACM,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/common/NavigationHelper.d.ts

@@ -1,4 +0,0 @@
-export declare const useNavigationHelper: () => {
-    navigate: (url: string, isExternal: boolean) => void;
-    isActiveRoute: (url: string, exact: boolean) => boolean;
-};

package/dist/common/NavigationHelper.js

@@ -1,23 +0,0 @@
-import { useNavigate, matchPath, useLocation } from 'react-router';
-export const useNavigationHelper = () => {
-  const navigateHook = useNavigate();
-  const location = useLocation();
-  const navigate = (url, isExternal) => {
-    if (isExternal) {
-      window.location.href = url;
-    } else {
-      navigateHook(url);
-    }
-  };
-  const isActiveRoute = (url, exact) => {
-    return !!matchPath({
-      path: url,
-      end: exact
-    }, location.pathname ?? '');
-  };
-  return {
-    navigate,
-    isActiveRoute
-  };
-};
-//# sourceMappingURL=NavigationHelper.js.map

package/dist/common/NavigationHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationHelper.js","names":["useNavigate","matchPath","useLocation","useNavigationHelper","navigateHook","location","navigate","url","isExternal","window","href","isActiveRoute","exact","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\r\n\r\nexport const useNavigationHelper = () => {\r\n  const navigateHook = useNavigate();\r\n  const location = useLocation();\r\n\r\n  const navigate = (url: string, isExternal: boolean) => {\r\n    if (isExternal) {\r\n      window.location.href = url;\r\n    } else {\r\n      navigateHook(url);\r\n    }\r\n  };\r\n\r\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\r\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\r\n  };\r\n\r\n  return { navigate, isActiveRoute };\r\n};\r\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,cAAc;AAElE,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,YAAY,GAAGJ,WAAW,CAAC,CAAC;EAClC,MAAMK,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAE9B,MAAMI,QAAQ,GAAGA,CAACC,GAAW,EAAEC,UAAmB,KAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACJ,QAAQ,CAACK,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLH,YAAY,CAACG,GAAG,CAAC;IACnB;EACF,CAAC;EAED,MAAMI,aAAa,GAAGA,CAACJ,GAAW,EAAEK,KAAc,KAAc;IAC9D,OAAO,CAAC,CAACX,SAAS,CAAC;MAAEY,IAAI,EAAEN,GAAG;MAAEO,GAAG,EAAEF;IAAM,CAAC,EAAEP,QAAQ,CAACU,QAAQ,IAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAET,QAAQ;IAAEK;EAAc,CAAC;AACpC,CAAC","ignoreList":[]}