@economic/taco 2.47.0-server.9 → 2.47.0

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

@@ -1,61 +1,63 @@
 import React__default from 'react';
-import { getHiddenColumns } from '../../../../useTableManager/util/columns.js';
+import { useInView } from 'react-intersection-observer';
 
-var DELAY_BEFORE_LOAD_MS = 150;
 function SkeletonRow(props) {
-  var index = props.index,
-    table = props.table;
-  var tableMeta = table.options.meta;
+  const {
+    index,
+    row,
+    table
+  } = props;
+  const tableMeta = table.options.meta;
   if (tableMeta.server.isEnabled) {
-    return /*#__PURE__*/React__default.createElement(RowWithServerLoading, Object.assign({}, props));
+    return /*#__PURE__*/React__default.createElement(RowWithServerLoading, Object.assign({}, props, {
+      index: index
+    }));
   }
   return /*#__PURE__*/React__default.createElement(Skeleton, {
-    cellsCount: table.getVisibleFlatColumns().length,
-    index: index
+    cellsCount: row.getVisibleCells().length
   });
 }
 function RowWithServerLoading(props) {
   var _table$getState$group, _table$getState;
-  var index = props.index,
-    table = props.table;
-  var tableMeta = table.options.meta;
-  var pageIndex = Math.floor(index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
-  React__default.useEffect(function () {
-    var timeout;
-    if (tableMeta.server.isEnabled) {
-      var sorting = props.table.getState().sorting;
-      var filters = props.table.getState().columnFilters;
-      var search = props.table.getState().globalFilter;
-      var hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);
-      timeout = setTimeout(function () {
-        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, tableMeta.search.enableGlobalFilter ? search : undefined, hiddenColumns);
-      }, DELAY_BEFORE_LOAD_MS);
+  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);
     }
-    return function () {
-      clearTimeout(timeout);
-    };
-  }, []);
-  var 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;
-  var ungroupedCellCount = table.getVisibleFlatColumns().length - groupedCellCount;
+  }, [inView]);
+  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;
   return /*#__PURE__*/React__default.createElement(Skeleton, {
     cellsCount: ungroupedCellCount,
-    index: index
+    ref: ref
   });
 }
-var Skeleton = /*#__PURE__*/React__default.forwardRef(function Skeleton(props, ref) {
-  var cellsCount = props.cellsCount,
-    index = props.index;
+const Skeleton = /*#__PURE__*/React__default.forwardRef(function Skeleton(props, ref) {
+  const {
+    cellsCount
+  } = props;
   return /*#__PURE__*/React__default.createElement("tr", {
-    "data-row-index": index,
     ref: ref
-  }, Array(cellsCount).fill(null).map(function (_, index) {
-    return /*#__PURE__*/React__default.createElement("td", {
-      key: index
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "bg-grey-100 text-grey-700 h-4 w-full text-center text-xs"
-    }));
-  }));
+  }, Array(cellsCount).fill(null).map((_, index) => (/*#__PURE__*/React__default.createElement("td", {
+    key: index
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "bg-grey-100 text-grey-700 h-4 w-full text-center text-xs"
+  })))));
 });
 
 export { SkeletonRow };

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 } 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                    tableMeta.search.enableGlobalFilter ? search : undefined,\n                    hiddenColumns\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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"}
+{"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;;;;"}

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

@@ -1,70 +1,28 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { getHiddenColumns } from '../../../useTableManager/util/columns.js';
+import { SkeletonRow } from './BuiltIns/SkeletonRow.js';
 import { RowContext } from './RowContext.js';
 
-var _excluded = ["renderer", "cellRenderer", "hideInternalColumns", "hideRowActions", "scrollDirection", "skipPageLoading"];
-var DELAY_BEFORE_LOAD_MS = 250;
 /* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */
 function Row(props) {
-  var RowRenderer = props.renderer,
-    CellRenderer = props.cellRenderer,
-    _props$hideInternalCo = props.hideInternalColumns,
-    hideInternalColumns = _props$hideInternalCo === void 0 ? false : _props$hideInternalCo,
-    _props$hideRowActions = props.hideRowActions,
-    hideRowActions = _props$hideRowActions === void 0 ? false : _props$hideRowActions,
-    scrollDirection = props.scrollDirection,
-    _props$skipPageLoadin = props.skipPageLoading,
-    skipPageLoading = _props$skipPageLoadin === void 0 ? false : _props$skipPageLoadin,
-    displayRowProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var tableMeta = props.table.options.meta;
-  var isHovered = tableMeta.rowActive.rowHoverIndex === props.index;
+  const {
+    renderer: RowRenderer,
+    cellRenderer: CellRenderer,
+    hideInternalColumns = false,
+    hideRowActions = false,
+    ...displayRowProps
+  } = props;
+  const tableMeta = props.table.options.meta;
+  const isHovered = tableMeta.rowActive.rowHoverIndex === props.index;
   // context - it must be here for cells to read it, since they render alongside the row inside DisplayRow
-  var contextValue = React__default.useMemo(function () {
-    return {
-      isHovered: isHovered,
-      rowIndex: props.index,
-      hideInternalColumns: hideInternalColumns,
-      hideRowActions: hideRowActions
-    };
-  }, [isHovered, props.index, hideInternalColumns, hideRowActions]);
-  React__default.useEffect(function () {
-    var timeout;
-    if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 && !skipPageLoading) {
-      var pageIndex = Math.floor(props.index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
-      var sorting = props.table.getState().sorting;
-      var filters = props.table.getState().columnFilters;
-      var search = props.table.getState().globalFilter;
-      var hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);
-      var 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) {
-        var 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(function () {
-          pageIndexesToFetch.forEach(function (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, tableMeta.search.enableGlobalFilter ? search : undefined, hiddenColumns);
-          });
-        }, DELAY_BEFORE_LOAD_MS);
-      }
-    }
-    return function () {
-      clearTimeout(timeout);
-    };
-  }, [tableMeta.server.pages]);
+  const contextValue = React__default.useMemo(() => ({
+    isHovered,
+    rowIndex: props.index,
+    hideInternalColumns,
+    hideRowActions
+  }), [isHovered, props.index, hideInternalColumns, hideRowActions]);
+  if (props.row.original === undefined) {
+    return /*#__PURE__*/React__default.createElement(SkeletonRow, Object.assign({}, props));
+  }
   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 { 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                            tableMeta.search.enableGlobalFilter ? search : undefined,\n                            hiddenColumns\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","RowRenderer","renderer","CellRenderer","cellRenderer","_props$hideInternalCo","hideInternalColumns","_props$hideRowActions","hideRowActions","scrollDirection","_props$skipPageLoadin","skipPageLoading","displayRowProps","_objectWithoutPropertiesLoose","_excluded","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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"}
+{"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;;;;"}

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

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var RowContext = /*#__PURE__*/React__default.createContext({
+const RowContext = /*#__PURE__*/React__default.createContext({
   hideInternalColumns: false,
   hideRowActions: false,
   isHovered: false,

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

@@ -1 +1 @@
-{"version":3,"file":"RowContext.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Row/RowContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype RowContextValue = {\n    hideInternalColumns: boolean;\n    hideRowActions: boolean;\n    isHovered: boolean;\n    rowIndex: number;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    hideInternalColumns: false,\n    hideRowActions: false,\n    isHovered: false,\n    rowIndex: -1,\n});\n"],"names":["RowContext","React","createContext","hideInternalColumns","hideRowActions","isHovered","rowIndex"],"mappings":";;IASaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,mBAAmB,EAAE,KAAK;EAC1BC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE,CAAC;CACd;;;;"}
+{"version":3,"file":"RowContext.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Row/RowContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype RowContextValue = {\n    hideInternalColumns: boolean;\n    hideRowActions: boolean;\n    isHovered: boolean;\n    rowIndex: number;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    hideInternalColumns: false,\n    hideRowActions: false,\n    isHovered: false,\n    rowIndex: -1,\n});\n"],"names":["RowContext","React","createContext","hideInternalColumns","hideRowActions","isHovered","rowIndex"],"mappings":";;MASaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,mBAAmB,EAAE,KAAK;EAC1BC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE,CAAC;CACd;;;;"}

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

@@ -1,23 +1,23 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Group } from '../../../../../components/Group/Group.js';
 import { Search } from './components/Search/Search.js';
 import { Settings } from './components/Settings/Settings.js';
 import { Print } from './components/Print/Print.js';
 import { Filters } from './components/Filters/Filters.js';
 
-var _excluded = ["children", "table"];
 function TableToolbar(props) {
-  var customTools = props.children,
-    table = props.table,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  const {
+    children: customTools,
+    table,
+    ...attributes
+  } = props;
   if (!isToolbarVisible(table, !!customTools)) {
     return null;
   }
-  var canFilter = table.instance.options.enableColumnFilters;
-  var canPrint = table.meta.printing.isEnabled;
-  var canSettings = canChangeSettings(table.instance, table.props.customSettings);
-  var canSearch = table.meta.search.isEnabled;
+  const canFilter = table.instance.options.enableColumnFilters;
+  const canPrint = table.meta.printing.isEnabled;
+  const canSettings = canChangeSettings(table.instance, table.props.customSettings);
+  const canSearch = table.meta.search.isEnabled;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
     className: "mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden",
     "data-taco": "table-toolbar"
@@ -42,11 +42,11 @@ function TableToolbar(props) {
   }, table.props.toolbarPanel) : undefined);
 }
 function canChangeSettings(table, customSettings) {
-  var tableMeta = table.options.meta;
+  const tableMeta = table.options.meta;
   return table.options.enableHiding || tableMeta.columnOrdering.isEnabled || tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || typeof customSettings === 'function';
 }
 function isToolbarVisible(table, customTools) {
-  var hasInternalToolbar = customTools || table.instance.options.enableColumnFilters || table.meta.printing.isEnabled || canChangeSettings(table.instance, table.props.customSettings) || table.meta.search.isEnabled;
+  const hasInternalToolbar = customTools || table.instance.options.enableColumnFilters || table.meta.printing.isEnabled || canChangeSettings(table.instance, table.props.customSettings) || table.meta.search.isEnabled;
   return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Group } from '../../../../../components/Group/Group';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\nimport { Print } from './components/Print/Print';\nimport { Filters } from './components/Filters/Filters';\nimport { TableCustomSettingsRenderer } from '../../../types';\nimport { useTableReturnValue } from '../../useTable';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <Group className=\"ml-auto flex-shrink-0 items-center print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? <Settings customSettings={table.props.customSettings} table={table.instance} /> : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </Group>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible<TType = unknown>(table: useTableReturnValue<TType>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["TableToolbar","props","customTools","children","table","attributes","_objectWithoutPropertiesLoose","_excluded","isToolbarVisible","canFilter","instance","options","enableColumnFilters","canPrint","meta","printing","isEnabled","canSettings","canChangeSettings","customSettings","canSearch","search","React","className","toolbarLeft","Group","Filters","length","toolbarRight","Print","tableId","id","tableRef","ref","Settings","Search","scrollToIndex","renderer","toolbarPanel","undefined","tableMeta","enableHiding","columnOrdering","fontSize","rowHeight","hasInternalToolbar"],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Group } from '../../../../../components/Group/Group';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\nimport { Print } from './components/Print/Print';\nimport { Filters } from './components/Filters/Filters';\nimport { TableCustomSettingsRenderer } from '../../../types';\nimport { useTableReturnValue } from '../../useTable';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <Group className=\"ml-auto flex-shrink-0 items-center print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? <Settings customSettings={table.props.customSettings} table={table.instance} /> : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </Group>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible<TType = unknown>(table: useTableReturnValue<TType>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["TableToolbar","props","children","customTools","table","attributes","isToolbarVisible","canFilter","instance","options","enableColumnFilters","canPrint","meta","printing","isEnabled","canSettings","canChangeSettings","customSettings","canSearch","search","React","className","toolbarLeft","Group","Filters","length","toolbarRight","Print","tableId","id","tableRef","ref","Settings","Search","scrollToIndex","renderer","toolbarPanel","undefined","tableMeta","enableHiding","columnOrdering","fontSize","rowHeight","hasInternalToolbar"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var FilterContext = /*#__PURE__*/React__default.createContext([]);
+const FilterContext = /*#__PURE__*/React__default.createContext([]);
 
 export { FilterContext };
 //# sourceMappingURL=FilterContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContext.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/FilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport { TableFilter } from '../../../../../types';\n\nexport const FilterContext = React.createContext<TableFilter[]>([]);\n"],"names":["FilterContext","React","createContext"],"mappings":";;IAGaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAgB,EAAE;;;;"}
+{"version":3,"file":"FilterContext.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/FilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport { TableFilter } from '../../../../../types';\n\nexport const FilterContext = React.createContext<TableFilter[]>([]);\n"],"names":["FilterContext","React","createContext"],"mappings":";;MAGaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAgB,EAAE;;;;"}

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

@@ -9,39 +9,38 @@ import { isEmptyFilter } from './util.js';
 import { ManageFiltersPopover } from './ManageFiltersPopover.js';
 
 function Filters(props) {
-  var length = props.length,
-    table = props.table;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var isLargeScreen = useIsLargeScreen();
-  var columnFilters = table.getState().columnFilters;
-  var appliedFilters = columnFilters.filter(function (f) {
-    return !isEmptyFilter(f);
-  });
-  var ref = React__default.useRef(null);
-  var shortcut = {
+  const {
+    length,
+    table
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const isLargeScreen = useIsLargeScreen();
+  const columnFilters = table.getState().columnFilters;
+  const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));
+  const ref = React__default.useRef(null);
+  const shortcut = {
     key: 'f',
     meta: true,
     shift: true
   };
-  var buttonProps = {
+  const buttonProps = {
     'aria-label': texts.table.filters.tooltip,
     className: appliedFilters.length ? '!wcag-blue-100' : undefined,
-    popover: function popover(popoverProps) {
-      return /*#__PURE__*/React__default.createElement(ManageFiltersPopover, Object.assign({}, popoverProps, {
-        length: length,
-        table: table
-      }));
-    },
-    shortcut: shortcut,
-    ref: ref,
+    popover: popoverProps => /*#__PURE__*/React__default.createElement(ManageFiltersPopover, Object.assign({}, popoverProps, {
+      length: length,
+      table: table
+    })),
+    shortcut,
+    ref,
     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(function () {
-    var emptyFilter = columnFilters.find(isEmptyFilter);
+  React__default.useEffect(() => {
+    const emptyFilter = columnFilters.find(isEmptyFilter);
     // we set an empty filter when adding a filter through a column header.
     if (emptyFilter) {
       var _ref$current;
@@ -56,7 +55,7 @@ function Filters(props) {
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({}, buttonProps), /*#__PURE__*/React__default.createElement(Icon, {
     className: !isLargeScreen ? '-mr-1.5' : undefined,
     name: appliedFilters.length ? 'filter-solid' : 'filter'
-  }), isLargeScreen ? texts.table.filters.button : '', appliedFilters.length ? "(" + appliedFilters.length + ")" : '');
+  }), isLargeScreen ? texts.table.filters.button : '', appliedFilters.length ? `(${appliedFilters.length})` : '');
 }
 
 export { Filters };

package/dist/esm/packages/taco/src/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 React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../types';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, 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 ? '!wcag-blue-100' : undefined,\n        popover: 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 <IconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <Button {...buttonProps}>\n            <Icon className={!isLargeScreen ? '-mr-1.5' : undefined} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </Button>\n    );\n}\n"],"names":["Filters","props","length","table","_useLocalization","useLocalization","texts","isLargeScreen","useIsLargeScreen","columnFilters","getState","appliedFilters","filter","f","isEmptyFilter","ref","React","useRef","shortcut","key","meta","shift","buttonProps","filters","tooltip","className","undefined","popover","popoverProps","ManageFiltersPopover","Shortcut","keys","useEffect","emptyFilter","find","_ref$current","current","click","IconButton","icon","Button","Icon","name","button"],"mappings":";;;;;;;;;;SAiBgBA,OAAOA,CAAkBC,KAA0B;EAC/D,IAAQC,MAAM,GAAYD,KAAK,CAAvBC,MAAM;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EACrB,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,IAAMC,aAAa,GAAGN,KAAK,CAACO,QAAQ,EAAE,CAACD,aAA8B;EACrE,IAAME,cAAc,GAAGF,aAAa,CAACG,MAAM,CAAC,UAAAC,CAAC;IAAA,OAAI,CAACC,aAAa,CAACD,CAAC,CAAC;IAAC;EACnE,IAAME,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EAEjD,IAAMC,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAM;EAEtD,IAAMC,WAAW,GAAG;IAChB,YAAY,EAAEhB,KAAK,CAACH,KAAK,CAACoB,OAAO,CAACC,OAAO;IACzCC,SAAS,EAAEd,cAAc,CAACT,MAAM,GAAG,gBAAgB,GAAGwB,SAAS;IAC/DC,OAAO,EAAE,SAAAA,QAAAC,YAAY;MAAA,oBAAIZ,6BAACa,oBAAoB,oBAAKD,YAAY;QAAE1B,MAAM,EAAEA,MAAM;QAAEC,KAAK,EAAEA;SAAS;;IACjGe,QAAQ,EAARA,QAAQ;IACRH,GAAG,EAAHA,GAAG;IACHS,OAAO,gBACHR,4DACKV,KAAK,CAACH,KAAK,CAACoB,OAAO,CAACC,OAAO,eAC5BR,6BAACc,QAAQ;MAACL,SAAS,EAAC,MAAM;MAACM,IAAI,EAAEb;MAAY,CAC9C;GAEV;EAEDF,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAMC,WAAW,GAAGxB,aAAa,CAACyB,IAAI,CAACpB,aAAa,CAAC;;IAGrD,IAAImB,WAAW,EAAE;MAAA,IAAAE,YAAA;MACb,CAAAA,YAAA,GAAApB,GAAG,CAACqB,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,KAAK,EAAE;;GAE3B,EAAE,CAAC5B,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACF,aAAa,IAAI,CAACI,cAAc,CAACT,MAAM,EAAE;IAC1C,oBAAOc,6BAACsB,UAAU,oBAAKhB,WAAW;MAAEiB,IAAI,EAAC;OAAW;;EAGxD,oBACIvB,6BAACwB,MAAM,oBAAKlB,WAAW,gBACnBN,6BAACyB,IAAI;IAAChB,SAAS,EAAE,CAAClB,aAAa,GAAG,SAAS,GAAGmB,SAAS;IAAEgB,IAAI,EAAE/B,cAAc,CAACT,MAAM,GAAG,cAAc,GAAG;IAAY,EACnHK,aAAa,GAAGD,KAAK,CAACH,KAAK,CAACoB,OAAO,CAACoB,MAAM,GAAG,EAAE,EAC/ChC,cAAc,CAACT,MAAM,SAAOS,cAAc,CAACT,MAAM,SAAM,EAAE,CACrD;AAEjB;;;;"}
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../types';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, 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 ? '!wcag-blue-100' : undefined,\n        popover: 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 <IconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <Button {...buttonProps}>\n            <Icon className={!isLargeScreen ? '-mr-1.5' : undefined} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </Button>\n    );\n}\n"],"names":["Filters","props","length","table","texts","useLocalization","isLargeScreen","useIsLargeScreen","columnFilters","getState","appliedFilters","filter","f","isEmptyFilter","ref","React","useRef","shortcut","key","meta","shift","buttonProps","filters","tooltip","className","undefined","popover","popoverProps","ManageFiltersPopover","Shortcut","keys","useEffect","emptyFilter","find","_ref$current","current","click","IconButton","icon","Button","Icon","name","button"],"mappings":";;;;;;;;;;SAiBgBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,MAAM;IAAEC;GAAO,GAAGF,KAAK;EAC/B,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,MAAMC,aAAa,GAAGL,KAAK,CAACM,QAAQ,EAAE,CAACD,aAA8B;EACrE,MAAME,cAAc,GAAGF,aAAa,CAACG,MAAM,CAACC,CAAC,IAAI,CAACC,aAAa,CAACD,CAAC,CAAC,CAAC;EACnE,MAAME,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EAEjD,MAAMC,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAM;EAEtD,MAAMC,WAAW,GAAG;IAChB,YAAY,EAAEjB,KAAK,CAACD,KAAK,CAACmB,OAAO,CAACC,OAAO;IACzCC,SAAS,EAAEd,cAAc,CAACR,MAAM,GAAG,gBAAgB,GAAGuB,SAAS;IAC/DC,OAAO,EAAEC,YAAY,iBAAIZ,6BAACa,oBAAoB,oBAAKD,YAAY;MAAEzB,MAAM,EAAEA,MAAM;MAAEC,KAAK,EAAEA;OAAS;IACjGc,QAAQ;IACRH,GAAG;IACHS,OAAO,gBACHR,4DACKX,KAAK,CAACD,KAAK,CAACmB,OAAO,CAACC,OAAO,eAC5BR,6BAACc,QAAQ;MAACL,SAAS,EAAC,MAAM;MAACM,IAAI,EAAEb;MAAY,CAC9C;GAEV;EAEDF,cAAK,CAACgB,SAAS,CAAC;IACZ,MAAMC,WAAW,GAAGxB,aAAa,CAACyB,IAAI,CAACpB,aAAa,CAAC;;IAGrD,IAAImB,WAAW,EAAE;MAAA,IAAAE,YAAA;MACb,CAAAA,YAAA,GAAApB,GAAG,CAACqB,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,KAAK,EAAE;;GAE3B,EAAE,CAAC5B,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACF,aAAa,IAAI,CAACI,cAAc,CAACR,MAAM,EAAE;IAC1C,oBAAOa,6BAACsB,UAAU,oBAAKhB,WAAW;MAAEiB,IAAI,EAAC;OAAW;;EAGxD,oBACIvB,6BAACwB,MAAM,oBAAKlB,WAAW,gBACnBN,6BAACyB,IAAI;IAAChB,SAAS,EAAE,CAAClB,aAAa,GAAG,SAAS,GAAGmB,SAAS;IAAEgB,IAAI,EAAE/B,cAAc,CAACR,MAAM,GAAG,cAAc,GAAG;IAAY,EACnHI,aAAa,GAAGF,KAAK,CAACD,KAAK,CAACmB,OAAO,CAACoB,MAAM,GAAG,EAAE,EAC/ChC,cAAc,CAACR,MAAM,GAAG,IAAIQ,cAAc,CAACR,MAAM,GAAG,GAAG,EAAE,CACrD;AAEjB;;;;"}