pixel-react 1.20.21 → 1.20.22

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

@@ -1 +1,672 @@
-import{PointRange as e}from"./point-range.js";import{split as t,getSize as o,get as l,unset as a,set as n,pad as c,entries as r,has as d}from"./matrix.js";import{ORIGIN as s}from"./point.js";import{EmptySelection as m,RangeSelection as i,EntireWorksheetSelection as u,EntireColumnsSelection as w,EntireRowsSelection as p}from"./selection.js";import{EmptyCell as v,isPasteAllowed as f,isActive as y,deleteColumnDimension as g,deleteRowDimension as h}from"./util.js";import{COMMIT as F,DRAG_END as D,ON_MOUSE_UP as R,DRAG_START as b,SET_COLUMN_POSITION as P,SET_ROW_HEIGHT as C,KEY_DOWN as S,KEY_PRESS as x,BLUR as j,CLEAR as M,VIEW as T,EDIT as E,PASTE as V,CUT as k,COPY as z,SET_CELL_DIMENSIONS as O,SET_CELL_DATA as I,ACTIVATE as K,SELECT as B,SET_SELECTION as G,SELECT_ENTIRE_WORKSHEET as H,SELECT_ENTIRE_COLUMN as L,SELECT_ENTIRE_ROW as U,SET_CREATE_FORMULA_PARSER as W,SET_DATA as q,FORMATE_PAINTER as A,BACKGROUND_COLOR as J,COLOR as N,TEXT_ALIGN as Q,FONT_FAMILY as X,FONT_SIZE as Y,UNDERLINE_TYPE as Z,BORDER_TYPE as $,ITALIC as _,BOLD as ee,DELETE_COLUMN as te,DELETE_ROW as oe,ADD_COLUMN_RIGHT as le,ADD_COLUMN_LEFT as ae,ADD_ROW_BOTTOM as ne,ADD_ROW_TOP as ce,SET_AUTO_FILL as re,SET_EDITABLE as de,UPDATE_COLUMN_DIMENSIONS as se}from"./actions.js";import{Model as me,updateCellValue as ie}from"./engine/engine.js";import{createFormulaParser as ue}from"./engine/formula.js";import{commit as we,dragEndFormatePainter as pe,dragEndAutoFill as ve,cellFormatePainter as fe,isActiveReadOnly as ye,getKeyDownHandler as ge,edit as he,clear as Fe,blur as De,view as Re,applyFormatePainter as be,applyBackgroundColorToCells as Pe,applyColorToCells as Ce,applyTextAlign as Se,applyFontFamily as xe,applyFontSize as je,applyUnderlineToCells as Me,applyBorderToCells as Te,applyItalicToCells as Ee,applyBoldToCells as Ve,handleAddColumn as ke,handleAddRow as ze}from"./reducerFunctions.js";import{checkEmpty as Oe}from"../../../../utils/checkEmpty/checkEmpty.js";const Ie={active:null,mode:"view",rowDimensions:{},columnDimensions:{},lastChanged:null,hasPasted:!1,cut:!1,autoFill:{open:!1,cellValue:{value:"",style:{}}},dragging:!1,model:new me(ue,[]),selected:new m,copied:null,lastCommit:null,selectedColumn:null,selectedRow:null,formattedStyle:{open:!1,style:void 0},editable:!1,ctrl:!0};function Ke(Ie,Ke){switch(Ke.type){case se:{const{minimumColumnWidth:e}=Ke.payload,t={...Ie.columnDimensions};return Object.keys(t).forEach(o=>{const l=parseInt(o);(t[l]?.width||0)!==e&&(t[l]={left:t[l]?.left||0,width:e})}),{...Ie,columnDimensions:t}}case de:{const{editable:e}=Ke.payload;return{...Ie,editable:e}}case re:{const{autofill:e}=Ke.payload,t=Ie.active;let o=v;return t&&(o=l({row:t.row,column:t.column},Ie.model.data)||o),{...Ie,autoFill:{open:e,cellValue:o}}}case ce:return ze(Ie,Ke,"TOP");case ne:return ze(Ie,Ke,"BOTTOM");case ae:return ke(Ie,Ke,"LEFT");case le:return ke(Ie,Ke,"RIGHT");case oe:{let{selectedRow:e,selectedColumn:t,model:o,rowDimensions:l,copied:a}=Ie;const{row:n}=Ke;if(Oe(e))return Ie;const c=n??e;let r=[...o.data];r.splice(c,1);const d=new me(o.createFormulaParser,r);let s=c>0?c-1:0;const i=null!==t?t:0,u=r.length>0?{row:s,column:i}:null,w=r.length>0?new p(s,s):new m;let v=a;return a&&a.start.row<=c&&a.end.row>=c&&(v=null),{...Ie,model:d,selectedRow:s,selectedColumn:i,selected:w,active:u,copied:v,rowDimensions:h(l,c)}}case te:{const{selectedRow:e,selectedColumn:t,model:o,columnDimensions:l,copied:a}=Ie,{column:n}=Ke;if(Oe(n??t))return Ie;const c=n??t,r=o.data.map(e=>e.filter((e,t)=>t!==c)),d=new me(o.createFormulaParser,r),s=null!==e?e:0,i=c>0?c-1:0,u=r.length>0?{row:s,column:i}:null,p=r.length>0?new w(i,i):new m;let v=a;return a&&a.start.column<=c&&a.end.column>=c&&(v=null),{...Ie,model:d,selectedRow:s,selectedColumn:i,selected:p,active:u,copied:v,columnDimensions:g(l,c)}}case ee:{const e=Ie.selected.toRange(Ie.model.data),t=Ve(Ie.model.data,e,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,t)}}case _:{const e=Ie.selected.toRange(Ie.model.data),t=Ee(Ie.model.data,e,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,t)}}case $:{const{value:e,color:t}=Ke.payload,o=Ie.selected.toRange(Ie.model.data),l=Te(Ie.model.data,o,e,t,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,l)}}case Z:{const e=Ie.selected.toRange(Ie.model.data),t=Me(Ie.model.data,e,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,t)}}case Y:{const{value:e}=Ke.payload,t=Ie.selected.toRange(Ie.model.data),o=je(Ie.model.data,t,e,Ie.editable),l=new me(Ie.model.createFormulaParser,o);let a={...Ie.rowDimensions};if(("edit"!==Ie.mode||!Ie.active)&&t)for(let e=t?.start?.row??0;e<=t?.end?.row;e++){const t=o[e];if(!t)continue;let l=32;t.forEach((e,t)=>{if(e&&e.value){const t=e.style?.fontSize?parseInt(e.style.fontSize.toString().replace("px","")):9,o=Math.max(1.2*t,18);let a=0;["file","dropDown"].includes(e?.inputType?.type??"")||(a=String(e.value).split(" ").length),a+=String(e.value).split("\n").length-1;const n=o*a;l=Math.max(l,n)}}),a[e]={...a[e]||{top:0,height:32},height:l}}return{...Ie,model:l,rowDimensions:a}}case X:{const{value:e}=Ke.payload,t=Ie.selected.toRange(Ie.model.data),o=xe(Ie.model.data,t,e,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,o)}}case Q:{const{value:e}=Ke.payload,t=Ie.selected.toRange(Ie.model.data),o=Se(Ie.model.data,t,e,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,o)}}case N:{const{value:e}=Ke.payload,t=Ie.selected.toRange(Ie.model.data),o=Ce(Ie.model.data,t,e,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,o)}}case J:{const{value:e}=Ke.payload,t=Ie.selected.toRange(Ie.model.data),o=Pe(Ie.model.data,t,e,Ie.editable);return{...Ie,model:new me(Ie.model.createFormulaParser,o)}}case A:{if(!Ie.editable)return Ie;const e=be(Ie.model.data,Ie.active),t=Ie.selected.toRange(Ie.model.data);return Ie.formattedStyle.open?{...Ie,selected:new m,active:Ie.copied?.start||null,copied:null,formattedStyle:{open:!1,style:void 0}}:{...Ie,selected:new m,active:null,copied:t,formattedStyle:{open:!0,style:e}}}case q:{const{data:e}=Ke.payload,t=Ie.active&&d(Ie.active,e)?Ie.active:null,o=Ie.selected.normalizeTo(e);return{...Ie,model:new me(Ie.model.createFormulaParser,e),active:t,selected:o}}case W:{const{createFormulaParser:e}=Ke.payload;return{...Ie,model:new me(e,Ie.model.data)}}case U:{const{row:e,extend:t}=Ke.payload,{active:o}=Ie,l=new p(t&&o?o.row:e,e),a=t&&o?o:{...s,row:e};return{...Ie,selected:l,active:a,mode:"view",selectedColumn:null,selectedRow:e}}case L:{const{column:e,extend:t}=Ke.payload,{active:o}=Ie,l=new w(t&&o?o.column:e,e),a=t&&o?o:{...s,column:e};return{...Ie,selected:l,active:a,mode:"view",selectedColumn:e,selectedRow:null}}case H:return{...Ie,selected:new u,active:s,mode:"view"};case G:{const{selection:e}=Ke.payload,t=e.toRange(Ie.model.data),o=Ie.active&&e.has(Ie.model.data,Ie.active)?Ie.active:t?.start;return{...Ie,selected:e,active:o||null,mode:"view"}}case B:{const{point:t}=Ke.payload;return Ie.active&&!y(Ie.active,t)?{...Ie,selected:new i(new e(t,Ie.active)),mode:"view"}:Ie}case K:{const{point:t}=Ke.payload;return{...Ie,selected:new i(new e(t,t)),active:t,mode:y(Ie.active,t)&&Ie.editable?"edit":"view"}}case I:{const{active:e,data:t}=Ke.payload;return ye(Ie)||!Ie.editable?Ie:{...Ie,model:ie(Ie.model,e,t),lastChanged:e}}case O:{const{point:e,dimensions:t}=Ke.payload,o=Ie.rowDimensions[e.row],l=Ie.columnDimensions[e.column];return o&&l&&o.top===t.top&&o.height===t.height&&l.left===t.left&&l.width===t.width?Ie:{...Ie,rowDimensions:{...Ie.rowDimensions,[e.row]:{top:t.top,height:t.height}},columnDimensions:{...Ie.columnDimensions,[e.column]:{left:t.left,width:t.width}}}}case z:case k:{const e=Ie.selected.toRange(Ie.model.data);return{...Ie,copied:e,cut:Ke.type===k,hasPasted:!1}}case V:{const{data:s}=Ke.payload,{active:m}=Ie;if(!m||!Ie.editable)return Ie;const u=t(s,e=>({value:e})),w=o(u),p=Ie.selected.toRange(Ie.model.data);let y=null;Ie.cut&&Ie.copied&&(y=new e(m,{row:m.row+w.rows-1,column:m.column+w.columns-1}));const g=e=>!!y&&(e.row>=y.start.row&&e.row<=y.end.row&&e.column>=y.start.column&&e.column<=y.end.column);if(p&&1===w.rows&&1===w.columns){const e=l({row:0,column:0},u);let t=Ie.model.data;if(Ie.cut&&Ie.copied)for(const e of Ie.copied)g(e)||(t=a(e,t));const o=[];for(const a of p||[]){const c=l(a,Ie.model.data)||null,r={...c,value:e?.value};o.push({prevCell:c||v,nextCell:v}),f(c)&&(t=n(a,r,t))}return{...Ie,model:new me(ue,t),copied:null,cut:!1,hasPasted:!0,mode:"view",lastCommit:o}}const h={rows:m.row+w.rows,columns:m.column+w.columns},F=c(Ie.model.data,h);let D={data:F,commit:[]};for(const[e,t]of r(u)){let o=D.commit||[];const c={row:e.row+m.row,column:e.column+m.column};let r=D.data;if(Ie.cut&&Ie.copied){const l={row:e.row+Ie.copied.start.row,column:e.column+Ie.copied.start.column};g(l)||(r=a(l,D.data)),o=[...o,{prevCell:t||null,nextCell:null}]}d(c,F)||(D={data:r,commit:o});const s=l(c,r)||null;o=[...o,{prevCell:s,nextCell:t||null}],f(s)&&(D.data=n(c,{...s,value:t?.value??""},r),D.commit=o)}return{...Ie,model:new me(ue,D.data),selected:new i(new e(m,{row:m.row+w.rows-1,column:m.column+w.columns-1})),copied:null,cut:!1,hasPasted:!0,mode:"view",lastCommit:D.commit}}case E:return he(Ie);case T:return Re(Ie);case M:return Fe(Ie);case j:return De(Ie);case x:{const{event:e}=Ke.payload;if(ye(Ie)||e.metaKey||!Ie.editable)return Ie;if("view"===Ie.mode&&Ie.active){const e=Ie.selected.toRange(Ie.model.data);return 1===e?.size()?he(Fe(Ie)):he(Ie)}return Ie}case S:{const{event:e}=Ke.payload;if(e.ctrlKey)return{...Ie,ctrl:!Ie.ctrl};if(ye(Ie)||e.metaKey||!Ie.editable)return Ie;const t=ge(Ie,e);return t?{...Ie,...t(Ie,e)}:Ie}case C:{const{row:e,height:t}=Ke.payload,o=Ie.rowDimensions[e]||{top:0};return{...Ie,rowDimensions:{...Ie.rowDimensions,[e]:{top:o.top,height:t}}}}case P:{const{column:e,width:t}=Ke.payload,o=Ie.columnDimensions[e]||{left:0};return{...Ie,columnDimensions:{...Ie.columnDimensions,[e]:{left:o.left,width:t}}}}case b:return{...Ie,dragging:!0};case R:{const{point:e}=Ke.payload;let t=Ie.model.data;return!Ie.dragging&&Ie.formattedStyle.open&&(t=fe(Ie.model.data,Ie.formattedStyle,Ie.active)),{...Ie,copied:null,model:new me(Ie.model.createFormulaParser,t),formattedStyle:{open:!1,style:void 0},active:e}}case D:{const t=Ie.selected.toRange(Ie.model.data),o=Ie.active;let l=Ie.model.data;if(Ie.formattedStyle.open&&(l=pe(Ie.model.data,t,Ie.formattedStyle)),Ie.autoFill.open&&Ie.editable&&t){l=ve(Ie.model.data,t,Ie.autoFill.cellValue,o,Ie.ctrl);let{start:a,end:n}=t;const c=a.row-n.row,r=a.column-n.column;let d={row:0,column:0},s={row:0,column:0};return Math.abs(c)>Math.abs(r)?(d={row:Math.min(a.row,n.row),column:o?.column??0},s={row:Math.max(a.row,n.row),column:o?.column??0}):(d={row:o?.row??0,column:Math.min(a.column,n.column)},s={row:o?.row??0,column:Math.max(a.column,n.column)}),{...Ie,dragging:!1,autoFill:{open:!1,cellValue:{value:"",style:{}}},formattedStyle:{open:!1,style:void 0},model:new me(Ie.model.createFormulaParser,l),selected:new i(new e(d,s))}}return{...Ie,dragging:!1,autoFill:{open:!1,cellValue:{value:"",style:{}}},formattedStyle:{open:!1,style:void 0},model:new me(Ie.model.createFormulaParser,l)}}case F:{const{changes:e}=Ke.payload;return{...Ie,...we(e)}}default:throw new Error("Unknown action")}}export{Ie as INITIAL_STATE,Ke as default};
+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, 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, handleAddColumn, handleAddRow, 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,
+};
+export default function reducer(state, action) {
+    switch (action.type) {
+        case Actions.UPDATE_COLUMN_DIMENSIONS: {
+            const { minimumColumnWidth } = action.payload;
+            const newColumnDimensions = { ...state.columnDimensions };
+            Object.keys(newColumnDimensions).forEach((colKey) => {
+                const colIndex = parseInt(colKey);
+                const currentWidth = newColumnDimensions[colIndex]?.width || 0;
+                if (currentWidth !== minimumColumnWidth) {
+                    newColumnDimensions[colIndex] = {
+                        left: newColumnDimensions[colIndex]?.left || 0,
+                        width: minimumColumnWidth,
+                    };
+                }
+            });
+            return {
+                ...state,
+                columnDimensions: newColumnDimensions,
+            };
+        }
+        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;
+            }
+            return {
+                ...state,
+                autoFill: { open: autofill, cellValue: currentCell },
+            };
+        }
+        case Actions.ADD_ROW_TOP:
+            return handleAddRow(state, action, 'TOP');
+        case Actions.ADD_ROW_BOTTOM:
+            return handleAddRow(state, action, 'BOTTOM');
+        case Actions.ADD_COLUMN_LEFT:
+            return handleAddColumn(state, action, 'LEFT');
+        case Actions.ADD_COLUMN_RIGHT:
+            return handleAddColumn(state, action, 'RIGHT');
+        case Actions.DELETE_ROW: {
+            let { selectedRow, selectedColumn, model, rowDimensions, copied } = 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();
+            let newCopied = copied;
+            if (copied && copied.start.row <= deleteIndex && copied.end.row >= deleteIndex) {
+                newCopied = null;
+            }
+            return {
+                ...state,
+                model: updatedModel,
+                selectedRow: newSelectedRow,
+                selectedColumn: newSelectedColumn,
+                selected: newSelected,
+                active: newActive,
+                copied: newCopied,
+                rowDimensions: deleteRowDimension(rowDimensions, deleteIndex),
+            };
+        }
+        case Actions.DELETE_COLUMN: {
+            const { selectedRow, selectedColumn, model, columnDimensions, copied } = 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 !== null ? selectedRow : 0;
+            const newSelectedColumn = deleteIndex > 0 ? deleteIndex - 1 : 0;
+            const newActive = updatedData.length > 0
+                ? { row: newSelectedRow, column: newSelectedColumn }
+                : null;
+            const newSelected = updatedData.length > 0
+                ? new EntireColumnsSelection(newSelectedColumn, newSelectedColumn)
+                : new EmptySelection();
+            let newCopied = copied;
+            if (copied && copied.start.column <= deleteIndex && copied.end.column >= deleteIndex) {
+                newCopied = null;
+            }
+            return {
+                ...state,
+                model: updatedModel,
+                selectedRow: newSelectedRow,
+                selectedColumn: newSelectedColumn,
+                selected: newSelected,
+                active: newActive,
+                copied: newCopied,
+                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);
+            const updatedModel = new Model(state.model.createFormulaParser, updatedData);
+            let newRowDimensions = { ...state.rowDimensions };
+            // Auto-resize selectedRange rows
+            if (!(state.mode === 'edit' && state.active) && selectedRange) {
+                for (let rowIndex = selectedRange?.start?.row ?? 0; rowIndex <= selectedRange?.end?.row; rowIndex++) {
+                    const rowData = updatedData[rowIndex];
+                    if (!rowData)
+                        continue;
+                    let maxHeight = 32;
+                    rowData.forEach((cell, _colIndex) => {
+                        if (cell && cell.value) {
+                            const fontSize = cell.style?.fontSize
+                                ? parseInt(cell.style.fontSize.toString().replace('px', ''))
+                                : 9;
+                            const lineHeight = Math.max(fontSize * 1.2, 18);
+                            let lines = 0;
+                            if (!['file', 'dropDown'].includes(cell?.inputType?.type ?? '')) {
+                                lines = String(cell.value).split(' ').length;
+                            }
+                            lines += String(cell.value).split('\n').length - 1;
+                            const cellHeight = lineHeight * lines;
+                            maxHeight = Math.max(maxHeight, cellHeight);
+                        }
+                    });
+                    newRowDimensions[rowIndex] = {
+                        ...(newRowDimensions[rowIndex] || { top: 0, height: 32 }),
+                        height: maxHeight
+                    };
+                }
+            }
+            return {
+                ...state,
+                model: updatedModel,
+                rowDimensions: newRowDimensions,
+            };
+        }
+        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;
+            }
+            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 },
+                };
+            }
+            else {
+                return {
+                    ...state,
+                    selected: new EmptySelection(),
+                    active: null,
+                    copied: selectedRange,
+                    formattedStyle: { open: true, style: copiedStyle },
+                };
+            }
+        }
+        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) && state.editable) ? '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);
+            // Check if paste destination overlaps with cut source
+            let pasteRange = null;
+            if (state.cut && state.copied) {
+                pasteRange = new PointRange(active, {
+                    row: active.row + copiedSize.rows - 1,
+                    column: active.column + copiedSize.columns - 1,
+                });
+            }
+            // Helper to check if a point is within the paste range (for cut overlap detection)
+            const isInPasteRange = (point) => {
+                if (!pasteRange)
+                    return false;
+                return (point.row >= pasteRange.start.row &&
+                    point.row <= pasteRange.end.row &&
+                    point.column >= pasteRange.start.column &&
+                    point.column <= pasteRange.end.column);
+            };
+            if (selectedRange && copiedSize.rows === 1 && copiedSize.columns === 1) {
+                const cell = Matrix.get({ row: 0, column: 0 }, copied);
+                let newData = state.model.data;
+                // Only unset cut cells if they don't overlap with paste destination
+                if (state.cut && state.copied) {
+                    for (const point of state.copied) {
+                        if (!isInPasteRange(point)) {
+                            newData = Matrix.unset(point, newData);
+                        }
+                    }
+                }
+                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 && state.copied) {
+                    const prevPoint = {
+                        row: point.row + state.copied.start.row,
+                        column: point.column + state.copied.start.column,
+                    };
+                    // Only unset if the source cell is not within the paste destination
+                    if (!isInPasteRange(prevPoint)) {
+                        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,
+                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');
+    }
+}
+// const reducer = createReducer(INITIAL_STATE, (builder) => {
+//   builder.addMatcher(
+//     (action) =>
+//       action.type === Actions.copy.type || action.type === Actions.cut.type,
+//     (state, action) => {
+//     }
+//   );
+// });
+// // Shared reducers
+//# sourceMappingURL=reducer.js.map