@deephaven/iris-grid 0.46.1-beta.2 → 0.46.1-beta.7

package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.js

@@ -20,6 +20,8 @@ import VisibilityOrderingItem from "./VisibilityOrderingItem.js";
 import { flattenTree, getTreeItems } from "./sortable-tree/utilities.js";
 import SortableTree from "./sortable-tree/SortableTree.js";
 import { moveItemsFromDrop, moveToGroup } from "./VisibilityOrderingBuilderUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var DEBOUNCE_SEARCH_COLUMN = 150;
 class VisibilityOrderingBuilder extends Component {
   constructor(props) {
@@ -69,7 +71,7 @@ class VisibilityOrderingBuilder extends Component {
         });
         displayString = selectedItemNames.join(', ');
       }
-      return /*#__PURE__*/React.createElement(VisibilityOrderingItem, {
+      return /*#__PURE__*/_jsx(VisibilityOrderingItem, {
         ref: ref,
         value: displayString,
         clone: clone,
@@ -141,21 +143,16 @@ class VisibilityOrderingBuilder extends Component {
         elements.push(this.renderImmovableItem(_column.name));
       }
       if (firstMovableIndex !== null && firstMovableIndex > 0) {
-        elements.push( /*#__PURE__*/React.createElement("hr", {
-          key: "top-horizontal-divider"
-        }));
+        elements.push( /*#__PURE__*/_jsx("hr", {}, "top-horizontal-divider"));
       }
-      elements.push( /*#__PURE__*/React.createElement(SortableTree, {
-        key: "movable-items",
+      elements.push( /*#__PURE__*/_jsx(SortableTree, {
         items: movableItems,
         renderItem: this.renderItem,
         onDragStart: this.handleDragStart,
         onDragEnd: this.handleDragEnd
-      }));
+      }, "movable-items"));
       if (lastMovableIndex != null && lastMovableIndex < columns.length - 1) {
-        elements.push( /*#__PURE__*/React.createElement("hr", {
-          key: "bottom-horizontal-divider"
-        }));
+        elements.push( /*#__PURE__*/_jsx("hr", {}, "bottom-horizontal-divider"));
       }
       for (var _visibleIndex2 = lastMovableIndex + 1; _visibleIndex2 < columns.length; _visibleIndex2 += 1) {
         var _modelIndex2 = GridUtils.getModelIndex(_visibleIndex2, movedColumns);
@@ -164,14 +161,16 @@ class VisibilityOrderingBuilder extends Component {
       }
       return elements;
     }));
-    _defineProperty(this, "renderImmovableItem", memoize(columnName => /*#__PURE__*/React.createElement("div", {
+    _defineProperty(this, "renderImmovableItem", memoize(columnName => /*#__PURE__*/_jsx("div", {
       className: "visibility-ordering-list-item immovable",
-      key: columnName
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "column-item"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "column-name"
-    }, columnName)))));
+      children: /*#__PURE__*/_jsx("div", {
+        className: "column-item",
+        children: /*#__PURE__*/_jsx("span", {
+          className: "column-name",
+          children: columnName
+        })
+      })
+    }, columnName)));
     this.handleSearchInputChange = this.handleSearchInputChange.bind(this);
     this.searchColumns = this.searchColumns.bind(this);
     this.handleItemClick = this.handleItemClick.bind(this);
@@ -842,112 +841,121 @@ class VisibilityOrderingBuilder extends Component {
     var allToggleText = areSomeVisible ? 'Hide All' : 'Show All';
     var selectedToggleText = areSomeVisible ? 'Hide Selected' : 'Show Selected';
     var visibilityOrderingList = this.makeVisibilityOrderingList(model.columns, treeItems);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       role: "menu",
       className: "visibility-ordering-builder",
-      tabIndex: 0
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "top-menu"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "toggle-visibility-btn",
-      onClick: () => {
-        onColumnVisibilityChanged(columnsToToggle, !areSomeVisible);
-      },
-      icon: areSomeVisible ? dhEye : dhEyeSlash,
-      tooltip: "Toggle column visibility"
-    }, !hasSelection ? allToggleText : selectedToggleText), /*#__PURE__*/React.createElement(SearchInput, {
-      className: "visibility-search",
-      value: searchFilter,
-      matchCount: searchFilter ? selectedColumns.size : undefined,
-      onChange: this.handleSearchInputChange
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "top-menu"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: vsRefresh,
-      tooltip: "Reset to default",
-      onClick: () => {
-        this.resetVisibilityOrdering();
-      }
-    }, "Reset"), /*#__PURE__*/React.createElement("span", {
-      className: "vertical-divider"
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: dhSortAlphaDown,
-      tooltip: "Sort ascending",
-      onClick: () => {
-        this.handleSortColumns(VisibilityOrderingBuilder.SORTING_OPTIONS.ASC);
-      }
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: dhSortAlphaUp,
-      tooltip: "Sort descending",
-      onClick: () => {
-        this.handleSortColumns(VisibilityOrderingBuilder.SORTING_OPTIONS.DSC);
-      }
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "vertical-divider"
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      tooltip: "Create group from selection",
-      disabled: !hasSelection,
-      onClick: this.handleGroupCreate
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "fa-layers",
-      style: {
-        marginRight: '0.75rem'
-      }
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      mask: vsSymbolStructure,
-      icon: vsCircleLargeFilled,
-      transform: "right-7 down-5 shrink-6"
-    }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: vsAdd,
-      transform: "right-8 down-6 shrink-8"
-    })), "Group"), /*#__PURE__*/React.createElement("span", {
-      className: "vertical-divider"
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: vsChevronUp,
-      tooltip: "Move selection up",
-      onClick: () => {
-        this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.UP);
-      },
-      disabled: !hasSelection
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: vsChevronDown,
-      tooltip: "Move selection down",
-      onClick: () => {
-        this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.DOWN);
-      },
-      disabled: !hasSelection
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: dhArrowToTop,
-      tooltip: "Move selection to top",
-      onClick: () => {
-        this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.TOP);
-      },
-      disabled: !hasSelection
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: dhArrowToBottom,
-      tooltip: "Move selection to bottom",
-      onClick: () => {
-        this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.BOTTOM);
-      },
-      disabled: !hasSelection
-    })), /*#__PURE__*/React.createElement("div", {
-      role: "menu",
-      className: classNames('visibility-ordering-list')
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "column-list",
-      ref: list => {
-        this.list = list;
-      }
-    }, visibilityOrderingList)));
+      tabIndex: 0,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "top-menu",
+        children: [/*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          className: "toggle-visibility-btn",
+          onClick: () => {
+            onColumnVisibilityChanged(columnsToToggle, !areSomeVisible);
+          },
+          icon: areSomeVisible ? dhEye : dhEyeSlash,
+          tooltip: "Toggle column visibility",
+          children: !hasSelection ? allToggleText : selectedToggleText
+        }), /*#__PURE__*/_jsx(SearchInput, {
+          className: "visibility-search",
+          value: searchFilter,
+          matchCount: searchFilter ? selectedColumns.size : undefined,
+          onChange: this.handleSearchInputChange
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "top-menu",
+        children: [/*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          icon: vsRefresh,
+          tooltip: "Reset to default",
+          onClick: () => {
+            this.resetVisibilityOrdering();
+          },
+          children: "Reset"
+        }), /*#__PURE__*/_jsx("span", {
+          className: "vertical-divider"
+        }), /*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          icon: dhSortAlphaDown,
+          tooltip: "Sort ascending",
+          onClick: () => {
+            this.handleSortColumns(VisibilityOrderingBuilder.SORTING_OPTIONS.ASC);
+          }
+        }), /*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          icon: dhSortAlphaUp,
+          tooltip: "Sort descending",
+          onClick: () => {
+            this.handleSortColumns(VisibilityOrderingBuilder.SORTING_OPTIONS.DSC);
+          }
+        }), /*#__PURE__*/_jsx("span", {
+          className: "vertical-divider"
+        }), /*#__PURE__*/_jsxs(Button, {
+          kind: "ghost",
+          tooltip: "Create group from selection",
+          disabled: !hasSelection,
+          onClick: this.handleGroupCreate,
+          children: [/*#__PURE__*/_jsxs("span", {
+            className: "fa-layers",
+            style: {
+              marginRight: '0.75rem'
+            },
+            children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+              mask: vsSymbolStructure,
+              icon: vsCircleLargeFilled,
+              transform: "right-7 down-5 shrink-6"
+            }), /*#__PURE__*/_jsx(FontAwesomeIcon, {
+              icon: vsAdd,
+              transform: "right-8 down-6 shrink-8"
+            })]
+          }), "Group"]
+        }), /*#__PURE__*/_jsx("span", {
+          className: "vertical-divider"
+        }), /*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          icon: vsChevronUp,
+          tooltip: "Move selection up",
+          onClick: () => {
+            this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.UP);
+          },
+          disabled: !hasSelection
+        }), /*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          icon: vsChevronDown,
+          tooltip: "Move selection down",
+          onClick: () => {
+            this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.DOWN);
+          },
+          disabled: !hasSelection
+        }), /*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          icon: dhArrowToTop,
+          tooltip: "Move selection to top",
+          onClick: () => {
+            this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.TOP);
+          },
+          disabled: !hasSelection
+        }), /*#__PURE__*/_jsx(Button, {
+          kind: "ghost",
+          icon: dhArrowToBottom,
+          tooltip: "Move selection to bottom",
+          onClick: () => {
+            this.handleMoveColumns(VisibilityOrderingBuilder.MOVE_OPTIONS.BOTTOM);
+          },
+          disabled: !hasSelection
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        role: "menu",
+        className: classNames('visibility-ordering-list'),
+        children: /*#__PURE__*/_jsx("div", {
+          className: "column-list",
+          ref: list => {
+            this.list = list;
+          },
+          children: visibilityOrderingList
+        })
+      })]
+    });
   }
 }
 _defineProperty(VisibilityOrderingBuilder, "SORTING_OPTIONS", {