@laerdal/life-react-components 1.11.0-dev.9 → 2.0.0-dev.1.full

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,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"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 {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"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,qQAEAC,iBAAA,CAAUC,UAFV,EAUTC,mBAAA,CAAYC,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;EAAA,IAApDC,KAAoD,QAApDA,KAAoD;EAAA,IAA7CC,MAA6C,QAA7CA,MAA6C;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,WAA+B,QAA/BA,WAA+B;EAAA,IAAlBC,KAAkB,QAAlBA,KAAkB;EAC/E,oBACE,sBAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,qBAAC,yBAAD;MAAkB,QAAQ,EAAED,WAA5B;MACkB,KAAK,EAAEH,KADzB;MAEkB,OAAO,EAAEG;IAF3B,EADF,eAIE,qBAAC,0BAAD;MAAmB,MAAM,EAAE;QAACF,MAAM,EAANA,MAAD;QAASC,IAAI,EAAJA;MAAT,CAA3B;MACmB,KAAK,EAAEE;IAD1B,EAJF;EAAA,EADF;AASD,CAVD;;;EAPEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAC,K;;eAeaL,kB"}
+{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\nimport { Z_INDEXES } from '../styles';\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;AACA;;;;;;;;;;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,11 +1,13 @@
-/// <reference types="react" />
-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,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"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 {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"],"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;EAAA,IAApDC,KAAoD,QAApDA,KAAoD;EAAA,IAA7CC,MAA6C,QAA7CA,MAA6C;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,WAA+B,QAA/BA,WAA+B;EAAA,IAAlBC,KAAkB,QAAlBA,KAAkB;EAC/E,oBACE,MAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,KAAC,gBAAD;MAAkB,QAAQ,EAAED,WAA5B;MACkB,KAAK,EAAEH,KADzB;MAEkB,OAAO,EAAEG;IAF3B,EADF,eAIE,KAAC,iBAAD;MAAmB,MAAM,EAAE;QAACF,MAAM,EAANA,MAAD;QAASC,IAAI,EAAJA;MAAT,CAA3B;MACmB,KAAK,EAAEE;IAD1B,EAJF;EAAA,EADF;AASD,CAVD;;;EAPEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAC,K;;AAeF,eAAeL,kBAAf"}
+{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\nimport { Z_INDEXES } from '../styles';\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SwitcherNavItem {
     label: string;
     url: string;

package/dist/Table/Table.cjs

@@ -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,7 +85,7 @@ 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),
       sort = _React$useState10[0],
       setSort = _React$useState10[1];
@@ -119,6 +120,9 @@ var Table = function Table(props) {
       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]);
@@ -249,11 +253,11 @@ var Table = function Table(props) {
     var columnKey = '';
     var sortDirection = undefined;
 
-    if (sort.column !== column.key) {
+    if ((sort === null || sort === void 0 ? void 0 : sort.column) !== column.key) {
       columnKey = column.key;
       sortDirection = 'asc';
     } else {
-      if (sort.direction === 'desc') {
+      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc') {
         columnKey = '';
         sortDirection = undefined;
       } else {
@@ -262,7 +266,7 @@ var Table = function Table(props) {
       }
     }
 
-    setSort({
+    if (columnKey == '') setSort(undefined);else setSort({
       column: columnKey,
       direction: sortDirection
     });
@@ -394,8 +398,7 @@ var Table = function Table(props) {
       onRowClick: onRowClick,
       sortByColumn: sortTableColumn,
       onSelectAllClick: onSelectAllClick,
-      sortedColumn: sort.column,
-      sortedDirection: sort.direction,
+      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,"file":"Table.cjs","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","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} 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 [sort, setSort] = React.useState<{ column?: string; direction?: TableSortingDirection }>({});\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 (!!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    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                 sortedColumn={sort.column}\n                 sortedDirection={sort.direction}\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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"}
+{"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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"}

package/dist/Table/Table.js

@@ -50,6 +50,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,
@@ -76,7 +77,7 @@ 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 = _slicedToArray(_React$useState9, 2),
       sort = _React$useState10[0],
       setSort = _React$useState10[1];
@@ -111,6 +112,9 @@ var Table = function Table(props) {
       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]);
@@ -241,11 +245,11 @@ var Table = function Table(props) {
     var columnKey = '';
     var sortDirection = undefined;
 
-    if (sort.column !== column.key) {
+    if ((sort === null || sort === void 0 ? void 0 : sort.column) !== column.key) {
       columnKey = column.key;
       sortDirection = 'asc';
     } else {
-      if (sort.direction === 'desc') {
+      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc') {
         columnKey = '';
         sortDirection = undefined;
       } else {
@@ -254,7 +258,7 @@ var Table = function Table(props) {
       }
     }
 
-    setSort({
+    if (columnKey == '') setSort(undefined);else setSort({
       column: columnKey,
       direction: sortDirection
     });
@@ -386,8 +390,7 @@ var Table = function Table(props) {
       onRowClick: onRowClick,
       sortByColumn: sortTableColumn,
       onSelectAllClick: onSelectAllClick,
-      sortedColumn: sort.column,
-      sortedDirection: sort.direction,
+      sortProps: sort,
       selectAllState: selectAllState
     })), /*#__PURE__*/_jsx(TableFooter, _objectSpread(_objectSpread({}, props), {}, {
       onRowsPerPageChange: changeRowsPerPage,

package/dist/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["React","Size","StyledTableSpinner","TableWrapper","LoadingIndicator","TableHeader","TableFooter","TableBody","Table","props","onPreviousPageClick","onNextPageClick","onRowsPerPageChange","onTriggerSortingChange","columns","rows","remoteOperations","pagination","showLoadingIndicator","selectable","multiSelect","keyExpr","accordion","collapsed","collapsedRows","rowsPerPageLabel","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","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} 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 [sort, setSort] = React.useState<{ column?: string; direction?: TableSortingDirection }>({});\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 (!!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    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                 sortedColumn={sort.column}\n                 sortedDirection={sort.direction}\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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"}
+{"version":3,"file":"Table.js","names":["React","Size","StyledTableSpinner","TableWrapper","LoadingIndicator","TableHeader","TableFooter","TableBody","Table","props","onPreviousPageClick","onNextPageClick","onRowsPerPageChange","onTriggerSortingChange","columns","rows","remoteOperations","pagination","showLoadingIndicator","selectable","multiSelect","keyExpr","sortProps","accordion","collapsed","collapsedRows","rowsPerPageLabel","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","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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"}

package/dist/Table/TableBody.cjs

@@ -182,6 +182,8 @@ var TableBody = function TableBody(props) {
               })
             })
           }), props.columns.map(function (column) {
+            var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4;
+
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderColumn, {
               onMouseDown: _common.defaultOnMouseDownHandler,
               onClick: function onClick(e) {
@@ -196,12 +198,12 @@ var TableBody = function TableBody(props) {
                 width: column.width
               },
               tabIndex: column.sortable && !props.showLoadingIndicator ? 0 : -1,
-              className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === props.sortedColumn && !!props.sortedDirection ? 'sorted' : ''),
+              className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === ((_props$sortProps = props.sortProps) === null || _props$sortProps === void 0 ? void 0 : _props$sortProps.column) && !!((_props$sortProps2 = props.sortProps) !== null && _props$sortProps2 !== void 0 && _props$sortProps2.direction) ? 'sorted' : '', " ").concat(column.justify || ''),
               children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.StyledTableHeaderColumnContent, {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   children: column.name
-                }), column.key === props.sortedColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderColumnSortDirection, {
-                  children: props.sortedDirection === 'asc' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.ArrowLineUp, {
+                }), column.key === ((_props$sortProps3 = props.sortProps) === null || _props$sortProps3 === void 0 ? void 0 : _props$sortProps3.column) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderColumnSortDirection, {
+                  children: ((_props$sortProps4 = props.sortProps) === null || _props$sortProps4 === void 0 ? void 0 : _props$sortProps4.direction) === 'asc' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.ArrowLineUp, {
                     size: '24px'
                   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.ArrowLineDown, {
                     size: '24px'
@@ -269,8 +271,7 @@ TableBody.propTypes = {
   selected: _propTypes.default.any,
   sortByColumn: _propTypes.default.func.isRequired,
   onSelectAllClick: _propTypes.default.func.isRequired,
-  selectAllState: _propTypes.default.oneOf(['all', 'some', 'none']).isRequired,
-  sortedColumn: _propTypes.default.string
+  selectAllState: _propTypes.default.oneOf(['all', 'some', 'none']).isRequired
 };
 var _default = TableBody;
 exports.default = _default;