@deephaven/iris-grid 1.8.1-beta.8 → 1.9.0

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

@@ -0,0 +1,235 @@
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { useDndMonitor } from '@dnd-kit/core';
+import { GridUtils } from '@deephaven/grid';
+import { ActionButton, Popper, SearchField } from '@deephaven/components';
+import { useResizeObserver } from '@deephaven/react-hooks';
+import SortableTree from "./sortable-tree/SortableTree.js";
+import "./SearchWithModal.css";
+import MemoizedSearchItem from "./SearchItem.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function SearchWithModal(_ref) {
+  var _searchRef$current3, _searchRef$current4;
+  var {
+    items,
+    onModalOpenChange,
+    onClick,
+    onDragStart,
+    setSelection
+  } = _ref;
+  var [searchValue, setSearchValue] = useState('');
+  var [isModalOpen, setIsModalOpen] = useState(false);
+  var searchRef = useRef(null);
+  var popperRef = useRef(null);
+  var handleModalOpen = useCallback(() => {
+    if (isModalOpen) {
+      return;
+    }
+    setIsModalOpen(true);
+    onModalOpenChange(true);
+  }, [onModalOpenChange, isModalOpen]);
+  var handleModalClose = useCallback(() => {
+    if (!isModalOpen) {
+      return;
+    }
+    setIsModalOpen(false);
+    onModalOpenChange(false);
+  }, [onModalOpenChange, isModalOpen]);
+  var handleInputChange = useCallback(value => {
+    // Open in case the user hit escape to close the modal then started typing
+    // without blurring the input
+    handleModalOpen();
+    setSearchValue(value);
+  }, [handleModalOpen]);
+  var handleInputBlur = useCallback(e => {
+    if (!popperRef.current || !popperRef.current.element.contains(e.relatedTarget)) {
+      handleModalClose();
+    }
+  }, [handleModalClose]);
+  var handleModalBlur = useCallback(e => {
+    var _searchRef$current;
+    var searchElement = (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.getInputElement();
+    if (!searchElement || !searchElement.contains(e.relatedTarget)) {
+      handleModalClose();
+    }
+  }, [handleModalClose]);
+  var handleDragStart = useCallback(event => {
+    onDragStart === null || onDragStart === void 0 || onDragStart(event);
+    handleModalClose();
+  }, [onDragStart, handleModalClose]);
+  useDndMonitor({
+    onDragStart: isModalOpen ? handleDragStart : undefined
+  });
+  var handleClick = useCallback((name, event) => {
+    onClick(name, event);
+    if (!event.shiftKey && !GridUtils.isModifierKeyDown(event)) {
+      handleModalClose();
+    }
+  }, [onClick, handleModalClose]);
+  var handleItemKeyDown = useCallback((name, event) => {
+    var {
+      key
+    } = event;
+    if (key === 'Enter') {
+      // Select item and close modal
+      event.preventDefault();
+      event.stopPropagation();
+      setSelection([name]);
+      handleModalClose();
+    } else if (key === 'ArrowDown') {
+      var _event$currentTarget$;
+      // Move focus to the next item
+      event.preventDefault();
+      event.stopPropagation();
+      var nextElement = (_event$currentTarget$ = event.currentTarget.parentElement) === null || _event$currentTarget$ === void 0 || (_event$currentTarget$ = _event$currentTarget$.nextElementSibling // The parent item-wrapper elements are siblings, not the tree-items
+      ) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.querySelector('.tree-item[tabindex="0"]');
+      nextElement === null || nextElement === void 0 || nextElement.scrollIntoView({
+        block: 'nearest'
+      });
+      nextElement === null || nextElement === void 0 || nextElement.focus();
+    } else if (key === 'ArrowUp') {
+      var _event$currentTarget$2;
+      // Move focus to the previous item
+      event.preventDefault();
+      event.stopPropagation();
+      var prevElement = (_event$currentTarget$2 = event.currentTarget.parentElement) === null || _event$currentTarget$2 === void 0 || (_event$currentTarget$2 = _event$currentTarget$2.previousElementSibling // The parent item-wrapper elements are siblings, not the tree-items
+      ) === null || _event$currentTarget$2 === void 0 ? void 0 : _event$currentTarget$2.querySelector('.tree-item[tabindex="0"]');
+      if (prevElement) {
+        prevElement.scrollIntoView({
+          block: 'nearest'
+        });
+        prevElement.focus();
+      } else {
+        var _searchRef$current2;
+        (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 || (_searchRef$current2 = _searchRef$current2.getInputElement()) === null || _searchRef$current2 === void 0 || _searchRef$current2.focus();
+      }
+    }
+  }, [setSelection, handleModalClose]);
+  var renderItem = useCallback(_ref2 => {
+    var {
+      value,
+      item,
+      ref,
+      handleProps
+    } = _ref2;
+    return /*#__PURE__*/_jsx(MemoizedSearchItem, {
+      ref: ref,
+      value: value,
+      item: item,
+      onClick: handleClick,
+      onKeyDown: handleItemKeyDown,
+      handleProps: handleProps
+    }, item.id);
+  }, [handleClick, handleItemKeyDown]);
+
+  // Detect if the user resizes the panel height while the popper is open
+  useResizeObserver((_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 || (_searchRef$current3 = _searchRef$current3.getInputElement()) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.closest('.visibility-ordering-builder'), () => {
+    var _popperRef$current;
+    (_popperRef$current = popperRef.current) === null || _popperRef$current === void 0 || _popperRef$current.scheduleUpdate();
+  });
+  var filteredItems = useMemo(() => {
+    if (searchValue === '') {
+      return items;
+    }
+    var lowerSearch = searchValue.toLowerCase();
+    return items.filter(item => item.id.toLowerCase().includes(lowerSearch));
+  }, [items, searchValue]);
+  var handleSearchKeyDown = useCallback(
+  // Close on escape with empty search.
+  // If there is a search value, let the input handle the escape to clear the search.
+  e => {
+    if (e.key === 'Escape' && searchValue === '') {
+      handleModalClose();
+    }
+    if (e.key === 'Enter' && filteredItems.length > 0) {
+      e.preventDefault();
+      // Select the first item in the list
+      var firstItem = filteredItems[0];
+      setSelection([firstItem.id]);
+      handleModalClose();
+    }
+    if (e.key === 'ArrowDown' && filteredItems.length > 0) {
+      var _popperRef$current2;
+      e.preventDefault();
+      // Focus the first item in the list
+      var item = (_popperRef$current2 = popperRef.current) === null || _popperRef$current2 === void 0 ? void 0 : _popperRef$current2.element.querySelector('.tree-item[tabindex="0"]');
+      item === null || item === void 0 || item.focus();
+    }
+  }, [setSelection, filteredItems, handleModalClose, searchValue]);
+  var handleSelectMatching = useCallback(() => {
+    var matchingNames = filteredItems.map(item => item.id);
+    setSelection(matchingNames);
+    handleModalClose();
+  }, [filteredItems, setSelection, handleModalClose]);
+  var hasMultipleSelection = useMemo(() => {
+    var foundOne = false;
+    return filteredItems.some(item => {
+      if (item.selected) {
+        if (foundOne) {
+          return true;
+        }
+        foundOne = true;
+      }
+      return false;
+    });
+  }, [filteredItems]);
+  var hasMultipleMatches = searchValue !== '' && filteredItems.length > 1;
+  var showFooterButtons = hasMultipleSelection || hasMultipleMatches;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(SearchField, {
+      "aria-label": "Search columns",
+      ref: searchRef,
+      value: searchValue,
+      onChange: handleInputChange,
+      onFocus: handleModalOpen,
+      onBlur: handleInputBlur,
+      onKeyDown: handleSearchKeyDown
+    }), /*#__PURE__*/_jsx(Popper, {
+      ref: popperRef,
+      isShown: isModalOpen,
+      interactive: true,
+      keepInParent: true,
+      onBlur: handleModalBlur,
+      onExited: handleModalClose // May exit due to escape which does not trigger blur
+      ,
+      options: {
+        placement: 'bottom-end',
+        modifiers: {
+          preventOverflow: {
+            priority: ['top']
+          },
+          flip: {
+            enabled: false
+          }
+        }
+      },
+      referenceObject: (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.getInputElement(),
+      className: "visibility-search-list",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "visibility-search-list-inner",
+        children: filteredItems.length === 0 ? /*#__PURE__*/_jsx("div", {
+          className: "no-results",
+          children: "No matching columns"
+        }) : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(SortableTree, {
+            items: filteredItems,
+            withDepthMarkers: false,
+            renderItem: renderItem
+          }), showFooterButtons && /*#__PURE__*/_jsxs("div", {
+            className: "footer-buttons",
+            children: [hasMultipleSelection && /*#__PURE__*/_jsx(ActionButton, {
+              isQuiet: true,
+              onPress: handleModalClose,
+              children: "Select Group"
+            }), hasMultipleMatches && /*#__PURE__*/_jsx(ActionButton, {
+              isQuiet: true,
+              onPress: handleSelectMatching,
+              children: "Select Matching"
+            })]
+          })]
+        })
+      })
+    })]
+  });
+}
+export default SearchWithModal;
+//# sourceMappingURL=SearchWithModal.js.map

package/dist/sidebar/visibility-ordering-builder/SearchWithModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchWithModal.js","names":["React","useCallback","useMemo","useRef","useState","useDndMonitor","GridUtils","ActionButton","Popper","SearchField","useResizeObserver","SortableTree","MemoizedSearchItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SearchWithModal","_ref","_searchRef$current3","_searchRef$current4","items","onModalOpenChange","onClick","onDragStart","setSelection","searchValue","setSearchValue","isModalOpen","setIsModalOpen","searchRef","popperRef","handleModalOpen","handleModalClose","handleInputChange","value","handleInputBlur","e","current","element","contains","relatedTarget","handleModalBlur","_searchRef$current","searchElement","getInputElement","handleDragStart","event","undefined","handleClick","name","shiftKey","isModifierKeyDown","handleItemKeyDown","key","preventDefault","stopPropagation","_event$currentTarget$","nextElement","currentTarget","parentElement","nextElementSibling","querySelector","scrollIntoView","block","focus","_event$currentTarget$2","prevElement","previousElementSibling","_searchRef$current2","renderItem","_ref2","item","ref","handleProps","onKeyDown","id","closest","_popperRef$current","scheduleUpdate","filteredItems","lowerSearch","toLowerCase","filter","includes","handleSearchKeyDown","length","firstItem","_popperRef$current2","handleSelectMatching","matchingNames","map","hasMultipleSelection","foundOne","some","selected","hasMultipleMatches","showFooterButtons","children","onChange","onFocus","onBlur","isShown","interactive","keepInParent","onExited","options","placement","modifiers","preventOverflow","priority","flip","enabled","referenceObject","className","withDepthMarkers","isQuiet","onPress"],"sources":["../../../src/sidebar/visibility-ordering-builder/SearchWithModal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { type DragStartEvent, useDndMonitor } from '@dnd-kit/core';\nimport type { TextFieldRef } from '@react-types/textfield';\nimport { GridUtils } from '@deephaven/grid';\nimport { ActionButton, Popper, SearchField } from '@deephaven/components';\nimport { useResizeObserver } from '@deephaven/react-hooks';\nimport SortableTree from './sortable-tree/SortableTree';\nimport { type TreeItemRenderFnProps } from './sortable-tree/TreeItem';\nimport type {\n  IrisGridTreeItemData,\n  FlattenedIrisGridTreeItem,\n} from './sortable-tree/utilities';\nimport './SearchWithModal.scss';\nimport MemoizedSearchItem from './SearchItem';\n\ninterface SearchWithModalProps {\n  items: FlattenedIrisGridTreeItem[];\n  onModalOpenChange: (isOpen: boolean) => void;\n  onClick: (name: string, event: React.MouseEvent<HTMLElement>) => void;\n  onDragStart?: (event: DragStartEvent) => void;\n  setSelection: (columnNames: string[]) => void;\n}\n\nexport function SearchWithModal({\n  items,\n  onModalOpenChange,\n  onClick,\n  onDragStart,\n  setSelection,\n}: SearchWithModalProps): JSX.Element {\n  const [searchValue, setSearchValue] = useState('');\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const searchRef = useRef<TextFieldRef>(null);\n  const popperRef = useRef<Popper>(null);\n\n  const handleModalOpen = useCallback(() => {\n    if (isModalOpen) {\n      return;\n    }\n    setIsModalOpen(true);\n    onModalOpenChange(true);\n  }, [onModalOpenChange, isModalOpen]);\n\n  const handleModalClose = useCallback(() => {\n    if (!isModalOpen) {\n      return;\n    }\n    setIsModalOpen(false);\n    onModalOpenChange(false);\n  }, [onModalOpenChange, isModalOpen]);\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      // Open in case the user hit escape to close the modal then started typing\n      // without blurring the input\n      handleModalOpen();\n      setSearchValue(value);\n    },\n    [handleModalOpen]\n  );\n\n  const handleInputBlur = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      if (\n        !popperRef.current ||\n        !popperRef.current.element.contains(e.relatedTarget as Node)\n      ) {\n        handleModalClose();\n      }\n    },\n    [handleModalClose]\n  );\n\n  const handleModalBlur = useCallback(\n    (e: React.FocusEvent) => {\n      const searchElement = searchRef.current?.getInputElement();\n      if (!searchElement || !searchElement.contains(e.relatedTarget as Node)) {\n        handleModalClose();\n      }\n    },\n    [handleModalClose]\n  );\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      onDragStart?.(event);\n      handleModalClose();\n    },\n    [onDragStart, handleModalClose]\n  );\n\n  useDndMonitor({\n    onDragStart: isModalOpen ? handleDragStart : undefined,\n  });\n\n  const handleClick = useCallback(\n    (name: string, event: React.MouseEvent<HTMLElement>) => {\n      onClick(name, event);\n      if (!event.shiftKey && !GridUtils.isModifierKeyDown(event)) {\n        handleModalClose();\n      }\n    },\n    [onClick, handleModalClose]\n  );\n\n  const handleItemKeyDown = useCallback(\n    (name: string, event: React.KeyboardEvent<HTMLElement>) => {\n      const { key } = event;\n      if (key === 'Enter') {\n        // Select item and close modal\n        event.preventDefault();\n        event.stopPropagation();\n        setSelection([name]);\n        handleModalClose();\n      } else if (key === 'ArrowDown') {\n        // Move focus to the next item\n        event.preventDefault();\n        event.stopPropagation();\n        const nextElement = (\n          event.currentTarget.parentElement as HTMLElement | null\n        )?.nextElementSibling // The parent item-wrapper elements are siblings, not the tree-items\n          ?.querySelector('.tree-item[tabindex=\"0\"]') as HTMLElement | null;\n        nextElement?.scrollIntoView({ block: 'nearest' });\n        nextElement?.focus();\n      } else if (key === 'ArrowUp') {\n        // Move focus to the previous item\n        event.preventDefault();\n        event.stopPropagation();\n        const prevElement = (\n          event.currentTarget.parentElement as HTMLElement | null\n        )?.previousElementSibling // The parent item-wrapper elements are siblings, not the tree-items\n          ?.querySelector('.tree-item[tabindex=\"0\"]') as HTMLElement | null;\n        if (prevElement) {\n          prevElement.scrollIntoView({ block: 'nearest' });\n          prevElement.focus();\n        } else {\n          searchRef.current?.getInputElement()?.focus();\n        }\n      }\n    },\n    [setSelection, handleModalClose]\n  );\n\n  const renderItem = useCallback(\n    ({\n      value,\n      item,\n      ref,\n      handleProps,\n    }: TreeItemRenderFnProps<IrisGridTreeItemData>): JSX.Element => (\n      <MemoizedSearchItem\n        key={item.id}\n        ref={ref}\n        value={value}\n        item={item}\n        onClick={handleClick}\n        onKeyDown={handleItemKeyDown}\n        handleProps={handleProps}\n      />\n    ),\n    [handleClick, handleItemKeyDown]\n  );\n\n  // Detect if the user resizes the panel height while the popper is open\n  useResizeObserver(\n    searchRef.current\n      ?.getInputElement()\n      ?.closest('.visibility-ordering-builder'),\n    () => {\n      popperRef.current?.scheduleUpdate();\n    }\n  );\n\n  const filteredItems = useMemo(() => {\n    if (searchValue === '') {\n      return items;\n    }\n    const lowerSearch = searchValue.toLowerCase();\n    return items.filter(item => item.id.toLowerCase().includes(lowerSearch));\n  }, [items, searchValue]);\n\n  const handleSearchKeyDown = useCallback(\n    // Close on escape with empty search.\n    // If there is a search value, let the input handle the escape to clear the search.\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape' && searchValue === '') {\n        handleModalClose();\n      }\n\n      if (e.key === 'Enter' && filteredItems.length > 0) {\n        e.preventDefault();\n        // Select the first item in the list\n        const firstItem = filteredItems[0];\n        setSelection([firstItem.id]);\n        handleModalClose();\n      }\n\n      if (e.key === 'ArrowDown' && filteredItems.length > 0) {\n        e.preventDefault();\n        // Focus the first item in the list\n        const item = popperRef.current?.element.querySelector(\n          '.tree-item[tabindex=\"0\"]'\n        ) as HTMLElement | null;\n        item?.focus();\n      }\n    },\n    [setSelection, filteredItems, handleModalClose, searchValue]\n  );\n\n  const handleSelectMatching = useCallback(() => {\n    const matchingNames = filteredItems.map(item => item.id);\n    setSelection(matchingNames);\n    handleModalClose();\n  }, [filteredItems, setSelection, handleModalClose]);\n\n  const hasMultipleSelection = useMemo(() => {\n    let foundOne = false;\n    return filteredItems.some(item => {\n      if (item.selected) {\n        if (foundOne) {\n          return true;\n        }\n        foundOne = true;\n      }\n      return false;\n    });\n  }, [filteredItems]);\n\n  const hasMultipleMatches = searchValue !== '' && filteredItems.length > 1;\n  const showFooterButtons = hasMultipleSelection || hasMultipleMatches;\n\n  return (\n    <>\n      <SearchField\n        aria-label=\"Search columns\"\n        ref={searchRef}\n        value={searchValue}\n        onChange={handleInputChange}\n        onFocus={handleModalOpen}\n        onBlur={handleInputBlur}\n        onKeyDown={handleSearchKeyDown}\n      />\n      <Popper\n        ref={popperRef}\n        isShown={isModalOpen}\n        interactive\n        keepInParent\n        onBlur={handleModalBlur}\n        onExited={handleModalClose} // May exit due to escape which does not trigger blur\n        options={{\n          placement: 'bottom-end',\n          modifiers: {\n            preventOverflow: {\n              priority: ['top'],\n            },\n            flip: {\n              enabled: false,\n            },\n          },\n        }}\n        referenceObject={searchRef.current?.getInputElement()}\n        className=\"visibility-search-list\"\n      >\n        <div className=\"visibility-search-list-inner\">\n          {filteredItems.length === 0 ? (\n            <div className=\"no-results\">No matching columns</div>\n          ) : (\n            <>\n              <SortableTree\n                items={filteredItems}\n                withDepthMarkers={false}\n                renderItem={renderItem}\n              />\n              {showFooterButtons && (\n                <div className=\"footer-buttons\">\n                  {hasMultipleSelection && (\n                    <ActionButton isQuiet onPress={handleModalClose}>\n                      Select Group\n                    </ActionButton>\n                  )}\n                  {hasMultipleMatches && (\n                    <ActionButton isQuiet onPress={handleSelectMatching}>\n                      Select Matching\n                    </ActionButton>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </Popper>\n    </>\n  );\n}\n\nexport default SearchWithModal;\n"],"mappings":"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","ignoreList":[]}

package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.d.ts

@@ -1,25 +1,22 @@
-import React, { type ChangeEvent, PureComponent, type ReactElement } from 'react';
-import { type ModelIndex, type MoveOperation, type VisibleIndex } from '@deephaven/grid';
+import React, { PureComponent, type ReactElement } from 'react';
+import { type ModelIndex, type MoveOperation } from '@deephaven/grid';
 import type { dh } from '@deephaven/jsapi-types';
 import memoize from 'memoizee';
+import { type DragStartEvent } from '@dnd-kit/core';
 import type { Key } from '@react-types/shared';
 import './VisibilityOrderingBuilder.scss';
 import { type DisplayColumn } from '../../IrisGridModel';
 import type IrisGridModel from '../../IrisGridModel';
 import { type ColumnName } from '../../CommonTypes';
 import ColumnHeaderGroup from '../../ColumnHeaderGroup';
-import { type FlattenedIrisGridTreeItem, type IrisGridTreeItem } from './sortable-tree/utilities';
-import { type TreeItemRenderFn } from './sortable-tree/TreeItem';
-interface IndexRange {
-    prevIndex: number;
-    nextIndex: number;
-}
+import { type FlattenedIrisGridTreeItem, type IrisGridTreeItem, type IrisGridTreeItemData } from './sortable-tree/utilities';
+import { type TreeItemRenderFnProps } from './sortable-tree/TreeItem';
 export interface VisibilityOrderingBuilderProps {
     model: IrisGridModel;
     movedColumns: readonly MoveOperation[];
     hiddenColumns: readonly ModelIndex[];
     columnHeaderGroups: readonly ColumnHeaderGroup[];
-    onColumnVisibilityChanged: (columns: readonly VisibleIndex[], isVisible: boolean) => void;
+    onColumnVisibilityChanged: (columns: readonly ModelIndex[], isVisible: boolean) => void;
     onReset: () => void;
     onMovedColumnsChanged: (operations: readonly MoveOperation[], cb?: () => void) => void;
     onColumnHeaderGroupChanged: (groups: readonly ColumnHeaderGroup[]) => void;
@@ -36,12 +33,16 @@ interface VisibilityOrderingBuilderInnerProps extends Omit<VisibilityOrderingBui
 }
 interface VisibilityOrderingBuilderInnerState {
     selectedColumns: Set<string>;
-    queriedColumnIndex: number | undefined;
-    queriedColumnRange: IndexRange | undefined;
-    prevQueriedColumns: Record<number, string> | undefined;
     lastSelectedColumn: string;
-    searchFilter: string;
+    isSearchModalOpen: boolean;
     showHiddenColumns: boolean;
+    /**
+     * This is used only for drag end. In React 18, it seems our rendering is causing
+     * 1 render with just the children of this component, then updating to render with the
+     * updated movedColumns prop. That is causing the drop animation to animate back to
+     * the original position of the element.
+     */
+    movedColumns: readonly MoveOperation[];
 }
 declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrderingBuilderInnerProps, VisibilityOrderingBuilderInnerState> {
     static SORTING_OPTIONS: {
@@ -60,35 +61,19 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
     componentDidUpdate(prevProps: VisibilityOrderingBuilderInnerProps): void;
     componentWillUnmount(): void;
     wrapperRef: React.RefObject<HTMLDivElement>;
-    lastFocusedItemIndex: number | null;
-    list: HTMLDivElement | null;
-    debouncedSearchColumns: import("lodash").DebouncedFunc<(searchFilter: string, updateQuery?: boolean) => void>;
-    resetVisibilityOrdering(): void;
-    resetSelection(): void;
-    handleSearchInputChange(event: ChangeEvent<HTMLInputElement>): void;
-    searchColumns(searchFilter: string, updateQuery?: boolean): void;
     /**
-     * Change the selected column to the next or previous column that matches the search criteria.
-     *
-     * queriedColumnRange stores the closes options in the case that the user clicks on an option that didn't fulfill the search criteria.
-     * On click of the forward/back button, queriedColumnIndex is updated to either the upper or lower index in queriedColumnRange
-     *
-     * queriedColumnIndex is the current index within prevQueriedColumns. Not their actual index in the tree.
-     *
-     * @param direction The direction to move the selection
+     * Used to track the last focused item index to maintain focus on updates.
+     * Cannot use name because it may change or be deleted when undoing or redoing.
      */
-    changeSelectedColumn(direction: 'forward' | 'back'): void;
+    lastFocusedItemIndex: number | null;
+    list: HTMLDivElement | null;
     /**
-     * Handles changing the queriedColumnIndex on user click.
-     *
-     * If the option clicked matches the search criteria the index is updated immediately.
-     *
-     * If the option clicked doesn't meet the search criteria, the two closest options that fulfill the criteria are stored.
-     * On click of the forward/back button the selection will change to one of those options. (Think of VS Code search functionality)
-     *
-     * @param name the name of the clicked column
+     * This is set by the search modal handlers since a column could be hidden
+     * and not displayed in the list. We need to wait until the update to scroll to it.
      */
-    adjustQueriedIndex(name: string): void;
+    scrollAndFocusColumnOnUpdate: string | null;
+    resetVisibilityOrdering(): void;
+    resetSelection(): void;
     /**
      * Moves the currently selected columns in the direction specified.
      * Does not commit any changes to any state, just gets the required modifications.
@@ -139,7 +124,19 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
      */
     getSortMoves(itemsParam: readonly IrisGridTreeItem[], option: keyof typeof VisibilityOrderingBuilderInner.SORTING_OPTIONS, movedColumns: readonly MoveOperation[]): MoveOperation[];
     handleSortColumns(option: keyof typeof VisibilityOrderingBuilderInner.SORTING_OPTIONS): void;
-    handleItemClick(name: string, event: React.MouseEvent<HTMLElement, MouseEvent>): void;
+    /**
+     * Handles clicking on an item in the visibility ordering list.
+     * Adds and removes to selection as necessary based on modifier and shift keys.
+     * Returns the columns to be added to the selection, if any.
+     *
+     * @param name The name of the column clicked
+     * @param event The click event
+     * @param showHiddenColumns If hidden columns should be included in the selection
+     * @returns The columns to be added to the selection, if any`
+     */
+    handleItemClick(name: string, event: React.MouseEvent<HTMLElement, MouseEvent>, showHiddenColumns?: boolean): string[];
+    handleSearchItemClicked(name: string, event: React.MouseEvent<HTMLElement>): void;
+    handleSearchSelect(names: string[]): void;
     /**
      * Adds columns or groups to the selected column set
      * Groups being added will add all of their children to the selection as well
@@ -159,7 +156,7 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
      * @param name Name of the column to remove
      */
     removeColumnFromSelected(name: string): void;
-    handleDragStart(id: string): void;
+    handleDragStart(id: string, event: DragStartEvent): void;
     handleDragEnd(from: FlattenedIrisGridTreeItem, to: FlattenedIrisGridTreeItem): void;
     handleGroupNameChange(group: ColumnHeaderGroup, newName: string): void;
     handleGroupColorChange: import("lodash").DebouncedFuncLeading<(group: ColumnHeaderGroup, color: string | undefined) => void>;
@@ -171,7 +168,7 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
      * @returns Error message if invalid
      */
     validateGroupName(groupName: string): string;
-    renderItem: TreeItemRenderFn<IrisGridTreeItem> & memoize.Memoized<TreeItemRenderFn<IrisGridTreeItem>>;
+    renderItem({ value, clone, item, ref, handleProps, }: TreeItemRenderFnProps<IrisGridTreeItemData>): JSX.Element;
     getMemoizedFirstMovableIndex: ((model: IrisGridModel, columns: readonly dh.Column[], movedColumns: readonly MoveOperation[]) => number | null) & memoize.Memoized<(model: IrisGridModel, columns: readonly dh.Column[], movedColumns: readonly MoveOperation[]) => number | null>;
     /**
      * Gets the first movable visible index
@@ -186,9 +183,11 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
     /**
      * Gets the tree of movable items in order. Memoized for efficiency
      * Use flattenItems(this.getTreeItems()) if a flat list is needed
+     * @param showHiddenColumns Whether to show hidden columns in the tree. Defaults to the current state value.
      * @returns The movable tree items in order
      */
-    getTreeItems(): readonly IrisGridTreeItem[];
+    getTreeItems(showHiddenColumns?: boolean): readonly IrisGridTreeItem[];
+    getSelectedItemModelIndexes(columnNames: Set<string>): ModelIndex[];
     /**
      * Gets the selected items that are movable.
      * This is any item whose parent is not also selected.
@@ -196,10 +195,11 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
      * @returns The array of items whose parents are not selected
      */
     getSelectedParentItems(): FlattenedIrisGridTreeItem[];
-    makeVisibilityOrderingList: ((columns: readonly DisplayColumn[], treeItems: readonly IrisGridTreeItem[], showHiddenColumns: boolean) => import("react/jsx-runtime").JSX.Element[]) & memoize.Memoized<(columns: readonly DisplayColumn[], treeItems: readonly IrisGridTreeItem[], showHiddenColumns: boolean) => import("react/jsx-runtime").JSX.Element[]>;
+    makeVisibilityOrderingList: ((columns: readonly DisplayColumn[], treeItems: readonly IrisGridTreeItem[], showHiddenColumns: boolean, isDraggable: boolean) => import("react/jsx-runtime").JSX.Element[]) & memoize.Memoized<(columns: readonly DisplayColumn[], treeItems: readonly IrisGridTreeItem[], showHiddenColumns: boolean, isDraggable: boolean) => import("react/jsx-runtime").JSX.Element[]>;
     renderImmovableItem: ((columnName: ColumnName) => ReactElement) & memoize.Memoized<(columnName: ColumnName) => ReactElement>;
     handleOverflowAction(key: Key): void;
     handleKeyboardShortcut(event: React.KeyboardEvent): void;
+    handleSearchModalOpenChange(isOpen: boolean): void;
     render(): ReactElement;
 }
 declare const VisibilityOrderingBuilder: React.MemoExoticComponent<(props: VisibilityOrderingBuilderProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityOrderingBuilder.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VisibilityOrderingBuilder.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.tsx"],"names":[],"mappings":"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"}