@laerdal/life-react-components 3.6.0-dev.1.full → 3.6.1

package/dist/Modals/__tests__/Modal.test.tsx

@@ -0,0 +1,169 @@
+import * as React from 'react';
+import {render} from '../../test-utils';
+import 'jest-styled-components';
+import {ModalDialog} from '..';
+import {Size, SystemIcons} from '../..';
+
+
+
+describe('<ModalDialog />', () => {
+  let mountingDiv: HTMLElement;
+
+  beforeEach(() => {
+    //being rendered as a React.Portal we need to have the 'root' div defined
+    mountingDiv = document.createElement('div');
+    mountingDiv.id = 'root';
+    document.body.appendChild(mountingDiv);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(mountingDiv);
+  });
+
+  it('Check modal not rendered when isModalOpen is false', async () => {
+    const {container, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={false}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+      />,
+    );
+    //check modal portal not exists when modal not opened
+    expect(container.querySelector('.ReactModalPortal')).toBeNull();
+  });
+
+  it('Check modal visible, title and footer buttons displayed correctly', async () => {
+    const {container, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+        buttons={[
+          {
+            action: () => {
+            },
+            text: 'Close',
+            variant: 'tertiary',
+          },
+          {
+            action: () => {
+            },
+            text: 'Save',
+          },
+        ]}
+      />,
+    );
+    //check modal portal defined
+    expect(container.querySelector('.ReactModalPortal')).toBeDefined();
+    //Check header and footer buttons
+    expect(getByText('Header')).toBeDefined();
+    expect(getByText('Close')).toBeDefined();
+    expect(getByText('Save')).toBeDefined();
+  });
+
+  it('Check tooltip, and link displayed without right footer buttons', async () => {
+    const {baseElement, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+        tooltip={'some test tooltip'}
+        leftFooterAction={{
+          id: 'test-link',
+          actionType: 'hyperlink',
+          text: 'Link',
+          href: 'http://test.com',
+          icon: <></>,
+          variant: 'default'
+        }}
+      />,
+    );
+    //check tooltip displayed
+    expect(getByText('some test tooltip').textContent).toBeDefined();
+    //check footer link displayed
+    expect(getByText('Link').children).toBeDefined();
+  });
+
+  it('Check note and footer note displayed', async () => {
+    const {baseElement, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+        leftFooterAction={{id: 'test-note', actionType: 'note', text: 'Test note', icon: <SystemIcons.Information/>}}
+        note={'Message text'}
+        state={'critical'}
+      />,
+    );
+    //check footer note text displayed
+    expect(getByText('Test note').textContent).toBeDefined();
+    //check note section added
+    expect(baseElement.querySelectorAll('section')?.length).toEqual(4);
+    //check note message displayed
+    expect(getByText('Message text').children).toBeDefined();
+  });
+
+  it('Check back button and close icon displayed', async () => {
+    const {baseElement, getByText, container} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        backButton={() => {
+        }}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+      />,
+    );
+    //only 2 svg elements should be found in the header of the modal
+    expect(baseElement.querySelectorAll('svg')?.length).toEqual(2);
+  });
+
+  it('Check modal body displayed', async () => {
+    const {baseElement, getByText, container} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}>
+        <span>Inner modal text</span>
+      </ModalDialog>,
+    );
+    //Check all dialog sections are displayed
+    expect(baseElement.querySelectorAll('section')?.length).toEqual(3);
+    //Check that the second section (modal body) has the correct text
+    expect(baseElement.querySelectorAll('section')?.[1].textContent).toEqual('Inner modal text');
+  });
+});

package/dist/Modals/__tests__/ModalContainer.test.tsx

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import {ModalContainer} from '../index';
+import {act, fireEvent, render} from '../../test-utils';
+
+
+
+describe('ModalContainer', () => {
+
+  let mountingDiv: HTMLElement;
+  const scrollToSpy = jest.fn();
+
+  beforeEach(() => {
+    //being rendered as a React.Portal we need to have the 'root' div defined
+    mountingDiv = document.createElement('div');
+    mountingDiv.id = 'root';
+    document.body.appendChild(mountingDiv);
+    window.scrollTo = scrollToSpy;
+    document.body.style.position = '';
+    document.body.style.left = '';
+    document.body.style.top = '';
+    document.body.style.right = '';
+
+  });
+
+  afterEach(() => {
+    document.body.removeChild(mountingDiv);
+    scrollToSpy.mockReset();
+  });
+
+  it('should not render content', () => {
+    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(wrapper.queryByText('text')).not.toBeInTheDocument();
+  });
+
+  it('should render children inside react modal', () => {
+    const wrapper = render(<ModalContainer showModal={true} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(wrapper.queryByText('text')).toBeInTheDocument();
+  });
+
+  it('should call onClose when react modal closes', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<ModalContainer showModal={true} closeModal={onClose} children={'text'}/>);
+
+    act(() => {
+      fireEvent.click(document.querySelector('.ReactModal__Overlay')!);
+    });
+
+    expect(onClose).toHaveBeenCalled();
+  });
+
+  it('should append custom styles when modal is mounted', () => {
+    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(document.querySelectorAll('[modal-custom-styling="active"]')).toHaveLength(1);
+  });
+
+  it('should prevent scroll when modal is open', () => {
+    Object.defineProperty(window, 'scrollY', {value: 5, writable: true});
+
+    const wrapper = render(<ModalContainer showModal={true} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(document.body.style.top).toEqual('-5px');
+    expect(document.body.style.position).toEqual('fixed');
+  });
+
+  it('should not touch scroll if modal was not opened yet', async () => {
+    Object.defineProperty(window, 'scrollY', {value: 5, writable: true});
+
+    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(document.body.style.top).toBeFalsy();
+    expect(document.body.style.position).toBeFalsy();
+  });
+
+});

package/dist/Modals/__tests__/ModalContent.test.tsx

@@ -0,0 +1,126 @@
+import React from 'react';
+import { render } from '../../test-utils';
+import 'jest-styled-components';
+import { ModalContent } from '..';
+import { Size, SystemIcons } from '../..';
+
+
+
+describe('<ModalContent />', () => {
+  let mountingDiv: HTMLElement;
+
+  beforeEach(() => {
+    //being rendered as a React.Portal we need to have the 'root' div defined
+    mountingDiv = document.createElement('div');
+    mountingDiv.id = 'root';
+    document.body.appendChild(mountingDiv);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(mountingDiv);
+  });
+
+  it('Check modal not rendered when isModalOpen is false', async () => {
+    const { container, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={false}
+        closeAction={() => {}}
+      />,
+    );
+    //check modal portal not exists when modal not opened
+    expect(container.querySelector('.ReactModalPortal')).toBeNull();
+  });
+
+  it('Check modal visible, title and footer buttons displayed correctly', async () => {
+    const { container, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+        footerActions={[
+          {
+            action: () => {},
+            text: 'Close',
+            variant: 'tertiary',
+          },
+          {
+            action: () => {},
+            text: 'Save',
+          },
+        ]}
+      />,
+    );
+    //check modal portal defined
+    expect(container.querySelector('.ReactModalPortal')).toBeDefined();
+    //Check header and footer buttons
+    expect(getByText('Header')).toBeDefined();
+    expect(getByText('Close')).toBeDefined();
+    expect(getByText('Save')).toBeDefined();
+  });
+
+  it('Check tooltip, and link displayed without right footer buttons', async () => {
+    const { baseElement, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+        tooltip={'some test tooltip'}
+        leftFooterAction={{ id: 'test-link', actionType: 'hyperlink', text: 'Link', href: 'http://test.com', icon: <></>, variant: 'default' }}
+      />,
+    );
+    //check tooltip displayed
+    expect(getByText('some test tooltip').textContent).toBeDefined();
+    //check footer link displayed
+    expect(getByText('Link').children).toBeDefined();
+  });
+
+  it('Check note and footer note displayed', async () => {
+    const { baseElement, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+        leftFooterAction={{ id: 'test-note', actionType: 'note', text: 'Test note', icon: <SystemIcons.Information /> }}
+        note={'Message text'}
+      />,
+    );
+    expect(getByText('Test note').textContent).toBeDefined();
+    expect(getByText('Message text').children).toBeDefined();
+  });
+
+  it('Check close button is displayed', async () => {
+    const {getByTestId } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+      />,
+    );
+    expect(getByTestId('content-modal-close-button')).toBeDefined();
+  });
+
+  it('Check modal body displayed', async () => {
+    const { baseElement, getByText, container } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}>
+        <span>Inner modal text</span>
+      </ModalContent>,
+    );
+    expect(getByText('Inner modal text')).toBeDefined();
+  });
+});

package/dist/NavItem/__tests__/NavItem.test.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import styled from 'styled-components';
+
+test('it works', () => {
+  expect(true).toBe(true);
+});

package/dist/Navigation/NavigationProvider.cjs

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNavigation = exports.NavigationProvider = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const NavigationContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+const NavigationProvider = _ref => {
+  let {
+    children,
+    navigate,
+    isActiveRoute,
+    currentPath
+  } = _ref;
+  const value = _react.default.useMemo(() => ({
+    navigate,
+    currentPath,
+    isActiveRoute
+  }), [navigate, currentPath, isActiveRoute]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigationContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.NavigationProvider = NavigationProvider;
+NavigationProvider.propTypes = {
+  children: _propTypes.default.node.isRequired
+};
+const useNavigation = () => {
+  const context = (0, _react.useContext)(NavigationContext);
+  if (!context) {
+    throw new Error('useNavigation must be used within a NavigationProvider');
+  }
+  return context;
+};
+exports.useNavigation = useNavigation;
+//# sourceMappingURL=NavigationProvider.cjs.map

package/dist/Navigation/NavigationProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationProvider.cjs","names":["_react","_interopRequireWildcard","require","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NavigationContext","createContext","undefined","NavigationProvider","_ref","children","navigate","isActiveRoute","currentPath","value","React","useMemo","jsx","Provider","exports","propTypes","_propTypes","node","isRequired","useNavigation","context","useContext","Error"],"sources":["../../src/Navigation/NavigationProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from 'react';\r\n\r\ninterface NavigationContextType {\r\n    /** Navigate to a different path. If navigation is happening to the external source, please set 'isExternal' to true */\r\n    navigate?: (path: string, isExternal: boolean) => void;\r\n    /** Current path in the navigation context */\r\n    currentPath?: string | undefined;\r\n    /** Check if a route is active, if 'exact' flag is set then we should check for exact match, and not just part of the route */\r\n    isActiveRoute?: (url: string, exact: boolean) => boolean;\r\n}\r\n\r\nconst NavigationContext = createContext<NavigationContextType | undefined>(undefined);\r\n\r\nexport interface NavigationProviderProps {\r\n    children: ReactNode;\r\n}\r\n\r\nexport const NavigationProvider: React.FC<NavigationProviderProps & Partial<NavigationContextType>> = ({ \r\n    children, \r\n    navigate,\r\n    isActiveRoute,\r\n    currentPath\r\n}) => {\r\n    const value = React.useMemo(() => ({\r\n        navigate,\r\n        currentPath,\r\n        isActiveRoute\r\n    }), [navigate, currentPath, isActiveRoute]);\r\n\r\n    return (\r\n        <NavigationContext.Provider value={value}>\r\n            {children}\r\n        </NavigationContext.Provider>\r\n    );\r\n};\r\n\r\nexport const useNavigation = (): NavigationContextType => {\r\n    const context = useContext(NavigationContext);\r\n    if (!context) {\r\n        throw new Error('useNavigation must be used within a NavigationProvider');\r\n    }\r\n    return context;\r\n};"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWpE,MAAMW,iBAAiB,gBAAG,IAAAC,oBAAa,EAAoCC,SAAS,CAAC;AAM9E,MAAMC,kBAAsF,GAAGC,IAAA,IAKhG;EAAA,IALiG;IACnGC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC;EACJ,CAAC,GAAAJ,IAAA;EACG,MAAMK,KAAK,GAAGC,cAAK,CAACC,OAAO,CAAC,OAAO;IAC/BL,QAAQ;IACRE,WAAW;IACXD;EACJ,CAAC,CAAC,EAAE,CAACD,QAAQ,EAAEE,WAAW,EAAED,aAAa,CAAC,CAAC;EAE3C,oBACI,IAAA5B,WAAA,CAAAiC,GAAA,EAACZ,iBAAiB,CAACa,QAAQ;IAACJ,KAAK,EAAEA,KAAM;IAAAJ,QAAA,EACpCA;EAAQ,CACe,CAAC;AAErC,CAAC;AAACS,OAAA,CAAAX,kBAAA,GAAAA,kBAAA;AAAAA,kBAAA,CAAAY,SAAA;EApBEV,QAAQ,EAAAW,UAAA,CAAA9B,OAAA,CAAA+B,IAAA,CAAAC;AAAA;AAsBL,MAAMC,aAAa,GAAGA,CAAA,KAA6B;EACtD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACrB,iBAAiB,CAAC;EAC7C,IAAI,CAACoB,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,wDAAwD,CAAC;EAC7E;EACA,OAAOF,OAAO;AAClB,CAAC;AAACN,OAAA,CAAAK,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/Navigation/NavigationProvider.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+interface NavigationContextType {
+    /** Navigate to a different path. If navigation is happening to the external source, please set 'isExternal' to true */
+    navigate?: (path: string, isExternal: boolean) => void;
+    /** Current path in the navigation context */
+    currentPath?: string | undefined;
+    /** Check if a route is active, if 'exact' flag is set then we should check for exact match, and not just part of the route */
+    isActiveRoute?: (url: string, exact: boolean) => boolean;
+}
+export interface NavigationProviderProps {
+    children: ReactNode;
+}
+export declare const NavigationProvider: React.FC<NavigationProviderProps & Partial<NavigationContextType>>;
+export declare const useNavigation: () => NavigationContextType;
+export {};

package/dist/Navigation/NavigationProvider.js

@@ -0,0 +1,32 @@
+import _pt from "prop-types";
+import React, { createContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const NavigationContext = /*#__PURE__*/createContext(undefined);
+export const NavigationProvider = _ref => {
+  let {
+    children,
+    navigate,
+    isActiveRoute,
+    currentPath
+  } = _ref;
+  const value = React.useMemo(() => ({
+    navigate,
+    currentPath,
+    isActiveRoute
+  }), [navigate, currentPath, isActiveRoute]);
+  return /*#__PURE__*/_jsx(NavigationContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+NavigationProvider.propTypes = {
+  children: _pt.node.isRequired
+};
+export const useNavigation = () => {
+  const context = useContext(NavigationContext);
+  if (!context) {
+    throw new Error('useNavigation must be used within a NavigationProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=NavigationProvider.js.map

package/dist/Navigation/NavigationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationProvider.js","names":["React","createContext","useContext","jsx","_jsx","NavigationContext","undefined","NavigationProvider","_ref","children","navigate","isActiveRoute","currentPath","value","useMemo","Provider","propTypes","_pt","node","isRequired","useNavigation","context","Error"],"sources":["../../src/Navigation/NavigationProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from 'react';\r\n\r\ninterface NavigationContextType {\r\n    /** Navigate to a different path. If navigation is happening to the external source, please set 'isExternal' to true */\r\n    navigate?: (path: string, isExternal: boolean) => void;\r\n    /** Current path in the navigation context */\r\n    currentPath?: string | undefined;\r\n    /** Check if a route is active, if 'exact' flag is set then we should check for exact match, and not just part of the route */\r\n    isActiveRoute?: (url: string, exact: boolean) => boolean;\r\n}\r\n\r\nconst NavigationContext = createContext<NavigationContextType | undefined>(undefined);\r\n\r\nexport interface NavigationProviderProps {\r\n    children: ReactNode;\r\n}\r\n\r\nexport const NavigationProvider: React.FC<NavigationProviderProps & Partial<NavigationContextType>> = ({ \r\n    children, \r\n    navigate,\r\n    isActiveRoute,\r\n    currentPath\r\n}) => {\r\n    const value = React.useMemo(() => ({\r\n        navigate,\r\n        currentPath,\r\n        isActiveRoute\r\n    }), [navigate, currentPath, isActiveRoute]);\r\n\r\n    return (\r\n        <NavigationContext.Provider value={value}>\r\n            {children}\r\n        </NavigationContext.Provider>\r\n    );\r\n};\r\n\r\nexport const useNavigation = (): NavigationContextType => {\r\n    const context = useContext(NavigationContext);\r\n    if (!context) {\r\n        throw new Error('useNavigation must be used within a NavigationProvider');\r\n    }\r\n    return context;\r\n};"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWpE,MAAMC,iBAAiB,gBAAGJ,aAAa,CAAoCK,SAAS,CAAC;AAMrF,OAAO,MAAMC,kBAAsF,GAAGC,IAAA,IAKhG;EAAA,IALiG;IACnGC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC;EACJ,CAAC,GAAAJ,IAAA;EACG,MAAMK,KAAK,GAAGb,KAAK,CAACc,OAAO,CAAC,OAAO;IAC/BJ,QAAQ;IACRE,WAAW;IACXD;EACJ,CAAC,CAAC,EAAE,CAACD,QAAQ,EAAEE,WAAW,EAAED,aAAa,CAAC,CAAC;EAE3C,oBACIP,IAAA,CAACC,iBAAiB,CAACU,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAJ,QAAA,EACpCA;EAAQ,CACe,CAAC;AAErC,CAAC;AAACF,kBAAA,CAAAS,SAAA;EApBEP,QAAQ,EAAAQ,GAAA,CAAAC,IAAA,CAAAC;AAAA;AAsBZ,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAA6B;EACtD,MAAMC,OAAO,GAAGnB,UAAU,CAACG,iBAAiB,CAAC;EAC7C,IAAI,CAACgB,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,wDAAwD,CAAC;EAC7E;EACA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}

package/dist/Navigation/index.cjs

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavigationProvider", {
+  enumerable: true,
+  get: function () {
+    return _NavigationProvider.NavigationProvider;
+  }
+});
+Object.defineProperty(exports, "useNavigation", {
+  enumerable: true,
+  get: function () {
+    return _NavigationProvider.useNavigation;
+  }
+});
+var _NavigationProvider = require("./NavigationProvider");
+//# sourceMappingURL=index.cjs.map

package/dist/Navigation/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["_NavigationProvider","require"],"sources":["../../src/Navigation/index.tsx"],"sourcesContent":["export { useNavigation, NavigationProvider } from './NavigationProvider';\r\nexport type { NavigationProviderProps } from './NavigationProvider';\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/Navigation/index.d.ts

@@ -0,0 +1,2 @@
+export { useNavigation, NavigationProvider } from './NavigationProvider';
+export type { NavigationProviderProps } from './NavigationProvider';

package/dist/Navigation/index.js

@@ -0,0 +1,2 @@
+export { useNavigation, NavigationProvider } from './NavigationProvider';
+//# sourceMappingURL=index.js.map

package/dist/Navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useNavigation","NavigationProvider"],"sources":["../../src/Navigation/index.tsx"],"sourcesContent":["export { useNavigation, NavigationProvider } from './NavigationProvider';\r\nexport type { NavigationProviderProps } from './NavigationProvider';\r\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}

package/dist/NotificationDot/__tests__/NotificationDot.test.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { render } from '../../test-utils';
+import 'jest-styled-components';
+import { NotificationDot } from '..';
+import { Size } from '../../types';
+import COLORS from '../../styles/colors';
+
+  
+describe('<NotificationDot />',()=>{
+    it('renders positive small notification dot', async () => {
+        const{getByTestId} = render(
+            <NotificationDot variant='positive' size={Size.Small} testId='testId'/>
+        );
+        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.bg_fill_positive);
+        expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + COLORS.bg_surface_default);
+    });
+
+    it('renders critical large notification dot', async () => {
+        const{getByTestId} = render(
+            <NotificationDot variant='critical' size={Size.Large} testId='testId'/>
+        );
+        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.bg_fill_critical);
+        expect(getByTestId('testId')).toHaveStyleRule('border', '3px solid ' + COLORS.bg_surface_default);
+    });
+
+    it('renders critical medium notification dot', async () => {
+        const{getByTestId} = render(
+            <NotificationDot variant='critical' testId='testId'/>
+        );
+        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.bg_fill_critical);
+        expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + COLORS.bg_surface_default);
+    });
+});

package/dist/Paginator/__tests__/Paginator.test.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { queryByAttribute, render } from '../../test-utils';
+import { Paginator } from '../index';
+import { createMemoryHistory } from 'history';
+import 'jest-styled-components';
+
+
+
+describe('<Paginator />', () => {
+
+  it('Renders Paginator', async () => {
+
+    let curPage = 1;
+    const { queryByText, container } = render(
+        <Paginator pageCount={6} currentPage={1} onPageChange={(page) => { 
+          console.log(`Page changed to: ${page}`);
+          curPage = page; }} />
+    );
+
+    expect(queryByText('1')).toBeDefined();
+    expect(container.querySelector('#paginator-left')).toBeDefined();
+    expect(container.querySelector('#paginator-right')).toBeDefined();
+    expect(queryByText('6')).toBeDefined();
+
+    // Click on stepper to the right. Expect to be taken from 1 to 2
+    (container.querySelector('#paginator-right') as HTMLElement)?.click();
+    expect(curPage).toBe(2);
+
+    // Click directly on 6. Expect to be taken to /6
+    (queryByText('6') as HTMLElement)?.click();
+    expect(curPage).toBe(6);
+  });
+});

package/dist/Popover/__tests__/Popover.test.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import { render } from '../../test-utils';
+import 'jest-styled-components';
+import { Popover } from '../..';
+import { SystemIcons } from '../../icons';
+import { Position } from '../../types';
+
+  
+describe('<Popover />',()=>{
+    it('renders title', async () => {
+        const{getByText, queryByTestId} = render(
+            <Popover position={Position.Bottom} topSectionProps={{text:'sample title'}} mainContent={<></>} showOnClick={false}>
+                <></>
+            </Popover>
+        );
+
+        expect(getByText('sample title')).toBeDefined();
+        expect(queryByTestId('closeBtn')).toBeNull();
+    })
+
+    it('renders note and title', async () => {
+        const{getByText, queryByTestId} = render(
+            <Popover position={Position.Left} topSectionProps={{text:'sample title', note:'sample note'}} mainContent={<></>} showOnClick={false}>
+                <></>
+            </Popover>
+        );
+
+        expect(getByText('sample title')).toBeDefined();
+        expect(getByText('sample note')).toBeDefined();
+        expect(queryByTestId('closeBtn')).toBeNull();
+    })
+
+    it('renders close button', async () => {
+        const{getByTestId} = render(
+            <Popover position={Position.Bottom} topSectionProps={{text:'sample title'}} mainContent={<></>} showOnClick={true}>
+                <></>
+            </Popover>
+        );
+
+        expect(getByTestId('closeBtn')).toBeDefined();
+    })
+
+    it('renders text button', async () => {
+        const{getByTestId} = render(
+            <Popover position={Position.Right} bottomSectionProps={{textButton:{label:'sample button', icon:<SystemIcons.OpenNewWindow />, action:()=>{}}}} mainContent={<></>} showOnClick={true}>
+                <></>
+            </Popover>
+        );
+
+        expect(getByTestId('textBtn')).toBeDefined();
+        expect(getByTestId('iconBtn').children).toHaveLength(0);
+    })
+
+    it('renders icon button', async () => {
+        const{getByTestId, queryByTestId} = render(
+            <Popover position={Position.Right} bottomSectionProps={{iconButtons:[{label:'sample button', icon:<SystemIcons.OpenNewWindow />, action:()=>{}}]}} mainContent={<></>} showOnClick={true}>
+                <></>
+            </Popover>
+        );
+
+        expect(queryByTestId('textBtn')).toBeNull();
+        expect(getByTestId('iconBtn').children).toHaveLength(1);
+    })
+})