@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.cjs

@@ -9,7 +9,6 @@ const useResizeObserver = require("../../../../../../hooks/useResizeObserver.cjs
 const mergeRefs = require("../../../../../../utils/mergeRefs.cjs");
 const DisplayRow = React.memo(
   React.forwardRef(function DisplayRow2(props, externalRef) {
-    var _a, _b, _c;
     const {
       children,
       cellRenderer: CellRenderer,
@@ -29,9 +28,8 @@ const DisplayRow = React.memo(
     };
     const handleClick = React.useCallback(
       (event) => {
-        var _a2;
         const clickedElement = event.target;
-        if (!((_a2 = event.currentTarget) == null ? void 0 : _a2.contains(event.target)) || dom.isElementInteractive(clickedElement)) {
+        if (!event.currentTarget?.contains(event.target) || dom.isElementInteractive(clickedElement)) {
           return;
         }
         tableMeta.rowClick.handleClick(event, row.original);
@@ -53,14 +51,12 @@ const DisplayRow = React.memo(
       attributes.draggable = true;
       const GHOST_ELEMENT_ID = "taco_table_dragging";
       attributes.onDragStart = (event) => {
-        var _a2, _b2, _c2, _d;
         let rows = [row];
         if (row.getCanSelect()) {
           rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];
         }
         const data = rows.map((row2) => row2.original);
-        (_b2 = (_a2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _b2.call(
-          _a2,
+        tableMeta.rowDrag.setDragging?.(
           rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})
         );
         event.dataTransfer.setData("text", JSON.stringify(data));
@@ -73,23 +69,19 @@ const DisplayRow = React.memo(
           event.dataTransfer.setDragImage(ghost, 0, 0);
         };
         const setDataTransfer = (text) => event.dataTransfer.setData("text", text);
-        (_d = (_c2 = tableMeta.rowDrag).handleRowDrag) == null ? void 0 : _d.call(_c2, data, showPlaceholder, setDataTransfer);
+        tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);
       };
       attributes.onDragEnd = () => {
-        var _a2, _b2, _c2;
-        (_a2 = document.getElementById(GHOST_ELEMENT_ID)) == null ? void 0 : _a2.remove();
-        (_c2 = (_b2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _c2.call(_b2, {});
+        document.getElementById(GHOST_ELEMENT_ID)?.remove();
+        tableMeta.rowDrag.setDragging?.({});
       };
     }
-    const [isDraggedOver, dropTargetProps] = useDropTarget.useDropTarget((event) => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = tableMeta.rowDrop).handleDrop) == null ? void 0 : _b2.call(_a2, event, row.original);
-    });
+    const [isDraggedOver, dropTargetProps] = useDropTarget.useDropTarget((event) => tableMeta.rowDrop.handleDrop?.(event, row.original));
     if (tableMeta.rowDrop.isEnabled) {
-      attributes.onDragEnter = dropTargetProps == null ? void 0 : dropTargetProps.onDragEnter;
-      attributes.onDragLeave = dropTargetProps == null ? void 0 : dropTargetProps.onDragLeave;
-      attributes.onDragOver = dropTargetProps == null ? void 0 : dropTargetProps.onDragOver;
-      attributes.onDrop = dropTargetProps == null ? void 0 : dropTargetProps.onDrop;
+      attributes.onDragEnter = dropTargetProps?.onDragEnter;
+      attributes.onDragLeave = dropTargetProps?.onDragLeave;
+      attributes.onDragOver = dropTargetProps?.onDragOver;
+      attributes.onDrop = dropTargetProps?.onDrop;
       attributes["data-row-dragged-over"] = isDraggedOver;
     }
     if (table.options.enableGrouping) {
@@ -101,21 +93,20 @@ const DisplayRow = React.memo(
     let expandedRow;
     if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {
       attributes["data-row-expanded"] = true;
-      expandedRow = (_c = (_b = (_a = tableMeta.rowExpansion).rowExpansionRenderer) == null ? void 0 : _b.call(_a, row.original)) == null ? void 0 : _c();
+      expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();
     }
     const rowMeta = row.original._meta;
-    if (rowMeta == null ? void 0 : rowMeta.layout) {
+    if (rowMeta?.layout) {
       attributes["data-row-meta-layout"] = rowMeta.layout;
     }
     const ref = React.useRef(null);
     const expansionRef = React.useRef(null);
     const expandedRowSize = useResizeObserver.useResizeObserver(expansionRef, !!expandedRow);
     React.useEffect(() => {
-      var _a2, _b2;
-      const rowHeight = ((_a2 = ref.current) == null ? void 0 : _a2.getBoundingClientRect().height) ?? 0;
-      const expansionHeight = ((_b2 = expansionRef.current) == null ? void 0 : _b2.getBoundingClientRect().height) ?? 0;
+      const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;
+      const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;
       measureRow(rowHeight + expansionHeight);
-    }, [expansionRef.current, expandedRowSize == null ? void 0 : expandedRowSize.height, ...remeasureDependencies]);
+    }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);
     const className = cn("group/row", otherAttributes.className, {
       "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",
       "hover:cursor-pointer": typeof attributes.onClick === "function"

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayRow.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { Cell } from '../../Columns/Cell/Cell';\nimport { TableRowRendererProps } from '../../../types';\nimport { TableRowWithMetaData } from '../../../../types';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => JSX.Element;\n"],"names":["DisplayRow","_a","isElementInteractive","row","_b","_c","useDropTarget","useResizeObserver","mergeRefs","Cell"],"mappings":"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"}
+{"version":3,"file":"DisplayRow.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { Cell } from '../../Columns/Cell/Cell';\nimport { TableRowRendererProps } from '../../../types';\nimport { TableRowWithMetaData } from '../../../../types';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["DisplayRow","isElementInteractive","row","useDropTarget","useResizeObserver","mergeRefs","Cell"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.d.ts

@@ -5,4 +5,4 @@ export type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRow
 };
 export declare const DisplayRow: <TType = unknown>(props: DisplayRowProps<TType> & {
     ref?: React.Ref<HTMLTableRowElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -7,7 +7,6 @@ import { useResizeObserver } from "../../../../../../hooks/useResizeObserver.js"
 import { mergeRefs } from "../../../../../../utils/mergeRefs.js";
 const DisplayRow = React__default.memo(
   React__default.forwardRef(function DisplayRow2(props, externalRef) {
-    var _a, _b, _c;
     const {
       children,
       cellRenderer: CellRenderer,
@@ -27,9 +26,8 @@ const DisplayRow = React__default.memo(
     };
     const handleClick = React__default.useCallback(
       (event) => {
-        var _a2;
         const clickedElement = event.target;
-        if (!((_a2 = event.currentTarget) == null ? void 0 : _a2.contains(event.target)) || isElementInteractive(clickedElement)) {
+        if (!event.currentTarget?.contains(event.target) || isElementInteractive(clickedElement)) {
           return;
         }
         tableMeta.rowClick.handleClick(event, row.original);
@@ -51,14 +49,12 @@ const DisplayRow = React__default.memo(
       attributes.draggable = true;
       const GHOST_ELEMENT_ID = "taco_table_dragging";
       attributes.onDragStart = (event) => {
-        var _a2, _b2, _c2, _d;
         let rows = [row];
         if (row.getCanSelect()) {
           rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];
         }
         const data = rows.map((row2) => row2.original);
-        (_b2 = (_a2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _b2.call(
-          _a2,
+        tableMeta.rowDrag.setDragging?.(
           rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})
         );
         event.dataTransfer.setData("text", JSON.stringify(data));
@@ -71,23 +67,19 @@ const DisplayRow = React__default.memo(
           event.dataTransfer.setDragImage(ghost, 0, 0);
         };
         const setDataTransfer = (text) => event.dataTransfer.setData("text", text);
-        (_d = (_c2 = tableMeta.rowDrag).handleRowDrag) == null ? void 0 : _d.call(_c2, data, showPlaceholder, setDataTransfer);
+        tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);
       };
       attributes.onDragEnd = () => {
-        var _a2, _b2, _c2;
-        (_a2 = document.getElementById(GHOST_ELEMENT_ID)) == null ? void 0 : _a2.remove();
-        (_c2 = (_b2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _c2.call(_b2, {});
+        document.getElementById(GHOST_ELEMENT_ID)?.remove();
+        tableMeta.rowDrag.setDragging?.({});
       };
     }
-    const [isDraggedOver, dropTargetProps] = useDropTarget((event) => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = tableMeta.rowDrop).handleDrop) == null ? void 0 : _b2.call(_a2, event, row.original);
-    });
+    const [isDraggedOver, dropTargetProps] = useDropTarget((event) => tableMeta.rowDrop.handleDrop?.(event, row.original));
     if (tableMeta.rowDrop.isEnabled) {
-      attributes.onDragEnter = dropTargetProps == null ? void 0 : dropTargetProps.onDragEnter;
-      attributes.onDragLeave = dropTargetProps == null ? void 0 : dropTargetProps.onDragLeave;
-      attributes.onDragOver = dropTargetProps == null ? void 0 : dropTargetProps.onDragOver;
-      attributes.onDrop = dropTargetProps == null ? void 0 : dropTargetProps.onDrop;
+      attributes.onDragEnter = dropTargetProps?.onDragEnter;
+      attributes.onDragLeave = dropTargetProps?.onDragLeave;
+      attributes.onDragOver = dropTargetProps?.onDragOver;
+      attributes.onDrop = dropTargetProps?.onDrop;
       attributes["data-row-dragged-over"] = isDraggedOver;
     }
     if (table.options.enableGrouping) {
@@ -99,21 +91,20 @@ const DisplayRow = React__default.memo(
     let expandedRow;
     if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {
       attributes["data-row-expanded"] = true;
-      expandedRow = (_c = (_b = (_a = tableMeta.rowExpansion).rowExpansionRenderer) == null ? void 0 : _b.call(_a, row.original)) == null ? void 0 : _c();
+      expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();
     }
     const rowMeta = row.original._meta;
-    if (rowMeta == null ? void 0 : rowMeta.layout) {
+    if (rowMeta?.layout) {
       attributes["data-row-meta-layout"] = rowMeta.layout;
     }
     const ref = React__default.useRef(null);
     const expansionRef = React__default.useRef(null);
     const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);
     React__default.useEffect(() => {
-      var _a2, _b2;
-      const rowHeight = ((_a2 = ref.current) == null ? void 0 : _a2.getBoundingClientRect().height) ?? 0;
-      const expansionHeight = ((_b2 = expansionRef.current) == null ? void 0 : _b2.getBoundingClientRect().height) ?? 0;
+      const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;
+      const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;
       measureRow(rowHeight + expansionHeight);
-    }, [expansionRef.current, expandedRowSize == null ? void 0 : expandedRowSize.height, ...remeasureDependencies]);
+    }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);
     const className = cn("group/row", otherAttributes.className, {
       "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",
       "hover:cursor-pointer": typeof attributes.onClick === "function"

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { Cell } from '../../Columns/Cell/Cell';\nimport { TableRowRendererProps } from '../../../types';\nimport { TableRowWithMetaData } from '../../../../types';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => JSX.Element;\n"],"names":["React","DisplayRow","_a","row","_b","_c"],"mappings":"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"}
+{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { Cell } from '../../Columns/Cell/Cell';\nimport { TableRowRendererProps } from '../../../types';\nimport { TableRowWithMetaData } from '../../../../types';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["React","DisplayRow","row"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Row/BuiltIns/SkeletonRow.cjs

@@ -12,7 +12,6 @@ function SkeletonRow(props) {
   return /* @__PURE__ */ React.createElement(Skeleton, { cellsCount: table.getVisibleFlatColumns().length, index });
 }
 function RowWithServerLoading(props) {
-  var _a;
   const { index, table } = props;
   const tableMeta = table.options.meta;
   const pageIndex = Math.floor(index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
@@ -24,9 +23,7 @@ function RowWithServerLoading(props) {
       const search = props.table.getState().globalFilter;
       const hiddenColumns = columns.getHiddenColumns(props.table.getState().columnVisibility);
       timeout = setTimeout(() => {
-        var _a2, _b;
-        (_b = (_a2 = tableMeta.server).loadPage) == null ? void 0 : _b.call(
-          _a2,
+        tableMeta.server.loadPage?.(
           pageIndex,
           sorting,
           filters,
@@ -39,13 +36,13 @@ function RowWithServerLoading(props) {
       clearTimeout(timeout);
     };
   }, []);
-  const groupedCellCount = ((_a = table.getState()) == null ? void 0 : _a.grouping.length) ?? 0;
+  const groupedCellCount = table.getState()?.grouping.length ?? 0;
   const ungroupedCellCount = table.getVisibleFlatColumns().length - groupedCellCount;
   return /* @__PURE__ */ React.createElement(Skeleton, { cellsCount: ungroupedCellCount, index });
 }
 const Skeleton = React.forwardRef(function Skeleton2(props, ref) {
   const { cellsCount, index } = props;
-  return /* @__PURE__ */ React.createElement("tr", { "data-row-index": index, "data-row-id": index, ref, "data-taco": "skeleton-row" }, Array.from({ length: cellsCount }).map((_, index2) => /* @__PURE__ */ React.createElement("td", { key: index2 }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-700 h-4 w-full bg-gray-100 text-center text-xs" }))));
+  return /* @__PURE__ */ React.createElement("tr", { "data-row-index": index, "data-row-id": index, ref, "data-taco": "skeleton-row" }, Array.from({ length: cellsCount }).map((_, index2) => /* @__PURE__ */ React.createElement("td", { key: index2 }, /* @__PURE__ */ React.createElement("span", { className: "h-4 w-full bg-gray-100 text-center text-xs text-gray-700" }))));
 });
 exports.SkeletonRow = SkeletonRow;
 //# sourceMappingURL=SkeletonRow.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRow.cjs","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    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: NodeJS.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} data-row-id={index} ref={ref} data-taco=\"skeleton-row\">\n            {Array.from({ length: cellsCount }).map((_, index) => (\n                <td key={index}>\n                    <span className=\"text-gray-700 h-4 w-full bg-gray-100 text-center text-xs\" />\n                </td>\n            ))}\n        </tr>\n    );\n});\n"],"names":["getHiddenColumns","_a","Skeleton","index"],"mappings":";;;;AAIA,MAAM,uBAAuB;AAOtB,SAAS,YAA6B,OAAwB;AAC3D,QAAA,EAAE,OAAO,MAAA,IAAU;AACnB,QAAA,YAAY,MAAM,QAAQ;AAE5B,MAAA,UAAU,OAAO,WAAW;AACrB,WAAA,sBAAA,cAAC,sBAAsB,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA;AAG5C,6CAAQ,UAAS,EAAA,YAAY,MAAM,sBAAsB,EAAE,QAAQ,OAAc;AACrF;AAEA,SAAS,qBAAsC,OAAwB;;AAC7D,QAAA,EAAE,OAAO,MAAA,IAAU;AACnB,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,YAAa,KAAK,MAAM,QAAQ,UAAU,OAAO,QAAQ,IAAI,UAAU,OAAO,WAAY,UAAU,OAAO;AAEjH,QAAM,UAAU,MAAM;AACd,QAAA;AAEA,QAAA,UAAU,OAAO,WAAW;AAC5B,YAAM,UAAU,MAAM,MAAM,SAAW,EAAA;AACvC,YAAM,UAAU,MAAM,MAAM,SAAW,EAAA;AACvC,YAAM,SAAS,MAAM,MAAM,SAAW,EAAA;AACtC,YAAM,gBAAgBA,QAAAA,iBAAiB,MAAM,MAAM,WAAW,gBAAgB;AAE9E,gBAAU,WAAW,MAAM;;AACvB,eAAAC,MAAA,UAAU,QAAO,aAAjB;AAAA,UAAAA;AAAA,UACI;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,OAAO,qBAAqB,SAAS;AAAA;AAAA,SAEpD,oBAAoB;AAAA,IAAA;AAG3B,WAAO,MAAM;AACT,mBAAa,OAAO;AAAA,IACxB;AAAA,EACJ,GAAG,EAAE;AAEL,QAAM,qBAAmB,WAAM,SAAS,MAAf,mBAAkB,SAAS,WAAU;AAC9D,QAAM,qBAAqB,MAAM,sBAAsB,EAAE,SAAS;AAElE,SAAQ,sBAAA,cAAA,UAAA,EAAS,YAAY,oBAAoB,OAAc;AACnE;AAEA,MAAM,WAAW,MAAM,WAAW,SAASC,UACvC,OACA,KACF;AACQ,QAAA,EAAE,YAAY,MAAA,IAAU;AAE9B,SACK,sBAAA,cAAA,MAAA,EAAG,kBAAgB,OAAO,eAAa,OAAO,KAAU,aAAU,kBAC9D,MAAM,KAAK,EAAE,QAAQ,WAAY,CAAA,EAAE,IAAI,CAAC,GAAGC,WACxC,sBAAA,cAAC,MAAG,EAAA,KAAKA,OACL,GAAA,sBAAA,cAAC,QAAK,EAAA,WAAU,2DAA2D,CAAA,CAC/E,CACH,CACL;AAER,CAAC;;"}
+{"version":3,"file":"SkeletonRow.cjs","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    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: NodeJS.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} data-row-id={index} ref={ref} data-taco=\"skeleton-row\">\n            {Array.from({ length: cellsCount }).map((_, index) => (\n                <td key={index}>\n                    <span className=\"h-4 w-full bg-gray-100 text-center text-xs text-gray-700\" />\n                </td>\n            ))}\n        </tr>\n    );\n});\n"],"names":["getHiddenColumns","Skeleton","index"],"mappings":";;;;AAIA,MAAM,uBAAuB;AAOtB,SAAS,YAA6B,OAAwB;AACjE,QAAM,EAAE,OAAO,MAAA,IAAU;AACzB,QAAM,YAAY,MAAM,QAAQ;AAEhC,MAAI,UAAU,OAAO,WAAW;AAC5B,WAAO,sBAAA,cAAC,sBAAA,EAAsB,GAAG,MAAA,CAAO;AAAA,EAC5C;AAEA,6CAAQ,UAAA,EAAS,YAAY,MAAM,sBAAA,EAAwB,QAAQ,OAAc;AACrF;AAEA,SAAS,qBAAsC,OAAwB;AACnE,QAAM,EAAE,OAAO,MAAA,IAAU;AACzB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,YAAa,KAAK,MAAM,QAAQ,UAAU,OAAO,QAAQ,IAAI,UAAU,OAAO,WAAY,UAAU,OAAO;AAEjH,QAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,UAAU,OAAO,WAAW;AAC5B,YAAM,UAAU,MAAM,MAAM,SAAA,EAAW;AACvC,YAAM,UAAU,MAAM,MAAM,SAAA,EAAW;AACvC,YAAM,SAAS,MAAM,MAAM,SAAA,EAAW;AACtC,YAAM,gBAAgBA,QAAAA,iBAAiB,MAAM,MAAM,SAAA,EAAW,gBAAgB;AAE9E,gBAAU,WAAW,MAAM;AACvB,kBAAU,OAAO;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,OAAO,qBAAqB,SAAS;AAAA,QAAA;AAAA,MAEvD,GAAG,oBAAoB;AAAA,IAC3B;AAEA,WAAO,MAAM;AACT,mBAAa,OAAO;AAAA,IACxB;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmB,MAAM,SAAA,GAAY,SAAS,UAAU;AAC9D,QAAM,qBAAqB,MAAM,sBAAA,EAAwB,SAAS;AAElE,SAAO,sBAAA,cAAC,UAAA,EAAS,YAAY,oBAAoB,OAAc;AACnE;AAEA,MAAM,WAAW,MAAM,WAAW,SAASC,UACvC,OACA,KACF;AACE,QAAM,EAAE,YAAY,MAAA,IAAU;AAE9B,SACI,sBAAA,cAAC,MAAA,EAAG,kBAAgB,OAAO,eAAa,OAAO,KAAU,aAAU,kBAC9D,MAAM,KAAK,EAAE,QAAQ,WAAA,CAAY,EAAE,IAAI,CAAC,GAAGC,WACxC,sBAAA,cAAC,MAAA,EAAG,KAAKA,OAAAA,GACL,sBAAA,cAAC,QAAA,EAAK,WAAU,2DAAA,CAA2D,CAC/E,CACH,CACL;AAER,CAAC;;"}

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

@@ -10,7 +10,6 @@ function SkeletonRow(props) {
   return /* @__PURE__ */ React__default.createElement(Skeleton, { cellsCount: table.getVisibleFlatColumns().length, index });
 }
 function RowWithServerLoading(props) {
-  var _a;
   const { index, table } = props;
   const tableMeta = table.options.meta;
   const pageIndex = Math.floor(index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
@@ -22,9 +21,7 @@ function RowWithServerLoading(props) {
       const search = props.table.getState().globalFilter;
       const hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);
       timeout = setTimeout(() => {
-        var _a2, _b;
-        (_b = (_a2 = tableMeta.server).loadPage) == null ? void 0 : _b.call(
-          _a2,
+        tableMeta.server.loadPage?.(
           pageIndex,
           sorting,
           filters,
@@ -37,13 +34,13 @@ function RowWithServerLoading(props) {
       clearTimeout(timeout);
     };
   }, []);
-  const groupedCellCount = ((_a = table.getState()) == null ? void 0 : _a.grouping.length) ?? 0;
+  const groupedCellCount = table.getState()?.grouping.length ?? 0;
   const ungroupedCellCount = table.getVisibleFlatColumns().length - groupedCellCount;
   return /* @__PURE__ */ React__default.createElement(Skeleton, { cellsCount: ungroupedCellCount, index });
 }
 const Skeleton = React__default.forwardRef(function Skeleton2(props, ref) {
   const { cellsCount, index } = props;
-  return /* @__PURE__ */ React__default.createElement("tr", { "data-row-index": index, "data-row-id": index, ref, "data-taco": "skeleton-row" }, Array.from({ length: cellsCount }).map((_, index2) => /* @__PURE__ */ React__default.createElement("td", { key: index2 }, /* @__PURE__ */ React__default.createElement("span", { className: "text-gray-700 h-4 w-full bg-gray-100 text-center text-xs" }))));
+  return /* @__PURE__ */ React__default.createElement("tr", { "data-row-index": index, "data-row-id": index, ref, "data-taco": "skeleton-row" }, Array.from({ length: cellsCount }).map((_, index2) => /* @__PURE__ */ React__default.createElement("td", { key: index2 }, /* @__PURE__ */ React__default.createElement("span", { className: "h-4 w-full bg-gray-100 text-center text-xs text-gray-700" }))));
 });
 export {
   SkeletonRow

package/dist/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    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: NodeJS.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} data-row-id={index} ref={ref} data-taco=\"skeleton-row\">\n            {Array.from({ length: cellsCount }).map((_, index) => (\n                <td key={index}>\n                    <span className=\"text-gray-700 h-4 w-full bg-gray-100 text-center text-xs\" />\n                </td>\n            ))}\n        </tr>\n    );\n});\n"],"names":["React","_a","Skeleton","index"],"mappings":";;AAIA,MAAM,uBAAuB;AAOtB,SAAS,YAA6B,OAAwB;AAC3D,QAAA,EAAE,OAAO,MAAA,IAAU;AACnB,QAAA,YAAY,MAAM,QAAQ;AAE5B,MAAA,UAAU,OAAO,WAAW;AACrB,WAAAA,+BAAA,cAAC,sBAAsB,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA;AAG5C,sDAAQ,UAAS,EAAA,YAAY,MAAM,sBAAsB,EAAE,QAAQ,OAAc;AACrF;AAEA,SAAS,qBAAsC,OAAwB;;AAC7D,QAAA,EAAE,OAAO,MAAA,IAAU;AACnB,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,YAAa,KAAK,MAAM,QAAQ,UAAU,OAAO,QAAQ,IAAI,UAAU,OAAO,WAAY,UAAU,OAAO;AAEjHA,iBAAM,UAAU,MAAM;AACd,QAAA;AAEA,QAAA,UAAU,OAAO,WAAW;AAC5B,YAAM,UAAU,MAAM,MAAM,SAAW,EAAA;AACvC,YAAM,UAAU,MAAM,MAAM,SAAW,EAAA;AACvC,YAAM,SAAS,MAAM,MAAM,SAAW,EAAA;AACtC,YAAM,gBAAgB,iBAAiB,MAAM,MAAM,WAAW,gBAAgB;AAE9E,gBAAU,WAAW,MAAM;;AACvB,eAAAC,MAAA,UAAU,QAAO,aAAjB;AAAA,UAAAA;AAAA,UACI;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,OAAO,qBAAqB,SAAS;AAAA;AAAA,SAEpD,oBAAoB;AAAA,IAAA;AAG3B,WAAO,MAAM;AACT,mBAAa,OAAO;AAAA,IACxB;AAAA,EACJ,GAAG,EAAE;AAEL,QAAM,qBAAmB,WAAM,SAAS,MAAf,mBAAkB,SAAS,WAAU;AAC9D,QAAM,qBAAqB,MAAM,sBAAsB,EAAE,SAAS;AAElE,SAAQD,+BAAA,cAAA,UAAA,EAAS,YAAY,oBAAoB,OAAc;AACnE;AAEA,MAAM,WAAWA,eAAM,WAAW,SAASE,UACvC,OACA,KACF;AACQ,QAAA,EAAE,YAAY,MAAA,IAAU;AAE9B,SACKF,+BAAA,cAAA,MAAA,EAAG,kBAAgB,OAAO,eAAa,OAAO,KAAU,aAAU,kBAC9D,MAAM,KAAK,EAAE,QAAQ,WAAY,CAAA,EAAE,IAAI,CAAC,GAAGG,WACxCH,+BAAA,cAAC,MAAG,EAAA,KAAKG,OACL,GAAAH,+BAAA,cAAC,QAAK,EAAA,WAAU,2DAA2D,CAAA,CAC/E,CACH,CACL;AAER,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    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: NodeJS.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} data-row-id={index} ref={ref} data-taco=\"skeleton-row\">\n            {Array.from({ length: cellsCount }).map((_, index) => (\n                <td key={index}>\n                    <span className=\"h-4 w-full bg-gray-100 text-center text-xs text-gray-700\" />\n                </td>\n            ))}\n        </tr>\n    );\n});\n"],"names":["React","Skeleton","index"],"mappings":";;AAIA,MAAM,uBAAuB;AAOtB,SAAS,YAA6B,OAAwB;AACjE,QAAM,EAAE,OAAO,MAAA,IAAU;AACzB,QAAM,YAAY,MAAM,QAAQ;AAEhC,MAAI,UAAU,OAAO,WAAW;AAC5B,WAAOA,+BAAA,cAAC,sBAAA,EAAsB,GAAG,MAAA,CAAO;AAAA,EAC5C;AAEA,sDAAQ,UAAA,EAAS,YAAY,MAAM,sBAAA,EAAwB,QAAQ,OAAc;AACrF;AAEA,SAAS,qBAAsC,OAAwB;AACnE,QAAM,EAAE,OAAO,MAAA,IAAU;AACzB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,YAAa,KAAK,MAAM,QAAQ,UAAU,OAAO,QAAQ,IAAI,UAAU,OAAO,WAAY,UAAU,OAAO;AAEjHA,iBAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,UAAU,OAAO,WAAW;AAC5B,YAAM,UAAU,MAAM,MAAM,SAAA,EAAW;AACvC,YAAM,UAAU,MAAM,MAAM,SAAA,EAAW;AACvC,YAAM,SAAS,MAAM,MAAM,SAAA,EAAW;AACtC,YAAM,gBAAgB,iBAAiB,MAAM,MAAM,SAAA,EAAW,gBAAgB;AAE9E,gBAAU,WAAW,MAAM;AACvB,kBAAU,OAAO;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,OAAO,qBAAqB,SAAS;AAAA,QAAA;AAAA,MAEvD,GAAG,oBAAoB;AAAA,IAC3B;AAEA,WAAO,MAAM;AACT,mBAAa,OAAO;AAAA,IACxB;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmB,MAAM,SAAA,GAAY,SAAS,UAAU;AAC9D,QAAM,qBAAqB,MAAM,sBAAA,EAAwB,SAAS;AAElE,SAAOA,+BAAA,cAAC,UAAA,EAAS,YAAY,oBAAoB,OAAc;AACnE;AAEA,MAAM,WAAWA,eAAM,WAAW,SAASC,UACvC,OACA,KACF;AACE,QAAM,EAAE,YAAY,MAAA,IAAU;AAE9B,SACID,+BAAA,cAAC,MAAA,EAAG,kBAAgB,OAAO,eAAa,OAAO,KAAU,aAAU,kBAC9D,MAAM,KAAK,EAAE,QAAQ,WAAA,CAAY,EAAE,IAAI,CAAC,GAAGE,WACxCF,+BAAA,cAAC,MAAA,EAAG,KAAKE,OAAAA,GACLF,+BAAA,cAAC,QAAA,EAAK,WAAU,2DAAA,CAA2D,CAC/E,CACH,CACL;AAER,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Row.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\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    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["RowContext"],"mappings":";;;;AAWO,SAAS,IAAqB,OAAwB;AACnD,QAAA;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,YAAY,MAAM,MAAM,QAAQ;AACtC,QAAM,YAAY,UAAU,UAAU,kBAAkB,MAAM;AAE9D,QAAM,eAAe,MAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAChE;AAEA,SACK,sBAAA,cAAAA,WAAAA,WAAW,UAAX,EAAoB,OAAO,aAAA,GACvB,sBAAA,cAAA,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;;"}
+{"version":3,"file":"Row.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\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    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["RowContext"],"mappings":";;;;AAWO,SAAS,IAAqB,OAAwB;AACzD,QAAM;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,MAAM,MAAM,QAAQ;AACtC,QAAM,YAAY,UAAU,UAAU,kBAAkB,MAAM;AAE9D,QAAM,eAAe,MAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAAA;AAGhE,SACI,sBAAA,cAACA,WAAAA,WAAW,UAAX,EAAoB,OAAO,aAAA,GACxB,sBAAA,cAAC,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\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    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["React"],"mappings":";;AAWO,SAAS,IAAqB,OAAwB;AACnD,QAAA;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,YAAY,MAAM,MAAM,QAAQ;AACtC,QAAM,YAAY,UAAU,UAAU,kBAAkB,MAAM;AAE9D,QAAM,eAAeA,eAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAChE;AAEA,SACKA,+BAAA,cAAA,WAAW,UAAX,EAAoB,OAAO,aAAA,GACvBA,+BAAA,cAAA,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;"}
+{"version":3,"file":"Row.js","sources":["../../../../../../src/primitives/Table/Core/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\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    return (\n        <RowContext.Provider value={contextValue}>\n            <RowRenderer<TType> {...displayRowProps} cellRenderer={CellRenderer} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["React"],"mappings":";;AAWO,SAAS,IAAqB,OAAwB;AACzD,QAAM;AAAA,IACF,UAAU;AAAA,IACV,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,MAAM,MAAM,QAAQ;AACtC,QAAM,YAAY,UAAU,UAAU,kBAAkB,MAAM;AAE9D,QAAM,eAAeA,eAAM;AAAA,IACvB,OAAO,EAAE,WAAW,UAAU,MAAM,OAAO,qBAAqB;IAChE,CAAC,WAAW,MAAM,OAAO,qBAAqB,cAAc;AAAA,EAAA;AAGhE,SACIA,+BAAA,cAAC,WAAW,UAAX,EAAoB,OAAO,aAAA,GACxBA,+BAAA,cAAC,aAAA,EAAoB,GAAG,iBAAiB,cAAc,aAAA,CAAc,CACzE;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RowContext.cjs","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":[],"mappings":";;;AASa,MAAA,aAAa,MAAM,cAA+B;AAAA,EAC3D,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU;AACd,CAAC;;"}
+{"version":3,"file":"RowContext.cjs","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":[],"mappings":";;;AASO,MAAM,aAAa,MAAM,cAA+B;AAAA,EAC3D,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU;AACd,CAAC;;"}

package/dist/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":["React"],"mappings":";AASa,MAAA,aAAaA,eAAM,cAA+B;AAAA,EAC3D,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU;AACd,CAAC;"}
+{"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":["React"],"mappings":";AASO,MAAM,aAAaA,eAAM,cAA+B;AAAA,EAC3D,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU;AACd,CAAC;"}

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

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

package/dist/primitives/Table/Core/components/Toolbar/Toolbar.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { useTableReturnValue } from '../../useTable';
 export type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {
-    children?: JSX.Element | null;
+    children?: React.JSX.Element | null;
     table: useTableReturnValue<TType>;
 };
 export declare function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>): React.JSX.Element | null;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContext.cjs","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":[],"mappings":";;;AAGO,MAAM,gBAAgB,MAAM,cAA6B,CAAE,CAAA;;"}
+{"version":3,"file":"FilterContext.cjs","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":[],"mappings":";;;AAGO,MAAM,gBAAgB,MAAM,cAA6B,CAAA,CAAE;;"}

package/dist/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":["React"],"mappings":";AAGO,MAAM,gBAAgBA,eAAM,cAA6B,CAAE,CAAA;"}
+{"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":["React"],"mappings":";AAGO,MAAM,gBAAgBA,eAAM,cAA6B,CAAA,CAAE;"}

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

@@ -27,10 +27,9 @@ function Filters(props) {
     tooltip: /* @__PURE__ */ React.createElement(React.Fragment, null, texts.table.filters.tooltip, /* @__PURE__ */ React.createElement(Shortcut.Shortcut, { className: "ml-2", keys: shortcut }))
   };
   React.useEffect(() => {
-    var _a;
     const emptyFilter = columnFilters.find(util.isEmptyFilter);
     if (emptyFilter) {
-      (_a = ref.current) == null ? void 0 : _a.click();
+      ref.current?.click();
     }
   }, [columnFilters]);
   if (!isLargeScreen && !appliedFilters.length) {