@deephaven/dashboard-core-plugins 0.15.5-beta.0 → 0.15.5-beta.4

package/dist/panels/IrisGridPanel.js

@@ -8,19 +8,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 // Will probably need to handle window popping out from golden layout here.
 import React, { PureComponent } from 'react';
 import memoize from 'memoize-one';
-import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import debounce from 'lodash.debounce';
-import { GLPropTypes, LayoutUtils } from '@deephaven/dashboard';
+import { LayoutUtils } from '@deephaven/dashboard';
 import { AdvancedSettings, IrisGrid, IrisGridModel, IrisGridUtils, IrisGridTableModel, isIrisGridTableModelTemplate } from '@deephaven/iris-grid';
 import { TableUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
 import { getSettings, getUser, getWorkspace } from '@deephaven/redux';
-import { PromiseUtils } from '@deephaven/utils';
+import { assertNotNull, PromiseUtils } from '@deephaven/utils';
 import { ContextMenuRoot } from '@deephaven/components';
 import { 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 WidgetPanelTooltip from "./WidgetPanelTooltip.js";
 import "./IrisGridPanel.css";
@@ -35,13 +33,26 @@ export class IrisGridPanel extends PureComponent {
   constructor(props) {
     super(props);
 
+    _defineProperty(this, "irisGrid", void 0);
+
+    _defineProperty(this, "pluginRef", void 0);
+
+    _defineProperty(this, "modelPromise", void 0);
+
+    _defineProperty(this, "irisGridState", void 0);
+
+    _defineProperty(this, "gridState", void 0);
+
+    _defineProperty(this, "pluginState", void 0);
+
     _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)));
+      var id = LayoutUtils.getIdFromPanel(this);
+      return value != null && (excludePanelIds == null || id && !excludePanelIds.includes(id));
     }))));
 
     _defineProperty(this, "getAlwaysFetchColumns", memoize((dashboardLinks, pluginFetchColumns) => {
@@ -62,8 +73,8 @@ export class IrisGridPanel extends PureComponent {
       return [...columnSet];
     }));
 
-    _defineProperty(this, "getPluginContent", memoize((Plugin, table, user, workspace, pluginState) => {
-      if (Plugin == null || table == null) {
+    _defineProperty(this, "getPluginContent", memoize((Plugin, model, user, workspace, pluginState) => {
+      if (!model || !isIrisGridTableModelTemplate(model) || Plugin == null || model.table == null) {
         return null;
       }
 
@@ -77,7 +88,7 @@ export class IrisGridPanel extends PureComponent {
         fetchColumns: this.handlePluginFetchColumns // onFetchColumns is deprecated
         ,
         onFetchColumns: this.handlePluginFetchColumns,
-        table: table,
+        table: model.table,
         user: user,
         panel: this,
         workspace: workspace,
@@ -93,9 +104,8 @@ export class IrisGridPanel extends PureComponent {
       partitionColumn
     })));
 
-    _defineProperty(this, "getDehydratedIrisGridState", memoize((model, sorts, advancedFilters, customColumnFormatMap, isFilterBarShown, quickFilters, customColumns, reverseType, rollupConfig, showSearchBar, searchValue, selectDistinctColumns, selectedSearchColumns, invertSearchColumns, userColumnWidths, userRowHeights, aggregationSettings, advancedSettings, pendingDataMap, frozenColumns, conditionalFormats) => IrisGridUtils.dehydrateIrisGridState(model, {
+    _defineProperty(this, "getDehydratedIrisGridState", memoize((model, sorts, advancedFilters, customColumnFormatMap, isFilterBarShown, quickFilters, customColumns, reverseType, rollupConfig, showSearchBar, searchValue, selectDistinctColumns, selectedSearchColumns, invertSearchColumns, userColumnWidths, userRowHeights, aggregationSettings, pendingDataMap, frozenColumns, conditionalFormats) => IrisGridUtils.dehydrateIrisGridState(model, {
       advancedFilters,
-      advancedSettings,
       aggregationSettings,
       customColumnFormatMap,
       isFilterBarShown,
@@ -132,7 +142,66 @@ export class IrisGridPanel extends PureComponent {
       pluginState
     })));
 
-    this.savePanelState = debounce(this.savePanelState.bind(this), DEBOUNCE_PANEL_STATE_UPDATE);
+    _defineProperty(this, "savePanelState", debounce(() => {
+      var {
+        irisGridState,
+        gridState,
+        pluginState
+      } = this;
+      assertNotNull(irisGridState);
+      var {
+        onPanelStateUpdate
+      } = this.props;
+      var {
+        model,
+        panelState: oldPanelState,
+        isSelectingPartition,
+        partition,
+        partitionColumn
+      } = this.state;
+      var {
+        advancedFilters,
+        aggregationSettings,
+        customColumnFormatMap,
+        isFilterBarShown,
+        quickFilters,
+        customColumns,
+        reverseType,
+        rollupConfig,
+        showSearchBar,
+        searchValue,
+        selectDistinctColumns,
+        selectedSearchColumns,
+        sorts,
+        invertSearchColumns,
+        metrics,
+        pendingDataMap,
+        frozenColumns,
+        conditionalFormats
+      } = irisGridState;
+      assertNotNull(metrics);
+      var {
+        userColumnWidths,
+        userRowHeights
+      } = metrics;
+      assertNotNull(gridState);
+      var {
+        isStuckToBottom,
+        isStuckToRight,
+        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, pendingDataMap, frozenColumns, conditionalFormats), this.getDehydratedGridState(model, movedColumns, movedRows, isStuckToBottom, isStuckToRight), pluginState);
+
+      if (panelState !== oldPanelState) {
+        log.debug('Saving panel state', this, panelState);
+        this.setState({
+          panelState
+        });
+        onPanelStateUpdate === null || onPanelStateUpdate === void 0 ? void 0 : onPanelStateUpdate(panelState);
+      }
+    }, DEBOUNCE_PANEL_STATE_UPDATE));
+
     this.handleAdvancedSettingsChange = this.handleAdvancedSettingsChange.bind(this);
     this.handleColumnsChanged = this.handleColumnsChanged.bind(this);
     this.handleTableChanged = this.handleTableChanged.bind(this);
@@ -157,14 +226,9 @@ export class IrisGridPanel extends PureComponent {
     this.handleClearAllFilters = this.handleClearAllFilters.bind(this);
     this.irisGrid = /*#__PURE__*/React.createRef();
     this.pluginRef = /*#__PURE__*/React.createRef();
-    this.modelPromise = null;
     var {
-      panelState,
-      metadata
+      panelState: _panelState
     } = props;
-    var queryName = metadata.query;
-    this.irisGridState = null;
-    this.gridState = null;
     this.pluginState = null;
     this.state = {
       error: null,
@@ -172,7 +236,7 @@ export class IrisGridPanel extends PureComponent {
       isLoaded: false,
       isLoading: true,
       isModelReady: false,
-      model: null,
+      model: undefined,
       // State is hydrated from panel state when table is loaded
       advancedFilters: new Map(),
       aggregationSettings: {
@@ -191,25 +255,28 @@ export class IrisGridPanel extends PureComponent {
       movedColumns: [],
       movedRows: [],
       isSelectingPartition: false,
-      partition: null,
-      partitionColumn: null,
-      queryName,
-      rollupConfig: null,
+      partition: undefined,
+      partitionColumn: undefined,
+      rollupConfig: undefined,
       showSearchBar: false,
       searchValue: '',
-      selectedSearchColumns: null,
+      selectedSearchColumns: undefined,
       invertSearchColumns: true,
-      Plugin: null,
+      Plugin: undefined,
       pluginFilters: [],
       pluginFetchColumns: [],
       modelQueue: [],
       pendingDataMap: new Map(),
-      frozenColumns: null,
+      frozenColumns: undefined,
       // eslint-disable-next-line react/no-unused-state
-      panelState,
+      panelState: _panelState,
       // Dehydrated panel state that can load this panel
       irisGridStateOverrides: {},
-      gridStateOverrides: {}
+      gridStateOverrides: {},
+      isStuckToBottom: false,
+      isStuckToRight: false,
+      conditionalFormats: [],
+      selectDistinctColumns: []
     };
   }
 
@@ -239,7 +306,7 @@ export class IrisGridPanel extends PureComponent {
 
     if (this.modelPromise != null) {
       this.modelPromise.cancel();
-      this.modelPromise = null;
+      this.modelPromise = undefined;
     }
 
     var {
@@ -273,7 +340,7 @@ export class IrisGridPanel extends PureComponent {
       this.modelPromise.cancel();
     }
 
-    this.modelPromise = PromiseUtils.makeCancelable(makeModel(), resolved => resolved.close);
+    this.modelPromise = PromiseUtils.makeCancelable(makeModel(), resolved => resolved.close());
     this.modelPromise.then(this.handleLoadSuccess).catch(this.handleLoadError);
   }
 
@@ -287,7 +354,7 @@ export class IrisGridPanel extends PureComponent {
 
     if (panelState != null) {
       var {
-        irisGridState
+        irisGridState: _irisGridState
       } = panelState;
 
       var {
@@ -295,7 +362,7 @@ export class IrisGridPanel extends PureComponent {
         customColumns,
         selectDistinctColumns = [],
         rollupConfig
-      } = _objectSpread(_objectSpread({}, irisGridState), irisGridStateOverrides);
+      } = _objectSpread(_objectSpread({}, _irisGridState), irisGridStateOverrides);
 
       if (customColumns.length > 0) {
         modelQueue.push(m => {
@@ -340,7 +407,10 @@ export class IrisGridPanel extends PureComponent {
     var modelChange = modelQueue.shift();
     log.debug('initModelQueue', modelChange); // Apply next model change. Triggers columnschanged event.
 
-    modelChange(model);
+    if (modelChange) {
+      modelChange(model);
+    }
+
     this.setState({
       modelQueue
     });
@@ -362,6 +432,7 @@ export class IrisGridPanel extends PureComponent {
     var {
       model
     } = this.state;
+    assertNotNull(model);
     var {
       columns,
       formatter
@@ -378,10 +449,12 @@ export class IrisGridPanel extends PureComponent {
     });
   }
 
-  handleContextMenu(data) {
+  handleContextMenu(obj) {
     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 : [];
+    return (_this$pluginRef$curre = (_this$pluginRef$curre2 = (_this$pluginRef$curre3 = this.pluginRef.current).getMenu) === null || _this$pluginRef$curre2 === void 0 ? void 0 : _this$pluginRef$curre2.call(_this$pluginRef$curre3, {
+      data: obj
+    })) !== null && _this$pluginRef$curre !== void 0 ? _this$pluginRef$curre : [];
   }
 
   isColumnSelectionValid(tableColumn) {
@@ -389,7 +462,7 @@ export class IrisGridPanel extends PureComponent {
       columnSelectionValidator
     } = this.props;
 
-    if (columnSelectionValidator) {
+    if (columnSelectionValidator && tableColumn) {
       return columnSelectionValidator(this, tableColumn);
     }
 
@@ -410,7 +483,7 @@ export class IrisGridPanel extends PureComponent {
       onStateChange
     } = this.props;
     glEventHub.emit(IrisGridEvent.STATE_CHANGED, this);
-    onStateChange(irisGridState, gridState);
+    onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange(irisGridState, gridState);
   }
 
   handlePluginStateChange(pluginState) {
@@ -436,6 +509,7 @@ export class IrisGridPanel extends PureComponent {
     if (isModelReady) {
       this.sendColumnsChange(event.detail);
     } else {
+      assertNotNull(model);
       this.initModelQueue(model, modelQueue);
     }
   }
@@ -464,12 +538,10 @@ export class IrisGridPanel extends PureComponent {
   }
   /**
    * Create a chart with the specified settings
-   * @param {ChartBuilderSettings} settings The settings from the chart builder
-   * @param {string} settings.type The settings from the chart builder
-   * @param {string[]} settings.series The names of the series
-   * @param {string} xAxis The xAxis for this chart
-   * @param {boolean} isLinked Whether this chart should be linked or not
-   * @param {IrisGridModel} model The IrisGridModel object
+   * @param settings The settings from the chart builder
+   * @param settings.type The settings from the chart builder
+   * @param settings.series The names of the series
+   * @param model The IrisGridModel object
    */
 
 
@@ -489,7 +561,12 @@ export class IrisGridPanel extends PureComponent {
         panelState
       } = this.state;
       var sourcePanelId = LayoutUtils.getIdFromPanel(this);
-      var tableSettings = IrisGridUtils.extractTableSettings(panelState, inputFilters);
+      var tableSettings;
+
+      if (panelState) {
+        tableSettings = IrisGridUtils.extractTableSettings(panelState, inputFilters);
+      }
+
       glEventHub.emit(IrisGridEvent.CREATE_CHART, {
         metadata: {
           settings,
@@ -497,7 +574,7 @@ export class IrisGridPanel extends PureComponent {
           table,
           tableSettings
         },
-        table: model.table
+        table: isIrisGridTableModelTemplate(model) ? model.table : undefined
       });
     });
   }
@@ -566,7 +643,7 @@ export class IrisGridPanel extends PureComponent {
       glEventHub,
       loadPlugin
     } = this.props;
-    this.modelPromise = null; // Custom columns at this point already initialized, can load state
+    this.modelPromise = undefined; // Custom columns at this point already initialized, can load state
 
     this.loadPanelState(model);
     this.setState({
@@ -578,14 +655,15 @@ export class IrisGridPanel extends PureComponent {
         table
       } = model;
       var {
-        pluginName
+        pluginName: _pluginName
       } = table;
 
-      if (pluginName) {
-        if (loadPlugin && pluginName) {
-          var Plugin = loadPlugin(pluginName);
+      if (_pluginName) {
+        if (loadPlugin && _pluginName) {
+          var _Plugin = loadPlugin(_pluginName);
+
           this.setState({
-            Plugin
+            Plugin: _Plugin
           });
         }
       }
@@ -650,9 +728,11 @@ export class IrisGridPanel extends PureComponent {
       return null;
     }
 
+    assertNotNull(irisGrid);
     var {
       metrics
     } = irisGrid.state;
+    assertNotNull(metrics);
     var {
       columnHeaderHeight,
       visibleColumnXs,
@@ -660,7 +740,9 @@ export class IrisGridPanel extends PureComponent {
       right,
       columnHeaderMaxDepth
     } = metrics;
-    var visibleIndex = irisGrid.getVisibleColumn(model.getColumnIndexByName(columnName));
+    var columnIndex = model.getColumnIndexByName(columnName);
+    assertNotNull(columnIndex);
+    var visibleIndex = irisGrid.getVisibleColumn(columnIndex);
     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));
@@ -701,6 +783,7 @@ export class IrisGridPanel extends PureComponent {
       return;
     }
 
+    assertNotNull(model);
     var {
       columns,
       formatter
@@ -751,8 +834,8 @@ export class IrisGridPanel extends PureComponent {
 
     try {
       var {
-        gridState,
-        irisGridState,
+        gridState: _gridState,
+        irisGridState: _irisGridState2,
         irisGridPanelState
       } = panelState;
 
@@ -778,7 +861,6 @@ export class IrisGridPanel extends PureComponent {
       } = IrisGridUtils.hydrateIrisGridPanelState(model, irisGridPanelState);
       var {
         advancedFilters,
-        advancedSettings,
         customColumns,
         customColumnFormatMap,
         isFilterBarShown,
@@ -797,16 +879,15 @@ export class IrisGridPanel extends PureComponent {
         pendingDataMap,
         frozenColumns,
         conditionalFormats
-      } = IrisGridUtils.hydrateIrisGridState(model, _objectSpread(_objectSpread({}, irisGridState), irisGridStateOverrides));
+      } = IrisGridUtils.hydrateIrisGridState(model, _objectSpread(_objectSpread({}, _irisGridState2), irisGridStateOverrides));
       var {
         isStuckToBottom,
         isStuckToRight,
         movedColumns,
         movedRows
-      } = IrisGridUtils.hydrateGridState(model, _objectSpread(_objectSpread({}, gridState), gridStateOverrides), irisGridState.customColumns);
+      } = IrisGridUtils.hydrateGridState(model, _objectSpread(_objectSpread({}, _gridState), gridStateOverrides), _irisGridState2.customColumns);
       this.setState({
         advancedFilters,
-        advancedSettings,
         conditionalFormats,
         customColumns,
         customColumnFormatMap,
@@ -838,64 +919,6 @@ export class IrisGridPanel extends PureComponent {
     }
   }
 
-  savePanelState() {
-    var {
-      irisGridState,
-      gridState,
-      pluginState
-    } = this;
-    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,
-      frozenColumns,
-      conditionalFormats
-    } = irisGridState;
-    var {
-      userColumnWidths,
-      userRowHeights
-    } = metrics;
-    var {
-      isStuckToBottom,
-      isStuckToRight,
-      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, frozenColumns, conditionalFormats), this.getDehydratedGridState(model, movedColumns, movedRows, isStuckToBottom, isStuckToRight), pluginState);
-
-    if (panelState !== oldPanelState) {
-      log.debug('Saving panel state', this, panelState);
-      this.setState({
-        panelState
-      });
-      onPanelStateUpdate(panelState);
-    }
-  }
-
   updateGrid() {
     var _this$irisGrid$curren, _this$irisGrid$curren2;
 
@@ -944,7 +967,6 @@ export class IrisGridPanel extends PureComponent {
       movedRows,
       partition,
       partitionColumn,
-      queryName,
       quickFilters,
       reverseType,
       rollupConfig,
@@ -962,14 +984,13 @@ export class IrisGridPanel extends PureComponent {
       pendingDataMap,
       frozenColumns
     } = this.state;
-    var errorMessage = error ? "Unable to open table. ".concat(error) : null;
+    var errorMessage = error ? "Unable to open table. ".concat(error) : undefined;
     var {
-      table: name,
-      querySerial
+      table: name
     } = metadata;
-    var description = (_model$description = model === null || model === void 0 ? void 0 : model.description) !== null && _model$description !== void 0 ? _model$description : null;
+    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 === null || model === void 0 ? void 0 : model.table, user, workspace, pluginState);
+    var childrenContent = children !== null && children !== void 0 ? children : this.getPluginContent(Plugin, model, user, workspace, pluginState);
     var {
       permissions
     } = user;
@@ -991,8 +1012,6 @@ export class IrisGridPanel extends PureComponent {
       onShow: this.handleShow,
       onTabFocus: this.handleShow,
       onTabClicked: this.handleTabClicked,
-      queryName: queryName,
-      querySerial: querySerial,
       widgetName: name,
       widgetType: "Table",
       description: description,
@@ -1009,7 +1028,7 @@ export class IrisGridPanel extends PureComponent {
       }, "Number of Rows"), /*#__PURE__*/React.createElement("span", {
         className: "column-statistic-value"
       }, formattedRowCount)))
-    }, isModelReady && /*#__PURE__*/React.createElement(IrisGrid, {
+    }, isModelReady && model && /*#__PURE__*/React.createElement(IrisGrid, {
       advancedFilters: advancedFilters,
       aggregationSettings: aggregationSettings,
       advancedSettings: advancedSettings,
@@ -1039,7 +1058,6 @@ export class IrisGridPanel extends PureComponent {
       userColumnWidths: userColumnWidths,
       userRowHeights: userRowHeights,
       model: model,
-      tableName: name,
       showSearchBar: showSearchBar,
       searchValue: searchValue,
       selectedSearchColumns: selectedSearchColumns,
@@ -1066,61 +1084,14 @@ export class IrisGridPanel extends PureComponent {
 
 }
 
-_defineProperty(IrisGridPanel, "COMPONENT", 'IrisGridPanel');
+_defineProperty(IrisGridPanel, "defaultProps", {
+  onStateChange: () => undefined,
+  onPanelStateUpdate: () => undefined
+});
 
-IrisGridPanel.propTypes = {
-  children: PropTypes.node,
-  glContainer: GLPropTypes.Container.isRequired,
-  glEventHub: GLPropTypes.EventHub.isRequired,
-  metadata: PropTypes.shape({
-    table: PropTypes.string.isRequired,
-    query: PropTypes.string,
-    querySerial: PropTypes.string
-  }).isRequired,
-  panelState: PropTypes.shape({
-    gridState: PropTypes.shape({}),
-    irisGridState: PropTypes.shape({
-      aggregationSettings: PropTypes.shape({}),
-      customColumns: PropTypes.arrayOf(PropTypes.string),
-      conditionalFormats: PropTypes.arrayOf(PropTypes.shape({})),
-      selectDistinctColumns: PropTypes.arrayOf(PropTypes.string),
-      rollupConfig: PropTypes.shape({
-        columns: PropTypes.arrayOf(PropTypes.string).isRequired
-      }),
-      pendingDataMap: PropTypes.arrayOf(PropTypes.array),
-      frozenColumns: PropTypes.arrayOf(PropTypes.string)
-    }),
-    irisGridPanelState: PropTypes.shape({}),
-    pluginState: PropTypes.shape({})
-  }),
-  makeModel: PropTypes.func.isRequired,
-  inputFilters: PropTypes.arrayOf(UIPropTypes.InputFilter).isRequired,
-  links: UIPropTypes.Links.isRequired,
-  columnSelectionValidator: PropTypes.func,
-  onStateChange: PropTypes.func,
-  onPanelStateUpdate: PropTypes.func,
-  user: UIPropTypes.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
-  loadPlugin: PropTypes.func,
-  theme: PropTypes.shape({})
-};
-IrisGridPanel.defaultProps = {
-  children: null,
-  panelState: null,
-  columnSelectionValidator: null,
-  onStateChange: () => {},
-  onPanelStateUpdate: () => {},
-  getDownloadWorker: undefined,
-  loadPlugin: undefined,
-  theme: undefined
-};
-IrisGridPanel.displayName = 'IrisGridPanel';
+_defineProperty(IrisGridPanel, "displayName", 'IrisGridPanel');
+
+_defineProperty(IrisGridPanel, "COMPONENT", 'IrisGridPanel');
 
 var mapStateToProps = (state, ownProps) => {
   var {