sheet-happens 0.0.24 → 0.0.26

package/dist/index.d.ts

@@ -1,41 +1,4 @@
-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: KeyboardEventHandler<HTMLElement>;
-    onChange: (value: string) => void;
-    style: InputStyle;
-};
-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;
-    secondarySelections?: Selection[];
-    cacheLayout?: boolean;
-    dontCommitEditOnSelectionChange?: boolean;
-    inputComponent?: (x: number, y: number, props: SheetInputProps, commitEditingCell?: () => void) => ReactElement | undefined;
-    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?: (visibleRows: number[], visibleColumns: number[]) => void;
-};
-export declare type SheetRef = CellLayout;
-declare const Sheet: React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<CellLayout>>;
+import Sheet from './sheet';
+export * from './sheet';
+export * from './types';
 export default Sheet;

package/dist/index.js

@@ -2799,14 +2799,12 @@ var Sheet = React.forwardRef(function (props, ref) {
   }, [cellLayout, visibleCells, sheetStyle, cellStyle, selection, secondarySelections, knobPosition, knobArea, dragOffset, dropTarget, columnHeaders, columnHeaderStyle, displayData, dataOffset]);
 
   var onKeyDown = function onKeyDown(e) {
-    console.log('onKeyDown', e.key, e);
-
     if (e.key === 'Escape') {
       setEditCell(NO_CELL);
       return;
     }
 
-    var direction = e.key === 'Enter' || e.key === 'TAB' ? 'right' : arrowKeyCommitMode ? ARROW_KEYS[e.key] : null;
+    var direction = e.key === 'Enter' ? 'down' : e.key === 'Tab' ? 'right' : arrowKeyCommitMode ? ARROW_KEYS[e.key] : null;
 
     if (direction) {
       e.preventDefault();
@@ -2818,8 +2816,6 @@ var Sheet = React.forwardRef(function (props, ref) {
   };
 
   var onGridKeyDown = function onGridKeyDown(e) {
-    console.log('onGridKeydown', e.key, e);
-
     if (editMode && arrowKeyCommitMode && e.key in ARROW_KEYS) {
       commitEditingCell();
       return;
@@ -2920,7 +2916,7 @@ var Sheet = React.forwardRef(function (props, ref) {
       lastEditKey = _useState10[0],
       setLastEditKey = _useState10[1];
 
-  if (lastEditKey !== editKey) {
+  if (lastEditKey !== NO_CELL.join(',') && lastEditKey !== editKey) {
     setLastEditKey(editKey);
     setEditCell(NO_CELL);
   }
@@ -2990,7 +2986,8 @@ var Sheet = React.forwardRef(function (props, ref) {
   return React__default.createElement("div", {
     style: {
       position: 'relative',
-      height: '100%'
+      height: '100%',
+      overflow: 'hidden'
     }
   }, React__default.createElement("canvas", {
     style: canvasStyles,