@deephaven/iris-grid 1.9.1-beta.1 → 1.9.1-beta.2

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

@@ -1 +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":[]}
+{"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","item","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","ref","handleProps","onKeyDown","id","closest","_popperRef$current","scheduleUpdate","filteredItems","lowerSearch","toLowerCase","filter","includes","handleSearchKeyDown","length","firstItem","_popperRef$current2","handleSelectMatching","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: readonly FlattenedIrisGridTreeItem[];\n  onModalOpenChange: (isOpen: boolean) => void;\n  onClick: (\n    item: FlattenedIrisGridTreeItem,\n    event: React.MouseEvent<HTMLElement>\n  ) => void;\n  onDragStart?: (event: DragStartEvent) => void;\n  setSelection: (items: readonly FlattenedIrisGridTreeItem[]) => 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    (item: FlattenedIrisGridTreeItem, event: React.MouseEvent<HTMLElement>) => {\n      onClick(item, event);\n      if (!event.shiftKey && !GridUtils.isModifierKeyDown(event)) {\n        handleModalClose();\n      }\n    },\n    [onClick, handleModalClose]\n  );\n\n  const handleItemKeyDown = useCallback(\n    (\n      item: FlattenedIrisGridTreeItem,\n      event: React.KeyboardEvent<HTMLElement>\n    ) => {\n      const { key } = event;\n      if (key === 'Enter') {\n        // Select item and close modal\n        event.preventDefault();\n        event.stopPropagation();\n        setSelection([item]);\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]);\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    setSelection(filteredItems);\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              <div className=\"search-tree-container\">\n                <SortableTree\n                  items={filteredItems}\n                  withDepthMarkers={false}\n                  renderItem={renderItem}\n                />\n              </div>\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.css

@@ -27,6 +27,7 @@
 .visibility-ordering-builder .visibility-ordering-list {
   overflow-y: auto;
   flex-grow: 1;
+  padding: 0.25rem;
 }
 .visibility-ordering-builder .visibility-ordering-list .btn {
   height: 28px;
@@ -60,8 +61,5 @@
   margin-left: 0.25rem;
   height: 1rem;
 }
-.visibility-ordering-builder .tree-container {
-  padding: 0.25rem;
-}
 
 /*# sourceMappingURL=VisibilityOrderingBuilder.css.map */

package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;AC3LA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,cChBO;;ADmBT;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE,cCvCO;;AD0CL;EACE,aC3CG;;AD8CL;EACE;EACA;EACA,ODnCG;ECoCH;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAKN;EACE;EACA,eClEO;EDmEP,aCnEO;EDoEP;;AAGF;EACE,SCxEO","file":"VisibilityOrderingBuilder.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-text-disabled);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '@deephaven/components/scss/custom.scss';\n\n.visibility-ordering-builder {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-height: 100%;\n  outline: 0;\n\n  .top-menu {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    background-color: var(--dh-color-gray-300);\n    padding: $spacer-1 $spacer-2;\n    z-index: 2;\n  }\n\n  .toggle-visibility-btn {\n    flex-shrink: 0;\n    margin-right: $spacer-2;\n  }\n\n  .visibility-search {\n    flex-grow: 1;\n    flex-shrink: 1;\n  }\n\n  .visibility-ordering-list {\n    overflow-y: auto;\n    flex-grow: 1;\n\n    .btn {\n      height: 28px;\n    }\n\n    hr {\n      margin: $spacer-2 0;\n    }\n  }\n\n  .visibility-ordering-list-item {\n    padding-left: $spacer-1; // space for focus border\n\n    &.immovable {\n      &:first-child {\n        padding-top: $spacer-1;\n      }\n\n      .column-item {\n        user-select: none;\n        border: $input-border-width solid transparent;\n        color: $text-muted;\n        padding-left: 32px;\n        &:hover {\n          background: transparent;\n        }\n      }\n\n      .column-name {\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        padding-right: 2px;\n      }\n    }\n  }\n\n  .vertical-divider {\n    border-left: 1px solid $black;\n    padding-right: $spacer-1;\n    margin-left: $spacer-1;\n    height: 1rem;\n  }\n\n  .tree-container {\n    padding: $spacer-1;\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;AC3LA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,cChBO;;ADmBT;EACE;EACA;;AAGF;EACE;EACA;EACA,SC5BO;;AD8BP;EACE;;AAGF;EACE;;AAIJ;EACE,cCxCO;;AD2CL;EACE,aC5CG;;AD+CL;EACE;EACA;EACA,ODpCG;ECqCH;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAKN;EACE;EACA,eCnEO;EDoEP,aCpEO;EDqEP","file":"VisibilityOrderingBuilder.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-text-disabled);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '@deephaven/components/scss/custom.scss';\n\n.visibility-ordering-builder {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-height: 100%;\n  outline: 0;\n\n  .top-menu {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    background-color: var(--dh-color-gray-300);\n    padding: $spacer-1 $spacer-2;\n    z-index: 2;\n  }\n\n  .toggle-visibility-btn {\n    flex-shrink: 0;\n    margin-right: $spacer-2;\n  }\n\n  .visibility-search {\n    flex-grow: 1;\n    flex-shrink: 1;\n  }\n\n  .visibility-ordering-list {\n    overflow-y: auto;\n    flex-grow: 1;\n    padding: $spacer-1;\n\n    .btn {\n      height: 28px;\n    }\n\n    hr {\n      margin: $spacer-2 0;\n    }\n  }\n\n  .visibility-ordering-list-item {\n    padding-left: $spacer-1; // space for focus border\n\n    &.immovable {\n      &:first-child {\n        padding-top: $spacer-1;\n      }\n\n      .column-item {\n        user-select: none;\n        border: $input-border-width solid transparent;\n        color: $text-muted;\n        padding-left: 32px;\n        &:hover {\n          background: transparent;\n        }\n      }\n\n      .column-name {\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        padding-right: 2px;\n      }\n    }\n  }\n\n  .vertical-divider {\n    border-left: 1px solid $black;\n    padding-right: $spacer-1;\n    margin-left: $spacer-1;\n    height: 1rem;\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}

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

@@ -4,6 +4,7 @@ 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 { type Virtualizer } from '@tanstack/react-virtual';
 import './VisibilityOrderingBuilder.scss';
 import { type DisplayColumn } from '../../IrisGridModel';
 import type IrisGridModel from '../../IrisGridModel';
@@ -43,6 +44,10 @@ interface VisibilityOrderingBuilderInnerState {
      * the original position of the element.
      */
     movedColumns: readonly MoveOperation[];
+    /**
+     * This is used for the same reason as movedColumns above, but for dragging in/out of groups.
+     */
+    columnHeaderGroups: readonly ColumnHeaderGroup[];
 }
 declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrderingBuilderInnerProps, VisibilityOrderingBuilderInnerState> {
     static SORTING_OPTIONS: {
@@ -67,11 +72,12 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
      */
     lastFocusedItemIndex: number | null;
     list: HTMLDivElement | null;
+    virtualizerRef: React.RefObject<Virtualizer<HTMLElement, Element>>;
     /**
      * 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.
      */
-    scrollAndFocusColumnOnUpdate: string | null;
+    scrollAndFocusColumnOnUpdate: [number, string] | null;
     resetVisibilityOrdering(): void;
     resetSelection(): void;
     /**
@@ -135,8 +141,8 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
      * @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;
+    handleSearchItemClicked(item: FlattenedIrisGridTreeItem, event: React.MouseEvent<HTMLElement>): void;
+    handleSearchSelect(items: readonly FlattenedIrisGridTreeItem[]): void;
     /**
      * Adds columns or groups to the selected column set
      * Groups being added will add all of their children to the selection as well
@@ -181,12 +187,19 @@ declare class VisibilityOrderingBuilderInner extends PureComponent<VisibilityOrd
     getLastMovableIndex(): number | null;
     memoizedGetTreeItems: ((columns: readonly dh.Column[], movedColumns: readonly MoveOperation[], columnHeaderGroups: readonly ColumnHeaderGroup[], hiddenColumns: readonly ModelIndex[], selectedColumns: ReadonlySet<string>, showHiddenColumns: boolean) => readonly IrisGridTreeItem[]) & memoize.Memoized<(columns: readonly dh.Column[], movedColumns: readonly MoveOperation[], columnHeaderGroups: readonly ColumnHeaderGroup[], hiddenColumns: readonly ModelIndex[], selectedColumns: ReadonlySet<string>, showHiddenColumns: boolean) => readonly IrisGridTreeItem[]>;
     /**
-     * Gets the tree of movable items in order. Memoized for efficiency
-     * Use flattenItems(this.getTreeItems()) if a flat list is needed
+     * Gets the tree items in order. Memoized for efficiency
+     * Use this.getFlattenedTree() 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
+     * @returns The tree items in order
      */
     getTreeItems(showHiddenColumns?: boolean): readonly IrisGridTreeItem[];
+    memoizedGetFlattenedTree: ((treeItems: readonly IrisGridTreeItem[]) => readonly FlattenedIrisGridTreeItem[]) & memoize.Memoized<(treeItems: readonly IrisGridTreeItem[]) => readonly FlattenedIrisGridTreeItem[]>;
+    /**
+     * Gets the flattened tree items in order. Memoized for efficiency
+     * @param showHiddenColumns Whether to show hidden columns in the tree. Defaults to the current state value.
+     * @returns The flattened tree items in order
+     */
+    getFlattenedTree(showHiddenColumns?: boolean): readonly FlattenedIrisGridTreeItem[];
     getSelectedItemModelIndexes(columnNames: Set<string>): ModelIndex[];
     /**
      * Gets the selected items that are movable.
@@ -195,7 +208,7 @@ 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, 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[]>;
+    makeVisibilityOrderingList: ((columns: readonly DisplayColumn[], treeItems: readonly FlattenedIrisGridTreeItem[], showHiddenColumns: boolean, isDraggable: boolean) => import("react/jsx-runtime").JSX.Element[]) & memoize.Memoized<(columns: readonly DisplayColumn[], treeItems: readonly FlattenedIrisGridTreeItem[], 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;

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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"}