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

package/dist/panels/FilterSetManager.js

@@ -1,13 +1,10 @@
 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; }
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 // background click is just a convenience method, not an actual a11y issue
+
 import React, { Component } from 'react';
 import memoizeOne from 'memoize-one';
 import shortid from 'shortid';
@@ -19,11 +16,9 @@ import "./FilterSetManager.css";
 var log = Log.module('FilterSetManager');
 var NAME_INPUT_PLACEHOLDER = 'Enter name...';
 var EMPTY_LIST_PLACEHOLDER = 'No Available Filter Sets';
-
 class FilterSetManager extends Component {
   static animateScreenFlash() {
     var _document$querySelect;
-
     var overlay = document.createElement('div');
     overlay.classList.add('screen-flash-overlay');
     overlay.addEventListener('animationend', () => {
@@ -32,23 +27,17 @@ class FilterSetManager extends Component {
     });
     (_document$querySelect = document.querySelector('body')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.appendChild(overlay);
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "renameInputRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "dropdownRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "editDropdownRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "isRenamingExistingSet", memoizeOne((filterSets, renameSet) => renameSet !== undefined && filterSets.some(_ref => {
       var {
         id
       } = _ref;
       return id === renameSet.id;
     })));
-
     this.handleSettingsCancel = this.handleSettingsCancel.bind(this);
     this.handleSettingsClick = this.handleSettingsClick.bind(this);
     this.handleSettingsSave = this.handleSettingsSave.bind(this);
@@ -74,19 +63,16 @@ class FilterSetManager extends Component {
       restoreFullState: false
     };
   }
-
   componentDidMount() {
     var {
       isValueShown
     } = this.props;
-
     if (isValueShown) {
       this.updateSelectedId();
     } else {
       this.initSettingsScreen();
     }
   }
-
   componentDidUpdate(prevProps, prevState) {
     var {
       isValueShown,
@@ -95,22 +81,18 @@ class FilterSetManager extends Component {
     var {
       modifiedFilterSets
     } = this.state;
-
     if (prevProps.isValueShown && !isValueShown) {
       this.initSettingsScreen();
     }
-
     if (this.isNameInputScreen() && !this.isNameInputScreen(prevState)) {
       this.focusRenameInput();
     }
-
     if (filterSets !== prevProps.filterSets) {
       if (!isValueShown && filterSets.length > 0 && prevProps.filterSets.length === 0 && modifiedFilterSets.length === 0) {
         // Filter set added from another panel, flip from the settings side/initial screen to the value side
         var {
           onChange: _onChange
         } = this.props;
-
         _onChange({
           isValueShown: true,
           selectedId: filterSets[0].id
@@ -120,7 +102,6 @@ class FilterSetManager extends Component {
       }
     }
   }
-
   initSettingsScreen() {
     var {
       filterSets,
@@ -131,9 +112,9 @@ class FilterSetManager extends Component {
       modifiedFilterSets: [...filterSets],
       editId: selectedId
     });
-  } // Update selected id without applying the new set on filterSets change
-
+  }
 
+  // Update selected id without applying the new set on filterSets change
   updateSelectedId() {
     var {
       isValueShown,
@@ -142,11 +123,9 @@ class FilterSetManager extends Component {
       onChange
     } = this.props;
     log.debug('updateSelectedId', filterSets, selectedId);
-
     if (!isValueShown) {
       return;
     }
-
     if (!filterSets.some(_ref2 => {
       var {
         id
@@ -162,7 +141,6 @@ class FilterSetManager extends Component {
       });
     }
   }
-
   handleEditDropdownChange(event) {
     var {
       value: editId
@@ -171,7 +149,6 @@ class FilterSetManager extends Component {
       editId
     });
   }
-
   handleFilterChange(event) {
     var {
       value: selectedId
@@ -186,14 +163,12 @@ class FilterSetManager extends Component {
       selectedId
     });
   }
-
   handleFilterApply() {
     var {
       selectedId
     } = this.props;
     this.applyFilterSet(selectedId);
   }
-
   handleSettingsCancel() {
     var {
       onChange,
@@ -202,9 +177,9 @@ class FilterSetManager extends Component {
     } = this.props;
     this.setState({
       modifiedFilterSets: []
-    }); // Flip the card to the filter set selection screen if the sets list isn't empty
+    });
+    // Flip the card to the filter set selection screen if the sets list isn't empty
     // Otherwise show the initial screen
-
     if (filterSets.length > 0) {
       onChange({
         isValueShown: true,
@@ -212,7 +187,6 @@ class FilterSetManager extends Component {
       });
     }
   }
-
   handleSettingsSave() {
     var {
       onChange,
@@ -226,8 +200,8 @@ class FilterSetManager extends Component {
       modifiedFilterSets: []
     });
     log.debug('Update sets', modifiedFilterSets, editId);
-    onUpdateSets(modifiedFilterSets); // Don't flip the card to the filter set selection screen if the updated sets list is empty
-
+    onUpdateSets(modifiedFilterSets);
+    // Don't flip the card to the filter set selection screen if the updated sets list is empty
     if (modifiedFilterSets.length > 0) {
       onChange({
         isValueShown: true,
@@ -235,7 +209,6 @@ class FilterSetManager extends Component {
       });
     }
   }
-
   handleCaptureNewSet() {
     var {
       getFilterState
@@ -255,33 +228,27 @@ class FilterSetManager extends Component {
       renameSet
     });
   }
-
   handleRenameCancel() {
     this.setState({
       renameSet: undefined
     });
   }
-
   handleRestoreFullStateChange(event) {
     this.setState({
       restoreFullState: event.target.value === 'true'
     });
   }
-
   getNameError(nameInputValue) {
     var _nameInputValue$trim;
-
     var {
       renameSet,
       modifiedFilterSets
     } = this.state;
     var trimmedName = (_nameInputValue$trim = nameInputValue === null || nameInputValue === void 0 ? void 0 : nameInputValue.trim()) !== null && _nameInputValue$trim !== void 0 ? _nameInputValue$trim : '';
-
     if (trimmedName.length === 0) {
       log.debug('Name cannot be empty', trimmedName);
       return 'Name cannot be empty';
     }
-
     if (renameSet !== undefined && modifiedFilterSets.some(_ref3 => {
       var {
         title,
@@ -292,42 +259,33 @@ class FilterSetManager extends Component {
       log.debug('Set with this name already exists', trimmedName);
       return 'Set with this name already exists';
     }
-
     return undefined;
   }
-
   handleRenameConfirm() {
     var _nameInputValue$trim2;
-
     var {
       nameInputValue,
       renameSet,
       modifiedFilterSets,
       restoreFullState
     } = this.state;
-
     if (renameSet === undefined) {
       log.error('Renamed set undefined.');
       return;
     }
-
     var nameInputError = this.getNameError(nameInputValue);
     log.debug('handleRenameConfirm', nameInputValue, nameInputError);
-
     if (nameInputError !== undefined) {
       this.setState({
         nameInputError
       });
       return;
     }
-
     var trimmedName = (_nameInputValue$trim2 = nameInputValue === null || nameInputValue === void 0 ? void 0 : nameInputValue.trim()) !== null && _nameInputValue$trim2 !== void 0 ? _nameInputValue$trim2 : '';
-
     var namedFilterSet = _objectSpread(_objectSpread({}, renameSet), {}, {
       title: trimmedName,
       restoreFullState
     });
-
     var selectedIndex = modifiedFilterSets.findIndex(_ref4 => {
       var {
         id
@@ -335,7 +293,6 @@ class FilterSetManager extends Component {
       return id === renameSet.id;
     });
     var updatedModifiedFilterSets = [...modifiedFilterSets];
-
     if (selectedIndex >= 0) {
       updatedModifiedFilterSets[selectedIndex] = namedFilterSet;
       log.debug('Renamed existing set', updatedModifiedFilterSets);
@@ -343,14 +300,12 @@ class FilterSetManager extends Component {
       updatedModifiedFilterSets.push(namedFilterSet);
       log.debug('Added new set to modified sets', updatedModifiedFilterSets);
     }
-
     this.setState({
       editId: namedFilterSet.id,
       modifiedFilterSets: updatedModifiedFilterSets,
       renameSet: undefined
     });
   }
-
   handleSetDelete() {
     this.setState(state => {
       var {
@@ -363,12 +318,10 @@ class FilterSetManager extends Component {
         } = _ref5;
         return id === editId;
       });
-
       if (selectedIndex < 0) {
         log.error('Unable to find selected filterSet index', prevFilterSets, editId);
         return null;
       }
-
       var modifiedFilterSets = prevFilterSets.filter(_ref6 => {
         var {
           id
@@ -385,7 +338,6 @@ class FilterSetManager extends Component {
       };
     });
   }
-
   handleSetUpdate() {
     var {
       getFilterState
@@ -397,12 +349,10 @@ class FilterSetManager extends Component {
         modifiedFilterSets: prevFilterSets,
         editId
       } = _ref7;
-
       if (editId === undefined) {
         log.error('Filter for update not selected.');
         return null;
       }
-
       var modifiedFilterSets = [...prevFilterSets];
       var selectedSetIndex = modifiedFilterSets.findIndex(_ref8 => {
         var {
@@ -410,13 +360,11 @@ class FilterSetManager extends Component {
         } = _ref8;
         return id === editId;
       });
-
       if (selectedSetIndex < 0) {
         log.error('Selected set for update not found.');
         return null;
-      } // Clone selected set to avoid mutation of the props
-
-
+      }
+      // Clone selected set to avoid mutation of the props
       modifiedFilterSets[selectedSetIndex] = _objectSpread(_objectSpread({}, modifiedFilterSets[selectedSetIndex]), {}, {
         panels
       });
@@ -426,7 +374,6 @@ class FilterSetManager extends Component {
       };
     });
   }
-
   handleSetEdit() {
     this.setState(_ref9 => {
       var {
@@ -439,12 +386,10 @@ class FilterSetManager extends Component {
         } = _ref10;
         return id === editId;
       });
-
       if (selectedSet === undefined) {
         log.error('Could not find selected set', editId, modifiedFilterSets);
         return null;
       }
-
       var {
         title,
         restoreFullState = false
@@ -457,7 +402,6 @@ class FilterSetManager extends Component {
       };
     });
   }
-
   handleSettingsClick(event) {
     event.stopPropagation();
     var {
@@ -469,15 +413,13 @@ class FilterSetManager extends Component {
       selectedId
     });
   }
-
   handleBackgroundClick(event) {
-    log.debug('handleBackgroundClick'); // allow clicking anywhere in the background to select and focus the input
-
+    log.debug('handleBackgroundClick');
+    // allow clicking anywhere in the background to select and focus the input
     if (event.target !== this.dropdownRef.current) {
       this.focusInput();
     }
   }
-
   handleNameInputChange(event) {
     var {
       value: nameInputValue
@@ -488,18 +430,15 @@ class FilterSetManager extends Component {
       nameInputError
     });
   }
-
   handleNameInputKeyPress(event) {
     var {
       key
     } = event;
-
     if (key === 'Enter') {
       event.preventDefault();
       this.handleRenameConfirm();
     }
   }
-
   isNameInputScreen() {
     var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state;
     var {
@@ -507,46 +446,36 @@ class FilterSetManager extends Component {
     } = state;
     return renameSet !== undefined;
   }
-
   applyFilterSet(selectedId) {
     var {
       onApply,
       filterSets
     } = this.props;
-
     if (selectedId === undefined) {
       log.debug('No filter selected');
       return;
     }
-
     var filterSet = filterSets.find(_ref11 => {
       var {
         id
       } = _ref11;
       return id === selectedId;
     });
-
     if (filterSet === undefined) {
       log.debug('Selected id not found in filterSets', selectedId, filterSets);
       return;
     }
-
     log.debug('Apply filterSet', filterSet);
     onApply(filterSet);
   }
-
   focusInput() {
     var _this$dropdownRef$cur;
-
     (_this$dropdownRef$cur = this.dropdownRef.current) === null || _this$dropdownRef$cur === void 0 ? void 0 : _this$dropdownRef$cur.focus();
   }
-
   focusRenameInput() {
     var _this$renameInputRef$;
-
     (_this$renameInputRef$ = this.renameInputRef.current) === null || _this$renameInputRef$ === void 0 ? void 0 : _this$renameInputRef$.focus();
   }
-
   render() {
     var {
       nameInputValue,
@@ -706,7 +635,7 @@ class FilterSetManager extends Component {
       className: "filter-set-manager-value-card fill-parent-absolute",
       key: "back",
       onClick: this.handleBackgroundClick
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "filter-set-manager-column"
     }, /*#__PURE__*/React.createElement("div", {
       className: "filter-set-manager-column-title"
@@ -751,10 +680,8 @@ class FilterSetManager extends Component {
         icon: vsGear,
         transform: "grow-4"
       })
-    }))))));
+    })))));
   }
-
 }
-
 export default FilterSetManager;
 //# sourceMappingURL=FilterSetManager.js.map