pixel-react 1.11.22 → 1.11.24

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

@@ -0,0 +1,52 @@
+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 */
+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 */
+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;
+/** Get the offset values of given element */
+export declare function getOffsetRect(element: HTMLElement): Types.Dimensions;
+/** Write given data to clipboard with given event */
+export declare function writeTextToClipboard(event: ClipboardEvent, data: string): void;
+/** 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;
+/** 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;
+/** 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;
+/** Get given data as CSV */
+export declare function getCSV(data: Matrix.Matrix<Types.CellBase>): string;
+/**
+ * Calculate the rows and columns counts of a spreadsheet
+ * @param data - the spreadsheet's data
+ * @param rowLabels - the spreadsheet's row labels (if defined)
+ * @param columnLabels - the spreadsheet's column labels (if defined)
+ * @returns the rows and columns counts of a spreadsheet
+ */
+export declare function calculateSpreadsheetSize(data: Matrix.Matrix<unknown>, rowLabels?: string[], columnLabels?: string[]): Matrix.Size;
+/** Should spreadsheet handle clipboard event */
+export declare function shouldHandleClipboardEvent(root: Element | null, mode: Types.Mode): boolean;
+export declare function isFocusedWithin(element: Element): boolean;
+export declare function hasLineBreaker(value: unknown): boolean;
+export declare const convertPtToPx: (pt: number) => string;
+export declare const convertPxToPt: (px: string) => number;
+export declare const EmptyCell: Types.CellBase;
+export declare const fontFamilyList: {
+    label: string;
+    value: string;
+}[];
+export declare const fontSizeList: number[];

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

@@ -0,0 +1,231 @@
+import * as Matrix from './matrix';
+import * as Point from './point';
+export { createEmpty as createEmptyMatrix } from './matrix';
+export const PLAIN_TEXT_MIME = 'text/plain';
+export const FOCUS_WITHIN_SELECTOR = ':focus-within';
+/** Move the cursor of given input element to the input's end */
+export function moveCursorToEnd(el) {
+    el.selectionStart = el.selectionEnd = el.value.length;
+}
+/**
+ * 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 */
+export function range(end, start = 0, step = 1) {
+    const array = [];
+    if (Math.sign(end - start) === -1) {
+        for (let element = start; element > end; element -= step) {
+            array.push(element);
+        }
+        return array;
+    }
+    for (let element = start; element < end; element += step) {
+        array.push(element);
+    }
+    return array;
+}
+/** Return whether given point is active */
+export function isActive(active, point) {
+    return Boolean(active && Point.isEqual(point, active));
+}
+/** Get the offset values of given element */
+export function getOffsetRect(element) {
+    return {
+        width: element.offsetWidth,
+        height: element.offsetHeight,
+        left: element.offsetLeft,
+        top: element.offsetTop,
+    };
+}
+/** Write given data to clipboard with given event */
+export function writeTextToClipboard(event, data) {
+    event.clipboardData?.setData(PLAIN_TEXT_MIME, data);
+}
+/** Read text from given clipboard event */
+export function readTextFromClipboard(event) {
+    // @ts-ignore
+    if (window.clipboardData && window.clipboardData.getData) {
+        // @ts-ignore
+        return window.clipboardData.getData('Text');
+    }
+    if (event.clipboardData && event.clipboardData.getData) {
+        return event.clipboardData.getData(PLAIN_TEXT_MIME);
+    }
+    return '';
+}
+/** Get the dimensions of cell at point from state */
+export function getCellDimensions(point, rowDimensions, columnDimensions) {
+    const cellRowDimensions = rowDimensions && rowDimensions[point.row];
+    const cellColumnDimensions = columnDimensions && columnDimensions[point.column];
+    return (cellRowDimensions &&
+        cellColumnDimensions && {
+        ...cellRowDimensions,
+        ...cellColumnDimensions,
+    });
+}
+/** Get the dimensions of a range of cells */
+export function getRangeDimensions(rowDimensions, columnDimensions, range) {
+    const startDimensions = getCellDimensions(range.start, rowDimensions, columnDimensions);
+    const endDimensions = getCellDimensions(range.end, rowDimensions, columnDimensions);
+    return (startDimensions &&
+        endDimensions && {
+        width: endDimensions.left + endDimensions.width - startDimensions.left,
+        height: endDimensions.top + endDimensions.height - startDimensions.top,
+        top: startDimensions.top + 1, // Note: +1 Because of Active cell width is 2px
+        left: startDimensions.left + 1, // Note: +1 Because of Active cell width is 2px
+    });
+}
+/** Get the dimensions of selected */
+export function getSelectedDimensions(rowDimensions, columnDimensions, data, selected) {
+    const range = selected.toRange(data);
+    return range
+        ? getRangeDimensions(rowDimensions, columnDimensions, range)
+        : undefined;
+}
+/** Get given data as CSV */
+export function getCSV(data) {
+    const valueMatrix = Matrix.map((cell) => cell?.value || '', data);
+    return Matrix.join(valueMatrix);
+}
+/**
+ * Calculate the rows and columns counts of a spreadsheet
+ * @param data - the spreadsheet's data
+ * @param rowLabels - the spreadsheet's row labels (if defined)
+ * @param columnLabels - the spreadsheet's column labels (if defined)
+ * @returns the rows and columns counts of a spreadsheet
+ */
+export function calculateSpreadsheetSize(data, rowLabels, columnLabels) {
+    const { columns, rows } = Matrix.getSize(data);
+    return {
+        rows: rowLabels ? Math.max(rows, rowLabels.length) : rows,
+        columns: columnLabels ? Math.max(columns, columnLabels.length) : columns,
+    };
+}
+/** Should spreadsheet handle clipboard event */
+export function shouldHandleClipboardEvent(root, mode) {
+    return root !== null && mode === 'view' && isFocusedWithin(root);
+}
+export function isFocusedWithin(element) {
+    return element.matches(FOCUS_WITHIN_SELECTOR);
+}
+export function hasLineBreaker(value) {
+    return typeof value === 'string' && value.includes('\n');
+}
+export const convertPtToPx = (pt) => {
+    // Currently in Excel Util.ts
+    const px = pt * 1.33;
+    return `${px}px`;
+};
+export const convertPxToPt = (px) => {
+    // Currently in Excel Util.ts
+    const numericPx = parseFloat(px.replace('px', ''));
+    const pt = numericPx / 1.33;
+    return pt;
+};
+export const EmptyCell = {
+    value: '',
+    inputType: { type: 'text' },
+    readOnly: false,
+    style: {
+        color: '#000000', // Needed hexacode for backend
+        backgroundColor: '#ffffff', // Needed hexacode for backend
+        borderColor: '#c9c9c9', // Needed hexacode for backend
+        textDecoration: 'normal',
+        borderRight: `1px solid var(--excel-header-border)`,
+        borderLeft: `1px solid var(--excel-header-border)`,
+        borderTop: `1px solid var(--excel-header-border)`,
+        borderBottom: `1px solid var(--excel-header-border)`,
+        fontSize: `${convertPtToPx(9)}`,
+        fontWeight: 'normal',
+        fontStyle: 'normal',
+        fontFamily: 'Poppins',
+        textAlign: 'left',
+    },
+};
+export const fontFamilyList = [
+    {
+        label: 'Times New Roman',
+        value: '"Times New Roman"',
+    },
+    {
+        label: 'Arial',
+        value: 'Arial',
+    },
+    {
+        label: 'fantasy',
+        value: 'fantasy',
+    },
+    {
+        label: 'cursive',
+        value: 'cursive',
+    },
+    {
+        label: 'Poppins',
+        value: 'Poppins',
+    },
+    {
+        label: 'Courier New',
+        value: '"Courier New"',
+    },
+    {
+        label: 'Verdana',
+        value: 'Verdana',
+    },
+    {
+        label: 'Tahoma',
+        value: 'Tahoma',
+    },
+    {
+        label: 'Trebuchet MS',
+        value: '"Trebuchet MS"',
+    },
+    {
+        label: 'Comic Sans MS',
+        value: '"Comic Sans MS"',
+    },
+    {
+        label: 'Impact',
+        value: 'Impact',
+    },
+    {
+        label: 'Arial Black',
+        value: '"Arial Black"',
+    },
+    {
+        label: 'Lucida Console',
+        value: '"Lucida Console"',
+    },
+    {
+        label: 'Lucida Sans Unicode',
+        value: '"Lucida Sans Unicode"',
+    },
+    {
+        label: 'Courier',
+        value: 'Courier',
+    },
+    {
+        label: 'Arial Rounded MT Bold',
+        value: '"Arial Rounded MT Bold"',
+    },
+    {
+        label: 'Georgia',
+        value: 'Georgia',
+    },
+    {
+        label: 'sans-serif',
+        value: 'sans-serif',
+    },
+    {
+        label: 'serif',
+        value: 'serif',
+    },
+    {
+        label: 'monospace',
+        value: 'monospace',
+    },
+];
+export const fontSizeList = [
+    5, 6, 8, 9, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 32, 36, 40, 48, 56, 72,
+];
+//# sourceMappingURL=util.js.map

package/lib/components/Excel/ExcelFile/ExcelFileComponents/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/util.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import './ExcelToolBar.scss';
+import { CellBase } from '../ExcelFile/ExcelFileComponents';
+import * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
+interface ExcelToolBarProps {
+    toolbar?: 'show' | 'disable' | 'hide';
+    editable: boolean;
+    onBold: (data: Matrix.Matrix<CellBase>) => void;
+    onItalic: (data: Matrix.Matrix<CellBase>) => void;
+    setUnderlineType: (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;
+    setTextAlign: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setFontSize: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setFontFamily: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setBorderType: (data: Matrix.Matrix<CellBase>, value: string, color: string) => void;
+}
+declare const ExcelToolBar: React.FC<ExcelToolBarProps>;
+export default ExcelToolBar;

package/lib/components/Excel/ExcelToolBar/ExcelToolBar.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import './ExcelToolBar.scss';
+import MenuOption from '../../MenuOption';
+import Tooltip from '../../Tooltip';
+import Icon from '../../Icon';
+import Select from '../../Select';
+import * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
+import ColorBarSelector from '../ColorBarSelector/ColorBarSelector';
+import useSelector from '../ExcelFile/ExcelFileComponents/use-selector';
+import { convertStyleToBackend } from '../dataConversion';
+import { convertPxToPt, EmptyCell, fontFamilyList, fontSizeList, } from '../ExcelFile/ExcelFileComponents/util';
+const ExcelToolBar = ({ toolbar = 'show', editable, onBold, onItalic, setUnderlineType, setColor, setFontSize, setFontFamily, setTextAlign, setBackgroundColor, setBorderType, setFormatePainter, }) => {
+    const disable = toolbar === 'disable' || !editable;
+    const cell = useSelector((state) => state.active ? Matrix.get(state.active, state.model.data) : null);
+    const data = useSelector((state) => state.model.data);
+    const formattedStyle = useSelector((state) => state.formattedStyle.open);
+    // Default style to Excel
+    const basicStyle = {
+        ...EmptyCell.style,
+        color: '#1e161f', // Needed hexacode for backend
+        backgroundColor: '#ffffff', // Needed hexacode for backend
+        borderColor: '#1e161f', // Needed hexacode for backend
+    };
+    const [cellStyle, setCellStyle] = useState(cell?.style || basicStyle);
+    const borderMenuRef = useRef(null);
+    useEffect(() => {
+        if (cell?.style &&
+            JSON.stringify(cell.style) !== JSON.stringify(cellStyle)) {
+            setCellStyle(cell?.style || basicStyle);
+        }
+    }, [cell]);
+    const styleBackend = convertStyleToBackend(cellStyle);
+    const [border, setBorder] = useState('border-none');
+    const [selectedFontFamily, setSelectedFontFamily] = useState({
+        label: 'Times New Roman',
+        value: 'Times New Roman',
+    });
+    const [selectedFontSize, setSelectedFontSize] = useState({
+        label: '11',
+        value: '11',
+    });
+    const [colorContainer, setColorContainer] = useState({
+        color: basicStyle.color,
+        backgroundColor: basicStyle.backgroundColor,
+        borderColor: basicStyle.borderColor,
+    });
+    const borderTypeIcon = [
+        { value: 'border-all-sides', label: 'All Border', icon: 'all_borders' },
+        { value: 'border-bottom', label: 'Border Bottom', icon: 'border_bottom' },
+        { value: 'border-left', label: 'Border Left', icon: 'border_left' },
+        { value: 'border-right', label: 'Border Right', icon: 'border_right' },
+        { value: 'border-top', label: 'Border Top', icon: 'border_top' },
+        { value: 'border-none', label: 'No Border', icon: 'no_border' },
+    ];
+    const fontSize = fontSizeList.map((fontSize) => ({
+        label: fontSize,
+        value: fontSize,
+    }));
+    const getTextColor = (color) => {
+        setColorContainer((prev) => ({ ...prev, color: color }));
+    };
+    const getBackgroundColor = (color) => {
+        setColorContainer((prev) => ({ ...prev, backgroundColor: color }));
+    };
+    useEffect(() => {
+        let timeGap = setTimeout(() => {
+            setColor(data, colorContainer.color);
+        }, 0);
+        return () => {
+            clearTimeout(timeGap);
+        };
+    }, [colorContainer.color]);
+    useEffect(() => {
+        let timeGap = setTimeout(() => {
+            setBackgroundColor(data, colorContainer.backgroundColor);
+        }, 0);
+        return () => {
+            clearTimeout(timeGap);
+        };
+    }, [colorContainer.backgroundColor]);
+    let getBorderIcon = () => {
+        const selectedIcon = borderTypeIcon.find((e) => e.value === border);
+        return selectedIcon ? selectedIcon.icon : '';
+    };
+    useEffect(() => {
+        const fontFamily = cellStyle.fontFamily;
+        const fontSize = `${convertPxToPt(cellStyle.fontSize)}`;
+        setSelectedFontFamily({ label: fontFamily, value: fontFamily });
+        setSelectedFontSize({ label: fontSize, value: fontSize });
+    }, [cellStyle]);
+    return (_jsxs("div", { className: "ff-excel-toolbar", children: [_jsxs("div", { className: "ff-excel-toolbar-font ", children: [_jsx(Tooltip, { placement: "top", title: 'Font Family', children: _jsx("div", { className: "ff-excel-toolbar-font-family", children: _jsx(Select, { disabled: disable, height: 24, showLabel: false, optionZIndex: 1000, onChange: (e) => {
+                                    setSelectedFontFamily({ label: e.label, value: e.label });
+                                    setFontFamily(data, e.value);
+                                }, required: false, optionsList: fontFamilyList, selectedOption: selectedFontFamily }) }) }), _jsx(Tooltip, { placement: "top", title: 'Font Size', children: _jsx("div", { className: "ff-excel-toolbar-font-size", children: _jsx(Select, { disabled: disable, height: 24, showLabel: false, optionZIndex: 1000, required: false, onChange: (e) => {
+                                    setSelectedFontSize({ label: e.label, value: e.value });
+                                    setFontSize(data, e.value);
+                                }, optionsList: fontSize, selectedOption: selectedFontSize }) }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsxs("div", { className: "ff-excel-toolbar-icon", children: [_jsx(Tooltip, { placement: "top", title: 'Text Left', children: _jsx(Icon, { disabled: disable, variant: cellStyle.textAlign === 'left' ? 'dark' : 'light', hoverEffect: cellStyle.textAlign === 'left' ? false : true, onClick: () => setTextAlign(data, 'left'), name: "text_align_left" }) }), _jsx(Tooltip, { placement: "top", title: 'Text Center', children: _jsx(Icon, { disabled: disable, variant: cellStyle.textAlign === 'center' ? 'dark' : 'light', hoverEffect: cellStyle.textAlign === 'center' ? false : true, onClick: () => setTextAlign(data, 'center'), name: "text_align_center" }) }), _jsx(Tooltip, { placement: "top", title: 'Text Right', children: _jsx(Icon, { disabled: disable, variant: cellStyle.textAlign === 'right' ? 'dark' : 'light', hoverEffect: cellStyle.textAlign === 'right' ? false : true, onClick: () => setTextAlign(data, 'right'), name: "text_align_right" }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsxs("div", { className: "ff-excel-toolbar-text", children: [_jsx(Tooltip, { placement: "top", title: 'Bold', children: _jsx(Icon, { disabled: disable, variant: styleBackend.bold ? 'dark' : 'light', hoverEffect: styleBackend.bold ? false : true, onClick: () => onBold(data), name: "bold" }) }), _jsx(Tooltip, { placement: "top", title: 'Italic', children: _jsx(Icon, { disabled: disable, variant: styleBackend.italic ? 'dark' : 'light', hoverEffect: styleBackend.italic ? false : true, onClick: () => onItalic(data), name: "italic" }) }), _jsx(Tooltip, { placement: "top", title: 'Underline', children: _jsx("div", { className: "ff-excel-toolbar-icon-underline", children: _jsx(Icon, { disabled: disable, variant: cellStyle.textDecoration === 'underline' ? 'dark' : 'light', hoverEffect: cellStyle.textDecoration === 'underline' ? false : true, onClick: () => setUnderlineType(data), name: "underline" }) }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsxs("div", { className: "ff-excel-toolbar-icon", children: [_jsx(Tooltip, { placement: "top", title: 'Format Painter', children: _jsx(Icon, { disabled: disable, variant: formattedStyle ? 'dark' : 'light', hoverEffect: formattedStyle ? false : true, onClick: () => {
+                                setFormatePainter(data);
+                            }, name: "formate_painter" }) }), _jsx(Tooltip, { placement: "top", title: 'Text Color', children: _jsxs("div", { className: "ff-excel-toolbar-icon-color", children: [_jsx(Icon, { disabled: disable, hoverEffect: true, width: 12, height: 12, onClick: () => {
+                                        setColor(data, colorContainer.color);
+                                    }, name: "text_color" }), _jsx(ColorBarSelector, { disabled: disable, getColorValue: getTextColor, initialColor: colorContainer.color })] }) }), _jsx(Tooltip, { placement: "top", title: 'Background Color', children: _jsxs("div", { className: "ff-excel-toolbar-icon-color", children: [_jsx(Icon, { disabled: disable, hoverEffect: true, width: 12, height: 12, onClick: () => setBackgroundColor(data, colorContainer.backgroundColor), name: "fill_color" }), _jsx(ColorBarSelector, { disabled: disable, getColorValue: getBackgroundColor, initialColor: colorContainer.backgroundColor })] }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsx("div", { className: "ff-excel-toolbar-menu", children: _jsx(Tooltip, { placement: "top", title: 'Border Type', children: _jsxs("div", { className: "ff-excel-toolbar-menu-option", children: [_jsx(Icon, { hoverEffect: true, disabled: disable, onClick: () => setBorderType(data, border, 'black'), name: getBorderIcon() }), _jsx("span", { ref: borderMenuRef, children: _jsx(MenuOption, { disabled: disable, iconName: "arrow_down", targetRef: borderMenuRef, iconSize: 12, zIndex: 1000, options: borderTypeIcon, tooltipPlacement: "top", onOptionClick: (e) => {
+                                        let selectedValue = e.value;
+                                        setBorderType(data, selectedValue, 'black');
+                                        setBorder(selectedValue);
+                                    } }) })] }) }) })] }));
+};
+export default ExcelToolBar;
+//# sourceMappingURL=ExcelToolBar.js.map

package/lib/components/Excel/ExcelToolBar/ExcelToolBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelToolBar.js","sourceRoot":"","sources":["../../../../src/components/Excel/ExcelToolBar/ExcelToolBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,KAAK,MAAM,MAAM,yCAAyC,CAAC;AAClE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,WAAW,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EACL,aAAa,EACb,SAAS,EACT,cAAc,EACd,YAAY,GACb,MAAM,uCAAuC,CAAC;AAqB/C,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,OAAO,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC;IACnD,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CACjC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACjE,CAAC;IACF,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAEzE,yBAAyB;IACzB,MAAM,UAAU,GAAwB;QACtC,GAAG,SAAS,CAAC,KAAK;QAClB,KAAK,EAAE,SAAS,EAAE,8BAA8B;QAChD,eAAe,EAAE,SAAS,EAAE,8BAA8B;QAC1D,WAAW,EAAE,SAAS,EAAE,8BAA8B;KACvD,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,UAAU,CAAC,CAAC;IACtE,MAAM,aAAa,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IACE,IAAI,EAAE,KAAK;YACX,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EACxD,CAAC;YACD,YAAY,CAAC,IAAI,EAAE,KAAK,IAAI,UAAU,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,aAAa,CAAC,CAAC;IAC5D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAGzD;QACD,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,iBAAiB;KACzB,CAAC,CAAC;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAGrD;QACD,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB;QACnE,KAAK,EAAE,UAAU,CAAC,KAAe;QACjC,eAAe,EAAE,UAAU,CAAC,eAAyB;QACrD,WAAW,EAAE,UAAU,CAAC,WAAqB;KAC9C,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG;QACrB,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE;QACvE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,eAAe,EAAE;QACzE,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE;QACnE,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE;QACtE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;QAChE,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;KAChE,CAAC;IAEF,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC/C,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB,CAAC,CAAC,CAAC;IAEJ,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,EAAE,CAAC,CAAC,CAAC;QACN,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,kBAAkB,CAAC,IAAI,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;QAC3D,CAAC,EAAE,CAAC,CAAC,CAAC;QACN,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAErC,IAAI,aAAa,GAAG,GAAG,EAAE;QACvB,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;QACpE,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/C,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,SAAS,CAAC,UAAoB,CAAC;QAClD,MAAM,QAAQ,GAAG,GAAG,aAAa,CAAC,SAAS,CAAC,QAAkB,CAAC,EAAE,CAAC;QAClE,qBAAqB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;QAChE,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,aAAa,YAC3C,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,MAAM,IACL,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;oCAC1D,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gCAC/B,CAAC,EACD,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,cAAc,EAC3B,cAAc,EAAE,kBAAkB,GAClC,GACE,GACE,EACV,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,WAAW,YACzC,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,MAAM,IACL,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,mBAAmB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;oCACxD,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gCAC7B,CAAC,EACD,WAAW,EAAE,QAAQ,EACrB,cAAc,EAAE,gBAAgB,GAChC,GACE,GACE,IACN,EACN,cAAK,SAAS,EAAC,0BAA0B,GAAO,EAChD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,WAAW,YACzC,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,SAAS,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1D,WAAW,EAAE,SAAS,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EACzC,IAAI,EAAC,iBAAiB,GACtB,GACM,EACV,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,aAAa,YAC3C,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,SAAS,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC5D,WAAW,EAAE,SAAS,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC3C,IAAI,EAAC,mBAAmB,GACxB,GACM,EAEV,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,YAAY,YAC1C,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,SAAS,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC3D,WAAW,EAAE,SAAS,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,EAC1C,IAAI,EAAC,kBAAkB,GACvB,GACM,IACN,EACN,cAAK,SAAS,EAAC,0BAA0B,GAAO,EAChD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,YACpC,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAC3B,IAAI,EAAC,MAAM,GACX,GACM,EACV,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,YACtC,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC/C,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC/C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAC,QAAQ,GACb,GACM,EACV,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,WAAW,YACzC,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,OAAO,EACL,SAAS,CAAC,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAE7D,WAAW,EACT,SAAS,CAAC,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAEzD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,IAAI,EAAC,WAAW,GAChB,GACE,GACE,IACN,EACN,cAAK,SAAS,EAAC,0BAA0B,GAAO,EAChD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,YAC9C,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1C,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC1C,OAAO,EAAE,GAAG,EAAE;gCACZ,iBAAiB,CAAC,IAAI,CAAC,CAAC;4BAC1B,CAAC,EACD,IAAI,EAAC,iBAAiB,GACtB,GACM,EACV,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,YAAY,YAC1C,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,WAAW,QACX,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE;wCACZ,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;oCACvC,CAAC,EACD,IAAI,EAAC,YAAY,GACjB,EACF,KAAC,gBAAgB,IACf,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,YAAY,EAC3B,YAAY,EAAE,cAAc,CAAC,KAAK,GAClC,IACE,GACE,EACV,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,kBAAkB,YAChD,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,IAAI,IACH,QAAQ,EAAE,OAAO,EACjB,WAAW,QACX,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE,CACZ,kBAAkB,CAAC,IAAI,EAAE,cAAc,CAAC,eAAe,CAAC,EAE1D,IAAI,EAAC,YAAY,GACjB,EACF,KAAC,gBAAgB,IACf,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,kBAAkB,EACjC,YAAY,EAAE,cAAc,CAAC,eAAe,GAC5C,IACE,GACE,IACN,EACN,cAAK,SAAS,EAAC,0BAA0B,GAAO,EAChD,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,aAAa,YAC3C,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,IAAI,IACH,WAAW,QACX,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EACnD,IAAI,EAAE,aAAa,EAAE,GACrB,EACF,eAAM,GAAG,EAAE,aAAa,YACtB,KAAC,UAAU,IACT,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,EAAE,EACZ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,cAAc,EACvB,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;wCACnB,IAAI,aAAa,GAAG,CAAC,CAAC,KAAe,CAAC;wCACtC,aAAa,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;wCAC5C,SAAS,CAAC,aAAa,CAAC,CAAC;oCAC3B,CAAC,GACD,GACG,IACH,GACE,GACN,IAaF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,196 @@
+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[][];
+    /** Additional properties for configuring rows, columns, and cells */
+    rows?: {
+        /** Specifies which rows should be read-only (indexed from 1) */
+        readOnly?: number[];
+        inputType?: {
+            [key: number]: InputType;
+        };
+    };
+    columns?: {
+        /** Specifies which columns should be read-only (indexed from 1) */
+        readOnly?: number[];
+        inputType?: {
+            [key: number]: InputType;
+        };
+    };
+    cells?: {
+        /** Specifies which cells should be read-only (indexed with row and column numbers, starting from 1) */
+        readOnly?: number[][];
+        inputType?: {
+            position: [number, number];
+            config: InputType;
+        }[];
+    };
+}
+interface InputType {
+    type: 'dropDown' | 'text' | 'file';
+    options?: {
+        disable: boolean;
+        label: string;
+        name: string;
+        value: string;
+    }[];
+    inputProps?: {};
+}
+interface WorkData {
+    /** Value of the cell */
+    value: string;
+    /** Styling options for the cell */
+    style: BackendStyle;
+    type?: boolean;
+    readOnly?: boolean;
+    inputType?: InputType;
+    contextDisable?: Record<string, boolean>;
+}
+type BackendStyle = {
+    name: string;
+    size: number;
+    bold: boolean;
+    italic: boolean;
+    color: string;
+    backgroundColor: string;
+    borderColor: string;
+    underline: boolean;
+    border: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    alignment: {
+        horizontal: string;
+        vertical: string;
+        wrapText: boolean;
+    };
+};
+interface SaveData {
+    sheetName: string;
+    data: {
+        value: string;
+        style: BackendStyle;
+        readOnly: boolean;
+        inputType: InputType;
+    }[][];
+}
+/** 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 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 ContextMenuState {
+    open: boolean;
+    options: optionsType[];
+}
+interface optionsType {
+    label: string;
+    value: string;
+    iconName: string;
+    action: () => void;
+    disable: boolean;
+}
+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/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Types.js.map

package/lib/components/Excel/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/components/Excel/Types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export declare function convertStyleToFrontend(backendStyle: BackendStyle): React.CSSProperties;
+export declare const convertStyleToBackend: (frontendStyle: React.CSSProperties) => BackendStyle;