@laerdal/life-react-components 1.11.0 → 2.0.0

package/dist/Switcher/MobileCustomMenuContent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';
+interface MobileCustomMenuContentProps {
+    header?: MenuGroupHeader;
+    action?: MenuButton;
+}
+export declare const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps>;
+export {};

package/dist/Switcher/MobileCustomMenuContent.js

@@ -0,0 +1,39 @@
+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';
+import { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';
+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;
+
+  var _useScrollableContain = useScrollableContainer([children]),
+      _useScrollableContain2 = _slicedToArray(_useScrollableContain, 2),
+      scrollContainerRef = _useScrollableContain2[0],
+      scrollable = _useScrollableContain2[1];
+
+  return /*#__PURE__*/_jsxs(MobileMenuWrapper, {
+    children: [/*#__PURE__*/_jsxs(ScrollableContainer, {
+      ref: scrollContainerRef,
+      className: scrollable ? 'scrollable' : '',
+      children: [!!header && /*#__PURE__*/_jsxs(MobileHeaderContainer, {
+        children: [/*#__PURE__*/_jsx(MobileHeaderText, {
+          children: header.header
+        }), header.note && /*#__PURE__*/_jsx(MobileHeaderNote, {
+          children: header.note
+        })]
+      }), children]
+    }), action && /*#__PURE__*/_jsx(MobileActionContainer, _objectSpread({}, action))]
+  });
+};
+//# sourceMappingURL=MobileCustomMenuContent.js.map

package/dist/Switcher/MobileCustomMenuContent.js.map

@@ -0,0 +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"}

package/dist/Switcher/MobileSwitcherMenu.cjs

@@ -23,6 +23,8 @@ var _MobileMenuHeader = _interopRequireDefault(require("../GlobalNavigationBar/m
 
 var _MobileMenuContent = _interopRequireDefault(require("../GlobalNavigationBar/mobile/MobileMenuContent"));
 
+var _MobileCustomMenuContent = require("./MobileCustomMenuContent");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject;
@@ -38,7 +40,9 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
       header = _ref.header,
       note = _ref.note,
       onMenuClose = _ref.onMenuClose,
-      items = _ref.items;
+      customContent = _ref.customContent,
+      items = _ref.items,
+      footerAction = _ref.footerAction;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     role: "menu",
     "aria-labelledby": "UserMenuButton",
@@ -46,12 +50,20 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
       onGoBack: onMenuClose,
       label: label,
       onClose: onMenuClose
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent.default, {
+    }), items && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent.default, {
+      header: {
+        header: header,
+        note: note
+      },
+      items: items,
+      action: footerAction
+    }), customContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileCustomMenuContent.MobileCustomMenuContent, {
       header: {
         header: header,
         note: note
       },
-      items: items
+      action: footerAction,
+      children: customContent
     })]
   });
 };
@@ -61,7 +73,8 @@ MobileSwitcherMenu.propTypes = {
   header: _propTypes.default.string.isRequired,
   note: _propTypes.default.string,
   onMenuClose: _propTypes.default.func.isRequired,
-  items: _propTypes.default.array
+  items: _propTypes.default.array,
+  customContent: _propTypes.default.node
 };
 var _default = MobileSwitcherMenu;
 exports.default = _default;

package/dist/Switcher/MobileSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,qQAEAC,kBAAUC,UAFV,EAUTC,oBAAYC,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;AAAA,MAApDC,KAAoD,QAApDA,KAAoD;AAAA,MAA7CC,MAA6C,QAA7CA,MAA6C;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,WAA+B,QAA/BA,WAA+B;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAC/E,sBACE,sBAAC,OAAD;AAAS,IAAA,IAAI,EAAC,MAAd;AAAqB,uBAAgB,gBAArC;AAAA,4BACE,qBAAC,yBAAD;AAAkB,MAAA,QAAQ,EAAED,WAA5B;AACkB,MAAA,KAAK,EAAEH,KADzB;AAEkB,MAAA,OAAO,EAAEG;AAF3B,MADF,eAIE,qBAAC,0BAAD;AAAmB,MAAA,MAAM,EAAE;AAACF,QAAAA,MAAM,EAANA,MAAD;AAASC,QAAAA,IAAI,EAAJA;AAAT,OAA3B;AACmB,MAAA,KAAK,EAAEE;AAD1B,MAJF;AAAA,IADF;AASD,CAVD;;;AAPEJ,EAAAA,K;AACAC,EAAAA,M;AACAC,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,K;;eAeaL,kB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\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\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"file":"MobileSwitcherMenu.cjs"}
+{"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"}

package/dist/Switcher/MobileSwitcherMenu.d.ts

@@ -1,10 +1,13 @@
-import { MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
+import * as React from 'react';
+import { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
 interface Props {
     label: string;
     header: string;
     note?: string;
     onMenuClose: () => void;
     items?: MenuNavigationItemTypeItem[];
+    footerAction?: MenuButton;
+    customContent?: React.ReactNode;
 }
-declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, items }: Props) => JSX.Element;
+declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => JSX.Element;
 export default MobileSwitcherMenu;

package/dist/Switcher/MobileSwitcherMenu.js

@@ -9,6 +9,7 @@ import { BREAKPOINTS } from '../styles';
 import { Z_INDEXES } from '../styles';
 import MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';
 import MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';
+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);
@@ -18,7 +19,9 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
       header = _ref.header,
       note = _ref.note,
       onMenuClose = _ref.onMenuClose,
-      items = _ref.items;
+      customContent = _ref.customContent,
+      items = _ref.items,
+      footerAction = _ref.footerAction;
   return /*#__PURE__*/_jsxs(Wrapper, {
     role: "menu",
     "aria-labelledby": "UserMenuButton",
@@ -26,12 +29,20 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
       onGoBack: onMenuClose,
       label: label,
       onClose: onMenuClose
-    }), /*#__PURE__*/_jsx(MobileMenuContent, {
+    }), items && /*#__PURE__*/_jsx(MobileMenuContent, {
       header: {
         header: header,
         note: note
       },
-      items: items
+      items: items,
+      action: footerAction
+    }), customContent && /*#__PURE__*/_jsx(MobileCustomMenuContent, {
+      header: {
+        header: header,
+        note: note
+      },
+      action: footerAction,
+      children: customContent
     })]
   });
 };
@@ -41,7 +52,8 @@ MobileSwitcherMenu.propTypes = {
   header: _pt.string.isRequired,
   note: _pt.string,
   onMenuClose: _pt.func.isRequired,
-  items: _pt.array
+  items: _pt.array,
+  customContent: _pt.node
 };
 export default MobileSwitcherMenu;
 //# sourceMappingURL=MobileSwitcherMenu.js.map

package/dist/Switcher/MobileSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,SAAR,QAAwB,WAAxB;AAEA,OAAOC,gBAAP,MAA6B,gDAA7B;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;;;AAEA,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAV,uPAEAJ,SAAS,CAACK,UAFV,EAUTN,WAAW,CAACO,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;AAAA,MAApDC,KAAoD,QAApDA,KAAoD;AAAA,MAA7CC,MAA6C,QAA7CA,MAA6C;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,WAA+B,QAA/BA,WAA+B;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAC/E,sBACE,MAAC,OAAD;AAAS,IAAA,IAAI,EAAC,MAAd;AAAqB,uBAAgB,gBAArC;AAAA,4BACE,KAAC,gBAAD;AAAkB,MAAA,QAAQ,EAAED,WAA5B;AACkB,MAAA,KAAK,EAAEH,KADzB;AAEkB,MAAA,OAAO,EAAEG;AAF3B,MADF,eAIE,KAAC,iBAAD;AAAmB,MAAA,MAAM,EAAE;AAACF,QAAAA,MAAM,EAANA,MAAD;AAASC,QAAAA,IAAI,EAAJA;AAAT,OAA3B;AACmB,MAAA,KAAK,EAAEE;AAD1B,MAJF;AAAA,IADF;AASD,CAVD;;;AAPEJ,EAAAA,K;AACAC,EAAAA,M;AACAC,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,K;;AAeF,eAAeL,kBAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\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\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"file":"MobileSwitcherMenu.js"}
+{"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"}

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"names":["StyledSwitcherItem","styled","div","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV,irCASpB,+BAAkBC,2BAAmBC,OAArC,EAA8CC,eAAOC,WAArD,CAToB,EA8BTC,kBAAUC,MA9BD,EAgCXH,eAAOI,WAhCI,EAmCEJ,eAAOK,WAnCT,EAuCVL,eAAOI,WAvCG,EA4CXJ,eAAOM,WA5CI,EA6CAN,eAAOO,WA7CP,EAiDTL,kBAAUM,KAjDD,EAkDXR,eAAOS,WAlDI,EAmDAT,eAAOU,UAnDP,EAsDVV,eAAOS,WAtDG,EA2DTP,kBAAUC,MA3DD,EA4DXH,eAAOW,WA5DI,EA6DAX,eAAOY,WA7DP,EAgEEZ,eAAOK,WAhET,EAoEVL,eAAOW,WApEG,EAyElBE,mBAzEkB,CAAxB;;AA+EA,IAAMC,CAAC,GAAGlB,0BAAOmB,CAAV,qFAAP;;AAWA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAEC,KAAF,QAAEA,KAAF;AAAA,MAASC,GAAT,QAASA,GAAT;AAAA,MAAcC,QAAd,QAAcA,QAAd;AAAA,MAAwBC,IAAxB,QAAwBA,IAAxB;AAAA,qBAA8BC,EAA9B;AAAA,MAA8BA,EAA9B,wBAAmCP,CAAnC;AAAA,MAAsCQ,MAAtC,QAAsCA,MAAtC;AAAA,sBACvB,sBAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AAAA,aAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;AAAA,KADX;AAEE,IAAA,EAAE,EAAEG,EAFN;AAGE,IAAA,WAAW,EAAEK,iCAHf;AAIE,IAAA,IAAI,EAAER,GAAG,IAAI,EAJf;AAKE,IAAA,MAAM,EAAC,SALT;AAOE,IAAA,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;AAQE,mBAAaG,MARf;AAAA,eASG,CAAC,CAACF,IAAF,iBAAUO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AAACS,MAAAA,IAAI,EAAE,MAAP;AAAeC,MAAAA,KAAK,EAAE;AAAtB,KAAzB,CATb,EAUGb,KAVH;AAAA,KAMOA,KANP,CADuB;AAAA,CAAzB;;;AAREA,EAAAA,K;AACAC,EAAAA,G;AACAC,EAAAA,Q;AACAC,EAAAA,I;AACAC,EAAAA,E;AACAC,EAAAA,M;;eAkBaN,gB","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"],"file":"SwitcherMenuItem.cjs"}
+{"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"}

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"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"],"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;AAAA,MAAEC,KAAF,QAAEA,KAAF;AAAA,MAASC,GAAT,QAASA,GAAT;AAAA,MAAcC,QAAd,QAAcA,QAAd;AAAA,MAAwBC,IAAxB,QAAwBA,IAAxB;AAAA,qBAA8BC,EAA9B;AAAA,MAA8BA,EAA9B,wBAAmCP,CAAnC;AAAA,MAAsCQ,MAAtC,QAAsCA,MAAtC;AAAA,sBACvB,MAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AAAA,aAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;AAAA,KADX;AAEE,IAAA,EAAE,EAAEG,EAFN;AAGE,IAAA,WAAW,EAAEtB,yBAHf;AAIE,IAAA,IAAI,EAAEmB,GAAG,IAAI,EAJf;AAKE,IAAA,MAAM,EAAC,SALT;AAOE,IAAA,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;AAQE,mBAAaG,MARf;AAAA,eASG,CAAC,CAACF,IAAF,iBAAU5B,KAAK,CAACkC,YAAN,CAAmBN,IAAnB,EAAyB;AAACO,MAAAA,IAAI,EAAE,MAAP;AAAeC,MAAAA,KAAK,EAAE;AAAtB,KAAzB,CATb,EAUGX,KAVH;AAAA,KAMOA,KANP,CADuB;AAAA,CAAzB;;;AAREA,EAAAA,K;AACAC,EAAAA,G;AACAC,EAAAA,Q;AACAC,EAAAA,I;AACAC,EAAAA,E;AACAC,EAAAA,M;;AAkBF,eAAeN,gBAAf","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"],"file":"SwitcherMenuItem.js"}
+{"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"}

package/dist/Switcher/index.cjs.map

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

package/dist/Table/Table.cjs

@@ -35,9 +35,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; } } }; }
 
@@ -58,6 +58,7 @@ var Table = function Table(props) {
       selectable = props.selectable,
       multiSelect = props.multiSelect,
       keyExpr = props.keyExpr,
+      sortProps = props.sortProps,
       accordion = props.accordion,
       _props$collapsed = props.collapsed,
       collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
@@ -84,46 +85,44 @@ var Table = function Table(props) {
       currentPage = _React$useState8[0],
       setCurrentPage = _React$useState8[1];
 
-  var _React$useState9 = React.useState(''),
+  var _React$useState9 = React.useState(sortProps),
       _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
-      sortedColumn = _React$useState10[0],
-      setSortedColumn = _React$useState10[1];
+      sort = _React$useState10[0],
+      setSort = _React$useState10[1];
 
-  var _React$useState11 = React.useState('asc'),
+  var _React$useState11 = React.useState(),
       _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
-      sortedDirection = _React$useState12[0],
-      setSortedDirection = _React$useState12[1];
+      from = _React$useState12[0],
+      setFrom = _React$useState12[1];
 
   var _React$useState13 = React.useState(),
       _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
-      from = _React$useState14[0],
-      setFrom = _React$useState14[1];
+      to = _React$useState14[0],
+      setTo = _React$useState14[1];
 
   var _React$useState15 = React.useState(),
       _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
-      to = _React$useState16[0],
-      setTo = _React$useState16[1];
+      total = _React$useState16[0],
+      setTotal = _React$useState16[1];
 
-  var _React$useState17 = React.useState(),
+  var _React$useState17 = React.useState(true),
       _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
-      total = _React$useState18[0],
-      setTotal = _React$useState18[1];
+      isCollapsed = _React$useState18[0],
+      setIsCollapsed = _React$useState18[1];
 
-  var _React$useState19 = React.useState(true),
+  var _React$useState19 = React.useState('none'),
       _React$useState20 = (0, _slicedToArray2.default)(_React$useState19, 2),
-      isCollapsed = _React$useState20[0],
-      setIsCollapsed = _React$useState20[1];
+      selectAllState = _React$useState20[0],
+      setSelectAllState = _React$useState20[1];
 
-  var _React$useState21 = React.useState('none'),
+  var _React$useState21 = React.useState(multiSelect ? [] : undefined),
       _React$useState22 = (0, _slicedToArray2.default)(_React$useState21, 2),
-      selectAllState = _React$useState22[0],
-      setSelectAllState = _React$useState22[1];
-
-  var _React$useState23 = React.useState(multiSelect ? [] : undefined),
-      _React$useState24 = (0, _slicedToArray2.default)(_React$useState23, 2),
-      selected = _React$useState24[0],
-      setSelected = _React$useState24[1];
+      selected = _React$useState22[0],
+      setSelected = _React$useState22[1];
 
+  React.useEffect(function () {
+    setSort(sortProps);
+  }, [sortProps]);
   React.useEffect(function () {
     setSelected(props.selectedRows || (multiSelect ? [] : undefined));
   }, [props.selectedRows, multiSelect]);
@@ -206,22 +205,13 @@ var Table = function Table(props) {
       }
     }); // Let's apply sorting if needed
 
-    if (columns.some(function (column) {
-      return column.sortingDirection;
-    })) {
-      // Let's find the sorting column
-      var sortingColumn = columns.find(function (column) {
-        return column.sortingDirection;
-      }); // Update sorted column data
-
-      setSortedDirection(sortingColumn.sortingDirection);
-      setSortedColumn(sortingColumn.key); // Let's sort the rows
-
+    if (!!(sort !== null && sort !== void 0 && sort.column) && !!(sort !== null && sort !== void 0 && sort.direction)) {
+      // Let's sort the rows
       tmpFilteredRows.sort(function (a, b) {
-        if (a[sortingColumn.key] > b[sortingColumn.key]) {
-          return sortingColumn.sortingDirection === 'asc' ? 1 : -1;
-        } else if (a[sortingColumn.key] < b[sortingColumn.key]) {
-          return sortingColumn.sortingDirection === 'asc' ? -1 : 1;
+        if (a[sort.column] > b[sort.column]) {
+          return sort.direction === 'asc' ? 1 : -1;
+        } else if (a[sort.column] < b[sort.column]) {
+          return sort.direction === 'asc' ? -1 : 1;
         } else {
           return 0;
         }
@@ -252,7 +242,7 @@ var Table = function Table(props) {
 
       setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));
     }
-  }, [rowsPerPage, rows, currentPage, columns, sortedColumn, sortedDirection, remoteOperations]);
+  }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);
   /**
    * Applies a specific sorting to a column.
    * If no sorting exists, then applies ascending initially
@@ -260,51 +250,27 @@ var Table = function Table(props) {
    */
 
   var sortTableColumn = function sortTableColumn(column) {
-    // Let's remove any active sorting
-    columns = columns.map(function (tmpColumn) {
-      // Let's apply new sorting
-      // Let's check if it is the column for which we have to apply sorting
-      if (column.key === tmpColumn.key && tmpColumn.sortable) {
-        // Let's check if sorting is not defined
-        // If so, let's toggle the sorting direction
-        if (tmpColumn.sortingDirection !== undefined) {
-          if (tmpColumn.sortingDirection === 'asc') {
-            tmpColumn.sortingDirection = 'desc'; // Update sorted column and direction
-
-            setSortedColumn(column.key);
-            setSortedDirection('desc'); // Let's trigger remote sorting trigger function
-
-            if (remoteOperations && onTriggerSortingChange) {
-              onTriggerSortingChange(column.key, 'desc');
-            }
-          } else {
-            tmpColumn.sortingDirection = 'asc'; // Update sorted column and direction
-
-            setSortedColumn(column.key);
-            setSortedDirection('asc'); // Let's trigger remote sorting trigger function
-
-            if (remoteOperations && onTriggerSortingChange) {
-              onTriggerSortingChange(column.key, 'asc');
-            }
-          }
-        } else {
-          // Let's apply the initial sorting
-          tmpColumn.sortingDirection = 'asc'; // Update sorted column and direction
+    var columnKey = '';
+    var sortDirection = undefined;
 
-          setSortedColumn(column.key);
-          setSortedDirection('asc'); // Let's trigger remote sorting trigger function
-
-          if (remoteOperations && onTriggerSortingChange) {
-            onTriggerSortingChange(column.key, 'asc');
-          }
-        }
-      } else if (tmpColumn.sortingDirection !== undefined) {
-        // Let's remove sorting
-        tmpColumn.sortingDirection = undefined;
+    if ((sort === null || sort === void 0 ? void 0 : sort.column) !== column.key) {
+      columnKey = column.key;
+      sortDirection = 'asc';
+    } else {
+      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc') {
+        columnKey = '';
+        sortDirection = undefined;
+      } else {
+        columnKey = sort.column;
+        sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';
       }
+    }
 
-      return tmpColumn;
+    if (columnKey == '') setSort(undefined);else setSort({
+      column: columnKey,
+      direction: sortDirection
     });
+    remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);
   };
   /**
    * Navigates user back to the previous page and updates the current table page.
@@ -432,6 +398,7 @@ var Table = function Table(props) {
       onRowClick: onRowClick,
       sortByColumn: sortTableColumn,
       onSelectAllClick: onSelectAllClick,
+      sortProps: sort,
       selectAllState: selectAllState
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter.default, _objectSpread(_objectSpread({}, props), {}, {
       onRowsPerPageChange: changeRowsPerPage,

package/dist/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Table/Table.tsx"],"names":["Table","props","onPreviousPageClick","onNextPageClick","onRowsPerPageChange","onTriggerSortingChange","columns","rows","remoteOperations","pagination","showLoadingIndicator","selectable","multiSelect","keyExpr","accordion","collapsed","collapsedRows","rowsPerPageLabel","React","useState","rowsPerPage","setRowsPerPage","filteredRows","setFilteredRows","currentPageRows","setCurrentPageRows","currentPage","setCurrentPage","sortedColumn","setSortedColumn","sortedDirection","setSortedDirection","from","setFrom","to","setTo","total","setTotal","isCollapsed","setIsCollapsed","selectAllState","setSelectAllState","undefined","selected","setSelected","useEffect","selectedRows","currentList","map","row","count","filter","item","includes","length","filterAndSortRows","tmpFilteredRows","matchFilterCriteria","column","filterValue","key","toLowerCase","indexOf","some","sortingDirection","sortingColumn","find","sort","a","b","rowsFrom","rowsTo","slice","sortTableColumn","tmpColumn","sortable","previousPage","nextPage","changeRowsPerPage","value","onRowClick","selectedText","window","getSelection","toString","currentSelection","existing","splice","onSelectionChange","onSelectAllClick","Size","Medium"],"mappings":"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","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types'\n\n/**\n * Import custom styles.\n */\nimport {StyledTable, StyledTableSpinner, TableWrapper} from './TableStyles';\n\n/**\n * Import custom types.\n */\nimport {TableProps, TableColumn, TableSortingDirection} from './TableTypes';\nimport {LoadingIndicator} from '../LoadingIndicator';\nimport TableHeader from './TableHeaders';\nimport TableFooter from './TableFooter';\nimport TableBody from './TableBody';\n\nconst Table: React.FunctionComponent<TableProps> = (props: TableProps) => {\n  let {\n    onPreviousPageClick,\n    onNextPageClick,\n    onRowsPerPageChange,\n    onTriggerSortingChange,\n    columns,\n    rows,\n    remoteOperations,\n    pagination,\n    showLoadingIndicator,\n    selectable,\n    multiSelect,\n    keyExpr,\n    accordion,\n    collapsed = true,\n    collapsedRows,\n    rowsPerPageLabel\n  } = props;\n\n  // States used within the component\n  const [rowsPerPage, setRowsPerPage] = React.useState<number>(10);\n  const [filteredRows, setFilteredRows] = React.useState<any[]>([]);\n  const [currentPageRows, setCurrentPageRows] = React.useState<any[]>([]);\n  const [currentPage, setCurrentPage] = React.useState<number>(1);\n  const [sortedColumn, setSortedColumn] = React.useState<string>('');\n  const [sortedDirection, setSortedDirection] = React.useState<TableSortingDirection>('asc');\n  const [from, setFrom] = React.useState<number>();\n  const [to, setTo] = React.useState<number>();\n  const [total, setTotal] = React.useState<number>();\n\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n\n  const [selectAllState, setSelectAllState] = React.useState<'all' | 'some' | 'none'>('none');\n\n  const [selected, setSelected] = React.useState<any | any[]>(multiSelect ? [] : undefined);\n\n  React.useEffect(() => {\n    setSelected(props.selectedRows || (multiSelect ? [] : undefined))\n  }, [props.selectedRows, multiSelect])\n\n  /**\n   * update select all checkbox state\n   */\n  React.useEffect(() => {\n    if (multiSelect) {\n      const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\n      const count = selected.filter((item: any) => currentList.includes(item)).length;\n\n      setSelectAllState(count === currentList.length ? 'all' : count > 0 ? 'some' : 'none');\n    }\n  }, [currentPageRows, multiSelect, selected, keyExpr])\n\n  /**\n   * Takes care of remote pagination.\n   * Works only in case remote pagination is set to true.\n   */\n  React.useEffect(() => {\n    if (remoteOperations) {\n      setCurrentPageRows(rows);\n\n      // Let's assign pagination values\n      setFrom(pagination?.from);\n      setTo(pagination?.to);\n      setTotal(pagination?.total);\n      setCurrentPage(pagination?.currentPage!);\n      setRowsPerPage(pagination?.rowsPerPage!);\n    }\n  }, [remoteOperations, pagination, rows]);\n\n  /**\n   * Sets number of rows to display when accordion.\n   */\n  React.useEffect(() => {\n    if (!accordion) return;\n\n    setRowsPerPage(isCollapsed ? collapsedRows || 10 : rows.length);\n  }, [rows, accordion, collapsedRows, isCollapsed])\n\n  React.useEffect(() => {\n    if (!accordion) return;\n\n    setIsCollapsed(!!collapsed);\n  }, [accordion, collapsed])\n\n  /**\n   * Filters out a rows by specific column filters and sorts them if any sorting is set.\n   * @returns Filtered and sorted rows.\n   */\n  const filterAndSortRows = (): any[] => {\n    let tmpFilteredRows = rows.filter((row) => {\n      // Let's start with matched filter criteria\n      let matchFilterCriteria = true;\n\n      // Let's go through columns\n      for (const column of columns) {\n        // Let's check if filter value is specified for the column\n        // And if it doesn't match the current row column value\n        // Then let's update match filter criteria to failed\n        if (column.filterValue && row[column.key].toLowerCase().indexOf(column.filterValue.toLowerCase()) === -1) {\n          matchFilterCriteria = false;\n        }\n      }\n\n      // Let's return row only in case match filter criteria succeeds\n      if (matchFilterCriteria) {\n        return row;\n      }\n    });\n\n    // Let's apply sorting if needed\n    if (columns.some((column) => column.sortingDirection)) {\n      // Let's find the sorting column\n      const sortingColumn = columns.find((column) => column.sortingDirection)!;\n\n      // Update sorted column data\n      setSortedDirection(sortingColumn.sortingDirection!);\n      setSortedColumn(sortingColumn.key!);\n\n      // Let's sort the rows\n      tmpFilteredRows.sort((a, b) => {\n        if (a[sortingColumn.key] > b[sortingColumn.key]) {\n          return sortingColumn.sortingDirection === 'asc' ? 1 : -1;\n        } else if (a[sortingColumn.key] < b[sortingColumn.key]) {\n          return sortingColumn.sortingDirection === 'asc' ? -1 : 1;\n        } else {\n          return 0;\n        }\n      });\n    }\n\n    // Let's return filtered rows\n    return tmpFilteredRows;\n  };\n\n  /**\n   * Takes care of local pagination.\n   * Works only in case remote pagination is not defined or is set to false.\n   */\n  React.useEffect(() => {\n    if (!remoteOperations) {\n      // Let's retrieve temporary filtered rows and update globally filtered rows\n      const tmpFilteredRows = filterAndSortRows();\n      setFilteredRows(tmpFilteredRows);\n      setTotal(tmpFilteredRows.length);\n\n      // Assign rows from and rows to\n      const rowsFrom = (currentPage - 1) * rowsPerPage;\n      const rowsTo = rowsFrom + rowsPerPage >= tmpFilteredRows.length ? tmpFilteredRows.length : rowsFrom + rowsPerPage;\n\n      // Set from and to values\n      setFrom(rowsFrom + 1);\n      setTo(rowsTo);\n\n      // Filter out the rows\n      setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));\n    }\n  }, [rowsPerPage, rows, currentPage, columns, sortedColumn, sortedDirection, remoteOperations]);\n\n\n  /**\n   * Applies a specific sorting to a column.\n   * If no sorting exists, then applies ascending initially\n   * @param column - Column to which sorting should be applied.\n   */\n  const sortTableColumn = (column: TableColumn): void => {\n    // Let's remove any active sorting\n    columns = columns.map((tmpColumn: TableColumn) => {\n      // Let's apply new sorting\n      // Let's check if it is the column for which we have to apply sorting\n      if (column.key === tmpColumn.key && tmpColumn.sortable) {\n        // Let's check if sorting is not defined\n        // If so, let's toggle the sorting direction\n        if (tmpColumn.sortingDirection !== undefined) {\n          if (tmpColumn.sortingDirection === 'asc') {\n            tmpColumn.sortingDirection = 'desc';\n\n            // Update sorted column and direction\n            setSortedColumn(column.key);\n            setSortedDirection('desc');\n\n            // Let's trigger remote sorting trigger function\n            if (remoteOperations && onTriggerSortingChange) {\n              onTriggerSortingChange(column.key, 'desc');\n            }\n          } else {\n            tmpColumn.sortingDirection = 'asc';\n\n            // Update sorted column and direction\n            setSortedColumn(column.key);\n            setSortedDirection('asc');\n\n            // Let's trigger remote sorting trigger function\n            if (remoteOperations && onTriggerSortingChange) {\n              onTriggerSortingChange(column.key, 'asc');\n            }\n          }\n        } else {\n          // Let's apply the initial sorting\n          tmpColumn.sortingDirection = 'asc';\n\n          // Update sorted column and direction\n          setSortedColumn(column.key);\n          setSortedDirection('asc');\n\n          // Let's trigger remote sorting trigger function\n          if (remoteOperations && onTriggerSortingChange) {\n            onTriggerSortingChange(column.key, 'asc');\n          }\n        }\n      } else if (tmpColumn.sortingDirection !== undefined) {\n        // Let's remove sorting\n        tmpColumn.sortingDirection = undefined;\n      }\n\n      return tmpColumn;\n    });\n  };\n\n  /**\n   * Navigates user back to the previous page and updates the current table page.\n   */\n  const previousPage = () => {\n    if (remoteOperations) {\n      // Let's inform parent component about page change\n      if (onPreviousPageClick) {\n        onPreviousPageClick();\n      }\n    } else {\n      // Let's change the page within the component\n      setCurrentPage(currentPage > 1 ? currentPage - 1 : 1);\n    }\n  };\n\n  /**\n   * Navigates user to the next page and updates the current table page.\n   */\n  const nextPage = () => {\n    if (remoteOperations) {\n      // Let's inform parent component about page change\n      if (onNextPageClick) {\n        onNextPageClick();\n      }\n    } else {\n      // Let's change the page within the component\n      setCurrentPage(currentPage * rowsPerPage >= filteredRows.length ? currentPage : currentPage + 1);\n    }\n  };\n\n  /**\n   * Updates the rows per page value and refreshes the table content accordingly.\n   * @param value - Newly selected rows per page value.\n   */\n  const changeRowsPerPage = (value: number) => {\n    // Let's check if we are using remote pagination\n    if (remoteOperations) {\n      // Inform parent component about rows per page change\n      if (onRowsPerPageChange) {\n        onRowsPerPageChange(value);\n      }\n    } else {\n      // Let's reset current page to 1\n      setCurrentPage(1);\n    }\n\n    // Let's set rows per page\n    setRowsPerPage(value);\n  };\n\n\n  /**\n   * Function which is called when a mouse click happens on a row to pass data to the parent component.\n   * @param row - Row in which the link is located.\n   */\n  const onRowClick = (row: any): void => {\n    const selectedText = window?.getSelection()?.toString();\n\n    if (selectedText?.length === 0 && selectable) {\n      const value = keyExpr ? row[keyExpr] : row;\n      let currentSelection = value;\n      if (!!multiSelect) {\n        const existing = selected?.indexOf(value);\n        if (existing > -1) {\n          currentSelection = [...selected];\n          currentSelection.splice(existing, 1);\n        } else {\n          currentSelection = [...selected, currentSelection];\n        }\n      }\n\n      setSelected(currentSelection)\n      props.onSelectionChange && props.onSelectionChange(currentSelection);\n    }\n  };\n\n  /**\n   * Function which is called when user clicks checkbox to select or deselect all rows.\n   */\n  const onSelectAllClick = () => {\n    const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\n\n    switch (selectAllState) {\n      case 'all':\n        setSelected([...selected].filter(item => !currentList.includes(item)));\n        setSelectAllState('none');\n        break;\n      case 'none':\n        setSelected([...selected, ...currentList]);\n        setSelectAllState('all');\n        break;\n      case 'some':\n        setSelected([...selected, ...currentList.filter(item => !selected.includes(item))]);\n        setSelectAllState('all');\n        break;\n    }\n  };\n\n  /**\n   * Return Table component.\n   */\n  return (\n    <TableWrapper>\n      <TableHeader {...props}/>\n      <TableBody {...props}\n                 currentPageRows={currentPageRows}\n                 selected={selected}\n                 onRowClick={onRowClick}\n                 sortByColumn={sortTableColumn}\n                 onSelectAllClick={onSelectAllClick}\n                 selectAllState={selectAllState}/>\n      <TableFooter {...props}\n                   onRowsPerPageChange={changeRowsPerPage}\n                   rowsPerPage={rowsPerPage}\n                   setIsCollapsed={setIsCollapsed}\n                   isCollapsed={isCollapsed}\n                   from={from}\n                   to={to}\n                   total={total}\n                   nextPage={nextPage}\n                   prevPage={previousPage}/>\n      {showLoadingIndicator && (\n        <StyledTableSpinner>\n          <LoadingIndicator size={Size.Medium}/>\n        </StyledTableSpinner>\n      )}\n    </TableWrapper>\n  );\n};\n\nexport default Table;\n"],"file":"Table.cjs"}
+{"version":3,"file":"Table.cjs","names":["Table","props","onPreviousPageClick","onNextPageClick","onRowsPerPageChange","onTriggerSortingChange","columns","rows","remoteOperations","pagination","showLoadingIndicator","selectable","multiSelect","keyExpr","sortProps","accordion","collapsed","collapsedRows","rowsPerPageLabel","React","useState","rowsPerPage","setRowsPerPage","filteredRows","setFilteredRows","currentPageRows","setCurrentPageRows","currentPage","setCurrentPage","sort","setSort","from","setFrom","to","setTo","total","setTotal","isCollapsed","setIsCollapsed","selectAllState","setSelectAllState","undefined","selected","setSelected","useEffect","selectedRows","currentList","map","row","count","filter","item","includes","length","filterAndSortRows","tmpFilteredRows","matchFilterCriteria","column","filterValue","key","toLowerCase","indexOf","direction","a","b","rowsFrom","rowsTo","slice","sortTableColumn","columnKey","sortDirection","previousPage","nextPage","changeRowsPerPage","value","onRowClick","selectedText","window","getSelection","toString","currentSelection","existing","splice","onSelectionChange","onSelectAllClick","Size","Medium"],"sources":["../../src/Table/Table.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types'\n\n/**\n * Import custom styles.\n */\nimport {StyledTable, StyledTableSpinner, TableWrapper} from './TableStyles';\n\n/**\n * Import custom types.\n */\nimport {TableProps, TableColumn, TableSortingDirection, TableSortProps} from './TableTypes';\nimport {LoadingIndicator} from '../LoadingIndicator';\nimport TableHeader from './TableHeaders';\nimport TableFooter from './TableFooter';\nimport TableBody from './TableBody';\n\nconst Table: React.FunctionComponent<TableProps> = (props: TableProps) => {\n  let {\n    onPreviousPageClick,\n    onNextPageClick,\n    onRowsPerPageChange,\n    onTriggerSortingChange,\n    columns,\n    rows,\n    remoteOperations,\n    pagination,\n    showLoadingIndicator,\n    selectable,\n    multiSelect,\n    keyExpr,\n    sortProps,\n    accordion,\n    collapsed = true,\n    collapsedRows,\n    rowsPerPageLabel\n  } = props;\n\n  // States used within the component\n  const [rowsPerPage, setRowsPerPage] = React.useState<number>(10);\n  const [filteredRows, setFilteredRows] = React.useState<any[]>([]);\n  const [currentPageRows, setCurrentPageRows] = React.useState<any[]>([]);\n  const [currentPage, setCurrentPage] = React.useState<number>(1);\n  const [sort, setSort] = React.useState<TableSortProps | undefined>(sortProps);\n  const [from, setFrom] = React.useState<number>();\n  const [to, setTo] = React.useState<number>();\n  const [total, setTotal] = React.useState<number>();\n\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n\n  const [selectAllState, setSelectAllState] = React.useState<'all' | 'some' | 'none'>('none');\n\n  const [selected, setSelected] = React.useState<any | any[]>(multiSelect ? [] : undefined);\n\n  React.useEffect(() => {\n    setSort(sortProps);\n  }, [sortProps])\n\n  React.useEffect(() => {\n    setSelected(props.selectedRows || (multiSelect ? [] : undefined))\n  }, [props.selectedRows, multiSelect])\n\n  /**\n   * update select all checkbox state\n   */\n  React.useEffect(() => {\n    if (multiSelect) {\n      const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\n      const count = selected.filter((item: any) => currentList.includes(item)).length;\n\n      setSelectAllState(count === currentList.length ? 'all' : count > 0 ? 'some' : 'none');\n    }\n  }, [currentPageRows, multiSelect, selected, keyExpr])\n\n  /**\n   * Takes care of remote pagination.\n   * Works only in case remote pagination is set to true.\n   */\n  React.useEffect(() => {\n    if (remoteOperations) {\n      setCurrentPageRows(rows);\n\n      // Let's assign pagination values\n      setFrom(pagination?.from);\n      setTo(pagination?.to);\n      setTotal(pagination?.total);\n      setCurrentPage(pagination?.currentPage!);\n      setRowsPerPage(pagination?.rowsPerPage!);\n    }\n  }, [remoteOperations, pagination, rows]);\n\n  /**\n   * Sets number of rows to display when accordion.\n   */\n  React.useEffect(() => {\n    if (!accordion) return;\n\n    setRowsPerPage(isCollapsed ? collapsedRows || 10 : rows.length);\n  }, [rows, accordion, collapsedRows, isCollapsed])\n\n  React.useEffect(() => {\n    if (!accordion) return;\n\n    setIsCollapsed(!!collapsed);\n  }, [accordion, collapsed])\n\n  /**\n   * Filters out a rows by specific column filters and sorts them if any sorting is set.\n   * @returns Filtered and sorted rows.\n   */\n  const filterAndSortRows = (): any[] => {\n    let tmpFilteredRows = rows.filter((row) => {\n      // Let's start with matched filter criteria\n      let matchFilterCriteria = true;\n\n      // Let's go through columns\n      for (const column of columns) {\n        // Let's check if filter value is specified for the column\n        // And if it doesn't match the current row column value\n        // Then let's update match filter criteria to failed\n        if (column.filterValue && row[column.key].toLowerCase().indexOf(column.filterValue.toLowerCase()) === -1) {\n          matchFilterCriteria = false;\n        }\n      }\n\n      // Let's return row only in case match filter criteria succeeds\n      if (matchFilterCriteria) {\n        return row;\n      }\n    });\n\n    // Let's apply sorting if needed\n    if (!!sort?.column && !!sort?.direction) {\n      // Let's sort the rows\n      tmpFilteredRows.sort((a, b) => {\n        if (a[sort.column!] > b[sort.column!]) {\n          return sort.direction! === 'asc' ? 1 : -1;\n        } else if (a[sort.column!] < b[sort.column!]) {\n          return sort.direction! === 'asc' ? -1 : 1;\n        } else {\n          return 0;\n        }\n      });\n    }\n\n    // Let's return filtered rows\n    return tmpFilteredRows;\n  };\n\n  /**\n   * Takes care of local pagination.\n   * Works only in case remote pagination is not defined or is set to false.\n   */\n  React.useEffect(() => {\n    if (!remoteOperations) {\n      // Let's retrieve temporary filtered rows and update globally filtered rows\n      const tmpFilteredRows = filterAndSortRows();\n      setFilteredRows(tmpFilteredRows);\n      setTotal(tmpFilteredRows.length);\n\n      // Assign rows from and rows to\n      const rowsFrom = (currentPage - 1) * rowsPerPage;\n      const rowsTo = rowsFrom + rowsPerPage >= tmpFilteredRows.length ? tmpFilteredRows.length : rowsFrom + rowsPerPage;\n\n      // Set from and to values\n      setFrom(rowsFrom + 1);\n      setTo(rowsTo);\n\n      // Filter out the rows\n      setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));\n    }\n  }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);\n\n\n  /**\n   * Applies a specific sorting to a column.\n   * If no sorting exists, then applies ascending initially\n   * @param column - Column to which sorting should be applied.\n   */\n  const sortTableColumn = (column: TableColumn): void => {\n    let columnKey = '';\n    let sortDirection: TableSortingDirection | undefined = undefined;\n\n    if (sort?.column !== column.key) {\n      columnKey = column.key;\n      sortDirection = 'asc';\n    } else {\n      if (sort?.direction === 'desc') {\n        columnKey = '';\n        sortDirection = undefined;\n      } else {\n        columnKey = sort.column;\n        sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';\n      }\n    }\n\n    if(columnKey == '')\n      setSort(undefined);\n    else\n      setSort({column: columnKey, direction: sortDirection!});\n\n    remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);\n  };\n\n  /**\n   * Navigates user back to the previous page and updates the current table page.\n   */\n  const previousPage = () => {\n    if (remoteOperations) {\n      // Let's inform parent component about page change\n      if (onPreviousPageClick) {\n        onPreviousPageClick();\n      }\n    } else {\n      // Let's change the page within the component\n      setCurrentPage(currentPage > 1 ? currentPage - 1 : 1);\n    }\n  };\n\n  /**\n   * Navigates user to the next page and updates the current table page.\n   */\n  const nextPage = () => {\n    if (remoteOperations) {\n      // Let's inform parent component about page change\n      if (onNextPageClick) {\n        onNextPageClick();\n      }\n    } else {\n      // Let's change the page within the component\n      setCurrentPage(currentPage * rowsPerPage >= filteredRows.length ? currentPage : currentPage + 1);\n    }\n  };\n\n  /**\n   * Updates the rows per page value and refreshes the table content accordingly.\n   * @param value - Newly selected rows per page value.\n   */\n  const changeRowsPerPage = (value: number) => {\n    // Let's check if we are using remote pagination\n    if (remoteOperations) {\n      // Inform parent component about rows per page change\n      if (onRowsPerPageChange) {\n        onRowsPerPageChange(value);\n      }\n    } else {\n      // Let's reset current page to 1\n      setCurrentPage(1);\n    }\n\n    // Let's set rows per page\n    setRowsPerPage(value);\n  };\n\n\n  /**\n   * Function which is called when a mouse click happens on a row to pass data to the parent component.\n   * @param row - Row in which the link is located.\n   */\n  const onRowClick = (row: any): void => {\n    const selectedText = window?.getSelection()?.toString();\n\n    if (selectedText?.length === 0 && selectable) {\n      const value = keyExpr ? row[keyExpr] : row;\n      let currentSelection = value;\n      if (!!multiSelect) {\n        const existing = selected?.indexOf(value);\n        if (existing > -1) {\n          currentSelection = [...selected];\n          currentSelection.splice(existing, 1);\n        } else {\n          currentSelection = [...selected, currentSelection];\n        }\n      }\n\n      setSelected(currentSelection)\n      props.onSelectionChange && props.onSelectionChange(currentSelection);\n    }\n  };\n\n  /**\n   * Function which is called when user clicks checkbox to select or deselect all rows.\n   */\n  const onSelectAllClick = () => {\n    const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\n\n    switch (selectAllState) {\n      case 'all':\n        setSelected([...selected].filter(item => !currentList.includes(item)));\n        setSelectAllState('none');\n        break;\n      case 'none':\n        setSelected([...selected, ...currentList]);\n        setSelectAllState('all');\n        break;\n      case 'some':\n        setSelected([...selected, ...currentList.filter(item => !selected.includes(item))]);\n        setSelectAllState('all');\n        break;\n    }\n  };\n\n  /**\n   * Return Table component.\n   */\n  return (\n    <TableWrapper>\n      <TableHeader {...props}/>\n      <TableBody {...props}\n                 currentPageRows={currentPageRows}\n                 selected={selected}\n                 onRowClick={onRowClick}\n                 sortByColumn={sortTableColumn}\n                 onSelectAllClick={onSelectAllClick}\n                 sortProps={sort}\n                 selectAllState={selectAllState}/>\n      <TableFooter {...props}\n                   onRowsPerPageChange={changeRowsPerPage}\n                   rowsPerPage={rowsPerPage}\n                   setIsCollapsed={setIsCollapsed}\n                   isCollapsed={isCollapsed}\n                   from={from}\n                   to={to}\n                   total={total}\n                   nextPage={nextPage}\n                   prevPage={previousPage}/>\n      {showLoadingIndicator && (\n        <StyledTableSpinner>\n          <LoadingIndicator size={Size.Medium}/>\n        </StyledTableSpinner>\n      )}\n    </TableWrapper>\n  );\n};\n\nexport default Table;\n"],"mappings":"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"}