@economic/taco 2.15.0 → 2.17.0

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

@@ -1,57 +1,48 @@
 import React__default from 'react';
 import { shouldTriggerShortcut } from '../../../../utils/keyboard.js';
 import _ from 'lodash-es';
+import { lastCellIndex } from '../../components/rows/Row.js';
 
-var SavingStateValue;
-(function (SavingStateValue) {
-  SavingStateValue["Saving"] = "saving";
-  SavingStateValue["Saved"] = "saved";
-  SavingStateValue["Error"] = "error";
-})(SavingStateValue || (SavingStateValue = {}));
-function useEditing(isEnabled, onSave) {
+var SavingStatusValue;
+(function (SavingStatusValue) {
+  SavingStatusValue["Saving"] = "saving";
+  SavingStatusValue["Saved"] = "saved";
+  SavingStatusValue["Error"] = "error";
+})(SavingStatusValue || (SavingStatusValue = {}));
+function useEditing(isEnabled, validation, onSave) {
   // used to switch the table into editing mode
   const [isEditing, setIsEditing] = React__default.useState(false);
-  // Saving indicator need to show saving state per row, saving state can have at lkeast two states 'saving', 'saved',
+  // Saving indicator need to show saving status per row, saving status can have at least two states 'saving', 'saved',
   // 'saved' should remain for a few seconds to show tick icon after row has been saved.
-  const [savingStates, setSavingStates] = React__default.useState(null);
+  const [savingStatuses, dispatchSavingStatusAction] = React__default.useReducer(savingStatusesReducer, null);
   // sets of row changes pending save, either they have not saved yet or they have errors
-  const [changes, setChanges] = React__default.useState(null);
+  const [editingState, dispatchEditingAction] = React__default.useReducer((state, action) => editingReducer(state, action), null);
   const [detailModeEditing, setDetailModeEditing] = React__default.useState(false);
   function getCellValue(cell) {
-    var _changes$cell$row$id;
-    return changes ? (_changes$cell$row$id = changes[cell.row.id]) === null || _changes$cell$row$id === void 0 ? void 0 : _changes$cell$row$id[cell.column.id] : undefined;
+    var _editingState$cell$ro;
+    return editingState ? (_editingState$cell$ro = editingState[cell.row.id]) === null || _editingState$cell$ro === void 0 ? void 0 : _editingState$cell$ro[cell.column.id] : undefined;
   }
   // Saves editing cell value into editing state.
   function setCellValue(cell, value) {
-    setChanges(currentChanges => {
-      const nextChanges = {
-        ...currentChanges
-      };
-      if (nextChanges[cell.row.id]) {
-        nextChanges[cell.row.id][cell.column.id] = value;
-        // we should probably delete the cell if it has just reverted back to its original value
-      } else {
-        nextChanges[cell.row.id] = {
-          ...cell.row.original,
-          [cell.column.id]: value
-        };
+    dispatchEditingAction({
+      type: EditingActionType.SET_CELL_VALUE,
+      payload: {
+        rowId: cell.row.id,
+        cellId: cell.column.id,
+        value,
+        originalValues: cell.row.original
       }
-      return nextChanges;
     });
   }
   // Removes changes from editing state by row id
   function resetChange(rowId) {
-    let currentChanges = changes ? {
-      ...changes
-    } : {};
-    if (currentChanges) {
-      delete currentChanges[rowId];
-    }
-    const changeset = Object.keys(currentChanges);
-    if (changeset.length === 0) {
-      currentChanges = null;
-    }
-    setChanges(currentChanges);
+    dispatchEditingAction({
+      type: EditingActionType.RESET_CHANGE,
+      payload: {
+        rowId
+      }
+    });
+    validation.resetErrors(rowId);
   }
   const handleKeyDown = React__default.useCallback(event => {
     if (event.defaultPrevented) {
@@ -78,71 +69,93 @@ function useEditing(isEnabled, onSave) {
       saveChangesIfNeeded();
     }
   }, []);
-  // Creates initial saving states from changes object
-  const addSavingStates = () => {
-    const changeset = Object.keys(changes || {});
-    const additionalSavingStates = _.reduce(changeset, (result, value) => {
+  // Creates initial saving statuses from changes object
+  const addSavingStatuses = () => {
+    const changeset = Object.keys(editingState || {});
+    const additionalSavingStatuses = _.reduce(changeset, (result, rowId) => {
       return {
         ...result,
-        [value]: {
-          state: SavingStateValue.Saving
-        }
+        [rowId]: SavingStatusValue.Saving
       };
     }, {});
-    setSavingStates({
-      ...savingStates,
-      ...additionalSavingStates
+    dispatchSavingStatusAction({
+      type: SavingStatusActionType.SET_SAVING_STATUSES,
+      payload: {
+        states: additionalSavingStatuses
+      }
     });
   };
-  // Repoves edititng state by row is. Used in delayed saving indicator.
-  const removeSavingState = rowId => {
-    const newSavingStates = {
-      ...savingStates
-    };
-    delete newSavingStates[rowId];
-    setSavingStates(newSavingStates);
+  // Resets/removes saving status by row id. Used in delayed saving indicator.
+  const resetSavingStatus = rowId => {
+    dispatchSavingStatusAction({
+      type: SavingStatusActionType.RESET_SAVING_STATUS,
+      payload: {
+        rowId
+      }
+    });
   };
   // Checks if we have changes, then saves them
   const saveChangesIfNeeded = function () {
     try {
-      if (!changes) {
+      if (!editingState) {
         return Promise.resolve();
       }
-      const changeset = Object.keys(changes);
+      const changeset = Object.keys(editingState);
       const _temp = function () {
         if (onSave && changeset.length) {
-          addSavingStates();
-          return Promise.resolve(Promise.allSettled(changeset.map(rowId => onSave(changes[rowId])))).then(function (responses) {
-            setChanges(currentChanges => {
-              const nextChanges = {
-                ...currentChanges
-              };
-              responses.forEach((response, index) => {
-                const rowId = changeset[index];
-                if (response.status === 'fulfilled') {
-                  delete nextChanges[rowId];
-                }
-              });
-              return nextChanges;
+          addSavingStatuses();
+          return Promise.resolve(Promise.allSettled(changeset.map(rowId => {
+            const validationSavePromise = new Promise((resolve, reject) => {
+              const changedRow = editingState === null || editingState === void 0 ? void 0 : editingState[rowId];
+              if (changedRow) {
+                var _validation$validate;
+                (_validation$validate = validation.validate(rowId, changedRow)) === null || _validation$validate === void 0 ? void 0 : _validation$validate.then(() => {
+                  const savePromise = onSave(changedRow);
+                  savePromise.then(() => {
+                    resolve();
+                  }).catch(reason => {
+                    if (reason.errors) {
+                      validation.setRowErrors(rowId, reason.errors);
+                    }
+                    reject(reason);
+                  });
+                }).catch(() => {
+                  validation.confirmErrors(rowId);
+                  dispatchSavingStatusAction({
+                    type: SavingStatusActionType.SET_SAVING_STATUS,
+                    payload: {
+                      rowId,
+                      state: SavingStatusValue.Error
+                    }
+                  });
+                  reject();
+                });
+              } else {
+                reject();
+              }
             });
-            setSavingStates(savingStates => {
-              const nextSavingStates = savingStates ? {
-                ...savingStates
-              } : {};
-              responses.forEach((response, index) => {
-                const rowId = changeset[index];
-                if (response.status === 'fulfilled') {
-                  nextSavingStates[rowId] = {
-                    state: SavingStateValue.Saved
-                  };
-                } else {
-                  // add the error when validation is added
-                  nextSavingStates[rowId] = {
-                    state: SavingStateValue.Error
-                  };
-                }
-              });
-              return nextSavingStates;
+            return validationSavePromise;
+          }))).then(function (responses) {
+            responses.forEach((response, index) => {
+              const rowId = changeset[index];
+              if (response.status === 'fulfilled') {
+                resetChange(rowId);
+                dispatchSavingStatusAction({
+                  type: SavingStatusActionType.SET_SAVING_STATUS,
+                  payload: {
+                    rowId,
+                    state: SavingStatusValue.Saved
+                  }
+                });
+              } else {
+                dispatchSavingStatusAction({
+                  type: SavingStatusActionType.SET_SAVING_STATUS,
+                  payload: {
+                    rowId,
+                    state: SavingStatusValue.Error
+                  }
+                });
+              }
             });
           });
         }
@@ -152,34 +165,37 @@ function useEditing(isEnabled, onSave) {
       return Promise.reject(e);
     }
   };
-  const [rowMoveReason, setRowMoveReason] = React__default.useState({});
-  const removeRowMoveReason = columnId => {
-    setRowMoveReason(prevState => {
-      const newState = {
-        ...prevState
-      };
-      delete newState[columnId];
-      return newState;
-    });
+  const [rowMoveReason, setRowMoveReason] = React__default.useState(null);
+  const removeRowMoveReason = () => {
+    setRowMoveReason(null);
   };
   const showWarning = React__default.useCallback(event => {
-    if (isEditing && changes && Object.keys(changes).length > 0) {
+    if (isEditing && editingState && Object.keys(editingState).length > 0) {
       event.returnValue = true;
       return true;
     }
     return false;
-  }, [isEditing, changes]);
+  }, [isEditing, editingState]);
+  function getSavingStatus(rowId) {
+    return savingStatuses && savingStatuses[rowId];
+  }
   React__default.useEffect(() => {
     window.addEventListener('beforeunload', showWarning);
     return () => {
       window.removeEventListener('beforeunload', showWarning);
     };
   }, [showWarning]);
+  React__default.useEffect(() => {
+    if (!isEditing) {
+      setDetailModeEditing(false);
+      lastCellIndex.value = null;
+    }
+  }, [isEditing]);
   return {
     isEnabled,
     isEditing,
     toggleEditing: setIsEditing,
-    changes,
+    changes: editingState,
     getCellValue,
     setCellValue,
     saveChangesIfNeeded,
@@ -191,10 +207,78 @@ function useEditing(isEnabled, onSave) {
     handleKeyDown,
     handleBlur,
     resetChange,
-    savingStates,
-    removeSavingState
+    getSavingStatus,
+    resetSavingStatus
   };
 }
+var EditingActionType;
+(function (EditingActionType) {
+  EditingActionType[EditingActionType["SET_CELL_VALUE"] = 0] = "SET_CELL_VALUE";
+  EditingActionType[EditingActionType["RESET_CHANGE"] = 1] = "RESET_CHANGE";
+})(EditingActionType || (EditingActionType = {}));
+function editingReducer(state, action) {
+  switch (action.type) {
+    // Set cell value of the row
+    case EditingActionType.SET_CELL_VALUE:
+      return {
+        ...state,
+        [action.payload.rowId]: {
+          ...((state === null || state === void 0 ? void 0 : state[action.payload.rowId]) || action.payload.originalValues),
+          [action.payload.cellId]: action.payload.value
+        }
+      };
+    // Reset changes for the row
+    case EditingActionType.RESET_CHANGE:
+      {
+        let currentChanges = {
+          ...state
+        };
+        if (currentChanges) {
+          delete currentChanges[action.payload.rowId];
+        }
+        const changeset = Object.keys(currentChanges);
+        if (changeset.length === 0) {
+          currentChanges = null;
+        }
+        return currentChanges;
+      }
+    default:
+      return state;
+  }
+}
+var SavingStatusActionType;
+(function (SavingStatusActionType) {
+  SavingStatusActionType[SavingStatusActionType["SET_SAVING_STATUS"] = 0] = "SET_SAVING_STATUS";
+  SavingStatusActionType[SavingStatusActionType["SET_SAVING_STATUSES"] = 1] = "SET_SAVING_STATUSES";
+  SavingStatusActionType[SavingStatusActionType["RESET_SAVING_STATUS"] = 2] = "RESET_SAVING_STATUS";
+})(SavingStatusActionType || (SavingStatusActionType = {}));
+function savingStatusesReducer(state, action) {
+  switch (action.type) {
+    // Set single saving status for the row
+    case SavingStatusActionType.SET_SAVING_STATUS:
+      return {
+        ...state,
+        [action.payload.rowId]: action.payload.state
+      };
+    // Set multiple saving statuses for multiple rows at the same time
+    case SavingStatusActionType.SET_SAVING_STATUSES:
+      return {
+        ...state,
+        ...action.payload.states
+      };
+    // Reset/remove saving status for particular row
+    case SavingStatusActionType.RESET_SAVING_STATUS:
+      {
+        const newSavingStatus = {
+          ...state
+        };
+        newSavingStatus === null || newSavingStatus === void 0 ? true : delete newSavingStatus[action.payload.rowId];
+        return newSavingStatus;
+      }
+    default:
+      return state;
+  }
+}
 
-export { SavingStateValue, useEditing };
+export { SavingStatusValue, useEditing };
 //# sourceMappingURL=useEditing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEditing.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useEditing.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { Cell as RTCell } from '@tanstack/react-table';\n\nimport { IndicatorReason } from '../../components/columns/cell/Indicator';\nimport { shouldTriggerShortcut } from '../../../../utils/keyboard';\n\nexport enum SavingStateValue {\n    Saving = 'saving',\n    Saved = 'saved',\n    Error = 'error',\n}\n\nexport type SavingState = {\n    state: SavingStateValue;\n};\n\nexport function useEditing<TType = unknown>(isEnabled: boolean, onSave?: (row: TType) => void) {\n    // used to switch the table into editing mode\n    const [isEditing, setIsEditing] = React.useState(false);\n    // Saving indicator need to show saving state per row, saving state can have at lkeast two states 'saving', 'saved',\n    // 'saved' should remain for a few seconds to show tick icon after row has been saved.\n    const [savingStates, setSavingStates] = React.useState<Record<string, SavingState> | null>(null);\n\n    // sets of row changes pending save, either they have not saved yet or they have errors\n    const [changes, setChanges] = React.useState<Record<string, TType> | null>(null);\n\n    const [detailModeEditing, setDetailModeEditing] = React.useState(false);\n\n    function getCellValue<T extends TType>(cell: RTCell<T, unknown>) {\n        return changes ? changes[cell.row.id]?.[cell.column.id] : undefined;\n    }\n\n    // Saves editing cell value into editing state.\n    function setCellValue<T extends TType>(cell: RTCell<T, unknown>, value: unknown) {\n        setChanges(currentChanges => {\n            const nextChanges = { ...currentChanges };\n\n            if (nextChanges[cell.row.id]) {\n                nextChanges[cell.row.id][cell.column.id] = value;\n                // we should probably delete the cell if it has just reverted back to its original value\n            } else {\n                nextChanges[cell.row.id] = { ...cell.row.original, [cell.column.id]: value };\n            }\n\n            return nextChanges;\n        });\n    }\n\n    // Removes changes from editing state by row id\n    function resetChange(rowId: string) {\n        let currentChanges: Record<string, TType> | null = changes ? { ...changes } : {};\n        if (currentChanges) {\n            delete currentChanges[rowId];\n        }\n        const changeset = Object.keys(currentChanges);\n        if (changeset.length === 0) {\n            currentChanges = null;\n        }\n\n        setChanges(currentChanges);\n    }\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent) => {\n            if (event.defaultPrevented) {\n                return;\n            }\n\n            if (shouldTriggerShortcut(event, { key: 'e', meta: true, shift: false })) {\n                setIsEditing(editing => !editing);\n            } else if (shouldTriggerShortcut(event, { key: 's', meta: true, shift: false })) {\n                // Prevent default browser save\n                event.preventDefault();\n                saveChangesIfNeeded();\n            }\n        },\n        [isEditing]\n    );\n\n    const handleBlur = React.useCallback((event: React.FocusEvent) => {\n        if (event.target === event.currentTarget) {\n            saveChangesIfNeeded();\n        }\n    }, []);\n\n    // Creates initial saving states from changes object\n    const addSavingStates = () => {\n        const changeset = Object.keys(changes || {});\n        const additionalSavingStates = _.reduce(\n            changeset,\n            (result, value) => {\n                return { ...result, [value]: { state: SavingStateValue.Saving } };\n            },\n            {}\n        );\n        setSavingStates({ ...savingStates, ...additionalSavingStates });\n    };\n\n    // Repoves edititng state by row is. Used in delayed saving indicator.\n    const removeSavingState = (rowId: string) => {\n        const newSavingStates = { ...savingStates };\n        delete newSavingStates[rowId];\n        setSavingStates(newSavingStates);\n    };\n\n    // Checks if we have changes, then saves them\n    const saveChangesIfNeeded = async () => {\n        if (!changes) {\n            return;\n        }\n\n        const changeset = Object.keys(changes);\n        if (onSave && changeset.length) {\n            addSavingStates();\n\n            const responses = await Promise.allSettled(changeset.map(rowId => onSave(changes[rowId])));\n\n            setChanges(currentChanges => {\n                const nextChanges = { ...currentChanges };\n\n                responses.forEach((response, index) => {\n                    const rowId = changeset[index];\n\n                    if (response.status === 'fulfilled') {\n                        delete nextChanges[rowId];\n                    }\n                });\n\n                return nextChanges;\n            });\n\n            setSavingStates(savingStates => {\n                const nextSavingStates = savingStates ? { ...savingStates } : {};\n                responses.forEach((response, index) => {\n                    const rowId = changeset[index];\n\n                    if (response.status === 'fulfilled') {\n                        nextSavingStates[rowId] = { state: SavingStateValue.Saved };\n                    } else {\n                        // add the error when validation is added\n                        nextSavingStates[rowId] = { state: SavingStateValue.Error };\n                    }\n                });\n                return nextSavingStates;\n            });\n        }\n    };\n\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null>>({});\n\n    const removeRowMoveReason = (columnId: string) => {\n        setRowMoveReason(prevState => {\n            const newState = { ...prevState };\n            delete newState[columnId];\n\n            return newState;\n        });\n    };\n\n    const showWarning = React.useCallback(\n        event => {\n            if (isEditing && changes && Object.keys(changes).length > 0) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        },\n        [isEditing, changes]\n    );\n\n    React.useEffect(() => {\n        window.addEventListener('beforeunload', showWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showWarning);\n        };\n    }, [showWarning]);\n\n    return {\n        isEnabled,\n        isEditing,\n        toggleEditing: setIsEditing,\n        changes,\n        getCellValue,\n        setCellValue,\n        saveChangesIfNeeded,\n        detailModeEditing,\n        setDetailModeEditing,\n        rowMoveReason,\n        setRowMoveReason,\n        removeRowMoveReason,\n        handleKeyDown,\n        handleBlur,\n        resetChange,\n        savingStates,\n        removeSavingState,\n    };\n}\n"],"names":["SavingStateValue","useEditing","isEnabled","onSave","isEditing","setIsEditing","React","useState","savingStates","setSavingStates","changes","setChanges","detailModeEditing","setDetailModeEditing","getCellValue","cell","_changes$cell$row$id","row","id","column","undefined","setCellValue","value","currentChanges","nextChanges","original","resetChange","rowId","changeset","Object","keys","length","handleKeyDown","useCallback","event","defaultPrevented","shouldTriggerShortcut","key","meta","shift","editing","preventDefault","saveChangesIfNeeded","handleBlur","target","currentTarget","addSavingStates","additionalSavingStates","_","reduce","result","state","Saving","removeSavingState","newSavingStates","Promise","resolve","_temp","allSettled","map","then","responses","forEach","response","index","status","nextSavingStates","Saved","Error","e","reject","rowMoveReason","setRowMoveReason","removeRowMoveReason","columnId","prevState","newState","showWarning","returnValue","useEffect","window","addEventListener","removeEventListener","toggleEditing"],"mappings":"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"}
+{"version":3,"file":"useEditing.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useEditing.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { Cell as RTCell } from '@tanstack/react-table';\n\nimport { Table3SaveHandler } from '../../types';\nimport { IndicatorReason } from '../../components/columns/cell/Indicator';\nimport { shouldTriggerShortcut } from '../../../../utils/keyboard';\nimport { Table3Validation } from './useValidation';\nimport { lastCellIndex } from '../../components/rows/Row';\n\nexport enum SavingStatusValue {\n    Saving = 'saving',\n    Saved = 'saved',\n    Error = 'error',\n}\n\nexport function useEditing<TType = unknown>(\n    isEnabled: boolean,\n    validation: Table3Validation<TType>,\n    onSave?: Table3SaveHandler<TType>\n) {\n    // used to switch the table into editing mode\n    const [isEditing, setIsEditing] = React.useState(false);\n    // Saving indicator need to show saving status per row, saving status can have at least two states 'saving', 'saved',\n    // 'saved' should remain for a few seconds to show tick icon after row has been saved.\n    const [savingStatuses, dispatchSavingStatusAction] = React.useReducer(savingStatusesReducer, null);\n\n    // sets of row changes pending save, either they have not saved yet or they have errors\n    const [editingState, dispatchEditingAction] = React.useReducer((state: EditingState<TType>, action) => editingReducer<TType>(state, action), null);\n\n    const [detailModeEditing, setDetailModeEditing] = React.useState(false);\n\n    function getCellValue<T extends TType>(cell: RTCell<T, unknown>) {\n        return editingState ? editingState[cell.row.id]?.[cell.column.id] : undefined;\n    }\n\n    // Saves editing cell value into editing state.\n    function setCellValue<T extends TType>(cell: RTCell<T, unknown>, value: unknown) {\n        dispatchEditingAction({\n            type: EditingActionType.SET_CELL_VALUE,\n            payload: { rowId: cell.row.id, cellId: cell.column.id, value, originalValues: cell.row.original },\n        });\n    }\n\n    // Removes changes from editing state by row id\n    function resetChange(rowId: string) {\n        dispatchEditingAction({\n            type: EditingActionType.RESET_CHANGE,\n            payload: { rowId },\n        });\n        validation.resetErrors(rowId);\n    }\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent) => {\n            if (event.defaultPrevented) {\n                return;\n            }\n\n            if (shouldTriggerShortcut(event, { key: 'e', meta: true, shift: false })) {\n                setIsEditing(editing => !editing);\n            } else if (shouldTriggerShortcut(event, { key: 's', meta: true, shift: false })) {\n                // Prevent default browser save\n                event.preventDefault();\n                saveChangesIfNeeded();\n            }\n        },\n        [isEditing]\n    );\n\n    const handleBlur = React.useCallback((event: React.FocusEvent) => {\n        if (event.target === event.currentTarget) {\n            saveChangesIfNeeded();\n        }\n    }, []);\n\n    // Creates initial saving statuses from changes object\n    const addSavingStatuses = () => {\n        const changeset = Object.keys(editingState || {});\n        const additionalSavingStatuses = _.reduce(\n            changeset,\n            (result, rowId) => {\n                return { ...result, [rowId]: SavingStatusValue.Saving };\n            },\n            {}\n        );\n        dispatchSavingStatusAction({\n            type: SavingStatusActionType.SET_SAVING_STATUSES,\n            payload: { states: additionalSavingStatuses },\n        });\n    };\n\n    // Resets/removes saving status by row id. Used in delayed saving indicator.\n    const resetSavingStatus = (rowId: string) => {\n        dispatchSavingStatusAction({\n            type: SavingStatusActionType.RESET_SAVING_STATUS,\n            payload: { rowId },\n        });\n    };\n\n    // Checks if we have changes, then saves them\n    const saveChangesIfNeeded = async () => {\n        if (!editingState) {\n            return;\n        }\n\n        const changeset = Object.keys(editingState);\n        if (onSave && changeset.length) {\n            addSavingStatuses();\n\n            const responses = await Promise.allSettled(\n                changeset.map(rowId => {\n                    const validationSavePromise = new Promise<void>((resolve, reject) => {\n                        const changedRow = editingState?.[rowId];\n                        if (changedRow) {\n                            validation\n                                .validate(rowId, changedRow)\n                                ?.then(() => {\n                                    const savePromise = onSave(changedRow);\n                                    savePromise\n                                        .then(() => {\n                                            resolve();\n                                        })\n                                        .catch(reason => {\n                                            if (reason.errors) {\n                                                validation.setRowErrors(rowId, reason.errors);\n                                            }\n\n                                            reject(reason);\n                                        });\n                                })\n                                .catch(() => {\n                                    validation.confirmErrors(rowId);\n                                    dispatchSavingStatusAction({\n                                        type: SavingStatusActionType.SET_SAVING_STATUS,\n                                        payload: { rowId, state: SavingStatusValue.Error },\n                                    });\n                                    reject();\n                                });\n                        } else {\n                            reject();\n                        }\n                    });\n                    return validationSavePromise;\n                })\n            );\n\n            responses.forEach((response, index) => {\n                const rowId = changeset[index];\n\n                if (response.status === 'fulfilled') {\n                    resetChange(rowId);\n                    dispatchSavingStatusAction({\n                        type: SavingStatusActionType.SET_SAVING_STATUS,\n                        payload: { rowId, state: SavingStatusValue.Saved },\n                    });\n                } else {\n                    dispatchSavingStatusAction({\n                        type: SavingStatusActionType.SET_SAVING_STATUS,\n                        payload: { rowId, state: SavingStatusValue.Error },\n                    });\n                }\n            });\n        }\n    };\n\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null> | null>(null);\n\n    const removeRowMoveReason = () => {\n        setRowMoveReason(null);\n    };\n\n    const showWarning = React.useCallback(\n        event => {\n            if (isEditing && editingState && Object.keys(editingState).length > 0) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        },\n        [isEditing, editingState]\n    );\n\n    function getSavingStatus(rowId: string) {\n        return savingStatuses && savingStatuses[rowId];\n    }\n\n    React.useEffect(() => {\n        window.addEventListener('beforeunload', showWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showWarning);\n        };\n    }, [showWarning]);\n\n    React.useEffect(() => {\n        if (!isEditing) {\n            setDetailModeEditing(false);\n            lastCellIndex.value = null;\n        }\n    }, [isEditing]);\n\n    return {\n        isEnabled,\n        isEditing,\n        toggleEditing: setIsEditing,\n        changes: editingState,\n        getCellValue,\n        setCellValue,\n        saveChangesIfNeeded,\n        detailModeEditing,\n        setDetailModeEditing,\n        rowMoveReason,\n        setRowMoveReason,\n        removeRowMoveReason,\n        handleKeyDown,\n        handleBlur,\n        resetChange,\n        getSavingStatus,\n        resetSavingStatus,\n    };\n}\n\nenum EditingActionType {\n    SET_CELL_VALUE,\n    RESET_CHANGE,\n}\n\ntype EditingState<TType = unknown> = Record<string, TType> | null;\n\ntype EditingAction =\n    | { type: EditingActionType.SET_CELL_VALUE; payload: { rowId: string; cellId: string; value: unknown; originalValues } }\n    | {\n        type: EditingActionType.RESET_CHANGE;\n        payload: { rowId: string };\n    };\n\nfunction editingReducer<TType = unknown>(state: EditingState<TType>, action: EditingAction): EditingState<TType> {\n    switch (action.type) {\n        // Set cell value of the row\n        case EditingActionType.SET_CELL_VALUE:\n            return {\n                ...state,\n                [action.payload.rowId]: {\n                    ...(state?.[action.payload.rowId] || action.payload.originalValues),\n                    [action.payload.cellId]: action.payload.value,\n                },\n            };\n\n        // Reset changes for the row\n        case EditingActionType.RESET_CHANGE: {\n            let currentChanges: Record<string, TType> | null = { ...state };\n            if (currentChanges) {\n                delete currentChanges[action.payload.rowId];\n            }\n            const changeset = Object.keys(currentChanges);\n            if (changeset.length === 0) {\n                currentChanges = null;\n            }\n            return currentChanges;\n        }\n\n        default:\n            return state;\n    }\n}\n\nenum SavingStatusActionType {\n    SET_SAVING_STATUS,\n    SET_SAVING_STATUSES,\n    RESET_SAVING_STATUS,\n}\n\ntype SavingStatus = Record<string, SavingStatusValue> | null;\n\ntype SavingStatusAction =\n    | { type: SavingStatusActionType.SET_SAVING_STATUS; payload: { rowId: string; state: SavingStatusValue } }\n    | { type: SavingStatusActionType.SET_SAVING_STATUSES; payload: { states: Record<string, SavingStatusValue> } }\n    | { type: SavingStatusActionType.RESET_SAVING_STATUS; payload: { rowId: string } };\n\nfunction savingStatusesReducer(state: SavingStatus, action: SavingStatusAction): SavingStatus {\n    switch (action.type) {\n        // Set single saving status for the row\n        case SavingStatusActionType.SET_SAVING_STATUS:\n            return {\n                ...state,\n                [action.payload.rowId]: action.payload.state,\n            };\n        // Set multiple saving statuses for multiple rows at the same time\n        case SavingStatusActionType.SET_SAVING_STATUSES:\n            return {\n                ...state,\n                ...action.payload.states,\n            };\n        // Reset/remove saving status for particular row\n        case SavingStatusActionType.RESET_SAVING_STATUS: {\n            const newSavingStatus = { ...state };\n            delete newSavingStatus?.[action.payload.rowId];\n            return newSavingStatus;\n        }\n\n        default:\n            return state;\n    }\n}\n"],"names":["SavingStatusValue","useEditing","isEnabled","validation","onSave","isEditing","setIsEditing","React","useState","savingStatuses","dispatchSavingStatusAction","useReducer","savingStatusesReducer","editingState","dispatchEditingAction","state","action","editingReducer","detailModeEditing","setDetailModeEditing","getCellValue","cell","_editingState$cell$ro","row","id","column","undefined","setCellValue","value","type","EditingActionType","SET_CELL_VALUE","payload","rowId","cellId","originalValues","original","resetChange","RESET_CHANGE","resetErrors","handleKeyDown","useCallback","event","defaultPrevented","shouldTriggerShortcut","key","meta","shift","editing","preventDefault","saveChangesIfNeeded","handleBlur","target","currentTarget","addSavingStatuses","changeset","Object","keys","additionalSavingStatuses","_","reduce","result","Saving","SavingStatusActionType","SET_SAVING_STATUSES","states","resetSavingStatus","RESET_SAVING_STATUS","Promise","resolve","_temp","length","allSettled","map","validationSavePromise","reject","changedRow","_validation$validate","validate","then","savePromise","catch","reason","errors","setRowErrors","confirmErrors","SET_SAVING_STATUS","Error","responses","forEach","response","index","status","Saved","e","rowMoveReason","setRowMoveReason","removeRowMoveReason","showWarning","returnValue","getSavingStatus","useEffect","window","addEventListener","removeEventListener","lastCellIndex","toggleEditing","changes","currentChanges","newSavingStatus"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+function usePauseShortcuts() {
+  const [isShortcutsPaused, setIsShortcutsPaused] = React__default.useState(false);
+  return {
+    isPaused: isShortcutsPaused,
+    pause: setIsShortcutsPaused
+  };
+}
+
+export { usePauseShortcuts };
+//# sourceMappingURL=usePauseShortcuts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePauseShortcuts.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/usePauseShortcuts.ts"],"sourcesContent":["import React from 'react';\n\nexport function usePauseShortcuts() {\n    const [isShortcutsPaused, setIsShortcutsPaused] = React.useState(false);\n\n    return {\n        isPaused: isShortcutsPaused,\n        pause: setIsShortcutsPaused,\n    };\n}\n"],"names":["usePauseShortcuts","isShortcutsPaused","setIsShortcutsPaused","React","useState","isPaused","pause"],"mappings":";;SAEgBA,iBAAiBA;EAC7B,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEvE,OAAO;IACHC,QAAQ,EAAEJ,iBAAiB;IAC3BK,KAAK,EAAEJ;GACV;AACL;;;;"}

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

@@ -1,6 +1,7 @@
 import React__default from 'react';
 
-function useSearch(isEnabled, excludeUnmatchedResultsInSearch = false, loadAll) {
+function useSearch(isEnabled, excludeUnmatchedResultsInSearch = false) {
+  const [isSearching, setIsSearching] = React__default.useState(false);
   const [query, setQuery] = React__default.useState();
   const [enableHighlighting, setEnableHighlighting] = React__default.useState(true);
   const [excludeUnmatchedResults, setExcludeUnmatchedResults] = React__default.useState(excludeUnmatchedResultsInSearch);
@@ -19,7 +20,8 @@ function useSearch(isEnabled, excludeUnmatchedResultsInSearch = false, loadAll)
     setHighlightedColumnIndexes,
     currentHighlightColumnIndex,
     setCurrentHighlightColumnIndex,
-    loadAll
+    isSearching,
+    setIsSearching
   };
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useSearch.ts"],"sourcesContent":["import React from 'react';\nimport { Table3LoadAllHandler } from '../../types';\n\nexport function useSearch(isEnabled: boolean, excludeUnmatchedResultsInSearch = false, loadAll?: Table3LoadAllHandler) {\n    const [query, setQuery] = React.useState<string | undefined>();\n    const [enableHighlighting, setEnableHighlighting] = React.useState<boolean>(true);\n    const [excludeUnmatchedResults, setExcludeUnmatchedResults] = React.useState<boolean>(excludeUnmatchedResultsInSearch);\n\n    // highlighting\n    const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React.useState<number[][]>([]);\n    const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React.useState<number | undefined>(undefined);\n\n    return {\n        isEnabled,\n        isHighlightingEnabled: enableHighlighting,\n        toggleHighlighting: setEnableHighlighting,\n        excludeUnmatchedResults,\n        toggleExcludeUnmatchedResults: setExcludeUnmatchedResults,\n        query,\n        setQuery: isEnabled ? setQuery : () => undefined,\n        highlightedColumnIndexes,\n        setHighlightedColumnIndexes,\n        currentHighlightColumnIndex,\n        setCurrentHighlightColumnIndex,\n        loadAll,\n    };\n}\n"],"names":["useSearch","isEnabled","excludeUnmatchedResultsInSearch","loadAll","query","setQuery","React","useState","enableHighlighting","setEnableHighlighting","excludeUnmatchedResults","setExcludeUnmatchedResults","highlightedColumnIndexes","setHighlightedColumnIndexes","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","undefined","isHighlightingEnabled","toggleHighlighting","toggleExcludeUnmatchedResults"],"mappings":";;SAGgBA,SAASA,CAACC,SAAkB,EAAEC,+BAA+B,GAAG,KAAK,EAAEC,OAA8B;EACjH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAsB;EAC9D,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAU,IAAI,CAAC;EACjF,MAAM,CAACG,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGL,cAAK,CAACC,QAAQ,CAAUL,+BAA+B,CAAC;;EAGtH,MAAM,CAACU,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGP,cAAK,CAACC,QAAQ,CAAa,EAAE,CAAC;EAC9F,MAAM,CAACO,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGT,cAAK,CAACC,QAAQ,CAAqBS,SAAS,CAAC;EAEnH,OAAO;IACHf,SAAS;IACTgB,qBAAqB,EAAET,kBAAkB;IACzCU,kBAAkB,EAAET,qBAAqB;IACzCC,uBAAuB;IACvBS,6BAA6B,EAAER,0BAA0B;IACzDP,KAAK;IACLC,QAAQ,EAAEJ,SAAS,GAAGI,QAAQ,GAAG,MAAMW,SAAS;IAChDJ,wBAAwB;IACxBC,2BAA2B;IAC3BC,2BAA2B;IAC3BC,8BAA8B;IAC9BZ;GACH;AACL;;;;"}
+{"version":3,"file":"useSearch.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useSearch.ts"],"sourcesContent":["import React from 'react';\n\nexport function useSearch(isEnabled: boolean, excludeUnmatchedResultsInSearch = false) {\n    const [isSearching, setIsSearching] = React.useState(false);\n    const [query, setQuery] = React.useState<string | undefined>();\n    const [enableHighlighting, setEnableHighlighting] = React.useState<boolean>(true);\n    const [excludeUnmatchedResults, setExcludeUnmatchedResults] = React.useState<boolean>(excludeUnmatchedResultsInSearch);\n\n    // highlighting\n    const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React.useState<number[][]>([]);\n    const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React.useState<number | undefined>(undefined);\n\n    return {\n        isEnabled,\n        isHighlightingEnabled: enableHighlighting,\n        toggleHighlighting: setEnableHighlighting,\n        excludeUnmatchedResults,\n        toggleExcludeUnmatchedResults: setExcludeUnmatchedResults,\n        query,\n        setQuery: isEnabled ? setQuery : () => undefined,\n        highlightedColumnIndexes,\n        setHighlightedColumnIndexes,\n        currentHighlightColumnIndex,\n        setCurrentHighlightColumnIndex,\n        isSearching,\n        setIsSearching,\n    };\n}\n"],"names":["useSearch","isEnabled","excludeUnmatchedResultsInSearch","isSearching","setIsSearching","React","useState","query","setQuery","enableHighlighting","setEnableHighlighting","excludeUnmatchedResults","setExcludeUnmatchedResults","highlightedColumnIndexes","setHighlightedColumnIndexes","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","undefined","isHighlightingEnabled","toggleHighlighting","toggleExcludeUnmatchedResults"],"mappings":";;SAEgBA,SAASA,CAACC,SAAkB,EAAEC,+BAA+B,GAAG,KAAK;EACjF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGH,cAAK,CAACC,QAAQ,EAAsB;EAC9D,MAAM,CAACG,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGL,cAAK,CAACC,QAAQ,CAAU,IAAI,CAAC;EACjF,MAAM,CAACK,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGP,cAAK,CAACC,QAAQ,CAAUJ,+BAA+B,CAAC;;EAGtH,MAAM,CAACW,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGT,cAAK,CAACC,QAAQ,CAAa,EAAE,CAAC;EAC9F,MAAM,CAACS,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGX,cAAK,CAACC,QAAQ,CAAqBW,SAAS,CAAC;EAEnH,OAAO;IACHhB,SAAS;IACTiB,qBAAqB,EAAET,kBAAkB;IACzCU,kBAAkB,EAAET,qBAAqB;IACzCC,uBAAuB;IACvBS,6BAA6B,EAAER,0BAA0B;IACzDL,KAAK;IACLC,QAAQ,EAAEP,SAAS,GAAGO,QAAQ,GAAG,MAAMS,SAAS;IAChDJ,wBAAwB;IACxBC,2BAA2B;IAC3BC,2BAA2B;IAC3BC,8BAA8B;IAC9Bb,WAAW;IACXC;GACH;AACL;;;;"}