@economic/taco 2.25.1 → 2.26.0

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;;;;"}

package/dist/esm/packages/taco/src/components/Table3/features/useTableEditing.js

@@ -0,0 +1,349 @@
+import React__default from 'react';
+import { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom.js';
+import { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown.js';
+import { _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { willRowMove } from '../util/editing.js';
+
+function useTableEditing(isEnabled = false, handleSave, validator) {
+  // used to switch the table into editing mode
+  const [isEditing, toggleEditing] = React__default.useState(false);
+  // used to switch the editing between "detailed" mode
+  const [isDetailedMode, toggleDetailedMode] = React__default.useState(false);
+  // store the last focused cell, so that up/down arrow key navigation remains in the same column
+  const [lastFocusedCellIndex, setLastFocusedCellIndex] = useLastFocusedCellIndex();
+  // store pending changes for each row
+  // changes are saved as soon as the active row changes, so in most cases this will only contain the active row's changes
+  // but not always - if validation or server requests fail when saving, those rows remain until the failure is resolved
+  const pendingChangesFns = usePendingChanges(isEnabled, handleSave, validator);
+  // if focus leaves the table in any way, trigger a save
+  const handleBlur = React__default.useCallback(event => {
+    if (event.relatedTarget !== event.currentTarget && !isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {
+      pendingChangesFns.saveChanges();
+    }
+  }, [pendingChangesFns.saveChanges]);
+  // TODO: using useGlobalKeyDown prevents trigger when focused on inputs, but it's more "proper"
+  useGlobalKeyDown(isEnabled && isEditing ? {
+    key: 's',
+    meta: true,
+    shift: false
+  } : undefined, event => {
+    event.preventDefault();
+    pendingChangesFns.saveChanges();
+  });
+  return {
+    isEnabled,
+    isEditing,
+    isDetailedMode,
+    toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,
+    toggleEditing: isEnabled ? toggleEditing : () => undefined,
+    lastFocusedCellIndex,
+    setLastFocusedCellIndex,
+    ...pendingChangesFns,
+    handleBlur: isEnabled && isEditing ? handleBlur : () => undefined
+  };
+}
+function usePendingChanges(isEnabled, handleSave, validator) {
+  const saveChanges = function (rowId = undefined) {
+    try {
+      if (!handleSave) {
+        console.warn('Tried to save, but Table has no onSave handler');
+        return Promise.resolve();
+      }
+      // we save back to pendingChanges, so make a copy of it's state when save was triggered
+      const changesToSave = rowId ? {
+        [rowId]: pendingChanges[rowId]
+      } : {
+        ...pendingChanges
+      };
+      const changes = Object.keys(changesToSave);
+      if (changes.length) {
+        changes.map(function (rowId) {
+          try {
+            let _exit = false;
+            const pendingChange = changesToSave[rowId];
+            const changeSet = getChangesetFromChanges(pendingChange);
+            return Promise.resolve(_catch(function () {
+              function _temp3(_result) {
+                return _exit ? _result : Promise.resolve(handleSave(changeSet)).then(function () {
+                  // cleanup changes, we don't need them after saving
+                  resetChanges(rowId);
+                  setRowSaveStatus(rowId, 'complete');
+                });
+              }
+              // set saving = true
+              setRowSaveStatus(rowId, 'pending');
+              // re-run validation, maybe a cell is already invalid but has never been blurred
+              const _temp2 = function () {
+                if (validator) {
+                  return Promise.resolve(validator(changeSet)).then(function (errors) {
+                    if (errors && Object.keys(errors).length) {
+                      throw errors;
+                    }
+                  });
+                }
+              }();
+              return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2); // send new data to the server
+            }, function (error) {
+              // the onSave handler should throw errors when something fails, e.g. validation, network errors etc
+              // this code handles those errors and maps them either to row errors or cell specific errors
+              let rowError;
+              let cellErrors;
+              if (typeof error === 'string') {
+                rowError = error;
+              } else if (error instanceof Error) {
+                var _error$response;
+                rowError = error.message;
+                // most of our apis return error objects within this shape
+                if (typeof ((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data) === 'object') {
+                  var _error$response2;
+                  cellErrors = (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.data;
+                }
+              } else if (typeof error === 'object') {
+                cellErrors = error;
+              }
+              if (rowError || cellErrors) {
+                setPendingChanges(currentChanges => {
+                  var _nextChanges$rowId$_m, _nextChanges$rowId$_m2;
+                  const nextChanges = {
+                    ...currentChanges
+                  };
+                  nextChanges[rowId]._meta.errors = {
+                    row: rowError,
+                    cells: cellErrors,
+                    hasShownErrorAlert: (_nextChanges$rowId$_m = (_nextChanges$rowId$_m2 = nextChanges[rowId]._meta.errors) === null || _nextChanges$rowId$_m2 === void 0 ? void 0 : _nextChanges$rowId$_m2.hasShownErrorAlert) !== null && _nextChanges$rowId$_m !== void 0 ? _nextChanges$rowId$_m : false
+                  };
+                  return nextChanges;
+                });
+              }
+              setRowSaveStatus(rowId, undefined);
+            }));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        });
+      }
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const validateCell = function (cell) {
+    try {
+      if (!validator || !isEnabled) {
+        return Promise.resolve();
+      }
+      const changeSet = getChangesetFromChanges(pendingChanges[cell.row.id]);
+      // only validate if the cell being blurred actually has any changes
+      const _temp = function () {
+        if (cell.column.id in changeSet) {
+          return Promise.resolve(validator(changeSet)).then(function (errors) {
+            setPendingChanges(currentChanges => {
+              const nextChanges = {
+                ...currentChanges
+              };
+              nextChanges[cell.row.id]._meta = {
+                ...nextChanges[cell.row.id]._meta,
+                errors: {
+                  ...nextChanges[cell.row.id]._meta.errors,
+                  cells: errors,
+                  hasShownErrorAlert: Object.keys(errors).length && !nextChanges[cell.row.id]._meta.errors.hasShownErrorAlert ? false : nextChanges[cell.row.id]._meta.errors.hasShownErrorAlert
+                }
+              };
+              return nextChanges;
+            });
+          });
+        }
+      }();
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const [pendingChanges, setPendingChanges] = React__default.useState({});
+  // we maintain save status as separate state because 'complete' needs to briefly show after pendingChanges are deleted
+  const [saveStates, setSaveState] = React__default.useState({});
+  function getCellValue(cell) {
+    var _pendingChanges$cell$;
+    return (_pendingChanges$cell$ = pendingChanges[cell.row.id]) === null || _pendingChanges$cell$ === void 0 ? void 0 : _pendingChanges$cell$[cell.column.id];
+  }
+  function getCellError(cell) {
+    var _pendingChanges$cell$2, _pendingChanges$cell$3, _pendingChanges$cell$4;
+    return (_pendingChanges$cell$2 = pendingChanges[cell.row.id]) === null || _pendingChanges$cell$2 === void 0 ? void 0 : (_pendingChanges$cell$3 = _pendingChanges$cell$2._meta.errors) === null || _pendingChanges$cell$3 === void 0 ? void 0 : (_pendingChanges$cell$4 = _pendingChanges$cell$3.cells) === null || _pendingChanges$cell$4 === void 0 ? void 0 : _pendingChanges$cell$4[cell.column.id];
+  }
+  const setCellValue = React__default.useCallback(function (cell, change, rowIndex) {
+    setPendingChanges(currentChanges => {
+      var _currentChanges$cell$, _currentChanges$cell$2, _currentChanges$cell$3;
+      const nextChanges = {
+        ...currentChanges
+      };
+      const rowChanges = {
+        ...currentChanges[cell.row.id],
+        _meta: {
+          ...((_currentChanges$cell$ = currentChanges[cell.row.id]) === null || _currentChanges$cell$ === void 0 ? void 0 : _currentChanges$cell$._meta),
+          original: cell.row.original,
+          moveReason: {
+            ...((_currentChanges$cell$2 = currentChanges[cell.row.id]) === null || _currentChanges$cell$2 === void 0 ? void 0 : _currentChanges$cell$2._meta.moveReason)
+          },
+          errors: {
+            ...((_currentChanges$cell$3 = currentChanges[cell.row.id]) === null || _currentChanges$cell$3 === void 0 ? void 0 : _currentChanges$cell$3._meta.errors)
+          }
+        }
+      };
+      // update if the change is different to the original (saved) value,
+      // otherwise remove any change - no point saving the same value
+      if (change !== cell.row.original[cell.column.id]) {
+        rowChanges[cell.column.id] = change;
+        // determine if the row will move position based on this change, and save why it will move
+        const reason = willRowMove(cell, change, rowIndex);
+        if (reason) {
+          rowChanges._meta.moveReason[cell.column.id] = reason;
+        } else {
+          delete rowChanges._meta.moveReason[cell.column.id];
+        }
+      } else {
+        delete rowChanges[cell.column.id];
+      }
+      // set the changes for the row...
+      // or delete if there are no changes left, so that we don't store changes with unchanged data
+      if (Object.keys(rowChanges).filter(k => k !== '_meta').length) {
+        nextChanges[cell.row.id] = rowChanges;
+      } else {
+        delete nextChanges[cell.row.id];
+      }
+      return nextChanges;
+    });
+  }, []);
+  function hasRowErrors(rowId) {
+    var _pendingChanges$rowId, _pendingChanges$rowId2, _pendingChanges$rowId3, _pendingChanges$rowId4, _pendingChanges$rowId5;
+    if (!isEnabled) {
+      return false;
+    }
+    return !!((_pendingChanges$rowId = pendingChanges[rowId]) !== null && _pendingChanges$rowId !== void 0 && (_pendingChanges$rowId2 = _pendingChanges$rowId._meta.errors) !== null && _pendingChanges$rowId2 !== void 0 && _pendingChanges$rowId2.row) || !!Object.keys((_pendingChanges$rowId3 = (_pendingChanges$rowId4 = pendingChanges[rowId]) === null || _pendingChanges$rowId4 === void 0 ? void 0 : (_pendingChanges$rowId5 = _pendingChanges$rowId4._meta.errors) === null || _pendingChanges$rowId5 === void 0 ? void 0 : _pendingChanges$rowId5.cells) !== null && _pendingChanges$rowId3 !== void 0 ? _pendingChanges$rowId3 : {}).length;
+  }
+  function hasRowErrorsSeen(rowId) {
+    var _pendingChanges$rowId6;
+    if (!isEnabled) {
+      return false;
+    }
+    return hasRowErrors(rowId) && !!((_pendingChanges$rowId6 = pendingChanges[rowId]._meta.errors) !== null && _pendingChanges$rowId6 !== void 0 && _pendingChanges$rowId6.hasShownErrorAlert);
+  }
+  function setRowErrorsSeen(rowId) {
+    var _pendingChanges$rowId7;
+    if (((_pendingChanges$rowId7 = pendingChanges[rowId]._meta.errors) === null || _pendingChanges$rowId7 === void 0 ? void 0 : _pendingChanges$rowId7.hasShownErrorAlert) === false) {
+      setPendingChanges(currentChanges => {
+        const nextChanges = {
+          ...currentChanges
+        };
+        nextChanges[rowId]._meta.errors = {
+          ...nextChanges[rowId]._meta.errors,
+          hasShownErrorAlert: true
+        };
+        return nextChanges;
+      });
+    }
+  }
+  function getRowSaveStatus(rowId) {
+    if (!isEnabled) {
+      return false;
+    }
+    return saveStates[rowId];
+  }
+  function setRowSaveStatus(rowId, status) {
+    setSaveState(currentStates => {
+      const nextStates = {
+        ...currentStates
+      };
+      if (status) {
+        nextStates[rowId] = status;
+      } else {
+        delete nextStates[rowId];
+      }
+      return nextStates;
+    });
+  }
+  function getRowMoveReason(rowId) {
+    var _pendingChanges$rowId8;
+    return (_pendingChanges$rowId8 = pendingChanges[rowId]) !== null && _pendingChanges$rowId8 !== void 0 && _pendingChanges$rowId8._meta.moveReason ? Object.values(pendingChanges[rowId]._meta.moveReason)[0] : undefined;
+  }
+  function hasChanges(rowId) {
+    if (!isEnabled) {
+      return false;
+    }
+    return rowId ? !!pendingChanges[rowId] : !!Object.keys(pendingChanges).length;
+  }
+  function hasErrors(table, tableRef) {
+    var _tableRef$current;
+    if (!isEnabled) {
+      return false;
+    }
+    const tableMeta = table.options.meta;
+    const focusIsInsideTable = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.contains(document.activeElement);
+    let activeRow;
+    if (tableMeta.rowActive.rowActiveIndex !== undefined) {
+      activeRow = table.getRowModel().rows[tableMeta.rowActive.rowActiveIndex];
+    }
+    return Object.keys(getErrors().filter(error => {
+      var _activeRow;
+      if ((_activeRow = activeRow) !== null && _activeRow !== void 0 && _activeRow.id && focusIsInsideTable) {
+        var _activeRow2;
+        return error.rowId === ((_activeRow2 = activeRow) === null || _activeRow2 === void 0 ? void 0 : _activeRow2.id) ? error.pendingChange._meta.errors.hasShownErrorAlert : true;
+      }
+      return true;
+    })).length;
+  }
+  function getErrors() {
+    return Object.keys(pendingChanges).filter(hasRowErrors).map(rowId => ({
+      rowId,
+      pendingChange: pendingChanges[rowId]
+    }));
+  }
+  function resetChanges(rowId) {
+    setPendingChanges(currentChanges => {
+      const nextChanges = {
+        ...currentChanges
+      };
+      delete nextChanges[rowId];
+      return nextChanges;
+    });
+  }
+  return {
+    getCellValue,
+    getCellError,
+    setCellValue,
+    validateCell,
+    hasChanges,
+    hasErrors,
+    getErrors,
+    saveChanges,
+    resetChanges,
+    hasRowErrors,
+    hasRowErrorsSeen,
+    setRowErrorsSeen,
+    getRowSaveStatus,
+    setRowSaveStatus,
+    getRowMoveReason
+  };
+}
+function useLastFocusedCellIndex() {
+  // store the last focused cell, so that up/down arrow key navigation remains in the same column
+  const lastFocusedCellIndexRef = React__default.useRef(undefined);
+  const setLastFocusedCellIndex = React__default.useCallback(index => {
+    lastFocusedCellIndexRef.current = index;
+  }, []);
+  return [lastFocusedCellIndexRef.current, setLastFocusedCellIndex];
+}
+function getChangesetFromChanges(changes) {
+  // extract the original data from the row changes
+  const {
+    _meta,
+    ...changeset
+  } = changes !== null && changes !== void 0 ? changes : {};
+  // and mix them in with the changes, ready to send to the server
+  return {
+    ...(_meta === null || _meta === void 0 ? void 0 : _meta.original),
+    ...changeset
+  };
+}
+
+export { useTableEditing };
+//# sourceMappingURL=useTableEditing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableEditing.js","sources":["../../../../../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableEditingSaveHandler, TableEditingValidatorFn } from '../types';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { willRowMove } from '../util/editing';\nimport { TableRef } from '../../../primitives/Table/types';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    handleSave: TableEditingSaveHandler<TType> | undefined,\n    validator: TableEditingValidatorFn<TType> | undefined\n) {\n    // used to switch the table into editing mode\n    const [isEditing, toggleEditing] = React.useState(false);\n\n    // used to switch the editing between \"detailed\" mode\n    const [isDetailedMode, toggleDetailedMode] = React.useState(false);\n\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const [lastFocusedCellIndex, setLastFocusedCellIndex] = useLastFocusedCellIndex();\n\n    // store pending changes for each row\n    // changes are saved as soon as the active row changes, so in most cases this will only contain the active row's changes\n    // but not always - if validation or server requests fail when saving, those rows remain until the failure is resolved\n    const pendingChangesFns = usePendingChanges<TType>(isEnabled, handleSave, validator);\n\n    // if focus leaves the table in any way, trigger a save\n    const handleBlur = React.useCallback(\n        (event: React.FocusEvent<HTMLTableElement>) => {\n            if (\n                event.relatedTarget !== event.currentTarget &&\n                !isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)\n            ) {\n                pendingChangesFns.saveChanges();\n            }\n        },\n        [pendingChangesFns.saveChanges]\n    );\n\n    // TODO: using useGlobalKeyDown prevents trigger when focused on inputs, but it's more \"proper\"\n    useGlobalKeyDown(isEnabled && isEditing ? { key: 's', meta: true, shift: false } : undefined, event => {\n        event.preventDefault();\n        pendingChangesFns.saveChanges();\n    });\n\n    return {\n        isEnabled,\n        isEditing,\n        isDetailedMode,\n        toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,\n        toggleEditing: isEnabled ? toggleEditing : () => undefined,\n        lastFocusedCellIndex,\n        setLastFocusedCellIndex,\n        ...pendingChangesFns,\n        handleBlur: isEnabled && isEditing ? handleBlur : () => undefined,\n    };\n}\n\ntype SaveState = 'pending' | 'complete';\ntype PendingChange<TType = unknown> = Partial<TType> & {\n    _meta: {\n        original: TType;\n        moveReason: Record<string, 'search' | 'sorting' | 'filter'>;\n        errors: {\n            row: string;\n            cells: Record<string, string>;\n            hasShownErrorAlert: boolean;\n        };\n        status?: SaveState;\n    };\n};\n\nfunction usePendingChanges<TType = unknown>(\n    isEnabled: boolean,\n    handleSave: TableEditingSaveHandler<TType> | undefined,\n    validator: TableEditingValidatorFn<TType> | undefined\n) {\n    const [pendingChanges, setPendingChanges] = React.useState<Record<string, PendingChange<TType>>>({});\n    // we maintain save status as separate state because 'complete' needs to briefly show after pendingChanges are deleted\n    const [saveStates, setSaveState] = React.useState<Record<string, SaveState>>({});\n\n    function getCellValue<T extends TType>(cell: ReactTableCell<T, unknown>): unknown | undefined {\n        return pendingChanges[cell.row.id]?.[cell.column.id];\n    }\n\n    function getCellError<T extends TType>(cell: ReactTableCell<T, unknown>): string | undefined {\n        return pendingChanges[cell.row.id]?._meta.errors?.cells?.[cell.column.id];\n    }\n\n    const setCellValue = React.useCallback(function <T extends TType>(\n        cell: ReactTableCell<T, unknown>,\n        change: unknown,\n        rowIndex: number\n    ) {\n        setPendingChanges(currentChanges => {\n            const nextChanges = { ...currentChanges };\n            const rowChanges = {\n                ...currentChanges[cell.row.id],\n                _meta: {\n                    ...currentChanges[cell.row.id]?._meta,\n                    original: cell.row.original,\n                    moveReason: {\n                        ...currentChanges[cell.row.id]?._meta.moveReason,\n                    },\n                    errors: {\n                        ...currentChanges[cell.row.id]?._meta.errors,\n                    },\n                },\n            } as PendingChange<T>;\n\n            // update if the change is different to the original (saved) value,\n            // otherwise remove any change - no point saving the same value\n            if (change !== cell.row.original[cell.column.id]) {\n                rowChanges[cell.column.id] = change;\n\n                // determine if the row will move position based on this change, and save why it will move\n                const reason = willRowMove(cell, change, rowIndex);\n\n                if (reason) {\n                    rowChanges._meta.moveReason[cell.column.id] = reason;\n                } else {\n                    delete rowChanges._meta.moveReason[cell.column.id];\n                }\n            } else {\n                delete rowChanges[cell.column.id];\n            }\n\n            // set the changes for the row...\n            // or delete if there are no changes left, so that we don't store changes with unchanged data\n            if (Object.keys(rowChanges).filter(k => k !== '_meta').length) {\n                nextChanges[cell.row.id] = rowChanges;\n            } else {\n                delete nextChanges[cell.row.id];\n            }\n\n            return nextChanges;\n        });\n    },\n    []);\n\n    async function validateCell<T extends TType>(cell: ReactTableCell<T, unknown>) {\n        if (!validator || !isEnabled) {\n            return;\n        }\n\n        const changeSet = getChangesetFromChanges(pendingChanges[cell.row.id]);\n\n        // only validate if the cell being blurred actually has any changes\n        if (cell.column.id in changeSet) {\n            const errors = ((await validator(changeSet)) ?? {}) as Record<string, string>;\n\n            setPendingChanges(currentChanges => {\n                const nextChanges = { ...currentChanges };\n                nextChanges[cell.row.id]._meta = {\n                    ...nextChanges[cell.row.id]._meta,\n                    errors: {\n                        ...nextChanges[cell.row.id]._meta.errors,\n                        cells: errors,\n                        hasShownErrorAlert:\n                            Object.keys(errors).length && !nextChanges[cell.row.id]._meta.errors.hasShownErrorAlert\n                                ? false\n                                : nextChanges[cell.row.id]._meta.errors.hasShownErrorAlert,\n                    },\n                };\n                return nextChanges;\n            });\n        }\n    }\n\n    function hasRowErrors(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return (\n            !!pendingChanges[rowId]?._meta.errors?.row || !!Object.keys(pendingChanges[rowId]?._meta.errors?.cells ?? {}).length\n        );\n    }\n\n    function hasRowErrorsSeen(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return hasRowErrors(rowId) && !!pendingChanges[rowId]._meta.errors?.hasShownErrorAlert;\n    }\n\n    function setRowErrorsSeen(rowId: string) {\n        if (pendingChanges[rowId]._meta.errors?.hasShownErrorAlert === false) {\n            setPendingChanges(currentChanges => {\n                const nextChanges = { ...currentChanges };\n                nextChanges[rowId]._meta.errors = {\n                    ...nextChanges[rowId]._meta.errors,\n                    hasShownErrorAlert: true,\n                };\n                return nextChanges;\n            });\n        }\n    }\n\n    function getRowSaveStatus(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return saveStates[rowId];\n    }\n\n    function setRowSaveStatus(rowId: string, status: 'pending' | 'complete' | undefined) {\n        setSaveState(currentStates => {\n            const nextStates = { ...currentStates };\n\n            if (status) {\n                nextStates[rowId] = status;\n            } else {\n                delete nextStates[rowId];\n            }\n\n            return nextStates;\n        });\n    }\n\n    function getRowMoveReason(rowId: string) {\n        return pendingChanges[rowId]?._meta.moveReason ? Object.values(pendingChanges[rowId]._meta.moveReason)[0] : undefined;\n    }\n\n    function hasChanges(rowId?: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return rowId ? !!pendingChanges[rowId] : !!Object.keys(pendingChanges).length;\n    }\n\n    function hasErrors<T extends TType>(table: ReactTable<T>, tableRef: React.RefObject<TableRef>) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n        const focusIsInsideTable = tableRef.current?.contains(document.activeElement);\n\n        let activeRow;\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            activeRow = table.getRowModel().rows[tableMeta.rowActive.rowActiveIndex];\n        }\n\n        return Object.keys(\n            getErrors().filter(error => {\n                if (activeRow?.id && focusIsInsideTable) {\n                    return error.rowId === activeRow?.id ? error.pendingChange._meta.errors.hasShownErrorAlert : true;\n                }\n\n                return true;\n            })\n        ).length;\n    }\n\n    function getErrors<T extends TType>() {\n        return Object.keys(pendingChanges)\n            .filter(hasRowErrors)\n            .map(rowId => ({ rowId, pendingChange: pendingChanges[rowId] as PendingChange<T> }));\n    }\n\n    function resetChanges(rowId: string) {\n        setPendingChanges(currentChanges => {\n            const nextChanges = { ...currentChanges };\n            delete nextChanges[rowId];\n            return nextChanges;\n        });\n    }\n\n    async function saveChanges(rowId: string | undefined = undefined) {\n        if (!handleSave) {\n            console.warn('Tried to save, but Table has no onSave handler');\n            return;\n        }\n\n        // we save back to pendingChanges, so make a copy of it's state when save was triggered\n        const changesToSave = rowId ? { [rowId]: pendingChanges[rowId] } : { ...pendingChanges };\n        const changes = Object.keys(changesToSave);\n\n        if (changes.length) {\n            changes.map(async rowId => {\n                const pendingChange = changesToSave[rowId];\n\n                const changeSet = getChangesetFromChanges(pendingChange);\n\n                try {\n                    // set saving = true\n                    setRowSaveStatus(rowId, 'pending');\n\n                    // re-run validation, maybe a cell is already invalid but has never been blurred\n                    if (validator) {\n                        const errors = await validator(changeSet);\n\n                        if (errors && Object.keys(errors).length) {\n                            throw errors;\n                        }\n                    }\n\n                    // send new data to the server\n                    await handleSave(changeSet);\n\n                    // cleanup changes, we don't need them after saving\n                    resetChanges(rowId);\n                    setRowSaveStatus(rowId, 'complete');\n                } catch (error) {\n                    // the onSave handler should throw errors when something fails, e.g. validation, network errors etc\n                    // this code handles those errors and maps them either to row errors or cell specific errors\n                    let rowError;\n                    let cellErrors;\n\n                    if (typeof error === 'string') {\n                        rowError = error;\n                    } else if (error instanceof Error) {\n                        rowError = error.message;\n\n                        // most of our apis return error objects within this shape\n                        if (typeof (error as any).response?.data === 'object') {\n                            cellErrors = (error as any).response?.data;\n                        }\n                    } else if (typeof error === 'object') {\n                        cellErrors = error;\n                    }\n\n                    if (rowError || cellErrors) {\n                        setPendingChanges(currentChanges => {\n                            const nextChanges = { ...currentChanges };\n                            nextChanges[rowId]._meta.errors = {\n                                row: rowError,\n                                cells: cellErrors,\n                                hasShownErrorAlert: nextChanges[rowId]._meta.errors?.hasShownErrorAlert ?? false,\n                            };\n                            return nextChanges;\n                        });\n                    }\n\n                    setRowSaveStatus(rowId, undefined);\n                }\n            });\n        }\n    }\n\n    return {\n        getCellValue,\n        getCellError,\n        setCellValue,\n        validateCell,\n        hasChanges,\n        hasErrors,\n        getErrors,\n        saveChanges,\n        resetChanges,\n        hasRowErrors,\n        hasRowErrorsSeen,\n        setRowErrorsSeen,\n        getRowSaveStatus,\n        setRowSaveStatus,\n        getRowMoveReason,\n    };\n}\n\nfunction useLastFocusedCellIndex(): [number | undefined, (index: number | undefined) => void] {\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const lastFocusedCellIndexRef = React.useRef<number | undefined>(undefined);\n    const setLastFocusedCellIndex = React.useCallback((index: number | undefined) => {\n        lastFocusedCellIndexRef.current = index;\n    }, []);\n\n    return [lastFocusedCellIndexRef.current, setLastFocusedCellIndex];\n}\n\nfunction getChangesetFromChanges<TType = unknown>(changes: PendingChange<TType>): TType {\n    // extract the original data from the row changes\n    const { _meta, ...changeset } = changes ?? {};\n    // and mix them in with the changes, ready to send to the server\n    return { ..._meta?.original, ...changeset };\n}\n"],"names":["useTableEditing","isEnabled","handleSave","validator","isEditing","toggleEditing","React","useState","isDetailedMode","toggleDetailedMode","lastFocusedCellIndex","setLastFocusedCellIndex","useLastFocusedCellIndex","pendingChangesFns","usePendingChanges","handleBlur","useCallback","event","relatedTarget","currentTarget","isElementInsideOrTriggeredFromContainer","saveChanges","useGlobalKeyDown","key","meta","shift","undefined","preventDefault","rowId","console","warn","Promise","resolve","changesToSave","pendingChanges","changes","Object","keys","length","map","pendingChange","changeSet","getChangesetFromChanges","_catch","_temp3","_result","_exit","then","resetChanges","setRowSaveStatus","_temp2","errors","error","rowError","cellErrors","Error","_error$response","message","response","data","_error$response2","setPendingChanges","currentChanges","nextChanges","_meta","row","cells","hasShownErrorAlert","_nextChanges$rowId$_m","_nextChanges$rowId$_m2","e","reject","validateCell","cell","id","_temp","column","saveStates","setSaveState","getCellValue","_pendingChanges$cell$","getCellError","_pendingChanges$cell$2","_pendingChanges$cell$3","_pendingChanges$cell$4","setCellValue","change","rowIndex","rowChanges","_currentChanges$cell$","original","moveReason","_currentChanges$cell$2","_currentChanges$cell$3","reason","willRowMove","filter","k","hasRowErrors","_pendingChanges$rowId","_pendingChanges$rowId2","_pendingChanges$rowId3","_pendingChanges$rowId4","_pendingChanges$rowId5","hasRowErrorsSeen","_pendingChanges$rowId6","setRowErrorsSeen","_pendingChanges$rowId7","getRowSaveStatus","status","currentStates","nextStates","getRowMoveReason","_pendingChanges$rowId8","values","hasChanges","hasErrors","table","tableRef","tableMeta","options","focusIsInsideTable","_tableRef$current","current","contains","document","activeElement","activeRow","rowActive","rowActiveIndex","getRowModel","rows","getErrors","_activeRow","_activeRow2","lastFocusedCellIndexRef","useRef","index","changeset"],"mappings":";;;;;;SAQgBA,eAAeA,CAC3BC,SAAS,GAAG,KAAK,EACjBC,UAAsD,EACtDC,SAAqD;;EAGrD,MAAM,CAACC,SAAS,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;;EAGxD,MAAM,CAACC,cAAc,EAAEC,kBAAkB,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;;EAGlE,MAAM,CAACG,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGC,uBAAuB,EAAE;;;;EAKjF,MAAMC,iBAAiB,GAAGC,iBAAiB,CAAQb,SAAS,EAAEC,UAAU,EAAEC,SAAS,CAAC;;EAGpF,MAAMY,UAAU,GAAGT,cAAK,CAACU,WAAW,CAC/BC,KAAyC;IACtC,IACIA,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,aAAa,IAC3C,CAACC,uCAAuC,CAACH,KAAK,CAACC,aAAa,EAAED,KAAK,CAACE,aAAa,CAAC,EACpF;MACEN,iBAAiB,CAACQ,WAAW,EAAE;;GAEtC,EACD,CAACR,iBAAiB,CAACQ,WAAW,CAAC,CAClC;;EAGDC,gBAAgB,CAACrB,SAAS,IAAIG,SAAS,GAAG;IAAEmB,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAO,GAAGC,SAAS,EAAET,KAAK;IAC/FA,KAAK,CAACU,cAAc,EAAE;IACtBd,iBAAiB,CAACQ,WAAW,EAAE;GAClC,CAAC;EAEF,OAAO;IACHpB,SAAS;IACTG,SAAS;IACTI,cAAc;IACdC,kBAAkB,EAAER,SAAS,GAAGQ,kBAAkB,GAAG,MAAMiB,SAAS;IACpErB,aAAa,EAAEJ,SAAS,GAAGI,aAAa,GAAG,MAAMqB,SAAS;IAC1DhB,oBAAoB;IACpBC,uBAAuB;IACvB,GAAGE,iBAAiB;IACpBE,UAAU,EAAEd,SAAS,IAAIG,SAAS,GAAGW,UAAU,GAAG,MAAMW;GAC3D;AACL;AAgBA,SAASZ,iBAAiBA,CACtBb,SAAkB,EAClBC,UAAsD,EACtDC,SAAqD;QAsMtCkB,WAAW,aAACO,QAA4BF,SAAS;IAAA;MAC5D,IAAI,CAACxB,UAAU,EAAE;QACb2B,OAAO,CAACC,IAAI,CAAC,gDAAgD,CAAC;QAC9D,OAAAC,OAAA,CAAAC,OAAA;;;MAIJ,MAAMC,aAAa,GAAGL,KAAK,GAAG;QAAE,CAACA,KAAK,GAAGM,cAAc,CAACN,KAAK;OAAG,GAAG;QAAE,GAAGM;OAAgB;MACxF,MAAMC,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACJ,aAAa,CAAC;MAE1C,IAAIE,OAAO,CAACG,MAAM,EAAE;QAChBH,OAAO,CAACI,GAAG,WAAOX,KAAK;UAAA;;YACnB,MAAMY,aAAa,GAAGP,aAAa,CAACL,KAAK,CAAC;YAE1C,MAAMa,SAAS,GAAGC,uBAAuB,CAACF,aAAa,CAAC;YAAC,OAAAT,OAAA,CAAAC,OAAA,CAAAW,MAAA,aAErD;cAAA,SAAAC,OAAAC,OAAA;gBAAA,OAAAC,KAAA,GAAAD,OAAA,GAAAd,OAAA,CAAAC,OAAA,CAcM9B,UAAU,CAACuC,SAAS,CAAC,EAAAM,IAAA;;kBAG3BC,YAAY,CAACpB,KAAK,CAAC;kBACnBqB,gBAAgB,CAACrB,KAAK,EAAE,UAAU,CAAC;;;;cAhBnCqB,gBAAgB,CAACrB,KAAK,EAAE,SAAS,CAAC;;cAElC,MAAAsB,MAAA;gBAAA,IACI/C,SAAS;kBAAA,OAAA4B,OAAA,CAAAC,OAAA,CACY7B,SAAS,CAACsC,SAAS,CAAC,EAAAM,IAAA,WAAnCI,MAAM;oBAAA,IAERA,MAAM,IAAIf,MAAM,CAACC,IAAI,CAACc,MAAM,CAAC,CAACb,MAAM;sBACpC,MAAMa,MAAM;;;;;cAAC,OAAAD,MAAA,IAAAA,MAAA,CAAAH,IAAA,GAAAG,MAAA,CAAAH,IAAA,CAAAH,MAAA,IAAAA,MAAA,CAAAM,MAAA;aAUxB,YAAQE,KAAK,EAAE;;;cAGZ,IAAIC,QAAQ;cACZ,IAAIC,UAAU;cAEd,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;gBAC3BC,QAAQ,GAAGD,KAAK;eACnB,MAAM,IAAIA,KAAK,YAAYG,KAAK,EAAE;gBAAA,IAAAC,eAAA;gBAC/BH,QAAQ,GAAGD,KAAK,CAACK,OAAO;;gBAGxB,IAAI,SAAAD,eAAA,GAAQJ,KAAa,CAACM,QAAQ,cAAAF,eAAA,uBAAtBA,eAAA,CAAwBG,IAAI,MAAK,QAAQ,EAAE;kBAAA,IAAAC,gBAAA;kBACnDN,UAAU,IAAAM,gBAAA,GAAIR,KAAa,CAACM,QAAQ,cAAAE,gBAAA,uBAAtBA,gBAAA,CAAwBD,IAAI;;eAEjD,MAAM,IAAI,OAAOP,KAAK,KAAK,QAAQ,EAAE;gBAClCE,UAAU,GAAGF,KAAK;;cAGtB,IAAIC,QAAQ,IAAIC,UAAU,EAAE;gBACxBO,iBAAiB,CAACC,cAAc;;kBAC5B,MAAMC,WAAW,GAAG;oBAAE,GAAGD;mBAAgB;kBACzCC,WAAW,CAACnC,KAAK,CAAC,CAACoC,KAAK,CAACb,MAAM,GAAG;oBAC9Bc,GAAG,EAAEZ,QAAQ;oBACba,KAAK,EAAEZ,UAAU;oBACjBa,kBAAkB,GAAAC,qBAAA,IAAAC,sBAAA,GAAEN,WAAW,CAACnC,KAAK,CAAC,CAACoC,KAAK,CAACb,MAAM,cAAAkB,sBAAA,uBAA/BA,sBAAA,CAAiCF,kBAAkB,cAAAC,qBAAA,cAAAA,qBAAA,GAAI;mBAC9E;kBACD,OAAOL,WAAW;iBACrB,CAAC;;cAGNd,gBAAgB,CAACrB,KAAK,EAAEF,SAAS,CAAC;aACrC;WACJ,QAAA4C,CAAA;YAAA,OAAAvC,OAAA,CAAAwC,MAAA,CAAAD,CAAA;;UAAC;;MACL,OAAAvC,OAAA,CAAAC,OAAA;KACJ,QAAAsC,CAAA;MAAA,OAAAvC,OAAA,CAAAwC,MAAA,CAAAD,CAAA;;;EAAA,MA3McE,YAAY,aAAkBC,IAAgC;IAAA;MACzE,IAAI,CAACtE,SAAS,IAAI,CAACF,SAAS,EAAE;QAC1B,OAAA8B,OAAA,CAAAC,OAAA;;MAGJ,MAAMS,SAAS,GAAGC,uBAAuB,CAACR,cAAc,CAACuC,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,CAAC;;MAEtE,MAAAC,KAAA;QAAA,IACIF,IAAI,CAACG,MAAM,CAACF,EAAE,IAAIjC,SAAS;UAAA,OAAAV,OAAA,CAAAC,OAAA,CACJ7B,SAAS,CAACsC,SAAS,CAAC,EAAAM,IAAA,WAArCI,MAAM;YAEZU,iBAAiB,CAACC,cAAc;cAC5B,MAAMC,WAAW,GAAG;gBAAE,GAAGD;eAAgB;cACzCC,WAAW,CAACU,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,CAACV,KAAK,GAAG;gBAC7B,GAAGD,WAAW,CAACU,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,CAACV,KAAK;gBACjCb,MAAM,EAAE;kBACJ,GAAGY,WAAW,CAACU,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,CAACV,KAAK,CAACb,MAAM;kBACxCe,KAAK,EAAEf,MAAM;kBACbgB,kBAAkB,EACd/B,MAAM,CAACC,IAAI,CAACc,MAAM,CAAC,CAACb,MAAM,IAAI,CAACyB,WAAW,CAACU,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,CAACV,KAAK,CAACb,MAAM,CAACgB,kBAAkB,GACjF,KAAK,GACLJ,WAAW,CAACU,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,CAACV,KAAK,CAACb,MAAM,CAACgB;;eAEvD;cACD,OAAOJ,WAAW;aACrB,CAAC;;;;MAAC,OAAAhC,OAAA,CAAAC,OAAA,CAAA2C,KAAA,IAAAA,KAAA,CAAA5B,IAAA,GAAA4B,KAAA,CAAA5B,IAAA;KAEV,QAAAuB,CAAA;MAAA,OAAAvC,OAAA,CAAAwC,MAAA,CAAAD,CAAA;;;EA1FD,MAAM,CAACpC,cAAc,EAAE2B,iBAAiB,CAAC,GAAGvD,cAAK,CAACC,QAAQ,CAAuC,EAAE,CAAC;;EAEpG,MAAM,CAACsE,UAAU,EAAEC,YAAY,CAAC,GAAGxE,cAAK,CAACC,QAAQ,CAA4B,EAAE,CAAC;EAEhF,SAASwE,YAAYA,CAAkBN,IAAgC;;IACnE,QAAAO,qBAAA,GAAO9C,cAAc,CAACuC,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,cAAAM,qBAAA,uBAA3BA,qBAAA,CAA8BP,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC;;EAGxD,SAASO,YAAYA,CAAkBR,IAAgC;;IACnE,QAAAS,sBAAA,GAAOhD,cAAc,CAACuC,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,cAAAQ,sBAAA,wBAAAC,sBAAA,GAA3BD,sBAAA,CAA6BlB,KAAK,CAACb,MAAM,cAAAgC,sBAAA,wBAAAC,sBAAA,GAAzCD,sBAAA,CAA2CjB,KAAK,cAAAkB,sBAAA,uBAAhDA,sBAAA,CAAmDX,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC;;EAG7E,MAAMW,YAAY,GAAG/E,cAAK,CAACU,WAAW,CAAC,UACnCyD,IAAgC,EAChCa,MAAe,EACfC,QAAgB;IAEhB1B,iBAAiB,CAACC,cAAc;;MAC5B,MAAMC,WAAW,GAAG;QAAE,GAAGD;OAAgB;MACzC,MAAM0B,UAAU,GAAG;QACf,GAAG1B,cAAc,CAACW,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC;QAC9BV,KAAK,EAAE;UACH,KAAAyB,qBAAA,GAAG3B,cAAc,CAACW,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,cAAAe,qBAAA,uBAA3BA,qBAAA,CAA6BzB,KAAK;UACrC0B,QAAQ,EAAEjB,IAAI,CAACR,GAAG,CAACyB,QAAQ;UAC3BC,UAAU,EAAE;YACR,KAAAC,sBAAA,GAAG9B,cAAc,CAACW,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,cAAAkB,sBAAA,uBAA3BA,sBAAA,CAA6B5B,KAAK,CAAC2B,UAAU;WACnD;UACDxC,MAAM,EAAE;YACJ,KAAA0C,sBAAA,GAAG/B,cAAc,CAACW,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,cAAAmB,sBAAA,uBAA3BA,sBAAA,CAA6B7B,KAAK,CAACb,MAAM;;;OAGnC;;;MAIrB,IAAImC,MAAM,KAAKb,IAAI,CAACR,GAAG,CAACyB,QAAQ,CAACjB,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC,EAAE;QAC9Cc,UAAU,CAACf,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC,GAAGY,MAAM;;QAGnC,MAAMQ,MAAM,GAAGC,WAAW,CAACtB,IAAI,EAAEa,MAAM,EAAEC,QAAQ,CAAC;QAElD,IAAIO,MAAM,EAAE;UACRN,UAAU,CAACxB,KAAK,CAAC2B,UAAU,CAAClB,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC,GAAGoB,MAAM;SACvD,MAAM;UACH,OAAON,UAAU,CAACxB,KAAK,CAAC2B,UAAU,CAAClB,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC;;OAEzD,MAAM;QACH,OAAOc,UAAU,CAACf,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC;;;;MAKrC,IAAItC,MAAM,CAACC,IAAI,CAACmD,UAAU,CAAC,CAACQ,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAK,OAAO,CAAC,CAAC3D,MAAM,EAAE;QAC3DyB,WAAW,CAACU,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC,GAAGc,UAAU;OACxC,MAAM;QACH,OAAOzB,WAAW,CAACU,IAAI,CAACR,GAAG,CAACS,EAAE,CAAC;;MAGnC,OAAOX,WAAW;KACrB,CAAC;GACL,EACD,EAAE,CAAC;EA+BH,SAASmC,YAAYA,CAACtE,KAAa;;IAC/B,IAAI,CAAC3B,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OACI,CAAC,GAAAkG,qBAAA,GAACjE,cAAc,CAACN,KAAK,CAAC,cAAAuE,qBAAA,gBAAAC,sBAAA,GAArBD,qBAAA,CAAuBnC,KAAK,CAACb,MAAM,cAAAiD,sBAAA,eAAnCA,sBAAA,CAAqCnC,GAAG,KAAI,CAAC,CAAC7B,MAAM,CAACC,IAAI,EAAAgE,sBAAA,IAAAC,sBAAA,GAACpE,cAAc,CAACN,KAAK,CAAC,cAAA0E,sBAAA,wBAAAC,sBAAA,GAArBD,sBAAA,CAAuBtC,KAAK,CAACb,MAAM,cAAAoD,sBAAA,uBAAnCA,sBAAA,CAAqCrC,KAAK,cAAAmC,sBAAA,cAAAA,sBAAA,GAAI,EAAE,CAAC,CAAC/D,MAAM;;EAI5H,SAASkE,gBAAgBA,CAAC5E,KAAa;;IACnC,IAAI,CAAC3B,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OAAOiG,YAAY,CAACtE,KAAK,CAAC,IAAI,CAAC,GAAA6E,sBAAA,GAACvE,cAAc,CAACN,KAAK,CAAC,CAACoC,KAAK,CAACb,MAAM,cAAAsD,sBAAA,eAAlCA,sBAAA,CAAoCtC,kBAAkB;;EAG1F,SAASuC,gBAAgBA,CAAC9E,KAAa;;IACnC,IAAI,EAAA+E,sBAAA,GAAAzE,cAAc,CAACN,KAAK,CAAC,CAACoC,KAAK,CAACb,MAAM,cAAAwD,sBAAA,uBAAlCA,sBAAA,CAAoCxC,kBAAkB,MAAK,KAAK,EAAE;MAClEN,iBAAiB,CAACC,cAAc;QAC5B,MAAMC,WAAW,GAAG;UAAE,GAAGD;SAAgB;QACzCC,WAAW,CAACnC,KAAK,CAAC,CAACoC,KAAK,CAACb,MAAM,GAAG;UAC9B,GAAGY,WAAW,CAACnC,KAAK,CAAC,CAACoC,KAAK,CAACb,MAAM;UAClCgB,kBAAkB,EAAE;SACvB;QACD,OAAOJ,WAAW;OACrB,CAAC;;;EAIV,SAAS6C,gBAAgBA,CAAChF,KAAa;IACnC,IAAI,CAAC3B,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OAAO4E,UAAU,CAACjD,KAAK,CAAC;;EAG5B,SAASqB,gBAAgBA,CAACrB,KAAa,EAAEiF,MAA0C;IAC/E/B,YAAY,CAACgC,aAAa;MACtB,MAAMC,UAAU,GAAG;QAAE,GAAGD;OAAe;MAEvC,IAAID,MAAM,EAAE;QACRE,UAAU,CAACnF,KAAK,CAAC,GAAGiF,MAAM;OAC7B,MAAM;QACH,OAAOE,UAAU,CAACnF,KAAK,CAAC;;MAG5B,OAAOmF,UAAU;KACpB,CAAC;;EAGN,SAASC,gBAAgBA,CAACpF,KAAa;;IACnC,OAAO,CAAAqF,sBAAA,GAAA/E,cAAc,CAACN,KAAK,CAAC,cAAAqF,sBAAA,eAArBA,sBAAA,CAAuBjD,KAAK,CAAC2B,UAAU,GAAGvD,MAAM,CAAC8E,MAAM,CAAChF,cAAc,CAACN,KAAK,CAAC,CAACoC,KAAK,CAAC2B,UAAU,CAAC,CAAC,CAAC,CAAC,GAAGjE,SAAS;;EAGzH,SAASyF,UAAUA,CAACvF,KAAc;IAC9B,IAAI,CAAC3B,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OAAO2B,KAAK,GAAG,CAAC,CAACM,cAAc,CAACN,KAAK,CAAC,GAAG,CAAC,CAACQ,MAAM,CAACC,IAAI,CAACH,cAAc,CAAC,CAACI,MAAM;;EAGjF,SAAS8E,SAASA,CAAkBC,KAAoB,EAAEC,QAAmC;;IACzF,IAAI,CAACrH,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,MAAMsH,SAAS,GAAGF,KAAK,CAACG,OAAO,CAAChG,IAA6B;IAC7D,MAAMiG,kBAAkB,IAAAC,iBAAA,GAAGJ,QAAQ,CAACK,OAAO,cAAAD,iBAAA,uBAAhBA,iBAAA,CAAkBE,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;IAE7E,IAAIC,SAAS;IAEb,IAAIR,SAAS,CAACS,SAAS,CAACC,cAAc,KAAKvG,SAAS,EAAE;MAClDqG,SAAS,GAAGV,KAAK,CAACa,WAAW,EAAE,CAACC,IAAI,CAACZ,SAAS,CAACS,SAAS,CAACC,cAAc,CAAC;;IAG5E,OAAO7F,MAAM,CAACC,IAAI,CACd+F,SAAS,EAAE,CAACpC,MAAM,CAAC5C,KAAK;;MACpB,IAAI,CAAAiF,UAAA,GAAAN,SAAS,cAAAM,UAAA,eAATA,UAAA,CAAW3D,EAAE,IAAI+C,kBAAkB,EAAE;QAAA,IAAAa,WAAA;QACrC,OAAOlF,KAAK,CAACxB,KAAK,OAAA0G,WAAA,GAAKP,SAAS,cAAAO,WAAA,uBAATA,WAAA,CAAW5D,EAAE,IAAGtB,KAAK,CAACZ,aAAa,CAACwB,KAAK,CAACb,MAAM,CAACgB,kBAAkB,GAAG,IAAI;;MAGrG,OAAO,IAAI;KACd,CAAC,CACL,CAAC7B,MAAM;;EAGZ,SAAS8F,SAASA;IACd,OAAOhG,MAAM,CAACC,IAAI,CAACH,cAAc,CAAC,CAC7B8D,MAAM,CAACE,YAAY,CAAC,CACpB3D,GAAG,CAACX,KAAK,KAAK;MAAEA,KAAK;MAAEY,aAAa,EAAEN,cAAc,CAACN,KAAK;KAAuB,CAAC,CAAC;;EAG5F,SAASoB,YAAYA,CAACpB,KAAa;IAC/BiC,iBAAiB,CAACC,cAAc;MAC5B,MAAMC,WAAW,GAAG;QAAE,GAAGD;OAAgB;MACzC,OAAOC,WAAW,CAACnC,KAAK,CAAC;MACzB,OAAOmC,WAAW;KACrB,CAAC;;EA2EN,OAAO;IACHgB,YAAY;IACZE,YAAY;IACZI,YAAY;IACZb,YAAY;IACZ2C,UAAU;IACVC,SAAS;IACTgB,SAAS;IACT/G,WAAW;IACX2B,YAAY;IACZkD,YAAY;IACZM,gBAAgB;IAChBE,gBAAgB;IAChBE,gBAAgB;IAChB3D,gBAAgB;IAChB+D;GACH;AACL;AAEA,SAASpG,uBAAuBA;;EAE5B,MAAM2H,uBAAuB,GAAGjI,cAAK,CAACkI,MAAM,CAAqB9G,SAAS,CAAC;EAC3E,MAAMf,uBAAuB,GAAGL,cAAK,CAACU,WAAW,CAAEyH,KAAyB;IACxEF,uBAAuB,CAACZ,OAAO,GAAGc,KAAK;GAC1C,EAAE,EAAE,CAAC;EAEN,OAAO,CAACF,uBAAuB,CAACZ,OAAO,EAAEhH,uBAAuB,CAAC;AACrE;AAEA,SAAS+B,uBAAuBA,CAAkBP,OAA6B;;EAE3E,MAAM;IAAE6B,KAAK;IAAE,GAAG0E;GAAW,GAAGvG,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;;EAE7C,OAAO;IAAE,IAAG6B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0B,QAAQ;IAAE,GAAGgD;GAAW;AAC/C;;;;"}

package/dist/esm/packages/taco/src/components/Table3/listeners/useTableEditingListener.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import { useLazyEffect } from '../../../hooks/useLazyEffect.js';
+
+function useTableEditingListener(table) {
+  const tableMeta = table.options.meta;
+  const saveChanges = () => {
+    requestAnimationFrame(() => {
+      tableMeta.editing.saveChanges();
+    });
+  };
+  // save when the row changes
+  useLazyEffect(() => {
+    if (tableMeta.editing.isEditing) {
+      saveChanges();
+    }
+  }, [tableMeta.rowActive.rowActiveIndex]);
+  useLazyEffect(() => {
+    if (tableMeta.editing.isEditing) {
+      if (tableMeta.rowActive.rowActiveIndex === undefined) {
+        tableMeta.rowActive.setRowActiveIndex(0);
+      }
+    } else {
+      // save
+      saveChanges();
+      // reset detailed mode
+      tableMeta.editing.toggleDetailedMode(false);
+      // reset the last index back to the first focusable element, when editing gets turned off
+      tableMeta.editing.setLastFocusedCellIndex(undefined);
+    }
+  }, [tableMeta.editing.isEditing]);
+  // show a warning if the user navigates away without triggering save, such as using the browser back/forward button
+  const hasChanges = tableMeta.editing.hasChanges();
+  React__default.useEffect(() => {
+    function showUnsavedChangesWarning(event) {
+      if (tableMeta.editing.isEditing && hasChanges) {
+        event.returnValue = true;
+        return true;
+      }
+      return false;
+    }
+    window.addEventListener('beforeunload', showUnsavedChangesWarning);
+    return () => {
+      window.removeEventListener('beforeunload', showUnsavedChangesWarning);
+    };
+  }, [tableMeta.editing.isEditing, hasChanges]);
+}
+
+export { useTableEditingListener };
+//# sourceMappingURL=useTableEditingListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableEditingListener.js","sources":["../../../../../../../../src/components/Table3/listeners/useTableEditingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\n\nexport function useTableEditingListener<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const saveChanges = () => {\n        requestAnimationFrame(() => {\n            tableMeta.editing.saveChanges();\n        });\n    };\n\n    // save when the row changes\n    useLazyEffect(() => {\n        if (tableMeta.editing.isEditing) {\n            saveChanges();\n        }\n    }, [tableMeta.rowActive.rowActiveIndex]);\n\n    useLazyEffect(() => {\n        if (tableMeta.editing.isEditing) {\n            if (tableMeta.rowActive.rowActiveIndex === undefined) {\n                tableMeta.rowActive.setRowActiveIndex(0);\n            }\n        } else {\n            // save\n            saveChanges();\n            // reset detailed mode\n            tableMeta.editing.toggleDetailedMode(false);\n            // reset the last index back to the first focusable element, when editing gets turned off\n            tableMeta.editing.setLastFocusedCellIndex(undefined);\n        }\n    }, [tableMeta.editing.isEditing]);\n\n    // show a warning if the user navigates away without triggering save, such as using the browser back/forward button\n    const hasChanges = tableMeta.editing.hasChanges();\n\n    React.useEffect(() => {\n        function showUnsavedChangesWarning(event: BeforeUnloadEvent) {\n            if (tableMeta.editing.isEditing && hasChanges) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        }\n\n        window.addEventListener('beforeunload', showUnsavedChangesWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showUnsavedChangesWarning);\n        };\n    }, [tableMeta.editing.isEditing, hasChanges]);\n}\n"],"names":["useTableEditingListener","table","tableMeta","options","meta","saveChanges","requestAnimationFrame","editing","useLazyEffect","isEditing","rowActive","rowActiveIndex","undefined","setRowActiveIndex","toggleDetailedMode","setLastFocusedCellIndex","hasChanges","React","useEffect","showUnsavedChangesWarning","event","returnValue","window","addEventListener","removeEventListener"],"mappings":";;;SAIgBA,uBAAuBA,CAAkBC,KAAwB;EAC7E,MAAMC,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,MAAMC,WAAW,GAAGA;IAChBC,qBAAqB,CAAC;MAClBJ,SAAS,CAACK,OAAO,CAACF,WAAW,EAAE;KAClC,CAAC;GACL;;EAGDG,aAAa,CAAC;IACV,IAAIN,SAAS,CAACK,OAAO,CAACE,SAAS,EAAE;MAC7BJ,WAAW,EAAE;;GAEpB,EAAE,CAACH,SAAS,CAACQ,SAAS,CAACC,cAAc,CAAC,CAAC;EAExCH,aAAa,CAAC;IACV,IAAIN,SAAS,CAACK,OAAO,CAACE,SAAS,EAAE;MAC7B,IAAIP,SAAS,CAACQ,SAAS,CAACC,cAAc,KAAKC,SAAS,EAAE;QAClDV,SAAS,CAACQ,SAAS,CAACG,iBAAiB,CAAC,CAAC,CAAC;;KAE/C,MAAM;;MAEHR,WAAW,EAAE;;MAEbH,SAAS,CAACK,OAAO,CAACO,kBAAkB,CAAC,KAAK,CAAC;;MAE3CZ,SAAS,CAACK,OAAO,CAACQ,uBAAuB,CAACH,SAAS,CAAC;;GAE3D,EAAE,CAACV,SAAS,CAACK,OAAO,CAACE,SAAS,CAAC,CAAC;;EAGjC,MAAMO,UAAU,GAAGd,SAAS,CAACK,OAAO,CAACS,UAAU,EAAE;EAEjDC,cAAK,CAACC,SAAS,CAAC;IACZ,SAASC,yBAAyBA,CAACC,KAAwB;MACvD,IAAIlB,SAAS,CAACK,OAAO,CAACE,SAAS,IAAIO,UAAU,EAAE;QAC3CI,KAAK,CAACC,WAAW,GAAG,IAAI;QACxB,OAAO,IAAI;;MAGf,OAAO,KAAK;;IAGhBC,MAAM,CAACC,gBAAgB,CAAC,cAAc,EAAEJ,yBAAyB,CAAC;IAElE,OAAO;MACHG,MAAM,CAACE,mBAAmB,CAAC,cAAc,EAAEL,yBAAyB,CAAC;KACxE;GACJ,EAAE,CAACjB,SAAS,CAACK,OAAO,CAACE,SAAS,EAAEO,UAAU,CAAC,CAAC;AACjD;;;;"}

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

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { useTable } from '../../primitives/Table/Core/useTable.js';
+import { useTableEditingListener } from './listeners/useTableEditingListener.js';
+import { useTableEditing } from './features/useTableEditing.js';
+import { Cell } from './components/Columns/Cell/Cell.js';
+import { EditingActionMenu } from './components/Columns/Internal/EditingActionsMenu.js';
+import { Row } from './components/Row/Row.js';
+
+const RENDERERS = {
+  row: Row,
+  cell: Cell
+};
+function useTable3(props, ref) {
+  const editing = useTableEditing(props.enableEditing, props.onSave, props.validator);
+  const extendedProps = {
+    ...props,
+    enableRowActions: editing.isEditing ? true : props.enableRowActions,
+    rowActions: editing.isEditing ? [(_, rowId) => ( /*#__PURE__*/React__default.createElement(EditingActionMenu, {
+      hasChanges: editing.hasChanges(rowId),
+      hasErrors: editing.hasRowErrors(rowId),
+      onClear: () => editing.resetChanges(rowId),
+      onSave: () => editing.saveChanges(rowId),
+      onExit: () => editing.toggleEditing(false)
+    }))] : props.rowActions
+  };
+  const meta = {
+    editing
+  };
+  const table = useTable(extendedProps, ref, RENDERERS, meta);
+  // listeners
+  useTableEditingListener(table.instance);
+  return table;
+}
+
+export { useTable3 };
+//# sourceMappingURL=useTable3.js.map