@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/esm/QuizButton/__tests__/QuizButton.test.js

@@ -1,106 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import 'jest-styled-components';
-import { QuizButton } from '..';
-import { Size } from '../../types';
-import COLORS from '../../styles/colors';
-import '@testing-library/jest-dom/extend-expect';
-describe('<QuizButton />', () => {
-  it('renders correct quiz button', async () => {
-    const {
-      getByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(QuizButton, {
-      size: Size.Small,
-      resultType: 'correct',
-      text: 'this is sample text',
-      type: 'radio',
-      id: '1'
-    }));
-    expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-    expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.correct_20, {
-      modifier: '&.correct .quiz-button-text'
-    });
-    expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.correct_400, {
-      modifier: '&.correct .quiz-button-icon'
-    });
-  });
-  it('renders incorrect quiz button', async () => {
-    const {
-      getByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(QuizButton, {
-      size: Size.Small,
-      resultType: 'incorrect',
-      text: 'this is sample text',
-      type: 'checkbox',
-      id: '1'
-    }));
-    expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-    expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.critical_20, {
-      modifier: '&.incorrect .quiz-button-text'
-    });
-    expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.critical_500, {
-      modifier: '&.incorrect .quiz-button-icon'
-    });
-  });
-  it('renders partial quiz button', async () => {
-    const {
-      getByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(QuizButton, {
-      size: Size.Small,
-      resultType: 'partial',
-      text: 'this is sample text',
-      type: 'radio',
-      id: '1'
-    }));
-    expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-    expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.warning_20, {
-      modifier: '&.partial .quiz-button-text'
-    });
-    expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.warning_400, {
-      modifier: '&.partial .quiz-button-icon'
-    });
-  });
-  it('renders quiz button', async () => {
-    const {
-      getByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(QuizButton, {
-      size: Size.Small,
-      text: 'this is sample text',
-      type: 'checkbox',
-      id: '1'
-    }));
-    expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-    expect(getByTestId('txtContainer')).toHaveStyleRule('background', COLORS.accent1_20);
-    expect(getByTestId('btnContainer')).toHaveStyleRule('background', COLORS.accent1_100);
-  });
-  it('renders selected quiz button', async () => {
-    const {
-      getByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(QuizButton, {
-      size: Size.Small,
-      text: 'this is sample text',
-      selected: true,
-      type: 'radio',
-      id: '1'
-    }));
-    expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.accent1_100, {
-      modifier: '&.selected .quiz-button-text'
-    });
-    expect(getByTestId('container')).toHaveStyleRule('background', COLORS.accent1_200, {
-      modifier: '&.selected .quiz-button-icon'
-    });
-  });
-});
-//# sourceMappingURL=QuizButton.test.js.map

package/dist/esm/QuizButton/__tests__/QuizButton.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/QuizButton/__tests__/QuizButton.test.tsx"],"names":["React","render","QuizButton","Size","COLORS","describe","it","getByText","getByTestId","Small","expect","toHaveTextContent","toHaveClass","toHaveStyleRule","correct_20","modifier","correct_400","critical_20","critical_500","warning_20","warning_400","accent1_20","accent1_100","accent1_200"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport 'jest-styled-components';\r\nimport { QuizButton } from '..';\r\nimport { Size } from '../../types';\r\nimport COLORS from '../../styles/colors';\r\nimport '@testing-library/jest-dom/extend-expect';\r\n\r\ndescribe('<QuizButton />',()=>{\r\n    it('renders correct quiz button', async () => {\r\n        const{getByText, getByTestId} = render(\r\n            <QuizButton size={Size.Small} resultType={'correct'} text={'this is sample text'} type={'radio'} id={'1'}/>\r\n        );\r\n        expect(getByText('this is sample text')).toHaveTextContent('this is sample text');\r\n        expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.correct_20, {modifier: '&.correct .quiz-button-text'});\r\n        expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.correct_400, {modifier: '&.correct .quiz-button-icon'});\r\n    });\r\n\r\n    it('renders incorrect quiz button', async () => {\r\n        const{getByText, getByTestId} = render(\r\n            <QuizButton size={Size.Small} resultType={'incorrect'} text={'this is sample text'} type={'checkbox'} id={'1'}/>\r\n        );\r\n        expect(getByText('this is sample text')).toHaveTextContent('this is sample text');\r\n        expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.critical_20, {modifier: '&.incorrect .quiz-button-text'});\r\n        expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.critical_500, {modifier: '&.incorrect .quiz-button-icon'});\r\n    });\r\n\r\n    it('renders partial quiz button', async () => {\r\n        const{getByText, getByTestId} = render(\r\n            <QuizButton size={Size.Small} resultType={'partial'} text={'this is sample text'} type={'radio'} id={'1'}/>\r\n        );\r\n        expect(getByText('this is sample text')).toHaveTextContent('this is sample text');\r\n        expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.warning_20, {modifier: '&.partial .quiz-button-text'});\r\n        expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.warning_400, {modifier: '&.partial .quiz-button-icon'});\r\n    });\r\n\r\n    it('renders quiz button', async () => {\r\n        const{getByText, getByTestId} = render(\r\n            <QuizButton size={Size.Small} text={'this is sample text'} type={'checkbox'} id={'1'}/>\r\n        );\r\n        expect(getByText('this is sample text')).toHaveTextContent('this is sample text');\r\n        expect(getByTestId('txtContainer')).toHaveStyleRule('background',COLORS.accent1_20);\r\n        expect(getByTestId('btnContainer')).toHaveStyleRule('background',COLORS.accent1_100);\r\n    });\r\n\r\n    it('renders selected quiz button', async () => {\r\n        const{getByText, getByTestId} = render(\r\n            <QuizButton size={Size.Small} text={'this is sample text'} selected={true} type={'radio'} id={'1'}/>\r\n        );\r\n        expect(getByText('this is sample text')).toHaveTextContent('this is sample text');\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.accent1_100, {modifier: '&.selected .quiz-button-text'});\r\n        expect(getByTestId('container')).toHaveStyleRule('background',COLORS.accent1_200, {modifier: '&.selected .quiz-button-icon'});\r\n    });\r\n});"],"file":"QuizButton.test.js"}

package/dist/esm/QuizButton/index.js

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

package/dist/esm/QuizButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/QuizButton/index.ts"],"names":["default","QuizButton"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC","sourcesContent":["export { default as QuizButton } from './QuizButton';"],"file":"index.js"}

package/dist/esm/Services/functions.js

@@ -1,12 +0,0 @@
-export function createUUID() {
-  let dt = new Date().getTime(); // eslint-disable-next-line func-names
-
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    // eslint-disable-next-line no-bitwise
-    const r = (dt + Math.random() * 16) % 16 | 0;
-    dt = Math.floor(dt / 16); // eslint-disable-next-line no-bitwise
-
-    return (c === 'x' ? r : r & 0x3 | 0x8).toString(16);
-  });
-}
-//# sourceMappingURL=functions.js.map

package/dist/esm/Services/functions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Services/functions.ts"],"names":["createUUID","dt","Date","getTime","replace","c","r","Math","random","floor","toString"],"mappings":"AAAA,OAAO,SAASA,UAAT,GAAsB;AAC3B,MAAIC,EAAE,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAT,CAD2B,CAE3B;;AACA,SAAO,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAASC,CAAT,EAAY;AACzE;AACA,UAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAL,KAAgB,EAAtB,IAA4B,EAA5B,GAAiC,CAA3C;AACAP,IAAAA,EAAE,GAAGM,IAAI,CAACE,KAAL,CAAWR,EAAE,GAAG,EAAhB,CAAL,CAHyE,CAIzE;;AACA,WAAO,CAACI,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAL,GAAY,GAA7B,EAAkCI,QAAlC,CAA2C,EAA3C,CAAP;AACD,GANM,CAAP;AAOD","sourcesContent":["export function createUUID() {\r\n  let dt = new Date().getTime();\r\n  // eslint-disable-next-line func-names\r\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n    // eslint-disable-next-line no-bitwise\r\n    const r = (dt + Math.random() * 16) % 16 | 0;\r\n    dt = Math.floor(dt / 16);\r\n    // eslint-disable-next-line no-bitwise\r\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\r\n  });\r\n}\r\n"],"file":"functions.js"}

package/dist/esm/SkipToContent/SkipToContent.js

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle } from '../styles';
-import { ComponentSStyling } from '../styles/typography';
-const SkipToContentLink = styled.a`
-  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}
-  
-  text-decoration: underline;
-`;
-const SkipToContentWrapper = styled.div`
-  text-decoration: none;
-  z-index: -1000;
-  height: 0px;
-  overflow-x: hidden;
-
-  &:focus-within {
-    height: auto;
-    padding: 16px;
-    z-index: 100000;
-
-    background: ${COLORS.accent2_200};
-  }
-
-  @media print {
-    display: none;
-  }
-`;
-
-const SkipToContent = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(SkipToContentWrapper, null, /*#__PURE__*/React.createElement(SkipToContentLink, {
-    href: "#main"
-  }, children));
-};
-
-export default SkipToContent;
-//# sourceMappingURL=SkipToContent.js.map

package/dist/esm/SkipToContent/SkipToContent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/SkipToContent/SkipToContent.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","SkipToContentLink","a","Bold","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAAQC,MAAR,EAAgBC,kBAAhB,QAAqD,WAArD;AACA,SAAQC,iBAAR,QAAgC,sBAAhC;AAIA,MAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAE;AACnC,IAAIF,iBAAiB,CAACD,kBAAkB,CAACI,IAApB,EAA0BL,MAAM,CAACM,KAAjC,CAAwC;AAC7D;AACA;AACA,CAJA;AAMA,MAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAI;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBR,MAAM,CAACS,WAAY;AACrC;AACA;AACA;AACA;AACA;AACA,CAjBA;;AAmBA,MAAMC,aAA0D,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkB;AACnF,sBACE,oBAAC,oBAAD,qBACE,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAC;AAAxB,KAAiCA,QAAjC,CADF,CADF;AAKD,CAND;;AAQA,eAAeD,aAAf","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, TYPOGRAPHY} from '../styles';\r\nimport {ComponentSStyling} from '../styles/typography';\r\n\r\ntype SkipToContentProps = {};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n  \r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"file":"SkipToContent.js"}

package/dist/esm/SkipToContent/index.js

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

package/dist/esm/SkipToContent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/SkipToContent/index.ts"],"names":["default","SkipToContent"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC","sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"file":"index.js"}

package/dist/esm/Switcher/MobileSwitcherMenu.js

@@ -1,131 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, ComponentTextStyle, scrollBarStyling } from '../styles';
-import { IconButton } from '../Button';
-import { ArrowLineLeft, Close } from '../icons/systemicons/SystemIcons';
-import { flowDown, Right, UserMenuSectionListStyling } from '../GlobalNavigationBar/mobile/CommonStyles';
-import SwitcherMenuItem from './SwitcherMenuItem';
-import { ComponentSStyling } from '../styles/typography';
-import { Z_INDEXES } from '../styles/z-indexes';
-const Menu = styled.ul`
-  list-style: none;
-  margin: 0;
-  background-color: ${COLORS.white};
-  box-sizing: border-box;
-  display: none;
-  -webkit-animation: ${flowDown} 0.2s ease-in-out;
-  animation: ${flowDown} 0.2s ease-in-out;
-  position: absolute;
-  border-radius: 4px;
-  z-index: ${Z_INDEXES.off_canvas};
-  height: 100%;
-  width: 320px;
-  padding-inline-start: 0;
-  overflow-y: scroll;
-  ${BREAKPOINTS.SMALL} {
-    min-width: 360px;
-  }
-
-  .open & {
-    display: flex;
-    flex-direction: column;
-  }
-
-  ${scrollBarStyling};
-`;
-const MenuSection = styled.li`
-  padding: 8px 0;
-  position: relative;
-
-  .disabled-link {
-    color: #21212150;
-    pointer-events: none;
-    key-events: none;
-  }
-`;
-const MenuSectionList = styled.ul`
-  list-style: none;
-  margin: 0;
-  overflow-y: unset !important;
-  padding-inline-start: 0;
-
-  ${UserMenuSectionListStyling}
-`;
-const Top = styled.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 22px 12px 0 12px;
-  color: ${COLORS.neutral_600};
-
-  h3 {
-    margin-block-start: 0 !important;
-    margin-block-end: 0 !important;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    margin-left: 24px;
-
-    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}
-  }
-`;
-const LabelLine = styled.span`
-  height: 32px;
-  background-color: ${COLORS.neutral_20};
-  padding-left: 24px;
-  display: flex;
-  line-height: 32px;
-`;
-
-const MobileSwitcherMenu = ({
-  header,
-  elementsHeader,
-  clickMenuAction,
-  elements
-}) => {
-  React.useEffect(() => {
-    function handleKeyPress(e) {
-      if (e.keyCode === 27) {
-        clickMenuAction();
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyPress, false);
-    return () => {
-      document.removeEventListener('keydown', handleKeyPress, false);
-    };
-  }, [clickMenuAction]);
-  return /*#__PURE__*/React.createElement(Menu, {
-    onClick: () => {},
-    role: "menu",
-    "aria-labelledby": "UserMenuButton"
-  }, /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: clickMenuAction,
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(ArrowLineLeft, {
-    size: "24px",
-    color: COLORS.neutral_600
-  })), /*#__PURE__*/React.createElement("h3", null, header), /*#__PURE__*/React.createElement(Right, null, /*#__PURE__*/React.createElement(IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: clickMenuAction,
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(Close, {
-    size: "24px"
-  })))), elements && elements?.length > 0 && /*#__PURE__*/React.createElement(MenuSection, null, /*#__PURE__*/React.createElement(LabelLine, null, elementsHeader), /*#__PURE__*/React.createElement(MenuSectionList, null, elements?.map(element => /*#__PURE__*/React.createElement(SwitcherMenuItem, {
-    url: element?.to,
-    label: element?.label,
-    Icon: element.icon
-  })))));
-};
-
-MobileSwitcherMenu.propTypes = {
-  header: _pt.string.isRequired,
-  elementsHeader: _pt.string.isRequired,
-  clickMenuAction: _pt.func.isRequired,
-  elements: _pt.array
-};
-export default MobileSwitcherMenu;
-//# sourceMappingURL=MobileSwitcherMenu.js.map

package/dist/esm/Switcher/MobileSwitcherMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","scrollBarStyling","IconButton","ArrowLineLeft","Close","flowDown","Right","UserMenuSectionListStyling","SwitcherMenuItem","ComponentSStyling","Z_INDEXES","Menu","ul","white","off_canvas","SMALL","MenuSection","li","MenuSectionList","Top","div","neutral_600","Regular","LabelLine","span","neutral_20","MobileSwitcherMenu","header","elementsHeader","clickMenuAction","elements","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","length","map","element","to","label","icon"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, scrollBarStyling} from '../styles';\r\n\r\nimport {UserMenuItem} from '../types';\r\nimport {IconButton} from '../Button';\r\nimport {ArrowLineLeft, Close} from '../icons/systemicons/SystemIcons';\r\nimport {flowDown, Right, UserMenuSectionListStyling} from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport SwitcherMenuItem from './SwitcherMenuItem';\r\nimport {ComponentSStyling} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nconst Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  width: 320px;\r\n  padding-inline-start: 0;\r\n  overflow-y: scroll;\r\n  ${BREAKPOINTS.SMALL} {\r\n    min-width: 360px;\r\n  }\r\n\r\n  .open & {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  ${scrollBarStyling};\r\n`;\r\n\r\nconst MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nconst MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  overflow-y: unset !important;\r\n  padding-inline-start: 0;\r\n\r\n  ${UserMenuSectionListStyling}\r\n`;\r\n\r\nconst Top = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 22px 12px 0 12px;\r\n  color: ${COLORS.neutral_600};\r\n\r\n  h3 {\r\n    margin-block-start: 0 !important;\r\n    margin-block-end: 0 !important;\r\n    margin-inline-start: 0px;\r\n    margin-inline-end: 0px;\r\n    margin-left: 24px;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n`;\r\n\r\nconst LabelLine = styled.span`\r\n  height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n  padding-left: 24px;\r\n  display: flex;\r\n  line-height: 32px;\r\n`;\r\n\r\ninterface Props {\r\n  header: string;\r\n  elementsHeader: string;\r\n  clickMenuAction: () => void;\r\n  elements?: UserMenuItem[];\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ header, elementsHeader, clickMenuAction, elements }: Props) => {\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  return (\r\n    <Menu onClick={() => {}} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <Top>\r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={clickMenuAction} isInMobileMenu={true}>\r\n          <ArrowLineLeft size=\"24px\" color={COLORS.neutral_600} />\r\n        </IconButton>\r\n        <h3>{header}</h3>\r\n        <Right>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={clickMenuAction} isInMobileMenu={true}>\r\n            <Close size=\"24px\" />\r\n          </IconButton>\r\n        </Right>\r\n      </Top>\r\n      {elements && elements?.length > 0 && (\r\n        <MenuSection>\r\n          <LabelLine>{elementsHeader}</LabelLine>\r\n          <MenuSectionList>\r\n            {elements?.map((element) => (\r\n              <SwitcherMenuItem url={element?.to} label={element?.label} Icon={element.icon} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"file":"MobileSwitcherMenu.js"}

package/dist/esm/Switcher/SwitcherMenuItem.js

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle } from '../styles';
-import { ComponentMStyling } from '../styles/typography';
-import { Z_INDEXES } from '../styles/z-indexes';
-const StyledSwitcherItem = styled.div`
-  padding: 16px 25px;
-  margin: 0 2px;
-
-  display: flex;
-  align-items: center;
-  text-align: center;
-  position: relative;
-
-  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}
-
-  text-decoration: none;
-
-  svg {
-    margin-right: 16px;
-  }
-
-  &:after {
-    content: '';
-    display: block;
-    position: absolute;
-    left: 4px;
-    top: 4px;
-    bottom: 4px;
-    width: 4px;
-    background-color: transparent;
-    border-radius: 2px;
-  }
-
-  &.active:not(.disabled) {
-    z-index: ${Z_INDEXES.active};
-    font-weight: bold;
-    color: ${COLORS.neutral_800};
-
-    &:after {
-      background-color: ${COLORS.primary_500};
-    }
-
-    svg path {
-      fill: ${COLORS.neutral_800};
-    }
-  }
-
-  &.disabled {
-    color: ${COLORS.neutral_300};
-    background-color: ${COLORS.neutral_100};
-  }
-
-  &:hover:not(.disabled) {
-    z-index: ${Z_INDEXES.hover};
-    color: ${COLORS.primary_600};
-    background-color: ${COLORS.primary_20};
-
-    svg path {
-      fill: ${COLORS.primary_600};
-    }
-  }
-
-  &:active:not(.disabled) {
-    z-index: ${Z_INDEXES.active};
-    color: ${COLORS.primary_800};
-    background-color: ${COLORS.primary_100};
-    box-shadow: none;
-
-    &:after {
-      background-color: ${COLORS.primary_500};
-    }
-
-    svg path {
-      fill: ${COLORS.primary_800};
-    }
-  }
-
-  &:focus:not(.disabled) {
-    z-index: ${Z_INDEXES.focus};
-    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
-    outline: none;
-  }
-`;
-const A = styled.a``;
-
-const SwitcherMenuItem = ({
-  label,
-  url,
-  disabled,
-  Icon,
-  as = A,
-  testId
-}) => /*#__PURE__*/React.createElement(StyledSwitcherItem, {
-  onClick: () => window.location.href = url || '',
-  as: as,
-  href: url || '',
-  target: "_parent",
-  key: label,
-  className: disabled ? 'disabled' : '',
-  "data-testid": testId
-}, Icon && /*#__PURE__*/React.createElement(Icon, {
-  size: "22px",
-  color: "#666666"
-}), label);
-
-export default SwitcherMenuItem;
-//# sourceMappingURL=SwitcherMenuItem.js.map

package/dist/esm/Switcher/SwitcherMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/SwitcherMenuItem.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ComponentMStyling","Z_INDEXES","StyledSwitcherItem","div","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focus","A","a","SwitcherMenuItem","label","url","disabled","Icon","as","testId","window","location","href"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,EAAgBC,kBAAhB,QAAyC,WAAzC;AAEA,SAAQC,iBAAR,QAAgC,sBAAhC;AACA,SAAQC,SAAR,QAAwB,qBAAxB;AAEA,MAAMC,kBAAkB,GAAGL,MAAM,CAACM,GAAI;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIH,iBAAiB,CAACD,kBAAkB,CAACK,OAApB,EAA6BN,MAAM,CAACO,WAApC,CAAiD;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeJ,SAAS,CAACK,MAAO;AAChC;AACA,aAAaR,MAAM,CAACS,WAAY;AAChC;AACA;AACA,0BAA0BT,MAAM,CAACU,WAAY;AAC7C;AACA;AACA;AACA,cAAcV,MAAM,CAACS,WAAY;AACjC;AACA;AACA;AACA;AACA,aAAaT,MAAM,CAACW,WAAY;AAChC,wBAAwBX,MAAM,CAACY,WAAY;AAC3C;AACA;AACA;AACA,eAAeT,SAAS,CAACU,KAAM;AAC/B,aAAab,MAAM,CAACc,WAAY;AAChC,wBAAwBd,MAAM,CAACe,UAAW;AAC1C;AACA;AACA,cAAcf,MAAM,CAACc,WAAY;AACjC;AACA;AACA;AACA;AACA,eAAeX,SAAS,CAACK,MAAO;AAChC,aAAaR,MAAM,CAACgB,WAAY;AAChC,wBAAwBhB,MAAM,CAACiB,WAAY;AAC3C;AACA;AACA;AACA,0BAA0BjB,MAAM,CAACU,WAAY;AAC7C;AACA;AACA;AACA,cAAcV,MAAM,CAACgB,WAAY;AACjC;AACA;AACA;AACA;AACA,eAAeb,SAAS,CAACe,KAAM;AAC/B,8BAA8BlB,MAAM,CAACU,WAAY;AACjD;AACA;AACA,CA9EA;AAgFA,MAAMS,CAAC,GAAGpB,MAAM,CAACqB,CAAE,EAAnB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,GAAT;AAAcC,EAAAA,QAAd;AAAwBC,EAAAA,IAAxB;AAA8BC,EAAAA,EAAE,GAAGP,CAAnC;AAAsCQ,EAAAA;AAAtC,CAAD,kBACvB,oBAAC,kBAAD;AACE,EAAA,OAAO,EAAE,MAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EADhD;AAEE,EAAA,EAAE,EAAEG,EAFN;AAGE,EAAA,IAAI,EAAEH,GAAG,IAAI,EAHf;AAIE,EAAA,MAAM,EAAC,SAJT;AAKE,EAAA,GAAG,EAAED,KALP;AAME,EAAA,SAAS,EAAEE,QAAQ,GAAG,UAAH,GAAgB,EANrC;AAOE,iBAAaG;AAPf,GAQGF,IAAI,iBAAI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC,MAAX;AAAkB,EAAA,KAAK,EAAC;AAAxB,EARX,EASGH,KATH,CADF;;AAcA,eAAeD,gBAAf","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {SwitcherNavItem} from '../types';\r\nimport {ComponentMStyling} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n    box-shadow: none;\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n    outline: none;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nconst SwitcherMenuItem = ({ label, url, disabled, Icon, as = A, testId }: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {Icon && <Icon size=\"22px\" color=\"#666666\" />}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"file":"SwitcherMenuItem.js"}

package/dist/esm/Switcher/__tests__/SwitcherMenuItem.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { SwitcherMenuItem } from '../index';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-describe('<SwitcherMenuItem />', () => {
-  it('Renders SwitcherMenuItem', async () => {
-    const {
-      queryByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(SwitcherMenuItem, {
-      label: "TestLabel",
-      url: "/test",
-      testId: "TestSwitcherMenuItem"
-    }));
-    expect(queryByText('TestLabel')).toBeDefined();
-    const testMenuItem = getByTestId('TestSwitcherMenuItem');
-    expect(testMenuItem).toHaveStyleRule('color', COLORS.neutral_600);
-  });
-});
-//# sourceMappingURL=SwitcherMenuItem.js.map

package/dist/esm/Switcher/__tests__/SwitcherMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Switcher/__tests__/SwitcherMenuItem.tsx"],"names":["React","render","SwitcherMenuItem","COLORS","describe","it","queryByText","getByTestId","expect","toBeDefined","testMenuItem","toHaveStyleRule","neutral_600"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,OAAO,wBAAP;AACA,SAASC,MAAT,QAAuB,cAAvB;AAEAC,QAAQ,CAAC,sBAAD,EAAyB,MAAM;AACrCC,EAAAA,EAAE,CAAC,0BAAD,EAA6B,YAAY;AACzC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eAAC,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAC,WAAxB;AAAoC,MAAA,GAAG,EAAC,OAAxC;AAAgD,MAAA,MAAM,EAAC;AAAvD,MAAD,CAA3C;AACAO,IAAAA,MAAM,CAACF,WAAW,CAAC,WAAD,CAAZ,CAAN,CAAiCG,WAAjC;AAEA,UAAMC,YAAY,GAAGH,WAAW,CAAC,sBAAD,CAAhC;AACAC,IAAAA,MAAM,CAACE,YAAD,CAAN,CAAqBC,eAArB,CAAqC,OAArC,EAA8CR,MAAM,CAACS,WAArD;AACD,GANC,CAAF;AAOD,CARO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { SwitcherMenuItem } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<SwitcherMenuItem />', () => {\r\n  it('Renders SwitcherMenuItem', async () => {\r\n    const { queryByText, getByTestId } = render(<SwitcherMenuItem label=\"TestLabel\" url=\"/test\" testId=\"TestSwitcherMenuItem\" />);\r\n    expect(queryByText('TestLabel')).toBeDefined();\r\n\r\n    const testMenuItem = getByTestId('TestSwitcherMenuItem');\r\n    expect(testMenuItem).toHaveStyleRule('color', COLORS.neutral_600);\r\n  });\r\n});\r\n"],"file":"SwitcherMenuItem.js"}

package/dist/esm/Switcher/index.js

@@ -1,4 +0,0 @@
-import SwitcherMenuItem from './SwitcherMenuItem';
-import MobileSwitcherMenu from './MobileSwitcherMenu';
-export { SwitcherMenuItem, MobileSwitcherMenu };
-//# sourceMappingURL=index.js.map

package/dist/esm/Switcher/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/index.ts"],"names":["SwitcherMenuItem","MobileSwitcherMenu"],"mappings":"AAAA,OAAOA,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,SAASD,gBAAT,EAA2BC,kBAA3B","sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"file":"index.js"}