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

package/dist/js/QuizButton/QuizButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/QuizButton/QuizButton.tsx"],"names":["TextContainer","styled","div","COLORS","accent1_20","props","size","Size","Small","Large","ComponentTextStyle","Regular","TextWrapper","OptionContainer","accent1_100","accent1_200","neutral_100","neutral_20","neutral_300","correct_20","correct_400","critical_20","critical_500","warning_20","warning_400","focus_25","focus","accent1_300","isSelected","accent1_400","ButtonContainer","renderResultContent","resultType","white","QuizButton","text","type","onClick","id","selected","disabled","Medium","e","preventDefault","concat"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Checkbox, COLORS, RadioButton, Size, SystemIcons } from '..';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\nconst TextContainer = styled.div<{size: Size}>`\r\n  border-radius: 0 8px 8px 0;\r\n  display: flex;\r\n  background: ${COLORS.accent1_20};\r\n  width: 100%;\r\n\r\n  transition: background 100ms ease-in-out;\r\n  align-items: center;\r\n\r\n  padding: ${props=>props.size===Size.Small?'6px 8px':(props.size===Size.Large?'20px 16px':'12px 16px')};\r\n  ${props=>props.size===Size.Small ? ComponentSStyling(ComponentTextStyle.Regular,null) : (props.size===Size.Large ? ComponentLStyling(ComponentTextStyle.Regular,null) : ComponentMStyling(ComponentTextStyle.Regular,null))}\r\n`;\r\n\r\nconst TextWrapper = styled.div<{size:Size}>``;\r\n\r\nconst OptionContainer = styled.div<{isSelected:boolean, size:Size}>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  cursor: pointer;\r\n  max-width: 65ch;  \r\n  word-break: break-word;\r\n\r\n  min-height: ${props=>props.size===Size.Small?'32px':(props.size===Size.Large?'64px':'48px')};\r\n  margin-bottom: ${props=>props.size===Size.Small?'16px':(props.size===Size.Large?'32px':'24px')};\r\n\r\n  &.selected {\r\n    .quiz-button-text {\r\n      background: ${COLORS.accent1_100};\r\n    }\r\n    .quiz-button-icon {\r\n      background: ${COLORS.accent1_200};\r\n    }\r\n  }\r\n  \r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    \r\n    div.quiz-button-icon {\r\n      pointer-events: none;\r\n      background: ${COLORS.neutral_100};\r\n    }\r\n    div.quiz-button-text {\r\n      pointer-events: none;\r\n      background: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n\r\n    .radio-button-icon, .checkbox-icon {\r\n      background: transparent;\r\n    }\r\n  }\r\n\r\n  &.correct {\r\n    .quiz-button-text {    \r\n      background: ${COLORS.correct_20};\r\n    }\r\n    .quiz-button-icon {\r\n      background: ${COLORS.correct_400};\r\n      svg {\r\n        margin: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.incorrect {\r\n    .quiz-button-text {    \r\n      background: ${COLORS.critical_20};\r\n    }\r\n    .quiz-button-icon {\r\n      background: ${COLORS.critical_500};\r\n      svg {\r\n        margin: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.partial {\r\n    .quiz-button-text {    \r\n      background: ${COLORS.warning_20};\r\n    }\r\n    .quiz-button-icon {\r\n      background: ${COLORS.warning_400};\r\n      svg {\r\n        margin: auto;\r\n      }\r\n    }\r\n  } \r\n\r\n  &:hover {\r\n    .radio-button-icon, .checkbox-icon {\r\n      background: transparent !important;\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus};\r\n    border-radius: 8px;\r\n    outline: none;\r\n\r\n    .radio-button-icon, .checkbox-icon {\r\n      background: transparent !important;\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    .radio-button-icon, .checkbox-icon {\r\n      background: transparent !important;\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled):not(.result) {\r\n    div.quiz-button-icon{\r\n      background: ${COLORS.accent1_300};\r\n    }\r\n    div.quiz-button-text{\r\n      background: ${props=>props.isSelected ? COLORS.accent1_200  : COLORS.accent1_100};\r\n    }\r\n    \r\n    .radio-button-icon, .checkbox-icon {\r\n      background: transparent;\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled):not(.result) {\r\n    div.quiz-button-icon{\r\n      background: ${props=>props.isSelected ? COLORS.accent1_200 : COLORS.accent1_100};\r\n    }\r\n    div.quiz-button-text{\r\n      background: ${props=>props.isSelected ? COLORS.accent1_100  : COLORS.accent1_20};\r\n    }\r\n\r\n    .radio-button-icon, .checkbox-icon {\r\n      background: transparent;\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled):not(.result) {\r\n    div.quiz-button-icon{\r\n      background: ${COLORS.accent1_400};\r\n      transition: none;\r\n    }\r\n    div.quiz-button-text{\r\n      background: ${props=>props.isSelected ? COLORS.accent1_300 : COLORS.accent1_200};\r\n      transition: none;\r\n    }\r\n\r\n    .radio-button-icon, .checkbox-icon {\r\n      background: transparent;\r\n    }\r\n  }\r\n`;\r\n\r\nconst ButtonContainer = styled.div<{size: Size}>`\r\n  border-radius: 8px 0 0 8px;\r\n  display: flex;\r\n  background: ${COLORS.accent1_100};\r\n\r\n  width: ${props=>props.size===Size.Small?'32px':(props.size===Size.Large?'64px':'48px')};\r\n\r\n  transition: background 100ms ease-in-out;\r\n\r\n  .quiz-button-result-icon {\r\n    height: ${props=>props.size===Size.Small?'16px':(props.size===Size.Large?'32px':'24px')};\r\n    width: ${props=>props.size===Size.Small?'16px':(props.size===Size.Large?'32px':'24px')};\r\n  }\r\n\r\n  .radio-button-icon, .checkbox-icon {\r\n    margin: auto;\r\n    min-width: unset;\r\n    background: transparent;\r\n\r\n    &:hover {\r\n      background: transparent !important;\r\n    }\r\n\r\n    &:focus {\r\n      background: transparent !important;\r\n    }\r\n\r\n    &:active {\r\n      background: transparent !important;\r\n    }\r\n  }\r\n\r\n  .small, .medium, .large {\r\n    min-height: unset;\r\n    min-width: unset;\r\n  }\r\n\r\n  .small {\r\n    .radio-button-icon, .checkbox-icon {\r\n      svg {\r\n        height: 16px;\r\n        width: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .medium {\r\n    .radio-button-icon, .checkbox-icon {\r\n      svg {\r\n        height: 24px;\r\n        width: 24px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .large {\r\n    .radio-button-icon, .checkbox-icon {\r\n      svg {\r\n        height: 32px;\r\n        width: 32px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst renderResultContent = (resultType: string) => {\r\n  switch(resultType){\r\n    case 'correct' : return <SystemIcons.CheckComplete color={COLORS.white} className={'quiz-button-result-icon'}/>;\r\n\r\n    case 'incorrect' : return <SystemIcons.Close color={COLORS.white} className={'quiz-button-result-icon'}/>;\r\n\r\n    default : return <SystemIcons.Close color={COLORS.white} className={'quiz-button-result-icon'}/>;\r\n  }\r\n};\r\n\r\ntype QuizButtonProps = {\r\n  resultType?: 'correct' | 'incorrect' | 'partial';\r\n  text: string;\r\n  onClick?: (arg:any)=>void;\r\n  id: string;\r\n  selected?: boolean;\r\n  disabled?: boolean;\r\n  size?: Size;\r\n  type: 'radio' | 'checkbox';\r\n}\r\n\r\nconst QuizButton: React.FunctionComponent<QuizButtonProps> = ({text, type, onClick, resultType, id, selected=false, disabled=false, size=Size.Medium}) => {\r\n  return (   \r\n    <OptionContainer onClick={onClick} isSelected={selected} tabIndex={(disabled || resultType )?-1 : 1} onMouseDown={e=>e.preventDefault()} size={size}\r\n        className={'quiz-button '.concat(selected?' selected':'').concat(disabled?' disabled':'').concat(resultType?' result '+resultType:'')}\r\n        data-testid={'container'}>\r\n        <ButtonContainer data-testid={'btnContainer'} className={'quiz-button-icon'} size={size}>\r\n          {\r\n            resultType ? renderResultContent(resultType) : (\r\n                                type==='radio' ? <RadioButton selected={selected} disabled={disabled} size={size} tabIndexVal={-1}\r\n                                select={()=>{}} id={id}/> : <Checkbox selected={selected} disabled={disabled} size={size} tabIndexVal={-1}\r\n                                select={()=>{}} id={id}/>\r\n                              )\r\n          }\r\n        </ButtonContainer>\r\n\r\n        <TextContainer data-testid={'txtContainer'} className={'quiz-button-text'} size={size}>\r\n          <TextWrapper size={size}>\r\n            {text}\r\n          </TextWrapper>\r\n        </TextContainer>\r\n    </OptionContainer>\r\n  );\r\n};\r\n\r\nexport default QuizButton;"],"file":"QuizButton.js"}

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

@@ -1,171 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-require("jest-styled-components");
-
-var _ = require("..");
-
-var _types = require("../../types");
-
-var _colors = _interopRequireDefault(require("../../styles/colors"));
-
-require("@testing-library/jest-dom/extend-expect");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<QuizButton />', function () {
-  it('renders correct quiz button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _render, getByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.QuizButton, {
-              size: _types.Size.Small,
-              resultType: 'correct',
-              text: 'this is sample text',
-              type: 'radio',
-              id: '1'
-            })), getByText = _render.getByText, getByTestId = _render.getByTestId;
-            expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-            expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.correct_20, {
-              modifier: '&.correct .quiz-button-text'
-            });
-            expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.correct_400, {
-              modifier: '&.correct .quiz-button-icon'
-            });
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('renders incorrect quiz button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var _render2, getByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.QuizButton, {
-              size: _types.Size.Small,
-              resultType: 'incorrect',
-              text: 'this is sample text',
-              type: 'checkbox',
-              id: '1'
-            })), getByText = _render2.getByText, getByTestId = _render2.getByTestId;
-            expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-            expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.critical_20, {
-              modifier: '&.incorrect .quiz-button-text'
-            });
-            expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.critical_500, {
-              modifier: '&.incorrect .quiz-button-icon'
-            });
-
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-  it('renders partial quiz button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-    var _render3, getByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.QuizButton, {
-              size: _types.Size.Small,
-              resultType: 'partial',
-              text: 'this is sample text',
-              type: 'radio',
-              id: '1'
-            })), getByText = _render3.getByText, getByTestId = _render3.getByTestId;
-            expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-            expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.warning_20, {
-              modifier: '&.partial .quiz-button-text'
-            });
-            expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.warning_400, {
-              modifier: '&.partial .quiz-button-icon'
-            });
-
-          case 6:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-  it('renders quiz button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-    var _render4, getByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.QuizButton, {
-              size: _types.Size.Small,
-              text: 'this is sample text',
-              type: 'checkbox',
-              id: '1'
-            })), getByText = _render4.getByText, getByTestId = _render4.getByTestId;
-            expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-            expect(getByTestId('txtContainer')).toHaveStyleRule('background', _colors.default.accent1_20);
-            expect(getByTestId('btnContainer')).toHaveStyleRule('background', _colors.default.accent1_100);
-
-          case 4:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  })));
-  it('renders selected quiz button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-    var _render5, getByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.QuizButton, {
-              size: _types.Size.Small,
-              text: 'this is sample text',
-              selected: true,
-              type: 'radio',
-              id: '1'
-            })), getByText = _render5.getByText, getByTestId = _render5.getByTestId;
-            expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.accent1_100, {
-              modifier: '&.selected .quiz-button-text'
-            });
-            expect(getByTestId('container')).toHaveStyleRule('background', _colors.default.accent1_200, {
-              modifier: '&.selected .quiz-button-icon'
-            });
-
-          case 4:
-          case "end":
-            return _context5.stop();
-        }
-      }
-    }, _callee5);
-  })));
-});
-//# sourceMappingURL=QuizButton.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/QuizButton/__tests__/QuizButton.test.tsx"],"names":["describe","it","Size","Small","getByText","getByTestId","expect","toHaveTextContent","toHaveClass","toHaveStyleRule","COLORS","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/js/QuizButton/index.d.ts

@@ -1 +0,0 @@
-export { default as QuizButton } from './QuizButton';

package/dist/js/QuizButton/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "QuizButton", {
-  enumerable: true,
-  get: function get() {
-    return _QuizButton.default;
-  }
-});
-
-var _QuizButton = _interopRequireDefault(require("./QuizButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

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

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

package/dist/js/Services/functions.d.ts

@@ -1 +0,0 @@
-export declare function createUUID(): string;

package/dist/js/Services/functions.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createUUID = createUUID;
-
-function createUUID() {
-  var 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
-    var 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/js/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":";;;;;;;AAAO,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,QAAMC,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/js/SkipToContent/SkipToContent.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-declare type SkipToContentProps = {};
-declare const SkipToContent: React.FunctionComponent<SkipToContentProps>;
-export default SkipToContent;

package/dist/js/SkipToContent/SkipToContent.js

@@ -1,41 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var SkipToContentLink = _styledComponents.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  \n  text-decoration: underline;\n"])), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.black));
-
-var SkipToContentWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), _styles.COLORS.accent2_200);
-
-var SkipToContent = function SkipToContent(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(SkipToContentWrapper, null, /*#__PURE__*/React.createElement(SkipToContentLink, {
-    href: "#main"
-  }, children));
-};
-
-var _default = SkipToContent;
-exports.default = _default;
-//# sourceMappingURL=SkipToContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/SkipToContent/SkipToContent.tsx"],"names":["SkipToContentLink","styled","a","ComponentTextStyle","Bold","COLORS","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;AAIA,IAAMA,iBAAiB,GAAGC,0BAAOC,CAAV,mHACnB,mCAAkBC,2BAAmBC,IAArC,EAA2CC,eAAOC,KAAlD,CADmB,CAAvB;;AAMA,IAAMC,oBAAoB,GAAGN,0BAAOO,GAAV,4TAWRH,eAAOI,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACnF,sBACE,oBAAC,oBAAD,qBACE,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAC;AAAxB,KAAiCA,QAAjC,CADF,CADF;AAKD,CAND;;eAQeD,a","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/js/SkipToContent/index.d.ts

@@ -1 +0,0 @@
-export { default as SkipToContent } from './SkipToContent';

package/dist/js/SkipToContent/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SkipToContent", {
-  enumerable: true,
-  get: function get() {
-    return _SkipToContent.default;
-  }
-});
-
-var _SkipToContent = _interopRequireDefault(require("./SkipToContent"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

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

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

package/dist/js/Switcher/MobileSwitcherMenu.d.ts

@@ -1,9 +0,0 @@
-import { UserMenuItem } from '../types';
-interface Props {
-    header: string;
-    elementsHeader: string;
-    clickMenuAction: () => void;
-    elements?: UserMenuItem[];
-}
-declare const MobileSwitcherMenu: ({ header, elementsHeader, clickMenuAction, elements }: Props) => JSX.Element;
-export default MobileSwitcherMenu;

package/dist/js/Switcher/MobileSwitcherMenu.js

@@ -1,103 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _Button = require("../Button");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _CommonStyles = require("../GlobalNavigationBar/mobile/CommonStyles");
-
-var _SwitcherMenuItem = _interopRequireDefault(require("./SwitcherMenuItem"));
-
-var _typography = require("../styles/typography");
-
-var _zIndexes = require("../styles/z-indexes");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Menu = _styledComponents.default.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  border-radius: 4px;\n  z-index: ", ";\n  height: 100%;\n  width: 320px;\n  padding-inline-start: 0;\n  overflow-y: scroll;\n  ", " {\n    min-width: 360px;\n  }\n\n  .open & {\n    display: flex;\n    flex-direction: column;\n  }\n\n  ", ";\n"])), _styles.COLORS.white, _CommonStyles.flowDown, _CommonStyles.flowDown, _zIndexes.Z_INDEXES.off_canvas, _styles.BREAKPOINTS.SMALL, _styles.scrollBarStyling);
-
-var MenuSection = _styledComponents.default.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 0;\n  position: relative;\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n"])));
-
-var MenuSectionList = _styledComponents.default.ul(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  overflow-y: unset !important;\n  padding-inline-start: 0;\n\n  ", "\n"])), _CommonStyles.UserMenuSectionListStyling);
-
-var Top = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 22px 12px 0 12px;\n  color: ", ";\n\n  h3 {\n    margin-block-start: 0 !important;\n    margin-block-end: 0 !important;\n    margin-inline-start: 0px;\n    margin-inline-end: 0px;\n    margin-left: 24px;\n\n    ", "\n  }\n"])), _styles.COLORS.neutral_600, (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, 'inherit'));
-
-var LabelLine = _styledComponents.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 32px;\n  background-color: ", ";\n  padding-left: 24px;\n  display: flex;\n  line-height: 32px;\n"])), _styles.COLORS.neutral_20);
-
-var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
-  var header = _ref.header,
-      elementsHeader = _ref.elementsHeader,
-      clickMenuAction = _ref.clickMenuAction,
-      elements = _ref.elements;
-  React.useEffect(function () {
-    function handleKeyPress(e) {
-      if (e.keyCode === 27) {
-        clickMenuAction();
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyPress, false);
-    return function () {
-      document.removeEventListener('keydown', handleKeyPress, false);
-    };
-  }, [clickMenuAction]);
-  return /*#__PURE__*/React.createElement(Menu, {
-    onClick: function onClick() {},
-    role: "menu",
-    "aria-labelledby": "UserMenuButton"
-  }, /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: clickMenuAction,
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineLeft, {
-    size: "24px",
-    color: _styles.COLORS.neutral_600
-  })), /*#__PURE__*/React.createElement("h3", null, header), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: clickMenuAction,
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-    size: "24px"
-  })))), elements && (elements === null || elements === void 0 ? void 0 : elements.length) > 0 && /*#__PURE__*/React.createElement(MenuSection, null, /*#__PURE__*/React.createElement(LabelLine, null, elementsHeader), /*#__PURE__*/React.createElement(MenuSectionList, null, elements === null || elements === void 0 ? void 0 : elements.map(function (element) {
-    return /*#__PURE__*/React.createElement(_SwitcherMenuItem.default, {
-      url: element === null || element === void 0 ? void 0 : element.to,
-      label: element === null || element === void 0 ? void 0 : element.label,
-      Icon: element.icon
-    });
-  }))));
-};
-
-MobileSwitcherMenu.propTypes = {
-  header: _propTypes.default.string.isRequired,
-  elementsHeader: _propTypes.default.string.isRequired,
-  clickMenuAction: _propTypes.default.func.isRequired,
-  elements: _propTypes.default.array
-};
-var _default = MobileSwitcherMenu;
-exports.default = _default;
-//# sourceMappingURL=MobileSwitcherMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["Menu","styled","ul","COLORS","white","flowDown","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","scrollBarStyling","MenuSection","li","MenuSectionList","UserMenuSectionListStyling","Top","div","neutral_600","ComponentTextStyle","Regular","LabelLine","span","neutral_20","MobileSwitcherMenu","header","elementsHeader","clickMenuAction","elements","React","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/js/Switcher/SwitcherMenuItem.d.ts

@@ -1,3 +0,0 @@
-import { SwitcherNavItem } from '../types';
-declare const SwitcherMenuItem: ({ label, url, disabled, Icon, as, testId }: SwitcherNavItem) => JSX.Element;
-export default SwitcherMenuItem;

package/dist/js/Switcher/SwitcherMenuItem.js

@@ -1,60 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _typography = require("../styles/typography");
-
-var _zIndexes = require("../styles/z-indexes");
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledSwitcherItem = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n    box-shadow: none;\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    z-index: ", ";\n    box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n    outline: none;\n  }\n"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), _zIndexes.Z_INDEXES.active, _styles.COLORS.neutral_800, _styles.COLORS.primary_500, _styles.COLORS.neutral_800, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _zIndexes.Z_INDEXES.hover, _styles.COLORS.primary_600, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _zIndexes.Z_INDEXES.active, _styles.COLORS.primary_800, _styles.COLORS.primary_100, _styles.COLORS.primary_500, _styles.COLORS.primary_800, _zIndexes.Z_INDEXES.focus, _styles.COLORS.primary_500);
-
-var A = _styledComponents.default.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
-
-var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
-  var label = _ref.label,
-      url = _ref.url,
-      disabled = _ref.disabled,
-      Icon = _ref.Icon,
-      _ref$as = _ref.as,
-      as = _ref$as === void 0 ? A : _ref$as,
-      testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(StyledSwitcherItem, {
-    onClick: function onClick() {
-      return 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);
-};
-
-var _default = SwitcherMenuItem;
-exports.default = _default;
-//# sourceMappingURL=SwitcherMenuItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/SwitcherMenuItem.tsx"],"names":["StyledSwitcherItem","styled","div","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","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;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;;;AAEA,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV,gwCASpB,mCAAkBC,2BAAmBC,OAArC,EAA8CC,eAAOC,WAArD,CAToB,EA8BTC,oBAAUC,MA9BD,EAgCXH,eAAOI,WAhCI,EAmCEJ,eAAOK,WAnCT,EAuCVL,eAAOI,WAvCG,EA4CXJ,eAAOM,WA5CI,EA6CAN,eAAOO,WA7CP,EAiDTL,oBAAUM,KAjDD,EAkDXR,eAAOS,WAlDI,EAmDAT,eAAOU,UAnDP,EAsDVV,eAAOS,WAtDG,EA2DTP,oBAAUC,MA3DD,EA4DXH,eAAOW,WA5DI,EA6DAX,eAAOY,WA7DP,EAiEEZ,eAAOK,WAjET,EAqEVL,eAAOW,WArEG,EA0ETT,oBAAUW,KA1ED,EA2EMb,eAAOK,WA3Eb,CAAxB;;AAgFA,IAAMS,CAAC,GAAGlB,0BAAOmB,CAAV,uEAAP;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,GAAV,QAAUA,GAAV;AAAA,MAAeC,QAAf,QAAeA,QAAf;AAAA,MAAyBC,IAAzB,QAAyBA,IAAzB;AAAA,qBAA+BC,EAA/B;AAAA,MAA+BA,EAA/B,wBAAoCP,CAApC;AAAA,MAAuCQ,MAAvC,QAAuCA,MAAvC;AAAA,sBACvB,oBAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AAAA,aAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;AAAA,KADX;AAEE,IAAA,EAAE,EAAEG,EAFN;AAGE,IAAA,IAAI,EAAEH,GAAG,IAAI,EAHf;AAIE,IAAA,MAAM,EAAC,SAJT;AAKE,IAAA,GAAG,EAAED,KALP;AAME,IAAA,SAAS,EAAEE,QAAQ,GAAG,UAAH,GAAgB,EANrC;AAOE,mBAAaG;AAPf,KAQGF,IAAI,iBAAI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC,MAAX;AAAkB,IAAA,KAAK,EAAC;AAAxB,IARX,EASGH,KATH,CADuB;AAAA,CAAzB;;eAceD,gB","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/js/Switcher/__tests__/SwitcherMenuItem.d.ts

@@ -1 +0,0 @@
-import 'jest-styled-components';

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

@@ -1,44 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _index = require("../index");
-
-require("jest-styled-components");
-
-var _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<SwitcherMenuItem />', function () {
-  it('Renders SwitcherMenuItem', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _render, queryByText, getByTestId, testMenuItem;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.SwitcherMenuItem, {
-              label: "TestLabel",
-              url: "/test",
-              testId: "TestSwitcherMenuItem"
-            })), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
-            expect(queryByText('TestLabel')).toBeDefined();
-            testMenuItem = getByTestId('TestSwitcherMenuItem');
-            expect(testMenuItem).toHaveStyleRule('color', _styles.COLORS.neutral_600);
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-});
-//# sourceMappingURL=SwitcherMenuItem.js.map