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

package/dist/primitives/Table/Core/components/Row/Row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Row.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowRenderer, TableRowRendererProps } from '../../types';\n\nimport { RowContext } from './RowContext';\n\nexport type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        renderer: TableRowRenderer<TType>;\n    };\n\n/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const {\n        renderer: RowRenderer,\n        cellRenderer: CellRenderer,\n        hideInternalColumns = false,\n        hideRowActions = false,\n        ...displayRowProps\n    } = props;\n\n    const tableMeta = props.table.options.meta as ReactTableMeta<TType>;\n    const isHovered = tableMeta.rowActive.rowHoverIndex === props.index;\n    // context - it must be here for cells to read it, since they render alongside the row inside DisplayRow\n    const contextValue = React.useMemo(\n        () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),\n        [isHovered, props.index, hideInternalColumns, hideRowActions]\n    );\n\n    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["RowContext"],"mappings":";;;;AAaO,SAAS,IAAqB,OAAwB;AACzD,QAAM;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,MAAM,MAAM,QAAQ;AACtC,QAAM,YAAY,UAAU,UAAU,kBAAkB,MAAM;AAE9D,QAAM,eAAe,MAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAAA;AAGhE,SACI,sBAAA,cAACA,WAAAA,WAAW,UAAX,EAAoB,OAAO,aAAA,GACxB,sBAAA,cAAC,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;;"}
+{"version":3,"file":"Row.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getTableMeta } from '../../../useTableManager/util/rows';\nimport type { TableRowRenderer, TableRowRendererProps } from '../../types';\n\nimport { RowContext } from './RowContext';\n\nexport type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        renderer: TableRowRenderer<TType>;\n    };\n\n/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const {\n        renderer: RowRenderer,\n        cellRenderer: CellRenderer,\n        hideInternalColumns = false,\n        hideRowActions = false,\n        ...displayRowProps\n    } = props;\n\n    const isHovered = getTableMeta(props.table).rowActive.rowHoverIndex === props.index;\n    // context - it must be here for cells to read it, since they render alongside the row inside DisplayRow\n    const contextValue = React.useMemo(\n        () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),\n        [isHovered, props.index, hideInternalColumns, hideRowActions]\n    );\n\n    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["getTableMeta","RowContext"],"mappings":";;;;;AAaO,SAAS,IAAqB,OAAwB;AACzD,QAAM;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAYA,KAAAA,aAAa,MAAM,KAAK,EAAE,UAAU,kBAAkB,MAAM;AAE9E,QAAM,eAAe,MAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAAA;AAGhE,SACI,sBAAA,cAACC,WAAAA,WAAW,UAAX,EAAoB,OAAO,aAAA,GACxB,sBAAA,cAAC,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;;"}

package/dist/primitives/Table/Core/components/Row/Row.js

@@ -1,4 +1,5 @@
 import React__default from "react";
+import { getTableMeta } from "../../../useTableManager/util/rows.js";
 import { RowContext } from "./RowContext.js";
 function Row(props) {
   const {
@@ -8,8 +9,7 @@ function Row(props) {
     hideRowActions = false,
     ...displayRowProps
   } = props;
-  const tableMeta = props.table.options.meta;
-  const isHovered = tableMeta.rowActive.rowHoverIndex === props.index;
+  const isHovered = getTableMeta(props.table).rowActive.rowHoverIndex === props.index;
   const contextValue = React__default.useMemo(
     () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),
     [isHovered, props.index, hideInternalColumns, hideRowActions]

package/dist/primitives/Table/Core/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowRenderer, TableRowRendererProps } from '../../types';\n\nimport { RowContext } from './RowContext';\n\nexport type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        renderer: TableRowRenderer<TType>;\n    };\n\n/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const {\n        renderer: RowRenderer,\n        cellRenderer: CellRenderer,\n        hideInternalColumns = false,\n        hideRowActions = false,\n        ...displayRowProps\n    } = props;\n\n    const tableMeta = props.table.options.meta as ReactTableMeta<TType>;\n    const isHovered = tableMeta.rowActive.rowHoverIndex === props.index;\n    // context - it must be here for cells to read it, since they render alongside the row inside DisplayRow\n    const contextValue = React.useMemo(\n        () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),\n        [isHovered, props.index, hideInternalColumns, hideRowActions]\n    );\n\n    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["React"],"mappings":";;AAaO,SAAS,IAAqB,OAAwB;AACzD,QAAM;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,MAAM,MAAM,QAAQ;AACtC,QAAM,YAAY,UAAU,UAAU,kBAAkB,MAAM;AAE9D,QAAM,eAAeA,eAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAAA;AAGhE,SACIA,+BAAA,cAAC,WAAW,UAAX,EAAoB,OAAO,aAAA,GACxBA,+BAAA,cAAC,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;"}
+{"version":3,"file":"Row.js","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getTableMeta } from '../../../useTableManager/util/rows';\nimport type { TableRowRenderer, TableRowRendererProps } from '../../types';\n\nimport { RowContext } from './RowContext';\n\nexport type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        renderer: TableRowRenderer<TType>;\n    };\n\n/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const {\n        renderer: RowRenderer,\n        cellRenderer: CellRenderer,\n        hideInternalColumns = false,\n        hideRowActions = false,\n        ...displayRowProps\n    } = props;\n\n    const isHovered = getTableMeta(props.table).rowActive.rowHoverIndex === props.index;\n    // context - it must be here for cells to read it, since they render alongside the row inside DisplayRow\n    const contextValue = React.useMemo(\n        () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),\n        [isHovered, props.index, hideInternalColumns, hideRowActions]\n    );\n\n    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["React"],"mappings":";;;AAaO,SAAS,IAAqB,OAAwB;AACzD,QAAM;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,aAAa,MAAM,KAAK,EAAE,UAAU,kBAAkB,MAAM;AAE9E,QAAM,eAAeA,eAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAAA;AAGhE,SACIA,+BAAA,cAAC,WAAW,UAAX,EAAoB,OAAO,aAAA,GACxBA,+BAAA,cAAC,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;"}

package/dist/primitives/Table/Core/components/Toolbar/Toolbar.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const rows = require("../../../useTableManager/util/rows.cjs");
 const Filters = require("./components/Filters/Filters.cjs");
 const Print = require("./components/Print/Print.cjs");
 const Search = require("./components/Search/Search.cjs");
@@ -28,7 +29,7 @@ function TableToolbar(props) {
   ), table.props.toolbarPanel ? /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, table.props.toolbarPanel) : void 0);
 }
 function canChangeSettings(table, customSettings) {
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   return table.options.enableHiding || tableMeta.columnOrdering.isEnabled || tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || typeof customSettings === "function";
 }
 function isToolbarVisible(table, customTools) {

package/dist/primitives/Table/Core/components/Toolbar/Toolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableCustomSettingsRenderer } from '../../../types';\nimport type { useTableReturnValue } from '../../useTable';\n\nimport { Filters } from './components/Filters/Filters';\nimport { Print } from './components/Print/Print';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: React.JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    const id = `${table.id}-toolbar`;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                id={id}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <div className=\"ml-auto flex flex-shrink-0 items-center gap-2 print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} tableId={table.id} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? (\n                        <Settings customSettings={table.props.customSettings} id={`${id}-settings`} table={table.instance} />\n                    ) : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </div>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible<TType = unknown>(table: useTableReturnValue<TType>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["Filters","Print","Settings","Search"],"mappings":";;;;;;;AAgBO,SAAS,aAA8B,OAAiC;AAC3E,QAAM,EAAE,UAAU,aAAa,OAAO,GAAG,eAAe;AAExD,MAAI,CAAC,iBAAwB,OAAO,CAAC,CAAC,WAAW,GAAG;AAChD,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,MAAM,SAAS,QAAQ;AACzC,QAAM,WAAW,MAAM,KAAK,SAAS;AACrC,QAAM,cAAc,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc;AAChF,QAAM,YAAY,MAAM,KAAK,OAAO;AAEpC,QAAM,KAAK,GAAG,MAAM,EAAE;AAEtB,SACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT,MAAM,MAAM;AAAA,IACb,sBAAA,cAAC,OAAA,EAAI,WAAU,6DAAA,GACV,aACA,YAAY,sBAAA,cAACA,QAAAA,SAAA,EAAQ,QAAQ,MAAM,KAAK,QAAQ,SAAS,MAAM,IAAI,OAAO,MAAM,UAAU,IAAK,MAC/F,MAAM,MAAM,cACZ,WAAW,sBAAA,cAACC,MAAAA,OAAA,EAAM,OAAO,MAAM,UAAU,SAAS,MAAM,IAAI,UAAU,MAAM,IAAA,CAAK,IAAK,MACtF,cACG,sBAAA,cAACC,SAAAA,YAAS,gBAAgB,MAAM,MAAM,gBAAgB,IAAI,GAAG,EAAE,aAAa,OAAO,MAAM,SAAA,CAAU,IACnG,MACH,YACG,sBAAA,cAACC,OAAAA,QAAA,EAAO,eAAe,MAAM,SAAS,eAAe,OAAO,MAAM,UAAU,UAAU,MAAM,IAAA,CAAK,IACjG,IACR;AAAA,EAAA,GAEH,MAAM,MAAM,eAAe,sBAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GAAQ,MAAM,MAAM,YAAa,IAAS,MACzF;AAER;AAEA,SAAS,kBAAmC,OAA0B,gBAA8C;AAChH,QAAM,YAAY,MAAM,QAAQ;AAEhC,SACI,MAAM,QAAQ,gBACd,UAAU,eAAe,aACzB,UAAU,SAAS,aACnB,UAAU,UAAU,aACpB,OAAO,mBAAmB;AAElC;AAEA,SAAS,iBAAkC,OAAmC,aAAsB;AAChG,QAAM,qBACF,eACA,MAAM,SAAS,QAAQ,uBACvB,MAAM,KAAK,SAAS,aACpB,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc,KAC5D,MAAM,KAAK,OAAO;AAEtB,SAAO,sBAAsB,CAAC,CAAC,MAAM,MAAM,eAAe,CAAC,CAAC,MAAM,MAAM;AAC5E;;"}
+{"version":3,"file":"Toolbar.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableCustomSettingsRenderer } from '../../../types';\nimport { getTableMeta } from '../../../useTableManager/util/rows';\nimport type { useTableReturnValue } from '../../useTable';\n\nimport { Filters } from './components/Filters/Filters';\nimport { Print } from './components/Print/Print';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: React.JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    const id = `${table.id}-toolbar`;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                id={id}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <div className=\"ml-auto flex flex-shrink-0 items-center gap-2 print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} tableId={table.id} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? (\n                        <Settings customSettings={table.props.customSettings} id={`${id}-settings`} table={table.instance} />\n                    ) : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </div>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = getTableMeta(table);\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible<TType = unknown>(table: useTableReturnValue<TType>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["Filters","Print","Settings","Search","getTableMeta"],"mappings":";;;;;;;;AAiBO,SAAS,aAA8B,OAAiC;AAC3E,QAAM,EAAE,UAAU,aAAa,OAAO,GAAG,eAAe;AAExD,MAAI,CAAC,iBAAwB,OAAO,CAAC,CAAC,WAAW,GAAG;AAChD,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,MAAM,SAAS,QAAQ;AACzC,QAAM,WAAW,MAAM,KAAK,SAAS;AACrC,QAAM,cAAc,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc;AAChF,QAAM,YAAY,MAAM,KAAK,OAAO;AAEpC,QAAM,KAAK,GAAG,MAAM,EAAE;AAEtB,SACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT,MAAM,MAAM;AAAA,IACb,sBAAA,cAAC,OAAA,EAAI,WAAU,6DAAA,GACV,aACA,YAAY,sBAAA,cAACA,QAAAA,SAAA,EAAQ,QAAQ,MAAM,KAAK,QAAQ,SAAS,MAAM,IAAI,OAAO,MAAM,UAAU,IAAK,MAC/F,MAAM,MAAM,cACZ,WAAW,sBAAA,cAACC,MAAAA,OAAA,EAAM,OAAO,MAAM,UAAU,SAAS,MAAM,IAAI,UAAU,MAAM,IAAA,CAAK,IAAK,MACtF,cACG,sBAAA,cAACC,SAAAA,YAAS,gBAAgB,MAAM,MAAM,gBAAgB,IAAI,GAAG,EAAE,aAAa,OAAO,MAAM,SAAA,CAAU,IACnG,MACH,YACG,sBAAA,cAACC,OAAAA,QAAA,EAAO,eAAe,MAAM,SAAS,eAAe,OAAO,MAAM,UAAU,UAAU,MAAM,IAAA,CAAK,IACjG,IACR;AAAA,EAAA,GAEH,MAAM,MAAM,eAAe,sBAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GAAQ,MAAM,MAAM,YAAa,IAAS,MACzF;AAER;AAEA,SAAS,kBAAmC,OAA0B,gBAA8C;AAChH,QAAM,YAAYC,KAAAA,aAAa,KAAK;AAEpC,SACI,MAAM,QAAQ,gBACd,UAAU,eAAe,aACzB,UAAU,SAAS,aACnB,UAAU,UAAU,aACpB,OAAO,mBAAmB;AAElC;AAEA,SAAS,iBAAkC,OAAmC,aAAsB;AAChG,QAAM,qBACF,eACA,MAAM,SAAS,QAAQ,uBACvB,MAAM,KAAK,SAAS,aACpB,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc,KAC5D,MAAM,KAAK,OAAO;AAEtB,SAAO,sBAAsB,CAAC,CAAC,MAAM,MAAM,eAAe,CAAC,CAAC,MAAM,MAAM;AAC5E;;"}

package/dist/primitives/Table/Core/components/Toolbar/Toolbar.js

@@ -1,4 +1,5 @@
 import React__default from "react";
+import { getTableMeta } from "../../../useTableManager/util/rows.js";
 import { Filters } from "./components/Filters/Filters.js";
 import { Print } from "./components/Print/Print.js";
 import { Search } from "./components/Search/Search.js";
@@ -26,7 +27,7 @@ function TableToolbar(props) {
   ), table.props.toolbarPanel ? /* @__PURE__ */ React__default.createElement("div", { className: "mb-4" }, table.props.toolbarPanel) : void 0);
 }
 function canChangeSettings(table, customSettings) {
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   return table.options.enableHiding || tableMeta.columnOrdering.isEnabled || tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || typeof customSettings === "function";
 }
 function isToolbarVisible(table, customTools) {

package/dist/primitives/Table/Core/components/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableCustomSettingsRenderer } from '../../../types';\nimport type { useTableReturnValue } from '../../useTable';\n\nimport { Filters } from './components/Filters/Filters';\nimport { Print } from './components/Print/Print';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: React.JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    const id = `${table.id}-toolbar`;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                id={id}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <div className=\"ml-auto flex flex-shrink-0 items-center gap-2 print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} tableId={table.id} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? (\n                        <Settings customSettings={table.props.customSettings} id={`${id}-settings`} table={table.instance} />\n                    ) : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </div>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible<TType = unknown>(table: useTableReturnValue<TType>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["React"],"mappings":";;;;;AAgBO,SAAS,aAA8B,OAAiC;AAC3E,QAAM,EAAE,UAAU,aAAa,OAAO,GAAG,eAAe;AAExD,MAAI,CAAC,iBAAwB,OAAO,CAAC,CAAC,WAAW,GAAG;AAChD,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,MAAM,SAAS,QAAQ;AACzC,QAAM,WAAW,MAAM,KAAK,SAAS;AACrC,QAAM,cAAc,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc;AAChF,QAAM,YAAY,MAAM,KAAK,OAAO;AAEpC,QAAM,KAAK,GAAG,MAAM,EAAE;AAEtB,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT,MAAM,MAAM;AAAA,IACbA,+BAAA,cAAC,OAAA,EAAI,WAAU,6DAAA,GACV,aACA,YAAYA,+BAAA,cAAC,SAAA,EAAQ,QAAQ,MAAM,KAAK,QAAQ,SAAS,MAAM,IAAI,OAAO,MAAM,UAAU,IAAK,MAC/F,MAAM,MAAM,cACZ,WAAWA,+BAAA,cAAC,OAAA,EAAM,OAAO,MAAM,UAAU,SAAS,MAAM,IAAI,UAAU,MAAM,IAAA,CAAK,IAAK,MACtF,cACGA,+BAAA,cAAC,YAAS,gBAAgB,MAAM,MAAM,gBAAgB,IAAI,GAAG,EAAE,aAAa,OAAO,MAAM,SAAA,CAAU,IACnG,MACH,YACGA,+BAAA,cAAC,QAAA,EAAO,eAAe,MAAM,SAAS,eAAe,OAAO,MAAM,UAAU,UAAU,MAAM,IAAA,CAAK,IACjG,IACR;AAAA,EAAA,GAEH,MAAM,MAAM,eAAeA,+BAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GAAQ,MAAM,MAAM,YAAa,IAAS,MACzF;AAER;AAEA,SAAS,kBAAmC,OAA0B,gBAA8C;AAChH,QAAM,YAAY,MAAM,QAAQ;AAEhC,SACI,MAAM,QAAQ,gBACd,UAAU,eAAe,aACzB,UAAU,SAAS,aACnB,UAAU,UAAU,aACpB,OAAO,mBAAmB;AAElC;AAEA,SAAS,iBAAkC,OAAmC,aAAsB;AAChG,QAAM,qBACF,eACA,MAAM,SAAS,QAAQ,uBACvB,MAAM,KAAK,SAAS,aACpB,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc,KAC5D,MAAM,KAAK,OAAO;AAEtB,SAAO,sBAAsB,CAAC,CAAC,MAAM,MAAM,eAAe,CAAC,CAAC,MAAM,MAAM;AAC5E;"}
+{"version":3,"file":"Toolbar.js","sources":["../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableCustomSettingsRenderer } from '../../../types';\nimport { getTableMeta } from '../../../useTableManager/util/rows';\nimport type { useTableReturnValue } from '../../useTable';\n\nimport { Filters } from './components/Filters/Filters';\nimport { Print } from './components/Print/Print';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: React.JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    const id = `${table.id}-toolbar`;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                id={id}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <div className=\"ml-auto flex flex-shrink-0 items-center gap-2 print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} tableId={table.id} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? (\n                        <Settings customSettings={table.props.customSettings} id={`${id}-settings`} table={table.instance} />\n                    ) : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </div>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = getTableMeta(table);\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible<TType = unknown>(table: useTableReturnValue<TType>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["React"],"mappings":";;;;;;AAiBO,SAAS,aAA8B,OAAiC;AAC3E,QAAM,EAAE,UAAU,aAAa,OAAO,GAAG,eAAe;AAExD,MAAI,CAAC,iBAAwB,OAAO,CAAC,CAAC,WAAW,GAAG;AAChD,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,MAAM,SAAS,QAAQ;AACzC,QAAM,WAAW,MAAM,KAAK,SAAS;AACrC,QAAM,cAAc,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc;AAChF,QAAM,YAAY,MAAM,KAAK,OAAO;AAEpC,QAAM,KAAK,GAAG,MAAM,EAAE;AAEtB,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT,MAAM,MAAM;AAAA,IACbA,+BAAA,cAAC,OAAA,EAAI,WAAU,6DAAA,GACV,aACA,YAAYA,+BAAA,cAAC,SAAA,EAAQ,QAAQ,MAAM,KAAK,QAAQ,SAAS,MAAM,IAAI,OAAO,MAAM,UAAU,IAAK,MAC/F,MAAM,MAAM,cACZ,WAAWA,+BAAA,cAAC,OAAA,EAAM,OAAO,MAAM,UAAU,SAAS,MAAM,IAAI,UAAU,MAAM,IAAA,CAAK,IAAK,MACtF,cACGA,+BAAA,cAAC,YAAS,gBAAgB,MAAM,MAAM,gBAAgB,IAAI,GAAG,EAAE,aAAa,OAAO,MAAM,SAAA,CAAU,IACnG,MACH,YACGA,+BAAA,cAAC,QAAA,EAAO,eAAe,MAAM,SAAS,eAAe,OAAO,MAAM,UAAU,UAAU,MAAM,IAAA,CAAK,IACjG,IACR;AAAA,EAAA,GAEH,MAAM,MAAM,eAAeA,+BAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GAAQ,MAAM,MAAM,YAAa,IAAS,MACzF;AAER;AAEA,SAAS,kBAAmC,OAA0B,gBAA8C;AAChH,QAAM,YAAY,aAAa,KAAK;AAEpC,SACI,MAAM,QAAQ,gBACd,UAAU,eAAe,aACzB,UAAU,SAAS,aACnB,UAAU,UAAU,aACpB,OAAO,mBAAmB;AAElC;AAEA,SAAS,iBAAkC,OAAmC,aAAsB;AAChG,QAAM,qBACF,eACA,MAAM,SAAS,QAAQ,uBACvB,MAAM,KAAK,SAAS,aACpB,kBAAkB,MAAM,UAAU,MAAM,MAAM,cAAc,KAC5D,MAAM,KAAK,OAAO;AAEtB,SAAO,sBAAsB,CAAC,CAAC,MAAM,MAAM,eAAe,CAAC,CAAC,MAAM,MAAM;AAC5E;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const types = require("../../../../../types.cjs");
 const columns = require("../../../../../useTableManager/util/columns.cjs");
+const rows = require("../../../../../useTableManager/util/rows.cjs");
 const Filter = require("./components/Filter.cjs");
 const FilterContext = require("./FilterContext.cjs");
 const util = require("./util.cjs");
@@ -16,7 +17,7 @@ function ManageFiltersPopover(props) {
   const { locale, texts } = Localization.useLocalization();
   const allColumns = table.getAllLeafColumns().filter((column) => !columns.isInternalColumn(column.id)).sort(util.sortByHeader);
   const columnFilters = table.getState().columnFilters;
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   const [filters, setFilters] = React.useState(columnFilters.length ? columnFilters : [placeholderFilter]);
   React.useEffect(() => {
     setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = [...filterValues].at(-1);\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","isEmptyFilter","Popover","FilterContext","Filter","Button","Inline"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { getTableMeta } from '../../../../../useTableManager/util/rows';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = getTableMeta(table);\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = [...filterValues].at(-1);\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","getTableMeta","isEmptyFilter","Popover","FilterContext","Filter","Button","Inline"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.js

@@ -1,6 +1,7 @@
 import React__default from "react";
 import { TableFilterComparator } from "../../../../../types.js";
 import { isInternalColumn } from "../../../../../useTableManager/util/columns.js";
+import { getTableMeta } from "../../../../../useTableManager/util/rows.js";
 import { Filter } from "./components/Filter.js";
 import { FilterContext } from "./FilterContext.js";
 import { sortByHeader, isEmptyFilter } from "./util.js";
@@ -14,7 +15,7 @@ function ManageFiltersPopover(props) {
   const { locale, texts } = useLocalization();
   const allColumns = table.getAllLeafColumns().filter((column) => !isInternalColumn(column.id)).sort(sortByHeader);
   const columnFilters = table.getState().columnFilters;
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   const [filters, setFilters] = React__default.useState(columnFilters.length ? columnFilters : [placeholderFilter]);
   React__default.useEffect(() => {
     setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = [...filterValues].at(-1);\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { getTableMeta } from '../../../../../useTableManager/util/rows';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = getTableMeta(table);\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = [...filterValues].at(-1);\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/util.cjs

@@ -10,11 +10,11 @@ function isEmptyFilter(filter) {
   return !filter.value.hasOwnProperty("value");
 }
 function guessComparatorsBasedOnControl(column) {
-  const columnMeta = column?.columnDef.meta ?? {};
-  if (Array.isArray(columnMeta.filters)) {
+  const columnMeta = column?.columnDef.meta;
+  if (Array.isArray(columnMeta?.filters)) {
     return columnMeta.filters;
   }
-  if (typeof columnMeta.control === "function") {
+  if (typeof columnMeta?.control === "function") {
     const renderedControl = columnMeta.control({
       onBlur: () => void 0,
       onFocus: () => void 0,
@@ -46,13 +46,13 @@ function guessComparatorsBasedOnControl(column) {
       }
     }
   }
-  if (columnMeta.control === "datepicker") {
+  if (columnMeta?.control === "datepicker") {
     return dataTypes.getDataTypeProperties("datetime").filterComparators;
   }
-  if (columnMeta.control === "switch") {
+  if (columnMeta?.control === "switch") {
     return dataTypes.getDataTypeProperties("boolean").filterComparators;
   }
-  return dataTypes.getDataTypeProperties(columnMeta.dataType).filterComparators;
+  return dataTypes.getDataTypeProperties(columnMeta?.dataType).filterComparators;
 }
 exports.guessComparatorsBasedOnControl = guessComparatorsBasedOnControl;
 exports.isEmptyFilter = isEmptyFilter;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import type { Column as ReactTableColumn, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableFilter } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // oxlint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = (column?.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    if (Array.isArray(columnMeta.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta.dataType).filterComparators;\n}\n"],"names":["TableFilterComparator","getDataTypeProperties"],"mappings":";;;;;AAOO,SAAS,aAA8B,GAA4B,GAA4B;AAClG,SAAQ,EAAE,UAAU,MAAM,QAAmB,gBAAgB,EAAE,UAAU,MAAM,MAAgB;AACnG;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,aAAc,QAAQ,UAAU,QAAQ,CAAA;AAE9C,MAAI,MAAM,QAAQ,WAAW,OAAO,GAAG;AACnC,WAAO,WAAW;AAAA,EACtB;AAEA,MAAI,OAAO,WAAW,YAAY,YAAY;AAC1C,UAAM,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAED,QAAI,MAAM,eAAe,eAAe,GAAG;AACvC,YAAM,EAAE,OAAO,KAAA,IAAS;AAExB,UAAI,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AAChB,iBAAO;AAAA,YACHA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,4BAAsB;AAAA,UAAA;AAAA,QAE9B;AAEA,eAAO;AAAA,UACHA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,4BAAsB;AAAA,QAAA;AAAA,MAE9B;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,WAAW,YAAY,cAAc;AACrC,WAAOC,UAAAA,sBAA6B,UAAU,EAAE;AAAA,EACpD;AAEA,MAAI,WAAW,YAAY,UAAU;AACjC,WAAOA,UAAAA,sBAA6B,SAAS,EAAE;AAAA,EACnD;AAEA,SAAOA,gCAA6B,WAAW,QAAQ,EAAE;AAC7D;;;;"}
+{"version":3,"file":"util.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableFilter } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // oxlint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = column?.columnDef.meta;\n\n    if (Array.isArray(columnMeta?.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta?.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta?.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta?.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta?.dataType).filterComparators;\n}\n"],"names":["TableFilterComparator","getDataTypeProperties"],"mappings":";;;;;AAOO,SAAS,aAA8B,GAA4B,GAA4B;AAClG,SAAQ,EAAE,UAAU,MAAM,QAAmB,gBAAgB,EAAE,UAAU,MAAM,MAAgB;AACnG;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,aAAa,QAAQ,UAAU;AAErC,MAAI,MAAM,QAAQ,YAAY,OAAO,GAAG;AACpC,WAAO,WAAW;AAAA,EACtB;AAEA,MAAI,OAAO,YAAY,YAAY,YAAY;AAC3C,UAAM,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAED,QAAI,MAAM,eAAe,eAAe,GAAG;AACvC,YAAM,EAAE,OAAO,KAAA,IAAS;AAExB,UAAI,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AAChB,iBAAO;AAAA,YACHA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,4BAAsB;AAAA,UAAA;AAAA,QAE9B;AAEA,eAAO;AAAA,UACHA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,4BAAsB;AAAA,QAAA;AAAA,MAE9B;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,YAAY,YAAY,cAAc;AACtC,WAAOC,UAAAA,sBAA6B,UAAU,EAAE;AAAA,EACpD;AAEA,MAAI,YAAY,YAAY,UAAU;AAClC,WAAOA,UAAAA,sBAA6B,SAAS,EAAE;AAAA,EACnD;AAEA,SAAOA,gCAA6B,YAAY,QAAQ,EAAE;AAC9D;;;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/util.js

@@ -8,11 +8,11 @@ function isEmptyFilter(filter) {
   return !filter.value.hasOwnProperty("value");
 }
 function guessComparatorsBasedOnControl(column) {
-  const columnMeta = column?.columnDef.meta ?? {};
-  if (Array.isArray(columnMeta.filters)) {
+  const columnMeta = column?.columnDef.meta;
+  if (Array.isArray(columnMeta?.filters)) {
     return columnMeta.filters;
   }
-  if (typeof columnMeta.control === "function") {
+  if (typeof columnMeta?.control === "function") {
     const renderedControl = columnMeta.control({
       onBlur: () => void 0,
       onFocus: () => void 0,
@@ -44,13 +44,13 @@ function guessComparatorsBasedOnControl(column) {
       }
     }
   }
-  if (columnMeta.control === "datepicker") {
+  if (columnMeta?.control === "datepicker") {
     return getDataTypeProperties("datetime").filterComparators;
   }
-  if (columnMeta.control === "switch") {
+  if (columnMeta?.control === "switch") {
     return getDataTypeProperties("boolean").filterComparators;
   }
-  return getDataTypeProperties(columnMeta.dataType).filterComparators;
+  return getDataTypeProperties(columnMeta?.dataType).filterComparators;
 }
 export {
   guessComparatorsBasedOnControl,

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import type { Column as ReactTableColumn, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableFilter } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // oxlint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = (column?.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    if (Array.isArray(columnMeta.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta.dataType).filterComparators;\n}\n"],"names":["React"],"mappings":";;;AAOO,SAAS,aAA8B,GAA4B,GAA4B;AAClG,SAAQ,EAAE,UAAU,MAAM,QAAmB,gBAAgB,EAAE,UAAU,MAAM,MAAgB;AACnG;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,aAAc,QAAQ,UAAU,QAAQ,CAAA;AAE9C,MAAI,MAAM,QAAQ,WAAW,OAAO,GAAG;AACnC,WAAO,WAAW;AAAA,EACtB;AAEA,MAAI,OAAO,WAAW,YAAY,YAAY;AAC1C,UAAM,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAED,QAAIA,eAAM,eAAe,eAAe,GAAG;AACvC,YAAM,EAAE,OAAO,KAAA,IAAS;AAExB,UAAI,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AAChB,iBAAO;AAAA,YACH,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,UAAA;AAAA,QAE9B;AAEA,eAAO;AAAA,UACH,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,QAAA;AAAA,MAE9B;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,WAAW,YAAY,cAAc;AACrC,WAAO,sBAA6B,UAAU,EAAE;AAAA,EACpD;AAEA,MAAI,WAAW,YAAY,UAAU;AACjC,WAAO,sBAA6B,SAAS,EAAE;AAAA,EACnD;AAEA,SAAO,sBAA6B,WAAW,QAAQ,EAAE;AAC7D;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableFilter } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // oxlint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = column?.columnDef.meta;\n\n    if (Array.isArray(columnMeta?.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta?.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta?.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta?.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta?.dataType).filterComparators;\n}\n"],"names":["React"],"mappings":";;;AAOO,SAAS,aAA8B,GAA4B,GAA4B;AAClG,SAAQ,EAAE,UAAU,MAAM,QAAmB,gBAAgB,EAAE,UAAU,MAAM,MAAgB;AACnG;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,aAAa,QAAQ,UAAU;AAErC,MAAI,MAAM,QAAQ,YAAY,OAAO,GAAG;AACpC,WAAO,WAAW;AAAA,EACtB;AAEA,MAAI,OAAO,YAAY,YAAY,YAAY;AAC3C,UAAM,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAED,QAAIA,eAAM,eAAe,eAAe,GAAG;AACvC,YAAM,EAAE,OAAO,KAAA,IAAS;AAExB,UAAI,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AAChB,iBAAO;AAAA,YACH,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,UAAA;AAAA,QAE9B;AAEA,eAAO;AAAA,UACH,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,QAAA;AAAA,MAE9B;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,YAAY,YAAY,cAAc;AACtC,WAAO,sBAA6B,UAAU,EAAE;AAAA,EACpD;AAEA,MAAI,YAAY,YAAY,UAAU;AAClC,WAAO,sBAA6B,SAAS,EAAE;AAAA,EACnD;AAEA,SAAO,sBAA6B,YAAY,QAAQ,EAAE;AAC9D;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.cjs

@@ -2,6 +2,7 @@
 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");
 const settings = require("../../../../../useTableManager/util/settings.cjs");
 const PrintDialog = require("./PrintDialog.cjs");
 const Localization = require("../../../../../../../components/Provider/Localization.cjs");
@@ -14,7 +15,7 @@ function Print(props) {
   const ref = React.useRef(null);
   const lastScrollTopRef = React.useRef(void 0);
   const toast = Toaster.useToast();
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;
   const togglePrinting = React.useCallback(
     (enabled) => {

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Print.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, Shortcut, useLocalization, useToast } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\n\nexport type PrintProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    tableId: string;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n    const { table, tableId, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const lastScrollTopRef = React.useRef<number | undefined>(undefined);\n    const toast = useToast();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;\n\n    const togglePrinting = React.useCallback(\n        (enabled: boolean) => {\n            tableMeta.printing.setIsPrinting(enabled);\n\n            if (tableRef.current) {\n                if (enabled) {\n                    lastScrollTopRef.current = tableRef.current.scrollTop;\n                } else if (lastScrollTopRef.current !== undefined) {\n                    tableRef.current.scrollTop = lastScrollTopRef.current;\n                    lastScrollTopRef.current = undefined;\n                }\n            }\n        },\n        [tableRef.current]\n    );\n\n    React.useEffect(() => {\n        const afterPrint = () => {\n            togglePrinting(false);\n        };\n\n        window.addEventListener('afterprint', afterPrint);\n\n        return () => {\n            window.removeEventListener('afterprint', afterPrint);\n        };\n    }, []);\n\n    const print = async () => {\n        const toastRef = toast.loading(texts.table.print.loading);\n\n        // If onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\n\n        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n            try {\n                await tableMeta.server.loadAllIfNeeded(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n        }\n\n        // this might close immediately if the dataset is small - this is okay\n        toastRef.close();\n\n        // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n        setTimeout(() => {\n            // do this here because Safari doesn't support the beforeprint event\n            togglePrinting(true);\n\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                    const isSafari = /^((?!chrome|android).)*safari/iu.test(navigator.userAgent);\n\n                    if (isSafari) {\n                        try {\n                            // Try using document.execCommand for printing in Safari\n                            document.execCommand('print', false, undefined);\n                        } catch {\n                            // If document.execCommand fails or throws an error, fallback to window.print()\n                            window.print();\n                        }\n                    } else {\n                        // Execute window.print() for all other browsers\n                        window.print();\n                    }\n                });\n            });\n        }, 150);\n    };\n\n    const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n    if (!allRows) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n    }\n\n    if (splitGroups) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n    }\n\n    const shortcut = { key: 'p', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table.print.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <>\n            <style media=\"print\">{printStyle.join('\\n')}</style>\n            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\n                dialog={dialogProps => (\n                    <PrintDialog\n                        {...dialogProps}\n                        table={table}\n                        onAccept={print}\n                        orientation={orientation}\n                        setOrientation={value => tableMeta.printing.setSetting('orientation', value)}\n                        size={size}\n                        setSize={value => tableMeta.printing.setSetting('size', value)}\n                        allRows={allRows}\n                        setAllRows={value => tableMeta.printing.setSetting('allRows', value)}\n                        splitGroups={splitGroups}\n                        setSplitGroups={value => tableMeta.printing.setSetting('splitGroups', value)}\n                    />\n                )}\n                ref={ref}\n                shortcut={shortcut}\n                tooltip={tooltip}\n            />\n        </>\n    );\n}\n"],"names":["useLocalization","useToast","getSettings","getHiddenColumns","Shortcut","LegacyIconButton","PrintDialog"],"mappings":"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"}
+{"version":3,"file":"Print.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, Shortcut, useLocalization, useToast } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getTableMeta } from '../../../../../useTableManager/util/rows';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\n\nexport type PrintProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    tableId: string;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n    const { table, tableId, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const lastScrollTopRef = React.useRef<number | undefined>(undefined);\n    const toast = useToast();\n    const tableMeta = getTableMeta(table);\n    const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;\n\n    const togglePrinting = React.useCallback(\n        (enabled: boolean) => {\n            tableMeta.printing.setIsPrinting(enabled);\n\n            if (tableRef.current) {\n                if (enabled) {\n                    lastScrollTopRef.current = tableRef.current.scrollTop;\n                } else if (lastScrollTopRef.current !== undefined) {\n                    tableRef.current.scrollTop = lastScrollTopRef.current;\n                    lastScrollTopRef.current = undefined;\n                }\n            }\n        },\n        [tableRef.current]\n    );\n\n    React.useEffect(() => {\n        const afterPrint = () => {\n            togglePrinting(false);\n        };\n\n        window.addEventListener('afterprint', afterPrint);\n\n        return () => {\n            window.removeEventListener('afterprint', afterPrint);\n        };\n    }, []);\n\n    const print = async () => {\n        const toastRef = toast.loading(texts.table.print.loading);\n\n        // If onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\n\n        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n            try {\n                await tableMeta.server.loadAllIfNeeded(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n        }\n\n        // this might close immediately if the dataset is small - this is okay\n        toastRef.close();\n\n        // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n        setTimeout(() => {\n            // do this here because Safari doesn't support the beforeprint event\n            togglePrinting(true);\n\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                    const isSafari = /^((?!chrome|android).)*safari/iu.test(navigator.userAgent);\n\n                    if (isSafari) {\n                        try {\n                            // Try using document.execCommand for printing in Safari\n                            document.execCommand('print', false, undefined);\n                        } catch {\n                            // If document.execCommand fails or throws an error, fallback to window.print()\n                            window.print();\n                        }\n                    } else {\n                        // Execute window.print() for all other browsers\n                        window.print();\n                    }\n                });\n            });\n        }, 150);\n    };\n\n    const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n    if (!allRows) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n    }\n\n    if (splitGroups) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n    }\n\n    const shortcut = { key: 'p', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table.print.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <>\n            <style media=\"print\">{printStyle.join('\\n')}</style>\n            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\n                dialog={dialogProps => (\n                    <PrintDialog\n                        {...dialogProps}\n                        table={table}\n                        onAccept={print}\n                        orientation={orientation}\n                        setOrientation={value => tableMeta.printing.setSetting('orientation', value)}\n                        size={size}\n                        setSize={value => tableMeta.printing.setSetting('size', value)}\n                        allRows={allRows}\n                        setAllRows={value => tableMeta.printing.setSetting('allRows', value)}\n                        splitGroups={splitGroups}\n                        setSplitGroups={value => tableMeta.printing.setSetting('splitGroups', value)}\n                    />\n                )}\n                ref={ref}\n                shortcut={shortcut}\n                tooltip={tooltip}\n            />\n        </>\n    );\n}\n"],"names":["useLocalization","useToast","getTableMeta","getSettings","getHiddenColumns","Shortcut","LegacyIconButton","PrintDialog"],"mappings":";;;;;;;;;;;AAkBO,SAAS,MAAuB,OAA0B;AAC7D,QAAM,EAAE,OAAO,SAAS,SAAA,IAAa;AACrC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,mBAAmB,MAAM,OAA2B,MAAS;AACnE,QAAM,QAAQC,QAAAA,SAAA;AACd,QAAM,YAAYC,KAAAA,aAAa,KAAK;AACpC,QAAM,EAAE,SAAS,aAAa,MAAM,gBAAgB,UAAU,SAAS;AAEvE,QAAM,iBAAiB,MAAM;AAAA,IACzB,CAAC,YAAqB;AAClB,gBAAU,SAAS,cAAc,OAAO;AAExC,UAAI,SAAS,SAAS;AAClB,YAAI,SAAS;AACT,2BAAiB,UAAU,SAAS,QAAQ;AAAA,QAChD,WAAW,iBAAiB,YAAY,QAAW;AAC/C,mBAAS,QAAQ,YAAY,iBAAiB;AAC9C,2BAAiB,UAAU;AAAA,QAC/B;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EAAA;AAGrB,QAAM,UAAU,MAAM;AAClB,UAAM,aAAa,MAAM;AACrB,qBAAe,KAAK;AAAA,IACxB;AAEA,WAAO,iBAAiB,cAAc,UAAU;AAEhD,WAAO,MAAM;AACT,aAAO,oBAAoB,cAAc,UAAU;AAAA,IACvD;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ,YAAY;AACtB,UAAM,WAAW,MAAM,QAAQ,MAAM,MAAM,MAAM,OAAO;AAGxD,QAAI,UAAU,SAAS,SAAS;AAC5B,UAAI;AACA,cAAM,UAAU,SAAS,QAAQC,SAAAA,YAAY,KAAK,GAAG,UAAU,SAAS,QAAQ;AAChF,iBAAS,MAAA;AAAA,MACb,SAAS,OAAO;AACZ,cAAM,eAAe,GAAG,MAAM,MAAM,MAAM,KAAK,KAAK,KAAK;AAEzD,gBAAQ,MAAM,YAAY;AAC1B,iBAAS,MAAM,YAAY;AAAA,MAC/B;AACA;AAAA,IACJ;AAEA,QAAI,UAAU,OAAO,aAAa,UAAU,OAAO,iBAAiB;AAChE,YAAM,gBAAgBC,QAAAA,iBAAiB,MAAM,SAAA,EAAW,gBAAgB;AAExE,UAAI;AACA,cAAM,UAAU,OAAO;AAAA,UACnB,MAAM,WAAW;AAAA,UACjB,MAAM,WAAW;AAAA,UACjB;AAAA,UACA,UAAU,OAAO,qBAAqB,MAAM,SAAA,EAAW,eAAe;AAAA,QAAA;AAAA,MAE9E,SAAS,OAAO;AACZ,cAAM,eAAe,GAAG,MAAM,MAAM,MAAM,KAAK,KAAK,KAAK;AAEzD,gBAAQ,MAAM,YAAY;AAC1B,iBAAS,MAAM,YAAY;AAAA,MAC/B;AAAA,IACJ;AAGA,aAAS,MAAA;AAGT,eAAW,MAAM;AAEb,qBAAe,IAAI;AAEnB,4BAAsB,MAAM;AACxB,8BAAsB,MAAM;AACxB,gBAAM,WAAW,kCAAkC,KAAK,UAAU,SAAS;AAE3E,cAAI,UAAU;AACV,gBAAI;AAEA,uBAAS,YAAY,SAAS,OAAO,MAAS;AAAA,YAClD,QAAQ;AAEJ,qBAAO,MAAA;AAAA,YACX;AAAA,UACJ,OAAO;AAEH,mBAAO,MAAA;AAAA,UACX;AAAA,QACJ,CAAC;AAAA,MACL,CAAC;AAAA,IACL,GAAG,GAAG;AAAA,EACV;AAEA,QAAM,aAAa,CAAC,iBAAiB,IAAI,IAAI,WAAW,KAAK;AAE7D,MAAI,CAAC,SAAS;AACV,eAAW,KAAK,6BAA6B,OAAO,wDAAwD;AAAA,EAChH;AAEA,MAAI,aAAa;AACb,eAAW,KAAK,6BAA6B,OAAO,+DAA+D;AAAA,EACvH;AAEA,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,MAAA;AAChD,QAAM,UACF,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,MAAM,MAAM,SACnB,sBAAA,cAACC,mBAAA,EAAS,WAAU,QAAO,MAAM,SAAA,CAAU,CAC/C;AAGJ,SACI,sBAAA,cAAA,MAAA,UAAA,0CACK,SAAA,EAAM,OAAM,WAAS,WAAW,KAAK,IAAI,CAAE,GAC5C,sBAAA;AAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAY,MAAM,MAAM,MAAM;AAAA,MAC9B,IAAI,GAAG,OAAO;AAAA,MACd,QAAQ,CAAA,gBACJ,sBAAA;AAAA,QAACC,YAAAA;AAAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,gBAAgB,CAAA,UAAS,UAAU,SAAS,WAAW,eAAe,KAAK;AAAA,UAC3E;AAAA,UACA,SAAS,CAAA,UAAS,UAAU,SAAS,WAAW,QAAQ,KAAK;AAAA,UAC7D;AAAA,UACA,YAAY,CAAA,UAAS,UAAU,SAAS,WAAW,WAAW,KAAK;AAAA,UACnE;AAAA,UACA,gBAAgB,CAAA,UAAS,UAAU,SAAS,WAAW,eAAe,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnF;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,CAER;AAER;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.js

@@ -1,5 +1,6 @@
 import React__default from "react";
 import { getHiddenColumns } from "../../../../../useTableManager/util/columns.js";
+import { getTableMeta } from "../../../../../useTableManager/util/rows.js";
 import { getSettings } from "../../../../../useTableManager/util/settings.js";
 import { PrintDialog } from "./PrintDialog.js";
 import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
@@ -12,7 +13,7 @@ function Print(props) {
   const ref = React__default.useRef(null);
   const lastScrollTopRef = React__default.useRef(void 0);
   const toast = useToast();
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;
   const togglePrinting = React__default.useCallback(
     (enabled) => {

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.js.map

@@ -1 +1 @@
-{"version":3,"file":"Print.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, Shortcut, useLocalization, useToast } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\n\nexport type PrintProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    tableId: string;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n    const { table, tableId, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const lastScrollTopRef = React.useRef<number | undefined>(undefined);\n    const toast = useToast();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;\n\n    const togglePrinting = React.useCallback(\n        (enabled: boolean) => {\n            tableMeta.printing.setIsPrinting(enabled);\n\n            if (tableRef.current) {\n                if (enabled) {\n                    lastScrollTopRef.current = tableRef.current.scrollTop;\n                } else if (lastScrollTopRef.current !== undefined) {\n                    tableRef.current.scrollTop = lastScrollTopRef.current;\n                    lastScrollTopRef.current = undefined;\n                }\n            }\n        },\n        [tableRef.current]\n    );\n\n    React.useEffect(() => {\n        const afterPrint = () => {\n            togglePrinting(false);\n        };\n\n        window.addEventListener('afterprint', afterPrint);\n\n        return () => {\n            window.removeEventListener('afterprint', afterPrint);\n        };\n    }, []);\n\n    const print = async () => {\n        const toastRef = toast.loading(texts.table.print.loading);\n\n        // If onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\n\n        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n            try {\n                await tableMeta.server.loadAllIfNeeded(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n        }\n\n        // this might close immediately if the dataset is small - this is okay\n        toastRef.close();\n\n        // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n        setTimeout(() => {\n            // do this here because Safari doesn't support the beforeprint event\n            togglePrinting(true);\n\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                    const isSafari = /^((?!chrome|android).)*safari/iu.test(navigator.userAgent);\n\n                    if (isSafari) {\n                        try {\n                            // Try using document.execCommand for printing in Safari\n                            document.execCommand('print', false, undefined);\n                        } catch {\n                            // If document.execCommand fails or throws an error, fallback to window.print()\n                            window.print();\n                        }\n                    } else {\n                        // Execute window.print() for all other browsers\n                        window.print();\n                    }\n                });\n            });\n        }, 150);\n    };\n\n    const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n    if (!allRows) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n    }\n\n    if (splitGroups) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n    }\n\n    const shortcut = { key: 'p', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table.print.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <>\n            <style media=\"print\">{printStyle.join('\\n')}</style>\n            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\n                dialog={dialogProps => (\n                    <PrintDialog\n                        {...dialogProps}\n                        table={table}\n                        onAccept={print}\n                        orientation={orientation}\n                        setOrientation={value => tableMeta.printing.setSetting('orientation', value)}\n                        size={size}\n                        setSize={value => tableMeta.printing.setSetting('size', value)}\n                        allRows={allRows}\n                        setAllRows={value => tableMeta.printing.setSetting('allRows', value)}\n                        splitGroups={splitGroups}\n                        setSplitGroups={value => tableMeta.printing.setSetting('splitGroups', value)}\n                    />\n                )}\n                ref={ref}\n                shortcut={shortcut}\n                tooltip={tooltip}\n            />\n        </>\n    );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Print.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, Shortcut, useLocalization, useToast } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getTableMeta } from '../../../../../useTableManager/util/rows';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\n\nexport type PrintProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    tableId: string;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n    const { table, tableId, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const lastScrollTopRef = React.useRef<number | undefined>(undefined);\n    const toast = useToast();\n    const tableMeta = getTableMeta(table);\n    const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;\n\n    const togglePrinting = React.useCallback(\n        (enabled: boolean) => {\n            tableMeta.printing.setIsPrinting(enabled);\n\n            if (tableRef.current) {\n                if (enabled) {\n                    lastScrollTopRef.current = tableRef.current.scrollTop;\n                } else if (lastScrollTopRef.current !== undefined) {\n                    tableRef.current.scrollTop = lastScrollTopRef.current;\n                    lastScrollTopRef.current = undefined;\n                }\n            }\n        },\n        [tableRef.current]\n    );\n\n    React.useEffect(() => {\n        const afterPrint = () => {\n            togglePrinting(false);\n        };\n\n        window.addEventListener('afterprint', afterPrint);\n\n        return () => {\n            window.removeEventListener('afterprint', afterPrint);\n        };\n    }, []);\n\n    const print = async () => {\n        const toastRef = toast.loading(texts.table.print.loading);\n\n        // If onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\n\n        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n            try {\n                await tableMeta.server.loadAllIfNeeded(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n        }\n\n        // this might close immediately if the dataset is small - this is okay\n        toastRef.close();\n\n        // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n        setTimeout(() => {\n            // do this here because Safari doesn't support the beforeprint event\n            togglePrinting(true);\n\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                    const isSafari = /^((?!chrome|android).)*safari/iu.test(navigator.userAgent);\n\n                    if (isSafari) {\n                        try {\n                            // Try using document.execCommand for printing in Safari\n                            document.execCommand('print', false, undefined);\n                        } catch {\n                            // If document.execCommand fails or throws an error, fallback to window.print()\n                            window.print();\n                        }\n                    } else {\n                        // Execute window.print() for all other browsers\n                        window.print();\n                    }\n                });\n            });\n        }, 150);\n    };\n\n    const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n    if (!allRows) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n    }\n\n    if (splitGroups) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n    }\n\n    const shortcut = { key: 'p', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table.print.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <>\n            <style media=\"print\">{printStyle.join('\\n')}</style>\n            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\n                dialog={dialogProps => (\n                    <PrintDialog\n                        {...dialogProps}\n                        table={table}\n                        onAccept={print}\n                        orientation={orientation}\n                        setOrientation={value => tableMeta.printing.setSetting('orientation', value)}\n                        size={size}\n                        setSize={value => tableMeta.printing.setSetting('size', value)}\n                        allRows={allRows}\n                        setAllRows={value => tableMeta.printing.setSetting('allRows', value)}\n                        splitGroups={splitGroups}\n                        setSplitGroups={value => tableMeta.printing.setSetting('splitGroups', value)}\n                    />\n                )}\n                ref={ref}\n                shortcut={shortcut}\n                tooltip={tooltip}\n            />\n        </>\n    );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.cjs

@@ -2,6 +2,7 @@
 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");
 const Localization = require("../../../../../../../components/Provider/Localization.cjs");
 const Switch = require("../../../../../../../components/Switch/Switch.cjs");
 const SearchInput2 = require("../../../../../../../components/SearchInput2/SearchInput2.cjs");
@@ -10,7 +11,7 @@ function Search(props) {
   const { texts } = Localization.useLocalization();
   const ref = React.useRef(null);
   const lastResultQuery = React.useRef(void 0);
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   const query = table.getState().globalFilter;
   const scrollTo = (rowIndex) => scrollToIndex(rowIndex, { align: "center" });
   const hiddenColumns = columns.getHiddenColumns(table.getState().columnVisibility);