pixel-react 1.2.1 → 1.2.3

package/lib/components/AppHeader/types.d.ts

@@ -1,17 +1,26 @@
 import { ReactNode } from 'react';
+import { optionsType } from '../AllProjectsDropdown/types';
 export interface AppHeaderProps {
     logoIconName: string;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
-    projectsList?: string[];
+    projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
-    appHeaderHiddenMenuItems?: string[];
+    appHeaderHiddenMenuItems?: {
+        label: string;
+        value: string | string[];
+        icon: string;
+        disable?: boolean;
+    }[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;
+    selectedProject?: optionsType;
     onMenuClick?: (text: any) => void;
     onSubMenuClick?: (text: any) => void;
     onQuickMenuClick?: (text: any) => void;
+    onProjectMenuClick?: (text: any) => void;
+    onMoreMenuOptionClick?: (text: any) => void;
 }
 export interface appHeaderMenuItemProps {
     label: string;

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Avatar.scss';
+import { AvatarProps } from './types';
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/lib/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Avatar from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const CustomAvatarSize: Story;
+export declare const CustomIconSize: Story;

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

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

package/lib/components/Avatar/types.d.ts

@@ -0,0 +1,26 @@
+export interface AvatarProps {
+    /**
+   * This property determines the size of the avatar. It can be set to 'small', 'medium', or 'large'.
+   */
+    variant?: 'small' | 'medium' | 'large';
+    /**
+     * This property allows you to customize the background color of the avatar.
+     */
+    backgroundColor?: string;
+    /**
+     * This property specifies the name of the icon to be displayed within the avatar.
+     */
+    iconName: string;
+    /**
+     * This property allows you to customize the color of the icon within the avatar.
+     */
+    iconColor?: string;
+    /**
+     * This property allows you to set a custom size for the avatar, overriding the default size specified by the variant property.
+     */
+    customAvatarSize?: number;
+    /**
+     * This property allows you to set a custom size for the icon within the avatar.
+     */
+    customIconSize?: number;
+}

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.css";
+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';
 /** The Spreadsheet component props */
 export type Props<CellType extends Types.CellBase> = {
     /** The spreadsheet's data */
@@ -14,7 +14,6 @@ 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,9 +24,53 @@ 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>;
@@ -127,4 +171,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 | 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;

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,50 +13,13 @@ export type CellBase<Value = any> = {
     className?: string;
     /** The value of the cell */
     value: Value;
-    style?: CellStyle;
+    style?: React.CSSProperties | undefined;
     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.
@@ -66,7 +29,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 */
@@ -86,8 +49,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,11 +12,10 @@ 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 incrementation
- */
+ * @param step - An integer number specifying the Increment */
 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 */
@@ -24,11 +23,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;
 /**

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

@@ -1,3 +1,19 @@
 import React from 'react';
+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;
+}
 declare const ExcelFile: React.FC<ExcelFileProps>;
 export default ExcelFile;

package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts

@@ -4,12 +4,9 @@ interface ExcelSheetBarProps {
         sheetNames: string[];
     };
     handleSheetChange: (name: string, index: number) => void;
-    contextMenu: (e: React.MouseEvent, name: string, index: number) => void;
-    addSheet: () => void;
     selectedSheet: {
         name: string;
     };
-    contextSelect: (e: React.MouseEvent) => void;
 }
 declare const ExcelSheetBar: React.FC<ExcelSheetBarProps>;
 export default ExcelSheetBar;

package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts

@@ -1,3 +1,15 @@
 import './ExcelToolBar.scss';
+import { CellBase } from '../ExcelFile/Excel';
+import * as Matrix from '../ExcelFile/Excel/matrix';
+interface ExcelToolBarProps {
+    toolbar?: 'show' | 'disable' | 'hide';
+    data: Matrix.Matrix<CellBase>;
+    onBold: (data: Matrix.Matrix<CellBase>) => void;
+    onItalic: (data: Matrix.Matrix<CellBase>) => void;
+    onUnderline: (data: Matrix.Matrix<CellBase>) => void;
+    setColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setBackgroundColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setFormatePainter: (data: Matrix.Matrix<CellBase>) => void;
+}
 declare const ExcelToolBar: React.FC<ExcelToolBarProps>;
 export default ExcelToolBar;