@economic/taco 2.39.2 → 2.40.0

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

@@ -1,434 +0,0 @@
-import React__default from 'react';
-import { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown.js';
-import { _forOf, _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
-import { willRowMove } from '../util/editing.js';
-import { debounce } from 'lodash-es';
-
-function useTableEditing(isEnabled = false, handleSave, handleChange, 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, handleChange, validator);
-  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
-  };
-}
-function usePendingChanges(isEnabled, handleSave, handleChange, validator) {
-  const saveChanges = function (rowId = undefined) {
-    try {
-      let _exit = false;
-      if (!handleSave) {
-        console.warn('Tried to save, but Table has no onEditingSave 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);
-      return Promise.resolve(function () {
-        if (changes.length) {
-          return _forOf(changes, function (rowId) {
-            const pendingChange = changesToSave[rowId];
-            const changeSet = getChangesetFromChanges(pendingChange);
-            return _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');
-                });
-              }
-              if (getRowSaveStatus(rowId) === 'pending') {
-                _exit = true;
-                return;
-              }
-              // 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 onEditingSave 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);
-            });
-          }, function () {
-            return _exit;
-          });
-        }
-      }());
-    } 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 setCellValue = function (cell, change, rowIndex) {
-    try {
-      const changes = {
-        [cell.column.id]: change
-      };
-      setPendingChanges(currentChanges => {
-        const nextChanges = createPendingChangesSetter(currentChanges, cell.row, rowIndex, changes);
-        pendingChangesUpdater.syncCellChanges(nextChanges);
-        return nextChanges;
-      });
-      pendingChangesUpdater.runCellUpdates(changes, cell, rowIndex);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const addCreatedRowChangeset = function (row) {
-    try {
-      const cells = row.getAllCells();
-      setPendingChanges(currentChanges => {
-        return cells.reduce((changes, cell) => {
-          if (cell.getValue()) {
-            var _currentChanges$cell$, _currentChanges$cell$2, _currentChanges$cell$3;
-            return {
-              ...changes,
-              [cell.row.id]: {
-                ...changes[cell.row.id],
-                [cell.column.id]: cell.getValue(),
-                _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)
-                  }
-                }
-              }
-            };
-          } else {
-            return changes;
-          }
-        }, currentChanges);
-      });
-      return Promise.resolve();
-    } 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 pendingChangesUpdater = usePendingChangesUpdater(handleChange, setPendingChanges);
-  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, _error$pendingChange$;
-        return error.rowId === ((_activeRow2 = activeRow) === null || _activeRow2 === void 0 ? void 0 : _activeRow2.id) ? (_error$pendingChange$ = error.pendingChange._meta.errors) === null || _error$pendingChange$ === void 0 ? void 0 : _error$pendingChange$.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,
-    addCreatedRowChangeset,
-    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 usePendingChangesUpdater(handleChange, setPendingChanges) {
-  const updatersRef = React__default.useRef({});
-  const runCellUpdates = React__default.useCallback(debounce(function (changes, cell, rowIndex) {
-    try {
-      const _temp4 = function () {
-        if (typeof handleChange === 'function') {
-          const previousValues = {
-            ...cell.row.original,
-            ...getChangesetFromChanges(updatersRef.current[cell.row.id])
-          };
-          const nextValues = {
-            ...previousValues,
-            ...changes
-          };
-          return Promise.resolve(handleChange(cell.column.id, changes[cell.column.id], nextValues, previousValues)).then(function (updates) {
-            if (updates && Object.keys(updates).length) {
-              setPendingChanges(currentChanges => createPendingChangesSetter(currentChanges, cell.row, rowIndex, updates));
-            }
-          });
-        }
-      }();
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, 250), []);
-  function syncCellChanges(changes) {
-    updatersRef.current = changes;
-  }
-  return {
-    syncCellChanges,
-    runCellUpdates
-  };
-}
-function createPendingChangesSetter(currentChanges, row, rowIndex, changes) {
-  var _currentChanges$row$i, _currentChanges$row$i2, _currentChanges$row$i3;
-  // prepare
-  const nextChanges = {
-    ...currentChanges
-  };
-  const rowChanges = {
-    ...currentChanges[row.id],
-    _meta: {
-      ...((_currentChanges$row$i = currentChanges[row.id]) === null || _currentChanges$row$i === void 0 ? void 0 : _currentChanges$row$i._meta),
-      original: row.original,
-      moveReason: {
-        ...((_currentChanges$row$i2 = currentChanges[row.id]) === null || _currentChanges$row$i2 === void 0 ? void 0 : _currentChanges$row$i2._meta.moveReason)
-      },
-      errors: {
-        ...((_currentChanges$row$i3 = currentChanges[row.id]) === null || _currentChanges$row$i3 === void 0 ? void 0 : _currentChanges$row$i3._meta.errors)
-      }
-    }
-  };
-  // run changes
-  const cells = row._getAllCellsByColumnId();
-  for (const [accessor, change] of Object.entries(changes)) {
-    // update if the change is different to the original (saved) value,
-    // otherwise remove any change - no point saving the same value
-    if (change !== row.original[accessor]) {
-      rowChanges[accessor] = change;
-      // determine if the row will move position based on this change, and save why it will move
-      const reason = willRowMove(cells[accessor], change, rowIndex);
-      if (reason) {
-        rowChanges._meta.moveReason[accessor] = reason;
-      } else {
-        delete rowChanges._meta.moveReason[accessor];
-      }
-    } else {
-      delete rowChanges[accessor];
-      delete rowChanges._meta.moveReason[accessor];
-    }
-  }
-  // set changes
-  // 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[row.id] = rowChanges;
-  } else {
-    delete nextChanges[row.id];
-  }
-  return nextChanges;
-}
-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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableEditing.js","sources":["../../../../../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport {\n    Cell as ReactTableCell,\n    Row as ReactTableRow,\n    Table as ReactTable,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { Table3EditingChangeHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { willRowMove } from '../util/editing';\nimport { TableRef } from '../../../primitives/Table/types';\nimport { debounce } from 'lodash';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    validator: Table3EditingValidatorFn<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, handleChange, validator);\n\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    };\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\ntype PendingChanges<TType = unknown> = Record<string, PendingChange<TType>>;\nfunction usePendingChanges<TType = unknown>(\n    isEnabled: boolean,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined\n) {\n    const [pendingChanges, setPendingChanges] = React.useState<PendingChanges<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    async function addCreatedRowChangeset(row) {\n        const cells = row.getAllCells();\n\n        setPendingChanges(currentChanges => {\n            return cells.reduce((changes, cell) => {\n                if (cell.getValue()) {\n                    return {\n                        ...changes,\n                        [cell.row.id]: {\n                            ...changes[cell.row.id],\n                            [cell.column.id]: cell.getValue(),\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                        },\n                    };\n                } else {\n                    return changes;\n                }\n            }, currentChanges);\n        });\n    }\n    const pendingChangesUpdater = usePendingChangesUpdater(handleChange, setPendingChanges);\n\n    async function setCellValue<T extends TType>(cell: ReactTableCell<T, unknown>, change: unknown, rowIndex: number) {\n        const changes = {\n            [cell.column.id]: change,\n        } as Partial<T>;\n\n        setPendingChanges(currentChanges => {\n            const nextChanges = createPendingChangesSetter<T>(currentChanges as PendingChanges<T>, cell.row, rowIndex, changes);\n            pendingChangesUpdater.syncCellChanges(nextChanges);\n            return nextChanges;\n        });\n        pendingChangesUpdater.runCellUpdates<T>(changes, cell, rowIndex);\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 onEditingSave 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            for (const rowId of changes) {\n                const pendingChange = changesToSave[rowId];\n\n                const changeSet = getChangesetFromChanges(pendingChange);\n                try {\n                    if (getRowSaveStatus(rowId) === 'pending') return;\n\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                    // 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 onEditingSave 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        addCreatedRowChangeset,\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 usePendingChangesUpdater<TType = unknown>(\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    setPendingChanges: React.Dispatch<React.SetStateAction<PendingChanges<TType>>>\n) {\n    const updatersRef = React.useRef<PendingChanges<TType>>({});\n\n    const runCellUpdates = React.useCallback(\n        debounce(async function <T extends TType>(changes: Partial<T>, cell: ReactTableCell<T, unknown>, rowIndex: number) {\n            if (typeof handleChange === 'function') {\n                const previousValues = {\n                    ...cell.row.original,\n                    ...getChangesetFromChanges(updatersRef.current[cell.row.id]),\n                };\n                const nextValues = {\n                    ...previousValues,\n                    ...changes,\n                };\n                const updates = await handleChange(cell.column.id, changes[cell.column.id], nextValues, previousValues);\n\n                if (updates && Object.keys(updates).length) {\n                    setPendingChanges(currentChanges => createPendingChangesSetter(currentChanges, cell.row, rowIndex, updates));\n                }\n            }\n        }, 250),\n        []\n    ) as unknown as <T extends TType>(changes: Partial<T>, cell: ReactTableCell<T, unknown>, rowIndex: number) => Promise<void>;\n\n    function syncCellChanges<T extends TType>(changes: PendingChanges<T>) {\n        updatersRef.current = changes;\n    }\n\n    return {\n        syncCellChanges,\n        runCellUpdates,\n    };\n}\n\nfunction createPendingChangesSetter<TType = unknown>(\n    currentChanges: PendingChanges<TType>,\n    row: ReactTableRow<TType>,\n    rowIndex: number,\n    changes: Partial<TType>\n) {\n    // prepare\n    const nextChanges: PendingChanges<TType> = { ...currentChanges };\n    const rowChanges = {\n        ...currentChanges[row.id],\n        _meta: {\n            ...currentChanges[row.id]?._meta,\n            original: row.original,\n            moveReason: {\n                ...currentChanges[row.id]?._meta.moveReason,\n            },\n            errors: {\n                ...currentChanges[row.id]?._meta.errors,\n            },\n        },\n    } as PendingChange<TType>;\n\n    // run changes\n    const cells = row._getAllCellsByColumnId();\n\n    for (const [accessor, change] of Object.entries(changes)) {\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 !== row.original[accessor]) {\n            rowChanges[accessor] = change;\n\n            // determine if the row will move position based on this change, and save why it will move\n            const reason = willRowMove(cells[accessor], change, rowIndex);\n\n            if (reason) {\n                rowChanges._meta.moveReason[accessor] = reason;\n            } else {\n                delete rowChanges._meta.moveReason[accessor];\n            }\n        } else {\n            delete rowChanges[accessor];\n            delete rowChanges._meta.moveReason[accessor];\n        }\n    }\n\n    // set changes\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[row.id] = rowChanges;\n    } else {\n        delete nextChanges[row.id];\n    }\n\n    return nextChanges;\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","handleChange","validator","isEditing","toggleEditing","React","useState","isDetailedMode","toggleDetailedMode","lastFocusedCellIndex","setLastFocusedCellIndex","useLastFocusedCellIndex","pendingChangesFns","usePendingChanges","useGlobalKeyDown","key","meta","shift","undefined","event","preventDefault","saveChanges","rowId","console","warn","Promise","resolve","changesToSave","pendingChanges","changes","Object","keys","length","_forOf","pendingChange","changeSet","getChangesetFromChanges","_catch","_temp3","_result","_exit","then","resetChanges","setRowSaveStatus","getRowSaveStatus","_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","setCellValue","change","rowIndex","createPendingChangesSetter","pendingChangesUpdater","syncCellChanges","runCellUpdates","addCreatedRowChangeset","getAllCells","reduce","getValue","_currentChanges$cell$","_currentChanges$cell$2","_currentChanges$cell$3","original","moveReason","saveStates","setSaveState","getCellValue","_pendingChanges$cell$","getCellError","_pendingChanges$cell$2","_pendingChanges$cell$3","_pendingChanges$cell$4","usePendingChangesUpdater","hasRowErrors","_pendingChanges$rowId","_pendingChanges$rowId2","_pendingChanges$rowId3","_pendingChanges$rowId4","_pendingChanges$rowId5","hasRowErrorsSeen","_pendingChanges$rowId6","setRowErrorsSeen","_pendingChanges$rowId7","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","filter","_activeRow","_activeRow2","_error$pendingChange$","map","lastFocusedCellIndexRef","useRef","useCallback","index","updatersRef","debounce","previousValues","nextValues","updates","_temp4","rowChanges","_currentChanges$row$i","_currentChanges$row$i2","_currentChanges$row$i3","_getAllCellsByColumnId","accessor","entries","reason","willRowMove","k","changeset"],"mappings":"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"}

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

@@ -1,64 +0,0 @@
-import React__default from 'react';
-import { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom.js';
-import { useLazyEffect } from '../../../hooks/useLazyEffect.js';
-
-function useTableEditingListener(table, tableRef) {
-  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]);
-  React__default.useEffect(() => {
-    const onClickOutside = event => {
-      if (tableMeta.editing.isEditing) {
-        var _event$target$getAttr, _event$target;
-        const element = (_event$target$getAttr = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.getAttribute('data-taco')) !== null && _event$target$getAttr !== void 0 ? _event$target$getAttr : '';
-        const insideTable = isElementInsideOrTriggeredFromContainer(event.target, tableRef.current) || element === 'backdrop';
-        if (!insideTable) {
-          saveChanges();
-        }
-      }
-    };
-    document.addEventListener('click', onClickOutside);
-    return () => document.removeEventListener('click', onClickOutside);
-  }, [saveChanges, tableMeta.editing.isEditing]);
-}
-
-export { useTableEditingListener };
-//# sourceMappingURL=useTableEditingListener.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableEditingListener.js","sources":["../../../../../../../../src/components/Table3/listeners/useTableEditingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../hooks/useLazyEffect';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { TableRef } from '../../../primitives/Table/types';\n\nexport function useTableEditingListener<TType = unknown>(table: ReactTable<TType>, tableRef: React.RefObject<TableRef>) {\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    React.useEffect(() => {\n        const onClickOutside = (event: MouseEvent) => {\n            if (tableMeta.editing.isEditing) {\n                const element = (event.target as Element)?.getAttribute('data-taco') ?? '';\n\n                const insideTable =\n                    isElementInsideOrTriggeredFromContainer(event.target as Element, tableRef.current) || element === 'backdrop';\n\n                if (!insideTable) {\n                    saveChanges();\n                }\n            }\n        };\n\n        document.addEventListener('click', onClickOutside);\n\n        return () => document.removeEventListener('click', onClickOutside);\n    }, [saveChanges, tableMeta.editing.isEditing]);\n}\n"],"names":["useTableEditingListener","table","tableRef","tableMeta","options","meta","saveChanges","requestAnimationFrame","editing","useLazyEffect","isEditing","rowActive","rowActiveIndex","undefined","setRowActiveIndex","toggleDetailedMode","setLastFocusedCellIndex","hasChanges","React","useEffect","showUnsavedChangesWarning","event","returnValue","window","addEventListener","removeEventListener","onClickOutside","_event$target$getAttr","_event$target","element","target","getAttribute","insideTable","isElementInsideOrTriggeredFromContainer","current","document"],"mappings":";;;;SAMgBA,uBAAuBA,CAAkBC,KAAwB,EAAEC,QAAmC;EAClH,MAAMC,SAAS,GAAGF,KAAK,CAACG,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;EAE7CC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMO,cAAc,GAAIL,KAAiB;MACrC,IAAIlB,SAAS,CAACK,OAAO,CAACE,SAAS,EAAE;QAAA,IAAAiB,qBAAA,EAAAC,aAAA;QAC7B,MAAMC,OAAO,IAAAF,qBAAA,IAAAC,aAAA,GAAIP,KAAK,CAACS,MAAkB,cAAAF,aAAA,uBAAxBA,aAAA,CAA0BG,YAAY,CAAC,WAAW,CAAC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE;QAE1E,MAAMK,WAAW,GACbC,uCAAuC,CAACZ,KAAK,CAACS,MAAiB,EAAE5B,QAAQ,CAACgC,OAAO,CAAC,IAAIL,OAAO,KAAK,UAAU;QAEhH,IAAI,CAACG,WAAW,EAAE;UACd1B,WAAW,EAAE;;;KAGxB;IAED6B,QAAQ,CAACX,gBAAgB,CAAC,OAAO,EAAEE,cAAc,CAAC;IAElD,OAAO,MAAMS,QAAQ,CAACV,mBAAmB,CAAC,OAAO,EAAEC,cAAc,CAAC;GACrE,EAAE,CAACpB,WAAW,EAAEH,SAAS,CAACK,OAAO,CAACE,SAAS,CAAC,CAAC;AAClD;;;;"}

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

@@ -1,43 +0,0 @@
-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.onEditingSave, props.onEditingChange, props.validator);
-  const creationEnabled = editing.isEnabled && !!props.onEditingCreate;
-  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),
-      onEditingSave: () => editing.saveChanges(rowId),
-      onExit: () => editing.toggleEditing(false),
-      isLastRow: !creationEnabled && table.meta.rowActive.rowActiveIndex === table.meta.length - 1
-    }))] : props.rowActions
-  };
-  const meta = {
-    editing
-  };
-  const table = useTable(extendedProps, ref, RENDERERS, meta);
-  // listeners
-  useTableEditingListener(table.instance, table.ref);
-  React__default.useEffect(() => {
-    if (table.ref.current) {
-      table.ref.current.instance.toggleEditing = enabled => table.meta.editing.toggleEditing(enabled !== null && enabled !== void 0 ? enabled : editing => !editing);
-    }
-  }, [table.ref.current]);
-  return table;
-}
-
-export { useTable3 };
-//# sourceMappingURL=useTable3.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTable3.js","sources":["../../../../../../../src/components/Table3/useTable3.tsx"],"sourcesContent":["import React from 'react';\nimport { RowData } from '@tanstack/react-table';\nimport { useTable } from '../../primitives/Table/Core/useTable';\nimport { useTableEditingListener } from './listeners/useTableEditingListener';\nimport { useTableEditing } from './features/useTableEditing';\nimport { Table3Props, Table3Ref } from './types';\nimport { TableRowActionRenderer } from '../../primitives/Table/types';\nimport { Cell } from './components/Columns/Cell/Cell';\nimport { EditingActionMenu } from './components/Columns/Internal/EditingActionsMenu';\nimport { Row } from './components/Row/Row';\n\nconst RENDERERS = {\n    row: Row,\n    cell: Cell,\n};\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        editing: ReturnType<typeof useTableEditing>;\n    }\n}\n\ntype Table3Meta = {\n    editing: ReturnType<typeof useTableEditing>;\n};\n\nexport function useTable3<TType>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const editing = useTableEditing(props.enableEditing, props.onEditingSave, props.onEditingChange, props.validator);\n    const creationEnabled = editing.isEnabled && !!props.onEditingCreate;\n\n    const extendedProps: Table3Props<TType> = {\n        ...props,\n        enableRowActions: editing.isEditing ? true : props.enableRowActions,\n        rowActions: editing.isEditing\n            ? ([\n                  (_, rowId) => (\n                      <EditingActionMenu\n                          hasChanges={editing.hasChanges(rowId)}\n                          hasErrors={editing.hasRowErrors(rowId)}\n                          onClear={() => editing.resetChanges(rowId)}\n                          onEditingSave={() => editing.saveChanges(rowId)}\n                          onExit={() => editing.toggleEditing(false)}\n                          isLastRow={!creationEnabled && table.meta.rowActive.rowActiveIndex === table.meta.length - 1}\n                      />\n                  ),\n              ] as TableRowActionRenderer<TType>[])\n            : props.rowActions,\n    };\n    const meta = { editing };\n    const table = useTable<TType, Table3Meta>(extendedProps, ref, RENDERERS, meta);\n\n    // listeners\n    useTableEditingListener<TType>(table.instance, table.ref);\n\n    React.useEffect(() => {\n        if (table.ref.current) {\n            (table.ref.current as Table3Ref).instance.toggleEditing = (enabled: boolean | undefined) =>\n                table.meta.editing.toggleEditing(enabled ?? (editing => !editing));\n        }\n    }, [table.ref.current]);\n\n    return table;\n}\n"],"names":["RENDERERS","row","Row","cell","Cell","useTable3","props","ref","editing","useTableEditing","enableEditing","onEditingSave","onEditingChange","validator","creationEnabled","isEnabled","onEditingCreate","extendedProps","enableRowActions","isEditing","rowActions","_","rowId","React","EditingActionMenu","hasChanges","hasErrors","hasRowErrors","onClear","resetChanges","saveChanges","onExit","toggleEditing","isLastRow","table","meta","rowActive","rowActiveIndex","length","useTable","useTableEditingListener","instance","useEffect","current","enabled"],"mappings":";;;;;;;;AAWA,MAAMA,SAAS,GAAG;EACdC,GAAG,EAAEC,GAAG;EACRC,IAAI,EAAEC;CACT;SAYeC,SAASA,CAAQC,KAAyB,EAAEC,GAAyB;EACjF,MAAMC,OAAO,GAAGC,eAAe,CAACH,KAAK,CAACI,aAAa,EAAEJ,KAAK,CAACK,aAAa,EAAEL,KAAK,CAACM,eAAe,EAAEN,KAAK,CAACO,SAAS,CAAC;EACjH,MAAMC,eAAe,GAAGN,OAAO,CAACO,SAAS,IAAI,CAAC,CAACT,KAAK,CAACU,eAAe;EAEpE,MAAMC,aAAa,GAAuB;IACtC,GAAGX,KAAK;IACRY,gBAAgB,EAAEV,OAAO,CAACW,SAAS,GAAG,IAAI,GAAGb,KAAK,CAACY,gBAAgB;IACnEE,UAAU,EAAEZ,OAAO,CAACW,SAAS,GACtB,CACG,CAACE,CAAC,EAAEC,KAAK,oBACLC,6BAACC,iBAAiB;MACdC,UAAU,EAAEjB,OAAO,CAACiB,UAAU,CAACH,KAAK,CAAC;MACrCI,SAAS,EAAElB,OAAO,CAACmB,YAAY,CAACL,KAAK,CAAC;MACtCM,OAAO,EAAEA,MAAMpB,OAAO,CAACqB,YAAY,CAACP,KAAK,CAAC;MAC1CX,aAAa,EAAEA,MAAMH,OAAO,CAACsB,WAAW,CAACR,KAAK,CAAC;MAC/CS,MAAM,EAAEA,MAAMvB,OAAO,CAACwB,aAAa,CAAC,KAAK,CAAC;MAC1CC,SAAS,EAAE,CAACnB,eAAe,IAAIoB,KAAK,CAACC,IAAI,CAACC,SAAS,CAACC,cAAc,KAAKH,KAAK,CAACC,IAAI,CAACG,MAAM,GAAG;MAC7F,CACL,CACgC,GACrChC,KAAK,CAACc;GACf;EACD,MAAMe,IAAI,GAAG;IAAE3B;GAAS;EACxB,MAAM0B,KAAK,GAAGK,QAAQ,CAAoBtB,aAAa,EAAEV,GAAG,EAAEP,SAAS,EAAEmC,IAAI,CAAC;;EAG9EK,uBAAuB,CAAQN,KAAK,CAACO,QAAQ,EAAEP,KAAK,CAAC3B,GAAG,CAAC;EAEzDgB,cAAK,CAACmB,SAAS,CAAC;IACZ,IAAIR,KAAK,CAAC3B,GAAG,CAACoC,OAAO,EAAE;MAClBT,KAAK,CAAC3B,GAAG,CAACoC,OAAqB,CAACF,QAAQ,CAACT,aAAa,GAAIY,OAA4B,IACnFV,KAAK,CAACC,IAAI,CAAC3B,OAAO,CAACwB,aAAa,CAACY,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAKpC,OAAO,IAAI,CAACA,OAAQ,CAAC;;GAE7E,EAAE,CAAC0B,KAAK,CAAC3B,GAAG,CAACoC,OAAO,CAAC,CAAC;EAEvB,OAAOT,KAAK;AAChB;;;;"}