sheet-happens 0.0.22 → 0.0.24

package/dist/clipboard.d.ts

@@ -0,0 +1,4 @@
+import { CellPropertyFunction, Change, Rectangle } from './types';
+import { RefObject } from 'react';
+export declare const useClipboardCopy: (textAreaRef: RefObject<HTMLTextAreaElement>, selection: Rectangle, editMode: boolean, editData: CellPropertyFunction<string>) => void;
+export declare const useClipboardPaste: (textAreaRef: RefObject<HTMLTextAreaElement>, selection: Rectangle, onSelectionChange?: ((selection: Rectangle) => void) | undefined, onChange?: ((changes: Array<Change>) => void) | undefined) => void;

package/dist/constants.d.ts

@@ -0,0 +1,45 @@
+import { XY, Rectangle, Selection, Clickable, Direction, Style } from './types';
+export declare const INITIAL_MAX_SCROLL: XY;
+export declare const ORIGIN: XY;
+export declare const ONE_ONE: XY;
+export declare const NO_CELL: XY;
+export declare const NO_SELECTION: Rectangle;
+export declare const NO_SELECTIONS: Selection[];
+export declare const NO_CLICKABLES: Clickable[];
+export declare const NO_STYLE: {};
+export declare const MAX_SEARCHABLE_INDEX = 65536;
+export declare const MAX_XY: XY;
+export declare const COLORS: {
+    selectionBorder: string;
+    selectionBackground: string;
+    gridLine: string;
+    dragGhost: string;
+    dropTarget: string;
+    knobAreaBorder: string;
+    headerBackground: string;
+    headerText: string;
+    headerActive: string;
+    headerActiveText: string;
+    headerSelected: string;
+    headerSelectedText: string;
+};
+export declare const SIZES: {
+    knobArea: number;
+    headerWidth: number;
+    headerHeight: number;
+    minimumWidth: number;
+    minimumHeight: number;
+    resizeZone: number;
+    scrollZone: number;
+    scrollSpeed: number;
+};
+export declare const DEFAULT_CELL_STYLE: Required<Style>;
+export declare const DEFAULT_COLUMN_HEADER_STYLE: Required<Style>;
+export declare const HEADER_ACTIVE_STYLE: {
+    color: string;
+};
+export declare const HEADER_SELECTED_STYLE: {
+    backgroundColor: string;
+    color: string;
+};
+export declare const ARROW_KEYS: Record<string, Direction>;

package/dist/coordinate.d.ts

@@ -0,0 +1,18 @@
+import { XY, Rectangle } from './types';
+export declare const addXY: (a: XY, b: XY) => XY;
+export declare const subXY: (a: XY, b: XY) => XY;
+export declare const mulXY: (a: XY, b: XY) => XY;
+export declare const maxXY: (a: XY, b: XY) => XY;
+export declare const minXY: (a: XY, b: XY) => XY;
+export declare const clampXY: (p: XY, min: XY, max?: XY) => XY;
+export declare const getDirectionStep: (direction: string) => XY;
+export declare const isSameXY: (a: XY, b: XY) => boolean;
+export declare const isSameSelection: (a: Rectangle, b: Rectangle) => boolean;
+export declare const isMaybeRowSelection: (selection: Rectangle) => boolean;
+export declare const isMaybeColumnSelection: (selection: Rectangle) => boolean;
+export declare const isRowSelection: (selection: Rectangle) => boolean;
+export declare const isColumnSelection: (selection: Rectangle) => boolean;
+export declare const isCellSelection: (selection: Rectangle) => boolean;
+export declare const isEmptySelection: (selection: Rectangle) => boolean;
+export declare const isPointInsideSelection: (selection: Rectangle, point: XY) => boolean;
+export declare const normalizeSelection: (selection: Rectangle) => Rectangle;

package/dist/index.d.ts

@@ -1,91 +1,41 @@
-import React, { MouseEvent, CSSProperties, ReactElement } from 'react';
-declare type PropTypes = string | number | boolean | Style | CellContentType;
-declare type RowOrColumnProperty<T extends PropTypes> = T | Array<T> | ((index: number) => T);
-declare type CellProperty<T extends PropTypes> = T | Array<Array<T>> | ((x: number, y: number) => T);
-declare type CellContentType = null | number | string | CellContent;
-declare type InputStyle = Pick<CSSProperties, 'position' | 'top' | 'left' | 'width' | 'height' | 'outline' | 'border' | 'textAlign' | 'color' | 'fontSize' | 'fontFamily'>;
-export interface SheetInputProps {
+import React, { KeyboardEventHandler, ReactElement } from 'react';
+import { CellLayout, CellProperty, CellContentType, RowOrColumnProperty, Selection, Change, SheetPointerEvent, InputStyle, SheetStyle, Style } from './types';
+export declare type SheetInputProps = {
     value: string;
     autoFocus: boolean;
-    onKeyDown: React.KeyboardEventHandler<HTMLElement>;
-    onChange: (valiue: string) => void;
+    onKeyDown: KeyboardEventHandler<HTMLElement>;
+    onChange: (value: string) => void;
     style: InputStyle;
-}
-interface SelectionSpan {
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-}
-interface Selection {
-    span: SelectionSpan;
-    color: string;
-}
-export interface Change {
-    x: number;
-    y: number;
-    value: string | number | null;
-    source?: {
-        x: number;
-        y: number;
-    };
-}
-export interface CellContentItem {
-    content: HTMLImageElement | string | number;
-    x: number;
-    y: number;
-    width?: number;
-    height?: number;
-    horiozntalAlign?: 'left' | 'right' | 'center';
-    onClick?: (e: MouseEvent) => void;
-}
-export interface CellContent {
-    items: Array<CellContentItem>;
-}
-export interface SheetMouseEvent extends MouseEvent {
-    cellX: number;
-    cellY: number;
-}
-export interface SheetStyle {
-    hideGridlines?: boolean;
-    hideColumnHeaders?: boolean;
-    hideRowHeaders?: boolean;
-    freezeColumns?: number;
-    freezeRows?: number;
-    hideScrollBars?: boolean;
-}
-export interface SheetProps {
+};
+export declare type SheetProps = {
     cellWidth?: RowOrColumnProperty<number>;
     cellHeight?: RowOrColumnProperty<number>;
     columnHeaders?: RowOrColumnProperty<CellContentType>;
     columnHeaderStyle?: RowOrColumnProperty<Style>;
     cellStyle?: CellProperty<Style>;
     readOnly?: CellProperty<boolean>;
+    canSizeColumn?: RowOrColumnProperty<boolean>;
+    canSizeRow?: RowOrColumnProperty<boolean>;
+    canOrderColumn?: RowOrColumnProperty<boolean>;
+    canOrderRow?: RowOrColumnProperty<boolean>;
     sourceData?: CellProperty<string | number | null>;
     displayData?: CellProperty<CellContentType>;
     editData?: CellProperty<string>;
     editKeys?: CellProperty<string>;
     sheetStyle?: SheetStyle;
-    dontCommitEditOnSelectionChange?: boolean;
     secondarySelections?: Selection[];
+    cacheLayout?: boolean;
+    dontCommitEditOnSelectionChange?: boolean;
     inputComponent?: (x: number, y: number, props: SheetInputProps, commitEditingCell?: () => void) => ReactElement | undefined;
-    onSelectionChanged?: (x1: number, y1: number, x2: number, y2: number) => void;
-    onRightClick?: (e: SheetMouseEvent) => void;
+    onSelectionChanged?: (minX: number, minY: number, maxX: number, maxY: number) => void;
+    onRightClick?: (e: SheetPointerEvent) => void;
     onChange?: (changes: Array<Change>) => void;
+    onColumnOrderChange?: (indices: number[], order: number) => void;
+    onRowOrderChange?: (indices: number[], order: number) => void;
     onCellWidthChange?: (indices: number[], value: number) => void;
     onCellHeightChange?: (indices: number[], value: number) => void;
-    onScrollChange?: (scrollX: number, scrolLY: number) => void;
-}
-export interface Style {
-    color?: string;
-    fontSize?: number;
-    fontFamily?: string;
-    textAlign?: 'right' | 'left' | 'center';
-    marginRight?: number;
-    marginLeft?: number;
-    weight?: string;
-    fillColor?: string;
-    backgroundColor?: string;
-}
-declare function Sheet(props: SheetProps): JSX.Element;
+    onScrollChange?: (visibleRows: number[], visibleColumns: number[]) => void;
+};
+export declare type SheetRef = CellLayout;
+declare const Sheet: React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<CellLayout>>;
 export default Sheet;