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

package/dist/linker/Linker.js

@@ -84,17 +84,14 @@ export class Linker extends Component {
     };
   }
   componentDidMount() {
-    var {
-      layout
-    } = this.props;
+    var layout = this.props.layout;
     this.startListening(layout);
     this.updateSelectionValidators();
   }
   componentDidUpdate(prevProps) {
-    var {
-      activeTool,
-      layout
-    } = this.props;
+    var _this$props = this.props,
+      activeTool = _this$props.activeTool,
+      layout = _this$props.layout;
     if (layout !== prevProps.layout) {
       this.stopListening(prevProps.layout);
       this.startListening(layout);
@@ -110,16 +107,12 @@ export class Linker extends Component {
     log.error('componentDidCatch', error, info);
   }
   componentWillUnmount() {
-    var {
-      layout
-    } = this.props;
+    var layout = this.props.layout;
     this.stopListening(layout);
   }
   startListening(layout) {
     layout.on('stateChanged', this.handleLayoutStateChanged);
-    var {
-      eventHub
-    } = layout;
+    var eventHub = layout.eventHub;
     eventHub.on(IrisGridEvent.COLUMN_SELECTED, this.handleGridColumnSelect);
     eventHub.on(IrisGridEvent.DATA_SELECTED, this.handleUpdateValues);
     eventHub.on(IrisGridEvent.STATE_CHANGED, this.handleStateChange);
@@ -133,9 +126,7 @@ export class Linker extends Component {
   }
   stopListening(layout) {
     layout.off('stateChanged', this.handleLayoutStateChanged);
-    var {
-      eventHub
-    } = layout;
+    var eventHub = layout.eventHub;
     eventHub.off(IrisGridEvent.COLUMN_SELECTED, this.handleGridColumnSelect);
     eventHub.off(IrisGridEvent.DATA_SELECTED, this.handleUpdateValues);
     eventHub.off(IrisGridEvent.STATE_CHANGED, this.handleStateChange);
@@ -155,13 +146,9 @@ export class Linker extends Component {
     });
   }
   handleCancel() {
-    var {
-      linkInProgress
-    } = this.state;
+    var linkInProgress = this.state.linkInProgress;
     if (linkInProgress == null) {
-      var {
-        setActiveTool
-      } = this.props;
+      var setActiveTool = this.props.setActiveTool;
       setActiveTool(ToolType.DEFAULT);
     }
     this.setState({
@@ -169,9 +156,7 @@ export class Linker extends Component {
     });
   }
   handleDone() {
-    var {
-      setActiveTool
-    } = this.props;
+    var setActiveTool = this.props.setActiveTool;
     setActiveTool(ToolType.DEFAULT);
   }
   handleChartColumnSelect(panel, column) {
@@ -181,9 +166,7 @@ export class Linker extends Component {
   }
   handleColumnsChanged(sourceId, columns) {
     log.debug('handleColumnsChanged', sourceId, columns);
-    var {
-      links
-    } = this.props;
+    var links = this.props.links;
     if (sourceId == null) {
       log.error('Invalid filter columns source id', sourceId);
       return;
@@ -197,10 +180,8 @@ export class Linker extends Component {
     // NOTE: links need to be updated to use sourceId instead of panelId. This will be done when we implement linker for dh.ui widgets DH-18840
     // Delete links that start or end on non-existent column in the updated panel
     var linksToDelete = links.filter(_ref => {
-      var {
-        start,
-        end
-      } = _ref;
+      var start = _ref.start,
+        end = _ref.end;
       return start.panelId === sourceId && LinkerUtils.findColumn(columns, start) == null || end != null && end.panelId === sourceId && LinkerUtils.findColumn(columns, end) == null;
     });
     this.deleteLinks(linksToDelete);
@@ -215,20 +196,17 @@ export class Linker extends Component {
     this.columnSelected(panelId, column, 'tableLink');
   }
   handleLinkPointSelected(sourceId, column, options) {
-    var {
-      type
-    } = options;
+    var type = options.type;
     var isIsolatedLinker = type === 'filterSource';
     var isAlwaysEnd = type === 'chartLink' || type === 'filterSource';
 
     // filterSource type should open in isolated linker mode
     if (!this.isOverlayShown() && sourceId != null && isIsolatedLinker) {
-      var {
-        links,
-        localDashboardId,
-        setActiveTool,
-        setDashboardIsolatedLinkerPanelId
-      } = this.props;
+      var _this$props2 = this.props,
+        links = _this$props2.links,
+        localDashboardId = _this$props2.localDashboardId,
+        setActiveTool = _this$props2.setActiveTool,
+        setDashboardIsolatedLinkerPanelId = _this$props2.setDashboardIsolatedLinkerPanelId;
       var panelLinks = links.filter(link => {
         var _link$start2, _link$end2;
         return ((_link$start2 = link.start) === null || _link$start2 === void 0 ? void 0 : _link$start2.panelId) === sourceId || ((_link$end2 = link.end) === null || _link$end2 === void 0 ? void 0 : _link$end2.panelId) === sourceId;
@@ -263,16 +241,10 @@ export class Linker extends Component {
     if (overrideIsolatedLinkerPanelId === undefined && !this.isOverlayShown()) {
       return;
     }
-    var {
-      isolatedLinkerPanelId
-    } = this.props;
-    var {
-      linkInProgress
-    } = this.state;
-    var {
-      name: columnName,
-      type: columnType
-    } = column;
+    var isolatedLinkerPanelId = this.props.isolatedLinkerPanelId;
+    var linkInProgress = this.state.linkInProgress;
+    var columnName = column.name,
+      columnType = column.type;
     if (linkInProgress == null || linkInProgress.start == null) {
       var newLink = {
         id: nanoid(),
@@ -293,14 +265,11 @@ export class Linker extends Component {
       });
     } else {
       var _linkInProgress$endTy;
-      var {
-        links
-      } = this.props;
-      var {
-        start,
-        id,
-        isReversed = false
-      } = linkInProgress;
+      var links = this.props.links;
+      var start = linkInProgress.start,
+        id = linkInProgress.id,
+        _linkInProgress$isRev = linkInProgress.isReversed,
+        isReversed = _linkInProgress$isRev === void 0 ? false : _linkInProgress$isRev;
       var end = {
         panelId: sourceId,
         columnName,
@@ -329,9 +298,7 @@ export class Linker extends Component {
             // In cases with multiple targets per panel (i.e. chart filters)
             // links would have to be filtered by panelId and columnName and columnType
             var linksToDelete = links.filter(_ref2 => {
-              var {
-                end: panelLinkEnd
-              } = _ref2;
+              var panelLinkEnd = _ref2.end;
               return (panelLinkEnd === null || panelLinkEnd === void 0 ? void 0 : panelLinkEnd.panelId) === existingLinkPanelId;
             });
             this.deleteLinks(linksToDelete);
@@ -348,10 +315,8 @@ export class Linker extends Component {
             });
             // Don't allow linking more than one column per source to each chart column
             var _linksToDelete = links.filter(_ref3 => {
-              var {
-                end: panelLinkEnd,
-                start: panelLinkStart
-              } = _ref3;
+              var panelLinkEnd = _ref3.end,
+                panelLinkStart = _ref3.start;
               return (panelLinkStart === null || panelLinkStart === void 0 ? void 0 : panelLinkStart.panelId) === existingLinkStart.panelId && (panelLinkEnd === null || panelLinkEnd === void 0 ? void 0 : panelLinkEnd.panelId) === existingLinkEnd.panelId && (panelLinkEnd === null || panelLinkEnd === void 0 ? void 0 : panelLinkEnd.columnName) === existingLinkEnd.columnName && (panelLinkEnd === null || panelLinkEnd === void 0 ? void 0 : panelLinkEnd.columnType) === existingLinkEnd.columnType;
             });
             this.deleteLinks(_linksToDelete);
@@ -383,22 +348,14 @@ export class Linker extends Component {
     }
   }
   unsetFilterValueForLink(link) {
-    var {
-      panelManager
-    } = this.props;
+    var panelManager = this.props.panelManager;
     if (link.end) {
       var _linkTargetPropMap$ge;
-      var {
-        end
-      } = link;
-      var {
-        panelId,
-        columnName,
-        columnType
-      } = end;
-      var {
-        linkTargetPropMap
-      } = this;
+      var end = link.end;
+      var panelId = end.panelId,
+        columnName = end.columnName,
+        columnType = end.columnType;
+      var linkTargetPropMap = this.linkTargetPropMap;
       var unsetFilterValue = (_linkTargetPropMap$ge = linkTargetPropMap.get(panelId)) === null || _linkTargetPropMap$ge === void 0 ? void 0 : _linkTargetPropMap$ge.unsetFilterValue;
       if (unsetFilterValue) {
         unsetFilterValue(columnName, columnType);
@@ -423,12 +380,8 @@ export class Linker extends Component {
   setPanelFilterMap(panelId, filterMap) {
     var _linkTargetPropMap$ge2;
     log.debug('Set filter data for panel:', panelId, filterMap);
-    var {
-      panelManager
-    } = this.props;
-    var {
-      linkTargetPropMap
-    } = this;
+    var panelManager = this.props.panelManager;
+    var linkTargetPropMap = this.linkTargetPropMap;
     var setFilterValues = (_linkTargetPropMap$ge2 = linkTargetPropMap.get(panelId)) === null || _linkTargetPropMap$ge2 === void 0 ? void 0 : _linkTargetPropMap$ge2.setFilterValues;
     if (setFilterValues) {
       setFilterValues(filterMap);
@@ -444,40 +397,30 @@ export class Linker extends Component {
     }
   }
   addLinks(links) {
-    var {
-      addDashboardLinks,
-      localDashboardId
-    } = this.props;
+    var _this$props3 = this.props,
+      addDashboardLinks = _this$props3.addDashboardLinks,
+      localDashboardId = _this$props3.localDashboardId;
     addDashboardLinks(localDashboardId, links);
   }
   deleteLinks(links) {
     var clearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var {
-      localDashboardId
-    } = this.props;
+    var localDashboardId = this.props.localDashboardId;
     links.forEach(link => this.unsetFilterValueForLink(link));
     if (clearAll) {
-      var {
-        setDashboardLinks
-      } = this.props;
+      var setDashboardLinks = this.props.setDashboardLinks;
       setDashboardLinks(localDashboardId, []);
     } else if (links.length > 0) {
-      var {
-        deleteDashboardLinks
-      } = this.props;
+      var deleteDashboardLinks = this.props.deleteDashboardLinks;
       deleteDashboardLinks(localDashboardId, links.map(_ref4 => {
-        var {
-          id
-        } = _ref4;
+        var id = _ref4.id;
         return id;
       }));
     }
   }
   handleAllLinksDeleted() {
-    var {
-      links,
-      isolatedLinkerPanelId
-    } = this.props;
+    var _this$props4 = this.props,
+      links = _this$props4.links,
+      isolatedLinkerPanelId = _this$props4.isolatedLinkerPanelId;
     if (isolatedLinkerPanelId === undefined) {
       this.deleteLinks(links, true);
     } else {
@@ -490,9 +433,7 @@ export class Linker extends Component {
     this.reset();
   }
   handleLinkDeleted(linkId) {
-    var {
-      links
-    } = this.props;
+    var links = this.props.links;
     var link = links.find(l => l.id === linkId);
     if (link) {
       this.deleteLinks([link]);
@@ -501,9 +442,7 @@ export class Linker extends Component {
     }
   }
   handleTargetRegistered(sourceId, handlers) {
-    var {
-      linkTargetPropMap
-    } = this;
+    var linkTargetPropMap = this.linkTargetPropMap;
     if (handlers == null) {
       linkTargetPropMap.delete(sourceId);
     } else {
@@ -511,40 +450,33 @@ export class Linker extends Component {
     }
   }
   handleUpdateValues(sourceId, dataMap) {
-    var {
-      dh,
-      links,
-      timeZone
-    } = this.props;
+    var _this$props5 = this.props,
+      dh = _this$props5.dh,
+      links = _this$props5.links,
+      timeZone = _this$props5.timeZone;
     // Map of panel ID to filterMap
     var panelFilterMap = new Map();
     // Instead of setting filters one by one for each link,
     // combine them so they could be set in a single call per target panel
     for (var i = 0; i < links.length; i += 1) {
-      var {
-        start,
-        end,
-        operator
-      } = links[i];
+      var _links$i = links[i],
+        start = _links$i.start,
+        end = _links$i.end,
+        operator = _links$i.operator;
       if (start.panelId === sourceId && end != null) {
         var _filterMap$get$filter, _filterMap$get;
-        var {
-          panelId: endPanelId,
-          columnName,
-          columnType
-        } = end;
+        var endPanelId = end.panelId,
+          columnName = end.columnName,
+          columnType = end.columnType;
         // Map of column name to column type and filter value
         var existingFilterMap = panelFilterMap.get(endPanelId);
         var filterMap = existingFilterMap !== null && existingFilterMap !== void 0 ? existingFilterMap : new Map();
         var filterList = (_filterMap$get$filter = (_filterMap$get = filterMap.get(columnName)) === null || _filterMap$get === void 0 ? void 0 : _filterMap$get.filterList) !== null && _filterMap$get$filter !== void 0 ? _filterMap$get$filter : [];
-        var {
-          visibleIndex: startColumnIndex,
-          isExpandable,
-          isGrouped
-        } = dataMap[start.columnName];
-        var {
-          value
-        } = dataMap[start.columnName];
+        var _dataMap$start$column = dataMap[start.columnName],
+          startColumnIndex = _dataMap$start$column.visibleIndex,
+          isExpandable = _dataMap$start$column.isExpandable,
+          isGrouped = _dataMap$start$column.isGrouped;
+        var value = dataMap[start.columnName].value;
         var text = "".concat(value);
         if (value === null && isExpandable && isGrouped) {
           // Clear filter on empty rollup grouping columns
@@ -580,9 +512,7 @@ export class Linker extends Component {
     });
   }
   handlePanelCloned(panel, cloneConfig) {
-    var {
-      links
-    } = this.props;
+    var links = this.props.links;
     var panelId = LayoutUtils.getIdFromPanel(panel);
     var cloneId = cloneConfig.id;
     if (panelId != null) {
@@ -591,15 +521,11 @@ export class Linker extends Component {
     }
   }
   handlePanelDragging(componentId) {
-    var {
-      links
-    } = this.props;
+    var links = this.props.links;
     for (var i = 0; i < links.length; i += 1) {
       var link = links[i];
-      var {
-        start,
-        end
-      } = link;
+      var start = link.start,
+        end = link.end;
       if (start.panelId === componentId || (end === null || end === void 0 ? void 0 : end.panelId) === componentId) {
         this.setState({
           isDraggingPanel: true
@@ -625,10 +551,9 @@ export class Linker extends Component {
     });
   }
   handleLinksUpdated(newLinks) {
-    var {
-      localDashboardId,
-      setDashboardLinks
-    } = this.props;
+    var _this$props6 = this.props,
+      localDashboardId = _this$props6.localDashboardId,
+      setDashboardLinks = _this$props6.setDashboardLinks;
     setDashboardLinks(localDashboardId, newLinks);
   }
   handleLayoutStateChanged() {
@@ -639,10 +564,9 @@ export class Linker extends Component {
   }
   handleExited() {
     // Has to be done after linker exit animation to avoid flashing non-isolated links
-    var {
-      localDashboardId,
-      setDashboardIsolatedLinkerPanelId
-    } = this.props;
+    var _this$props7 = this.props,
+      localDashboardId = _this$props7.localDashboardId,
+      setDashboardIsolatedLinkerPanelId = _this$props7.setDashboardIsolatedLinkerPanelId;
     setDashboardIsolatedLinkerPanelId(localDashboardId, undefined);
   }
 
@@ -651,33 +575,26 @@ export class Linker extends Component {
    * @param panelId The panel ID to delete links for
    */
   deleteLinksForPanelId(panelId) {
-    var {
-      links
-    } = this.props;
+    var links = this.props.links;
     for (var i = 0; i < links.length; i += 1) {
       var link = links[i];
-      var {
-        start,
-        end,
-        id
-      } = link;
+      var start = link.start,
+        end = link.end,
+        id = link.id;
       if (start.panelId === panelId || (end === null || end === void 0 ? void 0 : end.panelId) === panelId) {
         this.handleLinkDeleted(id);
       }
     }
   }
   isOverlayShown() {
-    var {
-      activeTool
-    } = this.props;
+    var activeTool = this.props.activeTool;
     return activeTool === ToolType.LINKER;
   }
   updateSelectionValidators() {
-    var {
-      activeTool,
-      setDashboardColumnSelectionValidator,
-      localDashboardId
-    } = this.props;
+    var _this$props8 = this.props,
+      activeTool = _this$props8.activeTool,
+      setDashboardColumnSelectionValidator = _this$props8.setDashboardColumnSelectionValidator,
+      localDashboardId = _this$props8.localDashboardId;
     switch (activeTool) {
       case ToolType.LINKER:
         setDashboardColumnSelectionValidator(localDashboardId, this.isColumnSelectionValid);
@@ -690,9 +607,7 @@ export class Linker extends Component {
   updateLinkInProgressType() {
     var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'invalid';
     this.setState(_ref5 => {
-      var {
-        linkInProgress
-      } = _ref5;
+      var linkInProgress = _ref5.linkInProgress;
       if (linkInProgress !== undefined) {
         return {
           linkInProgress: _objectSpread(_objectSpread({}, linkInProgress), {}, {
@@ -705,12 +620,8 @@ export class Linker extends Component {
   }
   isColumnSelectionValid(panelOrId, tableColumn, options) {
     var _linkInProgress$endTy2;
-    var {
-      linkInProgress
-    } = this.state;
-    var {
-      isolatedLinkerPanelId
-    } = this.props;
+    var linkInProgress = this.state.linkInProgress;
+    var isolatedLinkerPanelId = this.props.isolatedLinkerPanelId;
     // This is backwards compatibility for Grizzly Enterprise panels
     // IrisGridPanel is the only allowed start point for a link
     // The enterprise panels will not call this method with options
@@ -737,10 +648,9 @@ export class Linker extends Component {
     if ((linkInProgress === null || linkInProgress === void 0 ? void 0 : linkInProgress.start) == null) {
       return true;
     }
-    var {
-      isReversed = false,
-      start
-    } = linkInProgress;
+    var _linkInProgress$isRev2 = linkInProgress.isReversed,
+      isReversed = _linkInProgress$isRev2 === void 0 ? false : _linkInProgress$isRev2,
+      start = linkInProgress.start;
     var panelId = typeof panelOrId === 'string' ? panelOrId : LayoutUtils.getIdFromPanel(panelOrId);
     if (panelId == null) {
       return false;
@@ -761,16 +671,14 @@ export class Linker extends Component {
     return isValid;
   }
   render() {
-    var {
-      links,
-      isolatedLinkerPanelId,
-      panelManager
-    } = this.props;
-    var {
-      linkInProgress,
-      selectedIds,
-      isDraggingPanel
-    } = this.state;
+    var _this$props9 = this.props,
+      links = _this$props9.links,
+      isolatedLinkerPanelId = _this$props9.isolatedLinkerPanelId,
+      panelManager = _this$props9.panelManager;
+    var _this$state = this.state,
+      linkInProgress = _this$state.linkInProgress,
+      selectedIds = _this$state.selectedIds,
+      isDraggingPanel = _this$state.isDraggingPanel;
     var isLinkOverlayShown = this.isOverlayShown();
     var disabled = linkInProgress != null && linkInProgress.start != null;
     var linkerOverlayMessage = isolatedLinkerPanelId === undefined ? 'Click a column source, then click a column target to create a filter link. The filter comparison operator used by a selected link can be changed. Delete a filter link by clicking the delete button or with alt+click. Click done when finished.' : 'Create a link between the source column button and a table column by clicking on one, then the other. Delete a filter link by clicking the delete button or with alt+click. Click done when finished.';