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

package/dist/GridMetricCalculator.js

@@ -1,3 +1,9 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -58,23 +64,37 @@ export function getFloatingCoordinates(startCount, endCount, totalCount, max, si
  */
 export class GridMetricCalculator {
   constructor() {
-    var {
-      userColumnWidths = new Map(),
-      userRowHeights = new Map(),
-      calculatedColumnWidths = new Map(),
-      calculatedRowHeights = new Map(),
-      contentColumnWidths = new Map(),
-      contentRowHeights = new Map(),
-      fontWidthsLower = new Map(),
-      fontWidthsUpper = new Map(),
-      allCharWidths = new Map(),
-      modelRows = new Map(),
-      modelColumns = new Map(),
-      movedRows = [],
-      movedColumns = [],
-      initialRowHeights = new Map(),
-      initialColumnWidths = new Map()
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$userColumnWidths = _ref.userColumnWidths,
+      userColumnWidths = _ref$userColumnWidths === void 0 ? new Map() : _ref$userColumnWidths,
+      _ref$userRowHeights = _ref.userRowHeights,
+      userRowHeights = _ref$userRowHeights === void 0 ? new Map() : _ref$userRowHeights,
+      _ref$calculatedColumn = _ref.calculatedColumnWidths,
+      calculatedColumnWidths = _ref$calculatedColumn === void 0 ? new Map() : _ref$calculatedColumn,
+      _ref$calculatedRowHei = _ref.calculatedRowHeights,
+      calculatedRowHeights = _ref$calculatedRowHei === void 0 ? new Map() : _ref$calculatedRowHei,
+      _ref$contentColumnWid = _ref.contentColumnWidths,
+      contentColumnWidths = _ref$contentColumnWid === void 0 ? new Map() : _ref$contentColumnWid,
+      _ref$contentRowHeight = _ref.contentRowHeights,
+      contentRowHeights = _ref$contentRowHeight === void 0 ? new Map() : _ref$contentRowHeight,
+      _ref$fontWidthsLower = _ref.fontWidthsLower,
+      fontWidthsLower = _ref$fontWidthsLower === void 0 ? new Map() : _ref$fontWidthsLower,
+      _ref$fontWidthsUpper = _ref.fontWidthsUpper,
+      fontWidthsUpper = _ref$fontWidthsUpper === void 0 ? new Map() : _ref$fontWidthsUpper,
+      _ref$allCharWidths = _ref.allCharWidths,
+      allCharWidths = _ref$allCharWidths === void 0 ? new Map() : _ref$allCharWidths,
+      _ref$modelRows = _ref.modelRows,
+      modelRows = _ref$modelRows === void 0 ? new Map() : _ref$modelRows,
+      _ref$modelColumns = _ref.modelColumns,
+      modelColumns = _ref$modelColumns === void 0 ? new Map() : _ref$modelColumns,
+      _ref$movedRows = _ref.movedRows,
+      movedRows = _ref$movedRows === void 0 ? [] : _ref$movedRows,
+      _ref$movedColumns = _ref.movedColumns,
+      movedColumns = _ref$movedColumns === void 0 ? [] : _ref$movedColumns,
+      _ref$initialRowHeight = _ref.initialRowHeights,
+      initialRowHeights = _ref$initialRowHeight === void 0 ? new Map() : _ref$initialRowHeight,
+      _ref$initialColumnWid = _ref.initialColumnWidths,
+      initialColumnWidths = _ref$initialColumnWid === void 0 ? new Map() : _ref$initialColumnWid;
     /** The initial row heights if any overrides from the default calculated values */
     _defineProperty(this, "initialRowHeights", void 0);
     // Readonly so it should be safe to make public
@@ -132,28 +152,24 @@ export class GridMetricCalculator {
    * @returns The full metrics
    */
   getMetrics(state) {
-    var {
-      left,
-      top,
-      leftOffset,
-      topOffset,
-      width,
-      height,
-      theme,
-      model,
-      movedRows,
-      movedColumns,
-      draggingColumn
-    } = state;
-    var {
-      rowHeight,
-      rowHeaderWidth,
-      rowFooterWidth,
-      columnWidth,
-      columnHeaderHeight,
-      minScrollHandleSize,
-      scrollBarSize
-    } = theme;
+    var left = state.left,
+      top = state.top,
+      leftOffset = state.leftOffset,
+      topOffset = state.topOffset,
+      width = state.width,
+      height = state.height,
+      theme = state.theme,
+      model = state.model,
+      movedRows = state.movedRows,
+      movedColumns = state.movedColumns,
+      draggingColumn = state.draggingColumn;
+    var rowHeight = theme.rowHeight,
+      rowHeaderWidth = theme.rowHeaderWidth,
+      rowFooterWidth = theme.rowFooterWidth,
+      columnWidth = theme.columnWidth,
+      columnHeaderHeight = theme.columnHeaderHeight,
+      minScrollHandleSize = theme.minScrollHandleSize,
+      scrollBarSize = theme.scrollBarSize;
     if (movedRows !== this.movedRows) {
       this.movedRows = movedRows;
       this.modelRows.clear();
@@ -162,15 +178,13 @@ export class GridMetricCalculator {
       this.movedColumns = movedColumns;
       this.modelColumns.clear();
     }
-    var {
-      columnCount,
-      rowCount,
-      floatingTopRowCount,
-      floatingBottomRowCount,
-      floatingLeftColumnCount,
-      floatingRightColumnCount,
-      columnHeaderMaxDepth
-    } = model;
+    var columnCount = model.columnCount,
+      rowCount = model.rowCount,
+      floatingTopRowCount = model.floatingTopRowCount,
+      floatingBottomRowCount = model.floatingBottomRowCount,
+      floatingLeftColumnCount = model.floatingLeftColumnCount,
+      floatingRightColumnCount = model.floatingRightColumnCount,
+      columnHeaderMaxDepth = model.columnHeaderMaxDepth;
 
     // Get some basic metrics
     var firstRow = this.getFirstRow(state);
@@ -181,7 +195,10 @@ export class GridMetricCalculator {
     var treePaddingY = 0; // We don't support trees on columns (at least not yet)
 
     var visibleRowHeights = this.getVisibleRowHeights(state);
-    var [visibleColumnWidths, columnsForRender] = this.getVisibleColumnWidths(state, firstColumn, treePaddingX);
+    var _this$getVisibleColum = this.getVisibleColumnWidths(state, firstColumn, treePaddingX),
+      _this$getVisibleColum2 = _slicedToArray(_this$getVisibleColum, 2),
+      visibleColumnWidths = _this$getVisibleColum2[0],
+      columnsForRender = _this$getVisibleColum2[1];
 
     // Calculate the metrics for the main grid
     var visibleRows = Array.from(visibleRowHeights.keys());
@@ -278,16 +295,14 @@ export class GridMetricCalculator {
     var leftVisible = this.getLeftVisible(state, allColumnXs, allColumnWidths, visibleColumns);
     var bottomVisible = lastTop > 0 ? this.getBottomVisible(state, allRowYs, allRowHeights, visibleRows, gridY) : bottom;
     var rightVisible = lastLeft > 0 ? this.getRightVisible(state, allColumnXs, allColumnWidths, visibleColumns, gridX) : right;
-    var {
-      fontWidthsLower,
-      fontWidthsUpper,
-      userColumnWidths,
-      userRowHeights,
-      calculatedRowHeights,
-      calculatedColumnWidths,
-      contentColumnWidths,
-      contentRowHeights
-    } = this;
+    var fontWidthsLower = this.fontWidthsLower,
+      fontWidthsUpper = this.fontWidthsUpper,
+      userColumnWidths = this.userColumnWidths,
+      userRowHeights = this.userRowHeights,
+      calculatedRowHeights = this.calculatedRowHeights,
+      calculatedColumnWidths = this.calculatedColumnWidths,
+      contentColumnWidths = this.contentColumnWidths,
+      contentRowHeights = this.contentRowHeights;
     return {
       // Row/Column metrics from model
       rowHeight,
@@ -410,12 +425,8 @@ export class GridMetricCalculator {
    * @returns x value of the left side of the first cell
    */
   getGridX(state) {
-    var {
-      theme
-    } = state;
-    var {
-      rowHeaderWidth
-    } = theme;
+    var theme = state.theme;
+    var rowHeaderWidth = theme.rowHeaderWidth;
     return rowHeaderWidth;
   }
 
@@ -425,16 +436,10 @@ export class GridMetricCalculator {
    * @returns y value of the top side of the first cell
    */
   getGridY(state) {
-    var {
-      theme,
-      model
-    } = state;
-    var {
-      columnHeaderHeight
-    } = theme;
-    var {
-      columnHeaderMaxDepth
-    } = model;
+    var theme = state.theme,
+      model = state.model;
+    var columnHeaderHeight = theme.columnHeaderHeight;
+    var columnHeaderMaxDepth = model.columnHeaderMaxDepth;
     return columnHeaderMaxDepth * columnHeaderHeight;
   }
 
@@ -446,13 +451,9 @@ export class GridMetricCalculator {
    */
   getVisibleHeight(state) {
     var visibleRowHeights = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFloatingRowHeights(state);
-    var {
-      height,
-      theme
-    } = state;
-    var {
-      scrollBarSize
-    } = theme;
+    var height = state.height,
+      theme = state.theme;
+    var scrollBarSize = theme.scrollBarSize;
     var gridY = this.getGridY(state);
     var floatingBottomHeight = this.getFloatingBottomHeight(state, visibleRowHeights);
     var floatingTopHeight = this.getFloatingTopHeight(state, visibleRowHeights);
@@ -467,14 +468,10 @@ export class GridMetricCalculator {
    */
   getVisibleWidth(state) {
     var visibleColumnWidths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFloatingColumnWidths(state);
-    var {
-      width,
-      theme
-    } = state;
-    var {
-      scrollBarSize,
-      rowFooterWidth
-    } = theme;
+    var width = state.width,
+      theme = state.theme;
+    var scrollBarSize = theme.scrollBarSize,
+      rowFooterWidth = theme.rowFooterWidth;
     var gridX = this.getGridX(state);
     var floatingRightWidth = this.getFloatingRightWidth(state, visibleColumnWidths);
     var floatingLeftWidth = this.getFloatingLeftWidth(state, visibleColumnWidths);
@@ -527,13 +524,9 @@ export class GridMetricCalculator {
    * @returns The index of the last left visible column
    */
   getLastLeft(state, right, visibleWidth) {
-    var {
-      model
-    } = state;
-    var {
-      columnCount,
-      floatingRightColumnCount
-    } = model;
+    var model = state.model;
+    var columnCount = model.columnCount,
+      floatingRightColumnCount = model.floatingRightColumnCount;
     if (columnCount === 0) {
       return 0;
     }
@@ -562,13 +555,9 @@ export class GridMetricCalculator {
    * @returns The index of the last top visible row
    */
   getLastTop(state, bottom, visibleHeight) {
-    var {
-      model
-    } = state;
-    var {
-      rowCount,
-      floatingBottomRowCount
-    } = model;
+    var model = state.model;
+    var rowCount = model.rowCount,
+      floatingBottomRowCount = model.floatingBottomRowCount;
     var lastTop = Math.max(0, rowCount - floatingBottomRowCount - 1);
     if (bottom != null) {
       lastTop = bottom;
@@ -612,13 +601,9 @@ export class GridMetricCalculator {
    * @returns The index of the top row to scroll to (under the floating top rows)
    */
   getTopForBottomVisible(state, bottomVisible) {
-    var {
-      height,
-      theme
-    } = state;
-    var {
-      scrollBarSize
-    } = theme;
+    var height = state.height,
+      theme = state.theme;
+    var scrollBarSize = theme.scrollBarSize;
     var gridY = this.getGridY(state);
     var floatingBottomHeight = this.getFloatingBottomHeight(state);
     // Account for scrollbar space to match lastTop calculation
@@ -652,13 +637,9 @@ export class GridMetricCalculator {
    * @returns The index of the left column to scroll to (under the floating left columns)
    */
   getLeftForRightVisible(state, rightVisible) {
-    var {
-      width,
-      theme
-    } = state;
-    var {
-      scrollBarSize
-    } = theme;
+    var width = state.width,
+      theme = state.theme;
+    var scrollBarSize = theme.scrollBarSize;
     var gridX = this.getGridX(state);
     var floatingRightWidth = this.getFloatingRightWidth(state);
     // Account for scrollbar space to match lastLeft calculation
@@ -672,14 +653,10 @@ export class GridMetricCalculator {
    * @returns The heights of all the floating rows
    */
   getFloatingRowHeights(state) {
-    var {
-      model
-    } = state;
-    var {
-      floatingTopRowCount,
-      floatingBottomRowCount,
-      rowCount
-    } = model;
+    var model = state.model;
+    var floatingTopRowCount = model.floatingTopRowCount,
+      floatingBottomRowCount = model.floatingBottomRowCount,
+      rowCount = model.rowCount;
     var rowHeights = new Map();
     for (var i = 0; i < floatingTopRowCount && i < rowCount; i += 1) {
       rowHeights.set(i, this.getVisibleRowHeight(i, state));
@@ -697,19 +674,15 @@ export class GridMetricCalculator {
    * @returns The heights of all the visible rows
    */
   getVisibleRowHeights(state) {
-    var {
-      top,
-      topOffset,
-      height,
-      model
-    } = state;
+    var top = state.top,
+      topOffset = state.topOffset,
+      height = state.height,
+      model = state.model;
     var y = 0;
     var row = top;
     var rowHeights = new Map();
-    var {
-      rowCount,
-      floatingBottomRowCount
-    } = model;
+    var rowCount = model.rowCount,
+      floatingBottomRowCount = model.floatingBottomRowCount;
     while (y < height + topOffset && row < rowCount - floatingBottomRowCount) {
       var rowHeight = this.getVisibleRowHeight(row, state);
       rowHeights.set(row, rowHeight);
@@ -729,14 +702,10 @@ export class GridMetricCalculator {
   getFloatingColumnWidths(state) {
     var firstColumn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFirstColumn(state);
     var treePaddingX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.calculateTreePaddingX(state);
-    var {
-      model
-    } = state;
-    var {
-      columnCount,
-      floatingLeftColumnCount,
-      floatingRightColumnCount
-    } = model;
+    var model = state.model;
+    var columnCount = model.columnCount,
+      floatingLeftColumnCount = model.floatingLeftColumnCount,
+      floatingRightColumnCount = model.floatingRightColumnCount;
     var columnWidths = new Map();
     for (var i = 0; i < floatingLeftColumnCount && i < columnCount; i += 1) {
       columnWidths.set(i, this.getVisibleColumnWidth(i, state, firstColumn, treePaddingX));
@@ -756,20 +725,16 @@ export class GridMetricCalculator {
   getVisibleColumnWidths(state) {
     var firstColumn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFirstColumn(state);
     var treePaddingX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.calculateTreePaddingX(state);
-    var {
-      left,
-      leftOffset,
-      width,
-      model
-    } = state;
+    var left = state.left,
+      leftOffset = state.leftOffset,
+      width = state.width,
+      model = state.model;
     var x = 0;
     var column = left;
     var columnWidths = new Map();
     var columnsForRender = [];
-    var {
-      columnCount,
-      floatingRightColumnCount
-    } = model;
+    var columnCount = model.columnCount,
+      floatingRightColumnCount = model.floatingRightColumnCount;
     while (x < width + leftOffset && column < columnCount - floatingRightColumnCount) {
       var columnWidth = this.getVisibleColumnWidth(column, state, firstColumn, treePaddingX);
       columnWidths.set(column, columnWidth);
@@ -790,14 +755,10 @@ export class GridMetricCalculator {
    * @returns Map of the x coordinate of all floating columns
    */
   getFloatingColumnXs(state, columnWidthMap, maxX) {
-    var {
-      model
-    } = state;
-    var {
-      columnCount,
-      floatingLeftColumnCount,
-      floatingRightColumnCount
-    } = model;
+    var model = state.model;
+    var columnCount = model.columnCount,
+      floatingLeftColumnCount = model.floatingLeftColumnCount,
+      floatingRightColumnCount = model.floatingRightColumnCount;
     return getFloatingCoordinates(floatingLeftColumnCount, floatingRightColumnCount, columnCount, maxX, columnWidthMap);
   }
 
@@ -830,14 +791,10 @@ export class GridMetricCalculator {
    * @returns Map of the y coordinate of all floating rows
    */
   getFloatingRowYs(state, rowHeightMap, maxY) {
-    var {
-      model
-    } = state;
-    var {
-      floatingTopRowCount,
-      floatingBottomRowCount,
-      rowCount
-    } = model;
+    var model = state.model;
+    var floatingTopRowCount = model.floatingTopRowCount,
+      floatingBottomRowCount = model.floatingBottomRowCount,
+      rowCount = model.rowCount;
     return getFloatingCoordinates(floatingTopRowCount, floatingBottomRowCount, rowCount, maxY, rowHeightMap);
   }
 
@@ -871,14 +828,10 @@ export class GridMetricCalculator {
    */
   getVisibleRowTreeBoxes(visibleRowHeights, modelRows, state) {
     var visibleRowTreeBoxes = new Map();
-    var {
-      model,
-      theme
-    } = state;
-    var {
-      treeDepthIndent,
-      treeHorizontalPadding
-    } = theme;
+    var model = state.model,
+      theme = state.theme;
+    var treeDepthIndent = theme.treeDepthIndent,
+      treeHorizontalPadding = theme.treeHorizontalPadding;
     if (isExpandableGridModel(model) && model.hasExpandableRows) {
       visibleRowHeights.forEach((rowHeight, row) => {
         var modelRow = getOrThrow(modelRows, row);
@@ -908,12 +861,8 @@ export class GridMetricCalculator {
    */
   getFloatingLeftWidth(state) {
     var columnWidths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFloatingColumnWidths(state);
-    var {
-      model
-    } = state;
-    var {
-      floatingLeftColumnCount
-    } = model;
+    var model = state.model;
+    var floatingLeftColumnCount = model.floatingLeftColumnCount;
     var floatingWidth = 0;
     for (var i = 0; i < floatingLeftColumnCount; i += 1) {
       floatingWidth += getOrThrow(columnWidths, i);
@@ -929,13 +878,9 @@ export class GridMetricCalculator {
    */
   getFloatingRightWidth(state) {
     var columnWidths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFloatingColumnWidths(state);
-    var {
-      model
-    } = state;
-    var {
-      floatingRightColumnCount,
-      columnCount
-    } = model;
+    var model = state.model;
+    var floatingRightColumnCount = model.floatingRightColumnCount,
+      columnCount = model.columnCount;
     var floatingWidth = 0;
     for (var i = 0; i < floatingRightColumnCount; i += 1) {
       floatingWidth += getOrThrow(columnWidths, columnCount - i - 1);
@@ -951,12 +896,8 @@ export class GridMetricCalculator {
    */
   getFloatingTopHeight(state) {
     var rowHeights = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFloatingRowHeights(state);
-    var {
-      model
-    } = state;
-    var {
-      floatingTopRowCount
-    } = model;
+    var model = state.model;
+    var floatingTopRowCount = model.floatingTopRowCount;
     var floatingHeight = 0;
     for (var i = 0; i < floatingTopRowCount; i += 1) {
       floatingHeight += getOrThrow(rowHeights, i);
@@ -972,13 +913,9 @@ export class GridMetricCalculator {
    */
   getFloatingBottomHeight(state) {
     var rowHeights = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getFloatingRowHeights(state);
-    var {
-      model
-    } = state;
-    var {
-      floatingBottomRowCount,
-      rowCount
-    } = model;
+    var model = state.model;
+    var floatingBottomRowCount = model.floatingBottomRowCount,
+      rowCount = model.rowCount;
     var floatingHeight = 0;
     for (var i = 0; i < floatingBottomRowCount; i += 1) {
       floatingHeight += getOrThrow(rowHeights, rowCount - i - 1);
@@ -1039,13 +976,9 @@ export class GridMetricCalculator {
    * @returns Index of the bottom visible row
    */
   getBottomVisible(state, visibleRowYs, visibleRowHeights, visibleRows, gridY) {
-    var {
-      height,
-      theme
-    } = state;
-    var {
-      scrollBarSize
-    } = theme;
+    var height = state.height,
+      theme = state.theme;
+    var scrollBarSize = theme.scrollBarSize;
     var floatingHeight = this.getFloatingBottomHeight(state, visibleRowHeights);
     var visibleHeight = height - gridY - scrollBarSize - floatingHeight;
     for (var i = visibleRows.length - 1; i >= 0; i -= 1) {
@@ -1069,13 +1002,9 @@ export class GridMetricCalculator {
    * @returns Index of the right visible column
    */
   getRightVisible(state, visibleColumnXs, visibleColumnWidths, visibleColumns, gridX) {
-    var {
-      width,
-      theme
-    } = state;
-    var {
-      scrollBarSize
-    } = theme;
+    var width = state.width,
+      theme = state.theme;
+    var scrollBarSize = theme.scrollBarSize;
     var floatingWidth = this.getFloatingRightWidth(state, visibleColumnWidths);
     var visibleWidth = width - gridX - scrollBarSize - floatingWidth;
     for (var i = visibleColumns.length - 1; i >= 0; i -= 1) {
@@ -1098,13 +1027,9 @@ export class GridMetricCalculator {
    * @returns The index of the bottom viewport possible
    */
   getBottomViewport(state, visibleRows, visibleRowYs, visibleRowHeights) {
-    var {
-      height,
-      theme
-    } = state;
-    var {
-      rowHeight
-    } = theme;
+    var height = state.height,
+      theme = state.theme;
+    var rowHeight = theme.rowHeight;
     return this.getLastIndexViewport(visibleRows, visibleRowYs, visibleRowHeights, height, rowHeight);
   }
 
@@ -1117,13 +1042,9 @@ export class GridMetricCalculator {
    * @returns The index of the right viewport possible
    */
   getRightViewport(state, visibleColumns, visibleColumnXs, visibleColumnWidths) {
-    var {
-      width,
-      theme
-    } = state;
-    var {
-      columnWidth
-    } = theme;
+    var width = state.width,
+      theme = state.theme;
+    var columnWidth = theme.columnWidth;
     return this.getLastIndexViewport(visibleColumns, visibleColumnXs, visibleColumnWidths, width, columnWidth);
   }
 
@@ -1230,9 +1151,7 @@ export class GridMetricCalculator {
     if (this.modelRows.has(visibleRow)) {
       return getOrThrow(this.modelRows, visibleRow);
     }
-    var {
-      movedRows
-    } = state;
+    var movedRows = state.movedRows;
     var modelRow = GridUtils.getModelIndex(visibleRow, movedRows);
     this.modelRows.set(visibleRow, modelRow);
     return modelRow;
@@ -1265,9 +1184,7 @@ export class GridMetricCalculator {
     if (hasVisibleColumn) {
       return getOrThrow(this.modelColumns, visibleColumn);
     }
-    var {
-      movedColumns
-    } = state;
+    var movedColumns = state.movedColumns;
     var modelColumn = GridUtils.getModelIndex(visibleColumn, movedColumns);
     this.modelColumns.set(visibleColumn, modelColumn);
     return modelColumn;
@@ -1281,13 +1198,9 @@ export class GridMetricCalculator {
    * @returns The height of the row
    */
   calculateRowHeight(row, modelRow, state) {
-    var {
-      theme
-    } = state;
-    var {
-      autoSizeRows,
-      rowHeight
-    } = theme;
+    var theme = state.theme;
+    var autoSizeRows = theme.autoSizeRows,
+      rowHeight = theme.rowHeight;
     if (!autoSizeRows) {
       return rowHeight;
     }
@@ -1318,18 +1231,12 @@ export class GridMetricCalculator {
   calculateColumnWidth(column, modelColumn, state) {
     var firstColumn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.getFirstColumn(state);
     var treePaddingX = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : this.calculateTreePaddingX(state);
-    var {
-      theme
-    } = state;
-    var {
-      autoSizeColumns,
-      minColumnWidth,
-      maxColumnWidth
-    } = theme;
+    var theme = state.theme;
+    var autoSizeColumns = theme.autoSizeColumns,
+      minColumnWidth = theme.minColumnWidth,
+      maxColumnWidth = theme.maxColumnWidth;
     if (!autoSizeColumns) {
-      var {
-        columnWidth: _columnWidth
-      } = theme;
+      var _columnWidth = theme.columnWidth;
       return _columnWidth;
     }
     var cachedValue = this.calculatedColumnWidths.get(modelColumn);
@@ -1375,15 +1282,11 @@ export class GridMetricCalculator {
    * @returns The calculated width of the column header
    */
   calculateColumnHeaderWidth(modelColumn, state, maxColumnWidth) {
-    var {
-      model,
-      theme,
-      context
-    } = state;
-    var {
-      headerHorizontalPadding,
-      headerFont
-    } = theme;
+    var model = state.model,
+      theme = state.theme,
+      context = state.context;
+    var headerHorizontalPadding = theme.headerHorizontalPadding,
+      headerFont = theme.headerFont;
     this.calculateLowerFontWidth(headerFont, context);
     this.calculateUpperFontWidth(headerFont, context);
     var totalPadding = headerHorizontalPadding * 2;
@@ -1401,28 +1304,22 @@ export class GridMetricCalculator {
    * @returns The calculated width of the column data
    */
   calculateColumnDataWidth(modelColumn, state, maxColumnWidth) {
-    var {
-      top,
-      height,
-      width,
-      model,
-      theme,
-      context
-    } = state;
-    var {
-      floatingTopRowCount,
-      floatingBottomRowCount,
-      rowCount
-    } = model;
-    var {
-      font,
-      cellHorizontalPadding,
-      rowHeight,
-      rowHeaderWidth,
-      rowFooterWidth,
-      scrollBarSize,
-      dataBarHorizontalPadding
-    } = theme;
+    var top = state.top,
+      height = state.height,
+      width = state.width,
+      model = state.model,
+      theme = state.theme,
+      context = state.context;
+    var floatingTopRowCount = model.floatingTopRowCount,
+      floatingBottomRowCount = model.floatingBottomRowCount,
+      rowCount = model.rowCount;
+    var font = theme.font,
+      cellHorizontalPadding = theme.cellHorizontalPadding,
+      rowHeight = theme.rowHeight,
+      rowHeaderWidth = theme.rowHeaderWidth,
+      rowFooterWidth = theme.rowFooterWidth,
+      scrollBarSize = theme.scrollBarSize,
+      dataBarHorizontalPadding = theme.dataBarHorizontalPadding;
     this.calculateLowerFontWidth(font, context);
     this.calculateUpperFontWidth(font, context);
     var columnWidth = 0;
@@ -1498,16 +1395,12 @@ export class GridMetricCalculator {
    * @returns The coordinate for tree padding
    */
   calculateTreePaddingX(state) {
-    var {
-      top,
-      height,
-      model,
-      theme
-    } = state;
-    var {
-      rowHeight,
-      treeDepthIndent
-    } = theme;
+    var top = state.top,
+      height = state.height,
+      model = state.model,
+      theme = state.theme;
+    var rowHeight = theme.rowHeight,
+      treeDepthIndent = theme.treeDepthIndent;
     if (!isExpandableGridModel(model) || !model.hasExpandableRows) {
       return 0;
     }
@@ -1534,9 +1427,7 @@ export class GridMetricCalculator {
     context.font = font;
     // Assume char `.` is the smallest character
     var textMetrics = context.measureText('.');
-    var {
-      width
-    } = textMetrics;
+    var width = textMetrics.width;
 
     // context.font changes the string a little bit, e.g. '10px Arial, sans serif' => '10px Arial, "sans serif"'
     // Rather than require checking with the correct font def (theme, or context font), just key it to both
@@ -1556,9 +1447,7 @@ export class GridMetricCalculator {
     context.font = font;
     // Assume char `m` is the largest character
     var textMetrics = context.measureText('m');
-    var {
-      width
-    } = textMetrics;
+    var width = textMetrics.width;
 
     // context.font changes the string a little bit, e.g. '10px Arial, sans serif' => '10px Arial, "sans serif"'
     // Rather than require checking with the correct font def (theme, or context font), just key it to both