@deephaven/dashboard-core-plugins 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/panels/IrisGridPanel.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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
 // Will probably need to handle window popping out from golden layout here.
 import React, { PureComponent } from 'react';
@@ -32,20 +29,14 @@ var PLUGIN_COMPONENTS = {
 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.
+    _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,
@@ -54,38 +45,34 @@ export class IrisGridPanel extends PureComponent {
       var id = LayoutUtils.getIdFromPanel(this);
       return value != null && (excludePanelIds == null || id != null && !excludePanelIds.includes(id));
     }))));
-
     _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 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];
-
         if (start != null && start.panelId === id) {
           columnSet.add(start.columnName);
         }
       }
-
       return [...columnSet];
     }));
-
     _defineProperty(this, "getPluginContent", memoize((Plugin, model, user, workspace, pluginState) => {
       if (!model || !isIrisGridTableModelTemplate(model) || Plugin == null || model.table == null) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: "iris-grid-plugin"
       }, /*#__PURE__*/React.createElement(Plugin, {
         ref: this.pluginRef,
-        filter: this.handlePluginFilter // onFilter is deprecated
+        filter: this.handlePluginFilter
+        // onFilter is deprecated
         ,
         onFilter: this.handlePluginFilter,
-        fetchColumns: this.handlePluginFetchColumns // onFetchColumns is deprecated
+        fetchColumns: this.handlePluginFetchColumns
+        // onFetchColumns is deprecated
         ,
         onFetchColumns: this.handlePluginFetchColumns,
         table: model.table,
@@ -97,14 +84,12 @@ export class IrisGridPanel extends PureComponent {
         pluginState: pluginState
       }));
     }));
-
     _defineProperty(this, "getDehydratedIrisGridPanelState", memoize((model, isSelectingPartition, partition, partitionColumn, advancedSettings) => IrisGridUtils.dehydrateIrisGridPanelState(model, {
       isSelectingPartition,
       partition,
       partitionColumn,
       advancedSettings
     })));
-
     _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,
       aggregationSettings,
@@ -128,21 +113,18 @@ export class IrisGridPanel extends PureComponent {
       frozenColumns,
       conditionalFormats
     })));
-
     _defineProperty(this, "getDehydratedGridState", memoize((model, movedColumns, movedRows, isStuckToBottom, isStuckToRight) => IrisGridUtils.dehydrateGridState(model, {
       isStuckToBottom,
       isStuckToRight,
       movedColumns,
       movedRows
     })));
-
     _defineProperty(this, "getCachedPanelState", memoize((irisGridPanelState, irisGridState, gridState, pluginState) => ({
       irisGridPanelState,
       irisGridState,
       gridState,
       pluginState
     })));
-
     _defineProperty(this, "savePanelState", debounce(() => {
       var {
         irisGridState,
@@ -195,7 +177,6 @@ export class IrisGridPanel extends PureComponent {
         movedRows
       } = gridState;
       var panelState = this.getCachedPanelState(this.getDehydratedIrisGridPanelState(model, isSelectingPartition, partition, partitionColumn, advancedSettings), 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({
@@ -204,7 +185,6 @@ export class IrisGridPanel extends PureComponent {
         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);
@@ -282,53 +262,43 @@ export class IrisGridPanel extends PureComponent {
       selectDistinctColumns: []
     };
   }
-
   componentDidMount() {
     this.initModel();
   }
-
   componentDidUpdate(_, prevState) {
     var {
       model
     } = this.state;
-
     if (model !== prevState.model) {
       if (prevState.model != null) {
         this.stopModelListening(prevState.model);
         prevState.model.close();
       }
-
       if (model != null) {
         this.startModelListening(model);
       }
     }
   }
-
   componentWillUnmount() {
     this.savePanelState.cancel();
-
     if (this.modelPromise != null) {
       this.modelPromise.cancel();
       this.modelPromise = undefined;
     }
-
     var {
       model
     } = this.state;
-
     if (model) {
       this.stopModelListening(model);
       model.close();
     }
   }
-
   getTableName() {
     var {
       metadata
     } = this.props;
     return metadata.table;
   }
-
   initModel() {
     this.setState({
       isModelReady: false,
@@ -338,15 +308,12 @@ export class IrisGridPanel extends PureComponent {
     var {
       makeModel
     } = this.props;
-
     if (this.modelPromise != null) {
       this.modelPromise.cancel();
     }
-
     this.modelPromise = PromiseUtils.makeCancelable(makeModel(), resolved => resolved.close());
     this.modelPromise.then(this.handleLoadSuccess).catch(this.handleLoadError);
   }
-
   handleLoadSuccess(modelParam) {
     var model = modelParam;
     var {
@@ -354,26 +321,22 @@ export class IrisGridPanel extends PureComponent {
       irisGridStateOverrides
     } = this.state;
     var modelQueue = [];
-
     if (panelState != null) {
       var {
         irisGridState: _irisGridState
       } = panelState;
-
       var {
         aggregationSettings,
         customColumns,
         selectDistinctColumns = [],
         rollupConfig
       } = _objectSpread(_objectSpread({}, _irisGridState), irisGridStateOverrides);
-
       if (customColumns.length > 0) {
         modelQueue.push(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
@@ -383,7 +346,6 @@ export class IrisGridPanel extends PureComponent {
           m.rollupConfig = IrisGridUtils.getModelRollupConfig(m.originalColumns, rollupConfig, aggregationSettings);
         });
       }
-
       if (selectDistinctColumns.length > 0) {
         modelQueue.push(m => {
           // eslint-disable-next-line no-param-reassign
@@ -391,34 +353,28 @@ export class IrisGridPanel extends PureComponent {
         });
       }
     }
-
     this.setState({
       model,
       modelQueue
     });
     this.initModelQueue(model, modelQueue);
   }
-
   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.
-
+    log.debug('initModelQueue', modelChange);
+    // Apply next model change. Triggers columnschanged event.
     if (modelChange) {
       modelChange(model);
     }
-
     this.setState({
       modelQueue
     });
   }
-
   handleAdvancedSettingsChange(key, value) {
     log.debug('handleAdvancedSettingsChange', key, value);
     this.setState(_ref2 => {
@@ -430,7 +386,6 @@ export class IrisGridPanel extends PureComponent {
       };
     });
   }
-
   handlePluginFilter(filters) {
     var {
       model
@@ -445,35 +400,29 @@ export class IrisGridPanel extends PureComponent {
       pluginFilters
     });
   }
-
   handlePluginFetchColumns(pluginFetchColumns) {
     this.setState({
       pluginFetchColumns
     });
   }
-
   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, obj)) !== null && _this$pluginRef$curre !== void 0 ? _this$pluginRef$curre : [];
   }
-
   isColumnSelectionValid(tableColumn) {
     var {
       columnSelectionValidator
     } = this.props;
-
     if (columnSelectionValidator && tableColumn) {
       return columnSelectionValidator(this, tableColumn);
     }
-
     return false;
   }
-
   handleGridStateChange(irisGridState, gridState) {
     this.irisGridState = irisGridState;
-    this.gridState = gridState; // Grid sends it's first state change after it's finished loading
+    this.gridState = gridState;
 
+    // Grid sends it's first state change after it's finished loading
     this.setState({
       isLoaded: true,
       isLoading: false
@@ -486,27 +435,24 @@ export class IrisGridPanel extends PureComponent {
     glEventHub.emit(IrisGridEvent.STATE_CHANGED, this);
     onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange(irisGridState, gridState);
   }
-
   handlePluginStateChange(pluginState) {
     var {
       irisGridState,
       gridState
     } = this;
-    this.pluginState = pluginState; // Do not save if there is null state
+    this.pluginState = pluginState;
+    // Do not save if there is null state
     // The save will happen when the grid loads
-
     if (irisGridState !== null && gridState !== null) {
       this.savePanelState();
     }
   }
-
   handleColumnsChanged(event) {
     var {
       isModelReady,
       model,
       modelQueue
     } = this.state;
-
     if (isModelReady) {
       this.sendColumnsChange(event.detail);
     } else {
@@ -514,7 +460,6 @@ export class IrisGridPanel extends PureComponent {
       this.initModelQueue(model, modelQueue);
     }
   }
-
   handleTableChanged(event) {
     log.debug('handleTableChanged', event);
     var {
@@ -525,7 +470,6 @@ export class IrisGridPanel extends PureComponent {
     } = event;
     glEventHub.emit(InputFilterEvent.TABLE_CHANGED, this, table);
   }
-
   handlePartitionAppend(column, value) {
     var {
       glEventHub
@@ -537,6 +481,7 @@ export class IrisGridPanel extends PureComponent {
     var command = "".concat(tableName, " = ").concat(tableName, ".where(\"").concat(name, "=`").concat(value, "`\")");
     glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
   }
+
   /**
    * Create a chart with the specified settings
    * @param settings The settings from the chart builder
@@ -544,8 +489,6 @@ export class IrisGridPanel extends PureComponent {
    * @param settings.series The names of the series
    * @param model The IrisGridModel object
    */
-
-
   handleCreateChart(settings, model) {
     // Panel state is stored with the created chart, so flush it first
     this.savePanelState.flush();
@@ -563,11 +506,9 @@ export class IrisGridPanel extends PureComponent {
       } = this.state;
       var sourcePanelId = LayoutUtils.getIdFromPanel(this);
       var tableSettings;
-
       if (panelState) {
         tableSettings = IrisGridUtils.extractTableSettings(panelState, inputFilters);
       }
-
       glEventHub.emit(IrisGridEvent.CREATE_CHART, {
         metadata: {
           settings,
@@ -579,35 +520,29 @@ export class IrisGridPanel extends PureComponent {
       });
     });
   }
-
   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();
   }
-
   handleTabClicked() {
     if (this.irisGrid.current) {
       this.irisGrid.current.focus();
     }
   }
-
   handleError(error) {
     log.error(error);
     this.setState({
@@ -615,7 +550,6 @@ export class IrisGridPanel extends PureComponent {
       isLoading: false
     });
   }
-
   handleDisconnect() {
     this.setState({
       error: new Error('Table disconnected'),
@@ -623,34 +557,30 @@ export class IrisGridPanel extends PureComponent {
       isLoading: false
     });
   }
-
   handleReconnect() {
     this.setState({
       isDisconnected: false,
       error: null
     });
   }
-
   handleLoadError(error) {
     if (PromiseUtils.isCanceled(error)) {
       return;
     }
-
     this.handleError(error);
   }
-
   modelInitialized(model) {
     var {
       glEventHub,
       loadPlugin
     } = this.props;
-    this.modelPromise = undefined; // 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({
       isModelReady: true
     });
-
     if (isIrisGridTableModelTemplate(model)) {
       var {
         table
@@ -658,34 +588,27 @@ export class IrisGridPanel extends PureComponent {
       var {
         pluginName: _pluginName
       } = table;
-
       if (_pluginName !== '') {
         if (loadPlugin != null && _pluginName != null) {
           var _Plugin = loadPlugin(_pluginName);
-
           this.setState({
             Plugin: _Plugin
           });
         }
       }
-
       glEventHub.emit(InputFilterEvent.TABLE_CHANGED, this, table);
     }
-
     this.sendColumnsChange(model.columns);
   }
-
   handleClearAllFilters() {
     var irisGrid = this.irisGrid.current;
     var {
       isDisconnected
     } = this.state;
-
     if (irisGrid != null && !isDisconnected) {
       irisGrid.clearAllFilters();
     }
   }
-
   sendColumnsChange(columns) {
     log.debug2('sendColumnsChange', columns);
     var {
@@ -693,42 +616,34 @@ export class IrisGridPanel extends PureComponent {
     } = this.props;
     glEventHub.emit(InputFilterEvent.COLUMNS_CHANGED, this, columns);
   }
-
   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);
   }
-
   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);
   }
-
   getCoordinateForColumn(columnName) {
     var _gridWrapper$getBound, _visibleColumnXs$get, _visibleColumnWidths$;
-
     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;
     }
-
     assertNotNull(irisGrid);
     var {
       metrics
@@ -750,23 +665,18 @@ export class IrisGridPanel extends PureComponent {
     var y = rect.top + columnHeaderHeight * columnHeaderMaxDepth;
     return [x, y];
   }
-
   setFilterMap(filterMap) {
     var irisGrid = this.irisGrid.current;
-
     if (irisGrid != null) {
       irisGrid.setFilterMap(filterMap);
     }
   }
-
   setAdvancedFilterMap(filterMap) {
     var irisGrid = this.irisGrid.current;
-
     if (irisGrid != null) {
       irisGrid.setAdvancedFilterMap(filterMap);
     }
   }
-
   setFilters(_ref3) {
     var {
       quickFilters,
@@ -778,12 +688,10 @@ export class IrisGridPanel extends PureComponent {
       isDisconnected
     } = this.state;
     var irisGrid = this.irisGrid.current;
-
     if (irisGrid == null || isDisconnected) {
       log.debug('Ignore setFilters, model disconnected');
       return;
     }
-
     assertNotNull(model);
     var {
       columns,
@@ -803,7 +711,6 @@ export class IrisGridPanel extends PureComponent {
       advancedFilters: IrisGridUtils.hydrateAdvancedFilters(columns, indexedAdvancedFilters, formatter.timeZone)
     });
   }
-
   setStateOverrides(overrides) {
     log.debug('setStateOverrides', overrides);
     var {
@@ -816,45 +723,38 @@ export class IrisGridPanel extends PureComponent {
     }, () => {
       this.initModel();
     });
-  } // eslint-disable-next-line class-methods-use-this
-
-
-  unsetFilterValue() {// IrisGridPanel retains the set value after the link is broken
   }
 
+  // eslint-disable-next-line class-methods-use-this
+  unsetFilterValue() {
+    // IrisGridPanel retains the set value after the link is broken
+  }
   loadPanelState(model) {
     var {
       panelState,
       irisGridStateOverrides: originalIrisGridStateOverrides,
       gridStateOverrides
     } = this.state;
-
     if (panelState == null) {
       return;
     }
-
     try {
       var {
         gridState: _gridState,
         irisGridState: _irisGridState2,
         irisGridPanelState
       } = panelState;
-
       var irisGridStateOverrides = _objectSpread({}, originalIrisGridStateOverrides);
-
       var {
         quickFilters: savedQuickFilters,
         advancedFilters: savedAdvancedFilters
       } = irisGridStateOverrides;
-
       if (savedQuickFilters) {
         irisGridStateOverrides.quickFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, savedQuickFilters);
       }
-
       if (savedAdvancedFilters) {
         irisGridStateOverrides.advancedFilters = IrisGridUtils.changeFilterColumnNamesToIndexes(model.columns, savedAdvancedFilters);
       }
-
       var {
         isSelectingPartition,
         partition,
@@ -921,19 +821,16 @@ export class IrisGridPanel extends PureComponent {
       log.error('loadPanelState failed to load panelState', panelState, error);
     }
   }
-
   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
+    if (!grid) return;
 
+    // handle resize will verify state and draw and update
     grid.handleResize();
   }
-
   render() {
     var _model$description, _panelState$pluginSta;
-
     var {
       children,
       glContainer,
@@ -1075,20 +972,15 @@ export class IrisGridPanel extends PureComponent {
       getDownloadWorker: getDownloadWorker,
       frozenColumns: frozenColumns,
       theme: theme
-    }, childrenContent), !isModelReady && /*#__PURE__*/React.createElement(React.Fragment, null));
+    }, childrenContent));
   }
-
 }
-
 _defineProperty(IrisGridPanel, "defaultProps", {
   onStateChange: () => undefined,
   onPanelStateUpdate: () => undefined
 });
-
 _defineProperty(IrisGridPanel, "displayName", 'IrisGridPanel');
-
 _defineProperty(IrisGridPanel, "COMPONENT", 'IrisGridPanel');
-
 var mapStateToProps = (state, _ref6) => {
   var {
     localDashboardId = DEFAULT_DASHBOARD_ID
@@ -1102,7 +994,6 @@ var mapStateToProps = (state, _ref6) => {
     settings: getSettings(state)
   };
 };
-
 export default connect(mapStateToProps, null, null, {
   forwardRef: true
 })(IrisGridPanel);