sheet-happens 0.0.22 → 0.0.24

package/dist/layout.d.ts

@@ -0,0 +1,3 @@
+import { XY, CellLayout, LayoutCache } from './types';
+export declare const makeCellLayout: (freeze: XY, indent: XY, offset: XY, columns: LayoutCache, rows: LayoutCache) => CellLayout;
+export declare const makeLayoutCache: (sizer: (index: number) => number) => LayoutCache;

package/dist/mouse.d.ts

@@ -0,0 +1,13 @@
+import { CellLayout, CellPropertyFunction, Change, Clickable, Rectangle, RowOrColumnPropertyFunction, SheetMouseEvent, SheetStyle, VisibleLayout, XY } from './types';
+import { MouseEvent, PointerEvent, RefObject } from 'react';
+export declare const useMouse: (hitmapRef: RefObject<Clickable[]>, selection: Rectangle, knobArea: Rectangle | null, editMode: boolean, editData: CellPropertyFunction<string>, sourceData: CellPropertyFunction<string | number | null>, canSizeColumn: RowOrColumnPropertyFunction<boolean | null>, canSizeRow: RowOrColumnPropertyFunction<boolean | null>, canOrderColumn: RowOrColumnPropertyFunction<boolean | null>, canOrderRow: RowOrColumnPropertyFunction<boolean | null>, cellLayout: CellLayout, visibleCells: VisibleLayout, sheetStyle: SheetStyle, onEdit?: ((cell: XY) => void) | undefined, onCommit?: (() => void) | undefined, onKnobAreaChange?: ((knobArea: Rectangle | null) => void) | undefined, onDragOffsetChange?: ((dragOffset: XY | null) => void) | undefined, onDropTargetChange?: ((selection: Rectangle | null) => void) | undefined, onSelectionChange?: ((selection: Rectangle, scrollToHead?: boolean | undefined) => 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[], value: number) => void) | undefined, onCellHeightChange?: ((indices: number[], value: number) => void) | undefined, onRightClick?: ((e: SheetMouseEvent) => void) | undefined, dontCommitEditOnSelectionChange?: boolean | undefined) => {
+    knobPosition: XY | null;
+    mouseHandlers: {
+        onPointerLeave: () => void;
+        onPointerDown: (e: PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (e: PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (e: PointerEvent<HTMLDivElement>) => void;
+        onDoubleClick: (e: MouseEvent) => void;
+        onContextMenu: (e: MouseEvent) => void;
+    };
+};

package/dist/props.d.ts

@@ -0,0 +1,5 @@
+import { Direction, XY, CellContentType, CellProperty, CellPropertyFunction, PropTypes, RowOrColumnProperty, RowOrColumnPropertyFunction } from './types';
+export declare const createRowOrColumnProp: <T extends PropTypes>(rowColProp: T | T[] | RowOrColumnPropertyFunction<T> | undefined, defaultValue: T) => RowOrColumnPropertyFunction<T>;
+export declare const createCellProp: <T extends PropTypes>(cellProp: T | T[][] | CellPropertyFunction<T> | undefined, defaultValue: T) => CellPropertyFunction<T>;
+export declare const findApproxMaxEditDataIndex: (editData: CellPropertyFunction<string>) => XY;
+export declare const findInDisplayData: (displayData: CellPropertyFunction<CellContentType>, start: XY, direction: Direction) => XY;

package/dist/render.d.ts

@@ -0,0 +1,3 @@
+import { CellLayout, CellPropertyFunction, RowOrColumnPropertyFunction, InternalSheetStyle, Rectangle, Selection, Clickable, Style, CellContentType, VisibleLayout, XY } from './types';
+export declare const renderSheet: (context: CanvasRenderingContext2D, cellLayout: CellLayout, visibleCells: VisibleLayout, sheetStyle: InternalSheetStyle, cellStyle: CellPropertyFunction<Style>, selection: Rectangle, secondarySelections: Selection[], knobPosition: XY | null, knobArea: Rectangle | null, dragOffset: XY | null, dropTarget: Rectangle | null, columnHeaders: RowOrColumnPropertyFunction<CellContentType>, columnHeaderStyle: RowOrColumnPropertyFunction<Style>, displayData: CellPropertyFunction<CellContentType>, dataOffset: XY) => Clickable[];
+export declare const renderCell: (context: CanvasRenderingContext2D, cellContent: CellContentType, style: Style, defaultCellStyle: Required<Style>, xCoord: number, yCoord: number, cellWidth: number, cellHeight: number) => Clickable[];

package/dist/scroll.d.ts

@@ -0,0 +1,4 @@
+import { UIEvent } from 'react';
+import { XY, CellLayout } from './types';
+export declare const useScroll: (offset: XY, maxScroll: XY, cellLayout: CellLayout, onOffsetChange?: ((offset: XY) => void) | undefined, onMaxScrollChange?: ((maxScroll: XY) => void) | undefined) => (e: UIEvent) => void;
+export declare const scrollToCell: (element: HTMLDivElement, cell: XY, view: XY, freeze: XY, offset: XY, maxScroll: XY, cellLayout: CellLayout, callback: (offset: XY, maxScroll: XY) => void) => void;

package/dist/style.d.ts

@@ -0,0 +1,4 @@
+import { InternalSheetStyle, SheetStyle, Style } from './types';
+export declare const resolveSheetStyle: (sheetStyle?: SheetStyle | undefined) => InternalSheetStyle;
+export declare const resolveCellStyle: (optionalStyle: Style, defaultStyle: Required<Style>) => Required<Style>;
+export declare const applyAlignment: (start: number, cellSize: number, style: Required<Style>, imageWidth: number, alignment?: 'left' | 'center' | 'right') => number;

package/dist/types.d.ts

@@ -0,0 +1,112 @@
+import { MouseEvent, PointerEvent, CSSProperties } from 'react';
+export declare type PropTypes = string | number | boolean | Style | CellContentType;
+export declare type CellPropertyFunction<T extends PropTypes> = (x: number, y: number) => T;
+export declare type RowOrColumnPropertyFunction<T extends PropTypes> = (rowOrColIndex: number) => T;
+export declare type CellProperty<T extends PropTypes> = T | T[][] | CellPropertyFunction<T>;
+export declare type RowOrColumnProperty<T extends PropTypes> = T | T[] | RowOrColumnPropertyFunction<T>;
+export declare type CellContentType = null | number | string | CellContent;
+export declare type CellContent = {
+    items: CellContentItem[];
+};
+export declare type CellContentItem = {
+    content: HTMLImageElement | string | number;
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    horizontalAlign?: 'left' | 'right' | 'center';
+    onClick?: (e: MouseEvent) => void;
+};
+export declare type XY = [number, number];
+export declare type Rectangle = [XY, XY];
+export declare type Direction = 'up' | 'down' | 'left' | 'right';
+export declare type LayoutCache = {
+    getSize: (i: number) => number;
+    getStart: (i: number) => number;
+    getEnd: (i: number) => number;
+    lookupIndex: (i: number, anchor?: number) => number;
+    getVersion: () => number;
+    clearAfter: (i: number) => void;
+    setSizer: (s: (i: number) => number) => void;
+};
+export declare type CellLayout = {
+    cellToPixel: (cell: XY, anchor?: XY) => XY;
+    pixelToCell: (pixel: XY, anchor?: XY) => XY;
+    cellToAbsolute: (cell: XY, anchor?: XY) => XY;
+    absoluteToCell: (pixel: XY, anchor?: XY) => XY;
+    columnToPixel: (column: number, anchor?: number) => number;
+    rowToPixel: (column: number, anchor?: number) => number;
+    pixelToColumn: (pixel: number, anchor?: number) => number;
+    pixelToRow: (pixel: number, anchor?: number) => number;
+    columnToAbsolute: (column: number, anchor?: number) => number;
+    rowToAbsolute: (column: number, anchor?: number) => number;
+    absoluteToColumn: (pixel: number, anchor?: number) => number;
+    absoluteToRow: (pixel: number, anchor?: number) => number;
+    getVisibleCells: (view: XY) => VisibleLayout;
+    getIndentX: () => number;
+    getIndentY: () => number;
+    getVersion: () => number;
+};
+export declare type VisibleLayout = {
+    columns: number[];
+    rows: number[];
+};
+export declare type Selection = {
+    span: Rectangle;
+    color: string;
+};
+export declare type Clickable = {
+    rect: Rectangle;
+    obj: CellContentItem;
+};
+export declare type Resizable = {
+    rect: Rectangle;
+    anchor: number;
+    size: number;
+    indices: number[];
+};
+export declare type Change = {
+    x: number;
+    y: number;
+    value: string | number | null;
+    source?: {
+        x: number;
+        y: number;
+    };
+};
+export declare type ParsedChange = {
+    selection: Rectangle;
+    changes: Change[];
+};
+export declare type SheetMouseEvent = MouseEvent & {
+    cellX: number;
+    cellY: number;
+};
+export declare type SheetPointerEvent = PointerEvent & {
+    cellX: number;
+    cellY: number;
+};
+export declare type InputStyle = Pick<CSSProperties, 'position' | 'top' | 'left' | 'width' | 'height' | 'outline' | 'border' | 'textAlign' | 'color' | 'fontSize' | 'fontFamily'>;
+export declare type Style = {
+    color?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    textAlign?: 'right' | 'left' | 'center';
+    marginRight?: number;
+    marginLeft?: number;
+    weight?: string;
+    fillColor?: string;
+    backgroundColor?: string;
+};
+export declare type SheetStyle = {
+    hideGridlines?: boolean;
+    hideColumnHeaders?: boolean;
+    hideRowHeaders?: boolean;
+    hideScrollBars?: boolean;
+    freezeColumns?: number;
+    freezeRows?: number;
+};
+export declare type InternalSheetStyle = Required<SheetStyle> & {
+    columnHeaderHeight: number;
+    rowHeaderWidth: number;
+};

package/dist/util.d.ts

@@ -0,0 +1,7 @@
+export declare const tail: <T>(list: T[]) => T;
+export declare const clamp: (x: number, min: number, max: number) => number;
+export declare const seq: (n: number, s?: number, d?: number) => number[];
+export declare const isInRange: (x: number, min: number, max: number) => boolean;
+export declare const isInRangeLeft: (x: number, min: number, max: number) => boolean;
+export declare const isInRangeRight: (x: number, min: number, max: number) => boolean;
+export declare const isInRangeCenter: (x: number, min: number, max: number) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sheet-happens",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "React Spreadsheet",
   "author": "Luka-M",
   "license": "MIT",