@laerdal/life-react-components 3.0.1-dev.9.full → 3.1.0-dev.1

package/dist/Switcher/MobileSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,QAAQ,WAAW;AAErC,OAAOC,gBAAgB,MAAM,gDAAgD;AAC7E,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC;AAAA;AAEpE,IAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG,uPAEbL,SAAS,CAACM,UAAU,EAQ7BP,WAAW,CAACQ,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,MAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,KAAC,gBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,KAAC,iBAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,KAAC,uBAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAiBf,eAAeL,kBAAkB"}
+{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\nimport { Z_INDEXES } from '../styles';\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,QAAQ,WAAW;AAErC,OAAOC,gBAAgB,MAAM,gDAAgD;AAC7E,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC;AAAA;AAEpE,IAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG,uPAEbL,SAAS,CAACM,UAAU,EAQ7BP,WAAW,CAACQ,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,MAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,KAAC,gBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,KAAC,iBAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,KAAC,uBAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAiBf,eAAeL,kBAAkB"}

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.cjs","names":["StyledSwitcherItem","styled","div","ComponentMStyling","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAAoD;AAAA;AAEpD,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG,irCASjC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAqBtDC,iBAAS,CAACC,MAAM,EAElBH,cAAM,CAACI,WAAW,EAGLJ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACI,WAAW,EAKnBJ,cAAM,CAACM,WAAW,EACPN,cAAM,CAACO,WAAW,EAI3BL,iBAAS,CAACM,KAAK,EACjBR,cAAM,CAACS,WAAW,EACPT,cAAM,CAACU,UAAU,EAG3BV,cAAM,CAACS,WAAW,EAKjBP,iBAAS,CAACC,MAAM,EAClBH,cAAM,CAACW,WAAW,EACPX,cAAM,CAACY,WAAW,EAGhBZ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACW,WAAW,EAK1BE,mBAAW,CAIhB;AAED,IAAMC,CAAC,GAAGnB,yBAAM,CAACoB,CAAC,qFAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,sBAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEK,iCAA0B;IACvC,IAAI,EAAER,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAIO,cAAK,CAACC,YAAY,CAACR,IAAI,EAAE;MAACS,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEb,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAAA,eAkBON,gBAAgB;AAAA"}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["StyledSwitcherItem","styled","div","ComponentMStyling","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAAoD;AAAA;AAEpD,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG,irCASjC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAqBtDC,iBAAS,CAACC,MAAM,EAElBH,cAAM,CAACI,WAAW,EAGLJ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACI,WAAW,EAKnBJ,cAAM,CAACM,WAAW,EACPN,cAAM,CAACO,WAAW,EAI3BL,iBAAS,CAACM,KAAK,EACjBR,cAAM,CAACS,WAAW,EACPT,cAAM,CAACU,UAAU,EAG3BV,cAAM,CAACS,WAAW,EAKjBP,iBAAS,CAACC,MAAM,EAClBH,cAAM,CAACW,WAAW,EACPX,cAAM,CAACY,WAAW,EAGhBZ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACW,WAAW,EAK1BE,mBAAW,CAIhB;AAED,IAAMC,CAAC,GAAGnB,yBAAM,CAACoB,CAAC,qFAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,sBAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEK,iCAA0B;IACvC,IAAI,EAAER,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAIO,cAAK,CAACC,YAAY,CAACR,IAAI,EAAE;MAACS,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEb,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAAA,eAkBON,gBAAgB;AAAA"}

package/dist/Switcher/SwitcherMenuItem.d.ts

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

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","StyledSwitcherItem","div","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC/F,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAEpD,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAG,mqCASjCN,iBAAiB,CAACE,kBAAkB,CAACK,OAAO,EAAEN,MAAM,CAACO,WAAW,CAAC,EAqBtDT,SAAS,CAACU,MAAM,EAElBR,MAAM,CAACS,WAAW,EAGLT,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACS,WAAW,EAKnBT,MAAM,CAACW,WAAW,EACPX,MAAM,CAACY,WAAW,EAI3Bd,SAAS,CAACe,KAAK,EACjBb,MAAM,CAACc,WAAW,EACPd,MAAM,CAACe,UAAU,EAG3Bf,MAAM,CAACc,WAAW,EAKjBhB,SAAS,CAACU,MAAM,EAClBR,MAAM,CAACgB,WAAW,EACPhB,MAAM,CAACiB,WAAW,EAGhBjB,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACgB,WAAW,EAK1Bd,WAAW,CAIhB;AAED,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAC,uEAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,MAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEtB,yBAA0B;IACvC,IAAI,EAAEmB,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAI5B,KAAK,CAACkC,YAAY,CAACN,IAAI,EAAE;MAACO,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEX,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAkBR,eAAeN,gBAAgB"}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","StyledSwitcherItem","div","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC/F,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAEpD,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAG,mqCASjCN,iBAAiB,CAACE,kBAAkB,CAACK,OAAO,EAAEN,MAAM,CAACO,WAAW,CAAC,EAqBtDT,SAAS,CAACU,MAAM,EAElBR,MAAM,CAACS,WAAW,EAGLT,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACS,WAAW,EAKnBT,MAAM,CAACW,WAAW,EACPX,MAAM,CAACY,WAAW,EAI3Bd,SAAS,CAACe,KAAK,EACjBb,MAAM,CAACc,WAAW,EACPd,MAAM,CAACe,UAAU,EAG3Bf,MAAM,CAACc,WAAW,EAKjBhB,SAAS,CAACU,MAAM,EAClBR,MAAM,CAACgB,WAAW,EACPhB,MAAM,CAACiB,WAAW,EAGhBjB,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACgB,WAAW,EAK1Bd,WAAW,CAIhB;AAED,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAC,uEAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,MAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEtB,yBAA0B;IACvC,IAAI,EAAEmB,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAI5B,KAAK,CAACkC,YAAY,CAACN,IAAI,EAAE;MAACO,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEX,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAkBR,eAAeN,gBAAgB"}

package/dist/Switcher/__tests__/SwitcherMenuItem.d.ts

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

package/dist/Switcher/index.cjs.map

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

@@ -1,3 +1,3 @@
-import SwitcherMenuItem from './SwitcherMenuItem';
-import MobileSwitcherMenu from './MobileSwitcherMenu';
-export { SwitcherMenuItem, MobileSwitcherMenu };
+import SwitcherMenuItem from './SwitcherMenuItem';
+import MobileSwitcherMenu from './MobileSwitcherMenu';
+export { SwitcherMenuItem, MobileSwitcherMenu };

package/dist/Switcher/index.js.map

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

package/dist/Table/Table.cjs

@@ -42,7 +42,8 @@ var Table = function Table(props) {
     _props$collapsed = props.collapsed,
     collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
     collapsedRows = props.collapsedRows,
-    rowsPerPageLabel = props.rowsPerPageLabel;
+    rowsPerPageLabel = props.rowsPerPageLabel,
+    loaderZIndex = props.loaderZIndex;
 
   // States used within the component
   var _React$useState = React.useState(10),
@@ -61,7 +62,7 @@ var Table = function Table(props) {
     _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
     currentPage = _React$useState8[0],
     setCurrentPage = _React$useState8[1];
-  var _React$useState9 = React.useState(sortProps),
+  var _React$useState9 = React.useState(),
     _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
     sort = _React$useState10[0],
     setSort = _React$useState10[1];
@@ -90,14 +91,19 @@ var Table = function Table(props) {
     selected = _React$useState22[0],
     setSelected = _React$useState22[1];
   React.useEffect(function () {
-    setSort(sortProps);
+    var _sortProps$column, _sortProps$direction;
+    setSort({
+      column: (_sortProps$column = sortProps === null || sortProps === void 0 ? void 0 : sortProps.column) !== null && _sortProps$column !== void 0 ? _sortProps$column : '',
+      direction: (_sortProps$direction = sortProps === null || sortProps === void 0 ? void 0 : sortProps.direction) !== null && _sortProps$direction !== void 0 ? _sortProps$direction : 'asc',
+      allowClearingSort: (sortProps === null || sortProps === void 0 ? void 0 : sortProps.allowClearingSort) === undefined ? true : sortProps.allowClearingSort
+    });
   }, [sortProps]);
   React.useEffect(function () {
     setSelected(props.selectedRows || (multiSelect ? [] : undefined));
   }, [props.selectedRows, multiSelect]);
 
-  /**
-   * update select all checkbox state
+  /**
+   * update select all checkbox state
    */
   React.useEffect(function () {
     if (multiSelect) {
@@ -111,9 +117,9 @@ var Table = function Table(props) {
     }
   }, [currentPageRows, multiSelect, selected, keyExpr]);
 
-  /**
-   * Takes care of remote pagination.
-   * Works only in case remote pagination is set to true.
+  /**
+   * Takes care of remote pagination.
+   * Works only in case remote pagination is set to true.
    */
   React.useEffect(function () {
     if (remoteOperations) {
@@ -128,8 +134,8 @@ var Table = function Table(props) {
     }
   }, [remoteOperations, pagination, rows]);
 
-  /**
-   * Sets number of rows to display when accordion.
+  /**
+   * Sets number of rows to display when accordion.
    */
   React.useEffect(function () {
     if (!accordion) return;
@@ -140,9 +146,9 @@ var Table = function Table(props) {
     setIsCollapsed(!!collapsed);
   }, [accordion, collapsed]);
 
-  /**
-   * Filters out a rows by specific column filters and sorts them if any sorting is set.
-   * @returns Filtered and sorted rows.
+  /**
+   * Filters out a rows by specific column filters and sorts them if any sorting is set.
+   * @returns Filtered and sorted rows.
    */
   var filterAndSortRows = function filterAndSortRows() {
     var tmpFilteredRows = rows.filter(function (row) {
@@ -192,9 +198,9 @@ var Table = function Table(props) {
     return tmpFilteredRows;
   };
 
-  /**
-   * Takes care of local pagination.
-   * Works only in case remote pagination is not defined or is set to false.
+  /**
+   * Takes care of local pagination.
+   * Works only in case remote pagination is not defined or is set to false.
    */
   React.useEffect(function () {
     if (!remoteOperations) {
@@ -216,10 +222,10 @@ var Table = function Table(props) {
     }
   }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);
 
-  /**
-   * Applies a specific sorting to a column.
-   * If no sorting exists, then applies ascending initially
-   * @param column - Column to which sorting should be applied.
+  /**
+   * Applies a specific sorting to a column.
+   * If no sorting exists, then applies ascending initially
+   * @param column - Column to which sorting should be applied.
    */
   var sortTableColumn = function sortTableColumn(column) {
     var columnKey = '';
@@ -228,7 +234,7 @@ var Table = function Table(props) {
       columnKey = column.key;
       sortDirection = 'asc';
     } else {
-      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc') {
+      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' && sort !== null && sort !== void 0 && sort.allowClearingSort) {
         columnKey = '';
         sortDirection = undefined;
       } else {
@@ -236,15 +242,20 @@ var Table = function Table(props) {
         sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';
       }
     }
-    if (columnKey == '') setSort(undefined);else setSort({
+    if (columnKey == '') setSort({
+      column: '',
+      direction: 'asc',
+      allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort
+    });else setSort({
       column: columnKey,
-      direction: sortDirection
+      direction: sortDirection,
+      allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort
     });
     remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);
   };
 
-  /**
-   * Navigates user back to the previous page and updates the current table page.
+  /**
+   * Navigates user back to the previous page and updates the current table page.
    */
   var previousPage = function previousPage() {
     if (remoteOperations) {
@@ -258,8 +269,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Navigates user to the next page and updates the current table page.
+  /**
+   * Navigates user to the next page and updates the current table page.
    */
   var nextPage = function nextPage() {
     if (remoteOperations) {
@@ -273,9 +284,9 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Updates the rows per page value and refreshes the table content accordingly.
-   * @param value - Newly selected rows per page value.
+  /**
+   * Updates the rows per page value and refreshes the table content accordingly.
+   * @param value - Newly selected rows per page value.
    */
   var changeRowsPerPage = function changeRowsPerPage(value) {
     // Let's check if we are using remote pagination
@@ -293,9 +304,9 @@ var Table = function Table(props) {
     setRowsPerPage(value);
   };
 
-  /**
-   * Function which is called when a mouse click happens on a row to pass data to the parent component.
-   * @param row - Row in which the link is located.
+  /**
+   * Function which is called when a mouse click happens on a row to pass data to the parent component.
+   * @param row - Row in which the link is located.
    */
   var onRowClick = function onRowClick(row) {
     var _window, _window$getSelection;
@@ -317,8 +328,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Function which is called when user clicks checkbox to select or deselect all rows.
+  /**
+   * Function which is called when user clicks checkbox to select or deselect all rows.
    */
   var onSelectAllClick = function onSelectAllClick() {
     var currentList = currentPageRows.map(function (row) {
@@ -344,8 +355,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Return Table component.
+  /**
+   * Return Table component.
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.TableWrapper, {
     className: props.border ? 'border' : undefined,
@@ -368,6 +379,7 @@ var Table = function Table(props) {
       nextPage: nextPage,
       prevPage: previousPage
     })), showLoadingIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableSpinner, {
+      zindex: loaderZIndex,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {
         size: _types.Size.Medium
       })

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

@@ -1,10 +1,10 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { TableProps } from './TableTypes';
-declare const Table: React.FunctionComponent<TableProps>;
-export default Table;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { TableProps } from './TableTypes';
+declare const Table: React.FunctionComponent<TableProps>;
+export default Table;