react-data-grid-temp - npm Package Compare versions

Comparing version 7.0.0-canary.17.4 to 7.0.0-canary.17.5

CHANGELOG.md

@@ -35,2 +35,3 @@ # Changelog
     - ⚠️ `enableCellSelect`
+    - ⚠️ `enableCellAutoFocus`
     - ⚠️ `getValidFilterValues`
@@ -37,0 +38,0 @@ - ⚠️ `onCellCopyPaste`

lib/DataGrid.d.ts

@@ -89,4 +89,2 @@ import React from 'react';
     enableFilters?: boolean;
-    /** Toggles whether cells should be autofocused */
-    enableCellAutoFocus?: boolean;
     enableCellCopyPaste?: boolean;
@@ -93,0 +91,0 @@ enableCellDragAndDrop?: boolean;

lib/DataGrid.js

@@ -52,7 +52,7 @@ var __read = (this && this.__read) || function (o, n) {
     // Toggles and modes
-    enableFilters = _k === void 0 ? false : _k, _l = _a.enableCellAutoFocus, enableCellAutoFocus = _l === void 0 ? true : _l, _m = _a.enableCellCopyPaste, enableCellCopyPaste = _m === void 0 ? false : _m, _o = _a.enableCellDragAndDrop, enableCellDragAndDrop = _o === void 0 ? false : _o, _p = _a.cellNavigationMode, cellNavigationMode = _p === void 0 ? CellNavigationMode.NONE : _p, 
+    enableFilters = _k === void 0 ? false : _k, _l = _a.enableCellCopyPaste, enableCellCopyPaste = _l === void 0 ? false : _l, _m = _a.enableCellDragAndDrop, enableCellDragAndDrop = _m === void 0 ? false : _m, _o = _a.cellNavigationMode, cellNavigationMode = _o === void 0 ? CellNavigationMode.NONE : _o, 
     // Miscellaneous
-    _q = _a.editorPortalTarget, 
+    _p = _a.editorPortalTarget, 
     // Miscellaneous
-    editorPortalTarget = _q === void 0 ? document.body : _q, rowClass = _a.rowClass;
+    editorPortalTarget = _p === void 0 ? document.body : _p, rowClass = _a.rowClass;
     /**
@@ -66,7 +66,7 @@ * refs
      */
-    var _r = __read(useState(function () { return new EventBus(); }), 1), eventBus = _r[0];
-    var _s = __read(useState(0), 2), gridWidth = _s[0], setGridWidth = _s[1];
-    var _t = __read(useState(0), 2), scrollTop = _t[0], setScrollTop = _t[1];
-    var _u = __read(useState(0), 2), scrollLeft = _u[0], setScrollLeft = _u[1];
-    var _v = __read(useState(function () { return new Map(); }), 2), columnWidths = _v[0], setColumnWidths = _v[1];
+    var _q = __read(useState(function () { return new EventBus(); }), 1), eventBus = _q[0];
+    var _r = __read(useState(0), 2), gridWidth = _r[0], setGridWidth = _r[1];
+    var _s = __read(useState(0), 2), scrollTop = _s[0], setScrollTop = _s[1];
+    var _t = __read(useState(0), 2), scrollLeft = _t[0], setScrollLeft = _t[1];
+    var _u = __read(useState(function () { return new Map(); }), 2), columnWidths = _u[0], setColumnWidths = _u[1];
     /**
@@ -76,3 +76,3 @@ * computed values
     var viewportWidth = (width || gridWidth) - 2; // 2 for border width;
-    var _w = useMemo(function () {
+    var _v = useMemo(function () {
         return getColumnMetrics({
@@ -85,6 +85,6 @@ columns: rawColumns,
         });
-    }, [columnWidths, rawColumns, defaultFormatter, minColumnWidth, viewportWidth]), columns = _w.columns, lastFrozenColumnIndex = _w.lastFrozenColumnIndex, totalColumnWidth = _w.totalColumnWidth;
-    var _x = __read(useMemo(function () {
+    }, [columnWidths, rawColumns, defaultFormatter, minColumnWidth, viewportWidth]), columns = _v.columns, lastFrozenColumnIndex = _v.lastFrozenColumnIndex, totalColumnWidth = _v.totalColumnWidth;
+    var _w = __read(useMemo(function () {
         return getHorizontalRangeToRender(columns, lastFrozenColumnIndex, viewportWidth, scrollLeft);
-    }, [scrollLeft, columns, lastFrozenColumnIndex, viewportWidth]), 2), colOverscanStartIdx = _x[0], colOverscanEndIdx = _x[1];
+    }, [scrollLeft, columns, lastFrozenColumnIndex, viewportWidth]), 2), colOverscanStartIdx = _w[0], colOverscanEndIdx = _w[1];
     var viewportColumns = useMemo(function () {
@@ -99,3 +99,3 @@ return getViewportColumns(columns, colOverscanStartIdx, colOverscanEndIdx);
         - (totalColumnWidth > viewportWidth ? getScrollbarSize() : 0);
-    var _y = __read(getVerticalRangeToRender(clientHeight, rowHeight, scrollTop, rows.length), 2), rowOverscanStartIdx = _y[0], rowOverscanEndIdx = _y[1];
+    var _x = __read(getVerticalRangeToRender(clientHeight, rowHeight, scrollTop, rows.length), 2), rowOverscanStartIdx = _x[0], rowOverscanEndIdx = _x[1];
     /**
@@ -241,3 +241,3 @@ * effects
         rows.length === 0 && emptyRowsRenderer ? createElement(emptyRowsRenderer) : (React.createElement(React.Fragment, null,
-            viewportWidth > 0 && (React.createElement(InteractionMasks, { rows: rows, rowHeight: rowHeight, columns: columns, enableCellAutoFocus: enableCellAutoFocus, enableCellCopyPaste: enableCellCopyPaste, enableCellDragAndDrop: enableCellDragAndDrop, cellNavigationMode: cellNavigationMode, eventBus: eventBus, gridRef: gridRef, totalHeaderHeight: totalHeaderHeight, scrollLeft: scrollLeft, scrollTop: scrollTop, scrollToCell: scrollToCell, editorPortalTarget: editorPortalTarget, onCheckCellIsEditable: onCheckCellIsEditable, onRowsUpdate: handleRowsUpdate, onSelectedCellChange: onSelectedCellChange, onKeyboard: onKeyboard })),
+            viewportWidth > 0 && (React.createElement(InteractionMasks, { rows: rows, rowHeight: rowHeight, columns: columns, enableCellCopyPaste: enableCellCopyPaste, enableCellDragAndDrop: enableCellDragAndDrop, cellNavigationMode: cellNavigationMode, eventBus: eventBus, gridRef: gridRef, totalHeaderHeight: totalHeaderHeight, scrollLeft: scrollLeft, scrollTop: scrollTop, scrollToCell: scrollToCell, editorPortalTarget: editorPortalTarget, onCheckCellIsEditable: onCheckCellIsEditable, onRowsUpdate: handleRowsUpdate, onSelectedCellChange: onSelectedCellChange, onKeyboard: onKeyboard })),
             React.createElement("div", { style: { height: Math.max(rows.length * rowHeight, clientHeight) } }),
@@ -244,0 +244,0 @@ getViewportRows(), summaryRows === null || summaryRows === void 0 ? void 0 :

lib/masks/InteractionMasks.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 import { DataGridProps } from '../DataGrid';
-declare type SharedCanvasProps<R, SR> = Pick<DataGridProps<R, never, SR>, 'rows' | 'onCheckCellIsEditable' | 'onSelectedCellChange' | 'onKeyboard'> & Pick<Required<DataGridProps<R, never, SR>>, 'rowHeight' | 'enableCellAutoFocus' | 'enableCellCopyPaste' | 'enableCellDragAndDrop' | 'cellNavigationMode' | 'editorPortalTarget' | 'onRowsUpdate'>;
+declare type SharedCanvasProps<R, SR> = Pick<DataGridProps<R, never, SR>, 'rows' | 'onCheckCellIsEditable' | 'onSelectedCellChange' | 'onKeyboard'> & Pick<Required<DataGridProps<R, never, SR>>, 'rowHeight' | 'enableCellCopyPaste' | 'enableCellDragAndDrop' | 'cellNavigationMode' | 'editorPortalTarget' | 'onRowsUpdate'>;
 export interface InteractionMasksProps<R, SR> extends SharedCanvasProps<R, SR> {
@@ -16,3 +16,3 @@ columns: readonly CalculatedColumn<R, SR>[];
 }
-export default function InteractionMasks<R, SR>({ columns, rows, rowHeight, eventBus, enableCellAutoFocus, enableCellCopyPaste, enableCellDragAndDrop, editorPortalTarget, cellNavigationMode, gridRef, totalHeaderHeight, scrollLeft, scrollTop, onSelectedCellChange, onCheckCellIsEditable, onRowsUpdate, onKeyboard, scrollToCell }: InteractionMasksProps<R, SR>): JSX.Element;
+export default function InteractionMasks<R, SR>({ columns, rows, rowHeight, eventBus, enableCellCopyPaste, enableCellDragAndDrop, editorPortalTarget, cellNavigationMode, gridRef, totalHeaderHeight, scrollLeft, scrollTop, onSelectedCellChange, onCheckCellIsEditable, onRowsUpdate, onKeyboard, scrollToCell }: InteractionMasksProps<R, SR>): JSX.Element;
 export {};

lib/masks/InteractionMasks.js

@@ -39,9 +39,4 @@ var __assign = (this && this.__assign) || function () {
 export default function InteractionMasks(_a) {
-    var columns = _a.columns, rows = _a.rows, rowHeight = _a.rowHeight, eventBus = _a.eventBus, enableCellAutoFocus = _a.enableCellAutoFocus, enableCellCopyPaste = _a.enableCellCopyPaste, enableCellDragAndDrop = _a.enableCellDragAndDrop, editorPortalTarget = _a.editorPortalTarget, cellNavigationMode = _a.cellNavigationMode, gridRef = _a.gridRef, totalHeaderHeight = _a.totalHeaderHeight, scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, onSelectedCellChange = _a.onSelectedCellChange, onCheckCellIsEditable = _a.onCheckCellIsEditable, onRowsUpdate = _a.onRowsUpdate, onKeyboard = _a.onKeyboard, scrollToCell = _a.scrollToCell;
-    var _b = __read(useState(function () {
-        if (enableCellAutoFocus && document.activeElement === document.body && columns.length > 0 && rows.length > 0) {
-            return { idx: 0, rowIdx: 0, status: 'SELECT' };
-        }
-        return { idx: -1, rowIdx: -1, status: 'SELECT' };
-    }), 2), selectedPosition = _b[0], setSelectedPosition = _b[1];
+    var columns = _a.columns, rows = _a.rows, rowHeight = _a.rowHeight, eventBus = _a.eventBus, enableCellCopyPaste = _a.enableCellCopyPaste, enableCellDragAndDrop = _a.enableCellDragAndDrop, editorPortalTarget = _a.editorPortalTarget, cellNavigationMode = _a.cellNavigationMode, gridRef = _a.gridRef, totalHeaderHeight = _a.totalHeaderHeight, scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, onSelectedCellChange = _a.onSelectedCellChange, onCheckCellIsEditable = _a.onCheckCellIsEditable, onRowsUpdate = _a.onRowsUpdate, onKeyboard = _a.onKeyboard, scrollToCell = _a.scrollToCell;
+    var _b = __read(useState({ idx: -1, rowIdx: -1, status: 'SELECT' }), 2), selectedPosition = _b[0], setSelectedPosition = _b[1];
     var _c = __read(useState(null), 2), copiedPosition = _c[0], setCopiedPosition = _c[1];
@@ -48,0 +43,0 @@ var _d = __read(useState(null), 2), draggedPosition = _d[0], setDraggedPosition = _d[1];

package.json

 {
   "name": "react-data-grid-temp",
-  "version": "7.0.0-canary.17.4",
+  "version": "7.0.0-canary.17.5",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like",

No alert changes

Worsened metrics

Total package byte prevSize

265976

decreased by-0.47%

Lines of code

2236

decreased by-0.36%

No dependency changes