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

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

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../Provider/Localization.js';
 import { v4 } from 'uuid';
 import { _forOf, _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
@@ -6,163 +7,137 @@ import { isTemporaryRow, willRowMove, TEMPORARY_ROW_ID_PREFIX } from '../util/ed
 import omit from 'lodash-es/omit';
 import setWith from 'lodash-es/setWith';
 
-const DELAY_BEFORE_REMOVING_SAVE_STATUS = 3000;
+var DELAY_BEFORE_REMOVING_SAVE_STATUS = 3000;
 function reducer(state, action) {
-  const {
-    type,
-    rowId,
-    payload
-  } = action;
+  var type = action.type,
+    rowId = action.rowId,
+    payload = action.payload;
   switch (type) {
     case 'setCellValue':
       {
-        const {
-          columnId,
-          index,
-          row,
-          value
-        } = payload;
-        return {
-          ...state,
-          changes: {
-            ...state.changes,
-            rows: setWith(state.changes.rows, `${rowId}.${columnId}`, value, Object),
+        var columnId = payload.columnId,
+          index = payload.index,
+          row = payload.row,
+          value = payload.value;
+        return _extends({}, state, {
+          changes: _extends({}, state.changes, {
+            rows: setWith(state.changes.rows, rowId + "." + columnId, value, Object),
             originals: setWith(state.changes.originals, rowId, row, Object)
-          },
+          }),
           indexes: setWith(state.indexes, rowId, index, Object)
-        };
+        });
       }
     case 'removeCellValue':
       {
-        const {
-          columnId,
-          rowIdentityAccessor
-        } = payload;
-        const changes = omit(state.changes.rows, `${rowId}.${columnId}`);
+        var _columnId = payload.columnId,
+          rowIdentityAccessor = payload.rowIdentityAccessor;
+        var changes = omit(state.changes.rows, rowId + "." + _columnId);
         // if there are no changes left, remove the row
         if (!Object.keys(changes[rowId]).length) {
           return reducer(state, {
             type: 'removeRow',
-            rowId,
+            rowId: rowId,
             payload: {
-              rowIdentityAccessor
+              rowIdentityAccessor: rowIdentityAccessor
             }
           });
         }
-        return {
-          ...state,
-          changes: {
-            ...state.changes,
-            rows: omit(state.changes.rows, `${rowId}.${columnId}`),
-            errors: omit(state.changes.errors, `${rowId}.cells.${columnId}`),
-            moveReasons: omit(state.changes.moveReasons, `${rowId}.${columnId}`)
-          }
-        };
+        return _extends({}, state, {
+          changes: _extends({}, state.changes, {
+            rows: omit(state.changes.rows, rowId + "." + _columnId),
+            errors: omit(state.changes.errors, rowId + ".cells." + _columnId),
+            moveReasons: omit(state.changes.moveReasons, rowId + "." + _columnId)
+          })
+        });
       }
     case 'updateRow':
       {
-        const {
-          cellErrors,
-          index,
-          moveReasons,
-          original,
-          value
-        } = payload;
-        return {
-          ...state,
-          changes: {
-            ...state.changes,
-            rows: setWith(state.changes.rows, rowId, value, Object),
-            errors: setWith(state.changes.errors, `${rowId}.cells`, cellErrors !== null && cellErrors !== void 0 ? cellErrors : state.changes.errors.cells[rowId], Object),
+        var cellErrors = payload.cellErrors,
+          _index = payload.index,
+          moveReasons = payload.moveReasons,
+          original = payload.original,
+          _value = payload.value;
+        return _extends({}, state, {
+          changes: _extends({}, state.changes, {
+            rows: setWith(state.changes.rows, rowId, _value, Object),
+            errors: setWith(state.changes.errors, rowId + ".cells", cellErrors !== null && cellErrors !== void 0 ? cellErrors : state.changes.errors.cells[rowId], Object),
             originals: setWith(state.changes.originals, rowId, original !== null && original !== void 0 ? original : state.changes.originals[rowId], Object),
             moveReasons: setWith(state.changes.moveReasons, rowId, moveReasons !== null && moveReasons !== void 0 ? moveReasons : state.changes.moveReasons[rowId], Object),
             // status can be undefined, so don't use ??
             status: setWith(state.changes.status, rowId, undefined, Object)
-          },
-          indexes: setWith(state.indexes, rowId, index, Object)
-        };
+          }),
+          indexes: setWith(state.indexes, rowId, _index, Object)
+        });
       }
     case 'removeRow':
       {
-        const {
-          rowIdentityAccessor
-        } = payload;
-        return {
-          ...state,
-          changes: {
-            ...state.changes,
+        var _rowIdentityAccessor = payload.rowIdentityAccessor;
+        return _extends({}, state, {
+          changes: _extends({}, state.changes, {
             rows: omit(state.changes.rows, rowId),
             errors: omit(state.changes.errors, rowId),
             moveReasons: omit(state.changes.moveReasons, rowId),
             originals: omit(state.changes.originals, rowId),
             status: omit(state.changes.status, rowId)
-          },
+          }),
           indexes: omit(state.indexes, rowId),
-          temporaryRows: state.temporaryRows.filter(row => row[rowIdentityAccessor] !== rowId)
-        };
+          temporaryRows: state.temporaryRows.filter(function (row) {
+            return row[_rowIdentityAccessor] !== rowId;
+          })
+        });
       }
     case 'setRowStatus':
       {
-        const {
-          status
-        } = payload;
-        return {
-          ...state,
-          changes: {
-            ...state.changes,
+        var status = payload.status;
+        return _extends({}, state, {
+          changes: _extends({}, state.changes, {
             status: status ? setWith(state.changes.status, rowId, status, Object) : omit(state.changes.status, rowId)
-          }
-        };
+          })
+        });
       }
     case 'setRowErrors':
       {
-        const {
-          ...errors
-        } = payload;
-        return {
-          ...state,
-          changes: {
-            ...state.changes,
+        var errors = _extends({}, (_objectDestructuringEmpty(payload), payload));
+        return _extends({}, state, {
+          changes: _extends({}, state.changes, {
             errors: setWith(state.changes.errors, rowId, errors, Object)
-          }
-        };
+          })
+        });
       }
     case 'insertTemporaryRow':
       {
-        const {
-          index,
-          value
-        } = payload;
-        return {
-          ...state,
-          temporaryRows: state.temporaryRows.concat(value),
-          changes: {
-            ...state.changes,
-            rows: setWith(state.changes.rows, rowId, value, Object),
-            originals: setWith(state.changes.originals, rowId, value, Object)
-          },
-          indexes: setWith(state.indexes, rowId, index, Object)
-        };
+        var _index2 = payload.index,
+          _value2 = payload.value;
+        return _extends({}, state, {
+          temporaryRows: state.temporaryRows.concat(_value2),
+          changes: _extends({}, state.changes, {
+            rows: setWith(state.changes.rows, rowId, _value2, Object),
+            originals: setWith(state.changes.originals, rowId, _value2, Object)
+          }),
+          indexes: setWith(state.indexes, rowId, _index2, Object)
+        });
       }
     default:
       return state;
   }
 }
 function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, validator) {
-  const saveChanges = function (table, rowId = undefined) {
+  var saveChanges = function saveChanges(table, rowId) {
+    if (rowId === void 0) {
+      rowId = undefined;
+    }
     try {
-      let _exit = false;
+      var _ref;
+      var _exit = false;
       if (!handleSave) {
         console.warn('Tried to save, but Table has no onEditingSave handler');
         return Promise.resolve(false);
       }
       // sometimes we only want to save one row
-      const changes = rowId ? {
-        [rowId]: state.changes.rows[rowId]
-      } : state.changes.rows;
-      let completed = true;
-      const _temp7 = _forOf(Object.keys(changes), function (rowId) {
-        const status = getRowStatus(rowId);
+      var changes = rowId ? (_ref = {}, _ref[rowId] = state.changes.rows[rowId], _ref) : state.changes.rows;
+      var completed = true;
+      var _temp7 = _forOf(Object.keys(changes), function (rowId) {
+        var status = getRowStatus(rowId);
         return _catch(function () {
           function _temp6(_result) {
             return _exit ? _result : Promise.resolve(handleSave(changeSet)).then(function () {
@@ -170,7 +145,7 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
               discardChanges(rowId, table);
               // show the saved status, then remove it after a delay
               setRowStatus(rowId, 'saved');
-              setTimeout(() => {
+              setTimeout(function () {
                 setRowStatus(rowId, undefined);
               }, DELAY_BEFORE_REMOVING_SAVE_STATUS);
             });
@@ -180,16 +155,13 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
             return;
           }
           setRowStatus(rowId, 'saving');
-          const changeSet = {
-            ...state.changes.originals[rowId],
-            ...changes[rowId]
-          };
+          var changeSet = _extends({}, state.changes.originals[rowId], changes[rowId]);
           // if we had to create a temporary id, delete it first - it's our data, not theirs
           if (isTemporaryRow(changeSet[rowIdentityAccessor])) {
             delete changeSet[rowIdentityAccessor];
           }
           // re-run validation, maybe a cell is already invalid but has never been blurred
-          const _temp5 = function () {
+          var _temp5 = function () {
             if (validator) {
               return Promise.resolve(validator(changeSet)).then(function (errors) {
                 if (errors && Object.keys(errors).length) {
@@ -206,8 +178,8 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
           }
           // 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;
+          var rowError;
+          var cellErrors;
           if (typeof error === 'string') {
             rowError = error;
           } else if (error instanceof Error) {
@@ -224,7 +196,7 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
           if (rowError || cellErrors) {
             dispatch({
               type: 'setRowErrors',
-              rowId,
+              rowId: rowId,
               payload: {
                 row: rowError,
                 cells: cellErrors,
@@ -245,16 +217,19 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
       return Promise.reject(e);
     }
   };
-  const onCellChanged = function (cell, rowIndex, shouldRunUpdaters = true) {
+  var onCellChanged = function onCellChanged(cell, rowIndex, shouldRunUpdaters) {
+    if (shouldRunUpdaters === void 0) {
+      shouldRunUpdaters = true;
+    }
     try {
-      function _temp4() {
+      var _temp4 = function _temp4() {
         var _state$changes$errors11;
         function _temp2() {
           // only set errors and move reasons for the cells we're currently acting on
           // why? because the UX is not good if we set them for cells the user hasn't touched yet
-          const cellsToActOn = [cell.column.id, ...Object.keys(updatesForOtherCells)];
-          const allCells = cell.row._getAllCellsByColumnId();
-          cellsToActOn.forEach(accessor => {
+          var cellsToActOn = [cell.column.id].concat(Object.keys(updatesForOtherCells));
+          var allCells = cell.row._getAllCellsByColumnId();
+          cellsToActOn.forEach(function (accessor) {
             if (validationErrors[accessor]) {
               nextCellErrors[accessor] = validationErrors[accessor];
               // don't show move indicator for cells with errors, they aren't valid and can't be saved
@@ -265,7 +240,7 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
               delete nextCellErrors[accessor];
               if ((_allCells$accessor = allCells[accessor]) !== null && _allCells$accessor !== void 0 && _allCells$accessor.column.getIsSorted()) {
                 // run row move determination
-                const reason = willRowMove(cell, nextChanges[accessor], rowIndex, localization);
+                var reason = willRowMove(cell, nextChanges[accessor], rowIndex, localization);
                 // if the row will move based on this change save why, otherwise delete any existing state
                 if (reason) {
                   nextMoveReasons[accessor] = reason;
@@ -287,47 +262,31 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
           });
         }
         // create a projection of the next state, so we can act against it
-        const nextChanges = {
-          ...state.changes.rows[cell.row.id],
-          ...updatesForOtherCells
-        };
-        const nextMoveReasons = {
-          ...state.changes.moveReasons[cell.row.id]
-        };
-        const nextCellErrors = {
-          ...((_state$changes$errors11 = state.changes.errors[cell.row.id]) === null || _state$changes$errors11 === void 0 ? void 0 : _state$changes$errors11.cells)
-        };
+        var nextChanges = _extends({}, state.changes.rows[cell.row.id], updatesForOtherCells);
+        var nextMoveReasons = _extends({}, state.changes.moveReasons[cell.row.id]);
+        var nextCellErrors = _extends({}, (_state$changes$errors11 = state.changes.errors[cell.row.id]) === null || _state$changes$errors11 === void 0 ? void 0 : _state$changes$errors11.cells);
         // run validation
-        let validationErrors = {};
-        const _temp = function () {
+        var validationErrors = {};
+        var _temp = function () {
           if (validator) {
-            const nextRowValue = {
-              ...state.changes.originals[cell.row.id],
-              ...changes,
-              ...updatesForOtherCells
-            };
+            var nextRowValue = _extends({}, state.changes.originals[cell.row.id], changes, updatesForOtherCells);
             return Promise.resolve(validator(nextRowValue)).then(function (_validator) {
               validationErrors = _validator !== null && _validator !== void 0 ? _validator : {};
             });
           }
         }();
         return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
-      }
-      const changes = state.changes.rows[cell.row.id];
+      };
+      var changes = state.changes.rows[cell.row.id];
       if (!changes) {
         return Promise.resolve();
       }
-      let updatesForOtherCells = {};
+      var updatesForOtherCells = {};
       // run the updater handler if there is one, to see if there are any other cells to update
-      const _temp3 = function () {
+      var _temp3 = function () {
         if (typeof handleChange === 'function' && shouldRunUpdaters) {
-          const previousRowValue = {
-            ...state.changes.originals[cell.row.id]
-          };
-          const nextRowValue = {
-            ...state.changes.originals[cell.row.id],
-            ...changes
-          };
+          var previousRowValue = _extends({}, state.changes.originals[cell.row.id]);
+          var nextRowValue = _extends({}, state.changes.originals[cell.row.id], changes);
           return Promise.resolve(handleChange(cell.column.id, changes[cell.column.id], nextRowValue, previousRowValue)).then(function (_handleChange) {
             updatesForOtherCells = _handleChange !== null && _handleChange !== void 0 ? _handleChange : {};
           });
@@ -338,18 +297,20 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
       return Promise.reject(e);
     }
   }; // general
-  const localization = useLocalization();
-  const [state, dispatch] = React__default.useReducer(reducer, {
-    changes: {
-      rows: {},
-      errors: {},
-      moveReasons: {},
-      originals: {},
-      status: {}
-    },
-    indexes: {},
-    temporaryRows: []
-  });
+  var localization = useLocalization();
+  var _React$useReducer = React__default.useReducer(reducer, {
+      changes: {
+        rows: {},
+        errors: {},
+        moveReasons: {},
+        originals: {},
+        status: {}
+      },
+      indexes: {},
+      temporaryRows: []
+    }),
+    state = _React$useReducer[0],
+    dispatch = _React$useReducer[1];
   // rows
   function getRowValue(rowId) {
     var _state$changes$rows$r, _state$changes$rows;
@@ -369,11 +330,11 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
   }
   function hasTemporaryRowErrors() {
     var _state$temporaryRows, _state$changes$errors5, _state$changes$errors6, _state$changes$errors7;
-    const newRow = (_state$temporaryRows = state.temporaryRows) === null || _state$temporaryRows === void 0 ? void 0 : _state$temporaryRows[0];
+    var newRow = (_state$temporaryRows = state.temporaryRows) === null || _state$temporaryRows === void 0 ? void 0 : _state$temporaryRows[0];
     if (!newRow) {
       return false;
     }
-    const rowId = newRow[rowIdentityAccessor];
+    var rowId = newRow[rowIdentityAccessor];
     return !!((_state$changes$errors5 = state.changes.errors[rowId]) !== null && _state$changes$errors5 !== void 0 && _state$changes$errors5.row) || !!Object.keys((_state$changes$errors6 = (_state$changes$errors7 = state.changes.errors[rowId]) === null || _state$changes$errors7 === void 0 ? void 0 : _state$changes$errors7.cells) !== null && _state$changes$errors6 !== void 0 ? _state$changes$errors6 : {}).length;
   }
   function getRowStatus(rowId) {
@@ -382,42 +343,40 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
   function setRowStatus(rowId, status) {
     dispatch({
       type: 'setRowStatus',
-      rowId,
+      rowId: rowId,
       payload: {
-        status
+        status: status
       }
     });
   }
   function insertTemporaryRow(data, rowIndex) {
-    const newRowId = `${TEMPORARY_ROW_ID_PREFIX}${v4()}`;
-    const value = {
-      ...data,
-      [rowIdentityAccessor]: newRowId
-    };
+    var _extends2;
+    var newRowId = "" + TEMPORARY_ROW_ID_PREFIX + v4();
+    var value = _extends({}, data, (_extends2 = {}, _extends2[rowIdentityAccessor] = newRowId, _extends2));
     dispatch({
       type: 'insertTemporaryRow',
       rowId: newRowId,
       payload: {
         index: rowIndex,
-        value
+        value: value
       }
     });
     return newRowId;
   }
   // cells
   function setCellValue(cell, rowIndex, value) {
-    const rowId = cell.row.id;
-    const columnId = cell.column.id;
+    var rowId = cell.row.id;
+    var columnId = cell.column.id;
     // update if the change is different to the original value
     if (value !== cell.row.original[columnId]) {
       dispatch({
         type: 'setCellValue',
-        rowId,
+        rowId: rowId,
         payload: {
-          columnId,
+          columnId: columnId,
           index: rowIndex,
           row: cell.row.original,
-          value
+          value: value
         }
       });
     }
@@ -425,10 +384,10 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
     else if (cell.row.id in state.changes.rows) {
       dispatch({
         type: 'removeCellValue',
-        rowId,
+        rowId: rowId,
         payload: {
-          columnId,
-          rowIdentityAccessor
+          columnId: columnId,
+          rowIdentityAccessor: rowIdentityAccessor
         }
       });
     }
@@ -442,19 +401,23 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
     return (_state$changes$errors8 = state.changes.errors) === null || _state$changes$errors8 === void 0 ? void 0 : (_state$changes$errors9 = _state$changes$errors8[cell.row.id]) === null || _state$changes$errors9 === void 0 ? void 0 : (_state$changes$errors10 = _state$changes$errors9.cells) === null || _state$changes$errors10 === void 0 ? void 0 : _state$changes$errors10[cell.column.id];
   }
   function getErrorsShownInAlert() {
-    const rowsWithErrors = Object.keys(state.changes.errors);
+    var rowsWithErrors = Object.keys(state.changes.errors);
     if (!rowsWithErrors.length) {
       return [];
     }
-    return rowsWithErrors.filter(hasRowErrorsShownInAlert).map(rowId => ({
-      rowId,
-      index: state.indexes[rowId],
-      changes: state.changes.rows[rowId],
-      errors: state.changes.errors[rowId]
-    }));
+    return rowsWithErrors.filter(hasRowErrorsShownInAlert).map(function (rowId) {
+      return {
+        rowId: rowId,
+        index: state.indexes[rowId],
+        changes: state.changes.rows[rowId],
+        errors: state.changes.errors[rowId]
+      };
+    });
   }
   function hasSaved() {
-    return !!Object.values(state.changes.status).filter(value => value === 'saved').length;
+    return !!Object.values(state.changes.status).filter(function (value) {
+      return value === 'saved';
+    }).length;
   }
   function hasChanges(rowId) {
     return rowId ? !!state.changes.rows[rowId] : !!Object.keys(state.changes.rows).length;
@@ -464,34 +427,34 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
     table.resetRowPinning(true);
     dispatch({
       type: 'removeRow',
-      rowId,
+      rowId: rowId,
       payload: {
-        rowIdentityAccessor
+        rowIdentityAccessor: rowIdentityAccessor
       }
     });
   }
   return {
     // row
-    getRowValue,
-    getRowMoveReason,
-    hasRowErrors,
-    hasRowErrorsShownInAlert,
-    hasTemporaryRowErrors,
-    getRowStatus,
-    setRowStatus,
+    getRowValue: getRowValue,
+    getRowMoveReason: getRowMoveReason,
+    hasRowErrors: hasRowErrors,
+    hasRowErrorsShownInAlert: hasRowErrorsShownInAlert,
+    hasTemporaryRowErrors: hasTemporaryRowErrors,
+    getRowStatus: getRowStatus,
+    setRowStatus: setRowStatus,
     // cells
-    setCellValue,
-    getCellValue,
-    getCellError,
-    onCellChanged,
+    setCellValue: setCellValue,
+    getCellValue: getCellValue,
+    getCellError: getCellError,
+    onCellChanged: onCellChanged,
     // general
-    getErrorsShownInAlert,
-    hasChanges,
-    saveChanges,
-    discardChanges,
-    hasSaved,
+    getErrorsShownInAlert: getErrorsShownInAlert,
+    hasChanges: hasChanges,
+    saveChanges: saveChanges,
+    discardChanges: discardChanges,
+    hasSaved: hasSaved,
     // new rows
-    insertTemporaryRow,
+    insertTemporaryRow: insertTemporaryRow,
     temporaryRows: state.temporaryRows
   };
 }