@deephaven/grid 1.4.1-beta.2 → 1.4.1-react19.43

package/dist/Grid.js

@@ -25,8 +25,7 @@ import { isExpandableGridModel } from "./ExpandableGridModel.js";
 import { assertIsEditableGridModel, isEditableGridModel } from "./EditableGridModel.js";
 import { assertIsDefined } from "./errors/index.js";
 import ThemeContext from "./ThemeContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * High performance, extendible, themeable grid component.
  * Architectured to be fast and handle billions of rows/columns by default.
@@ -42,8 +41,6 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * Can also add onClick and onContextMenu handlers to add custom functionality and menus.
  */
 class Grid extends PureComponent {
-  // use same constant as chrome source for windows
-  // https://github.com/chromium/chromium/blob/973af9d461b6b5dc60208c8d3d66adc27e53da78/ui/events/blink/web_input_event_builders_win.cc#L285
   /**
    * On some devices there may be different scaling required for high DPI. Get the scale required for the canvas.
    * @param context The canvas context
@@ -72,14 +69,8 @@ class Grid extends PureComponent {
   }
 
   // Need to disable react/sort-comp so I can put the fields here
-  /* eslint-disable react/sort-comp */ // The wrapper element for the canvas, used for sizing
-  // Listen for resizing of the element and update the canvas appropriately
-  // We draw the canvas on the next animation frame, keep track of the next one
-  // Keep track of previous metrics and new metrics for comparison
-  // Track the cursor that is currently added to the document
-  // Add to document so that when dragging the cursor stays, even if mouse leaves the canvas
-  // Note: on document, not body so that cursor styling can be combined with
-  // blocked pointer events that would otherwise prevent cursor styling from showing
+  /* eslint-disable react/sort-comp */
+
   /* eslint-enable react/sort-comp */
 
   constructor(props) {
@@ -88,12 +79,20 @@ class Grid extends PureComponent {
     _defineProperty(this, "metricCalculator", void 0);
     _defineProperty(this, "canvas", void 0);
     _defineProperty(this, "canvasContext", void 0);
+    // The wrapper element for the canvas, used for sizing
     _defineProperty(this, "canvasWrapper", void 0);
+    // Listen for resizing of the element and update the canvas appropriately
     _defineProperty(this, "resizeObserver", void 0);
+    // We draw the canvas on the next animation frame, keep track of the next one
     _defineProperty(this, "animationFrame", void 0);
+    // Keep track of previous metrics and new metrics for comparison
     _defineProperty(this, "prevMetrics", void 0);
     _defineProperty(this, "metrics", void 0);
     _defineProperty(this, "renderState", void 0);
+    // Track the cursor that is currently added to the document
+    // Add to document so that when dragging the cursor stays, even if mouse leaves the canvas
+    // Note: on document, not body so that cursor styling can be combined with
+    // blocked pointer events that would otherwise prevent cursor styling from showing
     _defineProperty(this, "documentCursor", void 0);
     _defineProperty(this, "dragTimer", void 0);
     _defineProperty(this, "keyHandlers", void 0);
@@ -202,7 +201,7 @@ class Grid extends PureComponent {
     // Need to explicitly add wheel event to canvas so we can preventDefault/avoid passive listener issue
     // Otherwise React attaches listener at doc level and you can't prevent default
     // https://github.com/facebook/react/issues/14856
-    (_this$canvas = this.canvas) === null || _this$canvas === void 0 ? void 0 : _this$canvas.addEventListener('wheel', this.handleWheel, {
+    (_this$canvas = this.canvas) === null || _this$canvas === void 0 || _this$canvas.addEventListener('wheel', this.handleWheel, {
       passive: false
     });
     if (this.canvasWrapper.current != null) {
@@ -303,7 +302,7 @@ class Grid extends PureComponent {
     if (this.animationFrame != null) {
       cancelAnimationFrame(this.animationFrame);
     }
-    (_this$canvas2 = this.canvas) === null || _this$canvas2 === void 0 ? void 0 : _this$canvas2.removeEventListener('wheel', this.handleWheel);
+    (_this$canvas2 = this.canvas) === null || _this$canvas2 === void 0 || _this$canvas2.removeEventListener('wheel', this.handleWheel);
     window.removeEventListener('mousemove', this.handleMouseDrag, true);
     window.removeEventListener('mouseup', this.handleMouseUp, true);
     this.resizeObserver.disconnect();
@@ -387,8 +386,8 @@ class Grid extends PureComponent {
    * @returns The model index
    */
   getModelColumn(columnIndex) {
-    var _this$metrics, _this$metrics$modelCo;
-    var modelIndex = (_this$metrics = this.metrics) === null || _this$metrics === void 0 ? void 0 : (_this$metrics$modelCo = _this$metrics.modelColumns) === null || _this$metrics$modelCo === void 0 ? void 0 : _this$metrics$modelCo.get(columnIndex);
+    var _this$metrics;
+    var modelIndex = (_this$metrics = this.metrics) === null || _this$metrics === void 0 || (_this$metrics = _this$metrics.modelColumns) === null || _this$metrics === void 0 ? void 0 : _this$metrics.get(columnIndex);
     if (modelIndex === undefined) {
       throw new Error("Unable to get ModelIndex for column ".concat(columnIndex));
     }
@@ -401,8 +400,8 @@ class Grid extends PureComponent {
    * @returns The model index
    */
   getModelRow(rowIndex) {
-    var _this$metrics2, _this$metrics2$modelR;
-    var modelIndex = (_this$metrics2 = this.metrics) === null || _this$metrics2 === void 0 ? void 0 : (_this$metrics2$modelR = _this$metrics2.modelRows) === null || _this$metrics2$modelR === void 0 ? void 0 : _this$metrics2$modelR.get(rowIndex);
+    var _this$metrics2;
+    var modelIndex = (_this$metrics2 = this.metrics) === null || _this$metrics2 === void 0 || (_this$metrics2 = _this$metrics2.modelRows) === null || _this$metrics2 === void 0 ? void 0 : _this$metrics2.get(rowIndex);
     if (modelIndex === undefined) {
       throw new Error("Unable to get ModelIndex for row ".concat(rowIndex));
     }
@@ -859,8 +858,8 @@ class Grid extends PureComponent {
         // If it's the exact same single selection, then deselect.
         // For if we click on one cell multiple times.
         return {
-          selectedRanges: [],
-          lastSelectedRanges: [],
+          selectedRanges: EMPTY_ARRAY,
+          lastSelectedRanges: EMPTY_ARRAY,
           cursorColumn: null,
           cursorRow: null
         };
@@ -1259,22 +1258,22 @@ class Grid extends PureComponent {
           columnCount,
           rowCount
         } = model;
-        var _ranges = selectedRanges;
+        var ranges = selectedRanges;
         // If each cell is a single selection, we need to update the selection to map to the newly pasted data
         // Check for
-        if (_ranges.every(range => {
+        if (ranges.every(range => {
           var _range$startColumn, _range$startRow;
           return GridRange.cellCount([range]) === 1 && ((_range$startColumn = range.startColumn) !== null && _range$startColumn !== void 0 ? _range$startColumn : 0) + tableWidth <= columnCount && ((_range$startRow = range.startRow) !== null && _range$startRow !== void 0 ? _range$startRow : 0) + tableHeight <= rowCount;
         })) {
           // Remap the selected ranges
-          _ranges = _ranges.map(range => {
+          ranges = ranges.map(range => {
             var _range$startColumn2, _range$startRow2;
             return new GridRange(range.startColumn, range.startRow, ((_range$startColumn2 = range.startColumn) !== null && _range$startColumn2 !== void 0 ? _range$startColumn2 : 0) + tableWidth - 1, ((_range$startRow2 = range.startRow) !== null && _range$startRow2 !== void 0 ? _range$startRow2 : 0) + tableHeight - 1);
           });
-          _this.setSelectedRanges(_ranges);
+          _this.setSelectedRanges(ranges);
         }
         var edits = [];
-        _ranges.forEach(range => {
+        ranges.forEach(range => {
           var _range$startColumn3;
           if (((_range$startColumn3 = range.startColumn) !== null && _range$startColumn3 !== void 0 ? _range$startColumn3 : 0) + tableWidth > columnCount) {
             throw new PasteError('Pasted content would overflow columns.');
@@ -1417,7 +1416,7 @@ class Grid extends PureComponent {
    */
   focus() {
     var _this$canvas3;
-    (_this$canvas3 = this.canvas) === null || _this$canvas3 === void 0 ? void 0 : _this$canvas3.focus();
+    (_this$canvas3 = this.canvas) === null || _this$canvas3 === void 0 || _this$canvas3.focus();
   }
 
   /**
@@ -1445,7 +1444,7 @@ class Grid extends PureComponent {
         break;
       }
     }
-    (_this$canvas4 = this.canvas) === null || _this$canvas4 === void 0 ? void 0 : _this$canvas4.focus();
+    (_this$canvas4 = this.canvas) === null || _this$canvas4 === void 0 || _this$canvas4.focus();
   }
 
   /**
@@ -2058,6 +2057,8 @@ _defineProperty(Grid, "defaultProps", {
     autoSelectRow: false
   }
 });
+// use same constant as chrome source for windows
+// https://github.com/chromium/chromium/blob/973af9d461b6b5dc60208c8d3d66adc27e53da78/ui/events/blink/web_input_event_builders_win.cc#L285
 _defineProperty(Grid, "pixelsPerLine", 100 / 3);
 _defineProperty(Grid, "dragTimeout", 1000);
 _defineProperty(Grid, "getTheme", memoize((contextTheme, userTheme) => _objectSpread(_objectSpread(_objectSpread({}, GridTheme), contextTheme), userTheme)));