@economic/taco 2.24.0 → 2.25.1-alpha.13

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

@@ -0,0 +1,134 @@
+import React__default from 'react';
+import { Alert as Alert$1 } from '../../../Alert/Alert.js';
+import { Tooltip } from '../../../Tooltip/Tooltip.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';
+
+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.getErrors();
+  // mark errors being rendered as seen
+  React__default.useEffect(() => {
+    pendingChangesWithErrors.forEach(error => {
+      tableMeta.editing.setRowErrorsSeen(error.rowId);
+    });
+  }, [pendingChangesWithErrors]);
+  function scrollToRow(rowIndex) {
+    tableMeta.rowActive.setRowActiveIndex(rowIndex);
+    scrollToIndex(rowIndex, {
+      align: 'center'
+    });
+    requestAnimationFrame(() => {
+      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"]');
+      if (cell) {
+        var _cell$focus;
+        (_cell$focus = cell.focus) === null || _cell$focus === void 0 ? void 0 : _cell$focus.call(cell);
+      }
+    });
+  }
+  // generate the "N unsaved entries" title
+  const title = (pendingChangesWithErrors.length === 1 ? validationTexts.alertTitleOne : validationTexts.alertTitlePlural).replace('[COUNT]', String(pendingChangesWithErrors.length));
+  // generate links to each invalid row, to go into the error message
+  const links = [];
+  const rowIdentityColumn = tableMeta.rowIdentityColumnId ? table.getColumn(tableMeta.rowIdentityColumnId) : undefined;
+  pendingChangesWithErrors.forEach((error, index) => {
+    // if appropriate, concatenate the item with the text "and"
+    if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {
+      links.push(validationTexts.alertMessageAnd);
+    }
+    const handleClick = () => {
+      const rowIndex = table.getRowModel().rows.findIndex(row => row.id === error.rowId);
+      if (rowIndex > -1) {
+        scrollToRow(rowIndex);
+      } else {
+        setShowFilterResetDialog(error.rowId);
+      }
+    };
+    let tooltip;
+    if (error.pendingChange._meta.errors.row) {
+      tooltip = error.pendingChange._meta.errors.row;
+    } else {
+      var _table$getAllColumns$, _table$getAllColumns$2;
+      const firstCellErrorColumnId = Object.keys(error.pendingChange._meta.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}: ${error.pendingChange._meta.errors.cells[firstCellErrorColumnId]}`;
+    }
+    links.push( /*#__PURE__*/React__default.createElement(Tooltip, {
+      key: error.rowId,
+      title: tooltip
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "text-blue",
+      onClick: handleClick,
+      role: "button"
+    }, rowIdentityColumn ? error.pendingChange._meta.original[rowIdentityColumn.id] : error.rowId)));
+    // if appropriate, concatenate the item with the text ","
+    if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {
+      links.push(', ');
+    }
+  });
+  // generate the "Row N is incomplete and hasn't been saved" error message
+  const message = (links.length === 1 ? validationTexts.alertMessageOne : validationTexts.alertMessagePlural).split(/(\[\w+\])/).map(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.alertMessageRow;
+    }
+    if (part === '[ROW]') {
+      return links;
+    }
+    return part;
+  });
+  const handleResetFilters = () => {
+    table.resetGlobalFilter();
+    table.resetColumnFilters();
+    requestAnimationFrame(() => {
+      const rowIndex = table.getRowModel().rows.findIndex(row => row.id === showFilterResetDialog);
+      if (rowIndex > -1) {
+        scrollToRow(rowIndex);
+      }
+      setShowFilterResetDialog(false);
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Alert$1, Object.assign({}, attributes, {
+    state: "error"
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "font-bold"
+  }, title), message), /*#__PURE__*/React__default.createElement(FilterResetDialog, {
+    open: showFilterResetDialog !== false,
+    onChange: () => setShowFilterResetDialog(false),
+    onSubmit: handleResetFilters
+  }));
+}
+function FilterResetDialog(props) {
+  const {
+    onSubmit: handleSubmit,
+    ...dialogProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  return /*#__PURE__*/React__default.createElement(Dialog, Object.assign({}, dialogProps, {
+    size: "xs"
+  }), /*#__PURE__*/React__default.createElement(Dialog.Content, {
+    "aria-label": "Create a new account"
+  }, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table3.editing.validation.resetFiltersDialog.title), /*#__PURE__*/React__default.createElement("p", null, texts.table3.editing.validation.resetFiltersDialog.description), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, null, texts.table3.editing.validation.resetFiltersDialog.cancel)), /*#__PURE__*/React__default.createElement(Button, {
+    appearance: "primary",
+    onClick: handleSubmit
+  }, texts.table3.editing.validation.resetFiltersDialog.confirm)))));
+}
+
+export { Alert };
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +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<string | false>(false);\n\n    const pendingChangesWithErrors = tableMeta.editing.getErrors<TType>();\n\n    // mark errors being rendered as seen\n    React.useEffect(() => {\n        pendingChangesWithErrors.forEach(error => {\n            tableMeta.editing.setRowErrorsSeen(error.rowId);\n        });\n    }, [pendingChangesWithErrors]);\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.alertTitleOne : validationTexts.alertTitlePlural\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 rowIdentityColumn = tableMeta.rowIdentityColumnId ? table.getColumn(tableMeta.rowIdentityColumnId) : undefined;\n\n    pendingChangesWithErrors.forEach((error, index) => {\n        // if appropriate, concatenate the item with the text \"and\"\n        if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {\n            links.push(validationTexts.alertMessageAnd);\n        }\n\n        const handleClick = () => {\n            const rowIndex = table.getRowModel().rows.findIndex(row => row.id === error.rowId);\n\n            if (rowIndex > -1) {\n                scrollToRow(rowIndex);\n            } else {\n                setShowFilterResetDialog(error.rowId);\n            }\n        };\n\n        let tooltip;\n\n        if (error.pendingChange._meta.errors.row) {\n            tooltip = error.pendingChange._meta.errors.row;\n        } else {\n            const firstCellErrorColumnId = Object.keys(error.pendingChange._meta.errors.cells)[0];\n            const columnName = table.getAllColumns().find(column => column.id === firstCellErrorColumnId)?.columnDef.meta?.header;\n            tooltip = `${columnName}: ${error.pendingChange._meta.errors.cells[firstCellErrorColumnId]}`;\n        }\n\n        links.push(\n            <Tooltip key={error.rowId} title={tooltip}>\n                <span className=\"text-blue\" onClick={handleClick} role=\"button\">\n                    {rowIdentityColumn ? error.pendingChange._meta.original[rowIdentityColumn.id] : error.rowId}\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.alertMessageOne : validationTexts.alertMessagePlural)\n        .split(/(\\[\\w+\\])/)\n        .map(part => {\n            if (part === '[COLUMN]') {\n                return rowIdentityColumn?.columnDef.meta?.header ?? validationTexts.alertMessageRow;\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            const rowIndex = table.getRowModel().rows.findIndex(row => row.id === showFilterResetDialog);\n\n            if (rowIndex > -1) {\n                scrollToRow(rowIndex);\n            }\n\n            setShowFilterResetDialog(false);\n        });\n    };\n\n    return (\n        <>\n            <BaseAlert {...attributes} state=\"error\">\n                <span className=\"font-bold\">{title}</span>\n                {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","getErrors","useEffect","forEach","error","setRowErrorsSeen","rowId","scrollToRow","rowIndex","rowActive","setRowActiveIndex","align","requestAnimationFrame","cell","_tableRef$current","current","querySelector","_cell$focus","focus","call","title","length","alertTitleOne","alertTitlePlural","replace","String","links","rowIdentityColumn","rowIdentityColumnId","getColumn","undefined","index","push","alertMessageAnd","handleClick","getRowModel","rows","findIndex","row","id","tooltip","pendingChange","_meta","errors","_table$getAllColumns$","_table$getAllColumns$2","firstCellErrorColumnId","Object","keys","cells","columnName","getAllColumns","find","column","columnDef","header","Tooltip","key","className","onClick","role","original","message","alertMessageOne","alertMessagePlural","split","map","part","_rowIdentityColumn$co","_rowIdentityColumn$co2","alertMessageRow","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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"}

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

@@ -0,0 +1,54 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { Icon } from '../../../../Icon/Icon.js';
+import { Tooltip } from '../../../../Tooltip/Tooltip.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Spinner } from '../../../../Spinner/Spinner.js';
+
+const COMPLETE_INDICATOR_DELAY = 3000;
+function SaveStatus(props) {
+  const {
+    rowId,
+    table
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const tableMeta = table.options.meta;
+  const status = tableMeta.editing.getRowSaveStatus(rowId);
+  React__default.useEffect(() => {
+    let timeout;
+    if (status === 'complete') {
+      timeout = setTimeout(() => {
+        tableMeta.editing.setRowSaveStatus(rowId, undefined);
+      }, COMPLETE_INDICATOR_DELAY);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [status]);
+  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)]', {
+    'mt-0.5': tableMeta.rowHeight.height === 'short',
+    'mt-1': tableMeta.rowHeight.height === 'medium',
+    'mt-1.5': tableMeta.rowHeight.height === 'tall',
+    'mt-2': tableMeta.rowHeight.height === 'extra-tall'
+  });
+  return /*#__PURE__*/React__default.createElement("td", {
+    className: "!contents"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: className
+  }, status === 'pending' ? ( /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: texts.table3.editing.saving.progress
+  }, /*#__PURE__*/React__default.createElement(Spinner, {
+    delay: 0,
+    className: "!text-grey-700 mr-1 !h-5 !w-5"
+  }))) : ( /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: texts.table3.editing.saving.complete
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "tick",
+    className: "!text-grey-700 mr-1 !h-5 !w-5"
+  })))));
+}
+
+export { SaveStatus };
+//# sourceMappingURL=SaveStatus.js.map

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

@@ -0,0 +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 { Icon } from '../../../../Icon/Icon';\nimport { Spinner } from '../../../../Spinner/Spinner';\n\nconst COMPLETE_INDICATOR_DELAY = 3000;\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.getRowSaveStatus(rowId);\n\n    React.useEffect(() => {\n        let timeout;\n\n        if (status === 'complete') {\n            timeout = setTimeout(() => {\n                tableMeta.editing.setRowSaveStatus(rowId, undefined);\n            }, COMPLETE_INDICATOR_DELAY);\n        }\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [status]);\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 === 'pending' ? (\n                    <Tooltip title={texts.table3.editing.saving.progress}>\n                        <Spinner delay={0} className=\"!text-grey-700 mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                ) : (\n                    <Tooltip title={texts.table3.editing.saving.complete}>\n                        <Icon name=\"tick\" className=\"!text-grey-700 mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                )}\n            </span>\n        </td>\n    );\n}\n"],"names":["COMPLETE_INDICATOR_DELAY","SaveStatus","props","rowId","table","texts","useLocalization","tableMeta","options","meta","status","editing","getRowSaveStatus","React","useEffect","timeout","setTimeout","setRowSaveStatus","undefined","clearTimeout","className","clsx","rowHeight","height","Tooltip","title","table3","saving","progress","Spinner","delay","complete","Icon","name"],"mappings":";;;;;;;AAQA,MAAMA,wBAAwB,GAAG,IAAI;SAOrBC,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,gBAAgB,CAACT,KAAK,CAAC;EAExDU,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAIL,MAAM,KAAK,UAAU,EAAE;MACvBK,OAAO,GAAGC,UAAU,CAAC;QACjBT,SAAS,CAACI,OAAO,CAACM,gBAAgB,CAACd,KAAK,EAAEe,SAAS,CAAC;OACvD,EAAElB,wBAAwB,CAAC;;IAGhC,OAAO;MACHmB,YAAY,CAACJ,OAAO,CAAC;KACxB;GACJ,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,MAAMU,SAAS,GAAGC,EAAI,CAClB,4JAA4J,EAC5J;IACI,QAAQ,EAAEd,SAAS,CAACe,SAAS,CAACC,MAAM,KAAK,OAAO;IAChD,MAAM,EAAEhB,SAAS,CAACe,SAAS,CAACC,MAAM,KAAK,QAAQ;IAC/C,QAAQ,EAAEhB,SAAS,CAACe,SAAS,CAACC,MAAM,KAAK,MAAM;IAC/C,MAAM,EAAEhB,SAAS,CAACe,SAAS,CAACC,MAAM,KAAK;GAC1C,CACJ;EAED,oBACIV;IAAIO,SAAS,EAAC;kBACVP;IAAMO,SAAS,EAAEA;KACZV,MAAM,KAAK,SAAS,kBACjBG,6BAACW,OAAO;IAACC,KAAK,EAAEpB,KAAK,CAACqB,MAAM,CAACf,OAAO,CAACgB,MAAM,CAACC;kBACxCf,6BAACgB,OAAO;IAACC,KAAK,EAAE,CAAC;IAAEV,SAAS,EAAC;IAAkC,CACzD,mBAEVP,6BAACW,OAAO;IAACC,KAAK,EAAEpB,KAAK,CAACqB,MAAM,CAACf,OAAO,CAACgB,MAAM,CAACI;kBACxClB,6BAACmB,IAAI;IAACC,IAAI,EAAC,MAAM;IAACb,SAAS,EAAC;IAAkC,CACxD,CACb,CACE,CACN;AAEb;;;;"}

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

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { DisplayRow } from '../../../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow.js';
+import { useAugmentedFocusManager } from '../../../../primitives/Table/Core/components/Body/util.js';
+import { SaveStatus } from './Editing/SaveStatus.js';
+
+function Row(props) {
+  const {
+    row,
+    index,
+    table
+  } = props;
+  const focusManager = useAugmentedFocusManager();
+  const tableMeta = table.options.meta;
+  const isActiveRow = tableMeta.rowActive.rowActiveIndex === index;
+  React__default.useEffect(() => {
+    if (tableMeta.editing.isEditing && isActiveRow && tableMeta.editing.lastFocusedCellIndex === undefined) {
+      focusManager.focusFirst();
+    }
+  }, [tableMeta.editing.isEditing, tableMeta.rowActive.rowActiveIndex, tableMeta.editing.lastFocusedCellIndex]);
+  const handleFocus = React__default.useCallback(event => {
+    if (tableMeta.editing.isEditing && isActiveRow) {
+      var _event$target$closest, _event$target$closest2;
+      const cellIndex = Number((_event$target$closest = (_event$target$closest2 = event.target.closest('td')) === null || _event$target$closest2 === void 0 ? void 0 : _event$target$closest2.getAttribute('data-cell-index')) !== null && _event$target$closest !== void 0 ? _event$target$closest : undefined);
+      if (!isNaN(cellIndex) && tableMeta.editing.lastFocusedCellIndex !== cellIndex) {
+        tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));
+      }
+    }
+  }, [tableMeta.editing.isEditing, isActiveRow]);
+  const attributes = {
+    'data-row-editing-invalid': tableMeta.editing.hasRowErrors(row.id) ? !tableMeta.editing.hasRowErrorsSeen(row.id) ? 'unseen' : true : undefined,
+    'data-row-editing-status': tableMeta.editing.getRowSaveStatus(row.id),
+    onFocus: handleFocus
+  };
+  return /*#__PURE__*/React__default.createElement(DisplayRow, Object.assign({}, props, attributes), tableMeta.editing.getRowSaveStatus(row.id) ? /*#__PURE__*/React__default.createElement(SaveStatus, {
+    rowId: row.id,
+    table: table
+  }) : null);
+}
+
+export { Row };
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table3/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { DisplayRow, DisplayRowProps } from '../../../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow';\nimport { SaveStatus } from './Editing/SaveStatus';\nimport { useAugmentedFocusManager } from '../../../../primitives/Table/Core/components/Body/util';\n\nexport function Row<TType = unknown>(props: DisplayRowProps<TType>) {\n    const { row, index, table } = props;\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === index;\n\n    React.useEffect(() => {\n        if (tableMeta.editing.isEditing && isActiveRow && tableMeta.editing.lastFocusedCellIndex === undefined) {\n            focusManager.focusFirst();\n        }\n    }, [tableMeta.editing.isEditing, tableMeta.rowActive.rowActiveIndex, tableMeta.editing.lastFocusedCellIndex]);\n\n    const handleFocus = React.useCallback(\n        (event: React.FocusEvent<HTMLTableRowElement>) => {\n            if (tableMeta.editing.isEditing && isActiveRow) {\n                const cellIndex = Number(event.target.closest('td')?.getAttribute('data-cell-index') ?? undefined);\n\n                if (!isNaN(cellIndex) && tableMeta.editing.lastFocusedCellIndex !== cellIndex) {\n                    tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));\n                }\n            }\n        },\n        [tableMeta.editing.isEditing, isActiveRow]\n    );\n\n    const attributes = {\n        'data-row-editing-invalid': tableMeta.editing.hasRowErrors(row.id)\n            ? !tableMeta.editing.hasRowErrorsSeen(row.id)\n                ? 'unseen'\n                : true\n            : undefined,\n        'data-row-editing-status': tableMeta.editing.getRowSaveStatus(row.id),\n        onFocus: handleFocus,\n    };\n\n    return (\n        <DisplayRow<TType> {...props} {...attributes}>\n            {tableMeta.editing.getRowSaveStatus(row.id) ? <SaveStatus rowId={row.id} table={table} /> : null}\n        </DisplayRow>\n    );\n}\n"],"names":["Row","props","row","index","table","focusManager","useAugmentedFocusManager","tableMeta","options","meta","isActiveRow","rowActive","rowActiveIndex","React","useEffect","editing","isEditing","lastFocusedCellIndex","undefined","focusFirst","handleFocus","useCallback","event","_event$target$closest","_event$target$closest2","cellIndex","Number","target","closest","getAttribute","isNaN","setLastFocusedCellIndex","attributes","hasRowErrors","id","hasRowErrorsSeen","getRowSaveStatus","onFocus","DisplayRow","SaveStatus","rowId"],"mappings":";;;;;SAMgBA,GAAGA,CAAkBC,KAA6B;EAC9D,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC;GAAO,GAAGH,KAAK;EACnC,MAAMI,YAAY,GAAGC,wBAAwB,EAAE;EAC/C,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,WAAW,GAAGH,SAAS,CAACI,SAAS,CAACC,cAAc,KAAKT,KAAK;EAEhEU,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIP,SAAS,CAACQ,OAAO,CAACC,SAAS,IAAIN,WAAW,IAAIH,SAAS,CAACQ,OAAO,CAACE,oBAAoB,KAAKC,SAAS,EAAE;MACpGb,YAAY,CAACc,UAAU,EAAE;;GAEhC,EAAE,CAACZ,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAET,SAAS,CAACI,SAAS,CAACC,cAAc,EAAEL,SAAS,CAACQ,OAAO,CAACE,oBAAoB,CAAC,CAAC;EAE7G,MAAMG,WAAW,GAAGP,cAAK,CAACQ,WAAW,CAChCC,KAA4C;IACzC,IAAIf,SAAS,CAACQ,OAAO,CAACC,SAAS,IAAIN,WAAW,EAAE;MAAA,IAAAa,qBAAA,EAAAC,sBAAA;MAC5C,MAAMC,SAAS,GAAGC,MAAM,EAAAH,qBAAA,IAAAC,sBAAA,GAACF,KAAK,CAACK,MAAM,CAACC,OAAO,CAAC,IAAI,CAAC,cAAAJ,sBAAA,uBAA1BA,sBAAA,CAA4BK,YAAY,CAAC,iBAAiB,CAAC,cAAAN,qBAAA,cAAAA,qBAAA,GAAIL,SAAS,CAAC;MAElG,IAAI,CAACY,KAAK,CAACL,SAAS,CAAC,IAAIlB,SAAS,CAACQ,OAAO,CAACE,oBAAoB,KAAKQ,SAAS,EAAE;QAC3ElB,SAAS,CAACQ,OAAO,CAACgB,uBAAuB,CAACL,MAAM,CAACD,SAAS,CAAC,CAAC;;;GAGvE,EACD,CAAClB,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAEN,WAAW,CAAC,CAC7C;EAED,MAAMsB,UAAU,GAAG;IACf,0BAA0B,EAAEzB,SAAS,CAACQ,OAAO,CAACkB,YAAY,CAAC/B,GAAG,CAACgC,EAAE,CAAC,GAC5D,CAAC3B,SAAS,CAACQ,OAAO,CAACoB,gBAAgB,CAACjC,GAAG,CAACgC,EAAE,CAAC,GACvC,QAAQ,GACR,IAAI,GACRhB,SAAS;IACf,yBAAyB,EAAEX,SAAS,CAACQ,OAAO,CAACqB,gBAAgB,CAAClC,GAAG,CAACgC,EAAE,CAAC;IACrEG,OAAO,EAAEjB;GACZ;EAED,oBACIP,6BAACyB,UAAU,oBAAYrC,KAAK,EAAM+B,UAAU,GACvCzB,SAAS,CAACQ,OAAO,CAACqB,gBAAgB,CAAClC,GAAG,CAACgC,EAAE,CAAC,gBAAGrB,6BAAC0B,UAAU;IAACC,KAAK,EAAEtC,GAAG,CAACgC,EAAE;IAAE9B,KAAK,EAAEA;IAAS,GAAG,IAAI,CACvF;AAErB;;;;"}

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

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import { useGlobalKeyDown } from '../../../../../hooks/useGlobalKeyDown.js';
+import { Tooltip } from '../../../../Tooltip/Tooltip.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Shortcut } from '../../../../Shortcut/Shortcut.js';
+import { ModeSwitch } from '../../../../ModeSwitch/ModeSwitch.js';
+
+function Editing(props) {
+  const {
+    scrollToIndex,
+    table
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const ref = React__default.useRef(null);
+  const tableMeta = table.options.meta;
+  const shortcut = {
+    key: 'e',
+    meta: true,
+    shift: false
+  };
+  const tooltip = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.editing.buttons.edit.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+    className: "ml-2",
+    keys: shortcut
+  }));
+  useGlobalKeyDown(shortcut, event => {
+    var _ref$current;
+    event.preventDefault();
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.click();
+  });
+  const handleChange = enabled => {
+    tableMeta.editing.toggleEditing(enabled);
+    requestAnimationFrame(() => {
+      var _tableMeta$rowActive$;
+      return scrollToIndex((_tableMeta$rowActive$ = tableMeta.rowActive.rowActiveIndex) !== null && _tableMeta$rowActive$ !== void 0 ? _tableMeta$rowActive$ : 0);
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: tooltip
+  }, /*#__PURE__*/React__default.createElement(ModeSwitch, {
+    checked: tableMeta.editing.isEditing,
+    onChange: handleChange,
+    ref: ref
+  }));
+}
+
+export { Editing };
+//# sourceMappingURL=Editing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editing.js","sources":["../../../../../../../../../../src/components/Table3/components/Toolbar/Editing/Editing.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { ModeSwitch } from '../../../../ModeSwitch/ModeSwitch';\nimport { useGlobalKeyDown } from '../../../../../hooks/useGlobalKeyDown';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\n\ntype EditingProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n};\n\nexport function Editing<TType = unknown>(props: EditingProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const shortcut = { key: 'e', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table3.editing.buttons.edit.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    useGlobalKeyDown(shortcut, (event: KeyboardEvent) => {\n        event.preventDefault();\n        ref.current?.click();\n    });\n\n    const handleChange = (enabled: boolean) => {\n        tableMeta.editing.toggleEditing(enabled);\n        requestAnimationFrame(() => scrollToIndex(tableMeta.rowActive.rowActiveIndex ?? 0));\n    };\n\n    return (\n        <Tooltip title={tooltip}>\n            <ModeSwitch checked={tableMeta.editing.isEditing} onChange={handleChange} ref={ref} />\n        </Tooltip>\n    );\n}\n"],"names":["Editing","props","scrollToIndex","table","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","shortcut","key","shift","tooltip","table3","editing","buttons","edit","Shortcut","className","keys","useGlobalKeyDown","event","preventDefault","_ref$current","current","click","handleChange","enabled","toggleEditing","requestAnimationFrame","_tableMeta$rowActive$","rowActive","rowActiveIndex","Tooltip","title","ModeSwitch","checked","isEditing","onChange"],"mappings":";;;;;;;SAagBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,aAAa;IAAEC;GAAO,GAAGF,KAAK;EACtC,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EACjD,MAAMC,SAAS,GAAGN,KAAK,CAACO,OAAO,CAACC,IAA6B;EAE7D,MAAMC,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEF,IAAI,EAAE,IAAI;IAAEG,KAAK,EAAE;GAAO;EACvD,MAAMC,OAAO,gBACTR,4DACKH,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,OAAO,CAACC,IAAI,CAACJ,OAAO,eAC1CR,6BAACa,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACC,IAAI,EAAEV;IAAY,CAEpD;EAEDW,gBAAgB,CAACX,QAAQ,EAAGY,KAAoB;;IAC5CA,KAAK,CAACC,cAAc,EAAE;IACtB,CAAAC,YAAA,GAAApB,GAAG,CAACqB,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,KAAK,EAAE;GACvB,CAAC;EAEF,MAAMC,YAAY,GAAIC,OAAgB;IAClCrB,SAAS,CAACQ,OAAO,CAACc,aAAa,CAACD,OAAO,CAAC;IACxCE,qBAAqB,CAAC;MAAA,IAAAC,qBAAA;MAAA,OAAM/B,aAAa,EAAA+B,qBAAA,GAACxB,SAAS,CAACyB,SAAS,CAACC,cAAc,cAAAF,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;MAAC;GACtF;EAED,oBACI1B,6BAAC6B,OAAO;IAACC,KAAK,EAAEtB;kBACZR,6BAAC+B,UAAU;IAACC,OAAO,EAAE9B,SAAS,CAACQ,OAAO,CAACuB,SAAS;IAAEC,QAAQ,EAAEZ,YAAY;IAAEvB,GAAG,EAAEA;IAAO,CAChF;AAElB;;;;"}