@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/primitives/Table/Core/features/useTableStyle.js

@@ -8,68 +8,28 @@ function useTableStyle(tableId, table) {
     tableMeta.fontSize.size
   );
   const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing(tableId, table);
+  const heightPadding = CELL_HEIGHT_PADDING[tableMeta.rowHeight.height] ?? CELL_HEIGHT_PADDING.medium;
   const style = {
     // css vars required by children of table
     "--table-header-group-depth": table.getHeaderGroups().length,
-    "--table-cell-padding-x": getCellWidthPadding(tableMeta.fontSize.size),
-    "--table-cell-padding-y": getCellHeightPadding(tableMeta.rowHeight.height, tableMeta.fontSize.size),
+    "--table-cell-padding-x": CELL_WIDTH_PADDING[tableMeta.fontSize.size] ?? CELL_WIDTH_PADDING.large,
+    "--table-cell-padding-y": heightPadding[tableMeta.fontSize.size] ?? heightPadding.medium,
     ...cssGridStyle
   };
   const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter((s) => !!s).join("\n");
   return { style, stylesheet };
 }
-function getCellHeightPadding(height, fontSize) {
-  switch (height) {
-    case "short": {
-      switch (fontSize) {
-        case "small":
-          return "8px";
-        default:
-          return "6px";
-      }
-    }
-    case "tall": {
-      switch (fontSize) {
-        case "small":
-          return "16px";
-        case "large":
-          return "12px";
-        default:
-          return "14px";
-      }
-    }
-    case "extra-tall": {
-      switch (fontSize) {
-        case "small":
-          return "22px";
-        case "large":
-          return "18px";
-        default:
-          return "20px";
-      }
-    }
-    default: {
-      switch (fontSize) {
-        case "small":
-          return "12px";
-        case "large":
-          return "8px";
-        default:
-          return "10px";
-      }
-    }
-  }
-}
-function getCellWidthPadding(fontSize) {
-  switch (fontSize) {
-    case "small":
-      return "8px";
-    case "medium":
-      return "12px";
-    default:
-      return "16px";
-  }
-}
+const CELL_HEIGHT_PADDING = {
+  short: { small: "8px", medium: "6px", large: "6px" },
+  medium: { small: "12px", medium: "10px", large: "8px" },
+  tall: { small: "16px", medium: "14px", large: "12px" },
+  "extra-tall": { small: "22px", medium: "20px", large: "18px" }
+};
+const CELL_WIDTH_PADDING = {
+  small: "8px",
+  medium: "12px",
+  large: "16px"
+};
 export {
   useTableStyle
 };

package/dist/primitives/Table/Core/features/useTableStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyle.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyle.tsx"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useTableStyleGrid } from './useTableStyleGrid';\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { TableFontSize, TableRowHeight } from '../../types';\n\nexport function useTableStyle<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid<TType>(\n        tableId,\n        table,\n        tableMeta.fontSize.size\n    );\n    const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing(tableId, table);\n\n    const style = {\n        // css vars required by children of table\n        '--table-header-group-depth': table.getHeaderGroups().length,\n        '--table-cell-padding-x': getCellWidthPadding(tableMeta.fontSize.size),\n        '--table-cell-padding-y': getCellHeightPadding(tableMeta.rowHeight.height, tableMeta.fontSize.size),\n        ...cssGridStyle,\n    };\n\n    const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter(s => !!s).join('\\n');\n\n    return { style, stylesheet };\n}\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\nfunction getCellHeightPadding(height: TableRowHeight, fontSize: TableFontSize) {\n    // TODO: can we get the rem values from tailwind\n    switch (height) {\n        case 'short': {\n            switch (fontSize) {\n                case 'small':\n                    return '8px';\n\n                default:\n                    return '6px';\n            }\n        }\n\n        case 'tall': {\n            switch (fontSize) {\n                case 'small':\n                    return '16px';\n\n                case 'large':\n                    return '12px';\n\n                default:\n                    return '14px';\n            }\n        }\n\n        case 'extra-tall': {\n            switch (fontSize) {\n                case 'small':\n                    return '22px';\n\n                case 'large':\n                    return '18px';\n\n                default:\n                    return '20px';\n            }\n        }\n\n        default: {\n            switch (fontSize) {\n                case 'small':\n                    return '12px';\n\n                case 'large':\n                    return '8px';\n\n                default:\n                    return '10px';\n            }\n        }\n    }\n}\n\nfunction getCellWidthPadding(fontSize: TableFontSize) {\n    switch (fontSize) {\n        case 'small':\n            return '8px';\n\n        case 'medium':\n            return '12px';\n\n        default:\n            return '16px';\n    }\n}\n"],"names":[],"mappings":";;AAKgB,SAAA,cAA+B,SAAiB,OAA0B;AAChF,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,EAAE,OAAO,cAAc,YAAY,kBAAsB,IAAA;AAAA,IAC3D;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,EACvB;AACA,QAAM,EAAE,YAAY,yBAAA,IAA6B,4BAA4B,SAAS,KAAK;AAE3F,QAAM,QAAQ;AAAA;AAAA,IAEV,8BAA8B,MAAM,gBAAA,EAAkB;AAAA,IACtD,0BAA0B,oBAAoB,UAAU,SAAS,IAAI;AAAA,IACrE,0BAA0B,qBAAqB,UAAU,UAAU,QAAQ,UAAU,SAAS,IAAI;AAAA,IAClG,GAAG;AAAA,EACP;AAEA,QAAM,aAAa,CAAC,mBAAmB,wBAAwB,EAAE,OAAO,CAAK,MAAA,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;AAEpF,SAAA,EAAE,OAAO,WAAW;AAC/B;AAGA,SAAS,qBAAqB,QAAwB,UAAyB;AAE3E,UAAQ,QAAQ;AAAA,IACZ,KAAK,SAAS;AACV,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAGJ,KAAK,QAAQ;AACT,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAGJ,KAAK,cAAc;AACf,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAGJ,SAAS;AACL,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,EACJ;AAER;AAEA,SAAS,oBAAoB,UAAyB;AAClD,UAAQ,UAAU;AAAA,IACd,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;"}
+{"version":3,"file":"useTableStyle.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyle.tsx"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useTableStyleGrid } from './useTableStyleGrid';\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { TableFontSize, TableRowHeight } from '../../types';\n\nexport function useTableStyle<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid<TType>(\n        tableId,\n        table,\n        tableMeta.fontSize.size\n    );\n    const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing(tableId, table);\n\n    // persisted settings can contain out-of-union values, so fall back like the old switch defaults did\n    const heightPadding = CELL_HEIGHT_PADDING[tableMeta.rowHeight.height] ?? CELL_HEIGHT_PADDING.medium;\n\n    const style = {\n        // css vars required by children of table\n        '--table-header-group-depth': table.getHeaderGroups().length,\n        '--table-cell-padding-x': CELL_WIDTH_PADDING[tableMeta.fontSize.size] ?? CELL_WIDTH_PADDING.large,\n        '--table-cell-padding-y': heightPadding[tableMeta.fontSize.size] ?? heightPadding.medium,\n        ...cssGridStyle,\n    };\n\n    const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter(s => !!s).join('\\n');\n\n    return { style, stylesheet };\n}\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\n// TODO: can we get the rem values from tailwind\nconst CELL_HEIGHT_PADDING: Record<TableRowHeight, Record<TableFontSize, string>> = {\n    short: { small: '8px', medium: '6px', large: '6px' },\n    medium: { small: '12px', medium: '10px', large: '8px' },\n    tall: { small: '16px', medium: '14px', large: '12px' },\n    'extra-tall': { small: '22px', medium: '20px', large: '18px' },\n};\n\nconst CELL_WIDTH_PADDING: Record<TableFontSize, string> = {\n    small: '8px',\n    medium: '12px',\n    large: '16px',\n};\n"],"names":[],"mappings":";;AAKO,SAAS,cAA+B,SAAiB,OAA0B;AACtF,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,EAAE,OAAO,cAAc,YAAY,sBAAsB;AAAA,IAC3D;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,EAAA;AAEvB,QAAM,EAAE,YAAY,yBAAA,IAA6B,4BAA4B,SAAS,KAAK;AAG3F,QAAM,gBAAgB,oBAAoB,UAAU,UAAU,MAAM,KAAK,oBAAoB;AAE7F,QAAM,QAAQ;AAAA;AAAA,IAEV,8BAA8B,MAAM,gBAAA,EAAkB;AAAA,IACtD,0BAA0B,mBAAmB,UAAU,SAAS,IAAI,KAAK,mBAAmB;AAAA,IAC5F,0BAA0B,cAAc,UAAU,SAAS,IAAI,KAAK,cAAc;AAAA,IAClF,GAAG;AAAA,EAAA;AAGP,QAAM,aAAa,CAAC,mBAAmB,wBAAwB,EAAE,OAAO,CAAA,MAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;AAE3F,SAAO,EAAE,OAAO,WAAA;AACpB;AAIA,MAAM,sBAA6E;AAAA,EAC/E,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,OAAO,MAAA;AAAA,EAC7C,QAAQ,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,MAAA;AAAA,EAChD,MAAM,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAAA,EAC9C,cAAc,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAC1D;AAEA,MAAM,qBAAoD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;"}

package/dist/primitives/Table/Core/features/useTableStyleColumnFreezing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyleColumnFreezing.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleColumnFreezing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\n\nexport function useTableStyleColumnFreezing<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const { columnPinning, columnSizing } = table.getState();\n\n    const stylesheet = React.useMemo(() => {\n        const styles: string[] = [];\n\n        // might be a better way to get this information, but it wasn't obvious\n        const all = table\n            .getFlatHeaders()\n            .filter(column => !column.subHeaders.length)\n            .map(x => x.id);\n        const left = table.getLeftFlatHeaders().filter(column => !column.subHeaders.length);\n        const right = table.getRightFlatHeaders().filter(column => !column.subHeaders.length);\n\n        if (left.length) {\n            left.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    left: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const leftIds = left.map(x => x.id);\n            const lastItem = leftIds[leftIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                // add right border, hide the header seperator and add shadow when scrolled\n                // we have to be specific so that nested tables don't inherit the same css\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tfoot > tr  > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-right-width: 1px;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1})[data-cell-id^=\"__\"],\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1})[data-cell-id^=\"__\"] {\n                    border-right-color: transparent;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1}):after {\n                    content: none;\n                }\\ntable[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > thead > tr  > th:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tbody > tr  > td:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tfoot > tr  > td:nth-child(${\n                    index + 1\n                }) {\n                    border-right-color: rgb(221, 221, 221);\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%);\n                }`);\n            }\n        }\n\n        if (right.length) {\n            right.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    right: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const rightIds = right.map(x => x.id);\n            const lastItem = rightIds[rightIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${\n                    index + 1\n                }):not([data-cell-id^=\"__\"]),\n                table[data-taco^='table']#${tableId} > tbody > tr > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-left-width: 1px;\n                }`);\n            }\n        }\n\n        return styles.join('\\n');\n    }, [columnPinning, columnSizing]);\n\n    return { stylesheet };\n}\n"],"names":[],"mappings":";;;AAGgB,SAAA,4BAA6C,SAAiB,OAA0B;AACpG,QAAM,EAAE,eAAe,iBAAiB,MAAM,SAAS;AAEjD,QAAA,aAAa,MAAM,QAAQ,MAAM;AACnC,UAAM,SAAmB,CAAC;AAG1B,UAAM,MAAM,MACP,eAAe,EACf,OAAO,CAAU,WAAA,CAAC,OAAO,WAAW,MAAM,EAC1C,IAAI,CAAA,MAAK,EAAE,EAAE;AACZ,UAAA,OAAO,MAAM,qBAAqB,OAAO,CAAU,WAAA,CAAC,OAAO,WAAW,MAAM;AAC5E,UAAA,QAAQ,MAAM,sBAAsB,OAAO,CAAU,WAAA,CAAC,OAAO,WAAW,MAAM;AAEpF,QAAI,KAAK,QAAQ;AACb,WAAK,QAAQ,CAAQ,SAAA;AACjB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,4BACrE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBACzD;AAAA,MAAA,CACL;AACD,YAAM,UAAU,KAAK,IAAI,CAAA,MAAK,EAAE,EAAE;AAClC,YAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAE3C,UAAI,aAAa,QAAW;AAClB,cAAA,QAAQ,IAAI,QAAQ,QAAQ;AAIlC,eAAO,KAAK,6BAA6B,OAAO,gCAAgC,QAAQ,CAAC;AAAA,4CAC7D,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACjD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACpD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,qEAER,OAAO,iCAC3E,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA;AAAA;AAAA,kBAGE;AAAA,MAAA;AAAA,IACN;AAGJ,QAAI,MAAM,QAAQ;AACd,YAAM,QAAQ,CAAQ,SAAA;AAClB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,6BACpE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBAC1D;AAAA,MAAA,CACL;AACD,YAAM,WAAW,MAAM,IAAI,CAAA,MAAK,EAAE,EAAE;AACpC,YAAM,WAAW,SAAS,SAAS,SAAS,CAAC;AAE7C,UAAI,aAAa,QAAW;AAClB,cAAA,QAAQ,IAAI,QAAQ,QAAQ;AAElC,eAAO,KAAK,6BAA6B,OAAO,gCAC5C,QAAQ,CACZ;AAAA,4CAC4B,OAAO,gCAAgC,QAAQ,CAAC;AAAA;AAAA,kBAE1E;AAAA,MAAA;AAAA,IACN;AAGG,WAAA,OAAO,KAAK,IAAI;AAAA,EAAA,GACxB,CAAC,eAAe,YAAY,CAAC;AAEhC,SAAO,EAAE,WAAW;AACxB;;"}
+{"version":3,"file":"useTableStyleColumnFreezing.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleColumnFreezing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\n\nexport function useTableStyleColumnFreezing<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const { columnPinning, columnSizing } = table.getState();\n\n    const stylesheet = React.useMemo(() => {\n        const styles: string[] = [];\n\n        // might be a better way to get this information, but it wasn't obvious\n        const all = table\n            .getFlatHeaders()\n            .filter(column => !column.subHeaders.length)\n            .map(x => x.id);\n        const left = table.getLeftFlatHeaders().filter(column => !column.subHeaders.length);\n        const right = table.getRightFlatHeaders().filter(column => !column.subHeaders.length);\n\n        if (left.length) {\n            left.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    left: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const leftIds = left.map(x => x.id);\n            const lastItem = leftIds[leftIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                // add right border, hide the header seperator and add shadow when scrolled\n                // we have to be specific so that nested tables don't inherit the same css\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tfoot > tr  > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-right-width: 1px;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1})[data-cell-id^=\"__\"],\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1})[data-cell-id^=\"__\"] {\n                    border-right-color: transparent;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1}):after {\n                    content: none;\n                }\\ntable[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > thead > tr  > th:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tbody > tr  > td:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tfoot > tr  > td:nth-child(${\n                    index + 1\n                }) {\n                    border-right-color: rgb(221, 221, 221);\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%);\n                }`);\n            }\n        }\n\n        if (right.length) {\n            right.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    right: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const rightIds = right.map(x => x.id);\n            const lastItem = rightIds[rightIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${\n                    index + 1\n                }):not([data-cell-id^=\"__\"]),\n                table[data-taco^='table']#${tableId} > tbody > tr > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-left-width: 1px;\n                }`);\n            }\n        }\n\n        return styles.join('\\n');\n    }, [columnPinning, columnSizing]);\n\n    return { stylesheet };\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,4BAA6C,SAAiB,OAA0B;AACpG,QAAM,EAAE,eAAe,iBAAiB,MAAM,SAAA;AAE9C,QAAM,aAAa,MAAM,QAAQ,MAAM;AACnC,UAAM,SAAmB,CAAA;AAGzB,UAAM,MAAM,MACP,eAAA,EACA,OAAO,CAAA,WAAU,CAAC,OAAO,WAAW,MAAM,EAC1C,IAAI,CAAA,MAAK,EAAE,EAAE;AAClB,UAAM,OAAO,MAAM,qBAAqB,OAAO,CAAA,WAAU,CAAC,OAAO,WAAW,MAAM;AAClF,UAAM,QAAQ,MAAM,sBAAsB,OAAO,CAAA,WAAU,CAAC,OAAO,WAAW,MAAM;AAEpF,QAAI,KAAK,QAAQ;AACb,WAAK,QAAQ,CAAA,SAAQ;AACjB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,4BACrE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBACzD;AAAA,MACN,CAAC;AACD,YAAM,UAAU,KAAK,IAAI,CAAA,MAAK,EAAE,EAAE;AAClC,YAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAE3C,UAAI,aAAa,QAAW;AACxB,cAAM,QAAQ,IAAI,QAAQ,QAAQ;AAIlC,eAAO,KAAK,6BAA6B,OAAO,gCAAgC,QAAQ,CAAC;AAAA,4CAC7D,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACjD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACpD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,qEAER,OAAO,iCAC3E,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA;AAAA;AAAA,kBAGE;AAAA,MACN;AAAA,IACJ;AAEA,QAAI,MAAM,QAAQ;AACd,YAAM,QAAQ,CAAA,SAAQ;AAClB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,6BACpE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBAC1D;AAAA,MACN,CAAC;AACD,YAAM,WAAW,MAAM,IAAI,CAAA,MAAK,EAAE,EAAE;AACpC,YAAM,WAAW,SAAS,SAAS,SAAS,CAAC;AAE7C,UAAI,aAAa,QAAW;AACxB,cAAM,QAAQ,IAAI,QAAQ,QAAQ;AAElC,eAAO,KAAK,6BAA6B,OAAO,gCAC5C,QAAQ,CACZ;AAAA,4CAC4B,OAAO,gCAAgC,QAAQ,CAAC;AAAA;AAAA,kBAE1E;AAAA,MACN;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,IAAI;AAAA,EAC3B,GAAG,CAAC,eAAe,YAAY,CAAC;AAEhC,SAAO,EAAE,WAAA;AACb;;"}

package/dist/primitives/Table/Core/features/useTableStyleColumnFreezing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyleColumnFreezing.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleColumnFreezing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\n\nexport function useTableStyleColumnFreezing<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const { columnPinning, columnSizing } = table.getState();\n\n    const stylesheet = React.useMemo(() => {\n        const styles: string[] = [];\n\n        // might be a better way to get this information, but it wasn't obvious\n        const all = table\n            .getFlatHeaders()\n            .filter(column => !column.subHeaders.length)\n            .map(x => x.id);\n        const left = table.getLeftFlatHeaders().filter(column => !column.subHeaders.length);\n        const right = table.getRightFlatHeaders().filter(column => !column.subHeaders.length);\n\n        if (left.length) {\n            left.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    left: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const leftIds = left.map(x => x.id);\n            const lastItem = leftIds[leftIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                // add right border, hide the header seperator and add shadow when scrolled\n                // we have to be specific so that nested tables don't inherit the same css\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tfoot > tr  > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-right-width: 1px;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1})[data-cell-id^=\"__\"],\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1})[data-cell-id^=\"__\"] {\n                    border-right-color: transparent;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1}):after {\n                    content: none;\n                }\\ntable[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > thead > tr  > th:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tbody > tr  > td:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tfoot > tr  > td:nth-child(${\n                    index + 1\n                }) {\n                    border-right-color: rgb(221, 221, 221);\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%);\n                }`);\n            }\n        }\n\n        if (right.length) {\n            right.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    right: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const rightIds = right.map(x => x.id);\n            const lastItem = rightIds[rightIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${\n                    index + 1\n                }):not([data-cell-id^=\"__\"]),\n                table[data-taco^='table']#${tableId} > tbody > tr > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-left-width: 1px;\n                }`);\n            }\n        }\n\n        return styles.join('\\n');\n    }, [columnPinning, columnSizing]);\n\n    return { stylesheet };\n}\n"],"names":["React"],"mappings":";AAGgB,SAAA,4BAA6C,SAAiB,OAA0B;AACpG,QAAM,EAAE,eAAe,iBAAiB,MAAM,SAAS;AAEjD,QAAA,aAAaA,eAAM,QAAQ,MAAM;AACnC,UAAM,SAAmB,CAAC;AAG1B,UAAM,MAAM,MACP,eAAe,EACf,OAAO,CAAU,WAAA,CAAC,OAAO,WAAW,MAAM,EAC1C,IAAI,CAAA,MAAK,EAAE,EAAE;AACZ,UAAA,OAAO,MAAM,qBAAqB,OAAO,CAAU,WAAA,CAAC,OAAO,WAAW,MAAM;AAC5E,UAAA,QAAQ,MAAM,sBAAsB,OAAO,CAAU,WAAA,CAAC,OAAO,WAAW,MAAM;AAEpF,QAAI,KAAK,QAAQ;AACb,WAAK,QAAQ,CAAQ,SAAA;AACjB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,4BACrE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBACzD;AAAA,MAAA,CACL;AACD,YAAM,UAAU,KAAK,IAAI,CAAA,MAAK,EAAE,EAAE;AAClC,YAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAE3C,UAAI,aAAa,QAAW;AAClB,cAAA,QAAQ,IAAI,QAAQ,QAAQ;AAIlC,eAAO,KAAK,6BAA6B,OAAO,gCAAgC,QAAQ,CAAC;AAAA,4CAC7D,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACjD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACpD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,qEAER,OAAO,iCAC3E,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA;AAAA;AAAA,kBAGE;AAAA,MAAA;AAAA,IACN;AAGJ,QAAI,MAAM,QAAQ;AACd,YAAM,QAAQ,CAAQ,SAAA;AAClB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,6BACpE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBAC1D;AAAA,MAAA,CACL;AACD,YAAM,WAAW,MAAM,IAAI,CAAA,MAAK,EAAE,EAAE;AACpC,YAAM,WAAW,SAAS,SAAS,SAAS,CAAC;AAE7C,UAAI,aAAa,QAAW;AAClB,cAAA,QAAQ,IAAI,QAAQ,QAAQ;AAElC,eAAO,KAAK,6BAA6B,OAAO,gCAC5C,QAAQ,CACZ;AAAA,4CAC4B,OAAO,gCAAgC,QAAQ,CAAC;AAAA;AAAA,kBAE1E;AAAA,MAAA;AAAA,IACN;AAGG,WAAA,OAAO,KAAK,IAAI;AAAA,EAAA,GACxB,CAAC,eAAe,YAAY,CAAC;AAEhC,SAAO,EAAE,WAAW;AACxB;"}
+{"version":3,"file":"useTableStyleColumnFreezing.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleColumnFreezing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\n\nexport function useTableStyleColumnFreezing<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const { columnPinning, columnSizing } = table.getState();\n\n    const stylesheet = React.useMemo(() => {\n        const styles: string[] = [];\n\n        // might be a better way to get this information, but it wasn't obvious\n        const all = table\n            .getFlatHeaders()\n            .filter(column => !column.subHeaders.length)\n            .map(x => x.id);\n        const left = table.getLeftFlatHeaders().filter(column => !column.subHeaders.length);\n        const right = table.getRightFlatHeaders().filter(column => !column.subHeaders.length);\n\n        if (left.length) {\n            left.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    left: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const leftIds = left.map(x => x.id);\n            const lastItem = leftIds[leftIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                // add right border, hide the header seperator and add shadow when scrolled\n                // we have to be specific so that nested tables don't inherit the same css\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1}),\n                table[data-taco^='table']#${tableId} > tfoot > tr  > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-right-width: 1px;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1})[data-cell-id^=\"__\"],\n                table[data-taco^='table']#${tableId} > tbody > tr  > td:nth-child(${index + 1})[data-cell-id^=\"__\"] {\n                    border-right-color: transparent;\n                }\\ntable[data-taco^='table']#${tableId} > thead > tr  > th:nth-child(${index + 1}):after {\n                    content: none;\n                }\\ntable[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > thead > tr  > th:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tbody > tr  > td:nth-child(${\n                    index + 1\n                }),\n                table[data-taco^='table'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tfoot > tr  > td:nth-child(${\n                    index + 1\n                }) {\n                    border-right-color: rgb(221, 221, 221);\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%);\n                }`);\n            }\n        }\n\n        if (right.length) {\n            right.forEach(cell => {\n                styles.push(`table[data-taco^='table']#${tableId} [data-cell-id=\"${cell.column.id}\"] {\n                    right: ${cell.column.getStart(cell.column.getIsPinned())}px;\n                }`);\n            });\n            const rightIds = right.map(x => x.id);\n            const lastItem = rightIds[rightIds.length - 1];\n\n            if (lastItem !== undefined) {\n                const index = all.indexOf(lastItem);\n\n                styles.push(`table[data-taco^='table']#${tableId} > thead > tr > th:nth-child(${\n                    index + 1\n                }):not([data-cell-id^=\"__\"]),\n                table[data-taco^='table']#${tableId} > tbody > tr > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-left-width: 1px;\n                }`);\n            }\n        }\n\n        return styles.join('\\n');\n    }, [columnPinning, columnSizing]);\n\n    return { stylesheet };\n}\n"],"names":["React"],"mappings":";AAGO,SAAS,4BAA6C,SAAiB,OAA0B;AACpG,QAAM,EAAE,eAAe,iBAAiB,MAAM,SAAA;AAE9C,QAAM,aAAaA,eAAM,QAAQ,MAAM;AACnC,UAAM,SAAmB,CAAA;AAGzB,UAAM,MAAM,MACP,eAAA,EACA,OAAO,CAAA,WAAU,CAAC,OAAO,WAAW,MAAM,EAC1C,IAAI,CAAA,MAAK,EAAE,EAAE;AAClB,UAAM,OAAO,MAAM,qBAAqB,OAAO,CAAA,WAAU,CAAC,OAAO,WAAW,MAAM;AAClF,UAAM,QAAQ,MAAM,sBAAsB,OAAO,CAAA,WAAU,CAAC,OAAO,WAAW,MAAM;AAEpF,QAAI,KAAK,QAAQ;AACb,WAAK,QAAQ,CAAA,SAAQ;AACjB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,4BACrE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBACzD;AAAA,MACN,CAAC;AACD,YAAM,UAAU,KAAK,IAAI,CAAA,MAAK,EAAE,EAAE;AAClC,YAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAE3C,UAAI,aAAa,QAAW;AACxB,cAAM,QAAQ,IAAI,QAAQ,QAAQ;AAIlC,eAAO,KAAK,6BAA6B,OAAO,gCAAgC,QAAQ,CAAC;AAAA,4CAC7D,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACjD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA,4CACpD,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,4BAE9C,OAAO,iCAAiC,QAAQ,CAAC;AAAA;AAAA;AAAA,qEAER,OAAO,iCAC3E,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA,qFACqE,OAAO,iCACxE,QAAQ,CACZ;AAAA;AAAA;AAAA,kBAGE;AAAA,MACN;AAAA,IACJ;AAEA,QAAI,MAAM,QAAQ;AACd,YAAM,QAAQ,CAAA,SAAQ;AAClB,eAAO,KAAK,6BAA6B,OAAO,mBAAmB,KAAK,OAAO,EAAE;AAAA,6BACpE,KAAK,OAAO,SAAS,KAAK,OAAO,YAAA,CAAa,CAAC;AAAA,kBAC1D;AAAA,MACN,CAAC;AACD,YAAM,WAAW,MAAM,IAAI,CAAA,MAAK,EAAE,EAAE;AACpC,YAAM,WAAW,SAAS,SAAS,SAAS,CAAC;AAE7C,UAAI,aAAa,QAAW;AACxB,cAAM,QAAQ,IAAI,QAAQ,QAAQ;AAElC,eAAO,KAAK,6BAA6B,OAAO,gCAC5C,QAAQ,CACZ;AAAA,4CAC4B,OAAO,gCAAgC,QAAQ,CAAC;AAAA;AAAA,kBAE1E;AAAA,MACN;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,IAAI;AAAA,EAC3B,GAAG,CAAC,eAAe,YAAY,CAAC;AAEhC,SAAO,EAAE,WAAA;AACb;"}

package/dist/primitives/Table/Core/features/useTableStyleGrid.cjs

@@ -6,13 +6,12 @@ function useTableStyleGrid(tableId, table, fontSize) {
   const tableMeta = table.options.meta;
   const allVisibleColumns = table.getVisibleLeafColumns();
   const columnSizing = table.getState().columnSizing;
-  const globalMinSize = columns.getCellMinWidth(fontSize);
+  const globalMinSize = columns.CELL_MIN_WIDTH[fontSize] ?? columns.CELL_MIN_WIDTH.medium;
   const gridTemplateRows = table.getRowModel().rows.length ? "min-content 1fr min-content" : "min-content 1fr";
   return React.useMemo(() => {
     let printGridTemplateColumns = 0;
     const printHiddenColumns = [];
     const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {
-      var _a;
       if (table.options.enableGrouping && column.getIsGrouped()) {
         return accum;
       }
@@ -41,7 +40,7 @@ function useTableStyleGrid(tableId, table, fontSize) {
       } else {
         size = `minmax(max-content, auto)`;
       }
-      if (((_a = column.columnDef.meta) == null ? void 0 : _a.enablePrinting) === false) {
+      if (column.columnDef.meta?.enablePrinting === false) {
         printHiddenColumns.push(column.id);
       } else {
         printGridTemplateColumns++;

package/dist/primitives/Table/Core/features/useTableStyleGrid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyleGrid.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleGrid.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableFontSize } from '../../types';\nimport { getCellMinWidth, isInternalColumn } from '../../useTableManager/util/columns';\n\nexport function useTableStyleGrid<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const globalMinSize = getCellMinWidth(fontSize);\n\n    // header body ?footer\n    const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';\n\n    return React.useMemo(() => {\n        let printGridTemplateColumns = 0;\n        const printHiddenColumns: string[] = [];\n\n        const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {\n            if (table.options.enableGrouping && column.getIsGrouped()) {\n                return accum;\n            }\n\n            const minSize = column.columnDef.minSize ?? globalMinSize;\n            const width = columnSizing[column.id] as number | 'grow';\n\n            let size;\n\n            if (isInternalColumn(column.id)) {\n                if (column.id === '__actions') {\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */\n                    size = `minmax(${minWidth}px, auto)`;\n                } else {\n                    // getSize method is used instead of columnSizing state because internal columns have defined widths\n                    size = `${column.getSize()}px`;\n                }\n                // oxlint-disable-next-line no-negated-condition\n            } else if (width !== undefined) {\n                const isLastColumn = index === allVisibleColumns.length - 1;\n\n                if (width === 'grow' || (Number.isNaN(width) && !isLastColumn)) {\n                    size = `minmax(max-content, 1fr)`;\n                } else {\n                    const minWidth = width < minSize ? minSize : width;\n\n                    if (isLastColumn) {\n                        size = `minmax(${minWidth}px, auto)`;\n                    } else {\n                        size = `${minWidth}px`;\n                    }\n                }\n            } else {\n                size = `minmax(max-content, auto)`;\n            }\n\n            // printing\n            if (column.columnDef.meta?.enablePrinting === false) {\n                printHiddenColumns.push(column.id);\n            } else {\n                printGridTemplateColumns++;\n            }\n\n            return `${accum} ${size}`.trim();\n        }, '');\n\n        // normal grid\n        const style: React.CSSProperties = {\n            gridTemplateColumns,\n            gridTemplateRows,\n        };\n\n        // printing grid\n        // we have to be specific so that nested tables don't inherit the same css\n        const hiddenColumns = printHiddenColumns\n            .map(\n                id =>\n                    `table[data-taco^='table']#${tableId} > thead > tr > th[data-cell-id='${id}']\\n,table[data-taco^='table']#${tableId} tr > td[data-cell-id='${id}']\\n`\n            )\n            .join(',');\n        const stylesheet = `@media print { table[data-taco^='table']#${tableId} { grid-template-columns: repeat(${printGridTemplateColumns}, auto) !important; }\n        table[data-taco^='table']#${tableId} [data-cell-id^='__']${\n            hiddenColumns ? `, ${hiddenColumns}` : ''\n        } { display: none; } table[data-taco^='table']#${tableId} tr { page-break-inside: avoid; break-inside: avoid;}}`;\n\n        return { style, stylesheet };\n    }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);\n}\n"],"names":["getCellMinWidth","isInternalColumn"],"mappings":";;;;AAKgB,SAAA,kBAAmC,SAAiB,OAA0B,UAAyB;AAC7G,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAA,oBAAoB,MAAM,sBAAsB;AAChD,QAAA,eAAe,MAAM,SAAA,EAAW;AAChC,QAAA,gBAAgBA,wBAAgB,QAAQ;AAG9C,QAAM,mBAAmB,MAAM,YAAA,EAAc,KAAK,SAAS,gCAAgC;AAEpF,SAAA,MAAM,QAAQ,MAAM;AACvB,QAAI,2BAA2B;AAC/B,UAAM,qBAA+B,CAAC;AAEtC,UAAM,sBAAsB,kBAAkB,OAAO,CAAC,OAAO,QAAQ,UAAU;;AAC3E,UAAI,MAAM,QAAQ,kBAAkB,OAAO,gBAAgB;AAChD,eAAA;AAAA,MAAA;AAGL,YAAA,UAAU,OAAO,UAAU,WAAW;AACtC,YAAA,QAAQ,aAAa,OAAO,EAAE;AAEhC,UAAA;AAEA,UAAAC,QAAA,iBAAiB,OAAO,EAAE,GAAG;AACzB,YAAA,OAAO,OAAO,aAAa;AAC3B,gBAAM,WAAW,UAAU,WAAW,mBAAmB,KAAK;AAC9D,iBAAO,UAAU,QAAQ;AAAA,QAAA,OACtB;AAEI,iBAAA,GAAG,OAAO,QAAA,CAAS;AAAA,QAAA;AAAA,MAC9B,WAEO,UAAU,QAAW;AACtB,cAAA,eAAe,UAAU,kBAAkB,SAAS;AAE1D,YAAI,UAAU,UAAW,OAAO,MAAM,KAAK,KAAK,CAAC,cAAe;AACrD,iBAAA;AAAA,QAAA,OACJ;AACG,gBAAA,WAAW,QAAQ,UAAU,UAAU;AAE7C,cAAI,cAAc;AACd,mBAAO,UAAU,QAAQ;AAAA,UAAA,OACtB;AACH,mBAAO,GAAG,QAAQ;AAAA,UAAA;AAAA,QACtB;AAAA,MACJ,OACG;AACI,eAAA;AAAA,MAAA;AAIX,YAAI,YAAO,UAAU,SAAjB,mBAAuB,oBAAmB,OAAO;AAC9B,2BAAA,KAAK,OAAO,EAAE;AAAA,MAAA,OAC9B;AACH;AAAA,MAAA;AAGJ,aAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK;AAAA,OAChC,EAAE;AAGL,UAAM,QAA6B;AAAA,MAC/B;AAAA,MACA;AAAA,IACJ;AAIA,UAAM,gBAAgB,mBACjB;AAAA,MACG,CACI,OAAA,6BAA6B,OAAO,oCAAoC,EAAE;AAAA,6BAAkC,OAAO,0BAA0B,EAAE;AAAA;AAAA,IAAA,EAEtJ,KAAK,GAAG;AACb,UAAM,aAAa,4CAA4C,OAAO,oCAAoC,wBAAwB;AAAA,oCACtG,OAAO,wBAC/B,gBAAgB,KAAK,aAAa,KAAK,EAC3C,iDAAiD,OAAO;AAEjD,WAAA,EAAE,OAAO,WAAW;AAAA,EAAA,GAC5B,CAAC,mBAAmB,cAAc,eAAe,UAAU,WAAW,gBAAgB,CAAC;AAC9F;;"}
+{"version":3,"file":"useTableStyleGrid.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleGrid.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../../useTableManager/util/columns';\n\nexport function useTableStyleGrid<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const globalMinSize = CELL_MIN_WIDTH[fontSize] ?? CELL_MIN_WIDTH.medium;\n\n    // header body ?footer\n    const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';\n\n    return React.useMemo(() => {\n        let printGridTemplateColumns = 0;\n        const printHiddenColumns: string[] = [];\n\n        const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {\n            if (table.options.enableGrouping && column.getIsGrouped()) {\n                return accum;\n            }\n\n            const minSize = column.columnDef.minSize ?? globalMinSize;\n            const width = columnSizing[column.id] as number | 'grow';\n\n            let size;\n\n            if (isInternalColumn(column.id)) {\n                if (column.id === '__actions') {\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */\n                    size = `minmax(${minWidth}px, auto)`;\n                } else {\n                    // getSize method is used instead of columnSizing state because internal columns have defined widths\n                    size = `${column.getSize()}px`;\n                }\n                // oxlint-disable-next-line no-negated-condition\n            } else if (width !== undefined) {\n                const isLastColumn = index === allVisibleColumns.length - 1;\n\n                if (width === 'grow' || (Number.isNaN(width) && !isLastColumn)) {\n                    size = `minmax(max-content, 1fr)`;\n                } else {\n                    const minWidth = width < minSize ? minSize : width;\n\n                    if (isLastColumn) {\n                        size = `minmax(${minWidth}px, auto)`;\n                    } else {\n                        size = `${minWidth}px`;\n                    }\n                }\n            } else {\n                size = `minmax(max-content, auto)`;\n            }\n\n            // printing\n            if (column.columnDef.meta?.enablePrinting === false) {\n                printHiddenColumns.push(column.id);\n            } else {\n                printGridTemplateColumns++;\n            }\n\n            return `${accum} ${size}`.trim();\n        }, '');\n\n        // normal grid\n        const style: React.CSSProperties = {\n            gridTemplateColumns,\n            gridTemplateRows,\n        };\n\n        // printing grid\n        // we have to be specific so that nested tables don't inherit the same css\n        const hiddenColumns = printHiddenColumns\n            .map(\n                id =>\n                    `table[data-taco^='table']#${tableId} > thead > tr > th[data-cell-id='${id}']\\n,table[data-taco^='table']#${tableId} tr > td[data-cell-id='${id}']\\n`\n            )\n            .join(',');\n        const stylesheet = `@media print { table[data-taco^='table']#${tableId} { grid-template-columns: repeat(${printGridTemplateColumns}, auto) !important; }\n        table[data-taco^='table']#${tableId} [data-cell-id^='__']${\n            hiddenColumns ? `, ${hiddenColumns}` : ''\n        } { display: none; } table[data-taco^='table']#${tableId} tr { page-break-inside: avoid; break-inside: avoid;}}`;\n\n        return { style, stylesheet };\n    }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);\n}\n"],"names":["CELL_MIN_WIDTH","isInternalColumn"],"mappings":";;;;AAKO,SAAS,kBAAmC,SAAiB,OAA0B,UAAyB;AACnH,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,oBAAoB,MAAM,sBAAA;AAChC,QAAM,eAAe,MAAM,SAAA,EAAW;AACtC,QAAM,gBAAgBA,QAAAA,eAAe,QAAQ,KAAKA,QAAAA,eAAe;AAGjE,QAAM,mBAAmB,MAAM,YAAA,EAAc,KAAK,SAAS,gCAAgC;AAE3F,SAAO,MAAM,QAAQ,MAAM;AACvB,QAAI,2BAA2B;AAC/B,UAAM,qBAA+B,CAAA;AAErC,UAAM,sBAAsB,kBAAkB,OAAO,CAAC,OAAO,QAAQ,UAAU;AAC3E,UAAI,MAAM,QAAQ,kBAAkB,OAAO,gBAAgB;AACvD,eAAO;AAAA,MACX;AAEA,YAAM,UAAU,OAAO,UAAU,WAAW;AAC5C,YAAM,QAAQ,aAAa,OAAO,EAAE;AAEpC,UAAI;AAEJ,UAAIC,QAAAA,iBAAiB,OAAO,EAAE,GAAG;AAC7B,YAAI,OAAO,OAAO,aAAa;AAC3B,gBAAM,WAAW,UAAU,WAAW,mBAAmB,KAAK;AAC9D,iBAAO,UAAU,QAAQ;AAAA,QAC7B,OAAO;AAEH,iBAAO,GAAG,OAAO,QAAA,CAAS;AAAA,QAC9B;AAAA,MAEJ,WAAW,UAAU,QAAW;AAC5B,cAAM,eAAe,UAAU,kBAAkB,SAAS;AAE1D,YAAI,UAAU,UAAW,OAAO,MAAM,KAAK,KAAK,CAAC,cAAe;AAC5D,iBAAO;AAAA,QACX,OAAO;AACH,gBAAM,WAAW,QAAQ,UAAU,UAAU;AAE7C,cAAI,cAAc;AACd,mBAAO,UAAU,QAAQ;AAAA,UAC7B,OAAO;AACH,mBAAO,GAAG,QAAQ;AAAA,UACtB;AAAA,QACJ;AAAA,MACJ,OAAO;AACH,eAAO;AAAA,MACX;AAGA,UAAI,OAAO,UAAU,MAAM,mBAAmB,OAAO;AACjD,2BAAmB,KAAK,OAAO,EAAE;AAAA,MACrC,OAAO;AACH;AAAA,MACJ;AAEA,aAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAA;AAAA,IAC9B,GAAG,EAAE;AAGL,UAAM,QAA6B;AAAA,MAC/B;AAAA,MACA;AAAA,IAAA;AAKJ,UAAM,gBAAgB,mBACjB;AAAA,MACG,CAAA,OACI,6BAA6B,OAAO,oCAAoC,EAAE;AAAA,6BAAkC,OAAO,0BAA0B,EAAE;AAAA;AAAA,IAAA,EAEtJ,KAAK,GAAG;AACb,UAAM,aAAa,4CAA4C,OAAO,oCAAoC,wBAAwB;AAAA,oCACtG,OAAO,wBAC/B,gBAAgB,KAAK,aAAa,KAAK,EAC3C,iDAAiD,OAAO;AAExD,WAAO,EAAE,OAAO,WAAA;AAAA,EACpB,GAAG,CAAC,mBAAmB,cAAc,eAAe,UAAU,WAAW,gBAAgB,CAAC;AAC9F;;"}

package/dist/primitives/Table/Core/features/useTableStyleGrid.js

@@ -1,16 +1,15 @@
 import React__default from "react";
-import { getCellMinWidth, isInternalColumn } from "../../useTableManager/util/columns.js";
+import { isInternalColumn, CELL_MIN_WIDTH } from "../../useTableManager/util/columns.js";
 function useTableStyleGrid(tableId, table, fontSize) {
   const tableMeta = table.options.meta;
   const allVisibleColumns = table.getVisibleLeafColumns();
   const columnSizing = table.getState().columnSizing;
-  const globalMinSize = getCellMinWidth(fontSize);
+  const globalMinSize = CELL_MIN_WIDTH[fontSize] ?? CELL_MIN_WIDTH.medium;
   const gridTemplateRows = table.getRowModel().rows.length ? "min-content 1fr min-content" : "min-content 1fr";
   return React__default.useMemo(() => {
     let printGridTemplateColumns = 0;
     const printHiddenColumns = [];
     const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {
-      var _a;
       if (table.options.enableGrouping && column.getIsGrouped()) {
         return accum;
       }
@@ -39,7 +38,7 @@ function useTableStyleGrid(tableId, table, fontSize) {
       } else {
         size = `minmax(max-content, auto)`;
       }
-      if (((_a = column.columnDef.meta) == null ? void 0 : _a.enablePrinting) === false) {
+      if (column.columnDef.meta?.enablePrinting === false) {
         printHiddenColumns.push(column.id);
       } else {
         printGridTemplateColumns++;

package/dist/primitives/Table/Core/features/useTableStyleGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyleGrid.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleGrid.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableFontSize } from '../../types';\nimport { getCellMinWidth, isInternalColumn } from '../../useTableManager/util/columns';\n\nexport function useTableStyleGrid<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const globalMinSize = getCellMinWidth(fontSize);\n\n    // header body ?footer\n    const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';\n\n    return React.useMemo(() => {\n        let printGridTemplateColumns = 0;\n        const printHiddenColumns: string[] = [];\n\n        const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {\n            if (table.options.enableGrouping && column.getIsGrouped()) {\n                return accum;\n            }\n\n            const minSize = column.columnDef.minSize ?? globalMinSize;\n            const width = columnSizing[column.id] as number | 'grow';\n\n            let size;\n\n            if (isInternalColumn(column.id)) {\n                if (column.id === '__actions') {\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */\n                    size = `minmax(${minWidth}px, auto)`;\n                } else {\n                    // getSize method is used instead of columnSizing state because internal columns have defined widths\n                    size = `${column.getSize()}px`;\n                }\n                // oxlint-disable-next-line no-negated-condition\n            } else if (width !== undefined) {\n                const isLastColumn = index === allVisibleColumns.length - 1;\n\n                if (width === 'grow' || (Number.isNaN(width) && !isLastColumn)) {\n                    size = `minmax(max-content, 1fr)`;\n                } else {\n                    const minWidth = width < minSize ? minSize : width;\n\n                    if (isLastColumn) {\n                        size = `minmax(${minWidth}px, auto)`;\n                    } else {\n                        size = `${minWidth}px`;\n                    }\n                }\n            } else {\n                size = `minmax(max-content, auto)`;\n            }\n\n            // printing\n            if (column.columnDef.meta?.enablePrinting === false) {\n                printHiddenColumns.push(column.id);\n            } else {\n                printGridTemplateColumns++;\n            }\n\n            return `${accum} ${size}`.trim();\n        }, '');\n\n        // normal grid\n        const style: React.CSSProperties = {\n            gridTemplateColumns,\n            gridTemplateRows,\n        };\n\n        // printing grid\n        // we have to be specific so that nested tables don't inherit the same css\n        const hiddenColumns = printHiddenColumns\n            .map(\n                id =>\n                    `table[data-taco^='table']#${tableId} > thead > tr > th[data-cell-id='${id}']\\n,table[data-taco^='table']#${tableId} tr > td[data-cell-id='${id}']\\n`\n            )\n            .join(',');\n        const stylesheet = `@media print { table[data-taco^='table']#${tableId} { grid-template-columns: repeat(${printGridTemplateColumns}, auto) !important; }\n        table[data-taco^='table']#${tableId} [data-cell-id^='__']${\n            hiddenColumns ? `, ${hiddenColumns}` : ''\n        } { display: none; } table[data-taco^='table']#${tableId} tr { page-break-inside: avoid; break-inside: avoid;}}`;\n\n        return { style, stylesheet };\n    }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);\n}\n"],"names":["React"],"mappings":";;AAKgB,SAAA,kBAAmC,SAAiB,OAA0B,UAAyB;AAC7G,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAA,oBAAoB,MAAM,sBAAsB;AAChD,QAAA,eAAe,MAAM,SAAA,EAAW;AAChC,QAAA,gBAAgB,gBAAgB,QAAQ;AAG9C,QAAM,mBAAmB,MAAM,YAAA,EAAc,KAAK,SAAS,gCAAgC;AAEpF,SAAAA,eAAM,QAAQ,MAAM;AACvB,QAAI,2BAA2B;AAC/B,UAAM,qBAA+B,CAAC;AAEtC,UAAM,sBAAsB,kBAAkB,OAAO,CAAC,OAAO,QAAQ,UAAU;;AAC3E,UAAI,MAAM,QAAQ,kBAAkB,OAAO,gBAAgB;AAChD,eAAA;AAAA,MAAA;AAGL,YAAA,UAAU,OAAO,UAAU,WAAW;AACtC,YAAA,QAAQ,aAAa,OAAO,EAAE;AAEhC,UAAA;AAEA,UAAA,iBAAiB,OAAO,EAAE,GAAG;AACzB,YAAA,OAAO,OAAO,aAAa;AAC3B,gBAAM,WAAW,UAAU,WAAW,mBAAmB,KAAK;AAC9D,iBAAO,UAAU,QAAQ;AAAA,QAAA,OACtB;AAEI,iBAAA,GAAG,OAAO,QAAA,CAAS;AAAA,QAAA;AAAA,MAC9B,WAEO,UAAU,QAAW;AACtB,cAAA,eAAe,UAAU,kBAAkB,SAAS;AAE1D,YAAI,UAAU,UAAW,OAAO,MAAM,KAAK,KAAK,CAAC,cAAe;AACrD,iBAAA;AAAA,QAAA,OACJ;AACG,gBAAA,WAAW,QAAQ,UAAU,UAAU;AAE7C,cAAI,cAAc;AACd,mBAAO,UAAU,QAAQ;AAAA,UAAA,OACtB;AACH,mBAAO,GAAG,QAAQ;AAAA,UAAA;AAAA,QACtB;AAAA,MACJ,OACG;AACI,eAAA;AAAA,MAAA;AAIX,YAAI,YAAO,UAAU,SAAjB,mBAAuB,oBAAmB,OAAO;AAC9B,2BAAA,KAAK,OAAO,EAAE;AAAA,MAAA,OAC9B;AACH;AAAA,MAAA;AAGJ,aAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK;AAAA,OAChC,EAAE;AAGL,UAAM,QAA6B;AAAA,MAC/B;AAAA,MACA;AAAA,IACJ;AAIA,UAAM,gBAAgB,mBACjB;AAAA,MACG,CACI,OAAA,6BAA6B,OAAO,oCAAoC,EAAE;AAAA,6BAAkC,OAAO,0BAA0B,EAAE;AAAA;AAAA,IAAA,EAEtJ,KAAK,GAAG;AACb,UAAM,aAAa,4CAA4C,OAAO,oCAAoC,wBAAwB;AAAA,oCACtG,OAAO,wBAC/B,gBAAgB,KAAK,aAAa,KAAK,EAC3C,iDAAiD,OAAO;AAEjD,WAAA,EAAE,OAAO,WAAW;AAAA,EAAA,GAC5B,CAAC,mBAAmB,cAAc,eAAe,UAAU,WAAW,gBAAgB,CAAC;AAC9F;"}
+{"version":3,"file":"useTableStyleGrid.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleGrid.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../../useTableManager/util/columns';\n\nexport function useTableStyleGrid<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const globalMinSize = CELL_MIN_WIDTH[fontSize] ?? CELL_MIN_WIDTH.medium;\n\n    // header body ?footer\n    const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';\n\n    return React.useMemo(() => {\n        let printGridTemplateColumns = 0;\n        const printHiddenColumns: string[] = [];\n\n        const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {\n            if (table.options.enableGrouping && column.getIsGrouped()) {\n                return accum;\n            }\n\n            const minSize = column.columnDef.minSize ?? globalMinSize;\n            const width = columnSizing[column.id] as number | 'grow';\n\n            let size;\n\n            if (isInternalColumn(column.id)) {\n                if (column.id === '__actions') {\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */\n                    size = `minmax(${minWidth}px, auto)`;\n                } else {\n                    // getSize method is used instead of columnSizing state because internal columns have defined widths\n                    size = `${column.getSize()}px`;\n                }\n                // oxlint-disable-next-line no-negated-condition\n            } else if (width !== undefined) {\n                const isLastColumn = index === allVisibleColumns.length - 1;\n\n                if (width === 'grow' || (Number.isNaN(width) && !isLastColumn)) {\n                    size = `minmax(max-content, 1fr)`;\n                } else {\n                    const minWidth = width < minSize ? minSize : width;\n\n                    if (isLastColumn) {\n                        size = `minmax(${minWidth}px, auto)`;\n                    } else {\n                        size = `${minWidth}px`;\n                    }\n                }\n            } else {\n                size = `minmax(max-content, auto)`;\n            }\n\n            // printing\n            if (column.columnDef.meta?.enablePrinting === false) {\n                printHiddenColumns.push(column.id);\n            } else {\n                printGridTemplateColumns++;\n            }\n\n            return `${accum} ${size}`.trim();\n        }, '');\n\n        // normal grid\n        const style: React.CSSProperties = {\n            gridTemplateColumns,\n            gridTemplateRows,\n        };\n\n        // printing grid\n        // we have to be specific so that nested tables don't inherit the same css\n        const hiddenColumns = printHiddenColumns\n            .map(\n                id =>\n                    `table[data-taco^='table']#${tableId} > thead > tr > th[data-cell-id='${id}']\\n,table[data-taco^='table']#${tableId} tr > td[data-cell-id='${id}']\\n`\n            )\n            .join(',');\n        const stylesheet = `@media print { table[data-taco^='table']#${tableId} { grid-template-columns: repeat(${printGridTemplateColumns}, auto) !important; }\n        table[data-taco^='table']#${tableId} [data-cell-id^='__']${\n            hiddenColumns ? `, ${hiddenColumns}` : ''\n        } { display: none; } table[data-taco^='table']#${tableId} tr { page-break-inside: avoid; break-inside: avoid;}}`;\n\n        return { style, stylesheet };\n    }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);\n}\n"],"names":["React"],"mappings":";;AAKO,SAAS,kBAAmC,SAAiB,OAA0B,UAAyB;AACnH,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,oBAAoB,MAAM,sBAAA;AAChC,QAAM,eAAe,MAAM,SAAA,EAAW;AACtC,QAAM,gBAAgB,eAAe,QAAQ,KAAK,eAAe;AAGjE,QAAM,mBAAmB,MAAM,YAAA,EAAc,KAAK,SAAS,gCAAgC;AAE3F,SAAOA,eAAM,QAAQ,MAAM;AACvB,QAAI,2BAA2B;AAC/B,UAAM,qBAA+B,CAAA;AAErC,UAAM,sBAAsB,kBAAkB,OAAO,CAAC,OAAO,QAAQ,UAAU;AAC3E,UAAI,MAAM,QAAQ,kBAAkB,OAAO,gBAAgB;AACvD,eAAO;AAAA,MACX;AAEA,YAAM,UAAU,OAAO,UAAU,WAAW;AAC5C,YAAM,QAAQ,aAAa,OAAO,EAAE;AAEpC,UAAI;AAEJ,UAAI,iBAAiB,OAAO,EAAE,GAAG;AAC7B,YAAI,OAAO,OAAO,aAAa;AAC3B,gBAAM,WAAW,UAAU,WAAW,mBAAmB,KAAK;AAC9D,iBAAO,UAAU,QAAQ;AAAA,QAC7B,OAAO;AAEH,iBAAO,GAAG,OAAO,QAAA,CAAS;AAAA,QAC9B;AAAA,MAEJ,WAAW,UAAU,QAAW;AAC5B,cAAM,eAAe,UAAU,kBAAkB,SAAS;AAE1D,YAAI,UAAU,UAAW,OAAO,MAAM,KAAK,KAAK,CAAC,cAAe;AAC5D,iBAAO;AAAA,QACX,OAAO;AACH,gBAAM,WAAW,QAAQ,UAAU,UAAU;AAE7C,cAAI,cAAc;AACd,mBAAO,UAAU,QAAQ;AAAA,UAC7B,OAAO;AACH,mBAAO,GAAG,QAAQ;AAAA,UACtB;AAAA,QACJ;AAAA,MACJ,OAAO;AACH,eAAO;AAAA,MACX;AAGA,UAAI,OAAO,UAAU,MAAM,mBAAmB,OAAO;AACjD,2BAAmB,KAAK,OAAO,EAAE;AAAA,MACrC,OAAO;AACH;AAAA,MACJ;AAEA,aAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAA;AAAA,IAC9B,GAAG,EAAE;AAGL,UAAM,QAA6B;AAAA,MAC/B;AAAA,MACA;AAAA,IAAA;AAKJ,UAAM,gBAAgB,mBACjB;AAAA,MACG,CAAA,OACI,6BAA6B,OAAO,oCAAoC,EAAE;AAAA,6BAAkC,OAAO,0BAA0B,EAAE;AAAA;AAAA,IAAA,EAEtJ,KAAK,GAAG;AACb,UAAM,aAAa,4CAA4C,OAAO,oCAAoC,wBAAwB;AAAA,oCACtG,OAAO,wBAC/B,gBAAgB,KAAK,aAAa,KAAK,EAC3C,iDAAiD,OAAO;AAExD,WAAO,EAAE,OAAO,WAAA;AAAA,EACpB,GAAG,CAAC,mBAAmB,cAAc,eAAe,UAAU,WAAW,gBAAgB,CAAC;AAC9F;"}

package/dist/primitives/Table/Core/listeners/useTableRowActiveListener.cjs

@@ -3,8 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const dom = require("../../../../utils/dom.cjs");
 function focusActiveRow(tableRef) {
-  var _a;
-  const activeRow = ((_a = (tableRef == null ? void 0 : tableRef.current) ?? document) == null ? void 0 : _a.querySelector('tbody tr[data-row-active="true"]')) ?? null;
+  const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active="true"]') ?? null;
   if (activeRow) {
     if (!dom.isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !dom.isElementInteractive(document.activeElement)) {
       activeRow.focus({ preventScroll: true });

package/dist/primitives/Table/Core/listeners/useTableRowActiveListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowActiveListener.cjs","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../../utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["isElementInsideOrTriggeredFromContainer","isElementInteractive"],"mappings":";;;;AAIO,SAAS,eAAe,UAA2D;;AACtF,QAAM,cAAa,2CAAU,YAAW,aAArB,mBAAgC,cAAc,wCAAuC;AAExG,MAAI,WAAW;AAIP,QAAA,CAACA,IAAAA,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAACC,IAAA,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAAA;AAAA,EAC5D;AAER;AAEgB,SAAA,0BACZ,OACA,UACF;AACQ,QAAA,YAAY,MAAM,QAAQ;AAGhC,QAAM,UAAU,MAAM;AACd,QAAA,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAAA;AAAA,KAE5B,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;;;"}
+{"version":3,"file":"useTableRowActiveListener.cjs","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../../utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["isElementInsideOrTriggeredFromContainer","isElementInteractive"],"mappings":";;;;AAIO,SAAS,eAAe,UAA2D;AACtF,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAExG,MAAI,WAAW;AAGX,QACI,CAACA,IAAAA,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAACC,IAAAA,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAC5D;AAAA,EACJ;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAGhC,QAAM,UAAU,MAAM;AAClB,QAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAC3B;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;;;"}

package/dist/primitives/Table/Core/listeners/useTableRowActiveListener.js

@@ -1,8 +1,7 @@
 import React__default from "react";
 import { isElementInsideOrTriggeredFromContainer, isElementInteractive } from "../../../../utils/dom.js";
 function focusActiveRow(tableRef) {
-  var _a;
-  const activeRow = ((_a = (tableRef == null ? void 0 : tableRef.current) ?? document) == null ? void 0 : _a.querySelector('tbody tr[data-row-active="true"]')) ?? null;
+  const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active="true"]') ?? null;
   if (activeRow) {
     if (!isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !isElementInteractive(document.activeElement)) {
       activeRow.focus({ preventScroll: true });

package/dist/primitives/Table/Core/listeners/useTableRowActiveListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../../utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["React"],"mappings":";;AAIO,SAAS,eAAe,UAA2D;;AACtF,QAAM,cAAa,2CAAU,YAAW,aAArB,mBAAgC,cAAc,wCAAuC;AAExG,MAAI,WAAW;AAIP,QAAA,CAAC,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAAC,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAAA;AAAA,EAC5D;AAER;AAEgB,SAAA,0BACZ,OACA,UACF;AACQ,QAAA,YAAY,MAAM,QAAQ;AAGhCA,iBAAM,UAAU,MAAM;AACd,QAAA,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAAA;AAAA,KAE5B,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;"}
+{"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../../utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["React"],"mappings":";;AAIO,SAAS,eAAe,UAA2D;AACtF,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAExG,MAAI,WAAW;AAGX,QACI,CAAC,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAAC,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAC5D;AAAA,EACJ;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAGhCA,iBAAM,UAAU,MAAM;AAClB,QAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAC3B;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;"}

package/dist/primitives/Table/Core/types.d.ts

@@ -13,11 +13,11 @@ export type TableRowRendererProps<TType = unknown> = {
     row: ReactTableRow<TType>;
     table: ReactTable<TType>;
 };
-export type TableRowRenderer<TType = unknown> = <T = TType>(props: TableRowRendererProps<T>) => JSX.Element;
+export type TableRowRenderer<TType = unknown> = <T = TType>(props: TableRowRendererProps<T>) => React.JSX.Element;
 export type TableCellRendererProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {
     cell: ReactTableCell<TType, unknown>;
-    cellRef: React.RefObject<HTMLTableCellElement>;
+    cellRef: React.RefObject<HTMLTableCellElement | null>;
     index: number;
     isHighlighted: true | 'current' | undefined;
 };
-export type TableCellRenderer<TType = unknown> = <T = TType>(props: TableCellRendererProps<T>) => JSX.Element;
+export type TableCellRenderer<TType = unknown> = <T = TType>(props: TableCellRendererProps<T>) => React.JSX.Element;

package/dist/primitives/Table/Core/useTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.cjs","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport type useTableReturnValue<TType = unknown> = {\n    id: string;\n    instance: ReactTable<TType>;\n    meta: ReactTableMeta<TType>;\n    props: {\n        customSettings: TableCustomSettingsRenderer | undefined;\n        emptyState: TableEmptyStateRenderer | undefined;\n        toolbarLeft: JSX.Element | undefined;\n        toolbarPanel: JSX.Element | undefined;\n        toolbarRight: JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (JSX.Element | null)[] | null;\n        style: React.CSSProperties;\n        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;\n    };\n    style: React.CSSProperties;\n    stylesheet: string;\n    state: ReactTableState;\n};\n\nexport function useTable<TType = unknown, TMeta = object>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta\n): useTableReturnValue<TType> {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, props.defaultRowActiveIndex);\n    // configure dynamic styling\n    const { style, stylesheet } = useTableStyle(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex, props.enableLocalKeyboardShortcuts);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        style,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["rowActions","rowDrag","rowExpansion","rowSelection","useMergedRef","useTableManager","useTableRenderer","useTableStyle","useTableGlobalShortcuts","useTableRef","useTableRowActiveListener"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA,QAAA;AAAA,EAAA,SACAC,KAAA;AAAA,EAAA,cACAC,UAAA;AAAA,EACAC,cAAAA,UAAAA;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAEpB,QAAA,MAAMC,0BAAuB,WAAW;AAE9C,QAAM,UAAUC,gBAAAA,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAG9G,QAAA,WAAWC,iBAAAA,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAErH,QAAA,EAAE,OAAO,eAAeC,cAAAA,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExEC,0BAAA,wBAAwB,QAAQ,UAAU,KAAK,SAAS,eAAe,MAAM,4BAA4B;AAE7FC,0BAAA,QAAQ,UAAU,GAAG;AAGPC,sDAAA,QAAQ,UAAU,GAAG;AAExC,SAAA;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;;"}
+{"version":3,"file":"useTable.cjs","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import type * as React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport type useTableReturnValue<TType = unknown> = {\n    id: string;\n    instance: ReactTable<TType>;\n    meta: ReactTableMeta<TType>;\n    props: {\n        customSettings: TableCustomSettingsRenderer | undefined;\n        emptyState: TableEmptyStateRenderer | undefined;\n        toolbarLeft: React.JSX.Element | undefined;\n        toolbarPanel: React.JSX.Element | undefined;\n        toolbarRight: React.JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (React.JSX.Element | null)[] | null;\n        style: React.CSSProperties;\n        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;\n    };\n    style: React.CSSProperties;\n    stylesheet: string;\n    state: ReactTableState;\n};\n\nexport function useTable<TType = unknown, TMeta = object>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta\n): useTableReturnValue<TType> {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, props.defaultRowActiveIndex);\n    // configure dynamic styling\n    const { style, stylesheet } = useTableStyle(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex, props.enableLocalKeyboardShortcuts);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        style,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["rowActions","rowDrag","rowExpansion","rowSelection","useMergedRef","useTableManager","useTableRenderer","useTableStyle","useTableGlobalShortcuts","useTableRef","useTableRowActiveListener"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA,QAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAE1B,QAAM,MAAMC,aAAAA,aAAuB,WAAW;AAE9C,QAAM,UAAUC,gBAAAA,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAGpH,QAAM,WAAWC,iBAAAA,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAE3H,QAAM,EAAE,OAAO,eAAeC,cAAAA,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExEC,0BAAAA,wBAAwB,QAAQ,UAAU,KAAK,SAAS,eAAe,MAAM,4BAA4B;AAEzGC,0BAAY,QAAQ,UAAU,GAAG;AAGjCC,sDAA0B,QAAQ,UAAU,GAAG;AAE/C,SAAO;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IAExB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;;"}

package/dist/primitives/Table/Core/useTable.d.ts

@@ -2,6 +2,7 @@ import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTa
 import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';
 import { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps, TableRef } from '../types';
 import { useTableRenderers } from './types';
+import type * as React from 'react';
 export type useTableReturnValue<TType = unknown> = {
     id: string;
     instance: ReactTable<TType>;
@@ -9,13 +10,13 @@ export type useTableReturnValue<TType = unknown> = {
     props: {
         customSettings: TableCustomSettingsRenderer | undefined;
         emptyState: TableEmptyStateRenderer | undefined;
-        toolbarLeft: JSX.Element | undefined;
-        toolbarPanel: JSX.Element | undefined;
-        toolbarRight: JSX.Element | undefined;
+        toolbarLeft: React.JSX.Element | undefined;
+        toolbarPanel: React.JSX.Element | undefined;
+        toolbarRight: React.JSX.Element | undefined;
     };
     ref: React.RefObject<TableRef>;
     renderer: {
-        rows: (JSX.Element | null)[] | null;
+        rows: (React.JSX.Element | null)[] | null;
         style: React.CSSProperties;
         scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;
     };

package/dist/primitives/Table/Core/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport type useTableReturnValue<TType = unknown> = {\n    id: string;\n    instance: ReactTable<TType>;\n    meta: ReactTableMeta<TType>;\n    props: {\n        customSettings: TableCustomSettingsRenderer | undefined;\n        emptyState: TableEmptyStateRenderer | undefined;\n        toolbarLeft: JSX.Element | undefined;\n        toolbarPanel: JSX.Element | undefined;\n        toolbarRight: JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (JSX.Element | null)[] | null;\n        style: React.CSSProperties;\n        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;\n    };\n    style: React.CSSProperties;\n    stylesheet: string;\n    state: ReactTableState;\n};\n\nexport function useTable<TType = unknown, TMeta = object>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta\n): useTableReturnValue<TType> {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, props.defaultRowActiveIndex);\n    // configure dynamic styling\n    const { style, stylesheet } = useTableStyle(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex, props.enableLocalKeyboardShortcuts);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        style,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["rowActions","rowDrag","rowExpansion","rowSelection","renderer"],"mappings":";;;;;;;;;;;AAkBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA;AAAAA,EAAA,SACAC;AAAAA,EAAA,cACAC;AAAAA,EACAC,cAAAA;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAEpB,QAAA,MAAM,aAAuB,WAAW;AAE9C,QAAM,UAAU,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAG9G,QAAAC,YAAW,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAErH,QAAA,EAAE,OAAO,eAAe,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExE,0BAAwB,QAAQ,UAAU,KAAKA,UAAS,eAAe,MAAM,4BAA4B;AAE7F,cAAA,QAAQ,UAAU,GAAG;AAGP,4BAAA,QAAQ,UAAU,GAAG;AAExC,SAAA;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IACxB;AAAA,IACA,UAAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useTable.js","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import type * as React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport type useTableReturnValue<TType = unknown> = {\n    id: string;\n    instance: ReactTable<TType>;\n    meta: ReactTableMeta<TType>;\n    props: {\n        customSettings: TableCustomSettingsRenderer | undefined;\n        emptyState: TableEmptyStateRenderer | undefined;\n        toolbarLeft: React.JSX.Element | undefined;\n        toolbarPanel: React.JSX.Element | undefined;\n        toolbarRight: React.JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (React.JSX.Element | null)[] | null;\n        style: React.CSSProperties;\n        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;\n    };\n    style: React.CSSProperties;\n    stylesheet: string;\n    state: ReactTableState;\n};\n\nexport function useTable<TType = unknown, TMeta = object>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta\n): useTableReturnValue<TType> {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, props.defaultRowActiveIndex);\n    // configure dynamic styling\n    const { style, stylesheet } = useTableStyle(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex, props.enableLocalKeyboardShortcuts);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        style,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["rowActions","rowDrag","rowExpansion","rowSelection","renderer"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA;AAAAA,EAAA,SACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,cACAC;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAE1B,QAAM,MAAM,aAAuB,WAAW;AAE9C,QAAM,UAAU,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAGpH,QAAMC,YAAW,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAE3H,QAAM,EAAE,OAAO,eAAe,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExE,0BAAwB,QAAQ,UAAU,KAAKA,UAAS,eAAe,MAAM,4BAA4B;AAEzG,cAAY,QAAQ,UAAU,GAAG;AAGjC,4BAA0B,QAAQ,UAAU,GAAG;AAE/C,SAAO;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IAExB,UAAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/primitives/Table/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\nimport { MenuItemProps } from '../../components/Menu/components/Item';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | ReactTableBuiltInSortingFn\n    | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = JSX.Element | JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    toolbarPanel?: JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    | TOptions\n    | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":";;AAyBY,IAAA,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAX,IAAA;AACAA,yBAAAA,uBAAA,oBAAiB,CAAjB,IAAA;AACAA,yBAAAA,uBAAA,eAAY,CAAZ,IAAA;AACAA,yBAAAA,uBAAA,kBAAe,CAAf,IAAA;AACAA,yBAAAA,uBAAA,mBAAgB,CAAhB,IAAA;AACAA,yBAAAA,uBAAA,gBAAa,CAAb,IAAA;AACAA,yBAAAA,uBAAA,eAAY,CAAZ,IAAA;AACAA,yBAAAA,uBAAA,aAAU,CAAV,IAAA;AACAA,yBAAAA,uBAAA,gBAAa,CAAb,IAAA;AACAA,yBAAAA,uBAAA,yBAAsB,CAAtB,IAAA;AACAA,yBAAAA,uBAAA,4BAAyB,EAAzB,IAAA;AACAA,yBAAAA,uBAAA,cAAW,EAAX,IAAA;AACAA,yBAAAA,uBAAA,cAAW,EAAX,IAAA;AACAA,yBAAAA,uBAAA,eAAY,EAAZ,IAAA;AACAA,yBAAAA,uBAAA,aAAU,EAAV,IAAA;AACAA,yBAAAA,uBAAA,cAAW,EAAX,IAAA;AAhBQA,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\nimport { MenuItemProps } from '../../components/Menu/components/Item';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (React.JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":";;AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;;"}