@leankylin-sheet/react 0.3.1

package/README.md

@@ -0,0 +1,19 @@
+# @leankylin-sheet/react
+
+LeankylinSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
+
+See our repo [leankylin-sheet](http://114.55.85.79:19999/leankylin-front/leankylin-sheet) for more information.
+
+## Install
+
+Using npm:
+
+```bash
+$ npm install --save  @leankylin-sheet/react
+```
+
+or using yarn:
+
+```bash
+$ yarn add @leankylin-sheet/react
+```

package/dist/components/ChangeColor/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.css";
+type Props = {
+    triggerParentUpdate: (state: boolean) => void;
+};
+export declare const ChangeColor: React.FC<Props>;
+export {};

package/dist/components/ConditionFormat/ConditionRules.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.css";
+declare const ConditionRules: React.FC<{
+    type: string;
+}>;
+export default ConditionRules;

package/dist/components/ConditionFormat/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.css";
+declare const ConditionalFormat: React.FC<{
+    items: string[];
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+export default ConditionalFormat;

package/dist/components/ContextMenu/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Divider: React.FC;
+export default Divider;

package/dist/components/ContextMenu/FilterMenu.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FilterMenu: React.FC;
+export default FilterMenu;

package/dist/components/ContextMenu/Menu.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type Props = React.PropsWithChildren<{
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, container: HTMLDivElement) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, container: HTMLDivElement) => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, container: HTMLDivElement) => void;
+}>;
+declare const Menu: React.FC<Props>;
+export default Menu;

package/dist/components/ContextMenu/SheetTab.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const SheetTabContextMenu: React.FC;
+export default SheetTabContextMenu;

package/dist/components/ContextMenu/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const ContextMenu: React.FC;
+export default ContextMenu;

package/dist/components/CustomSort/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const CustomSort: React.FC<{}>;
+export default CustomSort;

package/dist/components/DataVerification/DropdownList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const DropDownList: React.FC;
+export default DropDownList;

package/dist/components/DataVerification/RangeDialog.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const RangeDialog: React.FC;
+export default RangeDialog;

package/dist/components/DataVerification/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const DataVerification: React.FC;
+export default DataVerification;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./index.css";
+type Props = {
+    type?: "ok" | "yesno";
+    onOk?: () => void;
+    onCancel?: () => void;
+    containerStyle?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+declare const Dialog: React.FC<Props>;
+export default Dialog;

package/dist/components/FilterOption/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const FilterOptions: React.FC<{
+    getContainer: () => HTMLDivElement;
+}>;
+export default FilterOptions;

package/dist/components/FormatSearch/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.css";
+export declare const FormatSearch: React.FC<{
+    type: "currency" | "date" | "number";
+    onCancel: () => void;
+}>;

package/dist/components/FormulaSearch/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./index.css";
+export declare const FormulaSearch: React.FC<{
+    onCancel: () => void;
+}>;

package/dist/components/FxEditor/NameBox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const LocationBox: React.FC;
+export default LocationBox;

package/dist/components/FxEditor/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const FxEditor: React.FC;
+export default FxEditor;

package/dist/components/ImgBoxs/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ImgBoxs: React.FC;
+export default ImgBoxs;

package/dist/components/LinkEidtCard/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { LinkCardProps } from "@leankylin-sheet/core";
+import "./index.css";
+export declare const LinkEditCard: React.FC<LinkCardProps>;
+export default LinkEditCard;

package/dist/components/LocationCondition/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import "./index.css";
+export declare const LocationCondition: React.FC<{}>;

package/dist/components/MessageBox/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type Props = {
+    type: "ok" | "yesno";
+    onOk?: () => void;
+    onCancel?: () => void;
+    children?: React.ReactNode;
+};
+declare const MessageBox: React.FC<Props>;
+export default MessageBox;

package/dist/components/NotationBoxes/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const NotationBoxes: React.FC;
+export default NotationBoxes;

package/dist/components/SVGDefines.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SVGDefines: React.FC;
+export default SVGDefines;

package/dist/components/SVGIcon.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties } from "react";
+type Props = {
+    name: string;
+    width?: number;
+    height?: number;
+    style?: CSSProperties;
+};
+declare const SVGIcon: React.FC<Props>;
+export default SVGIcon;

package/dist/components/SearchReplace/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.css";
+declare const SearchReplace: React.FC<{
+    getContainer: () => HTMLDivElement;
+}>;
+export default SearchReplace;

package/dist/components/Sheet/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Sheet as SheetType } from "@leankylin-sheet/core";
+import "./index.css";
+type Props = {
+    sheet: SheetType;
+};
+declare const Sheet: React.FC<Props>;
+export default Sheet;

package/dist/components/SheetList/SheetHiddenButton.d.ts

@@ -0,0 +1,8 @@
+import { Sheet } from "@leankylin-sheet/core";
+import React, { CSSProperties } from "react";
+type Props = {
+    style?: CSSProperties;
+    sheet?: Sheet;
+};
+declare const SheetHiddenButton: React.FC<Props>;
+export default SheetHiddenButton;

package/dist/components/SheetList/SheetListItem.d.ts

@@ -0,0 +1,9 @@
+import { Sheet } from "@leankylin-sheet/core";
+import React from "react";
+import "./index.css";
+type Props = {
+    sheet: Sheet;
+    isDropPlaceholder?: boolean;
+};
+declare const SheetListItem: React.FC<Props>;
+export default SheetListItem;

package/dist/components/SheetList/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const SheetList: React.FC;
+export default SheetList;

package/dist/components/SheetOverlay/ColumnHeader.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ColumnHeader: React.FC;
+export default ColumnHeader;

package/dist/components/SheetOverlay/ContentEditable.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type ContentEditableProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    initialContent?: string;
+    innerRef?: (e: HTMLDivElement | null) => void;
+    onChange?: (html: string, isBlur?: boolean) => void;
+    onBlur?: (e: React.FocusEvent<HTMLDivElement, Element>) => void;
+    autoFocus?: boolean;
+    allowEdit?: boolean;
+};
+declare const ContentEditable: React.FC<ContentEditableProps>;
+export default ContentEditable;

package/dist/components/SheetOverlay/FormulaHint/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const FormulaHint: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export default FormulaHint;

package/dist/components/SheetOverlay/FormulaSearch/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const FormulaSearch: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export default FormulaSearch;

package/dist/components/SheetOverlay/InputBox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const InputBox: React.FC;
+export default InputBox;

package/dist/components/SheetOverlay/RowHeader.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const RowHeader: React.FC;
+export default RowHeader;

package/dist/components/SheetOverlay/ScrollBar/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.css";
+type Props = {
+    axis: "x" | "y";
+};
+declare const ScrollBar: React.FC<Props>;
+export default ScrollBar;

package/dist/components/SheetOverlay/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const SheetOverlay: React.FC;
+export default SheetOverlay;

package/dist/components/SheetTab/SheetItem.d.ts

@@ -0,0 +1,8 @@
+import { Sheet } from "@leankylin-sheet/core";
+import React from "react";
+type Props = {
+    sheet: Sheet;
+    isDropPlaceholder?: boolean;
+};
+declare const SheetItem: React.FC<Props>;
+export default SheetItem;

package/dist/components/SheetTab/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const SheetTab: React.FC;
+export default SheetTab;

package/dist/components/SplitColumn/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import "./index.css";
+export declare const SplitColumn: React.FC<{}>;

package/dist/components/Toolbar/Button.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type Props = {
+    tooltip: string;
+    iconId: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    disabled?: boolean;
+    selected?: boolean;
+    children?: React.ReactNode;
+};
+declare const Button: React.FC<Props>;
+export default Button;

package/dist/components/Toolbar/ColorPicker.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type Props = {
+    onPick: (color: string) => void;
+};
+declare const ColorPicker: React.FC<Props>;
+export default ColorPicker;

package/dist/components/Toolbar/Combo.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type Props = {
+    tooltip: string;
+    iconId?: string;
+    text?: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children: (setOpen: React.Dispatch<React.SetStateAction<boolean>>) => React.ReactNode;
+};
+declare const Combo: React.FC<Props>;
+export default Combo;

package/dist/components/Toolbar/CustomBorder.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.css";
+type Props = {
+    onPick: (changeColor?: string, changeStyle?: string) => void;
+};
+declare const CustomBorder: React.FC<Props>;
+export default CustomBorder;

package/dist/components/Toolbar/CustomButton.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type Props = {
+    tooltip?: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    selected?: boolean;
+    children?: React.ReactNode;
+    iconName?: string;
+    icon?: React.ReactNode;
+};
+declare const CustomButton: React.FC<Props>;
+export default CustomButton;

package/dist/components/Toolbar/CustomColor.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.css";
+type Props = {
+    onCustomPick: (color: string | undefined) => void;
+    onColorPick: (color: string) => void;
+};
+export declare const CustomColor: React.FC<Props>;
+export {};

package/dist/components/Toolbar/CustomIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type Props = {
+    iconName?: string;
+    width?: number;
+    height?: number;
+    content?: React.ReactNode;
+};
+declare const CustomIcon: React.FC<Props>;
+export default CustomIcon;

package/dist/components/Toolbar/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const Divider: React.FC;
+export declare const MenuDivider: React.FC;
+export default Divider;

package/dist/components/Toolbar/MoreItemsContainer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const MoreItemsContaier: React.FC<{
+    onClose?: () => void;
+    children?: React.ReactNode;
+}>;
+export default MoreItemsContaier;

package/dist/components/Toolbar/Select.d.ts

@@ -0,0 +1,14 @@
+import React, { CSSProperties } from "react";
+declare const Select: React.FC<{
+    children?: React.ReactNode;
+    style?: CSSProperties;
+}>;
+type OptionProps = {
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    iconId?: string;
+    onMouseLeave?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+};
+declare const Option: React.FC<React.PropsWithChildren<OptionProps>>;
+export { Option };
+export default Select;

package/dist/components/Toolbar/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.css";
+declare const Toolbar: React.FC<{
+    setMoreItems: React.Dispatch<React.SetStateAction<React.ReactNode>>;
+    moreItemsOpen: boolean;
+}>;
+export default Toolbar;

package/dist/components/Workbook/api.d.ts

@@ -0,0 +1,115 @@
+import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol } from "@leankylin-sheet/core";
+import { SetContextOptions } from "../../context";
+export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null): {
+    applyOp: (ops: Op[]) => void;
+    getCellValue: (row: number, column: number, options?: api.CommonOptions & {
+        type?: keyof Cell;
+    }) => any;
+    setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
+        type?: keyof Cell;
+    }) => void;
+    clearCell: (row: number, column: number, options?: api.CommonOptions) => void;
+    setCellFormat: (row: number, column: number, attr: keyof Cell, value: any, options?: api.CommonOptions) => void;
+    autoFillCell: (copyRange: SingleRange, applyRange: SingleRange, direction: "up" | "down" | "left" | "right") => void;
+    freeze: (type: "row" | "column" | "both", range: {
+        row: number;
+        column: number;
+    }, options?: api.CommonOptions) => void;
+    insertRowOrColumn: (type: "row" | "column", index: number, count: number, direction?: "lefttop" | "rightbottom", options?: api.CommonOptions) => void;
+    deleteRowOrColumn: (type: "row" | "column", start: number, end: number, options?: api.CommonOptions) => void;
+    setRowHeight: (rowInfo: Record<string, number>, options?: api.CommonOptions, custom?: boolean) => void;
+    setColumnWidth: (columnInfo: Record<string, number>, options?: api.CommonOptions, custom?: boolean) => void;
+    getRowHeight: (rows: number[], options?: api.CommonOptions) => Record<number, number>;
+    getColumnWidth: (columns: number[], options?: api.CommonOptions) => Record<number, number>;
+    getSelection: () => {
+        row: number[];
+        column: number[];
+    }[] | undefined;
+    getFlattenRange: (range: Range) => {
+        r: number;
+        c: number;
+    }[];
+    getCellsByFlattenRange: (range?: {
+        r: number;
+        c: number;
+    }[]) => (Cell | null)[];
+    getSelectionCoordinates: () => string[];
+    getCellsByRange: (range: Selection, options?: api.CommonOptions) => (Cell | null)[][];
+    getHtmlByRange: (range: Range, options?: api.CommonOptions) => string | null;
+    setSelection: (range: Range, options?: api.CommonOptions) => void;
+    setCellValuesByRange: (data: any[][], range: SingleRange, options?: api.CommonOptions) => void;
+    setCellFormatByRange: (attr: keyof Cell, value: any, range: Range | SingleRange, options?: api.CommonOptions) => void;
+    mergeCells: (ranges: Range, type: string, options?: api.CommonOptions) => void;
+    cancelMerge: (ranges: Range, options?: api.CommonOptions) => void;
+    getAllSheets: () => Sheet[];
+    getSheet: (options?: api.CommonOptions) => {
+        celldata: CellWithRowAndCol[];
+        name: string;
+        config?: import("@leankylin-sheet/core").SheetConfig | undefined;
+        order?: number | undefined;
+        color?: string | undefined;
+        data?: CellMatrix | undefined;
+        id?: string | undefined;
+        images?: import("@leankylin-sheet/core").Image[] | undefined;
+        zoomRatio?: number | undefined;
+        column?: number | undefined;
+        row?: number | undefined;
+        addRows?: number | undefined;
+        status?: number | undefined;
+        hide?: number | undefined;
+        luckysheet_select_save?: Selection[] | undefined;
+        luckysheet_selection_range?: {
+            row: number[];
+            column: number[];
+        }[] | undefined;
+        calcChain?: any[] | undefined;
+        defaultRowHeight?: number | undefined;
+        defaultColWidth?: number | undefined;
+        showGridLines?: number | boolean | undefined;
+        pivotTable?: any;
+        isPivotTable?: boolean | undefined;
+        filter?: Record<string, any> | undefined;
+        filter_select?: {
+            row: number[];
+            column: number[];
+        } | undefined;
+        luckysheet_conditionformat_save?: any[] | undefined;
+        luckysheet_alternateformat_save?: any[] | undefined;
+        dataVerification?: any;
+        hyperlink?: Record<string, {
+            linkType: string;
+            linkAddress: string;
+        }> | undefined;
+        dynamicArray_compute?: any;
+        dynamicArray?: any[] | undefined;
+        frozen?: {
+            type: "row" | "column" | "both" | "rangeRow" | "rangeColumn" | "rangeBoth";
+            range?: {
+                row_focus: number;
+                column_focus: number;
+            } | undefined;
+        } | undefined;
+    };
+    addSheet: () => void;
+    deleteSheet: (options?: api.CommonOptions) => void;
+    updateSheet: (data: Sheet[]) => void;
+    activateSheet: (options?: api.CommonOptions) => void;
+    setSheetName: (name: string, options?: api.CommonOptions) => void;
+    setSheetOrder: (orderList: Record<string, number>) => void;
+    scroll: (options: {
+        scrollLeft?: number;
+        scrollTop?: number;
+        targetRow?: number;
+        targetColumn?: number;
+    }) => void;
+    addPresences: (newPresences: Presence[]) => void;
+    removePresences: (arr: {
+        username: string;
+        userId?: string;
+    }[]) => void;
+    handleUndo: () => void;
+    handleRedo: () => void;
+    calculateFormula: () => void;
+    dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];
+    celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number, colCount?: number) => CellMatrix | null;
+};