pixel-react 1.2.7 → 1.2.9

package/lib/components/Excel/Types.d.ts

@@ -0,0 +1,129 @@
+interface ExcelFileProps {
+    /** The Excel data containing sheets and their content */
+    excelData: {
+        sheets: WorkSheet[];
+    };
+    /** Optional: Provide context menu options for actions like right-click */
+    contextOption?: {
+        name: string;
+        title: React.ReactNode;
+        action: () => void;
+    }[];
+    /** Controls whether the toolbar is shown, disabled, or hidden */
+    toolbar?: 'show' | 'disable' | 'hide';
+    /** Callback function to save the Excel data */
+    onSave?: (excelData?: any) => void;
+}
+interface WorkSheet {
+    /** The name of the worksheet */
+    sheetName: string;
+    /** 2D array of worksheet data (cells) */
+    data: WorkData[][];
+}
+interface WorkData {
+    /** Value of the cell */
+    value: string;
+    /** Styling options for the cell */
+    style: React.CSSProperties;
+    type?: boolean;
+}
+/** A generic type to represent a 2D matrix of any type (or undefined values) */
+type Matrix<T> = (T | undefined)[][];
+interface ContextAction {
+    /** Name of the right-click option */
+    name: string;
+    /** Display title of the right-click menu option */
+    title: React.ReactNode;
+    /** The action that occurs when the right-click menu option is selected */
+    action: () => void;
+}
+interface ContextOption {
+    /** Type of the context option ('cell', 'row', 'column') */
+    name: string;
+    /** Array of context menu actions for right-click options */
+    value: ContextAction[];
+}
+interface ContextMenuState {
+    /** Whether the context menu is visible */
+    visible: boolean;
+    /** X-coordinate position for the context menu */
+    x: number;
+    /** Y-coordinate position for the context menu */
+    y: number;
+    /** Type of the context menu ('cell', 'row', 'column', or 'sheet_options') */
+    type: 'cell' | 'row' | 'column' | 'sheet_options' | null;
+}
+interface SelectedCell {
+    /** The row index of the selected cell */
+    row: number;
+    /** The column index of the selected cell */
+    column: number;
+}
+interface ColorContainer {
+    /** The color used for the text (hex code) */
+    color: string;
+    /** The background color used for the cell (hex code) */
+    backgroundColor: string;
+    /** The border color used for the cell (hex code) */
+    borderColor: string;
+}
+interface SelectedValue {
+    /** The value inside the selected cell */
+    value: string;
+    /** The row index of the selected cell */
+    row: number;
+    /** The column index of the selected cell */
+    column: number;
+    /** The column represented as an alphabetical string ('A', 'B') */
+    alphaCol: string;
+    /** The style applied to the selected cell */
+    style: React.CSSProperties;
+    /** The sheet name where the cell is located */
+    sheet: string;
+}
+interface ExcelSheetBarProps {
+    /** Object containing details about the file, including sheet names */
+    fileDetails: {
+        sheetNames: string[];
+    };
+    /** Function to handle sheet change events */
+    handleSheetChange: (name: string, index: number) => void;
+    /** Function to open the context menu on a sheet */
+    contextMenu: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, name: string, index: number) => void;
+    /** Function to add a new sheet */
+    addSheet: () => void;
+    /** Object representing the currently selected sheet */
+    selectedSheet: {
+        name: string;
+        index: number;
+    };
+    /** Function to update the context Type */
+    contextSelect: (event: React.MouseEvent) => void;
+}
+interface ContextMenuProps {
+    /** Custom context menu options */
+    customContext: {
+        name: string;
+        title: React.ReactNode;
+        action: () => void;
+    }[];
+    /** Object that holds different context actions based on the type (cell, row, column, sheet_options) */
+    contextAction: {
+        /** Function to add a row */
+        addRow: () => void;
+        /** Function to delete a row */
+        deleteRow: () => void;
+        /** Function to add a column */
+        addColumn: () => void;
+        /** Function to delete a column */
+        deleteColumn: () => void;
+        /** Function to add a new sheet */
+        addSheet: () => void;
+        /** Function to delete a sheet */
+        deleteSheet: () => void;
+    };
+    /** The state of the context menu, controlling its visibility and position */
+    contextData: ContextMenuState;
+    /** Function to update the context menu state */
+    setContextData: React.Dispatch<React.SetStateAction<ContextMenuState>>;
+}

package/lib/components/Excel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ExcelFile/ExcelFile';

package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './ColorBarSelector.scss';
+interface ColorBarSelectorProps {
+    getColorValue: (color: string) => void;
+    disabled: boolean;
+}
+declare const ColorBarSelector: React.FC<ColorBarSelectorProps>;
+export default ColorBarSelector;

package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as Types from './types';
+import * as React from "react";
+import * as Types from "./types";
 type Props = {
     DataEditor: Types.DataEditorComponent;
 };

package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as Types from './types';
+import * as React from "react";
+import * as Types from "./types";
 declare const ColumnIndicator: Types.ColumnIndicatorComponent;
 export default ColumnIndicator;
 export declare const enhance: (ColumnIndicatorComponent: Types.ColumnIndicatorComponent) => React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;

package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import * as React from "react";
 declare const Copied: React.FC;
 export default Copied;

package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as Types from './types';
+import * as React from "react";
+import * as Types from "./types";
 declare const CornerIndicator: Types.CornerIndicatorComponent;
 export default CornerIndicator;
 export declare const enhance: (CornerIndicatorComponent: Types.CornerIndicatorComponent) => React.FC<Omit<Types.CornerIndicatorProps, "selected" | "onSelect">>;

package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as Types from './types';
+import * as React from "react";
+import * as Types from "./types";
 /** The default Spreadsheet DataEditor component */
 declare const DataEditor: React.FC<Types.DataEditorProps>;
 export default DataEditor;

package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as Types from './types';
+import * as React from "react";
+import * as Types from "./types";
 export declare const TRUE_TEXT = "TRUE";
 export declare const FALSE_TEXT = "FALSE";
 /** The default Spreadsheet DataViewer component */

package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as Types from './types';
+import * as React from "react";
+import * as Types from "./types";
 export type Props = {
     variant?: string;
     dimensions?: Types.Dimensions | null | undefined;

package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts

@@ -1,3 +1,3 @@
-import * as Types from './types';
+import * as Types from "./types";
 declare const HeaderRow: Types.HeaderRowComponent;
 export default HeaderRow;

package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts

@@ -1,3 +1,3 @@
-import * as Types from './types';
+import * as Types from "./types";
 declare const Row: Types.RowComponent;
 export default Row;

package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as Types from './types';
+import * as React from "react";
+import * as Types from "./types";
 declare const RowIndicator: Types.RowIndicatorComponent;
 export default RowIndicator;
 export declare const enhance: (RowIndicatorComponent: Types.RowIndicatorComponent) => React.FC<Omit<Types.RowIndicatorProps, "selected" | "onSelect">>;

package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import * as React from "react";
 declare const Selected: React.FC;
 export default Selected;

package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import * as Types from './types';
-import * as Matrix from './matrix';
-import * as Point from './point';
-import { Selection } from './selection';
-import './Spreadsheet.scss';
+import * as React from "react";
+import * as Types from "./types";
+import * as Matrix from "./matrix";
+import * as Point from "./point";
+import { Selection } from "./selection";
+import "./Spreadsheet.css";
 /** The Spreadsheet component props */
 export type Props<CellType extends Types.CellBase> = {
     /** The spreadsheet's data */
@@ -14,6 +14,7 @@ export type Props<CellType extends Types.CellBase> = {
      * Use dark colors that complement dark mode
      * @defaultValue `false`
      */
+    darkMode?: boolean;
     /**
      * Function used to create the formula parser (instance of
      * "fast-formula-parser") used by the Spreadsheet by getting the spreadsheet's

package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts

@@ -1,3 +1,3 @@
-import * as Types from './types';
+import * as Types from "./types";
 declare const Table: Types.TableComponent;
 export default Table;

package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts

@@ -1,7 +1,7 @@
-import { Matrix } from './matrix';
-import { Point } from './point';
-import { CellBase, Dimensions, CommitChanges, CreateFormulaParser } from './types';
-import { Selection } from './selection';
+import { Matrix } from "./matrix";
+import { Point } from "./point";
+import { CellBase, Dimensions, CommitChanges, CreateFormulaParser } from "./types";
+import { Selection } from "./selection";
 export declare const SET_DATA = "SET_DATA";
 export declare const SET_CREATE_FORMULA_PARSER = "SET_CREATE_FORMULA_PARSER";
 export declare const SELECT_ENTIRE_ROW = "SELECT_ENTIRE_ROW";
@@ -24,53 +24,9 @@ export declare const KEY_DOWN = "KEY_DOWN";
 export declare const DRAG_START = "DRAG_START";
 export declare const DRAG_END = "DRAG_END";
 export declare const COMMIT = "COMMIT";
-export declare const BOLD = "BOLD";
-export declare const ITALIC = "ITALIC";
-export declare const UNDERLINE = "UNDERLINE";
-export declare const COLOR = "COLOR";
-export declare const BACKGROUND_COLOR = "BACKGROUND_COLOR";
-export declare const FORMATE_PAINTER = "FORMATE_PAINTER";
 export type BaseAction<T extends string> = {
     type: T;
 };
-export type BoldStyle = BaseAction<typeof BOLD> & {
-    payload: {
-        data: Matrix<CellBase>;
-    };
-};
-export declare function bold(data: Matrix<CellBase>): BoldStyle;
-export type ItalicStyle = BaseAction<typeof ITALIC> & {
-    payload: {
-        data: Matrix<CellBase>;
-    };
-};
-export declare function italic(data: Matrix<CellBase>): ItalicStyle;
-export type UnderlineStyle = BaseAction<typeof UNDERLINE> & {
-    payload: {
-        data: Matrix<CellBase>;
-    };
-};
-export declare function underline(data: Matrix<CellBase>): UnderlineStyle;
-export type ColorStyle = BaseAction<typeof COLOR> & {
-    payload: {
-        data: Matrix<CellBase>;
-        value: string;
-    };
-};
-export declare function color(data: Matrix<CellBase>, value: string): ColorStyle;
-export type BackgroundStyle = BaseAction<typeof BACKGROUND_COLOR> & {
-    payload: {
-        data: Matrix<CellBase>;
-        value: string;
-    };
-};
-export declare function backgroundStyle(data: Matrix<CellBase>, value: string): BackgroundStyle;
-export type FormatePainterStyle = BaseAction<typeof FORMATE_PAINTER> & {
-    payload: {
-        data: Matrix<CellBase>;
-    };
-};
-export declare function formatePainter(data: Matrix<CellBase>): FormatePainterStyle;
 export type SetDataAction = BaseAction<typeof SET_DATA> & {
     payload: {
         data: Matrix<CellBase>;
@@ -171,4 +127,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
 export declare function clear(): ClearAction;
 export type BlurAction = BaseAction<typeof BLUR>;
 export declare function blur(): BlurAction;
-export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyPressAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineStyle | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | BlurAction;
+export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyPressAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | BlurAction;

package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import reducer from './reducer';
-import { Action } from './actions';
+import * as React from "react";
+import reducer from "./reducer";
+import { Action } from "./actions";
 export type ReducerState = React.ReducerState<typeof reducer>;
 export type Dispatch = React.Dispatch<Action>;
 export type Value = [ReducerState, Dispatch];

package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts

@@ -1,8 +1,8 @@
-import FormulaParser, { Value } from 'fast-formula-parser';
-import * as Matrix from '../matrix';
-import { Point } from '../point';
-import { CellBase, CreateFormulaParser } from '../types';
-import { PointGraph } from './point-graph';
+import FormulaParser, { Value } from "fast-formula-parser";
+import * as Matrix from "../matrix";
+import { Point } from "../point";
+import { CellBase, CreateFormulaParser } from "../types";
+import { PointGraph } from "./point-graph";
 export declare class Model<Cell extends CellBase> {
     readonly data: Matrix.Matrix<Cell>;
     readonly evaluatedData: Matrix.Matrix<Cell>;

package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts

@@ -1,14 +1,14 @@
-import FormulaParser, { FormulaParserConfig, Value } from 'fast-formula-parser';
-import { Point } from '../point';
-import * as Matrix from '../matrix';
-import { CellBase } from '../types';
-import { PointSet } from './point-set';
+import FormulaParser, { FormulaParserConfig, Value } from "fast-formula-parser";
+import { Point } from "../point";
+import * as Matrix from "../matrix";
+import { CellBase } from "../types";
+import { PointSet } from "./point-set";
 export declare const FORMULA_VALUE_PREFIX = "=";
 /** Returns whether given value is a formula */
 export declare function isFormulaValue(value: unknown): value is string;
 /** Extracts formula from value  */
 export declare function extractFormula(value: string): string;
-export declare function createFormulaParser(data: Matrix.Matrix<CellBase>, config?: Omit<FormulaParserConfig, 'onCell' | 'onRange'>): FormulaParser;
+export declare function createFormulaParser(data: Matrix.Matrix<CellBase>, config?: Omit<FormulaParserConfig, "onCell" | "onRange">): FormulaParser;
 /**
  * For given formula returns the cell references
  * @param formula - formula to get references for

package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts

@@ -1,2 +1,2 @@
-export { Model, updateCellValue } from './engine';
-export { createFormulaParser } from './formula';
+export { Model, updateCellValue } from "./engine";
+export { createFormulaParser } from "./formula";

package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts

@@ -1,5 +1,5 @@
-import { Point } from '../point';
-import { PointSet } from './point-set';
+import { Point } from "../point";
+import { PointSet } from "./point-set";
 /**
  * Immutable directed graph of points, where each point can have multiple
  * edges to other points.

package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts

@@ -1,3 +1,3 @@
-import { Point } from '../point';
+import { Point } from "../point";
 export declare function toString(point: Point): string;
 export declare function fromString(point: string): Point;

package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts

@@ -1,4 +1,4 @@
-import * as Point from '../point';
+import * as Point from "../point";
 /**
  * Immutable Set like interface of points
  */

package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts

@@ -1,13 +1,13 @@
-import Spreadsheet from './Spreadsheet';
-import DataEditor from './DataEditor';
-import DataViewer from './DataViewer';
+import Spreadsheet from "./Spreadsheet";
+import DataEditor from "./DataEditor";
+import DataViewer from "./DataViewer";
 export default Spreadsheet;
 export { Spreadsheet, DataEditor, DataViewer };
-export type { Props } from './Spreadsheet';
-export { createEmpty as createEmptyMatrix } from './matrix';
-export type { Matrix } from './matrix';
-export { Selection, EmptySelection, EntireAxisSelection, EntireColumnsSelection, EntireRowsSelection, EntireSelection, EntireWorksheetSelection, InvalidIndexError, RangeSelection, } from './selection';
-export { PointRange } from './point-range';
-export type { Point } from './point';
-export type { CellBase, CellDescriptor, Mode, Dimensions, CellChange, CellComponentProps, CellComponent, DataViewerProps, DataViewerComponent, DataEditorProps, DataEditorComponent, ColumnIndicatorComponent, ColumnIndicatorProps, RowIndicatorComponent, RowIndicatorProps, CornerIndicatorComponent, CornerIndicatorProps, RowComponent, RowProps, TableComponent, TableProps, HeaderRowProps, HeaderRowComponent, } from './types';
-export { createFormulaParser, Model } from './engine';
+export type { Props } from "./Spreadsheet";
+export { createEmpty as createEmptyMatrix } from "./matrix";
+export type { Matrix } from "./matrix";
+export { Selection, EmptySelection, EntireAxisSelection, EntireColumnsSelection, EntireRowsSelection, EntireSelection, EntireWorksheetSelection, InvalidIndexError, RangeSelection, } from "./selection";
+export { PointRange } from "./point-range";
+export type { Point } from "./point";
+export type { CellBase, CellDescriptor, Mode, Dimensions, CellChange, CellComponentProps, CellComponent, DataViewerProps, DataViewerComponent, DataEditorProps, DataEditorComponent, ColumnIndicatorComponent, ColumnIndicatorProps, RowIndicatorComponent, RowIndicatorProps, CornerIndicatorComponent, CornerIndicatorProps, RowComponent, RowProps, TableComponent, TableProps, HeaderRowProps, HeaderRowComponent, } from "./types";
+export { createFormulaParser, Model } from "./engine";

package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts

@@ -1,4 +1,4 @@
-import * as Point from './point';
+import * as Point from "./point";
 /** A two-dimensional array of given type T in rows and columns */
 export type Matrix<T> = Array<Array<T | undefined>>;
 /**

package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts

@@ -1,7 +1,7 @@
 /**
  * Interface for ranges between two points
  */
-import * as Point from './point';
+import * as Point from "./point";
 /** Range between two points. Creates a normalized range between two given points */
 export declare class PointRange {
     /** The top-left point */

package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts

@@ -1,8 +1,8 @@
-import * as Matrix from './matrix';
-import * as Types from './types';
-import * as Point from './point';
-import { Selection, RangeSelection, EntireColumnsSelection, EntireRowsSelection } from './selection';
-import * as Actions from './actions';
+import * as Matrix from "./matrix";
+import * as Types from "./types";
+import * as Point from "./point";
+import { Selection, RangeSelection, EntireColumnsSelection, EntireRowsSelection } from "./selection";
+import * as Actions from "./actions";
 export declare const INITIAL_STATE: Types.StoreState;
 export default function reducer(state: Types.StoreState, action: Actions.Action): Types.StoreState;
 export declare const go: (rowDelta: number, columnDelta: number) => KeyDownHandler;

package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts

@@ -1,6 +1,6 @@
-import { PointRange } from './point-range';
-import * as Point from './point';
-import * as Matrix from './matrix';
+import { PointRange } from "./point-range";
+import * as Point from "./point";
+import * as Matrix from "./matrix";
 /** Selection from a spreadsheet */
 export declare abstract class Selection {
     /** Get concrete range of the selection in the given data */

package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import FormulaParser from 'fast-formula-parser';
-import { Point } from './point';
-import { Selection } from './selection';
-import { Model } from './engine';
-import { PointRange } from './point-range';
-import { Matrix } from './matrix';
+import * as React from "react";
+import FormulaParser from "fast-formula-parser";
+import { Point } from "./point";
+import { Selection } from "./selection";
+import { Model } from "./engine";
+import { PointRange } from "./point-range";
+import { Matrix } from "./matrix";
 /** The base type of cell data in Spreadsheet */
 export type CellBase<Value = any> = {
     /** Whether the cell should not be editable */
@@ -13,13 +13,50 @@ export type CellBase<Value = any> = {
     className?: string;
     /** The value of the cell */
     value: Value;
-    style?: React.CSSProperties | undefined;
+    style?: CellStyle;
     type?: boolean;
     /** Custom component to render when the cell is edited, if not defined would default to the component defined for the Spreadsheet */
     DataEditor?: DataEditorComponent<CellBase<Value>>;
     /** Custom component to render when the cell is viewed, if not defined would default to the component defined for the Spreadsheet */
     DataViewer?: DataViewerComponent<CellBase<Value>>;
 };
+interface CellStyle {
+    /** Font name for the cell text */
+    name?: string;
+    /** Font size of the cell text */
+    size?: number;
+    position?: string;
+    /** Whether the text is bold */
+    bold?: boolean;
+    /** Whether the text is italicized */
+    italic?: boolean;
+    /** Text color in the cell (hex code) */
+    color?: string;
+    /** Background color of the cell (hex code) */
+    backgroundColor?: string;
+    /** Border color of the cell (hex code) */
+    borderColor?: string;
+    /** Border styles for each side of the cell */
+    border?: {
+        /** Border style for the top side of the cell */
+        top: string;
+        /** Border style for the bottom side of the cell */
+        bottom: string;
+        /** Border style for the left side of the cell */
+        left: string;
+        /** Border style for the right side of the cell */
+        right: string;
+    };
+    /** Text alignment and wrapping properties */
+    alignment?: {
+        /** Horizontal text alignment ('left', 'center', or 'right') */
+        horizontal: string;
+        /** Vertical text alignment ('top', 'middle', or 'bottom') */
+        vertical: string;
+        /** Whether the text is wrapped within the cell */
+        wrapText: boolean;
+    };
+}
 /**
  * A cell with it's coordinates
  * @deprecated the component does not use cell descriptors anymore. Instead it passes cell point and cell value explicitly.
@@ -29,7 +66,7 @@ export type CellDescriptor<Cell extends CellBase> = {
     data: Cell | undefined;
 } & Point;
 /** The spreadsheet's write mode */
-export type Mode = 'view' | 'edit';
+export type Mode = "view" | "edit";
 /** Dimensions of an element */
 export type Dimensions = {
     /** The element's width in pixels */
@@ -49,8 +86,8 @@ export type StoreState<Cell extends CellBase = CellBase> = {
     cut: boolean;
     active: Point | null;
     mode: Mode;
-    rowDimensions: Record<number, Pick<Dimensions, 'height' | 'top'> | undefined>;
-    columnDimensions: Record<number, Pick<Dimensions, 'width' | 'left'> | undefined>;
+    rowDimensions: Record<number, Pick<Dimensions, "height" | "top"> | undefined>;
+    columnDimensions: Record<number, Pick<Dimensions, "width" | "left"> | undefined>;
     dragging: boolean;
     lastChanged: Point | null;
     lastCommit: null | CellChange<Cell>[];

package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts

@@ -1,3 +1,3 @@
-import { Dispatch } from './context';
+import { Dispatch } from "./context";
 declare function useDispatch(): Dispatch;
 export default useDispatch;

package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts

@@ -1,3 +1,3 @@
-import * as Types from './types';
+import * as Types from "./types";
 declare function useSelector<T>(selector: (state: Types.StoreState) => T): T;
 export default useSelector;

package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts

@@ -1,9 +1,9 @@
-import * as Types from './types';
-import * as Matrix from './matrix';
-import * as Point from './point';
-import { PointRange } from './point-range';
-import { Selection } from './selection';
-export { createEmpty as createEmptyMatrix } from './matrix';
+import * as Types from "./types";
+import * as Matrix from "./matrix";
+import * as Point from "./point";
+import { PointRange } from "./point-range";
+import { Selection } from "./selection";
+export { createEmpty as createEmptyMatrix } from "./matrix";
 export declare const PLAIN_TEXT_MIME = "text/plain";
 export declare const FOCUS_WITHIN_SELECTOR = ":focus-within";
 /** Move the cursor of given input element to the input's end */
@@ -12,10 +12,11 @@ export declare function moveCursorToEnd(el: HTMLInputElement): void;
  * Creates an array of numbers (positive and/or negative) progressing from start up to, but not including, end. A step of -1 is used if a negative start is specified without an end or step. If end is not specified, it's set to start with start then set to 0.
  * @param end - an integer number specifying at which position to stop (not included).
  * @param start - An integer number specifying at which position to start.
- * @param step - An integer number specifying the Increment */
+ * @param step - An integer number specifying the incrementation
+ */
 export declare function range(end: number, start?: number, step?: number): number[];
 /** Return whether given point is active */
-export declare function isActive(active: Types.StoreState['active'], point: Point.Point): boolean;
+export declare function isActive(active: Types.StoreState["active"], point: Point.Point): boolean;
 /** Get the offset values of given element */
 export declare function getOffsetRect(element: HTMLElement): Types.Dimensions;
 /** Write given data to clipboard with given event */
@@ -23,11 +24,11 @@ export declare function writeTextToClipboard(event: ClipboardEvent, data: string
 /** Read text from given clipboard event */
 export declare function readTextFromClipboard(event: ClipboardEvent): string;
 /** Get the dimensions of cell at point from state */
-export declare function getCellDimensions(point: Point.Point, rowDimensions: Types.StoreState['rowDimensions'] | undefined, columnDimensions: Types.StoreState['columnDimensions'] | undefined): Types.Dimensions | undefined;
+export declare function getCellDimensions(point: Point.Point, rowDimensions: Types.StoreState["rowDimensions"] | undefined, columnDimensions: Types.StoreState["columnDimensions"] | undefined): Types.Dimensions | undefined;
 /** Get the dimensions of a range of cells */
-export declare function getRangeDimensions(rowDimensions: Types.StoreState['rowDimensions'], columnDimensions: Types.StoreState['columnDimensions'], range: PointRange): Types.Dimensions | undefined;
+export declare function getRangeDimensions(rowDimensions: Types.StoreState["rowDimensions"], columnDimensions: Types.StoreState["columnDimensions"], range: PointRange): Types.Dimensions | undefined;
 /** Get the dimensions of selected */
-export declare function getSelectedDimensions(rowDimensions: Types.StoreState['rowDimensions'], columnDimensions: Types.StoreState['columnDimensions'], data: Matrix.Matrix<unknown>, selected: Selection): Types.Dimensions | undefined;
+export declare function getSelectedDimensions(rowDimensions: Types.StoreState["rowDimensions"], columnDimensions: Types.StoreState["columnDimensions"], data: Matrix.Matrix<unknown>, selected: Selection): Types.Dimensions | undefined;
 /** Get given data as CSV */
 export declare function getCSV(data: Matrix.Matrix<Types.CellBase>): string;
 /**