@deephaven/dashboard-core-plugins 0.22.3-embed-pandas.11 → 0.23.1-beta.0

package/dist/panels/ChartPanel.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; }
-
 import React, { Component } from 'react';
 import classNames from 'classnames';
 import memoize from 'memoize-one';
@@ -30,42 +27,32 @@ var UPDATE_MODEL_DEBOUNCE = 150;
 export function isChartPanelTableMetadata(metadata) {
   return metadata.settings !== undefined;
 }
-
 function hasInputFilter(panel) {
   return panel.inputFilters != null;
 }
-
 function hasPanelState(panel) {
   return panel.panelState != null;
 }
-
 export class ChartPanel extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "panelContainer", void 0);
-
     _defineProperty(this, "chart", void 0);
-
     _defineProperty(this, "pending", void 0);
-
     _defineProperty(this, "getWaitingInputMap", memoize((isFilterRequired, columnMap, filterMap) => {
       if (!isFilterRequired) {
         return new Map();
       }
-
       var waitingInputMap = new Map(columnMap);
       filterMap.forEach((filter, name) => {
         waitingInputMap.delete(name);
       });
       return waitingInputMap;
     }));
-
     _defineProperty(this, "getWaitingFilterMap", memoize((isFilterRequired, columnMap, filterMap, linkedColumnMap, inputFilterMap) => {
       if (!isFilterRequired) {
         return new Map();
       }
-
       var waitingFilterMap = new Map(columnMap);
       filterMap.forEach((filter, name) => {
         waitingFilterMap.delete(name);
@@ -78,10 +65,8 @@ export class ChartPanel extends Component {
       });
       return waitingFilterMap;
     }));
-
     _defineProperty(this, "getInputFilterColumnMap", memoize((columnMap, inputFilters) => {
       var inputFilterMap = new Map();
-
       for (var i = 0; i < inputFilters.length; i += 1) {
         var inputFilter = inputFilters[i];
         var {
@@ -89,46 +74,37 @@ export class ChartPanel extends Component {
           type
         } = inputFilter;
         var column = columnMap.get(name);
-
         if (column != null && column.type === type) {
           inputFilterMap.set(name, inputFilter);
         }
       }
-
       return inputFilterMap;
     }));
-
     _defineProperty(this, "getLinkedColumnMap", memoize((columnMap, links) => {
       var linkedColumnMap = new Map();
       var panelId = LayoutUtils.getIdFromPanel(this);
-
       for (var i = 0; i < links.length; i += 1) {
         var link = links[i];
         var columnName = null;
-
         if (link.start != null && link.start.panelId === panelId && columnMap.has(link.start.columnName)) {
           columnName = link.start.columnName;
         } else if (link.end && link.end.panelId === panelId && columnMap.has(link.end.columnName)) {
           columnName = link.end.columnName;
         }
-
         if (columnName != null && columnMap.has(columnName)) {
           var column = columnMap.get(columnName);
           assertNotNull(column);
           linkedColumnMap.set(columnName, column);
         }
       }
-
       return linkedColumnMap;
     }));
-
     _defineProperty(this, "getSelectorColumns", memoize((columnMap, linkedColumnMap, columnSelectionValidator) => Array.from(columnMap.values()).map(column => ({
       name: column.name,
       type: column.type,
       isValid: columnSelectionValidator ? columnSelectionValidator(this, column) : false,
       isActive: linkedColumnMap.has(column.name)
     }))));
-
     this.handleColumnSelected = this.handleColumnSelected.bind(this);
     this.handleColumnMouseEnter = this.handleColumnMouseEnter.bind(this);
     this.handleColumnMouseLeave = this.handleColumnMouseLeave.bind(this);
@@ -169,7 +145,7 @@ export class ChartPanel extends Component {
       isDisconnected: false,
       isLoading: false,
       isLoaded: false,
-      isLinked: metadata != null && isChartPanelTableMetadata(metadata) && metadata.settings && metadata.settings.isLinked,
+      isLinked: metadata != null && isChartPanelTableMetadata(metadata) && metadata.settings.isLinked,
       // Map of all non-empty filters applied to the chart.
       // Initialize the filter map to the previously stored values; input filters will be applied after load.
       filterMap: new Map(filterValueMap),
@@ -182,7 +158,6 @@ export class ChartPanel extends Component {
       panelState
     };
   }
-
   componentDidMount() {
     if (!this.isHidden()) {
       this.setState({
@@ -191,7 +166,6 @@ export class ChartPanel extends Component {
       this.initModel();
     }
   }
-
   componentDidUpdate(prevProps, prevState) {
     var {
       inputFilters,
@@ -205,30 +179,24 @@ export class ChartPanel extends Component {
       isLinked,
       settings
     } = this.state;
-
     if (!model) {
       return;
     }
-
     if (columnMap !== prevState.columnMap) {
       this.pruneFilterMaps();
     }
-
     if (inputFilters !== prevProps.inputFilters) {
       this.updateChangedInputFilters(inputFilters, prevProps.inputFilters);
     }
-
     if (filterMap !== prevState.filterMap) {
       this.updateFilters();
     } else if (filterValueMap !== prevState.filterValueMap) {
       this.updatePanelState();
     }
-
     if (settings !== prevState.settings && isFigureChartModel(model)) {
       model.updateSettings(settings);
       this.updatePanelState();
     }
-
     if (isLinked !== prevState.isLinked) {
       if (source) {
         if (isLinked) {
@@ -242,25 +210,21 @@ export class ChartPanel extends Component {
       if (prevProps.source) {
         this.stopListeningToSource(prevProps.source);
       }
-
       if (source) {
         this.startListeningToSource(source);
         this.updateModelFromSource();
       }
     }
   }
-
   componentWillUnmount() {
     this.pending.cancel();
     var {
       source
     } = this.props;
-
     if (source) {
       this.stopListeningToSource(source);
     }
   }
-
   initModel() {
     this.setState({
       isLoading: true,
@@ -274,33 +238,28 @@ export class ChartPanel extends Component {
       resolved.close();
     }).then(this.handleLoadSuccess, this.handleLoadError);
   }
-
   startListeningToSource(table) {
     log.debug('startListeningToSource', table);
     table.addEventListener(dh.Table.EVENT_CUSTOMCOLUMNSCHANGED, this.handleSourceColumnChange);
     table.addEventListener(dh.Table.EVENT_FILTERCHANGED, this.handleSourceFilterChange);
     table.addEventListener(dh.Table.EVENT_SORTCHANGED, this.handleSourceSortChange);
   }
-
   stopListeningToSource(table) {
     log.debug('stopListeningToSource', table);
     table.removeEventListener(dh.Table.EVENT_CUSTOMCOLUMNSCHANGED, this.handleSourceColumnChange);
     table.removeEventListener(dh.Table.EVENT_FILTERCHANGED, this.handleSourceFilterChange);
     table.removeEventListener(dh.Table.EVENT_SORTCHANGED, this.handleSourceSortChange);
   }
-
   loadModelIfNecessary() {
     var {
       isActive,
       isLoaded,
       isLoading
     } = this.state;
-
     if (isActive && !isLoaded && !isLoading) {
       this.initModel();
     }
   }
-
   isHidden() {
     var {
       glContainer
@@ -310,7 +269,6 @@ export class ChartPanel extends Component {
     } = glContainer;
     return isHidden;
   }
-
   handleColumnSelected(columnName) {
     var {
       glEventHub
@@ -320,7 +278,6 @@ export class ChartPanel extends Component {
     } = this.state;
     glEventHub.emit(ChartEvent.COLUMN_SELECTED, this, columnMap.get(columnName));
   }
-
   handleColumnMouseEnter(_ref) {
     var {
       type,
@@ -330,43 +287,35 @@ export class ChartPanel extends Component {
       columnSelectionValidator
     } = this.props;
     log.debug('handleColumnMouseEnter', columnSelectionValidator, type, name);
-
     if (!columnSelectionValidator) {
       return;
     }
-
     columnSelectionValidator(this, {
       type,
       name
     });
   }
-
   handleColumnMouseLeave() {
     var {
       columnSelectionValidator
     } = this.props;
     log.debug('handleColumnMouseLeave', columnSelectionValidator);
-
     if (!columnSelectionValidator) {
       return;
     }
-
     columnSelectionValidator(this, undefined);
   }
-
   handleDisconnect() {
     this.setState({
       error: new Error('Figure disconnected'),
       isDisconnected: true
     });
   }
-
   handleFilterAdd(columns) {
     for (var i = 0; i < columns.length; i += 1) {
       this.openInputFilter(columns[i]);
     }
   }
-
   handleOpenLinker() {
     var {
       localDashboardId,
@@ -376,7 +325,6 @@ export class ChartPanel extends Component {
     setDashboardIsolatedLinkerPanelId(localDashboardId, undefined);
     setActiveTool(ToolType.LINKER);
   }
-
   handleReconnect() {
     this.setState({
       isDisconnected: false,
@@ -385,7 +333,6 @@ export class ChartPanel extends Component {
     this.sendColumnChange();
     this.updateColumnFilters();
   }
-
   handleLoadSuccess(model) {
     log.debug('handleLoadSuccess');
     var {
@@ -403,12 +350,10 @@ export class ChartPanel extends Component {
         filterMap,
         isLinked
       } = this.state;
-
       if (model !== prevModel) {
         this.sendColumnChange();
         this.updateColumnFilters();
         this.updateInputFilters(inputFilters, filterMap.size > 0 || model.isFilterRequired());
-
         if (source && isLinked) {
           this.startListeningToSource(source);
           this.updateModelFromSource();
@@ -416,31 +361,25 @@ export class ChartPanel extends Component {
       }
     });
   }
-
   handleLoadError(error) {
     if (PromiseUtils.isCanceled(error)) {
       return;
     }
-
     log.error('handleLoadError', error);
     this.setState({
       error,
       isLoading: false
     });
   }
-
   handleSourceColumnChange() {
     this.updateModelFromSource();
   }
-
   handleSourceFilterChange() {
     this.updateModelFromSource();
   }
-
   handleSourceSortChange() {
     this.updateModelFromSource();
   }
-
   updateModelFromSource() {
     var {
       metadata,
@@ -450,15 +389,13 @@ export class ChartPanel extends Component {
       isLinked,
       model
     } = this.state;
-
     if (!isLinked || !model || !source) {
       log.debug2('updateModelFromSource ignoring', isLinked, model, source);
       return;
-    } // By now the model has already been loaded, which is the only other cancelable thing in pending
-
+    }
 
+    // By now the model has already been loaded, which is the only other cancelable thing in pending
     this.pending.cancel();
-
     if (isChartPanelTableMetadata(metadata)) {
       var {
         settings
@@ -469,10 +406,8 @@ export class ChartPanel extends Component {
         }
       }).catch(this.handleLoadError);
     }
-
     this.updatePanelState();
   }
-
   updatePanelState() {
     var {
       sourcePanel
@@ -485,7 +420,6 @@ export class ChartPanel extends Component {
     var {
       tableSettings
     } = panelState !== null && panelState !== void 0 ? panelState : {};
-
     if (sourcePanel) {
       // Right now just update the panel state from the source
       // If the source isn't available, just keep the state that's already saved
@@ -496,14 +430,13 @@ export class ChartPanel extends Component {
         var {
           panelState: sourcePanelState
         } = sourcePanel.state;
-
         if (sourcePanelState != null) {
           tableSettings = IrisGridUtils.extractTableSettings(sourcePanelState, inputFilters);
         }
       }
-    } // eslint-disable-next-line react/no-unused-state
-
+    }
 
+    // eslint-disable-next-line react/no-unused-state
     this.setState({
       panelState: {
         settings,
@@ -512,7 +445,6 @@ export class ChartPanel extends Component {
       }
     });
   }
-
   handleError() {
     // Don't want to set an error state, because the user can fix a chart error within the chart itself.
     // We're not loading anymore either so stop showing the spinner so the user can actually click those buttons.
@@ -520,49 +452,39 @@ export class ChartPanel extends Component {
       isLoading: false
     });
   }
-
   handleResize() {
     this.updateChart();
   }
-
   handleSettingsChanged(update) {
     this.setState(_ref2 => {
       var {
         settings: prevSettings
       } = _ref2;
-
       var settings = _objectSpread(_objectSpread({}, prevSettings), update);
-
       log.debug('Updated settings', settings);
       return {
         settings
       };
     });
   }
-
   handleHide() {
     this.setActive(false);
   }
-
   handleShow() {
     this.setActive(true);
   }
-
   handleTabBlur() {
     this.setActive(false);
   }
-
   handleTabFocus() {
     var isHidden = this.isHidden();
     this.setActive(!isHidden);
   }
-
   handleUpdate() {
     this.setState({
       isLoading: false
     });
   }
-
   handleClearAllFilters() {
     // nuke link filter and input filter map
     // input filters only clear themselves if they are not yet empty
@@ -572,12 +494,11 @@ export class ChartPanel extends Component {
     });
     this.updatePanelState();
   }
+
   /**
    * Create an input filter panel for the provided column
    * @param column The column to create the input filter for
    */
-
-
   openInputFilter(column) {
     var {
       glEventHub
@@ -597,7 +518,6 @@ export class ChartPanel extends Component {
       focusElement: 'input'
     });
   }
-
   setActive(isActive) {
     this.setState({
       isActive
@@ -608,53 +528,42 @@ export class ChartPanel extends Component {
       }
     });
   }
-
   sendColumnChange() {
     var {
       model
     } = this.state;
-
     if (!model) {
       return;
     }
-
     var {
       glEventHub
     } = this.props;
     glEventHub.emit(InputFilterEvent.COLUMNS_CHANGED, this, Array.from(model.getFilterColumnMap().values()));
   }
-
   getCoordinateForColumn(columnName) {
     var _element$getBoundingC;
-
     var className = ChartColumnSelectorOverlay.makeButtonClassName(columnName);
-
     if (!this.panelContainer.current) {
       return null;
     }
-
     var element = this.panelContainer.current.querySelector(".".concat(className));
     var rect = (_element$getBoundingC = element === null || element === void 0 ? void 0 : element.getBoundingClientRect()) !== null && _element$getBoundingC !== void 0 ? _element$getBoundingC : null;
-
     if (rect == null || rect.width <= 0 || rect.height <= 0) {
       return null;
     }
-
     var x = rect.left + rect.width / 2;
     var y = rect.bottom;
     return [x, y];
   }
+
   /**
    * Set chart filters based on the filter map
    * @param filterMapParam Filter map
    */
-
-
   setFilterMap(filterMapParam) {
     log.debug('setFilterMap', filterMapParam);
     this.setState(state => {
       var _updatedFilterMap;
-
       var {
         columnMap,
         filterMap
@@ -667,31 +576,27 @@ export class ChartPanel extends Component {
           value
         } = _ref3;
         var column = columnMap.get(columnName);
-
         if (column == null || column.type !== columnType) {
           return;
         }
-
         filterValueMap.set(columnName, value);
-
         if (filterMap.get(columnName) !== value) {
           if (updatedFilterMap === null) {
             updatedFilterMap = new Map(filterMap);
           }
-
           updatedFilterMap.set(columnName, value);
         }
-      }); // Don't update filterMap unless the filters actually changed.
+      });
+
+      // Don't update filterMap unless the filters actually changed.
       // Otherwise the chart gets stuck on a spinner
       // because it never gets an update event for unchanged filters.
-
       return {
         filterValueMap,
         filterMap: (_updatedFilterMap = updatedFilterMap) !== null && _updatedFilterMap !== void 0 ? _updatedFilterMap : filterMap
       };
     });
   }
-
   unsetFilterValue(columnName) {
     this.setState(state => {
       // We want to unset a value unless there's an input filter for it
@@ -707,24 +612,18 @@ export class ChartPanel extends Component {
         filterMap,
         filterValueMap
       } = state;
-
       if (!filterValueMap.has(columnName)) {
         return null;
       }
-
       filterValueMap = new Map(state.filterValueMap);
       filterValueMap.delete(columnName);
       var inputFilterMap = this.getInputFilterColumnMap(columnMap, inputFilters);
-
       if (inputFilterMap.has(columnName)) {
         var _inputFilterMap$get;
-
         var filterValue = filterMap.get(columnName);
         var inputFilterValue = (_inputFilterMap$get = inputFilterMap.get(columnName)) === null || _inputFilterMap$get === void 0 ? void 0 : _inputFilterMap$get.value;
-
         if (inputFilterValue != null && filterValue !== inputFilterValue) {
           filterMap = new Map(state.filterMap);
-
           if (inputFilterValue.length > 0) {
             filterMap.set(columnName, inputFilterValue);
           } else {
@@ -735,28 +634,22 @@ export class ChartPanel extends Component {
         filterMap = new Map(state.filterMap);
         filterMap.delete(columnName);
       }
-
       return {
         filterMap,
         filterValueMap
       };
     });
   }
-
   updateChangedInputFilters(inputFilters, prevInputFilters) {
     var deletedInputFilters = prevInputFilters.filter(prevInputFilter => inputFilters.find(inputFilter => inputFilter.name === prevInputFilter.name && inputFilter.type === prevInputFilter.type) === undefined);
-
     if (deletedInputFilters.length > 0) {
       this.deleteInputFilters(deletedInputFilters);
     }
-
     var changedInputFilters = inputFilters.filter(inputFilter => !prevInputFilters.includes(inputFilter));
-
     if (changedInputFilters.length > 0) {
       this.updateInputFilters(changedInputFilters);
     }
   }
-
   updateInputFilters(inputFilters) {
     var forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     this.setState(state => {
@@ -769,7 +662,6 @@ export class ChartPanel extends Component {
         filterMap,
         filterValueMap
       } : {};
-
       for (var i = 0; i < inputFilters.length; i += 1) {
         var {
           name,
@@ -777,7 +669,6 @@ export class ChartPanel extends Component {
           value
         } = inputFilters[i];
         var column = columnMap.get(name);
-
         if (column != null && column.type === type) {
           if (value != null && filterMap.get(name) !== value) {
             if (value === '') {
@@ -785,10 +676,8 @@ export class ChartPanel extends Component {
             } else {
               filterMap.set(name, value);
             }
-
             update.filterMap = filterMap;
           }
-
           if (filterValueMap.has(name)) {
             // Need to unset whatever the linked value was - if they want that value again, they need to double click the link again
             filterValueMap.delete(name);
@@ -796,12 +685,10 @@ export class ChartPanel extends Component {
           }
         }
       }
-
       log.debug('updateInputFilters', update);
       return update;
     });
   }
-
   deleteInputFilters(inputFilters) {
     var forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     this.setState(state => {
@@ -811,21 +698,17 @@ export class ChartPanel extends Component {
       } = state;
       var filterMap = new Map(state.filterMap);
       var needsUpdate = forceUpdate;
-
       for (var i = 0; i < inputFilters.length; i += 1) {
         var {
           name,
           type
         } = inputFilters[i];
         var column = columnMap.get(name);
-
         if (column != null && column.type === type) {
           if (filterMap.has(name)) {
             var filterValue = filterMap.get(name);
-
             if (filterValueMap.has(name)) {
               var linkValue = filterValueMap.get(name);
-
               if (linkValue !== filterValue && linkValue != null) {
                 needsUpdate = true;
                 filterMap.set(name, linkValue);
@@ -837,30 +720,25 @@ export class ChartPanel extends Component {
           }
         }
       }
-
       log.debug('deleteInputFilters', needsUpdate);
       return needsUpdate ? {
         filterMap
       } : null;
     });
   }
-
   updateColumnFilters() {
     this.setState(_ref4 => {
       var {
         model
       } = _ref4;
-
       if (!model) {
         return null;
       }
-
       return {
         columnMap: model.getFilterColumnMap()
       };
     });
   }
-
   updateFilters() {
     var {
       columnMap,
@@ -870,20 +748,17 @@ export class ChartPanel extends Component {
     assertNotNull(model);
     var waitingInputMap = this.getWaitingInputMap(model.isFilterRequired(), columnMap, filterMap);
     model.setFilter(filterMap);
-
     if (filterMap.size > 0 && waitingInputMap.size === 0) {
       var defaultTitle = model.getDefaultTitle();
       var filterTitle = TextUtils.join(Array.from(filterMap.entries()).map(_ref5 => {
         var [name, value] = _ref5;
         return "".concat(name, ": ").concat(value);
       }));
-
       if (defaultTitle) {
         model.setTitle("".concat(defaultTitle, "<br><span style=\"font-size: smaller\">").concat(filterTitle, "</span>"));
       } else {
         model.setTitle(filterTitle);
       }
-
       log.debug2('updateFilters filters set', filterMap);
       this.setState({
         isLoading: true
@@ -895,14 +770,12 @@ export class ChartPanel extends Component {
         isLoading: false
       });
     }
-
     this.updatePanelState();
   }
+
   /**
    * Removes any set filter values that are no longer part of the model
    */
-
-
   pruneFilterMaps() {
     this.setState(state => {
       var {
@@ -926,13 +799,11 @@ export class ChartPanel extends Component {
       return newState;
     });
   }
-
   updateChart() {
     if (this.chart.current) {
       this.chart.current.updateDimensions();
     }
   }
-
   render() {
     var {
       columnSelectionValidator,
@@ -955,13 +826,11 @@ export class ChartPanel extends Component {
       isLoading
     } = this.state;
     var name;
-
     if (isChartPanelTableMetadata(metadata)) {
       name = metadata.table;
     } else {
       name = metadata.figure;
     }
-
     var inputFilterMap = this.getInputFilterColumnMap(columnMap, inputFilters);
     var linkedColumnMap = this.getLinkedColumnMap(columnMap, links);
     var waitingInputMap = model != null ? this.getWaitingInputMap(model.isFilterRequired(), columnMap, filterMap) : new Map();
@@ -1030,9 +899,7 @@ export class ChartPanel extends Component {
       onMouseLeave: this.handleColumnMouseLeave
     }))));
   }
-
 }
-
 _defineProperty(ChartPanel, "defaultProps", {
   columnSelectionValidator: null,
   isLinkerActive: false,
@@ -1041,22 +908,17 @@ _defineProperty(ChartPanel, "defaultProps", {
   panelState: null,
   settings: {}
 });
-
 _defineProperty(ChartPanel, "displayName", 'ChartPanel');
-
 _defineProperty(ChartPanel, "COMPONENT", 'ChartPanel');
-
 var mapStateToProps = (state, ownProps) => {
   var {
     localDashboardId,
     metadata
   } = ownProps;
   var sourcePanelId;
-
   if (metadata != null) {
     sourcePanelId = metadata.sourcePanelId;
   }
-
   var panelTableMap = getTableMapForDashboard(state, localDashboardId);
   var openedPanelMap = getOpenedPanelMapForDashboard(state, localDashboardId);
   var activeTool = getActiveTool(state);
@@ -1072,7 +934,6 @@ var mapStateToProps = (state, ownProps) => {
     settings: getSettings(state)
   };
 };
-
 export default connect(mapStateToProps, {
   setActiveTool: setActiveToolAction,
   setDashboardIsolatedLinkerPanelId: setDashboardIsolatedLinkerPanelIdAction