@economic/taco 2.48.4 → 2.49.0-dataloader.0

package/dist/esm/packages/taco/src/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 React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../components/Provider/Localization';\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 length = (table.options.meta as ReactTableMeta<TType>).length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    const rowsSelectedLength = table.getSelectedRowModel().rows.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        table.getState().columnFilters?.length || // filtered data\n        (!!table.getState().globalFilter && table.options.enableGlobalFilter) // search with hide enabled\n    ) {\n        label = texts.table.footer.summary.records;\n        count = (\n            <>\n                <strong>{currentLength}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table.footer.summary.records;\n        count = <strong>{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":["Summary","props","table","locale","texts","useLocalization","length","options","meta","currentLength","getRowModel","rows","label","count","rowsSelectedLength","getSelectedRowModel","footer","summary","selected","React","Intl","NumberFormat","format","_table$getState$colum","getState","columnFilters","globalFilter","enableGlobalFilter","records","className"],"mappings":";;;SAQgBA,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC;GAAO,GAAGD,KAAK;EACvB,MAAM;IAAEE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAC3C,MAAMC,MAAM,GAAIJ,KAAK,CAACK,OAAO,CAACC,IAA8B,CAACF,MAAM;EACnE,MAAMG,aAAa,GAAGP,KAAK,CAACQ,WAAW,EAAE,CAACC,IAAI,CAACL,MAAM;EAErD,IAAIM,KAAK;EACT,IAAIC,KAAK;;EAGT,MAAMC,kBAAkB,GAAGZ,KAAK,CAACa,mBAAmB,EAAE,CAACJ,IAAI,CAACL,MAAM;EAElE,IAAIQ,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGR,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC3CL,KAAK,gBACDM,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAACR,kBAAkB,CAAC,CAAU,YAC1EV,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACJ,KAAK,yBACjCM,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAAChB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAAAiB,qBAAA,GAAArB,KAAK,CAACsB,QAAQ,EAAE,CAACC,aAAa,cAAAF,qBAAA,eAA9BA,qBAAA,CAAgCjB,MAAM;;EACrC,CAAC,CAACJ,KAAK,CAACsB,QAAQ,EAAE,CAACE,YAAY,IAAIxB,KAAK,CAACK,OAAO,CAACoB,kBAAmB;IACvE;IACEf,KAAK,GAAGR,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACW,OAAO;IAC1Cf,KAAK,gBACDM,yEACIA,6CAASV,aAAa,CAAU,YAC/BL,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACJ,KAAK,yBACjCM,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAAChB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHM,KAAK,GAAGR,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACW,OAAO;IAC1Cf,KAAK,gBAAGM,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAAChB,MAAM,CAAC,CAAU;;EAG3E,oBACIa;IACIU,SAAS,EAAC,+GAA+G;iBAC/G;KACTjB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}
+{"version":3,"file":"Summary.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Footer/Summary.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../components/Provider/Localization';\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>{new Intl.NumberFormat(locale).format(currentLength)}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table.footer.summary.records;\n        count = <strong>{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":["Summary","props","table","locale","texts","useLocalization","tableMeta","options","meta","length","currentLength","getRowModel","rows","label","count","rowsSelectedLength","Object","keys","getState","rowSelection","footer","summary","selected","React","Intl","NumberFormat","format","server","isEnabled","_table$getState$colum","columnFilters","globalFilter","enableGlobalFilter","records","className"],"mappings":";;;SAQgBA,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC;GAAO,GAAGD,KAAK;EACvB,MAAM;IAAEE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAC3C,MAAMC,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAA6B;EAC7D,MAAMC,MAAM,GAAGH,SAAS,CAACG,MAAM;EAC/B,MAAMC,aAAa,GAAGR,KAAK,CAACS,WAAW,EAAE,CAACC,IAAI,CAACH,MAAM;EAErD,IAAII,KAAK;EACT,IAAIC,KAAK;;;EAIT,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACf,KAAK,CAACgB,QAAQ,EAAE,CAACC,YAAY,CAAC,CAACV,MAAM;EAE5E,IAAIM,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGT,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC3CR,KAAK,gBACDS,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACX,kBAAkB,CAAC,CAAU,YAC1EX,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,KAAK,yBACjCS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACjB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAACH,SAAS,CAACqB,MAAM,CAACC,SAAS,KAC1B,CAAAC,qBAAA,GAAA3B,KAAK,CAACgB,QAAQ,EAAE,CAACY,aAAa,cAAAD,qBAAA,eAA9BA,qBAAA,CAAgCpB,MAAM;;EAClC,CAAC,CAACP,KAAK,CAACgB,QAAQ,EAAE,CAACa,YAAY,IAAI7B,KAAK,CAACK,OAAO,CAACyB,kBAAmB,CAAC,EAC5E;IACEnB,KAAK,GAAGT,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACY,OAAO;IAC1CnB,KAAK,gBACDS,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAAChB,aAAa,CAAC,CAAU,YACrEN,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,KAAK,yBACjCS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACjB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHI,KAAK,GAAGT,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACY,OAAO;IAC1CnB,KAAK,gBAAGS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACjB,MAAM,CAAC,CAAU;;EAG3E,oBACIc;IACIW,SAAS,EAAC,+GAA+G;iBAC/G;KACTrB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Row/BuiltIns/SkeletonRow.js

@@ -1,57 +1,59 @@
 import React__default from 'react';
-import { useInView } from 'react-intersection-observer';
+import { getHiddenColumns } from '../../../../useTableManager/util/columns.js';
 
+const DELAY_BEFORE_LOAD_MS = 150;
 function SkeletonRow(props) {
   const {
     index,
-    row,
     table
   } = props;
   const tableMeta = table.options.meta;
   if (tableMeta.server.isEnabled) {
-    return /*#__PURE__*/React__default.createElement(RowWithServerLoading, Object.assign({}, props, {
-      index: index
-    }));
+    return /*#__PURE__*/React__default.createElement(RowWithServerLoading, Object.assign({}, props));
   }
   return /*#__PURE__*/React__default.createElement(Skeleton, {
-    cellsCount: row.getVisibleCells().length
+    cellsCount: table.getVisibleFlatColumns().length,
+    index: index
   });
 }
 function RowWithServerLoading(props) {
   var _table$getState$group, _table$getState;
   const {
     index,
-    row,
     table
   } = props;
   const tableMeta = table.options.meta;
   const pageIndex = Math.floor(index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
-  const {
-    ref,
-    inView
-  } = useInView({
-    threshold: 0,
-    triggerOnce: true,
-    initialInView: pageIndex === 0
-  });
   React__default.useEffect(() => {
-    if (inView) {
-      var _tableMeta$server$loa, _tableMeta$server;
-      (_tableMeta$server$loa = (_tableMeta$server = tableMeta.server).loadPage) === null || _tableMeta$server$loa === void 0 ? void 0 : _tableMeta$server$loa.call(_tableMeta$server, pageIndex, table.getState().sorting, table.getState().columnFilters);
+    let timeout;
+    if (tableMeta.server.isEnabled) {
+      const sorting = props.table.getState().sorting;
+      const filters = props.table.getState().columnFilters;
+      const search = props.table.getState().globalFilter;
+      const hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);
+      timeout = setTimeout(() => {
+        var _tableMeta$server$loa, _tableMeta$server;
+        (_tableMeta$server$loa = (_tableMeta$server = tableMeta.server).loadPage) === null || _tableMeta$server$loa === void 0 ? void 0 : _tableMeta$server$loa.call(_tableMeta$server, pageIndex, sorting, filters, hiddenColumns, tableMeta.search.enableGlobalFilter ? search : undefined);
+      }, DELAY_BEFORE_LOAD_MS);
     }
-  }, [inView]);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, []);
   const groupedCellCount = (_table$getState$group = (_table$getState = table.getState()) === null || _table$getState === void 0 ? void 0 : _table$getState.grouping.length) !== null && _table$getState$group !== void 0 ? _table$getState$group : 0;
-  const ungroupedCellCount = row.getVisibleCells().length - groupedCellCount;
+  const ungroupedCellCount = table.getVisibleFlatColumns().length - groupedCellCount;
   return /*#__PURE__*/React__default.createElement(Skeleton, {
     cellsCount: ungroupedCellCount,
-    ref: ref
+    index: index
   });
 }
 const Skeleton = /*#__PURE__*/React__default.forwardRef(function Skeleton(props, ref) {
   const {
-    cellsCount
+    cellsCount,
+    index
   } = props;
   return /*#__PURE__*/React__default.createElement("tr", {
+    "data-row-index": index,
     ref: ref
   }, Array(cellsCount).fill(null).map((_, index) => (/*#__PURE__*/React__default.createElement("td", {
     key: index

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Row/BuiltIns/SkeletonRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRow.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/SkeletonRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport { useInView } from 'react-intersection-observer';\n\nexport type RowProps<TType = unknown> = {\n    index: number;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n};\n\nexport function SkeletonRow<TType = unknown>(props: RowProps<TType>) {\n    const { index, row, table } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (tableMeta.server.isEnabled) {\n        return <RowWithServerLoading {...props} index={index} />;\n    }\n\n    return <Skeleton cellsCount={row.getVisibleCells().length} />;\n}\n\nfunction RowWithServerLoading<TType = unknown>(props: RowProps<TType>) {\n    const { index, row, table } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const pageIndex = (Math.floor(index / tableMeta.server.pageSize) * tableMeta.server.pageSize) / tableMeta.server.pageSize;\n\n    const { ref, inView } = useInView({\n        threshold: 0,\n        triggerOnce: true,\n        initialInView: pageIndex === 0,\n    });\n\n    React.useEffect(() => {\n        if (inView) {\n            tableMeta.server.loadPage?.(pageIndex, table.getState().sorting, table.getState().columnFilters);\n        }\n    }, [inView]);\n\n    const groupedCellCount = table.getState()?.grouping.length ?? 0;\n    const ungroupedCellCount = row.getVisibleCells().length - groupedCellCount;\n\n    return <Skeleton cellsCount={ungroupedCellCount} ref={ref} />;\n}\n\nconst Skeleton = React.forwardRef(function Skeleton(props: { cellsCount: number }, ref: React.Ref<HTMLTableRowElement>) {\n    const { cellsCount } = props;\n\n    return (\n        <tr ref={ref}>\n            {Array(cellsCount)\n                .fill(null)\n                .map((_, index) => (\n                    <td key={index}>\n                        <span className=\"bg-grey-100 text-grey-700 h-4 w-full text-center text-xs\" />\n                    </td>\n                ))}\n        </tr>\n    );\n});\n"],"names":["SkeletonRow","props","index","row","table","tableMeta","options","meta","server","isEnabled","React","RowWithServerLoading","Skeleton","cellsCount","getVisibleCells","length","pageIndex","Math","floor","pageSize","ref","inView","useInView","threshold","triggerOnce","initialInView","useEffect","_tableMeta$server$loa","_tableMeta$server","loadPage","call","getState","sorting","columnFilters","groupedCellCount","_table$getState$group","_table$getState","grouping","ungroupedCellCount","forwardRef","Array","fill","map","_","key","className"],"mappings":";;;SAUgBA,WAAWA,CAAkBC,KAAsB;EAC/D,MAAM;IAAEC,KAAK;IAAEC,GAAG;IAAEC;GAAO,GAAGH,KAAK;EACnC,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,IAAIF,SAAS,CAACG,MAAM,CAACC,SAAS,EAAE;IAC5B,oBAAOC,6BAACC,oBAAoB,oBAAKV,KAAK;MAAEC,KAAK,EAAEA;OAAS;;EAG5D,oBAAOQ,6BAACE,QAAQ;IAACC,UAAU,EAAEV,GAAG,CAACW,eAAe,EAAE,CAACC;IAAU;AACjE;AAEA,SAASJ,oBAAoBA,CAAkBV,KAAsB;;EACjE,MAAM;IAAEC,KAAK;IAAEC,GAAG;IAAEC;GAAO,GAAGH,KAAK;EACnC,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,MAAMS,SAAS,GAAIC,IAAI,CAACC,KAAK,CAAChB,KAAK,GAAGG,SAAS,CAACG,MAAM,CAACW,QAAQ,CAAC,GAAGd,SAAS,CAACG,MAAM,CAACW,QAAQ,GAAId,SAAS,CAACG,MAAM,CAACW,QAAQ;EAEzH,MAAM;IAAEC,GAAG;IAAEC;GAAQ,GAAGC,SAAS,CAAC;IAC9BC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,IAAI;IACjBC,aAAa,EAAET,SAAS,KAAK;GAChC,CAAC;EAEFN,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAIL,MAAM,EAAE;MAAA,IAAAM,qBAAA,EAAAC,iBAAA;MACR,CAAAD,qBAAA,IAAAC,iBAAA,GAAAvB,SAAS,CAACG,MAAM,EAACqB,QAAQ,cAAAF,qBAAA,uBAAzBA,qBAAA,CAAAG,IAAA,CAAAF,iBAAA,EAA4BZ,SAAS,EAAEZ,KAAK,CAAC2B,QAAQ,EAAE,CAACC,OAAO,EAAE5B,KAAK,CAAC2B,QAAQ,EAAE,CAACE,aAAa,CAAC;;GAEvG,EAAE,CAACZ,MAAM,CAAC,CAAC;EAEZ,MAAMa,gBAAgB,IAAAC,qBAAA,IAAAC,eAAA,GAAGhC,KAAK,CAAC2B,QAAQ,EAAE,cAAAK,eAAA,uBAAhBA,eAAA,CAAkBC,QAAQ,CAACtB,MAAM,cAAAoB,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EAC/D,MAAMG,kBAAkB,GAAGnC,GAAG,CAACW,eAAe,EAAE,CAACC,MAAM,GAAGmB,gBAAgB;EAE1E,oBAAOxB,6BAACE,QAAQ;IAACC,UAAU,EAAEyB,kBAAkB;IAAElB,GAAG,EAAEA;IAAO;AACjE;AAEA,MAAMR,QAAQ,gBAAGF,cAAK,CAAC6B,UAAU,CAAC,SAAS3B,QAAQA,CAACX,KAA6B,EAAEmB,GAAmC;EAClH,MAAM;IAAEP;GAAY,GAAGZ,KAAK;EAE5B,oBACIS;IAAIU,GAAG,EAAEA;KACJoB,KAAK,CAAC3B,UAAU,CAAC,CACb4B,IAAI,CAAC,IAAI,CAAC,CACVC,GAAG,CAAC,CAACC,CAAC,EAAEzC,KAAK,mBACVQ;IAAIkC,GAAG,EAAE1C;kBACLQ;IAAMmC,SAAS,EAAC;IAA6D,CAC5E,CACR,CAAC,CACL;AAEb,CAAC,CAAC;;;;"}
+{"version":3,"file":"SkeletonRow.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/SkeletonRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { getHiddenColumns } from '../../../../useTableManager/util/columns';\n\nconst DELAY_BEFORE_LOAD_MS = 150;\n\nexport type RowProps<TType = unknown> = {\n    index: number;\n    scrollDirection: 'forward' | 'backward' | undefined;\n    table: ReactTable<TType>;\n};\n\nexport function SkeletonRow<TType = unknown>(props: RowProps<TType>) {\n    const { index, table } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (tableMeta.server.isEnabled) {\n        return <RowWithServerLoading {...props} />;\n    }\n\n    return <Skeleton cellsCount={table.getVisibleFlatColumns().length} index={index} />;\n}\n\nfunction RowWithServerLoading<TType = unknown>(props: RowProps<TType>) {\n    const { index, table } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const pageIndex = (Math.floor(index / tableMeta.server.pageSize) * tableMeta.server.pageSize) / tableMeta.server.pageSize;\n\n    React.useEffect(() => {\n        let timeout;\n\n        if (tableMeta.server.isEnabled) {\n            const sorting = props.table.getState().sorting;\n            const filters = props.table.getState().columnFilters;\n            const search = props.table.getState().globalFilter;\n            const hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);\n\n            timeout = setTimeout(() => {\n                tableMeta.server.loadPage?.(\n                    pageIndex,\n                    sorting,\n                    filters,\n                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? search : undefined\n                );\n            }, DELAY_BEFORE_LOAD_MS);\n        }\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, []);\n\n    const groupedCellCount = table.getState()?.grouping.length ?? 0;\n    const ungroupedCellCount = table.getVisibleFlatColumns().length - groupedCellCount;\n\n    return <Skeleton cellsCount={ungroupedCellCount} index={index} />;\n}\n\nconst Skeleton = React.forwardRef(function Skeleton(\n    props: { cellsCount: number; index: number },\n    ref: React.Ref<HTMLTableRowElement>\n) {\n    const { cellsCount, index } = props;\n\n    return (\n        <tr data-row-index={index} ref={ref}>\n            {Array(cellsCount)\n                .fill(null)\n                .map((_, index) => (\n                    <td key={index}>\n                        <span className=\"bg-grey-100 text-grey-700 h-4 w-full text-center text-xs\" />\n                    </td>\n                ))}\n        </tr>\n    );\n});\n"],"names":["DELAY_BEFORE_LOAD_MS","SkeletonRow","props","index","table","tableMeta","options","meta","server","isEnabled","React","RowWithServerLoading","Skeleton","cellsCount","getVisibleFlatColumns","length","pageIndex","Math","floor","pageSize","useEffect","timeout","sorting","getState","filters","columnFilters","search","globalFilter","hiddenColumns","getHiddenColumns","columnVisibility","setTimeout","_tableMeta$server$loa","_tableMeta$server","loadPage","call","enableGlobalFilter","undefined","clearTimeout","groupedCellCount","_table$getState$group","_table$getState","grouping","ungroupedCellCount","forwardRef","ref","Array","fill","map","_","key","className"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Row/Row.js

@@ -1,7 +1,8 @@
 import React__default from 'react';
-import { SkeletonRow } from './BuiltIns/SkeletonRow.js';
+import { getHiddenColumns } from '../../../useTableManager/util/columns.js';
 import { RowContext } from './RowContext.js';
 
+const DELAY_BEFORE_LOAD_MS = 250;
 /* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */
 function Row(props) {
   const {
@@ -9,6 +10,8 @@ function Row(props) {
     cellRenderer: CellRenderer,
     hideInternalColumns = false,
     hideRowActions = false,
+    scrollDirection,
+    skipPageLoading = false,
     ...displayRowProps
   } = props;
   const tableMeta = props.table.options.meta;
@@ -20,9 +23,43 @@ function Row(props) {
     hideInternalColumns,
     hideRowActions
   }), [isHovered, props.index, hideInternalColumns, hideRowActions]);
-  if (props.row.original === undefined) {
-    return /*#__PURE__*/React__default.createElement(SkeletonRow, Object.assign({}, props));
-  }
+  React__default.useEffect(() => {
+    let timeout;
+    if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 && !skipPageLoading) {
+      const pageIndex = Math.floor(props.index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
+      const sorting = props.table.getState().sorting;
+      const filters = props.table.getState().columnFilters;
+      const search = props.table.getState().globalFilter;
+      const hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);
+      const pageIndexesToFetch = [];
+      // if there's no direction, it means the scroll bar got dropped un unloaded pages,
+      // in that case, load forward and backward pages to prevent skeletons
+      if (scrollDirection === 'backward' || !scrollDirection) {
+        const backIndex = pageIndex - 1;
+        if (backIndex > -1) {
+          pageIndexesToFetch.push(backIndex);
+        }
+      }
+      // always load the next page
+      if ((scrollDirection === 'forward' || !scrollDirection) && pageIndex + 2 < tableMeta.server.pageCount) {
+        pageIndexesToFetch.push(pageIndex + 1);
+      }
+      if (pageIndexesToFetch.length) {
+        // the virtualiser fetches a page ahead, so this won't get called in most cases
+        // but it provides a fallback for some edge cases
+        timeout = setTimeout(() => {
+          pageIndexesToFetch.forEach(index => {
+            var _tableMeta$server$loa, _tableMeta$server;
+            // this can be called by every row within the current page, but loadPage returns early if a pending request exists
+            (_tableMeta$server$loa = (_tableMeta$server = tableMeta.server).loadPage) === null || _tableMeta$server$loa === void 0 ? void 0 : _tableMeta$server$loa.call(_tableMeta$server, index, sorting, filters, hiddenColumns, tableMeta.search.enableGlobalFilter ? search : undefined);
+          });
+        }, DELAY_BEFORE_LOAD_MS);
+      }
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [tableMeta.server.pages]);
   return /*#__PURE__*/React__default.createElement(RowContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React__default.createElement(RowRenderer, Object.assign({}, displayRowProps, {

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { SkeletonRow } from './BuiltIns/SkeletonRow';\nimport { RowContext } from './RowContext';\nimport { TableRowRenderer, TableRowRendererProps } from '../../types';\n\nexport type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        renderer: TableRowRenderer<TType>;\n    };\n\n/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const {\n        renderer: RowRenderer,\n        cellRenderer: CellRenderer,\n        hideInternalColumns = false,\n        hideRowActions = false,\n        ...displayRowProps\n    } = props;\n\n    const tableMeta = props.table.options.meta as ReactTableMeta<TType>;\n    const isHovered = tableMeta.rowActive.rowHoverIndex === props.index;\n    // context - it must be here for cells to read it, since they render alongside the row inside DisplayRow\n    const contextValue = React.useMemo(\n        () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),\n        [isHovered, props.index, hideInternalColumns, hideRowActions]\n    );\n\n    if (props.row.original === undefined) {\n        return <SkeletonRow {...props} />;\n    }\n\n    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["Row","props","renderer","RowRenderer","cellRenderer","CellRenderer","hideInternalColumns","hideRowActions","displayRowProps","tableMeta","table","options","meta","isHovered","rowActive","rowHoverIndex","index","contextValue","React","useMemo","rowIndex","row","original","undefined","SkeletonRow","RowContext","Provider","value"],"mappings":";;;;AAWA;SACgBA,GAAGA,CAAkBC,KAAsB;EACvD,MAAM;IACFC,QAAQ,EAAEC,WAAW;IACrBC,YAAY,EAAEC,YAAY;IAC1BC,mBAAmB,GAAG,KAAK;IAC3BC,cAAc,GAAG,KAAK;IACtB,GAAGC;GACN,GAAGP,KAAK;EAET,MAAMQ,SAAS,GAAGR,KAAK,CAACS,KAAK,CAACC,OAAO,CAACC,IAA6B;EACnE,MAAMC,SAAS,GAAGJ,SAAS,CAACK,SAAS,CAACC,aAAa,KAAKd,KAAK,CAACe,KAAK;;EAEnE,MAAMC,YAAY,GAAGC,cAAK,CAACC,OAAO,CAC9B,OAAO;IAAEN,SAAS;IAAEO,QAAQ,EAAEnB,KAAK,CAACe,KAAK;IAAEV,mBAAmB;IAAEC;GAAgB,CAAC,EACjF,CAACM,SAAS,EAAEZ,KAAK,CAACe,KAAK,EAAEV,mBAAmB,EAAEC,cAAc,CAAC,CAChE;EAED,IAAIN,KAAK,CAACoB,GAAG,CAACC,QAAQ,KAAKC,SAAS,EAAE;IAClC,oBAAOL,6BAACM,WAAW,oBAAKvB,KAAK,EAAI;;EAGrC,oBACIiB,6BAACO,UAAU,CAACC,QAAQ;IAACC,KAAK,EAAEV;kBACxBC,6BAACf,WAAW,oBAAYK,eAAe;IAAEJ,YAAY,EAAEC;KAAgB,CACrD;AAE9B;;;;"}
+{"version":3,"file":"Row.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { RowContext } from './RowContext';\nimport { TableRowRenderer, TableRowRendererProps } from '../../types';\nimport { getHiddenColumns } from '../../../useTableManager/util/columns';\n\nconst DELAY_BEFORE_LOAD_MS = 250;\n\nexport type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        renderer: TableRowRenderer<TType>;\n        scrollDirection?: 'forward' | 'backward';\n        skipPageLoading?: boolean;\n    };\n\n/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const {\n        renderer: RowRenderer,\n        cellRenderer: CellRenderer,\n        hideInternalColumns = false,\n        hideRowActions = false,\n        scrollDirection,\n        skipPageLoading = false,\n        ...displayRowProps\n    } = props;\n\n    const tableMeta = props.table.options.meta as ReactTableMeta<TType>;\n    const isHovered = tableMeta.rowActive.rowHoverIndex === props.index;\n    // context - it must be here for cells to read it, since they render alongside the row inside DisplayRow\n    const contextValue = React.useMemo(\n        () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),\n        [isHovered, props.index, hideInternalColumns, hideRowActions]\n    );\n\n    React.useEffect(() => {\n        let timeout;\n\n        if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 && !skipPageLoading) {\n            const pageIndex =\n                (Math.floor(props.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) / tableMeta.server.pageSize;\n\n            const sorting = props.table.getState().sorting;\n            const filters = props.table.getState().columnFilters;\n            const search = props.table.getState().globalFilter;\n            const hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);\n\n            const pageIndexesToFetch: number[] = [];\n\n            // if there's no direction, it means the scroll bar got dropped un unloaded pages,\n            // in that case, load forward and backward pages to prevent skeletons\n            if (scrollDirection === 'backward' || !scrollDirection) {\n                const backIndex = pageIndex - 1;\n\n                if (backIndex > -1) {\n                    pageIndexesToFetch.push(backIndex);\n                }\n            }\n\n            // always load the next page\n            if ((scrollDirection === 'forward' || !scrollDirection) && pageIndex + 2 < tableMeta.server.pageCount) {\n                pageIndexesToFetch.push(pageIndex + 1);\n            }\n\n            if (pageIndexesToFetch.length) {\n                // the virtualiser fetches a page ahead, so this won't get called in most cases\n                // but it provides a fallback for some edge cases\n                timeout = setTimeout(() => {\n                    pageIndexesToFetch.forEach(index => {\n                        // this can be called by every row within the current page, but loadPage returns early if a pending request exists\n                        tableMeta.server.loadPage?.(\n                            index,\n                            sorting,\n                            filters,\n                            hiddenColumns,\n                            tableMeta.search.enableGlobalFilter ? search : undefined\n                        );\n                    });\n                }, DELAY_BEFORE_LOAD_MS);\n            }\n        }\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [tableMeta.server.pages]);\n\n    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["DELAY_BEFORE_LOAD_MS","Row","props","renderer","RowRenderer","cellRenderer","CellRenderer","hideInternalColumns","hideRowActions","scrollDirection","skipPageLoading","displayRowProps","tableMeta","table","options","meta","isHovered","rowActive","rowHoverIndex","index","contextValue","React","useMemo","rowIndex","useEffect","timeout","server","isEnabled","_experimentalDataLoader2","pageIndex","Math","floor","pageSize","sorting","getState","filters","columnFilters","search","globalFilter","hiddenColumns","getHiddenColumns","columnVisibility","pageIndexesToFetch","backIndex","push","pageCount","length","setTimeout","forEach","_tableMeta$server$loa","_tableMeta$server","loadPage","call","enableGlobalFilter","undefined","clearTimeout","pages","RowContext","Provider","value"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Print/Print.js

@@ -3,6 +3,7 @@ import { IconButton } from '../../../../../../../components/IconButton/IconButto
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Shortcut } from '../../../../../../../components/Shortcut/Shortcut.js';
 import { useToast } from '../../../../../../../components/Toast/Toaster.js';
+import { getHiddenColumns } from '../../../../../useTableManager/util/columns.js';
 import { _catch } from '../../../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
 import { PrintDialog } from './PrintDialog.js';
 
@@ -76,8 +77,9 @@ function Print(props) {
       const toastRef = toast.loading(texts.table.print.loading);
       const _temp2 = function () {
         if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {
+          const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
           const _temp = _catch(function () {
-            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
+            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, hiddenColumns, tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined)).then(function () {});
           }, function (error) {
             const errorMessage = `${texts.table.print.error}: ${error}`;
             console.error(errorMessage);

package/dist/esm/packages/taco/src/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 React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { useToast } from '../../../../../../../components/Toast/Toaster';\nimport { TableRef } from '../../../../../types';\nimport { PrintDialog } from './PrintDialog';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\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>();\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 => {\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 (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            try {\n                await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters);\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\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 (error) {\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            <IconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\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":["Print","props","table","tableId","tableRef","texts","useLocalization","ref","React","useRef","lastScrollTopRef","toast","useToast","tableMeta","options","meta","allRows","orientation","size","splitGroups","printing","settings","togglePrinting","useCallback","enabled","setIsPrinting","current","scrollTop","undefined","useEffect","afterPrint","window","addEventListener","removeEventListener","print","toastRef","close","setTimeout","requestAnimationFrame","isSafari","test","navigator","userAgent","document","execCommand","error","loading","_temp2","server","isEnabled","loadAllIfNeeded","_temp","_catch","Promise","resolve","getState","sorting","columnFilters","then","errorMessage","console","_temp3","e","reject","printStyle","push","shortcut","key","shift","tooltip","Shortcut","className","keys","media","join","IconButton","icon","dialog","dialogProps","PrintDialog","onAccept","setOrientation","value","setSetting","setSize","setAllRows","setSplitGroups"],"mappings":"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"}
+{"version":3,"file":"Print.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { useToast } from '../../../../../../../components/Toast/Toaster';\nimport { TableRef } from '../../../../../types';\nimport { PrintDialog } from './PrintDialog';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\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>();\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 => {\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 (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                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 (error) {\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            <IconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\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":["Print","props","table","tableId","tableRef","texts","useLocalization","ref","React","useRef","lastScrollTopRef","toast","useToast","tableMeta","options","meta","allRows","orientation","size","splitGroups","printing","settings","togglePrinting","useCallback","enabled","setIsPrinting","current","scrollTop","undefined","useEffect","afterPrint","window","addEventListener","removeEventListener","print","toastRef","close","setTimeout","requestAnimationFrame","isSafari","test","navigator","userAgent","document","execCommand","error","loading","_temp2","server","isEnabled","loadAllIfNeeded","hiddenColumns","getHiddenColumns","getState","columnVisibility","_temp","_catch","Promise","resolve","sorting","columnFilters","search","enableGlobalFilter","globalFilter","then","errorMessage","console","_temp3","e","reject","printStyle","push","shortcut","key","shift","tooltip","Shortcut","className","keys","media","join","IconButton","icon","dialog","dialogProps","PrintDialog","onAccept","setOrientation","value","setSetting","setSize","setAllRows","setSplitGroups"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Search/Search.js

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Switch } from '../../../../../../../components/Switch/Switch.js';
+import { getHiddenColumns } from '../../../../../useTableManager/util/columns.js';
 import { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2.js';
 
 function Search(props) {
@@ -19,6 +20,7 @@ function Search(props) {
   const scrollTo = rowIndex => scrollToIndex(rowIndex, {
     align: 'center'
   });
+  const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
   React__default.useEffect(() => {
     if (tableMeta.search.highlightedColumnIndexes.length) {
       scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);
@@ -27,9 +29,11 @@ function Search(props) {
   const handleFocus = function () {
     try {
       const _temp = function () {
-        if (tableMeta.server.loadAllIfNeeded) {
+        if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {
           // don't pass the search query because we need all data - not filtered data
-          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
+          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, hiddenColumns,
+          // the old data loader doesn't have server side search
+          undefined)).then(function () {});
         }
       }();
       // load all data if that is possible
@@ -38,8 +42,20 @@ function Search(props) {
       return Promise.reject(e);
     }
   };
+  const [loading, setLoading] = React__default.useState(false);
+  const searchTimeoutRef = React__default.useRef();
   const handleChange = query => {
     table.setGlobalFilter(String(query !== null && query !== void 0 ? query : ''));
+    if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {
+      clearTimeout(searchTimeoutRef.current);
+      searchTimeoutRef.current = setTimeout(() => {
+        var _tableMeta$search$han, _tableMeta$search;
+        setLoading(true);
+        (_tableMeta$search$han = (_tableMeta$search = tableMeta.search).handleSearch) === null || _tableMeta$search$han === void 0 ? void 0 : _tableMeta$search$han.call(_tableMeta$search, query, hiddenColumns).then(() => {
+          setLoading(false);
+        });
+      }, 150);
+    }
   };
   const handleToggleExcludeUnmatchedResults = enabled => {
     tableMeta.search.setEnableGlobalFilter(enabled, table);
@@ -47,6 +63,12 @@ function Search(props) {
       var _ref$current;
       return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
     });
+    if (tableMeta.search.handleSearch) {
+      setLoading(true);
+      tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(() => {
+        setLoading(false);
+      });
+    }
   };
   const handleNextResult = () => {
     if (!tableMeta.search.highlightedColumnIndexes.length) {
@@ -90,7 +112,7 @@ function Search(props) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SearchInput2, {
     findCurrent: tableMeta.search.currentHighlightColumnIndex !== undefined ? tableMeta.search.currentHighlightColumnIndex + 1 : null,
     findTotal: (_tableMeta$search$hig = (_tableMeta$search$hig2 = tableMeta.search.highlightedColumnIndexes) === null || _tableMeta$search$hig2 === void 0 ? void 0 : _tableMeta$search$hig2.length) !== null && _tableMeta$search$hig !== void 0 ? _tableMeta$search$hig : null,
-    loading: tableMeta.server.loading,
+    loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading,
     name: "table-search",
     onClickFindPrevious: handlePreviousResult,
     onClickFindNext: handleNextResult,
@@ -105,6 +127,7 @@ function Search(props) {
       meta: true,
       shift: false
     },
+    showTotal: !tableMeta.server._experimentalDataLoader2,
     value: query
   }));
 }

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport { TableRef } from '../../../../../types';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n    const { scrollToIndex, table, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLInputElement>(null);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const query = table.getState().globalFilter;\n    const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n\n    React.useEffect(() => {\n        if (tableMeta.search.highlightedColumnIndexes.length) {\n            scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    const handleFocus = async () => {\n        // load all data if that is possible\n        if (tableMeta.server.loadAllIfNeeded) {\n            // don't pass the search query because we need all data - not filtered data\n            await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters);\n        }\n    };\n\n    const handleChange = (query: any) => {\n        table.setGlobalFilter(String(query ?? ''));\n    };\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n    };\n\n    const handleNextResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined ||\n            tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex + 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const handlePreviousResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex === 0\n                ? tableMeta.search.highlightedColumnIndexes.length - 1\n                : tableMeta.search.currentHighlightColumnIndex - 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const settings = (\n        <Switch\n            label={texts.table.search.excludeUnmatchedResults}\n            checked={!!table.options.enableGlobalFilter}\n            onChange={handleToggleExcludeUnmatchedResults}\n        />\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n            const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n            if (rowIndex !== undefined && cellIndex !== undefined) {\n                tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n                requestAnimationFrame(() => {\n                    const cell = tableRef.current?.querySelector(\n                        `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n                    );\n\n                    if (cell) {\n                        (cell as HTMLElement).focus?.();\n                    }\n                });\n            }\n        }\n    };\n\n    return (\n        <>\n            <SearchInput2\n                findCurrent={\n                    tableMeta.search.currentHighlightColumnIndex !== undefined\n                        ? tableMeta.search.currentHighlightColumnIndex + 1\n                        : null\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={tableMeta.server.loading}\n                name=\"table-search\"\n                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                placeholder={texts.table.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                value={query}\n            />\n        </>\n    );\n}\n"],"names":["Search","props","scrollToIndex","table","tableRef","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","query","getState","globalFilter","scrollTo","rowIndex","align","useEffect","search","highlightedColumnIndexes","length","handleFocus","server","loadAllIfNeeded","Promise","resolve","sorting","columnFilters","then","_temp","e","reject","handleChange","setGlobalFilter","String","handleToggleExcludeUnmatchedResults","enabled","setEnableGlobalFilter","requestAnimationFrame","_ref$current","current","focus","handleNextResult","nextIndex","currentHighlightColumnIndex","undefined","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","excludeUnmatchedResults","checked","enableGlobalFilter","onChange","handleKeyDown","event","key","cellIndex","rowActive","setRowActiveIndex","cell","_tableRef$current","querySelector","_cell$focus","call","SearchInput2","findCurrent","findTotal","_tableMeta$search$hig","_tableMeta$search$hig2","loading","name","onClickFindPrevious","onClickFindNext","onFocus","onKeyDown","placeholder","settingsContent","shortcut","shift","value"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n    const { scrollToIndex, table, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLInputElement>(null);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const query = table.getState().globalFilter;\n    const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n    const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n    React.useEffect(() => {\n        if (tableMeta.search.highlightedColumnIndexes.length) {\n            scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    const handleFocus = async () => {\n        // load all data if that is possible\n        if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n            // don't pass the search query because we need all data - not filtered data\n            await tableMeta.server.loadAllIfNeeded(\n                table.getState().sorting,\n                table.getState().columnFilters,\n                hiddenColumns,\n                // the old data loader doesn't have server side search\n                undefined\n            );\n        }\n    };\n\n    const [loading, setLoading] = React.useState(false);\n\n    const searchTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n    const handleChange = (query: any) => {\n        table.setGlobalFilter(String(query ?? ''));\n\n        if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n            clearTimeout(searchTimeoutRef.current);\n            searchTimeoutRef.current = setTimeout(() => {\n                setLoading(true);\n                tableMeta.search.handleSearch?.(query, hiddenColumns).then(() => {\n                    setLoading(false);\n                });\n            }, 150);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n\n        if (tableMeta.search.handleSearch) {\n            setLoading(true);\n            tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(() => {\n                setLoading(false);\n            });\n        }\n    };\n\n    const handleNextResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined ||\n            tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex + 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const handlePreviousResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex === 0\n                ? tableMeta.search.highlightedColumnIndexes.length - 1\n                : tableMeta.search.currentHighlightColumnIndex - 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const settings = (\n        <Switch\n            label={texts.table.search.excludeUnmatchedResults}\n            checked={!!table.options.enableGlobalFilter}\n            onChange={handleToggleExcludeUnmatchedResults}\n        />\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n            const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n            if (rowIndex !== undefined && cellIndex !== undefined) {\n                tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n                requestAnimationFrame(() => {\n                    const cell = tableRef.current?.querySelector(\n                        `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n                    );\n\n                    if (cell) {\n                        (cell as HTMLElement).focus?.();\n                    }\n                });\n            }\n        }\n    };\n\n    return (\n        <>\n            <SearchInput2\n                findCurrent={\n                    tableMeta.search.currentHighlightColumnIndex !== undefined\n                        ? tableMeta.search.currentHighlightColumnIndex + 1\n                        : null\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\n                name=\"table-search\"\n                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                placeholder={texts.table.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                showTotal={!tableMeta.server._experimentalDataLoader2}\n                value={query}\n            />\n        </>\n    );\n}\n"],"names":["Search","props","scrollToIndex","table","tableRef","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","query","getState","globalFilter","scrollTo","rowIndex","align","hiddenColumns","getHiddenColumns","columnVisibility","useEffect","search","highlightedColumnIndexes","length","handleFocus","server","loadAllIfNeeded","_experimentalDataLoader2","Promise","resolve","sorting","columnFilters","undefined","then","_temp","e","reject","loading","setLoading","useState","searchTimeoutRef","handleChange","setGlobalFilter","String","enableGlobalFilter","handleSearch","clearTimeout","current","setTimeout","_tableMeta$search$han","_tableMeta$search","call","handleToggleExcludeUnmatchedResults","enabled","setEnableGlobalFilter","requestAnimationFrame","_ref$current","focus","handleNextResult","nextIndex","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","excludeUnmatchedResults","checked","onChange","handleKeyDown","event","key","cellIndex","rowActive","setRowActiveIndex","cell","_tableRef$current","querySelector","_cell$focus","SearchInput2","findCurrent","findTotal","_tableMeta$search$hig","_tableMeta$search$hig2","name","onClickFindPrevious","onClickFindNext","onFocus","onKeyDown","placeholder","settingsContent","shortcut","shift","showTotal","value"],"mappings":";;;;;;SAcgBA,MAAMA,CAAkBC,KAAyB;;EAC7D,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC;GAAU,GAAGH,KAAK;EAChD,MAAM;IAAEI;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAmB,IAAI,CAAC;EAChD,MAAMC,SAAS,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAA6B;EAC7D,MAAMC,KAAK,GAAGV,KAAK,CAACW,QAAQ,EAAE,CAACC,YAAY;EAC3C,MAAMC,QAAQ,GAAIC,QAAgB,IAAKf,aAAa,CAACe,QAAQ,EAAE;IAAEC,KAAK,EAAE;GAAU,CAAC;EACnF,MAAMC,aAAa,GAAGC,gBAAgB,CAACjB,KAAK,CAACW,QAAQ,EAAE,CAACO,gBAAgB,CAAC;EAEzEb,cAAK,CAACc,SAAS,CAAC;IACZ,IAAIZ,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACC,MAAM,EAAE;MAClDT,QAAQ,CAACN,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;GAEhE,EAAE,CAACd,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACC,MAAM,CAAC,CAAC;EAEtD,MAAMC,WAAW;IAAA;;YAEThB,SAAS,CAACiB,MAAM,CAACC,eAAe,IAAI,CAAClB,SAAS,CAACiB,MAAM,CAACE,wBAAwB;;UAC9E,OAAAC,OAAA,CAAAC,OAAA,CACMrB,SAAS,CAACiB,MAAM,CAACC,eAAe,CAClCzB,KAAK,CAACW,QAAQ,EAAE,CAACkB,OAAO,EACxB7B,KAAK,CAACW,QAAQ,EAAE,CAACmB,aAAa,EAC9Bd,aAAa;;UAEbe,SAAS,CACZ,EAAAC,IAAA;;;;MATL,OAAAL,OAAA,CAAAC,OAAA,CAAAK,KAAA,IAAAA,KAAA,CAAAD,IAAA,GAAAC,KAAA,CAAAD,IAAA;KAWH,QAAAE,CAAA;MAAA,OAAAP,OAAA,CAAAQ,MAAA,CAAAD,CAAA;;;EAED,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGhC,cAAK,CAACiC,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMC,gBAAgB,GAAGlC,cAAK,CAACC,MAAM,EAAkB;EAEvD,MAAMkC,YAAY,GAAI9B,KAAU;IAC5BV,KAAK,CAACyC,eAAe,CAACC,MAAM,CAAChC,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC,CAAC;IAE1C,IAAIH,SAAS,CAACa,MAAM,CAACuB,kBAAkB,IAAIpC,SAAS,CAACa,MAAM,CAACwB,YAAY,EAAE;MACtEC,YAAY,CAACN,gBAAgB,CAACO,OAAO,CAAC;MACtCP,gBAAgB,CAACO,OAAO,GAAGC,UAAU,CAAC;;QAClCV,UAAU,CAAC,IAAI,CAAC;QAChB,CAAAW,qBAAA,IAAAC,iBAAA,GAAA1C,SAAS,CAACa,MAAM,EAACwB,YAAY,cAAAI,qBAAA,uBAA7BA,qBAAA,CAAAE,IAAA,CAAAD,iBAAA,EAAgCvC,KAAK,EAAEM,aAAa,CAAC,CAACgB,IAAI,CAAC;UACvDK,UAAU,CAAC,KAAK,CAAC;SACpB,CAAC;OACL,EAAE,GAAG,CAAC;;GAEd;EAED,MAAMc,mCAAmC,GAAIC,OAAgB;IACzD7C,SAAS,CAACa,MAAM,CAACiC,qBAAqB,CAACD,OAAO,EAAEpD,KAAK,CAAC;IACtDsD,qBAAqB,CAAC;MAAA,IAAAC,YAAA;MAAA,QAAAA,YAAA,GAAMnD,GAAG,CAAC0C,OAAO,cAAAS,YAAA,uBAAXA,YAAA,CAAaC,KAAK,EAAE;MAAC;IAEjD,IAAIjD,SAAS,CAACa,MAAM,CAACwB,YAAY,EAAE;MAC/BP,UAAU,CAAC,IAAI,CAAC;MAChB9B,SAAS,CAACa,MAAM,CAACwB,YAAY,CAACQ,OAAO,GAAG1C,KAAK,GAAGqB,SAAS,EAAEf,aAAa,CAAC,CAACgB,IAAI,CAAC;QAC3EK,UAAU,CAAC,KAAK,CAAC;OACpB,CAAC;;GAET;EAED,MAAMoB,gBAAgB,GAAGA;IACrB,IAAI,CAAClD,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACC,MAAM,EAAE;MACnD;;IAGJ,MAAMoC,SAAS,GACXnD,SAAS,CAACa,MAAM,CAACuC,2BAA2B,KAAK5B,SAAS,IAC1DxB,SAAS,CAACa,MAAM,CAACuC,2BAA2B,KAAKpD,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACC,MAAM,GAAG,CAAC,GAC/F,CAAC,GACDf,SAAS,CAACa,MAAM,CAACuC,2BAA2B,GAAG,CAAC;IAE1DpD,SAAS,CAACa,MAAM,CAACwC,8BAA8B,CAACF,SAAS,CAAC;;IAE1D7C,QAAQ,CAACN,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACqC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;GACpE;EAED,MAAMG,oBAAoB,GAAGA;IACzB,IAAI,CAACtD,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACC,MAAM,EAAE;MACnD;;IAGJ,MAAMoC,SAAS,GACXnD,SAAS,CAACa,MAAM,CAACuC,2BAA2B,KAAK5B,SAAS,GACpD,CAAC,GACDxB,SAAS,CAACa,MAAM,CAACuC,2BAA2B,KAAK,CAAC,GAClDpD,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACC,MAAM,GAAG,CAAC,GACpDf,SAAS,CAACa,MAAM,CAACuC,2BAA2B,GAAG,CAAC;IAE1DpD,SAAS,CAACa,MAAM,CAACwC,8BAA8B,CAACF,SAAS,CAAC;;IAE1D7C,QAAQ,CAACN,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACqC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;GACpE;EAED,MAAMI,QAAQ,gBACVzD,6BAAC0D,MAAM;IACHC,KAAK,EAAE9D,KAAK,CAACF,KAAK,CAACoB,MAAM,CAAC6C,uBAAuB;IACjDC,OAAO,EAAE,CAAC,CAAClE,KAAK,CAACQ,OAAO,CAACmC,kBAAkB;IAC3CwB,QAAQ,EAAEhB;IAEjB;EAED,MAAMiB,aAAa,GAAIC,KAA4C;IAC/D,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAI/D,SAAS,CAACa,MAAM,CAACuC,2BAA2B,KAAK5B,SAAS,EAAE;MACtF,MAAM,CAACjB,QAAQ,EAAEyD,SAAS,CAAC,GAAGhE,SAAS,CAACa,MAAM,CAACC,wBAAwB,CAACd,SAAS,CAACa,MAAM,CAACuC,2BAA2B,CAAC;MAErH,IAAI7C,QAAQ,KAAKiB,SAAS,IAAIwC,SAAS,KAAKxC,SAAS,EAAE;QACnDxB,SAAS,CAACiE,SAAS,CAACC,iBAAiB,CAAC3D,QAAQ,CAAC;QAE/CwC,qBAAqB,CAAC;;UAClB,MAAMoB,IAAI,IAAAC,iBAAA,GAAG1E,QAAQ,CAAC6C,OAAO,cAAA6B,iBAAA,uBAAhBA,iBAAA,CAAkBC,aAAa,CACxC,8BAA8B9D,QAAQ,4BAA4ByD,SAAS,IAAI,CAClF;UAED,IAAIG,IAAI,EAAE;YAAA,IAAAG,WAAA;YACL,CAAAA,WAAA,GAAAH,IAAoB,CAAClB,KAAK,cAAAqB,WAAA,uBAA1BA,WAAA,CAAA3B,IAAA,CAAAwB,KAA8B;;SAEtC,CAAC;;;GAGb;EAED,oBACIrE,yEACIA,6BAACyE,YAAY;IACTC,WAAW,EACPxE,SAAS,CAACa,MAAM,CAACuC,2BAA2B,KAAK5B,SAAS,GACpDxB,SAAS,CAACa,MAAM,CAACuC,2BAA2B,GAAG,CAAC,GAChD,IAAI;IAEdqB,SAAS,GAAAC,qBAAA,IAAAC,sBAAA,GAAE3E,SAAS,CAACa,MAAM,CAACC,wBAAwB,cAAA6D,sBAAA,uBAAzCA,sBAAA,CAA2C5D,MAAM,cAAA2D,qBAAA,cAAAA,qBAAA,GAAI,IAAI;IACpE7C,OAAO,EAAE7B,SAAS,CAACiB,MAAM,CAACE,wBAAwB,GAAGU,OAAO,GAAG7B,SAAS,CAACiB,MAAM,CAACY,OAAO;IACvF+C,IAAI,EAAC,cAAc;IACnBC,mBAAmB,EAAEvB,oBAAoB;IACzCwB,eAAe,EAAE5B,gBAAgB;IACjCU,QAAQ,EAAE3B,YAAY;IACtB8C,OAAO,EAAE/D,WAAW;IACpBgE,SAAS,EAAEnB,aAAa;IACxBoB,WAAW,EAAEtF,KAAK,CAACF,KAAK,CAACoB,MAAM,CAACoE,WAAW;IAC3CC,eAAe,EAAE3B,QAAQ;IACzB1D,GAAG,EAAEA,GAAG;IACRsF,QAAQ,EAAE;MAAEpB,GAAG,EAAE,GAAG;MAAE7D,IAAI,EAAE,IAAI;MAAEkF,KAAK,EAAE;KAAO;IAChDC,SAAS,EAAE,CAACrF,SAAS,CAACiB,MAAM,CAACE,wBAAwB;IACrDmE,KAAK,EAAEnF;IACT,CACH;AAEX;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/features/useTableGlobalShortcuts.js

@@ -10,7 +10,7 @@ function useTableGlobalShortcuts(table, tableRef, scrollToIndex) {
       if (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current) || isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current)) {
         return;
       }
-      tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex);
+      tableMeta.rowActive.handleKeyDown(event, tableMeta.length, scrollToIndex);
       tableMeta.rowSelection.handleKeyDown(event, table);
       if (tableMeta.rowActive.rowActiveIndex !== undefined) {
         var _rows$tableMeta$rowAc;
@@ -23,7 +23,7 @@ function useTableGlobalShortcuts(table, tableRef, scrollToIndex) {
     };
   },
   // scrollToIndex function changes when row count changes, so it is important to update handlers
-  [tableRef.current, tableMeta.rowActive.rowActiveIndex, scrollToIndex]);
+  [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]);
 }
 
 export { useTableGlobalShortcuts };

package/dist/esm/packages/taco/src/primitives/Table/Core/features/useTableGlobalShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport {\n    isElementInsideOrTriggeredFromContainer,\n    isElementInsideOverlay,\n    isElementInteractive,\n    isSiblingElementInsideSameParentOverlay,\n} from '../../../../utils/dom';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                const trigger = event.target as HTMLElement;\n\n                if (\n                    (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current)) ||\n                    (isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current))\n                ) {\n                    return;\n                }\n\n                tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["useTableGlobalShortcuts","table","tableRef","scrollToIndex","tableMeta","options","meta","rows","getRowModel","React","useEffect","handleKeyDown","event","trigger","target","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","current","isElementInteractive","isElementInsideOrTriggeredFromContainer","rowActive","length","rowSelection","rowActiveIndex","undefined","_rows$tableMeta$rowAc","rowClick","original","document","addEventListener","removeEventListener"],"mappings":";;;SAUgBA,uBAAuBA,CACnCC,KAAwB,EACxBC,QAAmC,EACnCC,aAAsC;EAEtC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,IAAI,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CACX;IACI,MAAMC,aAAa,GAAIC,KAAoB;MACvC,MAAMC,OAAO,GAAGD,KAAK,CAACE,MAAqB;MAE3C,IACKC,sBAAsB,CAACF,OAAO,CAAC,IAAI,CAACG,uCAAuC,CAACH,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAC,IACtGC,oBAAoB,CAACL,OAAO,CAAC,IAAI,CAACM,uCAAuC,CAACN,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAE,EACxG;QACE;;MAGJb,SAAS,CAACgB,SAAS,CAACT,aAAa,CAACC,KAAK,EAAEL,IAAI,CAACc,MAAM,EAAElB,aAAa,CAAC;MACpEC,SAAS,CAACkB,YAAY,CAACX,aAAa,CAACC,KAAK,EAAEX,KAAK,CAAC;MAElD,IAAIG,SAAS,CAACgB,SAAS,CAACG,cAAc,KAAKC,SAAS,EAAE;QAAA,IAAAC,qBAAA;QAClDrB,SAAS,CAACsB,QAAQ,CAACf,aAAa,CAACC,KAAK,GAAAa,qBAAA,GAAElB,IAAI,CAACH,SAAS,CAACgB,SAAS,CAACG,cAAc,CAAC,cAAAE,qBAAA,uBAAxCA,qBAAA,CAA0CE,QAAQ,CAAC;;KAElG;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAElB,aAAa,CAAC;IAEnD,OAAO;MACHiB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEnB,aAAa,CAAC;KACzD;GACJ;;EAGD,CAACT,QAAQ,CAACe,OAAO,EAAEb,SAAS,CAACgB,SAAS,CAACG,cAAc,EAAEpB,aAAa,CAAC,CACxE;AACL;;;;"}
+{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport {\n    isElementInsideOrTriggeredFromContainer,\n    isElementInsideOverlay,\n    isElementInteractive,\n    isSiblingElementInsideSameParentOverlay,\n} from '../../../../utils/dom';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                const trigger = event.target as HTMLElement;\n\n                if (\n                    (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current)) ||\n                    (isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current))\n                ) {\n                    return;\n                }\n\n                tableMeta.rowActive.handleKeyDown(event, tableMeta.length, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["useTableGlobalShortcuts","table","tableRef","scrollToIndex","tableMeta","options","meta","rows","getRowModel","React","useEffect","handleKeyDown","event","trigger","target","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","current","isElementInteractive","isElementInsideOrTriggeredFromContainer","rowActive","length","rowSelection","rowActiveIndex","undefined","_rows$tableMeta$rowAc","rowClick","original","document","addEventListener","removeEventListener"],"mappings":";;;SAUgBA,uBAAuBA,CACnCC,KAAwB,EACxBC,QAAmC,EACnCC,aAAsC;EAEtC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,IAAI,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CACX;IACI,MAAMC,aAAa,GAAIC,KAAoB;MACvC,MAAMC,OAAO,GAAGD,KAAK,CAACE,MAAqB;MAE3C,IACKC,sBAAsB,CAACF,OAAO,CAAC,IAAI,CAACG,uCAAuC,CAACH,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAC,IACtGC,oBAAoB,CAACL,OAAO,CAAC,IAAI,CAACM,uCAAuC,CAACN,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAE,EACxG;QACE;;MAGJb,SAAS,CAACgB,SAAS,CAACT,aAAa,CAACC,KAAK,EAAER,SAAS,CAACiB,MAAM,EAAElB,aAAa,CAAC;MACzEC,SAAS,CAACkB,YAAY,CAACX,aAAa,CAACC,KAAK,EAAEX,KAAK,CAAC;MAElD,IAAIG,SAAS,CAACgB,SAAS,CAACG,cAAc,KAAKC,SAAS,EAAE;QAAA,IAAAC,qBAAA;QAClDrB,SAAS,CAACsB,QAAQ,CAACf,aAAa,CAACC,KAAK,GAAAa,qBAAA,GAAElB,IAAI,CAACH,SAAS,CAACgB,SAAS,CAACG,cAAc,CAAC,cAAAE,qBAAA,uBAAxCA,qBAAA,CAA0CE,QAAQ,CAAC;;KAElG;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAElB,aAAa,CAAC;IAEnD,OAAO;MACHiB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEnB,aAAa,CAAC;KACzD;GACJ;;EAGD,CAACT,QAAQ,CAACe,OAAO,EAAEb,SAAS,CAACiB,MAAM,EAAEjB,SAAS,CAACgB,SAAS,CAACG,cAAc,EAAEpB,aAAa,CAAC,CAC1F;AACL;;;;"}