sheet-happens 0.0.55 → 0.0.57

package/dist/mouse.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent, PointerEvent, RefObject } from 'react';
 import { CellContentRender, CellLayout, CellPropertyFunction, Change, Rectangle, RowOrColumnPropertyFunction, SheetMouseEvent, SheetStyle, VisibleLayout, XY } from './types';
-export declare const useMouse: (elementRef: RefObject<HTMLDivElement>, dataOffset: XY, hitmapRef: RefObject<CellContentRender[]>, selection: Rectangle, knobArea: Rectangle | null, editMode: boolean, editData: CellPropertyFunction<string>, sourceData: CellPropertyFunction<string | number | null>, cellReadOnly: CellPropertyFunction<boolean | null>, canSizeColumn: RowOrColumnPropertyFunction<boolean | null>, canSizeRow: RowOrColumnPropertyFunction<boolean | null>, canOrderColumn: RowOrColumnPropertyFunction<boolean | null>, canOrderRow: RowOrColumnPropertyFunction<boolean | null>, cellLayout: CellLayout, visibleCells: VisibleLayout, sheetStyle: SheetStyle, columnGroupKeys: RowOrColumnPropertyFunction<string | number | null>, rowGroupKeys: RowOrColumnPropertyFunction<string | number | null>, selectedColumnGroups: Set<string | number | null> | null, selectedRowGroups: Set<string | number | null> | null, getAutoSizeWidth: (column: number) => number, getAutoSizeHeight: (row: number) => number, onEdit?: ((cell: XY) => void) | undefined, onCommit?: (() => void) | undefined, onKnobAreaChange?: ((knobArea: Rectangle | null) => void) | undefined, onDragIndicesChange?: ((indices: [number[] | null, number[] | null]) => void) | undefined, onDragOffsetChange?: ((dragOffset: XY | null) => void) | undefined, onDropTargetChange?: ((selection: Rectangle | null) => void) | undefined, onSelectionChange?: ((selection: Rectangle, scrollTo?: boolean | undefined, toHead?: boolean | undefined) => void) | undefined, onFocusChange?: ((focus: boolean) => void) | undefined, onInvalidateColumn?: ((column: number) => void) | undefined, onInvalidateRow?: ((row: number) => void) | undefined, onChange?: ((changes: Change[]) => void) | undefined, onColumnOrderChange?: ((indices: number[], order: number) => void) | undefined, onRowOrderChange?: ((indices: number[], order: number) => void) | undefined, onCellWidthChange?: ((indices: number[], values: number[]) => void) | undefined, onCellHeightChange?: ((indices: number[], values: number[]) => void) | undefined, onRightClick?: ((e: SheetMouseEvent) => void) | undefined, dontCommitEditOnSelectionChange?: boolean | undefined, dontChangeSelectionOnOrderChange?: boolean | undefined) => {
+export declare const useMouse: (elementRef: RefObject<HTMLDivElement>, dataOffset: XY, hitmapRef: RefObject<CellContentRender[]>, selection: Rectangle, knobArea: Rectangle | null, editMode: boolean, editData: CellPropertyFunction<string>, sourceData: CellPropertyFunction<object | string | number | null>, cellReadOnly: CellPropertyFunction<boolean | null>, canSizeColumn: RowOrColumnPropertyFunction<boolean | null>, canSizeRow: RowOrColumnPropertyFunction<boolean | null>, canOrderColumn: RowOrColumnPropertyFunction<boolean | null>, canOrderRow: RowOrColumnPropertyFunction<boolean | null>, cellLayout: CellLayout, visibleCells: VisibleLayout, sheetStyle: SheetStyle, columnGroupKeys: RowOrColumnPropertyFunction<string | number | null>, rowGroupKeys: RowOrColumnPropertyFunction<string | number | null>, selectedColumnGroups: Set<string | number | null> | null, selectedRowGroups: Set<string | number | null> | null, getAutoSizeWidth: (column: number) => number, getAutoSizeHeight: (row: number) => number, onEdit?: ((cell: XY) => void) | undefined, onCommit?: (() => void) | undefined, onKnobAreaChange?: ((knobArea: Rectangle | null) => void) | undefined, onDragIndicesChange?: ((indices: [number[] | null, number[] | null]) => void) | undefined, onDragOffsetChange?: ((dragOffset: XY | null) => void) | undefined, onDropTargetChange?: ((selection: Rectangle | null) => void) | undefined, onSelectionChange?: ((selection: Rectangle, scrollTo?: boolean | undefined, toHead?: boolean | undefined) => void) | undefined, onFocusChange?: ((focus: boolean) => void) | undefined, onInvalidateColumn?: ((column: number) => void) | undefined, onInvalidateRow?: ((row: number) => void) | undefined, onChange?: ((changes: Change[]) => void) | undefined, onColumnOrderChange?: ((indices: number[], order: number) => void) | undefined, onRowOrderChange?: ((indices: number[], order: number) => void) | undefined, onCellWidthChange?: ((indices: number[], values: number[]) => void) | undefined, onCellHeightChange?: ((indices: number[], values: number[]) => void) | undefined, onRightClick?: ((e: SheetMouseEvent) => void) | undefined, dontCommitEditOnSelectionChange?: boolean | undefined, dontChangeSelectionOnOrderChange?: boolean | undefined) => {
     knobPosition: XY | null;
     mouseHandlers: {
         onPointerLeave: () => void;

package/dist/sheet.d.ts

@@ -1,10 +1,10 @@
 import React, { KeyboardEventHandler, ReactElement } from 'react';
-import { XY, Rectangle, CellLayout, CellProperty, CellPropertyStyled, CellContentType, ClipboardPayload, RowOrColumnPropertyStyled, RowOrColumnProperty, Selection, Change, SheetPointerEvent, InputStyle, SheetStyle, Style, VisibleLayout } from './types';
+import { XY, Rectangle, CellLayout, CellProperty, CellPropertyStyled, CellContentType, ClipboardTable, RowOrColumnPropertyStyled, RowOrColumnProperty, Selection, Change, SheetPointerEvent, InputStyle, SheetStyle, Style, VisibleLayout } from './types';
 export declare type SheetInputProps = {
     value: string;
     autoFocus: boolean;
     onKeyDown: KeyboardEventHandler<HTMLElement>;
-    onChange: (value: string) => void;
+    onChange: (value: object | string | number | null) => void;
     style: InputStyle;
 };
 export declare type SheetRenderProps = {
@@ -26,7 +26,7 @@ export declare type SheetProps = {
     canOrderRow?: RowOrColumnProperty<boolean>;
     columnGroupKeys?: RowOrColumnProperty<string | number | null>;
     rowGroupKeys?: RowOrColumnProperty<string | number | null>;
-    sourceData?: CellProperty<string | number | null>;
+    sourceData?: CellProperty<object | string | number | null>;
     displayData?: CellPropertyStyled<CellContentType>;
     editData?: CellProperty<string>;
     editKeys?: CellProperty<string>;
@@ -39,7 +39,7 @@ export declare type SheetProps = {
     dontCommitEditOnSelectionChange?: boolean;
     dontChangeSelectionOnOrderChange?: boolean;
     autoFocus?: boolean;
-    inputComponent?: (x: number, y: number, props: SheetInputProps, commitEditingCell?: (value?: string | number | null) => void) => ReactElement | undefined;
+    inputComponent?: (x: number, y: number, props: SheetInputProps, commitEditingCell: (value?: object | string | number | null) => void) => ReactElement | undefined;
     renderInside?: (props: SheetRenderProps) => React.ReactNode;
     renderOutside?: (props: SheetRenderProps) => React.ReactNode;
     onSelectionChanged?: (minX: number, minY: number, maxX: number, maxY: number) => void;
@@ -50,8 +50,9 @@ export declare type SheetProps = {
     onCellWidthChange?: (indices: number[], values: number[]) => void;
     onCellHeightChange?: (indices: number[], values: number[]) => void;
     onScrollChange?: (visibleRows: number[], visibleColumns: number[]) => void;
-    onCopy?: (selection: Rectangle, cells: string[][]) => ClipboardPayload<any> | null | undefined;
-    onPaste?: (selection: Rectangle, cells: string[][], payload: ClipboardPayload<any>) => boolean | null | undefined | Promise<boolean | null | undefined>;
+    onCopy?: (selection: Rectangle, cut: boolean) => ClipboardTable<any> | null | undefined;
+    onPaste?: (selection: Rectangle, table: ClipboardTable<any>) => boolean | null | undefined | Promise<boolean | null | undefined>;
+    clipboardOrigin?: string;
 };
 export declare type SheetRef = CellLayout & {
     startEditingCell: (editCell: XY, arrowKeyCommitMode?: boolean) => void;

package/dist/types.d.ts

@@ -99,16 +99,28 @@ export declare type Resizable = {
     size: number;
     indices: number[];
 };
+export declare type ClipboardRawTable<T extends ClipboardTableCells = ClipboardTableCells> = {
+    rows: string[][];
+    payload?: ClipboardPayload<T>;
+};
 export declare type ClipboardPayload<T> = {
-    cut: boolean;
-    data: T;
     origin: string;
-    version: number;
+    cut?: boolean;
+    data?: T;
+};
+export declare type ClipboardTable<T extends ClipboardTableCells = ClipboardTableCells> = {
+    rows: string[][];
+    cut?: boolean;
+    data?: T;
+};
+export declare type ClipboardTableCells = {
+    cells?: Record<string, Record<string, any>>;
 };
 export declare type Change = {
     x: number;
     y: number;
     value: string | number | null;
+    data?: object | string | number | null;
     source?: {
         x: number;
         y: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sheet-happens",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "description": "React Spreadsheet",
   "author": "Luka-M",
   "license": "MIT",
@@ -23,7 +23,7 @@
     "test:lint": "eslint .",
     "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
     "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "cd example && yarn install && yarn run build",
+    "predeploy": "cd example && yarn install && DISABLE_ESLINT_PLUGIN=true yarn run build",
     "deploy": "gh-pages -d example/build"
   },
   "peerDependencies": {