@economic/taco 2.47.0-server.4 → 2.47.0-server.5

package/dist/esm/packages/taco/src/components/Table3/components/Editing/Alert.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Alert as Alert$1 } from '../../../Alert/Alert.js';
 import { Tooltip } from '../../../Tooltip/Tooltip.js';
 import { useLocalization } from '../../../Provider/Localization.js';
@@ -6,28 +7,29 @@ import { Button } from '../../../Button/Button.js';
 import { Dialog } from '../../../Dialog/Dialog.js';
 import { Group } from '../../../Group/Group.js';
 
+var _excluded = ["scrollToIndex", "table", "tableRef"],
+  _excluded2 = ["onSubmit"];
 function Alert(props) {
-  const {
-    scrollToIndex,
-    table,
-    tableRef,
-    ...attributes
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const validationTexts = texts.table3.editing.validation;
-  const tableMeta = table.options.meta;
-  const [showFilterResetDialog, setShowFilterResetDialog] = React__default.useState(false);
-  const pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert();
+  var scrollToIndex = props.scrollToIndex,
+    table = props.table,
+    tableRef = props.tableRef,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var validationTexts = texts.table3.editing.validation;
+  var tableMeta = table.options.meta;
+  var _React$useState = React__default.useState(false),
+    showFilterResetDialog = _React$useState[0],
+    setShowFilterResetDialog = _React$useState[1];
+  var pendingChangesWithErrors = tableMeta.editing.getErrorsShownInAlert();
   function scrollToRow(rowIndex) {
     tableMeta.rowActive.setRowActiveIndex(rowIndex);
     scrollToIndex(rowIndex, {
       align: 'center'
     });
-    requestAnimationFrame(() => {
+    requestAnimationFrame(function () {
       var _tableRef$current;
-      const cell = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector('tbody > tr[data-row-active="true"] > td[data-cell-editing-invalid="true"]');
+      var cell = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector('tbody > tr[data-row-active="true"] > td[data-cell-editing-invalid="true"]');
       if (cell) {
         var _cell$focus;
         (_cell$focus = cell.focus) === null || _cell$focus === void 0 ? void 0 : _cell$focus.call(cell);
@@ -35,19 +37,21 @@ function Alert(props) {
     });
   }
   // generate the "N unsaved entries" title
-  const title = (pendingChangesWithErrors.length === 1 ? validationTexts.alert.titleOne : validationTexts.alert.titlePlural).replace('[COUNT]', String(pendingChangesWithErrors.length));
+  var title = (pendingChangesWithErrors.length === 1 ? validationTexts.alert.titleOne : validationTexts.alert.titlePlural).replace('[COUNT]', String(pendingChangesWithErrors.length));
   // generate links to each invalid row, to go into the error message
-  const links = [];
-  const visibleColumns = table.getVisibleFlatColumns().map(c => c.id);
-  const rowIdentityColumn = tableMeta.rowIdentityAccessor && visibleColumns.includes(String(tableMeta.rowIdentityAccessor)) ? table.getColumn(String(tableMeta.rowIdentityAccessor)) : undefined;
-  pendingChangesWithErrors.forEach((pendingChangeWithError, index) => {
+  var links = [];
+  var visibleColumns = table.getVisibleFlatColumns().map(function (c) {
+    return c.id;
+  });
+  var rowIdentityColumn = tableMeta.rowIdentityAccessor && visibleColumns.includes(String(tableMeta.rowIdentityAccessor)) ? table.getColumn(String(tableMeta.rowIdentityAccessor)) : undefined;
+  pendingChangesWithErrors.forEach(function (pendingChangeWithError, index) {
     var _row;
     // if appropriate, concatenate the item with the text "and"
     if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {
       // Add space before and after `messageAnd` text
-      links.push(` ${validationTexts.alert.messageAnd} `);
+      links.push(" " + validationTexts.alert.messageAnd + " ");
     }
-    const handleClick = () => {
+    var handleClick = function handleClick() {
       // if row is visible
       if (pendingChangeWithError.index > -1) {
         scrollToRow(pendingChangeWithError.index);
@@ -58,19 +62,21 @@ function Alert(props) {
         setShowFilterResetDialog(pendingChangeWithError.index);
       }
     };
-    let tooltip;
+    var tooltip;
     if (pendingChangeWithError.errors.row) {
       tooltip = pendingChangeWithError.errors.row;
     } else {
       var _table$getAllColumns$, _table$getAllColumns$2;
-      const firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];
-      const columnName = (_table$getAllColumns$ = table.getAllColumns().find(column => column.id === firstCellErrorColumnId)) === null || _table$getAllColumns$ === void 0 ? void 0 : (_table$getAllColumns$2 = _table$getAllColumns$.columnDef.meta) === null || _table$getAllColumns$2 === void 0 ? void 0 : _table$getAllColumns$2.header;
-      tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;
+      var firstCellErrorColumnId = Object.keys(pendingChangeWithError.errors.cells)[0];
+      var columnName = (_table$getAllColumns$ = table.getAllColumns().find(function (column) {
+        return column.id === firstCellErrorColumnId;
+      })) === null || _table$getAllColumns$ === void 0 ? void 0 : (_table$getAllColumns$2 = _table$getAllColumns$.columnDef.meta) === null || _table$getAllColumns$2 === void 0 ? void 0 : _table$getAllColumns$2.header;
+      tooltip = columnName + ": " + pendingChangeWithError.errors.cells[firstCellErrorColumnId];
     }
-    let row;
+    var row;
     try {
       row = table.getRow(pendingChangeWithError.rowId).original;
-    } catch {
+    } catch (_unused) {
       // because of server loading, some rows may not be accessible
     }
     links.push(/*#__PURE__*/React__default.createElement(Tooltip, {
@@ -87,7 +93,7 @@ function Alert(props) {
     }
   });
   // generate the "Row N is incomplete and hasn't been saved" error message
-  const message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural).split(/(\[\w+\])/).map(part => {
+  var message = (links.length === 1 ? validationTexts.alert.messageOne : validationTexts.alert.messagePlural).split(/(\[\w+\])/).map(function (part) {
     if (part === '[COLUMN]') {
       var _rowIdentityColumn$co, _rowIdentityColumn$co2;
       return (_rowIdentityColumn$co = rowIdentityColumn === null || rowIdentityColumn === void 0 ? void 0 : (_rowIdentityColumn$co2 = rowIdentityColumn.columnDef.meta) === null || _rowIdentityColumn$co2 === void 0 ? void 0 : _rowIdentityColumn$co2.header) !== null && _rowIdentityColumn$co !== void 0 ? _rowIdentityColumn$co : validationTexts.alert.messageRow;
@@ -97,10 +103,10 @@ function Alert(props) {
     }
     return part;
   });
-  const handleResetFilters = () => {
+  var handleResetFilters = function handleResetFilters() {
     table.resetGlobalFilter();
     table.resetColumnFilters();
-    requestAnimationFrame(() => {
+    requestAnimationFrame(function () {
       if (showFilterResetDialog && showFilterResetDialog > -1) {
         scrollToRow(showFilterResetDialog);
       }
@@ -111,20 +117,19 @@ function Alert(props) {
     state: "error"
   }), /*#__PURE__*/React__default.createElement("span", {
     className: "font-bold"
-  }, title), "\u00A0", message), /*#__PURE__*/React__default.createElement(FilterResetDialog, {
+  }, title), "\xA0", message), /*#__PURE__*/React__default.createElement(FilterResetDialog, {
     open: showFilterResetDialog !== false,
-    onChange: () => setShowFilterResetDialog(false),
+    onChange: function onChange() {
+      return setShowFilterResetDialog(false);
+    },
     onSubmit: handleResetFilters
   }));
 }
 function FilterResetDialog(props) {
-  const {
-    onSubmit: handleSubmit,
-    ...dialogProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
+  var handleSubmit = props.onSubmit,
+    dialogProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  var _useLocalization2 = useLocalization(),
+    texts = _useLocalization2.texts;
   return /*#__PURE__*/React__default.createElement(Dialog, Object.assign({}, dialogProps, {
     size: "xs"
   }), /*#__PURE__*/React__default.createElement(Dialog.Content, {

package/dist/esm/packages/taco/src/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 { Group } from '../../../Group/Group';\nimport { Button } from '../../../Button/Button';\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(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        pendingChangeWithError;\n\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            tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;\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] : 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                    <Group>\n                        <Dialog.Close>\n                            <Button>{texts.table3.editing.validation.resetFiltersDialog.cancel}</Button>\n                        </Dialog.Close>\n                        <Button appearance=\"primary\" onClick={handleSubmit}>\n                            {texts.table3.editing.validation.resetFiltersDialog.confirm}\n                        </Button>\n                    </Group>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["Alert","props","scrollToIndex","table","tableRef","attributes","texts","useLocalization","validationTexts","table3","editing","validation","tableMeta","options","meta","showFilterResetDialog","setShowFilterResetDialog","React","useState","pendingChangesWithErrors","getErrorsShownInAlert","scrollToRow","rowIndex","rowActive","setRowActiveIndex","align","requestAnimationFrame","cell","_tableRef$current","current","querySelector","_cell$focus","focus","call","title","length","alert","titleOne","titlePlural","replace","String","links","visibleColumns","getVisibleFlatColumns","map","c","id","rowIdentityColumn","rowIdentityAccessor","includes","getColumn","undefined","forEach","pendingChangeWithError","index","push","messageAnd","handleClick","tooltip","errors","row","_table$getAllColumns$","_table$getAllColumns$2","firstCellErrorColumnId","Object","keys","cells","columnName","getAllColumns","find","column","columnDef","header","getRow","rowId","original","Tooltip","key","className","onClick","role","_row","message","messageOne","messagePlural","split","part","_rowIdentityColumn$co","_rowIdentityColumn$co2","messageRow","handleResetFilters","resetGlobalFilter","resetColumnFilters","BaseAlert","state","FilterResetDialog","open","onChange","onSubmit","handleSubmit","dialogProps","Dialog","size","Content","Title","resetFiltersDialog","description","Footer","Group","Close","Button","cancel","appearance","confirm"],"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 { Group } from '../../../Group/Group';\nimport { Button } from '../../../Button/Button';\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(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        pendingChangeWithError;\n\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            tooltip = `${columnName}: ${pendingChangeWithError.errors.cells[firstCellErrorColumnId]}`;\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] : 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                    <Group>\n                        <Dialog.Close>\n                            <Button>{texts.table3.editing.validation.resetFiltersDialog.cancel}</Button>\n                        </Dialog.Close>\n                        <Button appearance=\"primary\" onClick={handleSubmit}>\n                            {texts.table3.editing.validation.resetFiltersDialog.confirm}\n                        </Button>\n                    </Group>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["Alert","props","scrollToIndex","table","tableRef","attributes","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","validationTexts","table3","editing","validation","tableMeta","options","meta","_React$useState","React","useState","showFilterResetDialog","setShowFilterResetDialog","pendingChangesWithErrors","getErrorsShownInAlert","scrollToRow","rowIndex","rowActive","setRowActiveIndex","align","requestAnimationFrame","cell","_tableRef$current","current","querySelector","_cell$focus","focus","call","title","length","alert","titleOne","titlePlural","replace","String","links","visibleColumns","getVisibleFlatColumns","map","c","id","rowIdentityColumn","rowIdentityAccessor","includes","getColumn","undefined","forEach","pendingChangeWithError","index","push","messageAnd","handleClick","tooltip","errors","row","_table$getAllColumns$","_table$getAllColumns$2","firstCellErrorColumnId","Object","keys","cells","columnName","getAllColumns","find","column","columnDef","header","getRow","rowId","original","_unused","Tooltip","key","className","onClick","role","_row","message","messageOne","messagePlural","split","part","_rowIdentityColumn$co","_rowIdentityColumn$co2","messageRow","handleResetFilters","resetGlobalFilter","resetColumnFilters","BaseAlert","state","FilterResetDialog","open","onChange","onSubmit","handleSubmit","dialogProps","_excluded2","_useLocalization2","Dialog","size","Content","Title","resetFiltersDialog","description","Footer","Group","Close","Button","cancel","appearance","confirm"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.js

@@ -1,18 +1,17 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../../Provider/Localization.js';
 import { Button } from '../../../Button/Button.js';
 import { Dialog } from '../../../Dialog/Dialog.js';
 import { Group } from '../../../Group/Group.js';
 
+var _excluded = ["onDiscard"];
 function DiscardChangesConfirmationDialog(props) {
-  const {
-    onDiscard: handleDiscard,
-    ...dialogProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const handleClickInsideDialogContent = event => {
+  var handleDiscard = props.onDiscard,
+    dialogProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var handleClickInsideDialogContent = function handleClickInsideDialogContent(event) {
     // Prevents the click event from propagating to the table, ensuring the row isn't saved when a click occurs
     // inside the dialog
     event.stopPropagation();

package/dist/esm/packages/taco/src/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 { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Group } from '../../../Group/Group';\nimport { Button } from '../../../Button/Button';\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    return (\n        <Dialog {...dialogProps}>\n            <Dialog.Content\n                aria-label={texts.table3.editing.clearChangesConfirmationDialog.title}\n                onClick={handleClickInsideDialogContent}>\n                <Dialog.Title>{texts.table3.editing.clearChangesConfirmationDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.clearChangesConfirmationDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Group>\n                        <Dialog.Close>\n                            <Button tabIndex={0}>{texts.table3.editing.clearChangesConfirmationDialog.cancel}</Button>\n                        </Dialog.Close>\n                        <Dialog.Close>\n                            <Button autoFocus tabIndex={0} appearance=\"primary\" onClick={handleDiscard}>\n                                {texts.table3.editing.clearChangesConfirmationDialog.confirm}\n                            </Button>\n                        </Dialog.Close>\n                    </Group>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["DiscardChangesConfirmationDialog","props","onDiscard","handleDiscard","dialogProps","texts","useLocalization","handleClickInsideDialogContent","event","stopPropagation","React","Dialog","Content","table3","editing","clearChangesConfirmationDialog","title","onClick","Title","description","Footer","Group","Close","Button","tabIndex","cancel","autoFocus","appearance","confirm"],"mappings":";;;;;;SAUgBA,gCAAgCA,CAACC,KAA4C;EACzF,MAAM;IAAEC,SAAS,EAAEC,aAAa;IAAE,GAAGC;GAAa,GAAGH,KAAK;EAC1D,MAAM;IAAEI;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,8BAA8B,GAAIC,KAAuB;;;IAG3DA,KAAK,CAACC,eAAe,EAAE;GAC1B;EAED,oBACIC,6BAACC,MAAM,oBAAKP,WAAW,gBACnBM,6BAACC,MAAM,CAACC,OAAO;kBACCP,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACC,KAAK;IACrEC,OAAO,EAAEV;kBACTG,6BAACC,MAAM,CAACO,KAAK,QAAEb,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACC,KAAK,CAAgB,eAExFN,wCAAIL,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACI,WAAW,CAAK,eAExET,6BAACC,MAAM,CAACS,MAAM,qBACVV,6BAACW,KAAK,qBACFX,6BAACC,MAAM,CAACW,KAAK,qBACTZ,6BAACa,MAAM;IAACC,QAAQ,EAAE;KAAInB,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACU,MAAM,CAAU,CAC/E,eACff,6BAACC,MAAM,CAACW,KAAK,qBACTZ,6BAACa,MAAM;IAACG,SAAS;IAACF,QAAQ,EAAE,CAAC;IAAEG,UAAU,EAAC,SAAS;IAACV,OAAO,EAAEd;KACxDE,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACa,OAAO,CACvD,CACE,CACX,CACI,CACH,CACZ;AAEjB;;;;"}
+{"version":3,"file":"DiscardChangesConfirmationDialog.js","sources":["../../../../../../../../../src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Group } from '../../../Group/Group';\nimport { Button } from '../../../Button/Button';\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    return (\n        <Dialog {...dialogProps}>\n            <Dialog.Content\n                aria-label={texts.table3.editing.clearChangesConfirmationDialog.title}\n                onClick={handleClickInsideDialogContent}>\n                <Dialog.Title>{texts.table3.editing.clearChangesConfirmationDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.clearChangesConfirmationDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Group>\n                        <Dialog.Close>\n                            <Button tabIndex={0}>{texts.table3.editing.clearChangesConfirmationDialog.cancel}</Button>\n                        </Dialog.Close>\n                        <Dialog.Close>\n                            <Button autoFocus tabIndex={0} appearance=\"primary\" onClick={handleDiscard}>\n                                {texts.table3.editing.clearChangesConfirmationDialog.confirm}\n                            </Button>\n                        </Dialog.Close>\n                    </Group>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["DiscardChangesConfirmationDialog","props","handleDiscard","onDiscard","dialogProps","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","handleClickInsideDialogContent","event","stopPropagation","React","Dialog","Content","table3","editing","clearChangesConfirmationDialog","title","onClick","Title","description","Footer","Group","Close","Button","tabIndex","cancel","autoFocus","appearance","confirm"],"mappings":";;;;;;;;SAUgBA,gCAAgCA,CAACC,KAA4C;EACzF,IAAmBC,aAAa,GAAqBD,KAAK,CAAlDE,SAAS;IAAoBC,WAAW,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;EAC1D,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EAEb,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAIC,KAAuB;;;IAG3DA,KAAK,CAACC,eAAe,EAAE;GAC1B;EAED,oBACIC,6BAACC,MAAM,oBAAKV,WAAW,gBACnBS,6BAACC,MAAM,CAACC,OAAO;kBACCN,KAAK,CAACO,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACC,KAAK;IACrEC,OAAO,EAAEV;kBACTG,6BAACC,MAAM,CAACO,KAAK,QAAEZ,KAAK,CAACO,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACC,KAAK,CAAgB,eAExFN,wCAAIJ,KAAK,CAACO,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACI,WAAW,CAAK,eAExET,6BAACC,MAAM,CAACS,MAAM,qBACVV,6BAACW,KAAK,qBACFX,6BAACC,MAAM,CAACW,KAAK,qBACTZ,6BAACa,MAAM;IAACC,QAAQ,EAAE;KAAIlB,KAAK,CAACO,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACU,MAAM,CAAU,CAC/E,eACff,6BAACC,MAAM,CAACW,KAAK,qBACTZ,6BAACa,MAAM;IAACG,SAAS;IAACF,QAAQ,EAAE,CAAC;IAAEG,UAAU,EAAC,SAAS;IAACV,OAAO,EAAElB;KACxDO,KAAK,CAACO,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACa,OAAO,CACvD,CACE,CACX,CACI,CACH,CACZ;AAEjB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/Row/Editing/CreateNewRow.js

@@ -7,35 +7,34 @@ import { Shortcut } from '../../../../Shortcut/Shortcut.js';
 
 function CreateNewRow(props) {
   var _temporaryRows$0$tabl, _temporaryRows$, _table$getState$colum;
-  const {
-    buttonRef,
-    isScrolled,
-    scrollToIndex,
-    table,
-    tableMeta
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const temporaryRows = tableMeta.editing.temporaryRows;
-  const temporaryRowId = (_temporaryRows$0$tabl = (_temporaryRows$ = temporaryRows[0]) === null || _temporaryRows$ === void 0 ? void 0 : _temporaryRows$[tableMeta.rowIdentityAccessor]) !== null && _temporaryRows$0$tabl !== void 0 ? _temporaryRows$0$tabl : '';
-  const isDisabled = !!table.getState().globalFilter || !!((_table$getState$colum = table.getState().columnFilters) !== null && _table$getState$colum !== void 0 && _table$getState$colum.length) || !!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId);
-  const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === 'saving';
-  const handleCreate = function () {
+  var buttonRef = props.buttonRef,
+    isScrolled = props.isScrolled,
+    scrollToIndex = props.scrollToIndex,
+    table = props.table,
+    tableMeta = props.tableMeta;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var temporaryRows = tableMeta.editing.temporaryRows;
+  var temporaryRowId = (_temporaryRows$0$tabl = (_temporaryRows$ = temporaryRows[0]) === null || _temporaryRows$ === void 0 ? void 0 : _temporaryRows$[tableMeta.rowIdentityAccessor]) !== null && _temporaryRows$0$tabl !== void 0 ? _temporaryRows$0$tabl : '';
+  var isDisabled = !!table.getState().globalFilter || !!((_table$getState$colum = table.getState().columnFilters) !== null && _table$getState$colum !== void 0 && _table$getState$colum.length) || !!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId);
+  var isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === 'saving';
+  var handleCreate = function handleCreate() {
     try {
       if (isDisabled) {
         return Promise.resolve();
       }
-      return Promise.resolve(tableMeta.editing.createRow(table, scrollToIndex)).then(function () {});
+      return Promise.resolve(tableMeta.editing.createRow(table, scrollToIndex)).then(function () {
+        table.resetRowSelection();
+      });
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  const shortcut = {
+  var shortcut = {
     key: 'Enter',
     meta: true
   };
-  let tooltip;
+  var tooltip;
   if (isSaving) {
     tooltip = texts.table3.editing.buttons.create.saving;
   } else if (isDisabled) {
@@ -45,7 +44,7 @@ function CreateNewRow(props) {
       keys: shortcut
     });
   }
-  const className = cn('group/row border-grey-300 !sticky z-[21]', {
+  var className = cn('group/row border-grey-300 !sticky z-[21]', {
     'bottom-10': tableMeta.footer.isEnabled,
     'bottom-0': !tableMeta.footer.isEnabled,
     'border-b': !isScrolled

package/dist/esm/packages/taco/src/components/Table3/components/Row/Editing/CreateNewRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateNewRow.js","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 { Button } from '../../../../Button/Button';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Table3EditingCreateHandler } from '../../../types';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\n\ntype CreateNewRowProps<TType = unknown> = {\n    buttonRef: React.Ref<HTMLButtonElement>;\n    isScrolled: boolean;\n    onEditingCreate?: Table3EditingCreateHandler<TType>;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n};\n\nexport function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>) {\n    const { buttonRef, isScrolled, scrollToIndex, table, tableMeta } = props;\n    const { texts } = useLocalization();\n\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n    const temporaryRowId: string = temporaryRows[0]?.[tableMeta.rowIdentityAccessor as string] ?? '';\n\n    const isDisabled =\n        !!table.getState().globalFilter ||\n        !!table.getState().columnFilters?.length ||\n        (!!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId));\n    const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === 'saving';\n\n    const handleCreate = async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        await tableMeta.editing.createRow(table, scrollToIndex);\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 border-grey-300 !sticky z-[21]', {\n        'bottom-10': tableMeta.footer.isEnabled,\n        'bottom-0': !tableMeta.footer.isEnabled,\n        'border-b': !isScrolled,\n    });\n\n    return (\n        <tr data-row-create className={className} tabIndex={-1}>\n            <td className=\"!bg-grey-50 col-span-full !border-b-0 !px-1\">\n                <Button\n                    appearance=\"transparent\"\n                    className=\"group-hover:bg-grey-200 sticky left-[4px]\"\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                </Button>\n            </td>\n        </tr>\n    );\n}\n"],"names":["CreateNewRow","props","buttonRef","isScrolled","scrollToIndex","table","tableMeta","texts","useLocalization","temporaryRows","editing","temporaryRowId","_temporaryRows$0$tabl","_temporaryRows$","rowIdentityAccessor","isDisabled","getState","globalFilter","_table$getState$colum","columnFilters","length","hasRowErrors","isSaving","getRowStatus","handleCreate","Promise","resolve","createRow","then","e","reject","shortcut","key","meta","tooltip","table3","buttons","create","saving","disabled","React","Shortcut","keys","className","clsx","footer","isEnabled","tabIndex","Button","appearance","onClick","ref","Icon","name","label"],"mappings":";;;;;;;SAkBgBA,YAAYA,CAAkBC,KAA+B;;EACzE,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,aAAa;IAAEC,KAAK;IAAEC;GAAW,GAAGL,KAAK;EACxE,MAAM;IAAEM;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,aAAa,GAAGH,SAAS,CAACI,OAAO,CAACD,aAAwB;EAChE,MAAME,cAAc,IAAAC,qBAAA,IAAAC,eAAA,GAAWJ,aAAa,CAAC,CAAC,CAAC,cAAAI,eAAA,uBAAhBA,eAAA,CAAmBP,SAAS,CAACQ,mBAA6B,CAAC,cAAAF,qBAAA,cAAAA,qBAAA,GAAI,EAAE;EAEhG,MAAMG,UAAU,GACZ,CAAC,CAACV,KAAK,CAACW,QAAQ,EAAE,CAACC,YAAY,IAC/B,CAAC,GAAAC,qBAAA,GAACb,KAAK,CAACW,QAAQ,EAAE,CAACG,aAAa,cAAAD,qBAAA,eAA9BA,qBAAA,CAAgCE,MAAM,KACvC,CAAC,CAACT,cAAc,IAAI,CAAC,CAACL,SAAS,CAACI,OAAO,CAACW,YAAY,CAACV,cAAc,CAAE;EAC1E,MAAMW,QAAQ,GAAG,CAAC,CAACX,cAAc,IAAIL,SAAS,CAACI,OAAO,CAACa,YAAY,CAACZ,cAAc,CAAC,KAAK,QAAQ;EAEhG,MAAMa,YAAY;IAAA;MACd,IAAIT,UAAU,EAAE;QACZ,OAAAU,OAAA,CAAAC,OAAA;;MACH,OAAAD,OAAA,CAAAC,OAAA,CAEKpB,SAAS,CAACI,OAAO,CAACiB,SAAS,CAACtB,KAAK,EAAED,aAAa,CAAC,EAAAwB,IAAA;KAC1D,QAAAC,CAAA;MAAA,OAAAJ,OAAA,CAAAK,MAAA,CAAAD,CAAA;;;EACD,MAAME,QAAQ,GAAG;IAAEC,GAAG,EAAE,OAAO;IAAEC,IAAI,EAAE;GAAM;EAE7C,IAAIC,OAAO;EAEX,IAAIZ,QAAQ,EAAE;IACVY,OAAO,GAAG3B,KAAK,CAAC4B,MAAM,CAACzB,OAAO,CAAC0B,OAAO,CAACC,MAAM,CAACC,MAAM;GACvD,MAAM,IAAIvB,UAAU,EAAE;IACnBmB,OAAO,GAAG3B,KAAK,CAAC4B,MAAM,CAACzB,OAAO,CAAC0B,OAAO,CAACC,MAAM,CAACE,QAAQ;GACzD,MAAM;IACHL,OAAO,gBAAGM,6BAACC,QAAQ;MAACC,IAAI,EAAEX;MAAY;;EAG1C,MAAMY,SAAS,GAAGC,EAAI,CAAC,0CAA0C,EAAE;IAC/D,WAAW,EAAEtC,SAAS,CAACuC,MAAM,CAACC,SAAS;IACvC,UAAU,EAAE,CAACxC,SAAS,CAACuC,MAAM,CAACC,SAAS;IACvC,UAAU,EAAE,CAAC3C;GAChB,CAAC;EAEF,oBACIqC;;IAAoBG,SAAS,EAAEA,SAAS;IAAEI,QAAQ,EAAE,CAAC;kBACjDP;IAAIG,SAAS,EAAC;kBACVH,6BAACQ,MAAM;IACHC,UAAU,EAAC,aAAa;IACxBN,SAAS,EAAC,2CAA2C;IACrDJ,QAAQ,EAAExB,UAAU;IACpBmC,OAAO,EAAE1B,YAAY;IACrB2B,GAAG,EAAEjD,SAAS;IACd6B,QAAQ,EAAEA,QAAQ;IAClBG,OAAO,EAAEA;kBACTM,6BAACY,IAAI;IAACC,IAAI,EAAC;IAAgB,EAC1B9C,KAAK,CAAC4B,MAAM,CAACzB,OAAO,CAAC0B,OAAO,CAACC,MAAM,CAACiB,KAAK,CACrC,CACR,CACJ;AAEb;;;;"}
+{"version":3,"file":"CreateNewRow.js","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 { Button } from '../../../../Button/Button';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Table3EditingCreateHandler } from '../../../types';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\n\ntype CreateNewRowProps<TType = unknown> = {\n    buttonRef: React.Ref<HTMLButtonElement>;\n    isScrolled: boolean;\n    onEditingCreate?: Table3EditingCreateHandler<TType>;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n};\n\nexport function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>) {\n    const { buttonRef, isScrolled, scrollToIndex, table, tableMeta } = props;\n    const { texts } = useLocalization();\n\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n    const temporaryRowId: string = temporaryRows[0]?.[tableMeta.rowIdentityAccessor as string] ?? '';\n\n    const isDisabled =\n        !!table.getState().globalFilter ||\n        !!table.getState().columnFilters?.length ||\n        (!!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId));\n    const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === 'saving';\n\n    const handleCreate = async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        await tableMeta.editing.createRow(table, scrollToIndex);\n        table.resetRowSelection();\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 border-grey-300 !sticky z-[21]', {\n        'bottom-10': tableMeta.footer.isEnabled,\n        'bottom-0': !tableMeta.footer.isEnabled,\n        'border-b': !isScrolled,\n    });\n\n    return (\n        <tr data-row-create className={className} tabIndex={-1}>\n            <td className=\"!bg-grey-50 col-span-full !border-b-0 !px-1\">\n                <Button\n                    appearance=\"transparent\"\n                    className=\"group-hover:bg-grey-200 sticky left-[4px]\"\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                </Button>\n            </td>\n        </tr>\n    );\n}\n"],"names":["CreateNewRow","props","buttonRef","isScrolled","scrollToIndex","table","tableMeta","_useLocalization","useLocalization","texts","temporaryRows","editing","temporaryRowId","_temporaryRows$0$tabl","_temporaryRows$","rowIdentityAccessor","isDisabled","getState","globalFilter","_table$getState$colum","columnFilters","length","hasRowErrors","isSaving","getRowStatus","handleCreate","Promise","resolve","createRow","then","resetRowSelection","e","reject","shortcut","key","meta","tooltip","table3","buttons","create","saving","disabled","React","Shortcut","keys","className","clsx","footer","isEnabled","tabIndex","Button","appearance","onClick","ref","Icon","name","label"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/Row/Editing/SaveStatus.js

@@ -6,16 +6,13 @@ import { useLocalization } from '../../../../Provider/Localization.js';
 import { Spinner } from '../../../../Spinner/Spinner.js';
 
 function SaveStatus(props) {
-  const {
-    rowId,
-    table
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const tableMeta = table.options.meta;
-  const status = tableMeta.editing.getRowStatus(rowId);
-  const className = cn('col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]', {
+  var rowId = props.rowId,
+    table = props.table;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var tableMeta = table.options.meta;
+  var status = tableMeta.editing.getRowStatus(rowId);
+  var className = cn('col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]', {
     'mt-0.5': tableMeta.rowHeight.height === 'short',
     'mt-1': tableMeta.rowHeight.height === 'medium',
     'mt-1.5': tableMeta.rowHeight.height === 'tall',

package/dist/esm/packages/taco/src/components/Table3/components/Row/Editing/SaveStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"SaveStatus.js","sources":["../../../../../../../../../../src/components/Table3/components/Row/Editing/SaveStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../../../../Spinner/Spinner';\n\ntype SaveStatusProps<TType = unknown> = {\n    rowId: string;\n    table: ReactTable<TType>;\n};\n\nexport function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>) {\n    const { rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const status = tableMeta.editing.getRowStatus(rowId);\n\n    const className = clsx(\n        'col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]',\n        {\n            'mt-0.5': tableMeta.rowHeight.height === 'short',\n            'mt-1': tableMeta.rowHeight.height === 'medium',\n            'mt-1.5': tableMeta.rowHeight.height === 'tall',\n            'mt-2': tableMeta.rowHeight.height === 'extra-tall',\n        }\n    );\n\n    return (\n        <td className=\"!contents\">\n            <span className={className}>\n                {status === 'saving' ? (\n                    <Tooltip title={texts.table3.editing.saving.progress}>\n                        <Spinner delay={0} className=\"mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                ) : (\n                    <Tooltip title={texts.table3.editing.saving.complete}>\n                        <BadgeIcon icon=\"tick\" color=\"green\" subtle className=\"mr-1\" />\n                    </Tooltip>\n                )}\n            </span>\n        </td>\n    );\n}\n"],"names":["SaveStatus","props","rowId","table","texts","useLocalization","tableMeta","options","meta","status","editing","getRowStatus","className","clsx","rowHeight","height","React","Tooltip","title","table3","saving","progress","Spinner","delay","complete","BadgeIcon","icon","color","subtle"],"mappings":";;;;;;;SAagBA,UAAUA,CAAkBC,KAA6B;EACrE,MAAM;IAAEC,KAAK;IAAEC;GAAO,GAAGF,KAAK;EAC9B,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,MAAM,GAAGH,SAAS,CAACI,OAAO,CAACC,YAAY,CAACT,KAAK,CAAC;EAEpD,MAAMU,SAAS,GAAGC,EAAI,CAClB,4JAA4J,EAC5J;IACI,QAAQ,EAAEP,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK,OAAO;IAChD,MAAM,EAAET,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK,QAAQ;IAC/C,QAAQ,EAAET,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK,MAAM;IAC/C,MAAM,EAAET,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK;GAC1C,CACJ;EAED,oBACIC;IAAIJ,SAAS,EAAC;kBACVI;IAAMJ,SAAS,EAAEA;KACZH,MAAM,KAAK,QAAQ,iBAChBO,6BAACC,OAAO;IAACC,KAAK,EAAEd,KAAK,CAACe,MAAM,CAACT,OAAO,CAACU,MAAM,CAACC;kBACxCL,6BAACM,OAAO;IAACC,KAAK,EAAE,CAAC;IAAEX,SAAS,EAAC;IAAmB,CAC1C,kBAEVI,6BAACC,OAAO;IAACC,KAAK,EAAEd,KAAK,CAACe,MAAM,CAACT,OAAO,CAACU,MAAM,CAACI;kBACxCR,6BAACS,SAAS;IAACC,IAAI,EAAC,MAAM;IAACC,KAAK,EAAC,OAAO;IAACC,MAAM;IAAChB,SAAS,EAAC;IAAS,CACzD,CACb,CACE,CACN;AAEb;;;;"}
+{"version":3,"file":"SaveStatus.js","sources":["../../../../../../../../../../src/components/Table3/components/Row/Editing/SaveStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../../../../Spinner/Spinner';\n\ntype SaveStatusProps<TType = unknown> = {\n    rowId: string;\n    table: ReactTable<TType>;\n};\n\nexport function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>) {\n    const { rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const status = tableMeta.editing.getRowStatus(rowId);\n\n    const className = clsx(\n        'col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]',\n        {\n            'mt-0.5': tableMeta.rowHeight.height === 'short',\n            'mt-1': tableMeta.rowHeight.height === 'medium',\n            'mt-1.5': tableMeta.rowHeight.height === 'tall',\n            'mt-2': tableMeta.rowHeight.height === 'extra-tall',\n        }\n    );\n\n    return (\n        <td className=\"!contents\">\n            <span className={className}>\n                {status === 'saving' ? (\n                    <Tooltip title={texts.table3.editing.saving.progress}>\n                        <Spinner delay={0} className=\"mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                ) : (\n                    <Tooltip title={texts.table3.editing.saving.complete}>\n                        <BadgeIcon icon=\"tick\" color=\"green\" subtle className=\"mr-1\" />\n                    </Tooltip>\n                )}\n            </span>\n        </td>\n    );\n}\n"],"names":["SaveStatus","props","rowId","table","_useLocalization","useLocalization","texts","tableMeta","options","meta","status","editing","getRowStatus","className","clsx","rowHeight","height","React","Tooltip","title","table3","saving","progress","Spinner","delay","complete","BadgeIcon","icon","color","subtle"],"mappings":";;;;;;;SAagBA,UAAUA,CAAkBC,KAA6B;EACrE,IAAQC,KAAK,GAAYD,KAAK,CAAtBC,KAAK;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EACpB,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAMC,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAA6B;EAC7D,IAAMC,MAAM,GAAGH,SAAS,CAACI,OAAO,CAACC,YAAY,CAACV,KAAK,CAAC;EAEpD,IAAMW,SAAS,GAAGC,EAAI,CAClB,4JAA4J,EAC5J;IACI,QAAQ,EAAEP,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK,OAAO;IAChD,MAAM,EAAET,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK,QAAQ;IAC/C,QAAQ,EAAET,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK,MAAM;IAC/C,MAAM,EAAET,SAAS,CAACQ,SAAS,CAACC,MAAM,KAAK;GAC1C,CACJ;EAED,oBACIC;IAAIJ,SAAS,EAAC;kBACVI;IAAMJ,SAAS,EAAEA;KACZH,MAAM,KAAK,QAAQ,iBAChBO,6BAACC,OAAO;IAACC,KAAK,EAAEb,KAAK,CAACc,MAAM,CAACT,OAAO,CAACU,MAAM,CAACC;kBACxCL,6BAACM,OAAO;IAACC,KAAK,EAAE,CAAC;IAAEX,SAAS,EAAC;IAAmB,CAC1C,kBAEVI,6BAACC,OAAO;IAACC,KAAK,EAAEb,KAAK,CAACc,MAAM,CAACT,OAAO,CAACU,MAAM,CAACI;kBACxCR,6BAACS,SAAS;IAACC,IAAI,EAAC,MAAM;IAACC,KAAK,EAAC,OAAO;IAACC,MAAM;IAAChB,SAAS,EAAC;IAAS,CACzD,CACb,CACE,CACN;AAEb;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/Row/Editing/TemporaryRow.js

@@ -6,19 +6,17 @@ import { TEMPORARY_ROW_ID_PREFIX } from '../../../util/editing.js';
 import { RENDERERS } from '../../../useTable3.js';
 
 function TemporaryRow(props) {
-  const {
-    createRowButtonRef,
-    isScrolled,
-    table,
-    tableMeta,
-    tableRef
-  } = props;
-  const handleKeyDown = function (event) {
+  var createRowButtonRef = props.createRowButtonRef,
+    isScrolled = props.isScrolled,
+    table = props.table,
+    tableMeta = props.tableMeta,
+    tableRef = props.tableRef;
+  var handleKeyDown = function handleKeyDown(event) {
     try {
-      const _temp2 = function () {
+      var _temp2 = function () {
         if (event.key === 'ArrowDown') {
           event.preventDefault();
-          const _temp = function () {
+          var _temp = function () {
             if (!isElementTriggeredFromContainer(event.target, event.currentTarget)) {
               return Promise.resolve(tableMeta.editing.saveChanges(table)).then(function (saved) {
                 if (saved) {
@@ -34,16 +32,16 @@ function TemporaryRow(props) {
           event.stopPropagation();
           if (tableRef.current) {
             var _tableRef$current$que, _tableRef$current$que2, _tableRef$current$que3;
-            const availableRows = Array.from((_tableRef$current$que = tableRef.current.querySelectorAll(`tbody tr:not([data-row-id^='${TEMPORARY_ROW_ID_PREFIX}'])`)) !== null && _tableRef$current$que !== void 0 ? _tableRef$current$que : []);
-            const footerHeight = (_tableRef$current$que2 = (_tableRef$current$que3 = tableRef.current.querySelector('tfoot')) === null || _tableRef$current$que3 === void 0 ? void 0 : _tableRef$current$que3.getBoundingClientRect().height) !== null && _tableRef$current$que2 !== void 0 ? _tableRef$current$que2 : 0;
-            const newRowHeight = event.currentTarget.getBoundingClientRect().height;
-            const visibleHeight = tableRef.current.clientHeight - footerHeight - newRowHeight;
-            const tableTopOffset = tableRef.current.getBoundingClientRect().top;
-            let nextRowIndex;
+            var availableRows = Array.from((_tableRef$current$que = tableRef.current.querySelectorAll("tbody tr:not([data-row-id^='" + TEMPORARY_ROW_ID_PREFIX + "'])")) !== null && _tableRef$current$que !== void 0 ? _tableRef$current$que : []);
+            var footerHeight = (_tableRef$current$que2 = (_tableRef$current$que3 = tableRef.current.querySelector('tfoot')) === null || _tableRef$current$que3 === void 0 ? void 0 : _tableRef$current$que3.getBoundingClientRect().height) !== null && _tableRef$current$que2 !== void 0 ? _tableRef$current$que2 : 0;
+            var newRowHeight = event.currentTarget.getBoundingClientRect().height;
+            var visibleHeight = tableRef.current.clientHeight - footerHeight - newRowHeight;
+            var tableTopOffset = tableRef.current.getBoundingClientRect().top;
+            var nextRowIndex;
             // iterate available rows in reverse order, since we're working at the bottom
-            for (let index = availableRows.length - 1; index >= 0; index--) {
-              const rowRect = availableRows[index].getBoundingClientRect();
-              const topPlusHalfRow = rowRect.top + rowRect.height / 2;
+            for (var index = availableRows.length - 1; index >= 0; index--) {
+              var rowRect = availableRows[index].getBoundingClientRect();
+              var topPlusHalfRow = rowRect.top + rowRect.height / 2;
               if (topPlusHalfRow - tableTopOffset <= visibleHeight) {
                 nextRowIndex = index;
                 break;
@@ -60,7 +58,7 @@ function TemporaryRow(props) {
       return Promise.reject(e);
     }
   };
-  const handleKeyDownCapture = event => {
+  var handleKeyDownCapture = function handleKeyDownCapture(event) {
     if (event.key === 'ArrowLeft' && tableMeta.editing.lastFocusedCellIndex === 0) {
       event.preventDefault();
       event.stopPropagation();
@@ -71,26 +69,30 @@ function TemporaryRow(props) {
       }
     }
   };
-  const className = cn('group/row border-grey-300 !sticky z-[22]', {
+  var className = cn('group/row border-grey-300 !sticky z-[22]', {
     'bottom-[calc(5rem_+_2px)] data-[row-editing-move]:bottom-[calc(5rem_+_2px)]': tableMeta.footer.isEnabled,
     'bottom-[calc(2.5rem_+_2px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_2px)]': !tableMeta.footer.isEnabled,
     'border-t-2 shadow-[0px_-5px_20px_0px_rgba(0,0,0,0.1)] [&>td]:!border-b-0': isScrolled
   });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, table.getBottomRows().map(row => (/*#__PURE__*/React__default.createElement(Row, {
-    key: row.id,
-    cellRenderer: RENDERERS.cell,
-    index: tableMeta.length,
-    measureRow: () => null,
-    renderer: RENDERERS.row,
-    row: row,
-    table: table,
-    className: className,
-    onKeyDown: handleKeyDown,
-    onKeyDownCapture: handleKeyDownCapture,
-    hideInternalColumns: true,
-    hideRowActions: !tableMeta.editing.isEditing,
-    skipPageLoading: true
-  }))));
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, table.getBottomRows().map(function (row) {
+    return /*#__PURE__*/React__default.createElement(Row, {
+      key: row.id,
+      cellRenderer: RENDERERS.cell,
+      index: tableMeta.length,
+      measureRow: function measureRow() {
+        return null;
+      },
+      renderer: RENDERERS.row,
+      row: row,
+      table: table,
+      className: className,
+      onKeyDown: handleKeyDown,
+      onKeyDownCapture: handleKeyDownCapture,
+      hideInternalColumns: true,
+      hideRowActions: !tableMeta.editing.isEditing,
+      skipPageLoading: true
+    });
+  }));
 }
 
 export { TemporaryRow };

package/dist/esm/packages/taco/src/components/Table3/components/Row/Editing/TemporaryRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemporaryRow.js","sources":["../../../../../../../../../../src/components/Table3/components/Row/Editing/TemporaryRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { Row } from '../../../../../primitives/Table/Core/components/Row/Row';\nimport { RENDERERS } from '../../../useTable3';\nimport { isElementTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableRef } from '../../../../../primitives/Table/types';\nimport { TEMPORARY_ROW_ID_PREFIX } from '../../../util/editing';\n\ntype TemporaryRowProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement>;\n    isScrolled: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>) {\n    const { createRowButtonRef, isScrolled, table, tableMeta, tableRef } = props;\n\n    const handleKeyDown = async (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n\n            if (!isElementTriggeredFromContainer(event.target as Element, event.currentTarget)) {\n                const saved = await tableMeta.editing.saveChanges(table);\n\n                if (saved) {\n                    createRowButtonRef.current?.focus();\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n\n            if (tableRef.current) {\n                const availableRows = Array.from(\n                    tableRef.current.querySelectorAll(`tbody tr:not([data-row-id^='${TEMPORARY_ROW_ID_PREFIX}'])`) ?? []\n                );\n\n                const footerHeight = tableRef.current.querySelector('tfoot')?.getBoundingClientRect().height ?? 0;\n                const newRowHeight = event.currentTarget.getBoundingClientRect().height;\n                const visibleHeight = tableRef.current.clientHeight - footerHeight - newRowHeight;\n                const tableTopOffset = tableRef.current.getBoundingClientRect().top;\n\n                let nextRowIndex;\n\n                // iterate available rows in reverse order, since we're working at the bottom\n                for (let index = availableRows.length - 1; index >= 0; index--) {\n                    const rowRect = availableRows[index].getBoundingClientRect();\n                    const topPlusHalfRow = rowRect.top + rowRect.height / 2;\n\n                    if (topPlusHalfRow - tableTopOffset <= visibleHeight) {\n                        nextRowIndex = index;\n                        break;\n                    }\n                }\n\n                if (nextRowIndex) {\n                    tableMeta.rowActive.setRowActiveIndex(\n                        Number(availableRows[nextRowIndex < 0 ? 0 : nextRowIndex].getAttribute('data-row-index'))\n                    );\n                }\n            }\n        }\n    };\n\n    const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        if (event.key === 'ArrowLeft' && tableMeta.editing.lastFocusedCellIndex === 0) {\n            event.preventDefault();\n            event.stopPropagation();\n        } else if (event.key === 'ArrowRight' && tableMeta.editing.lastFocusedCellIndex) {\n            if (tableMeta.editing.lastFocusedCellIndex === table.getVisibleFlatColumns().length - 1) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n        }\n    };\n\n    const className = clsx('group/row border-grey-300 !sticky z-[22]', {\n        'bottom-[calc(5rem_+_2px)] data-[row-editing-move]:bottom-[calc(5rem_+_2px)]': tableMeta.footer.isEnabled,\n        'bottom-[calc(2.5rem_+_2px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_2px)]': !tableMeta.footer.isEnabled,\n        'border-t-2 shadow-[0px_-5px_20px_0px_rgba(0,0,0,0.1)] [&>td]:!border-b-0': isScrolled,\n    });\n\n    return (\n        <>\n            {table.getBottomRows().map(row => (\n                <Row<TType>\n                    key={row.id}\n                    cellRenderer={RENDERERS.cell}\n                    index={tableMeta.length}\n                    measureRow={() => null}\n                    renderer={RENDERERS.row}\n                    row={row}\n                    table={table}\n                    className={className}\n                    onKeyDown={handleKeyDown}\n                    onKeyDownCapture={handleKeyDownCapture}\n                    hideInternalColumns\n                    hideRowActions={!tableMeta.editing.isEditing}\n                    skipPageLoading\n                />\n            ))}\n        </>\n    );\n}\n"],"names":["TemporaryRow","props","createRowButtonRef","isScrolled","table","tableMeta","tableRef","handleKeyDown","event","key","preventDefault","_temp","isElementTriggeredFromContainer","target","currentTarget","Promise","resolve","editing","saveChanges","then","saved","_createRowButtonRef$c","current","focus","stopPropagation","_tableRef$current$que","_tableRef$current$que2","_tableRef$current$que3","availableRows","Array","from","querySelectorAll","TEMPORARY_ROW_ID_PREFIX","footerHeight","querySelector","getBoundingClientRect","height","newRowHeight","visibleHeight","clientHeight","tableTopOffset","top","nextRowIndex","index","length","rowRect","topPlusHalfRow","rowActive","setRowActiveIndex","Number","getAttribute","_temp2","e","reject","handleKeyDownCapture","lastFocusedCellIndex","getVisibleFlatColumns","className","clsx","footer","isEnabled","React","getBottomRows","map","row","Row","id","cellRenderer","RENDERERS","cell","measureRow","renderer","onKeyDown","onKeyDownCapture","hideInternalColumns","hideRowActions","isEditing","skipPageLoading"],"mappings":"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"}
+{"version":3,"file":"TemporaryRow.js","sources":["../../../../../../../../../../src/components/Table3/components/Row/Editing/TemporaryRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { Row } from '../../../../../primitives/Table/Core/components/Row/Row';\nimport { RENDERERS } from '../../../useTable3';\nimport { isElementTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableRef } from '../../../../../primitives/Table/types';\nimport { TEMPORARY_ROW_ID_PREFIX } from '../../../util/editing';\n\ntype TemporaryRowProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement>;\n    isScrolled: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>) {\n    const { createRowButtonRef, isScrolled, table, tableMeta, tableRef } = props;\n\n    const handleKeyDown = async (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n\n            if (!isElementTriggeredFromContainer(event.target as Element, event.currentTarget)) {\n                const saved = await tableMeta.editing.saveChanges(table);\n\n                if (saved) {\n                    createRowButtonRef.current?.focus();\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n\n            if (tableRef.current) {\n                const availableRows = Array.from(\n                    tableRef.current.querySelectorAll(`tbody tr:not([data-row-id^='${TEMPORARY_ROW_ID_PREFIX}'])`) ?? []\n                );\n\n                const footerHeight = tableRef.current.querySelector('tfoot')?.getBoundingClientRect().height ?? 0;\n                const newRowHeight = event.currentTarget.getBoundingClientRect().height;\n                const visibleHeight = tableRef.current.clientHeight - footerHeight - newRowHeight;\n                const tableTopOffset = tableRef.current.getBoundingClientRect().top;\n\n                let nextRowIndex;\n\n                // iterate available rows in reverse order, since we're working at the bottom\n                for (let index = availableRows.length - 1; index >= 0; index--) {\n                    const rowRect = availableRows[index].getBoundingClientRect();\n                    const topPlusHalfRow = rowRect.top + rowRect.height / 2;\n\n                    if (topPlusHalfRow - tableTopOffset <= visibleHeight) {\n                        nextRowIndex = index;\n                        break;\n                    }\n                }\n\n                if (nextRowIndex) {\n                    tableMeta.rowActive.setRowActiveIndex(\n                        Number(availableRows[nextRowIndex < 0 ? 0 : nextRowIndex].getAttribute('data-row-index'))\n                    );\n                }\n            }\n        }\n    };\n\n    const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        if (event.key === 'ArrowLeft' && tableMeta.editing.lastFocusedCellIndex === 0) {\n            event.preventDefault();\n            event.stopPropagation();\n        } else if (event.key === 'ArrowRight' && tableMeta.editing.lastFocusedCellIndex) {\n            if (tableMeta.editing.lastFocusedCellIndex === table.getVisibleFlatColumns().length - 1) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n        }\n    };\n\n    const className = clsx('group/row border-grey-300 !sticky z-[22]', {\n        'bottom-[calc(5rem_+_2px)] data-[row-editing-move]:bottom-[calc(5rem_+_2px)]': tableMeta.footer.isEnabled,\n        'bottom-[calc(2.5rem_+_2px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_2px)]': !tableMeta.footer.isEnabled,\n        'border-t-2 shadow-[0px_-5px_20px_0px_rgba(0,0,0,0.1)] [&>td]:!border-b-0': isScrolled,\n    });\n\n    return (\n        <>\n            {table.getBottomRows().map(row => (\n                <Row<TType>\n                    key={row.id}\n                    cellRenderer={RENDERERS.cell}\n                    index={tableMeta.length}\n                    measureRow={() => null}\n                    renderer={RENDERERS.row}\n                    row={row}\n                    table={table}\n                    className={className}\n                    onKeyDown={handleKeyDown}\n                    onKeyDownCapture={handleKeyDownCapture}\n                    hideInternalColumns\n                    hideRowActions={!tableMeta.editing.isEditing}\n                    skipPageLoading\n                />\n            ))}\n        </>\n    );\n}\n"],"names":["TemporaryRow","props","createRowButtonRef","isScrolled","table","tableMeta","tableRef","handleKeyDown","event","key","preventDefault","_temp","isElementTriggeredFromContainer","target","currentTarget","Promise","resolve","editing","saveChanges","then","saved","_createRowButtonRef$c","current","focus","stopPropagation","_tableRef$current$que","_tableRef$current$que2","_tableRef$current$que3","availableRows","Array","from","querySelectorAll","TEMPORARY_ROW_ID_PREFIX","footerHeight","querySelector","getBoundingClientRect","height","newRowHeight","visibleHeight","clientHeight","tableTopOffset","top","nextRowIndex","index","length","rowRect","topPlusHalfRow","rowActive","setRowActiveIndex","Number","getAttribute","_temp2","e","reject","handleKeyDownCapture","lastFocusedCellIndex","getVisibleFlatColumns","className","clsx","footer","isEnabled","React","getBottomRows","map","row","Row","id","cellRenderer","RENDERERS","cell","measureRow","renderer","onKeyDown","onKeyDownCapture","hideInternalColumns","hideRowActions","isEditing","skipPageLoading"],"mappings":"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"}