@economic/taco 14.0.0 → 14.1.0-EC-85807-code-report-fixes.0

package/dist/primitives/Table/Core/components/Footer/Summary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Summary.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Summary.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '@/components';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { table } = props;\n    const { locale, texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const length = tableMeta.length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    // use table state and not the selected row model because of the way server loading works\n    const rowsSelectedLength = Object.keys(table.getState().rowSelection).length;\n\n    if (rowsSelectedLength > 0) {\n        label = texts.table.footer.summary.selected;\n        count = (\n            <>\n                <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else if (\n        !tableMeta.server.isEnabled &&\n        (table.getState().columnFilters?.length || // filtered data\n            (!!table.getState().globalFilter && table.options.enableGlobalFilter))\n    ) {\n        label = texts.table.footer.summary.records;\n        count = (\n            <>\n                <strong data-taco=\"table-footer-current-count\">{new Intl.NumberFormat(locale).format(currentLength)}</strong>\n                &nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table.footer.summary.records;\n        count = <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>;\n    }\n\n    return (\n        <div\n            className=\"sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]\"\n            data-taco=\"table-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["useLocalization"],"mappings":";;;;AASO,SAAS,QAAyB,OAAkC;AACvE,QAAM,EAAE,UAAU;AAClB,QAAM,EAAE,QAAQ,MAAA,IAAUA,6BAAA;AAC1B,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU;AACzB,QAAM,gBAAgB,MAAM,YAAA,EAAc,KAAK;AAE/C,MAAI;AACJ,MAAI;AAIJ,QAAM,qBAAqB,OAAO,KAAK,MAAM,SAAA,EAAW,YAAY,EAAE;AAEtE,MAAI,qBAAqB,GAAG;AACxB,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,kBAAkB,CAAE,GAAS,KAC1E,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClC,sBAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC1D;AAAA,EAER,WACI,CAAC,UAAU,OAAO,cACjB,MAAM,WAAW,eAAe;AAAA,EAC5B,CAAC,CAAC,MAAM,SAAA,EAAW,gBAAgB,MAAM,QAAQ,qBACxD;AACE,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,UAAA,EAAO,aAAU,gCAA8B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,aAAa,CAAE,GAAS,KAE5G,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClC,sBAAA,cAAC,YAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC/F;AAAA,EAER,OAAO;AACH,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YAAQ,sBAAA,cAAC,UAAA,EAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE;AAAA,EACvG;AAEA,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT;AAAA,IAAM;AAAA,IAAO;AAAA,EAAA;AAG1B;;"}
+{"version":3,"file":"Summary.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Summary.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '@/components';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { table } = props;\n    const { locale, texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const length = tableMeta.length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    // use table state and not the selected row model because of the way server loading works\n    const rowsSelectedLength = Object.keys(table.getState().rowSelection).length;\n\n    if (rowsSelectedLength > 0) {\n        label = texts.table.footer.summary.selected;\n        count = (\n            <>\n                <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else if (\n        !tableMeta.server.isEnabled &&\n        (table.getState().columnFilters?.length ||\n            // filtered data\n            (!!table.getState().globalFilter && table.options.enableGlobalFilter))\n    ) {\n        label = texts.table.footer.summary.records;\n        count = (\n            <>\n                <strong data-taco=\"table-footer-current-count\">{new Intl.NumberFormat(locale).format(currentLength)}</strong>\n                &nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table.footer.summary.records;\n        count = <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>;\n    }\n\n    return (\n        <div\n            className=\"sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]\"\n            data-taco=\"table-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["useLocalization"],"mappings":";;;;AASO,SAAS,QAAyB,OAAkC;AACvE,QAAM,EAAE,UAAU;AAClB,QAAM,EAAE,QAAQ,MAAA,IAAUA,6BAAA;AAC1B,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU;AACzB,QAAM,gBAAgB,MAAM,YAAA,EAAc,KAAK;AAE/C,MAAI;AACJ,MAAI;AAIJ,QAAM,qBAAqB,OAAO,KAAK,MAAM,SAAA,EAAW,YAAY,EAAE;AAEtE,MAAI,qBAAqB,GAAG;AACxB,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,kBAAkB,CAAE,GAAS,KAC1E,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClC,sBAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC1D;AAAA,EAER,WACI,CAAC,UAAU,OAAO,cACjB,MAAM,WAAW,eAAe;AAAA,EAE5B,CAAC,CAAC,MAAM,SAAA,EAAW,gBAAgB,MAAM,QAAQ,qBACxD;AACE,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,UAAA,EAAO,aAAU,gCAA8B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,aAAa,CAAE,GAAS,KAE5G,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClC,sBAAA,cAAC,YAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC/F;AAAA,EAER,OAAO;AACH,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YAAQ,sBAAA,cAAC,UAAA,EAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE;AAAA,EACvG;AAEA,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT;AAAA,IAAM;AAAA,IAAO;AAAA,EAAA;AAG1B;;"}

package/dist/primitives/Table/Core/components/Footer/Summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"Summary.js","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Summary.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '@/components';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { table } = props;\n    const { locale, texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const length = tableMeta.length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    // use table state and not the selected row model because of the way server loading works\n    const rowsSelectedLength = Object.keys(table.getState().rowSelection).length;\n\n    if (rowsSelectedLength > 0) {\n        label = texts.table.footer.summary.selected;\n        count = (\n            <>\n                <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else if (\n        !tableMeta.server.isEnabled &&\n        (table.getState().columnFilters?.length || // filtered data\n            (!!table.getState().globalFilter && table.options.enableGlobalFilter))\n    ) {\n        label = texts.table.footer.summary.records;\n        count = (\n            <>\n                <strong data-taco=\"table-footer-current-count\">{new Intl.NumberFormat(locale).format(currentLength)}</strong>\n                &nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table.footer.summary.records;\n        count = <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>;\n    }\n\n    return (\n        <div\n            className=\"sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]\"\n            data-taco=\"table-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["React"],"mappings":";;AASO,SAAS,QAAyB,OAAkC;AACvE,QAAM,EAAE,UAAU;AAClB,QAAM,EAAE,QAAQ,MAAA,IAAU,gBAAA;AAC1B,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU;AACzB,QAAM,gBAAgB,MAAM,YAAA,EAAc,KAAK;AAE/C,MAAI;AACJ,MAAI;AAIJ,QAAM,qBAAqB,OAAO,KAAK,MAAM,SAAA,EAAW,YAAY,EAAE;AAEtE,MAAI,qBAAqB,GAAG;AACxB,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,kBAAkB,CAAE,GAAS,KAC1E,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClCA,+BAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC1D;AAAA,EAER,WACI,CAAC,UAAU,OAAO,cACjB,MAAM,WAAW,eAAe;AAAA,EAC5B,CAAC,CAAC,MAAM,SAAA,EAAW,gBAAgB,MAAM,QAAQ,qBACxD;AACE,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA,cAAC,UAAA,EAAO,aAAU,gCAA8B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,aAAa,CAAE,GAAS,KAE5G,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClCA,+BAAA,cAAC,YAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC/F;AAAA,EAER,OAAO;AACH,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YAAQA,+BAAA,cAAC,UAAA,EAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE;AAAA,EACvG;AAEA,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT;AAAA,IAAM;AAAA,IAAO;AAAA,EAAA;AAG1B;"}
+{"version":3,"file":"Summary.js","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Summary.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '@/components';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { table } = props;\n    const { locale, texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const length = tableMeta.length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    // use table state and not the selected row model because of the way server loading works\n    const rowsSelectedLength = Object.keys(table.getState().rowSelection).length;\n\n    if (rowsSelectedLength > 0) {\n        label = texts.table.footer.summary.selected;\n        count = (\n            <>\n                <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else if (\n        !tableMeta.server.isEnabled &&\n        (table.getState().columnFilters?.length ||\n            // filtered data\n            (!!table.getState().globalFilter && table.options.enableGlobalFilter))\n    ) {\n        label = texts.table.footer.summary.records;\n        count = (\n            <>\n                <strong data-taco=\"table-footer-current-count\">{new Intl.NumberFormat(locale).format(currentLength)}</strong>\n                &nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table.footer.summary.records;\n        count = <strong data-taco=\"table-footer-total-count\">{new Intl.NumberFormat(locale).format(length)}</strong>;\n    }\n\n    return (\n        <div\n            className=\"sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]\"\n            data-taco=\"table-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["React"],"mappings":";;AASO,SAAS,QAAyB,OAAkC;AACvE,QAAM,EAAE,UAAU;AAClB,QAAM,EAAE,QAAQ,MAAA,IAAU,gBAAA;AAC1B,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU;AACzB,QAAM,gBAAgB,MAAM,YAAA,EAAc,KAAK;AAE/C,MAAI;AACJ,MAAI;AAIJ,QAAM,qBAAqB,OAAO,KAAK,MAAM,SAAA,EAAW,YAAY,EAAE;AAEtE,MAAI,qBAAqB,GAAG;AACxB,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,kBAAkB,CAAE,GAAS,KAC1E,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClCA,+BAAA,cAAC,UAAA,MAAQ,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC1D;AAAA,EAER,WACI,CAAC,UAAU,OAAO,cACjB,MAAM,WAAW,eAAe;AAAA,EAE5B,CAAC,CAAC,MAAM,SAAA,EAAW,gBAAgB,MAAM,QAAQ,qBACxD;AACE,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA,cAAC,UAAA,EAAO,aAAU,gCAA8B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,aAAa,CAAE,GAAS,KAE5G,MAAM,MAAM,OAAO,QAAQ,OAAM,KAClCA,+BAAA,cAAC,YAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE,CAC/F;AAAA,EAER,OAAO;AACH,YAAQ,MAAM,MAAM,OAAO,QAAQ;AACnC,YAAQA,+BAAA,cAAC,UAAA,EAAO,aAAU,2BAAA,GAA4B,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,MAAM,CAAE;AAAA,EACvG;AAEA,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,IACT;AAAA,IAAM;AAAA,IAAO;AAAA,EAAA;AAG1B;"}

package/dist/primitives/Table/Core/components/Header/util.cjs

@@ -13,11 +13,12 @@ function useSetInitialColumnSizing(id, defaultWidth, width, element, canMeasureS
         [id]: element.getBoundingClientRect().width
       }));
       if (defaultWidth === "grow") {
-        requestAnimationFrame(setWidth);
-      } else {
-        setWidth();
+        const id2 = requestAnimationFrame(setWidth);
+        return () => cancelAnimationFrame(id2);
       }
+      setWidth();
     }
+    return void 0;
   }, [element, canMeasureSize, width]);
 }
 function getIsPinned(header) {

package/dist/primitives/Table/Core/components/Header/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Header/util.ts"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableColumnWidth } from '../../../types';\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void\n) {\n    React.useLayoutEffect(() => {\n        // Skip if column already has a width set\n        if (width !== undefined) {\n            return;\n        }\n\n        // columns must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id)) {\n            const setWidth = () =>\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: element.getBoundingClientRect().width,\n                }));\n\n            // grow columns need to wait for auto layout to run, otherwise they register the incorrect size\n            if (defaultWidth === 'grow') {\n                requestAnimationFrame(setWidth);\n            } else {\n                setWidth();\n            }\n        }\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["isInternalColumn"],"mappings":";;;;AAWO,SAAS,0BACZ,IACA,cACA,OACA,SACA,gBACA,iBACF;AACE,QAAM,gBAAgB,MAAM;AAExB,QAAI,UAAU,QAAW;AACrB;AAAA,IACJ;AAKA,QAAI,kBAAkB,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,CAACA,yBAAiB,EAAE,GAAG;AAChF,YAAM,WAAW,MACb,gBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,QAAQ,wBAAwB;AAAA,MAAA,EACxC;AAGN,UAAI,iBAAiB,QAAQ;AACzB,8BAAsB,QAAQ;AAAA,MAClC,OAAO;AACH,iBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,gBAAgB,KAAK,CAAC;AACvC;AAEO,SAAS,YACZ,QAC2C;AAE3C,SAAO,OAAO,YAAY,SACpB,OAAO,WAAW,KAAK,CAAA,MAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,gBAC5D,OAAO,OAAO,YAAA;AACxB;;;"}
+{"version":3,"file":"util.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Header/util.ts"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableColumnWidth } from '../../../types';\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void\n) {\n    React.useLayoutEffect(() => {\n        // Skip if column already has a width set\n        if (width !== undefined) {\n            return;\n        }\n\n        // columns must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id)) {\n            const setWidth = () =>\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: element.getBoundingClientRect().width,\n                }));\n\n            // grow columns need to wait for auto layout to run, otherwise they register the incorrect size\n            if (defaultWidth === 'grow') {\n                const id = requestAnimationFrame(setWidth);\n                return () => cancelAnimationFrame(id);\n            }\n\n            setWidth();\n        }\n\n        return undefined;\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["isInternalColumn","id"],"mappings":";;;;AAWO,SAAS,0BACZ,IACA,cACA,OACA,SACA,gBACA,iBACF;AACE,QAAM,gBAAgB,MAAM;AAExB,QAAI,UAAU,QAAW;AACrB;AAAA,IACJ;AAKA,QAAI,kBAAkB,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,CAACA,yBAAiB,EAAE,GAAG;AAChF,YAAM,WAAW,MACb,gBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,QAAQ,wBAAwB;AAAA,MAAA,EACxC;AAGN,UAAI,iBAAiB,QAAQ;AACzB,cAAMC,MAAK,sBAAsB,QAAQ;AACzC,eAAO,MAAM,qBAAqBA,GAAE;AAAA,MACxC;AAEA,eAAA;AAAA,IACJ;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,SAAS,gBAAgB,KAAK,CAAC;AACvC;AAEO,SAAS,YACZ,QAC2C;AAE3C,SAAO,OAAO,YAAY,SACpB,OAAO,WAAW,KAAK,CAAA,MAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,gBAC5D,OAAO,OAAO,YAAA;AACxB;;;"}

package/dist/primitives/Table/Core/components/Header/util.js

@@ -11,11 +11,12 @@ function useSetInitialColumnSizing(id, defaultWidth, width, element, canMeasureS
         [id]: element.getBoundingClientRect().width
       }));
       if (defaultWidth === "grow") {
-        requestAnimationFrame(setWidth);
-      } else {
-        setWidth();
+        const id2 = requestAnimationFrame(setWidth);
+        return () => cancelAnimationFrame(id2);
       }
+      setWidth();
     }
+    return void 0;
   }, [element, canMeasureSize, width]);
 }
 function getIsPinned(header) {

package/dist/primitives/Table/Core/components/Header/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../src/primitives/Table/Core/components/Header/util.ts"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableColumnWidth } from '../../../types';\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void\n) {\n    React.useLayoutEffect(() => {\n        // Skip if column already has a width set\n        if (width !== undefined) {\n            return;\n        }\n\n        // columns must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id)) {\n            const setWidth = () =>\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: element.getBoundingClientRect().width,\n                }));\n\n            // grow columns need to wait for auto layout to run, otherwise they register the incorrect size\n            if (defaultWidth === 'grow') {\n                requestAnimationFrame(setWidth);\n            } else {\n                setWidth();\n            }\n        }\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["React"],"mappings":";;AAWO,SAAS,0BACZ,IACA,cACA,OACA,SACA,gBACA,iBACF;AACEA,iBAAM,gBAAgB,MAAM;AAExB,QAAI,UAAU,QAAW;AACrB;AAAA,IACJ;AAKA,QAAI,kBAAkB,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,CAAC,iBAAiB,EAAE,GAAG;AAChF,YAAM,WAAW,MACb,gBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,QAAQ,wBAAwB;AAAA,MAAA,EACxC;AAGN,UAAI,iBAAiB,QAAQ;AACzB,8BAAsB,QAAQ;AAAA,MAClC,OAAO;AACH,iBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,gBAAgB,KAAK,CAAC;AACvC;AAEO,SAAS,YACZ,QAC2C;AAE3C,SAAO,OAAO,YAAY,SACpB,OAAO,WAAW,KAAK,CAAA,MAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,gBAC5D,OAAO,OAAO,YAAA;AACxB;"}
+{"version":3,"file":"util.js","sources":["../../../../../../src/primitives/Table/Core/components/Header/util.ts"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableColumnWidth } from '../../../types';\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void\n) {\n    React.useLayoutEffect(() => {\n        // Skip if column already has a width set\n        if (width !== undefined) {\n            return;\n        }\n\n        // columns must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id)) {\n            const setWidth = () =>\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: element.getBoundingClientRect().width,\n                }));\n\n            // grow columns need to wait for auto layout to run, otherwise they register the incorrect size\n            if (defaultWidth === 'grow') {\n                const id = requestAnimationFrame(setWidth);\n                return () => cancelAnimationFrame(id);\n            }\n\n            setWidth();\n        }\n\n        return undefined;\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["React","id"],"mappings":";;AAWO,SAAS,0BACZ,IACA,cACA,OACA,SACA,gBACA,iBACF;AACEA,iBAAM,gBAAgB,MAAM;AAExB,QAAI,UAAU,QAAW;AACrB;AAAA,IACJ;AAKA,QAAI,kBAAkB,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,CAAC,iBAAiB,EAAE,GAAG;AAChF,YAAM,WAAW,MACb,gBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,QAAQ,wBAAwB;AAAA,MAAA,EACxC;AAGN,UAAI,iBAAiB,QAAQ;AACzB,cAAMC,MAAK,sBAAsB,QAAQ;AACzC,eAAO,MAAM,qBAAqBA,GAAE;AAAA,MACxC;AAEA,eAAA;AAAA,IACJ;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,SAAS,gBAAgB,KAAK,CAAC;AACvC;AAEO,SAAS,YACZ,QAC2C;AAE3C,SAAO,OAAO,YAAY,SACpB,OAAO,WAAW,KAAK,CAAA,MAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,gBAC5D,OAAO,OAAO,YAAA;AACxB;"}

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

@@ -27,7 +27,7 @@ function Filters(props) {
     tooltip: /* @__PURE__ */ React.createElement(React.Fragment, null, texts.table.filters.tooltip, /* @__PURE__ */ React.createElement(Shortcut.Shortcut, { className: "ml-2", keys: shortcut }))
   };
   React.useEffect(() => {
-    const emptyFilter = columnFilters.find(util.isEmptyFilter);
+    const emptyFilter = columnFilters.find((filter) => util.isEmptyFilter(filter));
     if (emptyFilter) {
       ref.current?.click();
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["useLocalization","useIsLargeScreen","isEmptyFilter","ManageFiltersPopover","Shortcut","LegacyIconButton","LegacyButton","Icon"],"mappings":";;;;;;;;;;;AAkBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,gBAAgBC,iBAAAA,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAACC,KAAAA,cAAc,CAAC,CAAC;AAClE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+B,sBAAA,cAACC,6CAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACI,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrB,sBAAA,cAACC,mBAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIR,QAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAKF,kBAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAO,sBAAA,cAACG,WAAAA,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACI,sBAAA,cAACC,OAAAA,cAAA,EAAc,GAAG,YAAA,GACd,sBAAA,cAACC,KAAAA,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;;"}
+{"version":3,"file":"Filters.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(filter => isEmptyFilter(filter));\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["useLocalization","useIsLargeScreen","isEmptyFilter","ManageFiltersPopover","Shortcut","LegacyIconButton","LegacyButton","Icon"],"mappings":";;;;;;;;;;;AAkBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,gBAAgBC,iBAAAA,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAACC,KAAAA,cAAc,CAAC,CAAC;AAClE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+B,sBAAA,cAACC,6CAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACI,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrB,sBAAA,cAACC,mBAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIR,QAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAK,CAAA,WAAUF,KAAAA,cAAc,MAAM,CAAC;AAGtE,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAO,sBAAA,cAACG,WAAAA,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACI,sBAAA,cAACC,OAAAA,cAAA,EAAc,GAAG,YAAA,GACd,sBAAA,cAACC,KAAAA,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;;"}

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

@@ -25,7 +25,7 @@ function Filters(props) {
     tooltip: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, texts.table.filters.tooltip, /* @__PURE__ */ React__default.createElement(Shortcut, { className: "ml-2", keys: shortcut }))
   };
   React__default.useEffect(() => {
-    const emptyFilter = columnFilters.find(isEmptyFilter);
+    const emptyFilter = columnFilters.find((filter) => isEmptyFilter(filter));
     if (emptyFilter) {
       ref.current?.click();
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAkBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,gBAAgB,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAAC,cAAc,CAAC,CAAC;AAClE,QAAM,MAAMA,eAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+BA,+BAAA,cAAC,wBAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrBA,+BAAA,cAAC,UAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIRA,iBAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAK,aAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAOA,+BAAA,cAAC,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACIA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAA,GACdA,+BAAA,cAAC,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;"}
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(filter => isEmptyFilter(filter));\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAkBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,gBAAgB,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAAC,cAAc,CAAC,CAAC;AAClE,QAAM,MAAMA,eAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+BA,+BAAA,cAAC,wBAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrBA,+BAAA,cAAC,UAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIRA,iBAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAK,CAAA,WAAU,cAAc,MAAM,CAAC;AAGtE,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAOA,+BAAA,cAAC,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACIA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAA,GACdA,+BAAA,cAAC,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;"}

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

@@ -20,11 +20,12 @@ function ManageFiltersPopover(props) {
   const [filters, setFilters] = React.useState(columnFilters.length ? columnFilters : [placeholderFilter]);
   React.useEffect(() => {
     setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);
-    requestAnimationFrame(() => {
+    const id = requestAnimationFrame(() => {
       const filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
-      const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : void 0;
+      const lastFilter = [...filterValues].at(-1);
       lastFilter?.focus();
     });
+    return () => cancelAnimationFrame(id);
   }, [columnFilters]);
   const handleChangeFilter = (position, filter) => {
     setFilters((currentFilters) => {
@@ -76,6 +77,7 @@ function ManageFiltersPopover(props) {
   return /* @__PURE__ */ React.createElement(Popover.Popover, { ...popoverProps, onChange: handleClose }, /* @__PURE__ */ React.createElement(Popover.Popover.Content, null, /* @__PURE__ */ React.createElement(FilterContext.FilterContext.Provider, { value: filters }, /* @__PURE__ */ React.createElement("div", { className: "flex w-[40rem] flex-col gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center gap-2" }, /* @__PURE__ */ React.createElement("h4", { className: "mb-0 inline-flex" }, texts.table.filters.button), /* @__PURE__ */ React.createElement("p", { className: "mb-0 mr-auto mt-px inline-flex text-gray-700" }, texts.table.filters.total.replace(
     "[CURRENT]",
     new Intl.NumberFormat(locale).format(
+      // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.
       tableMeta.server._experimentalDataLoader2 ? length : table.getFilteredRowModel().rows.length
     )
   ).replace("[TOTAL]", new Intl.NumberFormat(locale).format(length))))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, filters.map((filter, index) => /* @__PURE__ */ React.createElement(

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.length ? filterValues[filterValues.length - 1] : undefined;\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                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full 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, 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        const id = 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\n        return () => cancelAnimationFrame(id);\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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"}

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

@@ -18,11 +18,12 @@ function ManageFiltersPopover(props) {
   const [filters, setFilters] = React__default.useState(columnFilters.length ? columnFilters : [placeholderFilter]);
   React__default.useEffect(() => {
     setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);
-    requestAnimationFrame(() => {
+    const id = requestAnimationFrame(() => {
       const filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
-      const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : void 0;
+      const lastFilter = [...filterValues].at(-1);
       lastFilter?.focus();
     });
+    return () => cancelAnimationFrame(id);
   }, [columnFilters]);
   const handleChangeFilter = (position, filter) => {
     setFilters((currentFilters) => {
@@ -74,6 +75,7 @@ function ManageFiltersPopover(props) {
   return /* @__PURE__ */ React__default.createElement(Popover, { ...popoverProps, onChange: handleClose }, /* @__PURE__ */ React__default.createElement(Popover.Content, null, /* @__PURE__ */ React__default.createElement(FilterContext.Provider, { value: filters }, /* @__PURE__ */ React__default.createElement("div", { className: "flex w-[40rem] flex-col gap-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex h-8" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex w-full items-center gap-2" }, /* @__PURE__ */ React__default.createElement("h4", { className: "mb-0 inline-flex" }, texts.table.filters.button), /* @__PURE__ */ React__default.createElement("p", { className: "mb-0 mr-auto mt-px inline-flex text-gray-700" }, texts.table.filters.total.replace(
     "[CURRENT]",
     new Intl.NumberFormat(locale).format(
+      // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.
       tableMeta.server._experimentalDataLoader2 ? length : table.getFilteredRowModel().rows.length
     )
   ).replace("[TOTAL]", new Intl.NumberFormat(locale).format(length))))), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2" }, filters.map((filter, index) => /* @__PURE__ */ React__default.createElement(

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.length ? filterValues[filterValues.length - 1] : undefined;\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                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full 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, 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        const id = 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\n        return () => cancelAnimationFrame(id);\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/components/Filter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["useLocalization","column","guessComparatorsBasedOnControl","value","comparator","TableFilterComparator","FilterColumn","FilterComparator","FilterValue","LegacyIconButton"],"mappings":";;;;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAC,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmBC,KAAAA,+BAA+B,UAAU;AAElE,UAAMC,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAeC,MAAAA,sBAAsB,WAAWD,gBAAeC,MAAAA,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAD,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9C,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9C,sBAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACA,sBAAA,cAACG,2BAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvG,sBAAA,cAACC,iBAAAA,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9F,sBAAA,cAACC,YAAAA,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACG,sBAAA,cAACC,WAAAA,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;;"}
+{"version":3,"file":"Filter.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            // after adding a new filter placeholder, we want to focus it right way.\n            ref.current.focus();\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["useLocalization","column","guessComparatorsBasedOnControl","value","comparator","TableFilterComparator","FilterColumn","FilterComparator","FilterValue","LegacyIconButton"],"mappings":";;;;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAC,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmBC,KAAAA,+BAA+B,UAAU;AAElE,UAAMC,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAeC,MAAAA,sBAAsB,WAAWD,gBAAeC,MAAAA,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAD,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9C,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AAEpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9C,sBAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACA,sBAAA,cAACG,2BAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvG,sBAAA,cAACC,iBAAAA,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9F,sBAAA,cAACC,YAAAA,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACG,sBAAA,cAACC,WAAAA,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["column","React","value","comparator"],"mappings":";;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAMC,eAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAD,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmB,+BAA+B,UAAU;AAElE,UAAME,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAe,sBAAsB,WAAWA,gBAAe,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAA,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9CD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9CA,+BAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACAA,+BAAA,cAAC,cAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvGA,+BAAA,cAAC,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9FA,+BAAA,cAAC,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACGA,+BAAA,cAAC,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            // after adding a new filter placeholder, we want to focus it right way.\n            ref.current.focus();\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["column","React","value","comparator"],"mappings":";;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAMC,eAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAD,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmB,+BAA+B,UAAU;AAElE,UAAME,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAe,sBAAsB,WAAWA,gBAAe,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAA,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9CD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AAEpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9CA,+BAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACAA,+BAAA,cAAC,cAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvGA,+BAAA,cAAC,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9FA,+BAAA,cAAC,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACGA,+BAAA,cAAC,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;"}

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

@@ -72,7 +72,7 @@ function Print(props) {
       togglePrinting(true);
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+          const isSafari = /^((?!chrome|android).)*safari/iu.test(navigator.userAgent);
           if (isSafari) {
             try {
               document.execCommand("print", false, void 0);

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/i.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, 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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"}

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

@@ -70,7 +70,7 @@ function Print(props) {
       togglePrinting(true);
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+          const isSafari = /^((?!chrome|android).)*safari/iu.test(navigator.userAgent);
           if (isSafari) {
             try {
               document.execCommand("print", false, void 0);

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/i.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, 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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"}

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

@@ -4,8 +4,15 @@ const React = require("react");
 function useTableRef(table, ref) {
   React.useEffect(() => {
     if (ref.current) {
+      const tableMeta = table.options.meta;
       ref.current.instance = {
         resetFiltering: () => table.resetColumnFilters(),
+        resetPagination: async () => {
+          if (tableMeta?.server.resetPagination) {
+            await tableMeta.server.resetPagination();
+            ref.current?.scrollTo({ top: 0 });
+          }
+        },
         resetRowExpansion: () => table.resetExpanded(),
         resetRowSelection: () => table.resetRowSelection(),
         resetSorting: () => table.resetSorting()

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRef.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,YAA6B,OAA0B,KAAgC;AACnG,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,UAAI,QAAQ,WAAW;AAAA,QACnB,gBAAgB,MAAM,MAAM,mBAAA;AAAA,QAC5B,mBAAmB,MAAM,MAAM,cAAA;AAAA,QAC/B,mBAAmB,MAAM,MAAM,kBAAA;AAAA,QAC/B,cAAc,MAAM,MAAM,aAAA;AAAA,MAAa;AAAA,IAE/C;AAAA,EACJ,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC;AAC3B;;"}
+{"version":3,"file":"useTableRef.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            const tableMeta = table.options.meta;\n\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetPagination: async () => {\n                    if (tableMeta?.server.resetPagination) {\n                        await tableMeta.server.resetPagination();\n                        // the loaded pages are gone, so the viewport must return to the first page\n                        ref.current?.scrollTo({ top: 0 });\n                    }\n                },\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,YAA6B,OAA0B,KAAgC;AACnG,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,YAAM,YAAY,MAAM,QAAQ;AAEhC,UAAI,QAAQ,WAAW;AAAA,QACnB,gBAAgB,MAAM,MAAM,mBAAA;AAAA,QAC5B,iBAAiB,YAAY;AACzB,cAAI,WAAW,OAAO,iBAAiB;AACnC,kBAAM,UAAU,OAAO,gBAAA;AAEvB,gBAAI,SAAS,SAAS,EAAE,KAAK,GAAG;AAAA,UACpC;AAAA,QACJ;AAAA,QACA,mBAAmB,MAAM,MAAM,cAAA;AAAA,QAC/B,mBAAmB,MAAM,MAAM,kBAAA;AAAA,QAC/B,cAAc,MAAM,MAAM,aAAA;AAAA,MAAa;AAAA,IAE/C;AAAA,EACJ,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC;AAC3B;;"}

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

@@ -2,8 +2,15 @@ import React__default from "react";
 function useTableRef(table, ref) {
   React__default.useEffect(() => {
     if (ref.current) {
+      const tableMeta = table.options.meta;
       ref.current.instance = {
         resetFiltering: () => table.resetColumnFilters(),
+        resetPagination: async () => {
+          if (tableMeta?.server.resetPagination) {
+            await tableMeta.server.resetPagination();
+            ref.current?.scrollTo({ top: 0 });
+          }
+        },
         resetRowExpansion: () => table.resetExpanded(),
         resetRowSelection: () => table.resetRowSelection(),
         resetSorting: () => table.resetSorting()