saurabh-table-dnd-edit 1.1.0

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

@@ -0,0 +1,133 @@
+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 { getMatrixDimensions } from './util';
+const RowIndicator = ({ row, label, selected, onSelect, setContextMenu, addRowTop, addRowBottom, deleteRow, rowContextEnable, selectedRow, cell, maxRowLimit, disableDeleteOption, contextMenu, setVisibleRange, scrollToRow, }) => {
+    const dispatch = useDispatch();
+    const rowHeight = useSelector((state) => state.rowDimensions[row]?.height || 32);
+    const matrixData = useSelector((state) => state.model.data);
+    const { rowCount } = getMatrixDimensions(matrixData);
+    const updateVisibleRangeEnd = (action) => {
+        setVisibleRange((prev) => {
+            const value = {
+                ...prev,
+                end: action === 'increment' ? prev.end + 1 : prev.end - 1,
+            };
+            if (selectedRow) {
+                scrollToRow(selectedRow);
+            }
+            return value;
+        });
+    };
+    const options = React.useMemo(() => {
+        return [
+            {
+                label: 'Add Row Top',
+                value: 'Add Row Top',
+                iconName: 'plus_icon',
+                action: () => {
+                    updateVisibleRangeEnd('increment');
+                    addRowTop();
+                },
+                disableTooltip: 'Row limit reached',
+                visible: cell?.contextDisable?.['Add Row Top'] ?? false,
+                disable: rowCount >= maxRowLimit,
+            },
+            {
+                label: 'Add Row Bottom',
+                value: 'Add Row Bottom',
+                iconName: 'plus_icon',
+                action: () => {
+                    updateVisibleRangeEnd('increment');
+                    addRowBottom();
+                },
+                disableTooltip: 'Row limit reached',
+                visible: cell?.contextDisable?.['Add Row Bottom'] ?? false,
+                disable: rowCount >= maxRowLimit,
+            },
+            ...(!disableDeleteOption
+                ? [
+                    {
+                        label: 'Delete Row',
+                        value: 'Delete Row',
+                        iconName: 'delete',
+                        action: () => {
+                            updateVisibleRangeEnd('decrement');
+                            deleteRow();
+                        },
+                        disableTooltip: '',
+                        visible: cell?.contextDisable?.['Delete Row'] ?? false,
+                        disable: false,
+                    },
+                ]
+                : []),
+        ];
+    }, [selectedRow, row]);
+    const handleMouseDrag = React.useCallback((event, isUp) => {
+        const getTargetRow = isUp ? row : row - 1;
+        const targetRow = Math.max(getTargetRow, 0);
+        onSelect(targetRow, event.shiftKey);
+        const startY = event.clientY;
+        const initialHeight = rowHeight;
+        const onMouseMove = (moveEvent) => {
+            const newHeight = Math.max(32, initialHeight + (moveEvent.clientY - startY));
+            dispatch(Actions.setRowHeight(targetRow, newHeight));
+        };
+        const onMouseUp = () => {
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+            dispatch(Actions.dragEnd());
+        };
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('mouseup', onMouseUp);
+        dispatch(Actions.dragEnd());
+    }, [rowHeight, row]);
+    const activate = React.useCallback((point) => dispatch(Actions.activate(point)), [dispatch]);
+    const handleClick = React.useCallback((event) => {
+        onSelect(row, event.shiftKey);
+    }, [row]);
+    const contextClick = React.useCallback((event) => {
+        event.preventDefault();
+        onSelect(row, event.shiftKey);
+        setContextMenu({
+            open: rowContextEnable,
+            contextType: 'row',
+            options,
+        });
+    }, [row, rowContextEnable, options, selectedRow]);
+    React.useEffect(() => {
+        if (selectedRow !== undefined && contextMenu?.contextType === 'row') {
+            setContextMenu((prev) => ({
+                open: prev.open,
+                contextType: 'row',
+                options,
+            }));
+        }
+    }, [
+        row,
+        rowContextEnable,
+        options,
+        selectedRow,
+        contextMenu?.contextType === 'row',
+    ]);
+    return (_jsxs("th", { className: classNames('ff-spreadsheet-header', {
+            'ff-spreadsheet-header--selected': selected,
+        }), style: { height: `${rowHeight}px`, minWidth: '60px' }, onClick: handleClick, onContextMenu: contextClick, tabIndex: 0, children: [_jsx(Typography, { fontWeight: "medium", children: label !== undefined ? label : row + 1 }), _jsx("div", { className: "drag-row-selector drag-row-down", onMouseDown: (e) => handleMouseDrag(e, true), onDoubleClick: () => dispatch(Actions.setRowHeight(row, 32)), onClick: () => activate({ row, column: -1 }) }), _jsx("div", { className: "drag-row-selector drag-row-up", onMouseDown: (e) => handleMouseDrag(e, false), onDoubleClick: () => dispatch(Actions.setRowHeight(row, 32)), onClick: () => activate({ row, column: -1 }) })] }));
+};
+export default RowIndicator;
+export const enhance = (RowIndicatorComponent) => {
+    return function RowIndicatorWrapper(props) {
+        const dispatch = useDispatch();
+        const selected = useSelector((state) => state.selected.hasEntireRow(props.row));
+        const cell = useSelector((state) => state.active ? Matrix.get(state.active, state.model.data) : undefined);
+        const selectedRow = useSelector((state) => state.selectedRow ?? undefined);
+        const selectEntireRow = React.useCallback((row, extend) => dispatch(Actions.selectEntireRow(row, extend)), [dispatch]);
+        return (_jsx(RowIndicatorComponent, { ...props, selected: selected, cell: cell, selectedRow: selectedRow, onSelect: selectEntireRow, scrollToRow: props.scrollToRow }));
+    };
+};
+//# sourceMappingURL=RowIndicator.js.map

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

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+type SelectedProps = {
+    scrollPos?: {
+        top: number;
+        left: number;
+    };
+};
+declare const Selected: React.FC<SelectedProps>;
+export default Selected;

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import FloatingRect from './FloatingRect';
+import useSelector from './use-selector';
+import { getSelectedDimensions } from './util';
+const Selected = ({ scrollPos = { top: 0, left: 0 }, }) => {
+    const selected = useSelector((state) => state.selected);
+    const dragging = useSelector((state) => state.dragging);
+    const hidden = useSelector((state) => state.selected.size(state.model.data) < 2);
+    const dimensions = useSelector((state) => selected &&
+        getSelectedDimensions(state.rowDimensions, state.columnDimensions, state.model.data, state.selected));
+    const adjustedDimensions = React.useMemo(() => {
+        if (!dimensions)
+            return undefined;
+        return {
+            ...dimensions,
+            top: dimensions.top,
+            left: dimensions.left,
+            height: dimensions.height - 1,
+            width: dimensions.width - 1,
+        };
+    }, [dimensions, scrollPos]);
+    return (_jsx(FloatingRect, { variant: "selected", dimensions: adjustedDimensions, dragging: dragging, hidden: hidden || !dimensions }));
+};
+export default Selected;
+//# sourceMappingURL=Selected.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Selected.js","sourceRoot":"","sources":["../../../../../src/components/Excel/ExcelFile/ExcelFileComponents/Selected.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAM/C,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAChC,EAAE,EAAE;IACH,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,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CACrD,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAK,EAAE,EAAE,CACR,QAAQ;QACR,qBAAqB,CACnB,KAAK,CAAC,aAAa,EACnB,KAAK,CAAC,gBAAgB,EACtB,KAAK,CAAC,KAAK,CAAC,IAAI,EAChB,KAAK,CAAC,QAAQ,CACf,CACJ,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC5C,IAAI,CAAC,UAAU;YAAE,OAAO,SAAS,CAAC;QAClC,OAAO;YACL,GAAG,UAAU;YACb,GAAG,EAAE,UAAU,CAAC,GAAG;YACnB,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC;YAC7B,KAAK,EAAE,UAAU,CAAC,KAAK,GAAG,CAAC;SAC5B,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IAAI,CAAC,UAAU,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,95 @@
+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 */
+    data: Matrix.Matrix<CellType>;
+    /** Class name to be added to the spreadsheet's root element */
+    className?: string;
+    editable: boolean;
+    createFormulaParser?: Types.CreateFormulaParser;
+    /**
+     * Labels to use in column indicators.
+     * @defaultValue alphabetical labels.
+     */
+    columnLabels?: string[];
+    /**
+     * Labels to use in row indicators.
+     * @defaultValue row index labels.
+     */
+    rowLabels?: string[];
+    /**
+     * If set to true, hides the row indicators of the spreadsheet.
+     * @defaultValue `false`.
+     */
+    hideRowIndicators?: boolean;
+    /**
+     * If set to true, hides the column indicators of the spreadsheet.
+     * @defaultValue `false`.
+     */
+    hideColumnIndicators?: boolean;
+    /** The selected cells in the worksheet. */
+    selected?: Selection;
+    /** Component rendered above each column. */
+    ColumnIndicator?: Types.ColumnIndicatorComponent;
+    /** Component rendered in the corner of row and column indicators. */
+    CornerIndicator?: Types.CornerIndicatorComponent;
+    /** Component rendered next to each row. */
+    RowIndicator?: Types.RowIndicatorComponent;
+    /** The Spreadsheet's table component. */
+    Table?: Types.TableComponent;
+    /** The Spreadsheet's row component. */
+    Row?: Types.RowComponent;
+    /** The spreadsheet's header row component */
+    HeaderRow?: Types.HeaderRowComponent;
+    /** The Spreadsheet's cell component. */
+    Cell?: Types.CellComponent<CellType>;
+    /** Component rendered for cells in view mode. */
+    DataViewer?: Types.DataViewerComponent<CellType>;
+    /** Component rendered for cells in edit mode. */
+    DataEditor?: Types.DataEditorComponent<CellType>;
+    /** Callback called on key down inside the spreadsheet. */
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    /** Callback called when the Spreadsheet's selection changes. */
+    onSelect?: (selected: Selection) => void;
+    /** Callback called when Spreadsheet's active cell changes. */
+    onActivate?: (active: Point.Point) => void;
+    /** Callback called when the Spreadsheet's evaluated data changes. */
+    onEvaluatedDataChange?: (data: Matrix.Matrix<CellType>) => void;
+    setContextMenu: React.Dispatch<React.SetStateAction<Types.ContextMenuState>>;
+    /** Set your dynamic sheet Height*/
+    sheetHeight: string;
+    toolbar?: 'show' | 'disable' | 'hide';
+    contextOption?: ContextMenuState;
+    columnContextEnable: boolean;
+    rowContextEnable: boolean;
+    attachmentAction?: {
+        addAttachment: (file: File) => Promise<string>;
+        deleteAttachment: (fileId: string) => Promise<string>;
+        viewAttachment: (fileId: string, fileName: string) => Promise<void>;
+    };
+    workRef: React.MutableRefObject<HTMLDivElement | null>;
+    minimumColumnWidth: number;
+    scroller: boolean;
+    maxRowLimit: number;
+    maxColLimit: number;
+    disableDeleteOption: boolean;
+    contextMenu: ContextMenuState;
+    getActiveCell: (cell: {
+        value: string;
+        active: Point.Point;
+    }) => void;
+    onAddColumn?: (column: number, isLeft: boolean) => void;
+    onDeleteColumn?: (column: number) => void;
+};
+/**
+ * The Spreadsheet component
+ */
+declare const Spreadsheet: React.ForwardRefExoticComponent<Props<Types.CellBase<any>> & React.RefAttributes<{
+    removeSelect: () => void;
+}>>;
+export default Spreadsheet;