abdul-react 0.0.43 → 0.0.48

package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducer.js

@@ -1,653 +1,875 @@
-import { PointRange } from './point-range';
-import * as Matrix from './matrix';
-import * as Point from './point';
-import { EmptySelection, RangeSelection, EntireColumnsSelection, EntireRowsSelection, EntireWorksheetSelection, } from './selection';
-import { isPasteAllowed, EmptyCell, isActive, insertColumnDimension, insertRowDimension, deleteRowDimension, deleteColumnDimension, } from './util';
-import * as Actions from './actions';
-import { Model, updateCellValue, createFormulaParser } from './engine';
-import { applyBackgroundColorToCells, applyBoldToCells, applyBorderToCells, applyColorToCells, applyFontFamily, applyFontSize, applyFormatePainter, applyItalicToCells, applyTextAlign, applyUnderlineToCells, blur, cellFormatePainter, clear, commit, dragEndAutoFill, dragEndFormatePainter, edit, getKeyDownHandler, isActiveReadOnly, view, } from './reducerFunctions';
-import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty';
-export const INITIAL_STATE = {
-    active: null,
-    mode: 'view',
-    rowDimensions: {},
-    columnDimensions: {},
-    lastChanged: null,
-    hasPasted: false,
-    cut: false,
-    autoFill: { open: false, cellValue: { value: '', style: {} } },
-    dragging: false,
-    model: new Model(createFormulaParser, []),
-    selected: new EmptySelection(),
-    copied: null,
-    lastCommit: null,
-    selectedColumn: null,
-    selectedRow: null,
-    formattedStyle: { open: false, style: undefined },
-    editable: false,
-    ctrl: true,
+import { PointRange } from './point-range.js';
+import { split, getSize, get, unset, set, pad, entries, has } from './matrix.js';
+import { ORIGIN } from './point.js';
+import { EmptySelection, RangeSelection, EntireWorksheetSelection, EntireColumnsSelection, EntireRowsSelection } from './selection.js';
+import { EmptyCell, isPasteAllowed, isActive, deleteColumnDimension, deleteRowDimension, insertColumnDimension, insertRowDimension } from './util.js';
+import { COMMIT, DRAG_END, ON_MOUSE_UP, DRAG_START, SET_COLUMN_POSITION, SET_ROW_HEIGHT, KEY_DOWN, KEY_PRESS, BLUR, CLEAR, VIEW, EDIT, PASTE, CUT, COPY, SET_CELL_DIMENSIONS, SET_CELL_DATA, ACTIVATE, SELECT, SET_SELECTION, SELECT_ENTIRE_WORKSHEET, SELECT_ENTIRE_COLUMN, SELECT_ENTIRE_ROW, SET_CREATE_FORMULA_PARSER, SET_DATA, FORMATE_PAINTER, BACKGROUND_COLOR, COLOR, TEXT_ALIGN, FONT_FAMILY, FONT_SIZE, UNDERLINE_TYPE, BORDER_TYPE, ITALIC, BOLD, DELETE_COLUMN, DELETE_ROW, ADD_COLUMN_RIGHT, ADD_COLUMN_LEFT, ADD_ROW_BOTTOM, ADD_ROW_TOP, SET_AUTO_FILL, SET_EDITABLE } from './actions.js';
+import { Model, updateCellValue } from './engine/engine.js';
+import { createFormulaParser } from './engine/formula.js';
+import { commit, dragEndFormatePainter, dragEndAutoFill, cellFormatePainter, isActiveReadOnly, getKeyDownHandler, edit, clear, blur, view, applyFormatePainter, applyBackgroundColorToCells, applyColorToCells, applyTextAlign, applyFontFamily, applyFontSize, applyUnderlineToCells, applyBorderToCells, applyItalicToCells, applyBoldToCells } from './reducerFunctions.js';
+import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty.js';
+
+const INITIAL_STATE = {
+  active: null,
+  mode: 'view',
+  rowDimensions: {},
+  columnDimensions: {},
+  lastChanged: null,
+  hasPasted: false,
+  cut: false,
+  autoFill: {
+    open: false,
+    cellValue: {
+      value: '',
+      style: {}
+    }
+  },
+  dragging: false,
+  model: new Model(createFormulaParser, []),
+  selected: new EmptySelection(),
+  copied: null,
+  lastCommit: null,
+  selectedColumn: null,
+  selectedRow: null,
+  formattedStyle: {
+    open: false,
+    style: undefined
+  },
+  editable: false,
+  ctrl: true
 };
-export default function reducer(state, action) {
-    switch (action.type) {
-        case Actions.SET_EDITABLE: {
-            const { editable } = action.payload;
-            return {
-                ...state,
-                editable: editable,
-            };
-        }
-        case Actions.SET_AUTO_FILL: {
-            const { autofill } = action.payload;
-            const activeCell = state.active;
-            let currentCell = EmptyCell;
-            if (activeCell) {
-                currentCell =
-                    Matrix.get({ row: activeCell.row, column: activeCell.column }, state.model.data) || currentCell;
+function reducer(state, action) {
+  switch (action.type) {
+    case SET_EDITABLE:
+      {
+        const {
+          editable
+        } = action.payload;
+        return {
+          ...state,
+          editable: editable
+        };
+      }
+    case SET_AUTO_FILL:
+      {
+        const {
+          autofill
+        } = action.payload;
+        const activeCell = state.active;
+        let currentCell = EmptyCell;
+        if (activeCell) {
+          currentCell = get({
+            row: activeCell.row,
+            column: activeCell.column
+          }, state.model.data) || currentCell;
+        }
+        return {
+          ...state,
+          autoFill: {
+            open: autofill,
+            cellValue: currentCell
+          }
+        };
+      }
+    case ADD_ROW_TOP:
+      {
+        let {
+          selectedRow,
+          selectedColumn,
+          model,
+          rowDimensions
+        } = state;
+        const {
+          row
+        } = action;
+        if (checkEmpty(row ?? selectedRow)) {
+          return state;
+        }
+        selectedRow = row ?? selectedRow;
+        let updatedData = [...model.data];
+        const newRow = Array(updatedData[0]?.length || 0).fill(EmptyCell);
+        updatedData.splice(row ?? selectedRow, 0, newRow);
+        const updatedModel = new Model(model.createFormulaParser, updatedData);
+        return {
+          ...state,
+          model: updatedModel,
+          selectedRow: row ?? selectedRow,
+          selectedColumn: selectedColumn,
+          rowDimensions: insertRowDimension(rowDimensions, row ?? selectedRow, 32)
+        };
+      }
+    case ADD_ROW_BOTTOM:
+      {
+        let {
+          selectedRow,
+          selectedColumn,
+          model,
+          rowDimensions
+        } = state;
+        const {
+          row
+        } = action;
+        if (checkEmpty(selectedRow)) {
+          return state;
+        }
+        selectedRow = row ?? selectedRow;
+        let updatedData = [...model.data];
+        const newRow = Array(updatedData[0]?.length || 0).fill(EmptyCell);
+        updatedData.splice((row ?? selectedRow) + 1, 0, newRow);
+        const updatedModel = new Model(model.createFormulaParser, updatedData);
+        return {
+          ...state,
+          model: updatedModel,
+          selectedRow: (row ?? selectedRow) + 1,
+          selectedColumn: selectedColumn,
+          rowDimensions: insertRowDimension(rowDimensions, (row ?? selectedRow) + 1, 32)
+        };
+      }
+    case ADD_COLUMN_LEFT:
+      {
+        let {
+          selectedRow,
+          selectedColumn,
+          model,
+          columnDimensions
+        } = state;
+        const {
+          column,
+          columnWidth = 100
+        } = action;
+        if (checkEmpty(column ?? selectedColumn)) {
+          return state;
+        }
+        const insertIndex = column ?? selectedColumn;
+        let updatedData = [...model.data];
+        updatedData = updatedData.map(row => {
+          return [...row.slice(0, insertIndex), EmptyCell, ...row.slice(insertIndex)];
+        });
+        const updatedModel = new Model(model.createFormulaParser, updatedData);
+        return {
+          ...state,
+          model: updatedModel,
+          selectedRow: selectedRow,
+          selectedColumn: insertIndex,
+          columnDimensions: insertColumnDimension(columnDimensions, insertIndex, columnWidth)
+        };
+      }
+    case ADD_COLUMN_RIGHT:
+      {
+        let {
+          selectedRow,
+          selectedColumn,
+          model,
+          columnDimensions
+        } = state;
+        const {
+          column,
+          columnWidth = 100
+        } = action;
+        if (checkEmpty(column ?? selectedColumn)) {
+          return state;
+        }
+        selectedColumn = column ?? selectedColumn;
+        let updatedData = [...model.data];
+        updatedData = updatedData.map(row => {
+          return [...row.slice(0, (column ?? selectedColumn) + 1), EmptyCell, ...row.slice((column ?? selectedColumn) + 1)];
+        });
+        const updatedModel = new Model(model.createFormulaParser, updatedData);
+        return {
+          ...state,
+          model: updatedModel,
+          selectedRow: selectedRow,
+          selectedColumn: (column ?? selectedColumn) + 1,
+          columnDimensions: insertColumnDimension(columnDimensions, (column ?? selectedColumn) + 1, columnWidth)
+        };
+      }
+    case DELETE_ROW:
+      {
+        let {
+          selectedRow,
+          selectedColumn,
+          model,
+          rowDimensions
+        } = state;
+        const {
+          row
+        } = action;
+        if (checkEmpty(selectedRow)) {
+          return state;
+        }
+        const deleteIndex = row ?? selectedRow;
+        let updatedData = [...model.data];
+        updatedData.splice(deleteIndex, 1);
+        const updatedModel = new Model(model.createFormulaParser, updatedData);
+        let newSelectedRow = deleteIndex > 0 ? deleteIndex - 1 : 0;
+        const newSelectedColumn = selectedColumn !== null ? selectedColumn : 0;
+        const newActive = updatedData.length > 0 ? {
+          row: newSelectedRow,
+          column: newSelectedColumn
+        } : null;
+        const newSelected = updatedData.length > 0 ? new EntireRowsSelection(newSelectedRow, newSelectedRow) : new EmptySelection();
+        return {
+          ...state,
+          model: updatedModel,
+          selectedRow: newSelectedRow,
+          selectedColumn: newSelectedColumn,
+          selected: newSelected,
+          active: newActive,
+          rowDimensions: deleteRowDimension(rowDimensions, deleteIndex)
+        };
+      }
+    case DELETE_COLUMN:
+      {
+        const {
+          selectedRow,
+          selectedColumn,
+          model,
+          columnDimensions
+        } = state;
+        const {
+          column
+        } = action;
+        if (checkEmpty(column ?? selectedColumn)) return state;
+        const deleteIndex = column ?? selectedColumn;
+        const updatedData = model.data.map(row => row.filter((_, cellIndex) => cellIndex !== deleteIndex));
+        const updatedModel = new Model(model.createFormulaParser, updatedData);
+        const newSelectedRow = selectedRow || 0;
+        const newSelectedColumn = deleteIndex > 0 ? deleteIndex - 1 : 0;
+        return {
+          ...state,
+          model: updatedModel,
+          selectedRow: newSelectedRow,
+          selectedColumn: newSelectedColumn,
+          columnDimensions: deleteColumnDimension(columnDimensions, deleteIndex)
+        };
+      }
+    case BOLD:
+      {
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyBoldToCells(state.model.data, selectedRange, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case ITALIC:
+      {
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyItalicToCells(state.model.data, selectedRange, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case BORDER_TYPE:
+      {
+        const {
+          value,
+          color
+        } = action.payload;
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyBorderToCells(state.model.data, selectedRange, value, color, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case UNDERLINE_TYPE:
+      {
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyUnderlineToCells(state.model.data, selectedRange, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case FONT_SIZE:
+      {
+        const {
+          value
+        } = action.payload;
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyFontSize(state.model.data, selectedRange, value, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case FONT_FAMILY:
+      {
+        const {
+          value
+        } = action.payload;
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyFontFamily(state.model.data, selectedRange, value, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case TEXT_ALIGN:
+      {
+        const {
+          value
+        } = action.payload;
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyTextAlign(state.model.data, selectedRange, value, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case COLOR:
+      {
+        const {
+          value
+        } = action.payload;
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyColorToCells(state.model.data, selectedRange, value, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case BACKGROUND_COLOR:
+      {
+        const {
+          value
+        } = action.payload;
+        const selectedRange = state.selected.toRange(state.model.data);
+        const updatedData = applyBackgroundColorToCells(state.model.data, selectedRange, value, state.editable);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case FORMATE_PAINTER:
+      {
+        if (!state.editable) {
+          return state;
+        }
+        const copiedStyle = applyFormatePainter(state.model.data, state.active);
+        const selectedRange = state.selected.toRange(state.model.data);
+        if (state.formattedStyle.open) {
+          return {
+            ...state,
+            selected: new EmptySelection(),
+            active: state.copied?.start || null,
+            copied: null,
+            formattedStyle: {
+              open: false,
+              style: undefined
             }
-            return {
-                ...state,
-                autoFill: { open: autofill, cellValue: currentCell },
-            };
-        }
-        case Actions.ADD_ROW_TOP: {
-            let { selectedRow, selectedColumn, model, rowDimensions } = state;
-            const { row } = action;
-            if (checkEmpty(row ?? selectedRow)) {
-                return state;
+          };
+        } else {
+          return {
+            ...state,
+            selected: new EmptySelection(),
+            active: null,
+            copied: selectedRange,
+            formattedStyle: {
+              open: true,
+              style: copiedStyle
             }
-            selectedRow = row ?? selectedRow;
-            let updatedData = [...model.data];
-            const newRow = Array(updatedData[0]?.length || 0).fill(EmptyCell);
-            updatedData.splice(row ?? selectedRow, 0, newRow);
-            const updatedModel = new Model(model.createFormulaParser, updatedData);
-            return {
-                ...state,
-                model: updatedModel,
-                selectedRow: row ?? selectedRow,
-                selectedColumn: selectedColumn,
-                rowDimensions: insertRowDimension(rowDimensions, (row ?? selectedRow), 32),
-            };
-        }
-        case Actions.ADD_ROW_BOTTOM: {
-            let { selectedRow, selectedColumn, model, rowDimensions } = state;
-            const { row } = action;
-            if (checkEmpty(selectedRow)) {
-                return state;
+          };
+        }
+      }
+    case SET_DATA:
+      {
+        const {
+          data
+        } = action.payload;
+        const nextActive = state.active && has(state.active, data) ? state.active : null;
+        const nextSelected = state.selected.normalizeTo(data);
+        return {
+          ...state,
+          model: new Model(state.model.createFormulaParser, data),
+          active: nextActive,
+          selected: nextSelected
+        };
+      }
+    case SET_CREATE_FORMULA_PARSER:
+      {
+        const {
+          createFormulaParser
+        } = action.payload;
+        return {
+          ...state,
+          model: new Model(createFormulaParser, state.model.data)
+        };
+      }
+    case SELECT_ENTIRE_ROW:
+      {
+        const {
+          row,
+          extend
+        } = action.payload;
+        const {
+          active
+        } = state;
+        const newSelected = extend && active ? new EntireRowsSelection(active.row, row) : new EntireRowsSelection(row, row);
+        const newActive = extend && active ? active : {
+          ...ORIGIN,
+          row
+        };
+        return {
+          ...state,
+          selected: newSelected,
+          active: newActive,
+          mode: 'view',
+          selectedColumn: null,
+          selectedRow: row
+        };
+      }
+    case SELECT_ENTIRE_COLUMN:
+      {
+        const {
+          column,
+          extend
+        } = action.payload;
+        const {
+          active
+        } = state;
+        const newSelected = extend && active ? new EntireColumnsSelection(active.column, column) : new EntireColumnsSelection(column, column);
+        const newActive = extend && active ? active : {
+          ...ORIGIN,
+          column
+        };
+        return {
+          ...state,
+          selected: newSelected,
+          active: newActive,
+          mode: 'view',
+          selectedColumn: column,
+          selectedRow: null
+        };
+      }
+    case SELECT_ENTIRE_WORKSHEET:
+      {
+        return {
+          ...state,
+          selected: new EntireWorksheetSelection(),
+          active: ORIGIN,
+          mode: 'view'
+        };
+      }
+    case SET_SELECTION:
+      {
+        const {
+          selection
+        } = action.payload;
+        const range = selection.toRange(state.model.data);
+        const active = state.active && selection.has(state.model.data, state.active) ? state.active : range?.start;
+        return {
+          ...state,
+          selected: selection,
+          active: active || null,
+          mode: 'view'
+        };
+      }
+    case SELECT:
+      {
+        const {
+          point
+        } = action.payload;
+        if (state.active && !isActive(state.active, point)) {
+          return {
+            ...state,
+            selected: new RangeSelection(new PointRange(point, state.active)),
+            mode: 'view'
+          };
+        }
+        return state;
+      }
+    case ACTIVATE:
+      {
+        const {
+          point
+        } = action.payload;
+        return {
+          ...state,
+          selected: new RangeSelection(new PointRange(point, point)),
+          active: point,
+          mode: isActive(state.active, point) ? 'edit' : 'view'
+        };
+      }
+    case SET_CELL_DATA:
+      {
+        const {
+          active,
+          data: cellData
+        } = action.payload;
+        if (isActiveReadOnly(state) || !state.editable) {
+          return state;
+        }
+        return {
+          ...state,
+          model: updateCellValue(state.model, active, cellData),
+          lastChanged: active
+        };
+      }
+    case SET_CELL_DIMENSIONS:
+      {
+        const {
+          point,
+          dimensions
+        } = action.payload;
+        const prevRowDimensions = state.rowDimensions[point.row];
+        const prevColumnDimensions = state.columnDimensions[point.column];
+        if (prevRowDimensions && prevColumnDimensions && prevRowDimensions.top === dimensions.top && prevRowDimensions.height === dimensions.height && prevColumnDimensions.left === dimensions.left && prevColumnDimensions.width === dimensions.width) {
+          return state;
+        }
+        return {
+          ...state,
+          rowDimensions: {
+            ...state.rowDimensions,
+            [point.row]: {
+              top: dimensions.top,
+              height: dimensions.height
             }
-            selectedRow = row ?? selectedRow;
-            let updatedData = [...model.data];
-            const newRow = Array(updatedData[0]?.length || 0).fill(EmptyCell);
-            updatedData.splice((row ?? selectedRow) + 1, 0, newRow);
-            const updatedModel = new Model(model.createFormulaParser, updatedData);
-            return {
-                ...state,
-                model: updatedModel,
-                selectedRow: (row ?? selectedRow) + 1,
-                selectedColumn: selectedColumn,
-                rowDimensions: insertRowDimension(rowDimensions, (row ?? selectedRow) + 1, 32),
-            };
-        }
-        case Actions.ADD_COLUMN_LEFT: {
-            let { selectedRow, selectedColumn, model, columnDimensions } = state;
-            const { column, columnWidth = 100 } = action;
-            if (checkEmpty(column ?? selectedColumn)) {
-                return state;
+          },
+          columnDimensions: {
+            ...state.columnDimensions,
+            [point.column]: {
+              left: dimensions.left,
+              width: dimensions.width
             }
-            const insertIndex = column ?? selectedColumn;
-            let updatedData = [...model.data];
-            updatedData = updatedData.map((row) => {
-                return [
-                    ...row.slice(0, insertIndex),
-                    EmptyCell,
-                    ...row.slice(insertIndex),
-                ];
+          }
+        };
+      }
+    case COPY:
+    case CUT:
+      {
+        const selectedRange = state.selected.toRange(state.model.data);
+        return {
+          ...state,
+          copied: selectedRange,
+          cut: action.type === CUT,
+          hasPasted: false
+        };
+      }
+    case PASTE:
+      {
+        const {
+          data: text
+        } = action.payload;
+        const {
+          active
+        } = state;
+        if (!active || !state.editable) {
+          return state;
+        }
+        const copied = split(text, value => ({
+          value
+        }));
+        const copiedSize = getSize(copied);
+        const selectedRange = state.selected.toRange(state.model.data);
+        if (selectedRange && copiedSize.rows === 1 && copiedSize.columns === 1) {
+          const cell = get({
+            row: 0,
+            column: 0
+          }, copied);
+          let newData = state.cut && state.copied ? unset(state.copied.start, state.model.data) : state.model.data;
+          const commit = [];
+          for (const point of selectedRange || []) {
+            const currentCell = get(point, state.model.data) || null;
+            const updateWithStyle = {
+              ...currentCell,
+              value: cell?.value
+            };
+            commit.push({
+              prevCell: currentCell || EmptyCell,
+              nextCell: EmptyCell
             });
-            const updatedModel = new Model(model.createFormulaParser, updatedData);
-            return {
-                ...state,
-                model: updatedModel,
-                selectedRow: selectedRow,
-                selectedColumn: insertIndex,
-                columnDimensions: insertColumnDimension(columnDimensions, insertIndex, columnWidth),
-            };
-        }
-        case Actions.ADD_COLUMN_RIGHT: {
-            let { selectedRow, selectedColumn, model, columnDimensions } = state;
-            const { column, columnWidth = 100 } = action;
-            if (checkEmpty(column ?? selectedColumn)) {
-                return state;
+            if (isPasteAllowed(currentCell)) {
+              newData = set(point, updateWithStyle, newData);
             }
-            selectedColumn = column ?? selectedColumn;
-            let updatedData = [...model.data];
-            updatedData = updatedData.map((row) => {
-                return [
-                    ...row.slice(0, (column ?? selectedColumn) + 1),
-                    EmptyCell,
-                    ...row.slice((column ?? selectedColumn) + 1),
-                ];
-            });
-            const updatedModel = new Model(model.createFormulaParser, updatedData);
-            return {
-                ...state,
-                model: updatedModel,
-                selectedRow: selectedRow,
-                selectedColumn: (column ?? selectedColumn) + 1,
-                columnDimensions: insertColumnDimension(columnDimensions, (column ?? selectedColumn) + 1, columnWidth)
-            };
-        }
-        case Actions.DELETE_ROW: {
-            let { selectedRow, selectedColumn, model, rowDimensions } = state;
-            const { row } = action;
-            if (checkEmpty(selectedRow)) {
-                return state;
+          }
+          return {
+            ...state,
+            model: new Model(createFormulaParser, newData),
+            copied: null,
+            cut: false,
+            hasPasted: true,
+            mode: 'view',
+            lastCommit: commit
+          };
+        }
+        const requiredSize = {
+          rows: active.row + copiedSize.rows,
+          columns: active.column + copiedSize.columns
+        };
+        const paddedData = pad(state.model.data, requiredSize);
+        let acc = {
+          data: paddedData,
+          commit: []
+        };
+        for (const [point, cell] of entries(copied)) {
+          let commit = acc.commit || [];
+          const nextPoint = {
+            row: point.row + active.row,
+            column: point.column + active.column
+          };
+          let nextData = acc.data;
+          if (state.cut) {
+            if (state.copied) {
+              const prevPoint = {
+                row: point.row + state.copied.start.row,
+                column: point.column + state.copied.start.column
+              };
+              nextData = unset(prevPoint, acc.data);
             }
-            const deleteIndex = row ?? selectedRow;
-            let updatedData = [...model.data];
-            updatedData.splice(deleteIndex, 1);
-            const updatedModel = new Model(model.createFormulaParser, updatedData);
-            let newSelectedRow = deleteIndex > 0 ? deleteIndex - 1 : 0;
-            const newSelectedColumn = selectedColumn !== null ? selectedColumn : 0;
-            const newActive = updatedData.length > 0
-                ? { row: newSelectedRow, column: newSelectedColumn }
-                : null;
-            const newSelected = updatedData.length > 0
-                ? new EntireRowsSelection(newSelectedRow, newSelectedRow)
-                : new EmptySelection();
-            return {
-                ...state,
-                model: updatedModel,
-                selectedRow: newSelectedRow,
-                selectedColumn: newSelectedColumn,
-                selected: newSelected,
-                active: newActive,
-                rowDimensions: deleteRowDimension(rowDimensions, deleteIndex),
-            };
-        }
-        case Actions.DELETE_COLUMN: {
-            const { selectedRow, selectedColumn, model, columnDimensions } = state;
-            const { column } = action;
-            if (checkEmpty(column ?? selectedColumn))
-                return state;
-            const deleteIndex = column ?? selectedColumn;
-            const updatedData = model.data.map((row) => row.filter((_, cellIndex) => cellIndex !== deleteIndex));
-            const updatedModel = new Model(model.createFormulaParser, updatedData);
-            const newSelectedRow = selectedRow || 0;
-            const newSelectedColumn = deleteIndex > 0 ? deleteIndex - 1 : 0;
-            return {
-                ...state,
-                model: updatedModel,
-                selectedRow: newSelectedRow,
-                selectedColumn: newSelectedColumn,
-                columnDimensions: deleteColumnDimension(columnDimensions, deleteIndex)
-            };
-        }
-        case Actions.BOLD: {
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyBoldToCells(state.model.data, selectedRange, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.ITALIC: {
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyItalicToCells(state.model.data, selectedRange, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.BORDER_TYPE: {
-            const { value, color } = action.payload;
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyBorderToCells(state.model.data, selectedRange, value, color, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.UNDERLINE_TYPE: {
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyUnderlineToCells(state.model.data, selectedRange, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.FONT_SIZE: {
-            const { value } = action.payload;
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyFontSize(state.model.data, selectedRange, value, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.FONT_FAMILY: {
-            const { value } = action.payload;
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyFontFamily(state.model.data, selectedRange, value, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.TEXT_ALIGN: {
-            const { value } = action.payload;
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyTextAlign(state.model.data, selectedRange, value, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.COLOR: {
-            const { value } = action.payload;
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyColorToCells(state.model.data, selectedRange, value, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.BACKGROUND_COLOR: {
-            const { value } = action.payload;
-            const selectedRange = state.selected.toRange(state.model.data);
-            const updatedData = applyBackgroundColorToCells(state.model.data, selectedRange, value, state.editable);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.FORMATE_PAINTER: {
-            if (!state.editable) {
-                return state;
+            commit = [...commit, {
+              prevCell: cell || null,
+              nextCell: null
+            }];
+          }
+          if (!has(nextPoint, paddedData)) {
+            acc = {
+              data: nextData,
+              commit
+            };
+          }
+          const currentCell = get(nextPoint, nextData) || null;
+          commit = [...commit, {
+            prevCell: currentCell,
+            nextCell: cell || null
+          }];
+          if (isPasteAllowed(currentCell)) {
+            acc.data = set(nextPoint, {
+              ...currentCell,
+              value: cell?.value ?? ''
+            }, nextData);
+            acc.commit = commit;
+          }
+        }
+        return {
+          ...state,
+          model: new Model(createFormulaParser, acc.data),
+          selected: new RangeSelection(new PointRange(active, {
+            row: active.row + copiedSize.rows - 1,
+            column: active.column + copiedSize.columns - 1
+          })),
+          copied: null,
+          cut: false,
+          hasPasted: true,
+          mode: 'view',
+          lastCommit: acc.commit
+        };
+      }
+    case EDIT:
+      {
+        return edit(state);
+      }
+    case VIEW:
+      {
+        return view(state);
+      }
+    case CLEAR:
+      {
+        return clear(state);
+      }
+    case BLUR:
+      {
+        return blur(state);
+      }
+    case KEY_PRESS:
+      {
+        const {
+          event
+        } = action.payload;
+        if (isActiveReadOnly(state) || event.metaKey || !state.editable) {
+          return state;
+        }
+        if (state.mode === 'view' && state.active) {
+          const selectedRange = state.selected.toRange(state.model.data);
+          if (selectedRange?.size() === 1) {
+            return edit(clear(state));
+          }
+          return edit(state);
+        }
+        return state;
+      }
+    case KEY_DOWN:
+      {
+        const {
+          event
+        } = action.payload;
+        if (event.ctrlKey) {
+          return {
+            ...state,
+            ctrl: !state.ctrl
+          };
+        }
+        if (isActiveReadOnly(state) || event.metaKey || !state.editable) {
+          return state;
+        }
+        const handler = getKeyDownHandler(state, event);
+        if (handler) {
+          return {
+            ...state,
+            ...handler(state, event)
+          };
+        }
+        return state;
+      }
+    case SET_ROW_HEIGHT:
+      {
+        const {
+          row,
+          height
+        } = action.payload;
+        const prevDimensions = state.rowDimensions[row] || {
+          top: 0};
+        return {
+          ...state,
+          rowDimensions: {
+            ...state.rowDimensions,
+            [row]: {
+              top: prevDimensions.top,
+              height
             }
-            const copiedStyle = applyFormatePainter(state.model.data, state.active);
-            const selectedRange = state.selected.toRange(state.model.data);
-            if (state.formattedStyle.open) {
-                return {
-                    ...state,
-                    selected: new EmptySelection(),
-                    active: state.copied?.start || null,
-                    copied: null,
-                    formattedStyle: { open: false, style: undefined },
-                };
+          }
+        };
+      }
+    case SET_COLUMN_POSITION:
+      {
+        const {
+          column,
+          width
+        } = action.payload;
+        const prevDimensions = state.columnDimensions[column] || {
+          left: 0};
+        return {
+          ...state,
+          columnDimensions: {
+            ...state.columnDimensions,
+            [column]: {
+              left: prevDimensions.left,
+              width
             }
-            else {
-                return {
-                    ...state,
-                    selected: new EmptySelection(),
-                    active: null,
-                    copied: selectedRange,
-                    formattedStyle: { open: true, style: copiedStyle },
-                };
+          }
+        };
+      }
+    case DRAG_START:
+      {
+        return {
+          ...state,
+          dragging: true
+        };
+      }
+    case ON_MOUSE_UP:
+      {
+        const {
+          point
+        } = action.payload;
+        let updatedData = state.model.data;
+        if (!state.dragging && state.formattedStyle.open) {
+          updatedData = cellFormatePainter(state.model.data, state.formattedStyle, state.active);
+        }
+        return {
+          ...state,
+          copied: null,
+          model: new Model(state.model.createFormulaParser, updatedData),
+          formattedStyle: {
+            open: false,
+            style: undefined
+          },
+          active: point
+        };
+      }
+    case DRAG_END:
+      {
+        const selectedRange = state.selected.toRange(state.model.data);
+        const activeCell = state.active;
+        let updatedData = state.model.data;
+        if (state.formattedStyle.open) {
+          updatedData = dragEndFormatePainter(state.model.data, selectedRange, state.formattedStyle);
+        }
+        if (state.autoFill.open && state.editable && selectedRange) {
+          updatedData = dragEndAutoFill(state.model.data, selectedRange, state.autoFill.cellValue, activeCell, state.ctrl);
+          let {
+            start,
+            end
+          } = selectedRange;
+          const rowCount = start.row - end.row;
+          const columnCount = start.column - end.column;
+          let startPoint = {
+            row: 0,
+            column: 0
+          };
+          let endPoint = {
+            row: 0,
+            column: 0
+          };
+          if (Math.abs(rowCount) > Math.abs(columnCount)) {
+            startPoint = {
+              row: Math.min(start.row, end.row),
+              column: activeCell?.column ?? 0
+            };
+            endPoint = {
+              row: Math.max(start.row, end.row),
+              column: activeCell?.column ?? 0
+            };
+          } else {
+            startPoint = {
+              row: activeCell?.row ?? 0,
+              column: Math.min(start.column, end.column)
+            };
+            endPoint = {
+              row: activeCell?.row ?? 0,
+              column: Math.max(start.column, end.column)
+            };
+          }
+          return {
+            ...state,
+            dragging: false,
+            autoFill: {
+              open: false,
+              cellValue: {
+                value: '',
+                style: {}
+              }
+            },
+            formattedStyle: {
+              open: false,
+              style: undefined
+            },
+            model: new Model(state.model.createFormulaParser, updatedData),
+            selected: new RangeSelection(new PointRange(startPoint, endPoint))
+          };
+        }
+        return {
+          ...state,
+          dragging: false,
+          copied: null,
+          autoFill: {
+            open: false,
+            cellValue: {
+              value: '',
+              style: {}
             }
-        }
-        case Actions.SET_DATA: {
-            const { data } = action.payload;
-            const nextActive = state.active && Matrix.has(state.active, data) ? state.active : null;
-            const nextSelected = state.selected.normalizeTo(data);
-            return {
-                ...state,
-                model: new Model(state.model.createFormulaParser, data),
-                active: nextActive,
-                selected: nextSelected,
-            };
-        }
-        case Actions.SET_CREATE_FORMULA_PARSER: {
-            const { createFormulaParser } = action.payload;
-            return {
-                ...state,
-                model: new Model(createFormulaParser, state.model.data),
-            };
-        }
-        case Actions.SELECT_ENTIRE_ROW: {
-            const { row, extend } = action.payload;
-            const { active } = state;
-            const newSelected = extend && active
-                ? new EntireRowsSelection(active.row, row)
-                : new EntireRowsSelection(row, row);
-            const newActive = extend && active
-                ? active
-                : { ...Point.ORIGIN, row };
-            return {
-                ...state,
-                selected: newSelected,
-                active: newActive,
-                mode: 'view',
-                selectedColumn: null,
-                selectedRow: row,
-            };
-        }
-        case Actions.SELECT_ENTIRE_COLUMN: {
-            const { column, extend } = action.payload;
-            const { active } = state;
-            const newSelected = extend && active
-                ? new EntireColumnsSelection(active.column, column)
-                : new EntireColumnsSelection(column, column);
-            const newActive = extend && active
-                ? active
-                : { ...Point.ORIGIN, column };
-            return {
-                ...state,
-                selected: newSelected,
-                active: newActive,
-                mode: 'view',
-                selectedColumn: column,
-                selectedRow: null,
-            };
-        }
-        case Actions.SELECT_ENTIRE_WORKSHEET: {
-            return {
-                ...state,
-                selected: new EntireWorksheetSelection(),
-                active: Point.ORIGIN,
-                mode: 'view',
-            };
-        }
-        case Actions.SET_SELECTION: {
-            const { selection } = action.payload;
-            const range = selection.toRange(state.model.data);
-            const active = state.active && selection.has(state.model.data, state.active)
-                ? state.active
-                : range?.start;
-            return {
-                ...state,
-                selected: selection,
-                active: active || null,
-                mode: 'view',
-            };
-        }
-        case Actions.SELECT: {
-            const { point } = action.payload;
-            if (state.active && !isActive(state.active, point)) {
-                return {
-                    ...state,
-                    selected: new RangeSelection(new PointRange(point, state.active)),
-                    mode: 'view',
-                };
-            }
-            return state;
-        }
-        case Actions.ACTIVATE: {
-            const { point } = action.payload;
-            return {
-                ...state,
-                selected: new RangeSelection(new PointRange(point, point)),
-                active: point,
-                mode: isActive(state.active, point) ? 'edit' : 'view',
-            };
-        }
-        case Actions.SET_CELL_DATA: {
-            const { active, data: cellData } = action.payload;
-            if (isActiveReadOnly(state) || !state.editable) {
-                return state;
-            }
-            return {
-                ...state,
-                model: updateCellValue(state.model, active, cellData),
-                lastChanged: active,
-            };
-        }
-        case Actions.SET_CELL_DIMENSIONS: {
-            const { point, dimensions } = action.payload;
-            const prevRowDimensions = state.rowDimensions[point.row];
-            const prevColumnDimensions = state.columnDimensions[point.column];
-            if (prevRowDimensions &&
-                prevColumnDimensions &&
-                prevRowDimensions.top === dimensions.top &&
-                prevRowDimensions.height === dimensions.height &&
-                prevColumnDimensions.left === dimensions.left &&
-                prevColumnDimensions.width === dimensions.width) {
-                return state;
-            }
-            return {
-                ...state,
-                rowDimensions: {
-                    ...state.rowDimensions,
-                    [point.row]: { top: dimensions.top, height: dimensions.height },
-                },
-                columnDimensions: {
-                    ...state.columnDimensions,
-                    [point.column]: { left: dimensions.left, width: dimensions.width },
-                },
-            };
-        }
-        case Actions.COPY:
-        case Actions.CUT: {
-            const selectedRange = state.selected.toRange(state.model.data);
-            return {
-                ...state,
-                copied: selectedRange,
-                cut: action.type === Actions.CUT,
-                hasPasted: false,
-            };
-        }
-        case Actions.PASTE: {
-            const { data: text } = action.payload;
-            const { active } = state;
-            if (!active || !state.editable) {
-                return state;
-            }
-            const copied = Matrix.split(text, (value) => ({ value }));
-            const copiedSize = Matrix.getSize(copied);
-            const selectedRange = state.selected.toRange(state.model.data);
-            if (selectedRange && copiedSize.rows === 1 && copiedSize.columns === 1) {
-                const cell = Matrix.get({ row: 0, column: 0 }, copied);
-                let newData = state.cut && state.copied
-                    ? Matrix.unset(state.copied.start, state.model.data)
-                    : state.model.data;
-                const commit = [];
-                for (const point of selectedRange || []) {
-                    const currentCell = Matrix.get(point, state.model.data) || null;
-                    const updateWithStyle = { ...currentCell, value: cell?.value };
-                    commit.push({
-                        prevCell: currentCell || EmptyCell,
-                        nextCell: EmptyCell,
-                    });
-                    if (isPasteAllowed(currentCell)) {
-                        newData = Matrix.set(point, updateWithStyle, newData);
-                    }
-                }
-                return {
-                    ...state,
-                    model: new Model(createFormulaParser, newData),
-                    copied: null,
-                    cut: false,
-                    hasPasted: true,
-                    mode: 'view',
-                    lastCommit: commit,
-                };
-            }
-            const requiredSize = {
-                rows: active.row + copiedSize.rows,
-                columns: active.column + copiedSize.columns,
-            };
-            const paddedData = Matrix.pad(state.model.data, requiredSize);
-            let acc = { data: paddedData, commit: [] };
-            for (const [point, cell] of Matrix.entries(copied)) {
-                let commit = acc.commit || [];
-                const nextPoint = {
-                    row: point.row + active.row,
-                    column: point.column + active.column,
-                };
-                let nextData = acc.data;
-                if (state.cut) {
-                    if (state.copied) {
-                        const prevPoint = {
-                            row: point.row + state.copied.start.row,
-                            column: point.column + state.copied.start.column,
-                        };
-                        nextData = Matrix.unset(prevPoint, acc.data);
-                    }
-                    commit = [...commit, { prevCell: cell || null, nextCell: null }];
-                }
-                if (!Matrix.has(nextPoint, paddedData)) {
-                    acc = { data: nextData, commit };
-                }
-                const currentCell = Matrix.get(nextPoint, nextData) || null;
-                commit = [
-                    ...commit,
-                    {
-                        prevCell: currentCell,
-                        nextCell: cell || null,
-                    },
-                ];
-                if (isPasteAllowed(currentCell)) {
-                    acc.data = Matrix.set(nextPoint, { ...currentCell, value: cell?.value ?? '' }, nextData);
-                    acc.commit = commit;
-                }
-            }
-            return {
-                ...state,
-                model: new Model(createFormulaParser, acc.data),
-                selected: new RangeSelection(new PointRange(active, {
-                    row: active.row + copiedSize.rows - 1,
-                    column: active.column + copiedSize.columns - 1,
-                })),
-                copied: null,
-                cut: false,
-                hasPasted: true,
-                mode: 'view',
-                lastCommit: acc.commit,
-            };
-        }
-        case Actions.EDIT: {
-            return edit(state);
-        }
-        case Actions.VIEW: {
-            return view(state);
-        }
-        case Actions.CLEAR: {
-            return clear(state);
-        }
-        case Actions.BLUR: {
-            return blur(state);
-        }
-        case Actions.KEY_PRESS: {
-            const { event } = action.payload;
-            if (isActiveReadOnly(state) || event.metaKey || !state.editable) {
-                return state;
-            }
-            if (state.mode === 'view' && state.active) {
-                const selectedRange = state.selected.toRange(state.model.data);
-                if (selectedRange?.size() === 1) {
-                    return edit(clear(state));
-                }
-                return edit(state);
-            }
-            return state;
-        }
-        case Actions.KEY_DOWN: {
-            const { event } = action.payload;
-            if (event.ctrlKey) {
-                return { ...state, ctrl: !state.ctrl };
-            }
-            if (isActiveReadOnly(state) || event.metaKey || !state.editable) {
-                return state;
-            }
-            const handler = getKeyDownHandler(state, event);
-            if (handler) {
-                return { ...state, ...handler(state, event) };
-            }
-            return state;
-        }
-        case Actions.SET_ROW_HEIGHT: {
-            const { row, height } = action.payload;
-            const prevDimensions = state.rowDimensions[row] || { top: 0, height: 0 };
-            return {
-                ...state,
-                rowDimensions: {
-                    ...state.rowDimensions,
-                    [row]: {
-                        top: prevDimensions.top,
-                        height,
-                    },
-                },
-            };
-        }
-        case Actions.SET_COLUMN_POSITION: {
-            const { column, width } = action.payload;
-            const prevDimensions = state.columnDimensions[column] || {
-                left: 0,
-                width: 0,
-            };
-            return {
-                ...state,
-                columnDimensions: {
-                    ...state.columnDimensions,
-                    [column]: {
-                        left: prevDimensions.left,
-                        width,
-                    },
-                },
-            };
-        }
-        case Actions.DRAG_START: {
-            return { ...state, dragging: true };
-        }
-        case Actions.ON_MOUSE_UP: {
-            const { point } = action.payload;
-            let updatedData = state.model.data;
-            if (!state.dragging && state.formattedStyle.open) {
-                updatedData = cellFormatePainter(state.model.data, state.formattedStyle, state.active);
-            }
-            return {
-                ...state,
-                copied: null,
-                model: new Model(state.model.createFormulaParser, updatedData),
-                formattedStyle: { open: false, style: undefined },
-                active: point,
-            };
-        }
-        case Actions.DRAG_END: {
-            const selectedRange = state.selected.toRange(state.model.data);
-            const activeCell = state.active;
-            let updatedData = state.model.data;
-            if (state.formattedStyle.open) {
-                updatedData = dragEndFormatePainter(state.model.data, selectedRange, state.formattedStyle);
-            }
-            if (state.autoFill.open && state.editable && selectedRange) {
-                updatedData = dragEndAutoFill(state.model.data, selectedRange, state.autoFill.cellValue, activeCell, state.ctrl);
-                let { start, end } = selectedRange;
-                const rowCount = start.row - end.row;
-                const columnCount = start.column - end.column;
-                let startPoint = { row: 0, column: 0 };
-                let endPoint = { row: 0, column: 0 };
-                if (Math.abs(rowCount) > Math.abs(columnCount)) {
-                    startPoint = { row: Math.min(start.row, end.row), column: activeCell?.column ?? 0 };
-                    endPoint = { row: Math.max(start.row, end.row), column: activeCell?.column ?? 0 };
-                }
-                else {
-                    startPoint = { row: activeCell?.row ?? 0, column: Math.min(start.column, end.column) };
-                    endPoint = { row: activeCell?.row ?? 0, column: Math.max(start.column, end.column) };
-                }
-                return {
-                    ...state,
-                    dragging: false,
-                    autoFill: { open: false, cellValue: { value: '', style: {} } },
-                    formattedStyle: { open: false, style: undefined },
-                    model: new Model(state.model.createFormulaParser, updatedData),
-                    selected: new RangeSelection(new PointRange(startPoint, endPoint)),
-                };
-            }
-            return {
-                ...state,
-                dragging: false,
-                copied: null,
-                autoFill: { open: false, cellValue: { value: '', style: {} } },
-                formattedStyle: { open: false, style: undefined },
-                model: new Model(state.model.createFormulaParser, updatedData),
-            };
-        }
-        case Actions.COMMIT: {
-            const { changes } = action.payload;
-            return { ...state, ...commit(changes) };
-        }
-        default:
-            throw new Error('Unknown action');
-    }
+          },
+          formattedStyle: {
+            open: false,
+            style: undefined
+          },
+          model: new Model(state.model.createFormulaParser, updatedData)
+        };
+      }
+    case COMMIT:
+      {
+        const {
+          changes
+        } = action.payload;
+        return {
+          ...state,
+          ...commit(changes)
+        };
+      }
+    default:
+      throw new Error('Unknown action');
+  }
 }
 // const reducer = createReducer(INITIAL_STATE, (builder) => {
 //   builder.addMatcher(
@@ -658,4 +880,6 @@ export default function reducer(state, action) {
 //   );
 // });
 // // Shared reducers
-//# sourceMappingURL=reducer.js.map
+
+export { INITIAL_STATE, reducer as default };
+//# sourceMappingURL=reducer.js.map