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

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';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\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;AAQ5F,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;AAAC;EApBAF,QAAQ;AAAA"}
+{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","jsx","_jsx","jsxs","_jsxs","MobileCustomMenuContent","_ref","children","header","action","_useScrollableContain","_useScrollableContain2","_slicedToArray","scrollContainerRef","scrollable","ref","className","note","_objectSpread","propTypes","_pt","node"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\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,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAQ5F,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAA8EA,CAAAC,IAAA,EAAqC;EAAA,IAA/BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;EACvH,IAAAC,qBAAA,GAAyChB,sBAAsB,CAAC,CAACa,QAAQ,CAAC,CAAC;IAAAI,sBAAA,GAAAC,cAAA,CAAAF,qBAAA;IAApEG,kBAAkB,GAAAF,sBAAA;IAAEG,UAAU,GAAAH,sBAAA;EAErC,oBACEP,KAAA,CAACN,iBAAiB;IAAAS,QAAA,gBAChBH,KAAA,CAACL,mBAAmB;MAACgB,GAAG,EAAEF,kBAA0B;MAACG,SAAS,EAAEF,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAP,QAAA,GAC5F,CAAC,CAACC,MAAM,iBACPJ,KAAA,CAACT,qBAAqB;QAAAY,QAAA,gBACpBL,IAAA,CAACL,gBAAgB;UAAAU,QAAA,EAAEC,MAAM,CAACA;QAAM,CAAmB,CAAC,EACnDA,MAAM,CAACS,IAAI,iBAAIf,IAAA,CAACN,gBAAgB;UAAAW,QAAA,EAAEC,MAAM,CAACS;QAAI,CAAmB,CAAC;MAAA,CAC7C,CACxB,EACAV,QAAQ;IAAA,CACU,CAAC,EACrBE,MAAM,iBAAIP,IAAA,CAACF,qBAAqB,EAAAkB,aAAA,KAAKT,MAAM,CAAG,CAAC;EAAA,CAC/B,CAAC;AAExB,CAAC;AAACJ,uBAAA,CAAAc,SAAA;EApBAZ,QAAQ,EAAAa,GAAA,CAAAC;AAAA","ignoreList":[]}

package/dist/Switcher/MobileSwitcherMenu.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -16,9 +16,9 @@ var _MobileMenuContent = _interopRequireDefault(require("../GlobalNavigationBar/
 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);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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,
@@ -30,11 +30,11 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     role: "menu",
     "aria-labelledby": "UserMenuButton",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuHeader.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuHeader["default"], {
       onGoBack: onMenuClose,
       label: label,
       onClose: onMenuClose
-    }), items && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent.default, {
+    }), items && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent["default"], {
       header: {
         header: header,
         note: note
@@ -52,13 +52,13 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
   });
 };
 MobileSwitcherMenu.propTypes = {
-  label: _propTypes.default.string.isRequired,
-  header: _propTypes.default.string.isRequired,
-  note: _propTypes.default.string,
-  onMenuClose: _propTypes.default.func.isRequired,
-  items: _propTypes.default.array,
-  customContent: _propTypes.default.node
+  label: _propTypes["default"].string.isRequired,
+  header: _propTypes["default"].string.isRequired,
+  note: _propTypes["default"].string,
+  onMenuClose: _propTypes["default"].func.isRequired,
+  items: _propTypes["default"].array,
+  customContent: _propTypes["default"].node
 };
 var _default = MobileSwitcherMenu;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=MobileSwitcherMenu.cjs.map

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';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\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"}
+{"version":3,"file":"MobileSwitcherMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_MobileMenuHeader","_MobileMenuContent","_MobileCustomMenuContent","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","_ref","label","header","note","onMenuClose","customContent","items","footerAction","jsxs","role","children","jsx","onGoBack","onClose","action","MobileCustomMenuContent","propTypes","_propTypes","string","isRequired","func","array","node","_default","exports"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/MobileSwitcherMenu.d.ts

@@ -9,5 +9,5 @@ interface Props {
     footerAction?: MenuButton;
     customContent?: React.ReactNode;
 }
-declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => JSX.Element;
+declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => React.JSX.Element;
 export default MobileSwitcherMenu;

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';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\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"}
+{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","off_canvas","SMALL","MobileSwitcherMenu","_ref","label","header","note","onMenuClose","customContent","items","footerAction","role","children","onGoBack","onClose","action","propTypes","_pt","string","isRequired","func","array","node"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\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,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpE,IAAMC,OAAO,GAAGV,MAAM,CAACW,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,0LAEbX,SAAS,CAACY,UAAU,EAQ7Bb,WAAW,CAACc,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAwF;EAAA,IAAlFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAEC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,YAAY,GAAAP,IAAA,CAAZO,YAAY;EAChG,oBACEf,KAAA,CAACC,OAAO;IAACe,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAAC,QAAA,gBACnDnB,IAAA,CAACJ,gBAAgB;MAACwB,QAAQ,EAAEN,WAAY;MAACH,KAAK,EAAEA,KAAM;MAACU,OAAO,EAAEP;IAAY,CAAE,CAAC,EAC9EE,KAAK,iBAAIhB,IAAA,CAACH,iBAAiB;MAACe,MAAM,EAAE;QAAEA,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAACG,KAAK,EAAEA,KAAM;MAACM,MAAM,EAAEL;IAAa,CAAE,CAAC,EAC5FF,aAAa,iBACZf,IAAA,CAACF,uBAAuB;MAACc,MAAM,EAAE;QAAEA,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAACS,MAAM,EAAEL,YAAa;MAAAE,QAAA,EACrEJ;IAAa,CACS,CAC1B;EAAA,CACM,CAAC;AAEd,CAAC;AAACN,kBAAA,CAAAc,SAAA;EArBAZ,KAAK,EAAAa,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACLd,MAAM,EAAAY,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACNb,IAAI,EAAAW,GAAA,CAAAC,MAAA;EACJX,WAAW,EAAAU,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACXV,KAAK,EAAAQ,GAAA,CAAAI,KAAA;EAELb,aAAa,EAAAS,GAAA,CAAAK;AAAA;AAiBf,eAAepB,kBAAkB","ignoreList":[]}

package/dist/Switcher/SwitcherMenuItem.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
@@ -13,8 +13,34 @@ 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 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"])), function (props) {
+  return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+}, _styles.Z_INDEXES.hover, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, _styles.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, _styles.focusStyles);
+var A = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])([""])));
 var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
   var label = _ref.label,
     url = _ref.url,
@@ -33,20 +59,20 @@ var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
     target: "_parent",
     className: disabled ? 'disabled' : '',
     "data-testid": testId,
-    children: [!!icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+    children: [!!icon && /*#__PURE__*/_react["default"].cloneElement(icon, {
       size: '24px',
       color: '#666666'
     }), label]
   }, label);
 };
 SwitcherMenuItem.propTypes = {
-  label: _propTypes.default.string.isRequired,
-  url: _propTypes.default.string.isRequired,
-  disabled: _propTypes.default.bool,
-  icon: _propTypes.default.any,
-  as: _propTypes.default.any,
-  testId: _propTypes.default.string
+  label: _propTypes["default"].string.isRequired,
+  url: _propTypes["default"].string.isRequired,
+  disabled: _propTypes["default"].bool,
+  icon: _propTypes["default"].any,
+  as: _propTypes["default"].any,
+  testId: _propTypes["default"].string
 };
 var _default = SwitcherMenuItem;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=SwitcherMenuItem.cjs.map

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';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\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\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    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\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    onMouseDown={defaultOnMouseDownHandler}\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 && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\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"}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","_templateObject","_templateObject2","StyledSwitcherItem","styled","div","_taggedTemplateLiteral2","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","Z_INDEXES","active","hover","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","string","isRequired","bool","any","_default","exports"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\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  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\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: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\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    onMouseDown={defaultOnMouseDownHandler}\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 && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/SwitcherMenuItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface SwitcherNavItem {
     label: string;
     url: string;
@@ -7,5 +7,5 @@ export interface SwitcherNavItem {
     as?: any;
     testId?: string;
 }
-declare const SwitcherMenuItem: ({ label, url, disabled, icon, as, testId }: SwitcherNavItem) => JSX.Element;
+declare const SwitcherMenuItem: ({ label, url, disabled, icon, as, testId }: SwitcherNavItem) => React.JSX.Element;
 export default SwitcherMenuItem;

package/dist/Switcher/SwitcherMenuItem.js

@@ -6,7 +6,33 @@ import styled from 'styled-components';
 import { Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles } from '../styles';
 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 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"])), function (props) {
+  return ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, Z_INDEXES.hover, function (props) {
+  return COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_600', props.theme);
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, focusStyles);
 var A = styled.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
 var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
   var label = _ref.label,

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';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\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\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    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\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    onMouseDown={defaultOnMouseDownHandler}\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 && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\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"}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","active","hover","A","a","_templateObject2","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","onClick","window","location","href","onMouseDown","target","className","children","cloneElement","size","color","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\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  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\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: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\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    onMouseDown={defaultOnMouseDownHandler}\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 && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/index.cjs

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "MobileSwitcherMenu", {
   enumerable: true,
   get: function get() {
-    return _MobileSwitcherMenu.default;
+    return _MobileSwitcherMenu["default"];
   }
 });
 Object.defineProperty(exports, "SwitcherMenuItem", {
   enumerable: true,
   get: function get() {
-    return _SwitcherMenuItem.default;
+    return _SwitcherMenuItem["default"];
   }
 });
 var _SwitcherMenuItem = _interopRequireDefault(require("./SwitcherMenuItem"));

package/dist/Switcher/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.cjs","names":["_SwitcherMenuItem","_interopRequireDefault","require","_MobileSwitcherMenu"],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}

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';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,SAASD,gBAAgB,EAAEC,kBAAkB"}
+{"version":3,"file":"index.js","names":["SwitcherMenuItem","MobileSwitcherMenu"],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,SAASD,gBAAgB,EAAEC,kBAAkB","ignoreList":[]}

package/dist/Table/Table.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -17,13 +17,21 @@ var _TableHeaders = _interopRequireDefault(require("./TableHeaders"));
 var _TableFooter = _interopRequireDefault(require("./TableFooter"));
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 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) { (0, _defineProperty2.default)(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; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } /**
+ * Import React libraries.
+ */ /**
+ * Import custom components.
+ */ /**
+ * Import custom styles.
+ */ /**
+ * Import custom types.
+ */
 var Table = function Table(props) {
   var onPreviousPageClick = props.onPreviousPageClick,
     onNextPageClick = props.onNextPageClick,
@@ -47,47 +55,47 @@ var Table = function Table(props) {
 
   // States used within the component
   var _React$useState = React.useState(10),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     rowsPerPage = _React$useState2[0],
     setRowsPerPage = _React$useState2[1];
   var _React$useState3 = React.useState([]),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
     filteredRows = _React$useState4[0],
     setFilteredRows = _React$useState4[1];
   var _React$useState5 = React.useState([]),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
     currentPageRows = _React$useState6[0],
     setCurrentPageRows = _React$useState6[1];
   var _React$useState7 = React.useState(1),
-    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
     currentPage = _React$useState8[0],
     setCurrentPage = _React$useState8[1];
   var _React$useState9 = React.useState(),
-    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
     sort = _React$useState10[0],
     setSort = _React$useState10[1];
   var _React$useState11 = React.useState(),
-    _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
+    _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
     from = _React$useState12[0],
     setFrom = _React$useState12[1];
   var _React$useState13 = React.useState(),
-    _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
+    _React$useState14 = (0, _slicedToArray2["default"])(_React$useState13, 2),
     to = _React$useState14[0],
     setTo = _React$useState14[1];
   var _React$useState15 = React.useState(),
-    _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
+    _React$useState16 = (0, _slicedToArray2["default"])(_React$useState15, 2),
     total = _React$useState16[0],
     setTotal = _React$useState16[1];
   var _React$useState17 = React.useState(true),
-    _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
+    _React$useState18 = (0, _slicedToArray2["default"])(_React$useState17, 2),
     isCollapsed = _React$useState18[0],
     setIsCollapsed = _React$useState18[1];
   var _React$useState19 = React.useState('none'),
-    _React$useState20 = (0, _slicedToArray2.default)(_React$useState19, 2),
+    _React$useState20 = (0, _slicedToArray2["default"])(_React$useState19, 2),
     selectAllState = _React$useState20[0],
     setSelectAllState = _React$useState20[1];
   var _React$useState21 = React.useState(multiSelect ? [] : undefined),
-    _React$useState22 = (0, _slicedToArray2.default)(_React$useState21, 2),
+    _React$useState22 = (0, _slicedToArray2["default"])(_React$useState21, 2),
     selected = _React$useState22[0],
     setSelected = _React$useState22[1];
   React.useEffect(function () {
@@ -317,10 +325,10 @@ var Table = function Table(props) {
       if (!!multiSelect) {
         var existing = selected === null || selected === void 0 ? void 0 : selected.indexOf(value);
         if (existing > -1) {
-          currentSelection = (0, _toConsumableArray2.default)(selected);
+          currentSelection = (0, _toConsumableArray2["default"])(selected);
           currentSelection.splice(existing, 1);
         } else {
-          currentSelection = [].concat((0, _toConsumableArray2.default)(selected), [currentSelection]);
+          currentSelection = [].concat((0, _toConsumableArray2["default"])(selected), [currentSelection]);
         }
       }
       setSelected(currentSelection);
@@ -337,17 +345,17 @@ var Table = function Table(props) {
     });
     switch (selectAllState) {
       case 'all':
-        setSelected((0, _toConsumableArray2.default)(selected).filter(function (item) {
+        setSelected((0, _toConsumableArray2["default"])(selected).filter(function (item) {
           return !currentList.includes(item);
         }));
         setSelectAllState('none');
         break;
       case 'none':
-        setSelected([].concat((0, _toConsumableArray2.default)(selected), (0, _toConsumableArray2.default)(currentList)));
+        setSelected([].concat((0, _toConsumableArray2["default"])(selected), (0, _toConsumableArray2["default"])(currentList)));
         setSelectAllState('all');
         break;
       case 'some':
-        setSelected([].concat((0, _toConsumableArray2.default)(selected), (0, _toConsumableArray2.default)(currentList.filter(function (item) {
+        setSelected([].concat((0, _toConsumableArray2["default"])(selected), (0, _toConsumableArray2["default"])(currentList.filter(function (item) {
           return !selected.includes(item);
         }))));
         setSelectAllState('all');
@@ -360,7 +368,7 @@ var Table = function Table(props) {
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.TableWrapper, {
     className: props.border ? 'border' : undefined,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeaders.default, _objectSpread({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody.default, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeaders["default"], _objectSpread({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody["default"], _objectSpread(_objectSpread({}, props), {}, {
       currentPageRows: currentPageRows,
       selected: selected,
       onRowClick: onRowClick,
@@ -368,7 +376,7 @@ var Table = function Table(props) {
       onSelectAllClick: onSelectAllClick,
       sortProps: sort,
       selectAllState: selectAllState
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter.default, _objectSpread(_objectSpread({}, props), {}, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter["default"], _objectSpread(_objectSpread({}, props), {}, {
       onRowsPerPageChange: changeRowsPerPage,
       rowsPerPage: rowsPerPage,
       setIsCollapsed: setIsCollapsed,
@@ -387,5 +395,5 @@ var Table = function Table(props) {
   });
 };
 var _default = Table;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=Table.cjs.map