acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/components/Table/Table.styles.js

@@ -1,20 +1,20 @@
-import { styled as m, css as g } from "styled-components";
+import { styled as m, css as n } from "styled-components";
 import { Sizes as t } from "../../react-base/src/consts/index.js";
 import { consts as l } from "../../react-base/src/components/Table/Table.consts.js";
-import { Variables as p } from "../../react-base/src/theme/types/layer.js";
-import { getLabelTypographySize as n, getSmallerSize as y, getParagraphTypographySize as x } from "../../react-base/src/utils/sizesUtils.js";
-import { StyledTh as r, StyledTd as h, StyledTr as i } from "./components/TableElements/TableElements.js";
+import { Variables as d } from "../../react-base/src/theme/types/layer.js";
+import { getLabelTypographySize as p, getSmallerSize as x } from "../../react-base/src/utils/sizesUtils.js";
+import { StyledTh as r, StyledTd as i, StyledTr as h } from "./components/TableElements/TableElements.js";
 import { Flexbox as c } from "../Flexbox/Flexbox.styles.js";
-import { BUTTON_CLASS as f, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS as S } from "../../react-base/src/consts/classes.js";
+import { BUTTON_CLASS as y, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS as f } from "../../react-base/src/consts/classes.js";
 const $ = {
   [t.XSmall]: 4,
   [t.Small]: 6,
   [t.Medium]: 8,
   [t.Large]: 10
-}, B = m.table(
-  ({ theme: a, $size: e = `${t.Medium}`, $alignment: d, $empty: b }) => {
+}, L = m.table(
+  ({ theme: a, $size: e = `${t.Medium}`, $alignment: g, $empty: b }) => {
     const o = a.layer({ foundation: "surface" });
-    return g`
+    return n`
       --table-header-cell-height: ${l[e].headerCell.height}px;
       --table-header-cell-padding-top: ${l[e].headerCell.padding.top ?? 0}px;
       --table-header-cell-padding-bottom: ${l[e].headerCell.padding.bottom ?? 0}px;
@@ -30,34 +30,34 @@ const $ = {
       --table-row-group-spacing-height: ${$[e]}px;
 
       /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes */
-      ${r}, ${r}:has(.${f}) * {
-        color: ${o[p.TextOnFoundationStrong]};
-        ${a.typography("label", n(e), "strong")};
+      ${r}, ${r}:has(.${y}) * {
+        color: ${o[d.TextOnFoundationStrong]};
+        ${a.typography("label", p(e), "strong")};
 
-        span.${S} {
-          color: ${o[p.TextOnFoundationSubtle]};
-          ${a.typography("label", n(y(e)))};
+        span.${f} {
+          color: ${o[d.TextOnFoundationSubtle]};
+          ${a.typography("label", p(x(e)))};
         }
       }
 
-      ${h} {
-        ${a.typography("paragraph", x(e))};
+      ${i} {
+        ${a.typography("label", p(e))};
       }
 
       width: 100%;
       min-height: var(--table-cell-height);
       border-collapse: separate;
       border-spacing: 0;
-      background-color: ${o[p.BackgroundFoundation]};
+      background-color: ${o[d.BackgroundFoundation]};
 
-      > * > ${i} > ${r} > ${c}, > * > ${i} > ${h} > ${c} {
-        justify-content: ${d};
+      > * > ${h} > ${r} > ${c}, > * > ${h} > ${i} > ${c} {
+        justify-content: ${g};
       }
 
       tbody td {
-        text-align: ${d};
+        text-align: ${g};
 
-        ${b && g`
+        ${b && n`
           padding: unset;
         `};
       }
@@ -69,6 +69,6 @@ const $ = {
   }
 );
 export {
-  B as Table
+  L as Table
 };
 //# sourceMappingURL=Table.styles.js.map

package/build/esm/components/Table/Table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { BUTTON_CLASS, Sizes, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport {\n  getLabelTypographySize,\n  getParagraphTypographySize,\n  getSmallerSize,\n} from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ITableProps } from './Table.types';\nimport { StyledTd, StyledTh, StyledTr } from './components/TableElements/TableElements';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\n\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\n  [Sizes.XSmall]: 4,\n  [Sizes.Small]: 6,\n  [Sizes.Medium]: 8,\n  [Sizes.Large]: 10,\n} as const;\n\nconst Table = styled.table<PickTransient<ITableProps, 'empty' | 'size' | 'alignment'>>(\n  ({ theme, $size = `${Sizes.Medium}`, $alignment, $empty }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      --table-header-cell-height: ${TableConsts.consts[$size].headerCell.height}px;\n      --table-header-cell-padding-top: ${TableConsts.consts[$size].headerCell.padding.top ?? 0}px;\n      --table-header-cell-padding-bottom: ${TableConsts.consts[$size].headerCell.padding.bottom ?? 0}px;\n      --table-header-cell-padding-left: ${TableConsts.consts[$size].headerCell.padding.left ?? 0}px;\n      --table-header-cell-padding-right: ${TableConsts.consts[$size].headerCell.padding.right ?? 0}px;\n      --table-header-cell-gap: ${TableConsts.consts[$size].headerCell.gap}px;\n      --table-cell-height: ${TableConsts.consts[$size].cell.height}px;\n      --table-cell-padding-top: ${TableConsts.consts[$size].cell.padding.top ?? 0}px;\n      --table-cell-padding-bottom: ${TableConsts.consts[$size].cell.padding.bottom ?? 0}px;\n      --table-cell-padding-left: ${TableConsts.consts[$size].cell.padding.left ?? 0}px;\n      --table-cell-padding-right: ${TableConsts.consts[$size].cell.padding.right ?? 0}px;\n      --table-cell-gap: ${TableConsts.consts[$size].cell.gap}px;\n      --table-row-group-spacing-height: ${SpacingTRHeight[$size]}px;\n\n      /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes */\n      ${StyledTh}, ${StyledTh}:has(.${BUTTON_CLASS}) * {\n        color: ${layer[Variables.TextOnFoundationStrong]};\n        ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n        span.${TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {\n          color: ${layer[Variables.TextOnFoundationSubtle]};\n          ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\n        }\n      }\n\n      ${StyledTd} {\n        ${theme.typography('paragraph', getParagraphTypographySize($size))};\n      }\n\n      width: 100%;\n      min-height: var(--table-cell-height);\n      border-collapse: separate;\n      border-spacing: 0;\n      background-color: ${layer[Variables.BackgroundFoundation]};\n\n      > * > ${StyledTr} > ${StyledTh} > ${Flexbox}, > * > ${StyledTr} > ${StyledTd} > ${Flexbox} {\n        justify-content: ${$alignment};\n      }\n\n      tbody td {\n        text-align: ${$alignment};\n\n        ${$empty &&\n        css`\n          padding: unset;\n        `};\n      }\n\n      tfoot th {\n        text-align: left;\n      }\n    `;\n  },\n);\n\nexport { Table };\n"],"names":["SpacingTRHeight","Sizes","Table","styled","theme","$size","$alignment","$empty","layer","css","TableConsts.consts","StyledTh","BUTTON_CLASS","Variables","getLabelTypographySize","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","getSmallerSize","StyledTd","getParagraphTypographySize","StyledTr","Flexbox"],"mappings":";;;;;;;;AAeA,MAAMA,IAAwD;AAAA,EAC5D,CAACC,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAQC,EAAO;AAAA,EACnB,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,GAAGJ,EAAM,MAAM,IAAI,YAAAK,GAAY,QAAAC,QAAa;AAC5D,UAAMC,IAAQJ,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,WAAOK;AAAA,oCACyBC,EAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAO,CAAC;AAAA,4CAClDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,UAAU,CAAC;AAAA,0CAC1DK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAQ,CAAC;AAAA,2CACrDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,SAAS,CAAC;AAAA,iCACjEK,EAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,EAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAO,CAAC;AAAA,qCAC5CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,UAAU,CAAC;AAAA,mCACpDK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAQ,CAAC;AAAA,oCAC/CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,SAAS,CAAC;AAAA,0BAC3DK,EAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,CAAQ,KAAKA,CAAQ,SAASC,CAAY;AAAA,iBACjCJ,EAAMK,EAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,SAASU,EAAuBT,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,CAAuC;AAAA,mBACnCP,EAAMK,EAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,SAASU,EAAuBE,EAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,CAAQ;AAAA,UACNb,EAAM,WAAW,aAAac,EAA2Bb,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOhDG,EAAMK,EAAU,oBAAoB,CAAC;AAAA;AAAA,cAEjDM,CAAQ,MAAMR,CAAQ,MAAMS,CAAO,WAAWD,CAAQ,MAAMF,CAAQ,MAAMG,CAAO;AAAA,2BACpEd,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,KACFE;AAAA;AAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOP;AACF;"}
+{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { BUTTON_CLASS, Sizes, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ITableProps } from './Table.types';\nimport { StyledTd, StyledTh, StyledTr } from './components/TableElements/TableElements';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\n\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\n  [Sizes.XSmall]: 4,\n  [Sizes.Small]: 6,\n  [Sizes.Medium]: 8,\n  [Sizes.Large]: 10,\n} as const;\n\nconst Table = styled.table<PickTransient<ITableProps, 'empty' | 'size' | 'alignment'>>(\n  ({ theme, $size = `${Sizes.Medium}`, $alignment, $empty }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      --table-header-cell-height: ${TableConsts.consts[$size].headerCell.height}px;\n      --table-header-cell-padding-top: ${TableConsts.consts[$size].headerCell.padding.top ?? 0}px;\n      --table-header-cell-padding-bottom: ${TableConsts.consts[$size].headerCell.padding.bottom ?? 0}px;\n      --table-header-cell-padding-left: ${TableConsts.consts[$size].headerCell.padding.left ?? 0}px;\n      --table-header-cell-padding-right: ${TableConsts.consts[$size].headerCell.padding.right ?? 0}px;\n      --table-header-cell-gap: ${TableConsts.consts[$size].headerCell.gap}px;\n      --table-cell-height: ${TableConsts.consts[$size].cell.height}px;\n      --table-cell-padding-top: ${TableConsts.consts[$size].cell.padding.top ?? 0}px;\n      --table-cell-padding-bottom: ${TableConsts.consts[$size].cell.padding.bottom ?? 0}px;\n      --table-cell-padding-left: ${TableConsts.consts[$size].cell.padding.left ?? 0}px;\n      --table-cell-padding-right: ${TableConsts.consts[$size].cell.padding.right ?? 0}px;\n      --table-cell-gap: ${TableConsts.consts[$size].cell.gap}px;\n      --table-row-group-spacing-height: ${SpacingTRHeight[$size]}px;\n\n      /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes */\n      ${StyledTh}, ${StyledTh}:has(.${BUTTON_CLASS}) * {\n        color: ${layer[Variables.TextOnFoundationStrong]};\n        ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n        span.${TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {\n          color: ${layer[Variables.TextOnFoundationSubtle]};\n          ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\n        }\n      }\n\n      ${StyledTd} {\n        ${theme.typography('label', getLabelTypographySize($size))};\n      }\n\n      width: 100%;\n      min-height: var(--table-cell-height);\n      border-collapse: separate;\n      border-spacing: 0;\n      background-color: ${layer[Variables.BackgroundFoundation]};\n\n      > * > ${StyledTr} > ${StyledTh} > ${Flexbox}, > * > ${StyledTr} > ${StyledTd} > ${Flexbox} {\n        justify-content: ${$alignment};\n      }\n\n      tbody td {\n        text-align: ${$alignment};\n\n        ${$empty &&\n        css`\n          padding: unset;\n        `};\n      }\n\n      tfoot th {\n        text-align: left;\n      }\n    `;\n  },\n);\n\nexport { Table };\n"],"names":["SpacingTRHeight","Sizes","Table","styled","theme","$size","$alignment","$empty","layer","css","TableConsts.consts","StyledTh","BUTTON_CLASS","Variables","getLabelTypographySize","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","getSmallerSize","StyledTd","StyledTr","Flexbox"],"mappings":";;;;;;;;AAWA,MAAMA,IAAwD;AAAA,EAC5D,CAACC,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAQC,EAAO;AAAA,EACnB,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,GAAGJ,EAAM,MAAM,IAAI,YAAAK,GAAY,QAAAC,QAAa;AAC5D,UAAMC,IAAQJ,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,WAAOK;AAAA,oCACyBC,EAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAO,CAAC;AAAA,4CAClDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,UAAU,CAAC;AAAA,0CAC1DK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAQ,CAAC;AAAA,2CACrDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,SAAS,CAAC;AAAA,iCACjEK,EAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,EAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAO,CAAC;AAAA,qCAC5CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,UAAU,CAAC;AAAA,mCACpDK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAQ,CAAC;AAAA,oCAC/CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,SAAS,CAAC;AAAA,0BAC3DK,EAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,CAAQ,KAAKA,CAAQ,SAASC,CAAY;AAAA,iBACjCJ,EAAMK,EAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,SAASU,EAAuBT,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,CAAuC;AAAA,mBACnCP,EAAMK,EAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,SAASU,EAAuBE,EAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,CAAQ;AAAA,UACNb,EAAM,WAAW,SAASU,EAAuBT,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOxCG,EAAMK,EAAU,oBAAoB,CAAC;AAAA;AAAA,cAEjDK,CAAQ,MAAMP,CAAQ,MAAMQ,CAAO,WAAWD,CAAQ,MAAMD,CAAQ,MAAME,CAAO;AAAA,2BACpEb,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,KACFE;AAAA;AAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOP;AACF;"}

package/build/esm/components/Table/_internalComponents/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/_internalComponents/data.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAeF,eAAO,MAAM,YAAY,uDAAwD,CAAC;AAClF,eAAO,MAAM,mBAAmB,gCAgB/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,CAAC,QAAS,CAAC,EAAE;;IACwD,CAAC;AAE/G,eAAO,MAAM,kBAAkB,+BA0B9B,CAAC;AAYF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,YAAY,CAAC,EAAE,WAAW,MAAM,EAAE;eACpD,CAAC,EAAE;IAYzD,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/_internalComponents/data.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAeF,eAAO,MAAM,YAAY,uDAAwD,CAAC;AAClF,eAAO,MAAM,mBAAmB,gCAgB/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,CAAC,QAAS,CAAC,EAAE;;IACwD,CAAC;AAE/G,eAAO,MAAM,kBAAkB,+BA0B9B,CAAC;AAYF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,YAAY,CAAC,EAAE,WAAW,MAAM,EAAE;eACpD,CAAC,EAAE;IA4BzD,CAAC"}

package/build/esm/components/Table/components/BaseTable/BaseTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,OAAO,EAA6B,MAAM,uBAAuB,CAAC;AAK3G,OAAO,KAAK,EAAE,eAAe,EAA2B,MAAM,mBAAmB,CAAC;AAkJlF,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,OAAO,EAAE,MAAM,gCAG7C,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,4CAA6E,CAAC;AAE/G,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,OAAO,EAA6B,MAAM,uBAAuB,CAAC;AAK3G,OAAO,KAAK,EAAE,eAAe,EAA2B,MAAM,mBAAmB,CAAC;AAmJlF,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,OAAO,EAAE,MAAM,gCAG7C,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,4CAA6E,CAAC;AAE/G,eAAe,SAAS,CAAC"}

package/build/esm/components/Table/components/BaseTable/BaseTable.js

@@ -1,137 +1,133 @@
-import { jsx as u, jsxs as z, Fragment as E } from "react/jsx-runtime";
-import { useState as y, useCallback as o, useMemo as _ } from "react";
-import { useReactTable as v, getCoreRowModel as $ } from "@tanstack/react-table";
-import { Sizes as H } from "../../../../react-base/src/consts/index.js";
-import j from "../../Table.js";
-import { ColumnVisibilityFilters as K } from "../TableElements/ColumnVisibilityFilters.js";
-import L from "./TableHeader.js";
-import N from "./TableBody.js";
-import G from "./TableFooter.js";
-import { TableWrapper as I } from "../TableElements/TableWrapper.js";
-import q from "../../../Pictogram/components/BarChartTypeColourTint.js";
-import J from "./BaseTablePagination.js";
-import { SizedFeature as Q } from "../../features/sized.js";
-import { NO_DRAG as U } from "../../consts/drag.js";
-import { isColumnDraggable as X, isRowDraggable as Y } from "../../utils/isDraggable.js";
-import { BASE_TABLE_CLASS as Z } from "../../../../react-base/src/consts/classes.js";
-const n = [], a = ({
-  data: e = n,
-  columns: C,
-  tableOptions: r,
-  emptyStateProps: R,
-  size: T = H.Medium,
-  ...x
+import { jsx as n, jsxs as g, Fragment as M } from "react/jsx-runtime";
+import { useState as l, useCallback as u, useMemo as W } from "react";
+import { useReactTable as B, getCoreRowModel as D } from "@tanstack/react-table";
+import { Sizes as h } from "../../../../react-base/src/consts/index.js";
+import V from "../../Table.js";
+import { ColumnVisibilityFilters as A } from "../TableElements/ColumnVisibilityFilters.js";
+import E from "./TableHeader.js";
+import _ from "./TableBody.js";
+import v from "./TableFooter.js";
+import { TableWrapper as $ } from "../TableElements/TableWrapper.js";
+import j from "../../../Pictogram/components/BarChartTypeColourTint.js";
+import K from "./BaseTablePagination.js";
+import { SizedFeature as L } from "../../features/sized.js";
+import { NO_DRAG as N } from "../../consts/drag.js";
+import { isColumnDraggable as b, isRowDraggable as G } from "../../utils/isDraggable.js";
+import { BASE_TABLE_CLASS as I } from "../../../../react-base/src/consts/classes.js";
+const q = [], J = ({
+  data: t = q,
+  columns: a,
+  tableOptions: e,
+  emptyStateProps: C,
+  size: S = h.Medium,
+  ...z
 }) => {
-  const [f, i] = y(() => T), [F, k] = y(
-    () => {
-      var d;
-      return ((d = r == null ? void 0 : r.state) == null ? void 0 : d.columnOrder) ?? C.map((g) => g.id);
-    }
-  ), { useDraggable: w = U, ...M } = x, P = o(
-    (d) => {
-      var g;
-      k(d), (g = r == null ? void 0 : r.onColumnOrderChange) == null || g.call(r, d);
+  const [d, y] = l(() => S), [f, p] = l(
+    () => e?.state?.columnOrder ?? a.map((r) => r.id)
+  ), { useDraggable: H = N, ...R } = z, T = u(
+    (r) => {
+      p(r), e?.onColumnOrderChange?.(r);
     },
-    [r]
-  ), W = o(
-    (d) => {
-      var g;
-      i(d), (g = r == null ? void 0 : r.onSizeChange) == null || g.call(r, d);
+    [e]
+  ), x = u(
+    (r) => {
+      y(r), e?.onSizeChange?.(r);
     },
-    [r]
-  ), c = v({
-    _features: [Q],
-    data: e,
-    columns: C,
-    getCoreRowModel: $(),
+    [e]
+  ), i = B({
+    _features: [L],
+    data: t,
+    columns: a,
+    getCoreRowModel: D(),
     defaultColumn: {
       minSize: 50
     },
     // tanstack enables rows selection by default
     enableRowSelection: !1,
-    ...r,
+    ...e,
     state: {
-      ...r == null ? void 0 : r.state,
-      columnOrder: F,
-      size: f
+      ...e?.state,
+      columnOrder: f,
+      size: d
     },
-    onColumnOrderChange: P,
-    onSizeChange: W
-  }), m = {
-    noHeader: r == null ? void 0 : r.noHeader,
-    noFooter: r == null ? void 0 : r.noFooter,
-    maxWidth: r == null ? void 0 : r.maxWidth,
-    maxHeight: r == null ? void 0 : r.maxHeight,
-    columnSized: (r == null ? void 0 : r.columnSized) || (r == null ? void 0 : r.useColumnsSizing),
-    stickyHeader: r == null ? void 0 : r.stickyHeader,
-    stickyFooter: r == null ? void 0 : r.stickyFooter,
-    numericTypes: r == null ? void 0 : r.numericTypes,
-    highlight: r == null ? void 0 : r.highlight,
-    paginationKind: r == null ? void 0 : r.paginationKind,
-    pinningOptions: r == null ? void 0 : r.pinningOptions,
-    disableRowHover: r == null ? void 0 : r.disableRowHover,
-    columnPinning: r == null ? void 0 : r.enableColumnPinning,
-    pagination: !!(r != null && r.getPaginationRowModel),
-    columnResizing: r == null ? void 0 : r.enableColumnResizing,
-    columnVisibility: !!(r != null && r.onColumnVisibilityChange),
-    columnResizingMinWidth: r == null ? void 0 : r.columnResizingMinWidth,
-    sorting: (r == null ? void 0 : r.enableSorting) && !!(r != null && r.getSortedRowModel)
-  }, h = w(c, e), B = R ?? {
-    pictogram: /* @__PURE__ */ u(q, {}),
+    onColumnOrderChange: T,
+    onSizeChange: x
+  }), o = {
+    noHeader: e?.noHeader,
+    noFooter: e?.noFooter,
+    maxWidth: e?.maxWidth,
+    maxHeight: e?.maxHeight,
+    columnSized: e?.columnSized || e?.useColumnsSizing,
+    stickyHeader: e?.stickyHeader,
+    stickyFooter: e?.stickyFooter,
+    stickyPagination: e?.stickyPagination,
+    numericTypes: e?.numericTypes,
+    highlight: e?.highlight,
+    paginationKind: e?.paginationKind,
+    pinningOptions: e?.pinningOptions,
+    disableRowHover: e?.disableRowHover,
+    columnPinning: e?.enableColumnPinning,
+    pagination: !!e?.getPaginationRowModel,
+    columnResizing: e?.enableColumnResizing,
+    columnVisibility: !!e?.onColumnVisibilityChange,
+    columnResizingMinWidth: e?.columnResizingMinWidth,
+    sorting: e?.enableSorting && !!e?.getSortedRowModel
+  }, m = H(i, t), k = C ?? {
+    pictogram: /* @__PURE__ */ n(j, {}),
     title: "Title here",
     description: "This should be a clear and concise description."
-  }, D = _(() => {
-    const d = c.getFlatHeaders(), g = {};
-    return d.forEach((S) => {
-      g[`--header-${S.id}-size`] = S.getSize(), g[`--col-${S.column.id}-size`] = S.column.getSize();
-    }), g;
-  }, [c.getState().columnSizingInfo, c.getState().columnSizing]), V = {
-    ...m.maxHeight && { maxHeight: m.maxHeight },
-    ...m.maxWidth && { maxWidth: m.maxWidth },
-    ...(m.stickyHeader || m.stickyFooter) && {
-      stickyRows: m.stickyHeader || m.stickyFooter
+  }, w = W(() => {
+    const r = i.getFlatHeaders(), c = {};
+    return r.forEach((s) => {
+      c[`--header-${s.id}-size`] = s.getSize(), c[`--col-${s.column.id}-size`] = s.column.getSize();
+    }), c;
+  }, [i.getState().columnSizingInfo, i.getState().columnSizing]), F = {
+    ...o.maxHeight && { maxHeight: o.maxHeight },
+    ...o.maxWidth && { maxWidth: o.maxWidth },
+    ...(o.stickyHeader || o.stickyFooter) && {
+      stickyRows: o.stickyHeader || o.stickyFooter
     }
-  }, A = c.getRowCount() === 0;
-  return /* @__PURE__ */ z(E, { children: [
-    !!(m != null && m.columnVisibility) && /* @__PURE__ */ u(K, { table: c }),
-    /* @__PURE__ */ z(I, { className: Z, ...V, children: [
-      /* @__PURE__ */ u(h.Components.Provider, { children: /* @__PURE__ */ z(
-        j,
+  }, P = i.getRowCount() === 0;
+  return /* @__PURE__ */ g(M, { children: [
+    !!o?.columnVisibility && /* @__PURE__ */ n(A, { table: i }),
+    /* @__PURE__ */ g($, { className: I, ...F, children: [
+      /* @__PURE__ */ n(m.Components.Provider, { children: /* @__PURE__ */ g(
+        V,
         {
-          ...M,
-          empty: A,
-          size: f,
-          style: { width: r != null && r.columnSized ? c.getTotalSize() : "100%", ...D },
+          ...R,
+          empty: P,
+          size: d,
+          style: e?.columnSized ? { width: i.getTotalSize(), ...w } : { width: "100%" },
           children: [
-            /* @__PURE__ */ u(
-              L,
+            /* @__PURE__ */ n(
+              E,
               {
-                ...X(h.draggable) ? h.Components : {},
-                table: c,
-                options: m
+                ...b(m.draggable) ? m.Components : {},
+                table: i,
+                options: o
               }
             ),
-            /* @__PURE__ */ u(
-              N,
+            /* @__PURE__ */ n(
+              _,
               {
-                table: c,
-                options: m,
-                ...Y(h.draggable) ? h.Components : {},
-                emptyStateProps: B
+                table: i,
+                options: o,
+                ...G(m.draggable) ? m.Components : {},
+                emptyStateProps: k
               }
             ),
-            /* @__PURE__ */ u(G, { table: c, options: m })
+            /* @__PURE__ */ n(v, { table: i, options: o })
           ]
         }
       ) }),
-      /* @__PURE__ */ u(J, { table: c, options: m })
+      /* @__PURE__ */ n(K, { table: i, options: o })
     ] })
   ] });
-}, zr = ({
-  size: e = H.Medium,
-  ...C
-}) => /* @__PURE__ */ u(a, { size: e, ...C }, `base-table-${e}`);
+}, ge = ({
+  size: t = h.Medium,
+  ...a
+}) => /* @__PURE__ */ n(J, { size: t, ...a }, `base-table-${t}`);
 export {
-  zr as default
+  ge as default
 };
 //# sourceMappingURL=BaseTable.js.map

package/build/esm/components/Table/components/BaseTable/BaseTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableComponent = <TData extends RowData, TValue = unknown>({\n  data = defaultData,\n  columns,\n  tableOptions,\n  emptyStateProps,\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => {\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n  const [columnOrder, setColumnOrder] = useState<string[]>(\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n  );\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n  const onColumnOrderChangeHandler = useCallback(\n    (newColumnOrder: Updater<ColumnOrderState>) => {\n      setColumnOrder(newColumnOrder);\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\n    },\n    [tableOptions],\n  );\n\n  const onSizeChangeHandler = useCallback(\n    (newSize: Updater<TableTypes.Size>) => {\n      setTableSize(newSize);\n      tableOptions?.onSizeChange?.(newSize);\n    },\n    [tableOptions],\n  );\n\n  const table = useReactTable({\n    _features: [SizedFeature],\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    defaultColumn: {\n      minSize: 50,\n    },\n    // tanstack enables rows selection by default\n    enableRowSelection: false,\n    ...tableOptions,\n    state: {\n      ...tableOptions?.state,\n      columnOrder,\n      size: tableSize,\n    },\n    onColumnOrderChange: onColumnOrderChangeHandler,\n    onSizeChange: onSizeChangeHandler,\n  });\n\n  const options = {\n    noHeader: tableOptions?.noHeader,\n    noFooter: tableOptions?.noFooter,\n    maxWidth: tableOptions?.maxWidth,\n    maxHeight: tableOptions?.maxHeight,\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\n    stickyHeader: tableOptions?.stickyHeader,\n    stickyFooter: tableOptions?.stickyFooter,\n    numericTypes: tableOptions?.numericTypes,\n    highlight: tableOptions?.highlight,\n    paginationKind: tableOptions?.paginationKind,\n    pinningOptions: tableOptions?.pinningOptions,\n    disableRowHover: tableOptions?.disableRowHover,\n    columnPinning: tableOptions?.enableColumnPinning,\n    pagination: !!tableOptions?.getPaginationRowModel,\n    columnResizing: tableOptions?.enableColumnResizing,\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n  };\n\n  const DraggableCtx = useDraggable(table, data);\n\n  const emptyStateProperties = emptyStateProps ?? {\n    pictogram: <BarChartTypeColourTint />,\n    title: 'Title here',\n    description: 'This should be a clear and concise description.',\n  };\n\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: { [key: string]: number } = {};\n    headers.forEach((header) => {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    });\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n  const wrapperProps = {\n    ...(options.maxHeight && { maxHeight: options.maxHeight }),\n    ...(options.maxWidth && { maxWidth: options.maxWidth }),\n    ...((options.stickyHeader || options.stickyFooter) && {\n      stickyRows: options.stickyHeader || options.stickyFooter,\n    }),\n  };\n\n  const isEmpty = table.getRowCount() === 0;\n\n  return (\n    <>\n      {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\n        <DraggableCtx.Components.Provider>\n          <Table\n            {...rest}\n            empty={isEmpty}\n            size={tableSize}\n            style={{ width: tableOptions?.columnSized ? table.getTotalSize() : '100%', ...columnSizeVars }}\n          >\n            <TableHeader\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n            />\n            <TableBody\n              table={table}\n              options={options}\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              emptyStateProps={emptyStateProperties}\n            />\n            <TableFooter table={table} options={options} />\n          </Table>\n        </DraggableCtx.Components.Provider>\n        <BaseTablePagination table={table} options={options} />\n      </TableWrapper>\n    </>\n  );\n};\n\nconst BaseTable = <TData extends RowData, TValue = unknown>({\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => <BaseTableComponent key={`base-table-${size}`} size={size} {...props} />;\n\nexport default BaseTable;\n"],"names":["defaultData","BaseTableComponent","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","_a","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBody","isRowDraggable","TableFooter","BaseTablePagination","BaseTable"],"mappings":"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"}
+{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableComponent = <TData extends RowData, TValue = unknown>({\n  data = defaultData,\n  columns,\n  tableOptions,\n  emptyStateProps,\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => {\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n  const [columnOrder, setColumnOrder] = useState<string[]>(\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n  );\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n  const onColumnOrderChangeHandler = useCallback(\n    (newColumnOrder: Updater<ColumnOrderState>) => {\n      setColumnOrder(newColumnOrder);\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\n    },\n    [tableOptions],\n  );\n\n  const onSizeChangeHandler = useCallback(\n    (newSize: Updater<TableTypes.Size>) => {\n      setTableSize(newSize);\n      tableOptions?.onSizeChange?.(newSize);\n    },\n    [tableOptions],\n  );\n\n  const table = useReactTable({\n    _features: [SizedFeature],\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    defaultColumn: {\n      minSize: 50,\n    },\n    // tanstack enables rows selection by default\n    enableRowSelection: false,\n    ...tableOptions,\n    state: {\n      ...tableOptions?.state,\n      columnOrder,\n      size: tableSize,\n    },\n    onColumnOrderChange: onColumnOrderChangeHandler,\n    onSizeChange: onSizeChangeHandler,\n  });\n\n  const options = {\n    noHeader: tableOptions?.noHeader,\n    noFooter: tableOptions?.noFooter,\n    maxWidth: tableOptions?.maxWidth,\n    maxHeight: tableOptions?.maxHeight,\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\n    stickyHeader: tableOptions?.stickyHeader,\n    stickyFooter: tableOptions?.stickyFooter,\n    stickyPagination: tableOptions?.stickyPagination,\n    numericTypes: tableOptions?.numericTypes,\n    highlight: tableOptions?.highlight,\n    paginationKind: tableOptions?.paginationKind,\n    pinningOptions: tableOptions?.pinningOptions,\n    disableRowHover: tableOptions?.disableRowHover,\n    columnPinning: tableOptions?.enableColumnPinning,\n    pagination: !!tableOptions?.getPaginationRowModel,\n    columnResizing: tableOptions?.enableColumnResizing,\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n  };\n\n  const DraggableCtx = useDraggable(table, data);\n\n  const emptyStateProperties = emptyStateProps ?? {\n    pictogram: <BarChartTypeColourTint />,\n    title: 'Title here',\n    description: 'This should be a clear and concise description.',\n  };\n\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: { [key: string]: number } = {};\n    headers.forEach((header) => {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    });\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n  const wrapperProps = {\n    ...(options.maxHeight && { maxHeight: options.maxHeight }),\n    ...(options.maxWidth && { maxWidth: options.maxWidth }),\n    ...((options.stickyHeader || options.stickyFooter) && {\n      stickyRows: options.stickyHeader || options.stickyFooter,\n    }),\n  };\n\n  const isEmpty = table.getRowCount() === 0;\n\n  return (\n    <>\n      {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\n        <DraggableCtx.Components.Provider>\n          <Table\n            {...rest}\n            empty={isEmpty}\n            size={tableSize}\n            style={tableOptions?.columnSized ? { width: table.getTotalSize(), ...columnSizeVars } : { width: '100%' }}\n          >\n            <TableHeader\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n            />\n            <TableBody\n              table={table}\n              options={options}\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              emptyStateProps={emptyStateProperties}\n            />\n            <TableFooter table={table} options={options} />\n          </Table>\n        </DraggableCtx.Components.Provider>\n        <BaseTablePagination table={table} options={options} />\n      </TableWrapper>\n    </>\n  );\n};\n\nconst BaseTable = <TData extends RowData, TValue = unknown>({\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => <BaseTableComponent key={`base-table-${size}`} size={size} {...props} />;\n\nexport default BaseTable;\n"],"names":["defaultData","BaseTableComponent","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBody","isRowDraggable","TableFooter","BaseTablePagination","BaseTable"],"mappings":"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"}

package/build/esm/components/Table/components/BaseTable/BaseTable.types.d.ts

@@ -21,6 +21,7 @@ export type BaseTableOptions<TData extends RowData> = {
     disableRowHover?: boolean;
     stickyHeader?: boolean;
     stickyFooter?: boolean;
+    stickyPagination?: boolean;
     useColumnsSizing?: boolean;
     columnSized?: boolean;
     numericTypes?: (keyof TData)[];

package/build/esm/components/Table/components/BaseTable/BaseTable.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BaseTable.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.types.ts"],"names":[],"mappings":"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"}

package/build/esm/components/Table/components/BaseTable/BaseTablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTablePagination.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAS,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA2DnE,QAAA,MAAM,mBAAmB,GAAI,KAAK,SAAS,OAAO,uBAG/C,yBAAyB,CAAC,KAAK,CAAC,mDAiBlC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"BaseTablePagination.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAS,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA4DnE,QAAA,MAAM,mBAAmB,GAAI,KAAK,SAAS,OAAO,uBAG/C,yBAAyB,CAAC,KAAK,CAAC,mDAiBlC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/build/esm/components/Table/components/BaseTable/BaseTablePagination.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { PAGINATION_CLASS as r } from "../../../../react-base/src/consts/classes.js";
-import { consts as i } from "../../../../react-base/src/components/Table/Table.consts.js";
+import { consts as a } from "../../../../react-base/src/components/Table/Table.consts.js";
 import { styled as s } from "styled-components";
-import { Variables as a } from "../../../../react-base/src/theme/types/layer.js";
+import { Variables as g } from "../../../../react-base/src/theme/types/layer.js";
 import p from "../../../Pagination/DefaultPagination.js";
 import d from "../../../Pagination/SimplePagination.js";
 const u = 10, m = 20, l = 50, P = [
@@ -24,23 +24,24 @@ const u = 10, m = 20, l = 50, P = [
   startEndButtons: !0,
   onPageChange: (n) => t.setPageIndex(n - 1),
   pageSize: t.getState().pagination.pageSize,
-  onPageSizeChange: (n) => t.setPagination((o) => ({ ...o, pageSize: n })),
+  onPageSizeChange: (n) => t.setPagination((i) => ({ ...i, pageSize: n })),
   showTotalItems: !0,
   moreButton: !0,
   allowedPageSizes: P
-}), I = s.div(({ size: t, theme: n }) => {
-  const o = n.layer({ foundation: "surface" });
+}), I = s.div(({ $size: t, $sticky: n, theme: i }) => {
+  const o = i.layer({ foundation: "surface" });
   return `
-      position: sticky;
+      position: ${n ? "sticky" : "relative"};
       z-index: 2;
       bottom: 0;
+      margin-top: auto;
       margin-bottom: 0;
       left: 0;
       right: 0;
       height: fit-content;
-      padding: ${i[t].paginationCell.padding.top ?? 0}px ${i[t].paginationCell.padding.left ?? 0}px ${i[t].paginationCell.padding.bottom ?? 0}px ${i[t].paginationCell.padding.right ?? 0}px;
-      background: ${o[a.BackgroundFoundation]};
-      border-top: 1px solid ${o[a.BorderOnFoundationSubtle]};
+      padding: ${a[t].paginationCell.padding.top ?? 0}px ${a[t].paginationCell.padding.left ?? 0}px ${a[t].paginationCell.padding.bottom ?? 0}px ${a[t].paginationCell.padding.right ?? 0}px;
+      background: ${o[g.BackgroundFoundation]};
+      border-top: 1px solid ${o[g.BorderOnFoundationSubtle]};
       > .${r} {
         margin: 0;
         width: 100%;
@@ -50,8 +51,8 @@ const u = 10, m = 20, l = 50, P = [
   table: t,
   options: n = A
 }) => {
-  const { paginationKind: o = "default", pagination: g } = n;
-  return g && t.getIsSomeColumnsVisible() ? /* @__PURE__ */ e(I, { size: t.getState().size, children: o === "simple" ? /* @__PURE__ */ e(d, { ...c(t) }) : /* @__PURE__ */ e(p, { ...S(t) }) }) : null;
+  const { paginationKind: i = "default", pagination: o } = n;
+  return o && t.getIsSomeColumnsVisible() ? /* @__PURE__ */ e(I, { $size: t.getState().size, $sticky: !!n.stickyPagination, children: i === "simple" ? /* @__PURE__ */ e(d, { ...c(t) }) : /* @__PURE__ */ e(p, { ...S(t) }) }) : null;
 };
 export {
   N as default

package/build/esm/components/Table/components/BaseTable/BaseTablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { RowData, Table } from '@tanstack/react-table';\n\nimport type { IDefaultPaginationProps, ISimplePaginationProps } from '../../../Pagination/Pagination.types';\nimport type { IBaseTablePaginationProps } from './BaseTable.types';\nimport DefaultPagination from '../../../Pagination/DefaultPagination';\nimport SimplePagination from '../../../Pagination/SimplePagination';\n\nconst DEFAULT_PAGINATION_PAGE_SIZE_SMALL = 10;\nconst DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM = 20;\nconst DEFAULT_PAGINATION_PAGE_SIZE_LARGE = 50;\nconst DEFAULT_PAGINATION_PAGE_SIZES = [\n  DEFAULT_PAGINATION_PAGE_SIZE_SMALL,\n  DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM,\n  DEFAULT_PAGINATION_PAGE_SIZE_LARGE,\n];\n\nconst simplePaginationProps = <TData extends RowData>(table: Table<TData>): ISimplePaginationProps => ({\n  size: table.getState().size,\n  current: table.getState().pagination.pageIndex + 1,\n  total: Math.ceil(table.getRowCount() / table.getState().pagination.pageSize),\n  quickJumper: false,\n  startEndButtons: true,\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\n});\n\nconst defaultPaginationProps = <TData extends RowData>(table: Table<TData>): IDefaultPaginationProps => ({\n  size: table.getState().size,\n  current: table.getState().pagination.pageIndex + 1,\n  totalItems: table.getRowCount(),\n  quickJumper: false,\n  startEndButtons: true,\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\n  pageSize: table.getState().pagination.pageSize,\n  onPageSizeChange: (pageSize) => table.setPagination((state) => ({ ...state, pageSize })),\n  showTotalItems: true,\n  moreButton: true,\n  allowedPageSizes: DEFAULT_PAGINATION_PAGE_SIZES,\n});\n\nconst PaginationContainer = styled.div<{ size: TableTypes.Size }>(({ size, theme }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return `\n      position: sticky;\n      z-index: 2;\n      bottom: 0;\n      margin-bottom: 0;\n      left: 0;\n      right: 0;\n      height: fit-content;\n      padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\n      background: ${layer[Variables.BackgroundFoundation]};\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n      > .${PAGINATION_CLASS} {\n        margin: 0;\n        width: 100%;\n      }\n    `;\n});\n\nconst defaultOptions = {};\n\nconst BaseTablePagination = <TData extends RowData>({\n  table,\n  options = defaultOptions,\n}: IBaseTablePaginationProps<TData>) => {\n  const { paginationKind = 'default', pagination } = options;\n  const withPagination = pagination && table.getIsSomeColumnsVisible();\n\n  if (!withPagination) {\n    return null;\n  }\n\n  return (\n    <PaginationContainer size={table.getState().size}>\n      {paginationKind === 'simple' ? (\n        <SimplePagination {...simplePaginationProps(table)} />\n      ) : (\n        <DefaultPagination {...defaultPaginationProps(table)} />\n      )}\n    </PaginationContainer>\n  );\n};\n\nexport default BaseTablePagination;\n"],"names":["DEFAULT_PAGINATION_PAGE_SIZE_SMALL","DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM","DEFAULT_PAGINATION_PAGE_SIZE_LARGE","DEFAULT_PAGINATION_PAGE_SIZES","simplePaginationProps","table","current","defaultPaginationProps","pageSize","state","PaginationContainer","styled","size","theme","layer","TableConsts.consts","Variables","PAGINATION_CLASS","defaultOptions","BaseTablePagination","options","paginationKind","pagination","jsx","SimplePagination","DefaultPagination"],"mappings":";;;;;;;AAWA,MAAMA,IAAqC,IACrCC,IAAsC,IACtCC,IAAqC,IACrCC,IAAgC;AAAA,EACpCH;AAAA,EACAC;AAAA,EACAC;AACF,GAEME,IAAwB,CAAwBC,OAAiD;AAAA,EACrG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,OAAO,KAAK,KAAKA,EAAM,gBAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ;AAAA,EAC3E,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AACnE,IAEMC,IAAyB,CAAwBF,OAAkD;AAAA,EACvG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,YAAYA,EAAM,YAAA;AAAA,EAClB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AAAA,EACjE,UAAUD,EAAM,SAAA,EAAW,WAAW;AAAA,EACtC,kBAAkB,CAACG,MAAaH,EAAM,cAAc,CAACI,OAAW,EAAE,GAAGA,GAAO,UAAAD,EAAA,EAAW;AAAA,EACvF,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,kBAAkBL;AACpB,IAEMO,IAAsBC,EAAO,IAA+B,CAAC,EAAE,MAAAC,GAAM,OAAAC,QAAY;AACrF,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQQE,EAAmBH,CAAI,EAAE,eAAe,QAAQ,OAAO,CAAC,MAAMG,EAAmBH,CAAI,EAAE,eAAe,QAAQ,QAAQ,CAAC,MAAMG,EAAmBH,CAAI,EAAE,eAAe,QAAQ,UAAU,CAAC,MAAMG,EAAmBH,CAAI,EAAE,eAAe,QAAQ,SAAS,CAAC;AAAA,oBACrPE,EAAME,EAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,EAAU,wBAAwB,CAAC;AAAA,WAC5DC,CAAgB;AAAA;AAAA;AAAA;AAAA;AAK3B,CAAC,GAEKC,IAAiB,CAAA,GAEjBC,IAAsB,CAAwB;AAAA,EAClD,OAAAd;AAAA,EACA,SAAAe,IAAUF;AACZ,MAAwC;AACtC,QAAM,EAAE,gBAAAG,IAAiB,WAAW,YAAAC,EAAA,IAAeF;AAGnD,SAFuBE,KAAcjB,EAAM,wBAAA,IAOzC,gBAAAkB,EAACb,KAAoB,MAAML,EAAM,WAAW,MACzC,UAAAgB,MAAmB,WAClB,gBAAAE,EAACC,GAAA,EAAkB,GAAGpB,EAAsBC,CAAK,GAAG,IAEpD,gBAAAkB,EAACE,KAAmB,GAAGlB,EAAuBF,CAAK,EAAA,CAAG,EAAA,CAE1D,IAVO;AAYX;"}
+{"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { RowData, Table } from '@tanstack/react-table';\n\nimport type { IDefaultPaginationProps, ISimplePaginationProps } from '../../../Pagination/Pagination.types';\nimport type { IBaseTablePaginationProps } from './BaseTable.types';\nimport DefaultPagination from '../../../Pagination/DefaultPagination';\nimport SimplePagination from '../../../Pagination/SimplePagination';\n\nconst DEFAULT_PAGINATION_PAGE_SIZE_SMALL = 10;\nconst DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM = 20;\nconst DEFAULT_PAGINATION_PAGE_SIZE_LARGE = 50;\nconst DEFAULT_PAGINATION_PAGE_SIZES = [\n  DEFAULT_PAGINATION_PAGE_SIZE_SMALL,\n  DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM,\n  DEFAULT_PAGINATION_PAGE_SIZE_LARGE,\n];\n\nconst simplePaginationProps = <TData extends RowData>(table: Table<TData>): ISimplePaginationProps => ({\n  size: table.getState().size,\n  current: table.getState().pagination.pageIndex + 1,\n  total: Math.ceil(table.getRowCount() / table.getState().pagination.pageSize),\n  quickJumper: false,\n  startEndButtons: true,\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\n});\n\nconst defaultPaginationProps = <TData extends RowData>(table: Table<TData>): IDefaultPaginationProps => ({\n  size: table.getState().size,\n  current: table.getState().pagination.pageIndex + 1,\n  totalItems: table.getRowCount(),\n  quickJumper: false,\n  startEndButtons: true,\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\n  pageSize: table.getState().pagination.pageSize,\n  onPageSizeChange: (pageSize) => table.setPagination((state) => ({ ...state, pageSize })),\n  showTotalItems: true,\n  moreButton: true,\n  allowedPageSizes: DEFAULT_PAGINATION_PAGE_SIZES,\n});\n\nconst PaginationContainer = styled.div<{ $size: TableTypes.Size; $sticky: boolean }>(({ $size, $sticky, theme }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return `\n      position: ${$sticky ? 'sticky' : 'relative'};\n      z-index: 2;\n      bottom: 0;\n      margin-top: auto;\n      margin-bottom: 0;\n      left: 0;\n      right: 0;\n      height: fit-content;\n      padding: ${TableConsts.consts[$size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.right ?? 0}px;\n      background: ${layer[Variables.BackgroundFoundation]};\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n      > .${PAGINATION_CLASS} {\n        margin: 0;\n        width: 100%;\n      }\n    `;\n});\n\nconst defaultOptions = {};\n\nconst BaseTablePagination = <TData extends RowData>({\n  table,\n  options = defaultOptions,\n}: IBaseTablePaginationProps<TData>) => {\n  const { paginationKind = 'default', pagination } = options;\n  const withPagination = pagination && table.getIsSomeColumnsVisible();\n\n  if (!withPagination) {\n    return null;\n  }\n\n  return (\n    <PaginationContainer $size={table.getState().size} $sticky={Boolean(options.stickyPagination)}>\n      {paginationKind === 'simple' ? (\n        <SimplePagination {...simplePaginationProps(table)} />\n      ) : (\n        <DefaultPagination {...defaultPaginationProps(table)} />\n      )}\n    </PaginationContainer>\n  );\n};\n\nexport default BaseTablePagination;\n"],"names":["DEFAULT_PAGINATION_PAGE_SIZE_SMALL","DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM","DEFAULT_PAGINATION_PAGE_SIZE_LARGE","DEFAULT_PAGINATION_PAGE_SIZES","simplePaginationProps","table","current","defaultPaginationProps","pageSize","state","PaginationContainer","styled","$size","$sticky","theme","layer","TableConsts.consts","Variables","PAGINATION_CLASS","defaultOptions","BaseTablePagination","options","paginationKind","pagination","jsx","SimplePagination","DefaultPagination"],"mappings":";;;;;;;AAWA,MAAMA,IAAqC,IACrCC,IAAsC,IACtCC,IAAqC,IACrCC,IAAgC;AAAA,EACpCH;AAAA,EACAC;AAAA,EACAC;AACF,GAEME,IAAwB,CAAwBC,OAAiD;AAAA,EACrG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,OAAO,KAAK,KAAKA,EAAM,gBAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ;AAAA,EAC3E,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AACnE,IAEMC,IAAyB,CAAwBF,OAAkD;AAAA,EACvG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,YAAYA,EAAM,YAAA;AAAA,EAClB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AAAA,EACjE,UAAUD,EAAM,SAAA,EAAW,WAAW;AAAA,EACtC,kBAAkB,CAACG,MAAaH,EAAM,cAAc,CAACI,OAAW,EAAE,GAAGA,GAAO,UAAAD,EAAA,EAAW;AAAA,EACvF,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,kBAAkBL;AACpB,IAEMO,IAAsBC,EAAO,IAAkD,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,OAAAC,QAAY;AAClH,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAO;AAAA,kBACSD,IAAU,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQhCG,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,OAAO,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,QAAQ,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,UAAU,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,SAAS,CAAC;AAAA,oBACzPG,EAAME,EAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,EAAU,wBAAwB,CAAC;AAAA,WAC5DC,CAAgB;AAAA;AAAA;AAAA;AAAA;AAK3B,CAAC,GAEKC,IAAiB,CAAA,GAEjBC,IAAsB,CAAwB;AAAA,EAClD,OAAAf;AAAA,EACA,SAAAgB,IAAUF;AACZ,MAAwC;AACtC,QAAM,EAAE,gBAAAG,IAAiB,WAAW,YAAAC,EAAA,IAAeF;AAGnD,SAFuBE,KAAclB,EAAM,wBAAA,IAOzC,gBAAAmB,EAACd,GAAA,EAAoB,OAAOL,EAAM,SAAA,EAAW,MAAM,SAAS,EAAQgB,EAAQ,kBACzE,UAAAC,MAAmB,WAClB,gBAAAE,EAACC,GAAA,EAAkB,GAAGrB,EAAsBC,CAAK,EAAA,CAAG,IAEpD,gBAAAmB,EAACE,GAAA,EAAmB,GAAGnB,EAAuBF,CAAK,EAAA,CAAG,EAAA,CAE1D,IAVO;AAYX;"}