@deephaven/iris-grid 1.22.1-alpha-pivot-builder.0 → 1.22.2-alpha-pivot-builder.0

package/dist/IrisGridRenderer.js

@@ -58,14 +58,10 @@ export class IrisGridRenderer extends GridRenderer {
     this.drawPendingRowLine(context, state);
   }
   drawCellContent(context, state, column, row) {
-    var {
-      metrics,
-      model
-    } = state;
-    var {
-      modelColumns,
-      modelRows
-    } = metrics;
+    var metrics = state.metrics,
+      model = state.model;
+    var modelColumns = metrics.modelColumns,
+      modelRows = metrics.modelRows;
     var modelColumn = modelColumns.get(column);
     var modelRow = getOrThrow(modelRows, row);
     if (modelColumn === undefined) {
@@ -76,40 +72,33 @@ export class IrisGridRenderer extends GridRenderer {
     cellRenderer.drawCellContent(context, state, column, row);
   }
   getCellOverflowButtonPosition(_ref) {
-    var {
-      mouseX,
-      mouseY,
-      metrics,
-      theme
-    } = _ref;
+    var mouseX = _ref.mouseX,
+      mouseY = _ref.mouseY,
+      metrics = _ref.metrics,
+      theme = _ref.theme;
     return this.textCellRenderer.getCellOverflowButtonPosition(mouseX, mouseY, metrics, theme);
   }
   shouldRenderOverflowButton(state) {
     return this.textCellRenderer.shouldRenderOverflowButton(state);
   }
   drawCellOverflowButton(state) {
-    var {
-      context,
-      mouseX,
-      mouseY,
-      theme
-    } = state;
+    var context = state.context,
+      mouseX = state.mouseX,
+      mouseY = state.mouseY,
+      theme = state.theme;
     if (mouseX == null || mouseY == null) return;
     if (!this.shouldRenderOverflowButton(state)) {
       return;
     }
-    var {
-      left: buttonLeft,
-      top: buttonTop,
-      width: buttonWidth,
-      height: buttonHeight
-    } = this.getCellOverflowButtonPosition(state);
-    var {
-      cellHorizontalPadding,
-      overflowButtonColor,
-      overflowButtonHoverColor,
-      iconSize
-    } = theme;
+    var _this$getCellOverflow = this.getCellOverflowButtonPosition(state),
+      buttonLeft = _this$getCellOverflow.left,
+      buttonTop = _this$getCellOverflow.top,
+      buttonWidth = _this$getCellOverflow.width,
+      buttonHeight = _this$getCellOverflow.height;
+    var cellHorizontalPadding = theme.cellHorizontalPadding,
+      overflowButtonColor = theme.overflowButtonColor,
+      overflowButtonHoverColor = theme.overflowButtonHoverColor,
+      iconSize = theme.iconSize;
     context.save();
     if (overflowButtonHoverColor != null && buttonLeft != null && buttonWidth != null && buttonTop != null && buttonHeight != null && mouseX >= buttonLeft && mouseX <= buttonLeft + buttonWidth && mouseY >= buttonTop && mouseY <= buttonTop + buttonHeight) {
       context.fillStyle = overflowButtonHoverColor;
@@ -124,19 +113,13 @@ export class IrisGridRenderer extends GridRenderer {
     context.restore();
   }
   drawGroupedColumnLine(context, state) {
-    var {
-      metrics,
-      model,
-      theme
-    } = state;
-    var {
-      groupedColumns
-    } = model;
-    var {
-      maxY,
-      allColumnWidths,
-      allColumnXs
-    } = metrics;
+    var metrics = state.metrics,
+      model = state.model,
+      theme = state.theme;
+    var groupedColumns = model.groupedColumns;
+    var maxY = metrics.maxY,
+      allColumnWidths = metrics.allColumnWidths,
+      allColumnXs = metrics.allColumnXs;
     if (groupedColumns.length === 0 || theme.groupedColumnDividerColor == null) {
       return;
     }
@@ -162,18 +145,12 @@ export class IrisGridRenderer extends GridRenderer {
     context.stroke();
   }
   drawPendingRowLine(context, state) {
-    var {
-      metrics,
-      model,
-      theme
-    } = state;
-    var {
-      allRowYs,
-      maxX
-    } = metrics;
-    var {
-      pendingRowCount
-    } = model;
+    var metrics = state.metrics,
+      model = state.model,
+      theme = state.theme;
+    var allRowYs = metrics.allRowYs,
+      maxX = metrics.maxX;
+    var pendingRowCount = model.pendingRowCount;
     if (pendingRowCount <= 0) {
       return;
     }
@@ -194,51 +171,39 @@ export class IrisGridRenderer extends GridRenderer {
     context.restore();
   }
   drawMouseColumnHover(context, state) {
-    var {
-      theme,
-      metrics,
-      hoverSelectColumn
-    } = state;
+    var theme = state.theme,
+      metrics = state.metrics,
+      hoverSelectColumn = state.hoverSelectColumn;
     if (hoverSelectColumn == null || theme.linkerColumnHoverBackgroundColor == null) {
       return;
     }
-    var {
-      allColumnWidths,
-      allColumnXs,
-      maxY
-    } = metrics;
+    var allColumnWidths = metrics.allColumnWidths,
+      allColumnXs = metrics.allColumnXs,
+      maxY = metrics.maxY;
     var x = getOrThrow(allColumnXs, hoverSelectColumn);
     var columnWidth = getOrThrow(allColumnWidths, hoverSelectColumn);
     context.fillStyle = theme.linkerColumnHoverBackgroundColor;
     context.fillRect(x, 0, columnWidth, maxY);
   }
   drawMouseRowHover(context, state) {
-    var {
-      isSelectingColumn
-    } = state;
+    var isSelectingColumn = state.isSelectingColumn;
     if (!isSelectingColumn) {
       super.drawMouseRowHover(context, state);
     }
   }
   drawScrim(state) {
-    var {
-      context,
-      loadingScrimProgress,
-      metrics,
-      theme
-    } = state;
+    var context = state.context,
+      loadingScrimProgress = state.loadingScrimProgress,
+      metrics = state.metrics,
+      theme = state.theme;
     if (loadingScrimProgress == null) {
       return;
     }
-    var {
-      width,
-      height,
-      gridY
-    } = metrics;
-    var {
-      scrimBlurSize,
-      scrimColor
-    } = theme;
+    var width = metrics.width,
+      height = metrics.height,
+      gridY = metrics.gridY;
+    var scrimBlurSize = theme.scrimBlurSize,
+      scrimColor = theme.scrimColor;
     context.save();
 
     // Use global composite so we can change the underlying layer to grayscale
@@ -264,22 +229,16 @@ export class IrisGridRenderer extends GridRenderer {
   }
   drawColumnHeaders(context, state) {
     super.drawColumnHeaders(context, state);
-    var {
-      theme,
-      metrics,
-      model,
-      reverse
-    } = state;
-    var {
-      columnHeaderHeight
-    } = metrics;
+    var theme = state.theme,
+      metrics = state.metrics,
+      model = state.model,
+      reverse = state.reverse;
+    var columnHeaderHeight = metrics.columnHeaderHeight;
     this.drawFilterHeaders(context, state);
     if (columnHeaderHeight <= 0) {
       return;
     }
-    var {
-      sort
-    } = model;
+    var sort = model.sort;
     // if there is only one sort bar, it is interior to the header to save space
     if (sort.length === 1) {
       var color;
@@ -300,15 +259,11 @@ export class IrisGridRenderer extends GridRenderer {
   }
   drawHeaderBar(context, state, color, barHeight) {
     var interior = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-    var {
-      theme,
-      metrics,
-      model
-    } = state;
-    var {
-      columnHeaderHeight,
-      width
-    } = metrics;
+    var theme = state.theme,
+      metrics = state.metrics,
+      model = state.model;
+    var columnHeaderHeight = metrics.columnHeaderHeight,
+      width = metrics.width;
     // Draw casing with 1 pixel above and below the bar,
     // 1px falls on the existing split between grid/headers
     // so don't need to be accounnted for in math elsewhere
@@ -322,21 +277,13 @@ export class IrisGridRenderer extends GridRenderer {
     context.fillRect(0, model.columnHeaderMaxDepth * columnHeaderHeight - barHeight - 1 + offset, width, barHeight);
   }
   drawColumnHeadersAtDepth(context, state, range, boundsProp, depth) {
-    var {
-      metrics,
-      model,
-      isMenuShown,
-      theme
-    } = state;
-    var {
-      columnHeaderMaxDepth
-    } = model;
-    var {
-      width
-    } = metrics;
-    var {
-      columnHeaderHeight
-    } = theme;
+    var metrics = state.metrics,
+      model = state.model,
+      isMenuShown = state.isMenuShown,
+      theme = state.theme;
+    var columnHeaderMaxDepth = model.columnHeaderMaxDepth;
+    var width = metrics.width;
+    var columnHeaderHeight = theme.columnHeaderHeight;
     var bounds = _objectSpread(_objectSpread({}, boundsProp), {}, {
       maxX: depth === columnHeaderMaxDepth - 1 && boundsProp.maxX === width ? width - (isMenuShown ? 0 : columnHeaderHeight) // Account for the menu button
       : boundsProp.maxX
@@ -346,22 +293,16 @@ export class IrisGridRenderer extends GridRenderer {
   drawColumnHeaderAtIndex(context, state, index, bounds) {
     var _model$columns$modelC;
     super.drawColumnHeaderAtIndex(context, state, index, bounds);
-    var {
-      metrics,
-      model,
-      theme
-    } = state;
-    var {
-      modelColumns,
-      allColumnWidths,
-      allColumnXs,
-      gridX,
-      columnHeaderHeight
-    } = metrics;
-    var {
-      headerHorizontalPadding,
-      iconSize: themeIconSize
-    } = theme;
+    var metrics = state.metrics,
+      model = state.model,
+      theme = state.theme;
+    var modelColumns = metrics.modelColumns,
+      allColumnWidths = metrics.allColumnWidths,
+      allColumnXs = metrics.allColumnXs,
+      gridX = metrics.gridX,
+      columnHeaderHeight = metrics.columnHeaderHeight;
+    var headerHorizontalPadding = theme.headerHorizontalPadding,
+      themeIconSize = theme.iconSize;
     var iconSize = Math.round(themeIconSize * 0.75); // The vsTriangle icons are a bit bigger than we want
     var columnWidth = getOrThrow(allColumnWidths, index, 0);
     var columnX = getOrThrow(allColumnXs, index) + gridX;
@@ -387,9 +328,7 @@ export class IrisGridRenderer extends GridRenderer {
     }
     var textWidth = this.getCachedHeaderWidth(context, text);
     var textRight = gridX + columnX + textWidth + headerHorizontalPadding;
-    var {
-      maxX
-    } = bounds;
+    var maxX = bounds.maxX;
     maxX -= headerHorizontalPadding; // Right visible edge of the headers
     // Right edge of the column. The icon has its own horizontal padding
     var defaultX = gridX + columnX + columnWidth - iconSize;
@@ -408,11 +347,9 @@ export class IrisGridRenderer extends GridRenderer {
     context.restore();
   }
   drawFilterHeaders(context, state) {
-    var {
-      isFilterBarShown,
-      quickFilters,
-      advancedFilters
-    } = state;
+    var isFilterBarShown = state.isFilterBarShown,
+      quickFilters = state.quickFilters,
+      advancedFilters = state.advancedFilters;
     if (isFilterBarShown) {
       this.drawExpandedFilterHeaders(context, state);
     } else if (quickFilters != null && quickFilters.size > 0 || advancedFilters != null && advancedFilters.size > 0) {
@@ -420,28 +357,22 @@ export class IrisGridRenderer extends GridRenderer {
     }
   }
   drawExpandedFilterHeaders(context, state) {
-    var {
-      metrics,
-      model,
-      theme,
-      quickFilters,
-      advancedFilters
-    } = state;
-    var {
-      filterBarHeight
-    } = theme;
+    var metrics = state.metrics,
+      model = state.model,
+      theme = state.theme,
+      quickFilters = state.quickFilters,
+      advancedFilters = state.advancedFilters;
+    var filterBarHeight = theme.filterBarHeight;
     if (filterBarHeight <= 0) {
       return;
     }
-    var {
-      gridX,
-      gridY,
-      maxX,
-      modelColumns,
-      visibleColumns,
-      allColumnWidths,
-      allColumnXs
-    } = metrics;
+    var gridX = metrics.gridX,
+      gridY = metrics.gridY,
+      maxX = metrics.maxX,
+      modelColumns = metrics.modelColumns,
+      visibleColumns = metrics.visibleColumns,
+      allColumnWidths = metrics.allColumnWidths,
+      allColumnXs = metrics.allColumnXs;
     var columnHeaderHeight = gridY - filterBarHeight;
     context.save();
     context.font = theme.filterBarFont;
@@ -489,23 +420,17 @@ export class IrisGridRenderer extends GridRenderer {
     if (columnWidth <= 0) {
       return;
     }
-    var {
-      metrics,
-      theme,
-      quickFilters,
-      advancedFilters
-    } = state;
-    var {
-      modelColumns,
-      gridY
-    } = metrics;
-    var {
-      filterBarHeight,
-      filterBarExpandedActiveCellBackgroundColor,
-      filterBarErrorColor,
-      filterBarHorizontalPadding,
-      headerColor
-    } = theme;
+    var metrics = state.metrics,
+      theme = state.theme,
+      quickFilters = state.quickFilters,
+      advancedFilters = state.advancedFilters;
+    var modelColumns = metrics.modelColumns,
+      gridY = metrics.gridY;
+    var filterBarHeight = theme.filterBarHeight,
+      filterBarExpandedActiveCellBackgroundColor = theme.filterBarExpandedActiveCellBackgroundColor,
+      filterBarErrorColor = theme.filterBarErrorColor,
+      filterBarHorizontalPadding = theme.filterBarHorizontalPadding,
+      headerColor = theme.headerColor;
     var columnHeaderHeight = gridY - filterBarHeight;
     var modelColumn = modelColumns.get(column);
     if (modelColumn === undefined) return;
@@ -516,18 +441,14 @@ export class IrisGridRenderer extends GridRenderer {
     }
     var text = null;
     if (quickFilter != null) {
-      var {
-        text: filterText
-      } = quickFilter;
+      var filterText = quickFilter.text;
       text = filterText;
       if (!text) {
         text = TableUtils.getFilterText(quickFilter.filter);
       }
       if (text != null) {
-        var {
-          fontWidthsLower,
-          fontWidthsUpper
-        } = metrics;
+        var fontWidthsLower = metrics.fontWidthsLower,
+          fontWidthsUpper = metrics.fontWidthsUpper;
         var fontWidthLower = fontWidthsLower.get(context.font);
         var fontWidthUpper = fontWidthsUpper.get(context.font);
         var maxLength = columnWidth - filterBarHorizontalPadding * 2;
@@ -569,25 +490,19 @@ export class IrisGridRenderer extends GridRenderer {
     context.restore();
   }
   drawCollapsedFilterHeaders(context, state) {
-    var {
-      metrics,
-      theme
-    } = state;
-    var {
-      headerSeparatorColor,
-      filterBarCollapsedHeight
-    } = theme;
+    var metrics = state.metrics,
+      theme = state.theme;
+    var headerSeparatorColor = theme.headerSeparatorColor,
+      filterBarCollapsedHeight = theme.filterBarCollapsedHeight;
     if (filterBarCollapsedHeight <= 0) {
       return;
     }
-    var {
-      gridX,
-      gridY,
-      maxX,
-      visibleColumns,
-      allColumnWidths,
-      allColumnXs
-    } = metrics;
+    var gridX = metrics.gridX,
+      gridY = metrics.gridY,
+      maxX = metrics.maxX,
+      visibleColumns = metrics.visibleColumns,
+      allColumnWidths = metrics.allColumnWidths,
+      allColumnXs = metrics.allColumnXs;
     var columnHeaderHeight = gridY - filterBarCollapsedHeight;
     context.save();
 
@@ -610,26 +525,20 @@ export class IrisGridRenderer extends GridRenderer {
     if (columnWidth <= 0) {
       return;
     }
-    var {
-      metrics,
-      theme,
-      quickFilters,
-      advancedFilters
-    } = state;
-    var {
-      modelColumns,
-      gridY
-    } = metrics;
+    var metrics = state.metrics,
+      theme = state.theme,
+      quickFilters = state.quickFilters,
+      advancedFilters = state.advancedFilters;
+    var modelColumns = metrics.modelColumns,
+      gridY = metrics.gridY;
     var modelColumn = modelColumns.get(column);
     if (modelColumn === undefined) return;
     var quickFilter = quickFilters.get(modelColumn);
     var advancedFilter = advancedFilters.get(modelColumn);
-    var {
-      filterBarCollapsedHeight,
-      filterBarActiveColor,
-      filterBarActiveBackgroundColor,
-      filterBarErrorColor
-    } = theme;
+    var filterBarCollapsedHeight = theme.filterBarCollapsedHeight,
+      filterBarActiveColor = theme.filterBarActiveColor,
+      filterBarActiveBackgroundColor = theme.filterBarActiveBackgroundColor,
+      filterBarErrorColor = theme.filterBarErrorColor;
     context.save();
     var isFilterValid = IrisGridRenderer.isFilterValid(advancedFilter, quickFilter);
     if (filterBarActiveBackgroundColor != null && quickFilter == null && advancedFilter == null) {
@@ -647,40 +556,34 @@ export class IrisGridRenderer extends GridRenderer {
     context.restore();
   }
   drawRowFooters(context, state) {
-    var {
-      metrics,
-      model,
-      mouseX,
-      mouseY,
-      theme
-    } = state;
-    var {
-      gridY,
-      gridX,
-      maxX,
-      modelRows,
-      floatingTopHeight,
-      floatingBottomHeight,
-      floatingRows,
-      rowFooterWidth,
-      height,
-      horizontalBarHeight,
-      verticalBarWidth,
-      allRowHeights,
-      allRowYs,
-      width
-    } = metrics;
+    var metrics = state.metrics,
+      model = state.model,
+      mouseX = state.mouseX,
+      mouseY = state.mouseY,
+      theme = state.theme;
+    var gridY = metrics.gridY,
+      gridX = metrics.gridX,
+      maxX = metrics.maxX,
+      modelRows = metrics.modelRows,
+      floatingTopHeight = metrics.floatingTopHeight,
+      floatingBottomHeight = metrics.floatingBottomHeight,
+      floatingRows = metrics.floatingRows,
+      rowFooterWidth = metrics.rowFooterWidth,
+      height = metrics.height,
+      horizontalBarHeight = metrics.horizontalBarHeight,
+      verticalBarWidth = metrics.verticalBarWidth,
+      allRowHeights = metrics.allRowHeights,
+      allRowYs = metrics.allRowYs,
+      width = metrics.width;
     // Only draw the footers on the floating rows
     if (rowFooterWidth <= 0 || floatingRows.length === 0) {
       return;
     }
-    var {
-      cellHorizontalPadding,
-      floatingGridRowColor,
-      floatingRowBackgroundColors,
-      headerColor,
-      rowHoverBackgroundColor
-    } = theme;
+    var cellHorizontalPadding = theme.cellHorizontalPadding,
+      floatingGridRowColor = theme.floatingGridRowColor,
+      floatingRowBackgroundColors = theme.floatingRowBackgroundColors,
+      headerColor = theme.headerColor,
+      rowHoverBackgroundColor = theme.rowHoverBackgroundColor;
     context.translate(gridX, gridY);
     context.beginPath();
     var x = Math.min(maxX, width - rowFooterWidth - verticalBarWidth - gridX);
@@ -731,12 +634,10 @@ export class IrisGridRenderer extends GridRenderer {
     context.translate(-gridX, -gridY);
   }
   getExpandButtonPosition(_ref2, depth) {
-    var {
-      mouseX,
-      mouseY,
-      metrics,
-      theme
-    } = _ref2;
+    var mouseX = _ref2.mouseX,
+      mouseY = _ref2.mouseY,
+      metrics = _ref2.metrics,
+      theme = _ref2.theme;
     var NULL_POSITION = {
       left: null,
       top: null,
@@ -746,17 +647,14 @@ export class IrisGridRenderer extends GridRenderer {
     if (mouseX == null || mouseY == null || depth == null || !metrics) {
       return NULL_POSITION;
     }
-    var {
-      rowHeight,
-      left,
-      top
-    } = GridUtils.getCellInfoFromXY(mouseX, mouseY, metrics);
+    var _GridUtils$getCellInf = GridUtils.getCellInfoFromXY(mouseX, mouseY, metrics),
+      rowHeight = _GridUtils$getCellInf.rowHeight,
+      left = _GridUtils$getCellInf.left,
+      top = _GridUtils$getCellInf.top;
     if (left == null || rowHeight == null || top == null) {
       return NULL_POSITION;
     }
-    var {
-      cellHorizontalPadding
-    } = theme;
+    var cellHorizontalPadding = theme.cellHorizontalPadding;
     var width = EXPAND_ICON_SIZE + 2 * cellHorizontalPadding;
     var buttonLeft = Math.max(left + EXPAND_ICON_SIZE * depth, metrics.gridX);
     var buttonTop = metrics.gridY + top;