@deephaven/iris-grid 1.7.2-beta.1 → 1.7.2-react-18-alpha.3

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

@@ -20,8 +20,7 @@ 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEBOUNCE_SEARCH_COLUMN = 150;
 class VisibilityOrderingBuilder extends PureComponent {
   static shouldRenderColumn(column) {
@@ -159,16 +158,16 @@ class VisibilityOrderingBuilder extends PureComponent {
         }
       }
       if (firstMovableIndex !== null && firstMovableIndex > 0) {
-        elements.push( /*#__PURE__*/_jsx("hr", {}, "top-horizontal-divider"));
+        elements.push(/*#__PURE__*/_jsx("hr", {}, "top-horizontal-divider"));
       }
-      elements.push( /*#__PURE__*/_jsx(SortableTree, {
+      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__*/_jsx("hr", {}, "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);
@@ -306,7 +305,7 @@ class VisibilityOrderingBuilder extends PureComponent {
         return id.toLowerCase().includes(searchFilter.toLowerCase());
       });
       var columnItemToFocus = (_this$list = this.list) === null || _this$list === void 0 ? void 0 : _this$list.querySelectorAll('.item-wrapper')[visibleIndexToFocus];
-      columnItemToFocus === null || columnItemToFocus === void 0 ? void 0 : columnItemToFocus.scrollIntoView({
+      columnItemToFocus === null || columnItemToFocus === void 0 || columnItemToFocus.scrollIntoView({
         block: 'center'
       });
     }
@@ -357,7 +356,7 @@ class VisibilityOrderingBuilder extends PureComponent {
     this.addColumnToSelected([Object.values(prevQueriedColumns)[newQueriedColumnIndex]], false);
     var actualColumnIndex = parseInt(Object.keys(prevQueriedColumns)[newQueriedColumnIndex], 10);
     var columnItemToFocus = (_this$list2 = this.list) === null || _this$list2 === void 0 ? void 0 : _this$list2.querySelectorAll('.item-wrapper')[actualColumnIndex];
-    columnItemToFocus === null || columnItemToFocus === void 0 ? void 0 : columnItemToFocus.scrollIntoView({
+    columnItemToFocus === null || columnItemToFocus === void 0 || columnItemToFocus.scrollIntoView({
       block: 'center'
     });
     this.setState({
@@ -565,16 +564,16 @@ class VisibilityOrderingBuilder extends PureComponent {
     var scrollListAfterMove;
     if (option === VisibilityOrderingBuilder.MOVE_OPTIONS.TOP) {
       scrollListAfterMove = () => {
-        var _this$list3, _this$list3$parentEle;
-        (_this$list3 = this.list) === null || _this$list3 === void 0 ? void 0 : (_this$list3$parentEle = _this$list3.parentElement) === null || _this$list3$parentEle === void 0 ? void 0 : _this$list3$parentEle.scroll({
+        var _this$list3;
+        (_this$list3 = this.list) === null || _this$list3 === void 0 || (_this$list3 = _this$list3.parentElement) === null || _this$list3 === void 0 || _this$list3.scroll({
           top: 0
         });
       };
     }
     if (option === VisibilityOrderingBuilder.MOVE_OPTIONS.BOTTOM) {
       scrollListAfterMove = () => {
-        var _this$list4, _this$list4$parentEle;
-        (_this$list4 = this.list) === null || _this$list4 === void 0 ? void 0 : (_this$list4$parentEle = _this$list4.parentElement) === null || _this$list4$parentEle === void 0 ? void 0 : _this$list4$parentEle.scroll({
+        var _this$list4;
+        (_this$list4 = this.list) === null || _this$list4 === void 0 || (_this$list4 = _this$list4.parentElement) === null || _this$list4 === void 0 || _this$list4.scroll({
           top: this.list.parentElement.scrollHeight
         });
       };
@@ -677,10 +676,10 @@ class VisibilityOrderingBuilder extends PureComponent {
     }
     var movableItems = flattenTree(this.getTreeItems());
     if (isSelected && !isShiftKeyDown && lastSelectedColumn === name) {
-      var selectedItem = movableItems.find(_ref10 => {
+      var selectedItem = movableItems.find(_ref0 => {
         var {
           id
-        } = _ref10;
+        } = _ref0;
         return id === name;
       });
       assertNotNull(selectedItem);
@@ -721,11 +720,11 @@ class VisibilityOrderingBuilder extends PureComponent {
     // The treeItems array will always be parent -> child in the order
     // We don't need to recursively iterate because of this
     // The parent will always be added before any children for nested selections
-    flattenedItems.forEach(_ref11 => {
+    flattenedItems.forEach(_ref1 => {
       var {
         id,
         children
-      } = _ref11;
+      } = _ref1;
       if (newSelectedColumns.has(id)) {
         children.forEach(child => newSelectedColumns.add(child.id));
       }
@@ -750,17 +749,17 @@ class VisibilityOrderingBuilder extends PureComponent {
       selectedColumns
     } = this.state;
     var flattenedItems = flattenTree(this.getTreeItems());
-    var item = flattenedItems.find(_ref12 => {
+    var item = flattenedItems.find(_ref10 => {
       var {
         id
-      } = _ref12;
+      } = _ref10;
       return id === name;
     });
     assertNotNull(item);
-    var parentItem = flattenedItems.find(_ref13 => {
+    var parentItem = flattenedItems.find(_ref11 => {
       var {
         id
-      } = _ref13;
+      } = _ref11;
       return id === item.parentId;
     });
 
@@ -771,10 +770,10 @@ class VisibilityOrderingBuilder extends PureComponent {
     var _loop2 = function _loop2() {
       selectedColumns.delete(parentItem.id);
       var newParentId = parentItem.parentId;
-      parentItem = flattenedItems.find(_ref14 => {
+      parentItem = flattenedItems.find(_ref12 => {
         var {
           id
-        } = _ref14;
+        } = _ref12;
         return id === newParentId;
       });
     };
@@ -823,10 +822,10 @@ class VisibilityOrderingBuilder extends PureComponent {
     } = this.props;
     var newGroups = [...columnHeaderGroups];
     var oldName = group.name;
-    var groupIndex = newGroups.findIndex(_ref15 => {
+    var groupIndex = newGroups.findIndex(_ref13 => {
       var {
         name
-      } = _ref15;
+      } = _ref13;
       return name === oldName;
     });
     var oldGroup = newGroups[groupIndex];
@@ -835,10 +834,10 @@ class VisibilityOrderingBuilder extends PureComponent {
     var newGroup = new ColumnHeaderGroup(oldGroup);
     newGroup.name = newName;
     newGroups.splice(groupIndex, 1, newGroup);
-    var parentIndex = newGroups.findIndex(_ref16 => {
+    var parentIndex = newGroups.findIndex(_ref14 => {
       var {
         name
-      } = _ref16;
+      } = _ref14;
       return name === newGroup.parent;
     });
     if (parentIndex >= 0) {
@@ -883,19 +882,18 @@ class VisibilityOrderingBuilder extends PureComponent {
     var name = "".concat(ColumnHeaderGroup.NEW_GROUP_PREFIX, "-").concat(Date.now());
     var newGroup = new ColumnHeaderGroup({
       name,
-      children: selectedItems.map(_ref17 => {
+      children: selectedItems.map(_ref15 => {
         var {
           id
-        } = _ref17;
+        } = _ref15;
         return id;
       }),
       depth: 0,
       childIndexes: [...new Set(childIndexes)] // Remove any duplicates
     });
-
     onMovedColumnsChanged(movedColumns.concat(newMoves), () => {
-      var _this$list5, _this$list5$parentEle;
-      (_this$list5 = this.list) === null || _this$list5 === void 0 ? void 0 : (_this$list5$parentEle = _this$list5.parentElement) === null || _this$list5$parentEle === void 0 ? void 0 : _this$list5$parentEle.scroll({
+      var _this$list5;
+      (_this$list5 = this.list) === null || _this$list5 === void 0 || (_this$list5 = _this$list5.parentElement) === null || _this$list5 === void 0 || _this$list5.scroll({
         top: 0
       });
     });
@@ -919,15 +917,15 @@ class VisibilityOrderingBuilder extends PureComponent {
     if (!DbNameValidator.isValidColumnName(groupName)) {
       return 'Invalid name';
     }
-    if (columns.some(_ref18 => {
+    if (columns.some(_ref16 => {
       var {
         name
-      } = _ref18;
+      } = _ref16;
       return name === groupName;
-    }) || columnHeaderGroups.some(_ref19 => {
+    }) || columnHeaderGroups.some(_ref17 => {
       var {
         name
-      } = _ref19;
+      } = _ref17;
       return name === groupName;
     })) {
       return 'Duplicate name';
@@ -983,11 +981,11 @@ class VisibilityOrderingBuilder extends PureComponent {
       selectedColumns
     } = this.state;
     var treeItems = flattenTree(this.getTreeItems());
-    return treeItems.filter(_ref20 => {
+    return treeItems.filter(_ref18 => {
       var {
         id,
         parentId
-      } = _ref20;
+      } = _ref18;
       return (
         // All items whose parents are not selected
         selectedColumns.has(id) && !selectedColumns.has(parentId !== null && parentId !== void 0 ? parentId : '')