@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -0,0 +1,95 @@
+import React__default from 'react';
+import { isInternalColumn } from '../../util/columns.js';
+
+function getFrozenInternalColumnCount(options) {
+  let index = 0;
+  if (options.enableRowDrag) {
+    index++;
+  }
+  if (options.enableRowSelection) {
+    index++;
+  }
+  if (options.enableRowExpansion) {
+    index++;
+  }
+  return index;
+}
+/*
+Because of the desired behaviour of column freezing we use custom state and just an index.
+If a frozen column is, for example, hidden, then the desired behaviour is that the next available column gets frozen.
+If this behaviour were different we would just use the native column pinning functionality
+*/
+function useColumnFreezing(defaultFrozenIndex, options) {
+  const [frozenColumnIndex, _setFrozenColumnIndex] = React__default.useState(() => defaultFrozenIndex);
+  const [horizontallyScrolled, setHorizontallyScrolled] = React__default.useState(false);
+  const onScroll = event => {
+    if (event.currentTarget.scrollLeft > 0 && !horizontallyScrolled) {
+      setHorizontallyScrolled(true);
+    } else if (event.currentTarget.scrollLeft === 0 && horizontallyScrolled) {
+      setHorizontallyScrolled(false);
+    }
+  };
+  const frozenInternalColumnCount = React__default.useMemo(() => getFrozenInternalColumnCount(options), []);
+  // we must set a value when undefined is explicitly set, otherwise nothing is saved to settings
+  // and the next time the table loads it will fall back to the initial value even though the user changed it
+  const setFrozenColumnIndex = index => _setFrozenColumnIndex(index !== null && index !== void 0 ? index : -1);
+  return {
+    isEnabled: options.enableColumnFreezing,
+    frozenInternalColumnCount,
+    frozenColumnIndex,
+    setFrozenColumnIndex,
+    horizontallyScrolled,
+    handleScroll: onScroll
+  };
+}
+function useColumnFreezingStyle(tableId, table) {
+  var _tableMeta$columnFree;
+  const {
+    columnOrder,
+    columnSizing,
+    columnSizingInfo,
+    columnVisibility
+  } = table.getState();
+  const tableMeta = table.options.meta;
+  const frozenColumnIndex =
+  // If column freezing is not enabled then only internal frozen column should be frozen.
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  (tableMeta.columnFreezing.isEnabled ? (_tableMeta$columnFree = tableMeta.columnFreezing.frozenColumnIndex) !== null && _tableMeta$columnFree !== void 0 ? _tableMeta$columnFree : -1 : -1) +
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  tableMeta.columnFreezing.frozenInternalColumnCount;
+  const style = React__default.useMemo(() => {
+    if (
+    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+    tableMeta.columnFreezing.frozenInternalColumnCount > 0 || tableMeta.columnFreezing.isEnabled && frozenColumnIndex !== undefined) {
+      var _visibleFrozenColumns;
+      const visibleFrozenColumns = table.getVisibleLeafColumns().slice(0, frozenColumnIndex + 1);
+      const visibleExternalFrozenColumns = visibleFrozenColumns.filter(column => !isInternalColumn(column.id));
+      // if all external frozen columns haven't had their size set yet, then abort
+      if (visibleExternalFrozenColumns.length && visibleExternalFrozenColumns.every(column => columnSizing[column.id] === undefined)) {
+        return undefined;
+      }
+      const styles = [visibleFrozenColumns.map((column, index) => `#${tableId} [role="row"] > :nth-child(${index + 1}) { left: ${column.getStart()}px }`).join('\n'), `#${tableId} [role="row"] > :not(:nth-child(n+${frozenColumnIndex + 2})) {
+                    position: sticky;
+                    z-index: 20;
+                }`, `#${tableId}[data-horizontally-scrolled="true"] [role="row"] > :nth-child(${frozenColumnIndex + 1}) {
+                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%), 1px 0px 0px #DDDDDD;
+                }`];
+      const columnId = (_visibleFrozenColumns = visibleFrozenColumns[frozenColumnIndex]) === null || _visibleFrozenColumns === void 0 ? void 0 : _visibleFrozenColumns.id;
+      // frozenColumnIndex could not be in the visible frozen column so it is important to check if columnId
+      // exists before checking if it is internal.
+      //
+      // only add a border to the edge column if it isn't an internal column
+      if (columnId && !isInternalColumn(columnId)) {
+        styles.push(`#${tableId}[data-horizontally-scrolled="false"] [role="row"] > :nth-child(${frozenColumnIndex + 1}) {
+                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 1px 0px 0px #DDDDDD;
+                }`);
+      }
+      return styles.join('\n');
+    }
+    return undefined;
+  }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, tableMeta.columnFreezing.isEnabled, frozenColumnIndex]);
+  return style;
+}
+
+export { getFrozenInternalColumnCount, useColumnFreezing, useColumnFreezingStyle };
+//# sourceMappingURL=useColumnFreezing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnFreezing.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useColumnFreezing.ts"],"sourcesContent":["import { Table, TableMeta } from '@tanstack/react-table';\nimport React from 'react';\nimport { Table3Options } from '../../types';\nimport { isInternalColumn } from '../../util/columns';\n\nexport function getFrozenInternalColumnCount(options: Table3Options) {\n    let index = 0;\n\n    if (options.enableRowDrag) {\n        index++;\n    }\n\n    if (options.enableRowSelection) {\n        index++;\n    }\n\n    if (options.enableRowExpansion) {\n        index++;\n    }\n\n    return index;\n}\n\n/*\nBecause of the desired behaviour of column freezing we use custom state and just an index.\nIf a frozen column is, for example, hidden, then the desired behaviour is that the next available column gets frozen.\nIf this behaviour were different we would just use the native column pinning functionality\n*/\nexport function useColumnFreezing(defaultFrozenIndex: number | undefined, options: Table3Options) {\n    const [frozenColumnIndex, _setFrozenColumnIndex] = React.useState<number | undefined>(() => defaultFrozenIndex);\n    const [horizontallyScrolled, setHorizontallyScrolled] = React.useState(false);\n\n    const onScroll = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (event.currentTarget.scrollLeft > 0 && !horizontallyScrolled) {\n            setHorizontallyScrolled(true);\n        } else if (event.currentTarget.scrollLeft === 0 && horizontallyScrolled) {\n            setHorizontallyScrolled(false);\n        }\n    };\n\n    const frozenInternalColumnCount = React.useMemo(() => getFrozenInternalColumnCount(options), []);\n\n    // we must set a value when undefined is explicitly set, otherwise nothing is saved to settings\n    // and the next time the table loads it will fall back to the initial value even though the user changed it\n    const setFrozenColumnIndex = (index: number | undefined) => _setFrozenColumnIndex(index ?? -1);\n\n    return {\n        isEnabled: options.enableColumnFreezing,\n        frozenInternalColumnCount,\n        frozenColumnIndex,\n        setFrozenColumnIndex,\n        horizontallyScrolled,\n        handleScroll: onScroll,\n    };\n}\n\nexport function useColumnFreezingStyle<TType = unknown>(tableId: string, table: Table<TType>) {\n    const { columnOrder, columnSizing, columnSizingInfo, columnVisibility } = table.getState();\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const frozenColumnIndex =\n        // If column freezing is not enabled then only internal frozen column should be frozen.\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        (tableMeta.columnFreezing.isEnabled ? tableMeta.columnFreezing.frozenColumnIndex ?? -1 : -1) +\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.columnFreezing.frozenInternalColumnCount;\n\n    const style = React.useMemo(() => {\n        if (\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            tableMeta.columnFreezing.frozenInternalColumnCount > 0 ||\n            (tableMeta.columnFreezing.isEnabled && frozenColumnIndex !== undefined)\n        ) {\n            const visibleFrozenColumns = table.getVisibleLeafColumns().slice(0, frozenColumnIndex + 1);\n\n            const visibleExternalFrozenColumns = visibleFrozenColumns.filter(column => !isInternalColumn(column.id));\n\n            // if all external frozen columns haven't had their size set yet, then abort\n            if (\n                visibleExternalFrozenColumns.length &&\n                visibleExternalFrozenColumns.every(column => columnSizing[column.id] === undefined)\n            ) {\n                return undefined;\n            }\n\n            const styles = [\n                visibleFrozenColumns\n                    .map(\n                        (column, index) => `#${tableId} [role=\"row\"] > :nth-child(${index + 1}) { left: ${column.getStart()}px }`\n                    )\n                    .join('\\n'),\n                `#${tableId} [role=\"row\"] > :not(:nth-child(n+${frozenColumnIndex + 2})) {\n                    position: sticky;\n                    z-index: 20;\n                }`,\n                `#${tableId}[data-horizontally-scrolled=\"true\"] [role=\"row\"] > :nth-child(${frozenColumnIndex + 1}) {\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%), 1px 0px 0px #DDDDDD;\n                }`,\n            ];\n\n            const columnId = visibleFrozenColumns[frozenColumnIndex]?.id;\n\n            // frozenColumnIndex could not be in the visible frozen column so it is important to check if columnId\n            // exists before checking if it is internal.\n            //\n            // only add a border to the edge column if it isn't an internal column\n            if (columnId && !isInternalColumn(columnId)) {\n                styles.push(`#${tableId}[data-horizontally-scrolled=\"false\"] [role=\"row\"] > :nth-child(${frozenColumnIndex + 1}) {\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 1px 0px 0px #DDDDDD;\n                }`);\n            }\n\n            return styles.join('\\n');\n        }\n\n        return undefined;\n    }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, tableMeta.columnFreezing.isEnabled, frozenColumnIndex]);\n\n    return style;\n}\n"],"names":["getFrozenInternalColumnCount","options","index","enableRowDrag","enableRowSelection","enableRowExpansion","useColumnFreezing","defaultFrozenIndex","frozenColumnIndex","_setFrozenColumnIndex","React","useState","horizontallyScrolled","setHorizontallyScrolled","onScroll","event","currentTarget","scrollLeft","frozenInternalColumnCount","useMemo","setFrozenColumnIndex","isEnabled","enableColumnFreezing","handleScroll","useColumnFreezingStyle","tableId","table","columnOrder","columnSizing","columnSizingInfo","columnVisibility","getState","tableMeta","meta","columnFreezing","_tableMeta$columnFree","style","undefined","_visibleFrozenColumns","visibleFrozenColumns","getVisibleLeafColumns","slice","visibleExternalFrozenColumns","filter","column","isInternalColumn","id","length","every","styles","map","getStart","join","columnId","push"],"mappings":"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"}

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

@@ -0,0 +1,299 @@
+import React__default from 'react';
+import { isElementInsideOrTriggeredFromContainer } from '../../../../utils/dom.js';
+import { shouldTriggerShortcut } from '../../../../utils/keyboard.js';
+import _ from 'lodash-es';
+import { lastCellIndex } from '../../components/rows/Row.js';
+
+var SavingStatusValue;
+(function (SavingStatusValue) {
+  SavingStatusValue["Saving"] = "saving";
+  SavingStatusValue["Saved"] = "saved";
+  SavingStatusValue["Error"] = "error";
+})(SavingStatusValue || (SavingStatusValue = {}));
+function useEditing(isEnabled, tableRef, validation, onSave) {
+  // used to switch the table into editing mode
+  const [isEditing, setIsEditing] = React__default.useState(false);
+  // 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 [savingStatuses, dispatchSavingStatusAction] = React__default.useReducer(savingStatusesReducer, null);
+  // sets of row changes pending save, either they have not saved yet or they have errors
+  const [editingState, dispatchEditingAction] = React__default.useReducer((state, action) => editingReducer(state, action), null);
+  const [detailModeEditing, setDetailModeEditing] = React__default.useState(false);
+  function getCellValue(cell) {
+    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) {
+    dispatchEditingAction({
+      type: EditingActionType.SET_CELL_VALUE,
+      payload: {
+        rowId: cell.row.id,
+        cellId: cell.column.id,
+        value,
+        originalValues: cell.row.original
+      }
+    });
+  }
+  // Removes changes from editing state by row id
+  function resetChange(rowId) {
+    dispatchEditingAction({
+      type: EditingActionType.RESET_CHANGE,
+      payload: {
+        rowId
+      }
+    });
+    validation.resetErrors(rowId);
+  }
+  const handleKeyDown = React__default.useCallback(event => {
+    if (event.defaultPrevented) {
+      return;
+    }
+    if (shouldTriggerShortcut(event, {
+      key: 'e',
+      meta: true,
+      shift: false
+    })) {
+      setIsEditing(editing => !editing);
+    } else if (shouldTriggerShortcut(event, {
+      key: 's',
+      meta: true,
+      shift: false
+    })) {
+      // Prevent default browser save
+      event.preventDefault();
+      saveChangesIfNeeded();
+    }
+  }, [isEditing]);
+  const handleBlur = React__default.useCallback(event => {
+    if (event.target === event.currentTarget) {
+      saveChangesIfNeeded();
+    }
+  }, []);
+  // Creates initial saving statuses from changes object
+  const addSavingStatuses = () => {
+    const changeset = Object.keys(editingState || {});
+    const additionalSavingStatuses = _.reduce(changeset, (result, rowId) => {
+      return {
+        ...result,
+        [rowId]: SavingStatusValue.Saving
+      };
+    }, {});
+    dispatchSavingStatusAction({
+      type: SavingStatusActionType.SET_SAVING_STATUSES,
+      payload: {
+        states: additionalSavingStatuses
+      }
+    });
+  };
+  // 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 (!editingState) {
+        return Promise.resolve();
+      }
+      const changeset = Object.keys(editingState);
+      const _temp = function () {
+        if (onSave && changeset.length) {
+          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();
+              }
+            });
+            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
+                  }
+                });
+              }
+            });
+          });
+        }
+      }();
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const [rowMoveReason, setRowMoveReason] = React__default.useState(null);
+  const removeRowMoveReason = () => {
+    setRowMoveReason(null);
+  };
+  const showWarning = React__default.useCallback(event => {
+    if (isEditing && editingState && Object.keys(editingState).length > 0) {
+      event.returnValue = true;
+      return true;
+    }
+    return false;
+  }, [isEditing, editingState]);
+  React__default.useEffect(() => {
+    const handleClickOutside = event => {
+      const target = event.target;
+      const closestPopup = target.closest('[role="dialog"], [role="menu"]');
+      // Need to check that neither target itself nor closest popup is inside or triggetred from the table.
+      if (!isElementInsideOrTriggeredFromContainer(target, tableRef.current) && !isElementInsideOrTriggeredFromContainer(closestPopup, tableRef.current)) {
+        saveChangesIfNeeded();
+      }
+    };
+    document.addEventListener('click', handleClickOutside);
+    return () => {
+      document.removeEventListener('click', handleClickOutside);
+    };
+  }, [saveChangesIfNeeded]);
+  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: editingState,
+    getCellValue,
+    setCellValue,
+    saveChangesIfNeeded,
+    detailModeEditing,
+    setDetailModeEditing,
+    rowMoveReason,
+    setRowMoveReason,
+    removeRowMoveReason,
+    handleKeyDown,
+    handleBlur,
+    resetChange,
+    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 { SavingStatusValue, useEditing };
+//# sourceMappingURL=useEditing.js.map

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

@@ -0,0 +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 { Table3Ref, 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';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../utils/dom';\n\nexport enum SavingStatusValue {\n    Saving = 'saving',\n    Saved = 'saved',\n    Error = 'error',\n}\n\nexport function useEditing<TType = unknown>(\n    isEnabled: boolean,\n    tableRef: React.RefObject<Table3Ref>,\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(\n        (state: EditingState<TType>, action) => editingReducer<TType>(state, action),\n        null\n    );\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    React.useEffect(() => {\n        const handleClickOutside = (event: MouseEvent) => {\n            const target = event.target as HTMLElement;\n            const closestPopup = target.closest('[role=\"dialog\"], [role=\"menu\"]');\n\n            // Need to check that neither target itself nor closest popup is inside or triggetred from the table.\n            if (\n                !isElementInsideOrTriggeredFromContainer(target, tableRef.current) &&\n                !isElementInsideOrTriggeredFromContainer(closestPopup, tableRef.current)\n            ) {\n                saveChangesIfNeeded();\n            }\n        };\n\n        document.addEventListener('click', handleClickOutside);\n\n        return () => {\n            document.removeEventListener('click', handleClickOutside);\n        };\n    }, [saveChangesIfNeeded]);\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","tableRef","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","useEffect","handleClickOutside","closestPopup","closest","isElementInsideOrTriggeredFromContainer","current","document","addEventListener","removeEventListener","getSavingStatus","window","lastCellIndex","toggleEditing","changes","currentChanges","newSavingStatus"],"mappings":";;;;;;IAWYA;AAAZ,WAAYA,iBAAiB;EACzBA,sCAAiB;EACjBA,oCAAe;EACfA,oCAAe;AACnB,CAAC,EAJWA,iBAAiB,KAAjBA,iBAAiB;SAMbC,UAAUA,CACtBC,SAAkB,EAClBC,QAAoC,EACpCC,UAAmC,EACnCC,MAAiC;;EAGjC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;;;EAGvD,MAAM,CAACC,cAAc,EAAEC,0BAA0B,CAAC,GAAGH,cAAK,CAACI,UAAU,CAACC,qBAAqB,EAAE,IAAI,CAAC;;EAGlG,MAAM,CAACC,YAAY,EAAEC,qBAAqB,CAAC,GAAGP,cAAK,CAACI,UAAU,CAC1D,CAACI,KAA0B,EAAEC,MAAM,KAAKC,cAAc,CAAQF,KAAK,EAAEC,MAAM,CAAC,EAC5E,IAAI,CACP;EAED,MAAM,CAACE,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGZ,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEvE,SAASY,YAAYA,CAAkBC,IAAwB;;IAC3D,OAAOR,YAAY,IAAAS,qBAAA,GAAGT,YAAY,CAACQ,IAAI,CAACE,GAAG,CAACC,EAAE,CAAC,cAAAF,qBAAA,uBAAzBA,qBAAA,CAA4BD,IAAI,CAACI,MAAM,CAACD,EAAE,CAAC,GAAGE,SAAS;;;EAIjF,SAASC,YAAYA,CAAkBN,IAAwB,EAAEO,KAAc;IAC3Ed,qBAAqB,CAAC;MAClBe,IAAI,EAAEC,iBAAiB,CAACC,cAAc;MACtCC,OAAO,EAAE;QAAEC,KAAK,EAAEZ,IAAI,CAACE,GAAG,CAACC,EAAE;QAAEU,MAAM,EAAEb,IAAI,CAACI,MAAM,CAACD,EAAE;QAAEI,KAAK;QAAEO,cAAc,EAAEd,IAAI,CAACE,GAAG,CAACa;;KAC1F,CAAC;;;EAIN,SAASC,WAAWA,CAACJ,KAAa;IAC9BnB,qBAAqB,CAAC;MAClBe,IAAI,EAAEC,iBAAiB,CAACQ,YAAY;MACpCN,OAAO,EAAE;QAAEC;;KACd,CAAC;IACF9B,UAAU,CAACoC,WAAW,CAACN,KAAK,CAAC;;EAGjC,MAAMO,aAAa,GAAGjC,cAAK,CAACkC,WAAW,CAClCC,KAAoB;IACjB,IAAIA,KAAK,CAACC,gBAAgB,EAAE;MACxB;;IAGJ,IAAIC,qBAAqB,CAACF,KAAK,EAAE;MAAEG,GAAG,EAAE,GAAG;MAAEC,IAAI,EAAE,IAAI;MAAEC,KAAK,EAAE;KAAO,CAAC,EAAE;MACtEzC,YAAY,CAAC0C,OAAO,IAAI,CAACA,OAAO,CAAC;KACpC,MAAM,IAAIJ,qBAAqB,CAACF,KAAK,EAAE;MAAEG,GAAG,EAAE,GAAG;MAAEC,IAAI,EAAE,IAAI;MAAEC,KAAK,EAAE;KAAO,CAAC,EAAE;;MAE7EL,KAAK,CAACO,cAAc,EAAE;MACtBC,mBAAmB,EAAE;;GAE5B,EACD,CAAC7C,SAAS,CAAC,CACd;EAED,MAAM8C,UAAU,GAAG5C,cAAK,CAACkC,WAAW,CAAEC,KAAuB;IACzD,IAAIA,KAAK,CAACU,MAAM,KAAKV,KAAK,CAACW,aAAa,EAAE;MACtCH,mBAAmB,EAAE;;GAE5B,EAAE,EAAE,CAAC;;EAGN,MAAMI,iBAAiB,GAAGA;IACtB,MAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAAC5C,YAAY,IAAI,EAAE,CAAC;IACjD,MAAM6C,wBAAwB,GAAGC,CAAC,CAACC,MAAM,CACrCL,SAAS,EACT,CAACM,MAAM,EAAE5B,KAAK;MACV,OAAO;QAAE,GAAG4B,MAAM;QAAE,CAAC5B,KAAK,GAAGlC,iBAAiB,CAAC+D;OAAQ;KAC1D,EACD,EAAE,CACL;IACDpD,0BAA0B,CAAC;MACvBmB,IAAI,EAAEkC,sBAAsB,CAACC,mBAAmB;MAChDhC,OAAO,EAAE;QAAEiC,MAAM,EAAEP;;KACtB,CAAC;GACL;;EAGD,MAAMQ,iBAAiB,GAAIjC,KAAa;IACpCvB,0BAA0B,CAAC;MACvBmB,IAAI,EAAEkC,sBAAsB,CAACI,mBAAmB;MAChDnC,OAAO,EAAE;QAAEC;;KACd,CAAC;GACL;;EAGD,MAAMiB,mBAAmB;IAAA;MACrB,IAAI,CAACrC,YAAY,EAAE;QACf,OAAAuD,OAAA,CAAAC,OAAA;;MAGJ,MAAMd,SAAS,GAAGC,MAAM,CAACC,IAAI,CAAC5C,YAAY,CAAC;MAAC,MAAAyD,KAAA;QAAA,IACxClE,MAAM,IAAImD,SAAS,CAACgB,MAAM;UAC1BjB,iBAAiB,EAAE;UAAC,OAAAc,OAAA,CAAAC,OAAA,CAEID,OAAO,CAACI,UAAU,CACtCjB,SAAS,CAACkB,GAAG,CAACxC,KAAK;YACf,MAAMyC,qBAAqB,GAAG,IAAIN,OAAO,CAAO,CAACC,OAAO,EAAEM,MAAM;cAC5D,MAAMC,UAAU,GAAG/D,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGoB,KAAK,CAAC;cACxC,IAAI2C,UAAU,EAAE;gBAAA,IAAAC,oBAAA;gBACZ,CAAAA,oBAAA,GAAA1E,UAAU,CACL2E,QAAQ,CAAC7C,KAAK,EAAE2C,UAAU,CAAC,cAAAC,oBAAA,uBADhCA,oBAAA,CAEME,IAAI,CAAC;kBACH,MAAMC,WAAW,GAAG5E,MAAM,CAACwE,UAAU,CAAC;kBACtCI,WAAW,CACND,IAAI,CAAC;oBACFV,OAAO,EAAE;mBACZ,CAAC,CACDY,KAAK,CAACC,MAAM;oBACT,IAAIA,MAAM,CAACC,MAAM,EAAE;sBACfhF,UAAU,CAACiF,YAAY,CAACnD,KAAK,EAAEiD,MAAM,CAACC,MAAM,CAAC;;oBAGjDR,MAAM,CAACO,MAAM,CAAC;mBACjB,CAAC;iBACT,CAAC,CACDD,KAAK,CAAC;kBACH9E,UAAU,CAACkF,aAAa,CAACpD,KAAK,CAAC;kBAC/BvB,0BAA0B,CAAC;oBACvBmB,IAAI,EAAEkC,sBAAsB,CAACuB,iBAAiB;oBAC9CtD,OAAO,EAAE;sBAAEC,KAAK;sBAAElB,KAAK,EAAEhB,iBAAiB,CAACwF;;mBAC9C,CAAC;kBACFZ,MAAM,EAAE;iBACX,CAAC;eACT,MAAM;gBACHA,MAAM,EAAE;;aAEf,CAAC;YACF,OAAOD,qBAAqB;WAC/B,CAAC,CACL,EAAAK,IAAA,WAnCKS,SAAS;YAqCfA,SAAS,CAACC,OAAO,CAAC,CAACC,QAAQ,EAAEC,KAAK;cAC9B,MAAM1D,KAAK,GAAGsB,SAAS,CAACoC,KAAK,CAAC;cAE9B,IAAID,QAAQ,CAACE,MAAM,KAAK,WAAW,EAAE;gBACjCvD,WAAW,CAACJ,KAAK,CAAC;gBAClBvB,0BAA0B,CAAC;kBACvBmB,IAAI,EAAEkC,sBAAsB,CAACuB,iBAAiB;kBAC9CtD,OAAO,EAAE;oBAAEC,KAAK;oBAAElB,KAAK,EAAEhB,iBAAiB,CAAC8F;;iBAC9C,CAAC;eACL,MAAM;gBACHnF,0BAA0B,CAAC;kBACvBmB,IAAI,EAAEkC,sBAAsB,CAACuB,iBAAiB;kBAC9CtD,OAAO,EAAE;oBAAEC,KAAK;oBAAElB,KAAK,EAAEhB,iBAAiB,CAACwF;;iBAC9C,CAAC;;aAET,CAAC;;;;MAAC,OAAAnB,OAAA,CAAAC,OAAA,CAAAC,KAAA,IAAAA,KAAA,CAAAS,IAAA,GAAAT,KAAA,CAAAS,IAAA;KAEV,QAAAe,CAAA;MAAA,OAAA1B,OAAA,CAAAO,MAAA,CAAAmB,CAAA;;;EAED,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGzF,cAAK,CAACC,QAAQ,CAAgD,IAAI,CAAC;EAE7G,MAAMyF,mBAAmB,GAAGA;IACxBD,gBAAgB,CAAC,IAAI,CAAC;GACzB;EAED,MAAME,WAAW,GAAG3F,cAAK,CAACkC,WAAW,CACjCC,KAAK;IACD,IAAIrC,SAAS,IAAIQ,YAAY,IAAI2C,MAAM,CAACC,IAAI,CAAC5C,YAAY,CAAC,CAAC0D,MAAM,GAAG,CAAC,EAAE;MACnE7B,KAAK,CAACyD,WAAW,GAAG,IAAI;MACxB,OAAO,IAAI;;IAGf,OAAO,KAAK;GACf,EACD,CAAC9F,SAAS,EAAEQ,YAAY,CAAC,CAC5B;EAEDN,cAAK,CAAC6F,SAAS,CAAC;IACZ,MAAMC,kBAAkB,GAAI3D,KAAiB;MACzC,MAAMU,MAAM,GAAGV,KAAK,CAACU,MAAqB;MAC1C,MAAMkD,YAAY,GAAGlD,MAAM,CAACmD,OAAO,CAAC,gCAAgC,CAAC;;MAGrE,IACI,CAACC,uCAAuC,CAACpD,MAAM,EAAElD,QAAQ,CAACuG,OAAO,CAAC,IAClE,CAACD,uCAAuC,CAACF,YAAY,EAAEpG,QAAQ,CAACuG,OAAO,CAAC,EAC1E;QACEvD,mBAAmB,EAAE;;KAE5B;IAEDwD,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEN,kBAAkB,CAAC;IAEtD,OAAO;MACHK,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEP,kBAAkB,CAAC;KAC5D;GACJ,EAAE,CAACnD,mBAAmB,CAAC,CAAC;EAEzB,SAAS2D,eAAeA,CAAC5E,KAAa;IAClC,OAAOxB,cAAc,IAAIA,cAAc,CAACwB,KAAK,CAAC;;EAGlD1B,cAAK,CAAC6F,SAAS,CAAC;IACZU,MAAM,CAACH,gBAAgB,CAAC,cAAc,EAAET,WAAW,CAAC;IAEpD,OAAO;MACHY,MAAM,CAACF,mBAAmB,CAAC,cAAc,EAAEV,WAAW,CAAC;KAC1D;GACJ,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB3F,cAAK,CAAC6F,SAAS,CAAC;IACZ,IAAI,CAAC/F,SAAS,EAAE;MACZc,oBAAoB,CAAC,KAAK,CAAC;MAC3B4F,aAAa,CAACnF,KAAK,GAAG,IAAI;;GAEjC,EAAE,CAACvB,SAAS,CAAC,CAAC;EAEf,OAAO;IACHJ,SAAS;IACTI,SAAS;IACT2G,aAAa,EAAE1G,YAAY;IAC3B2G,OAAO,EAAEpG,YAAY;IACrBO,YAAY;IACZO,YAAY;IACZuB,mBAAmB;IACnBhC,iBAAiB;IACjBC,oBAAoB;IACpB4E,aAAa;IACbC,gBAAgB;IAChBC,mBAAmB;IACnBzD,aAAa;IACbW,UAAU;IACVd,WAAW;IACXwE,eAAe;IACf3C;GACH;AACL;AAEA,IAAKpC,iBAGJ;AAHD,WAAKA,iBAAiB;EAClBA,6EAAc;EACdA,yEAAY;AAChB,CAAC,EAHIA,iBAAiB,KAAjBA,iBAAiB;AActB,SAASb,cAAcA,CAAkBF,KAA0B,EAAEC,MAAqB;EACtF,QAAQA,MAAM,CAACa,IAAI;;IAEf,KAAKC,iBAAiB,CAACC,cAAc;MACjC,OAAO;QACH,GAAGhB,KAAK;QACR,CAACC,MAAM,CAACgB,OAAO,CAACC,KAAK,GAAG;UACpB,IAAI,CAAAlB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAGC,MAAM,CAACgB,OAAO,CAACC,KAAK,CAAC,KAAIjB,MAAM,CAACgB,OAAO,CAACG,cAAc,CAAC;UACnE,CAACnB,MAAM,CAACgB,OAAO,CAACE,MAAM,GAAGlB,MAAM,CAACgB,OAAO,CAACJ;;OAE/C;;IAGL,KAAKE,iBAAiB,CAACQ,YAAY;MAAE;QACjC,IAAI4E,cAAc,GAAiC;UAAE,GAAGnG;SAAO;QAC/D,IAAImG,cAAc,EAAE;UAChB,OAAOA,cAAc,CAAClG,MAAM,CAACgB,OAAO,CAACC,KAAK,CAAC;;QAE/C,MAAMsB,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACyD,cAAc,CAAC;QAC7C,IAAI3D,SAAS,CAACgB,MAAM,KAAK,CAAC,EAAE;UACxB2C,cAAc,GAAG,IAAI;;QAEzB,OAAOA,cAAc;;IAGzB;MACI,OAAOnG,KAAK;;AAExB;AAEA,IAAKgD,sBAIJ;AAJD,WAAKA,sBAAsB;EACvBA,6FAAiB;EACjBA,iGAAmB;EACnBA,iGAAmB;AACvB,CAAC,EAJIA,sBAAsB,KAAtBA,sBAAsB;AAa3B,SAASnD,qBAAqBA,CAACG,KAAmB,EAAEC,MAA0B;EAC1E,QAAQA,MAAM,CAACa,IAAI;;IAEf,KAAKkC,sBAAsB,CAACuB,iBAAiB;MACzC,OAAO;QACH,GAAGvE,KAAK;QACR,CAACC,MAAM,CAACgB,OAAO,CAACC,KAAK,GAAGjB,MAAM,CAACgB,OAAO,CAACjB;OAC1C;;IAEL,KAAKgD,sBAAsB,CAACC,mBAAmB;MAC3C,OAAO;QACH,GAAGjD,KAAK;QACR,GAAGC,MAAM,CAACgB,OAAO,CAACiC;OACrB;;IAEL,KAAKF,sBAAsB,CAACI,mBAAmB;MAAE;QAC7C,MAAMgD,eAAe,GAAG;UAAE,GAAGpG;SAAO;QAC7BoG,eAAe,aAAfA,eAAe,qBAAtB,OAAOA,eAAe,CAAGnG,MAAM,CAACgB,OAAO,CAACC,KAAK,CAAC;QAC9C,OAAOkF,eAAe;;IAG1B;MACI,OAAOpG,KAAK;;AAExB;;;;"}

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

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+// header height: 40px, border bottom height: 2px;
+const HEADER_COLUMN_HEIGHT = 42;
+function getHeaderTopOffset(depth) {
+  return HEADER_COLUMN_HEIGHT * (depth - 1);
+}
+function useHeaderOffsetStyle(tableId, table) {
+  const headers = table.getFlatHeaders();
+  const style = React__default.useMemo(() => {
+    // 'new Set' will remove all duplicates and leave only unique values,
+    // in the end we should get only one depht value per array item, example: [1, 2, 3], which we will iterate through later.
+    const headerDepths = [...new Set(headers.map(header => header.depth))];
+    return headerDepths.map(depth => {
+      return `#${tableId} [data-taco="table2-header"] [role="row"]:nth-child(${depth}) [role="columnheader"],
+                #${tableId} [data-taco="table2-header"] [role="row"]:nth-child(${depth}) [data-taco="table3-column-group"]
+                    { top: ${getHeaderTopOffset(depth)}px }`;
+    }).join('\r\n');
+  }, [headers, tableId]);
+  return style;
+}
+
+export { getHeaderTopOffset, useHeaderOffsetStyle };
+//# sourceMappingURL=useHeaderOffsetStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderOffsetStyle.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useHeaderOffsetStyle.ts"],"sourcesContent":["import { Table } from '@tanstack/react-table';\nimport React from 'react';\n\n// header height: 40px, border bottom height: 2px;\nconst HEADER_COLUMN_HEIGHT = 42;\nexport function getHeaderTopOffset(depth: number) {\n    return HEADER_COLUMN_HEIGHT * (depth - 1);\n}\n\nexport function useHeaderOffsetStyle<TType = unknown>(tableId: string, table: Table<TType>) {\n    const headers = table.getFlatHeaders();\n\n    const style = React.useMemo(() => {\n        // 'new Set' will remove all duplicates and leave only unique values,\n        // in the end we should get only one depht value per array item, example: [1, 2, 3], which we will iterate through later.\n        const headerDepths = [...new Set(headers.map(header => header.depth))];\n        return headerDepths\n            .map(depth => {\n                return `#${tableId} [data-taco=\"table2-header\"] [role=\"row\"]:nth-child(${depth}) [role=\"columnheader\"],\n                #${tableId} [data-taco=\"table2-header\"] [role=\"row\"]:nth-child(${depth}) [data-taco=\"table3-column-group\"]\n                    { top: ${getHeaderTopOffset(depth)}px }`;\n            })\n            .join('\\r\\n');\n    }, [headers, tableId]);\n\n    return style;\n}\n"],"names":["HEADER_COLUMN_HEIGHT","getHeaderTopOffset","depth","useHeaderOffsetStyle","tableId","table","headers","getFlatHeaders","style","React","useMemo","headerDepths","Set","map","header","join"],"mappings":";;AAGA;AACA,MAAMA,oBAAoB,GAAG,EAAE;SACfC,kBAAkBA,CAACC,KAAa;EAC5C,OAAOF,oBAAoB,IAAIE,KAAK,GAAG,CAAC,CAAC;AAC7C;SAEgBC,oBAAoBA,CAAkBC,OAAe,EAAEC,KAAmB;EACtF,MAAMC,OAAO,GAAGD,KAAK,CAACE,cAAc,EAAE;EAEtC,MAAMC,KAAK,GAAGC,cAAK,CAACC,OAAO,CAAC;;;IAGxB,MAAMC,YAAY,GAAG,CAAC,GAAG,IAAIC,GAAG,CAACN,OAAO,CAACO,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACZ,KAAK,CAAC,CAAC,CAAC;IACtE,OAAOS,YAAY,CACdE,GAAG,CAACX,KAAK;MACN,WAAWE,8DAA8DF;mBACtEE,8DAA8DF;6BACpDD,kBAAkB,CAACC,KAAK,OAAO;KAC/C,CAAC,CACDa,IAAI,CAAC,MAAM,CAAC;GACpB,EAAE,CAACT,OAAO,EAAEF,OAAO,CAAC,CAAC;EAEtB,OAAOI,KAAK;AAChB;;;;"}

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/usePrinting.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+function usePrinting(isEnabled = false, defaultIsWarningVisible = true, id) {
+  const [isWarningVisibleForLargeDatasets, setIsWarningVisibleForLargeDatasets] = React__default.useState(defaultIsWarningVisible);
+  return {
+    isEnabled,
+    isPrinting: id.endsWith('_print'),
+    isWarningVisibleForLargeDatasets,
+    setIsWarningVisibleForLargeDatasets: isEnabled ? setIsWarningVisibleForLargeDatasets : () => undefined
+  };
+}
+
+export { usePrinting };
+//# sourceMappingURL=usePrinting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePrinting.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/usePrinting.ts"],"sourcesContent":["import React from 'react';\n\nexport function usePrinting(isEnabled = false, defaultIsWarningVisible = true, id: string) {\n    const [isWarningVisibleForLargeDatasets, setIsWarningVisibleForLargeDatasets] = React.useState(defaultIsWarningVisible);\n\n    return {\n        isEnabled,\n        isPrinting: id.endsWith('_print'), // this is a very naive implementation\n        isWarningVisibleForLargeDatasets,\n        setIsWarningVisibleForLargeDatasets: isEnabled ? setIsWarningVisibleForLargeDatasets : () => undefined,\n    };\n}\n"],"names":["usePrinting","isEnabled","defaultIsWarningVisible","id","isWarningVisibleForLargeDatasets","setIsWarningVisibleForLargeDatasets","React","useState","isPrinting","endsWith","undefined"],"mappings":";;SAEgBA,WAAWA,CAACC,SAAS,GAAG,KAAK,EAAEC,uBAAuB,GAAG,IAAI,EAAEC,EAAU;EACrF,MAAM,CAACC,gCAAgC,EAAEC,mCAAmC,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAACL,uBAAuB,CAAC;EAEvH,OAAO;IACHD,SAAS;IACTO,UAAU,EAAEL,EAAE,CAACM,QAAQ,CAAC,QAAQ,CAAC;IACjCL,gCAAgC;IAChCC,mCAAmC,EAAEJ,SAAS,GAAGI,mCAAmC,GAAG,MAAMK;GAChG;AACL;;;;"}

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

@@ -0,0 +1,10 @@
+const ACTIONS_ON_ROW_LENGTH = 4;
+function useRowActions(actionsForRow, actionsForRowLength = ACTIONS_ON_ROW_LENGTH) {
+  return {
+    actionsForRow,
+    actionsForRowLength
+  };
+}
+
+export { useRowActions };
+//# sourceMappingURL=useRowActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowActions.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowActions.ts"],"sourcesContent":["import { Table3RowActionRenderer } from '../../types';\n\nconst ACTIONS_ON_ROW_LENGTH = 4;\n\nexport function useRowActions<TType = unknown>(\n    actionsForRow?: Table3RowActionRenderer<TType>[],\n    actionsForRowLength = ACTIONS_ON_ROW_LENGTH\n) {\n    return {\n        actionsForRow,\n        actionsForRowLength,\n    };\n}\n"],"names":["ACTIONS_ON_ROW_LENGTH","useRowActions","actionsForRow","actionsForRowLength"],"mappings":"AAEA,MAAMA,qBAAqB,GAAG,CAAC;SAEfC,aAAaA,CACzBC,aAAgD,EAChDC,mBAAmB,GAAGH,qBAAqB;EAE3C,OAAO;IACHE,aAAa;IACbC;GACH;AACL;;;;"}

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

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+function useRowDrag(isEnabled) {
+  const [dragging, setDragging] = React__default.useState({});
+  return {
+    isEnabled,
+    dragging,
+    setDragging: isEnabled ? setDragging : () => undefined
+  };
+}
+
+export { useRowDrag };
+//# sourceMappingURL=useRowDrag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowDrag.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowDrag.ts"],"sourcesContent":["import React from 'react';\n\nexport function useRowDrag(isEnabled: boolean) {\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n\n    return {\n        isEnabled,\n        dragging,\n        setDragging: isEnabled ? setDragging : () => undefined,\n    };\n}\n"],"names":["useRowDrag","isEnabled","dragging","setDragging","React","useState","undefined"],"mappings":";;SAEgBA,UAAUA,CAACC,SAAkB;EACzC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAA0B,EAAE,CAAC;EAE3E,OAAO;IACHJ,SAAS;IACTC,QAAQ;IACRC,WAAW,EAAEF,SAAS,GAAGE,WAAW,GAAG,MAAMG;GAChD;AACL;;;;"}

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

@@ -0,0 +1,9 @@
+function useRowDrop(isEnabled, handler) {
+  return {
+    isEnabled,
+    handleDrop: isEnabled && handler ? handler : () => undefined
+  };
+}
+
+export { useRowDrop };
+//# sourceMappingURL=useRowDrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowDrop.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowDrop.ts"],"sourcesContent":["import { Table3RowDropHandler } from '../../types';\n\nexport function useRowDrop(isEnabled: boolean, handler: Table3RowDropHandler | undefined) {\n    return {\n        isEnabled,\n        handleDrop: isEnabled && handler ? handler : () => undefined,\n    };\n}\n"],"names":["useRowDrop","isEnabled","handler","handleDrop","undefined"],"mappings":"SAEgBA,UAAUA,CAACC,SAAkB,EAAEC,OAAyC;EACpF,OAAO;IACHD,SAAS;IACTE,UAAU,EAAEF,SAAS,IAAIC,OAAO,GAAGA,OAAO,GAAG,MAAME;GACtD;AACL;;;;"}

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+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);
+  // highlighting
+  const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React__default.useState([]);
+  const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React__default.useState(undefined);
+  return {
+    isEnabled,
+    isHighlightingEnabled: enableHighlighting,
+    toggleHighlighting: setEnableHighlighting,
+    excludeUnmatchedResults,
+    toggleExcludeUnmatchedResults: setExcludeUnmatchedResults,
+    query,
+    setQuery: isEnabled ? setQuery : () => undefined,
+    highlightedColumnIndexes,
+    setHighlightedColumnIndexes,
+    currentHighlightColumnIndex,
+    setCurrentHighlightColumnIndex,
+    isSearching,
+    setIsSearching
+  };
+}
+
+export { useSearch };
+//# sourceMappingURL=useSearch.js.map

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

@@ -0,0 +1 @@
+{"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;;;;"}