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

package/dist/panels/DropdownFilterPanel.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 _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; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -26,9 +32,7 @@ var WIDGET_DESCRIPTOR = Object.freeze({
   type: 'DropdownFilter'
 });
 var mapStateToProps = (state, ownProps) => {
-  var {
-    localDashboardId
-  } = ownProps;
+  var localDashboardId = ownProps.localDashboardId;
   var panelId = LayoutUtils.getIdFromPanel({
     props: ownProps
   });
@@ -63,10 +67,8 @@ export class DropdownFilterPanel extends Component {
     _defineProperty(this, "cleanup", void 0);
     _defineProperty(this, "columnFormats", void 0);
     _defineProperty(this, "getCachedValues", memoize((rawValues, _ref, formatter) => {
-      var {
-        type,
-        name
-      } = _ref;
+      var type = _ref.type,
+        name = _ref.name;
       if (type !== undefined && TableUtils.isDateType(type)) {
         return rawValues.map(value => this.dateTimeFormatter.format(value));
       }
@@ -90,7 +92,8 @@ export class DropdownFilterPanel extends Component {
       log.debug('getCachedSource', links);
       var source;
       if (links.length > 0) {
-        var [link] = links;
+        var _links = _slicedToArray(links, 1),
+          link = _links[0];
         source = link.start;
         if (links.length > 1) {
           log.error('Filter has more that one link', links);
@@ -106,9 +109,7 @@ export class DropdownFilterPanel extends Component {
       if (source == null) {
         return null;
       }
-      var {
-        panelId
-      } = source;
+      var panelId = source.panelId;
       return (_panelTableMap$get = panelTableMap.get(panelId)) !== null && _panelTableMap$get !== void 0 ? _panelTableMap$get : null;
     }, {
       max: 1000
@@ -120,10 +121,8 @@ export class DropdownFilterPanel extends Component {
         return null;
       }
       return (_table$columns$find = table.columns.find(_ref2 => {
-        var {
-          name,
-          type
-        } = _ref2;
+        var name = _ref2.name,
+          type = _ref2.type;
         return name === source.columnName && type === source.columnType;
       })) !== null && _table$columns$find !== void 0 ? _table$columns$find : null;
     }, {
@@ -143,11 +142,9 @@ export class DropdownFilterPanel extends Component {
     this.dropdownFilterRef = /*#__PURE__*/React.createRef();
     this.panelContainer = /*#__PURE__*/React.createRef();
     this.pending = new Pending();
-    var {
-      dh,
-      panelState,
-      settings
-    } = props;
+    var dh = props.dh,
+      panelState = props.panelState,
+      settings = props.settings;
     this.columnFormats = FormatterUtils.getColumnFormats(settings);
     // Filter dropdown needs to show and send full timestamp format with nanoseconds
     this.dateTimeFormatter = new DateTimeColumnFormatter(dh, {
@@ -155,13 +152,14 @@ export class DropdownFilterPanel extends Component {
       showTSeparator: true,
       defaultDateTimeFormatString: "yyyy-MM-dd HH:mm:ss.SSSSSSSSS"
     });
-    var {
-      value: _value = '',
-      isValueShown = false,
-      name: _name,
-      type: _type,
-      timestamp
-    } = panelState !== null && panelState !== void 0 ? panelState : {};
+    var _ref3 = panelState !== null && panelState !== void 0 ? panelState : {},
+      _ref3$value = _ref3.value,
+      _value = _ref3$value === void 0 ? '' : _ref3$value,
+      _ref3$isValueShown = _ref3.isValueShown,
+      isValueShown = _ref3$isValueShown === void 0 ? false : _ref3$isValueShown,
+      _name = _ref3.name,
+      _type = _ref3.type,
+      timestamp = _ref3.timestamp;
     var column = _name != null && _type != null ? {
       name: _name,
       type: _type
@@ -190,36 +188,29 @@ export class DropdownFilterPanel extends Component {
   }
   componentDidMount() {
     this.updateValuesTable();
-    var {
-      dashboardLinks,
-      panelTableMap
-    } = this.props;
-    var {
-      column,
-      value,
-      timestamp
-    } = this.state;
+    var _this$props = this.props,
+      dashboardLinks = _this$props.dashboardLinks,
+      panelTableMap = _this$props.panelTableMap;
+    var _this$state = this.state,
+      column = _this$state.column,
+      value = _this$state.value,
+      timestamp = _this$state.timestamp;
     var sourceTable = this.getSourceTable(panelTableMap, dashboardLinks);
     if (sourceTable !== null) {
       this.startListeningToSource(sourceTable);
     }
     if (column != null) {
-      var {
-        name,
-        type
-      } = column;
+      var name = column.name,
+        type = column.type;
       this.sendUpdate(name, type, value, timestamp);
     }
   }
   componentDidUpdate(prevProps, prevState) {
-    var {
-      dashboardLinks,
-      panelTableMap,
-      settings
-    } = this.props;
-    var {
-      valuesTable
-    } = this.state;
+    var _this$props2 = this.props,
+      dashboardLinks = _this$props2.dashboardLinks,
+      panelTableMap = _this$props2.panelTableMap,
+      settings = _this$props2.settings;
+    var valuesTable = this.state.valuesTable;
     var source = this.getSource(dashboardLinks);
     var sourceTable = this.getSourceTable(panelTableMap, dashboardLinks);
     var prevSource = this.getSource(prevProps.dashboardLinks);
@@ -247,13 +238,10 @@ export class DropdownFilterPanel extends Component {
     }
   }
   componentWillUnmount() {
-    var {
-      dashboardLinks,
-      panelTableMap
-    } = this.props;
-    var {
-      valuesTable
-    } = this.state;
+    var _this$props3 = this.props,
+      dashboardLinks = _this$props3.dashboardLinks,
+      panelTableMap = _this$props3.panelTableMap;
+    var valuesTable = this.state.valuesTable;
     var sourceTable = this.getSourceTable(panelTableMap, dashboardLinks);
     this.pending.cancel();
     if (sourceTable !== null) {
@@ -281,18 +269,14 @@ export class DropdownFilterPanel extends Component {
     return [x, y];
   }
   getSettingsErrorMessage() {
-    var {
-      sourceSize
-    } = this.state;
+    var sourceSize = this.state.sourceSize;
     if (sourceSize > DropdownFilterPanel.MAX_TABLE_SIZE) {
       return "Table too large, must have fewer than ".concat(DropdownFilterPanel.MAX_TABLE_SIZE, " options.");
     }
     return undefined;
   }
   getPanelErrorMessage() {
-    var {
-      error
-    } = this.state;
+    var error = this.state.error;
     return error != null ? "".concat(error) : undefined;
   }
   getSource(links) {
@@ -308,9 +292,7 @@ export class DropdownFilterPanel extends Component {
     return this.getCachedSourceColumn(valuesTable, source);
   }
   startListeningToSource(sourceTable) {
-    var {
-      dh
-    } = this.props;
+    var dh = this.props.dh;
     log.debug('startListeningToSource');
     sourceTable.addEventListener(dh.Table.EVENT_FILTERCHANGED, this.handleSourceFilterChange);
     sourceTable.addEventListener(dh.Table.EVENT_SORTCHANGED, this.handleSourceSortChange);
@@ -319,9 +301,7 @@ export class DropdownFilterPanel extends Component {
     sourceTable.addEventListener(dh.Table.EVENT_RECONNECT, this.handleReconnect);
   }
   stopListeningToSource(sourceTable) {
-    var {
-      dh
-    } = this.props;
+    var dh = this.props.dh;
     log.debug('stopListeningToSource');
     sourceTable.removeEventListener(dh.Table.EVENT_FILTERCHANGED, this.handleSourceFilterChange);
     sourceTable.removeEventListener(dh.Table.EVENT_SORTCHANGED, this.handleSourceSortChange);
@@ -329,29 +309,27 @@ export class DropdownFilterPanel extends Component {
     sourceTable.removeEventListener(dh.Table.EVENT_DISCONNECT, this.handleDisconnect);
     sourceTable.removeEventListener(dh.Table.EVENT_RECONNECT, this.handleReconnect);
   }
-  handleChange(_ref3) {
-    var {
-      column,
-      isValueShown = false,
-      value
-    } = _ref3;
-    var {
-      name = undefined,
-      type = undefined
-    } = column !== null && column !== void 0 ? column : {};
+  handleChange(_ref4) {
+    var column = _ref4.column,
+      _ref4$isValueShown = _ref4.isValueShown,
+      isValueShown = _ref4$isValueShown === void 0 ? false : _ref4$isValueShown,
+      value = _ref4.value;
+    var _ref5 = column !== null && column !== void 0 ? column : {},
+      _ref5$name = _ref5.name,
+      name = _ref5$name === void 0 ? undefined : _ref5$name,
+      _ref5$type = _ref5.type,
+      type = _ref5$type === void 0 ? undefined : _ref5$type;
     var sendUpdate = true;
     var timestamp = Date.now();
-    this.setState(_ref4 => {
-      var _ref5;
-      var {
-        panelState,
-        timestamp: prevTimestamp,
-        wasFlipped,
-        skipUpdate
-      } = _ref4;
+    this.setState(_ref6 => {
+      var _ref7;
+      var panelState = _ref6.panelState,
+        prevTimestamp = _ref6.timestamp,
+        wasFlipped = _ref6.wasFlipped,
+        skipUpdate = _ref6.skipUpdate;
       // If the user had a value set, and they flip the card over and flip it back without changing any settings, ignore it
       var isFlip = panelState != null && isValueShown !== panelState.isValueShown && name === panelState.name && type === panelState.type && value === panelState.value;
-      sendUpdate = (_ref5 = !skipUpdate && isValueShown && (!isFlip || !wasFlipped)) !== null && _ref5 !== void 0 ? _ref5 : false;
+      sendUpdate = (_ref7 = !skipUpdate && isValueShown && (!isFlip || !wasFlipped)) !== null && _ref7 !== void 0 ? _ref7 : false;
       if (!sendUpdate) {
         timestamp = prevTimestamp;
       }
@@ -392,19 +370,15 @@ export class DropdownFilterPanel extends Component {
   handleSourceSortChange() {
     this.applySourceSorts();
   }
-  handleSourceSizeChange(_ref6) {
-    var {
-      detail
-    } = _ref6;
+  handleSourceSizeChange(_ref8) {
+    var detail = _ref8.detail;
     this.setState({
       sourceSize: detail
     });
   }
   handleColumnSelected() {
     log.debug('handleColumnSelected');
-    var {
-      glEventHub
-    } = this.props;
+    var glEventHub = this.props.glEventHub;
     var panelId = LayoutUtils.getIdFromPanel(this);
     assertNotNull(panelId);
     emitLinkPointSelected(glEventHub, panelId, DropdownFilterPanel.SOURCE_COLUMN, {
@@ -424,9 +398,7 @@ export class DropdownFilterPanel extends Component {
   setPanelState(state) {
     var _this$dropdownFilterR2;
     var sendUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var {
-      dashboardLinks
-    } = this.props;
+    var dashboardLinks = this.props.dashboardLinks;
     if (this.getSource(dashboardLinks) == null) {
       log.debug('Ignore state update for unlinked filter', state);
       return;
@@ -442,10 +414,9 @@ export class DropdownFilterPanel extends Component {
   }
   sendUpdate(name, type, value, timestamp) {
     var _this$getSource;
-    var {
-      dashboardLinks,
-      glEventHub
-    } = this.props;
+    var _this$props4 = this.props,
+      dashboardLinks = _this$props4.dashboardLinks,
+      glEventHub = _this$props4.glEventHub;
     var sourcePanelId = (_this$getSource = this.getSource(dashboardLinks)) === null || _this$getSource === void 0 ? void 0 : _this$getSource.panelId;
     var excludePanelIds = sourcePanelId == null ? [] : [sourcePanelId];
     log.debug('sendUpdate', {
@@ -466,10 +437,9 @@ export class DropdownFilterPanel extends Component {
     } : null);
   }
   updateValuesTable() {
-    var {
-      dashboardLinks,
-      panelTableMap
-    } = this.props;
+    var _this$props5 = this.props,
+      dashboardLinks = _this$props5.dashboardLinks,
+      panelTableMap = _this$props5.panelTableMap;
     var source = this.getSource(dashboardLinks);
     var sourceTable = this.getSourceTable(panelTableMap, dashboardLinks);
     log.debug('updateValuesTable', source, sourceTable);
@@ -516,13 +486,10 @@ export class DropdownFilterPanel extends Component {
     });
   }
   applySourceSorts() {
-    var {
-      dashboardLinks,
-      panelTableMap
-    } = this.props;
-    var {
-      valuesTable
-    } = this.state;
+    var _this$props6 = this.props,
+      dashboardLinks = _this$props6.dashboardLinks,
+      panelTableMap = _this$props6.panelTableMap;
+    var valuesTable = this.state.valuesTable;
     var sourceTable = this.getSourceTable(panelTableMap, dashboardLinks);
     log.debug('applySourceSorts', sourceTable === null || sourceTable === void 0 ? void 0 : sourceTable.sort);
     if (valuesTable == null || sourceTable == null) {
@@ -534,13 +501,10 @@ export class DropdownFilterPanel extends Component {
     this.setViewport(valuesTable);
   }
   applySourceFilters() {
-    var {
-      dashboardLinks,
-      panelTableMap
-    } = this.props;
-    var {
-      valuesTable
-    } = this.state;
+    var _this$props7 = this.props,
+      dashboardLinks = _this$props7.dashboardLinks,
+      panelTableMap = _this$props7.panelTableMap;
+    var valuesTable = this.state.valuesTable;
     var sourceTable = this.getSourceTable(panelTableMap, dashboardLinks);
     log.debug('applySourceFilters', sourceTable === null || sourceTable === void 0 ? void 0 : sourceTable.filter);
     if (valuesTable == null || sourceTable == null) {
@@ -552,9 +516,7 @@ export class DropdownFilterPanel extends Component {
     this.setViewport(valuesTable);
   }
   updateViewportListener(valuesTable) {
-    var {
-      dh
-    } = this.props;
+    var dh = this.props.dh;
     log.debug('updateViewportListener', valuesTable === null || valuesTable === void 0 ? void 0 : valuesTable.size);
     if (this.cleanup) {
       this.cleanup();
@@ -567,9 +529,7 @@ export class DropdownFilterPanel extends Component {
     this.setViewport(valuesTable);
   }
   setViewport(valuesTable) {
-    var {
-      dashboardLinks
-    } = this.props;
+    var dashboardLinks = this.props.dashboardLinks;
     var valuesColumn = this.getValuesColumn(valuesTable, dashboardLinks);
     if (!valuesColumn) {
       log.error('values column is null');
@@ -578,9 +538,7 @@ export class DropdownFilterPanel extends Component {
     valuesTable.setViewport(0, DropdownFilterPanel.MAX_TABLE_SIZE - 1, [valuesColumn]);
   }
   updateFormatterSettings(settings) {
-    var {
-      dh
-    } = this.props;
+    var dh = this.props.dh;
     var columnFormats = FormatterUtils.getColumnFormats(settings);
     if (!deepEqual(this.columnFormats, columnFormats)) {
       this.columnFormats = columnFormats;
@@ -589,19 +547,11 @@ export class DropdownFilterPanel extends Component {
       });
     }
   }
-  handleValuesTableUpdate(_ref7) {
-    var {
-      detail
-    } = _ref7;
-    var {
-      rows
-    } = detail;
-    var {
-      dashboardLinks
-    } = this.props;
-    var {
-      valuesTable
-    } = this.state;
+  handleValuesTableUpdate(_ref9) {
+    var detail = _ref9.detail;
+    var rows = detail.rows;
+    var dashboardLinks = this.props.dashboardLinks;
+    var valuesTable = this.state.valuesTable;
     if (!valuesTable) {
       log.error('valuesTable is null');
       return;
@@ -620,9 +570,7 @@ export class DropdownFilterPanel extends Component {
     });
   }
   handleSourceMouseEnter() {
-    var {
-      columnSelectionValidator
-    } = this.props;
+    var columnSelectionValidator = this.props.columnSelectionValidator;
     if (!columnSelectionValidator) {
       return;
     }
@@ -631,9 +579,7 @@ export class DropdownFilterPanel extends Component {
     });
   }
   handleSourceMouseLeave() {
-    var {
-      columnSelectionValidator
-    } = this.props;
+    var columnSelectionValidator = this.props.columnSelectionValidator;
     if (!columnSelectionValidator) {
       return;
     }
@@ -642,25 +588,23 @@ export class DropdownFilterPanel extends Component {
     });
   }
   render() {
-    var {
-      columns,
-      dashboardLinks,
-      disableLinking,
-      glContainer,
-      glEventHub,
-      isLinkerActive
-    } = this.props;
-    var {
-      column,
-      formatter,
-      isDisconnected,
-      isValueShown,
-      value,
-      values,
-      valuesColumn,
-      isLoading,
-      isLoaded
-    } = this.state;
+    var _this$props8 = this.props,
+      columns = _this$props8.columns,
+      dashboardLinks = _this$props8.dashboardLinks,
+      disableLinking = _this$props8.disableLinking,
+      glContainer = _this$props8.glContainer,
+      glEventHub = _this$props8.glEventHub,
+      isLinkerActive = _this$props8.isLinkerActive;
+    var _this$state2 = this.state,
+      column = _this$state2.column,
+      formatter = _this$state2.formatter,
+      isDisconnected = _this$state2.isDisconnected,
+      isValueShown = _this$state2.isValueShown,
+      value = _this$state2.value,
+      values = _this$state2.values,
+      valuesColumn = _this$state2.valuesColumn,
+      isLoading = _this$state2.isLoading,
+      isLoaded = _this$state2.isLoaded;
     var source = this.getSource(dashboardLinks);
     var settingsErrorMessage = this.getSettingsErrorMessage();
     var panelErrorMessage = this.getPanelErrorMessage();