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

package/dist/panels/ChartPanel.js

@@ -1,3 +1,9 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -72,10 +78,8 @@ export class ChartPanel extends Component {
       var inputFilterMap = new Map();
       for (var i = 0; i < inputFilters.length; i += 1) {
         var inputFilter = inputFilters[i];
-        var {
-          name,
-          type
-        } = inputFilter;
+        var name = inputFilter.name,
+          type = inputFilter.type;
         var column = columnMap.get(name);
         if (column != null && column.type === type) {
           inputFilterMap.set(name, inputFilter);
@@ -149,14 +153,13 @@ export class ChartPanel extends Component {
     this.handleClearAllFilters = this.handleClearAllFilters.bind(this);
     this.panelContainer = /*#__PURE__*/React.createRef();
     this.pending = new Pending();
-    var {
-      metadata: _metadata,
-      panelState
-    } = props;
-    var {
-      filterValueMap = [],
-      settings = {}
-    } = panelState !== null && panelState !== void 0 ? panelState : {};
+    var _metadata = props.metadata,
+      panelState = props.panelState;
+    var _ref = panelState !== null && panelState !== void 0 ? panelState : {},
+      _ref$filterValueMap = _ref.filterValueMap,
+      filterValueMap = _ref$filterValueMap === void 0 ? [] : _ref$filterValueMap,
+      _ref$settings = _ref.settings,
+      settings = _ref$settings === void 0 ? {} : _ref$settings;
     this.state = {
       settings,
       error: undefined,
@@ -186,19 +189,17 @@ export class ChartPanel extends Component {
     }
   }
   componentDidUpdate(prevProps, prevState) {
-    var {
-      inputFilters,
-      source,
-      makeModel
-    } = this.props;
-    var {
-      columnMap,
-      model,
-      filterMap,
-      filterValueMap,
-      isLinked,
-      settings
-    } = this.state;
+    var _this$props = this.props,
+      inputFilters = _this$props.inputFilters,
+      source = _this$props.source,
+      makeModel = _this$props.makeModel;
+    var _this$state = this.state,
+      columnMap = _this$state.columnMap,
+      model = _this$state.model,
+      filterMap = _this$state.filterMap,
+      filterValueMap = _this$state.filterValueMap,
+      isLinked = _this$state.isLinked,
+      settings = _this$state.settings;
     if (makeModel !== prevProps.makeModel) {
       this.initModel();
     }
@@ -241,12 +242,8 @@ export class ChartPanel extends Component {
   }
   componentWillUnmount() {
     this.pending.cancel();
-    var {
-      model
-    } = this.state;
-    var {
-      source
-    } = this.props;
+    var model = this.state.model;
+    var source = this.props.source;
     if (model != null && source) {
       this.stopListeningToSource(source);
     }
@@ -258,9 +255,7 @@ export class ChartPanel extends Component {
       error: undefined,
       isDisconnected: false
     });
-    var {
-      makeModel
-    } = this.props;
+    var makeModel = this.props.makeModel;
     this.pending.cancel();
     this.pending.add(makeModel(), resolved => {
       resolved.close();
@@ -268,56 +263,39 @@ export class ChartPanel extends Component {
   }
   startListeningToSource(table) {
     log.debug('startListeningToSource', table);
-    var {
-      model
-    } = this.state;
+    var model = this.state.model;
     assertNotNull(model);
-    var {
-      dh
-    } = model;
+    var dh = model.dh;
     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);
-    var {
-      model
-    } = this.state;
+    var model = this.state.model;
     assertNotNull(model);
-    var {
-      dh
-    } = model;
+    var dh = model.dh;
     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;
+    var _this$state2 = this.state,
+      isActive = _this$state2.isActive,
+      isLoaded = _this$state2.isLoaded,
+      isLoading = _this$state2.isLoading;
     if (isActive && !isLoaded && !isLoading) {
       this.initModel();
     }
   }
   isHidden() {
-    var {
-      glContainer
-    } = this.props;
-    var {
-      isHidden
-    } = glContainer;
+    var glContainer = this.props.glContainer;
+    var isHidden = glContainer.isHidden;
     return isHidden;
   }
   handleColumnSelected(columnName) {
-    var {
-      glEventHub
-    } = this.props;
-    var {
-      columnMap
-    } = this.state;
+    var glEventHub = this.props.glEventHub;
+    var columnMap = this.state.columnMap;
     var panelId = LayoutUtils.getIdFromPanel(this);
     assertNotNull(panelId);
     var column = columnMap.get(columnName);
@@ -328,14 +306,10 @@ export class ChartPanel extends Component {
       type: 'chartLink'
     });
   }
-  handleColumnMouseEnter(_ref) {
-    var {
-      type,
-      name
-    } = _ref;
-    var {
-      columnSelectionValidator
-    } = this.props;
+  handleColumnMouseEnter(_ref2) {
+    var type = _ref2.type,
+      name = _ref2.name;
+    var columnSelectionValidator = this.props.columnSelectionValidator;
     log.debug('handleColumnMouseEnter', columnSelectionValidator, type, name);
     if (!columnSelectionValidator) {
       return;
@@ -348,9 +322,7 @@ export class ChartPanel extends Component {
     });
   }
   handleColumnMouseLeave() {
-    var {
-      columnSelectionValidator
-    } = this.props;
+    var columnSelectionValidator = this.props.columnSelectionValidator;
     log.debug('handleColumnMouseLeave', columnSelectionValidator);
     if (!columnSelectionValidator) {
       return;
@@ -371,11 +343,10 @@ export class ChartPanel extends Component {
     }
   }
   handleOpenLinker() {
-    var {
-      localDashboardId,
-      setActiveTool,
-      setDashboardIsolatedLinkerPanelId
-    } = this.props;
+    var _this$props2 = this.props,
+      localDashboardId = _this$props2.localDashboardId,
+      setActiveTool = _this$props2.setActiveTool,
+      setDashboardIsolatedLinkerPanelId = _this$props2.setDashboardIsolatedLinkerPanelId;
     setDashboardIsolatedLinkerPanelId(localDashboardId, undefined);
     setActiveTool(ToolType.LINKER);
   }
@@ -389,21 +360,17 @@ export class ChartPanel extends Component {
   }
   handleLoadSuccess(model) {
     log.debug('handleLoadSuccess');
-    var {
-      model: prevModel
-    } = this.state;
+    var prevModel = this.state.model;
     this.setState({
       model,
       isLoaded: true
     }, () => {
-      var {
-        inputFilters,
-        source
-      } = this.props;
-      var {
-        filterMap,
-        isLinked
-      } = this.state;
+      var _this$props3 = this.props,
+        inputFilters = _this$props3.inputFilters,
+        source = _this$props3.source;
+      var _this$state3 = this.state,
+        filterMap = _this$state3.filterMap,
+        isLinked = _this$state3.isLinked;
       if (model !== prevModel) {
         this.sendColumnChange();
         this.updateColumnFilters();
@@ -435,27 +402,21 @@ export class ChartPanel extends Component {
     this.updateModelFromSource();
   }
   updateModelFromSource() {
-    var {
-      metadata,
-      source
-    } = this.props;
-    var {
-      isLinked,
-      model
-    } = this.state;
+    var _this$props4 = this.props,
+      metadata = _this$props4.metadata,
+      source = _this$props4.source;
+    var _this$state4 = this.state,
+      isLinked = _this$state4.isLinked,
+      model = _this$state4.model;
     if (!isLinked || !model || !source) {
       log.debug2('updateModelFromSource ignoring', isLinked, model, source);
       return;
     }
-    var {
-      dh
-    } = model;
+    var dh = model.dh;
     // 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
-      } = metadata;
+      var settings = metadata.settings;
       this.pending.add(ChartModelFactory.makeFigureFromSettings(dh, settings, source), resolved => resolved.close()).then(figure => {
         if (isFigureChartModel(model)) {
           model.setFigure(figure);
@@ -465,27 +426,19 @@ export class ChartPanel extends Component {
     this.updatePanelState();
   }
   updatePanelState() {
-    var {
-      sourcePanel
-    } = this.props;
-    var {
-      panelState,
-      filterValueMap,
-      settings
-    } = this.state;
-    var {
-      tableSettings
-    } = panelState !== null && panelState !== void 0 ? panelState : {};
+    var sourcePanel = this.props.sourcePanel;
+    var _this$state5 = this.state,
+      panelState = _this$state5.panelState,
+      filterValueMap = _this$state5.filterValueMap,
+      settings = _this$state5.settings;
+    var _ref3 = panelState !== null && panelState !== void 0 ? panelState : {},
+      tableSettings = _ref3.tableSettings;
     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
       if (hasInputFilter(sourcePanel.props) && hasPanelState(sourcePanel.state)) {
-        var {
-          inputFilters
-        } = sourcePanel.props;
-        var {
-          panelState: sourcePanelState
-        } = sourcePanel.state;
+        var inputFilters = sourcePanel.props.inputFilters;
+        var sourcePanelState = sourcePanel.state.panelState;
         if (sourcePanelState != null) {
           tableSettings = IrisGridUtils.extractTableSettings(sourcePanelState, inputFilters);
         }
@@ -509,10 +462,8 @@ export class ChartPanel extends Component {
     });
   }
   handleSettingsChanged(update) {
-    this.setState(_ref2 => {
-      var {
-        settings: prevSettings
-      } = _ref2;
+    this.setState(_ref4 => {
+      var prevSettings = _ref4.settings;
       var settings = _objectSpread(_objectSpread({}, prevSettings), update);
       log.debug('Updated settings', settings);
       return {
@@ -533,10 +484,8 @@ export class ChartPanel extends Component {
     var isHidden = this.isHidden();
     this.setActive(!isHidden);
   }
-  handleUpdate(_ref3) {
-    var {
-      isLoading
-    } = _ref3;
+  handleUpdate(_ref5) {
+    var isLoading = _ref5.isLoading;
     this.setState({
       isLoading
     });
@@ -556,13 +505,9 @@ export class ChartPanel extends Component {
    * @param column The column to create the input filter for
    */
   openInputFilter(column) {
-    var {
-      glEventHub
-    } = this.props;
-    var {
-      name,
-      type
-    } = column;
+    var glEventHub = this.props.glEventHub;
+    var name = column.name,
+      type = column.type;
     glEventHub.emit(InputFilterEvent.OPEN_INPUT, {
       title: "".concat(name, " Filter"),
       panelState: {
@@ -584,15 +529,11 @@ export class ChartPanel extends Component {
     });
   }
   sendColumnChange() {
-    var {
-      model
-    } = this.state;
+    var model = this.state.model;
     if (!model) {
       return;
     }
-    var {
-      glEventHub
-    } = this.props;
+    var glEventHub = this.props.glEventHub;
     var panelId = LayoutUtils.getIdFromPanel(this);
     assertNotNull(panelId);
     emitFilterColumnsChanged(glEventHub, panelId, Array.from(model.getFilterColumnMap().values()));
@@ -620,17 +561,13 @@ export class ChartPanel extends Component {
   setFilterMap(filterMapParam) {
     log.debug('setFilterMap', filterMapParam);
     this.setState(state => {
-      var {
-        columnMap,
-        filterMap
-      } = state;
+      var columnMap = state.columnMap,
+        filterMap = state.filterMap;
       var updatedFilterMap = null;
       var filterValueMap = new Map(state.filterValueMap);
-      filterMapParam.forEach((_ref4, columnName) => {
-        var {
-          columnType,
-          filterList
-        } = _ref4;
+      filterMapParam.forEach((_ref6, columnName) => {
+        var columnType = _ref6.columnType,
+          filterList = _ref6.filterList;
         var column = columnMap.get(columnName);
         if (column == null || column.type !== columnType) {
           return;
@@ -639,9 +576,7 @@ export class ChartPanel extends Component {
           log.debug('Ignoring empty filterList for column', columnName);
           return;
         }
-        var {
-          value
-        } = filterList[0];
+        var value = filterList[0].value;
         filterValueMap.set(columnName, value);
         if (filterMap.get(columnName) !== value) {
           if (updatedFilterMap === null) {
@@ -665,16 +600,10 @@ export class ChartPanel extends Component {
       // We want to unset a value unless there's an input filter for it
       // If there's an input filter, then we want to just set it to that value
       // This way if the user has an input filter and a link, when they delete the link the input filter value takes effect
-      var {
-        inputFilters
-      } = this.props;
-      var {
-        columnMap
-      } = state;
-      var {
-        filterMap,
-        filterValueMap
-      } = state;
+      var inputFilters = this.props.inputFilters;
+      var columnMap = state.columnMap;
+      var filterMap = state.filterMap,
+        filterValueMap = state.filterValueMap;
       if (!filterValueMap.has(columnName)) {
         return null;
       }
@@ -716,9 +645,7 @@ export class ChartPanel extends Component {
   updateInputFilters(inputFilters) {
     var forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     this.setState(state => {
-      var {
-        columnMap
-      } = state;
+      var columnMap = state.columnMap;
       var filterValueMap = new Map(state.filterValueMap);
       var filterMap = new Map(state.filterMap);
       var update = forceUpdate ? {
@@ -726,11 +653,10 @@ export class ChartPanel extends Component {
         filterValueMap
       } : {};
       for (var i = 0; i < inputFilters.length; i += 1) {
-        var {
-          name,
-          type,
-          value
-        } = inputFilters[i];
+        var _inputFilters$i = inputFilters[i],
+          name = _inputFilters$i.name,
+          type = _inputFilters$i.type,
+          value = _inputFilters$i.value;
         var column = columnMap.get(name);
         if (column != null && column.type === type) {
           if (value != null && filterMap.get(name) !== value) {
@@ -755,17 +681,14 @@ export class ChartPanel extends Component {
   deleteInputFilters(inputFilters) {
     var forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     this.setState(state => {
-      var {
-        columnMap,
-        filterValueMap
-      } = state;
+      var columnMap = state.columnMap,
+        filterValueMap = state.filterValueMap;
       var filterMap = new Map(state.filterMap);
       var needsUpdate = forceUpdate;
       for (var i = 0; i < inputFilters.length; i += 1) {
-        var {
-          name,
-          type
-        } = inputFilters[i];
+        var _inputFilters$i2 = inputFilters[i],
+          name = _inputFilters$i2.name,
+          type = _inputFilters$i2.type;
         var column = columnMap.get(name);
         if (column != null && column.type === type) {
           if (filterMap.has(name)) {
@@ -790,10 +713,8 @@ export class ChartPanel extends Component {
     });
   }
   updateColumnFilters() {
-    this.setState(_ref5 => {
-      var {
-        model
-      } = _ref5;
+    this.setState(_ref7 => {
+      var model = _ref7.model;
       if (!model) {
         return null;
       }
@@ -803,18 +724,19 @@ export class ChartPanel extends Component {
     });
   }
   updateFilters() {
-    var {
-      columnMap,
-      filterMap,
-      model
-    } = this.state;
+    var _this$state6 = this.state,
+      columnMap = _this$state6.columnMap,
+      filterMap = _this$state6.filterMap,
+      model = _this$state6.model;
     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(_ref6 => {
-        var [name, value] = _ref6;
+      var filterTitle = TextUtils.join(Array.from(filterMap.entries()).map(_ref8 => {
+        var _ref9 = _slicedToArray(_ref8, 2),
+          name = _ref9[0],
+          value = _ref9[1];
         return "".concat(name, ": ").concat(value);
       }));
       if (defaultTitle) {
@@ -841,9 +763,7 @@ export class ChartPanel extends Component {
    */
   pruneFilterMaps() {
     this.setState(state => {
-      var {
-        columnMap
-      } = state;
+      var columnMap = state.columnMap;
       var filterMap = new Map(state.filterMap);
       var filterValueMap = new Map(state.filterValueMap);
       var newState = {};
@@ -863,28 +783,26 @@ export class ChartPanel extends Component {
     });
   }
   render() {
-    var {
-      columnSelectionValidator,
-      glContainer,
-      glEventHub,
-      inputFilters,
-      isLinkerActive,
-      links,
-      metadata,
-      settings,
-      Plotly,
-      containerRef
-    } = this.props;
-    var {
-      columnMap,
-      filterMap,
-      error,
-      model,
-      isActive,
-      isDisconnected,
-      isLoaded,
-      isLoading
-    } = this.state;
+    var _this$props5 = this.props,
+      columnSelectionValidator = _this$props5.columnSelectionValidator,
+      glContainer = _this$props5.glContainer,
+      glEventHub = _this$props5.glEventHub,
+      inputFilters = _this$props5.inputFilters,
+      isLinkerActive = _this$props5.isLinkerActive,
+      links = _this$props5.links,
+      metadata = _this$props5.metadata,
+      settings = _this$props5.settings,
+      Plotly = _this$props5.Plotly,
+      containerRef = _this$props5.containerRef;
+    var _this$state7 = this.state,
+      columnMap = _this$state7.columnMap,
+      filterMap = _this$state7.filterMap,
+      error = _this$state7.error,
+      model = _this$state7.model,
+      isActive = _this$state7.isActive,
+      isDisconnected = _this$state7.isDisconnected,
+      isLoaded = _this$state7.isLoaded,
+      isLoading = _this$state7.isLoading;
     var inputFilterMap = this.getInputFilterColumnMap(columnMap, inputFilters);
     var linkedColumnMap = this.getLinkedColumnMap(columnMap, links);
     var waitingInputMap = model != null ? this.getWaitingInputMap(model.isFilterRequired(), columnMap, filterMap) : new Map();
@@ -967,10 +885,8 @@ _defineProperty(ChartPanel, "defaultProps", {
 _defineProperty(ChartPanel, "displayName", 'ChartPanel');
 _defineProperty(ChartPanel, "COMPONENT", 'ChartPanel');
 var mapStateToProps = (state, ownProps) => {
-  var {
-    localDashboardId,
-    metadata
-  } = ownProps;
+  var localDashboardId = ownProps.localDashboardId,
+    metadata = ownProps.metadata;
   var sourcePanelId;
   if (metadata != null && isChartPanelTableMetadata(metadata)) {
     sourcePanelId = metadata.sourcePanelId;