@deephaven/dashboard-core-plugins 0.46.1-beta.2 → 0.46.1-beta.4

package/dist/panels/FilterSetManager.js

@@ -15,6 +15,8 @@ import { vsEdit, vsGear, vsSave, vsCircleSlash, vsTrash, vsDeviceCamera, dhRefre
 import Log from '@deephaven/log';
 import { Button, CardFlip, RadioGroup, RadioItem } from '@deephaven/components';
 import "./FilterSetManager.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('FilterSetManager');
 var NAME_INPUT_PLACEHOLDER = 'Enter name...';
 var EMPTY_LIST_PLACEHOLDER = 'No Available Filter Sets';
@@ -497,192 +499,232 @@ class FilterSetManager extends Component {
     var isEmptyEditList = modifiedFilterSets.length === 0;
     var isInitialScreen = !isNameInputScreen && isEmptyEditList && filterSets.length === 0;
     var isEditListScreen = !isNameInputScreen && !isInitialScreen;
-    var captureSetIcon = /*#__PURE__*/React.createElement("div", {
-      className: "fa-layers mr-3"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: vsCircleLargeFilled,
-      mask: vsDeviceCamera,
-      transform: "shrink-1 down-5 right-7"
-    }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: dhNewCircleLargeFilled,
-      className: "text-primary",
-      transform: "shrink-6 down-5 right-7"
-    }));
-    var updateSetIcon = /*#__PURE__*/React.createElement("div", {
-      className: "fa-layers"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: vsCircleLargeFilled,
-      mask: vsDeviceCamera,
-      transform: "shrink-1 down-5 right-7"
-    }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: vsArrowSmallUp,
-      transform: "shrink-1 down-5 right-7"
-    }));
-    return /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager fill-parent-absolute"
-    }, /*#__PURE__*/React.createElement(CardFlip, {
-      className: "w-100 h-100",
-      isFlipped: isValueShown
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-settings-card fill-parent-absolute",
-      key: "front"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-card-content"
-    }, isInitialScreen && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn btn-link no-underline",
-      onClick: this.handleCaptureNewSet,
-      icon: captureSetIcon
-    }, "Capture filter set"), /*#__PURE__*/React.createElement("div", {
-      className: "py-3  text-muted small"
-    }, "Takes a snapshot of the currently applied filters on all panels, allowing you to restore saved filter sets later.")), isNameInputScreen && /*#__PURE__*/React.createElement("div", {
-      className: "d-flex flex-column justify-content-center",
-      "data-testid": "edit-filter-set-container"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement("label", null, isRenamingExistingSet ? 'Edit set' : 'Name captured set'), /*#__PURE__*/React.createElement("div", {
-      className: "name-input-container"
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "text",
-      className: "input-set-name form-control",
-      placeholder: NAME_INPUT_PLACEHOLDER,
-      value: nameInputValue,
-      ref: this.renameInputRef,
-      onChange: this.handleNameInputChange,
-      onKeyPress: this.handleNameInputKeyPress,
-      spellCheck: "false"
-    }), /*#__PURE__*/React.createElement(Button, {
-      "data-testid": "rename-confirm-button",
-      kind: "ghost",
-      className: "btn btn-link no-underline pt-2 pb-2",
-      onClick: this.handleRenameConfirm,
-      tooltip: "Save",
-      "test-id": "button-save",
-      icon: vsSave
-    }), /*#__PURE__*/React.createElement(Button, {
-      "data-testid": "rename-cancel-button",
-      kind: "ghost",
-      className: "btn btn-link no-underline pt-2 pb-2",
-      onClick: this.handleRenameCancel,
-      tooltip: "Cancel",
-      icon: vsCircleSlash
-    })), nameInputError !== undefined && /*#__PURE__*/React.createElement("div", {
-      className: "error-message"
-    }, nameInputError)), /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement(RadioGroup, {
-      onChange: this.handleRestoreFullStateChange,
-      value: "".concat(restoreFullState)
-    }, /*#__PURE__*/React.createElement(RadioItem, {
-      value: "false"
-    }, "Restore only filters"), /*#__PURE__*/React.createElement(RadioItem, {
-      value: "true"
-    }, "Restore full table state")))), isEditListScreen && /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-settings-grid-1"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement("label", null, "Edit filter sets"), /*#__PURE__*/React.createElement("div", {
-      className: "filter-select-container"
-    }, /*#__PURE__*/React.createElement("select", {
-      "data-testid": "settings-card-filter-select",
-      ref: this.editDropdownRef,
-      value: editId !== null && editId !== void 0 ? editId : '-1',
-      className: "custom-select filter-value-select",
-      onChange: this.handleEditDropdownChange,
-      disabled: isEmptyEditList
-    }, isEmptyEditList && /*#__PURE__*/React.createElement("option", {
-      value: "-1",
-      disabled: true
-    }, EMPTY_LIST_PLACEHOLDER), modifiedFilterSets.map(_ref12 => {
-      var {
-        id,
-        title
-      } = _ref12;
-      return /*#__PURE__*/React.createElement("option", {
-        key: id,
-        value: id
-      }, title);
-    })), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      onClick: this.handleSetUpdate,
-      disabled: isEmptyEditList,
-      icon: updateSetIcon,
-      tooltip: "Update"
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      onClick: this.handleSetEdit,
-      disabled: isEmptyEditList,
-      icon: vsEdit,
-      tooltip: "Edit"
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      onClick: this.handleSetDelete,
-      disabled: isEmptyEditList,
-      icon: vsTrash,
-      tooltip: "Delete"
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn btn-link no-underline",
-      onClick: this.handleCaptureNewSet,
-      icon: captureSetIcon
-    }, "Capture new filter set")), /*#__PURE__*/React.createElement("div", {
-      className: "py-3 text-right"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "secondary",
-      onClick: this.handleSettingsCancel
-    }, "Cancel"), "\xA0", /*#__PURE__*/React.createElement(Button, {
-      kind: "primary",
-      onClick: this.handleSettingsSave
-    }, "Save"))))), /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-value-card fill-parent-absolute",
-      key: "back",
-      onClick: this.handleBackgroundClick
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-column"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-column-title"
-    }, "Filter sets")), /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-card-content"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-value-input"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "filter-select-container"
-    }, /*#__PURE__*/React.createElement("select", {
-      "data-testid": "value-card-filter-select",
-      ref: this.dropdownRef,
-      value: selectedId,
-      className: "custom-select filter-value-select",
-      onChange: this.handleFilterChange
-    }, filterSets.length === 0 && /*#__PURE__*/React.createElement("option", {
-      value: "-1",
-      disabled: true
-    }, EMPTY_LIST_PLACEHOLDER), filterSets.map(_ref13 => {
-      var {
-        id,
-        title
-      } = _ref13;
-      return /*#__PURE__*/React.createElement("option", {
-        key: id,
-        value: id
-      }, title);
-    })), /*#__PURE__*/React.createElement(Button, {
-      "data-testid": "filter-apply-button",
-      kind: "ghost",
-      onClick: this.handleFilterApply,
-      icon: dhRefresh,
-      tooltip: "Apply Filter Set"
-    })))), /*#__PURE__*/React.createElement("div", {
-      className: "filter-set-manager-menu"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn btn-link btn-link-icon m-2 px-2",
-      onClick: this.handleSettingsClick,
-      tooltip: "Settings",
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsGear,
-        transform: "grow-4"
+    var captureSetIcon = /*#__PURE__*/_jsxs("div", {
+      className: "fa-layers mr-3",
+      children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+        icon: vsCircleLargeFilled,
+        mask: vsDeviceCamera,
+        transform: "shrink-1 down-5 right-7"
+      }), /*#__PURE__*/_jsx(FontAwesomeIcon, {
+        icon: dhNewCircleLargeFilled,
+        className: "text-primary",
+        transform: "shrink-6 down-5 right-7"
+      })]
+    });
+    var updateSetIcon = /*#__PURE__*/_jsxs("div", {
+      className: "fa-layers",
+      children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+        icon: vsCircleLargeFilled,
+        mask: vsDeviceCamera,
+        transform: "shrink-1 down-5 right-7"
+      }), /*#__PURE__*/_jsx(FontAwesomeIcon, {
+        icon: vsArrowSmallUp,
+        transform: "shrink-1 down-5 right-7"
+      })]
+    });
+    return /*#__PURE__*/_jsx("div", {
+      className: "filter-set-manager fill-parent-absolute",
+      children: /*#__PURE__*/_jsxs(CardFlip, {
+        className: "w-100 h-100",
+        isFlipped: isValueShown,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "filter-set-manager-settings-card fill-parent-absolute",
+          children: /*#__PURE__*/_jsxs("div", {
+            className: "filter-set-manager-card-content",
+            children: [isInitialScreen && /*#__PURE__*/_jsxs("div", {
+              children: [/*#__PURE__*/_jsx(Button, {
+                kind: "ghost",
+                className: "btn btn-link no-underline",
+                onClick: this.handleCaptureNewSet,
+                icon: captureSetIcon,
+                children: "Capture filter set"
+              }), /*#__PURE__*/_jsx("div", {
+                className: "py-3  text-muted small",
+                children: "Takes a snapshot of the currently applied filters on all panels, allowing you to restore saved filter sets later."
+              })]
+            }), isNameInputScreen && /*#__PURE__*/_jsxs("div", {
+              className: "d-flex flex-column justify-content-center",
+              "data-testid": "edit-filter-set-container",
+              children: [/*#__PURE__*/_jsxs("div", {
+                className: "form-group",
+                children: [/*#__PURE__*/_jsx("label", {
+                  children: isRenamingExistingSet ? 'Edit set' : 'Name captured set'
+                }), /*#__PURE__*/_jsxs("div", {
+                  className: "name-input-container",
+                  children: [/*#__PURE__*/_jsx("input", {
+                    type: "text",
+                    className: "input-set-name form-control",
+                    placeholder: NAME_INPUT_PLACEHOLDER,
+                    value: nameInputValue,
+                    ref: this.renameInputRef,
+                    onChange: this.handleNameInputChange,
+                    onKeyPress: this.handleNameInputKeyPress,
+                    spellCheck: "false"
+                  }), /*#__PURE__*/_jsx(Button, {
+                    "data-testid": "rename-confirm-button",
+                    kind: "ghost",
+                    className: "btn btn-link no-underline pt-2 pb-2",
+                    onClick: this.handleRenameConfirm,
+                    tooltip: "Save",
+                    "test-id": "button-save",
+                    icon: vsSave
+                  }), /*#__PURE__*/_jsx(Button, {
+                    "data-testid": "rename-cancel-button",
+                    kind: "ghost",
+                    className: "btn btn-link no-underline pt-2 pb-2",
+                    onClick: this.handleRenameCancel,
+                    tooltip: "Cancel",
+                    icon: vsCircleSlash
+                  })]
+                }), nameInputError !== undefined && /*#__PURE__*/_jsx("div", {
+                  className: "error-message",
+                  children: nameInputError
+                })]
+              }), /*#__PURE__*/_jsx("div", {
+                className: "form-group",
+                children: /*#__PURE__*/_jsxs(RadioGroup, {
+                  onChange: this.handleRestoreFullStateChange,
+                  value: "".concat(restoreFullState),
+                  children: [/*#__PURE__*/_jsx(RadioItem, {
+                    value: "false",
+                    children: "Restore only filters"
+                  }), /*#__PURE__*/_jsx(RadioItem, {
+                    value: "true",
+                    children: "Restore full table state"
+                  })]
+                })
+              })]
+            }), isEditListScreen && /*#__PURE__*/_jsxs("div", {
+              className: "filter-set-manager-settings-grid-1",
+              children: [/*#__PURE__*/_jsxs("div", {
+                className: "form-group",
+                children: [/*#__PURE__*/_jsx("label", {
+                  children: "Edit filter sets"
+                }), /*#__PURE__*/_jsxs("div", {
+                  className: "filter-select-container",
+                  children: [/*#__PURE__*/_jsxs("select", {
+                    "data-testid": "settings-card-filter-select",
+                    ref: this.editDropdownRef,
+                    value: editId !== null && editId !== void 0 ? editId : '-1',
+                    className: "custom-select filter-value-select",
+                    onChange: this.handleEditDropdownChange,
+                    disabled: isEmptyEditList,
+                    children: [isEmptyEditList && /*#__PURE__*/_jsx("option", {
+                      value: "-1",
+                      disabled: true,
+                      children: EMPTY_LIST_PLACEHOLDER
+                    }), modifiedFilterSets.map(_ref12 => {
+                      var {
+                        id,
+                        title
+                      } = _ref12;
+                      return /*#__PURE__*/_jsx("option", {
+                        value: id,
+                        children: title
+                      }, id);
+                    })]
+                  }), /*#__PURE__*/_jsx(Button, {
+                    kind: "ghost",
+                    onClick: this.handleSetUpdate,
+                    disabled: isEmptyEditList,
+                    icon: updateSetIcon,
+                    tooltip: "Update"
+                  }), /*#__PURE__*/_jsx(Button, {
+                    kind: "ghost",
+                    onClick: this.handleSetEdit,
+                    disabled: isEmptyEditList,
+                    icon: vsEdit,
+                    tooltip: "Edit"
+                  }), /*#__PURE__*/_jsx(Button, {
+                    kind: "ghost",
+                    onClick: this.handleSetDelete,
+                    disabled: isEmptyEditList,
+                    icon: vsTrash,
+                    tooltip: "Delete"
+                  })]
+                })]
+              }), /*#__PURE__*/_jsx("div", {
+                children: /*#__PURE__*/_jsx(Button, {
+                  kind: "ghost",
+                  className: "btn btn-link no-underline",
+                  onClick: this.handleCaptureNewSet,
+                  icon: captureSetIcon,
+                  children: "Capture new filter set"
+                })
+              }), /*#__PURE__*/_jsxs("div", {
+                className: "py-3 text-right",
+                children: [/*#__PURE__*/_jsx(Button, {
+                  kind: "secondary",
+                  onClick: this.handleSettingsCancel,
+                  children: "Cancel"
+                }), "\xA0", /*#__PURE__*/_jsx(Button, {
+                  kind: "primary",
+                  onClick: this.handleSettingsSave,
+                  children: "Save"
+                })]
+              })]
+            })]
+          })
+        }, "front"), /*#__PURE__*/_jsxs("div", {
+          className: "filter-set-manager-value-card fill-parent-absolute",
+          onClick: this.handleBackgroundClick,
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "filter-set-manager-column",
+            children: /*#__PURE__*/_jsx("div", {
+              className: "filter-set-manager-column-title",
+              children: "Filter sets"
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "filter-set-manager-card-content",
+            children: /*#__PURE__*/_jsx("div", {
+              className: "filter-set-manager-value-input",
+              children: /*#__PURE__*/_jsxs("div", {
+                className: "filter-select-container",
+                children: [/*#__PURE__*/_jsxs("select", {
+                  "data-testid": "value-card-filter-select",
+                  ref: this.dropdownRef,
+                  value: selectedId,
+                  className: "custom-select filter-value-select",
+                  onChange: this.handleFilterChange,
+                  children: [filterSets.length === 0 && /*#__PURE__*/_jsx("option", {
+                    value: "-1",
+                    disabled: true,
+                    children: EMPTY_LIST_PLACEHOLDER
+                  }), filterSets.map(_ref13 => {
+                    var {
+                      id,
+                      title
+                    } = _ref13;
+                    return /*#__PURE__*/_jsx("option", {
+                      value: id,
+                      children: title
+                    }, id);
+                  })]
+                }), /*#__PURE__*/_jsx(Button, {
+                  "data-testid": "filter-apply-button",
+                  kind: "ghost",
+                  onClick: this.handleFilterApply,
+                  icon: dhRefresh,
+                  tooltip: "Apply Filter Set"
+                })]
+              })
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "filter-set-manager-menu",
+            children: /*#__PURE__*/_jsx(Button, {
+              kind: "ghost",
+              className: "btn btn-link btn-link-icon m-2 px-2",
+              onClick: this.handleSettingsClick,
+              tooltip: "Settings",
+              icon: /*#__PURE__*/_jsx(FontAwesomeIcon, {
+                icon: vsGear,
+                transform: "grow-4"
+              })
+            })
+          })]
+        }, "back")]
       })
-    })))));
+    });
   }
 }
 export default FilterSetManager;