@economic/taco 14.1.1 → 14.2.0-tanstack-virtual-update.0

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

@@ -1,7 +1,8 @@
+import { getTableMeta } from "../../useTableManager/util/rows.js";
 import { useTableStyleColumnFreezing } from "./useTableStyleColumnFreezing.js";
 import { useTableStyleGrid } from "./useTableStyleGrid.js";
 function useTableStyle(tableId, table) {
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid(
     tableId,
     table,

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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport type { TableFontSize, TableRowHeight } from '../../types';\n\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { useTableStyleGrid } from './useTableStyleGrid';\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":";;AAOO,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;"}
+{"version":3,"file":"useTableStyle.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyle.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport type { TableFontSize, TableRowHeight } from '../../types';\nimport { getTableMeta } from '../../useTableManager/util/rows';\n\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { useTableStyleGrid } from './useTableStyleGrid';\n\nexport function useTableStyle<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = getTableMeta(table);\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":";;;AAQO,SAAS,cAA+B,SAAiB,OAA0B;AACtF,QAAM,YAAY,aAAa,KAAK;AACpC,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/useTableStyleGrid.cjs

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const columns = require("../../useTableManager/util/columns.cjs");
+const rows = require("../../useTableManager/util/rows.cjs");
 function useTableStyleGrid(tableId, table, fontSize) {
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   const allVisibleColumns = table.getVisibleLeafColumns();
   const columnSizing = table.getState().columnSizing;
   const globalMinSize = columns.CELL_MIN_WIDTH[fontSize] ?? columns.CELL_MIN_WIDTH.medium;

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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { 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                    // button margins l+r\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8;\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":";;;;AAMO,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;AAE3B,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;;"}
+{"version":3,"file":"useTableStyleGrid.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleGrid.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../../useTableManager/util/columns';\nimport { getTableMeta } from '../../useTableManager/util/rows';\n\nexport function useTableStyleGrid<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize) {\n    const tableMeta = getTableMeta(table);\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                    // button margins l+r\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8;\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":["getTableMeta","CELL_MIN_WIDTH","isInternalColumn"],"mappings":";;;;;AAOO,SAAS,kBAAmC,SAAiB,OAA0B,UAAyB;AACnH,QAAM,YAAYA,KAAAA,aAAa,KAAK;AACpC,QAAM,oBAAoB,MAAM,sBAAA;AAChC,QAAM,eAAe,MAAM,SAAA,EAAW;AACtC,QAAM,gBAAgBC,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;AAE3B,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,7 +1,8 @@
 import React__default from "react";
 import { isInternalColumn, CELL_MIN_WIDTH } from "../../useTableManager/util/columns.js";
+import { getTableMeta } from "../../useTableManager/util/rows.js";
 function useTableStyleGrid(tableId, table, fontSize) {
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   const allVisibleColumns = table.getVisibleLeafColumns();
   const columnSizing = table.getState().columnSizing;
   const globalMinSize = CELL_MIN_WIDTH[fontSize] ?? CELL_MIN_WIDTH.medium;

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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { 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                    // button margins l+r\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8;\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":";;AAMO,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;AAE3B,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;"}
+{"version":3,"file":"useTableStyleGrid.js","sources":["../../../../../src/primitives/Table/Core/features/useTableStyleGrid.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../../useTableManager/util/columns';\nimport { getTableMeta } from '../../useTableManager/util/rows';\n\nexport function useTableStyleGrid<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize) {\n    const tableMeta = getTableMeta(table);\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                    // button margins l+r\n                    const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8;\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":";;;AAOO,SAAS,kBAAmC,SAAiB,OAA0B,UAAyB;AACnH,QAAM,YAAY,aAAa,KAAK;AACpC,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;AAE3B,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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const dom = require("../../../../utils/dom.cjs");
+const rows = require("../../useTableManager/util/rows.cjs");
 function focusActiveRow(tableRef) {
   const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active="true"]') ?? null;
   if (activeRow && !dom.isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !dom.isElementInteractive(document.activeElement)) {
@@ -9,7 +10,7 @@ function focusActiveRow(tableRef) {
   }
 }
 function useTableRowActiveListener(table, tableRef) {
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   React.useEffect(() => {
     if (tableMeta.rowActive.rowActiveIndex !== void 0) {
       focusActiveRow(tableRef);

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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '@/utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement | null> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\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        activeRow &&\n        !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n        !isElementInteractive(document.activeElement)\n    ) {\n        (activeRow as HTMLElement).focus({ preventScroll: true });\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement | null>\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":";;;;AAKO,SAAS,eAAe,UAAkE;AAC7F,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAIxG,MACI,aACA,CAACA,4CAAwC,SAAS,eAAe,SAAS,KAC1E,CAACC,IAAAA,qBAAqB,SAAS,aAAa,GAC9C;AACG,cAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,EAC5D;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;;;"}
+{"version":3,"file":"useTableRowActiveListener.cjs","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '@/utils/dom';\n\nimport { getTableMeta } from '../../useTableManager/util/rows';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement | null> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\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        activeRow &&\n        !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n        !isElementInteractive(document.activeElement)\n    ) {\n        (activeRow as HTMLElement).focus({ preventScroll: true });\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement | null>\n) {\n    const tableMeta = getTableMeta(table);\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","getTableMeta"],"mappings":";;;;;AAOO,SAAS,eAAe,UAAkE;AAC7F,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAIxG,MACI,aACA,CAACA,4CAAwC,SAAS,eAAe,SAAS,KAC1E,CAACC,IAAAA,qBAAqB,SAAS,aAAa,GAC9C;AACG,cAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,EAC5D;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAYC,KAAAA,aAAa,KAAK;AAGpC,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,5 +1,6 @@
 import React__default from "react";
 import { isElementInsideOrTriggeredFromContainer, isElementInteractive } from "../../../../utils/dom.js";
+import { getTableMeta } from "../../useTableManager/util/rows.js";
 function focusActiveRow(tableRef) {
   const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active="true"]') ?? null;
   if (activeRow && !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !isElementInteractive(document.activeElement)) {
@@ -7,7 +8,7 @@ function focusActiveRow(tableRef) {
   }
 }
 function useTableRowActiveListener(table, tableRef) {
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   React__default.useEffect(() => {
     if (tableMeta.rowActive.rowActiveIndex !== void 0) {
       focusActiveRow(tableRef);

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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '@/utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement | null> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\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        activeRow &&\n        !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n        !isElementInteractive(document.activeElement)\n    ) {\n        (activeRow as HTMLElement).focus({ preventScroll: true });\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement | null>\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":";;AAKO,SAAS,eAAe,UAAkE;AAC7F,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAIxG,MACI,aACA,CAAC,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAAC,qBAAqB,SAAS,aAAa,GAC9C;AACG,cAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,EAC5D;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;"}
+{"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '@/utils/dom';\n\nimport { getTableMeta } from '../../useTableManager/util/rows';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement | null> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\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        activeRow &&\n        !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n        !isElementInteractive(document.activeElement)\n    ) {\n        (activeRow as HTMLElement).focus({ preventScroll: true });\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement | null>\n) {\n    const tableMeta = getTableMeta(table);\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":";;;AAOO,SAAS,eAAe,UAAkE;AAC7F,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAIxG,MACI,aACA,CAAC,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAAC,qBAAqB,SAAS,aAAa,GAC9C;AACG,cAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,EAC5D;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAY,aAAa,KAAK;AAGpCA,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/useTableManager/features/useTableRowSelection.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const rows = require("../util/rows.cjs");
 function useTableRowSelection(isEnabled = false, controlledSelectedRows) {
   const lastSelectedRowIndex = React.useRef(void 0);
   const isControlled = isEnabled && controlledSelectedRows !== void 0;
@@ -9,13 +10,12 @@ function useTableRowSelection(isEnabled = false, controlledSelectedRows) {
       if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {
         return;
       }
-      const rows = table.getRowModel().rows;
-      const tableMeta = table.options.meta;
+      const rows$1 = table.getRowModel().rows;
       if (event.key === " ") {
         event.preventDefault();
-        const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;
-        if (rowActiveIndex !== void 0 && rows[rowActiveIndex]?.getCanSelect()) {
-          rows[rowActiveIndex]?.toggleSelected();
+        const rowActiveIndex = rows.getTableMeta(table).rowActive.rowActiveIndex;
+        if (rowActiveIndex !== void 0 && rows$1[rowActiveIndex]?.getCanSelect()) {
+          rows$1[rowActiveIndex]?.toggleSelected();
         }
         return;
       }

package/dist/primitives/Table/useTableManager/features/useTableRowSelection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowSelection.cjs","sources":["../../../../../src/primitives/Table/useTableManager/features/useTableRowSelection.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nexport function useTableRowSelection(isEnabled = false, controlledSelectedRows?: Record<string, boolean>) {\n    const lastSelectedRowIndex = React.useRef<number | undefined>(undefined);\n    const isControlled = isEnabled && controlledSelectedRows !== undefined;\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined && rows[rowActiveIndex]?.getCanSelect()) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n            if (\n                (event.ctrlKey || event.metaKey) &&\n                event.key === 'a' &&\n                !['INPUT', 'TEXTAREA'].includes((event.target as Element)?.tagName)\n            ) {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        isEnabled,\n        isControlled,\n        controlledSelectedRows,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,qBAAqB,YAAY,OAAO,wBAAkD;AACtG,QAAM,uBAAuB,MAAM,OAA2B,MAAS;AACvE,QAAM,eAAe,aAAa,2BAA2B;AAE7D,QAAM,YAAY,MAAM;AAAA,IACpB,CAAkB,OAAsB,UAA6B;AACjE,UAAI,CAAC,aAAa,CAAC,MAAM,QAAQ,sBAAsB,MAAM,kBAAkB;AAC3E;AAAA,MACJ;AAEA,YAAM,OAAO,MAAM,YAAA,EAAc;AACjC,YAAM,YAAY,MAAM,QAAQ;AAEhC,UAAI,MAAM,QAAQ,KAAK;AACnB,cAAM,eAAA;AACN,cAAM,iBAAiB,UAAU,UAAU;AAE3C,YAAI,mBAAmB,UAAa,KAAK,cAAc,GAAG,gBAAgB;AACtE,eAAK,cAAc,GAAG,eAAA;AAAA,QAC1B;AAEA;AAAA,MACJ;AACA,WACK,MAAM,WAAW,MAAM,YACxB,MAAM,QAAQ,OACd,CAAC,CAAC,SAAS,UAAU,EAAE,SAAU,MAAM,QAAoB,OAAO,GACpE;AACE,cAAM,eAAA;AACN,cAAM,sBAAA;AAAA,MACV;AAAA,IACJ;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,YAAY,YAAY,MAAM;AAAA,IAC7C;AAAA,EAAA;AAER;;"}
+{"version":3,"file":"useTableRowSelection.cjs","sources":["../../../../../src/primitives/Table/useTableManager/features/useTableRowSelection.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowSelection(isEnabled = false, controlledSelectedRows?: Record<string, boolean>) {\n    const lastSelectedRowIndex = React.useRef<number | undefined>(undefined);\n    const isControlled = isEnabled && controlledSelectedRows !== undefined;\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = getTableMeta(table).rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined && rows[rowActiveIndex]?.getCanSelect()) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n            if (\n                (event.ctrlKey || event.metaKey) &&\n                event.key === 'a' &&\n                !['INPUT', 'TEXTAREA'].includes((event.target as Element)?.tagName)\n            ) {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        isEnabled,\n        isControlled,\n        controlledSelectedRows,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["rows","getTableMeta"],"mappings":";;;;AAKO,SAAS,qBAAqB,YAAY,OAAO,wBAAkD;AACtG,QAAM,uBAAuB,MAAM,OAA2B,MAAS;AACvE,QAAM,eAAe,aAAa,2BAA2B;AAE7D,QAAM,YAAY,MAAM;AAAA,IACpB,CAAkB,OAAsB,UAA6B;AACjE,UAAI,CAAC,aAAa,CAAC,MAAM,QAAQ,sBAAsB,MAAM,kBAAkB;AAC3E;AAAA,MACJ;AAEA,YAAMA,SAAO,MAAM,YAAA,EAAc;AAEjC,UAAI,MAAM,QAAQ,KAAK;AACnB,cAAM,eAAA;AACN,cAAM,iBAAiBC,KAAAA,aAAa,KAAK,EAAE,UAAU;AAErD,YAAI,mBAAmB,UAAaD,OAAK,cAAc,GAAG,gBAAgB;AACtEA,iBAAK,cAAc,GAAG,eAAA;AAAA,QAC1B;AAEA;AAAA,MACJ;AACA,WACK,MAAM,WAAW,MAAM,YACxB,MAAM,QAAQ,OACd,CAAC,CAAC,SAAS,UAAU,EAAE,SAAU,MAAM,QAAoB,OAAO,GACpE;AACE,cAAM,eAAA;AACN,cAAM,sBAAA;AAAA,MACV;AAAA,IACJ;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,YAAY,YAAY,MAAM;AAAA,IAC7C;AAAA,EAAA;AAER;;"}

package/dist/primitives/Table/useTableManager/features/useTableRowSelection.js

@@ -1,4 +1,5 @@
 import React__default from "react";
+import { getTableMeta } from "../util/rows.js";
 function useTableRowSelection(isEnabled = false, controlledSelectedRows) {
   const lastSelectedRowIndex = React__default.useRef(void 0);
   const isControlled = isEnabled && controlledSelectedRows !== void 0;
@@ -8,10 +9,9 @@ function useTableRowSelection(isEnabled = false, controlledSelectedRows) {
         return;
       }
       const rows = table.getRowModel().rows;
-      const tableMeta = table.options.meta;
       if (event.key === " ") {
         event.preventDefault();
-        const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;
+        const rowActiveIndex = getTableMeta(table).rowActive.rowActiveIndex;
         if (rowActiveIndex !== void 0 && rows[rowActiveIndex]?.getCanSelect()) {
           rows[rowActiveIndex]?.toggleSelected();
         }

package/dist/primitives/Table/useTableManager/features/useTableRowSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowSelection.js","sources":["../../../../../src/primitives/Table/useTableManager/features/useTableRowSelection.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nexport function useTableRowSelection(isEnabled = false, controlledSelectedRows?: Record<string, boolean>) {\n    const lastSelectedRowIndex = React.useRef<number | undefined>(undefined);\n    const isControlled = isEnabled && controlledSelectedRows !== undefined;\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined && rows[rowActiveIndex]?.getCanSelect()) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n            if (\n                (event.ctrlKey || event.metaKey) &&\n                event.key === 'a' &&\n                !['INPUT', 'TEXTAREA'].includes((event.target as Element)?.tagName)\n            ) {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        isEnabled,\n        isControlled,\n        controlledSelectedRows,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["React"],"mappings":";AAGO,SAAS,qBAAqB,YAAY,OAAO,wBAAkD;AACtG,QAAM,uBAAuBA,eAAM,OAA2B,MAAS;AACvE,QAAM,eAAe,aAAa,2BAA2B;AAE7D,QAAM,YAAYA,eAAM;AAAA,IACpB,CAAkB,OAAsB,UAA6B;AACjE,UAAI,CAAC,aAAa,CAAC,MAAM,QAAQ,sBAAsB,MAAM,kBAAkB;AAC3E;AAAA,MACJ;AAEA,YAAM,OAAO,MAAM,YAAA,EAAc;AACjC,YAAM,YAAY,MAAM,QAAQ;AAEhC,UAAI,MAAM,QAAQ,KAAK;AACnB,cAAM,eAAA;AACN,cAAM,iBAAiB,UAAU,UAAU;AAE3C,YAAI,mBAAmB,UAAa,KAAK,cAAc,GAAG,gBAAgB;AACtE,eAAK,cAAc,GAAG,eAAA;AAAA,QAC1B;AAEA;AAAA,MACJ;AACA,WACK,MAAM,WAAW,MAAM,YACxB,MAAM,QAAQ,OACd,CAAC,CAAC,SAAS,UAAU,EAAE,SAAU,MAAM,QAAoB,OAAO,GACpE;AACE,cAAM,eAAA;AACN,cAAM,sBAAA;AAAA,MACV;AAAA,IACJ;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,YAAY,YAAY,MAAM;AAAA,IAC7C;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useTableRowSelection.js","sources":["../../../../../src/primitives/Table/useTableManager/features/useTableRowSelection.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowSelection(isEnabled = false, controlledSelectedRows?: Record<string, boolean>) {\n    const lastSelectedRowIndex = React.useRef<number | undefined>(undefined);\n    const isControlled = isEnabled && controlledSelectedRows !== undefined;\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = getTableMeta(table).rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined && rows[rowActiveIndex]?.getCanSelect()) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n            if (\n                (event.ctrlKey || event.metaKey) &&\n                event.key === 'a' &&\n                !['INPUT', 'TEXTAREA'].includes((event.target as Element)?.tagName)\n            ) {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        isEnabled,\n        isControlled,\n        controlledSelectedRows,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["React"],"mappings":";;AAKO,SAAS,qBAAqB,YAAY,OAAO,wBAAkD;AACtG,QAAM,uBAAuBA,eAAM,OAA2B,MAAS;AACvE,QAAM,eAAe,aAAa,2BAA2B;AAE7D,QAAM,YAAYA,eAAM;AAAA,IACpB,CAAkB,OAAsB,UAA6B;AACjE,UAAI,CAAC,aAAa,CAAC,MAAM,QAAQ,sBAAsB,MAAM,kBAAkB;AAC3E;AAAA,MACJ;AAEA,YAAM,OAAO,MAAM,YAAA,EAAc;AAEjC,UAAI,MAAM,QAAQ,KAAK;AACnB,cAAM,eAAA;AACN,cAAM,iBAAiB,aAAa,KAAK,EAAE,UAAU;AAErD,YAAI,mBAAmB,UAAa,KAAK,cAAc,GAAG,gBAAgB;AACtE,eAAK,cAAc,GAAG,eAAA;AAAA,QAC1B;AAEA;AAAA,MACJ;AACA,WACK,MAAM,WAAW,MAAM,YACxB,MAAM,QAAQ,OACd,CAAC,CAAC,SAAS,UAAU,EAAE,SAAU,MAAM,QAAoB,OAAO,GACpE;AACE,cAAM,eAAA;AACN,cAAM,sBAAA;AAAA,MACV;AAAA,IACJ;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,YAAY,YAAY,MAAM;AAAA,IAC7C;AAAA,EAAA;AAER;"}

package/dist/primitives/Table/useTableManager/listeners/useTableDataListener.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useLazyEffect = require("../../../../hooks/useLazyEffect.cjs");
+const rows = require("../util/rows.cjs");
 function useTableDataListener(table, length) {
-  const meta = table.options.meta;
+  const meta = rows.getTableMeta(table);
   useLazyEffect.useLazyEffect(() => {
     const rowActiveIndex = meta.rowActive.rowActiveIndex;
     if (rowActiveIndex !== void 0 && rowActiveIndex > length) {

package/dist/primitives/Table/useTableManager/listeners/useTableDataListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableDataListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableDataListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nexport function useTableDataListener<TType = unknown>(table: ReactTable<TType>, length: number) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n\n    useLazyEffect(() => {\n        const rowActiveIndex = meta.rowActive.rowActiveIndex;\n\n        if (rowActiveIndex !== undefined && rowActiveIndex > length) {\n            meta.rowActive.setRowActiveIndex(0);\n        }\n    }, [length]);\n}\n"],"names":["useLazyEffect"],"mappings":";;;AAIO,SAAS,qBAAsC,OAA0B,QAAgB;AAC5F,QAAM,OAAO,MAAM,QAAQ;AAE3BA,gBAAAA,cAAc,MAAM;AAChB,UAAM,iBAAiB,KAAK,UAAU;AAEtC,QAAI,mBAAmB,UAAa,iBAAiB,QAAQ;AACzD,WAAK,UAAU,kBAAkB,CAAC;AAAA,IACtC;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AACf;;"}
+{"version":3,"file":"useTableDataListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableDataListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableDataListener<TType = unknown>(table: ReactTable<TType>, length: number) {\n    const meta = getTableMeta(table);\n\n    useLazyEffect(() => {\n        const rowActiveIndex = meta.rowActive.rowActiveIndex;\n\n        if (rowActiveIndex !== undefined && rowActiveIndex > length) {\n            meta.rowActive.setRowActiveIndex(0);\n        }\n    }, [length]);\n}\n"],"names":["getTableMeta","useLazyEffect"],"mappings":";;;;AAMO,SAAS,qBAAsC,OAA0B,QAAgB;AAC5F,QAAM,OAAOA,KAAAA,aAAa,KAAK;AAE/BC,gBAAAA,cAAc,MAAM;AAChB,UAAM,iBAAiB,KAAK,UAAU;AAEtC,QAAI,mBAAmB,UAAa,iBAAiB,QAAQ;AACzD,WAAK,UAAU,kBAAkB,CAAC;AAAA,IACtC;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AACf;;"}

package/dist/primitives/Table/useTableManager/listeners/useTableDataListener.js

@@ -1,6 +1,7 @@
 import { useLazyEffect } from "../../../../hooks/useLazyEffect.js";
+import { getTableMeta } from "../util/rows.js";
 function useTableDataListener(table, length) {
-  const meta = table.options.meta;
+  const meta = getTableMeta(table);
   useLazyEffect(() => {
     const rowActiveIndex = meta.rowActive.rowActiveIndex;
     if (rowActiveIndex !== void 0 && rowActiveIndex > length) {

package/dist/primitives/Table/useTableManager/listeners/useTableDataListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableDataListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableDataListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nexport function useTableDataListener<TType = unknown>(table: ReactTable<TType>, length: number) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n\n    useLazyEffect(() => {\n        const rowActiveIndex = meta.rowActive.rowActiveIndex;\n\n        if (rowActiveIndex !== undefined && rowActiveIndex > length) {\n            meta.rowActive.setRowActiveIndex(0);\n        }\n    }, [length]);\n}\n"],"names":[],"mappings":";AAIO,SAAS,qBAAsC,OAA0B,QAAgB;AAC5F,QAAM,OAAO,MAAM,QAAQ;AAE3B,gBAAc,MAAM;AAChB,UAAM,iBAAiB,KAAK,UAAU;AAEtC,QAAI,mBAAmB,UAAa,iBAAiB,QAAQ;AACzD,WAAK,UAAU,kBAAkB,CAAC;AAAA,IACtC;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AACf;"}
+{"version":3,"file":"useTableDataListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableDataListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableDataListener<TType = unknown>(table: ReactTable<TType>, length: number) {\n    const meta = getTableMeta(table);\n\n    useLazyEffect(() => {\n        const rowActiveIndex = meta.rowActive.rowActiveIndex;\n\n        if (rowActiveIndex !== undefined && rowActiveIndex > length) {\n            meta.rowActive.setRowActiveIndex(0);\n        }\n    }, [length]);\n}\n"],"names":[],"mappings":";;AAMO,SAAS,qBAAsC,OAA0B,QAAgB;AAC5F,QAAM,OAAO,aAAa,KAAK;AAE/B,gBAAc,MAAM;AAChB,UAAM,iBAAiB,KAAK,UAAU;AAEtC,QAAI,mBAAmB,UAAa,iBAAiB,QAAQ;AACzD,WAAK,UAAU,kBAAkB,CAAC;AAAA,IACtC;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AACf;"}

package/dist/primitives/Table/useTableManager/listeners/useTableFontSizeListener.cjs

@@ -3,8 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useLazyEffect = require("../../../../hooks/useLazyEffect.cjs");
 const columns = require("../util/columns.cjs");
+const rows = require("../util/rows.cjs");
 function useTableFontSizeListener(table) {
-  const meta = table.options.meta;
+  const meta = rows.getTableMeta(table);
   const previousFontSizeRef = React.useRef(meta.fontSize.size);
   useLazyEffect.useLazyEffect(() => {
     const cellWidthDifference = CELL_WIDTH_DIFFERENCE[`${previousFontSizeRef.current}-${meta.fontSize.size}`] ?? 0;

package/dist/primitives/Table/useTableManager/listeners/useTableFontSizeListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableFontSizeListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableFontSizeListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../util/columns';\n\nexport function useTableFontSizeListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const previousFontSizeRef = React.useRef(meta.fontSize.size);\n\n    useLazyEffect(() => {\n        const cellWidthDifference = CELL_WIDTH_DIFFERENCE[`${previousFontSizeRef.current}-${meta.fontSize.size}`] ?? 0;\n        const globalMinSize = CELL_MIN_WIDTH[meta.fontSize.size] ?? CELL_MIN_WIDTH.medium;\n\n        table.setColumnSizing(sizes => {\n            return Object.fromEntries(\n                Object.entries(sizes).map(([columnName, prevColumnSize]) => {\n                    // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n                    const column = table.getAllColumns().find(x => x.id === columnName);\n\n                    if (isInternalColumn(columnName)) {\n                        return [columnName, column?.getSize() ?? prevColumnSize];\n                    }\n\n                    // Prevents width value in the setting to go below the minColumnSize\n                    const minColumnSize = column?.columnDef.minSize ?? globalMinSize;\n                    const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);\n                    return [columnName, newSize];\n                })\n            );\n        });\n        previousFontSizeRef.current = meta.fontSize.size;\n    }, [meta.fontSize.size]);\n}\n\nconst CELL_WIDTH_DIFFERENCE: Partial<Record<`${TableFontSize}-${TableFontSize}`, number>> = {\n    'small-medium': 8,\n    'medium-large': 8,\n    'medium-small': -8,\n    'large-medium': -8,\n    'small-large': 16,\n    'large-small': -16,\n};\n"],"names":["useLazyEffect","CELL_MIN_WIDTH","isInternalColumn"],"mappings":";;;;;AAQO,SAAS,yBAA0C,OAA0B;AAChF,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,sBAAsB,MAAM,OAAO,KAAK,SAAS,IAAI;AAE3DA,gBAAAA,cAAc,MAAM;AAChB,UAAM,sBAAsB,sBAAsB,GAAG,oBAAoB,OAAO,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK;AAC7G,UAAM,gBAAgBC,QAAAA,eAAe,KAAK,SAAS,IAAI,KAAKA,QAAAA,eAAe;AAE3E,UAAM,gBAAgB,CAAA,UAAS;AAC3B,aAAO,OAAO;AAAA,QACV,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,cAAc,MAAM;AAExD,gBAAM,SAAS,MAAM,gBAAgB,KAAK,CAAA,MAAK,EAAE,OAAO,UAAU;AAElE,cAAIC,QAAAA,iBAAiB,UAAU,GAAG;AAC9B,mBAAO,CAAC,YAAY,QAAQ,QAAA,KAAa,cAAc;AAAA,UAC3D;AAGA,gBAAM,gBAAgB,QAAQ,UAAU,WAAW;AACnD,gBAAM,UAAU,KAAK,IAAI,eAAe,iBAAiB,mBAAmB;AAC5E,iBAAO,CAAC,YAAY,OAAO;AAAA,QAC/B,CAAC;AAAA,MAAA;AAAA,IAET,CAAC;AACD,wBAAoB,UAAU,KAAK,SAAS;AAAA,EAChD,GAAG,CAAC,KAAK,SAAS,IAAI,CAAC;AAC3B;AAEA,MAAM,wBAAsF;AAAA,EACxF,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AACnB;;"}
+{"version":3,"file":"useTableFontSizeListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableFontSizeListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../util/columns';\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableFontSizeListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = getTableMeta(table);\n    const previousFontSizeRef = React.useRef(meta.fontSize.size);\n\n    useLazyEffect(() => {\n        const cellWidthDifference = CELL_WIDTH_DIFFERENCE[`${previousFontSizeRef.current}-${meta.fontSize.size}`] ?? 0;\n        const globalMinSize = CELL_MIN_WIDTH[meta.fontSize.size] ?? CELL_MIN_WIDTH.medium;\n\n        table.setColumnSizing(sizes => {\n            return Object.fromEntries(\n                Object.entries(sizes).map(([columnName, prevColumnSize]) => {\n                    // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n                    const column = table.getAllColumns().find(x => x.id === columnName);\n\n                    if (isInternalColumn(columnName)) {\n                        return [columnName, column?.getSize() ?? prevColumnSize];\n                    }\n\n                    // Prevents width value in the setting to go below the minColumnSize\n                    const minColumnSize = column?.columnDef.minSize ?? globalMinSize;\n                    const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);\n                    return [columnName, newSize];\n                })\n            );\n        });\n        previousFontSizeRef.current = meta.fontSize.size;\n    }, [meta.fontSize.size]);\n}\n\nconst CELL_WIDTH_DIFFERENCE: Partial<Record<`${TableFontSize}-${TableFontSize}`, number>> = {\n    'small-medium': 8,\n    'medium-large': 8,\n    'medium-small': -8,\n    'large-medium': -8,\n    'small-large': 16,\n    'large-small': -16,\n};\n"],"names":["getTableMeta","useLazyEffect","CELL_MIN_WIDTH","isInternalColumn"],"mappings":";;;;;;AASO,SAAS,yBAA0C,OAA0B;AAChF,QAAM,OAAOA,KAAAA,aAAa,KAAK;AAC/B,QAAM,sBAAsB,MAAM,OAAO,KAAK,SAAS,IAAI;AAE3DC,gBAAAA,cAAc,MAAM;AAChB,UAAM,sBAAsB,sBAAsB,GAAG,oBAAoB,OAAO,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK;AAC7G,UAAM,gBAAgBC,QAAAA,eAAe,KAAK,SAAS,IAAI,KAAKA,QAAAA,eAAe;AAE3E,UAAM,gBAAgB,CAAA,UAAS;AAC3B,aAAO,OAAO;AAAA,QACV,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,cAAc,MAAM;AAExD,gBAAM,SAAS,MAAM,gBAAgB,KAAK,CAAA,MAAK,EAAE,OAAO,UAAU;AAElE,cAAIC,QAAAA,iBAAiB,UAAU,GAAG;AAC9B,mBAAO,CAAC,YAAY,QAAQ,QAAA,KAAa,cAAc;AAAA,UAC3D;AAGA,gBAAM,gBAAgB,QAAQ,UAAU,WAAW;AACnD,gBAAM,UAAU,KAAK,IAAI,eAAe,iBAAiB,mBAAmB;AAC5E,iBAAO,CAAC,YAAY,OAAO;AAAA,QAC/B,CAAC;AAAA,MAAA;AAAA,IAET,CAAC;AACD,wBAAoB,UAAU,KAAK,SAAS;AAAA,EAChD,GAAG,CAAC,KAAK,SAAS,IAAI,CAAC;AAC3B;AAEA,MAAM,wBAAsF;AAAA,EACxF,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AACnB;;"}

package/dist/primitives/Table/useTableManager/listeners/useTableFontSizeListener.js

@@ -1,8 +1,9 @@
 import React__default from "react";
 import { useLazyEffect } from "../../../../hooks/useLazyEffect.js";
 import { CELL_MIN_WIDTH, isInternalColumn } from "../util/columns.js";
+import { getTableMeta } from "../util/rows.js";
 function useTableFontSizeListener(table) {
-  const meta = table.options.meta;
+  const meta = getTableMeta(table);
   const previousFontSizeRef = React__default.useRef(meta.fontSize.size);
   useLazyEffect(() => {
     const cellWidthDifference = CELL_WIDTH_DIFFERENCE[`${previousFontSizeRef.current}-${meta.fontSize.size}`] ?? 0;

package/dist/primitives/Table/useTableManager/listeners/useTableFontSizeListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableFontSizeListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableFontSizeListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../util/columns';\n\nexport function useTableFontSizeListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const previousFontSizeRef = React.useRef(meta.fontSize.size);\n\n    useLazyEffect(() => {\n        const cellWidthDifference = CELL_WIDTH_DIFFERENCE[`${previousFontSizeRef.current}-${meta.fontSize.size}`] ?? 0;\n        const globalMinSize = CELL_MIN_WIDTH[meta.fontSize.size] ?? CELL_MIN_WIDTH.medium;\n\n        table.setColumnSizing(sizes => {\n            return Object.fromEntries(\n                Object.entries(sizes).map(([columnName, prevColumnSize]) => {\n                    // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n                    const column = table.getAllColumns().find(x => x.id === columnName);\n\n                    if (isInternalColumn(columnName)) {\n                        return [columnName, column?.getSize() ?? prevColumnSize];\n                    }\n\n                    // Prevents width value in the setting to go below the minColumnSize\n                    const minColumnSize = column?.columnDef.minSize ?? globalMinSize;\n                    const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);\n                    return [columnName, newSize];\n                })\n            );\n        });\n        previousFontSizeRef.current = meta.fontSize.size;\n    }, [meta.fontSize.size]);\n}\n\nconst CELL_WIDTH_DIFFERENCE: Partial<Record<`${TableFontSize}-${TableFontSize}`, number>> = {\n    'small-medium': 8,\n    'medium-large': 8,\n    'medium-small': -8,\n    'large-medium': -8,\n    'small-large': 16,\n    'large-small': -16,\n};\n"],"names":["React"],"mappings":";;;AAQO,SAAS,yBAA0C,OAA0B;AAChF,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,sBAAsBA,eAAM,OAAO,KAAK,SAAS,IAAI;AAE3D,gBAAc,MAAM;AAChB,UAAM,sBAAsB,sBAAsB,GAAG,oBAAoB,OAAO,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK;AAC7G,UAAM,gBAAgB,eAAe,KAAK,SAAS,IAAI,KAAK,eAAe;AAE3E,UAAM,gBAAgB,CAAA,UAAS;AAC3B,aAAO,OAAO;AAAA,QACV,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,cAAc,MAAM;AAExD,gBAAM,SAAS,MAAM,gBAAgB,KAAK,CAAA,MAAK,EAAE,OAAO,UAAU;AAElE,cAAI,iBAAiB,UAAU,GAAG;AAC9B,mBAAO,CAAC,YAAY,QAAQ,QAAA,KAAa,cAAc;AAAA,UAC3D;AAGA,gBAAM,gBAAgB,QAAQ,UAAU,WAAW;AACnD,gBAAM,UAAU,KAAK,IAAI,eAAe,iBAAiB,mBAAmB;AAC5E,iBAAO,CAAC,YAAY,OAAO;AAAA,QAC/B,CAAC;AAAA,MAAA;AAAA,IAET,CAAC;AACD,wBAAoB,UAAU,KAAK,SAAS;AAAA,EAChD,GAAG,CAAC,KAAK,SAAS,IAAI,CAAC;AAC3B;AAEA,MAAM,wBAAsF;AAAA,EACxF,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AACnB;"}
+{"version":3,"file":"useTableFontSizeListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableFontSizeListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableFontSize } from '../../types';\nimport { CELL_MIN_WIDTH, isInternalColumn } from '../util/columns';\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableFontSizeListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = getTableMeta(table);\n    const previousFontSizeRef = React.useRef(meta.fontSize.size);\n\n    useLazyEffect(() => {\n        const cellWidthDifference = CELL_WIDTH_DIFFERENCE[`${previousFontSizeRef.current}-${meta.fontSize.size}`] ?? 0;\n        const globalMinSize = CELL_MIN_WIDTH[meta.fontSize.size] ?? CELL_MIN_WIDTH.medium;\n\n        table.setColumnSizing(sizes => {\n            return Object.fromEntries(\n                Object.entries(sizes).map(([columnName, prevColumnSize]) => {\n                    // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n                    const column = table.getAllColumns().find(x => x.id === columnName);\n\n                    if (isInternalColumn(columnName)) {\n                        return [columnName, column?.getSize() ?? prevColumnSize];\n                    }\n\n                    // Prevents width value in the setting to go below the minColumnSize\n                    const minColumnSize = column?.columnDef.minSize ?? globalMinSize;\n                    const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);\n                    return [columnName, newSize];\n                })\n            );\n        });\n        previousFontSizeRef.current = meta.fontSize.size;\n    }, [meta.fontSize.size]);\n}\n\nconst CELL_WIDTH_DIFFERENCE: Partial<Record<`${TableFontSize}-${TableFontSize}`, number>> = {\n    'small-medium': 8,\n    'medium-large': 8,\n    'medium-small': -8,\n    'large-medium': -8,\n    'small-large': 16,\n    'large-small': -16,\n};\n"],"names":["React"],"mappings":";;;;AASO,SAAS,yBAA0C,OAA0B;AAChF,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,sBAAsBA,eAAM,OAAO,KAAK,SAAS,IAAI;AAE3D,gBAAc,MAAM;AAChB,UAAM,sBAAsB,sBAAsB,GAAG,oBAAoB,OAAO,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK;AAC7G,UAAM,gBAAgB,eAAe,KAAK,SAAS,IAAI,KAAK,eAAe;AAE3E,UAAM,gBAAgB,CAAA,UAAS;AAC3B,aAAO,OAAO;AAAA,QACV,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,YAAY,cAAc,MAAM;AAExD,gBAAM,SAAS,MAAM,gBAAgB,KAAK,CAAA,MAAK,EAAE,OAAO,UAAU;AAElE,cAAI,iBAAiB,UAAU,GAAG;AAC9B,mBAAO,CAAC,YAAY,QAAQ,QAAA,KAAa,cAAc;AAAA,UAC3D;AAGA,gBAAM,gBAAgB,QAAQ,UAAU,WAAW;AACnD,gBAAM,UAAU,KAAK,IAAI,eAAe,iBAAiB,mBAAmB;AAC5E,iBAAO,CAAC,YAAY,OAAO;AAAA,QAC/B,CAAC;AAAA,MAAA;AAAA,IAET,CAAC;AACD,wBAAoB,UAAU,KAAK,SAAS;AAAA,EAChD,GAAG,CAAC,KAAK,SAAS,IAAI,CAAC;AAC3B;AAEA,MAAM,wBAAsF;AAAA,EACxF,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AACnB;"}

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

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const rows = require("../util/rows.cjs");
 function useTableRowActiveListener(table, onRowActive) {
-  const meta = table.options.meta;
-  const rows = table.getRowModel().flatRows;
-  const currentRow = meta.rowActive.rowActiveIndex === void 0 ? void 0 : rows[meta.rowActive.rowActiveIndex]?.original;
+  const meta = rows.getTableMeta(table);
+  const rows$1 = table.getRowModel().flatRows;
+  const currentRow = meta.rowActive.rowActiveIndex === void 0 ? void 0 : rows$1[meta.rowActive.rowActiveIndex]?.original;
   React.useEffect(() => {
     if (meta.rowActive.isEnabled && onRowActive) {
       onRowActive(currentRow);

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRowActiveListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActiveHandler } from '../../types';\n\nexport function useTableRowActiveListener<TType = unknown>(table: ReactTable<TType>, onRowActive?: TableRowActiveHandler<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().flatRows;\n    const currentRow = meta.rowActive.rowActiveIndex === undefined ? undefined : rows[meta.rowActive.rowActiveIndex]?.original;\n\n    React.useEffect(() => {\n        if (meta.rowActive.isEnabled && onRowActive) {\n            onRowActive(currentRow);\n        }\n    }, [meta.rowActive.isEnabled, currentRow, onRowActive]);\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,0BAA2C,OAA0B,aAA4C;AAC7H,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,OAAO,MAAM,YAAA,EAAc;AACjC,QAAM,aAAa,KAAK,UAAU,mBAAmB,SAAY,SAAY,KAAK,KAAK,UAAU,cAAc,GAAG;AAElH,QAAM,UAAU,MAAM;AAClB,QAAI,KAAK,UAAU,aAAa,aAAa;AACzC,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,WAAW,YAAY,WAAW,CAAC;AAC1D;;"}
+{"version":3,"file":"useTableRowActiveListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActiveHandler } from '../../types';\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowActiveListener<TType = unknown>(table: ReactTable<TType>, onRowActive?: TableRowActiveHandler<TType>) {\n    const meta = getTableMeta(table);\n    const rows = table.getRowModel().flatRows;\n    const currentRow = meta.rowActive.rowActiveIndex === undefined ? undefined : rows[meta.rowActive.rowActiveIndex]?.original;\n\n    React.useEffect(() => {\n        if (meta.rowActive.isEnabled && onRowActive) {\n            onRowActive(currentRow);\n        }\n    }, [meta.rowActive.isEnabled, currentRow, onRowActive]);\n}\n"],"names":["getTableMeta","rows"],"mappings":";;;;AAMO,SAAS,0BAA2C,OAA0B,aAA4C;AAC7H,QAAM,OAAOA,KAAAA,aAAa,KAAK;AAC/B,QAAMC,SAAO,MAAM,YAAA,EAAc;AACjC,QAAM,aAAa,KAAK,UAAU,mBAAmB,SAAY,SAAYA,OAAK,KAAK,UAAU,cAAc,GAAG;AAElH,QAAM,UAAU,MAAM;AAClB,QAAI,KAAK,UAAU,aAAa,aAAa;AACzC,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,WAAW,YAAY,WAAW,CAAC;AAC1D;;"}

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

@@ -1,6 +1,7 @@
 import React__default from "react";
+import { getTableMeta } from "../util/rows.js";
 function useTableRowActiveListener(table, onRowActive) {
-  const meta = table.options.meta;
+  const meta = getTableMeta(table);
   const rows = table.getRowModel().flatRows;
   const currentRow = meta.rowActive.rowActiveIndex === void 0 ? void 0 : rows[meta.rowActive.rowActiveIndex]?.original;
   React__default.useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActiveHandler } from '../../types';\n\nexport function useTableRowActiveListener<TType = unknown>(table: ReactTable<TType>, onRowActive?: TableRowActiveHandler<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().flatRows;\n    const currentRow = meta.rowActive.rowActiveIndex === undefined ? undefined : rows[meta.rowActive.rowActiveIndex]?.original;\n\n    React.useEffect(() => {\n        if (meta.rowActive.isEnabled && onRowActive) {\n            onRowActive(currentRow);\n        }\n    }, [meta.rowActive.isEnabled, currentRow, onRowActive]);\n}\n"],"names":["React"],"mappings":";AAKO,SAAS,0BAA2C,OAA0B,aAA4C;AAC7H,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,OAAO,MAAM,YAAA,EAAc;AACjC,QAAM,aAAa,KAAK,UAAU,mBAAmB,SAAY,SAAY,KAAK,KAAK,UAAU,cAAc,GAAG;AAElHA,iBAAM,UAAU,MAAM;AAClB,QAAI,KAAK,UAAU,aAAa,aAAa;AACzC,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,WAAW,YAAY,WAAW,CAAC;AAC1D;"}
+{"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActiveHandler } from '../../types';\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowActiveListener<TType = unknown>(table: ReactTable<TType>, onRowActive?: TableRowActiveHandler<TType>) {\n    const meta = getTableMeta(table);\n    const rows = table.getRowModel().flatRows;\n    const currentRow = meta.rowActive.rowActiveIndex === undefined ? undefined : rows[meta.rowActive.rowActiveIndex]?.original;\n\n    React.useEffect(() => {\n        if (meta.rowActive.isEnabled && onRowActive) {\n            onRowActive(currentRow);\n        }\n    }, [meta.rowActive.isEnabled, currentRow, onRowActive]);\n}\n"],"names":["React"],"mappings":";;AAMO,SAAS,0BAA2C,OAA0B,aAA4C;AAC7H,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,OAAO,MAAM,YAAA,EAAc;AACjC,QAAM,aAAa,KAAK,UAAU,mBAAmB,SAAY,SAAY,KAAK,KAAK,UAAU,cAAc,GAAG;AAElHA,iBAAM,UAAU,MAAM;AAClB,QAAI,KAAK,UAAU,aAAa,aAAa;AACzC,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,WAAW,YAAY,WAAW,CAAC;AAC1D;"}

package/dist/primitives/Table/useTableManager/listeners/useTableRowHeightListener.cjs

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useLazyEffect = require("../../../../hooks/useLazyEffect.cjs");
 const types = require("../../../../types.cjs");
+const rows = require("../util/rows.cjs");
 function useTableRowHeightListener(table) {
-  const meta = table.options.meta;
+  const meta = rows.getTableMeta(table);
   useLazyEffect.useLazyEffect(() => {
     if (meta.rowHeight.height === "short" && meta.fontSize.size === types.FontSizes.large) {
       meta.fontSize.setSize(types.FontSizes.medium);

package/dist/primitives/Table/useTableManager/listeners/useTableRowHeightListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowHeightListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowHeightListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\nimport { FontSizes } from '@/types';\n\nexport function useTableRowHeightListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n\n    useLazyEffect(() => {\n        if (meta.rowHeight.height === 'short' && meta.fontSize.size === FontSizes.large) {\n            meta.fontSize.setSize(FontSizes.medium);\n        }\n    }, [meta.rowHeight.height]);\n}\n"],"names":["useLazyEffect","FontSizes"],"mappings":";;;;AAKO,SAAS,0BAA2C,OAA0B;AACjF,QAAM,OAAO,MAAM,QAAQ;AAE3BA,gBAAAA,cAAc,MAAM;AAChB,QAAI,KAAK,UAAU,WAAW,WAAW,KAAK,SAAS,SAASC,MAAAA,UAAU,OAAO;AAC7E,WAAK,SAAS,QAAQA,MAAAA,UAAU,MAAM;AAAA,IAC1C;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,MAAM,CAAC;AAC9B;;"}
+{"version":3,"file":"useTableRowHeightListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowHeightListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\nimport { FontSizes } from '@/types';\n\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowHeightListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = getTableMeta(table);\n\n    useLazyEffect(() => {\n        if (meta.rowHeight.height === 'short' && meta.fontSize.size === FontSizes.large) {\n            meta.fontSize.setSize(FontSizes.medium);\n        }\n    }, [meta.rowHeight.height]);\n}\n"],"names":["getTableMeta","useLazyEffect","FontSizes"],"mappings":";;;;;AAOO,SAAS,0BAA2C,OAA0B;AACjF,QAAM,OAAOA,KAAAA,aAAa,KAAK;AAE/BC,gBAAAA,cAAc,MAAM;AAChB,QAAI,KAAK,UAAU,WAAW,WAAW,KAAK,SAAS,SAASC,MAAAA,UAAU,OAAO;AAC7E,WAAK,SAAS,QAAQA,MAAAA,UAAU,MAAM;AAAA,IAC1C;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,MAAM,CAAC;AAC9B;;"}

package/dist/primitives/Table/useTableManager/listeners/useTableRowHeightListener.js

@@ -1,7 +1,8 @@
 import { useLazyEffect } from "../../../../hooks/useLazyEffect.js";
 import { FontSizes } from "../../../../types.js";
+import { getTableMeta } from "../util/rows.js";
 function useTableRowHeightListener(table) {
-  const meta = table.options.meta;
+  const meta = getTableMeta(table);
   useLazyEffect(() => {
     if (meta.rowHeight.height === "short" && meta.fontSize.size === FontSizes.large) {
       meta.fontSize.setSize(FontSizes.medium);

package/dist/primitives/Table/useTableManager/listeners/useTableRowHeightListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowHeightListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowHeightListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\nimport { FontSizes } from '@/types';\n\nexport function useTableRowHeightListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n\n    useLazyEffect(() => {\n        if (meta.rowHeight.height === 'short' && meta.fontSize.size === FontSizes.large) {\n            meta.fontSize.setSize(FontSizes.medium);\n        }\n    }, [meta.rowHeight.height]);\n}\n"],"names":[],"mappings":";;AAKO,SAAS,0BAA2C,OAA0B;AACjF,QAAM,OAAO,MAAM,QAAQ;AAE3B,gBAAc,MAAM;AAChB,QAAI,KAAK,UAAU,WAAW,WAAW,KAAK,SAAS,SAAS,UAAU,OAAO;AAC7E,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IAC1C;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,MAAM,CAAC;AAC9B;"}
+{"version":3,"file":"useTableRowHeightListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowHeightListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\nimport { FontSizes } from '@/types';\n\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowHeightListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = getTableMeta(table);\n\n    useLazyEffect(() => {\n        if (meta.rowHeight.height === 'short' && meta.fontSize.size === FontSizes.large) {\n            meta.fontSize.setSize(FontSizes.medium);\n        }\n    }, [meta.rowHeight.height]);\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,0BAA2C,OAA0B;AACjF,QAAM,OAAO,aAAa,KAAK;AAE/B,gBAAc,MAAM;AAChB,QAAI,KAAK,UAAU,WAAW,WAAW,KAAK,SAAS,SAAS,UAAU,OAAO;AAC7E,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IAC1C;AAAA,EACJ,GAAG,CAAC,KAAK,UAAU,MAAM,CAAC;AAC9B;"}

package/dist/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useLazyEffect = require("../../../../hooks/useLazyEffect.cjs");
+const rows = require("../util/rows.cjs");
 function useTableRowSelectionListener(table, onRowSelect) {
-  const rows = table.getSelectedRowModel().flatRows;
+  const rows$1 = table.getSelectedRowModel().flatRows;
   const state = table.getState().rowSelection;
-  const tableMeta = table.options.meta;
-  const rowSelection = tableMeta.rowSelection;
+  const rowSelection = rows.getTableMeta(table).rowSelection;
   useLazyEffect.useLazyEffect(() => {
     if (!rowSelection.isControlled && table.options.enableRowSelection && typeof onRowSelect === "function") {
       onRowSelect(
-        rows.map((row) => row.original),
+        rows$1.map((row) => row.original),
         // Keep only selected IDs; rowSelection may contain keys with false values.
         Object.keys(state).filter((id) => state[id])
       );

package/dist/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowSelectionListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableRowSelectHandler } from '../../types';\n\nexport function useTableRowSelectionListener<TType = unknown>(\n    table: ReactTable<TType>,\n    onRowSelect?: TableRowSelectHandler<TType>\n) {\n    // note that the selected row model may not contain all rows in state when using server loading\n    const rows = table.getSelectedRowModel().flatRows;\n    const state = table.getState().rowSelection;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rowSelection = tableMeta.rowSelection;\n\n    // For uncontrolled mode, notify when selection changes\n    // (Controlled mode uses onRowSelectionChange callback in useTableManager)\n    useLazyEffect(() => {\n        if (!rowSelection.isControlled && table.options.enableRowSelection && typeof onRowSelect === 'function') {\n            onRowSelect(\n                rows.map(row => row.original),\n                // Keep only selected IDs; rowSelection may contain keys with false values.\n                Object.keys(state).filter(id => state[id])\n            );\n        }\n        /**\n         * Casting to a boolean, since enableRowSelection can be a function,\n         * and setting a function as depoendency will lead to infinity loop. And in case of row selection useEffect,\n         * we only need to know if selection was enabled or disabled, because enableRowSelection function\n         * will be applied directly to particular rows.\n         */\n    }, [rowSelection.isControlled, !!table.options.enableRowSelection, JSON.stringify(state)]);\n}\n"],"names":["useLazyEffect"],"mappings":";;;AAMO,SAAS,6BACZ,OACA,aACF;AAEE,QAAM,OAAO,MAAM,oBAAA,EAAsB;AACzC,QAAM,QAAQ,MAAM,SAAA,EAAW;AAC/B,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAe,UAAU;AAI/BA,gBAAAA,cAAc,MAAM;AAChB,QAAI,CAAC,aAAa,gBAAgB,MAAM,QAAQ,sBAAsB,OAAO,gBAAgB,YAAY;AACrG;AAAA,QACI,KAAK,IAAI,CAAA,QAAO,IAAI,QAAQ;AAAA;AAAA,QAE5B,OAAO,KAAK,KAAK,EAAE,OAAO,CAAA,OAAM,MAAM,EAAE,CAAC;AAAA,MAAA;AAAA,IAEjD;AAAA,EAOJ,GAAG,CAAC,aAAa,cAAc,CAAC,CAAC,MAAM,QAAQ,oBAAoB,KAAK,UAAU,KAAK,CAAC,CAAC;AAC7F;;"}
+{"version":3,"file":"useTableRowSelectionListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableRowSelectHandler } from '../../types';\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowSelectionListener<TType = unknown>(\n    table: ReactTable<TType>,\n    onRowSelect?: TableRowSelectHandler<TType>\n) {\n    // note that the selected row model may not contain all rows in state when using server loading\n    const rows = table.getSelectedRowModel().flatRows;\n    const state = table.getState().rowSelection;\n    const rowSelection = getTableMeta(table).rowSelection;\n\n    // For uncontrolled mode, notify when selection changes\n    // (Controlled mode uses onRowSelectionChange callback in useTableManager)\n    useLazyEffect(() => {\n        if (!rowSelection.isControlled && table.options.enableRowSelection && typeof onRowSelect === 'function') {\n            onRowSelect(\n                rows.map(row => row.original),\n                // Keep only selected IDs; rowSelection may contain keys with false values.\n                Object.keys(state).filter(id => state[id])\n            );\n        }\n        /**\n         * Casting to a boolean, since enableRowSelection can be a function,\n         * and setting a function as depoendency will lead to infinity loop. And in case of row selection useEffect,\n         * we only need to know if selection was enabled or disabled, because enableRowSelection function\n         * will be applied directly to particular rows.\n         */\n    }, [rowSelection.isControlled, !!table.options.enableRowSelection, JSON.stringify(state)]);\n}\n"],"names":["rows","getTableMeta","useLazyEffect"],"mappings":";;;;AAOO,SAAS,6BACZ,OACA,aACF;AAEE,QAAMA,SAAO,MAAM,oBAAA,EAAsB;AACzC,QAAM,QAAQ,MAAM,SAAA,EAAW;AAC/B,QAAM,eAAeC,KAAAA,aAAa,KAAK,EAAE;AAIzCC,gBAAAA,cAAc,MAAM;AAChB,QAAI,CAAC,aAAa,gBAAgB,MAAM,QAAQ,sBAAsB,OAAO,gBAAgB,YAAY;AACrG;AAAA,QACIF,OAAK,IAAI,CAAA,QAAO,IAAI,QAAQ;AAAA;AAAA,QAE5B,OAAO,KAAK,KAAK,EAAE,OAAO,CAAA,OAAM,MAAM,EAAE,CAAC;AAAA,MAAA;AAAA,IAEjD;AAAA,EAOJ,GAAG,CAAC,aAAa,cAAc,CAAC,CAAC,MAAM,QAAQ,oBAAoB,KAAK,UAAU,KAAK,CAAC,CAAC;AAC7F;;"}

package/dist/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.js

@@ -1,9 +1,9 @@
 import { useLazyEffect } from "../../../../hooks/useLazyEffect.js";
+import { getTableMeta } from "../util/rows.js";
 function useTableRowSelectionListener(table, onRowSelect) {
   const rows = table.getSelectedRowModel().flatRows;
   const state = table.getState().rowSelection;
-  const tableMeta = table.options.meta;
-  const rowSelection = tableMeta.rowSelection;
+  const rowSelection = getTableMeta(table).rowSelection;
   useLazyEffect(() => {
     if (!rowSelection.isControlled && table.options.enableRowSelection && typeof onRowSelect === "function") {
       onRowSelect(

package/dist/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowSelectionListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableRowSelectHandler } from '../../types';\n\nexport function useTableRowSelectionListener<TType = unknown>(\n    table: ReactTable<TType>,\n    onRowSelect?: TableRowSelectHandler<TType>\n) {\n    // note that the selected row model may not contain all rows in state when using server loading\n    const rows = table.getSelectedRowModel().flatRows;\n    const state = table.getState().rowSelection;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rowSelection = tableMeta.rowSelection;\n\n    // For uncontrolled mode, notify when selection changes\n    // (Controlled mode uses onRowSelectionChange callback in useTableManager)\n    useLazyEffect(() => {\n        if (!rowSelection.isControlled && table.options.enableRowSelection && typeof onRowSelect === 'function') {\n            onRowSelect(\n                rows.map(row => row.original),\n                // Keep only selected IDs; rowSelection may contain keys with false values.\n                Object.keys(state).filter(id => state[id])\n            );\n        }\n        /**\n         * Casting to a boolean, since enableRowSelection can be a function,\n         * and setting a function as depoendency will lead to infinity loop. And in case of row selection useEffect,\n         * we only need to know if selection was enabled or disabled, because enableRowSelection function\n         * will be applied directly to particular rows.\n         */\n    }, [rowSelection.isControlled, !!table.options.enableRowSelection, JSON.stringify(state)]);\n}\n"],"names":[],"mappings":";AAMO,SAAS,6BACZ,OACA,aACF;AAEE,QAAM,OAAO,MAAM,oBAAA,EAAsB;AACzC,QAAM,QAAQ,MAAM,SAAA,EAAW;AAC/B,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAe,UAAU;AAI/B,gBAAc,MAAM;AAChB,QAAI,CAAC,aAAa,gBAAgB,MAAM,QAAQ,sBAAsB,OAAO,gBAAgB,YAAY;AACrG;AAAA,QACI,KAAK,IAAI,CAAA,QAAO,IAAI,QAAQ;AAAA;AAAA,QAE5B,OAAO,KAAK,KAAK,EAAE,OAAO,CAAA,OAAM,MAAM,EAAE,CAAC;AAAA,MAAA;AAAA,IAEjD;AAAA,EAOJ,GAAG,CAAC,aAAa,cAAc,CAAC,CAAC,MAAM,QAAQ,oBAAoB,KAAK,UAAU,KAAK,CAAC,CAAC;AAC7F;"}
+{"version":3,"file":"useTableRowSelectionListener.js","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport type { TableRowSelectHandler } from '../../types';\nimport { getTableMeta } from '../util/rows';\n\nexport function useTableRowSelectionListener<TType = unknown>(\n    table: ReactTable<TType>,\n    onRowSelect?: TableRowSelectHandler<TType>\n) {\n    // note that the selected row model may not contain all rows in state when using server loading\n    const rows = table.getSelectedRowModel().flatRows;\n    const state = table.getState().rowSelection;\n    const rowSelection = getTableMeta(table).rowSelection;\n\n    // For uncontrolled mode, notify when selection changes\n    // (Controlled mode uses onRowSelectionChange callback in useTableManager)\n    useLazyEffect(() => {\n        if (!rowSelection.isControlled && table.options.enableRowSelection && typeof onRowSelect === 'function') {\n            onRowSelect(\n                rows.map(row => row.original),\n                // Keep only selected IDs; rowSelection may contain keys with false values.\n                Object.keys(state).filter(id => state[id])\n            );\n        }\n        /**\n         * Casting to a boolean, since enableRowSelection can be a function,\n         * and setting a function as depoendency will lead to infinity loop. And in case of row selection useEffect,\n         * we only need to know if selection was enabled or disabled, because enableRowSelection function\n         * will be applied directly to particular rows.\n         */\n    }, [rowSelection.isControlled, !!table.options.enableRowSelection, JSON.stringify(state)]);\n}\n"],"names":[],"mappings":";;AAOO,SAAS,6BACZ,OACA,aACF;AAEE,QAAM,OAAO,MAAM,oBAAA,EAAsB;AACzC,QAAM,QAAQ,MAAM,SAAA,EAAW;AAC/B,QAAM,eAAe,aAAa,KAAK,EAAE;AAIzC,gBAAc,MAAM;AAChB,QAAI,CAAC,aAAa,gBAAgB,MAAM,QAAQ,sBAAsB,OAAO,gBAAgB,YAAY;AACrG;AAAA,QACI,KAAK,IAAI,CAAA,QAAO,IAAI,QAAQ;AAAA;AAAA,QAE5B,OAAO,KAAK,KAAK,EAAE,OAAO,CAAA,OAAM,MAAM,EAAE,CAAC;AAAA,MAAA;AAAA,IAEjD;AAAA,EAOJ,GAAG,CAAC,aAAa,cAAc,CAAC,CAAC,MAAM,QAAQ,oBAAoB,KAAK,UAAU,KAAK,CAAC,CAAC;AAC7F;"}

package/dist/primitives/Table/useTableManager/listeners/useTableSearchListener.cjs

@@ -3,10 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useLazyEffect = require("../../../../hooks/useLazyEffect.cjs");
 const columns = require("../util/columns.cjs");
+const rows = require("../util/rows.cjs");
 const search = require("../util/search.cjs");
 const Localization = require("../../../../components/Provider/Localization.cjs");
 function useTableSearchListener(table) {
-  const meta = table.options.meta;
+  const meta = rows.getTableMeta(table);
   const localization = Localization.useLocalization();
   const hiddenColumns = columns.getHiddenColumns(table.getState().columnVisibility);
   const query = React.useDeferredValue(table.getState().globalFilter);

package/dist/primitives/Table/useTableManager/listeners/useTableSearchListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSearchListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableSearchListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '@/components';\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport { getHiddenColumns } from '../util/columns';\nimport { resetHighlightedColumnIndexes } from '../util/search';\n\nexport function useTableSearchListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const localization = useLocalization();\n\n    const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n    const query = React.useDeferredValue(table.getState().globalFilter);\n\n    // Need to re-run search when columns are getting shown/hidden.\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            const currentFilter = query;\n            requestAnimationFrame(() => {\n                table.resetGlobalFilter();\n                table.setGlobalFilter(currentFilter);\n            });\n\n            if (meta.search.handleSearch && meta.search.enableGlobalFilter && query) {\n                meta.search.handleSearch(query, hiddenColumns);\n            }\n        }\n    }, [hiddenColumns.length]);\n\n    // recalculates highlighted indexes whenever something important changes\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            resetHighlightedColumnIndexes(query, table, localization);\n        }\n    }, [\n        meta.server.loading,\n        meta.search.isEnabled,\n        meta.search.enableGlobalFilter,\n        table.getRowModel().rows.length,\n        query,\n        JSON.stringify(table.getState().sorting),\n    ]);\n}\n"],"names":["useLocalization","getHiddenColumns","useLazyEffect","resetHighlightedColumnIndexes"],"mappings":";;;;;;;AASO,SAAS,uBAAwC,OAA0B;AAC9E,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,eAAeA,aAAAA,gBAAA;AAErB,QAAM,gBAAgBC,QAAAA,iBAAiB,MAAM,SAAA,EAAW,gBAAgB;AAExE,QAAM,QAAQ,MAAM,iBAAiB,MAAM,SAAA,EAAW,YAAY;AAGlEC,gBAAAA,cAAc,MAAM;AAChB,QAAI,KAAK,OAAO,WAAW;AACvB,YAAM,gBAAgB;AACtB,4BAAsB,MAAM;AACxB,cAAM,kBAAA;AACN,cAAM,gBAAgB,aAAa;AAAA,MACvC,CAAC;AAED,UAAI,KAAK,OAAO,gBAAgB,KAAK,OAAO,sBAAsB,OAAO;AACrE,aAAK,OAAO,aAAa,OAAO,aAAa;AAAA,MACjD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,cAAc,MAAM,CAAC;AAGzBA,gBAAAA,cAAc,MAAM;AAChB,QAAI,KAAK,OAAO,WAAW;AACvBC,2CAA8B,OAAO,OAAO,YAAY;AAAA,IAC5D;AAAA,EACJ,GAAG;AAAA,IACC,KAAK,OAAO;AAAA,IACZ,KAAK,OAAO;AAAA,IACZ,KAAK,OAAO;AAAA,IACZ,MAAM,cAAc,KAAK;AAAA,IACzB;AAAA,IACA,KAAK,UAAU,MAAM,SAAA,EAAW,OAAO;AAAA,EAAA,CAC1C;AACL;;"}
+{"version":3,"file":"useTableSearchListener.cjs","sources":["../../../../../src/primitives/Table/useTableManager/listeners/useTableSearchListener.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '@/components';\nimport { useLazyEffect } from '@/hooks/useLazyEffect';\n\nimport { getHiddenColumns } from '../util/columns';\nimport { getTableMeta } from '../util/rows';\nimport { resetHighlightedColumnIndexes } from '../util/search';\n\nexport function useTableSearchListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = getTableMeta(table);\n    const localization = useLocalization();\n\n    const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n    const query = React.useDeferredValue(table.getState().globalFilter);\n\n    // Need to re-run search when columns are getting shown/hidden.\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            const currentFilter = query;\n            requestAnimationFrame(() => {\n                table.resetGlobalFilter();\n                table.setGlobalFilter(currentFilter);\n            });\n\n            if (meta.search.handleSearch && meta.search.enableGlobalFilter && query) {\n                meta.search.handleSearch(query, hiddenColumns);\n            }\n        }\n    }, [hiddenColumns.length]);\n\n    // recalculates highlighted indexes whenever something important changes\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            resetHighlightedColumnIndexes(query, table, localization);\n        }\n    }, [\n        meta.server.loading,\n        meta.search.isEnabled,\n        meta.search.enableGlobalFilter,\n        table.getRowModel().rows.length,\n        query,\n        JSON.stringify(table.getState().sorting),\n    ]);\n}\n"],"names":["getTableMeta","useLocalization","getHiddenColumns","useLazyEffect","resetHighlightedColumnIndexes"],"mappings":";;;;;;;;AAUO,SAAS,uBAAwC,OAA0B;AAC9E,QAAM,OAAOA,KAAAA,aAAa,KAAK;AAC/B,QAAM,eAAeC,aAAAA,gBAAA;AAErB,QAAM,gBAAgBC,QAAAA,iBAAiB,MAAM,SAAA,EAAW,gBAAgB;AAExE,QAAM,QAAQ,MAAM,iBAAiB,MAAM,SAAA,EAAW,YAAY;AAGlEC,gBAAAA,cAAc,MAAM;AAChB,QAAI,KAAK,OAAO,WAAW;AACvB,YAAM,gBAAgB;AACtB,4BAAsB,MAAM;AACxB,cAAM,kBAAA;AACN,cAAM,gBAAgB,aAAa;AAAA,MACvC,CAAC;AAED,UAAI,KAAK,OAAO,gBAAgB,KAAK,OAAO,sBAAsB,OAAO;AACrE,aAAK,OAAO,aAAa,OAAO,aAAa;AAAA,MACjD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,cAAc,MAAM,CAAC;AAGzBA,gBAAAA,cAAc,MAAM;AAChB,QAAI,KAAK,OAAO,WAAW;AACvBC,2CAA8B,OAAO,OAAO,YAAY;AAAA,IAC5D;AAAA,EACJ,GAAG;AAAA,IACC,KAAK,OAAO;AAAA,IACZ,KAAK,OAAO;AAAA,IACZ,KAAK,OAAO;AAAA,IACZ,MAAM,cAAc,KAAK;AAAA,IACzB;AAAA,IACA,KAAK,UAAU,MAAM,SAAA,EAAW,OAAO;AAAA,EAAA,CAC1C;AACL;;"}

package/dist/primitives/Table/useTableManager/listeners/useTableSearchListener.js

@@ -1,10 +1,11 @@
 import React__default from "react";
 import { useLazyEffect } from "../../../../hooks/useLazyEffect.js";
 import { getHiddenColumns } from "../util/columns.js";
+import { getTableMeta } from "../util/rows.js";
 import { resetHighlightedColumnIndexes } from "../util/search.js";
 import { useLocalization } from "../../../../components/Provider/Localization.js";
 function useTableSearchListener(table) {
-  const meta = table.options.meta;
+  const meta = getTableMeta(table);
   const localization = useLocalization();
   const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
   const query = React__default.useDeferredValue(table.getState().globalFilter);