@deephaven/dashboard-core-plugins 1.22.1 → 1.22.2-alpha-pivot-builder.0

package/dist/panels/IrisGridPanel.js

@@ -1,3 +1,11 @@
+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 asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -58,10 +66,8 @@ export class IrisGridPanel extends PureComponent {
     _defineProperty(this, "getGridInputFilters", memoize((columns, inputFilters) => IrisGridUtils.getInputFiltersForColumns(columns,
     // They may have picked a column, but not actually entered a value yet. In that case, don't need to update.
     inputFilters.filter(_ref => {
-      var {
-        value,
-        excludePanelIds
-      } = _ref;
+      var value = _ref.value,
+        excludePanelIds = _ref.excludePanelIds;
       var id = LayoutUtils.getIdFromPanel(this);
       return value != null && (excludePanelIds == null || id != null && !excludePanelIds.includes(id));
     }))));
@@ -70,9 +76,7 @@ export class IrisGridPanel extends PureComponent {
       // Always fetch columns which are the start/source of a link or columns specified by a plugin
       var columnSet = new Set(pluginFetchColumns);
       for (var i = 0; i < dashboardLinks.length; i += 1) {
-        var {
-          start
-        } = dashboardLinks[i];
+        var start = dashboardLinks[i].start;
         if (start != null && start.panelId === id) {
           columnSet.add(start.columnName);
         }
@@ -127,22 +131,17 @@ export class IrisGridPanel extends PureComponent {
       });
     }));
     _defineProperty(this, "savePanelState", debounce(() => {
-      var {
-        irisGridState,
-        gridState,
-        pluginState
-      } = this;
+      var irisGridState = this.irisGridState,
+        gridState = this.gridState,
+        pluginState = this.pluginState;
       assertNotNull(irisGridState);
-      var {
-        onPanelStateUpdate
-      } = this.props;
-      var {
-        model,
-        panelState: oldPanelState,
-        isSelectingPartition,
-        partitions,
-        advancedSettings
-      } = this.state;
+      var onPanelStateUpdate = this.props.onPanelStateUpdate;
+      var _this$state = this.state,
+        model = _this$state.model,
+        oldPanelState = _this$state.panelState,
+        isSelectingPartition = _this$state.isSelectingPartition,
+        partitions = _this$state.partitions,
+        advancedSettings = _this$state.advancedSettings;
       assertNotNull(this.irisGridUtils);
       assertNotNull(model);
       assertNotNull(gridState);
@@ -177,9 +176,7 @@ export class IrisGridPanel extends PureComponent {
     this.handleClearAllFilters = this.handleClearAllFilters.bind(this);
     this.irisGrid = /*#__PURE__*/React.createRef();
     this.pluginRef = /*#__PURE__*/React.createRef();
-    var {
-      panelState: _panelState
-    } = props;
+    var _panelState = props.panelState;
     this.pluginState = null;
     this.irisGridUtils = null;
     this.state = {
@@ -236,12 +233,8 @@ export class IrisGridPanel extends PureComponent {
     this.initModel();
   }
   componentDidUpdate(prevProps, prevState) {
-    var {
-      model
-    } = this.state;
-    var {
-      makeModel
-    } = this.props;
+    var model = this.state.model;
+    var makeModel = this.props.makeModel;
     if (model !== prevState.model) {
       if (prevState.model != null) {
         this.stopModelListening(prevState.model);
@@ -261,18 +254,14 @@ export class IrisGridPanel extends PureComponent {
       this.modelPromise.cancel();
       this.modelPromise = undefined;
     }
-    var {
-      model
-    } = this.state;
+    var model = this.state.model;
     if (model) {
       this.stopModelListening(model);
       model.close();
     }
   }
   getTableName() {
-    var {
-      metadata
-    } = this.props;
+    var metadata = this.props.metadata;
     return getTableNameFromMetadata(metadata);
   }
   initModel() {
@@ -282,33 +271,47 @@ export class IrisGridPanel extends PureComponent {
       error: null,
       isDisconnected: false
     });
-    var {
-      makeModel
-    } = this.props;
+    var _this$props = this.props,
+      makeModel = _this$props.makeModel,
+      transformModel = _this$props.transformModel;
     if (this.modelPromise != null) {
       this.modelPromise.cancel();
     }
-    this.modelPromise = PromiseUtils.makeCancelable(makeModel(), resolved => resolved.close());
+    var modelPromise = transformModel != null ? Promise.resolve(makeModel()).then(/*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* (model) {
+        try {
+          var transformedModel = yield transformModel(model);
+          return transformedModel;
+        } catch (e) {
+          // The host owns the base model's lifecycle; if the transform
+          // rejects it never returns a model for us to close, so close
+          // the base model here to avoid leaking it.
+          model.close();
+          throw e;
+        }
+      });
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }()) : Promise.resolve(makeModel());
+    this.modelPromise = PromiseUtils.makeCancelable(modelPromise, resolved => resolved.close());
     this.modelPromise.then(this.handleLoadSuccess).catch(this.handleLoadError);
   }
   handleLoadSuccess(modelParam) {
     var model = modelParam;
-    var {
-      panelState,
-      irisGridStateOverrides
-    } = this.state;
+    var _this$state2 = this.state,
+      panelState = _this$state2.panelState,
+      irisGridStateOverrides = _this$state2.irisGridStateOverrides;
     var modelQueue = [];
     this.irisGridUtils = new IrisGridUtils(model.dh);
     if (panelState != null) {
-      var {
-        irisGridState
-      } = panelState;
-      var {
-        aggregationSettings,
-        customColumns,
-        selectDistinctColumns = [],
-        rollupConfig
-      } = _objectSpread(_objectSpread({}, irisGridState), irisGridStateOverrides);
+      var irisGridState = panelState.irisGridState;
+      var _irisGridState$irisGr = _objectSpread(_objectSpread({}, irisGridState), irisGridStateOverrides),
+        aggregationSettings = _irisGridState$irisGr.aggregationSettings,
+        customColumns = _irisGridState$irisGr.customColumns,
+        _irisGridState$irisGr2 = _irisGridState$irisGr.selectDistinctColumns,
+        selectDistinctColumns = _irisGridState$irisGr2 === void 0 ? [] : _irisGridState$irisGr2,
+        rollupConfig = _irisGridState$irisGr.rollupConfig;
       if (customColumns.length > 0) {
         modelQueue.push(m => {
           // eslint-disable-next-line no-param-reassign
@@ -355,10 +358,8 @@ export class IrisGridPanel extends PureComponent {
   }
   handleAdvancedSettingsChange(key, value) {
     log.debug('handleAdvancedSettingsChange', key, value);
-    this.setState(_ref2 => {
-      var {
-        advancedSettings
-      } = _ref2;
+    this.setState(_ref3 => {
+      var advancedSettings = _ref3.advancedSettings;
       return advancedSettings.get(key) === value ? null : {
         advancedSettings: new Map(advancedSettings).set(key, value)
       };
@@ -366,14 +367,10 @@ export class IrisGridPanel extends PureComponent {
   }
   handlePluginFilter(filters) {
     var _this$irisGridUtils$g, _this$irisGridUtils;
-    var {
-      model
-    } = this.state;
+    var model = this.state.model;
     assertNotNull(model);
-    var {
-      columns,
-      formatter
-    } = model;
+    var columns = model.columns,
+      formatter = model.formatter;
     var pluginFilters = (_this$irisGridUtils$g = (_this$irisGridUtils = this.irisGridUtils) === null || _this$irisGridUtils === void 0 ? void 0 : _this$irisGridUtils.getFiltersFromInputFilters(columns, filters, formatter.timeZone)) !== null && _this$irisGridUtils$g !== void 0 ? _this$irisGridUtils$g : [];
     this.setState({
       pluginFilters
@@ -389,9 +386,7 @@ export class IrisGridPanel extends PureComponent {
     return (_this$pluginRef$curre = (_this$pluginRef$curre2 = this.pluginRef.current) === null || _this$pluginRef$curre2 === void 0 || (_this$pluginRef$curre3 = _this$pluginRef$curre2.getMenu) === null || _this$pluginRef$curre3 === void 0 ? void 0 : _this$pluginRef$curre3.call(_this$pluginRef$curre2, data)) !== null && _this$pluginRef$curre !== void 0 ? _this$pluginRef$curre : [];
   }
   isColumnSelectionValid(tableColumn) {
-    var {
-      columnSelectionValidator
-    } = this.props;
+    var columnSelectionValidator = this.props.columnSelectionValidator;
     if (columnSelectionValidator && tableColumn) {
       return columnSelectionValidator(this, tableColumn, {
         type: 'tableLink'
@@ -409,18 +404,15 @@ export class IrisGridPanel extends PureComponent {
       isLoading: false
     });
     this.savePanelState();
-    var {
-      glEventHub,
-      onStateChange
-    } = this.props;
+    var _this$props2 = this.props,
+      glEventHub = _this$props2.glEventHub,
+      onStateChange = _this$props2.onStateChange;
     glEventHub.emit(IrisGridEvent.STATE_CHANGED, this);
     onStateChange === null || onStateChange === void 0 || onStateChange(irisGridState, gridState);
   }
   handlePluginStateChange(pluginState) {
-    var {
-      irisGridState,
-      gridState
-    } = this;
+    var irisGridState = this.irisGridState,
+      gridState = this.gridState;
     this.pluginState = pluginState;
     // Do not save if there is null state
     // The save will happen when the grid loads
@@ -429,11 +421,10 @@ export class IrisGridPanel extends PureComponent {
     }
   }
   handleColumnsChanged(event) {
-    var {
-      isModelReady,
-      model,
-      modelQueue
-    } = this.state;
+    var _this$state3 = this.state,
+      isModelReady = _this$state3.isModelReady,
+      model = _this$state3.model,
+      modelQueue = _this$state3.modelQueue;
     if (isModelReady) {
       this.sendColumnsChange(event.detail);
     } else {
@@ -443,12 +434,9 @@ export class IrisGridPanel extends PureComponent {
   }
   handleTableChanged(event) {
     log.debug('handleTableChanged', event);
-    var {
-      glEventHub
-    } = this.props;
-    var {
-      detail: table
-    } = event;
+    var glEventHub = this.props.glEventHub;
+    var _ref4 = event,
+      table = _ref4.detail;
     var panelId = LayoutUtils.getIdFromPanel(this);
     assertNotNull(panelId);
     emitFilterTableChanged(glEventHub, panelId, table);
@@ -465,15 +453,12 @@ export class IrisGridPanel extends PureComponent {
     // Panel state is stored with the created chart, so flush it first
     this.savePanelState.flush();
     this.setState(() => null, () => {
-      var {
-        glEventHub,
-        inputFilters,
-        metadata
-      } = this.props;
+      var _this$props3 = this.props,
+        glEventHub = _this$props3.glEventHub,
+        inputFilters = _this$props3.inputFilters,
+        metadata = _this$props3.metadata;
       var table = this.getTableName();
-      var {
-        panelState
-      } = this.state;
+      var panelState = this.state.panelState;
       var sourcePanelId = LayoutUtils.getIdFromPanel(this);
       var tableSettings;
       if (panelState) {
@@ -491,9 +476,7 @@ export class IrisGridPanel extends PureComponent {
     });
   }
   handleColumnSelected(column) {
-    var {
-      glEventHub
-    } = this.props;
+    var glEventHub = this.props.glEventHub;
     var panelId = LayoutUtils.getIdFromPanel(this);
     assertNotNull(panelId);
     emitLinkPointSelected(glEventHub, panelId, column, {
@@ -501,9 +484,7 @@ export class IrisGridPanel extends PureComponent {
     });
   }
   handleDataSelected(row, dataMap) {
-    var {
-      glEventHub
-    } = this.props;
+    var glEventHub = this.props.glEventHub;
     var panelId = LayoutUtils.getIdFromPanel(this);
     assertNotNull(panelId);
     emitLinkSourceDataSelected(glEventHub, panelId, dataMap);
@@ -543,10 +524,10 @@ export class IrisGridPanel extends PureComponent {
     this.handleError(error);
   }
   modelInitialized(model) {
-    var {
-      glEventHub,
-      loadPlugin
-    } = this.props;
+    var _this$props4 = this.props,
+      glEventHub = _this$props4.glEventHub,
+      loadPlugin = _this$props4.loadPlugin,
+      onModelChanged = _this$props4.onModelChanged;
     this.modelPromise = undefined;
 
     // Custom columns at this point already initialized, can load state
@@ -554,13 +535,10 @@ export class IrisGridPanel extends PureComponent {
     this.setState({
       isModelReady: true
     });
+    onModelChanged === null || onModelChanged === void 0 || onModelChanged(model);
     if (isIrisGridTableModelTemplate(model)) {
-      var {
-        table
-      } = model;
-      var {
-        pluginName
-      } = table;
+      var table = model.table;
+      var pluginName = table.pluginName;
       if (pluginName !== '') {
         if (loadPlugin != null && pluginName != null) {
           var Plugin = loadPlugin(pluginName);
@@ -577,18 +555,14 @@ export class IrisGridPanel extends PureComponent {
   }
   handleClearAllFilters() {
     var irisGrid = this.irisGrid.current;
-    var {
-      isDisconnected
-    } = this.state;
+    var isDisconnected = this.state.isDisconnected;
     if (irisGrid != null && !isDisconnected) {
       irisGrid.clearAllFilters();
     }
   }
   sendColumnsChange(columns) {
     log.debug2('sendColumnsChange', columns);
-    var {
-      glEventHub
-    } = this.props;
+    var glEventHub = this.props.glEventHub;
     var panelId = LayoutUtils.getIdFromPanel(this);
     assertNotNull(panelId);
     emitFilterColumnsChanged(glEventHub, panelId, columns);
@@ -607,32 +581,25 @@ export class IrisGridPanel extends PureComponent {
   }
   getCoordinateForColumn(columnName) {
     var _gridWrapper$getBound, _allColumnXs$get, _allColumnWidths$get;
-    var {
-      model
-    } = this.state;
+    var model = this.state.model;
     if (!model) {
       return null;
     }
     var irisGrid = this.irisGrid.current;
-    var {
-      gridWrapper
-    } = irisGrid || {};
+    var _ref5 = irisGrid || {},
+      gridWrapper = _ref5.gridWrapper;
     var rect = (_gridWrapper$getBound = gridWrapper === null || gridWrapper === void 0 ? void 0 : gridWrapper.getBoundingClientRect()) !== null && _gridWrapper$getBound !== void 0 ? _gridWrapper$getBound : null;
     if (rect == null || rect.width <= 0 || rect.height <= 0) {
       return null;
     }
     assertNotNull(irisGrid);
-    var {
-      metrics
-    } = irisGrid.state;
+    var metrics = irisGrid.state.metrics;
     assertNotNull(metrics);
-    var {
-      columnHeaderHeight,
-      allColumnXs,
-      allColumnWidths,
-      right,
-      columnHeaderMaxDepth
-    } = metrics;
+    var columnHeaderHeight = metrics.columnHeaderHeight,
+      allColumnXs = metrics.allColumnXs,
+      allColumnWidths = metrics.allColumnWidths,
+      right = metrics.right,
+      columnHeaderMaxDepth = metrics.columnHeaderMaxDepth;
     var columnIndex = model.getColumnIndexByName(columnName);
     assertNotNull(columnIndex);
     var visibleIndex = irisGrid.getVisibleColumn(columnIndex);
@@ -654,32 +621,29 @@ export class IrisGridPanel extends PureComponent {
       irisGrid.setAdvancedFilterMap(filterMap);
     }
   }
-  setFilters(_ref3) {
-    var {
-      quickFilters,
-      advancedFilters
-    } = _ref3;
+  setFilters(_ref6) {
+    var quickFilters = _ref6.quickFilters,
+      advancedFilters = _ref6.advancedFilters;
     log.debug('setFilters', quickFilters, advancedFilters);
-    var {
-      model,
-      isDisconnected
-    } = this.state;
+    var _this$state4 = this.state,
+      model = _this$state4.model,
+      isDisconnected = _this$state4.isDisconnected;
     var irisGrid = this.irisGrid.current;
     if (irisGrid == null || isDisconnected) {
       log.debug('Ignore setFilters, model disconnected');
       return;
     }
     assertNotNull(model);
-    var {
-      columns,
-      formatter
-    } = model;
-    var indexedQuickFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, quickFilters).filter(_ref4 => {
-      var [columnIndex] = _ref4;
+    var columns = model.columns,
+      formatter = model.formatter;
+    var indexedQuickFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, quickFilters).filter(_ref7 => {
+      var _ref8 = _slicedToArray(_ref7, 1),
+        columnIndex = _ref8[0];
       return model.isFilterable(columnIndex);
     });
-    var indexedAdvancedFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, advancedFilters).filter(_ref5 => {
-      var [columnIndex] = _ref5;
+    var indexedAdvancedFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, advancedFilters).filter(_ref9 => {
+      var _ref0 = _slicedToArray(_ref9, 1),
+        columnIndex = _ref0[0];
       return model.isFilterable(columnIndex);
     });
     assertNotNull(this.irisGridUtils);
@@ -691,10 +655,8 @@ export class IrisGridPanel extends PureComponent {
   }
   setStateOverrides(overrides) {
     log.debug('setStateOverrides', overrides);
-    var {
-      irisGridState: irisGridStateOverrides,
-      gridState: gridStateOverrides
-    } = overrides;
+    var irisGridStateOverrides = overrides.irisGridState,
+      gridStateOverrides = overrides.gridState;
     this.setState({
       irisGridStateOverrides,
       gridStateOverrides
@@ -709,68 +671,60 @@ export class IrisGridPanel extends PureComponent {
     // We need to define this so LinkerUtils#isLinkablePanel passes the check
   }
   loadPanelState(model) {
-    var {
-      panelState,
-      irisGridStateOverrides: originalIrisGridStateOverrides,
-      gridStateOverrides
-    } = this.state;
+    var _this$state5 = this.state,
+      panelState = _this$state5.panelState,
+      originalIrisGridStateOverrides = _this$state5.irisGridStateOverrides,
+      gridStateOverrides = _this$state5.gridStateOverrides;
     if (panelState == null) {
       return;
     }
     try {
-      var {
-        gridState,
-        irisGridState,
-        irisGridPanelState
-      } = panelState;
+      var gridState = panelState.gridState,
+        irisGridState = panelState.irisGridState,
+        irisGridPanelState = panelState.irisGridPanelState;
       var irisGridStateOverrides = _objectSpread({}, originalIrisGridStateOverrides);
-      var {
-        quickFilters: savedQuickFilters,
-        advancedFilters: savedAdvancedFilters
-      } = irisGridStateOverrides;
+      var savedQuickFilters = irisGridStateOverrides.quickFilters,
+        savedAdvancedFilters = irisGridStateOverrides.advancedFilters;
       if (savedQuickFilters) {
         irisGridStateOverrides.quickFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, savedQuickFilters);
       }
       if (savedAdvancedFilters) {
         irisGridStateOverrides.advancedFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, savedAdvancedFilters);
       }
-      var {
-        isSelectingPartition,
-        partitions,
-        advancedSettings
-      } = IrisGridUtils.hydrateIrisGridPanelState(model, irisGridPanelState);
+      var _IrisGridUtils$hydrat = IrisGridUtils.hydrateIrisGridPanelState(model, irisGridPanelState),
+        isSelectingPartition = _IrisGridUtils$hydrat.isSelectingPartition,
+        partitions = _IrisGridUtils$hydrat.partitions,
+        advancedSettings = _IrisGridUtils$hydrat.advancedSettings;
       assertNotNull(this.irisGridUtils);
-      var {
-        advancedFilters,
-        customColumns,
-        customColumnFormatMap,
-        columnAlignmentMap,
-        isFilterBarShown,
-        quickFilters,
-        reverse,
-        rollupConfig,
-        aggregationSettings,
-        sorts,
-        userColumnWidths,
-        userColumnWidthsByName,
-        userRowHeights,
-        showSearchBar,
-        searchValue,
-        selectDistinctColumns,
-        selectedSearchColumns,
-        invertSearchColumns,
-        pendingDataMap,
-        frozenColumns,
-        conditionalFormats,
-        columnHeaderGroups,
-        partitionConfig
-      } = this.irisGridUtils.hydrateIrisGridState(model, _objectSpread(_objectSpread({}, irisGridState), irisGridStateOverrides));
-      var {
-        isStuckToBottom,
-        isStuckToRight,
-        movedColumns,
-        movedRows
-      } = IrisGridUtils.hydrateGridState(model, _objectSpread(_objectSpread({}, gridState), gridStateOverrides), irisGridState.customColumns);
+      var _this$irisGridUtils$h = this.irisGridUtils.hydrateIrisGridState(model, _objectSpread(_objectSpread({}, irisGridState), irisGridStateOverrides)),
+        advancedFilters = _this$irisGridUtils$h.advancedFilters,
+        customColumns = _this$irisGridUtils$h.customColumns,
+        customColumnFormatMap = _this$irisGridUtils$h.customColumnFormatMap,
+        columnAlignmentMap = _this$irisGridUtils$h.columnAlignmentMap,
+        isFilterBarShown = _this$irisGridUtils$h.isFilterBarShown,
+        quickFilters = _this$irisGridUtils$h.quickFilters,
+        reverse = _this$irisGridUtils$h.reverse,
+        rollupConfig = _this$irisGridUtils$h.rollupConfig,
+        aggregationSettings = _this$irisGridUtils$h.aggregationSettings,
+        sorts = _this$irisGridUtils$h.sorts,
+        userColumnWidths = _this$irisGridUtils$h.userColumnWidths,
+        userColumnWidthsByName = _this$irisGridUtils$h.userColumnWidthsByName,
+        userRowHeights = _this$irisGridUtils$h.userRowHeights,
+        showSearchBar = _this$irisGridUtils$h.showSearchBar,
+        searchValue = _this$irisGridUtils$h.searchValue,
+        selectDistinctColumns = _this$irisGridUtils$h.selectDistinctColumns,
+        selectedSearchColumns = _this$irisGridUtils$h.selectedSearchColumns,
+        invertSearchColumns = _this$irisGridUtils$h.invertSearchColumns,
+        pendingDataMap = _this$irisGridUtils$h.pendingDataMap,
+        frozenColumns = _this$irisGridUtils$h.frozenColumns,
+        conditionalFormats = _this$irisGridUtils$h.conditionalFormats,
+        columnHeaderGroups = _this$irisGridUtils$h.columnHeaderGroups,
+        partitionConfig = _this$irisGridUtils$h.partitionConfig;
+      var _IrisGridUtils$hydrat2 = IrisGridUtils.hydrateGridState(model, _objectSpread(_objectSpread({}, gridState), gridStateOverrides), irisGridState.customColumns),
+        isStuckToBottom = _IrisGridUtils$hydrat2.isStuckToBottom,
+        isStuckToRight = _IrisGridUtils$hydrat2.isStuckToRight,
+        movedColumns = _IrisGridUtils$hydrat2.movedColumns,
+        movedRows = _IrisGridUtils$hydrat2.movedRows;
       this.setState({
         advancedFilters,
         advancedSettings,
@@ -817,75 +771,67 @@ export class IrisGridPanel extends PureComponent {
   }
   render() {
     var _model$description, _panelState$pluginSta;
-    var {
-      children,
-      glContainer,
-      glEventHub,
-      columnSelectionValidator,
-      getDownloadWorker,
-      inputFilters,
-      links,
-      metadata,
-      mouseHandlers,
-      panelState,
-      user,
-      renderer,
-      settings,
-      getMetricCalculator,
-      theme
-    } = this.props;
-    var {
-      advancedFilters,
-      aggregationSettings,
-      advancedSettings,
-      conditionalFormats,
-      customColumns,
-      customColumnFormatMap,
-      columnAlignmentMap,
-      error,
-      isDisconnected,
-      isFilterBarShown,
-      isSelectingPartition,
-      isStuckToBottom,
-      isStuckToRight,
-      isLoaded,
-      isLoading,
-      isModelReady,
-      model,
-      movedColumns,
-      movedRows,
-      partitions,
-      partitionConfig,
-      quickFilters,
-      reverse,
-      rollupConfig,
-      sorts,
-      userColumnWidths,
-      userColumnWidthsByName,
-      userRowHeights,
-      showSearchBar,
-      searchValue,
-      selectDistinctColumns,
-      selectedSearchColumns,
-      invertSearchColumns,
-      Plugin,
-      pluginFilters,
-      pluginFetchColumns,
-      pendingDataMap,
-      frozenColumns,
-      columnHeaderGroups
-    } = this.state;
+    var _this$props5 = this.props,
+      children = _this$props5.children,
+      glContainer = _this$props5.glContainer,
+      glEventHub = _this$props5.glEventHub,
+      columnSelectionValidator = _this$props5.columnSelectionValidator,
+      getDownloadWorker = _this$props5.getDownloadWorker,
+      inputFilters = _this$props5.inputFilters,
+      links = _this$props5.links,
+      metadata = _this$props5.metadata,
+      panelState = _this$props5.panelState,
+      user = _this$props5.user,
+      settings = _this$props5.settings,
+      irisGridProps = _this$props5.irisGridProps,
+      transformTableOptions = _this$props5.transformTableOptions;
+    var _this$state6 = this.state,
+      advancedFilters = _this$state6.advancedFilters,
+      aggregationSettings = _this$state6.aggregationSettings,
+      advancedSettings = _this$state6.advancedSettings,
+      conditionalFormats = _this$state6.conditionalFormats,
+      customColumns = _this$state6.customColumns,
+      customColumnFormatMap = _this$state6.customColumnFormatMap,
+      columnAlignmentMap = _this$state6.columnAlignmentMap,
+      error = _this$state6.error,
+      isDisconnected = _this$state6.isDisconnected,
+      isFilterBarShown = _this$state6.isFilterBarShown,
+      isSelectingPartition = _this$state6.isSelectingPartition,
+      isStuckToBottom = _this$state6.isStuckToBottom,
+      isStuckToRight = _this$state6.isStuckToRight,
+      isLoaded = _this$state6.isLoaded,
+      isLoading = _this$state6.isLoading,
+      isModelReady = _this$state6.isModelReady,
+      model = _this$state6.model,
+      movedColumns = _this$state6.movedColumns,
+      movedRows = _this$state6.movedRows,
+      partitions = _this$state6.partitions,
+      partitionConfig = _this$state6.partitionConfig,
+      quickFilters = _this$state6.quickFilters,
+      reverse = _this$state6.reverse,
+      rollupConfig = _this$state6.rollupConfig,
+      sorts = _this$state6.sorts,
+      userColumnWidths = _this$state6.userColumnWidths,
+      userColumnWidthsByName = _this$state6.userColumnWidthsByName,
+      userRowHeights = _this$state6.userRowHeights,
+      showSearchBar = _this$state6.showSearchBar,
+      searchValue = _this$state6.searchValue,
+      selectDistinctColumns = _this$state6.selectDistinctColumns,
+      selectedSearchColumns = _this$state6.selectedSearchColumns,
+      invertSearchColumns = _this$state6.invertSearchColumns,
+      Plugin = _this$state6.Plugin,
+      pluginFilters = _this$state6.pluginFilters,
+      pluginFetchColumns = _this$state6.pluginFetchColumns,
+      pendingDataMap = _this$state6.pendingDataMap,
+      frozenColumns = _this$state6.frozenColumns,
+      columnHeaderGroups = _this$state6.columnHeaderGroups;
     var errorMessage = error != null ? "Unable to open table. ".concat(error) : undefined;
     var description = (_model$description = model === null || model === void 0 ? void 0 : model.description) !== null && _model$description !== void 0 ? _model$description : undefined;
     var pluginState = (_panelState$pluginSta = panelState === null || panelState === void 0 ? void 0 : panelState.pluginState) !== null && _panelState$pluginSta !== void 0 ? _panelState$pluginSta : null;
     var childrenContent = children !== null && children !== void 0 ? children : this.getPluginContent(Plugin, model, pluginState);
-    var {
-      permissions
-    } = user;
-    var {
-      canCopy,
-      canDownloadCsv
-    } = permissions;
+    var permissions = user.permissions;
+    var canCopy = permissions.canCopy,
+      canDownloadCsv = permissions.canDownloadCsv;
     var widgetPanelDescriptor = this.getWidgetPanelDescriptor(metadata, description);
     return /*#__PURE__*/_jsx(WidgetPanel, {
       errorMessage: errorMessage,
@@ -905,7 +851,7 @@ export class IrisGridPanel extends PureComponent {
         descriptor: widgetPanelDescriptor,
         model: model
       }),
-      children: isModelReady && model && /*#__PURE__*/_jsx(IrisGrid, {
+      children: isModelReady && model && /*#__PURE__*/_jsx(IrisGrid, _objectSpread(_objectSpread({
         advancedFilters: advancedFilters,
         aggregationSettings: aggregationSettings,
         advancedSettings: advancedSettings,
@@ -925,13 +871,11 @@ export class IrisGridPanel extends PureComponent {
         isSelectingPartition: isSelectingPartition,
         isStuckToBottom: isStuckToBottom,
         isStuckToRight: isStuckToRight,
-        mouseHandlers: mouseHandlers,
         movedColumns: movedColumns,
         movedRows: movedRows,
         partitions: partitions,
         partitionConfig: partitionConfig,
         quickFilters: quickFilters,
-        renderer: renderer,
         reverse: reverse,
         rollupConfig: rollupConfig,
         settings: settings,
@@ -959,11 +903,12 @@ export class IrisGridPanel extends PureComponent {
         ref: this.irisGrid,
         getDownloadWorker: getDownloadWorker,
         frozenColumns: frozenColumns,
-        theme: theme,
         columnHeaderGroups: columnHeaderGroups,
-        getMetricCalculator: getMetricCalculator,
+        transformTableOptions: transformTableOptions
+        // eslint-disable-next-line react/jsx-props-no-spreading
+      }, irisGridProps), {}, {
         children: childrenContent
-      })
+      }))
     });
   }
 }
@@ -973,11 +918,10 @@ _defineProperty(IrisGridPanel, "defaultProps", {
 });
 _defineProperty(IrisGridPanel, "displayName", 'IrisGridPanel');
 _defineProperty(IrisGridPanel, "COMPONENT", 'IrisGridPanel');
-var mapStateToProps = (state, _ref6) => {
-  var {
-    localDashboardId = DEFAULT_DASHBOARD_ID,
-    glContainer
-  } = _ref6;
+var mapStateToProps = (state, _ref1) => {
+  var _ref1$localDashboardI = _ref1.localDashboardId,
+    localDashboardId = _ref1$localDashboardI === void 0 ? DEFAULT_DASHBOARD_ID : _ref1$localDashboardI,
+    glContainer = _ref1.glContainer;
   return {
     inputFilters: getInputFiltersForDashboard(state, localDashboardId),
     links: getLinksForDashboard(state, localDashboardId),