@laerdal/life-react-components 2.0.1-dev.9 → 2.1.0

package/dist/Switcher/MobileCustomMenuContent.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _pt from "prop-types";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import { useScrollableContainer } from '../common/ScrollableContainer';
 import { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';
@@ -14,14 +11,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MobileCustomMenuContent = function MobileCustomMenuContent(_ref) {
   var children = _ref.children,
-      header = _ref.header,
-      action = _ref.action;
-
+    header = _ref.header,
+    action = _ref.action;
   var _useScrollableContain = useScrollableContainer([children]),
-      _useScrollableContain2 = _slicedToArray(_useScrollableContain, 2),
-      scrollContainerRef = _useScrollableContain2[0],
-      scrollable = _useScrollableContain2[1];
-
+    _useScrollableContain2 = _slicedToArray(_useScrollableContain, 2),
+    scrollContainerRef = _useScrollableContain2[0],
+    scrollable = _useScrollableContain2[1];
   return /*#__PURE__*/_jsxs(MobileMenuWrapper, {
     children: [/*#__PURE__*/_jsxs(ScrollableContainer, {
       ref: scrollContainerRef,

package/dist/Switcher/MobileCustomMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","MobileCustomMenuContent","children","header","action","scrollContainerRef","scrollable","note"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollableContainer } from '../common/ScrollableContainer';\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\n\ninterface MobileCustomMenuContentProps {\n  header?: MenuGroupHeader;\n  action?: MenuButton;\n}\n\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\n        {children}\n      </ScrollableContainer>\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,+BAAvC;AAEA,SAASC,qBAAT,EAAgCC,gBAAhC,EAAkDC,gBAAlD,EAAoEC,iBAApE,EAAuFC,mBAAvF,QAAkH,4CAAlH;AACA,SAASC,qBAAT,QAAsC,qDAAtC;;;AAOA,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAAiF,OAAkC;EAAA,IAA/BC,QAA+B,QAA/BA,QAA+B;EAAA,IAArBC,MAAqB,QAArBA,MAAqB;EAAA,IAAbC,MAAa,QAAbA,MAAa;;EAC9H,4BAAyCV,sBAAsB,CAAC,CAACQ,QAAD,CAAD,CAA/D;EAAA;EAAA,IAAOG,kBAAP;EAAA,IAA2BC,UAA3B;;EAEA,oBACE,MAAC,iBAAD;IAAA,wBACE,MAAC,mBAAD;MAAqB,GAAG,EAAED,kBAA1B;MAAqD,SAAS,EAAEC,UAAU,GAAG,YAAH,GAAkB,EAA5F;MAAA,WACG,CAAC,CAACH,MAAF,iBACC,MAAC,qBAAD;QAAA,wBACE,KAAC,gBAAD;UAAA,UAAmBA,MAAM,CAACA;QAA1B,EADF,EAEGA,MAAM,CAACI,IAAP,iBAAe,KAAC,gBAAD;UAAA,UAAmBJ,MAAM,CAACI;QAA1B,EAFlB;MAAA,EAFJ,EAOGL,QAPH;IAAA,EADF,EAUGE,MAAM,iBAAI,KAAC,qBAAD,oBAA2BA,MAA3B,EAVb;EAAA,EADF;AAcD,CAjBM"}
+{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","MobileCustomMenuContent","children","header","action","scrollContainerRef","scrollable","note"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollableContainer } from '../common/ScrollableContainer';\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\n\ninterface MobileCustomMenuContentProps {\n  header?: MenuGroupHeader;\n  action?: MenuButton;\n}\n\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\n        {children}\n      </ScrollableContainer>\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,4CAA4C;AAC9J,SAASC,qBAAqB,QAAQ,qDAAqD;AAAC;AAAA;AAO5F,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAA8E,OAAqC;EAAA,IAA/BC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;EACvH,4BAAyCV,sBAAsB,CAAC,CAACQ,QAAQ,CAAC,CAAC;IAAA;IAApEG,kBAAkB;IAAEC,UAAU;EAErC,oBACE,MAAC,iBAAiB;IAAA,wBAChB,MAAC,mBAAmB;MAAC,GAAG,EAAED,kBAA0B;MAAC,SAAS,EAAEC,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,WAC5F,CAAC,CAACH,MAAM,iBACP,MAAC,qBAAqB;QAAA,wBACpB,KAAC,gBAAgB;UAAA,UAAEA,MAAM,CAACA;QAAM,EAAoB,EACnDA,MAAM,CAACI,IAAI,iBAAI,KAAC,gBAAgB;UAAA,UAAEJ,MAAM,CAACI;QAAI,EAAoB;MAAA,EAErE,EACAL,QAAQ;IAAA,EACW,EACrBE,MAAM,iBAAI,KAAC,qBAAqB,oBAAKA,MAAM,EAAI;EAAA,EAC9B;AAExB,CAAC"}

package/dist/Switcher/MobileSwitcherMenu.cjs

@@ -1,48 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styles = require("../styles");
-
 var _MobileMenuHeader = _interopRequireDefault(require("../GlobalNavigationBar/mobile/MobileMenuHeader"));
-
 var _MobileMenuContent = _interopRequireDefault(require("../GlobalNavigationBar/mobile/MobileMenuContent"));
-
 var _MobileCustomMenuContent = require("./MobileCustomMenuContent");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 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; }
-
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), _styles.Z_INDEXES.off_canvas, _styles.BREAKPOINTS.SMALL);
-
 var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
   var label = _ref.label,
-      header = _ref.header,
-      note = _ref.note,
-      onMenuClose = _ref.onMenuClose,
-      customContent = _ref.customContent,
-      items = _ref.items,
-      footerAction = _ref.footerAction;
+    header = _ref.header,
+    note = _ref.note,
+    onMenuClose = _ref.onMenuClose,
+    customContent = _ref.customContent,
+    items = _ref.items,
+    footerAction = _ref.footerAction;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     role: "menu",
     "aria-labelledby": "UserMenuButton",
@@ -67,7 +51,6 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
     })]
   });
 };
-
 MobileSwitcherMenu.propTypes = {
   label: _propTypes.default.string.isRequired,
   header: _propTypes.default.string.isRequired,

package/dist/Switcher/MobileSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\nimport { Z_INDEXES } from '../styles';\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,qQAEAC,iBAAA,CAAUC,UAFV,EAUTC,mBAAA,CAAYC,KAVH,CAAb;;AAyBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAqF;EAAA,IAAlFC,KAAkF,QAAlFA,KAAkF;EAAA,IAA3EC,MAA2E,QAA3EA,MAA2E;EAAA,IAAnEC,IAAmE,QAAnEA,IAAmE;EAAA,IAA7DC,WAA6D,QAA7DA,WAA6D;EAAA,IAAhDC,aAAgD,QAAhDA,aAAgD;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,YAA0B,QAA1BA,YAA0B;EAC9G,oBACE,sBAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,qBAAC,yBAAD;MAAkB,QAAQ,EAAEH,WAA5B;MAAyC,KAAK,EAAEH,KAAhD;MAAuD,OAAO,EAAEG;IAAhE,EADF,EAEGE,KAAK,iBAAI,qBAAC,0BAAD;MAAmB,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAF;QAAUC,IAAI,EAAJA;MAAV,CAA3B;MAA6C,KAAK,EAAEG,KAApD;MAA2D,MAAM,EAAEC;IAAnE,EAFZ,EAGGF,aAAa,iBACZ,qBAAC,gDAAD;MAAyB,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAF;QAAUC,IAAI,EAAJA;MAAV,CAAjC;MAAmD,MAAM,EAAEI,YAA3D;MAAA,UACGF;IADH,EAJJ;EAAA,EADF;AAWD,CAZD;;;EATEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAE,K;EAEAD,a;;eAiBaL,kB"}
+{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\nimport { Z_INDEXES } from '../styles';\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAGA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAEpE,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,qQAEbC,iBAAS,CAACC,UAAU,EAQ7BC,mBAAW,CAACC,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,sBAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,qBAAC,yBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,qBAAC,0BAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,qBAAC,gDAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAAA,eAiBAL,kBAAkB;AAAA"}

package/dist/Switcher/MobileSwitcherMenu.js

@@ -1,8 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-
 var _templateObject;
-
 import * as React from 'react';
 import styled from 'styled-components';
 import { BREAKPOINTS } from '../styles';
@@ -13,15 +11,14 @@ import { MobileCustomMenuContent } from './MobileCustomMenuContent';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), Z_INDEXES.off_canvas, BREAKPOINTS.SMALL);
-
 var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
   var label = _ref.label,
-      header = _ref.header,
-      note = _ref.note,
-      onMenuClose = _ref.onMenuClose,
-      customContent = _ref.customContent,
-      items = _ref.items,
-      footerAction = _ref.footerAction;
+    header = _ref.header,
+    note = _ref.note,
+    onMenuClose = _ref.onMenuClose,
+    customContent = _ref.customContent,
+    items = _ref.items,
+    footerAction = _ref.footerAction;
   return /*#__PURE__*/_jsxs(Wrapper, {
     role: "menu",
     "aria-labelledby": "UserMenuButton",
@@ -46,7 +43,6 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
     })]
   });
 };
-
 MobileSwitcherMenu.propTypes = {
   label: _pt.string.isRequired,
   header: _pt.string.isRequired,

package/dist/Switcher/MobileSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\nimport { Z_INDEXES } from '../styles';\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,WAAT,QAA4B,WAA5B;AACA,SAASC,SAAT,QAA0B,WAA1B;AAEA,OAAOC,gBAAP,MAA6B,gDAA7B;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;AACA,SAASC,uBAAT,QAAwC,2BAAxC;;;AAEA,IAAMC,OAAO,GAAGN,MAAM,CAACO,GAAV,uPAEAL,SAAS,CAACM,UAFV,EAUTP,WAAW,CAACQ,KAVH,CAAb;;AAyBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAqF;EAAA,IAAlFC,KAAkF,QAAlFA,KAAkF;EAAA,IAA3EC,MAA2E,QAA3EA,MAA2E;EAAA,IAAnEC,IAAmE,QAAnEA,IAAmE;EAAA,IAA7DC,WAA6D,QAA7DA,WAA6D;EAAA,IAAhDC,aAAgD,QAAhDA,aAAgD;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,YAA0B,QAA1BA,YAA0B;EAC9G,oBACE,MAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,KAAC,gBAAD;MAAkB,QAAQ,EAAEH,WAA5B;MAAyC,KAAK,EAAEH,KAAhD;MAAuD,OAAO,EAAEG;IAAhE,EADF,EAEGE,KAAK,iBAAI,KAAC,iBAAD;MAAmB,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAF;QAAUC,IAAI,EAAJA;MAAV,CAA3B;MAA6C,KAAK,EAAEG,KAApD;MAA2D,MAAM,EAAEC;IAAnE,EAFZ,EAGGF,aAAa,iBACZ,KAAC,uBAAD;MAAyB,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAF;QAAUC,IAAI,EAAJA;MAAV,CAAjC;MAAmD,MAAM,EAAEI,YAA3D;MAAA,UACGF;IADH,EAJJ;EAAA,EADF;AAWD,CAZD;;;EATEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAE,K;EAEAD,a;;AAiBF,eAAeL,kBAAf"}
+{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\nimport { Z_INDEXES } from '../styles';\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,QAAQ,WAAW;AAErC,OAAOC,gBAAgB,MAAM,gDAAgD;AAC7E,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC;AAAA;AAEpE,IAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG,uPAEbL,SAAS,CAACM,UAAU,EAQ7BP,WAAW,CAACQ,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,MAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,KAAC,gBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,KAAC,iBAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,KAAC,uBAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAiBf,eAAeL,kBAAkB"}

package/dist/Switcher/SwitcherMenuItem.cjs

@@ -1,40 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styles = require("../styles");
-
 var _common = require("../common");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 var StyledSwitcherItem = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), _styles.Z_INDEXES.active, _styles.COLORS.neutral_800, _styles.COLORS.primary_500, _styles.COLORS.neutral_800, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _styles.Z_INDEXES.hover, _styles.COLORS.primary_600, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.Z_INDEXES.active, _styles.COLORS.primary_800, _styles.COLORS.primary_100, _styles.COLORS.primary_500, _styles.COLORS.primary_800, _styles.focusStyles);
-
 var A = _styledComponents.default.a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([""])));
-
 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;
+    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__*/(0, _jsxRuntime.jsxs)(StyledSwitcherItem, {
     onClick: function onClick() {
       return window.location.href = url || '';
@@ -51,7 +39,6 @@ var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
     }), label]
   }, label);
 };
-
 SwitcherMenuItem.propTypes = {
   label: _propTypes.default.string.isRequired,
   url: _propTypes.default.string.isRequired,

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.cjs","names":["StyledSwitcherItem","styled","div","ComponentMStyling","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","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\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  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\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: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,kBAAkB,GAAGC,yBAAA,CAAOC,GAAV,irCASpB,IAAAC,yBAAA,EAAkBC,0BAAA,CAAmBC,OAArC,EAA8CC,cAAA,CAAOC,WAArD,CAToB,EA8BTC,iBAAA,CAAUC,MA9BD,EAgCXH,cAAA,CAAOI,WAhCI,EAmCEJ,cAAA,CAAOK,WAnCT,EAuCVL,cAAA,CAAOI,WAvCG,EA4CXJ,cAAA,CAAOM,WA5CI,EA6CAN,cAAA,CAAOO,WA7CP,EAiDTL,iBAAA,CAAUM,KAjDD,EAkDXR,cAAA,CAAOS,WAlDI,EAmDAT,cAAA,CAAOU,UAnDP,EAsDVV,cAAA,CAAOS,WAtDG,EA2DTP,iBAAA,CAAUC,MA3DD,EA4DXH,cAAA,CAAOW,WA5DI,EA6DAX,cAAA,CAAOY,WA7DP,EAgEEZ,cAAA,CAAOK,WAhET,EAoEVL,cAAA,CAAOW,WApEG,EAyElBE,mBAzEkB,CAAxB;;AA+EA,IAAMC,CAAC,GAAGnB,yBAAA,CAAOoB,CAAV,qFAAP;;AAWA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAEC,KAAF,QAAEA,KAAF;EAAA,IAASC,GAAT,QAASA,GAAT;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,IAAwBC,IAAxB,QAAwBA,IAAxB;EAAA,mBAA8BC,EAA9B;EAAA,IAA8BA,EAA9B,wBAAmCP,CAAnC;EAAA,IAAsCQ,MAAtC,QAAsCA,MAAtC;EAAA,oBACvB,sBAAC,kBAAD;IACE,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;IAAA,CADX;IAEE,EAAE,EAAEG,EAFN;IAGE,WAAW,EAAEK,iCAHf;IAIE,IAAI,EAAER,GAAG,IAAI,EAJf;IAKE,MAAM,EAAC,SALT;IAOE,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;IAQE,eAAaG,MARf;IAAA,WASG,CAAC,CAACF,IAAF,iBAAUO,cAAA,CAAMC,YAAN,CAAmBR,IAAnB,EAAyB;MAACS,IAAI,EAAE,MAAP;MAAeC,KAAK,EAAE;IAAtB,CAAzB,CATb,EAUGb,KAVH;EAAA,GAMOA,KANP,CADuB;AAAA,CAAzB;;;EAREA,K;EACAC,G;EACAC,Q;EACAC,I;EACAC,E;EACAC,M;;eAkBaN,gB"}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["StyledSwitcherItem","styled","div","ComponentMStyling","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","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\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  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\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: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAAoD;AAAA;AAEpD,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG,irCASjC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAqBtDC,iBAAS,CAACC,MAAM,EAElBH,cAAM,CAACI,WAAW,EAGLJ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACI,WAAW,EAKnBJ,cAAM,CAACM,WAAW,EACPN,cAAM,CAACO,WAAW,EAI3BL,iBAAS,CAACM,KAAK,EACjBR,cAAM,CAACS,WAAW,EACPT,cAAM,CAACU,UAAU,EAG3BV,cAAM,CAACS,WAAW,EAKjBP,iBAAS,CAACC,MAAM,EAClBH,cAAM,CAACW,WAAW,EACPX,cAAM,CAACY,WAAW,EAGhBZ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACW,WAAW,EAK1BE,mBAAW,CAIhB;AAED,IAAMC,CAAC,GAAGnB,yBAAM,CAACoB,CAAC,qFAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,sBAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEK,iCAA0B;IACvC,IAAI,EAAER,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAIO,cAAK,CAACC,YAAY,CAACR,IAAI,EAAE;MAACS,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEb,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAAA,eAkBON,gBAAgB;AAAA"}

package/dist/Switcher/SwitcherMenuItem.js

@@ -1,8 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-
 var _templateObject, _templateObject2;
-
 import React from 'react';
 import styled from 'styled-components';
 import { Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles } from '../styles';
@@ -10,15 +8,14 @@ import { defaultOnMouseDownHandler } from '../common';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var StyledSwitcherItem = styled.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\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600), Z_INDEXES.active, COLORS.neutral_800, COLORS.primary_500, COLORS.neutral_800, COLORS.neutral_300, COLORS.neutral_100, Z_INDEXES.hover, COLORS.primary_600, COLORS.primary_20, COLORS.primary_600, Z_INDEXES.active, COLORS.primary_800, COLORS.primary_100, COLORS.primary_500, COLORS.primary_800, focusStyles);
 var A = styled.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;
+    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__*/_jsxs(StyledSwitcherItem, {
     onClick: function onClick() {
       return window.location.href = url || '';
@@ -35,7 +32,6 @@ var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
     }), label]
   }, label);
 };
-
 SwitcherMenuItem.propTypes = {
   label: _pt.string.isRequired,
   url: _pt.string.isRequired,

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","StyledSwitcherItem","div","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\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  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\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: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,SAAR,EAAmBC,iBAAnB,EAAsCC,MAAtC,EAA8CC,kBAA9C,EAAkEC,WAAlE,QAAoF,WAApF;AACA,SAAQC,yBAAR,QAAwC,WAAxC;;AAEA,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAV,mqCASpBN,iBAAiB,CAACE,kBAAkB,CAACK,OAApB,EAA6BN,MAAM,CAACO,WAApC,CATG,EA8BTT,SAAS,CAACU,MA9BD,EAgCXR,MAAM,CAACS,WAhCI,EAmCET,MAAM,CAACU,WAnCT,EAuCVV,MAAM,CAACS,WAvCG,EA4CXT,MAAM,CAACW,WA5CI,EA6CAX,MAAM,CAACY,WA7CP,EAiDTd,SAAS,CAACe,KAjDD,EAkDXb,MAAM,CAACc,WAlDI,EAmDAd,MAAM,CAACe,UAnDP,EAsDVf,MAAM,CAACc,WAtDG,EA2DThB,SAAS,CAACU,MA3DD,EA4DXR,MAAM,CAACgB,WA5DI,EA6DAhB,MAAM,CAACiB,WA7DP,EAgEEjB,MAAM,CAACU,WAhET,EAoEVV,MAAM,CAACgB,WApEG,EAyElBd,WAzEkB,CAAxB;AA+EA,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAV,uEAAP;;AAWA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAEC,KAAF,QAAEA,KAAF;EAAA,IAASC,GAAT,QAASA,GAAT;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,IAAwBC,IAAxB,QAAwBA,IAAxB;EAAA,mBAA8BC,EAA9B;EAAA,IAA8BA,EAA9B,wBAAmCP,CAAnC;EAAA,IAAsCQ,MAAtC,QAAsCA,MAAtC;EAAA,oBACvB,MAAC,kBAAD;IACE,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;IAAA,CADX;IAEE,EAAE,EAAEG,EAFN;IAGE,WAAW,EAAEtB,yBAHf;IAIE,IAAI,EAAEmB,GAAG,IAAI,EAJf;IAKE,MAAM,EAAC,SALT;IAOE,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;IAQE,eAAaG,MARf;IAAA,WASG,CAAC,CAACF,IAAF,iBAAU5B,KAAK,CAACkC,YAAN,CAAmBN,IAAnB,EAAyB;MAACO,IAAI,EAAE,MAAP;MAAeC,KAAK,EAAE;IAAtB,CAAzB,CATb,EAUGX,KAVH;EAAA,GAMOA,KANP,CADuB;AAAA,CAAzB;;;EAREA,K;EACAC,G;EACAC,Q;EACAC,I;EACAC,E;EACAC,M;;AAkBF,eAAeN,gBAAf"}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","StyledSwitcherItem","div","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\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  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\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: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC/F,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAEpD,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAG,mqCASjCN,iBAAiB,CAACE,kBAAkB,CAACK,OAAO,EAAEN,MAAM,CAACO,WAAW,CAAC,EAqBtDT,SAAS,CAACU,MAAM,EAElBR,MAAM,CAACS,WAAW,EAGLT,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACS,WAAW,EAKnBT,MAAM,CAACW,WAAW,EACPX,MAAM,CAACY,WAAW,EAI3Bd,SAAS,CAACe,KAAK,EACjBb,MAAM,CAACc,WAAW,EACPd,MAAM,CAACe,UAAU,EAG3Bf,MAAM,CAACc,WAAW,EAKjBhB,SAAS,CAACU,MAAM,EAClBR,MAAM,CAACgB,WAAW,EACPhB,MAAM,CAACiB,WAAW,EAGhBjB,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACgB,WAAW,EAK1Bd,WAAW,CAIhB;AAED,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAC,uEAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,MAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEtB,yBAA0B;IACvC,IAAI,EAAEmB,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAI5B,KAAK,CAACkC,YAAY,CAACN,IAAI,EAAE;MAACO,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEX,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAkBR,eAAeN,gBAAgB"}

package/dist/Switcher/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,8 +16,6 @@ Object.defineProperty(exports, "SwitcherMenuItem", {
     return _SwitcherMenuItem.default;
   }
 });
-
 var _SwitcherMenuItem = _interopRequireDefault(require("./SwitcherMenuItem"));
-
 var _MobileSwitcherMenu = _interopRequireDefault(require("./MobileSwitcherMenu"));
 //# sourceMappingURL=index.cjs.map

package/dist/Switcher/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\n\nexport { SwitcherMenuItem, MobileSwitcherMenu };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\n\nexport { SwitcherMenuItem, MobileSwitcherMenu };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}

package/dist/Switcher/index.js.map

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