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

package/dist/components/Table3/components/Columns/Cell/EditingDisplayCell.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';
-export declare const EditingDisplayCell: <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;
+export declare const EditingDisplayCell: <TType = unknown>(props: TableCellRendererProps<TType>) => React.JSX.Element;

package/dist/components/Table3/components/Columns/Cell/EditingDisplayCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditingDisplayCell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingDisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { useEditingCellAutofocus } from './util';\n\nexport const EditingDisplayCell = React.memo(function EditingDisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    return <DisplayCell<TType> {...props} onFocus={handleFocus} tabIndex={-1} />;\n}) as <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;\n"],"names":["React","EditingDisplayCell"],"mappings":";;;AAKO,MAAM,qBAAqBA,eAAM,KAAK,SAASC,oBAAoC,OAAsC;AACtH,QAAA,cAAc,wBAA+B,KAAK;AACxD,sDAAQ,aAAoB,EAAA,GAAG,OAAO,SAAS,aAAa,UAAU,IAAI;AAC9E,CAAC;"}
+{"version":3,"file":"EditingDisplayCell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingDisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { useEditingCellAutofocus } from './util';\n\nexport const EditingDisplayCell = React.memo(function EditingDisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    return <DisplayCell<TType> {...props} onFocus={handleFocus} tabIndex={-1} />;\n}) as <TType = unknown>(props: TableCellRendererProps<TType>) => React.JSX.Element;\n"],"names":["React","EditingDisplayCell"],"mappings":";;;AAKO,MAAM,qBAAqBA,eAAM,KAAK,SAASC,oBAAoC,OAAsC;AAC5H,QAAM,cAAc,wBAA+B,KAAK;AACxD,sDAAQ,aAAA,EAAoB,GAAG,OAAO,SAAS,aAAa,UAAU,IAAI;AAC9E,CAAC;"}

package/dist/components/Table3/components/Columns/Cell/util.cjs

@@ -12,19 +12,17 @@ function useEditingCellAutofocus(props) {
   const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
   const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;
   React.useEffect(() => {
-    var _a, _b, _c, _d;
     if (props.cellRef.current) {
-      const isFocusedElementInCurrentRow = (_a = props.cellRef.current.closest("tr")) == null ? void 0 : _a.contains(document.activeElement);
-      const isFocusedElementSearch = ((_b = document.activeElement) == null ? void 0 : _b.getAttribute("name")) === "table-search";
-      const isFocusedElementMenu = ((_c = document.activeElement) == null ? void 0 : _c.getAttribute("role")) === "menu";
+      const isFocusedElementInCurrentRow = props.cellRef.current.closest("tr")?.contains(document.activeElement);
+      const isFocusedElementSearch = document.activeElement?.getAttribute("name") === "table-search";
+      const isFocusedElementMenu = document.activeElement?.getAttribute("role") === "menu";
       if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {
-        (_d = props.cellRef.current) == null ? void 0 : _d.focus();
+        props.cellRef.current?.focus();
       }
     }
   }, [tableMeta.rowActive.rowActiveIndex]);
   const handleFocus = (event) => {
-    var _a;
-    const tableElement = (_a = props.cellRef.current) == null ? void 0 : _a.closest("table");
+    const tableElement = props.cellRef.current?.closest("table");
     if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {
       const columnFreezingOffset = table.getLeftTotalSize();
       const targetRect = event.currentTarget.getBoundingClientRect();

package/dist/components/Table3/components/Columns/Cell/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from '../../../../../primitives/Table/Core/components/Body/util';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { hasFocusableElement } from '../../../../../utils/dom';\n\nexport function useEditingCellAutofocus<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const focusManager = useAugmentedFocusManager();\n    const { rowIndex } = React.useContext(RowContext);\n    const table = props.cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;\n\n    // focus the cell so that we trigger it's handle focus\n    React.useEffect(() => {\n        if (props.cellRef.current) {\n            const isFocusedElementInCurrentRow = props.cellRef.current.closest('tr')?.contains(document.activeElement);\n            const isFocusedElementSearch = document.activeElement?.getAttribute('name') === 'table-search';\n            const isFocusedElementMenu = document.activeElement?.getAttribute('role') === 'menu';\n\n            if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {\n                props.cellRef.current?.focus();\n            }\n        }\n    }, [tableMeta.rowActive.rowActiveIndex]);\n\n    // when the cell receives focus we actually want to focus the control inside it...\n    const handleFocus = (event: React.FocusEvent<HTMLTableCellElement>) => {\n        const tableElement = props.cellRef.current?.closest('table');\n\n        if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {\n            const columnFreezingOffset = table.getLeftTotalSize();\n            const targetRect = event.currentTarget.getBoundingClientRect();\n            const tableRect = tableElement.getBoundingClientRect();\n            const leftOffsetFromScrollContainer = targetRect.left - tableRect.left;\n            const scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar\n            const isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';\n\n            if (\n                // When pinned column overlaps the focused cell\n                (leftOffsetFromScrollContainer < columnFreezingOffset ||\n                    // When focused cell goes behidn the edge of the table\n                    leftOffsetFromScrollContainer + targetRect.width > tableRect.width - scrollbarWidth) &&\n                !isFocusedElementMenu\n            ) {\n                tableElement.scrollTo(props.cell.column.getStart() - columnFreezingOffset, tableElement.scrollTop);\n            }\n        }\n\n        if (event.target === event.currentTarget && hasFocusableElement(event.currentTarget)) {\n            focusManager.focusNext();\n        }\n    };\n\n    return handleFocus;\n}\n"],"names":["useAugmentedFocusManager","RowContext","hasFocusableElement"],"mappings":";;;;;;AAOO,SAAS,wBAAyC,OAAsC;AAC3F,QAAM,eAAeA,KAAAA,yBAAyB;AAC9C,QAAM,EAAE,SAAa,IAAA,MAAM,WAAWC,WAAAA,UAAU;AAChD,QAAM,QAAQ,MAAM,KAAK,WAAa,EAAA;AAChC,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAA,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,YAAY,MAAM,UAAU,UAAU,QAAQ,wBAAwB;AAG5E,QAAM,UAAU,MAAM;;AACd,QAAA,MAAM,QAAQ,SAAS;AACjB,YAAA,gCAA+B,WAAM,QAAQ,QAAQ,QAAQ,IAAI,MAAlC,mBAAqC,SAAS,SAAS;AAC5F,YAAM,2BAAyB,cAAS,kBAAT,mBAAwB,aAAa,aAAY;AAChF,YAAM,yBAAuB,cAAS,kBAAT,mBAAwB,aAAa,aAAY;AAE9E,UAAI,aAAa,CAAC,gCAAgC,CAAC,0BAA0B,CAAC,sBAAsB;AAC1F,oBAAA,QAAQ,YAAR,mBAAiB;AAAA,MAAM;AAAA,IACjC;AAAA,EAEL,GAAA,CAAC,UAAU,UAAU,cAAc,CAAC;AAGjC,QAAA,cAAc,CAAC,UAAkD;;AACnE,UAAM,gBAAe,WAAM,QAAQ,YAAd,mBAAuB,QAAQ;AAEhD,QAAA,gBAAgB,MAAM,uBAAuB,KAAK,CAAC,MAAM,KAAK,OAAO,eAAe;AAC9E,YAAA,uBAAuB,MAAM,iBAAiB;AAC9C,YAAA,aAAa,MAAM,cAAc,sBAAsB;AACvD,YAAA,YAAY,aAAa,sBAAsB;AAC/C,YAAA,gCAAgC,WAAW,OAAO,UAAU;AAC5D,YAAA,iBAAiB,aAAa,cAAc,aAAa;AAC/D,YAAM,uBAAuB,MAAM,cAAc,aAAa,cAAc,MAAM;AAElF;AAAA;AAAA,SAEK,gCAAgC;AAAA,QAE7B,gCAAgC,WAAW,QAAQ,UAAU,QAAQ,mBACzE,CAAC;AAAA,QACH;AACe,qBAAA,SAAS,MAAM,KAAK,OAAO,aAAa,sBAAsB,aAAa,SAAS;AAAA,MAAA;AAAA,IACrG;AAGJ,QAAI,MAAM,WAAW,MAAM,iBAAiBC,wBAAoB,MAAM,aAAa,GAAG;AAClF,mBAAa,UAAU;AAAA,IAAA;AAAA,EAE/B;AAEO,SAAA;AACX;;"}
+{"version":3,"file":"util.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from '../../../../../primitives/Table/Core/components/Body/util';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { hasFocusableElement } from '../../../../../utils/dom';\n\nexport function useEditingCellAutofocus<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const focusManager = useAugmentedFocusManager();\n    const { rowIndex } = React.useContext(RowContext);\n    const table = props.cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;\n\n    // focus the cell so that we trigger it's handle focus\n    React.useEffect(() => {\n        if (props.cellRef.current) {\n            const isFocusedElementInCurrentRow = props.cellRef.current.closest('tr')?.contains(document.activeElement);\n            const isFocusedElementSearch = document.activeElement?.getAttribute('name') === 'table-search';\n            const isFocusedElementMenu = document.activeElement?.getAttribute('role') === 'menu';\n\n            if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {\n                props.cellRef.current?.focus();\n            }\n        }\n    }, [tableMeta.rowActive.rowActiveIndex]);\n\n    // when the cell receives focus we actually want to focus the control inside it...\n    const handleFocus = (event: React.FocusEvent<HTMLTableCellElement>) => {\n        const tableElement = props.cellRef.current?.closest('table');\n\n        if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {\n            const columnFreezingOffset = table.getLeftTotalSize();\n            const targetRect = event.currentTarget.getBoundingClientRect();\n            const tableRect = tableElement.getBoundingClientRect();\n            const leftOffsetFromScrollContainer = targetRect.left - tableRect.left;\n            const scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar\n            const isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';\n\n            if (\n                // When pinned column overlaps the focused cell\n                (leftOffsetFromScrollContainer < columnFreezingOffset ||\n                    // When focused cell goes behidn the edge of the table\n                    leftOffsetFromScrollContainer + targetRect.width > tableRect.width - scrollbarWidth) &&\n                !isFocusedElementMenu\n            ) {\n                tableElement.scrollTo(props.cell.column.getStart() - columnFreezingOffset, tableElement.scrollTop);\n            }\n        }\n\n        if (event.target === event.currentTarget && hasFocusableElement(event.currentTarget)) {\n            focusManager.focusNext();\n        }\n    };\n\n    return handleFocus;\n}\n"],"names":["useAugmentedFocusManager","RowContext","hasFocusableElement"],"mappings":";;;;;;AAOO,SAAS,wBAAyC,OAAsC;AAC3F,QAAM,eAAeA,KAAAA,yBAAA;AACrB,QAAM,EAAE,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAChD,QAAM,QAAQ,MAAM,KAAK,WAAA,EAAa;AACtC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,YAAY,MAAM,UAAU,UAAU,QAAQ,wBAAwB;AAG5E,QAAM,UAAU,MAAM;AAClB,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,+BAA+B,MAAM,QAAQ,QAAQ,QAAQ,IAAI,GAAG,SAAS,SAAS,aAAa;AACzG,YAAM,yBAAyB,SAAS,eAAe,aAAa,MAAM,MAAM;AAChF,YAAM,uBAAuB,SAAS,eAAe,aAAa,MAAM,MAAM;AAE9E,UAAI,aAAa,CAAC,gCAAgC,CAAC,0BAA0B,CAAC,sBAAsB;AAChG,cAAM,QAAQ,SAAS,MAAA;AAAA,MAC3B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,cAAc,CAAC;AAGvC,QAAM,cAAc,CAAC,UAAkD;AACnE,UAAM,eAAe,MAAM,QAAQ,SAAS,QAAQ,OAAO;AAE3D,QAAI,gBAAgB,MAAM,uBAAA,KAA4B,CAAC,MAAM,KAAK,OAAO,eAAe;AACpF,YAAM,uBAAuB,MAAM,iBAAA;AACnC,YAAM,aAAa,MAAM,cAAc,sBAAA;AACvC,YAAM,YAAY,aAAa,sBAAA;AAC/B,YAAM,gCAAgC,WAAW,OAAO,UAAU;AAClE,YAAM,iBAAiB,aAAa,cAAc,aAAa;AAC/D,YAAM,uBAAuB,MAAM,cAAc,aAAa,cAAc,MAAM;AAElF;AAAA;AAAA,SAEK,gCAAgC;AAAA,QAE7B,gCAAgC,WAAW,QAAQ,UAAU,QAAQ,mBACzE,CAAC;AAAA,QACH;AACE,qBAAa,SAAS,MAAM,KAAK,OAAO,aAAa,sBAAsB,aAAa,SAAS;AAAA,MACrG;AAAA,IACJ;AAEA,QAAI,MAAM,WAAW,MAAM,iBAAiBC,wBAAoB,MAAM,aAAa,GAAG;AAClF,mBAAa,UAAA;AAAA,IACjB;AAAA,EACJ;AAEA,SAAO;AACX;;"}

package/dist/components/Table3/components/Columns/Cell/util.js

@@ -10,19 +10,17 @@ function useEditingCellAutofocus(props) {
   const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
   const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;
   React__default.useEffect(() => {
-    var _a, _b, _c, _d;
     if (props.cellRef.current) {
-      const isFocusedElementInCurrentRow = (_a = props.cellRef.current.closest("tr")) == null ? void 0 : _a.contains(document.activeElement);
-      const isFocusedElementSearch = ((_b = document.activeElement) == null ? void 0 : _b.getAttribute("name")) === "table-search";
-      const isFocusedElementMenu = ((_c = document.activeElement) == null ? void 0 : _c.getAttribute("role")) === "menu";
+      const isFocusedElementInCurrentRow = props.cellRef.current.closest("tr")?.contains(document.activeElement);
+      const isFocusedElementSearch = document.activeElement?.getAttribute("name") === "table-search";
+      const isFocusedElementMenu = document.activeElement?.getAttribute("role") === "menu";
       if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {
-        (_d = props.cellRef.current) == null ? void 0 : _d.focus();
+        props.cellRef.current?.focus();
       }
     }
   }, [tableMeta.rowActive.rowActiveIndex]);
   const handleFocus = (event) => {
-    var _a;
-    const tableElement = (_a = props.cellRef.current) == null ? void 0 : _a.closest("table");
+    const tableElement = props.cellRef.current?.closest("table");
     if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {
       const columnFreezingOffset = table.getLeftTotalSize();
       const targetRect = event.currentTarget.getBoundingClientRect();

package/dist/components/Table3/components/Columns/Cell/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from '../../../../../primitives/Table/Core/components/Body/util';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { hasFocusableElement } from '../../../../../utils/dom';\n\nexport function useEditingCellAutofocus<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const focusManager = useAugmentedFocusManager();\n    const { rowIndex } = React.useContext(RowContext);\n    const table = props.cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;\n\n    // focus the cell so that we trigger it's handle focus\n    React.useEffect(() => {\n        if (props.cellRef.current) {\n            const isFocusedElementInCurrentRow = props.cellRef.current.closest('tr')?.contains(document.activeElement);\n            const isFocusedElementSearch = document.activeElement?.getAttribute('name') === 'table-search';\n            const isFocusedElementMenu = document.activeElement?.getAttribute('role') === 'menu';\n\n            if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {\n                props.cellRef.current?.focus();\n            }\n        }\n    }, [tableMeta.rowActive.rowActiveIndex]);\n\n    // when the cell receives focus we actually want to focus the control inside it...\n    const handleFocus = (event: React.FocusEvent<HTMLTableCellElement>) => {\n        const tableElement = props.cellRef.current?.closest('table');\n\n        if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {\n            const columnFreezingOffset = table.getLeftTotalSize();\n            const targetRect = event.currentTarget.getBoundingClientRect();\n            const tableRect = tableElement.getBoundingClientRect();\n            const leftOffsetFromScrollContainer = targetRect.left - tableRect.left;\n            const scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar\n            const isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';\n\n            if (\n                // When pinned column overlaps the focused cell\n                (leftOffsetFromScrollContainer < columnFreezingOffset ||\n                    // When focused cell goes behidn the edge of the table\n                    leftOffsetFromScrollContainer + targetRect.width > tableRect.width - scrollbarWidth) &&\n                !isFocusedElementMenu\n            ) {\n                tableElement.scrollTo(props.cell.column.getStart() - columnFreezingOffset, tableElement.scrollTop);\n            }\n        }\n\n        if (event.target === event.currentTarget && hasFocusableElement(event.currentTarget)) {\n            focusManager.focusNext();\n        }\n    };\n\n    return handleFocus;\n}\n"],"names":["React"],"mappings":";;;;AAOO,SAAS,wBAAyC,OAAsC;AAC3F,QAAM,eAAe,yBAAyB;AAC9C,QAAM,EAAE,SAAa,IAAAA,eAAM,WAAW,UAAU;AAChD,QAAM,QAAQ,MAAM,KAAK,WAAa,EAAA;AAChC,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAA,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,YAAY,MAAM,UAAU,UAAU,QAAQ,wBAAwB;AAG5EA,iBAAM,UAAU,MAAM;;AACd,QAAA,MAAM,QAAQ,SAAS;AACjB,YAAA,gCAA+B,WAAM,QAAQ,QAAQ,QAAQ,IAAI,MAAlC,mBAAqC,SAAS,SAAS;AAC5F,YAAM,2BAAyB,cAAS,kBAAT,mBAAwB,aAAa,aAAY;AAChF,YAAM,yBAAuB,cAAS,kBAAT,mBAAwB,aAAa,aAAY;AAE9E,UAAI,aAAa,CAAC,gCAAgC,CAAC,0BAA0B,CAAC,sBAAsB;AAC1F,oBAAA,QAAQ,YAAR,mBAAiB;AAAA,MAAM;AAAA,IACjC;AAAA,EAEL,GAAA,CAAC,UAAU,UAAU,cAAc,CAAC;AAGjC,QAAA,cAAc,CAAC,UAAkD;;AACnE,UAAM,gBAAe,WAAM,QAAQ,YAAd,mBAAuB,QAAQ;AAEhD,QAAA,gBAAgB,MAAM,uBAAuB,KAAK,CAAC,MAAM,KAAK,OAAO,eAAe;AAC9E,YAAA,uBAAuB,MAAM,iBAAiB;AAC9C,YAAA,aAAa,MAAM,cAAc,sBAAsB;AACvD,YAAA,YAAY,aAAa,sBAAsB;AAC/C,YAAA,gCAAgC,WAAW,OAAO,UAAU;AAC5D,YAAA,iBAAiB,aAAa,cAAc,aAAa;AAC/D,YAAM,uBAAuB,MAAM,cAAc,aAAa,cAAc,MAAM;AAElF;AAAA;AAAA,SAEK,gCAAgC;AAAA,QAE7B,gCAAgC,WAAW,QAAQ,UAAU,QAAQ,mBACzE,CAAC;AAAA,QACH;AACe,qBAAA,SAAS,MAAM,KAAK,OAAO,aAAa,sBAAsB,aAAa,SAAS;AAAA,MAAA;AAAA,IACrG;AAGJ,QAAI,MAAM,WAAW,MAAM,iBAAiB,oBAAoB,MAAM,aAAa,GAAG;AAClF,mBAAa,UAAU;AAAA,IAAA;AAAA,EAE/B;AAEO,SAAA;AACX;"}
+{"version":3,"file":"util.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from '../../../../../primitives/Table/Core/components/Body/util';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { hasFocusableElement } from '../../../../../utils/dom';\n\nexport function useEditingCellAutofocus<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const focusManager = useAugmentedFocusManager();\n    const { rowIndex } = React.useContext(RowContext);\n    const table = props.cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;\n\n    // focus the cell so that we trigger it's handle focus\n    React.useEffect(() => {\n        if (props.cellRef.current) {\n            const isFocusedElementInCurrentRow = props.cellRef.current.closest('tr')?.contains(document.activeElement);\n            const isFocusedElementSearch = document.activeElement?.getAttribute('name') === 'table-search';\n            const isFocusedElementMenu = document.activeElement?.getAttribute('role') === 'menu';\n\n            if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {\n                props.cellRef.current?.focus();\n            }\n        }\n    }, [tableMeta.rowActive.rowActiveIndex]);\n\n    // when the cell receives focus we actually want to focus the control inside it...\n    const handleFocus = (event: React.FocusEvent<HTMLTableCellElement>) => {\n        const tableElement = props.cellRef.current?.closest('table');\n\n        if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {\n            const columnFreezingOffset = table.getLeftTotalSize();\n            const targetRect = event.currentTarget.getBoundingClientRect();\n            const tableRect = tableElement.getBoundingClientRect();\n            const leftOffsetFromScrollContainer = targetRect.left - tableRect.left;\n            const scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar\n            const isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';\n\n            if (\n                // When pinned column overlaps the focused cell\n                (leftOffsetFromScrollContainer < columnFreezingOffset ||\n                    // When focused cell goes behidn the edge of the table\n                    leftOffsetFromScrollContainer + targetRect.width > tableRect.width - scrollbarWidth) &&\n                !isFocusedElementMenu\n            ) {\n                tableElement.scrollTo(props.cell.column.getStart() - columnFreezingOffset, tableElement.scrollTop);\n            }\n        }\n\n        if (event.target === event.currentTarget && hasFocusableElement(event.currentTarget)) {\n            focusManager.focusNext();\n        }\n    };\n\n    return handleFocus;\n}\n"],"names":["React"],"mappings":";;;;AAOO,SAAS,wBAAyC,OAAsC;AAC3F,QAAM,eAAe,yBAAA;AACrB,QAAM,EAAE,SAAA,IAAaA,eAAM,WAAW,UAAU;AAChD,QAAM,QAAQ,MAAM,KAAK,WAAA,EAAa;AACtC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,YAAY,MAAM,UAAU,UAAU,QAAQ,wBAAwB;AAG5EA,iBAAM,UAAU,MAAM;AAClB,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,+BAA+B,MAAM,QAAQ,QAAQ,QAAQ,IAAI,GAAG,SAAS,SAAS,aAAa;AACzG,YAAM,yBAAyB,SAAS,eAAe,aAAa,MAAM,MAAM;AAChF,YAAM,uBAAuB,SAAS,eAAe,aAAa,MAAM,MAAM;AAE9E,UAAI,aAAa,CAAC,gCAAgC,CAAC,0BAA0B,CAAC,sBAAsB;AAChG,cAAM,QAAQ,SAAS,MAAA;AAAA,MAC3B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,cAAc,CAAC;AAGvC,QAAM,cAAc,CAAC,UAAkD;AACnE,UAAM,eAAe,MAAM,QAAQ,SAAS,QAAQ,OAAO;AAE3D,QAAI,gBAAgB,MAAM,uBAAA,KAA4B,CAAC,MAAM,KAAK,OAAO,eAAe;AACpF,YAAM,uBAAuB,MAAM,iBAAA;AACnC,YAAM,aAAa,MAAM,cAAc,sBAAA;AACvC,YAAM,YAAY,aAAa,sBAAA;AAC/B,YAAM,gCAAgC,WAAW,OAAO,UAAU;AAClE,YAAM,iBAAiB,aAAa,cAAc,aAAa;AAC/D,YAAM,uBAAuB,MAAM,cAAc,aAAa,cAAc,MAAM;AAElF;AAAA;AAAA,SAEK,gCAAgC;AAAA,QAE7B,gCAAgC,WAAW,QAAQ,UAAU,QAAQ,mBACzE,CAAC;AAAA,QACH;AACE,qBAAa,SAAS,MAAM,KAAK,OAAO,aAAa,sBAAsB,aAAa,SAAS;AAAA,MACrG;AAAA,IACJ;AAEA,QAAI,MAAM,WAAW,MAAM,iBAAiB,oBAAoB,MAAM,aAAa,GAAG;AAClF,mBAAa,UAAA;AAAA,IACjB;AAAA,EACJ;AAEA,SAAO;AACX;"}

package/dist/components/Table3/components/Editing/Alert.cjs

@@ -13,17 +13,21 @@ function Alert(props) {
   const validationTexts = texts.table3.editing.validation;
   const tableMeta = table.options.meta;
   const [showFilterResetDialog, setShowFilterResetDialog] = React.useState(false);
+  const [pendingFocusRowId, setPendingFocusRowId] = React.useState(null);
   const pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert();
+  const visibleRows = table.getRowModel().rows;
+  function getVisibleRowIndex(rowId) {
+    return visibleRows.findIndex((row) => row.id === rowId);
+  }
   function scrollToRow(rowIndex) {
     tableMeta.rowActive.setRowActiveIndex(rowIndex);
     scrollToIndex(rowIndex, { align: "center" });
     requestAnimationFrame(() => {
-      var _a, _b;
-      const cell = (_a = tableRef.current) == null ? void 0 : _a.querySelector(
+      const cell = tableRef.current?.querySelector(
         'tbody > tr[data-row-active="true"] > td[data-cell-editing-invalid="true"]'
       );
       if (cell) {
-        (_b = cell.focus) == null ? void 0 : _b.call(cell);
+        cell.focus?.();
       }
     });
   }
@@ -35,16 +39,15 @@ function Alert(props) {
     table.getAllColumns().find((x) => x.id === String(tableMeta.rowIdentityAccessor))
   ) : void 0;
   pendingChangesWithErrors.forEach((pendingChangeWithError, index) => {
-    var _a, _b;
     if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {
       links.push(` ${validationTexts.alert.messageAnd} `);
     }
     const handleClick = () => {
-      if (pendingChangeWithError.index > -1) {
-        scrollToRow(pendingChangeWithError.index);
-        tableMeta.rowActive.setRowActiveIndex(pendingChangeWithError.index);
+      const visibleIndex = getVisibleRowIndex(pendingChangeWithError.rowId);
+      if (visibleIndex > -1) {
+        scrollToRow(visibleIndex);
       } else {
-        setShowFilterResetDialog(pendingChangeWithError.index);
+        setShowFilterResetDialog(pendingChangeWithError.rowId);
       }
     };
     let tooltip;
@@ -52,7 +55,7 @@ function Alert(props) {
       tooltip = pendingChangeWithError.errors.row;
     } else {
       const firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];
-      const columnName = (_b = (_a = table.getAllColumns().find((column) => column.id === firstCellErrorColumnId)) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.header;
+      const columnName = table.getAllColumns().find((column) => column.id === firstCellErrorColumnId)?.columnDef.meta?.header;
       if (columnName && firstCellErrorColumnId) {
         tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;
       }
@@ -63,16 +66,15 @@ function Alert(props) {
     } catch {
     }
     links.push(
-      /* @__PURE__ */ React.createElement(Tooltip.Tooltip, { key: pendingChangeWithError.rowId, title: tooltip }, /* @__PURE__ */ React.createElement("span", { className: "text-blue", onClick: handleClick, role: "button" }, rowIdentityColumn ? row == null ? void 0 : row[rowIdentityColumn.id] : pendingChangeWithError.index + 1))
+      /* @__PURE__ */ React.createElement(Tooltip.Tooltip, { key: pendingChangeWithError.rowId, title: tooltip ?? "" }, /* @__PURE__ */ React.createElement("span", { className: "text-blue", onClick: handleClick, role: "button" }, rowIdentityColumn ? String(row?.[rowIdentityColumn.id] ?? "") : pendingChangeWithError.index + 1))
     );
     if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {
       links.push(", ");
     }
   });
   const message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural).split(/(\[\w+\])/).map((part) => {
-    var _a;
     if (part === "[COLUMN]") {
-      return ((_a = rowIdentityColumn == null ? void 0 : rowIdentityColumn.columnDef.meta) == null ? void 0 : _a.header) ?? validationTexts.alert.messageRow;
+      return rowIdentityColumn?.columnDef.meta?.header ?? validationTexts.alert.messageRow;
     }
     if (part === "[ROW]") {
       return links;
@@ -80,15 +82,24 @@ function Alert(props) {
     return part;
   });
   const handleResetFilters = () => {
+    const rowId = showFilterResetDialog;
     table.resetGlobalFilter();
     table.resetColumnFilters();
-    requestAnimationFrame(() => {
-      if (showFilterResetDialog && showFilterResetDialog > -1) {
-        scrollToRow(showFilterResetDialog);
-      }
-      setShowFilterResetDialog(false);
-    });
+    if (typeof rowId === "string") {
+      setPendingFocusRowId(rowId);
+    }
+    setShowFilterResetDialog(false);
   };
+  React.useEffect(() => {
+    if (pendingFocusRowId === null) {
+      return;
+    }
+    const visibleIndex = getVisibleRowIndex(pendingFocusRowId);
+    if (visibleIndex > -1) {
+      scrollToRow(visibleIndex);
+      setPendingFocusRowId(null);
+    }
+  }, [pendingFocusRowId, visibleRows]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Alert$1.Alert, { ...attributes, state: "error" }, /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, title), " ", message), /* @__PURE__ */ React.createElement(
     FilterResetDialog,
     {

package/dist/components/Table3/components/Editing/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../../src/components/Table3/components/Editing/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { Alert as BaseAlert, AlertProps as BaseAlertProps } from '../../../Alert/Alert';\nimport { TableRef } from '../../../../primitives/Table/types';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { Inline } from '../../../Inline/Inline';\n\ntype AlertProps<TType = unknown> = Omit<BaseAlertProps, 'children'> & {\n    scrollToIndex: (index: number, options: ReactVirtualScrollToOptions) => void;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Alert<TType = unknown>(props: AlertProps<TType>) {\n    const { scrollToIndex, table, tableRef, ...attributes } = props;\n    const { texts } = useLocalization();\n    const validationTexts = texts.table3.editing.validation;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const [showFilterResetDialog, setShowFilterResetDialog] = React.useState<number | false>(false);\n    const pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert<TType>();\n\n    function scrollToRow(rowIndex: number) {\n        tableMeta.rowActive.setRowActiveIndex(rowIndex);\n        scrollToIndex(rowIndex, { align: 'center' });\n\n        requestAnimationFrame(() => {\n            const cell = tableRef.current?.querySelector(\n                'tbody > tr[data-row-active=\"true\"] > td[data-cell-editing-invalid=\"true\"]'\n            );\n\n            if (cell) {\n                (cell as HTMLElement).focus?.();\n            }\n        });\n    }\n\n    // generate the \"N unsaved entries\" title\n    const title = (\n        pendingChangesWithErrors.length === 1 ? validationTexts.alert.titleOne : validationTexts.alert.titlePlural\n    ).replace('[COUNT]', String(pendingChangesWithErrors.length));\n\n    // generate links to each invalid row, to go into the error message\n    const links: React.ReactNode[] = [];\n    const visibleColumns = table.getVisibleFlatColumns().map(c => c.id);\n    const rowIdentityColumn =\n        tableMeta.rowIdentityAccessor && visibleColumns.includes(String(tableMeta.rowIdentityAccessor))\n            ? // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n              table.getAllColumns().find(x => x.id === String(tableMeta.rowIdentityAccessor))\n            : undefined;\n\n    pendingChangesWithErrors.forEach((pendingChangeWithError, index) => {\n        // if appropriate, concatenate the item with the text \"and\"\n        if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {\n            // Add space before and after `messageAnd` text\n            links.push(` ${validationTexts.alert.messageAnd} `);\n        }\n\n        // note: if this row click functionality is removed, indexes can be removed from useEditingState\n        const handleClick = () => {\n            // if row is visible\n            if (pendingChangeWithError.index > -1) {\n                scrollToRow(pendingChangeWithError.index);\n                tableMeta.rowActive.setRowActiveIndex(pendingChangeWithError.index);\n            }\n            // if row is filtered out\n            else {\n                setShowFilterResetDialog(pendingChangeWithError.index);\n            }\n        };\n\n        let tooltip;\n\n        if (pendingChangeWithError.errors.row) {\n            tooltip = pendingChangeWithError.errors.row;\n        } else {\n            const firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];\n            const columnName = table.getAllColumns().find(column => column.id === firstCellErrorColumnId)?.columnDef.meta?.header;\n\n            if (columnName && firstCellErrorColumnId) {\n                tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;\n            }\n        }\n\n        let row;\n        try {\n            row = table.getRow(pendingChangeWithError.rowId).original;\n        } catch {\n            // because of server loading, some rows may not be accessible\n        }\n\n        links.push(\n            <Tooltip key={pendingChangeWithError.rowId} title={tooltip}>\n                <span className=\"text-blue\" onClick={handleClick} role=\"button\">\n                    {rowIdentityColumn ? row?.[rowIdentityColumn.id as keyof TType] : pendingChangeWithError.index + 1}\n                </span>\n            </Tooltip>\n        );\n\n        // if appropriate, concatenate the item with the text \",\"\n        if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {\n            links.push(', ');\n        }\n    });\n\n    // generate the \"Row N is incomplete and hasn't been saved\" error message\n    const message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural)\n        .split(/(\\[\\w+\\])/)\n        .map(part => {\n            if (part === '[COLUMN]') {\n                return rowIdentityColumn?.columnDef.meta?.header ?? validationTexts.alert.messageRow;\n            }\n\n            if (part === '[ROW]') {\n                return links;\n            }\n\n            return part;\n        });\n\n    const handleResetFilters = () => {\n        table.resetGlobalFilter();\n        table.resetColumnFilters();\n\n        requestAnimationFrame(() => {\n            if (showFilterResetDialog && showFilterResetDialog > -1) {\n                scrollToRow(showFilterResetDialog);\n            }\n\n            setShowFilterResetDialog(false);\n        });\n    };\n\n    return (\n        <>\n            <BaseAlert {...attributes} state=\"error\">\n                <span className=\"font-bold\">{title}</span>&nbsp;{message}\n            </BaseAlert>\n            <FilterResetDialog\n                open={showFilterResetDialog !== false}\n                onChange={() => setShowFilterResetDialog(false)}\n                onSubmit={handleResetFilters}\n            />\n        </>\n    );\n}\n\ntype FilterResetDialogProps = Omit<DialogProps, 'children'> & {\n    onSubmit: () => void;\n};\n\nfunction FilterResetDialog(props: FilterResetDialogProps) {\n    const { onSubmit: handleSubmit, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <Dialog {...dialogProps} size=\"xs\">\n            <Dialog.Content aria-label=\"Create a new account\">\n                <Dialog.Title>{texts.table3.editing.validation.resetFiltersDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.validation.resetFiltersDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Inline spacing={8} alignInline=\"end\">\n                        <Dialog.Close>\n                            <LegacyButton>{texts.table3.editing.validation.resetFiltersDialog.cancel}</LegacyButton>\n                        </Dialog.Close>\n                        <LegacyButton appearance=\"primary\" onClick={handleSubmit}>\n                            {texts.table3.editing.validation.resetFiltersDialog.confirm}\n                        </LegacyButton>\n                    </Inline>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["useLocalization","Tooltip","BaseAlert","Dialog","Inline","LegacyButton"],"mappings":"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"}
+{"version":3,"file":"Alert.cjs","sources":["../../../../../src/components/Table3/components/Editing/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { Alert as BaseAlert, AlertProps as BaseAlertProps } from '../../../Alert/Alert';\nimport { TableRef } from '../../../../primitives/Table/types';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { Inline } from '../../../Inline/Inline';\n\ntype AlertProps<TType = unknown> = Omit<BaseAlertProps, 'children'> & {\n    scrollToIndex: (index: number, options: ReactVirtualScrollToOptions) => void;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Alert<TType = unknown>(props: AlertProps<TType>) {\n    const { scrollToIndex, table, tableRef, ...attributes } = props;\n    const { texts } = useLocalization();\n    const validationTexts = texts.table3.editing.validation;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const [showFilterResetDialog, setShowFilterResetDialog] = React.useState<string | false>(false);\n    // row to scroll to and focus once the filters have been reset and it becomes visible again\n    const [pendingFocusRowId, setPendingFocusRowId] = React.useState<string | null>(null);\n    const pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert<TType>();\n\n    const visibleRows = table.getRowModel().rows;\n\n    function getVisibleRowIndex(rowId: string) {\n        return visibleRows.findIndex(row => row.id === rowId);\n    }\n\n    function scrollToRow(rowIndex: number) {\n        tableMeta.rowActive.setRowActiveIndex(rowIndex);\n        scrollToIndex(rowIndex, { align: 'center' });\n\n        requestAnimationFrame(() => {\n            const cell = tableRef.current?.querySelector(\n                'tbody > tr[data-row-active=\"true\"] > td[data-cell-editing-invalid=\"true\"]'\n            );\n\n            if (cell) {\n                (cell as HTMLElement).focus?.();\n            }\n        });\n    }\n\n    // generate the \"N unsaved entries\" title\n    const title = (\n        pendingChangesWithErrors.length === 1 ? validationTexts.alert.titleOne : validationTexts.alert.titlePlural\n    ).replace('[COUNT]', String(pendingChangesWithErrors.length));\n\n    // generate links to each invalid row, to go into the error message\n    const links: React.ReactNode[] = [];\n    const visibleColumns = table.getVisibleFlatColumns().map(c => c.id);\n    const rowIdentityColumn =\n        tableMeta.rowIdentityAccessor && visibleColumns.includes(String(tableMeta.rowIdentityAccessor))\n            ? // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n              table.getAllColumns().find(x => x.id === String(tableMeta.rowIdentityAccessor))\n            : undefined;\n\n    pendingChangesWithErrors.forEach((pendingChangeWithError, index) => {\n        // if appropriate, concatenate the item with the text \"and\"\n        if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {\n            // Add space before and after `messageAnd` text\n            links.push(` ${validationTexts.alert.messageAnd} `);\n        }\n\n        const handleClick = () => {\n            const visibleIndex = getVisibleRowIndex(pendingChangeWithError.rowId);\n\n            if (visibleIndex > -1) {\n                scrollToRow(visibleIndex);\n            } else {\n                setShowFilterResetDialog(pendingChangeWithError.rowId);\n            }\n        };\n\n        let tooltip;\n\n        if (pendingChangeWithError.errors.row) {\n            tooltip = pendingChangeWithError.errors.row;\n        } else {\n            const firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];\n            const columnName = table.getAllColumns().find(column => column.id === firstCellErrorColumnId)?.columnDef.meta?.header;\n\n            if (columnName && firstCellErrorColumnId) {\n                tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;\n            }\n        }\n\n        let row;\n        try {\n            row = table.getRow(pendingChangeWithError.rowId).original;\n        } catch {\n            // because of server loading, some rows may not be accessible\n        }\n\n        links.push(\n            <Tooltip key={pendingChangeWithError.rowId} title={tooltip ?? ''}>\n                <span className=\"text-blue\" onClick={handleClick} role=\"button\">\n                    {rowIdentityColumn\n                        ? String(row?.[rowIdentityColumn.id as keyof TType] ?? '')\n                        : pendingChangeWithError.index + 1}\n                </span>\n            </Tooltip>\n        );\n\n        // if appropriate, concatenate the item with the text \",\"\n        if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {\n            links.push(', ');\n        }\n    });\n\n    // generate the \"Row N is incomplete and hasn't been saved\" error message\n    const message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural)\n        .split(/(\\[\\w+\\])/)\n        .map(part => {\n            if (part === '[COLUMN]') {\n                return rowIdentityColumn?.columnDef.meta?.header ?? validationTexts.alert.messageRow;\n            }\n\n            if (part === '[ROW]') {\n                return links;\n            }\n\n            return part;\n        });\n\n    const handleResetFilters = () => {\n        const rowId = showFilterResetDialog;\n\n        table.resetGlobalFilter();\n        table.resetColumnFilters();\n\n        // defer focusing until the row model has re-rendered with the filters cleared,\n        // otherwise the row isn't in the model/DOM yet\n        if (typeof rowId === 'string') {\n            setPendingFocusRowId(rowId);\n        }\n\n        setShowFilterResetDialog(false);\n    };\n\n    // once the filters are reset and the previously hidden row is visible again, scroll to and focus it\n    React.useEffect(() => {\n        if (pendingFocusRowId === null) {\n            return;\n        }\n\n        const visibleIndex = getVisibleRowIndex(pendingFocusRowId);\n\n        if (visibleIndex > -1) {\n            scrollToRow(visibleIndex);\n            setPendingFocusRowId(null);\n        }\n    }, [pendingFocusRowId, visibleRows]);\n\n    return (\n        <>\n            <BaseAlert {...attributes} state=\"error\">\n                <span className=\"font-bold\">{title}</span>&nbsp;{message}\n            </BaseAlert>\n            <FilterResetDialog\n                open={showFilterResetDialog !== false}\n                onChange={() => setShowFilterResetDialog(false)}\n                onSubmit={handleResetFilters}\n            />\n        </>\n    );\n}\n\ntype FilterResetDialogProps = Omit<DialogProps, 'children'> & {\n    onSubmit: () => void;\n};\n\nfunction FilterResetDialog(props: FilterResetDialogProps) {\n    const { onSubmit: handleSubmit, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <Dialog {...dialogProps} size=\"xs\">\n            <Dialog.Content aria-label=\"Create a new account\">\n                <Dialog.Title>{texts.table3.editing.validation.resetFiltersDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.validation.resetFiltersDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Inline spacing={8} alignInline=\"end\">\n                        <Dialog.Close>\n                            <LegacyButton>{texts.table3.editing.validation.resetFiltersDialog.cancel}</LegacyButton>\n                        </Dialog.Close>\n                        <LegacyButton appearance=\"primary\" onClick={handleSubmit}>\n                            {texts.table3.editing.validation.resetFiltersDialog.confirm}\n                        </LegacyButton>\n                    </Inline>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["useLocalization","Tooltip","BaseAlert","Dialog","Inline","LegacyButton"],"mappings":";;;;;;;;;AAiBO,SAAS,MAAuB,OAA0B;AAC7D,QAAM,EAAE,eAAe,OAAO,UAAU,GAAG,eAAe;AAC1D,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,kBAAkB,MAAM,OAAO,QAAQ;AAC7C,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,MAAM,SAAyB,KAAK;AAE9F,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAwB,IAAI;AACpF,QAAM,2BAA2B,UAAU,QAAQ,sBAAA;AAEnD,QAAM,cAAc,MAAM,YAAA,EAAc;AAExC,WAAS,mBAAmB,OAAe;AACvC,WAAO,YAAY,UAAU,CAAA,QAAO,IAAI,OAAO,KAAK;AAAA,EACxD;AAEA,WAAS,YAAY,UAAkB;AACnC,cAAU,UAAU,kBAAkB,QAAQ;AAC9C,kBAAc,UAAU,EAAE,OAAO,SAAA,CAAU;AAE3C,0BAAsB,MAAM;AACxB,YAAM,OAAO,SAAS,SAAS;AAAA,QAC3B;AAAA,MAAA;AAGJ,UAAI,MAAM;AACL,aAAqB,QAAA;AAAA,MAC1B;AAAA,IACJ,CAAC;AAAA,EACL;AAGA,QAAM,SACF,yBAAyB,WAAW,IAAI,gBAAgB,MAAM,WAAW,gBAAgB,MAAM,aACjG,QAAQ,WAAW,OAAO,yBAAyB,MAAM,CAAC;AAG5D,QAAM,QAA2B,CAAA;AACjC,QAAM,iBAAiB,MAAM,sBAAA,EAAwB,IAAI,CAAA,MAAK,EAAE,EAAE;AAClE,QAAM,oBACF,UAAU,uBAAuB,eAAe,SAAS,OAAO,UAAU,mBAAmB,CAAC;AAAA;AAAA,IAExF,MAAM,gBAAgB,KAAK,CAAA,MAAK,EAAE,OAAO,OAAO,UAAU,mBAAmB,CAAC;AAAA,MAC9E;AAEV,2BAAyB,QAAQ,CAAC,wBAAwB,UAAU;AAEhE,QAAI,yBAAyB,SAAS,KAAK,UAAU,yBAAyB,SAAS,GAAG;AAEtF,YAAM,KAAK,IAAI,gBAAgB,MAAM,UAAU,GAAG;AAAA,IACtD;AAEA,UAAM,cAAc,MAAM;AACtB,YAAM,eAAe,mBAAmB,uBAAuB,KAAK;AAEpE,UAAI,eAAe,IAAI;AACnB,oBAAY,YAAY;AAAA,MAC5B,OAAO;AACH,iCAAyB,uBAAuB,KAAK;AAAA,MACzD;AAAA,IACJ;AAEA,QAAI;AAEJ,QAAI,uBAAuB,OAAO,KAAK;AACnC,gBAAU,uBAAuB,OAAO;AAAA,IAC5C,OAAO;AACH,YAAM,yBAAyB,OAAO,KAAK,uBAAuB,OAAO,KAAK,EAAE,CAAC;AACjF,YAAM,aAAa,MAAM,cAAA,EAAgB,KAAK,CAAA,WAAU,OAAO,OAAO,sBAAsB,GAAG,UAAU,MAAM;AAE/G,UAAI,cAAc,wBAAwB;AACtC,kBAAU,GAAG,UAAU,KAAK,uBAAuB,OAAO,MAAM,sBAAsB,CAAC;AAAA,MAC3F;AAAA,IACJ;AAEA,QAAI;AACJ,QAAI;AACA,YAAM,MAAM,OAAO,uBAAuB,KAAK,EAAE;AAAA,IACrD,QAAQ;AAAA,IAER;AAEA,UAAM;AAAA,MACF,sBAAA,cAACC,QAAAA,SAAA,EAAQ,KAAK,uBAAuB,OAAO,OAAO,WAAW,GAAA,GAC1D,sBAAA,cAAC,QAAA,EAAK,WAAU,aAAY,SAAS,aAAa,MAAK,SAAA,GAClD,oBACK,OAAO,MAAM,kBAAkB,EAAiB,KAAK,EAAE,IACvD,uBAAuB,QAAQ,CACzC,CACJ;AAAA,IAAA;AAIJ,QAAI,yBAAyB,SAAS,KAAK,QAAQ,yBAAyB,SAAS,GAAG;AACpF,YAAM,KAAK,IAAI;AAAA,IACnB;AAAA,EACJ,CAAC;AAGD,QAAM,WAAW,MAAM,WAAW,IAAI,gBAAgB,MAAM,aAAa,gBAAgB,MAAM,eAC1F,MAAM,WAAW,EACjB,IAAI,CAAA,SAAQ;AACT,QAAI,SAAS,YAAY;AACrB,aAAO,mBAAmB,UAAU,MAAM,UAAU,gBAAgB,MAAM;AAAA,IAC9E;AAEA,QAAI,SAAS,SAAS;AAClB,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,CAAC;AAEL,QAAM,qBAAqB,MAAM;AAC7B,UAAM,QAAQ;AAEd,UAAM,kBAAA;AACN,UAAM,mBAAA;AAIN,QAAI,OAAO,UAAU,UAAU;AAC3B,2BAAqB,KAAK;AAAA,IAC9B;AAEA,6BAAyB,KAAK;AAAA,EAClC;AAGA,QAAM,UAAU,MAAM;AAClB,QAAI,sBAAsB,MAAM;AAC5B;AAAA,IACJ;AAEA,UAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAI,eAAe,IAAI;AACnB,kBAAY,YAAY;AACxB,2BAAqB,IAAI;AAAA,IAC7B;AAAA,EACJ,GAAG,CAAC,mBAAmB,WAAW,CAAC;AAEnC,SACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAACC,QAAAA,OAAA,EAAW,GAAG,YAAY,OAAM,WAC7B,sBAAA,cAAC,QAAA,EAAK,WAAU,YAAA,GAAa,KAAM,GAAO,KAAO,OACrD,GACA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,0BAA0B;AAAA,MAChC,UAAU,MAAM,yBAAyB,KAAK;AAAA,MAC9C,UAAU;AAAA,IAAA;AAAA,EAAA,CAElB;AAER;AAMA,SAAS,kBAAkB,OAA+B;AACtD,QAAM,EAAE,UAAU,cAAc,GAAG,gBAAgB;AACnD,QAAM,EAAE,MAAA,IAAUF,6BAAA;AAElB,SACI,sBAAA,cAACG,eAAA,EAAQ,GAAG,aAAa,MAAK,KAAA,GAC1B,sBAAA,cAACA,cAAO,SAAP,EAAe,cAAW,uBAAA,GACvB,sBAAA,cAACA,OAAAA,OAAO,OAAP,MAAc,MAAM,OAAO,QAAQ,WAAW,mBAAmB,KAAM,GAExE,sBAAA,cAAC,KAAA,MAAG,MAAM,OAAO,QAAQ,WAAW,mBAAmB,WAAY,uCAElEA,cAAO,QAAP,MACG,sBAAA,cAACC,eAAA,EAAO,SAAS,GAAG,aAAY,SAC5B,sBAAA,cAACD,cAAO,OAAP,0CACIE,qBAAA,MAAc,MAAM,OAAO,QAAQ,WAAW,mBAAmB,MAAO,CAC7E,GACA,sBAAA,cAACA,OAAAA,cAAA,EAAa,YAAW,WAAU,SAAS,gBACvC,MAAM,OAAO,QAAQ,WAAW,mBAAmB,OACxD,CACJ,CACJ,CACJ,CACJ;AAER;;"}

package/dist/components/Table3/components/Editing/Alert.js

@@ -11,17 +11,21 @@ function Alert(props) {
   const validationTexts = texts.table3.editing.validation;
   const tableMeta = table.options.meta;
   const [showFilterResetDialog, setShowFilterResetDialog] = React__default.useState(false);
+  const [pendingFocusRowId, setPendingFocusRowId] = React__default.useState(null);
   const pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert();
+  const visibleRows = table.getRowModel().rows;
+  function getVisibleRowIndex(rowId) {
+    return visibleRows.findIndex((row) => row.id === rowId);
+  }
   function scrollToRow(rowIndex) {
     tableMeta.rowActive.setRowActiveIndex(rowIndex);
     scrollToIndex(rowIndex, { align: "center" });
     requestAnimationFrame(() => {
-      var _a, _b;
-      const cell = (_a = tableRef.current) == null ? void 0 : _a.querySelector(
+      const cell = tableRef.current?.querySelector(
         'tbody > tr[data-row-active="true"] > td[data-cell-editing-invalid="true"]'
       );
       if (cell) {
-        (_b = cell.focus) == null ? void 0 : _b.call(cell);
+        cell.focus?.();
       }
     });
   }
@@ -33,16 +37,15 @@ function Alert(props) {
     table.getAllColumns().find((x) => x.id === String(tableMeta.rowIdentityAccessor))
   ) : void 0;
   pendingChangesWithErrors.forEach((pendingChangeWithError, index) => {
-    var _a, _b;
     if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {
       links.push(` ${validationTexts.alert.messageAnd} `);
     }
     const handleClick = () => {
-      if (pendingChangeWithError.index > -1) {
-        scrollToRow(pendingChangeWithError.index);
-        tableMeta.rowActive.setRowActiveIndex(pendingChangeWithError.index);
+      const visibleIndex = getVisibleRowIndex(pendingChangeWithError.rowId);
+      if (visibleIndex > -1) {
+        scrollToRow(visibleIndex);
       } else {
-        setShowFilterResetDialog(pendingChangeWithError.index);
+        setShowFilterResetDialog(pendingChangeWithError.rowId);
       }
     };
     let tooltip;
@@ -50,7 +53,7 @@ function Alert(props) {
       tooltip = pendingChangeWithError.errors.row;
     } else {
       const firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];
-      const columnName = (_b = (_a = table.getAllColumns().find((column) => column.id === firstCellErrorColumnId)) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.header;
+      const columnName = table.getAllColumns().find((column) => column.id === firstCellErrorColumnId)?.columnDef.meta?.header;
       if (columnName && firstCellErrorColumnId) {
         tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;
       }
@@ -61,16 +64,15 @@ function Alert(props) {
     } catch {
     }
     links.push(
-      /* @__PURE__ */ React__default.createElement(Tooltip, { key: pendingChangeWithError.rowId, title: tooltip }, /* @__PURE__ */ React__default.createElement("span", { className: "text-blue", onClick: handleClick, role: "button" }, rowIdentityColumn ? row == null ? void 0 : row[rowIdentityColumn.id] : pendingChangeWithError.index + 1))
+      /* @__PURE__ */ React__default.createElement(Tooltip, { key: pendingChangeWithError.rowId, title: tooltip ?? "" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-blue", onClick: handleClick, role: "button" }, rowIdentityColumn ? String(row?.[rowIdentityColumn.id] ?? "") : pendingChangeWithError.index + 1))
     );
     if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {
       links.push(", ");
     }
   });
   const message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural).split(/(\[\w+\])/).map((part) => {
-    var _a;
     if (part === "[COLUMN]") {
-      return ((_a = rowIdentityColumn == null ? void 0 : rowIdentityColumn.columnDef.meta) == null ? void 0 : _a.header) ?? validationTexts.alert.messageRow;
+      return rowIdentityColumn?.columnDef.meta?.header ?? validationTexts.alert.messageRow;
     }
     if (part === "[ROW]") {
       return links;
@@ -78,15 +80,24 @@ function Alert(props) {
     return part;
   });
   const handleResetFilters = () => {
+    const rowId = showFilterResetDialog;
     table.resetGlobalFilter();
     table.resetColumnFilters();
-    requestAnimationFrame(() => {
-      if (showFilterResetDialog && showFilterResetDialog > -1) {
-        scrollToRow(showFilterResetDialog);
-      }
-      setShowFilterResetDialog(false);
-    });
+    if (typeof rowId === "string") {
+      setPendingFocusRowId(rowId);
+    }
+    setShowFilterResetDialog(false);
   };
+  React__default.useEffect(() => {
+    if (pendingFocusRowId === null) {
+      return;
+    }
+    const visibleIndex = getVisibleRowIndex(pendingFocusRowId);
+    if (visibleIndex > -1) {
+      scrollToRow(visibleIndex);
+      setPendingFocusRowId(null);
+    }
+  }, [pendingFocusRowId, visibleRows]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Alert$1, { ...attributes, state: "error" }, /* @__PURE__ */ React__default.createElement("span", { className: "font-bold" }, title), " ", message), /* @__PURE__ */ React__default.createElement(
     FilterResetDialog,
     {

package/dist/components/Table3/components/Editing/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Table3/components/Editing/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { Alert as BaseAlert, AlertProps as BaseAlertProps } from '../../../Alert/Alert';\nimport { TableRef } from '../../../../primitives/Table/types';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { Inline } from '../../../Inline/Inline';\n\ntype AlertProps<TType = unknown> = Omit<BaseAlertProps, 'children'> & {\n    scrollToIndex: (index: number, options: ReactVirtualScrollToOptions) => void;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Alert<TType = unknown>(props: AlertProps<TType>) {\n    const { scrollToIndex, table, tableRef, ...attributes } = props;\n    const { texts } = useLocalization();\n    const validationTexts = texts.table3.editing.validation;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const [showFilterResetDialog, setShowFilterResetDialog] = React.useState<number | false>(false);\n    const pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert<TType>();\n\n    function scrollToRow(rowIndex: number) {\n        tableMeta.rowActive.setRowActiveIndex(rowIndex);\n        scrollToIndex(rowIndex, { align: 'center' });\n\n        requestAnimationFrame(() => {\n            const cell = tableRef.current?.querySelector(\n                'tbody > tr[data-row-active=\"true\"] > td[data-cell-editing-invalid=\"true\"]'\n            );\n\n            if (cell) {\n                (cell as HTMLElement).focus?.();\n            }\n        });\n    }\n\n    // generate the \"N unsaved entries\" title\n    const title = (\n        pendingChangesWithErrors.length === 1 ? validationTexts.alert.titleOne : validationTexts.alert.titlePlural\n    ).replace('[COUNT]', String(pendingChangesWithErrors.length));\n\n    // generate links to each invalid row, to go into the error message\n    const links: React.ReactNode[] = [];\n    const visibleColumns = table.getVisibleFlatColumns().map(c => c.id);\n    const rowIdentityColumn =\n        tableMeta.rowIdentityAccessor && visibleColumns.includes(String(tableMeta.rowIdentityAccessor))\n            ? // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n              table.getAllColumns().find(x => x.id === String(tableMeta.rowIdentityAccessor))\n            : undefined;\n\n    pendingChangesWithErrors.forEach((pendingChangeWithError, index) => {\n        // if appropriate, concatenate the item with the text \"and\"\n        if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {\n            // Add space before and after `messageAnd` text\n            links.push(` ${validationTexts.alert.messageAnd} `);\n        }\n\n        // note: if this row click functionality is removed, indexes can be removed from useEditingState\n        const handleClick = () => {\n            // if row is visible\n            if (pendingChangeWithError.index > -1) {\n                scrollToRow(pendingChangeWithError.index);\n                tableMeta.rowActive.setRowActiveIndex(pendingChangeWithError.index);\n            }\n            // if row is filtered out\n            else {\n                setShowFilterResetDialog(pendingChangeWithError.index);\n            }\n        };\n\n        let tooltip;\n\n        if (pendingChangeWithError.errors.row) {\n            tooltip = pendingChangeWithError.errors.row;\n        } else {\n            const firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];\n            const columnName = table.getAllColumns().find(column => column.id === firstCellErrorColumnId)?.columnDef.meta?.header;\n\n            if (columnName && firstCellErrorColumnId) {\n                tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;\n            }\n        }\n\n        let row;\n        try {\n            row = table.getRow(pendingChangeWithError.rowId).original;\n        } catch {\n            // because of server loading, some rows may not be accessible\n        }\n\n        links.push(\n            <Tooltip key={pendingChangeWithError.rowId} title={tooltip}>\n                <span className=\"text-blue\" onClick={handleClick} role=\"button\">\n                    {rowIdentityColumn ? row?.[rowIdentityColumn.id as keyof TType] : pendingChangeWithError.index + 1}\n                </span>\n            </Tooltip>\n        );\n\n        // if appropriate, concatenate the item with the text \",\"\n        if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {\n            links.push(', ');\n        }\n    });\n\n    // generate the \"Row N is incomplete and hasn't been saved\" error message\n    const message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural)\n        .split(/(\\[\\w+\\])/)\n        .map(part => {\n            if (part === '[COLUMN]') {\n                return rowIdentityColumn?.columnDef.meta?.header ?? validationTexts.alert.messageRow;\n            }\n\n            if (part === '[ROW]') {\n                return links;\n            }\n\n            return part;\n        });\n\n    const handleResetFilters = () => {\n        table.resetGlobalFilter();\n        table.resetColumnFilters();\n\n        requestAnimationFrame(() => {\n            if (showFilterResetDialog && showFilterResetDialog > -1) {\n                scrollToRow(showFilterResetDialog);\n            }\n\n            setShowFilterResetDialog(false);\n        });\n    };\n\n    return (\n        <>\n            <BaseAlert {...attributes} state=\"error\">\n                <span className=\"font-bold\">{title}</span>&nbsp;{message}\n            </BaseAlert>\n            <FilterResetDialog\n                open={showFilterResetDialog !== false}\n                onChange={() => setShowFilterResetDialog(false)}\n                onSubmit={handleResetFilters}\n            />\n        </>\n    );\n}\n\ntype FilterResetDialogProps = Omit<DialogProps, 'children'> & {\n    onSubmit: () => void;\n};\n\nfunction FilterResetDialog(props: FilterResetDialogProps) {\n    const { onSubmit: handleSubmit, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <Dialog {...dialogProps} size=\"xs\">\n            <Dialog.Content aria-label=\"Create a new account\">\n                <Dialog.Title>{texts.table3.editing.validation.resetFiltersDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.validation.resetFiltersDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Inline spacing={8} alignInline=\"end\">\n                        <Dialog.Close>\n                            <LegacyButton>{texts.table3.editing.validation.resetFiltersDialog.cancel}</LegacyButton>\n                        </Dialog.Close>\n                        <LegacyButton appearance=\"primary\" onClick={handleSubmit}>\n                            {texts.table3.editing.validation.resetFiltersDialog.confirm}\n                        </LegacyButton>\n                    </Inline>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["React","BaseAlert"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Table3/components/Editing/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { Alert as BaseAlert, AlertProps as BaseAlertProps } from '../../../Alert/Alert';\nimport { TableRef } from '../../../../primitives/Table/types';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { Inline } from '../../../Inline/Inline';\n\ntype AlertProps<TType = unknown> = Omit<BaseAlertProps, 'children'> & {\n    scrollToIndex: (index: number, options: ReactVirtualScrollToOptions) => void;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Alert<TType = unknown>(props: AlertProps<TType>) {\n    const { scrollToIndex, table, tableRef, ...attributes } = props;\n    const { texts } = useLocalization();\n    const validationTexts = texts.table3.editing.validation;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const [showFilterResetDialog, setShowFilterResetDialog] = React.useState<string | false>(false);\n    // row to scroll to and focus once the filters have been reset and it becomes visible again\n    const [pendingFocusRowId, setPendingFocusRowId] = React.useState<string | null>(null);\n    const pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert<TType>();\n\n    const visibleRows = table.getRowModel().rows;\n\n    function getVisibleRowIndex(rowId: string) {\n        return visibleRows.findIndex(row => row.id === rowId);\n    }\n\n    function scrollToRow(rowIndex: number) {\n        tableMeta.rowActive.setRowActiveIndex(rowIndex);\n        scrollToIndex(rowIndex, { align: 'center' });\n\n        requestAnimationFrame(() => {\n            const cell = tableRef.current?.querySelector(\n                'tbody > tr[data-row-active=\"true\"] > td[data-cell-editing-invalid=\"true\"]'\n            );\n\n            if (cell) {\n                (cell as HTMLElement).focus?.();\n            }\n        });\n    }\n\n    // generate the \"N unsaved entries\" title\n    const title = (\n        pendingChangesWithErrors.length === 1 ? validationTexts.alert.titleOne : validationTexts.alert.titlePlural\n    ).replace('[COUNT]', String(pendingChangesWithErrors.length));\n\n    // generate links to each invalid row, to go into the error message\n    const links: React.ReactNode[] = [];\n    const visibleColumns = table.getVisibleFlatColumns().map(c => c.id);\n    const rowIdentityColumn =\n        tableMeta.rowIdentityAccessor && visibleColumns.includes(String(tableMeta.rowIdentityAccessor))\n            ? // table.getColumn(columName) throw error in strict dev mode. Related thread: https://github.com/TanStack/table/discussions/5505\n              table.getAllColumns().find(x => x.id === String(tableMeta.rowIdentityAccessor))\n            : undefined;\n\n    pendingChangesWithErrors.forEach((pendingChangeWithError, index) => {\n        // if appropriate, concatenate the item with the text \"and\"\n        if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {\n            // Add space before and after `messageAnd` text\n            links.push(` ${validationTexts.alert.messageAnd} `);\n        }\n\n        const handleClick = () => {\n            const visibleIndex = getVisibleRowIndex(pendingChangeWithError.rowId);\n\n            if (visibleIndex > -1) {\n                scrollToRow(visibleIndex);\n            } else {\n                setShowFilterResetDialog(pendingChangeWithError.rowId);\n            }\n        };\n\n        let tooltip;\n\n        if (pendingChangeWithError.errors.row) {\n            tooltip = pendingChangeWithError.errors.row;\n        } else {\n            const firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];\n            const columnName = table.getAllColumns().find(column => column.id === firstCellErrorColumnId)?.columnDef.meta?.header;\n\n            if (columnName && firstCellErrorColumnId) {\n                tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;\n            }\n        }\n\n        let row;\n        try {\n            row = table.getRow(pendingChangeWithError.rowId).original;\n        } catch {\n            // because of server loading, some rows may not be accessible\n        }\n\n        links.push(\n            <Tooltip key={pendingChangeWithError.rowId} title={tooltip ?? ''}>\n                <span className=\"text-blue\" onClick={handleClick} role=\"button\">\n                    {rowIdentityColumn\n                        ? String(row?.[rowIdentityColumn.id as keyof TType] ?? '')\n                        : pendingChangeWithError.index + 1}\n                </span>\n            </Tooltip>\n        );\n\n        // if appropriate, concatenate the item with the text \",\"\n        if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {\n            links.push(', ');\n        }\n    });\n\n    // generate the \"Row N is incomplete and hasn't been saved\" error message\n    const message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural)\n        .split(/(\\[\\w+\\])/)\n        .map(part => {\n            if (part === '[COLUMN]') {\n                return rowIdentityColumn?.columnDef.meta?.header ?? validationTexts.alert.messageRow;\n            }\n\n            if (part === '[ROW]') {\n                return links;\n            }\n\n            return part;\n        });\n\n    const handleResetFilters = () => {\n        const rowId = showFilterResetDialog;\n\n        table.resetGlobalFilter();\n        table.resetColumnFilters();\n\n        // defer focusing until the row model has re-rendered with the filters cleared,\n        // otherwise the row isn't in the model/DOM yet\n        if (typeof rowId === 'string') {\n            setPendingFocusRowId(rowId);\n        }\n\n        setShowFilterResetDialog(false);\n    };\n\n    // once the filters are reset and the previously hidden row is visible again, scroll to and focus it\n    React.useEffect(() => {\n        if (pendingFocusRowId === null) {\n            return;\n        }\n\n        const visibleIndex = getVisibleRowIndex(pendingFocusRowId);\n\n        if (visibleIndex > -1) {\n            scrollToRow(visibleIndex);\n            setPendingFocusRowId(null);\n        }\n    }, [pendingFocusRowId, visibleRows]);\n\n    return (\n        <>\n            <BaseAlert {...attributes} state=\"error\">\n                <span className=\"font-bold\">{title}</span>&nbsp;{message}\n            </BaseAlert>\n            <FilterResetDialog\n                open={showFilterResetDialog !== false}\n                onChange={() => setShowFilterResetDialog(false)}\n                onSubmit={handleResetFilters}\n            />\n        </>\n    );\n}\n\ntype FilterResetDialogProps = Omit<DialogProps, 'children'> & {\n    onSubmit: () => void;\n};\n\nfunction FilterResetDialog(props: FilterResetDialogProps) {\n    const { onSubmit: handleSubmit, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <Dialog {...dialogProps} size=\"xs\">\n            <Dialog.Content aria-label=\"Create a new account\">\n                <Dialog.Title>{texts.table3.editing.validation.resetFiltersDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.validation.resetFiltersDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Inline spacing={8} alignInline=\"end\">\n                        <Dialog.Close>\n                            <LegacyButton>{texts.table3.editing.validation.resetFiltersDialog.cancel}</LegacyButton>\n                        </Dialog.Close>\n                        <LegacyButton appearance=\"primary\" onClick={handleSubmit}>\n                            {texts.table3.editing.validation.resetFiltersDialog.confirm}\n                        </LegacyButton>\n                    </Inline>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["React","BaseAlert"],"mappings":"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"}

package/dist/components/Table3/components/Editing/DiscardChangesConfirmationDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesConfirmationDialog.cjs","sources":["../../../../../src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../LegacyComponents/IconButton/IconButton';\nimport { Inline } from '../../../Inline/Inline';\n\ntype DiscardChangesConfirmationDialogProps = Partial<DialogProps> & {\n    onDiscard: () => void;\n};\n\nexport function DiscardChangesConfirmationDialog(props: DiscardChangesConfirmationDialogProps) {\n    const { onDiscard: handleDiscard, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    const handleClickInsideDialogContent = (event: React.MouseEvent) => {\n        // Prevents the click event from propagating to the table, ensuring the row isn't saved when a click occurs\n        // inside the dialog\n        event.stopPropagation();\n    };\n\n    const handleKeydown = (event: React.KeyboardEvent) => {\n        if (event.key !== 'Escape') {\n            event.stopPropagation();\n        }\n    };\n\n    return (\n        <Dialog {...dialogProps} showCloseButton={false}>\n            <Dialog.Content\n                data-taco=\"discard-changes-dialog\"\n                aria-label={texts.table3.editing.clearChangesConfirmationDialog.title}\n                onClick={handleClickInsideDialogContent}\n                onKeyDown={handleKeydown}>\n                <Dialog.Title>{texts.table3.editing.clearChangesConfirmationDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.clearChangesConfirmationDialog.description}</p>\n\n                <FocusScope contain restoreFocus>\n                    <Dialog.Footer>\n                        <Inline spacing={8}>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.cancel}\n                                </LegacyButton>\n                            </Dialog.Close>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0} appearance=\"primary\" onClick={handleDiscard}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.confirm}\n                                </LegacyButton>\n                            </Dialog.Close>\n                        </Inline>\n                    </Dialog.Footer>\n\n                    {/* hiding default close button and adding one manually to allow it to be inside the focus scope */}\n                    <DialogPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                aria-label={texts.dialog.close}\n                                className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                icon=\"close\"\n                            />\n                        }></DialogPrimitive.Close>\n                </FocusScope>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["useLocalization","Dialog","FocusScope","Inline","LegacyButton","DialogPrimitive","LegacyIconButton"],"mappings":";;;;;;;;;;AAaO,SAAS,iCAAiC,OAA8C;AAC3F,QAAM,EAAE,WAAW,eAAe,GAAG,YAAgB,IAAA;AAC/C,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAE5B,QAAA,iCAAiC,CAAC,UAA4B;AAGhE,UAAM,gBAAgB;AAAA,EAC1B;AAEM,QAAA,gBAAgB,CAAC,UAA+B;AAC9C,QAAA,MAAM,QAAQ,UAAU;AACxB,YAAM,gBAAgB;AAAA,IAAA;AAAA,EAE9B;AAEA,SACK,sBAAA,cAAAC,OAAAA,QAAA,EAAQ,GAAG,aAAa,iBAAiB,SACtC,sBAAA;AAAA,IAACA,OAAAA,OAAO;AAAA,IAAP;AAAA,MACG,aAAU;AAAA,MACV,cAAY,MAAM,OAAO,QAAQ,+BAA+B;AAAA,MAChE,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,IACX,sBAAA,cAACA,cAAO,OAAP,MAAc,MAAM,OAAO,QAAQ,+BAA+B,KAAM;AAAA,wCAExE,KAAG,MAAA,MAAM,OAAO,QAAQ,+BAA+B,WAAY;AAAA,IAEpE,sBAAA,cAACC,MAAAA,cAAW,SAAO,MAAC,cAAY,KAC5B,GAAA,sBAAA,cAACD,OAAO,OAAA,QAAP,MACG,sBAAA,cAACE,OAAAA,UAAO,SAAS,EAAA,uCACZF,OAAAA,OAAO,OAAP,MACI,sBAAA,cAAAG,OAAAA,cAAA,EAAa,UAAU,EAAA,GACnB,MAAM,OAAO,QAAQ,+BAA+B,MACzD,CACJ,GACA,sBAAA,cAACH,OAAAA,OAAO,OAAP,MACI,sBAAA,cAAAG,OAAAA,cAAA,EAAa,UAAU,GAAG,YAAW,WAAU,SAAS,cACpD,GAAA,MAAM,OAAO,QAAQ,+BAA+B,OACzD,CACJ,CACJ,CACJ,GAGA,sBAAA;AAAA,MAACC,OAAAA,OAAgB;AAAA,MAAhB;AAAA,QACG,QACI,sBAAA;AAAA,UAACC,WAAA;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAEZ,CAAA;AAAA,EAAA,CAER;AAER;;"}
+{"version":3,"file":"DiscardChangesConfirmationDialog.cjs","sources":["../../../../../src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../LegacyComponents/IconButton/IconButton';\nimport { Inline } from '../../../Inline/Inline';\n\ntype DiscardChangesConfirmationDialogProps = Partial<DialogProps> & {\n    onDiscard: () => void;\n};\n\nexport function DiscardChangesConfirmationDialog(props: DiscardChangesConfirmationDialogProps) {\n    const { onDiscard: handleDiscard, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    const handleClickInsideDialogContent = (event: React.MouseEvent) => {\n        // Prevents the click event from propagating to the table, ensuring the row isn't saved when a click occurs\n        // inside the dialog\n        event.stopPropagation();\n    };\n\n    const handleKeydown = (event: React.KeyboardEvent) => {\n        if (event.key !== 'Escape') {\n            event.stopPropagation();\n        }\n    };\n\n    return (\n        <Dialog {...dialogProps} showCloseButton={false}>\n            <Dialog.Content\n                data-taco=\"discard-changes-dialog\"\n                aria-label={texts.table3.editing.clearChangesConfirmationDialog.title}\n                onClick={handleClickInsideDialogContent}\n                onKeyDown={handleKeydown}>\n                <Dialog.Title>{texts.table3.editing.clearChangesConfirmationDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.clearChangesConfirmationDialog.description}</p>\n\n                <FocusScope contain restoreFocus>\n                    <Dialog.Footer>\n                        <Inline spacing={8}>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.cancel}\n                                </LegacyButton>\n                            </Dialog.Close>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0} appearance=\"primary\" onClick={handleDiscard}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.confirm}\n                                </LegacyButton>\n                            </Dialog.Close>\n                        </Inline>\n                    </Dialog.Footer>\n\n                    {/* hiding default close button and adding one manually to allow it to be inside the focus scope */}\n                    <DialogPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                aria-label={texts.dialog.close}\n                                className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                icon=\"close\"\n                            />\n                        }></DialogPrimitive.Close>\n                </FocusScope>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["useLocalization","Dialog","FocusScope","Inline","LegacyButton","DialogPrimitive","LegacyIconButton"],"mappings":";;;;;;;;;;AAaO,SAAS,iCAAiC,OAA8C;AAC3F,QAAM,EAAE,WAAW,eAAe,GAAG,gBAAgB;AACrD,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,QAAM,iCAAiC,CAAC,UAA4B;AAGhE,UAAM,gBAAA;AAAA,EACV;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAI,MAAM,QAAQ,UAAU;AACxB,YAAM,gBAAA;AAAA,IACV;AAAA,EACJ;AAEA,SACI,sBAAA,cAACC,OAAAA,QAAA,EAAQ,GAAG,aAAa,iBAAiB,SACtC,sBAAA;AAAA,IAACA,OAAAA,OAAO;AAAA,IAAP;AAAA,MACG,aAAU;AAAA,MACV,cAAY,MAAM,OAAO,QAAQ,+BAA+B;AAAA,MAChE,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,IACX,sBAAA,cAACA,OAAAA,OAAO,OAAP,MAAc,MAAM,OAAO,QAAQ,+BAA+B,KAAM;AAAA,wCAExE,KAAA,MAAG,MAAM,OAAO,QAAQ,+BAA+B,WAAY;AAAA,IAEpE,sBAAA,cAACC,MAAAA,cAAW,SAAO,MAAC,cAAY,KAAA,GAC5B,sBAAA,cAACD,OAAAA,OAAO,QAAP,MACG,sBAAA,cAACE,OAAAA,UAAO,SAAS,EAAA,uCACZF,OAAAA,OAAO,OAAP,MACG,sBAAA,cAACG,OAAAA,cAAA,EAAa,UAAU,EAAA,GACnB,MAAM,OAAO,QAAQ,+BAA+B,MACzD,CACJ,GACA,sBAAA,cAACH,OAAAA,OAAO,OAAP,MACG,sBAAA,cAACG,OAAAA,cAAA,EAAa,UAAU,GAAG,YAAW,WAAU,SAAS,cAAA,GACpD,MAAM,OAAO,QAAQ,+BAA+B,OACzD,CACJ,CACJ,CACJ,GAGA,sBAAA;AAAA,MAACC,OAAAA,OAAgB;AAAA,MAAhB;AAAA,QACG,QACI,sBAAA;AAAA,UAACC,WAAAA;AAAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA,CAEZ;AAAA,EAAA,CAER;AAER;;"}

package/dist/components/Table3/components/Editing/DiscardChangesConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesConfirmationDialog.js","sources":["../../../../../src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../LegacyComponents/IconButton/IconButton';\nimport { Inline } from '../../../Inline/Inline';\n\ntype DiscardChangesConfirmationDialogProps = Partial<DialogProps> & {\n    onDiscard: () => void;\n};\n\nexport function DiscardChangesConfirmationDialog(props: DiscardChangesConfirmationDialogProps) {\n    const { onDiscard: handleDiscard, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    const handleClickInsideDialogContent = (event: React.MouseEvent) => {\n        // Prevents the click event from propagating to the table, ensuring the row isn't saved when a click occurs\n        // inside the dialog\n        event.stopPropagation();\n    };\n\n    const handleKeydown = (event: React.KeyboardEvent) => {\n        if (event.key !== 'Escape') {\n            event.stopPropagation();\n        }\n    };\n\n    return (\n        <Dialog {...dialogProps} showCloseButton={false}>\n            <Dialog.Content\n                data-taco=\"discard-changes-dialog\"\n                aria-label={texts.table3.editing.clearChangesConfirmationDialog.title}\n                onClick={handleClickInsideDialogContent}\n                onKeyDown={handleKeydown}>\n                <Dialog.Title>{texts.table3.editing.clearChangesConfirmationDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.clearChangesConfirmationDialog.description}</p>\n\n                <FocusScope contain restoreFocus>\n                    <Dialog.Footer>\n                        <Inline spacing={8}>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.cancel}\n                                </LegacyButton>\n                            </Dialog.Close>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0} appearance=\"primary\" onClick={handleDiscard}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.confirm}\n                                </LegacyButton>\n                            </Dialog.Close>\n                        </Inline>\n                    </Dialog.Footer>\n\n                    {/* hiding default close button and adding one manually to allow it to be inside the focus scope */}\n                    <DialogPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                aria-label={texts.dialog.close}\n                                className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                icon=\"close\"\n                            />\n                        }></DialogPrimitive.Close>\n                </FocusScope>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["React","DialogPrimitive"],"mappings":";;;;;;;;AAaO,SAAS,iCAAiC,OAA8C;AAC3F,QAAM,EAAE,WAAW,eAAe,GAAG,YAAgB,IAAA;AAC/C,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAE5B,QAAA,iCAAiC,CAAC,UAA4B;AAGhE,UAAM,gBAAgB;AAAA,EAC1B;AAEM,QAAA,gBAAgB,CAAC,UAA+B;AAC9C,QAAA,MAAM,QAAQ,UAAU;AACxB,YAAM,gBAAgB;AAAA,IAAA;AAAA,EAE9B;AAEA,SACKA,+BAAA,cAAA,QAAA,EAAQ,GAAG,aAAa,iBAAiB,SACtCA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,aAAU;AAAA,MACV,cAAY,MAAM,OAAO,QAAQ,+BAA+B;AAAA,MAChE,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,IACXA,+BAAA,cAAC,OAAO,OAAP,MAAc,MAAM,OAAO,QAAQ,+BAA+B,KAAM;AAAA,iDAExE,KAAG,MAAA,MAAM,OAAO,QAAQ,+BAA+B,WAAY;AAAA,IAEpEA,+BAAA,cAAC,cAAW,SAAO,MAAC,cAAY,KAC5B,GAAAA,+BAAA,cAAC,OAAO,QAAP,MACGA,+BAAA,cAAC,UAAO,SAAS,EAAA,gDACZ,OAAO,OAAP,MACIA,+BAAA,cAAA,cAAA,EAAa,UAAU,EAAA,GACnB,MAAM,OAAO,QAAQ,+BAA+B,MACzD,CACJ,GACAA,+BAAA,cAAC,OAAO,OAAP,MACIA,+BAAA,cAAA,cAAA,EAAa,UAAU,GAAG,YAAW,WAAU,SAAS,cACpD,GAAA,MAAM,OAAO,QAAQ,+BAA+B,OACzD,CACJ,CACJ,CACJ,GAGAA,+BAAA;AAAA,MAACC,SAAgB;AAAA,MAAhB;AAAA,QACG,QACID,+BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAEZ,CAAA;AAAA,EAAA,CAER;AAER;"}
+{"version":3,"file":"DiscardChangesConfirmationDialog.js","sources":["../../../../../src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { LegacyButton } from '../../../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../LegacyComponents/IconButton/IconButton';\nimport { Inline } from '../../../Inline/Inline';\n\ntype DiscardChangesConfirmationDialogProps = Partial<DialogProps> & {\n    onDiscard: () => void;\n};\n\nexport function DiscardChangesConfirmationDialog(props: DiscardChangesConfirmationDialogProps) {\n    const { onDiscard: handleDiscard, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    const handleClickInsideDialogContent = (event: React.MouseEvent) => {\n        // Prevents the click event from propagating to the table, ensuring the row isn't saved when a click occurs\n        // inside the dialog\n        event.stopPropagation();\n    };\n\n    const handleKeydown = (event: React.KeyboardEvent) => {\n        if (event.key !== 'Escape') {\n            event.stopPropagation();\n        }\n    };\n\n    return (\n        <Dialog {...dialogProps} showCloseButton={false}>\n            <Dialog.Content\n                data-taco=\"discard-changes-dialog\"\n                aria-label={texts.table3.editing.clearChangesConfirmationDialog.title}\n                onClick={handleClickInsideDialogContent}\n                onKeyDown={handleKeydown}>\n                <Dialog.Title>{texts.table3.editing.clearChangesConfirmationDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.clearChangesConfirmationDialog.description}</p>\n\n                <FocusScope contain restoreFocus>\n                    <Dialog.Footer>\n                        <Inline spacing={8}>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.cancel}\n                                </LegacyButton>\n                            </Dialog.Close>\n                            <Dialog.Close>\n                                <LegacyButton tabIndex={0} appearance=\"primary\" onClick={handleDiscard}>\n                                    {texts.table3.editing.clearChangesConfirmationDialog.confirm}\n                                </LegacyButton>\n                            </Dialog.Close>\n                        </Inline>\n                    </Dialog.Footer>\n\n                    {/* hiding default close button and adding one manually to allow it to be inside the focus scope */}\n                    <DialogPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                aria-label={texts.dialog.close}\n                                className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                icon=\"close\"\n                            />\n                        }></DialogPrimitive.Close>\n                </FocusScope>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["React","DialogPrimitive"],"mappings":";;;;;;;;AAaO,SAAS,iCAAiC,OAA8C;AAC3F,QAAM,EAAE,WAAW,eAAe,GAAG,gBAAgB;AACrD,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,iCAAiC,CAAC,UAA4B;AAGhE,UAAM,gBAAA;AAAA,EACV;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAI,MAAM,QAAQ,UAAU;AACxB,YAAM,gBAAA;AAAA,IACV;AAAA,EACJ;AAEA,SACIA,+BAAA,cAAC,QAAA,EAAQ,GAAG,aAAa,iBAAiB,SACtCA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,aAAU;AAAA,MACV,cAAY,MAAM,OAAO,QAAQ,+BAA+B;AAAA,MAChE,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,IACXA,+BAAA,cAAC,OAAO,OAAP,MAAc,MAAM,OAAO,QAAQ,+BAA+B,KAAM;AAAA,iDAExE,KAAA,MAAG,MAAM,OAAO,QAAQ,+BAA+B,WAAY;AAAA,IAEpEA,+BAAA,cAAC,cAAW,SAAO,MAAC,cAAY,KAAA,GAC5BA,+BAAA,cAAC,OAAO,QAAP,MACGA,+BAAA,cAAC,UAAO,SAAS,EAAA,gDACZ,OAAO,OAAP,MACGA,+BAAA,cAAC,cAAA,EAAa,UAAU,EAAA,GACnB,MAAM,OAAO,QAAQ,+BAA+B,MACzD,CACJ,GACAA,+BAAA,cAAC,OAAO,OAAP,MACGA,+BAAA,cAAC,cAAA,EAAa,UAAU,GAAG,YAAW,WAAU,SAAS,cAAA,GACpD,MAAM,OAAO,QAAQ,+BAA+B,OACzD,CACJ,CACJ,CACJ,GAGAA,+BAAA;AAAA,MAACC,SAAgB;AAAA,MAAhB;AAAA,QACG,QACID,+BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA,CAEZ;AAAA,EAAA,CAER;AAER;"}

package/dist/components/Table3/components/Row/Editing/CreateNewRow.cjs

@@ -9,12 +9,11 @@ const Shortcut = require("../../../../Shortcut/Shortcut.cjs");
 const SCROLL_NEAR_BOTTOM_THRESHOLD_PX = 80;
 const SCROLL_DELAY_MS = 150;
 function CreateNewRow(props) {
-  var _a, _b;
   const { buttonRef, hasScrollbar, table, tableMeta, tableRef } = props;
   const { texts } = Localization.useLocalization();
   const temporaryRows = tableMeta.editing.temporaryRows;
-  const temporaryRowId = ((_a = temporaryRows[0]) == null ? void 0 : _a[tableMeta.rowIdentityAccessor]) ?? "";
-  const isDisabled = !!table.getState().globalFilter || !!((_b = table.getState().columnFilters) == null ? void 0 : _b.length) || !!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId);
+  const temporaryRowId = temporaryRows[0]?.[tableMeta.rowIdentityAccessor] ?? "";
+  const isDisabled = !!table.getState().globalFilter || !!table.getState().columnFilters?.length || !!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId);
   const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === "saving";
   const handleCreate = async () => {
     if (isDisabled) {
@@ -41,7 +40,7 @@ function CreateNewRow(props) {
   const className = cn.clsx("group/row !sticky z-[21]", {
     "bottom-10": tableMeta.footer.isEnabled,
     "bottom-0": !tableMeta.footer.isEnabled,
-    "border-b !border-t-[0]": !hasScrollbar
+    "!border-t-[0] border-b": !hasScrollbar
   });
   return /* @__PURE__ */ React.createElement("tr", { "data-row-create": true, className, tabIndex: -1 }, /* @__PURE__ */ React.createElement("td", { className: "col-span-full !bg-gray-50/50 !px-1" }, /* @__PURE__ */ React.createElement(
     Button.LegacyButton,

package/dist/components/Table3/components/Row/Editing/CreateNewRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CreateNewRow.cjs","sources":["../../../../../../src/components/Table3/components/Row/Editing/CreateNewRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { LegacyButton } from '../../../../LegacyComponents/Button/Button';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport type { TableRef } from '../../../../../primitives/Table/types';\n\ntype CreateNewRowProps<TType = unknown> = {\n    buttonRef: React.Ref<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nconst SCROLL_NEAR_BOTTOM_THRESHOLD_PX = 80;\nconst SCROLL_DELAY_MS = 150;\n\nexport function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>) {\n    const { buttonRef, hasScrollbar, table, tableMeta, tableRef } = props;\n    const { texts } = useLocalization();\n\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n    const temporaryRowId = temporaryRows[0]?.[tableMeta.rowIdentityAccessor as keyof TType] ?? '';\n\n    const isDisabled =\n        !!table.getState().globalFilter ||\n        !!table.getState().columnFilters?.length ||\n        (!!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId as string));\n    const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId as string) === 'saving';\n\n    const handleCreate = async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        const tableElement = tableRef.current;\n        const isNearBottom =\n            tableElement &&\n            tableElement.scrollHeight - tableElement.scrollTop - tableElement.clientHeight < SCROLL_NEAR_BOTTOM_THRESHOLD_PX;\n\n        await tableMeta.editing.createRow(table);\n\n        // The sticky temporary row overlaps the last data row, so scroll to reveal it\n        if (isNearBottom) {\n            setTimeout(() => {\n                tableElement.scrollTo({ top: tableElement.scrollHeight, behavior: 'smooth' });\n            }, SCROLL_DELAY_MS);\n        }\n    };\n    const shortcut = { key: 'Enter', meta: true };\n\n    let tooltip;\n\n    if (isSaving) {\n        tooltip = texts.table3.editing.buttons.create.saving;\n    } else if (isDisabled) {\n        tooltip = texts.table3.editing.buttons.create.disabled;\n    } else {\n        tooltip = <Shortcut keys={shortcut} />;\n    }\n\n    const className = clsx('group/row !sticky z-[21]', {\n        'bottom-10': tableMeta.footer.isEnabled,\n        'bottom-0': !tableMeta.footer.isEnabled,\n        'border-b !border-t-[0]': !hasScrollbar,\n    });\n\n    return (\n        <tr data-row-create className={className} tabIndex={-1}>\n            <td className=\"col-span-full !bg-gray-50/50 !px-1\">\n                <LegacyButton\n                    appearance=\"transparent\"\n                    className=\"sticky left-[4px] font-bold group-hover:bg-gray-200\"\n                    disabled={isDisabled}\n                    onClick={handleCreate}\n                    ref={buttonRef}\n                    shortcut={shortcut}\n                    tooltip={tooltip}>\n                    <Icon name=\"circle-plus\" />\n                    {texts.table3.editing.buttons.create.label}\n                </LegacyButton>\n            </td>\n        </tr>\n    );\n}\n"],"names":["useLocalization","Shortcut","clsx","LegacyButton","Icon"],"mappings":";;;;;;;;AAiBA,MAAM,kCAAkC;AACxC,MAAM,kBAAkB;AAEjB,SAAS,aAA8B,OAAiC;;AAC3E,QAAM,EAAE,WAAW,cAAc,OAAO,WAAW,aAAa;AAC1D,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAE5B,QAAA,gBAAgB,UAAU,QAAQ;AACxC,QAAM,mBAAiB,mBAAc,CAAC,MAAf,mBAAmB,UAAU,yBAAuC;AAErF,QAAA,aACF,CAAC,CAAC,MAAM,SAAW,EAAA,gBACnB,CAAC,GAAC,WAAM,SAAA,EAAW,kBAAjB,mBAAgC,WACjC,CAAC,CAAC,kBAAkB,CAAC,CAAC,UAAU,QAAQ,aAAa,cAAwB;AAC5E,QAAA,WAAW,CAAC,CAAC,kBAAkB,UAAU,QAAQ,aAAa,cAAwB,MAAM;AAElG,QAAM,eAAe,YAAY;AAC7B,QAAI,YAAY;AACZ;AAAA,IAAA;AAGJ,UAAM,eAAe,SAAS;AAC9B,UAAM,eACF,gBACA,aAAa,eAAe,aAAa,YAAY,aAAa,eAAe;AAE/E,UAAA,UAAU,QAAQ,UAAU,KAAK;AAGvC,QAAI,cAAc;AACd,iBAAW,MAAM;AACb,qBAAa,SAAS,EAAE,KAAK,aAAa,cAAc,UAAU,UAAU;AAAA,SAC7E,eAAe;AAAA,IAAA;AAAA,EAE1B;AACA,QAAM,WAAW,EAAE,KAAK,SAAS,MAAM,KAAK;AAExC,MAAA;AAEJ,MAAI,UAAU;AACV,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,aACvC,YAAY;AACnB,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAAA,OAC3C;AACO,cAAA,sBAAA,cAACC,SAAS,UAAA,EAAA,MAAM,UAAU;AAAA,EAAA;AAGlC,QAAA,YAAYC,QAAK,4BAA4B;AAAA,IAC/C,aAAa,UAAU,OAAO;AAAA,IAC9B,YAAY,CAAC,UAAU,OAAO;AAAA,IAC9B,0BAA0B,CAAC;AAAA,EAAA,CAC9B;AAGG,SAAA,sBAAA,cAAC,MAAG,EAAA,mBAAe,MAAC,WAAsB,UAAU,GAChD,GAAA,sBAAA,cAAC,MAAG,EAAA,WAAU,qCACV,GAAA,sBAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,WAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IACA,sBAAA,cAACC,KAAAA,MAAK,EAAA,MAAK,cAAc,CAAA;AAAA,IACxB,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAAA,CAE7C,CACJ;AAER;;"}
+{"version":3,"file":"CreateNewRow.cjs","sources":["../../../../../../src/components/Table3/components/Row/Editing/CreateNewRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { LegacyButton } from '../../../../LegacyComponents/Button/Button';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport type { TableRef } from '../../../../../primitives/Table/types';\n\ntype CreateNewRowProps<TType = unknown> = {\n    buttonRef: React.Ref<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nconst SCROLL_NEAR_BOTTOM_THRESHOLD_PX = 80;\nconst SCROLL_DELAY_MS = 150;\n\nexport function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>) {\n    const { buttonRef, hasScrollbar, table, tableMeta, tableRef } = props;\n    const { texts } = useLocalization();\n\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n    const temporaryRowId = temporaryRows[0]?.[tableMeta.rowIdentityAccessor as keyof TType] ?? '';\n\n    const isDisabled =\n        !!table.getState().globalFilter ||\n        !!table.getState().columnFilters?.length ||\n        (!!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId as string));\n    const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId as string) === 'saving';\n\n    const handleCreate = async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        const tableElement = tableRef.current;\n        const isNearBottom =\n            tableElement &&\n            tableElement.scrollHeight - tableElement.scrollTop - tableElement.clientHeight < SCROLL_NEAR_BOTTOM_THRESHOLD_PX;\n\n        await tableMeta.editing.createRow(table);\n\n        // The sticky temporary row overlaps the last data row, so scroll to reveal it\n        if (isNearBottom) {\n            setTimeout(() => {\n                tableElement.scrollTo({ top: tableElement.scrollHeight, behavior: 'smooth' });\n            }, SCROLL_DELAY_MS);\n        }\n    };\n    const shortcut = { key: 'Enter', meta: true };\n\n    let tooltip;\n\n    if (isSaving) {\n        tooltip = texts.table3.editing.buttons.create.saving;\n    } else if (isDisabled) {\n        tooltip = texts.table3.editing.buttons.create.disabled;\n    } else {\n        tooltip = <Shortcut keys={shortcut} />;\n    }\n\n    const className = clsx('group/row !sticky z-[21]', {\n        'bottom-10': tableMeta.footer.isEnabled,\n        'bottom-0': !tableMeta.footer.isEnabled,\n        '!border-t-[0] border-b': !hasScrollbar,\n    });\n\n    return (\n        <tr data-row-create className={className} tabIndex={-1}>\n            <td className=\"col-span-full !bg-gray-50/50 !px-1\">\n                <LegacyButton\n                    appearance=\"transparent\"\n                    className=\"sticky left-[4px] font-bold group-hover:bg-gray-200\"\n                    disabled={isDisabled}\n                    onClick={handleCreate}\n                    ref={buttonRef}\n                    shortcut={shortcut}\n                    tooltip={tooltip}>\n                    <Icon name=\"circle-plus\" />\n                    {texts.table3.editing.buttons.create.label}\n                </LegacyButton>\n            </td>\n        </tr>\n    );\n}\n"],"names":["useLocalization","Shortcut","clsx","LegacyButton","Icon"],"mappings":";;;;;;;;AAiBA,MAAM,kCAAkC;AACxC,MAAM,kBAAkB;AAEjB,SAAS,aAA8B,OAAiC;AAC3E,QAAM,EAAE,WAAW,cAAc,OAAO,WAAW,aAAa;AAChE,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,QAAM,gBAAgB,UAAU,QAAQ;AACxC,QAAM,iBAAiB,cAAc,CAAC,IAAI,UAAU,mBAAkC,KAAK;AAE3F,QAAM,aACF,CAAC,CAAC,MAAM,WAAW,gBACnB,CAAC,CAAC,MAAM,SAAA,EAAW,eAAe,UACjC,CAAC,CAAC,kBAAkB,CAAC,CAAC,UAAU,QAAQ,aAAa,cAAwB;AAClF,QAAM,WAAW,CAAC,CAAC,kBAAkB,UAAU,QAAQ,aAAa,cAAwB,MAAM;AAElG,QAAM,eAAe,YAAY;AAC7B,QAAI,YAAY;AACZ;AAAA,IACJ;AAEA,UAAM,eAAe,SAAS;AAC9B,UAAM,eACF,gBACA,aAAa,eAAe,aAAa,YAAY,aAAa,eAAe;AAErF,UAAM,UAAU,QAAQ,UAAU,KAAK;AAGvC,QAAI,cAAc;AACd,iBAAW,MAAM;AACb,qBAAa,SAAS,EAAE,KAAK,aAAa,cAAc,UAAU,UAAU;AAAA,MAChF,GAAG,eAAe;AAAA,IACtB;AAAA,EACJ;AACA,QAAM,WAAW,EAAE,KAAK,SAAS,MAAM,KAAA;AAEvC,MAAI;AAEJ,MAAI,UAAU;AACV,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAClD,WAAW,YAAY;AACnB,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAClD,OAAO;AACH,cAAU,sBAAA,cAACC,SAAAA,UAAA,EAAS,MAAM,UAAU;AAAA,EACxC;AAEA,QAAM,YAAYC,GAAAA,KAAK,4BAA4B;AAAA,IAC/C,aAAa,UAAU,OAAO;AAAA,IAC9B,YAAY,CAAC,UAAU,OAAO;AAAA,IAC9B,0BAA0B,CAAC;AAAA,EAAA,CAC9B;AAED,SACI,sBAAA,cAAC,MAAA,EAAG,mBAAe,MAAC,WAAsB,UAAU,GAAA,GAChD,sBAAA,cAAC,MAAA,EAAG,WAAU,qCAAA,GACV,sBAAA;AAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,WAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IACA,sBAAA,cAACC,KAAAA,MAAA,EAAK,MAAK,cAAA,CAAc;AAAA,IACxB,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAAA,CAE7C,CACJ;AAER;;"}

package/dist/components/Table3/components/Row/Editing/CreateNewRow.js

@@ -7,12 +7,11 @@ import { Shortcut } from "../../../../Shortcut/Shortcut.js";
 const SCROLL_NEAR_BOTTOM_THRESHOLD_PX = 80;
 const SCROLL_DELAY_MS = 150;
 function CreateNewRow(props) {
-  var _a, _b;
   const { buttonRef, hasScrollbar, table, tableMeta, tableRef } = props;
   const { texts } = useLocalization();
   const temporaryRows = tableMeta.editing.temporaryRows;
-  const temporaryRowId = ((_a = temporaryRows[0]) == null ? void 0 : _a[tableMeta.rowIdentityAccessor]) ?? "";
-  const isDisabled = !!table.getState().globalFilter || !!((_b = table.getState().columnFilters) == null ? void 0 : _b.length) || !!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId);
+  const temporaryRowId = temporaryRows[0]?.[tableMeta.rowIdentityAccessor] ?? "";
+  const isDisabled = !!table.getState().globalFilter || !!table.getState().columnFilters?.length || !!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId);
   const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === "saving";
   const handleCreate = async () => {
     if (isDisabled) {
@@ -39,7 +38,7 @@ function CreateNewRow(props) {
   const className = clsx("group/row !sticky z-[21]", {
     "bottom-10": tableMeta.footer.isEnabled,
     "bottom-0": !tableMeta.footer.isEnabled,
-    "border-b !border-t-[0]": !hasScrollbar
+    "!border-t-[0] border-b": !hasScrollbar
   });
   return /* @__PURE__ */ React__default.createElement("tr", { "data-row-create": true, className, tabIndex: -1 }, /* @__PURE__ */ React__default.createElement("td", { className: "col-span-full !bg-gray-50/50 !px-1" }, /* @__PURE__ */ React__default.createElement(
     LegacyButton,