pixel-react 1.11.22 → 1.11.23

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

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import classnames from 'classnames';
+import * as Actions from './actions';
+import useSelector from './use-selector';
+import useDispatch from './use-dispatch';
+import { getCellDimensions } from './util';
+import * as Matrix from './matrix';
+import Select from '../../../Select';
+import AttachmentButton from '../../../AttachmentButton';
+const ActiveCell = (props) => {
+    const [dropDownValue, setDropDownValue] = React.useState({
+        value: '',
+        name: '',
+    });
+    const [selectOption, setSelectOption] = React.useState(false);
+    const [selectedFiles, setSelectedFiles] = React.useState([]);
+    const handleFilesChange = async (newFiles) => {
+        const updatedFiles = [...newFiles];
+        if (updatedFiles.length > 5) {
+            return;
+        }
+        const fileList = new DataTransfer();
+        updatedFiles.forEach((file) => fileList.items.add(file));
+        if (props.attachmentAction?.addAttachment) {
+            try {
+                const fileDetails = [];
+                for (const file of newFiles) {
+                    const response = await props.attachmentAction?.addAttachment(file);
+                    console.log(response);
+                    if (response?.responseCode === 200) {
+                        response.responseObject?.[0]?.name;
+                        fileDetails.push({
+                            name: response.responseObject?.[0]?.name,
+                            fileId: response.responseObject?.[0]?.id,
+                            lastModified: response.responseObject?.[0]?.modifiedOn,
+                            size: file.size,
+                            type: file.type,
+                        });
+                    }
+                    else {
+                        fileDetails.push({
+                            name: file.name,
+                            fileId: undefined,
+                            lastModified: file.lastModified,
+                            size: file.size,
+                            type: file.type,
+                        });
+                    }
+                }
+                handleChange({
+                    ...cell,
+                    value: JSON.stringify(fileDetails),
+                    style: cell?.style,
+                    inputType: cell?.inputType,
+                });
+                setSelectedFiles(updatedFiles);
+            }
+            catch (error) {
+                console.error('Attachment import failed:', error);
+            }
+        }
+    };
+    const handleClick = (e) => {
+        const selectedList = e.target.innerText;
+        if (selectedList) {
+            //TODO
+        }
+    };
+    const rootRef = React.useRef(null);
+    const dispatch = useDispatch();
+    const setCellData = React.useCallback((active, data) => dispatch(Actions.setCellData(active, data)), [dispatch]);
+    const activate = React.useCallback((point) => dispatch(Actions.activate(point)), [dispatch]);
+    const edit = React.useCallback(() => dispatch(Actions.edit()), [dispatch]);
+    const autoFill = React.useCallback((value) => dispatch(Actions.autoFill(value)), [dispatch]);
+    const commit = React.useCallback((changes) => dispatch(Actions.commit(changes)), [dispatch]);
+    const view = React.useCallback(() => {
+        dispatch(Actions.view());
+    }, [dispatch]);
+    const active = useSelector((state) => state.active);
+    const mode = useSelector((state) => state.mode);
+    const cell = useSelector((state) => state.active ? Matrix.get(state.active, state.model.data) : undefined);
+    const dimensions = useSelector((state) => {
+        let dimensionValue = active
+            ? getCellDimensions(active, state.rowDimensions, state.columnDimensions)
+            : undefined;
+        dimensionValue = {
+            top: (dimensionValue?.top ?? 0) + 1, // Note: +1 Because of Active cell width is 2px
+            height: (dimensionValue?.height ?? 0) + 1, // Note: +1 Because of Active cell width is 2px
+            left: (dimensionValue?.left ?? 0) + 1, // Note: +1 Because of Active cell width is 2px
+            width: (dimensionValue?.width ?? 0) + 1, // Note: +1 Because of Active cell width is 2px
+        };
+        return dimensionValue;
+    });
+    const hidden = React.useMemo(() => !active || !dimensions, [active, dimensions]);
+    const initialCellRef = React.useRef(undefined);
+    const prevActiveRef = React.useRef(null);
+    const prevCellRef = React.useRef(undefined);
+    const handleChange = React.useCallback((cell) => {
+        if (!active) {
+            return;
+        }
+        setCellData(active, cell);
+    }, [setCellData, active]);
+    React.useEffect(() => {
+        const root = rootRef.current;
+        if (!hidden && root) {
+            root.focus();
+            setSelectOption((prev) => !prev);
+        }
+    }, [rootRef, hidden, active]);
+    React.useEffect(() => {
+        const prevActive = prevActiveRef.current;
+        const prevCell = prevCellRef.current;
+        prevActiveRef.current = active;
+        prevCellRef.current = cell;
+        if (!prevActive || !prevCell) {
+            return;
+        }
+        const coordsChanged = active?.row !== prevActive.row || active?.column !== prevActive.column;
+        const exitedEditMode = mode !== 'edit';
+        if (coordsChanged || exitedEditMode) {
+            const initialCell = initialCellRef.current;
+            if (prevCell !== initialCell) {
+                commit([
+                    {
+                        prevCell: initialCell || null,
+                        nextCell: prevCell,
+                    },
+                ]);
+            }
+            else if (!coordsChanged && cell !== prevCell) {
+                commit([
+                    {
+                        prevCell,
+                        nextCell: cell || null,
+                    },
+                ]);
+            }
+            initialCellRef.current = cell;
+        }
+    });
+    const DataEditor = (cell && cell.DataEditor) || props.DataEditor;
+    const readOnly = cell && cell.readOnly;
+    const handleMouseDown = React.useCallback(() => {
+        if (active) {
+            autoFill(true);
+            activate(active);
+        }
+    }, [activate, autoFill, active]);
+    const contextClick = React.useCallback((event) => {
+        event.preventDefault();
+        props.setContextMenu({
+            open: props.contextOption?.open ?? false,
+            options: props.contextOption?.options || [],
+        });
+    }, [props]);
+    return (_jsxs("div", { ref: rootRef, className: classnames('ff-spreadsheet-active-cell', `ff-spreadsheet-active-cell--${mode}`), style: dimensions, onContextMenu: contextClick, onClick: mode === 'view' && !readOnly ? edit : undefined, tabIndex: 0, children: [cell?.inputType?.type === 'dropDown' ? (_jsx(Select, { ...cell?.inputType?.inputProps, showOptions: { open: true, toggle: selectOption }, selectedOption: dropDownValue, optionsList: cell?.inputType?.options || [], height: 26, showLabel: false, showBorder: false, optionZIndex: 5000, onChange: (value) => {
+                    setDropDownValue({ value: value.value, name: value.label });
+                    handleChange({
+                        ...cell,
+                        value: value.value,
+                        style: cell?.style,
+                        inputType: cell?.inputType ?? { type: 'text' },
+                    });
+                } })) : cell?.inputType?.type === 'file' ? (_jsx(AttachmentButton, { ...cell?.inputType?.inputProps, label: "", onFileListClick: handleClick, selectedFiles: selectedFiles, onFilesChange: handleFilesChange, disabled: false, maxFileSizeMB: 5, maxFiles: 5, buttonLabel: "+ Attachments", buttonVariant: "tertiary", deleteButton: true, addAttachmentButton: true })) : mode === 'edit' && active ? (_jsx(DataEditor, { row: active.row, column: active.column, cell: cell, onChange: handleChange, exitEditMode: view })) : (_jsx("input", { type: "text", className: "ff-spreadsheet-cell-input", style: { ...cell?.style }, value: cell?.value, disabled: false })), _jsx("div", { onMouseDown: handleMouseDown, className: "select_dot" })] }));
+};
+export default ActiveCell;
+//# sourceMappingURL=ActiveCell.js.map

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

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

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as Types from './types';
+export declare const Cell: React.FC<Types.CellComponentProps>;
+export declare const enhance: (CellComponent: React.ComponentType<Types.CellComponentProps>) => React.FC<Omit<Types.CellComponentProps, "selected" | "active" | "copied" | "dragging" | "mode" | "data" | "select" | "activate" | "setCellDimensions">>;

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

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import classnames from 'classnames';
+import * as Matrix from './matrix';
+import * as Actions from './actions';
+import { isActive, getOffsetRect } from './util';
+import useDispatch from './use-dispatch';
+import useSelector from './use-selector';
+export const Cell = ({ row, column, DataViewer, selected, active, dragging, mode, data, evaluatedData, select, activate, setCellDimensions, setCellData, }) => {
+    const rootRef = React.useRef(null);
+    const point = React.useMemo(() => ({
+        row,
+        column,
+    }), [row, column]);
+    const handleMouseDown = React.useCallback((event) => {
+        if (mode === 'view') {
+            setCellDimensions(point, getOffsetRect(event.currentTarget));
+            if (event.shiftKey) {
+                select(point);
+            }
+            else {
+                activate(point);
+            }
+        }
+    }, [mode, setCellDimensions, point, select, activate]);
+    const handleMouseOver = React.useCallback((event) => {
+        if (dragging) {
+            setCellDimensions(point, getOffsetRect(event.currentTarget));
+            select(point);
+        }
+    }, [setCellDimensions, select, dragging, point]);
+    React.useEffect(() => {
+        const root = rootRef.current;
+        if (selected && root) {
+            setCellDimensions(point, getOffsetRect(root));
+        }
+        if (root && active && mode === 'view') {
+            root.focus();
+        }
+    }, [setCellDimensions, selected, active, mode, point, data]);
+    if (data && data.DataViewer) {
+        DataViewer = data.DataViewer;
+    }
+    return (_jsx("td", { ref: rootRef, style: data?.style, className: classnames('ff-spreadsheet-cell', data?.className, {
+            'ff-spreadsheet-active-cell': active || dragging,
+        }), onMouseEnter: handleMouseOver, onMouseDown: handleMouseDown, tabIndex: 0, children: _jsx(DataViewer, { row: row, column: column, cell: data, active: active, evaluatedCell: evaluatedData, setCellData: setCellData, inputValue: () => null }) }));
+};
+export const enhance = (CellComponent) => {
+    return function CellWrapper(props) {
+        const { row, column } = props;
+        const dispatch = useDispatch();
+        const point = React.useMemo(() => ({
+            row,
+            column,
+        }), [row, column]);
+        const setCellData = React.useCallback((data) => dispatch(Actions.setCellData(point, data)), [dispatch, point]);
+        const select = React.useCallback((point) => dispatch(Actions.select(point)), [dispatch]);
+        const activate = React.useCallback((point) => dispatch(Actions.activate(point)), [dispatch]);
+        const setCellDimensions = React.useCallback((point, dimensions) => dispatch(Actions.setCellDimensions(point, dimensions)), [dispatch]);
+        const active = useSelector((state) => isActive(state.active, point));
+        const mode = useSelector((state) => (active ? state.mode : 'view'));
+        const data = useSelector((state) => Matrix.get(point, state.model.data));
+        const evaluatedData = useSelector((state) => Matrix.get(point, state.model.evaluatedData));
+        const selected = useSelector((state) => state.selected.has(state.model.data, point));
+        const dragging = useSelector((state) => state.dragging);
+        const copied = useSelector((state) => state.copied?.has(point) || false);
+        return (_jsx(CellComponent, { ...props, selected: selected, active: active, copied: copied, dragging: dragging, mode: mode, evaluatedData: evaluatedData, data: data, select: select, activate: activate, setCellDimensions: setCellDimensions, setCellData: setCellData }));
+    };
+};
+//# sourceMappingURL=Cell.js.map

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

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

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

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

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

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import * as Actions from './actions';
+import * as Matrix from './matrix';
+import useDispatch from './use-dispatch';
+import useSelector from './use-selector';
+import Typography from '../../../Typography';
+import { useMemo } from 'react';
+const ColumnIndicator = ({ column, label, selected, onSelect, setContextMenu, deleteColumn, addColumnLeft, addColumnRight, columnContextEnable, cell, selectedColumn, minimumColumnWidth, }) => {
+    const dispatch = useDispatch();
+    const minColumnWidth = minimumColumnWidth;
+    const columnWidth = useSelector((state) => state.columnDimensions[column]?.width || minColumnWidth);
+    const options = useMemo(() => {
+        return [
+            {
+                label: 'Add Column Left',
+                value: 'Add Column Left',
+                iconName: 'plus_icon',
+                action: addColumnLeft,
+                disable: cell?.contextDisable?.['Add Column Left'] ?? false,
+            },
+            {
+                label: 'Add Column Right',
+                value: 'Add Column Right',
+                iconName: 'plus_icon',
+                action: addColumnRight,
+                disable: cell?.contextDisable?.['Add Column Right'] ?? false,
+            },
+            {
+                label: 'Delete Column',
+                value: 'Delete Column',
+                iconName: 'delete',
+                action: deleteColumn,
+                disable: cell?.contextDisable?.['Delete Column'] ?? false,
+            },
+        ];
+    }, [selectedColumn]);
+    const onMouseDrag = React.useCallback((event, isRight) => {
+        const targetColumn = isRight ? column - 1 : column;
+        onSelect(targetColumn, event.shiftKey);
+        const startX = event.clientX;
+        const initialWidth = columnWidth;
+        const onMouseMove = (moveEvent) => {
+            const newWidth = Math.max(minColumnWidth, initialWidth + (moveEvent.clientX - startX));
+            dispatch(Actions.setColumnPosition(targetColumn, newWidth));
+        };
+        const onMouseUp = () => {
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+            dispatch(Actions.dragEnd());
+        };
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('mouseup', onMouseUp);
+        dispatch(Actions.dragStart());
+    }, [column, columnWidth]);
+    const activate = React.useCallback((point) => dispatch(Actions.activate(point)), [dispatch]);
+    const handleClick = React.useCallback((event) => {
+        onSelect(column, event.shiftKey);
+    }, [onSelect, column]);
+    const contextClick = React.useCallback((event) => {
+        event.preventDefault();
+        onSelect(column, event.shiftKey);
+        setContextMenu({
+            open: columnContextEnable,
+            options,
+        });
+    }, [column, selectedColumn, columnContextEnable, options]);
+    React.useEffect(() => {
+        if (selectedColumn !== undefined) {
+            setContextMenu((prev) => ({
+                open: prev.open,
+                options,
+            }));
+        }
+    }, [column, selectedColumn, columnContextEnable, options]);
+    return (_jsxs("th", { className: classNames('ff-spreadsheet-header', {
+            'ff-spreadsheet-header--selected': selected,
+        }), style: { minWidth: `${columnWidth}px` }, onClick: handleClick, onContextMenu: contextClick, tabIndex: 0, children: [_jsx(Typography, { fontWeight: "medium", children: label !== undefined ? label : columnIndexToLabel(column) }), _jsx("div", { className: "drag-column-selector drag-column-left", onMouseDown: (e) => onMouseDrag(e, false), onDoubleClick: () => dispatch(Actions.setColumnPosition(column, minColumnWidth)), onClick: () => activate({ row: -1, column }) }), _jsx("div", { className: "drag-column-selector drag-column-right", onMouseDown: (e) => onMouseDrag(e, true), onDoubleClick: () => dispatch(Actions.setColumnPosition(column, minColumnWidth)), onClick: () => activate({ row: -1, column }) })] }));
+};
+export const enhance = (ColumnIndicatorComponent) => {
+    return function ColumnIndicatorWrapper(props) {
+        const dispatch = useDispatch();
+        const selectEntireColumn = React.useCallback((column, extend) => dispatch(Actions.selectEntireColumn(column, extend)), [dispatch]);
+        const selected = useSelector((state) => state.selected.hasEntireColumn(props.column));
+        const selectedColumn = useSelector((state) => state.selectedColumn ?? undefined);
+        const cell = useSelector((state) => state.active ? Matrix.get(state.active, state.model.data) : undefined);
+        return (_jsx(ColumnIndicatorComponent, { ...props, cell: cell, selected: selected, selectedColumn: selectedColumn, onSelect: selectEntireColumn }));
+    };
+};
+const EnhancedColumnIndicator = enhance(ColumnIndicator);
+export default EnhancedColumnIndicator;
+function columnIndexToLabel(column) {
+    let label = '';
+    let index = column;
+    while (index >= 0) {
+        label = String.fromCharCode(65 + (index % 26)) + label;
+        index = Math.floor(index / 26) - 1;
+    }
+    return label;
+}
+//# sourceMappingURL=ColumnIndicator.js.map

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import FloatingRect from './FloatingRect';
+import { getRangeDimensions } from './util';
+import useSelector from './use-selector';
+const Copied = () => {
+    const range = useSelector((state) => state.copied);
+    const dimensions = useSelector((state) => range &&
+        getRangeDimensions(state.rowDimensions, state.columnDimensions, range));
+    const hidden = range === null;
+    return (_jsx(FloatingRect, { variant: "copied", dimensions: dimensions, hidden: hidden, dragging: false }));
+};
+export default Copied;
+//# sourceMappingURL=Copied.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Copied.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/Copied.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,MAAM,GAAa,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAK,EAAE,EAAE,CACR,KAAK;QACL,kBAAkB,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,CACzE,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;IAE9B,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,GACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,5 @@
+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/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import * as Actions from './actions';
+import { EntireWorksheetSelection } from './selection';
+import useDispatch from './use-dispatch';
+import useSelector from './use-selector';
+import Icon from '../../../Icon';
+const CornerIndicator = ({ selected, onSelect, }) => {
+    const handleClick = React.useCallback(() => {
+        onSelect();
+    }, [onSelect]);
+    return (_jsx("th", { className: 'ff-spreadsheet-corner-header', onClick: handleClick, tabIndex: 0, children: _jsx("div", { className: classNames('corner-header', {
+                'ff-spreadsheet-header--selected': selected,
+            }), children: _jsx(Icon, { variant: selected ? 'dark' : 'light', color: selected ? 'var(--hover-color)' : 'var(--text-color)', name: "excel_corner_menu" }) }) }));
+};
+export default CornerIndicator;
+export const enhance = (CornerIndicatorComponent) => {
+    return function CornerIndicatorWrapper(props) {
+        const dispatch = useDispatch();
+        const selectEntireWorksheet = React.useCallback(() => dispatch(Actions.selectEntireWorksheet()), [dispatch]);
+        const selected = useSelector((state) => state.selected instanceof EntireWorksheetSelection);
+        return (_jsx(CornerIndicatorComponent, { ...props, selected: selected, onSelect: selectEntireWorksheet }));
+    };
+};
+//# sourceMappingURL=CornerIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CornerIndicator.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,IAAI,MAAM,eAAe,CAAC;AAEjC,MAAM,eAAe,GAAmC,CAAC,EACvD,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,CACL,aACE,SAAS,EAAE,8BAA8B,EACzC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,YAEX,cACE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE;gBACrC,iCAAiC,EAAE,QAAQ;aAC5C,CAAC,YAEF,KAAC,IAAI,IACH,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACpC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,EAC5D,IAAI,EAAC,mBAAmB,GACxB,GACE,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,wBAAwD,EACa,EAAE;IACvE,OAAO,SAAS,sBAAsB,CAAC,KAAK;QAC1C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;QAC/B,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,EAC/C,CAAC,QAAQ,CAAC,CACX,CAAC;QACF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,YAAY,wBAAwB,CAC9D,CAAC;QACF,OAAO,CACL,KAAC,wBAAwB,OACnB,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,qBAAqB,GAC/B,CACH,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+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/Excel/ExcelFile/ExcelFileComponents/DataEditor.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { moveCursorToEnd } from './util';
+/** The default Spreadsheet DataEditor component */
+const DataEditor = ({ onChange, cell }) => {
+    const inputRef = React.useRef(null);
+    const handleChange = React.useCallback((event) => {
+        onChange({
+            ...cell,
+            value: event.target.value,
+            style: cell?.style,
+            inputType: cell?.inputType ?? { type: 'text' },
+        });
+    }, [onChange, cell]);
+    React.useEffect(() => {
+        if (inputRef.current) {
+            moveCursorToEnd(inputRef.current);
+        }
+    }, [inputRef]);
+    const value = cell?.value ?? '';
+    return (_jsx("div", { className: "ff-spreadsheet-data-editor", children: _jsx("input", { className: "ff-spreadsheet-cell-input", style: { ...cell?.style }, ref: inputRef, type: "text", onChange: handleChange, value: value, autoFocus: true, disabled: cell?.readOnly }) }));
+};
+export default DataEditor;
+//# sourceMappingURL=DataEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataEditor.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,mDAAmD;AACnD,MAAM,UAAU,GAAoC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,KAA0C,EAAE,EAAE;QAC7C,QAAQ,CAAC;YACP,GAAG,IAAI;YACP,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;YACzB,KAAK,EAAE,IAAI,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI,EAAE,SAAS,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;SAC/C,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,KAAK,GAAG,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;IAEhC,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,gBACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,EACzB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,QACT,QAAQ,EAAE,IAAI,EAAE,QAAQ,GACxB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,8 @@
+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 */
+declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, active, }: Types.DataViewerProps<Cell>) => React.ReactElement;
+export default DataViewer;
+export declare function convertBooleanToText(value: boolean): string;

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

@@ -0,0 +1,35 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { hasLineBreaker } from './util';
+import Icon from '../../../Icon';
+import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty';
+export const TRUE_TEXT = 'TRUE';
+export const FALSE_TEXT = 'FALSE';
+/** The default Spreadsheet DataViewer component */
+const DataViewer = ({ cell, evaluatedCell, active, }) => {
+    const value = getValue(cell, evaluatedCell);
+    const getFileList = (value) => {
+        if (checkEmpty(value)) {
+            return _jsx(_Fragment, {});
+        }
+        const fileList = JSON.parse(value);
+        return fileList.map((file, index) => {
+            return (_jsxs("div", { className: "ff-spreadsheet-data-viewer--fileType", children: [index + 1, ". ", file.name] }, file.name));
+        });
+    };
+    return typeof value === 'boolean' ? (_jsx("span", { className: "ff-spreadsheet-data-viewer ff-spreadsheet-data-viewer--boolean", children: convertBooleanToText(value) })) : (_jsx("span", { className: classNames('ff-spreadsheet-data-viewer', {
+            'ff-spreadsheet-data-viewer--preserve-breaks': hasLineBreaker(value),
+        }), children: !active && cell?.inputType?.type === 'dropDown' ? (_jsxs("div", { className: "ff-spreadsheet-data-viewer--dropdownType", children: [value, _jsx(Icon, { name: "arrow_down", height: 8, className: "dropdownType-icon" })] })) : !active && cell?.inputType?.type === 'file' ? (_jsx(_Fragment, { children: checkEmpty(cell?.value) ? (_jsxs("div", { className: "ff-spreadsheet-data-viewer--without-fileType", children: [_jsx(Icon, { name: "attachment_icon" }), " Attachment"] })) : (getFileList(value)) })) : (!active && value) }));
+};
+export default DataViewer;
+function getValue(cell, evaluatedCell) {
+    const baseValue = evaluatedCell?.value ?? cell?.value;
+    if (baseValue && typeof baseValue === 'object') {
+        return baseValue.toString();
+    }
+    return baseValue;
+}
+export function convertBooleanToText(value) {
+    return value ? TRUE_TEXT : FALSE_TEXT;
+}
+//# sourceMappingURL=DataViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataViewer.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAErE,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;AAChC,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC;AAElC,mDAAmD;AACnD,MAAM,UAAU,GAAG,CAA4C,EAC7D,IAAI,EACJ,aAAa,EACb,MAAM,GACsB,EAAsB,EAAE;IACpD,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,mBAAK,CAAC;QACf,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEnC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAsB,EAAE,KAAa,EAAE,EAAE;YAC5D,OAAO,CACL,eAAqB,SAAS,EAAC,sCAAsC,aAClE,KAAK,GAAG,CAAC,QAAI,IAAI,CAAC,IAAI,KADf,IAAI,CAAC,IAAI,CAEb,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,gEAAgE,YAC7E,oBAAoB,CAAC,KAAK,CAAC,GACvB,CACR,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;YAClD,6CAA6C,EAAE,cAAc,CAAC,KAAK,CAAC;SACrE,CAAC,YAED,CAAC,MAAM,IAAI,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACjD,eAAK,SAAS,EAAC,0CAA0C,aACtD,KAAK,EACN,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAC,mBAAmB,GAAG,IAC/D,CACP,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAChD,4BACG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,mBAC3B,CACP,CAAC,CAAC,CAAC,CACF,WAAW,CAAC,KAAe,CAAC,CAC7B,GACA,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,MAAM,IAAI,KAAK,CACjB,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,SAAS,QAAQ,CACf,IAAgC,EAChC,aAAyC;IAEzC,MAAM,SAAS,GAAG,aAAa,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,CAAC;IACtD,IAAI,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC/C,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAc;IACjD,OAAO,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;AACxC,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as Types from './types';
+export type Props = {
+    variant?: string;
+    dimensions?: Types.Dimensions | null | undefined;
+    hidden?: boolean;
+    dragging?: boolean;
+};
+declare const FloatingRect: React.FC<Props>;
+export default FloatingRect;

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import useSelector from './use-selector';
+import { getCellDimensions } from './util';
+const FloatingRect = ({ dimensions, dragging, hidden, variant, }) => {
+    const active = useSelector((state) => state.active);
+    const autoFill = useSelector((state) => state.autoFill);
+    const FixedVal = useSelector((state) => active
+        ? getCellDimensions(active, state.rowDimensions, state.columnDimensions)
+        : undefined);
+    const { width, height, top, left } = dimensions || {};
+    let sampleHeight = FixedVal?.height ?? 0;
+    let sampleWidth = FixedVal?.width ?? 0;
+    let adjustedWidth = width;
+    let adjustedHeight = height;
+    if (autoFill.open && width && height && FixedVal) {
+        if (width - sampleWidth > height - sampleHeight) {
+            adjustedWidth = width;
+            adjustedHeight = FixedVal.height;
+        }
+        else {
+            adjustedHeight = height;
+            adjustedWidth = FixedVal.width;
+        }
+    }
+    return (_jsx("div", { className: classnames('ff-spreadsheet-floating-rect', {
+            [`ff-spreadsheet-floating-rect--${variant}`]: variant,
+            'ff-spreadsheet-floating-rect--dragging': dragging,
+            'ff-spreadsheet-floating-rect--hidden': hidden,
+        }), style: {
+            width: (adjustedWidth ?? 0) + 1,
+            height: (adjustedHeight ?? 0) + 1,
+            top,
+            left,
+        } }));
+};
+export default FloatingRect;
+//# sourceMappingURL=FloatingRect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingRect.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAS3C,MAAM,YAAY,GAAoB,CAAC,EACrC,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CACrC,MAAM;QACJ,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACxE,CAAC,CAAC,SAAS,CACd,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEtD,IAAI,YAAY,GAAG,QAAQ,EAAE,MAAM,IAAI,CAAC,CAAC;IACzC,IAAI,WAAW,GAAG,QAAQ,EAAE,KAAK,IAAI,CAAC,CAAC;IACvC,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,IAAI,cAAc,GAAG,MAAM,CAAC;IAC5B,IAAI,QAAQ,CAAC,IAAI,IAAI,KAAK,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;QACjD,IAAI,KAAK,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,EAAE,CAAC;YAChD,aAAa,GAAG,KAAK,CAAC;YACtB,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,cAAc,GAAG,MAAM,CAAC;YACxB,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,8BAA8B,EAAE;YACpD,CAAC,iCAAiC,OAAO,EAAE,CAAC,EAAE,OAAO;YACrD,wCAAwC,EAAE,QAAQ;YAClD,sCAAsC,EAAE,MAAM;SAC/C,CAAC,EACF,KAAK,EAAE;YACL,KAAK,EAAE,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,CAAC;YAC/B,MAAM,EAAE,CAAC,cAAc,IAAI,CAAC,CAAC,GAAG,CAAC;YACjC,GAAG;YACH,IAAI;SACL,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const HeaderRow = (props) => (_jsx("tr", { className: "ff-spreadsheet-row-header", ...props }));
+export default HeaderRow;
+//# sourceMappingURL=HeaderRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRow.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/HeaderRow.tsx"],"names":[],"mappings":";AAEA,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrD,aAAI,SAAS,EAAC,2BAA2B,KAAK,KAAK,GAAI,CACxD,CAAC;AAEF,eAAe,SAAS,CAAC"}