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

package/dist/components/Table3/features/useTableEditing.cjs

@@ -22,14 +22,13 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
     }
   }, [isEditing]);
   function toggleEditing(enabled, table, scrollToIndex) {
-    var _a;
     const tableMeta = table.options.meta;
     if (enabled) {
       const index = tableMeta.rowActive.rowActiveIndex ?? 0;
       if (tableMeta.rowActive.rowActiveIndex === void 0) {
         tableMeta.rowActive.setRowActiveIndex(index);
       }
-      if (!editing.isTemporaryRow((_a = table.getRowModel().rows[index]) == null ? void 0 : _a.id)) {
+      if (!editing.isTemporaryRow(table.getRowModel().rows[index]?.id)) {
         scrollToIndex(index);
       }
     } else if (!enabled) {
@@ -40,7 +39,6 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
     pendingChangesFns.saveChanges(table);
   }
   async function createRow(table, row) {
-    var _a, _b;
     if (!handleCreate) {
       return;
     }
@@ -51,9 +49,12 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
         return;
       }
     }
-    const currentRow = ((_a = table.options.meta) == null ? void 0 : _a.rowActive.rowActiveIndex) !== void 0 ? table.getRowModel().flatRows[(_b = table.options.meta) == null ? void 0 : _b.rowActive.rowActiveIndex] : void 0;
+    const currentRow = table.options.meta?.rowActive.rowActiveIndex !== void 0 ? table.getRowModel().flatRows[table.options.meta?.rowActive.rowActiveIndex] : void 0;
     const changeset = row ?? await handleCreate({
-      activeRow: currentRow ? { ...currentRow.original, ...tableMeta.editing.getRowValue(currentRow.id) } : void 0
+      activeRow: currentRow ? {
+        ...currentRow.original,
+        ...tableMeta.editing.getRowValue(currentRow.id) ?? {}
+      } : void 0
     });
     try {
       if (changeset) {
@@ -62,13 +63,10 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
         tableMeta.rowActive.setRowActiveIndex(nextRowIndex);
         requestAnimationFrame(() => {
           const newRowId = pendingChangesFns.insertTemporaryRow(changeset, nextRowIndex);
-          table.setRowPinning((currentState) => {
-            var _a2;
-            return {
-              ...currentState,
-              bottom: (_a2 = currentState.bottom ?? []) == null ? void 0 : _a2.concat(newRowId)
-            };
-          });
+          table.setRowPinning((currentState) => ({
+            ...currentState,
+            bottom: (currentState.bottom ?? [])?.concat(newRowId)
+          }));
           toggleDetailedMode(false);
           setLastFocusedCellIndex(void 0);
           table.resetRowSelection();

package/dist/components/Table3/features/useTableEditing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableEditing.cjs","sources":["../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport {\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n    Table3EditingDiscardHandler,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n} from '../types';\nimport { usePendingChangesState } from './useEditingState';\nimport { isTemporaryRow } from '../util/editing';\nimport { TableEventHandler } from '../../../primitives/Table/types';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    defaultToggleEditing = false,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    handleCreate: Table3EditingCreateHandler<TType> | undefined,\n    handleDiscard: Table3EditingDiscardHandler | undefined,\n    rowIdentityAccessor: keyof TType | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined,\n    showEditingActions = false,\n    onEvent?: TableEventHandler | undefined\n) {\n    // used to switch the table into editing mode\n    const [isEditing, setEditing] = React.useState(defaultToggleEditing);\n\n    // used to switch the editing between \"detailed\" mode\n    const [isDetailedMode, toggleDetailedMode] = React.useState(false);\n\n    // used to contain ref to the create button\n    const createRowButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const [lastFocusedCellIndex, setLastFocusedCellIndex] = React.useState<number | undefined>(undefined);\n\n    const pendingChangesFns = usePendingChangesState<TType>(\n        handleSave,\n        handleChange,\n        handleDiscard,\n        rowIdentityAccessor as keyof TType,\n        validator\n    );\n\n    useLazyEffect(() => {\n        if (onEvent) {\n            onEvent('editing-mode', { enabled: isEditing });\n        }\n    }, [isEditing]);\n\n    function toggleEditing<T extends TType>(\n        enabled: React.SetStateAction<boolean>,\n        table: ReactTable<T>,\n        scrollToIndex: (index: number) => void\n    ) {\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (enabled) {\n            const index = tableMeta.rowActive.rowActiveIndex ?? 0;\n\n            if (tableMeta.rowActive.rowActiveIndex === undefined) {\n                tableMeta.rowActive.setRowActiveIndex(index);\n            }\n\n            if (!isTemporaryRow(table.getRowModel().rows[index]?.id)) {\n                scrollToIndex(index);\n            }\n        } else if (!enabled) {\n            // reset detailed mode\n            toggleDetailedMode(false);\n            // reset the last index back to the first focusable element, when editing gets turned off\n            setLastFocusedCellIndex(undefined);\n        }\n\n        setEditing(enabled);\n        pendingChangesFns.saveChanges(table);\n    }\n\n    async function createRow<T extends TType>(table: ReactTable<T>, row?: Partial<T>) {\n        if (!handleCreate) {\n            return;\n        }\n\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const saved = await tableMeta.editing.saveChanges(table);\n\n            if (!saved) {\n                return;\n            }\n        }\n        const currentRow =\n            table.options.meta?.rowActive.rowActiveIndex !== undefined\n                ? table.getRowModel().flatRows[table.options.meta?.rowActive.rowActiveIndex]\n                : undefined;\n\n        const changeset =\n            row ??\n            (await handleCreate({\n                activeRow: currentRow ? { ...currentRow.original, ...tableMeta.editing.getRowValue(currentRow.id) } : undefined,\n            }));\n\n        try {\n            if (changeset) {\n                // set the active row to the new row before toggling editing on\n                const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n                const nextRowIndex = temporaryRows.length ? tableMeta.length + 1 : tableMeta.length;\n                tableMeta.rowActive.setRowActiveIndex(nextRowIndex);\n\n                // it's important that row active sets before we insert the row, because row active change triggers save\n                requestAnimationFrame(() => {\n                    const newRowId = pendingChangesFns.insertTemporaryRow(changeset, nextRowIndex);\n\n                    // prep the row\n                    table.setRowPinning(currentState => ({\n                        ...currentState,\n                        bottom: (currentState.bottom ?? [])?.concat(newRowId),\n                    }));\n\n                    // prep editing mode\n                    toggleDetailedMode(false);\n                    setLastFocusedCellIndex(undefined);\n\n                    table.resetRowSelection();\n\n                    if (!tableMeta.editing.isEditing) {\n                        setEditing(true);\n                    }\n                });\n            }\n        } catch (error) {\n            // oxlint-disable-next-line no-console\n            console.error(error);\n        }\n    }\n\n    return {\n        isEnabled,\n        isEditing,\n        isDetailedMode,\n        showEditingActions,\n        toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,\n        toggleEditing: isEnabled ? toggleEditing : () => undefined,\n        lastFocusedCellIndex,\n        setLastFocusedCellIndex,\n        createRow,\n        createRowButtonRef,\n        ...pendingChangesFns,\n    };\n}\n"],"names":["usePendingChangesState","useLazyEffect","isTemporaryRow","_a"],"mappings":"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"}
+{"version":3,"file":"useTableEditing.cjs","sources":["../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport {\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n    Table3EditingDiscardHandler,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n} from '../types';\nimport { usePendingChangesState } from './useEditingState';\nimport { isTemporaryRow } from '../util/editing';\nimport { TableEventHandler } from '../../../primitives/Table/types';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    defaultToggleEditing = false,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    handleCreate: Table3EditingCreateHandler<TType> | undefined,\n    handleDiscard: Table3EditingDiscardHandler | undefined,\n    rowIdentityAccessor: keyof TType | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined,\n    showEditingActions = false,\n    onEvent?: TableEventHandler | undefined\n) {\n    // used to switch the table into editing mode\n    const [isEditing, setEditing] = React.useState(defaultToggleEditing);\n\n    // used to switch the editing between \"detailed\" mode\n    const [isDetailedMode, toggleDetailedMode] = React.useState(false);\n\n    // used to contain ref to the create button\n    const createRowButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const [lastFocusedCellIndex, setLastFocusedCellIndex] = React.useState<number | undefined>(undefined);\n\n    const pendingChangesFns = usePendingChangesState<TType>(\n        handleSave,\n        handleChange,\n        handleDiscard,\n        rowIdentityAccessor as keyof TType,\n        validator\n    );\n\n    useLazyEffect(() => {\n        if (onEvent) {\n            onEvent('editing-mode', { enabled: isEditing });\n        }\n    }, [isEditing]);\n\n    function toggleEditing<T extends TType>(\n        enabled: React.SetStateAction<boolean>,\n        table: ReactTable<T>,\n        scrollToIndex: (index: number) => void\n    ) {\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (enabled) {\n            const index = tableMeta.rowActive.rowActiveIndex ?? 0;\n\n            if (tableMeta.rowActive.rowActiveIndex === undefined) {\n                tableMeta.rowActive.setRowActiveIndex(index);\n            }\n\n            if (!isTemporaryRow(table.getRowModel().rows[index]?.id)) {\n                scrollToIndex(index);\n            }\n        } else if (!enabled) {\n            // reset detailed mode\n            toggleDetailedMode(false);\n            // reset the last index back to the first focusable element, when editing gets turned off\n            setLastFocusedCellIndex(undefined);\n        }\n\n        setEditing(enabled);\n        pendingChangesFns.saveChanges(table);\n    }\n\n    async function createRow<T extends TType>(table: ReactTable<T>, row?: Partial<T>) {\n        if (!handleCreate) {\n            return;\n        }\n\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const saved = await tableMeta.editing.saveChanges(table);\n\n            if (!saved) {\n                return;\n            }\n        }\n        const currentRow =\n            table.options.meta?.rowActive.rowActiveIndex !== undefined\n                ? table.getRowModel().flatRows[table.options.meta?.rowActive.rowActiveIndex]\n                : undefined;\n\n        const changeset =\n            row ??\n            (await handleCreate({\n                activeRow: currentRow\n                    ? ({\n                          ...(currentRow.original as object),\n                          ...((tableMeta.editing.getRowValue(currentRow.id) ?? {}) as object),\n                      } as typeof currentRow.original)\n                    : undefined,\n            }));\n\n        try {\n            if (changeset) {\n                // set the active row to the new row before toggling editing on\n                const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n                const nextRowIndex = temporaryRows.length ? tableMeta.length + 1 : tableMeta.length;\n                tableMeta.rowActive.setRowActiveIndex(nextRowIndex);\n\n                // it's important that row active sets before we insert the row, because row active change triggers save\n                requestAnimationFrame(() => {\n                    const newRowId = pendingChangesFns.insertTemporaryRow(changeset, nextRowIndex);\n\n                    // prep the row\n                    table.setRowPinning(currentState => ({\n                        ...currentState,\n                        bottom: (currentState.bottom ?? [])?.concat(newRowId),\n                    }));\n\n                    // prep editing mode\n                    toggleDetailedMode(false);\n                    setLastFocusedCellIndex(undefined);\n\n                    table.resetRowSelection();\n\n                    if (!tableMeta.editing.isEditing) {\n                        setEditing(true);\n                    }\n                });\n            }\n        } catch (error) {\n            // oxlint-disable-next-line no-console\n            console.error(error);\n        }\n    }\n\n    return {\n        isEnabled,\n        isEditing,\n        isDetailedMode,\n        showEditingActions,\n        toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,\n        toggleEditing: isEnabled ? toggleEditing : () => undefined,\n        lastFocusedCellIndex,\n        setLastFocusedCellIndex,\n        createRow,\n        createRowButtonRef,\n        ...pendingChangesFns,\n    };\n}\n"],"names":["usePendingChangesState","useLazyEffect","isTemporaryRow"],"mappings":"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"}

package/dist/components/Table3/features/useTableEditing.d.ts

@@ -3,9 +3,26 @@ import { Table as ReactTable } from '@tanstack/react-table';
 import { Table3EditingChangeHandler, Table3EditingCreateHandler, Table3EditingDiscardHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';
 import { TableEventHandler } from '../../../primitives/Table/types';
 export declare function useTableEditing<TType = unknown>(isEnabled: boolean | undefined, defaultToggleEditing: boolean | undefined, handleSave: Table3EditingSaveHandler<TType> | undefined, handleChange: Table3EditingChangeHandler<TType> | undefined, handleCreate: Table3EditingCreateHandler<TType> | undefined, handleDiscard: Table3EditingDiscardHandler | undefined, rowIdentityAccessor: keyof TType | undefined, validator: Table3EditingValidatorFn<TType> | undefined, showEditingActions?: boolean, onEvent?: TableEventHandler | undefined): {
-    getState: () => any;
-    getRowValue: (rowId: string) => any;
-    getRowMoveReason: (rowId: string) => {} | undefined;
+    getState: () => {
+        changes: {
+            rows: Record<string, never>;
+            errors: Record<string, {
+                row: string | undefined;
+                cells: Record<string, string>;
+                shouldShowErrorAlert: boolean;
+            }>;
+            moveReasons: Record<string, {
+                [x: string]: "search" | "filter" | "sorting";
+            }>;
+            originals: Record<string, never>;
+            dirty: Record<string, boolean>;
+        };
+        indexes: Record<string, number>;
+        temporaryRows: never[];
+        statuses: Record<string, "saving" | "saved" | "errored">;
+    };
+    getRowValue: (rowId: string) => undefined;
+    getRowMoveReason: (rowId: string) => "search" | "filter" | "sorting" | undefined;
     hasRowErrors: (rowId: string) => boolean;
     hasRowErrorsShownInAlert: (rowId: string) => boolean;
     hasTemporaryRowErrors: <T extends TType>() => boolean;
@@ -19,16 +36,20 @@ export declare function useTableEditing<TType = unknown>(isEnabled: boolean | un
     getErrors: () => string[];
     getErrorsShownInAlert: <T extends TType>() => {
         rowId: string;
-        index: any;
+        index: number;
         changes: Partial<T>;
-        errors: any;
+        errors: {
+            row: string | undefined;
+            cells: Record<string, string>;
+            shouldShowErrorAlert: boolean;
+        };
     }[];
     hasChanges: (rowId?: string) => boolean;
     saveChanges: <T extends TType>(table: ReactTable<T>, rowId?: string | undefined) => Promise<boolean>;
     discardChanges: <T extends TType>(rowId: string, table: ReactTable<T>) => Promise<void>;
     hasSaved: () => boolean;
     insertTemporaryRow: <T extends TType>(data: Partial<T>, rowIndex: number) => string;
-    temporaryRows: any;
+    temporaryRows: never[];
     isDirty: boolean;
     isEnabled: boolean;
     isEditing: boolean;
@@ -39,5 +60,5 @@ export declare function useTableEditing<TType = unknown>(isEnabled: boolean | un
     lastFocusedCellIndex: number | undefined;
     setLastFocusedCellIndex: React.Dispatch<React.SetStateAction<number | undefined>>;
     createRow: <T extends TType>(table: ReactTable<T>, row?: Partial<T>) => Promise<void>;
-    createRowButtonRef: React.RefObject<HTMLButtonElement>;
+    createRowButtonRef: React.RefObject<HTMLButtonElement | null>;
 };

package/dist/components/Table3/features/useTableEditing.js

@@ -20,14 +20,13 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
     }
   }, [isEditing]);
   function toggleEditing(enabled, table, scrollToIndex) {
-    var _a;
     const tableMeta = table.options.meta;
     if (enabled) {
       const index = tableMeta.rowActive.rowActiveIndex ?? 0;
       if (tableMeta.rowActive.rowActiveIndex === void 0) {
         tableMeta.rowActive.setRowActiveIndex(index);
       }
-      if (!isTemporaryRow((_a = table.getRowModel().rows[index]) == null ? void 0 : _a.id)) {
+      if (!isTemporaryRow(table.getRowModel().rows[index]?.id)) {
         scrollToIndex(index);
       }
     } else if (!enabled) {
@@ -38,7 +37,6 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
     pendingChangesFns.saveChanges(table);
   }
   async function createRow(table, row) {
-    var _a, _b;
     if (!handleCreate) {
       return;
     }
@@ -49,9 +47,12 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
         return;
       }
     }
-    const currentRow = ((_a = table.options.meta) == null ? void 0 : _a.rowActive.rowActiveIndex) !== void 0 ? table.getRowModel().flatRows[(_b = table.options.meta) == null ? void 0 : _b.rowActive.rowActiveIndex] : void 0;
+    const currentRow = table.options.meta?.rowActive.rowActiveIndex !== void 0 ? table.getRowModel().flatRows[table.options.meta?.rowActive.rowActiveIndex] : void 0;
     const changeset = row ?? await handleCreate({
-      activeRow: currentRow ? { ...currentRow.original, ...tableMeta.editing.getRowValue(currentRow.id) } : void 0
+      activeRow: currentRow ? {
+        ...currentRow.original,
+        ...tableMeta.editing.getRowValue(currentRow.id) ?? {}
+      } : void 0
     });
     try {
       if (changeset) {
@@ -60,13 +61,10 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
         tableMeta.rowActive.setRowActiveIndex(nextRowIndex);
         requestAnimationFrame(() => {
           const newRowId = pendingChangesFns.insertTemporaryRow(changeset, nextRowIndex);
-          table.setRowPinning((currentState) => {
-            var _a2;
-            return {
-              ...currentState,
-              bottom: (_a2 = currentState.bottom ?? []) == null ? void 0 : _a2.concat(newRowId)
-            };
-          });
+          table.setRowPinning((currentState) => ({
+            ...currentState,
+            bottom: (currentState.bottom ?? [])?.concat(newRowId)
+          }));
           toggleDetailedMode(false);
           setLastFocusedCellIndex(void 0);
           table.resetRowSelection();

package/dist/components/Table3/features/useTableEditing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableEditing.js","sources":["../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport {\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n    Table3EditingDiscardHandler,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n} from '../types';\nimport { usePendingChangesState } from './useEditingState';\nimport { isTemporaryRow } from '../util/editing';\nimport { TableEventHandler } from '../../../primitives/Table/types';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    defaultToggleEditing = false,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    handleCreate: Table3EditingCreateHandler<TType> | undefined,\n    handleDiscard: Table3EditingDiscardHandler | undefined,\n    rowIdentityAccessor: keyof TType | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined,\n    showEditingActions = false,\n    onEvent?: TableEventHandler | undefined\n) {\n    // used to switch the table into editing mode\n    const [isEditing, setEditing] = React.useState(defaultToggleEditing);\n\n    // used to switch the editing between \"detailed\" mode\n    const [isDetailedMode, toggleDetailedMode] = React.useState(false);\n\n    // used to contain ref to the create button\n    const createRowButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const [lastFocusedCellIndex, setLastFocusedCellIndex] = React.useState<number | undefined>(undefined);\n\n    const pendingChangesFns = usePendingChangesState<TType>(\n        handleSave,\n        handleChange,\n        handleDiscard,\n        rowIdentityAccessor as keyof TType,\n        validator\n    );\n\n    useLazyEffect(() => {\n        if (onEvent) {\n            onEvent('editing-mode', { enabled: isEditing });\n        }\n    }, [isEditing]);\n\n    function toggleEditing<T extends TType>(\n        enabled: React.SetStateAction<boolean>,\n        table: ReactTable<T>,\n        scrollToIndex: (index: number) => void\n    ) {\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (enabled) {\n            const index = tableMeta.rowActive.rowActiveIndex ?? 0;\n\n            if (tableMeta.rowActive.rowActiveIndex === undefined) {\n                tableMeta.rowActive.setRowActiveIndex(index);\n            }\n\n            if (!isTemporaryRow(table.getRowModel().rows[index]?.id)) {\n                scrollToIndex(index);\n            }\n        } else if (!enabled) {\n            // reset detailed mode\n            toggleDetailedMode(false);\n            // reset the last index back to the first focusable element, when editing gets turned off\n            setLastFocusedCellIndex(undefined);\n        }\n\n        setEditing(enabled);\n        pendingChangesFns.saveChanges(table);\n    }\n\n    async function createRow<T extends TType>(table: ReactTable<T>, row?: Partial<T>) {\n        if (!handleCreate) {\n            return;\n        }\n\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const saved = await tableMeta.editing.saveChanges(table);\n\n            if (!saved) {\n                return;\n            }\n        }\n        const currentRow =\n            table.options.meta?.rowActive.rowActiveIndex !== undefined\n                ? table.getRowModel().flatRows[table.options.meta?.rowActive.rowActiveIndex]\n                : undefined;\n\n        const changeset =\n            row ??\n            (await handleCreate({\n                activeRow: currentRow ? { ...currentRow.original, ...tableMeta.editing.getRowValue(currentRow.id) } : undefined,\n            }));\n\n        try {\n            if (changeset) {\n                // set the active row to the new row before toggling editing on\n                const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n                const nextRowIndex = temporaryRows.length ? tableMeta.length + 1 : tableMeta.length;\n                tableMeta.rowActive.setRowActiveIndex(nextRowIndex);\n\n                // it's important that row active sets before we insert the row, because row active change triggers save\n                requestAnimationFrame(() => {\n                    const newRowId = pendingChangesFns.insertTemporaryRow(changeset, nextRowIndex);\n\n                    // prep the row\n                    table.setRowPinning(currentState => ({\n                        ...currentState,\n                        bottom: (currentState.bottom ?? [])?.concat(newRowId),\n                    }));\n\n                    // prep editing mode\n                    toggleDetailedMode(false);\n                    setLastFocusedCellIndex(undefined);\n\n                    table.resetRowSelection();\n\n                    if (!tableMeta.editing.isEditing) {\n                        setEditing(true);\n                    }\n                });\n            }\n        } catch (error) {\n            // oxlint-disable-next-line no-console\n            console.error(error);\n        }\n    }\n\n    return {\n        isEnabled,\n        isEditing,\n        isDetailedMode,\n        showEditingActions,\n        toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,\n        toggleEditing: isEnabled ? toggleEditing : () => undefined,\n        lastFocusedCellIndex,\n        setLastFocusedCellIndex,\n        createRow,\n        createRowButtonRef,\n        ...pendingChangesFns,\n    };\n}\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"useTableEditing.js","sources":["../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport {\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n    Table3EditingDiscardHandler,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n} from '../types';\nimport { usePendingChangesState } from './useEditingState';\nimport { isTemporaryRow } from '../util/editing';\nimport { TableEventHandler } from '../../../primitives/Table/types';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    defaultToggleEditing = false,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    handleCreate: Table3EditingCreateHandler<TType> | undefined,\n    handleDiscard: Table3EditingDiscardHandler | undefined,\n    rowIdentityAccessor: keyof TType | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined,\n    showEditingActions = false,\n    onEvent?: TableEventHandler | undefined\n) {\n    // used to switch the table into editing mode\n    const [isEditing, setEditing] = React.useState(defaultToggleEditing);\n\n    // used to switch the editing between \"detailed\" mode\n    const [isDetailedMode, toggleDetailedMode] = React.useState(false);\n\n    // used to contain ref to the create button\n    const createRowButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const [lastFocusedCellIndex, setLastFocusedCellIndex] = React.useState<number | undefined>(undefined);\n\n    const pendingChangesFns = usePendingChangesState<TType>(\n        handleSave,\n        handleChange,\n        handleDiscard,\n        rowIdentityAccessor as keyof TType,\n        validator\n    );\n\n    useLazyEffect(() => {\n        if (onEvent) {\n            onEvent('editing-mode', { enabled: isEditing });\n        }\n    }, [isEditing]);\n\n    function toggleEditing<T extends TType>(\n        enabled: React.SetStateAction<boolean>,\n        table: ReactTable<T>,\n        scrollToIndex: (index: number) => void\n    ) {\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (enabled) {\n            const index = tableMeta.rowActive.rowActiveIndex ?? 0;\n\n            if (tableMeta.rowActive.rowActiveIndex === undefined) {\n                tableMeta.rowActive.setRowActiveIndex(index);\n            }\n\n            if (!isTemporaryRow(table.getRowModel().rows[index]?.id)) {\n                scrollToIndex(index);\n            }\n        } else if (!enabled) {\n            // reset detailed mode\n            toggleDetailedMode(false);\n            // reset the last index back to the first focusable element, when editing gets turned off\n            setLastFocusedCellIndex(undefined);\n        }\n\n        setEditing(enabled);\n        pendingChangesFns.saveChanges(table);\n    }\n\n    async function createRow<T extends TType>(table: ReactTable<T>, row?: Partial<T>) {\n        if (!handleCreate) {\n            return;\n        }\n\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const saved = await tableMeta.editing.saveChanges(table);\n\n            if (!saved) {\n                return;\n            }\n        }\n        const currentRow =\n            table.options.meta?.rowActive.rowActiveIndex !== undefined\n                ? table.getRowModel().flatRows[table.options.meta?.rowActive.rowActiveIndex]\n                : undefined;\n\n        const changeset =\n            row ??\n            (await handleCreate({\n                activeRow: currentRow\n                    ? ({\n                          ...(currentRow.original as object),\n                          ...((tableMeta.editing.getRowValue(currentRow.id) ?? {}) as object),\n                      } as typeof currentRow.original)\n                    : undefined,\n            }));\n\n        try {\n            if (changeset) {\n                // set the active row to the new row before toggling editing on\n                const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n                const nextRowIndex = temporaryRows.length ? tableMeta.length + 1 : tableMeta.length;\n                tableMeta.rowActive.setRowActiveIndex(nextRowIndex);\n\n                // it's important that row active sets before we insert the row, because row active change triggers save\n                requestAnimationFrame(() => {\n                    const newRowId = pendingChangesFns.insertTemporaryRow(changeset, nextRowIndex);\n\n                    // prep the row\n                    table.setRowPinning(currentState => ({\n                        ...currentState,\n                        bottom: (currentState.bottom ?? [])?.concat(newRowId),\n                    }));\n\n                    // prep editing mode\n                    toggleDetailedMode(false);\n                    setLastFocusedCellIndex(undefined);\n\n                    table.resetRowSelection();\n\n                    if (!tableMeta.editing.isEditing) {\n                        setEditing(true);\n                    }\n                });\n            }\n        } catch (error) {\n            // oxlint-disable-next-line no-console\n            console.error(error);\n        }\n    }\n\n    return {\n        isEnabled,\n        isEditing,\n        isDetailedMode,\n        showEditingActions,\n        toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,\n        toggleEditing: isEnabled ? toggleEditing : () => undefined,\n        lastFocusedCellIndex,\n        setLastFocusedCellIndex,\n        createRow,\n        createRowButtonRef,\n        ...pendingChangesFns,\n    };\n}\n"],"names":["React"],"mappings":";;;;AAcO,SAAS,gBACZ,YAAY,OACZ,uBAAuB,OACvB,YACA,cACA,cACA,eACA,qBACA,WACA,qBAAqB,OACrB,SACF;AAEE,QAAM,CAAC,WAAW,UAAU,IAAIA,eAAM,SAAS,oBAAoB;AAGnE,QAAM,CAAC,gBAAgB,kBAAkB,IAAIA,eAAM,SAAS,KAAK;AAGjE,QAAM,qBAAqBA,eAAM,OAA0B,IAAI;AAG/D,QAAM,CAAC,sBAAsB,uBAAuB,IAAIA,eAAM,SAA6B,MAAS;AAEpG,QAAM,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,gBAAc,MAAM;AAChB,QAAI,SAAS;AACT,cAAQ,gBAAgB,EAAE,SAAS,UAAA,CAAW;AAAA,IAClD;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,WAAS,cACL,SACA,OACA,eACF;AACE,UAAM,YAAY,MAAM,QAAQ;AAEhC,QAAI,SAAS;AACT,YAAM,QAAQ,UAAU,UAAU,kBAAkB;AAEpD,UAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,kBAAU,UAAU,kBAAkB,KAAK;AAAA,MAC/C;AAEA,UAAI,CAAC,eAAe,MAAM,YAAA,EAAc,KAAK,KAAK,GAAG,EAAE,GAAG;AACtD,sBAAc,KAAK;AAAA,MACvB;AAAA,IACJ,WAAW,CAAC,SAAS;AAEjB,yBAAmB,KAAK;AAExB,8BAAwB,MAAS;AAAA,IACrC;AAEA,eAAW,OAAO;AAClB,sBAAkB,YAAY,KAAK;AAAA,EACvC;AAEA,iBAAe,UAA2B,OAAsB,KAAkB;AAC9E,QAAI,CAAC,cAAc;AACf;AAAA,IACJ;AAEA,UAAM,YAAY,MAAM,QAAQ;AAEhC,QAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,YAAM,QAAQ,MAAM,UAAU,QAAQ,YAAY,KAAK;AAEvD,UAAI,CAAC,OAAO;AACR;AAAA,MACJ;AAAA,IACJ;AACA,UAAM,aACF,MAAM,QAAQ,MAAM,UAAU,mBAAmB,SAC3C,MAAM,YAAA,EAAc,SAAS,MAAM,QAAQ,MAAM,UAAU,cAAc,IACzE;AAEV,UAAM,YACF,OACC,MAAM,aAAa;AAAA,MAChB,WAAW,aACJ;AAAA,QACG,GAAI,WAAW;AAAA,QACf,GAAK,UAAU,QAAQ,YAAY,WAAW,EAAE,KAAK,CAAA;AAAA,MAAC,IAE1D;AAAA,IAAA,CACT;AAEL,QAAI;AACA,UAAI,WAAW;AAEX,cAAM,gBAAgB,UAAU,QAAQ;AACxC,cAAM,eAAe,cAAc,SAAS,UAAU,SAAS,IAAI,UAAU;AAC7E,kBAAU,UAAU,kBAAkB,YAAY;AAGlD,8BAAsB,MAAM;AACxB,gBAAM,WAAW,kBAAkB,mBAAmB,WAAW,YAAY;AAG7E,gBAAM,cAAc,CAAA,kBAAiB;AAAA,YACjC,GAAG;AAAA,YACH,SAAS,aAAa,UAAU,CAAA,IAAK,OAAO,QAAQ;AAAA,UAAA,EACtD;AAGF,6BAAmB,KAAK;AACxB,kCAAwB,MAAS;AAEjC,gBAAM,kBAAA;AAEN,cAAI,CAAC,UAAU,QAAQ,WAAW;AAC9B,uBAAW,IAAI;AAAA,UACnB;AAAA,QACJ,CAAC;AAAA,MACL;AAAA,IACJ,SAAS,OAAO;AAEZ,cAAQ,MAAM,KAAK;AAAA,IACvB;AAAA,EACJ;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,YAAY,qBAAqB,MAAM;AAAA,IAC3D,eAAe,YAAY,gBAAgB,MAAM;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA;AAEX;"}

package/dist/components/Table3/listeners/useTableEditingListener.cjs

@@ -27,12 +27,11 @@ function useTableEditingListener(table, tableRef, scrollToIndex) {
   const hasSavedChanges = tableMeta.editing.hasSaved();
   useLazyEffect.useLazyEffect(() => {
     if (hasSavedChanges) {
-      search.resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization);
+      search.resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization, false);
     }
   }, [hasSavedChanges]);
   React.useEffect(() => {
     const onClickOutside = (event) => {
-      var _a;
       if (tableMeta.editing.isEditing) {
         const element = event.target;
         const isClickOnTableOrInsideTable = element.tagName === "TABLE" || element.tagName === "TBODY" || element.getAttribute("data-taco") === "backdrop" || element.getAttribute("data-table") === "editing-toggle" || !document.body.contains(element) || dom.isElementInsideOrTriggeredFromContainer(element, tableRef.current);
@@ -40,7 +39,7 @@ function useTableEditingListener(table, tableRef, scrollToIndex) {
           return;
         }
         const dialog = element.closest('[role="dialog"]');
-        const isClickInsideParentDialog = dialog !== null && ((_a = tableRef.current) == null ? void 0 : _a.closest('[role="dialog"]')) === dialog;
+        const isClickInsideParentDialog = dialog !== null && tableRef.current?.closest('[role="dialog"]') === dialog;
         const isClickOutside = dialog === null;
         if (isClickInsideParentDialog || isClickOutside) {
           tableMeta.editing.saveChanges(table);

package/dist/components/Table3/listeners/useTableEditingListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableEditingListener.cjs","sources":["../../../../src/components/Table3/listeners/useTableEditingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { TableRef } from '../../../primitives/Table/types';\nimport { resetHighlightedColumnIndexes } from '../../../primitives/Table/useTableManager/util/search';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { shortcut } from '../util/editing';\n\nexport function useTableEditingListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const localization = useLocalization();\n\n    // show a warning if the user navigates away without triggering save, such as using the browser back/forward button\n    const hasChanges = tableMeta.editing.hasChanges();\n\n    React.useEffect(() => {\n        function showUnsavedChangesWarning(event: BeforeUnloadEvent) {\n            if (tableMeta.editing.isEditing && hasChanges) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        }\n\n        window.addEventListener('beforeunload', showUnsavedChangesWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showUnsavedChangesWarning);\n        };\n    }, [tableMeta.editing.isEditing, hasChanges]);\n\n    const hasSavedChanges = tableMeta.editing.hasSaved();\n\n    useLazyEffect(() => {\n        if (hasSavedChanges) {\n            resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization);\n        }\n    }, [hasSavedChanges]);\n\n    React.useEffect(() => {\n        const onClickOutside = (event: MouseEvent) => {\n            if (tableMeta.editing.isEditing) {\n                const element = event.target as Element;\n\n                const isClickOnTableOrInsideTable =\n                    element.tagName === 'TABLE' ||\n                    element.tagName === 'TBODY' ||\n                    element.getAttribute('data-taco') === 'backdrop' ||\n                    element.getAttribute('data-table') === 'editing-toggle' ||\n                    !document.body.contains(element) ||\n                    isElementInsideOrTriggeredFromContainer(element, tableRef.current);\n\n                if (isClickOnTableOrInsideTable) {\n                    return;\n                }\n\n                const dialog = element.closest('[role=\"dialog\"]');\n                const isClickInsideParentDialog = dialog !== null && tableRef.current?.closest('[role=\"dialog\"]') === dialog;\n                // If dialog doesn't exist then the click is outside the table on a non dialog element\n                const isClickOutside = dialog === null;\n\n                // The below condition makes sure that we don't save the changes when click is inside a non parent dialog.\n                // Those dialogs can possibly be opened by row actions and editing cell controls.\n                // Users can click the white space below rows which could be inside the table, but a valid scenario to save\n                if (isClickInsideParentDialog || isClickOutside) {\n                    tableMeta.editing.saveChanges(table);\n                }\n            }\n        };\n\n        document.addEventListener('click', onClickOutside);\n\n        return () => document.removeEventListener('click', onClickOutside);\n    }, [tableMeta.editing.isEditing, tableMeta.editing.saveChanges]);\n\n    // shortcuts\n    useGlobalKeyDown(tableMeta.editing.isEnabled ? shortcut : undefined, (event: KeyboardEvent) => {\n        event.preventDefault();\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    });\n\n    useGlobalKeyDown(tableMeta.editing.isEditing ? { key: 's', meta: true, shift: false } : undefined, event => {\n        event.preventDefault();\n        tableMeta.editing.saveChanges(table);\n    });\n}\n"],"names":["useLocalization","useLazyEffect","resetHighlightedColumnIndexes","isElementInsideOrTriggeredFromContainer","useGlobalKeyDown","shortcut"],"mappings":";;;;;;;;;AAUgB,SAAA,wBACZ,OACA,UACA,eACF;AACQ,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAeA,aAAAA,gBAAgB;AAG/B,QAAA,aAAa,UAAU,QAAQ,WAAW;AAEhD,QAAM,UAAU,MAAM;AAClB,aAAS,0BAA0B,OAA0B;AACrD,UAAA,UAAU,QAAQ,aAAa,YAAY;AAC3C,cAAM,cAAc;AACb,eAAA;AAAA,MAAA;AAGJ,aAAA;AAAA,IAAA;AAGJ,WAAA,iBAAiB,gBAAgB,yBAAyB;AAEjE,WAAO,MAAM;AACF,aAAA,oBAAoB,gBAAgB,yBAAyB;AAAA,IACxE;AAAA,KACD,CAAC,UAAU,QAAQ,WAAW,UAAU,CAAC;AAEtC,QAAA,kBAAkB,UAAU,QAAQ,SAAS;AAEnDC,gBAAAA,cAAc,MAAM;AAChB,QAAI,iBAAiB;AACjBC,aAAA,8BAA8B,MAAM,SAAA,EAAW,cAAc,OAAO,YAAY;AAAA,IAAA;AAAA,EACpF,GACD,CAAC,eAAe,CAAC;AAEpB,QAAM,UAAU,MAAM;AACZ,UAAA,iBAAiB,CAAC,UAAsB;;AACtC,UAAA,UAAU,QAAQ,WAAW;AAC7B,cAAM,UAAU,MAAM;AAEhB,cAAA,8BACF,QAAQ,YAAY,WACpB,QAAQ,YAAY,WACpB,QAAQ,aAAa,WAAW,MAAM,cACtC,QAAQ,aAAa,YAAY,MAAM,oBACvC,CAAC,SAAS,KAAK,SAAS,OAAO,KAC/BC,IAAA,wCAAwC,SAAS,SAAS,OAAO;AAErE,YAAI,6BAA6B;AAC7B;AAAA,QAAA;AAGE,cAAA,SAAS,QAAQ,QAAQ,iBAAiB;AAChD,cAAM,4BAA4B,WAAW,UAAQ,cAAS,YAAT,mBAAkB,QAAQ,wBAAuB;AAEtG,cAAM,iBAAiB,WAAW;AAKlC,YAAI,6BAA6B,gBAAgB;AACnC,oBAAA,QAAQ,YAAY,KAAK;AAAA,QAAA;AAAA,MACvC;AAAA,IAER;AAES,aAAA,iBAAiB,SAAS,cAAc;AAEjD,WAAO,MAAM,SAAS,oBAAoB,SAAS,cAAc;AAAA,EAAA,GAClE,CAAC,UAAU,QAAQ,WAAW,UAAU,QAAQ,WAAW,CAAC;AAG/DC,mBAAA,iBAAiB,UAAU,QAAQ,YAAYC,QAAAA,WAAW,QAAW,CAAC,UAAyB;AAC3F,UAAM,eAAe;AACrB,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EAAA,CACrF;AAEDD,mBAAAA,iBAAiB,UAAU,QAAQ,YAAY,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,MAAU,IAAA,QAAW,CAAS,UAAA;AACxG,UAAM,eAAe;AACX,cAAA,QAAQ,YAAY,KAAK;AAAA,EAAA,CACtC;AACL;;"}
+{"version":3,"file":"useTableEditingListener.cjs","sources":["../../../../src/components/Table3/listeners/useTableEditingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { TableRef } from '../../../primitives/Table/types';\nimport { resetHighlightedColumnIndexes } from '../../../primitives/Table/useTableManager/util/search';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { shortcut } from '../util/editing';\n\nexport function useTableEditingListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const localization = useLocalization();\n\n    // show a warning if the user navigates away without triggering save, such as using the browser back/forward button\n    const hasChanges = tableMeta.editing.hasChanges();\n\n    React.useEffect(() => {\n        function showUnsavedChangesWarning(event: BeforeUnloadEvent) {\n            if (tableMeta.editing.isEditing && hasChanges) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        }\n\n        window.addEventListener('beforeunload', showUnsavedChangesWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showUnsavedChangesWarning);\n        };\n    }, [tableMeta.editing.isEditing, hasChanges]);\n\n    const hasSavedChanges = tableMeta.editing.hasSaved();\n\n    useLazyEffect(() => {\n        if (hasSavedChanges) {\n            // recompute search highlights against the freshly saved data, but keep the active row where it is -\n            // moving it to the first match would jump focus to the top of the list mid-edit.\n            resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization, false);\n        }\n    }, [hasSavedChanges]);\n\n    React.useEffect(() => {\n        const onClickOutside = (event: MouseEvent) => {\n            if (tableMeta.editing.isEditing) {\n                const element = event.target as Element;\n\n                const isClickOnTableOrInsideTable =\n                    element.tagName === 'TABLE' ||\n                    element.tagName === 'TBODY' ||\n                    element.getAttribute('data-taco') === 'backdrop' ||\n                    element.getAttribute('data-table') === 'editing-toggle' ||\n                    !document.body.contains(element) ||\n                    isElementInsideOrTriggeredFromContainer(element, tableRef.current);\n\n                if (isClickOnTableOrInsideTable) {\n                    return;\n                }\n\n                const dialog = element.closest('[role=\"dialog\"]');\n                const isClickInsideParentDialog = dialog !== null && tableRef.current?.closest('[role=\"dialog\"]') === dialog;\n                // If dialog doesn't exist then the click is outside the table on a non dialog element\n                const isClickOutside = dialog === null;\n\n                // The below condition makes sure that we don't save the changes when click is inside a non parent dialog.\n                // Those dialogs can possibly be opened by row actions and editing cell controls.\n                // Users can click the white space below rows which could be inside the table, but a valid scenario to save\n                if (isClickInsideParentDialog || isClickOutside) {\n                    tableMeta.editing.saveChanges(table);\n                }\n            }\n        };\n\n        document.addEventListener('click', onClickOutside);\n\n        return () => document.removeEventListener('click', onClickOutside);\n    }, [tableMeta.editing.isEditing, tableMeta.editing.saveChanges]);\n\n    // shortcuts\n    useGlobalKeyDown(tableMeta.editing.isEnabled ? shortcut : undefined, (event: KeyboardEvent) => {\n        event.preventDefault();\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    });\n\n    useGlobalKeyDown(tableMeta.editing.isEditing ? { key: 's', meta: true, shift: false } : undefined, event => {\n        event.preventDefault();\n        tableMeta.editing.saveChanges(table);\n    });\n}\n"],"names":["useLocalization","useLazyEffect","resetHighlightedColumnIndexes","isElementInsideOrTriggeredFromContainer","useGlobalKeyDown","shortcut"],"mappings":";;;;;;;;;AAUO,SAAS,wBACZ,OACA,UACA,eACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAeA,aAAAA,gBAAA;AAGrB,QAAM,aAAa,UAAU,QAAQ,WAAA;AAErC,QAAM,UAAU,MAAM;AAClB,aAAS,0BAA0B,OAA0B;AACzD,UAAI,UAAU,QAAQ,aAAa,YAAY;AAC3C,cAAM,cAAc;AACpB,eAAO;AAAA,MACX;AAEA,aAAO;AAAA,IACX;AAEA,WAAO,iBAAiB,gBAAgB,yBAAyB;AAEjE,WAAO,MAAM;AACT,aAAO,oBAAoB,gBAAgB,yBAAyB;AAAA,IACxE;AAAA,EACJ,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,CAAC;AAE5C,QAAM,kBAAkB,UAAU,QAAQ,SAAA;AAE1CC,gBAAAA,cAAc,MAAM;AAChB,QAAI,iBAAiB;AAGjBC,aAAAA,8BAA8B,MAAM,SAAA,EAAW,cAAc,OAAO,cAAc,KAAK;AAAA,IAC3F;AAAA,EACJ,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,UAAU,MAAM;AAClB,UAAM,iBAAiB,CAAC,UAAsB;AAC1C,UAAI,UAAU,QAAQ,WAAW;AAC7B,cAAM,UAAU,MAAM;AAEtB,cAAM,8BACF,QAAQ,YAAY,WACpB,QAAQ,YAAY,WACpB,QAAQ,aAAa,WAAW,MAAM,cACtC,QAAQ,aAAa,YAAY,MAAM,oBACvC,CAAC,SAAS,KAAK,SAAS,OAAO,KAC/BC,IAAAA,wCAAwC,SAAS,SAAS,OAAO;AAErE,YAAI,6BAA6B;AAC7B;AAAA,QACJ;AAEA,cAAM,SAAS,QAAQ,QAAQ,iBAAiB;AAChD,cAAM,4BAA4B,WAAW,QAAQ,SAAS,SAAS,QAAQ,iBAAiB,MAAM;AAEtG,cAAM,iBAAiB,WAAW;AAKlC,YAAI,6BAA6B,gBAAgB;AAC7C,oBAAU,QAAQ,YAAY,KAAK;AAAA,QACvC;AAAA,MACJ;AAAA,IACJ;AAEA,aAAS,iBAAiB,SAAS,cAAc;AAEjD,WAAO,MAAM,SAAS,oBAAoB,SAAS,cAAc;AAAA,EACrE,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,QAAQ,WAAW,CAAC;AAG/DC,mBAAAA,iBAAiB,UAAU,QAAQ,YAAYC,QAAAA,WAAW,QAAW,CAAC,UAAyB;AAC3F,UAAM,eAAA;AACN,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EACtF,CAAC;AAEDD,mBAAAA,iBAAiB,UAAU,QAAQ,YAAY,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,MAAA,IAAU,QAAW,CAAA,UAAS;AACxG,UAAM,eAAA;AACN,cAAU,QAAQ,YAAY,KAAK;AAAA,EACvC,CAAC;AACL;;"}

package/dist/components/Table3/listeners/useTableEditingListener.js

@@ -25,12 +25,11 @@ function useTableEditingListener(table, tableRef, scrollToIndex) {
   const hasSavedChanges = tableMeta.editing.hasSaved();
   useLazyEffect(() => {
     if (hasSavedChanges) {
-      resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization);
+      resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization, false);
     }
   }, [hasSavedChanges]);
   React__default.useEffect(() => {
     const onClickOutside = (event) => {
-      var _a;
       if (tableMeta.editing.isEditing) {
         const element = event.target;
         const isClickOnTableOrInsideTable = element.tagName === "TABLE" || element.tagName === "TBODY" || element.getAttribute("data-taco") === "backdrop" || element.getAttribute("data-table") === "editing-toggle" || !document.body.contains(element) || isElementInsideOrTriggeredFromContainer(element, tableRef.current);
@@ -38,7 +37,7 @@ function useTableEditingListener(table, tableRef, scrollToIndex) {
           return;
         }
         const dialog = element.closest('[role="dialog"]');
-        const isClickInsideParentDialog = dialog !== null && ((_a = tableRef.current) == null ? void 0 : _a.closest('[role="dialog"]')) === dialog;
+        const isClickInsideParentDialog = dialog !== null && tableRef.current?.closest('[role="dialog"]') === dialog;
         const isClickOutside = dialog === null;
         if (isClickInsideParentDialog || isClickOutside) {
           tableMeta.editing.saveChanges(table);

package/dist/components/Table3/listeners/useTableEditingListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableEditingListener.js","sources":["../../../../src/components/Table3/listeners/useTableEditingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { TableRef } from '../../../primitives/Table/types';\nimport { resetHighlightedColumnIndexes } from '../../../primitives/Table/useTableManager/util/search';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { shortcut } from '../util/editing';\n\nexport function useTableEditingListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const localization = useLocalization();\n\n    // show a warning if the user navigates away without triggering save, such as using the browser back/forward button\n    const hasChanges = tableMeta.editing.hasChanges();\n\n    React.useEffect(() => {\n        function showUnsavedChangesWarning(event: BeforeUnloadEvent) {\n            if (tableMeta.editing.isEditing && hasChanges) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        }\n\n        window.addEventListener('beforeunload', showUnsavedChangesWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showUnsavedChangesWarning);\n        };\n    }, [tableMeta.editing.isEditing, hasChanges]);\n\n    const hasSavedChanges = tableMeta.editing.hasSaved();\n\n    useLazyEffect(() => {\n        if (hasSavedChanges) {\n            resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization);\n        }\n    }, [hasSavedChanges]);\n\n    React.useEffect(() => {\n        const onClickOutside = (event: MouseEvent) => {\n            if (tableMeta.editing.isEditing) {\n                const element = event.target as Element;\n\n                const isClickOnTableOrInsideTable =\n                    element.tagName === 'TABLE' ||\n                    element.tagName === 'TBODY' ||\n                    element.getAttribute('data-taco') === 'backdrop' ||\n                    element.getAttribute('data-table') === 'editing-toggle' ||\n                    !document.body.contains(element) ||\n                    isElementInsideOrTriggeredFromContainer(element, tableRef.current);\n\n                if (isClickOnTableOrInsideTable) {\n                    return;\n                }\n\n                const dialog = element.closest('[role=\"dialog\"]');\n                const isClickInsideParentDialog = dialog !== null && tableRef.current?.closest('[role=\"dialog\"]') === dialog;\n                // If dialog doesn't exist then the click is outside the table on a non dialog element\n                const isClickOutside = dialog === null;\n\n                // The below condition makes sure that we don't save the changes when click is inside a non parent dialog.\n                // Those dialogs can possibly be opened by row actions and editing cell controls.\n                // Users can click the white space below rows which could be inside the table, but a valid scenario to save\n                if (isClickInsideParentDialog || isClickOutside) {\n                    tableMeta.editing.saveChanges(table);\n                }\n            }\n        };\n\n        document.addEventListener('click', onClickOutside);\n\n        return () => document.removeEventListener('click', onClickOutside);\n    }, [tableMeta.editing.isEditing, tableMeta.editing.saveChanges]);\n\n    // shortcuts\n    useGlobalKeyDown(tableMeta.editing.isEnabled ? shortcut : undefined, (event: KeyboardEvent) => {\n        event.preventDefault();\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    });\n\n    useGlobalKeyDown(tableMeta.editing.isEditing ? { key: 's', meta: true, shift: false } : undefined, event => {\n        event.preventDefault();\n        tableMeta.editing.saveChanges(table);\n    });\n}\n"],"names":["React"],"mappings":";;;;;;;AAUgB,SAAA,wBACZ,OACA,UACA,eACF;AACQ,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAe,gBAAgB;AAG/B,QAAA,aAAa,UAAU,QAAQ,WAAW;AAEhDA,iBAAM,UAAU,MAAM;AAClB,aAAS,0BAA0B,OAA0B;AACrD,UAAA,UAAU,QAAQ,aAAa,YAAY;AAC3C,cAAM,cAAc;AACb,eAAA;AAAA,MAAA;AAGJ,aAAA;AAAA,IAAA;AAGJ,WAAA,iBAAiB,gBAAgB,yBAAyB;AAEjE,WAAO,MAAM;AACF,aAAA,oBAAoB,gBAAgB,yBAAyB;AAAA,IACxE;AAAA,KACD,CAAC,UAAU,QAAQ,WAAW,UAAU,CAAC;AAEtC,QAAA,kBAAkB,UAAU,QAAQ,SAAS;AAEnD,gBAAc,MAAM;AAChB,QAAI,iBAAiB;AACjB,oCAA8B,MAAM,SAAA,EAAW,cAAc,OAAO,YAAY;AAAA,IAAA;AAAA,EACpF,GACD,CAAC,eAAe,CAAC;AAEpBA,iBAAM,UAAU,MAAM;AACZ,UAAA,iBAAiB,CAAC,UAAsB;;AACtC,UAAA,UAAU,QAAQ,WAAW;AAC7B,cAAM,UAAU,MAAM;AAEhB,cAAA,8BACF,QAAQ,YAAY,WACpB,QAAQ,YAAY,WACpB,QAAQ,aAAa,WAAW,MAAM,cACtC,QAAQ,aAAa,YAAY,MAAM,oBACvC,CAAC,SAAS,KAAK,SAAS,OAAO,KAC/B,wCAAwC,SAAS,SAAS,OAAO;AAErE,YAAI,6BAA6B;AAC7B;AAAA,QAAA;AAGE,cAAA,SAAS,QAAQ,QAAQ,iBAAiB;AAChD,cAAM,4BAA4B,WAAW,UAAQ,cAAS,YAAT,mBAAkB,QAAQ,wBAAuB;AAEtG,cAAM,iBAAiB,WAAW;AAKlC,YAAI,6BAA6B,gBAAgB;AACnC,oBAAA,QAAQ,YAAY,KAAK;AAAA,QAAA;AAAA,MACvC;AAAA,IAER;AAES,aAAA,iBAAiB,SAAS,cAAc;AAEjD,WAAO,MAAM,SAAS,oBAAoB,SAAS,cAAc;AAAA,EAAA,GAClE,CAAC,UAAU,QAAQ,WAAW,UAAU,QAAQ,WAAW,CAAC;AAG/D,mBAAiB,UAAU,QAAQ,YAAY,WAAW,QAAW,CAAC,UAAyB;AAC3F,UAAM,eAAe;AACrB,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EAAA,CACrF;AAED,mBAAiB,UAAU,QAAQ,YAAY,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,MAAU,IAAA,QAAW,CAAS,UAAA;AACxG,UAAM,eAAe;AACX,cAAA,QAAQ,YAAY,KAAK;AAAA,EAAA,CACtC;AACL;"}
+{"version":3,"file":"useTableEditingListener.js","sources":["../../../../src/components/Table3/listeners/useTableEditingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { TableRef } from '../../../primitives/Table/types';\nimport { resetHighlightedColumnIndexes } from '../../../primitives/Table/useTableManager/util/search';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { shortcut } from '../util/editing';\n\nexport function useTableEditingListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const localization = useLocalization();\n\n    // show a warning if the user navigates away without triggering save, such as using the browser back/forward button\n    const hasChanges = tableMeta.editing.hasChanges();\n\n    React.useEffect(() => {\n        function showUnsavedChangesWarning(event: BeforeUnloadEvent) {\n            if (tableMeta.editing.isEditing && hasChanges) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        }\n\n        window.addEventListener('beforeunload', showUnsavedChangesWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showUnsavedChangesWarning);\n        };\n    }, [tableMeta.editing.isEditing, hasChanges]);\n\n    const hasSavedChanges = tableMeta.editing.hasSaved();\n\n    useLazyEffect(() => {\n        if (hasSavedChanges) {\n            // recompute search highlights against the freshly saved data, but keep the active row where it is -\n            // moving it to the first match would jump focus to the top of the list mid-edit.\n            resetHighlightedColumnIndexes(table.getState().globalFilter, table, localization, false);\n        }\n    }, [hasSavedChanges]);\n\n    React.useEffect(() => {\n        const onClickOutside = (event: MouseEvent) => {\n            if (tableMeta.editing.isEditing) {\n                const element = event.target as Element;\n\n                const isClickOnTableOrInsideTable =\n                    element.tagName === 'TABLE' ||\n                    element.tagName === 'TBODY' ||\n                    element.getAttribute('data-taco') === 'backdrop' ||\n                    element.getAttribute('data-table') === 'editing-toggle' ||\n                    !document.body.contains(element) ||\n                    isElementInsideOrTriggeredFromContainer(element, tableRef.current);\n\n                if (isClickOnTableOrInsideTable) {\n                    return;\n                }\n\n                const dialog = element.closest('[role=\"dialog\"]');\n                const isClickInsideParentDialog = dialog !== null && tableRef.current?.closest('[role=\"dialog\"]') === dialog;\n                // If dialog doesn't exist then the click is outside the table on a non dialog element\n                const isClickOutside = dialog === null;\n\n                // The below condition makes sure that we don't save the changes when click is inside a non parent dialog.\n                // Those dialogs can possibly be opened by row actions and editing cell controls.\n                // Users can click the white space below rows which could be inside the table, but a valid scenario to save\n                if (isClickInsideParentDialog || isClickOutside) {\n                    tableMeta.editing.saveChanges(table);\n                }\n            }\n        };\n\n        document.addEventListener('click', onClickOutside);\n\n        return () => document.removeEventListener('click', onClickOutside);\n    }, [tableMeta.editing.isEditing, tableMeta.editing.saveChanges]);\n\n    // shortcuts\n    useGlobalKeyDown(tableMeta.editing.isEnabled ? shortcut : undefined, (event: KeyboardEvent) => {\n        event.preventDefault();\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    });\n\n    useGlobalKeyDown(tableMeta.editing.isEditing ? { key: 's', meta: true, shift: false } : undefined, event => {\n        event.preventDefault();\n        tableMeta.editing.saveChanges(table);\n    });\n}\n"],"names":["React"],"mappings":";;;;;;;AAUO,SAAS,wBACZ,OACA,UACA,eACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAe,gBAAA;AAGrB,QAAM,aAAa,UAAU,QAAQ,WAAA;AAErCA,iBAAM,UAAU,MAAM;AAClB,aAAS,0BAA0B,OAA0B;AACzD,UAAI,UAAU,QAAQ,aAAa,YAAY;AAC3C,cAAM,cAAc;AACpB,eAAO;AAAA,MACX;AAEA,aAAO;AAAA,IACX;AAEA,WAAO,iBAAiB,gBAAgB,yBAAyB;AAEjE,WAAO,MAAM;AACT,aAAO,oBAAoB,gBAAgB,yBAAyB;AAAA,IACxE;AAAA,EACJ,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,CAAC;AAE5C,QAAM,kBAAkB,UAAU,QAAQ,SAAA;AAE1C,gBAAc,MAAM;AAChB,QAAI,iBAAiB;AAGjB,oCAA8B,MAAM,SAAA,EAAW,cAAc,OAAO,cAAc,KAAK;AAAA,IAC3F;AAAA,EACJ,GAAG,CAAC,eAAe,CAAC;AAEpBA,iBAAM,UAAU,MAAM;AAClB,UAAM,iBAAiB,CAAC,UAAsB;AAC1C,UAAI,UAAU,QAAQ,WAAW;AAC7B,cAAM,UAAU,MAAM;AAEtB,cAAM,8BACF,QAAQ,YAAY,WACpB,QAAQ,YAAY,WACpB,QAAQ,aAAa,WAAW,MAAM,cACtC,QAAQ,aAAa,YAAY,MAAM,oBACvC,CAAC,SAAS,KAAK,SAAS,OAAO,KAC/B,wCAAwC,SAAS,SAAS,OAAO;AAErE,YAAI,6BAA6B;AAC7B;AAAA,QACJ;AAEA,cAAM,SAAS,QAAQ,QAAQ,iBAAiB;AAChD,cAAM,4BAA4B,WAAW,QAAQ,SAAS,SAAS,QAAQ,iBAAiB,MAAM;AAEtG,cAAM,iBAAiB,WAAW;AAKlC,YAAI,6BAA6B,gBAAgB;AAC7C,oBAAU,QAAQ,YAAY,KAAK;AAAA,QACvC;AAAA,MACJ;AAAA,IACJ;AAEA,aAAS,iBAAiB,SAAS,cAAc;AAEjD,WAAO,MAAM,SAAS,oBAAoB,SAAS,cAAc;AAAA,EACrE,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,QAAQ,WAAW,CAAC;AAG/D,mBAAiB,UAAU,QAAQ,YAAY,WAAW,QAAW,CAAC,UAAyB;AAC3F,UAAM,eAAA;AACN,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EACtF,CAAC;AAED,mBAAiB,UAAU,QAAQ,YAAY,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,MAAA,IAAU,QAAW,CAAA,UAAS;AACxG,UAAM,eAAA;AACN,cAAU,QAAQ,YAAY,KAAK;AAAA,EACvC,CAAC;AACL;"}

package/dist/components/Table3/useTable3.cjs

@@ -67,10 +67,7 @@ function useTable3(props, ref) {
                 onDiscard: () => {
                   editing.discardChanges(helpers.rowId, helpers.table);
                   if (editing.temporaryRows.length) {
-                    requestAnimationFrame(() => {
-                      var _a;
-                      return (_a = editing.createRowButtonRef.current) == null ? void 0 : _a.focus();
-                    });
+                    requestAnimationFrame(() => editing.createRowButtonRef.current?.focus());
                   }
                 }
               }

package/dist/components/Table3/useTable3.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTable3.cjs","sources":["../../../src/components/Table3/useTable3.tsx"],"sourcesContent":["import React from 'react';\nimport { RowData } from '@tanstack/react-table';\nimport { useTable } from '../../primitives/Table/Core/useTable';\nimport { TableProps } from '../../primitives/Table/types';\nimport { useTableEditingListener } from './listeners/useTableEditingListener';\nimport { useTableEditing } from './features/useTableEditing';\nimport { Table3Props, Table3Ref } from './types';\nimport { Cell } from './components/Columns/Cell/Cell';\nimport { Row } from './components/Row/Row';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { DiscardChangesConfirmationDialog } from './components/Editing/DiscardChangesConfirmationDialog';\nimport { useLazyEffect } from '../../hooks/useLazyEffect';\n\nexport const RENDERERS = {\n    row: Row,\n    cell: Cell,\n};\n\ndeclare module '@tanstack/table-core' {\n    // oxlint-disable-next-line no-unused-vars\n    interface TableMeta<TData extends RowData> {\n        editing: ReturnType<typeof useTableEditing>;\n    }\n}\n\ntype Table3Meta = {\n    editing: ReturnType<typeof useTableEditing>;\n};\n\nexport function useTable3<TType>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const { texts } = useLocalization();\n    const editing = useTableEditing(\n        props.enableEditing,\n        props.defaultToggleEditing,\n        props.onEditingSave,\n        props.onEditingChange,\n        props.onEditingCreate,\n        props.onEditingDiscard,\n        props.rowIdentityAccessor,\n        props.validator,\n        props.showEditingActions,\n        props.onEvent\n    );\n\n    // this gives me the performance heeby jeebies, but can't think of a better way to internalise the state\n    const data: TType[] = React.useMemo(() => {\n        if (editing.temporaryRows.length) {\n            return (props.data ?? []).concat(editing.temporaryRows as TType[]);\n        }\n\n        return props.data;\n    }, [JSON.stringify(props.data), editing.temporaryRows.length]);\n\n    const extendedProps: Table3Props<TType> = {\n        ...props,\n        data,\n        enableRowActions: editing.isEditing && props.showEditingActions ? true : props.enableRowActions,\n        // While editing, only show editing actions (and their menu) when showEditingActions is true\n        rowActions: editing.isEditing\n            ? (props.rowActions ?? []).concat(\n                  // Only add editing actions if showEditingActions is explicitly set to true\n                  props.showEditingActions === true\n                      ? [\n                            // Note: helpers includes internal rowId and table properties not in the public type, that is why \"any\" is used\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.save}\n                                    icon=\"tick\"\n                                    disabled={!editing.hasChanges(helpers.rowId) || editing.hasRowErrors(helpers.rowId)}\n                                    onClick={async () => {\n                                        await editing.saveChanges(helpers.table, helpers.rowId);\n                                    }}\n                                />\n                            ),\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.clear}\n                                    icon=\"close\"\n                                    disabled={!editing.hasChanges(helpers.rowId)}\n                                    dialog={props => (\n                                        <DiscardChangesConfirmationDialog\n                                            {...props}\n                                            onDiscard={() => {\n                                                editing.discardChanges(helpers.rowId, helpers.table);\n\n                                                if (editing.temporaryRows.length) {\n                                                    requestAnimationFrame(() => editing.createRowButtonRef.current?.focus());\n                                                }\n                                            }}\n                                        />\n                                    )}\n                                />\n                            ),\n                        ]\n                      : []\n              )\n            : props.rowActions,\n    };\n\n    const meta = { editing };\n\n    // Cast to TableProps: Table3Props adds editing-specific props on top of TableProps.\n    // useTable only needs the base TableProps.\n    const table = useTable<TType, Table3Meta>(extendedProps as TableProps<TType>, ref, RENDERERS, meta);\n\n    const toggleEditing = (enabled: boolean | undefined) =>\n        table.meta.editing.toggleEditing(enabled ?? (editing => !editing), table.instance, table.renderer.scrollToIndex);\n\n    // editing state is set earlier, but toggleEditing does other things like sets the active row\n    React.useEffect(() => {\n        if (props.defaultToggleEditing) {\n            toggleEditing(true);\n        }\n    }, []);\n\n    // listeners\n    useTableEditingListener<TType>(table.instance, table.ref, table.renderer.scrollToIndex);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled) {\n                instance.editing = {\n                    toggleEditing,\n                    removeRowChanges: (rowId: string) => table.meta.editing.discardChanges(rowId, table.instance),\n                    save: (rowId?: string) => table.meta.editing.saveChanges(table.instance, rowId),\n                };\n\n                if (props.onEditingCreate && instance.editing) {\n                    instance.editing.createRow = (row: unknown) =>\n                        table.meta.editing.createRow(table.instance, row as Partial<TType>);\n                }\n            }\n        }\n    }, [table.ref.current, table.meta.editing.isEnabled]);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled && instance.editing) {\n                instance.editing.forceValidate = async () => await table.meta.editing.forceValidate(table.instance);\n            }\n        }\n    }, [table.meta.editing.forceValidate]);\n\n    useLazyEffect(() => {\n        if (editing.isEnabled && props.onHasChanges) {\n            props.onHasChanges(editing.isDirty);\n        }\n    }, [editing.isEnabled, editing.isDirty, props.onHasChanges]);\n\n    return table;\n}\n"],"names":["Row","Cell","useLocalization","useTableEditing","LegacyIconButton","props","DiscardChangesConfirmationDialog","useTable","editing","useTableEditingListener","useLazyEffect"],"mappings":"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"}
+{"version":3,"file":"useTable3.cjs","sources":["../../../src/components/Table3/useTable3.tsx"],"sourcesContent":["import React from 'react';\nimport { RowData } from '@tanstack/react-table';\nimport { useTable } from '../../primitives/Table/Core/useTable';\nimport { TableProps } from '../../primitives/Table/types';\nimport { useTableEditingListener } from './listeners/useTableEditingListener';\nimport { useTableEditing } from './features/useTableEditing';\nimport { Table3Props, Table3Ref } from './types';\nimport { Cell } from './components/Columns/Cell/Cell';\nimport { Row } from './components/Row/Row';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { DiscardChangesConfirmationDialog } from './components/Editing/DiscardChangesConfirmationDialog';\nimport { useLazyEffect } from '../../hooks/useLazyEffect';\n\nexport const RENDERERS = {\n    row: Row,\n    cell: Cell,\n};\n\ndeclare module '@tanstack/table-core' {\n    // oxlint-disable-next-line no-unused-vars\n    interface TableMeta<TData extends RowData> {\n        editing: ReturnType<typeof useTableEditing>;\n    }\n}\n\ntype Table3Meta = {\n    editing: ReturnType<typeof useTableEditing>;\n};\n\nexport function useTable3<TType>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const { texts } = useLocalization();\n    const editing = useTableEditing(\n        props.enableEditing,\n        props.defaultToggleEditing,\n        props.onEditingSave,\n        props.onEditingChange,\n        props.onEditingCreate,\n        props.onEditingDiscard,\n        props.rowIdentityAccessor,\n        props.validator,\n        props.showEditingActions,\n        props.onEvent\n    );\n\n    // this gives me the performance heeby jeebies, but can't think of a better way to internalise the state\n    const data: TType[] = React.useMemo(() => {\n        if (editing.temporaryRows.length) {\n            return (props.data ?? []).concat(editing.temporaryRows as TType[]);\n        }\n\n        return props.data;\n    }, [JSON.stringify(props.data), editing.temporaryRows.length]);\n\n    const extendedProps: Table3Props<TType> = {\n        ...props,\n        data,\n        enableRowActions: editing.isEditing && props.showEditingActions ? true : props.enableRowActions,\n        // While editing, only show editing actions (and their menu) when showEditingActions is true\n        rowActions: editing.isEditing\n            ? (props.rowActions ?? []).concat(\n                  // Only add editing actions if showEditingActions is explicitly set to true\n                  props.showEditingActions === true\n                      ? [\n                            // Note: helpers includes internal rowId and table properties not in the public type, that is why \"any\" is used\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.save}\n                                    icon=\"tick\"\n                                    disabled={!editing.hasChanges(helpers.rowId) || editing.hasRowErrors(helpers.rowId)}\n                                    onClick={async () => {\n                                        await editing.saveChanges(helpers.table, helpers.rowId);\n                                    }}\n                                />\n                            ),\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.clear}\n                                    icon=\"close\"\n                                    disabled={!editing.hasChanges(helpers.rowId)}\n                                    dialog={props => (\n                                        <DiscardChangesConfirmationDialog\n                                            {...props}\n                                            onDiscard={() => {\n                                                editing.discardChanges(helpers.rowId, helpers.table);\n\n                                                if (editing.temporaryRows.length) {\n                                                    requestAnimationFrame(() => editing.createRowButtonRef.current?.focus());\n                                                }\n                                            }}\n                                        />\n                                    )}\n                                />\n                            ),\n                        ]\n                      : []\n              )\n            : props.rowActions,\n    };\n\n    const meta = { editing };\n\n    // Cast to TableProps: Table3Props adds editing-specific props on top of TableProps.\n    // useTable only needs the base TableProps.\n    const table = useTable<TType, Table3Meta>(extendedProps as TableProps<TType>, ref, RENDERERS, meta);\n\n    const toggleEditing = (enabled: boolean | undefined) =>\n        table.meta.editing.toggleEditing(enabled ?? (editing => !editing), table.instance, table.renderer.scrollToIndex);\n\n    // editing state is set earlier, but toggleEditing does other things like sets the active row\n    React.useEffect(() => {\n        if (props.defaultToggleEditing) {\n            toggleEditing(true);\n        }\n    }, []);\n\n    // listeners\n    useTableEditingListener<TType>(table.instance, table.ref, table.renderer.scrollToIndex);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled) {\n                instance.editing = {\n                    toggleEditing,\n                    removeRowChanges: (rowId: string) => table.meta.editing.discardChanges(rowId, table.instance),\n                    save: (rowId?: string) => table.meta.editing.saveChanges(table.instance, rowId),\n                };\n\n                if (props.onEditingCreate && instance.editing) {\n                    instance.editing.createRow = (row: unknown) =>\n                        table.meta.editing.createRow(table.instance, row as Partial<TType>);\n                }\n            }\n        }\n    }, [table.ref.current, table.meta.editing.isEnabled]);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled && instance.editing) {\n                instance.editing.forceValidate = async () => await table.meta.editing.forceValidate(table.instance);\n            }\n        }\n    }, [table.meta.editing.forceValidate]);\n\n    useLazyEffect(() => {\n        if (editing.isEnabled && props.onHasChanges) {\n            props.onHasChanges(editing.isDirty);\n        }\n    }, [editing.isEnabled, editing.isDirty, props.onHasChanges]);\n\n    return table;\n}\n"],"names":["Row","Cell","useLocalization","useTableEditing","LegacyIconButton","props","DiscardChangesConfirmationDialog","useTable","editing","useTableEditingListener","useLazyEffect"],"mappings":"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"}

package/dist/components/Table3/useTable3.js

@@ -65,10 +65,7 @@ function useTable3(props, ref) {
                 onDiscard: () => {
                   editing.discardChanges(helpers.rowId, helpers.table);
                   if (editing.temporaryRows.length) {
-                    requestAnimationFrame(() => {
-                      var _a;
-                      return (_a = editing.createRowButtonRef.current) == null ? void 0 : _a.focus();
-                    });
+                    requestAnimationFrame(() => editing.createRowButtonRef.current?.focus());
                   }
                 }
               }

package/dist/components/Table3/useTable3.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable3.js","sources":["../../../src/components/Table3/useTable3.tsx"],"sourcesContent":["import React from 'react';\nimport { RowData } from '@tanstack/react-table';\nimport { useTable } from '../../primitives/Table/Core/useTable';\nimport { TableProps } from '../../primitives/Table/types';\nimport { useTableEditingListener } from './listeners/useTableEditingListener';\nimport { useTableEditing } from './features/useTableEditing';\nimport { Table3Props, Table3Ref } from './types';\nimport { Cell } from './components/Columns/Cell/Cell';\nimport { Row } from './components/Row/Row';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { DiscardChangesConfirmationDialog } from './components/Editing/DiscardChangesConfirmationDialog';\nimport { useLazyEffect } from '../../hooks/useLazyEffect';\n\nexport const RENDERERS = {\n    row: Row,\n    cell: Cell,\n};\n\ndeclare module '@tanstack/table-core' {\n    // oxlint-disable-next-line no-unused-vars\n    interface TableMeta<TData extends RowData> {\n        editing: ReturnType<typeof useTableEditing>;\n    }\n}\n\ntype Table3Meta = {\n    editing: ReturnType<typeof useTableEditing>;\n};\n\nexport function useTable3<TType>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const { texts } = useLocalization();\n    const editing = useTableEditing(\n        props.enableEditing,\n        props.defaultToggleEditing,\n        props.onEditingSave,\n        props.onEditingChange,\n        props.onEditingCreate,\n        props.onEditingDiscard,\n        props.rowIdentityAccessor,\n        props.validator,\n        props.showEditingActions,\n        props.onEvent\n    );\n\n    // this gives me the performance heeby jeebies, but can't think of a better way to internalise the state\n    const data: TType[] = React.useMemo(() => {\n        if (editing.temporaryRows.length) {\n            return (props.data ?? []).concat(editing.temporaryRows as TType[]);\n        }\n\n        return props.data;\n    }, [JSON.stringify(props.data), editing.temporaryRows.length]);\n\n    const extendedProps: Table3Props<TType> = {\n        ...props,\n        data,\n        enableRowActions: editing.isEditing && props.showEditingActions ? true : props.enableRowActions,\n        // While editing, only show editing actions (and their menu) when showEditingActions is true\n        rowActions: editing.isEditing\n            ? (props.rowActions ?? []).concat(\n                  // Only add editing actions if showEditingActions is explicitly set to true\n                  props.showEditingActions === true\n                      ? [\n                            // Note: helpers includes internal rowId and table properties not in the public type, that is why \"any\" is used\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.save}\n                                    icon=\"tick\"\n                                    disabled={!editing.hasChanges(helpers.rowId) || editing.hasRowErrors(helpers.rowId)}\n                                    onClick={async () => {\n                                        await editing.saveChanges(helpers.table, helpers.rowId);\n                                    }}\n                                />\n                            ),\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.clear}\n                                    icon=\"close\"\n                                    disabled={!editing.hasChanges(helpers.rowId)}\n                                    dialog={props => (\n                                        <DiscardChangesConfirmationDialog\n                                            {...props}\n                                            onDiscard={() => {\n                                                editing.discardChanges(helpers.rowId, helpers.table);\n\n                                                if (editing.temporaryRows.length) {\n                                                    requestAnimationFrame(() => editing.createRowButtonRef.current?.focus());\n                                                }\n                                            }}\n                                        />\n                                    )}\n                                />\n                            ),\n                        ]\n                      : []\n              )\n            : props.rowActions,\n    };\n\n    const meta = { editing };\n\n    // Cast to TableProps: Table3Props adds editing-specific props on top of TableProps.\n    // useTable only needs the base TableProps.\n    const table = useTable<TType, Table3Meta>(extendedProps as TableProps<TType>, ref, RENDERERS, meta);\n\n    const toggleEditing = (enabled: boolean | undefined) =>\n        table.meta.editing.toggleEditing(enabled ?? (editing => !editing), table.instance, table.renderer.scrollToIndex);\n\n    // editing state is set earlier, but toggleEditing does other things like sets the active row\n    React.useEffect(() => {\n        if (props.defaultToggleEditing) {\n            toggleEditing(true);\n        }\n    }, []);\n\n    // listeners\n    useTableEditingListener<TType>(table.instance, table.ref, table.renderer.scrollToIndex);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled) {\n                instance.editing = {\n                    toggleEditing,\n                    removeRowChanges: (rowId: string) => table.meta.editing.discardChanges(rowId, table.instance),\n                    save: (rowId?: string) => table.meta.editing.saveChanges(table.instance, rowId),\n                };\n\n                if (props.onEditingCreate && instance.editing) {\n                    instance.editing.createRow = (row: unknown) =>\n                        table.meta.editing.createRow(table.instance, row as Partial<TType>);\n                }\n            }\n        }\n    }, [table.ref.current, table.meta.editing.isEnabled]);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled && instance.editing) {\n                instance.editing.forceValidate = async () => await table.meta.editing.forceValidate(table.instance);\n            }\n        }\n    }, [table.meta.editing.forceValidate]);\n\n    useLazyEffect(() => {\n        if (editing.isEnabled && props.onHasChanges) {\n            props.onHasChanges(editing.isDirty);\n        }\n    }, [editing.isEnabled, editing.isDirty, props.onHasChanges]);\n\n    return table;\n}\n"],"names":["React","props","editing"],"mappings":"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"}
+{"version":3,"file":"useTable3.js","sources":["../../../src/components/Table3/useTable3.tsx"],"sourcesContent":["import React from 'react';\nimport { RowData } from '@tanstack/react-table';\nimport { useTable } from '../../primitives/Table/Core/useTable';\nimport { TableProps } from '../../primitives/Table/types';\nimport { useTableEditingListener } from './listeners/useTableEditingListener';\nimport { useTableEditing } from './features/useTableEditing';\nimport { Table3Props, Table3Ref } from './types';\nimport { Cell } from './components/Columns/Cell/Cell';\nimport { Row } from './components/Row/Row';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { DiscardChangesConfirmationDialog } from './components/Editing/DiscardChangesConfirmationDialog';\nimport { useLazyEffect } from '../../hooks/useLazyEffect';\n\nexport const RENDERERS = {\n    row: Row,\n    cell: Cell,\n};\n\ndeclare module '@tanstack/table-core' {\n    // oxlint-disable-next-line no-unused-vars\n    interface TableMeta<TData extends RowData> {\n        editing: ReturnType<typeof useTableEditing>;\n    }\n}\n\ntype Table3Meta = {\n    editing: ReturnType<typeof useTableEditing>;\n};\n\nexport function useTable3<TType>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const { texts } = useLocalization();\n    const editing = useTableEditing(\n        props.enableEditing,\n        props.defaultToggleEditing,\n        props.onEditingSave,\n        props.onEditingChange,\n        props.onEditingCreate,\n        props.onEditingDiscard,\n        props.rowIdentityAccessor,\n        props.validator,\n        props.showEditingActions,\n        props.onEvent\n    );\n\n    // this gives me the performance heeby jeebies, but can't think of a better way to internalise the state\n    const data: TType[] = React.useMemo(() => {\n        if (editing.temporaryRows.length) {\n            return (props.data ?? []).concat(editing.temporaryRows as TType[]);\n        }\n\n        return props.data;\n    }, [JSON.stringify(props.data), editing.temporaryRows.length]);\n\n    const extendedProps: Table3Props<TType> = {\n        ...props,\n        data,\n        enableRowActions: editing.isEditing && props.showEditingActions ? true : props.enableRowActions,\n        // While editing, only show editing actions (and their menu) when showEditingActions is true\n        rowActions: editing.isEditing\n            ? (props.rowActions ?? []).concat(\n                  // Only add editing actions if showEditingActions is explicitly set to true\n                  props.showEditingActions === true\n                      ? [\n                            // Note: helpers includes internal rowId and table properties not in the public type, that is why \"any\" is used\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.save}\n                                    icon=\"tick\"\n                                    disabled={!editing.hasChanges(helpers.rowId) || editing.hasRowErrors(helpers.rowId)}\n                                    onClick={async () => {\n                                        await editing.saveChanges(helpers.table, helpers.rowId);\n                                    }}\n                                />\n                            ),\n                            (_1, helpers: any) => (\n                                <LegacyIconButton\n                                    aria-label={texts.table3.editing.actions.clear}\n                                    icon=\"close\"\n                                    disabled={!editing.hasChanges(helpers.rowId)}\n                                    dialog={props => (\n                                        <DiscardChangesConfirmationDialog\n                                            {...props}\n                                            onDiscard={() => {\n                                                editing.discardChanges(helpers.rowId, helpers.table);\n\n                                                if (editing.temporaryRows.length) {\n                                                    requestAnimationFrame(() => editing.createRowButtonRef.current?.focus());\n                                                }\n                                            }}\n                                        />\n                                    )}\n                                />\n                            ),\n                        ]\n                      : []\n              )\n            : props.rowActions,\n    };\n\n    const meta = { editing };\n\n    // Cast to TableProps: Table3Props adds editing-specific props on top of TableProps.\n    // useTable only needs the base TableProps.\n    const table = useTable<TType, Table3Meta>(extendedProps as TableProps<TType>, ref, RENDERERS, meta);\n\n    const toggleEditing = (enabled: boolean | undefined) =>\n        table.meta.editing.toggleEditing(enabled ?? (editing => !editing), table.instance, table.renderer.scrollToIndex);\n\n    // editing state is set earlier, but toggleEditing does other things like sets the active row\n    React.useEffect(() => {\n        if (props.defaultToggleEditing) {\n            toggleEditing(true);\n        }\n    }, []);\n\n    // listeners\n    useTableEditingListener<TType>(table.instance, table.ref, table.renderer.scrollToIndex);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled) {\n                instance.editing = {\n                    toggleEditing,\n                    removeRowChanges: (rowId: string) => table.meta.editing.discardChanges(rowId, table.instance),\n                    save: (rowId?: string) => table.meta.editing.saveChanges(table.instance, rowId),\n                };\n\n                if (props.onEditingCreate && instance.editing) {\n                    instance.editing.createRow = (row: unknown) =>\n                        table.meta.editing.createRow(table.instance, row as Partial<TType>);\n                }\n            }\n        }\n    }, [table.ref.current, table.meta.editing.isEnabled]);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            const instance = (table.ref.current as Table3Ref).instance;\n\n            if (table.meta.editing.isEnabled && instance.editing) {\n                instance.editing.forceValidate = async () => await table.meta.editing.forceValidate(table.instance);\n            }\n        }\n    }, [table.meta.editing.forceValidate]);\n\n    useLazyEffect(() => {\n        if (editing.isEnabled && props.onHasChanges) {\n            props.onHasChanges(editing.isDirty);\n        }\n    }, [editing.isEnabled, editing.isDirty, props.onHasChanges]);\n\n    return table;\n}\n"],"names":["React","props","editing"],"mappings":"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"}

package/dist/components/Table3/util/editing.cjs

@@ -36,7 +36,6 @@ function willRowMoveAfterFilter(cell, change, localization) {
   );
 }
 function willRowMoveAfterSorting(cell, change, rowIndex) {
-  var _a;
   if (!cell.column.getIsSorted()) {
     return false;
   }
@@ -85,7 +84,7 @@ function willRowMoveAfterSorting(cell, change, rowIndex) {
   if (cell.column.getIsSorted() === "desc") {
     resortedRows.reverse();
   }
-  return ((_a = resortedRows[index]) == null ? void 0 : _a.id) !== cell.row.id;
+  return resortedRows[index]?.id !== cell.row.id;
 }
 const TEMPORARY_ROW_ID_PREFIX = "temp-";
 function isTemporaryRow(rowId) {
@@ -96,9 +95,8 @@ function isTemporaryRow(rowId) {
 }
 const shortcut = { key: "e", meta: true, shift: false };
 function isTableScrolled(ref) {
-  var _a, _b, _c, _d;
   if (ref.current) {
-    const height = Number.parseFloat(((_b = (_a = ref.current) == null ? void 0 : _a.querySelector("tbody")) == null ? void 0 : _b.style.height) || "0") + Number.parseFloat(((_d = (_c = ref.current) == null ? void 0 : _c.querySelector("tbody")) == null ? void 0 : _d.style.paddingBottom) || "0");
+    const height = Number.parseFloat(ref.current?.querySelector("tbody")?.style.height || "0") + Number.parseFloat(ref.current?.querySelector("tbody")?.style.paddingBottom || "0");
     const hasVerticalScrollbar = ref.current.scrollHeight > ref.current.clientHeight;
     return [hasVerticalScrollbar, height > ref.current.scrollHeight];
   }

package/dist/components/Table3/util/editing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editing.cjs","sources":["../../../../src/components/Table3/util/editing.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, Row as ReactTableRow, Table as ReactTable } from '@tanstack/react-table';\nimport { TableFilterValue, TableRef } from '../../../primitives/Table/types';\nimport { columnFilterFn } from '../../../primitives/Table/useTableManager/util/filtering';\nimport { globalFilterFn } from '../../../primitives/Table/useTableManager/util/search';\nimport { Localization } from '../../Provider/Localization';\n\nexport function willRowMove<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    rowIndex: number,\n    localization: Localization\n) {\n    const { table } = cell.getContext();\n\n    if (willRowMoveAfterSearch<TType>(cell, change, table, localization)) {\n        return 'search';\n    }\n\n    if (willRowMoveAfterFilter<TType>(cell, change, localization)) {\n        return 'filter';\n    }\n\n    if (willRowMoveAfterSorting<TType>(cell, change, rowIndex)) {\n        return 'sorting';\n    }\n\n    return undefined;\n}\n\nfunction willRowMoveAfterSearch<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    table: ReactTable<TType>,\n    localization: Localization\n) {\n    const searchQuery = table.getState().globalFilter;\n\n    if (!table.options.enableGlobalFilter || !searchQuery) {\n        return false;\n    }\n\n    const rowWithChange = { ...cell.row, original: { ...cell.row.original, [cell.column.id]: change } };\n    return !globalFilterFn(rowWithChange, cell.column.id, searchQuery, localization);\n}\n\nfunction willRowMoveAfterFilter<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    localization: Localization\n) {\n    if (!cell.column.getIsFiltered()) {\n        return false;\n    }\n\n    return !columnFilterFn(\n        cell.row.original,\n        change,\n        cell.column.columnDef.meta,\n        cell.column.getFilterValue() as TableFilterValue,\n        localization\n    );\n}\n\nfunction willRowMoveAfterSorting<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number) {\n    if (!cell.column.getIsSorted()) {\n        return false;\n    }\n\n    const { table } = cell.getContext();\n    const rows = table.getRowModel().rows;\n\n    const miniSortRows: ReactTableRow<TType>[] = [\n        {\n            ...cell.row,\n            original: {\n                ...cell.row.original,\n                [cell.column.id]: change,\n            },\n            getValue: () => change as any,\n        },\n    ];\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        const previous = rows[rowIndex - 1];\n\n        if (previous) {\n            miniSortRows.unshift(previous);\n            index = 1;\n        }\n    }\n\n    if (rowIndex < rows.length - 1) {\n        const next = rows[rowIndex + 1];\n\n        if (next) {\n            miniSortRows.push(next);\n        }\n    }\n\n    const resortedRows = [...miniSortRows].sort((rowA, rowB) => {\n        const sortFn = cell.column.getSortingFn();\n        const sortUndefined = cell.column.columnDef.sortUndefined;\n\n        if (!table.options.manualSorting && sortUndefined) {\n            const aValue = rowA.getValue(cell.column.id);\n            const bValue = rowB.getValue(cell.column.id);\n\n            const aUndefined = aValue === undefined;\n            const bUndefined = bValue === undefined;\n\n            if (aUndefined || bUndefined) {\n                if (sortUndefined === 'first') return aUndefined ? -1 : 1;\n                if (sortUndefined === 'last') return aUndefined ? 1 : -1;\n\n                return aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;\n            }\n        }\n\n        return sortFn(rowA, rowB, cell.column.id);\n    });\n\n    if (cell.column.getIsSorted() === 'desc') {\n        resortedRows.reverse();\n    }\n\n    return resortedRows[index]?.id !== cell.row.id;\n}\n\nexport const TEMPORARY_ROW_ID_PREFIX = 'temp-';\n\nexport function isTemporaryRow(rowId: string | undefined) {\n    if (rowId === undefined) {\n        return false;\n    }\n\n    return String(rowId).startsWith(TEMPORARY_ROW_ID_PREFIX);\n}\n\nexport const shortcut = { key: 'e', meta: true, shift: false };\n\nexport function isTableScrolled(ref: React.RefObject<TableRef>): [boolean, boolean] {\n    if (ref.current) {\n        const height =\n            Number.parseFloat(ref.current?.querySelector('tbody')?.style.height || '0') +\n            Number.parseFloat(ref.current?.querySelector('tbody')?.style.paddingBottom || '0');\n\n        const hasVerticalScrollbar = ref.current.scrollHeight > ref.current.clientHeight;\n\n        return [hasVerticalScrollbar, height > ref.current.scrollHeight];\n    }\n\n    return [false, false];\n}\n"],"names":["globalFilterFn","columnFilterFn"],"mappings":"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"}
+{"version":3,"file":"editing.cjs","sources":["../../../../src/components/Table3/util/editing.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, Row as ReactTableRow, Table as ReactTable } from '@tanstack/react-table';\nimport { TableFilterValue, TableRef } from '../../../primitives/Table/types';\nimport { columnFilterFn } from '../../../primitives/Table/useTableManager/util/filtering';\nimport { globalFilterFn } from '../../../primitives/Table/useTableManager/util/search';\nimport { Localization } from '../../Provider/Localization';\n\nexport function willRowMove<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    rowIndex: number,\n    localization: Localization\n) {\n    const { table } = cell.getContext();\n\n    if (willRowMoveAfterSearch<TType>(cell, change, table, localization)) {\n        return 'search';\n    }\n\n    if (willRowMoveAfterFilter<TType>(cell, change, localization)) {\n        return 'filter';\n    }\n\n    if (willRowMoveAfterSorting<TType>(cell, change, rowIndex)) {\n        return 'sorting';\n    }\n\n    return undefined;\n}\n\nfunction willRowMoveAfterSearch<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    table: ReactTable<TType>,\n    localization: Localization\n) {\n    const searchQuery = table.getState().globalFilter;\n\n    if (!table.options.enableGlobalFilter || !searchQuery) {\n        return false;\n    }\n\n    const rowWithChange = { ...cell.row, original: { ...cell.row.original, [cell.column.id]: change } };\n    return !globalFilterFn(rowWithChange, cell.column.id, searchQuery, localization);\n}\n\nfunction willRowMoveAfterFilter<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    localization: Localization\n) {\n    if (!cell.column.getIsFiltered()) {\n        return false;\n    }\n\n    return !columnFilterFn(\n        cell.row.original,\n        change,\n        cell.column.columnDef.meta,\n        cell.column.getFilterValue() as TableFilterValue,\n        localization\n    );\n}\n\nfunction willRowMoveAfterSorting<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number) {\n    if (!cell.column.getIsSorted()) {\n        return false;\n    }\n\n    const { table } = cell.getContext();\n    const rows = table.getRowModel().rows;\n\n    const miniSortRows: ReactTableRow<TType>[] = [\n        {\n            ...cell.row,\n            original: {\n                ...cell.row.original,\n                [cell.column.id]: change,\n            },\n            getValue: () => change as any,\n        },\n    ];\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        const previous = rows[rowIndex - 1];\n\n        if (previous) {\n            miniSortRows.unshift(previous);\n            index = 1;\n        }\n    }\n\n    if (rowIndex < rows.length - 1) {\n        const next = rows[rowIndex + 1];\n\n        if (next) {\n            miniSortRows.push(next);\n        }\n    }\n\n    const resortedRows = [...miniSortRows].sort((rowA, rowB) => {\n        const sortFn = cell.column.getSortingFn();\n        const sortUndefined = cell.column.columnDef.sortUndefined;\n\n        if (!table.options.manualSorting && sortUndefined) {\n            const aValue = rowA.getValue(cell.column.id);\n            const bValue = rowB.getValue(cell.column.id);\n\n            const aUndefined = aValue === undefined;\n            const bUndefined = bValue === undefined;\n\n            if (aUndefined || bUndefined) {\n                if (sortUndefined === 'first') return aUndefined ? -1 : 1;\n                if (sortUndefined === 'last') return aUndefined ? 1 : -1;\n\n                return aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;\n            }\n        }\n\n        return sortFn(rowA, rowB, cell.column.id);\n    });\n\n    if (cell.column.getIsSorted() === 'desc') {\n        resortedRows.reverse();\n    }\n\n    return resortedRows[index]?.id !== cell.row.id;\n}\n\nexport const TEMPORARY_ROW_ID_PREFIX = 'temp-';\n\nexport function isTemporaryRow(rowId: string | undefined) {\n    if (rowId === undefined) {\n        return false;\n    }\n\n    return String(rowId).startsWith(TEMPORARY_ROW_ID_PREFIX);\n}\n\nexport const shortcut = { key: 'e', meta: true, shift: false };\n\nexport function isTableScrolled(ref: React.RefObject<TableRef>): [boolean, boolean] {\n    if (ref.current) {\n        const height =\n            Number.parseFloat(ref.current?.querySelector('tbody')?.style.height || '0') +\n            Number.parseFloat(ref.current?.querySelector('tbody')?.style.paddingBottom || '0');\n\n        const hasVerticalScrollbar = ref.current.scrollHeight > ref.current.clientHeight;\n\n        return [hasVerticalScrollbar, height > ref.current.scrollHeight];\n    }\n\n    return [false, false];\n}\n"],"names":["globalFilterFn","columnFilterFn"],"mappings":"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"}