@deephaven/dashboard-core-plugins 0.5.2-matplotlib.3 → 0.6.1-demo.8

package/dist/panels/IrisGridPanel.js

@@ -1,37 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 // Wrapper for the IrisGrid for use in a golden layout container
@@ -47,59 +13,53 @@ import { IrisGrid, IrisGridModel, IrisGridUtils, IrisGridTableModel, TableUtils
 import AdvancedSettings from '@deephaven/iris-grid/dist/sidebar/AdvancedSettings';
 import { PropTypes as APIPropTypes } from '@deephaven/jsapi-shim';
 import Log from '@deephaven/log';
-import { getUser, getWorkspace } from '@deephaven/redux';
+import { getSettings, getUser, getWorkspace } from '@deephaven/redux';
 import { PromiseUtils } from '@deephaven/utils';
 import { ContextMenuRoot } from '@deephaven/components';
-import { ChartEvent, ConsoleEvent, InputFilterEvent, IrisGridEvent } from '../events';
-import { getInputFiltersForDashboard, getLinksForDashboard, getColumnSelectionValidatorForDashboard } from '../redux';
-import { UIPropTypes } from '../prop-types';
-import WidgetPanel from './WidgetPanel';
+import { ChartEvent, ConsoleEvent, InputFilterEvent, IrisGridEvent } from "../events/index.js";
+import { getInputFiltersForDashboard, getLinksForDashboard, getColumnSelectionValidatorForDashboard } from "../redux/index.js";
+import { UIPropTypes } from "../prop-types/index.js";
+import WidgetPanel from "./WidgetPanel.js";
 import "./IrisGridPanel.css";
 var log = Log.module('IrisGridPanel');
 var DEBOUNCE_PANEL_STATE_UPDATE = 500;
 var PLUGIN_COMPONENTS = {
-  IrisGrid: IrisGrid,
-  IrisGridTableModel: IrisGridTableModel,
-  ContextMenuRoot: ContextMenuRoot
+  IrisGrid,
+  IrisGridTableModel,
+  ContextMenuRoot
 };
-export var IrisGridPanel = /*#__PURE__*/function (_PureComponent) {
-  _inherits(IrisGridPanel, _PureComponent);
-
-  var _super = _createSuper(IrisGridPanel);
-
-  function IrisGridPanel(props) {
-    var _this;
-
-    _classCallCheck(this, IrisGridPanel);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "getGridInputFilters", memoize(function (columns, inputFilters) {
-      return 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(function (_ref) {
-        var value = _ref.value,
-            excludePanelIds = _ref.excludePanelIds;
-        return value != null && (excludePanelIds == null || !excludePanelIds.includes(LayoutUtils.getIdFromPanel(_assertThisInitialized(_this))));
-      }));
-    }));
-
-    _defineProperty(_assertThisInitialized(_this), "getAlwaysFetchColumns", memoize(function (dashboardLinks, pluginFetchColumns) {
-      var id = LayoutUtils.getIdFromPanel(_assertThisInitialized(_this)); // Always fetch columns which are the start/source of a link or columns specified by a plugin
+export class IrisGridPanel extends PureComponent {
+  constructor(props) {
+    super(props);
+
+    _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;
+      return value != null && (excludePanelIds == null || !excludePanelIds.includes(LayoutUtils.getIdFromPanel(this)));
+    }))));
+
+    _defineProperty(this, "getAlwaysFetchColumns", memoize((dashboardLinks, pluginFetchColumns) => {
+      var id = LayoutUtils.getIdFromPanel(this); // 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].start;
+        var {
+          start
+        } = dashboardLinks[i];
 
         if (start && start.panelId === id) {
           columnSet.add(start.columnName);
         }
       }
 
-      return _toConsumableArray(columnSet);
+      return [...columnSet];
     }));
 
-    _defineProperty(_assertThisInitialized(_this), "getPluginContent", memoize(function (Plugin, table, user, workspace) {
+    _defineProperty(this, "getPluginContent", memoize((Plugin, table, user, workspace) => {
       if (Plugin == null || table == null) {
         return null;
       }
@@ -107,93 +67,87 @@ export var IrisGridPanel = /*#__PURE__*/function (_PureComponent) {
       return /*#__PURE__*/React.createElement("div", {
         className: "iris-grid-plugin"
       }, /*#__PURE__*/React.createElement(Plugin, {
-        ref: _this.pluginRef,
-        onFilter: _this.handlePluginFilter,
-        onFetchColumns: _this.handlePluginFetchColumns,
+        ref: this.pluginRef,
+        onFilter: this.handlePluginFilter,
+        onFetchColumns: this.handlePluginFetchColumns,
         table: table,
         user: user,
-        panel: _assertThisInitialized(_this),
+        panel: this,
         workspace: workspace,
         components: PLUGIN_COMPONENTS
       }));
     }));
 
-    _defineProperty(_assertThisInitialized(_this), "getDehydratedIrisGridPanelState", memoize(function (table, isSelectingPartition, partition, partitionColumn) {
-      return IrisGridUtils.dehydrateIrisGridPanelState(table, {
-        isSelectingPartition: isSelectingPartition,
-        partition: partition,
-        partitionColumn: partitionColumn
-      });
-    }));
-
-    _defineProperty(_assertThisInitialized(_this), "getDehydratedIrisGridState", memoize(function (table, sorts, advancedFilters, customColumnFormatMap, isFilterBarShown, quickFilters, customColumns, reverseType, rollupConfig, showSearchBar, searchValue, selectDistinctColumns, selectedSearchColumns, invertSearchColumns, userColumnWidths, userRowHeights, aggregationSettings, advancedSettings, pendingDataMap) {
-      return IrisGridUtils.dehydrateIrisGridState(table, {
-        advancedFilters: advancedFilters,
-        advancedSettings: advancedSettings,
-        aggregationSettings: aggregationSettings,
-        customColumnFormatMap: customColumnFormatMap,
-        isFilterBarShown: isFilterBarShown,
-        metrics: {
-          userColumnWidths: userColumnWidths,
-          userRowHeights: userRowHeights
-        },
-        quickFilters: quickFilters,
-        customColumns: customColumns,
-        reverseType: reverseType,
-        rollupConfig: rollupConfig,
-        showSearchBar: showSearchBar,
-        searchValue: searchValue,
-        selectDistinctColumns: selectDistinctColumns,
-        selectedSearchColumns: selectedSearchColumns,
-        sorts: sorts,
-        invertSearchColumns: invertSearchColumns,
-        pendingDataMap: pendingDataMap
-      });
-    }));
-
-    _defineProperty(_assertThisInitialized(_this), "getDehydratedGridState", memoize(function (table, movedColumns, movedRows) {
-      return IrisGridUtils.dehydrateGridState(table, {
-        movedColumns: movedColumns,
-        movedRows: movedRows
-      });
-    }));
-
-    _defineProperty(_assertThisInitialized(_this), "getCachedPanelState", memoize(function (irisGridPanelState, irisGridState, gridState) {
-      return {
-        irisGridPanelState: irisGridPanelState,
-        irisGridState: irisGridState,
-        gridState: gridState
-      };
-    }));
-
-    _this.savePanelState = debounce(_this.savePanelState.bind(_assertThisInitialized(_this)), DEBOUNCE_PANEL_STATE_UPDATE);
-    _this.handleAdvancedSettingsChange = _this.handleAdvancedSettingsChange.bind(_assertThisInitialized(_this));
-    _this.handleColumnsChanged = _this.handleColumnsChanged.bind(_assertThisInitialized(_this));
-    _this.handleTableChanged = _this.handleTableChanged.bind(_assertThisInitialized(_this));
-    _this.handleColumnSelected = _this.handleColumnSelected.bind(_assertThisInitialized(_this));
-    _this.handleDataSelected = _this.handleDataSelected.bind(_assertThisInitialized(_this));
-    _this.handleError = _this.handleError.bind(_assertThisInitialized(_this));
-    _this.handleGridStateChange = _this.handleGridStateChange.bind(_assertThisInitialized(_this));
-    _this.handlePartitionAppend = _this.handlePartitionAppend.bind(_assertThisInitialized(_this));
-    _this.handleCreateChart = _this.handleCreateChart.bind(_assertThisInitialized(_this));
-    _this.handleResize = _this.handleResize.bind(_assertThisInitialized(_this));
-    _this.handleShow = _this.handleShow.bind(_assertThisInitialized(_this));
-    _this.handleDisconnect = _this.handleDisconnect.bind(_assertThisInitialized(_this));
-    _this.handleReconnect = _this.handleReconnect.bind(_assertThisInitialized(_this));
-    _this.handleLoadSuccess = _this.handleLoadSuccess.bind(_assertThisInitialized(_this));
-    _this.handleLoadError = _this.handleLoadError.bind(_assertThisInitialized(_this));
-    _this.isColumnSelectionValid = _this.isColumnSelectionValid.bind(_assertThisInitialized(_this));
-    _this.handleContextMenu = _this.handleContextMenu.bind(_assertThisInitialized(_this));
-    _this.handlePluginFilter = _this.handlePluginFilter.bind(_assertThisInitialized(_this));
-    _this.handlePluginFetchColumns = _this.handlePluginFetchColumns.bind(_assertThisInitialized(_this));
-    _this.handleClearAllFilters = _this.handleClearAllFilters.bind(_assertThisInitialized(_this));
-    _this.irisGrid = /*#__PURE__*/React.createRef();
-    _this.pluginRef = /*#__PURE__*/React.createRef();
-    _this.modelPromise = null;
-    var panelState = props.panelState,
-        metadata = props.metadata;
+    _defineProperty(this, "getDehydratedIrisGridPanelState", memoize((model, isSelectingPartition, partition, partitionColumn) => IrisGridUtils.dehydrateIrisGridPanelState(model, {
+      isSelectingPartition,
+      partition,
+      partitionColumn
+    })));
+
+    _defineProperty(this, "getDehydratedIrisGridState", memoize((model, sorts, advancedFilters, customColumnFormatMap, isFilterBarShown, quickFilters, customColumns, reverseType, rollupConfig, showSearchBar, searchValue, selectDistinctColumns, selectedSearchColumns, invertSearchColumns, userColumnWidths, userRowHeights, aggregationSettings, advancedSettings, pendingDataMap) => IrisGridUtils.dehydrateIrisGridState(model, {
+      advancedFilters,
+      advancedSettings,
+      aggregationSettings,
+      customColumnFormatMap,
+      isFilterBarShown,
+      metrics: {
+        userColumnWidths,
+        userRowHeights
+      },
+      quickFilters,
+      customColumns,
+      reverseType,
+      rollupConfig,
+      showSearchBar,
+      searchValue,
+      selectDistinctColumns,
+      selectedSearchColumns,
+      sorts,
+      invertSearchColumns,
+      pendingDataMap
+    })));
+
+    _defineProperty(this, "getDehydratedGridState", memoize((model, movedColumns, movedRows) => IrisGridUtils.dehydrateGridState(model, {
+      movedColumns,
+      movedRows
+    })));
+
+    _defineProperty(this, "getCachedPanelState", memoize((irisGridPanelState, irisGridState, gridState) => ({
+      irisGridPanelState,
+      irisGridState,
+      gridState
+    })));
+
+    this.savePanelState = debounce(this.savePanelState.bind(this), DEBOUNCE_PANEL_STATE_UPDATE);
+    this.handleAdvancedSettingsChange = this.handleAdvancedSettingsChange.bind(this);
+    this.handleColumnsChanged = this.handleColumnsChanged.bind(this);
+    this.handleTableChanged = this.handleTableChanged.bind(this);
+    this.handleColumnSelected = this.handleColumnSelected.bind(this);
+    this.handleDataSelected = this.handleDataSelected.bind(this);
+    this.handleError = this.handleError.bind(this);
+    this.handleGridStateChange = this.handleGridStateChange.bind(this);
+    this.handlePartitionAppend = this.handlePartitionAppend.bind(this);
+    this.handleCreateChart = this.handleCreateChart.bind(this);
+    this.handleResize = this.handleResize.bind(this);
+    this.handleShow = this.handleShow.bind(this);
+    this.handleDisconnect = this.handleDisconnect.bind(this);
+    this.handleReconnect = this.handleReconnect.bind(this);
+    this.handleLoadSuccess = this.handleLoadSuccess.bind(this);
+    this.handleLoadError = this.handleLoadError.bind(this);
+    this.isColumnSelectionValid = this.isColumnSelectionValid.bind(this);
+    this.handleContextMenu = this.handleContextMenu.bind(this);
+    this.handlePluginFilter = this.handlePluginFilter.bind(this);
+    this.handlePluginFetchColumns = this.handlePluginFetchColumns.bind(this);
+    this.handleClearAllFilters = this.handleClearAllFilters.bind(this);
+    this.irisGrid = /*#__PURE__*/React.createRef();
+    this.pluginRef = /*#__PURE__*/React.createRef();
+    this.modelPromise = null;
+    var {
+      panelState,
+      metadata
+    } = props;
     var queryName = metadata.query;
-    _this.state = {
+    this.state = {
       error: null,
       isDisconnected: false,
       isLoaded: false,
@@ -220,7 +174,7 @@ export var IrisGridPanel = /*#__PURE__*/function (_PureComponent) {
       isSelectingPartition: false,
       partition: null,
       partitionColumn: null,
-      queryName: queryName,
+      queryName,
       rollupConfig: null,
       showSearchBar: false,
       searchValue: '',
@@ -232,678 +186,726 @@ export var IrisGridPanel = /*#__PURE__*/function (_PureComponent) {
       modelQueue: [],
       pendingDataMap: new Map(),
       // eslint-disable-next-line react/no-unused-state
-      panelState: panelState // Dehydrated panel state that can load this panel
+      panelState // Dehydrated panel state that can load this panel
 
     };
-    return _this;
   }
 
-  _createClass(IrisGridPanel, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.initModel();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(_, prevState) {
-      var model = this.state.model;
-
-      if (model !== prevState.model) {
-        if (prevState.model != null) {
-          this.stopModelListening(prevState.model);
-          prevState.model.close();
-        }
+  componentDidMount() {
+    this.initModel();
+  }
 
-        if (model != null) {
-          this.startModelListening(model);
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.savePanelState.cancel();
-
-      if (this.modelPromise != null) {
-        this.modelPromise.cancel();
-        this.modelPromise = null;
-      }
+  componentDidUpdate(_, prevState) {
+    var {
+      model
+    } = this.state;
 
-      var model = this.state.model;
+    if (model !== prevState.model) {
+      if (prevState.model != null) {
+        this.stopModelListening(prevState.model);
+        prevState.model.close();
+      }
 
-      if (model) {
-        this.stopModelListening(model);
-        model.close();
+      if (model != null) {
+        this.startModelListening(model);
       }
     }
-  }, {
-    key: "getTableName",
-    value: function getTableName() {
-      var metadata = this.props.metadata;
-      return metadata.table;
-    }
-  }, {
-    key: "initModel",
-    value: function initModel() {
-      this.setState({
-        isModelReady: false,
-        isLoading: true,
-        error: null
-      });
-      var makeModel = this.props.makeModel;
+  }
 
-      if (this.modelPromise != null) {
-        this.modelPromise.cancel();
-      }
+  componentWillUnmount() {
+    this.savePanelState.cancel();
 
-      this.modelPromise = PromiseUtils.makeCancelable(makeModel(), function (resolved) {
-        return resolved.close;
-      });
-      this.modelPromise.then(this.handleLoadSuccess)["catch"](this.handleLoadError);
+    if (this.modelPromise != null) {
+      this.modelPromise.cancel();
+      this.modelPromise = null;
     }
-  }, {
-    key: "handleLoadSuccess",
-    value: function handleLoadSuccess(modelParam) {
-      var model = modelParam;
-      var panelState = this.props.panelState;
-      var modelQueue = [];
-
-      if (panelState != null) {
-        var irisGridState = panelState.irisGridState;
-        var aggregationSettings = irisGridState.aggregationSettings,
-            customColumns = irisGridState.customColumns,
-            _irisGridState$select = irisGridState.selectDistinctColumns,
-            selectDistinctColumns = _irisGridState$select === void 0 ? [] : _irisGridState$select,
-            rollupConfig = irisGridState.rollupConfig;
-
-        if (customColumns.length > 0) {
-          modelQueue.push(function (m) {
-            // eslint-disable-next-line no-param-reassign
-            m.customColumns = customColumns;
-          });
-        }
 
-        if (rollupConfig != null && rollupConfig.columns.length > 0) {
-          // originalColumns might change by the time this model queue item is applied.
-          // Instead of pushing a static object, push the function
-          // that calculates the config based on the updated model state.
-          modelQueue.push(function (m) {
-            // eslint-disable-next-line no-param-reassign
-            m.rollupConfig = IrisGridUtils.getModelRollupConfig(m.originalColumns, rollupConfig, aggregationSettings);
-          });
-        }
+    var {
+      model
+    } = this.state;
 
-        if (selectDistinctColumns.length > 0) {
-          modelQueue.push(function (m) {
-            // eslint-disable-next-line no-param-reassign
-            m.selectDistinctColumns = selectDistinctColumns;
-          });
-        }
-      }
-
-      this.setState({
-        model: model,
-        modelQueue: modelQueue
-      });
-      this.initModelQueue(model, modelQueue);
+    if (model) {
+      this.stopModelListening(model);
+      model.close();
     }
-  }, {
-    key: "initModelQueue",
-    value: function initModelQueue(modelParam, modelQueue) {
-      var model = modelParam;
-
-      if (modelQueue.length === 0) {
-        this.modelInitialized(model);
-        return;
-      }
+  }
 
-      var modelChange = modelQueue.shift();
-      log.debug('initModelQueue', modelChange); // Apply next model change. Triggers columnschanged event.
+  getTableName() {
+    var {
+      metadata
+    } = this.props;
+    return metadata.table;
+  }
 
-      modelChange(model);
-      this.setState({
-        modelQueue: modelQueue
-      });
-    }
-  }, {
-    key: "handleAdvancedSettingsChange",
-    value: function handleAdvancedSettingsChange(key, value) {
-      log.debug('handleAdvancedSettingsChange', key, value);
-      this.setState(function (_ref2) {
-        var advancedSettings = _ref2.advancedSettings;
-        return advancedSettings.get(key) === value ? null : {
-          advancedSettings: new Map(advancedSettings).set(key, value)
-        };
-      });
-    }
-  }, {
-    key: "handlePluginFilter",
-    value: function handlePluginFilter(filters) {
-      var model = this.state.model;
-      var pluginFilters = IrisGridUtils.getFiltersFromInputFilters(model.columns, filters);
-      this.setState({
-        pluginFilters: pluginFilters
-      });
-    }
-  }, {
-    key: "handlePluginFetchColumns",
-    value: function handlePluginFetchColumns(pluginFetchColumns) {
-      this.setState({
-        pluginFetchColumns: pluginFetchColumns
-      });
-    }
-  }, {
-    key: "handleContextMenu",
-    value: function handleContextMenu(data) {
-      var _this$pluginRef$curre, _this$pluginRef$curre2, _this$pluginRef$curre3;
+  initModel() {
+    this.setState({
+      isModelReady: false,
+      isLoading: true,
+      error: null
+    });
+    var {
+      makeModel
+    } = this.props;
 
-      return (_this$pluginRef$curre = (_this$pluginRef$curre2 = this.pluginRef.current) === null || _this$pluginRef$curre2 === void 0 ? 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 : [];
+    if (this.modelPromise != null) {
+      this.modelPromise.cancel();
     }
-  }, {
-    key: "isColumnSelectionValid",
-    value: function isColumnSelectionValid(tableColumn) {
-      var columnSelectionValidator = this.props.columnSelectionValidator;
 
-      if (columnSelectionValidator) {
-        return columnSelectionValidator(this, tableColumn);
+    this.modelPromise = PromiseUtils.makeCancelable(makeModel(), resolved => resolved.close);
+    this.modelPromise.then(this.handleLoadSuccess).catch(this.handleLoadError);
+  }
+
+  handleLoadSuccess(modelParam) {
+    var model = modelParam;
+    var {
+      panelState
+    } = this.props;
+    var modelQueue = [];
+
+    if (panelState != null) {
+      var {
+        irisGridState
+      } = panelState;
+      var {
+        aggregationSettings,
+        customColumns,
+        selectDistinctColumns = [],
+        rollupConfig
+      } = irisGridState;
+
+      if (customColumns.length > 0) {
+        modelQueue.push(m => {
+          // eslint-disable-next-line no-param-reassign
+          m.customColumns = customColumns;
+        });
       }
 
-      return false;
-    }
-  }, {
-    key: "handleGridStateChange",
-    value: function handleGridStateChange(irisGridState, gridState) {
-      // Grid sends it's first state change after it's finished loading
-      this.setState({
-        isLoaded: true,
-        isLoading: false
-      });
-      this.savePanelState(irisGridState, gridState);
-      var _this$props = this.props,
-          glEventHub = _this$props.glEventHub,
-          onStateChange = _this$props.onStateChange;
-      glEventHub.emit(IrisGridEvent.STATE_CHANGED, this);
-      onStateChange(irisGridState, gridState);
-    }
-  }, {
-    key: "handleColumnsChanged",
-    value: function handleColumnsChanged(event) {
-      var _this$state = this.state,
-          isModelReady = _this$state.isModelReady,
-          model = _this$state.model,
-          modelQueue = _this$state.modelQueue;
-
-      if (isModelReady) {
-        this.sendColumnsChange(event.detail);
-      } else {
-        this.initModelQueue(model, modelQueue);
+      if (rollupConfig != null && rollupConfig.columns.length > 0) {
+        // originalColumns might change by the time this model queue item is applied.
+        // Instead of pushing a static object, push the function
+        // that calculates the config based on the updated model state.
+        modelQueue.push(m => {
+          // eslint-disable-next-line no-param-reassign
+          m.rollupConfig = IrisGridUtils.getModelRollupConfig(m.originalColumns, rollupConfig, aggregationSettings);
+        });
       }
-    }
-  }, {
-    key: "handleTableChanged",
-    value: function handleTableChanged(event) {
-      log.debug('handleTableChanged', event);
-      var glEventHub = this.props.glEventHub;
-      var table = event.detail;
-      glEventHub.emit(InputFilterEvent.TABLE_CHANGED, this, table);
-    }
-  }, {
-    key: "handlePartitionAppend",
-    value: function handlePartitionAppend(column, value) {
-      var glEventHub = this.props.glEventHub;
-      var name = column.name;
-      var tableName = this.getTableName();
-      var command = "".concat(tableName, " = ").concat(tableName, ".where(\"").concat(name, "=`").concat(value, "`\")");
-      glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
-    }
-  }, {
-    key: "handleCreateChart",
-    value: function handleCreateChart(settings, table) {
-      var _this2 = this;
-
-      // Panel state is stored with the created chart, so flush it first
-      this.savePanelState.flush();
-      this.setState(function () {
-        return null;
-      }, function () {
-        var makeModel = function makeModel() {
-          return ChartModelFactory.makeModelFromSettings(settings, table);
-        };
-
-        var _this2$props = _this2.props,
-            glEventHub = _this2$props.glEventHub,
-            inputFilters = _this2$props.inputFilters,
-            metadata = _this2$props.metadata;
-        var querySerial = metadata.querySerial,
-            tableName = metadata.table;
-        var panelState = _this2.state.panelState;
-        var id = LayoutUtils.getIdFromPanel(_this2);
-        var tableSettings = IrisGridUtils.extractTableSettings(panelState, inputFilters);
-        var title = ChartUtils.titleFromSettings(settings);
-        glEventHub.emit(ChartEvent.OPEN, title, makeModel, {
-          querySerial: querySerial,
-          settings: ChartUtils.dehydrateSettings(settings),
-          sourcePanelId: id,
-          table: tableName,
-          tableSettings: tableSettings
+
+      if (selectDistinctColumns.length > 0) {
+        modelQueue.push(m => {
+          // eslint-disable-next-line no-param-reassign
+          m.selectDistinctColumns = selectDistinctColumns;
         });
-      });
-    }
-  }, {
-    key: "handleColumnSelected",
-    value: function handleColumnSelected(column) {
-      var glEventHub = this.props.glEventHub;
-      glEventHub.emit(IrisGridEvent.COLUMN_SELECTED, this, column);
-    }
-  }, {
-    key: "handleDataSelected",
-    value: function handleDataSelected(row, dataMap) {
-      var glEventHub = this.props.glEventHub;
-      glEventHub.emit(IrisGridEvent.DATA_SELECTED, this, dataMap);
+      }
     }
-  }, {
-    key: "handleResize",
-    value: function handleResize() {
-      this.updateGrid();
+
+    this.setState({
+      model,
+      modelQueue
+    });
+    this.initModelQueue(model, modelQueue);
+  }
+
+  initModelQueue(modelParam, modelQueue) {
+    var model = modelParam;
+
+    if (modelQueue.length === 0) {
+      this.modelInitialized(model);
+      return;
     }
-  }, {
-    key: "handleShow",
-    value: function handleShow() {
-      this.updateGrid();
+
+    var modelChange = modelQueue.shift();
+    log.debug('initModelQueue', modelChange); // Apply next model change. Triggers columnschanged event.
+
+    modelChange(model);
+    this.setState({
+      modelQueue
+    });
+  }
+
+  handleAdvancedSettingsChange(key, value) {
+    log.debug('handleAdvancedSettingsChange', key, value);
+    this.setState((_ref2) => {
+      var {
+        advancedSettings
+      } = _ref2;
+      return advancedSettings.get(key) === value ? null : {
+        advancedSettings: new Map(advancedSettings).set(key, value)
+      };
+    });
+  }
+
+  handlePluginFilter(filters) {
+    var {
+      model
+    } = this.state;
+    var {
+      columns,
+      formatter
+    } = model;
+    var pluginFilters = IrisGridUtils.getFiltersFromInputFilters(columns, filters, formatter.timeZone);
+    this.setState({
+      pluginFilters
+    });
+  }
+
+  handlePluginFetchColumns(pluginFetchColumns) {
+    this.setState({
+      pluginFetchColumns
+    });
+  }
+
+  handleContextMenu(data) {
+    var _this$pluginRef$curre, _this$pluginRef$curre2, _this$pluginRef$curre3;
+
+    return (_this$pluginRef$curre = (_this$pluginRef$curre2 = this.pluginRef.current) === null || _this$pluginRef$curre2 === void 0 ? 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;
+
+    if (columnSelectionValidator) {
+      return columnSelectionValidator(this, tableColumn);
     }
-  }, {
-    key: "handleError",
-    value: function handleError(error) {
-      log.error(error);
-      this.setState({
-        error: error,
-        isLoading: false
-      });
+
+    return false;
+  }
+
+  handleGridStateChange(irisGridState, gridState) {
+    // Grid sends it's first state change after it's finished loading
+    this.setState({
+      isLoaded: true,
+      isLoading: false
+    });
+    this.savePanelState(irisGridState, gridState);
+    var {
+      glEventHub,
+      onStateChange
+    } = this.props;
+    glEventHub.emit(IrisGridEvent.STATE_CHANGED, this);
+    onStateChange(irisGridState, gridState);
+  }
+
+  handleColumnsChanged(event) {
+    var {
+      isModelReady,
+      model,
+      modelQueue
+    } = this.state;
+
+    if (isModelReady) {
+      this.sendColumnsChange(event.detail);
+    } else {
+      this.initModelQueue(model, modelQueue);
     }
-  }, {
-    key: "handleDisconnect",
-    value: function handleDisconnect() {
-      this.setState({
-        error: new Error('Table disconnected'),
-        isDisconnected: true,
-        isLoading: false
+  }
+
+  handleTableChanged(event) {
+    log.debug('handleTableChanged', event);
+    var {
+      glEventHub
+    } = this.props;
+    var {
+      detail: table
+    } = event;
+    glEventHub.emit(InputFilterEvent.TABLE_CHANGED, this, table);
+  }
+
+  handlePartitionAppend(column, value) {
+    var {
+      glEventHub
+    } = this.props;
+    var {
+      name
+    } = column;
+    var tableName = this.getTableName();
+    var command = "".concat(tableName, " = ").concat(tableName, ".where(\"").concat(name, "=`").concat(value, "`\")");
+    glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
+  }
+
+  handleCreateChart(settings, table) {
+    // Panel state is stored with the created chart, so flush it first
+    this.savePanelState.flush();
+    this.setState(() => null, () => {
+      var makeModel = () => ChartModelFactory.makeModelFromSettings(settings, table);
+
+      var {
+        glEventHub,
+        inputFilters,
+        metadata
+      } = this.props;
+      var {
+        querySerial,
+        table: tableName
+      } = metadata;
+      var {
+        panelState
+      } = this.state;
+      var id = LayoutUtils.getIdFromPanel(this);
+      var tableSettings = IrisGridUtils.extractTableSettings(panelState, inputFilters);
+      var title = ChartUtils.titleFromSettings(settings);
+      glEventHub.emit(ChartEvent.OPEN, title, makeModel, {
+        querySerial,
+        settings: ChartUtils.dehydrateSettings(settings),
+        sourcePanelId: id,
+        table: tableName,
+        tableSettings
       });
+    });
+  }
+
+  handleColumnSelected(column) {
+    var {
+      glEventHub
+    } = this.props;
+    glEventHub.emit(IrisGridEvent.COLUMN_SELECTED, this, column);
+  }
+
+  handleDataSelected(row, dataMap) {
+    var {
+      glEventHub
+    } = this.props;
+    glEventHub.emit(IrisGridEvent.DATA_SELECTED, this, dataMap);
+  }
+
+  handleResize() {
+    this.updateGrid();
+  }
+
+  handleShow() {
+    this.updateGrid();
+  }
+
+  handleError(error) {
+    log.error(error);
+    this.setState({
+      error,
+      isLoading: false
+    });
+  }
+
+  handleDisconnect() {
+    this.setState({
+      error: new Error('Table disconnected'),
+      isDisconnected: true,
+      isLoading: false
+    });
+  }
+
+  handleReconnect() {
+    this.setState({
+      isDisconnected: false,
+      error: null
+    });
+  }
+
+  handleLoadError(error) {
+    if (PromiseUtils.isCanceled(error)) {
+      return;
     }
-  }, {
-    key: "handleReconnect",
-    value: function handleReconnect() {
+
+    this.handleError(error);
+  }
+
+  modelInitialized(model) {
+    var {
+      glEventHub,
+      loadPlugin
+    } = this.props;
+    this.modelPromise = null; // Custom columns at this point already initialized, can load state
+
+    this.loadPanelState(model);
+    this.setState({
+      isModelReady: true
+    });
+    var {
+      table
+    } = model;
+    var {
+      pluginName
+    } = table;
+
+    if (loadPlugin && pluginName) {
+      var Plugin = loadPlugin(pluginName);
       this.setState({
-        isDisconnected: false,
-        error: null
+        Plugin
       });
     }
-  }, {
-    key: "handleLoadError",
-    value: function handleLoadError(error) {
-      if (PromiseUtils.isCanceled(error)) {
-        return;
-      }
 
-      this.handleError(error);
-    }
-  }, {
-    key: "modelInitialized",
-    value: function modelInitialized(model) {
-      var _this$props2 = this.props,
-          glEventHub = _this$props2.glEventHub,
-          loadPlugin = _this$props2.loadPlugin;
-      this.modelPromise = null; // Custom columns at this point already initialized, can load state
-
-      this.loadPanelState(model);
-      this.setState({
-        isModelReady: true
-      });
-      var table = model.table;
-      var pluginName = table.pluginName;
+    glEventHub.emit(InputFilterEvent.TABLE_CHANGED, this, table);
+    this.sendColumnsChange(model.columns);
+  }
 
-      if (loadPlugin && pluginName) {
-        var Plugin = loadPlugin(pluginName);
-        this.setState({
-          Plugin: Plugin
-        });
-      }
+  handleClearAllFilters() {
+    var irisGrid = this.irisGrid.current;
+    var {
+      isDisconnected
+    } = this.state;
 
-      glEventHub.emit(InputFilterEvent.TABLE_CHANGED, this, table);
-      this.sendColumnsChange(model.columns);
+    if (irisGrid != null && !isDisconnected) {
+      irisGrid.clearAllFilters();
     }
-  }, {
-    key: "handleClearAllFilters",
-    value: function handleClearAllFilters() {
-      var irisGrid = this.irisGrid.current;
-      var isDisconnected = this.state.isDisconnected;
-
-      if (irisGrid != null && !isDisconnected) {
-        irisGrid.clearAllFilters();
-      }
-    }
-  }, {
-    key: "sendColumnsChange",
-    value: function sendColumnsChange(columns) {
-      log.debug2('sendColumnsChange', columns);
-      var glEventHub = this.props.glEventHub;
-      glEventHub.emit(InputFilterEvent.COLUMNS_CHANGED, this, columns);
-    }
-  }, {
-    key: "startModelListening",
-    value: function startModelListening(model) {
-      model.addEventListener(IrisGridModel.EVENT.DISCONNECT, this.handleDisconnect);
-      model.addEventListener(IrisGridModel.EVENT.RECONNECT, this.handleReconnect);
-      model.addEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleColumnsChanged);
-      model.addEventListener(IrisGridModel.EVENT.TABLE_CHANGED, this.handleTableChanged);
-    }
-  }, {
-    key: "stopModelListening",
-    value: function stopModelListening(model) {
-      model.removeEventListener(IrisGridModel.EVENT.DISCONNECT, this.handleDisconnect);
-      model.removeEventListener(IrisGridModel.EVENT.RECONNECT, this.handleReconnect);
-      model.removeEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleColumnsChanged);
-      model.removeEventListener(IrisGridModel.EVENT.TABLE_CHANGED, this.handleTableChanged);
-    }
-  }, {
-    key: "getCoordinateForColumn",
-    value: function getCoordinateForColumn(columnName) {
-      var _gridWrapper$getBound;
-
-      var model = this.state.model;
+  }
 
-      if (!model) {
-        return null;
-      }
+  sendColumnsChange(columns) {
+    log.debug2('sendColumnsChange', columns);
+    var {
+      glEventHub
+    } = this.props;
+    glEventHub.emit(InputFilterEvent.COLUMNS_CHANGED, this, columns);
+  }
 
-      var irisGrid = this.irisGrid.current;
+  startModelListening(model) {
+    model.addEventListener(IrisGridModel.EVENT.DISCONNECT, this.handleDisconnect);
+    model.addEventListener(IrisGridModel.EVENT.RECONNECT, this.handleReconnect);
+    model.addEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleColumnsChanged);
+    model.addEventListener(IrisGridModel.EVENT.TABLE_CHANGED, this.handleTableChanged);
+  }
 
-      var _ref3 = irisGrid || {},
-          gridWrapper = _ref3.gridWrapper;
+  stopModelListening(model) {
+    model.removeEventListener(IrisGridModel.EVENT.DISCONNECT, this.handleDisconnect);
+    model.removeEventListener(IrisGridModel.EVENT.RECONNECT, this.handleReconnect);
+    model.removeEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleColumnsChanged);
+    model.removeEventListener(IrisGridModel.EVENT.TABLE_CHANGED, this.handleTableChanged);
+  }
 
-      var rect = (_gridWrapper$getBound = gridWrapper === null || gridWrapper === void 0 ? void 0 : gridWrapper.getBoundingClientRect()) !== null && _gridWrapper$getBound !== void 0 ? _gridWrapper$getBound : null;
+  getCoordinateForColumn(columnName) {
+    var _gridWrapper$getBound;
+
+    var {
+      model
+    } = this.state;
+
+    if (!model) {
+      return null;
+    }
+
+    var irisGrid = this.irisGrid.current;
+    var {
+      gridWrapper
+    } = irisGrid || {};
+    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;
+    }
+
+    var {
+      metrics
+    } = irisGrid.state;
+    var {
+      columnHeaderHeight,
+      visibleColumnXs,
+      visibleColumnWidths,
+      right
+    } = metrics;
+    var visibleIndex = irisGrid.getVisibleColumn(model.getColumnIndexByName(columnName));
+    var columnX = visibleColumnXs.get(visibleIndex) || 0;
+    var columnWidth = visibleColumnWidths.get(visibleIndex) || 0;
+    var x = Math.max(rect.left, Math.min(visibleIndex > right ? rect.right : rect.left + columnX + columnWidth * 0.5, rect.right));
+    var y = rect.top + columnHeaderHeight;
+    return [x, y];
+  }
 
-      if (rect == null || rect.width <= 0 || rect.height <= 0) {
-        return null;
-      }
+  setFilterMap(filterMap) {
+    var irisGrid = this.irisGrid.current;
 
-      var metrics = irisGrid.state.metrics;
-      var columnHeaderHeight = metrics.columnHeaderHeight,
-          visibleColumnXs = metrics.visibleColumnXs,
-          visibleColumnWidths = metrics.visibleColumnWidths,
-          right = metrics.right;
-      var column = model.columns.find(function (c) {
-        return c.name === columnName;
-      });
-      var visibleIndex = irisGrid.getVisibleColumn(column.index);
-      var columnX = visibleColumnXs.get(visibleIndex) || 0;
-      var columnWidth = visibleColumnWidths.get(visibleIndex) || 0;
-      var x = Math.max(rect.left, Math.min(visibleIndex > right ? rect.right : rect.left + columnX + columnWidth * 0.5, rect.right));
-      var y = rect.top + columnHeaderHeight;
-      return [x, y];
+    if (irisGrid != null) {
+      irisGrid.setFilterMap(filterMap);
     }
-  }, {
-    key: "setFilterMap",
-    value: function setFilterMap(filterMap) {
-      var irisGrid = this.irisGrid.current;
+  }
 
-      if (irisGrid != null) {
-        irisGrid.setFilterMap(filterMap);
-      }
-    } // eslint-disable-next-line class-methods-use-this
+  setAdvancedFilterMap(filterMap) {
+    var irisGrid = this.irisGrid.current;
 
-  }, {
-    key: "unsetFilterValue",
-    value: function unsetFilterValue() {// IrisGridPanel retains the set value after the link is broken
+    if (irisGrid != null) {
+      irisGrid.setAdvancedFilterMap(filterMap);
     }
-  }, {
-    key: "loadPanelState",
-    value: function loadPanelState(model) {
-      var table = model.table;
-      var panelState = this.props.panelState;
-
-      if (panelState == null) {
-        return;
-      }
+  }
 
-      try {
-        var gridState = panelState.gridState,
-            irisGridState = panelState.irisGridState,
-            irisGridPanelState = panelState.irisGridPanelState;
-
-        var _IrisGridUtils$hydrat = IrisGridUtils.hydrateIrisGridPanelState(table, irisGridPanelState),
-            isSelectingPartition = _IrisGridUtils$hydrat.isSelectingPartition,
-            partition = _IrisGridUtils$hydrat.partition,
-            partitionColumn = _IrisGridUtils$hydrat.partitionColumn;
-
-        var _IrisGridUtils$hydrat2 = IrisGridUtils.hydrateIrisGridState(table, irisGridState),
-            advancedFilters = _IrisGridUtils$hydrat2.advancedFilters,
-            advancedSettings = _IrisGridUtils$hydrat2.advancedSettings,
-            customColumns = _IrisGridUtils$hydrat2.customColumns,
-            customColumnFormatMap = _IrisGridUtils$hydrat2.customColumnFormatMap,
-            isFilterBarShown = _IrisGridUtils$hydrat2.isFilterBarShown,
-            quickFilters = _IrisGridUtils$hydrat2.quickFilters,
-            reverseType = _IrisGridUtils$hydrat2.reverseType,
-            rollupConfig = _IrisGridUtils$hydrat2.rollupConfig,
-            aggregationSettings = _IrisGridUtils$hydrat2.aggregationSettings,
-            sorts = _IrisGridUtils$hydrat2.sorts,
-            userColumnWidths = _IrisGridUtils$hydrat2.userColumnWidths,
-            userRowHeights = _IrisGridUtils$hydrat2.userRowHeights,
-            showSearchBar = _IrisGridUtils$hydrat2.showSearchBar,
-            searchValue = _IrisGridUtils$hydrat2.searchValue,
-            selectDistinctColumns = _IrisGridUtils$hydrat2.selectDistinctColumns,
-            selectedSearchColumns = _IrisGridUtils$hydrat2.selectedSearchColumns,
-            invertSearchColumns = _IrisGridUtils$hydrat2.invertSearchColumns,
-            pendingDataMap = _IrisGridUtils$hydrat2.pendingDataMap;
-
-        var _IrisGridUtils$hydrat3 = IrisGridUtils.hydrateGridState(table, gridState, irisGridState.customColumns),
-            movedColumns = _IrisGridUtils$hydrat3.movedColumns,
-            movedRows = _IrisGridUtils$hydrat3.movedRows;
-
-        this.setState({
-          advancedFilters: advancedFilters,
-          advancedSettings: advancedSettings,
-          customColumns: customColumns,
-          customColumnFormatMap: customColumnFormatMap,
-          isFilterBarShown: isFilterBarShown,
-          isSelectingPartition: isSelectingPartition,
-          movedColumns: movedColumns,
-          movedRows: movedRows,
-          partition: partition,
-          partitionColumn: partitionColumn,
-          quickFilters: quickFilters,
-          reverseType: reverseType,
-          rollupConfig: rollupConfig,
-          aggregationSettings: aggregationSettings,
-          sorts: sorts,
-          userColumnWidths: userColumnWidths,
-          userRowHeights: userRowHeights,
-          showSearchBar: showSearchBar,
-          searchValue: searchValue,
-          selectDistinctColumns: selectDistinctColumns,
-          selectedSearchColumns: selectedSearchColumns,
-          invertSearchColumns: invertSearchColumns,
-          pendingDataMap: pendingDataMap
-        });
-      } catch (error) {
-        log.error('loadPanelState failed to load panelState', panelState, error);
-      }
-    }
-  }, {
-    key: "savePanelState",
-    value: function savePanelState(irisGridState, gridState) {
-      var onPanelStateUpdate = this.props.onPanelStateUpdate;
-      var _this$state2 = this.state,
-          model = _this$state2.model,
-          oldPanelState = _this$state2.panelState,
-          isSelectingPartition = _this$state2.isSelectingPartition,
-          partition = _this$state2.partition,
-          partitionColumn = _this$state2.partitionColumn,
-          advancedSettings = _this$state2.advancedSettings;
-      var advancedFilters = irisGridState.advancedFilters,
-          aggregationSettings = irisGridState.aggregationSettings,
-          customColumnFormatMap = irisGridState.customColumnFormatMap,
-          isFilterBarShown = irisGridState.isFilterBarShown,
-          quickFilters = irisGridState.quickFilters,
-          customColumns = irisGridState.customColumns,
-          reverseType = irisGridState.reverseType,
-          rollupConfig = irisGridState.rollupConfig,
-          showSearchBar = irisGridState.showSearchBar,
-          searchValue = irisGridState.searchValue,
-          selectDistinctColumns = irisGridState.selectDistinctColumns,
-          selectedSearchColumns = irisGridState.selectedSearchColumns,
-          sorts = irisGridState.sorts,
-          invertSearchColumns = irisGridState.invertSearchColumns,
-          metrics = irisGridState.metrics,
-          pendingDataMap = irisGridState.pendingDataMap;
-      var userColumnWidths = metrics.userColumnWidths,
-          userRowHeights = metrics.userRowHeights;
-      var movedColumns = gridState.movedColumns,
-          movedRows = gridState.movedRows;
-      var table = model.table;
-      var panelState = this.getCachedPanelState(this.getDehydratedIrisGridPanelState(table, isSelectingPartition, partition, partitionColumn), this.getDehydratedIrisGridState(table, sorts, advancedFilters, customColumnFormatMap, isFilterBarShown, quickFilters, customColumns, reverseType, rollupConfig, showSearchBar, searchValue, selectDistinctColumns, selectedSearchColumns, invertSearchColumns, userColumnWidths, userRowHeights, aggregationSettings, advancedSettings, pendingDataMap), this.getDehydratedGridState(table, movedColumns, movedRows));
-
-      if (panelState !== oldPanelState) {
-        log.debug('Saving panel state', this, panelState);
-        this.setState({
-          panelState: panelState
-        });
-        onPanelStateUpdate(panelState);
-      }
+  setFilters(_ref3) {
+    var {
+      quickFilters,
+      advancedFilters
+    } = _ref3;
+    var irisGrid = this.irisGrid.current;
+    var {
+      model,
+      isDisconnected
+    } = this.state;
+
+    if (irisGrid != null && !isDisconnected) {
+      irisGrid.clearAllFilters();
+      irisGrid.setFilters({
+        quickFilters: IrisGridUtils.hydrateQuickFilters(model, quickFilters),
+        advancedFilters: IrisGridUtils.hydrateAdvancedFilters(model, advancedFilters)
+      });
     }
-  }, {
-    key: "updateGrid",
-    value: function updateGrid() {
-      var _this$irisGrid$curren, _this$irisGrid$curren2;
+  } // eslint-disable-next-line class-methods-use-this
+
 
-      var grid = (_this$irisGrid$curren = (_this$irisGrid$curren2 = this.irisGrid.current) === null || _this$irisGrid$curren2 === void 0 ? void 0 : _this$irisGrid$curren2.grid) !== null && _this$irisGrid$curren !== void 0 ? _this$irisGrid$curren : null;
-      if (!grid) return; // handle resize will verify state and draw and update
+  unsetFilterValue() {// IrisGridPanel retains the set value after the link is broken
+  }
 
-      grid.handleResize();
+  loadPanelState(model) {
+    var {
+      panelState
+    } = this.props;
+
+    if (panelState == null) {
+      return;
+    }
+
+    try {
+      var {
+        gridState,
+        irisGridState,
+        irisGridPanelState
+      } = panelState;
+      var {
+        isSelectingPartition,
+        partition,
+        partitionColumn
+      } = IrisGridUtils.hydrateIrisGridPanelState(model, irisGridPanelState);
+      var {
+        advancedFilters,
+        advancedSettings,
+        customColumns,
+        customColumnFormatMap,
+        isFilterBarShown,
+        quickFilters,
+        reverseType,
+        rollupConfig,
+        aggregationSettings,
+        sorts,
+        userColumnWidths,
+        userRowHeights,
+        showSearchBar,
+        searchValue,
+        selectDistinctColumns,
+        selectedSearchColumns,
+        invertSearchColumns,
+        pendingDataMap
+      } = IrisGridUtils.hydrateIrisGridState(model, irisGridState);
+      var {
+        movedColumns,
+        movedRows
+      } = IrisGridUtils.hydrateGridState(model, gridState, irisGridState.customColumns);
+      this.setState({
+        advancedFilters,
+        advancedSettings,
+        customColumns,
+        customColumnFormatMap,
+        isFilterBarShown,
+        isSelectingPartition,
+        movedColumns,
+        movedRows,
+        partition,
+        partitionColumn,
+        quickFilters,
+        reverseType,
+        rollupConfig,
+        aggregationSettings,
+        sorts,
+        userColumnWidths,
+        userRowHeights,
+        showSearchBar,
+        searchValue,
+        selectDistinctColumns,
+        selectedSearchColumns,
+        invertSearchColumns,
+        pendingDataMap
+      });
+    } catch (error) {
+      log.error('loadPanelState failed to load panelState', panelState, error);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _model$description;
-
-      var _this$props3 = this.props,
-          children = _this$props3.children,
-          glContainer = _this$props3.glContainer,
-          glEventHub = _this$props3.glEventHub,
-          columnSelectionValidator = _this$props3.columnSelectionValidator,
-          getDownloadWorker = _this$props3.getDownloadWorker,
-          inputFilters = _this$props3.inputFilters,
-          links = _this$props3.links,
-          metadata = _this$props3.metadata,
-          panelState = _this$props3.panelState,
-          user = _this$props3.user,
-          workspace = _this$props3.workspace;
-      var _this$state3 = this.state,
-          advancedFilters = _this$state3.advancedFilters,
-          aggregationSettings = _this$state3.aggregationSettings,
-          advancedSettings = _this$state3.advancedSettings,
-          customColumns = _this$state3.customColumns,
-          customColumnFormatMap = _this$state3.customColumnFormatMap,
-          error = _this$state3.error,
-          isDisconnected = _this$state3.isDisconnected,
-          isFilterBarShown = _this$state3.isFilterBarShown,
-          isSelectingPartition = _this$state3.isSelectingPartition,
-          isLoaded = _this$state3.isLoaded,
-          isLoading = _this$state3.isLoading,
-          isModelReady = _this$state3.isModelReady,
-          model = _this$state3.model,
-          movedColumns = _this$state3.movedColumns,
-          movedRows = _this$state3.movedRows,
-          partition = _this$state3.partition,
-          partitionColumn = _this$state3.partitionColumn,
-          queryName = _this$state3.queryName,
-          quickFilters = _this$state3.quickFilters,
-          reverseType = _this$state3.reverseType,
-          rollupConfig = _this$state3.rollupConfig,
-          sorts = _this$state3.sorts,
-          userColumnWidths = _this$state3.userColumnWidths,
-          userRowHeights = _this$state3.userRowHeights,
-          showSearchBar = _this$state3.showSearchBar,
-          searchValue = _this$state3.searchValue,
-          selectDistinctColumns = _this$state3.selectDistinctColumns,
-          selectedSearchColumns = _this$state3.selectedSearchColumns,
-          invertSearchColumns = _this$state3.invertSearchColumns,
-          Plugin = _this$state3.Plugin,
-          pluginFilters = _this$state3.pluginFilters,
-          pluginFetchColumns = _this$state3.pluginFetchColumns,
-          pendingDataMap = _this$state3.pendingDataMap;
-      var errorMessage = error ? "Unable to open table. ".concat(error) : null;
-      var name = metadata.table,
-          querySerial = metadata.querySerial;
-      var description = (_model$description = model === null || model === void 0 ? void 0 : model.description) !== null && _model$description !== void 0 ? _model$description : null;
-      var childrenContent = children !== null && children !== void 0 ? children : this.getPluginContent(Plugin, model === null || model === void 0 ? void 0 : model.table, user, workspace);
-      return /*#__PURE__*/React.createElement(WidgetPanel, {
-        errorMessage: errorMessage,
-        isDisconnected: isDisconnected,
-        isLoading: isLoading,
-        isLoaded: isLoaded,
-        className: "iris-grid-panel",
-        glContainer: glContainer,
-        glEventHub: glEventHub,
-        onClearAllFilters: this.handleClearAllFilters,
-        onResize: this.handleResize,
-        onShow: this.handleShow,
-        onTabFocus: this.handleShow,
-        queryName: queryName,
-        querySerial: querySerial,
-        widgetName: name,
-        widgetType: "Table",
-        description: description,
-        componentPanel: this
-      }, isModelReady && /*#__PURE__*/React.createElement(IrisGrid, {
-        advancedFilters: advancedFilters,
-        aggregationSettings: aggregationSettings,
-        advancedSettings: advancedSettings,
-        alwaysFetchColumns: this.getAlwaysFetchColumns(links, pluginFetchColumns),
-        columnAllowedCursor: "linker",
-        columnNotAllowedCursor: "not-allowed",
-        customColumns: customColumns,
-        customColumnFormatMap: customColumnFormatMap,
-        columnSelectionValidator: this.isColumnSelectionValid,
-        inputFilters: this.getGridInputFilters(model.columns, inputFilters),
-        applyInputFiltersOnInit: panelState == null,
-        isFilterBarShown: isFilterBarShown,
-        isSelectingColumn: columnSelectionValidator != null,
-        isSelectingPartition: isSelectingPartition,
-        movedColumns: movedColumns,
-        movedRows: movedRows,
-        partition: partition,
-        partitionColumn: partitionColumn,
-        quickFilters: quickFilters,
-        reverseType: reverseType,
-        rollupConfig: rollupConfig,
-        sorts: sorts,
-        userColumnWidths: userColumnWidths,
-        userRowHeights: userRowHeights,
-        model: model,
-        tableName: name,
-        showSearchBar: showSearchBar,
-        searchValue: searchValue,
-        selectedSearchColumns: selectedSearchColumns,
-        selectDistinctColumns: selectDistinctColumns,
-        invertSearchColumns: invertSearchColumns,
-        onColumnSelected: this.handleColumnSelected,
-        onCreateChart: this.handleCreateChart,
-        onDataSelected: this.handleDataSelected,
-        onError: this.handleError,
-        onPartitionAppend: this.handlePartitionAppend,
-        onStateChange: this.handleGridStateChange,
-        onContextMenu: this.handleContextMenu,
-        onAdvancedSettingsChange: this.handleAdvancedSettingsChange,
-        customFilters: pluginFilters,
-        pendingDataMap: pendingDataMap,
-        ref: this.irisGrid,
-        getDownloadWorker: getDownloadWorker
-      }, childrenContent), !isModelReady && /*#__PURE__*/React.createElement(React.Fragment, null));
+  }
+
+  savePanelState(irisGridState, gridState) {
+    var {
+      onPanelStateUpdate
+    } = this.props;
+    var {
+      model,
+      panelState: oldPanelState,
+      isSelectingPartition,
+      partition,
+      partitionColumn,
+      advancedSettings
+    } = this.state;
+    var {
+      advancedFilters,
+      aggregationSettings,
+      customColumnFormatMap,
+      isFilterBarShown,
+      quickFilters,
+      customColumns,
+      reverseType,
+      rollupConfig,
+      showSearchBar,
+      searchValue,
+      selectDistinctColumns,
+      selectedSearchColumns,
+      sorts,
+      invertSearchColumns,
+      metrics,
+      pendingDataMap
+    } = irisGridState;
+    var {
+      userColumnWidths,
+      userRowHeights
+    } = metrics;
+    var {
+      movedColumns,
+      movedRows
+    } = gridState;
+    var panelState = this.getCachedPanelState(this.getDehydratedIrisGridPanelState(model, isSelectingPartition, partition, partitionColumn), this.getDehydratedIrisGridState(model, sorts, advancedFilters, customColumnFormatMap, isFilterBarShown, quickFilters, customColumns, reverseType, rollupConfig, showSearchBar, searchValue, selectDistinctColumns, selectedSearchColumns, invertSearchColumns, userColumnWidths, userRowHeights, aggregationSettings, advancedSettings, pendingDataMap), this.getDehydratedGridState(model, movedColumns, movedRows));
+
+    if (panelState !== oldPanelState) {
+      log.debug('Saving panel state', this, panelState);
+      this.setState({
+        panelState
+      });
+      onPanelStateUpdate(panelState);
     }
-  }]);
+  }
+
+  updateGrid() {
+    var _this$irisGrid$curren, _this$irisGrid$curren2;
+
+    var grid = (_this$irisGrid$curren = (_this$irisGrid$curren2 = this.irisGrid.current) === null || _this$irisGrid$curren2 === void 0 ? void 0 : _this$irisGrid$curren2.grid) !== null && _this$irisGrid$curren !== void 0 ? _this$irisGrid$curren : null;
+    if (!grid) return; // handle resize will verify state and draw and update
 
-  return IrisGridPanel;
-}(PureComponent);
+    grid.handleResize();
+  }
+
+  render() {
+    var _model$description;
+
+    var {
+      children,
+      glContainer,
+      glEventHub,
+      columnSelectionValidator,
+      getDownloadWorker,
+      inputFilters,
+      links,
+      metadata,
+      panelState,
+      user,
+      workspace,
+      settings
+    } = this.props;
+    var {
+      advancedFilters,
+      aggregationSettings,
+      advancedSettings,
+      customColumns,
+      customColumnFormatMap,
+      error,
+      isDisconnected,
+      isFilterBarShown,
+      isSelectingPartition,
+      isLoaded,
+      isLoading,
+      isModelReady,
+      model,
+      movedColumns,
+      movedRows,
+      partition,
+      partitionColumn,
+      queryName,
+      quickFilters,
+      reverseType,
+      rollupConfig,
+      sorts,
+      userColumnWidths,
+      userRowHeights,
+      showSearchBar,
+      searchValue,
+      selectDistinctColumns,
+      selectedSearchColumns,
+      invertSearchColumns,
+      Plugin,
+      pluginFilters,
+      pluginFetchColumns,
+      pendingDataMap
+    } = this.state;
+    var errorMessage = error ? "Unable to open table. ".concat(error) : null;
+    var {
+      table: name,
+      querySerial
+    } = metadata;
+    var description = (_model$description = model === null || model === void 0 ? void 0 : model.description) !== null && _model$description !== void 0 ? _model$description : null;
+    var childrenContent = children !== null && children !== void 0 ? children : this.getPluginContent(Plugin, model === null || model === void 0 ? void 0 : model.table, user, workspace);
+    return /*#__PURE__*/React.createElement(WidgetPanel, {
+      errorMessage: errorMessage,
+      isDisconnected: isDisconnected,
+      isLoading: isLoading,
+      isLoaded: isLoaded,
+      className: "iris-grid-panel",
+      glContainer: glContainer,
+      glEventHub: glEventHub,
+      onClearAllFilters: this.handleClearAllFilters,
+      onResize: this.handleResize,
+      onShow: this.handleShow,
+      onTabFocus: this.handleShow,
+      queryName: queryName,
+      querySerial: querySerial,
+      widgetName: name,
+      widgetType: "Table",
+      description: description,
+      componentPanel: this
+    }, isModelReady && /*#__PURE__*/React.createElement(IrisGrid, {
+      advancedFilters: advancedFilters,
+      aggregationSettings: aggregationSettings,
+      advancedSettings: advancedSettings,
+      alwaysFetchColumns: this.getAlwaysFetchColumns(links, pluginFetchColumns),
+      columnAllowedCursor: "linker",
+      columnNotAllowedCursor: "not-allowed",
+      customColumns: customColumns,
+      customColumnFormatMap: customColumnFormatMap,
+      columnSelectionValidator: this.isColumnSelectionValid,
+      inputFilters: this.getGridInputFilters(model.columns, inputFilters),
+      applyInputFiltersOnInit: panelState == null,
+      isFilterBarShown: isFilterBarShown,
+      isSelectingColumn: columnSelectionValidator != null,
+      isSelectingPartition: isSelectingPartition,
+      movedColumns: movedColumns,
+      movedRows: movedRows,
+      partition: partition,
+      partitionColumn: partitionColumn,
+      quickFilters: quickFilters,
+      reverseType: reverseType,
+      rollupConfig: rollupConfig,
+      settings: settings,
+      sorts: sorts,
+      userColumnWidths: userColumnWidths,
+      userRowHeights: userRowHeights,
+      model: model,
+      tableName: name,
+      showSearchBar: showSearchBar,
+      searchValue: searchValue,
+      selectedSearchColumns: selectedSearchColumns,
+      selectDistinctColumns: selectDistinctColumns,
+      invertSearchColumns: invertSearchColumns,
+      onColumnSelected: this.handleColumnSelected,
+      onCreateChart: this.handleCreateChart,
+      onDataSelected: this.handleDataSelected,
+      onError: this.handleError,
+      onPartitionAppend: this.handlePartitionAppend,
+      onStateChange: this.handleGridStateChange,
+      onContextMenu: this.handleContextMenu,
+      onAdvancedSettingsChange: this.handleAdvancedSettingsChange,
+      customFilters: pluginFilters,
+      pendingDataMap: pendingDataMap,
+      ref: this.irisGrid,
+      getDownloadWorker: getDownloadWorker
+    }, childrenContent), !isModelReady && /*#__PURE__*/React.createElement(React.Fragment, null));
+  }
+
+}
 
 _defineProperty(IrisGridPanel, "COMPONENT", 'IrisGridPanel');
 
@@ -937,6 +939,9 @@ IrisGridPanel.propTypes = {
   onPanelStateUpdate: PropTypes.func,
   user: APIPropTypes.User.isRequired,
   workspace: PropTypes.shape({}).isRequired,
+  settings: PropTypes.shape({
+    timeZone: PropTypes.string.isRequired
+  }).isRequired,
   // Retrieve a download worker for optimizing exporting tables
   getDownloadWorker: PropTypes.func,
   // Load a plugin defined by the table
@@ -946,21 +951,24 @@ IrisGridPanel.defaultProps = {
   children: null,
   panelState: null,
   columnSelectionValidator: null,
-  onStateChange: function onStateChange() {},
-  onPanelStateUpdate: function onPanelStateUpdate() {},
+  onStateChange: () => {},
+  onPanelStateUpdate: () => {},
   getDownloadWorker: undefined,
   loadPlugin: undefined
 };
 IrisGridPanel.displayName = 'IrisGridPanel';
 
-var mapStateToProps = function mapStateToProps(state, ownProps) {
-  var localDashboardId = ownProps.localDashboardId;
+var mapStateToProps = (state, ownProps) => {
+  var {
+    localDashboardId
+  } = ownProps;
   return {
     inputFilters: getInputFiltersForDashboard(state, localDashboardId),
     links: getLinksForDashboard(state, localDashboardId),
     columnSelectionValidator: getColumnSelectionValidatorForDashboard(state, localDashboardId),
     user: getUser(state),
-    workspace: getWorkspace(state)
+    workspace: getWorkspace(state),
+    settings: getSettings(state)
   };
 };