@deephaven/grid 0.25.1-beta.0 → 0.25.1-beta.2

package/dist/GridRenderer.js

@@ -195,8 +195,8 @@ export class GridRenderer {
       floatingRows,
       rowCount,
       visibleColumns,
-      visibleRowYs,
-      visibleRowHeights
+      allRowYs,
+      allRowHeights
     } = metrics;
     if (floatingRows.length === 0) {
       return;
@@ -216,15 +216,15 @@ export class GridRenderer {
       this.drawSelectedRanges(context, state, {
         top: 0,
         bottom: floatingTopRowCount - 1,
-        maxY: getOrThrow(visibleRowYs, floatingTopRowCount - 1) + getOrThrow(visibleRowHeights, floatingTopRowCount - 1) - 0.5
+        maxY: getOrThrow(allRowYs, floatingTopRowCount - 1) + getOrThrow(allRowHeights, floatingTopRowCount - 1) - 0.5
       });
     }
     if (floatingBottomRowCount > 0) {
       this.drawSelectedRanges(context, state, {
         top: rowCount - floatingBottomRowCount - 1,
         bottom: rowCount - 1,
-        minY: getOrThrow(visibleRowYs, rowCount - floatingBottomRowCount) + 0.5,
-        maxY: getOrThrow(visibleRowYs, rowCount - 1) + getOrThrow(visibleRowHeights, rowCount - 1) - 0.5
+        minY: getOrThrow(allRowYs, rowCount - floatingBottomRowCount) + 0.5,
+        maxY: getOrThrow(allRowYs, rowCount - 1) + getOrThrow(allRowHeights, rowCount - 1) - 0.5
       });
     }
 
@@ -254,8 +254,8 @@ export class GridRenderer {
       maxX,
       columnCount,
       visibleRows,
-      visibleColumnXs,
-      visibleColumnWidths,
+      allColumnXs,
+      allColumnWidths,
       width,
       height
     } = metrics;
@@ -284,15 +284,15 @@ export class GridRenderer {
     if (floatingLeftColumnCount > 0) {
       this.drawSelectedRanges(context, state, {
         left: 0,
-        maxX: getOrThrow(visibleColumnXs, floatingLeftColumnCount - 1) + getOrThrow(visibleColumnWidths, floatingLeftColumnCount - 1)
+        maxX: getOrThrow(allColumnXs, floatingLeftColumnCount - 1) + getOrThrow(allColumnWidths, floatingLeftColumnCount - 1)
       });
     }
     if (floatingRightColumnCount > 0) {
       this.drawSelectedRanges(context, state, {
         left: columnCount - floatingRightColumnCount,
         right: columnCount - 1,
-        minX: getOrThrow(visibleColumnXs, columnCount - floatingRightColumnCount) + 0.5,
-        maxX: getOrThrow(visibleColumnXs, columnCount - 1) + getOrThrow(visibleColumnWidths, columnCount - 1)
+        minX: getOrThrow(allColumnXs, columnCount - floatingRightColumnCount) + 0.5,
+        maxX: getOrThrow(allColumnXs, columnCount - 1) + getOrThrow(allColumnWidths, columnCount - 1)
       });
     }
 
@@ -317,10 +317,10 @@ export class GridRenderer {
       floatingRightColumnCount,
       rowCount,
       columnCount,
-      visibleRowYs,
-      visibleColumnXs,
-      visibleRowHeights,
-      visibleColumnWidths,
+      allRowYs,
+      allColumnXs,
+      allRowHeights,
+      allColumnWidths,
       maxX,
       maxY
     } = metrics;
@@ -332,22 +332,22 @@ export class GridRenderer {
     context.beginPath();
     context.strokeStyle = floatingDividerOuterColor;
     if (floatingTopRowCount > 0) {
-      var y = getOrThrow(visibleRowYs, floatingTopRowCount - 1) + getOrThrow(visibleRowHeights, floatingTopRowCount - 1) + 0.5;
+      var y = getOrThrow(allRowYs, floatingTopRowCount - 1) + getOrThrow(allRowHeights, floatingTopRowCount - 1) + 0.5;
       context.moveTo(0, y);
       context.lineTo(maxX, y);
     }
     if (floatingBottomRowCount > 0) {
-      var _y = getOrThrow(visibleRowYs, rowCount - floatingBottomRowCount) - 0.5;
+      var _y = getOrThrow(allRowYs, rowCount - floatingBottomRowCount) - 0.5;
       context.moveTo(0, _y);
       context.lineTo(maxX, _y);
     }
     if (floatingLeftColumnCount > 0) {
-      var x = getOrThrow(visibleColumnXs, floatingLeftColumnCount - 1) + getOrThrow(visibleColumnWidths, floatingLeftColumnCount - 1) + 0.5;
+      var x = getOrThrow(allColumnXs, floatingLeftColumnCount - 1) + getOrThrow(allColumnWidths, floatingLeftColumnCount - 1) + 0.5;
       context.moveTo(x, 0);
       context.lineTo(x, maxY);
     }
     if (floatingRightColumnCount > 0) {
-      var _x = getOrThrow(visibleColumnXs, columnCount - floatingRightColumnCount) - 0.5;
+      var _x = getOrThrow(allColumnXs, columnCount - floatingRightColumnCount) - 0.5;
       context.moveTo(_x, 0);
       context.lineTo(_x, maxY);
     }
@@ -356,22 +356,22 @@ export class GridRenderer {
     context.lineWidth = 1;
     context.strokeStyle = floatingDividerInnerColor;
     if (floatingTopRowCount > 0) {
-      var _y2 = getOrThrow(visibleRowYs, floatingTopRowCount - 1) + getOrThrow(visibleRowHeights, floatingTopRowCount - 1) + 0.5;
+      var _y2 = getOrThrow(allRowYs, floatingTopRowCount - 1) + getOrThrow(allRowHeights, floatingTopRowCount - 1) + 0.5;
       context.moveTo(0, _y2);
       context.lineTo(maxX, _y2);
     }
     if (floatingBottomRowCount > 0) {
-      var _y3 = getOrThrow(visibleRowYs, rowCount - floatingBottomRowCount) - 0.5;
+      var _y3 = getOrThrow(allRowYs, rowCount - floatingBottomRowCount) - 0.5;
       context.moveTo(0, _y3);
       context.lineTo(maxX, _y3);
     }
     if (floatingLeftColumnCount > 0) {
-      var _x2 = getOrThrow(visibleColumnXs, floatingLeftColumnCount - 1) + getOrThrow(visibleColumnWidths, floatingLeftColumnCount - 1) + 0.5;
+      var _x2 = getOrThrow(allColumnXs, floatingLeftColumnCount - 1) + getOrThrow(allColumnWidths, floatingLeftColumnCount - 1) + 0.5;
       context.moveTo(_x2, 0);
       context.lineTo(_x2, maxY);
     }
     if (floatingRightColumnCount > 0) {
-      var _x3 = getOrThrow(visibleColumnXs, columnCount - floatingRightColumnCount) - 0.5;
+      var _x3 = getOrThrow(allColumnXs, columnCount - floatingRightColumnCount) - 0.5;
       context.moveTo(_x3, 0);
       context.lineTo(_x3, maxY);
     }
@@ -398,20 +398,20 @@ export class GridRenderer {
       floatingTopRowCount,
       columnCount,
       rowCount,
-      visibleRowHeights,
-      visibleRowYs,
-      visibleColumnXs,
-      visibleColumnWidths,
+      allRowHeights,
+      allRowYs,
+      allColumnXs,
+      allColumnWidths,
       width,
       height
     } = metrics;
     this.drawSelectedRanges(context, state, {
       bottom: Math.min(bottom, rowCount - floatingBottomRowCount - 1),
       right: Math.min(right, columnCount - floatingRightColumnCount - 1),
-      minX: floatingLeftColumnCount > 0 && visibleColumnXs.has(floatingLeftColumnCount + 1) ? getOrThrow(visibleColumnXs, floatingLeftColumnCount + 1) : -10,
-      minY: floatingTopRowCount > 0 && visibleRowYs.has(floatingTopRowCount + 1) ? getOrThrow(visibleRowYs, floatingTopRowCount + 1) : -10,
-      maxX: floatingRightColumnCount > 0 && visibleColumnXs.has(columnCount - floatingRightColumnCount - 1) ? getOrThrow(visibleColumnXs, columnCount - floatingRightColumnCount - 1) + getOrThrow(visibleColumnWidths, columnCount - floatingRightColumnCount - 1) - 0.5 : width + 10,
-      maxY: floatingBottomRowCount > 0 && visibleRowYs.has(rowCount - floatingBottomRowCount - 1) ? getOrThrow(visibleRowYs, rowCount - floatingBottomRowCount - 1) + getOrThrow(visibleRowHeights, rowCount - floatingBottomRowCount - 1) - 0.5 : height + 10
+      minX: floatingLeftColumnCount > 0 && allColumnXs.has(floatingLeftColumnCount + 1) ? getOrThrow(allColumnXs, floatingLeftColumnCount + 1) : -10,
+      minY: floatingTopRowCount > 0 && allRowYs.has(floatingTopRowCount + 1) ? getOrThrow(allRowYs, floatingTopRowCount + 1) : -10,
+      maxX: floatingRightColumnCount > 0 && allColumnXs.has(columnCount - floatingRightColumnCount - 1) ? getOrThrow(allColumnXs, columnCount - floatingRightColumnCount - 1) + getOrThrow(allColumnWidths, columnCount - floatingRightColumnCount - 1) - 0.5 : width + 10,
+      maxY: floatingBottomRowCount > 0 && allRowYs.has(rowCount - floatingBottomRowCount - 1) ? getOrThrow(allRowYs, rowCount - floatingBottomRowCount - 1) + getOrThrow(allRowHeights, rowCount - floatingBottomRowCount - 1) - 0.5 : height + 10
     });
   }
   drawRowStripes(context, state) {
@@ -445,8 +445,8 @@ export class GridRenderer {
     } = theme;
     var colorSets = this.getCachedBackgroundColors(rowBackgroundColors, maxDepth);
     var {
-      visibleRowYs,
-      visibleRowHeights
+      allRowYs,
+      allRowHeights
     } = metrics;
 
     // Optimize by grouping together all rows that end up with the same color
@@ -482,8 +482,8 @@ export class GridRenderer {
       context.beginPath();
       for (var _i = 0; _i < colorRows.length; _i += 1) {
         var _row = colorRows[_i];
-        var y = getOrThrow(visibleRowYs, _row);
-        var rowHeight = getOrThrow(visibleRowHeights, _row);
+        var y = getOrThrow(allRowYs, _row);
+        var rowHeight = getOrThrow(allRowHeights, _row);
         context.rect(minX, y, maxX, rowHeight);
       }
       context.fill();
@@ -498,7 +498,7 @@ export class GridRenderer {
       context.fillStyle = gradient;
       for (var _i2 = 0; _i2 < topShadowRows.length; _i2 += 1) {
         var _row2 = topShadowRows[_i2];
-        var y = getOrThrow(visibleRowYs, _row2);
+        var y = getOrThrow(allRowYs, _row2);
         // Use a translate so we can reuse the gradient
         context.translate(0, y);
         context.fillRect(minX, 0, maxX, shadowBlur);
@@ -516,8 +516,8 @@ export class GridRenderer {
       context.fillStyle = _gradient;
       for (var _i3 = 0; _i3 < bottomShadowRows.length; _i3 += 1) {
         var _row3 = bottomShadowRows[_i3];
-        var _y4 = getOrThrow(visibleRowYs, _row3);
-        var rowHeight = getOrThrow(visibleRowHeights, _row3);
+        var _y4 = getOrThrow(allRowYs, _row3);
+        var rowHeight = getOrThrow(allRowHeights, _row3);
         var gradientY = _y4 + rowHeight - shadowBlur;
         // Use a translate so we can reuse the gradient
         context.translate(0, gradientY);
@@ -540,15 +540,15 @@ export class GridRenderer {
       return;
     }
     var {
-      visibleColumnWidths,
-      visibleColumnXs,
+      allColumnWidths,
+      allColumnXs,
       maxY
     } = metrics;
     if (mouseY > maxY) {
       return;
     }
-    var x = getOrThrow(visibleColumnXs, mouseColumn);
-    var columnWidth = getOrThrow(visibleColumnWidths, mouseColumn);
+    var x = getOrThrow(allColumnXs, mouseColumn);
+    var columnWidth = getOrThrow(allColumnWidths, mouseColumn);
     context.fillStyle = theme.columnHoverBackgroundColor;
     context.fillRect(x, 0, columnWidth, maxY);
   }
@@ -601,12 +601,12 @@ export class GridRenderer {
       theme
     } = state;
     var {
-      visibleRowHeights,
-      visibleRowYs,
+      allRowHeights,
+      allRowYs,
       maxX
     } = metrics;
-    var y = getOrThrow(visibleRowYs, row);
-    var rowHeight = getOrThrow(visibleRowHeights, row);
+    var y = getOrThrow(allRowYs, row);
+    var rowHeight = getOrThrow(allRowHeights, row);
     if (theme.rowHoverBackgroundColor != null) {
       context.fillStyle = theme.rowHoverBackgroundColor;
     }
@@ -656,12 +656,12 @@ export class GridRenderer {
       metrics
     } = state;
     var {
-      visibleColumnXs,
+      allColumnXs,
       maxY
     } = metrics;
     for (var i = 0; i < columns.length; i += 1) {
       var column = columns[i];
-      var x = getOrThrow(visibleColumnXs, column) + 0.5;
+      var x = getOrThrow(allColumnXs, column) + 0.5;
       context.moveTo(x, 0);
       context.lineTo(x, maxY);
     }
@@ -671,7 +671,7 @@ export class GridRenderer {
       metrics
     } = state;
     var {
-      visibleRowYs,
+      allRowYs,
       maxX: metricsMaxX
     } = metrics;
     var maxX = metricsMaxX;
@@ -679,7 +679,7 @@ export class GridRenderer {
     // Draw row lines
     for (var i = 0; i < rows.length; i += 1) {
       var row = rows[i];
-      var y = getOrThrow(visibleRowYs, row) + 0.5;
+      var y = getOrThrow(allRowYs, row) + 0.5;
       context.moveTo(0.5, y);
       context.lineTo(maxX - 0.5, y);
     }
@@ -716,10 +716,10 @@ export class GridRenderer {
       firstColumn,
       modelColumns,
       modelRows,
-      visibleColumnXs,
-      visibleColumnWidths,
-      visibleRowYs,
-      visibleRowHeights
+      allColumnXs,
+      allColumnWidths,
+      allRowYs,
+      allRowHeights
     } = metrics;
     var modelRow = getOrThrow(modelRows, row);
     var modelColumn = getOrThrow(modelColumns, column);
@@ -727,10 +727,10 @@ export class GridRenderer {
     var isFirstColumn = column === firstColumn;
     var hasExpandableRows = isExpandableGridModel(model) && model.hasExpandableRows;
     if (backgroundColor != null) {
-      var x = getOrThrow(visibleColumnXs, column) + 1;
-      var y = getOrThrow(visibleRowYs, row) + 1;
-      var columnWidth = getOrThrow(visibleColumnWidths, column) - 1;
-      var rowHeight = getOrThrow(visibleRowHeights, row) - 1;
+      var x = getOrThrow(allColumnXs, column) + 1;
+      var y = getOrThrow(allRowYs, row) + 1;
+      var columnWidth = getOrThrow(allColumnWidths, column) - 1;
+      var rowHeight = getOrThrow(allRowHeights, row) - 1;
       context.fillStyle = backgroundColor;
       context.fillRect(x, y, columnWidth, rowHeight);
     }
@@ -755,13 +755,13 @@ export class GridRenderer {
       metrics
     } = state;
     var {
-      visibleColumnXs,
-      visibleColumnWidths,
+      allColumnXs,
+      allColumnWidths,
       visibleRows,
       height
     } = metrics;
-    var x = getOrThrow(visibleColumnXs, column);
-    var columnWidth = getOrThrow(visibleColumnWidths, column);
+    var x = getOrThrow(allColumnXs, column);
+    var columnWidth = getOrThrow(allColumnWidths, column);
     context.save();
     context.beginPath();
     context.rect(x, 0, columnWidth, height);
@@ -795,20 +795,20 @@ export class GridRenderer {
     } = state;
     var {
       firstColumn,
-      visibleColumnXs,
-      visibleColumnWidths,
-      visibleRowYs,
-      visibleRowHeights
+      allColumnXs,
+      allColumnWidths,
+      allRowYs,
+      allRowHeights
     } = metrics;
     var {
       cellHorizontalPadding,
       treeDepthIndent,
       treeHorizontalPadding
     } = theme;
-    var x = getOrThrow(visibleColumnXs, column);
-    var y = getOrThrow(visibleRowYs, row);
-    var columnWidth = getOrThrow(visibleColumnWidths, column);
-    var rowHeight = getOrThrow(visibleRowHeights, row);
+    var x = getOrThrow(allColumnXs, column);
+    var y = getOrThrow(allRowYs, row);
+    var columnWidth = getOrThrow(allColumnWidths, column);
+    var rowHeight = getOrThrow(allRowHeights, row);
     var isFirstColumn = column === firstColumn;
     var treeIndent = 0;
     if (isExpandableGridModel(model) && model.hasExpandableRows && isFirstColumn) {
@@ -840,12 +840,12 @@ export class GridRenderer {
       fontWidths,
       modelColumns,
       modelRows,
-      visibleRowHeights
+      allRowHeights
     } = metrics;
     var {
       textColor
     } = theme;
-    var rowHeight = getOrThrow(visibleRowHeights, row);
+    var rowHeight = getOrThrow(allRowHeights, row);
     var modelRow = getOrThrow(modelRows, row);
     var modelColumn = getOrThrow(modelColumns, column);
     var text = textOverride !== null && textOverride !== void 0 ? textOverride : model.textForCell(modelColumn, modelRow);
@@ -884,20 +884,20 @@ export class GridRenderer {
       firstColumn,
       gridX,
       gridY,
-      visibleColumnXs,
-      visibleColumnWidths,
-      visibleRowYs,
-      visibleRowHeights,
+      allColumnXs,
+      allColumnWidths,
+      allRowYs,
+      allRowHeights,
       visibleRowTreeBoxes
     } = metrics;
     var {
       treeMarkerColor,
       treeMarkerHoverColor
     } = theme;
-    var columnX = getOrThrow(visibleColumnXs, firstColumn);
-    var columnWidth = getOrThrow(visibleColumnWidths, firstColumn);
-    var rowY = getOrThrow(visibleRowYs, row);
-    var rowHeight = getOrThrow(visibleRowHeights, row);
+    var columnX = getOrThrow(allColumnXs, firstColumn);
+    var columnWidth = getOrThrow(allColumnWidths, firstColumn);
+    var rowY = getOrThrow(allRowYs, row);
+    var rowHeight = getOrThrow(allRowHeights, row);
     if (!isExpandableGridModel(model) || !model.isRowExpandable(row)) {
       return;
     }
@@ -930,18 +930,18 @@ export class GridRenderer {
     if (depth === 0) return;
     var {
       firstColumn,
-      visibleColumnXs,
-      visibleRowYs,
-      visibleRowHeights
+      allColumnXs,
+      allRowYs,
+      allRowHeights
     } = metrics;
     var {
       treeDepthIndent,
       treeHorizontalPadding,
       treeLineColor
     } = theme;
-    var columnX = getOrThrow(visibleColumnXs, firstColumn);
-    var rowY = getOrThrow(visibleRowYs, row);
-    var rowHeight = getOrThrow(visibleRowHeights, row);
+    var columnX = getOrThrow(allColumnXs, firstColumn);
+    var rowY = getOrThrow(allRowYs, row);
+    var rowHeight = getOrThrow(allRowHeights, row);
     var depthRowAfter = rowAfter !== undefined ? model.depthForRow(rowAfter) : 0;
     var depthDiff = depth > depthRowAfter ? depth - depthRowAfter : 0;
     context.strokeStyle = treeLineColor;
@@ -1003,8 +1003,8 @@ export class GridRenderer {
       gridX,
       width,
       visibleColumns,
-      visibleColumnWidths,
-      visibleColumnXs,
+      allColumnWidths,
+      allColumnXs,
       floatingLeftColumnCount,
       floatingLeftWidth,
       floatingRightWidth,
@@ -1036,7 +1036,7 @@ export class GridRenderer {
     }
     if (headerSeparatorColor) {
       context.strokeStyle = headerSeparatorColor;
-      var hiddenColumns = [...visibleColumnWidths.entries()].filter(_ref => {
+      var hiddenColumns = [...allColumnWidths.entries()].filter(_ref => {
         var [_, w] = _ref;
         return w === 0;
       }).map(_ref2 => {
@@ -1049,8 +1049,8 @@ export class GridRenderer {
       context.fillStyle = headerSeparatorColor;
       for (var i = 0; i < hiddenColumns.length; i += 1) {
         var column = hiddenColumns[i];
-        var columnX = getOrThrow(visibleColumnXs, column);
-        var columnWidth = getOrThrow(visibleColumnWidths, column);
+        var columnX = getOrThrow(allColumnXs, column);
+        var columnWidth = getOrThrow(allColumnWidths, column);
         var minX = gridX + columnX + columnWidth + 0.5 - headerHiddenSeparatorSize * 0.5;
         context.rect(minX, hiddenY, headerHiddenSeparatorSize, hiddenSeparatorHeight);
       }
@@ -1080,12 +1080,12 @@ export class GridRenderer {
       }
       if (shouldDrawSeparator && highlightedSeparator != null && depth != null && (!isDragging || draggingColumnSeparator != null)) {
         context.strokeStyle = headerSeparatorHoverColor;
-        var _columnX = getOrThrow(visibleColumnXs, highlightedSeparator);
-        var _columnWidth = getOrThrow(visibleColumnWidths, highlightedSeparator);
+        var _columnX = getOrThrow(allColumnXs, highlightedSeparator);
+        var _columnWidth = getOrThrow(allColumnWidths, highlightedSeparator);
         var x = gridX + _columnX + _columnWidth + 0.5;
         var visibleColumnIndex = visibleColumns.indexOf(highlightedSeparator);
         var nextColumn = visibleColumnIndex < visibleColumns.length - 1 ? visibleColumns[visibleColumnIndex + 1] : null;
-        var nextColumnWidth = nextColumn != null ? visibleColumnWidths.get(nextColumn) : null;
+        var nextColumnWidth = nextColumn != null ? allColumnWidths.get(nextColumn) : null;
         var isColumnHidden = _columnWidth === 0;
         var isNextColumnHidden = nextColumnWidth != null && nextColumnWidth === 0;
         if (isColumnHidden) {
@@ -1128,11 +1128,11 @@ export class GridRenderer {
     } = state;
     var {
       modelColumns,
-      visibleColumnXs,
+      allColumnXs,
       gridX,
       calculatedColumnWidths,
       userColumnWidths,
-      visibleColumnWidths,
+      allColumnWidths,
       movedColumns
     } = metrics;
     var {
@@ -1174,8 +1174,8 @@ export class GridRenderer {
         var modelColumn = getOrThrow(modelColumns, columnIndex);
         var columnGroupName = model.textForColumnHeader(modelColumn, depth);
         var columnGroupColor = model.colorForColumnHeader(modelColumn, depth);
-        var columnGroupLeft = getOrThrow(visibleColumnXs, columnIndex) + gridX;
-        var columnGroupRight = columnGroupLeft + getOrThrow(visibleColumnWidths, columnIndex);
+        var columnGroupLeft = getOrThrow(allColumnXs, columnIndex) + gridX;
+        var columnGroupRight = columnGroupLeft + getOrThrow(allColumnWidths, columnIndex);
         if (columnGroupName != null) {
           // Need to determine if the column group is at least the width of the bounds
           // And if the left/right of the group extend past the bounds
@@ -1245,12 +1245,12 @@ export class GridRenderer {
     } = state;
     var {
       modelColumns,
-      visibleColumnWidths,
-      visibleColumnXs,
+      allColumnWidths,
+      allColumnXs,
       gridX
     } = metrics;
-    var width = getOrThrow(visibleColumnWidths, index);
-    var x = getOrThrow(visibleColumnXs, index) + gridX;
+    var width = getOrThrow(allColumnWidths, index);
+    var x = getOrThrow(allColumnXs, index) + gridX;
     var modelColumn = getOrThrow(modelColumns, index);
     var text = model.textForColumnHeader(modelColumn);
     if (text == null) {
@@ -1389,8 +1389,8 @@ export class GridRenderer {
       rowHeaderWidth,
       height,
       visibleRows,
-      visibleRowHeights,
-      visibleRowYs
+      allRowHeights,
+      allRowYs
     } = metrics;
     if (rowHeaderWidth <= 0) {
       return;
@@ -1422,8 +1422,8 @@ export class GridRenderer {
       var isPreviousRowHidden = false;
       for (var i = 0; i < visibleRows.length; i += 1) {
         var row = visibleRows[i];
-        var rowY = getOrThrow(visibleRowYs, row);
-        var rowHeight = getOrThrow(visibleRowHeights, row);
+        var rowY = getOrThrow(allRowYs, row);
+        var rowHeight = getOrThrow(allRowHeights, row);
         if (rowHeight > 0) {
           var y = gridY + rowY + rowHeight + 0.5;
           context.moveTo(0, y);
@@ -1445,8 +1445,8 @@ export class GridRenderer {
       context.fillStyle = headerSeparatorColor;
       for (var _i5 = 0; _i5 < hiddenRows.length; _i5 += 1) {
         var _row4 = hiddenRows[_i5];
-        var _rowY = getOrThrow(visibleRowYs, _row4);
-        var _rowHeight = getOrThrow(visibleRowHeights, _row4);
+        var _rowY = getOrThrow(allRowYs, _row4);
+        var _rowHeight = getOrThrow(allRowHeights, _row4);
         var minY = gridY + _rowY + _rowHeight + 0.5 - headerHiddenSeparatorSize * 0.5;
         context.rect(hiddenX, minY, hiddenSeparatorWidth, headerHiddenSeparatorSize);
       }
@@ -1461,12 +1461,12 @@ export class GridRenderer {
       }
       if (highlightedSeparator != null) {
         context.strokeStyle = headerSeparatorHoverColor;
-        var _rowY2 = getOrThrow(visibleRowYs, highlightedSeparator);
-        var _rowHeight2 = getOrThrow(visibleRowHeights, highlightedSeparator);
+        var _rowY2 = getOrThrow(allRowYs, highlightedSeparator);
+        var _rowHeight2 = getOrThrow(allRowHeights, highlightedSeparator);
         var _y5 = gridY + _rowY2 + _rowHeight2 + 0.5;
         var visibleRowIndex = visibleRows.indexOf(highlightedSeparator);
         var nextRow = visibleRowIndex < visibleRows.length - 1 ? visibleRows[visibleRowIndex + 1] : null;
-        var nextRowHeight = nextRow != null ? visibleRowHeights.get(nextRow) : null;
+        var nextRowHeight = nextRow != null ? allRowHeights.get(nextRow) : null;
         var isRowHidden = _rowHeight2 === 0;
         var isNextRowHidden = nextRowHeight != null && nextRowHeight === 0;
         if (isRowHidden) {
@@ -1492,8 +1492,8 @@ export class GridRenderer {
     context.textAlign = 'right';
     for (var _i6 = 0; _i6 < visibleRows.length; _i6 += 1) {
       var _row5 = visibleRows[_i6];
-      var _rowHeight3 = getOrThrow(visibleRowHeights, _row5);
-      var _y6 = getOrThrow(visibleRowYs, _row5) + gridY;
+      var _rowHeight3 = getOrThrow(allRowHeights, _row5);
+      var _y6 = getOrThrow(allRowYs, _row5) + gridY;
       this.drawRowHeader(context, state, _row5, _y6, _rowHeight3);
     }
     context.restore();
@@ -1534,8 +1534,8 @@ export class GridRenderer {
       height,
       verticalBarWidth,
       visibleRows,
-      visibleRowHeights,
-      visibleRowYs,
+      allRowHeights,
+      allRowYs,
       width
     } = metrics;
     if (rowFooterWidth <= 0) {
@@ -1570,8 +1570,8 @@ export class GridRenderer {
       var isPreviousRowHidden = false;
       for (var i = 0; i < visibleRows.length; i += 1) {
         var row = visibleRows[i];
-        var rowY = getOrThrow(visibleRowYs, row);
-        var rowHeight = getOrThrow(visibleRowHeights, row);
+        var rowY = getOrThrow(allRowYs, row);
+        var rowHeight = getOrThrow(allRowHeights, row);
         if (rowHeight > 0) {
           var y = gridY + rowY + rowHeight + 0.5;
           context.moveTo(x + 0.5, y);
@@ -1593,8 +1593,8 @@ export class GridRenderer {
       context.fillStyle = headerSeparatorColor;
       for (var _i7 = 0; _i7 < hiddenRows.length; _i7 += 1) {
         var _row6 = hiddenRows[_i7];
-        var _rowY3 = getOrThrow(visibleRowYs, _row6);
-        var _rowHeight4 = getOrThrow(visibleRowHeights, _row6);
+        var _rowY3 = getOrThrow(allRowYs, _row6);
+        var _rowHeight4 = getOrThrow(allRowHeights, _row6);
         var minY = gridY + _rowY3 + _rowHeight4 + 0.5 - headerHiddenSeparatorSize * 0.5;
         context.rect(x + hiddenX, minY, hiddenSeparatorWidth, headerHiddenSeparatorSize);
       }
@@ -1609,12 +1609,12 @@ export class GridRenderer {
       }
       if (highlightedSeparator != null) {
         context.strokeStyle = headerSeparatorHoverColor;
-        var _rowY4 = getOrThrow(visibleRowYs, highlightedSeparator);
-        var _rowHeight5 = getOrThrow(visibleRowHeights, highlightedSeparator);
+        var _rowY4 = getOrThrow(allRowYs, highlightedSeparator);
+        var _rowHeight5 = getOrThrow(allRowHeights, highlightedSeparator);
         var _y7 = gridY + _rowY4 + _rowHeight5 + 0.5;
         var visibleRowIndex = visibleRows.indexOf(highlightedSeparator);
         var nextRow = visibleRowIndex < visibleRows.length - 1 ? visibleRows[visibleRowIndex + 1] : null;
-        var nextRowHeight = nextRow != null ? visibleRowHeights.get(nextRow) : null;
+        var nextRowHeight = nextRow != null ? allRowHeights.get(nextRow) : null;
         var isRowHidden = _rowHeight5 === 0;
         var isNextRowHidden = nextRowHeight != null && nextRowHeight === 0;
         if (isRowHidden) {
@@ -1641,9 +1641,9 @@ export class GridRenderer {
     var textX = x + cellHorizontalPadding;
     for (var _i8 = 0; _i8 < visibleRows.length; _i8 += 1) {
       var _row7 = visibleRows[_i8];
-      var _rowHeight6 = getOrThrow(visibleRowHeights, _row7);
+      var _rowHeight6 = getOrThrow(allRowHeights, _row7);
       if (_rowHeight6 > 0) {
-        var _rowY5 = getOrThrow(visibleRowYs, _row7) + gridY;
+        var _rowY5 = getOrThrow(allRowYs, _row7) + gridY;
         var modelRow = getOrThrow(modelRows, _row7);
         var textY = _rowY5 + _rowHeight6 * 0.5;
         context.fillText(model.textForRowFooter(modelRow), textX, textY);
@@ -1665,10 +1665,10 @@ export class GridRenderer {
       theme
     } = state;
     var {
-      visibleColumnWidths,
-      visibleColumnXs,
-      visibleRowHeights,
-      visibleRowYs,
+      allColumnWidths,
+      allColumnXs,
+      allRowHeights,
+      allRowYs,
       width,
       height
     } = metrics;
@@ -1685,13 +1685,13 @@ export class GridRenderer {
     if (selectedRanges.length === 0) {
       return;
     }
-    var isCursorVisible = isEditableGridModel(model) && model.isEditable && editingCell == null && draggingRow == null && draggingColumn == null && column != null && row != null && visibleColumnXs.has(column) && visibleRowYs.has(row);
+    var isCursorVisible = isEditableGridModel(model) && model.isEditable && editingCell == null && draggingRow == null && draggingColumn == null && column != null && row != null && allColumnXs.has(column) && allRowYs.has(row);
     if (isCursorVisible) {
       // Punch a hole out where the active cell is, it gets styled differently.
-      var x = getOrThrow(visibleColumnXs, column);
-      var y = getOrThrow(visibleRowYs, row);
-      var w = getOrThrow(visibleColumnWidths, column);
-      var h = getOrThrow(visibleRowHeights, row);
+      var x = getOrThrow(allColumnXs, column);
+      var y = getOrThrow(allRowYs, row);
+      var w = getOrThrow(allColumnWidths, column);
+      var h = getOrThrow(allRowHeights, row);
       context.save();
       context.beginPath();
       context.rect(0, 0, width, height);
@@ -1709,10 +1709,10 @@ export class GridRenderer {
       var endRow = selectedRange.endRow !== null ? selectedRange.endRow : bottom;
       if (endRow >= top && bottom >= startRow && endColumn >= left && right >= startColumn) {
         // Need to offset the x/y coordinates so that the line draws nice and crisp
-        var _x4 = startColumn >= left && visibleColumnXs.has(startColumn) ? Math.round(getOrThrow(visibleColumnXs, startColumn)) + 0.5 : minX;
-        var _y8 = startRow >= top && visibleRowYs.has(startRow) ? Math.max(Math.round(getOrThrow(visibleRowYs, startRow)) + 0.5, 0.5) : minY;
-        var endX = endColumn <= right && visibleColumnXs.has(endColumn) ? Math.round(getOrThrow(visibleColumnXs, endColumn) + getOrThrow(visibleColumnWidths, endColumn)) - 0.5 : maxX;
-        var endY = endRow <= bottom && visibleRowYs.has(endRow) ? Math.round(getOrThrow(visibleRowYs, endRow) + getOrThrow(visibleRowHeights, endRow)) - 0.5 : maxY;
+        var _x4 = startColumn >= left && allColumnXs.has(startColumn) ? Math.round(getOrThrow(allColumnXs, startColumn)) + 0.5 : minX;
+        var _y8 = startRow >= top && allRowYs.has(startRow) ? Math.max(Math.round(getOrThrow(allRowYs, startRow)) + 0.5, 0.5) : minY;
+        var endX = endColumn <= right && allColumnXs.has(endColumn) ? Math.round(getOrThrow(allColumnXs, endColumn) + getOrThrow(allColumnWidths, endColumn)) - 0.5 : maxX;
+        var endY = endRow <= bottom && allRowYs.has(endRow) ? Math.round(getOrThrow(allRowYs, endRow) + getOrThrow(allRowHeights, endRow)) - 0.5 : maxY;
         context.rect(_x4, _y8, endX - _x4, endY - _y8);
       }
 
@@ -1751,15 +1751,15 @@ export class GridRenderer {
       theme
     } = state;
     var {
-      visibleColumnWidths,
-      visibleColumnXs,
-      visibleRowHeights,
-      visibleRowYs
+      allColumnWidths,
+      allColumnXs,
+      allRowHeights,
+      allRowYs
     } = metrics;
-    var cellX = getOrThrow(visibleColumnXs, column);
-    var cellY = getOrThrow(visibleRowYs, row);
-    var cellW = getOrThrow(visibleColumnWidths, column);
-    var cellH = getOrThrow(visibleRowHeights, row);
+    var cellX = getOrThrow(allColumnXs, column);
+    var cellY = getOrThrow(allRowYs, row);
+    var cellW = getOrThrow(allColumnWidths, column);
+    var cellH = getOrThrow(allRowHeights, row);
 
     // Now get the outline for the active cell
     var x = cellX - borderWidth * 0.5;
@@ -1830,8 +1830,8 @@ export class GridRenderer {
     var {
       gridX,
       gridY,
-      visibleColumnXs,
-      visibleColumnWidths,
+      allColumnXs,
+      allColumnWidths,
       height,
       width,
       columnHeaderMaxDepth,
@@ -1846,8 +1846,8 @@ export class GridRenderer {
       return;
     }
     var [startIndex, endIndex] = draggingColumnVisibleRange;
-    var originalLeft = getOrThrow(visibleColumnXs, startIndex);
-    var originalRight = getOrThrow(visibleColumnXs, endIndex) + getOrThrow(visibleColumnWidths, endIndex);
+    var originalLeft = getOrThrow(allColumnXs, startIndex);
+    var originalRight = getOrThrow(allColumnXs, endIndex) + getOrThrow(allColumnWidths, endIndex);
     var originalWidth = originalRight - originalLeft;
     var draggingLeft = draggingColumn.left;
     var {
@@ -1926,12 +1926,12 @@ export class GridRenderer {
     var {
       gridX,
       gridY,
-      visibleRowYs,
-      visibleRowHeights,
+      allRowYs,
+      allRowHeights,
       width
     } = metrics;
-    var y = getOrThrow(visibleRowYs, draggingRow);
-    var rowHeight = getOrThrow(visibleRowHeights, draggingRow) + 1;
+    var y = getOrThrow(allRowYs, draggingRow);
+    var rowHeight = getOrThrow(allRowHeights, draggingRow) + 1;
     var {
       backgroundColor,
       font,