@deephaven/iris-grid 0.19.2-beta.0 → 0.19.2-beta.5

package/dist/sidebar/VisibilityOrderingBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityOrderingBuilder.js","names":["React","Component","classNames","GridUtils","TextUtils","assertNotNull","FontAwesomeIcon","dhEye","dhEyeSlash","dhSortAlphaDown","dhSortAlphaUp","dhArrowToTop","dhArrowToBottom","vsChevronUp","vsChevronDown","vsGripper","DragDropContext","Draggable","Droppable","memoize","debounce","SearchInput","Tooltip","Log","log","module","DEBOUNCE_SEARCH_COLUMN","VisibilityOrderingBuilder","constructor","props","searchColumns","model","columns","i","length","isColumnMovable","columnName","modelIndex","visibleIndex","isHidden","isSelected","isDragging","isDragged","columnsDragged","provided","innerRef","draggableProps","event","handleVisibilityDraggingStart","VISIBILITY_OPTIONS","SHOW","HIDE","handleMouseEnter","handleVisibilityDraggingEnd","handleItemClick","key","handleVisibilityKeyDown","stopPropagation","preventDefault","dragHandleProps","handleSearchInputChange","bind","handleOrderDraggingStart","handleOrderDraggingEnd","state","selectedColumns","lastSelectedColumns","isDraggingVisibility","visibilityDraggingOption","undefined","visibilityDraggingStartColumn","isDraggingOrder","orderDraggingColumn","searchFilter","list","componentWillUnmount","debouncedSearchColumns","cancel","resetVisibilityOrdering","onColumnVisibilityChanged","onMovedColumnsChanged","map","column","index","getColumnIndexByName","name","setState","resetSelection","target","value","movedColumns","columnsMatch","visibleIndexToFocus","forEach","toLowerCase","includes","push","Math","min","getVisibleIndex","addColumnToSelected","columnItemToFocus","querySelectorAll","scrollIntoView","block","visibilityOption","isModifierKeyDown","isShiftKeyDown","shiftKey","focus","start","document","documentElement","classList","add","draggableId","source","startIndex","parseInt","result","remove","destination","destinationIndex","selectedColumnsSortByVisibleIndex","sort","columnA","columnB","newMoves","draggingVisibleIndex","upper","lower","moveItem","columnVisibleIndex","bottomDestinationIndex","reverse","debug","targetModelIndex","userColumnWidths","draggingStartVisibleIndex","targetVisibleIndex","columnsToChangeVisibility","checkDownward","visibleIndexToCheck","modelIndexToCheck","getModelIndex","checkColumnHidden","handleMoveColumns","option","firstMovableIndex","getFirstMovableIndex","lastMovableIndex","getLastMovableIndex","sortedSelectedColumns","MOVE_OPTIONS","TOP","UP","scrollListAfterMove","columnModelIndex","scrollTop","BOTTOM","scrollHeight","DOWN","concat","handleSortColumns","movableColumns","immovableColumns","movableColumnsSorted","a","b","isAscending","SORTING_OPTIONS","ASC","aName","toUpperCase","bName","modelIndexAlphaSorted","insertIndex","modelIndexClicked","removeSelectionOnClick","currentTarget","columnsToBeAdded","removeColumnFromSelected","lastSelectedColumn","lastSelectedColumnVisibleIndex","visibleIndexToBeSelected","columnsInBetween","addToExisting","newSelectedColumns","newLastSelectedColumns","splice","findIndex","selected","pop","makeVisibilityOrderingList","elements","wasMovable","isMovable","get","renderVisibilityOrderingItem","renderImmovableItem","render","noSelection","columnsToToggle","c","filter","toggleToShow","checkAllColumnsHidden","selectedToggleText","columnItems","DSC","snapshot","draggingFromThisWith","droppableProps","placeholder","ALL","SELECTION"],"sources":["../../src/sidebar/VisibilityOrderingBuilder.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { ChangeEvent, Component, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport {\n  GridUtils,\n  ModelIndex,\n  ModelSizeMap,\n  MoveOperation,\n  VisibleIndex,\n} from '@deephaven/grid';\nimport { TextUtils, assertNotNull } from '@deephaven/utils';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  dhEye,\n  dhEyeSlash,\n  dhSortAlphaDown,\n  dhSortAlphaUp,\n  dhArrowToTop,\n  dhArrowToBottom,\n  vsChevronUp,\n  vsChevronDown,\n  vsGripper,\n} from '@deephaven/icons';\nimport {\n  DragDropContext,\n  Draggable,\n  DragStart,\n  Droppable,\n  DropResult,\n} from 'react-beautiful-dnd';\nimport memoize from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport { SearchInput, Tooltip } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport './VisibilityOrderingBuilder.scss';\nimport IrisGridModel from '../IrisGridModel';\nimport { ColumnName } from '../CommonTypes';\n\nconst log = Log.module('VisibilityOrderingBuilder');\nconst DEBOUNCE_SEARCH_COLUMN = 150;\n\ninterface VisibilityOrderingBuilderProps {\n  model: IrisGridModel;\n  movedColumns: MoveOperation[];\n  userColumnWidths: ModelSizeMap;\n  onColumnVisibilityChanged: (\n    columns: VisibleIndex[],\n    options?: VisibilityOptionType\n  ) => void;\n  onMovedColumnsChanged: (operations: MoveOperation[], cb?: () => void) => void;\n}\n\ninterface VisibilityOrderingBuilderState {\n  selectedColumns: ModelIndex[]; // model index of selected column(s)\n  lastSelectedColumns: ModelIndex[];\n  isDraggingVisibility: boolean;\n  visibilityDraggingOption?: VisibilityOptionType;\n  visibilityDraggingStartColumn: number | null;\n  isDraggingOrder: boolean;\n  orderDraggingColumn: number | null;\n  searchFilter: string;\n}\n\ntype Values<T> = T[keyof T];\n\nexport type VisibilityOptionType = Values<\n  typeof VisibilityOrderingBuilder.VISIBILITY_OPTIONS\n>;\n\nclass VisibilityOrderingBuilder extends Component<\n  VisibilityOrderingBuilderProps,\n  VisibilityOrderingBuilderState\n> {\n  static VISIBILITY_OPTIONS = { SHOW: 'SHOW', HIDE: 'HIDE' } as const;\n\n  static SORTING_OPTIONS = { DSC: 'DSC', ASC: 'ASC' };\n\n  static MOVE_OPTIONS = {\n    TOP: 'TOP',\n    BOTTOM: 'BOTTOM',\n    UP: 'UP',\n    DOWN: 'DOWN',\n  };\n\n  static COLUMN_CHANGE_OPTIONS = { ALL: 'ALL', SELECTION: 'SELECTION' };\n\n  static defaultProps = {\n    movedColumns: [],\n    onColumnVisibilityChanged: (): void => undefined,\n    onMovedColumnsChanged: (): void => undefined,\n  };\n\n  constructor(props: VisibilityOrderingBuilderProps) {\n    super(props);\n\n    this.handleSearchInputChange = this.handleSearchInputChange.bind(this);\n    this.searchColumns = this.searchColumns.bind(this);\n    this.handleOrderDraggingStart = this.handleOrderDraggingStart.bind(this);\n    this.handleOrderDraggingEnd = this.handleOrderDraggingEnd.bind(this);\n\n    this.state = {\n      selectedColumns: [], // model index of selected column(s)\n      lastSelectedColumns: [],\n      isDraggingVisibility: false,\n      visibilityDraggingOption: undefined,\n      visibilityDraggingStartColumn: null,\n      isDraggingOrder: false,\n      orderDraggingColumn: null,\n      searchFilter: '',\n    };\n\n    this.list = null;\n  }\n\n  componentWillUnmount(): void {\n    this.debouncedSearchColumns.cancel();\n  }\n\n  list: HTMLDivElement | null;\n\n  debouncedSearchColumns = debounce(this.searchColumns, DEBOUNCE_SEARCH_COLUMN);\n\n  resetVisibilityOrdering(): void {\n    const {\n      model,\n      onColumnVisibilityChanged,\n      onMovedColumnsChanged,\n    } = this.props;\n    const { columns } = model;\n\n    onColumnVisibilityChanged(\n      columns.map(column => {\n        const index = model.getColumnIndexByName(column.name);\n        assertNotNull(index);\n        return index;\n      }),\n      VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n    );\n    this.setState({\n      selectedColumns: [],\n      lastSelectedColumns: [],\n      searchFilter: '',\n    });\n    onMovedColumnsChanged([]);\n  }\n\n  resetSelection(): void {\n    const { isDraggingOrder } = this.state;\n    // don't reset selection if user is dragging column(s)\n    if (isDraggingOrder) {\n      return;\n    }\n    this.setState({ selectedColumns: [], lastSelectedColumns: [] });\n  }\n\n  handleSearchInputChange(event: ChangeEvent<HTMLInputElement>): void {\n    const searchFilter = event.target.value;\n    this.setState({ searchFilter });\n    if (!searchFilter) {\n      this.debouncedSearchColumns.cancel();\n      this.resetSelection();\n      return;\n    }\n    this.debouncedSearchColumns(searchFilter);\n  }\n\n  searchColumns(searchFilter: string): void {\n    const { model, movedColumns } = this.props;\n    const { columns } = model;\n\n    const columnsMatch = [] as number[];\n    let visibleIndexToFocus = columns.length;\n    columns.forEach((column, index) => {\n      const columnName = column.name.toLowerCase();\n      if (\n        model.isColumnMovable(index) &&\n        columnName.includes(searchFilter.toLowerCase())\n      ) {\n        columnsMatch.push(index);\n        visibleIndexToFocus = Math.min(\n          visibleIndexToFocus,\n          GridUtils.getVisibleIndex(index, movedColumns)\n        );\n      }\n    });\n    this.addColumnToSelected(columnsMatch, false);\n    if (columnsMatch.length > 0) {\n      const columnItemToFocus = this.list?.querySelectorAll('.column-item')[\n        visibleIndexToFocus\n      ];\n      columnItemToFocus?.scrollIntoView({ block: 'center' });\n    }\n  }\n\n  handleVisibilityKeyDown(\n    modelIndex: ModelIndex,\n    visibilityOption: VisibilityOptionType\n  ): void {\n    const { onColumnVisibilityChanged } = this.props;\n    onColumnVisibilityChanged([modelIndex], visibilityOption);\n  }\n\n  handleVisibilityDraggingStart(\n    modelIndex: ModelIndex,\n    visibilityOption: VisibilityOptionType,\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ): void {\n    const { onColumnVisibilityChanged, movedColumns } = this.props;\n\n    const isModifierKeyDown = GridUtils.isModifierKeyDown(event);\n    const isShiftKeyDown = event.shiftKey;\n\n    if (isModifierKeyDown || isShiftKeyDown) return;\n\n    onColumnVisibilityChanged([modelIndex], visibilityOption);\n\n    const visibleIndex = GridUtils.getVisibleIndex(modelIndex, movedColumns);\n\n    this.setState({\n      isDraggingVisibility: true,\n      visibilityDraggingOption: visibilityOption,\n      visibilityDraggingStartColumn: visibleIndex,\n    });\n\n    this.addColumnToSelected([modelIndex]);\n  }\n\n  handleVisibilityDraggingEnd(\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent> | null = null\n  ): void {\n    if (event) (event.target as HTMLButtonElement).focus();\n\n    const { isDraggingVisibility } = this.state;\n    if (isDraggingVisibility) {\n      this.setState({\n        isDraggingVisibility: false,\n        visibilityDraggingOption: undefined,\n        visibilityDraggingStartColumn: null,\n      });\n    }\n  }\n\n  handleOrderDraggingStart(start: DragStart): void {\n    document.documentElement.classList.add('drag-pointer-events-none');\n\n    const { selectedColumns } = this.state;\n    const {\n      draggableId,\n      source: { index: startIndex },\n    } = start;\n    const orderDraggingColumn = parseInt(draggableId, 10);\n\n    // we want to clear focus from any eye toggles\n    // however to maintain react-beautiful-dnd keyboard functionality the only valid\n    // focus target is the drag target itself, so we set it there instead of blurring\n    (this.list?.querySelectorAll('.column-item')[\n      startIndex\n    ] as HTMLDivElement).focus();\n\n    if (!selectedColumns.includes(orderDraggingColumn)) {\n      this.setState({\n        isDraggingOrder: true,\n        orderDraggingColumn,\n        selectedColumns: [orderDraggingColumn],\n      });\n      return;\n    }\n    this.setState({ isDraggingOrder: true, orderDraggingColumn });\n  }\n\n  handleOrderDraggingEnd(result: DropResult): void {\n    document.documentElement.classList.remove('drag-pointer-events-none');\n\n    const { movedColumns, onMovedColumnsChanged } = this.props;\n    const { selectedColumns, orderDraggingColumn } = this.state;\n\n    // reset dragging state\n    this.setState({ isDraggingOrder: false, orderDraggingColumn: null });\n\n    // if dropped outside the list, re-focus on the dragged item if necessary\n    if (!result.destination) {\n      return;\n    }\n\n    const { index: destinationIndex } = result.destination;\n\n    const selectedColumnsSortByVisibleIndex = [...selectedColumns].sort(\n      (columnA, columnB) =>\n        GridUtils.getVisibleIndex(columnA, movedColumns) -\n        GridUtils.getVisibleIndex(columnB, movedColumns)\n    );\n\n    let newMoves = [...movedColumns];\n    assertNotNull(orderDraggingColumn);\n    const draggingVisibleIndex = GridUtils.getVisibleIndex(\n      orderDraggingColumn,\n      newMoves\n    );\n    const upper: number[] = [];\n    const lower: number[] = [];\n\n    // move the dragged column to destination first,\n    newMoves = GridUtils.moveItem(\n      draggingVisibleIndex,\n      destinationIndex,\n      newMoves\n    );\n\n    // split selected columns into two parts on drop destination index: top & bottom\n    selectedColumnsSortByVisibleIndex.forEach(column => {\n      const columnVisibleIndex = GridUtils.getVisibleIndex(column, newMoves);\n      if (column === orderDraggingColumn) {\n        return;\n      }\n      if (columnVisibleIndex < destinationIndex) {\n        upper.push(column);\n      } else {\n        lower.push(column);\n      }\n    });\n\n    // for the top part, move column(s) to the destination index\n    upper.forEach(column => {\n      const visibleIndex = GridUtils.getVisibleIndex(column, newMoves);\n      newMoves = GridUtils.moveItem(visibleIndex, destinationIndex, newMoves);\n    });\n\n    // for the bottom part, in reverse order, move column(s) to the drop destination index if there's no top column(s) or the dragged column is not dropped upside\n    // otherwise, move column(s) under the dropping destination index\n    const bottomDestinationIndex =\n      upper.length > 0 || draggingVisibleIndex > destinationIndex\n        ? destinationIndex + 1\n        : destinationIndex;\n\n    lower.reverse().forEach(column => {\n      const visibleIndex = GridUtils.getVisibleIndex(column, newMoves);\n      newMoves = GridUtils.moveItem(\n        visibleIndex,\n        bottomDestinationIndex,\n        newMoves\n      );\n    });\n\n    onMovedColumnsChanged(newMoves);\n    log.debug('move column order by drag & drop', newMoves);\n  }\n\n  handleMouseEnter(\n    targetModelIndex: ModelIndex,\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ): void {\n    const {\n      onColumnVisibilityChanged,\n      movedColumns,\n      userColumnWidths,\n    } = this.props;\n    const {\n      isDraggingVisibility,\n      visibilityDraggingOption,\n      visibilityDraggingStartColumn: draggingStartVisibleIndex,\n    } = this.state;\n    const targetVisibleIndex = GridUtils.getVisibleIndex(\n      targetModelIndex,\n      movedColumns\n    );\n    const isModifierKeyDown = GridUtils.isModifierKeyDown(event);\n    const isShiftKeyDown = event.shiftKey;\n\n    if (!isDraggingVisibility || isModifierKeyDown || isShiftKeyDown) {\n      return;\n    }\n\n    (event.target as HTMLButtonElement).focus();\n\n    // browser can skip mouseEnter / mouseMove event if user moves the mouse too fast\n    // try to check columns between dragging start index to current index to compensate missing event,\n    const columnsToChangeVisibility = [targetModelIndex];\n    assertNotNull(draggingStartVisibleIndex);\n    const checkDownward = targetVisibleIndex > draggingStartVisibleIndex;\n\n    for (\n      let visibleIndexToCheck = draggingStartVisibleIndex;\n      checkDownward\n        ? visibleIndexToCheck < targetVisibleIndex\n        : visibleIndexToCheck > targetVisibleIndex;\n      checkDownward ? (visibleIndexToCheck += 1) : (visibleIndexToCheck -= 1)\n    ) {\n      const modelIndexToCheck = GridUtils.getModelIndex(\n        visibleIndexToCheck,\n        movedColumns\n      );\n      const isHidden = GridUtils.checkColumnHidden(\n        modelIndexToCheck,\n        userColumnWidths\n      );\n      if (\n        isHidden &&\n        visibilityDraggingOption ===\n          VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n      ) {\n        columnsToChangeVisibility.push(modelIndexToCheck);\n      } else if (\n        !isHidden &&\n        visibilityDraggingOption ===\n          VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE\n      ) {\n        columnsToChangeVisibility.push(modelIndexToCheck);\n      }\n    }\n\n    this.addColumnToSelected(columnsToChangeVisibility, true);\n\n    onColumnVisibilityChanged(\n      columnsToChangeVisibility,\n      visibilityDraggingOption\n    );\n  }\n\n  handleMoveColumns(option: string): void {\n    const { movedColumns, onMovedColumnsChanged, model } = this.props;\n    const { columns } = model;\n    const { selectedColumns } = this.state;\n    if (selectedColumns.length === 0) {\n      return;\n    }\n\n    const firstMovableIndex = this.getFirstMovableIndex(model, columns);\n    const lastMovableIndex = this.getLastMovableIndex(model, columns);\n    if (firstMovableIndex == null || lastMovableIndex == null) {\n      return;\n    }\n\n    // for moving up and to the top, move column(s) in visibility index order\n    // for moving down and to the bottom, move column(s) in reverse visibility index order\n    const sortedSelectedColumns = [\n      ...selectedColumns,\n    ].sort((columnA, columnB) =>\n      option === VisibilityOrderingBuilder.MOVE_OPTIONS.TOP ||\n      option === VisibilityOrderingBuilder.MOVE_OPTIONS.UP\n        ? GridUtils.getVisibleIndex(columnA, movedColumns) -\n          GridUtils.getVisibleIndex(columnB, movedColumns)\n        : GridUtils.getVisibleIndex(columnB, movedColumns) -\n          GridUtils.getVisibleIndex(columnA, movedColumns)\n    );\n\n    let newMoves = [] as MoveOperation[];\n    let scrollListAfterMove: () => void = () => undefined;\n\n    switch (option) {\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.TOP:\n        sortedSelectedColumns.forEach((columnModelIndex, index) => {\n          const visibleIndex = GridUtils.getVisibleIndex(\n            columnModelIndex,\n            movedColumns\n          );\n          newMoves = GridUtils.moveItem(\n            visibleIndex,\n            firstMovableIndex + index,\n            newMoves\n          );\n        });\n        scrollListAfterMove = () => {\n          assertNotNull(this.list);\n          this.list.scrollTop = 0;\n        };\n        break;\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.BOTTOM:\n        sortedSelectedColumns.forEach((columnModelIndex, index) => {\n          const visibleIndex = GridUtils.getVisibleIndex(\n            columnModelIndex,\n            movedColumns\n          );\n          newMoves = GridUtils.moveItem(\n            visibleIndex,\n            lastMovableIndex - index,\n            newMoves\n          );\n        });\n        scrollListAfterMove = () => {\n          assertNotNull(this.list);\n          this.list.scrollTop = this.list.scrollHeight;\n        };\n\n        break;\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.UP:\n        if (\n          GridUtils.getVisibleIndex(sortedSelectedColumns[0], movedColumns) !==\n          firstMovableIndex // check if the first visible column has reached top\n        ) {\n          sortedSelectedColumns.forEach(columnModelIndex => {\n            const visibleIndex = GridUtils.getVisibleIndex(\n              columnModelIndex,\n              movedColumns\n            );\n            newMoves = GridUtils.moveItem(\n              visibleIndex,\n              visibleIndex - 1,\n              newMoves\n            );\n          });\n        }\n        break;\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.DOWN:\n        if (\n          GridUtils.getVisibleIndex(sortedSelectedColumns[0], movedColumns) !==\n          lastMovableIndex // check if the last visible column has reached bottom\n        ) {\n          sortedSelectedColumns.forEach(columnModelIndex => {\n            const visibleIndex = GridUtils.getVisibleIndex(\n              columnModelIndex,\n              movedColumns\n            );\n            newMoves = GridUtils.moveItem(\n              visibleIndex,\n              visibleIndex + 1,\n              newMoves\n            );\n          });\n        }\n        break;\n      default:\n        break;\n    }\n    if (newMoves.length > 0) {\n      onMovedColumnsChanged(movedColumns.concat(newMoves), scrollListAfterMove);\n    }\n  }\n\n  handleSortColumns(option: string): void {\n    const { model, onMovedColumnsChanged } = this.props;\n    const { columns } = model;\n\n    // We can't move the immovable columns when sorting, so separate them out first\n    const movableColumns = [];\n    const immovableColumns = [];\n    for (let modelIndex = 0; modelIndex < columns.length; modelIndex += 1) {\n      if (model.isColumnMovable(modelIndex)) {\n        movableColumns.push(modelIndex);\n      } else {\n        immovableColumns.push(modelIndex);\n      }\n    }\n\n    // Sort all the movable columns\n    const movableColumnsSorted = movableColumns.sort((a, b) => {\n      const isAscending =\n        option === VisibilityOrderingBuilder.SORTING_OPTIONS.ASC;\n      const aName = columns[a].name.toUpperCase();\n      const bName = columns[b].name.toUpperCase();\n      return TextUtils.sort(aName, bName, isAscending);\n    });\n\n    // Place all the immovable columns where they need to be\n    const modelIndexAlphaSorted = [];\n    for (let i = 0; i < immovableColumns.length; i += 1) {\n      const modelIndex = immovableColumns[i];\n      modelIndexAlphaSorted[modelIndex] = modelIndex;\n    }\n\n    // Then the rest of the sorted columns can be put in the empty spaces\n    let insertIndex = 0;\n    for (let i = 0; i < movableColumnsSorted.length; i += 1) {\n      while (modelIndexAlphaSorted[insertIndex] != null) {\n        insertIndex += 1;\n      }\n\n      modelIndexAlphaSorted[insertIndex] = movableColumnsSorted[i];\n    }\n\n    let newMoves = [] as MoveOperation[];\n    modelIndexAlphaSorted.forEach((modelIndex, index) => {\n      const visibleIndex = GridUtils.getVisibleIndex(modelIndex, newMoves);\n      newMoves = GridUtils.moveItem(visibleIndex, index, newMoves);\n    });\n    onMovedColumnsChanged(newMoves);\n  }\n\n  handleItemClick(\n    modelIndexClicked: ModelIndex,\n    event: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>,\n    removeSelectionOnClick = true\n  ): void {\n    event.stopPropagation();\n    event.currentTarget.focus();\n\n    const { selectedColumns, lastSelectedColumns } = this.state;\n    const isModifierKeyDown = GridUtils.isModifierKeyDown(event);\n    const isShiftKeyDown = event.shiftKey;\n    const isSelected = selectedColumns.includes(modelIndexClicked);\n    const columnsToBeAdded = [modelIndexClicked];\n\n    if (isSelected && isModifierKeyDown) {\n      this.removeColumnFromSelected(modelIndexClicked);\n      return;\n    }\n\n    if (isSelected && selectedColumns.length === 1 && removeSelectionOnClick) {\n      this.removeColumnFromSelected(modelIndexClicked);\n      return;\n    }\n\n    if (isShiftKeyDown) {\n      const { movedColumns } = this.props;\n      const lastSelectedColumn =\n        lastSelectedColumns[lastSelectedColumns.length - 1];\n      const lastSelectedColumnVisibleIndex = GridUtils.getVisibleIndex(\n        lastSelectedColumn,\n        movedColumns\n      );\n      const visibleIndexToBeSelected = GridUtils.getVisibleIndex(\n        modelIndexClicked,\n        movedColumns\n      );\n      const checkDownward =\n        visibleIndexToBeSelected > lastSelectedColumnVisibleIndex;\n      const columnsInBetween = [];\n      for (\n        let i = lastSelectedColumnVisibleIndex;\n        checkDownward\n          ? i < visibleIndexToBeSelected\n          : i > visibleIndexToBeSelected;\n        checkDownward ? (i += 1) : (i -= 1)\n      ) {\n        columnsInBetween.push(GridUtils.getModelIndex(i, movedColumns));\n      }\n      columnsInBetween.forEach(column => {\n        if (!selectedColumns.includes(column)) {\n          columnsToBeAdded.push(column);\n        }\n      });\n    }\n\n    this.addColumnToSelected(\n      columnsToBeAdded,\n      isModifierKeyDown || isShiftKeyDown\n    );\n  }\n\n  addColumnToSelected(\n    columnsToBeAdded: ModelIndex[],\n    addToExisting = false\n  ): void {\n    const { selectedColumns, lastSelectedColumns } = this.state;\n    const newSelectedColumns = addToExisting\n      ? selectedColumns.concat(columnsToBeAdded)\n      : columnsToBeAdded;\n    const newLastSelectedColumns = addToExisting\n      ? lastSelectedColumns.concat(columnsToBeAdded)\n      : columnsToBeAdded;\n\n    this.setState({\n      selectedColumns: newSelectedColumns,\n      lastSelectedColumns: newLastSelectedColumns,\n    });\n  }\n\n  removeColumnFromSelected(modelIndex: ModelIndex): void {\n    const { selectedColumns, lastSelectedColumns } = this.state;\n    const newSelectedColumns = [...selectedColumns];\n\n    newSelectedColumns.splice(\n      newSelectedColumns.findIndex(selected => selected === modelIndex),\n      1\n    );\n    const lastSelectedColumn =\n      lastSelectedColumns[lastSelectedColumns.length - 1];\n    const newLastSelectedColumns = [...lastSelectedColumns];\n    if (lastSelectedColumn === modelIndex) {\n      newLastSelectedColumns.pop();\n    }\n    this.setState({\n      selectedColumns: newSelectedColumns,\n      lastSelectedColumns: newLastSelectedColumns,\n    });\n  }\n\n  makeVisibilityOrderingList(): ReactElement[] {\n    const { model, userColumnWidths, movedColumns } = this.props;\n    const { columns } = model;\n    const {\n      selectedColumns,\n      isDraggingOrder,\n      orderDraggingColumn,\n    } = this.state;\n\n    const elements = [];\n    let wasMovable = false;\n    for (\n      let visibleIndex = 0;\n      visibleIndex < columns.length;\n      visibleIndex += 1\n    ) {\n      const modelIndex = GridUtils.getModelIndex(visibleIndex, movedColumns);\n      const column = columns[modelIndex];\n      const isMovable = model.isColumnMovable(modelIndex);\n      if (visibleIndex > 0 && isMovable !== wasMovable) {\n        elements.push(<hr />);\n      }\n      if (isMovable) {\n        const isHidden = userColumnWidths.get(modelIndex) === 0;\n        const isSelected = selectedColumns.includes(modelIndex);\n        const isDragged = orderDraggingColumn === modelIndex;\n        const columnsDragged =\n          isDraggingOrder && isDragged && selectedColumns.length > 1\n            ? selectedColumns.length\n            : null;\n        elements.push(\n          this.renderVisibilityOrderingItem(\n            column.name,\n            modelIndex,\n            visibleIndex,\n            isHidden,\n            isSelected,\n            isDraggingOrder,\n            isDragged,\n            columnsDragged\n          )\n        );\n      } else {\n        elements.push(this.renderImmovableItem(column.name));\n      }\n\n      wasMovable = isMovable;\n    }\n\n    return elements;\n  }\n\n  getFirstMovableIndex = memoize((model, columns) => {\n    for (let i = 0; i < columns.length; i += 1) {\n      if (model.isColumnMovable(i)) {\n        return i;\n      }\n    }\n\n    return null;\n  });\n\n  getLastMovableIndex = memoize((model, columns) => {\n    for (let i = columns.length - 1; i >= 0; i -= 1) {\n      if (model.isColumnMovable(i)) {\n        return i;\n      }\n    }\n\n    return null;\n  });\n\n  renderImmovableItem = memoize(\n    (columnName: ColumnName): ReactElement => (\n      <div className=\"visibility-ordering-list-item immovable\" key={columnName}>\n        <div className=\"column-item\">\n          <span className=\"column-name\">{columnName}</span>\n        </div>\n      </div>\n    )\n  );\n\n  renderVisibilityOrderingItem = memoize(\n    (\n      columnName: ColumnName,\n      modelIndex: ModelIndex,\n      visibleIndex: VisibleIndex,\n      isHidden: boolean,\n      isSelected: boolean,\n      isDragging: boolean,\n      isDragged: boolean,\n      columnsDragged\n    ) => (\n      <Draggable\n        draggableId={`${modelIndex}`} // draggableId requires string input\n        index={visibleIndex}\n        key={columnName}\n        disableInteractiveElementBlocking\n      >\n        {provided => (\n          <div\n            className=\"visibility-ordering-list-item\"\n            ref={provided.innerRef}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.draggableProps}\n          >\n            <button\n              type=\"button\"\n              className=\"visibility btn btn-link btn-link-icon\"\n              onMouseDown={event => {\n                this.handleVisibilityDraggingStart(\n                  modelIndex,\n                  isHidden\n                    ? VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n                    : VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE,\n                  event\n                );\n              }}\n              onMouseEnter={event => {\n                this.handleMouseEnter(modelIndex, event);\n              }}\n              onMouseUp={event => {\n                this.handleVisibilityDraggingEnd(event);\n              }}\n              onClick={event => {\n                this.handleItemClick(modelIndex, event, false);\n              }}\n              onKeyDown={event => {\n                // trigger on keyboard enter or space keys\n                if (event.key === 'Enter' || event.key === ' ') {\n                  this.handleVisibilityKeyDown(\n                    modelIndex,\n                    isHidden\n                      ? VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n                      : VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE\n                  );\n                  event.stopPropagation();\n                  event.preventDefault();\n                }\n              }}\n            >\n              <FontAwesomeIcon icon={isHidden ? dhEyeSlash : dhEye} />\n            </button>\n            <div\n              role=\"menuitem\"\n              tabIndex={0}\n              className={classNames(\n                'ordering column-item',\n                {\n                  isSelected,\n                },\n                { isDragging },\n                { isDragged },\n                { 'two-dragged': columnsDragged === 2 },\n                { 'multiple-dragged': columnsDragged > 2 }\n              )}\n              onClick={event => {\n                this.handleItemClick(modelIndex, event);\n              }}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.dragHandleProps}\n            >\n              <span className=\"column-name\">{columnName}</span>\n              <div>\n                {columnsDragged && (\n                  <span className=\"number-badge\">{columnsDragged}</span>\n                )}\n                <Tooltip>Drag to re-order</Tooltip>\n                <FontAwesomeIcon icon={vsGripper} />\n              </div>\n            </div>\n          </div>\n        )}\n      </Draggable>\n    )\n  );\n\n  render(): ReactElement {\n    const { model, userColumnWidths, onColumnVisibilityChanged } = this.props;\n    const { selectedColumns, searchFilter } = this.state;\n    const { columns } = model;\n    const noSelection = selectedColumns.length === 0;\n    const columnsToToggle = noSelection\n      ? columns.map((c, i) => i).filter(i => model.isColumnMovable(i))\n      : [...selectedColumns];\n    const toggleToShow = GridUtils.checkAllColumnsHidden(\n      columnsToToggle,\n      userColumnWidths\n    );\n    const selectedToggleText = toggleToShow ? 'Show Selected' : 'Hide Selected';\n\n    const columnItems = this.makeVisibilityOrderingList();\n\n    return (\n      <div\n        role=\"menu\"\n        className=\"visibility-ordering-builder\"\n        tabIndex={0}\n        onMouseUp={() => {\n          this.handleVisibilityDraggingEnd();\n        }}\n        onMouseLeave={() => {\n          this.handleVisibilityDraggingEnd();\n        }}\n      >\n        <div className=\"top-menu\">\n          <button\n            type=\"button\"\n            className=\"btn btn-link\"\n            onClick={() => {\n              onColumnVisibilityChanged(\n                columnsToToggle,\n                toggleToShow\n                  ? VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n                  : VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE\n              );\n            }}\n          >\n            <FontAwesomeIcon icon={toggleToShow ? dhEyeSlash : dhEye} />\n            <Tooltip>Toggle column visibility</Tooltip>\n            {noSelection ? 'Toggle All' : selectedToggleText}\n          </button>\n\n          <div>\n            <button\n              type=\"button\"\n              className=\"btn btn-link text-muted\"\n              onClick={() => {\n                this.resetVisibilityOrdering();\n              }}\n            >\n              Reset\n              <Tooltip>Reset to default</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleSortColumns(\n                  VisibilityOrderingBuilder.SORTING_OPTIONS.ASC\n                );\n              }}\n            >\n              <FontAwesomeIcon icon={dhSortAlphaDown} />\n              <Tooltip>Sort ascending</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleSortColumns(\n                  VisibilityOrderingBuilder.SORTING_OPTIONS.DSC\n                );\n              }}\n            >\n              <FontAwesomeIcon icon={dhSortAlphaUp} />\n              <Tooltip>Sort descending</Tooltip>\n            </button>\n            <span className=\"vertical-divider\" />\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.UP\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={vsChevronUp} />\n              <Tooltip>Move selection up</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.DOWN\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={vsChevronDown} />\n              <Tooltip>Move selection down</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.TOP\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={dhArrowToTop} />\n              <Tooltip>Move selection to top</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.BOTTOM\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={dhArrowToBottom} />\n              <Tooltip>Move selection to bottom</Tooltip>\n            </button>\n          </div>\n        </div>\n        <div className=\"top-menu\">\n          <SearchInput\n            className=\"w-100\"\n            value={searchFilter}\n            matchCount={searchFilter ? selectedColumns.length : undefined}\n            onChange={this.handleSearchInputChange}\n          />\n        </div>\n        <DragDropContext\n          onDragStart={this.handleOrderDraggingStart}\n          onDragEnd={this.handleOrderDraggingEnd}\n        >\n          <Droppable droppableId=\"droppable-visibility-order-list\">\n            {(provided, snapshot) => (\n              // eslint-disable-next-line jsx-a11y/interactive-supports-focus\n              <div\n                role=\"menu\"\n                className={classNames('visibility-ordering-list', {\n                  isDragging: snapshot.draggingFromThisWith,\n                })}\n                ref={provided.innerRef}\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                {...provided.droppableProps}\n              >\n                <div\n                  className=\"column-list\"\n                  ref={list => {\n                    this.list = list;\n                  }}\n                >\n                  {columnItems}\n                  {provided.placeholder}\n                </div>\n              </div>\n            )}\n          </Droppable>\n        </DragDropContext>\n      </div>\n    );\n  }\n}\n\nexport default VisibilityOrderingBuilder;\n"],"mappings":"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"}
+{"version":3,"file":"VisibilityOrderingBuilder.js","names":["React","Component","classNames","GridUtils","TextUtils","assertNotNull","FontAwesomeIcon","dhEye","dhEyeSlash","dhSortAlphaDown","dhSortAlphaUp","dhArrowToTop","dhArrowToBottom","vsChevronUp","vsChevronDown","vsGripper","DragDropContext","Draggable","Droppable","memoize","debounce","SearchInput","Tooltip","Log","log","module","DEBOUNCE_SEARCH_COLUMN","VisibilityOrderingBuilder","constructor","props","searchColumns","model","columns","i","length","isColumnMovable","columnName","modelIndex","visibleIndex","isHidden","isSelected","isDragging","isDragged","columnsDragged","provided","innerRef","draggableProps","event","handleVisibilityDraggingStart","VISIBILITY_OPTIONS","SHOW","HIDE","handleMouseEnter","handleVisibilityDraggingEnd","handleItemClick","key","handleVisibilityKeyDown","stopPropagation","preventDefault","dragHandleProps","handleSearchInputChange","bind","handleOrderDraggingStart","handleOrderDraggingEnd","state","selectedColumns","lastSelectedColumns","isDraggingVisibility","visibilityDraggingOption","undefined","visibilityDraggingStartColumn","isDraggingOrder","orderDraggingColumn","searchFilter","list","componentWillUnmount","debouncedSearchColumns","cancel","resetVisibilityOrdering","onColumnVisibilityChanged","onMovedColumnsChanged","map","column","index","getColumnIndexByName","name","setState","resetSelection","target","value","movedColumns","columnsMatch","visibleIndexToFocus","forEach","toLowerCase","includes","push","Math","min","getVisibleIndex","addColumnToSelected","columnItemToFocus","querySelectorAll","scrollIntoView","block","visibilityOption","isModifierKeyDown","isShiftKeyDown","shiftKey","focus","start","document","documentElement","classList","add","draggableId","source","startIndex","parseInt","result","remove","destination","destinationIndex","selectedColumnsSortByVisibleIndex","sort","columnA","columnB","newMoves","draggingVisibleIndex","upper","lower","moveItem","columnVisibleIndex","bottomDestinationIndex","reverse","debug","targetModelIndex","userColumnWidths","draggingStartVisibleIndex","targetVisibleIndex","columnsToChangeVisibility","checkDownward","visibleIndexToCheck","modelIndexToCheck","getModelIndex","checkColumnHidden","handleMoveColumns","option","firstMovableIndex","getFirstMovableIndex","lastMovableIndex","getLastMovableIndex","sortedSelectedColumns","MOVE_OPTIONS","TOP","UP","scrollListAfterMove","columnModelIndex","scrollTop","BOTTOM","scrollHeight","DOWN","concat","handleSortColumns","movableColumns","immovableColumns","movableColumnsSorted","a","b","isAscending","SORTING_OPTIONS","ASC","aName","toUpperCase","bName","modelIndexAlphaSorted","insertIndex","modelIndexClicked","removeSelectionOnClick","currentTarget","columnsToBeAdded","removeColumnFromSelected","lastSelectedColumn","lastSelectedColumnVisibleIndex","visibleIndexToBeSelected","columnsInBetween","addToExisting","newSelectedColumns","newLastSelectedColumns","splice","findIndex","selected","pop","makeVisibilityOrderingList","elements","wasMovable","isMovable","get","renderVisibilityOrderingItem","renderImmovableItem","render","noSelection","columnsToToggle","c","filter","toggleToShow","checkAllColumnsHidden","selectedToggleText","columnItems","DSC","snapshot","draggingFromThisWith","droppableProps","placeholder","ALL","SELECTION"],"sources":["../../src/sidebar/VisibilityOrderingBuilder.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { ChangeEvent, Component, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport {\n  GridUtils,\n  ModelIndex,\n  ModelSizeMap,\n  MoveOperation,\n  VisibleIndex,\n} from '@deephaven/grid';\nimport { TextUtils, assertNotNull } from '@deephaven/utils';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  dhEye,\n  dhEyeSlash,\n  dhSortAlphaDown,\n  dhSortAlphaUp,\n  dhArrowToTop,\n  dhArrowToBottom,\n  vsChevronUp,\n  vsChevronDown,\n  vsGripper,\n} from '@deephaven/icons';\nimport {\n  DragDropContext,\n  Draggable,\n  DragStart,\n  Droppable,\n  DropResult,\n} from 'react-beautiful-dnd';\nimport memoize from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport { SearchInput, Tooltip } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport './VisibilityOrderingBuilder.scss';\nimport IrisGridModel from '../IrisGridModel';\nimport { ColumnName } from '../CommonTypes';\n\nconst log = Log.module('VisibilityOrderingBuilder');\nconst DEBOUNCE_SEARCH_COLUMN = 150;\n\ninterface VisibilityOrderingBuilderProps {\n  model: IrisGridModel;\n  movedColumns: MoveOperation[];\n  userColumnWidths: ModelSizeMap;\n  onColumnVisibilityChanged: (\n    columns: VisibleIndex[],\n    options?: VisibilityOptionType\n  ) => void;\n  onMovedColumnsChanged: (operations: MoveOperation[], cb?: () => void) => void;\n}\n\ninterface VisibilityOrderingBuilderState {\n  selectedColumns: ModelIndex[]; // model index of selected column(s)\n  lastSelectedColumns: ModelIndex[];\n  isDraggingVisibility: boolean;\n  visibilityDraggingOption?: VisibilityOptionType;\n  visibilityDraggingStartColumn: number | null;\n  isDraggingOrder: boolean;\n  orderDraggingColumn: number | null;\n  searchFilter: string;\n}\n\ntype Values<T> = T[keyof T];\n\nexport type VisibilityOptionType = Values<\n  typeof VisibilityOrderingBuilder.VISIBILITY_OPTIONS\n>;\n\nclass VisibilityOrderingBuilder extends Component<\n  VisibilityOrderingBuilderProps,\n  VisibilityOrderingBuilderState\n> {\n  static VISIBILITY_OPTIONS = { SHOW: 'SHOW', HIDE: 'HIDE' } as const;\n\n  static SORTING_OPTIONS = { DSC: 'DSC', ASC: 'ASC' };\n\n  static MOVE_OPTIONS = {\n    TOP: 'TOP',\n    BOTTOM: 'BOTTOM',\n    UP: 'UP',\n    DOWN: 'DOWN',\n  };\n\n  static COLUMN_CHANGE_OPTIONS = { ALL: 'ALL', SELECTION: 'SELECTION' };\n\n  static defaultProps = {\n    movedColumns: [],\n    onColumnVisibilityChanged: (): void => undefined,\n    onMovedColumnsChanged: (): void => undefined,\n  };\n\n  constructor(props: VisibilityOrderingBuilderProps) {\n    super(props);\n\n    this.handleSearchInputChange = this.handleSearchInputChange.bind(this);\n    this.searchColumns = this.searchColumns.bind(this);\n    this.handleOrderDraggingStart = this.handleOrderDraggingStart.bind(this);\n    this.handleOrderDraggingEnd = this.handleOrderDraggingEnd.bind(this);\n\n    this.state = {\n      selectedColumns: [], // model index of selected column(s)\n      lastSelectedColumns: [],\n      isDraggingVisibility: false,\n      visibilityDraggingOption: undefined,\n      visibilityDraggingStartColumn: null,\n      isDraggingOrder: false,\n      orderDraggingColumn: null,\n      searchFilter: '',\n    };\n\n    this.list = null;\n  }\n\n  componentWillUnmount(): void {\n    this.debouncedSearchColumns.cancel();\n  }\n\n  list: HTMLDivElement | null;\n\n  debouncedSearchColumns = debounce(this.searchColumns, DEBOUNCE_SEARCH_COLUMN);\n\n  resetVisibilityOrdering(): void {\n    const {\n      model,\n      onColumnVisibilityChanged,\n      onMovedColumnsChanged,\n    } = this.props;\n    const { columns } = model;\n\n    onColumnVisibilityChanged(\n      columns.map(column => {\n        const index = model.getColumnIndexByName(column.name);\n        assertNotNull(index);\n        return index;\n      }),\n      VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n    );\n    this.setState({\n      selectedColumns: [],\n      lastSelectedColumns: [],\n      searchFilter: '',\n    });\n    onMovedColumnsChanged([]);\n  }\n\n  resetSelection(): void {\n    const { isDraggingOrder } = this.state;\n    // don't reset selection if user is dragging column(s)\n    if (isDraggingOrder) {\n      return;\n    }\n    this.setState({ selectedColumns: [], lastSelectedColumns: [] });\n  }\n\n  handleSearchInputChange(event: ChangeEvent<HTMLInputElement>): void {\n    const searchFilter = event.target.value;\n    this.setState({ searchFilter });\n    if (!searchFilter) {\n      this.debouncedSearchColumns.cancel();\n      this.resetSelection();\n      return;\n    }\n    this.debouncedSearchColumns(searchFilter);\n  }\n\n  searchColumns(searchFilter: string): void {\n    const { model, movedColumns } = this.props;\n    const { columns } = model;\n\n    const columnsMatch = [] as number[];\n    let visibleIndexToFocus = columns.length;\n    columns.forEach((column, index) => {\n      const columnName = column.name.toLowerCase();\n      if (\n        model.isColumnMovable(index) &&\n        columnName.includes(searchFilter.toLowerCase())\n      ) {\n        columnsMatch.push(index);\n        visibleIndexToFocus = Math.min(\n          visibleIndexToFocus,\n          GridUtils.getVisibleIndex(index, movedColumns)\n        );\n      }\n    });\n    this.addColumnToSelected(columnsMatch, false);\n    if (columnsMatch.length > 0) {\n      const columnItemToFocus = this.list?.querySelectorAll('.column-item')[\n        visibleIndexToFocus\n      ];\n      columnItemToFocus?.scrollIntoView({ block: 'center' });\n    }\n  }\n\n  handleVisibilityKeyDown(\n    modelIndex: ModelIndex,\n    visibilityOption: VisibilityOptionType\n  ): void {\n    const { onColumnVisibilityChanged } = this.props;\n    onColumnVisibilityChanged([modelIndex], visibilityOption);\n  }\n\n  handleVisibilityDraggingStart(\n    modelIndex: ModelIndex,\n    visibilityOption: VisibilityOptionType,\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ): void {\n    const { onColumnVisibilityChanged, movedColumns } = this.props;\n\n    const isModifierKeyDown = GridUtils.isModifierKeyDown(event);\n    const isShiftKeyDown = event.shiftKey;\n\n    if (isModifierKeyDown || isShiftKeyDown) return;\n\n    onColumnVisibilityChanged([modelIndex], visibilityOption);\n\n    const visibleIndex = GridUtils.getVisibleIndex(modelIndex, movedColumns);\n\n    this.setState({\n      isDraggingVisibility: true,\n      visibilityDraggingOption: visibilityOption,\n      visibilityDraggingStartColumn: visibleIndex,\n    });\n\n    this.addColumnToSelected([modelIndex]);\n  }\n\n  handleVisibilityDraggingEnd(\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent> | null = null\n  ): void {\n    if (event) (event.target as HTMLButtonElement).focus();\n\n    const { isDraggingVisibility } = this.state;\n    if (isDraggingVisibility) {\n      this.setState({\n        isDraggingVisibility: false,\n        visibilityDraggingOption: undefined,\n        visibilityDraggingStartColumn: null,\n      });\n    }\n  }\n\n  handleOrderDraggingStart(start: DragStart): void {\n    document.documentElement.classList.add('drag-pointer-events-none');\n\n    const { selectedColumns } = this.state;\n    const {\n      draggableId,\n      source: { index: startIndex },\n    } = start;\n    const orderDraggingColumn = parseInt(draggableId, 10);\n\n    // we want to clear focus from any eye toggles\n    // however to maintain react-beautiful-dnd keyboard functionality the only valid\n    // focus target is the drag target itself, so we set it there instead of blurring\n    (this.list?.querySelectorAll('.column-item')[\n      startIndex\n    ] as HTMLDivElement).focus();\n\n    if (!selectedColumns.includes(orderDraggingColumn)) {\n      this.setState({\n        isDraggingOrder: true,\n        orderDraggingColumn,\n        selectedColumns: [orderDraggingColumn],\n      });\n      return;\n    }\n    this.setState({ isDraggingOrder: true, orderDraggingColumn });\n  }\n\n  handleOrderDraggingEnd(result: DropResult): void {\n    document.documentElement.classList.remove('drag-pointer-events-none');\n\n    const { movedColumns, onMovedColumnsChanged } = this.props;\n    const { selectedColumns, orderDraggingColumn } = this.state;\n\n    // reset dragging state\n    this.setState({ isDraggingOrder: false, orderDraggingColumn: null });\n\n    // if dropped outside the list, re-focus on the dragged item if necessary\n    if (!result.destination) {\n      return;\n    }\n\n    const { index: destinationIndex } = result.destination;\n\n    const selectedColumnsSortByVisibleIndex = [...selectedColumns].sort(\n      (columnA, columnB) =>\n        GridUtils.getVisibleIndex(columnA, movedColumns) -\n        GridUtils.getVisibleIndex(columnB, movedColumns)\n    );\n\n    let newMoves = [...movedColumns];\n    assertNotNull(orderDraggingColumn);\n    const draggingVisibleIndex = GridUtils.getVisibleIndex(\n      orderDraggingColumn,\n      newMoves\n    );\n    const upper: number[] = [];\n    const lower: number[] = [];\n\n    // move the dragged column to destination first,\n    newMoves = GridUtils.moveItem(\n      draggingVisibleIndex,\n      destinationIndex,\n      newMoves\n    );\n\n    // split selected columns into two parts on drop destination index: top & bottom\n    selectedColumnsSortByVisibleIndex.forEach(column => {\n      const columnVisibleIndex = GridUtils.getVisibleIndex(column, newMoves);\n      if (column === orderDraggingColumn) {\n        return;\n      }\n      if (columnVisibleIndex < destinationIndex) {\n        upper.push(column);\n      } else {\n        lower.push(column);\n      }\n    });\n\n    // for the top part, move column(s) to the destination index\n    upper.forEach(column => {\n      const visibleIndex = GridUtils.getVisibleIndex(column, newMoves);\n      newMoves = GridUtils.moveItem(visibleIndex, destinationIndex, newMoves);\n    });\n\n    // for the bottom part, in reverse order, move column(s) to the drop destination index if there's no top column(s) or the dragged column is not dropped upside\n    // otherwise, move column(s) under the dropping destination index\n    const bottomDestinationIndex =\n      upper.length > 0 || draggingVisibleIndex > destinationIndex\n        ? destinationIndex + 1\n        : destinationIndex;\n\n    lower.reverse().forEach(column => {\n      const visibleIndex = GridUtils.getVisibleIndex(column, newMoves);\n      newMoves = GridUtils.moveItem(\n        visibleIndex,\n        bottomDestinationIndex,\n        newMoves\n      );\n    });\n\n    onMovedColumnsChanged(newMoves);\n    log.debug('move column order by drag & drop', newMoves);\n  }\n\n  handleMouseEnter(\n    targetModelIndex: ModelIndex,\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ): void {\n    const {\n      onColumnVisibilityChanged,\n      movedColumns,\n      userColumnWidths,\n    } = this.props;\n    const {\n      isDraggingVisibility,\n      visibilityDraggingOption,\n      visibilityDraggingStartColumn: draggingStartVisibleIndex,\n    } = this.state;\n    const targetVisibleIndex = GridUtils.getVisibleIndex(\n      targetModelIndex,\n      movedColumns\n    );\n    const isModifierKeyDown = GridUtils.isModifierKeyDown(event);\n    const isShiftKeyDown = event.shiftKey;\n\n    if (!isDraggingVisibility || isModifierKeyDown || isShiftKeyDown) {\n      return;\n    }\n\n    (event.target as HTMLButtonElement).focus();\n\n    // browser can skip mouseEnter / mouseMove event if user moves the mouse too fast\n    // try to check columns between dragging start index to current index to compensate missing event,\n    const columnsToChangeVisibility = [targetModelIndex];\n    assertNotNull(draggingStartVisibleIndex);\n    const checkDownward = targetVisibleIndex > draggingStartVisibleIndex;\n\n    for (\n      let visibleIndexToCheck = draggingStartVisibleIndex;\n      checkDownward\n        ? visibleIndexToCheck < targetVisibleIndex\n        : visibleIndexToCheck > targetVisibleIndex;\n      checkDownward ? (visibleIndexToCheck += 1) : (visibleIndexToCheck -= 1)\n    ) {\n      const modelIndexToCheck = GridUtils.getModelIndex(\n        visibleIndexToCheck,\n        movedColumns\n      );\n      const isHidden = GridUtils.checkColumnHidden(\n        modelIndexToCheck,\n        userColumnWidths\n      );\n      if (\n        isHidden &&\n        visibilityDraggingOption ===\n          VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n      ) {\n        columnsToChangeVisibility.push(modelIndexToCheck);\n      } else if (\n        !isHidden &&\n        visibilityDraggingOption ===\n          VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE\n      ) {\n        columnsToChangeVisibility.push(modelIndexToCheck);\n      }\n    }\n\n    this.addColumnToSelected(columnsToChangeVisibility, true);\n\n    onColumnVisibilityChanged(\n      columnsToChangeVisibility,\n      visibilityDraggingOption\n    );\n  }\n\n  handleMoveColumns(option: string): void {\n    const { movedColumns, onMovedColumnsChanged, model } = this.props;\n    const { columns } = model;\n    const { selectedColumns } = this.state;\n    if (selectedColumns.length === 0) {\n      return;\n    }\n\n    const firstMovableIndex = this.getFirstMovableIndex(model, columns);\n    const lastMovableIndex = this.getLastMovableIndex(model, columns);\n    if (firstMovableIndex == null || lastMovableIndex == null) {\n      return;\n    }\n\n    // for moving up and to the top, move column(s) in visibility index order\n    // for moving down and to the bottom, move column(s) in reverse visibility index order\n    const sortedSelectedColumns = [\n      ...selectedColumns,\n    ].sort((columnA, columnB) =>\n      option === VisibilityOrderingBuilder.MOVE_OPTIONS.TOP ||\n      option === VisibilityOrderingBuilder.MOVE_OPTIONS.UP\n        ? GridUtils.getVisibleIndex(columnA, movedColumns) -\n          GridUtils.getVisibleIndex(columnB, movedColumns)\n        : GridUtils.getVisibleIndex(columnB, movedColumns) -\n          GridUtils.getVisibleIndex(columnA, movedColumns)\n    );\n\n    let newMoves = [] as MoveOperation[];\n    let scrollListAfterMove: () => void = () => undefined;\n\n    switch (option) {\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.TOP:\n        sortedSelectedColumns.forEach((columnModelIndex, index) => {\n          const visibleIndex = GridUtils.getVisibleIndex(\n            columnModelIndex,\n            movedColumns\n          );\n          newMoves = GridUtils.moveItem(\n            visibleIndex,\n            firstMovableIndex + index,\n            newMoves\n          );\n        });\n        scrollListAfterMove = () => {\n          assertNotNull(this.list);\n          this.list.scrollTop = 0;\n        };\n        break;\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.BOTTOM:\n        sortedSelectedColumns.forEach((columnModelIndex, index) => {\n          const visibleIndex = GridUtils.getVisibleIndex(\n            columnModelIndex,\n            movedColumns\n          );\n          newMoves = GridUtils.moveItem(\n            visibleIndex,\n            lastMovableIndex - index,\n            newMoves\n          );\n        });\n        scrollListAfterMove = () => {\n          assertNotNull(this.list);\n          this.list.scrollTop = this.list.scrollHeight;\n        };\n\n        break;\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.UP:\n        if (\n          GridUtils.getVisibleIndex(sortedSelectedColumns[0], movedColumns) !==\n          firstMovableIndex // check if the first visible column has reached top\n        ) {\n          sortedSelectedColumns.forEach(columnModelIndex => {\n            const visibleIndex = GridUtils.getVisibleIndex(\n              columnModelIndex,\n              movedColumns\n            );\n            newMoves = GridUtils.moveItem(\n              visibleIndex,\n              visibleIndex - 1,\n              newMoves\n            );\n          });\n        }\n        break;\n      case VisibilityOrderingBuilder.MOVE_OPTIONS.DOWN:\n        if (\n          GridUtils.getVisibleIndex(sortedSelectedColumns[0], movedColumns) !==\n          lastMovableIndex // check if the last visible column has reached bottom\n        ) {\n          sortedSelectedColumns.forEach(columnModelIndex => {\n            const visibleIndex = GridUtils.getVisibleIndex(\n              columnModelIndex,\n              movedColumns\n            );\n            newMoves = GridUtils.moveItem(\n              visibleIndex,\n              visibleIndex + 1,\n              newMoves\n            );\n          });\n        }\n        break;\n      default:\n        break;\n    }\n    if (newMoves.length > 0) {\n      onMovedColumnsChanged(movedColumns.concat(newMoves), scrollListAfterMove);\n    }\n  }\n\n  handleSortColumns(option: string): void {\n    const { model, onMovedColumnsChanged } = this.props;\n    const { columns } = model;\n\n    // We can't move the immovable columns when sorting, so separate them out first\n    const movableColumns = [];\n    const immovableColumns = [];\n    for (let modelIndex = 0; modelIndex < columns.length; modelIndex += 1) {\n      if (model.isColumnMovable(modelIndex)) {\n        movableColumns.push(modelIndex);\n      } else {\n        immovableColumns.push(modelIndex);\n      }\n    }\n\n    // Sort all the movable columns\n    const movableColumnsSorted = movableColumns.sort((a, b) => {\n      const isAscending =\n        option === VisibilityOrderingBuilder.SORTING_OPTIONS.ASC;\n      const aName = columns[a].name.toUpperCase();\n      const bName = columns[b].name.toUpperCase();\n      return TextUtils.sort(aName, bName, isAscending);\n    });\n\n    // Place all the immovable columns where they need to be\n    const modelIndexAlphaSorted = [];\n    for (let i = 0; i < immovableColumns.length; i += 1) {\n      const modelIndex = immovableColumns[i];\n      modelIndexAlphaSorted[modelIndex] = modelIndex;\n    }\n\n    // Then the rest of the sorted columns can be put in the empty spaces\n    let insertIndex = 0;\n    for (let i = 0; i < movableColumnsSorted.length; i += 1) {\n      while (modelIndexAlphaSorted[insertIndex] != null) {\n        insertIndex += 1;\n      }\n\n      modelIndexAlphaSorted[insertIndex] = movableColumnsSorted[i];\n    }\n\n    let newMoves = [] as MoveOperation[];\n    modelIndexAlphaSorted.forEach((modelIndex, index) => {\n      const visibleIndex = GridUtils.getVisibleIndex(modelIndex, newMoves);\n      newMoves = GridUtils.moveItem(visibleIndex, index, newMoves);\n    });\n    onMovedColumnsChanged(newMoves);\n  }\n\n  handleItemClick(\n    modelIndexClicked: ModelIndex,\n    event: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>,\n    removeSelectionOnClick = true\n  ): void {\n    event.stopPropagation();\n    event.currentTarget.focus();\n\n    const { selectedColumns, lastSelectedColumns } = this.state;\n    const isModifierKeyDown = GridUtils.isModifierKeyDown(event);\n    const isShiftKeyDown = event.shiftKey;\n    const isSelected = selectedColumns.includes(modelIndexClicked);\n    const columnsToBeAdded = [modelIndexClicked];\n\n    if (isSelected && isModifierKeyDown) {\n      this.removeColumnFromSelected(modelIndexClicked);\n      return;\n    }\n\n    if (isSelected && selectedColumns.length === 1 && removeSelectionOnClick) {\n      this.removeColumnFromSelected(modelIndexClicked);\n      return;\n    }\n\n    if (isShiftKeyDown) {\n      const { movedColumns } = this.props;\n      const lastSelectedColumn =\n        lastSelectedColumns[lastSelectedColumns.length - 1];\n      const lastSelectedColumnVisibleIndex = GridUtils.getVisibleIndex(\n        lastSelectedColumn,\n        movedColumns\n      );\n      const visibleIndexToBeSelected = GridUtils.getVisibleIndex(\n        modelIndexClicked,\n        movedColumns\n      );\n      const checkDownward =\n        visibleIndexToBeSelected > lastSelectedColumnVisibleIndex;\n      const columnsInBetween = [];\n      for (\n        let i = lastSelectedColumnVisibleIndex;\n        checkDownward\n          ? i < visibleIndexToBeSelected\n          : i > visibleIndexToBeSelected;\n        checkDownward ? (i += 1) : (i -= 1)\n      ) {\n        columnsInBetween.push(GridUtils.getModelIndex(i, movedColumns));\n      }\n      columnsInBetween.forEach(column => {\n        if (!selectedColumns.includes(column)) {\n          columnsToBeAdded.push(column);\n        }\n      });\n    }\n\n    this.addColumnToSelected(\n      columnsToBeAdded,\n      isModifierKeyDown || isShiftKeyDown\n    );\n  }\n\n  addColumnToSelected(\n    columnsToBeAdded: ModelIndex[],\n    addToExisting = false\n  ): void {\n    const { selectedColumns, lastSelectedColumns } = this.state;\n    const newSelectedColumns = addToExisting\n      ? selectedColumns.concat(columnsToBeAdded)\n      : columnsToBeAdded;\n    const newLastSelectedColumns = addToExisting\n      ? lastSelectedColumns.concat(columnsToBeAdded)\n      : columnsToBeAdded;\n\n    this.setState({\n      selectedColumns: newSelectedColumns,\n      lastSelectedColumns: newLastSelectedColumns,\n    });\n  }\n\n  removeColumnFromSelected(modelIndex: ModelIndex): void {\n    const { selectedColumns, lastSelectedColumns } = this.state;\n    const newSelectedColumns = [...selectedColumns];\n\n    newSelectedColumns.splice(\n      newSelectedColumns.findIndex(selected => selected === modelIndex),\n      1\n    );\n    const lastSelectedColumn =\n      lastSelectedColumns[lastSelectedColumns.length - 1];\n    const newLastSelectedColumns = [...lastSelectedColumns];\n    if (lastSelectedColumn === modelIndex) {\n      newLastSelectedColumns.pop();\n    }\n    this.setState({\n      selectedColumns: newSelectedColumns,\n      lastSelectedColumns: newLastSelectedColumns,\n    });\n  }\n\n  makeVisibilityOrderingList(): ReactElement[] {\n    const { model, userColumnWidths, movedColumns } = this.props;\n    const { columns } = model;\n    const {\n      selectedColumns,\n      isDraggingOrder,\n      orderDraggingColumn,\n    } = this.state;\n\n    const elements = [];\n    let wasMovable = false;\n    for (\n      let visibleIndex = 0;\n      visibleIndex < columns.length;\n      visibleIndex += 1\n    ) {\n      const modelIndex = GridUtils.getModelIndex(visibleIndex, movedColumns);\n      const column = columns[modelIndex];\n      const isMovable = model.isColumnMovable(modelIndex);\n      if (visibleIndex > 0 && isMovable !== wasMovable) {\n        elements.push(<hr />);\n      }\n      if (isMovable) {\n        const isHidden = userColumnWidths.get(modelIndex) === 0;\n        const isSelected = selectedColumns.includes(modelIndex);\n        const isDragged = orderDraggingColumn === modelIndex;\n        const columnsDragged =\n          isDraggingOrder && isDragged && selectedColumns.length > 1\n            ? selectedColumns.length\n            : null;\n        elements.push(\n          this.renderVisibilityOrderingItem(\n            column.name,\n            modelIndex,\n            visibleIndex,\n            isHidden,\n            isSelected,\n            isDraggingOrder,\n            isDragged,\n            columnsDragged\n          )\n        );\n      } else {\n        elements.push(this.renderImmovableItem(column.name));\n      }\n\n      wasMovable = isMovable;\n    }\n\n    return elements;\n  }\n\n  getFirstMovableIndex = memoize((model: IrisGridModel, columns) => {\n    for (let i = 0; i < columns.length; i += 1) {\n      if (model.isColumnMovable(i)) {\n        return i;\n      }\n    }\n\n    return null;\n  });\n\n  getLastMovableIndex = memoize((model: IrisGridModel, columns) => {\n    for (let i = columns.length - 1; i >= 0; i -= 1) {\n      if (model.isColumnMovable(i)) {\n        return i;\n      }\n    }\n\n    return null;\n  });\n\n  renderImmovableItem = memoize(\n    (columnName: ColumnName): ReactElement => (\n      <div className=\"visibility-ordering-list-item immovable\" key={columnName}>\n        <div className=\"column-item\">\n          <span className=\"column-name\">{columnName}</span>\n        </div>\n      </div>\n    )\n  );\n\n  renderVisibilityOrderingItem = memoize(\n    (\n      columnName: ColumnName,\n      modelIndex: ModelIndex,\n      visibleIndex: VisibleIndex,\n      isHidden: boolean,\n      isSelected: boolean,\n      isDragging: boolean,\n      isDragged: boolean,\n      columnsDragged: number | null\n    ) => (\n      <Draggable\n        draggableId={`${modelIndex}`} // draggableId requires string input\n        index={visibleIndex}\n        key={columnName}\n        disableInteractiveElementBlocking\n      >\n        {provided => (\n          <div\n            className=\"visibility-ordering-list-item\"\n            ref={provided.innerRef}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.draggableProps}\n          >\n            <button\n              type=\"button\"\n              className=\"visibility btn btn-link btn-link-icon\"\n              onMouseDown={event => {\n                this.handleVisibilityDraggingStart(\n                  modelIndex,\n                  isHidden\n                    ? VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n                    : VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE,\n                  event\n                );\n              }}\n              onMouseEnter={event => {\n                this.handleMouseEnter(modelIndex, event);\n              }}\n              onMouseUp={event => {\n                this.handleVisibilityDraggingEnd(event);\n              }}\n              onClick={event => {\n                this.handleItemClick(modelIndex, event, false);\n              }}\n              onKeyDown={event => {\n                // trigger on keyboard enter or space keys\n                if (event.key === 'Enter' || event.key === ' ') {\n                  this.handleVisibilityKeyDown(\n                    modelIndex,\n                    isHidden\n                      ? VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n                      : VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE\n                  );\n                  event.stopPropagation();\n                  event.preventDefault();\n                }\n              }}\n            >\n              <FontAwesomeIcon icon={isHidden ? dhEyeSlash : dhEye} />\n            </button>\n            <div\n              role=\"menuitem\"\n              tabIndex={0}\n              className={classNames(\n                'ordering column-item',\n                {\n                  isSelected,\n                },\n                { isDragging },\n                { isDragged },\n                { 'two-dragged': columnsDragged === 2 },\n                {\n                  'multiple-dragged':\n                    columnsDragged != null && columnsDragged > 2,\n                }\n              )}\n              onClick={event => {\n                this.handleItemClick(modelIndex, event);\n              }}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.dragHandleProps}\n            >\n              <span className=\"column-name\">{columnName}</span>\n              <div>\n                {columnsDragged != null && columnsDragged !== 0 && (\n                  <span className=\"number-badge\">{columnsDragged}</span>\n                )}\n                <Tooltip>Drag to re-order</Tooltip>\n                <FontAwesomeIcon icon={vsGripper} />\n              </div>\n            </div>\n          </div>\n        )}\n      </Draggable>\n    )\n  );\n\n  render(): ReactElement {\n    const { model, userColumnWidths, onColumnVisibilityChanged } = this.props;\n    const { selectedColumns, searchFilter } = this.state;\n    const { columns } = model;\n    const noSelection = selectedColumns.length === 0;\n    const columnsToToggle = noSelection\n      ? columns.map((c, i) => i).filter(i => model.isColumnMovable(i))\n      : [...selectedColumns];\n    const toggleToShow = GridUtils.checkAllColumnsHidden(\n      columnsToToggle,\n      userColumnWidths\n    );\n    const selectedToggleText = toggleToShow ? 'Show Selected' : 'Hide Selected';\n\n    const columnItems = this.makeVisibilityOrderingList();\n\n    return (\n      <div\n        role=\"menu\"\n        className=\"visibility-ordering-builder\"\n        tabIndex={0}\n        onMouseUp={() => {\n          this.handleVisibilityDraggingEnd();\n        }}\n        onMouseLeave={() => {\n          this.handleVisibilityDraggingEnd();\n        }}\n      >\n        <div className=\"top-menu\">\n          <button\n            type=\"button\"\n            className=\"btn btn-link\"\n            onClick={() => {\n              onColumnVisibilityChanged(\n                columnsToToggle,\n                toggleToShow\n                  ? VisibilityOrderingBuilder.VISIBILITY_OPTIONS.SHOW\n                  : VisibilityOrderingBuilder.VISIBILITY_OPTIONS.HIDE\n              );\n            }}\n          >\n            <FontAwesomeIcon icon={toggleToShow ? dhEyeSlash : dhEye} />\n            <Tooltip>Toggle column visibility</Tooltip>\n            {noSelection ? 'Toggle All' : selectedToggleText}\n          </button>\n\n          <div>\n            <button\n              type=\"button\"\n              className=\"btn btn-link text-muted\"\n              onClick={() => {\n                this.resetVisibilityOrdering();\n              }}\n            >\n              Reset\n              <Tooltip>Reset to default</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleSortColumns(\n                  VisibilityOrderingBuilder.SORTING_OPTIONS.ASC\n                );\n              }}\n            >\n              <FontAwesomeIcon icon={dhSortAlphaDown} />\n              <Tooltip>Sort ascending</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleSortColumns(\n                  VisibilityOrderingBuilder.SORTING_OPTIONS.DSC\n                );\n              }}\n            >\n              <FontAwesomeIcon icon={dhSortAlphaUp} />\n              <Tooltip>Sort descending</Tooltip>\n            </button>\n            <span className=\"vertical-divider\" />\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.UP\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={vsChevronUp} />\n              <Tooltip>Move selection up</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.DOWN\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={vsChevronDown} />\n              <Tooltip>Move selection down</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.TOP\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={dhArrowToTop} />\n              <Tooltip>Move selection to top</Tooltip>\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link btn-link-icon\"\n              onClick={() => {\n                this.handleMoveColumns(\n                  VisibilityOrderingBuilder.MOVE_OPTIONS.BOTTOM\n                );\n              }}\n              disabled={noSelection}\n            >\n              <FontAwesomeIcon icon={dhArrowToBottom} />\n              <Tooltip>Move selection to bottom</Tooltip>\n            </button>\n          </div>\n        </div>\n        <div className=\"top-menu\">\n          <SearchInput\n            className=\"w-100\"\n            value={searchFilter}\n            matchCount={searchFilter ? selectedColumns.length : undefined}\n            onChange={this.handleSearchInputChange}\n          />\n        </div>\n        <DragDropContext\n          onDragStart={this.handleOrderDraggingStart}\n          onDragEnd={this.handleOrderDraggingEnd}\n        >\n          <Droppable droppableId=\"droppable-visibility-order-list\">\n            {(provided, snapshot) => (\n              // eslint-disable-next-line jsx-a11y/interactive-supports-focus\n              <div\n                role=\"menu\"\n                className={classNames('visibility-ordering-list', {\n                  isDragging: snapshot.draggingFromThisWith,\n                })}\n                ref={provided.innerRef}\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                {...provided.droppableProps}\n              >\n                <div\n                  className=\"column-list\"\n                  ref={list => {\n                    this.list = list;\n                  }}\n                >\n                  {columnItems}\n                  {provided.placeholder}\n                </div>\n              </div>\n            )}\n          </Droppable>\n        </DragDropContext>\n      </div>\n    );\n  }\n}\n\nexport default VisibilityOrderingBuilder;\n"],"mappings":"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"}

package/dist/sidebar/aggregations/Aggregations.js

@@ -108,7 +108,7 @@ var Aggregations = _ref => {
     var {
       item,
       itemIndex,
-      isClone,
+      isClone = false,
       selectedCount
     } = _ref3;
     var text = item.operation;

package/dist/sidebar/aggregations/Aggregations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Aggregations.js","names":["React","useCallback","useEffect","useMemo","useState","DragDropContext","classNames","FontAwesomeIcon","dhNewCircleLargeFilled","vsTrash","vsEdit","dhWarningFilled","Log","DraggableItemList","DragUtils","Option","Select","RadioItem","RadioGroup","Button","AggregationOperation","AggregationUtils","log","module","SELECTABLE_OPTIONS","SUM","ABS_SUM","MIN","MAX","VAR","AVG","STD","FIRST","LAST","COUNT_DISTINCT","DISTINCT","COUNT","UNIQUE","Aggregations","isRollup","settings","onChange","onEdit","aggregations","showOnTop","options","filter","option","some","aggregation","operation","selectedOperation","setSelectedOperation","selectedRanges","setSelectedRanges","changeSettings","changedSettings","changeAggregations","newAggregations","changeShowOnTop","newShowOnTop","handleDragStart","debug","startDragging","handleDragEnd","destination","source","stopDragging","destinationIndex","index","draggedItems","reorder","insertIndex","adjustDestinationIndex","newSelectedRanges","length","handleOperationChange","handleAdd","selected","invert","handleDeleteClicked","itemIndex","handleAggregationSelectionChange","handleAggregationSelect","isRollupOperation","handleShowOnTopChange","event","target","value","setDefaultOperation","includes","renderAggregation","item","isClone","selectedCount","text","badgeText","undefined","className","isEditable","renderBadge","renderHandle","isOptionsShown","isAggregationsShown","map"],"sources":["../../../src/sidebar/aggregations/Aggregations.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { DragDropContext } from 'react-beautiful-dnd';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  dhNewCircleLargeFilled,\n  vsTrash,\n  vsEdit,\n  dhWarningFilled,\n} from '@deephaven/icons';\nimport Log from '@deephaven/log';\nimport {\n  DraggableItemList,\n  DragUtils,\n  Option,\n  Select,\n  RadioItem,\n  RadioGroup,\n  Button,\n} from '@deephaven/components';\nimport type { DraggableRenderItemProps, Range } from '@deephaven/components';\nimport { ModelIndex } from '@deephaven/grid';\nimport AggregationOperation from './AggregationOperation';\nimport AggregationUtils from './AggregationUtils';\nimport './Aggregations.scss';\n\nconst log = Log.module('Aggregations');\n\nexport type Aggregation = {\n  operation: AggregationOperation;\n  selected: string[];\n  invert: boolean;\n};\n\nexport type AggregationSettings = {\n  aggregations: Aggregation[];\n  showOnTop: boolean;\n};\n\nexport type AggregationsProps = {\n  isRollup: boolean;\n  settings: AggregationSettings;\n  onChange: (settings: AggregationSettings) => void;\n  onEdit: (aggregation: Aggregation) => void;\n};\n\nexport const SELECTABLE_OPTIONS = [\n  AggregationOperation.SUM,\n  AggregationOperation.ABS_SUM,\n  AggregationOperation.MIN,\n  AggregationOperation.MAX,\n  AggregationOperation.VAR,\n  AggregationOperation.AVG,\n  AggregationOperation.STD,\n  AggregationOperation.FIRST,\n  AggregationOperation.LAST,\n  AggregationOperation.COUNT_DISTINCT,\n  AggregationOperation.DISTINCT,\n  AggregationOperation.COUNT,\n  AggregationOperation.UNIQUE,\n];\n\nconst Aggregations = ({\n  isRollup,\n  settings,\n  onChange,\n  onEdit,\n}: AggregationsProps): JSX.Element => {\n  const { aggregations, showOnTop } = settings;\n  const options = useMemo(\n    () =>\n      SELECTABLE_OPTIONS.filter(\n        option =>\n          !aggregations.some(aggregation => aggregation.operation === option)\n      ),\n    [aggregations]\n  );\n  const [selectedOperation, setSelectedOperation] = useState(options[0]);\n  const [selectedRanges, setSelectedRanges] = useState<Range[]>([]);\n  const changeSettings = useCallback(\n    changedSettings => {\n      onChange({ ...settings, ...changedSettings });\n    },\n    [onChange, settings]\n  );\n  const changeAggregations = useCallback(\n    newAggregations => {\n      changeSettings({ aggregations: newAggregations });\n    },\n    [changeSettings]\n  );\n\n  const changeShowOnTop = useCallback(\n    newShowOnTop => {\n      changeSettings({ showOnTop: newShowOnTop });\n    },\n    [changeSettings]\n  );\n\n  const handleDragStart = useCallback(() => {\n    log.debug('handleDragStart');\n\n    DragUtils.startDragging();\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ destination, source }) => {\n      log.debug('handleDragEnd', destination, source);\n\n      DragUtils.stopDragging();\n\n      if (destination === null) {\n        return;\n      }\n\n      let destinationIndex = destination.index;\n      if (source.index < destination.index) {\n        destinationIndex += 1;\n      }\n\n      const newAggregations = [...aggregations];\n      const draggedItems = DragUtils.reorder(\n        newAggregations,\n        selectedRanges,\n        newAggregations,\n        destinationIndex\n      );\n      const insertIndex = DragUtils.adjustDestinationIndex(\n        destinationIndex,\n        selectedRanges\n      );\n      const newSelectedRanges: Range[] = [\n        [insertIndex, insertIndex + draggedItems.length - 1],\n      ];\n      changeAggregations(newAggregations);\n      setSelectedRanges(newSelectedRanges);\n    },\n    [changeAggregations, aggregations, selectedRanges, setSelectedRanges]\n  );\n\n  const handleOperationChange = useCallback(\n    operation => {\n      setSelectedOperation(operation);\n    },\n    [setSelectedOperation]\n  );\n\n  const handleAdd = useCallback(() => {\n    changeAggregations([\n      ...aggregations,\n      { operation: selectedOperation, selected: [], invert: true },\n    ]);\n  }, [aggregations, selectedOperation, changeAggregations]);\n\n  const handleDeleteClicked = useCallback(\n    (itemIndex: ModelIndex) => {\n      changeAggregations(\n        aggregations.filter((aggregation, index) => index !== itemIndex)\n      );\n    },\n    [aggregations, changeAggregations]\n  );\n\n  const handleAggregationSelectionChange = useCallback(\n    newSelectedRanges => {\n      setSelectedRanges(newSelectedRanges);\n    },\n    [setSelectedRanges]\n  );\n\n  const handleAggregationSelect = useCallback(\n    itemIndex => {\n      const aggregation = aggregations[itemIndex];\n      if (!AggregationUtils.isRollupOperation(aggregation.operation)) {\n        onEdit(aggregation);\n      }\n    },\n    [aggregations, onEdit]\n  );\n\n  const handleShowOnTopChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      changeShowOnTop(event.target.value === 'true');\n    },\n    [changeShowOnTop]\n  );\n\n  useEffect(\n    function setDefaultOperation() {\n      if (options.length > 0 && !options.includes(selectedOperation)) {\n        setSelectedOperation(options[0]);\n      }\n    },\n    [options, selectedOperation]\n  );\n\n  const renderAggregation = useCallback(\n    ({\n      item,\n      itemIndex,\n      isClone,\n      selectedCount,\n    }: DraggableRenderItemProps<Aggregation>) => {\n      const text = item.operation;\n      const badgeText = isClone ? `${selectedCount}` : undefined;\n      const className = isClone ? 'item-list-item-clone' : undefined;\n      const isRollupOperation = AggregationUtils.isRollupOperation(\n        item.operation\n      );\n      const isEditable = !isClone && !isRollupOperation;\n      return (\n        <>\n          <div\n            className={classNames(\n              'item-list-item-content',\n              'draggable-item-list-item-content',\n              className\n            )}\n          >\n            <span className=\"title\">\n              {text}\n              {!isRollup && isRollupOperation && (\n                <span className=\"small text-warning\">\n                  <FontAwesomeIcon icon={dhWarningFilled} /> Requires rollup\n                </span>\n              )}\n            </span>\n            {DraggableItemList.renderBadge({ text: badgeText })}\n            {DraggableItemList.renderHandle()}\n          </div>\n          {!isClone && (\n            <>\n              <Button\n                kind=\"ghost\"\n                className=\"btn-edit\"\n                icon={vsEdit}\n                tooltip=\"Edit Columns\"\n                onClick={() => onEdit(item)}\n                disabled={!isEditable}\n              />\n              <Button\n                kind=\"ghost\"\n                className=\"btn-delete\"\n                icon={vsTrash}\n                tooltip=\"Delete Aggregation\"\n                onClick={() => handleDeleteClicked(itemIndex)}\n              />\n            </>\n          )}\n        </>\n      );\n    },\n    [handleDeleteClicked, onEdit, isRollup]\n  );\n\n  const isOptionsShown = options.length > 0;\n  const isAggregationsShown = aggregations.length > 0;\n\n  return (\n    <div className=\"aggregations\">\n      {isOptionsShown && (\n        <div className=\"form-inline\">\n          <Select onChange={handleOperationChange} value={selectedOperation}>\n            {options.map(option => (\n              <Option value={option} key={option}>\n                {option}\n              </Option>\n            ))}\n          </Select>\n          <button\n            type=\"button\"\n            className=\"btn btn-link btn-add\"\n            onClick={handleAdd}\n          >\n            <FontAwesomeIcon icon={dhNewCircleLargeFilled} />\n            Add Aggregation\n          </button>\n        </div>\n      )}\n      {isOptionsShown && isAggregationsShown && <hr />}\n      {isAggregationsShown && (\n        <>\n          {!isRollup && (\n            <div className=\"form-inline\">\n              <label>Placement:&nbsp;</label>\n              <RadioGroup\n                onChange={handleShowOnTopChange}\n                value={`${showOnTop}`}\n              >\n                <RadioItem value=\"true\">Top</RadioItem>\n                <RadioItem value=\"false\">Bottom</RadioItem>\n              </RadioGroup>\n            </div>\n          )}\n          <DragDropContext\n            onDragStart={handleDragStart}\n            onDragEnd={handleDragEnd}\n          >\n            <DraggableItemList<Aggregation>\n              className=\"selected-aggregations\"\n              itemCount={aggregations.length}\n              items={aggregations}\n              renderItem={renderAggregation}\n              offset={0}\n              onSelectionChange={handleAggregationSelectionChange}\n              onSelect={handleAggregationSelect}\n              selectedRanges={selectedRanges}\n              isMultiSelect\n            />\n          </DragDropContext>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Aggregations;\n"],"mappings":"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"}
+{"version":3,"file":"Aggregations.js","names":["React","useCallback","useEffect","useMemo","useState","DragDropContext","classNames","FontAwesomeIcon","dhNewCircleLargeFilled","vsTrash","vsEdit","dhWarningFilled","Log","DraggableItemList","DragUtils","Option","Select","RadioItem","RadioGroup","Button","AggregationOperation","AggregationUtils","log","module","SELECTABLE_OPTIONS","SUM","ABS_SUM","MIN","MAX","VAR","AVG","STD","FIRST","LAST","COUNT_DISTINCT","DISTINCT","COUNT","UNIQUE","Aggregations","isRollup","settings","onChange","onEdit","aggregations","showOnTop","options","filter","option","some","aggregation","operation","selectedOperation","setSelectedOperation","selectedRanges","setSelectedRanges","changeSettings","changedSettings","changeAggregations","newAggregations","changeShowOnTop","newShowOnTop","handleDragStart","debug","startDragging","handleDragEnd","destination","source","stopDragging","destinationIndex","index","draggedItems","reorder","insertIndex","adjustDestinationIndex","newSelectedRanges","length","handleOperationChange","handleAdd","selected","invert","handleDeleteClicked","itemIndex","handleAggregationSelectionChange","handleAggregationSelect","isRollupOperation","handleShowOnTopChange","event","target","value","setDefaultOperation","includes","renderAggregation","item","isClone","selectedCount","text","badgeText","undefined","className","isEditable","renderBadge","renderHandle","isOptionsShown","isAggregationsShown","map"],"sources":["../../../src/sidebar/aggregations/Aggregations.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { DragDropContext } from 'react-beautiful-dnd';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  dhNewCircleLargeFilled,\n  vsTrash,\n  vsEdit,\n  dhWarningFilled,\n} from '@deephaven/icons';\nimport Log from '@deephaven/log';\nimport {\n  DraggableItemList,\n  DragUtils,\n  Option,\n  Select,\n  RadioItem,\n  RadioGroup,\n  Button,\n} from '@deephaven/components';\nimport type { DraggableRenderItemProps, Range } from '@deephaven/components';\nimport { ModelIndex } from '@deephaven/grid';\nimport AggregationOperation from './AggregationOperation';\nimport AggregationUtils from './AggregationUtils';\nimport './Aggregations.scss';\n\nconst log = Log.module('Aggregations');\n\nexport type Aggregation = {\n  operation: AggregationOperation;\n  selected: string[];\n  invert: boolean;\n};\n\nexport type AggregationSettings = {\n  aggregations: Aggregation[];\n  showOnTop: boolean;\n};\n\nexport type AggregationsProps = {\n  isRollup: boolean;\n  settings: AggregationSettings;\n  onChange: (settings: AggregationSettings) => void;\n  onEdit: (aggregation: Aggregation) => void;\n};\n\nexport const SELECTABLE_OPTIONS = [\n  AggregationOperation.SUM,\n  AggregationOperation.ABS_SUM,\n  AggregationOperation.MIN,\n  AggregationOperation.MAX,\n  AggregationOperation.VAR,\n  AggregationOperation.AVG,\n  AggregationOperation.STD,\n  AggregationOperation.FIRST,\n  AggregationOperation.LAST,\n  AggregationOperation.COUNT_DISTINCT,\n  AggregationOperation.DISTINCT,\n  AggregationOperation.COUNT,\n  AggregationOperation.UNIQUE,\n];\n\nconst Aggregations = ({\n  isRollup,\n  settings,\n  onChange,\n  onEdit,\n}: AggregationsProps): JSX.Element => {\n  const { aggregations, showOnTop } = settings;\n  const options = useMemo(\n    () =>\n      SELECTABLE_OPTIONS.filter(\n        option =>\n          !aggregations.some(aggregation => aggregation.operation === option)\n      ),\n    [aggregations]\n  );\n  const [selectedOperation, setSelectedOperation] = useState(options[0]);\n  const [selectedRanges, setSelectedRanges] = useState<Range[]>([]);\n  const changeSettings = useCallback(\n    changedSettings => {\n      onChange({ ...settings, ...changedSettings });\n    },\n    [onChange, settings]\n  );\n  const changeAggregations = useCallback(\n    newAggregations => {\n      changeSettings({ aggregations: newAggregations });\n    },\n    [changeSettings]\n  );\n\n  const changeShowOnTop = useCallback(\n    newShowOnTop => {\n      changeSettings({ showOnTop: newShowOnTop });\n    },\n    [changeSettings]\n  );\n\n  const handleDragStart = useCallback(() => {\n    log.debug('handleDragStart');\n\n    DragUtils.startDragging();\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ destination, source }) => {\n      log.debug('handleDragEnd', destination, source);\n\n      DragUtils.stopDragging();\n\n      if (destination === null) {\n        return;\n      }\n\n      let destinationIndex = destination.index;\n      if (source.index < destination.index) {\n        destinationIndex += 1;\n      }\n\n      const newAggregations = [...aggregations];\n      const draggedItems = DragUtils.reorder(\n        newAggregations,\n        selectedRanges,\n        newAggregations,\n        destinationIndex\n      );\n      const insertIndex = DragUtils.adjustDestinationIndex(\n        destinationIndex,\n        selectedRanges\n      );\n      const newSelectedRanges: Range[] = [\n        [insertIndex, insertIndex + draggedItems.length - 1],\n      ];\n      changeAggregations(newAggregations);\n      setSelectedRanges(newSelectedRanges);\n    },\n    [changeAggregations, aggregations, selectedRanges, setSelectedRanges]\n  );\n\n  const handleOperationChange = useCallback(\n    operation => {\n      setSelectedOperation(operation);\n    },\n    [setSelectedOperation]\n  );\n\n  const handleAdd = useCallback(() => {\n    changeAggregations([\n      ...aggregations,\n      { operation: selectedOperation, selected: [], invert: true },\n    ]);\n  }, [aggregations, selectedOperation, changeAggregations]);\n\n  const handleDeleteClicked = useCallback(\n    (itemIndex: ModelIndex) => {\n      changeAggregations(\n        aggregations.filter((aggregation, index) => index !== itemIndex)\n      );\n    },\n    [aggregations, changeAggregations]\n  );\n\n  const handleAggregationSelectionChange = useCallback(\n    newSelectedRanges => {\n      setSelectedRanges(newSelectedRanges);\n    },\n    [setSelectedRanges]\n  );\n\n  const handleAggregationSelect = useCallback(\n    itemIndex => {\n      const aggregation = aggregations[itemIndex];\n      if (!AggregationUtils.isRollupOperation(aggregation.operation)) {\n        onEdit(aggregation);\n      }\n    },\n    [aggregations, onEdit]\n  );\n\n  const handleShowOnTopChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      changeShowOnTop(event.target.value === 'true');\n    },\n    [changeShowOnTop]\n  );\n\n  useEffect(\n    function setDefaultOperation() {\n      if (options.length > 0 && !options.includes(selectedOperation)) {\n        setSelectedOperation(options[0]);\n      }\n    },\n    [options, selectedOperation]\n  );\n\n  const renderAggregation = useCallback(\n    ({\n      item,\n      itemIndex,\n      isClone = false,\n      selectedCount,\n    }: DraggableRenderItemProps<Aggregation>) => {\n      const text = item.operation;\n      const badgeText = isClone ? `${selectedCount}` : undefined;\n      const className = isClone ? 'item-list-item-clone' : undefined;\n      const isRollupOperation = AggregationUtils.isRollupOperation(\n        item.operation\n      );\n      const isEditable = !isClone && !isRollupOperation;\n      return (\n        <>\n          <div\n            className={classNames(\n              'item-list-item-content',\n              'draggable-item-list-item-content',\n              className\n            )}\n          >\n            <span className=\"title\">\n              {text}\n              {!isRollup && isRollupOperation && (\n                <span className=\"small text-warning\">\n                  <FontAwesomeIcon icon={dhWarningFilled} /> Requires rollup\n                </span>\n              )}\n            </span>\n            {DraggableItemList.renderBadge({ text: badgeText })}\n            {DraggableItemList.renderHandle()}\n          </div>\n          {!isClone && (\n            <>\n              <Button\n                kind=\"ghost\"\n                className=\"btn-edit\"\n                icon={vsEdit}\n                tooltip=\"Edit Columns\"\n                onClick={() => onEdit(item)}\n                disabled={!isEditable}\n              />\n              <Button\n                kind=\"ghost\"\n                className=\"btn-delete\"\n                icon={vsTrash}\n                tooltip=\"Delete Aggregation\"\n                onClick={() => handleDeleteClicked(itemIndex)}\n              />\n            </>\n          )}\n        </>\n      );\n    },\n    [handleDeleteClicked, onEdit, isRollup]\n  );\n\n  const isOptionsShown = options.length > 0;\n  const isAggregationsShown = aggregations.length > 0;\n\n  return (\n    <div className=\"aggregations\">\n      {isOptionsShown && (\n        <div className=\"form-inline\">\n          <Select onChange={handleOperationChange} value={selectedOperation}>\n            {options.map(option => (\n              <Option value={option} key={option}>\n                {option}\n              </Option>\n            ))}\n          </Select>\n          <button\n            type=\"button\"\n            className=\"btn btn-link btn-add\"\n            onClick={handleAdd}\n          >\n            <FontAwesomeIcon icon={dhNewCircleLargeFilled} />\n            Add Aggregation\n          </button>\n        </div>\n      )}\n      {isOptionsShown && isAggregationsShown && <hr />}\n      {isAggregationsShown && (\n        <>\n          {!isRollup && (\n            <div className=\"form-inline\">\n              <label>Placement:&nbsp;</label>\n              <RadioGroup\n                onChange={handleShowOnTopChange}\n                value={`${showOnTop}`}\n              >\n                <RadioItem value=\"true\">Top</RadioItem>\n                <RadioItem value=\"false\">Bottom</RadioItem>\n              </RadioGroup>\n            </div>\n          )}\n          <DragDropContext\n            onDragStart={handleDragStart}\n            onDragEnd={handleDragEnd}\n          >\n            <DraggableItemList<Aggregation>\n              className=\"selected-aggregations\"\n              itemCount={aggregations.length}\n              items={aggregations}\n              renderItem={renderAggregation}\n              offset={0}\n              onSelectionChange={handleAggregationSelectionChange}\n              onSelect={handleAggregationSelect}\n              selectedRanges={selectedRanges}\n              isMultiSelect\n            />\n          </DragDropContext>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Aggregations;\n"],"mappings":"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"}

package/dist/sidebar/conditional-formatting/ConditionEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionEditor.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"names":[],"mappings":";AAGA,OAAO,EAOL,WAAW,EACX,eAAe,EAMhB,MAAM,8BAA8B,CAAC;AAItC,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAgOD,QAAA,MAAM,eAAe,UAAW,oBAAoB,KAAG,WA6KtD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ConditionEditor.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"names":[],"mappings":";AAGA,OAAO,EAOL,WAAW,EACX,eAAe,EAMhB,MAAM,8BAA8B,CAAC;AAItC,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAmOD,QAAA,MAAM,eAAe,UAAW,oBAAoB,KAAG,WA6KtD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/sidebar/conditional-formatting/ConditionEditor.js

@@ -32,11 +32,11 @@ function isNumberConditionValid(condition, value, startValue, endValue) {
     return true;
   }
 
-  if (condition === NumberCondition.IS_BETWEEN && startValue && !Number.isNaN(Number.parseFloat(startValue)) && endValue && !Number.isNaN(Number.parseFloat(endValue))) {
+  if (condition === NumberCondition.IS_BETWEEN && startValue != null && startValue !== '' && !Number.isNaN(Number.parseFloat(startValue)) && endValue != null && endValue !== '' && !Number.isNaN(Number.parseFloat(endValue))) {
     return true;
   }
 
-  if (condition !== NumberCondition.IS_BETWEEN && value && !Number.isNaN(Number.parseFloat(value))) {
+  if (condition !== NumberCondition.IS_BETWEEN && value !== undefined && value !== '' && !Number.isNaN(Number.parseFloat(value))) {
     return true;
   }
 

package/dist/sidebar/conditional-formatting/ConditionEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionEditor.js","names":["React","useCallback","useEffect","useMemo","useState","TableUtils","Log","StringCondition","DateCondition","getLabelForNumberCondition","getLabelForDateCondition","getLabelForStringCondition","NumberCondition","getDefaultConditionForType","getLabelForBooleanCondition","BooleanCondition","CharCondition","getLabelForCharCondition","log","module","DEFAULT_CALLBACK","undefined","numberConditionOptions","IS_EQUAL","IS_NOT_EQUAL","IS_BETWEEN","GREATER_THAN","GREATER_THAN_OR_EQUAL","LESS_THAN","LESS_THAN_OR_EQUAL","IS_NULL","IS_NOT_NULL","map","option","stringConditions","IS_EXACTLY","IS_NOT_EXACTLY","CONTAINS","DOES_NOT_CONTAIN","STARTS_WITH","ENDS_WITH","dateConditions","IS_BEFORE","IS_BEFORE_OR_EQUAL","IS_AFTER","IS_AFTER_OR_EQUAL","booleanConditions","IS_TRUE","IS_FALSE","charConditions","isNumberConditionValid","condition","value","startValue","endValue","Number","isNaN","parseFloat","getNumberInputs","selectedCondition","handleValueChange","handleStartValueChange","handleEndValueChange","conditionValue","getStringInputs","getDateInputs","getBooleanInputs","getCharInputs","ConditionEditor","props","column","config","onChange","selectedColumnType","type","prevColumnType","setPrevColumnType","setCondition","setValue","setStartValue","start","setEndValue","end","conditions","isNumberType","isCharType","isStringType","isDateType","isBooleanType","handleConditionChange","e","target","debug","changeCondition","isValid","conditionInputs"],"sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  StringCondition,\n  DateCondition,\n  getLabelForNumberCondition,\n  getLabelForDateCondition,\n  getLabelForStringCondition,\n  NumberCondition,\n  ModelColumn,\n  ConditionConfig,\n  getDefaultConditionForType,\n  getLabelForBooleanCondition,\n  BooleanCondition,\n  CharCondition,\n  getLabelForCharCondition,\n} from './ConditionalFormattingUtils';\n\nconst log = Log.module('ConditionEditor');\n\nexport interface ConditionEditorProps {\n  column: ModelColumn;\n  config: ConditionConfig;\n  onChange?: (config: ConditionConfig, isValid: boolean) => void;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nconst numberConditionOptions = [\n  NumberCondition.IS_EQUAL,\n  NumberCondition.IS_NOT_EQUAL,\n  NumberCondition.IS_BETWEEN,\n  NumberCondition.GREATER_THAN,\n  NumberCondition.GREATER_THAN_OR_EQUAL,\n  NumberCondition.LESS_THAN,\n  NumberCondition.LESS_THAN_OR_EQUAL,\n  NumberCondition.IS_NULL,\n  NumberCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForNumberCondition(option)}\n  </option>\n));\n\nconst stringConditions = [\n  StringCondition.IS_EXACTLY,\n  StringCondition.IS_NOT_EXACTLY,\n  StringCondition.CONTAINS,\n  StringCondition.DOES_NOT_CONTAIN,\n  StringCondition.STARTS_WITH,\n  StringCondition.ENDS_WITH,\n  StringCondition.IS_NULL,\n  StringCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForStringCondition(option)}\n  </option>\n));\n\nconst dateConditions = [\n  DateCondition.IS_EXACTLY,\n  DateCondition.IS_NOT_EXACTLY,\n  DateCondition.IS_BEFORE,\n  DateCondition.IS_BEFORE_OR_EQUAL,\n  DateCondition.IS_AFTER,\n  DateCondition.IS_AFTER_OR_EQUAL,\n  DateCondition.IS_NULL,\n  DateCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForDateCondition(option)}\n  </option>\n));\n\nconst booleanConditions = [\n  BooleanCondition.IS_TRUE,\n  BooleanCondition.IS_FALSE,\n  BooleanCondition.IS_NULL,\n  BooleanCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForBooleanCondition(option)}\n  </option>\n));\n\nconst charConditions = [\n  CharCondition.IS_EQUAL,\n  CharCondition.IS_NOT_EQUAL,\n  CharCondition.IS_NULL,\n  CharCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForCharCondition(option)}\n  </option>\n));\n\nfunction isNumberConditionValid(\n  condition: NumberCondition,\n  value?: string,\n  startValue?: string,\n  endValue?: string\n) {\n  if (\n    condition === NumberCondition.IS_NULL ||\n    condition === NumberCondition.IS_NOT_NULL\n  ) {\n    return true;\n  }\n  if (\n    condition === NumberCondition.IS_BETWEEN &&\n    startValue &&\n    !Number.isNaN(Number.parseFloat(startValue)) &&\n    endValue &&\n    !Number.isNaN(Number.parseFloat(endValue))\n  ) {\n    return true;\n  }\n  if (\n    condition !== NumberCondition.IS_BETWEEN &&\n    value &&\n    !Number.isNaN(Number.parseFloat(value))\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction getNumberInputs(\n  selectedCondition: NumberCondition,\n  handleValueChange: (e: unknown) => void,\n  handleStartValueChange: (e: unknown) => void,\n  handleEndValueChange: (e: unknown) => void,\n  conditionValue?: string,\n  startValue?: string,\n  endValue?: string\n) {\n  switch (selectedCondition) {\n    case NumberCondition.IS_EQUAL:\n    case NumberCondition.IS_NOT_EQUAL:\n    case NumberCondition.GREATER_THAN:\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n    case NumberCondition.LESS_THAN:\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return (\n        <input\n          type=\"number\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n    case NumberCondition.IS_BETWEEN:\n      return (\n        <div className=\"d-flex flex-row\">\n          <input\n            type=\"number\"\n            className=\"form-control d-flex mr-2\"\n            placeholder=\"Start value\"\n            value={startValue ?? ''}\n            onChange={handleStartValueChange}\n          />\n          <input\n            type=\"number\"\n            className=\"form-control d-flex\"\n            placeholder=\"End value\"\n            value={endValue ?? ''}\n            onChange={handleEndValueChange}\n          />\n        </div>\n      );\n    case NumberCondition.IS_NULL:\n    case NumberCondition.IS_NOT_NULL:\n      return null;\n  }\n}\n\nfunction getStringInputs(\n  selectedCondition: StringCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case StringCondition.IS_NULL:\n    case StringCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getDateInputs(\n  selectedCondition: DateCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case DateCondition.IS_NULL:\n    case DateCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getBooleanInputs() {\n  return null;\n}\n\nfunction getCharInputs(\n  selectedCondition: CharCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case CharCondition.IS_NULL:\n    case CharCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          maxLength={1}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nconst ConditionEditor = (props: ConditionEditorProps): JSX.Element => {\n  const { column, config, onChange = DEFAULT_CALLBACK } = props;\n  const selectedColumnType = column.type;\n  const [prevColumnType, setPrevColumnType] = useState(selectedColumnType);\n  const [selectedCondition, setCondition] = useState(config.condition);\n  const [conditionValue, setValue] = useState(config.value);\n  const [startValue, setStartValue] = useState(config.start);\n  const [endValue, setEndValue] = useState(config.end);\n\n  if (selectedColumnType !== prevColumnType) {\n    // Column type changed, reset condition and value fields\n    setCondition(getDefaultConditionForType(selectedColumnType));\n    setValue(undefined);\n    setStartValue(undefined);\n    setEndValue(undefined);\n    setPrevColumnType(selectedColumnType);\n  }\n\n  const conditions = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      return [];\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return numberConditionOptions;\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return charConditions;\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return stringConditions;\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return dateConditions;\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return booleanConditions;\n    }\n  }, [selectedColumnType]);\n\n  const handleConditionChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleConditionChange', value);\n    setCondition(value);\n  }, []);\n\n  const handleValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleValueChange', value);\n    setValue(value);\n  }, []);\n\n  const handleStartValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleStartValueChange', value);\n    setStartValue(value);\n  }, []);\n\n  const handleEndValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleEndValueChange', value);\n    setEndValue(value);\n  }, []);\n\n  useEffect(\n    function changeCondition() {\n      let isValid = true;\n\n      if (selectedCondition === undefined) {\n        log.debug(\n          'Unable to create formatting rule. Condition is not selected.'\n        );\n        isValid = false;\n      }\n\n      if (\n        TableUtils.isNumberType(column.type) &&\n        !isNumberConditionValid(\n          selectedCondition as NumberCondition,\n          conditionValue,\n          startValue,\n          endValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid value',\n          conditionValue\n        );\n        isValid = false;\n      }\n      onChange(\n        {\n          condition: selectedCondition,\n          value: conditionValue,\n          start: startValue,\n          end: endValue,\n        },\n        isValid\n      );\n    },\n    [\n      onChange,\n      column.type,\n      selectedCondition,\n      conditionValue,\n      startValue,\n      endValue,\n    ]\n  );\n\n  const conditionInputs = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      // Column not selected\n      return null;\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return getNumberInputs(\n        selectedCondition as NumberCondition,\n        handleValueChange,\n        handleStartValueChange,\n        handleEndValueChange,\n        conditionValue,\n        startValue,\n        endValue\n      );\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return getCharInputs(\n        selectedCondition as CharCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return getStringInputs(\n        selectedCondition as StringCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return getDateInputs(\n        selectedCondition as DateCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return getBooleanInputs();\n    }\n  }, [\n    selectedColumnType,\n    selectedCondition,\n    conditionValue,\n    startValue,\n    endValue,\n    handleValueChange,\n    handleStartValueChange,\n    handleEndValueChange,\n  ]);\n\n  return (\n    <div className=\"condition-editor mb-2\">\n      <select\n        value={selectedCondition}\n        id=\"condition-select\"\n        className=\"custom-select mb-2\"\n        onChange={handleConditionChange}\n      >\n        {conditions}\n      </select>\n      {conditionInputs}\n    </div>\n  );\n};\n\nexport default ConditionEditor;\n"],"mappings":"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"}
+{"version":3,"file":"ConditionEditor.js","names":["React","useCallback","useEffect","useMemo","useState","TableUtils","Log","StringCondition","DateCondition","getLabelForNumberCondition","getLabelForDateCondition","getLabelForStringCondition","NumberCondition","getDefaultConditionForType","getLabelForBooleanCondition","BooleanCondition","CharCondition","getLabelForCharCondition","log","module","DEFAULT_CALLBACK","undefined","numberConditionOptions","IS_EQUAL","IS_NOT_EQUAL","IS_BETWEEN","GREATER_THAN","GREATER_THAN_OR_EQUAL","LESS_THAN","LESS_THAN_OR_EQUAL","IS_NULL","IS_NOT_NULL","map","option","stringConditions","IS_EXACTLY","IS_NOT_EXACTLY","CONTAINS","DOES_NOT_CONTAIN","STARTS_WITH","ENDS_WITH","dateConditions","IS_BEFORE","IS_BEFORE_OR_EQUAL","IS_AFTER","IS_AFTER_OR_EQUAL","booleanConditions","IS_TRUE","IS_FALSE","charConditions","isNumberConditionValid","condition","value","startValue","endValue","Number","isNaN","parseFloat","getNumberInputs","selectedCondition","handleValueChange","handleStartValueChange","handleEndValueChange","conditionValue","getStringInputs","getDateInputs","getBooleanInputs","getCharInputs","ConditionEditor","props","column","config","onChange","selectedColumnType","type","prevColumnType","setPrevColumnType","setCondition","setValue","setStartValue","start","setEndValue","end","conditions","isNumberType","isCharType","isStringType","isDateType","isBooleanType","handleConditionChange","e","target","debug","changeCondition","isValid","conditionInputs"],"sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  StringCondition,\n  DateCondition,\n  getLabelForNumberCondition,\n  getLabelForDateCondition,\n  getLabelForStringCondition,\n  NumberCondition,\n  ModelColumn,\n  ConditionConfig,\n  getDefaultConditionForType,\n  getLabelForBooleanCondition,\n  BooleanCondition,\n  CharCondition,\n  getLabelForCharCondition,\n} from './ConditionalFormattingUtils';\n\nconst log = Log.module('ConditionEditor');\n\nexport interface ConditionEditorProps {\n  column: ModelColumn;\n  config: ConditionConfig;\n  onChange?: (config: ConditionConfig, isValid: boolean) => void;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nconst numberConditionOptions = [\n  NumberCondition.IS_EQUAL,\n  NumberCondition.IS_NOT_EQUAL,\n  NumberCondition.IS_BETWEEN,\n  NumberCondition.GREATER_THAN,\n  NumberCondition.GREATER_THAN_OR_EQUAL,\n  NumberCondition.LESS_THAN,\n  NumberCondition.LESS_THAN_OR_EQUAL,\n  NumberCondition.IS_NULL,\n  NumberCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForNumberCondition(option)}\n  </option>\n));\n\nconst stringConditions = [\n  StringCondition.IS_EXACTLY,\n  StringCondition.IS_NOT_EXACTLY,\n  StringCondition.CONTAINS,\n  StringCondition.DOES_NOT_CONTAIN,\n  StringCondition.STARTS_WITH,\n  StringCondition.ENDS_WITH,\n  StringCondition.IS_NULL,\n  StringCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForStringCondition(option)}\n  </option>\n));\n\nconst dateConditions = [\n  DateCondition.IS_EXACTLY,\n  DateCondition.IS_NOT_EXACTLY,\n  DateCondition.IS_BEFORE,\n  DateCondition.IS_BEFORE_OR_EQUAL,\n  DateCondition.IS_AFTER,\n  DateCondition.IS_AFTER_OR_EQUAL,\n  DateCondition.IS_NULL,\n  DateCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForDateCondition(option)}\n  </option>\n));\n\nconst booleanConditions = [\n  BooleanCondition.IS_TRUE,\n  BooleanCondition.IS_FALSE,\n  BooleanCondition.IS_NULL,\n  BooleanCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForBooleanCondition(option)}\n  </option>\n));\n\nconst charConditions = [\n  CharCondition.IS_EQUAL,\n  CharCondition.IS_NOT_EQUAL,\n  CharCondition.IS_NULL,\n  CharCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForCharCondition(option)}\n  </option>\n));\n\nfunction isNumberConditionValid(\n  condition: NumberCondition,\n  value?: string,\n  startValue?: string,\n  endValue?: string\n) {\n  if (\n    condition === NumberCondition.IS_NULL ||\n    condition === NumberCondition.IS_NOT_NULL\n  ) {\n    return true;\n  }\n  if (\n    condition === NumberCondition.IS_BETWEEN &&\n    startValue != null &&\n    startValue !== '' &&\n    !Number.isNaN(Number.parseFloat(startValue)) &&\n    endValue != null &&\n    endValue !== '' &&\n    !Number.isNaN(Number.parseFloat(endValue))\n  ) {\n    return true;\n  }\n  if (\n    condition !== NumberCondition.IS_BETWEEN &&\n    value !== undefined &&\n    value !== '' &&\n    !Number.isNaN(Number.parseFloat(value))\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction getNumberInputs(\n  selectedCondition: NumberCondition,\n  handleValueChange: (e: unknown) => void,\n  handleStartValueChange: (e: unknown) => void,\n  handleEndValueChange: (e: unknown) => void,\n  conditionValue?: string,\n  startValue?: string,\n  endValue?: string\n) {\n  switch (selectedCondition) {\n    case NumberCondition.IS_EQUAL:\n    case NumberCondition.IS_NOT_EQUAL:\n    case NumberCondition.GREATER_THAN:\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n    case NumberCondition.LESS_THAN:\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return (\n        <input\n          type=\"number\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n    case NumberCondition.IS_BETWEEN:\n      return (\n        <div className=\"d-flex flex-row\">\n          <input\n            type=\"number\"\n            className=\"form-control d-flex mr-2\"\n            placeholder=\"Start value\"\n            value={startValue ?? ''}\n            onChange={handleStartValueChange}\n          />\n          <input\n            type=\"number\"\n            className=\"form-control d-flex\"\n            placeholder=\"End value\"\n            value={endValue ?? ''}\n            onChange={handleEndValueChange}\n          />\n        </div>\n      );\n    case NumberCondition.IS_NULL:\n    case NumberCondition.IS_NOT_NULL:\n      return null;\n  }\n}\n\nfunction getStringInputs(\n  selectedCondition: StringCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case StringCondition.IS_NULL:\n    case StringCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getDateInputs(\n  selectedCondition: DateCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case DateCondition.IS_NULL:\n    case DateCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getBooleanInputs() {\n  return null;\n}\n\nfunction getCharInputs(\n  selectedCondition: CharCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\n  switch (selectedCondition) {\n    case CharCondition.IS_NULL:\n    case CharCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className=\"form-control\"\n          maxLength={1}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nconst ConditionEditor = (props: ConditionEditorProps): JSX.Element => {\n  const { column, config, onChange = DEFAULT_CALLBACK } = props;\n  const selectedColumnType = column.type;\n  const [prevColumnType, setPrevColumnType] = useState(selectedColumnType);\n  const [selectedCondition, setCondition] = useState(config.condition);\n  const [conditionValue, setValue] = useState(config.value);\n  const [startValue, setStartValue] = useState(config.start);\n  const [endValue, setEndValue] = useState(config.end);\n\n  if (selectedColumnType !== prevColumnType) {\n    // Column type changed, reset condition and value fields\n    setCondition(getDefaultConditionForType(selectedColumnType));\n    setValue(undefined);\n    setStartValue(undefined);\n    setEndValue(undefined);\n    setPrevColumnType(selectedColumnType);\n  }\n\n  const conditions = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      return [];\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return numberConditionOptions;\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return charConditions;\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return stringConditions;\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return dateConditions;\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return booleanConditions;\n    }\n  }, [selectedColumnType]);\n\n  const handleConditionChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleConditionChange', value);\n    setCondition(value);\n  }, []);\n\n  const handleValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleValueChange', value);\n    setValue(value);\n  }, []);\n\n  const handleStartValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleStartValueChange', value);\n    setStartValue(value);\n  }, []);\n\n  const handleEndValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleEndValueChange', value);\n    setEndValue(value);\n  }, []);\n\n  useEffect(\n    function changeCondition() {\n      let isValid = true;\n\n      if (selectedCondition === undefined) {\n        log.debug(\n          'Unable to create formatting rule. Condition is not selected.'\n        );\n        isValid = false;\n      }\n\n      if (\n        TableUtils.isNumberType(column.type) &&\n        !isNumberConditionValid(\n          selectedCondition as NumberCondition,\n          conditionValue,\n          startValue,\n          endValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid value',\n          conditionValue\n        );\n        isValid = false;\n      }\n      onChange(\n        {\n          condition: selectedCondition,\n          value: conditionValue,\n          start: startValue,\n          end: endValue,\n        },\n        isValid\n      );\n    },\n    [\n      onChange,\n      column.type,\n      selectedCondition,\n      conditionValue,\n      startValue,\n      endValue,\n    ]\n  );\n\n  const conditionInputs = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      // Column not selected\n      return null;\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return getNumberInputs(\n        selectedCondition as NumberCondition,\n        handleValueChange,\n        handleStartValueChange,\n        handleEndValueChange,\n        conditionValue,\n        startValue,\n        endValue\n      );\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return getCharInputs(\n        selectedCondition as CharCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return getStringInputs(\n        selectedCondition as StringCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return getDateInputs(\n        selectedCondition as DateCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return getBooleanInputs();\n    }\n  }, [\n    selectedColumnType,\n    selectedCondition,\n    conditionValue,\n    startValue,\n    endValue,\n    handleValueChange,\n    handleStartValueChange,\n    handleEndValueChange,\n  ]);\n\n  return (\n    <div className=\"condition-editor mb-2\">\n      <select\n        value={selectedCondition}\n        id=\"condition-select\"\n        className=\"custom-select mb-2\"\n        onChange={handleConditionChange}\n      >\n        {conditions}\n      </select>\n      {conditionInputs}\n    </div>\n  );\n};\n\nexport default ConditionEditor;\n"],"mappings":"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"}

package/dist/sidebar/conditional-formatting/ConditionalFormatEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalFormatEditor.js","names":["React","useCallback","useState","classNames","Button","Log","FormatColumnWhereIcon","FormatRowWhereIcon","ColumnFormatEditor","RowFormatEditor","FormatterType","isSupportedColumn","log","module","DEFAULT_CALLBACK","undefined","getFormatterTypeIcon","option","CONDITIONAL","ROWS","getFormatterTypeLabel","formatterTypes","ConditionalFormatEditor","props","columns","originalColumns","onSave","onUpdate","onCancel","rule","defaultRule","filter","selectedFormatter","setFormatter","type","setRule","isValid","setIsValid","handleCancel","handleSave","error","handleFormatterChange","value","debug","handleRuleChange","ruleConfig","isRuleValid","updatedRule","config","map","index","active"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { Button } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport { FormatColumnWhereIcon, FormatRowWhereIcon } from '../icons';\nimport ColumnFormatEditor from './ColumnFormatEditor';\nimport RowFormatEditor from './RowFormatEditor';\nimport {\n  BaseFormatConfig,\n  FormatterType,\n  FormattingRule,\n  isSupportedColumn,\n  ModelColumn,\n} from './ConditionalFormattingUtils';\nimport './ConditionalFormatEditor.scss';\n\nconst log = Log.module('ConditionalFormatEditor');\n\nexport type SaveCallback = (rule: FormattingRule) => void;\n\nexport type UpdateCallback = (rule?: FormattingRule) => void;\n\nexport type CancelCallback = () => void;\n\nexport interface ConditionalFormatEditorProps {\n  columns: ModelColumn[];\n  rule?: FormattingRule;\n  onCancel?: CancelCallback;\n  onSave?: SaveCallback;\n  onUpdate?: UpdateCallback;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction getFormatterTypeIcon(option: FormatterType): JSX.Element | undefined {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return <FormatColumnWhereIcon />;\n    case FormatterType.ROWS:\n      return <FormatRowWhereIcon />;\n  }\n}\n\nfunction getFormatterTypeLabel(option: FormatterType): string {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return 'Conditional';\n    case FormatterType.ROWS:\n      return 'Rows';\n  }\n}\n\nconst formatterTypes = [FormatterType.CONDITIONAL, FormatterType.ROWS];\n\nconst ConditionalFormatEditor = (\n  props: ConditionalFormatEditorProps\n): JSX.Element => {\n  const {\n    columns: originalColumns,\n    onSave = DEFAULT_CALLBACK,\n    onUpdate = DEFAULT_CALLBACK,\n    onCancel = DEFAULT_CALLBACK,\n    rule: defaultRule,\n  } = props;\n\n  const columns = originalColumns.filter(isSupportedColumn);\n\n  const [selectedFormatter, setFormatter] = useState(\n    defaultRule?.type ?? formatterTypes[0]\n  );\n  const [rule, setRule] = useState(defaultRule);\n  const [isValid, setIsValid] = useState(false);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleSave = useCallback(() => {\n    if (rule === undefined) {\n      log.error('Rule is not defined.');\n      return;\n    }\n    onSave(rule);\n  }, [onSave, rule]);\n\n  const handleFormatterChange = useCallback(value => {\n    log.debug('handleFormatterChange', value);\n    setFormatter(value);\n  }, []);\n\n  const handleRuleChange = useCallback(\n    (ruleConfig, isRuleValid) => {\n      log.debug('handleRuleChange', ruleConfig, isRuleValid, selectedFormatter);\n      const updatedRule = {\n        type: selectedFormatter,\n        config: ruleConfig as BaseFormatConfig,\n      };\n      setRule(updatedRule);\n      setIsValid(isRuleValid);\n      onUpdate(isRuleValid ? updatedRule : undefined);\n    },\n    [onUpdate, selectedFormatter]\n  );\n\n  return (\n    <div className=\"conditional-format-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\" htmlFor=\"formatter-select\">\n          Select Formatter\n        </label>\n\n        <div className=\"formatter-list\">\n          {formatterTypes.map((type, index) => (\n            <div key={type} className=\"formatter-type\">\n              <button\n                type=\"button\"\n                className={classNames('btn', 'btn-icon', 'btn-formatter-type', {\n                  active: type === selectedFormatter,\n                })}\n                data-index={index}\n                onClick={() => handleFormatterChange(type)}\n              >\n                {getFormatterTypeIcon(type)}\n                {getFormatterTypeLabel(type)}\n              </button>\n            </div>\n          ))}\n        </div>\n      </div>\n      {selectedFormatter === FormatterType.CONDITIONAL && (\n        <ColumnFormatEditor\n          columns={columns}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      {selectedFormatter === FormatterType.ROWS && (\n        <RowFormatEditor\n          columns={columns}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      <hr />\n      <div className=\"d-flex justify-content-end my-3\">\n        <Button kind=\"secondary\" onClick={handleCancel} className=\"mr-2\">\n          Cancel\n        </Button>\n        <Button\n          kind=\"primary\"\n          onClick={handleSave}\n          disabled={rule === undefined || !isValid}\n        >\n          Done\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default ConditionalFormatEditor;\n"],"mappings":"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"}
+{"version":3,"file":"ConditionalFormatEditor.js","names":["React","useCallback","useState","classNames","Button","Log","FormatColumnWhereIcon","FormatRowWhereIcon","ColumnFormatEditor","RowFormatEditor","FormatterType","isSupportedColumn","log","module","DEFAULT_CALLBACK","undefined","getFormatterTypeIcon","option","CONDITIONAL","ROWS","getFormatterTypeLabel","formatterTypes","ConditionalFormatEditor","props","columns","originalColumns","onSave","onUpdate","onCancel","rule","defaultRule","filter","selectedFormatter","setFormatter","type","setRule","isValid","setIsValid","handleCancel","handleSave","error","handleFormatterChange","value","debug","handleRuleChange","ruleConfig","isRuleValid","updatedRule","config","map","index","active"],"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { Button } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport { FormatColumnWhereIcon, FormatRowWhereIcon } from '../icons';\nimport ColumnFormatEditor from './ColumnFormatEditor';\nimport RowFormatEditor from './RowFormatEditor';\nimport {\n  BaseFormatConfig,\n  FormatterType,\n  FormattingRule,\n  isSupportedColumn,\n  ModelColumn,\n} from './ConditionalFormattingUtils';\nimport './ConditionalFormatEditor.scss';\n\nconst log = Log.module('ConditionalFormatEditor');\n\nexport type SaveCallback = (rule: FormattingRule) => void;\n\nexport type UpdateCallback = (rule?: FormattingRule) => void;\n\nexport type CancelCallback = () => void;\n\nexport interface ConditionalFormatEditorProps {\n  columns: ModelColumn[];\n  rule?: FormattingRule;\n  onCancel?: CancelCallback;\n  onSave?: SaveCallback;\n  onUpdate?: UpdateCallback;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction getFormatterTypeIcon(option: FormatterType): JSX.Element | undefined {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return <FormatColumnWhereIcon />;\n    case FormatterType.ROWS:\n      return <FormatRowWhereIcon />;\n  }\n}\n\nfunction getFormatterTypeLabel(option: FormatterType): string {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return 'Conditional';\n    case FormatterType.ROWS:\n      return 'Rows';\n  }\n}\n\nconst formatterTypes = [FormatterType.CONDITIONAL, FormatterType.ROWS];\n\nconst ConditionalFormatEditor = (\n  props: ConditionalFormatEditorProps\n): JSX.Element => {\n  const {\n    columns: originalColumns,\n    onSave = DEFAULT_CALLBACK,\n    onUpdate = DEFAULT_CALLBACK,\n    onCancel = DEFAULT_CALLBACK,\n    rule: defaultRule,\n  } = props;\n\n  const columns = originalColumns.filter(isSupportedColumn);\n\n  const [selectedFormatter, setFormatter] = useState(\n    defaultRule?.type ?? formatterTypes[0]\n  );\n  const [rule, setRule] = useState(defaultRule);\n  const [isValid, setIsValid] = useState(false);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleSave = useCallback(() => {\n    if (rule === undefined) {\n      log.error('Rule is not defined.');\n      return;\n    }\n    onSave(rule);\n  }, [onSave, rule]);\n\n  const handleFormatterChange = useCallback(value => {\n    log.debug('handleFormatterChange', value);\n    setFormatter(value);\n  }, []);\n\n  const handleRuleChange = useCallback(\n    (ruleConfig, isRuleValid: boolean) => {\n      log.debug('handleRuleChange', ruleConfig, isRuleValid, selectedFormatter);\n      const updatedRule = {\n        type: selectedFormatter,\n        config: ruleConfig as BaseFormatConfig,\n      };\n      setRule(updatedRule);\n      setIsValid(isRuleValid);\n      onUpdate(isRuleValid ? updatedRule : undefined);\n    },\n    [onUpdate, selectedFormatter]\n  );\n\n  return (\n    <div className=\"conditional-format-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\" htmlFor=\"formatter-select\">\n          Select Formatter\n        </label>\n\n        <div className=\"formatter-list\">\n          {formatterTypes.map((type, index) => (\n            <div key={type} className=\"formatter-type\">\n              <button\n                type=\"button\"\n                className={classNames('btn', 'btn-icon', 'btn-formatter-type', {\n                  active: type === selectedFormatter,\n                })}\n                data-index={index}\n                onClick={() => handleFormatterChange(type)}\n              >\n                {getFormatterTypeIcon(type)}\n                {getFormatterTypeLabel(type)}\n              </button>\n            </div>\n          ))}\n        </div>\n      </div>\n      {selectedFormatter === FormatterType.CONDITIONAL && (\n        <ColumnFormatEditor\n          columns={columns}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      {selectedFormatter === FormatterType.ROWS && (\n        <RowFormatEditor\n          columns={columns}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      <hr />\n      <div className=\"d-flex justify-content-end my-3\">\n        <Button kind=\"secondary\" onClick={handleCancel} className=\"mr-2\">\n          Cancel\n        </Button>\n        <Button\n          kind=\"primary\"\n          onClick={handleSave}\n          disabled={rule === undefined || !isValid}\n        >\n          Done\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default ConditionalFormatEditor;\n"],"mappings":"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"}

package/dist/sidebar/conditional-formatting/ConditionalFormattingMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalFormattingMenu.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.tsx"],"names":[],"mappings":";AAQA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAEL,cAAc,EAQf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,oBAAY,cAAc,GAAG,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;AAE/D,oBAAY,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAErD,oBAAY,cAAc,GAAG,MAAM,IAAI,CAAC;AAExC,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAoDF,QAAA,MAAM,yBAAyB,UACtB,8BAA8B,KACpC,WA0JF,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ConditionalFormattingMenu.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.tsx"],"names":[],"mappings":";AAaA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAEL,cAAc,EAQf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,oBAAY,cAAc,GAAG,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;AAE/D,oBAAY,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAErD,oBAAY,cAAc,GAAG,MAAM,IAAI,CAAC;AAExC,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAoDF,QAAA,MAAM,yBAAyB,UACtB,8BAA8B,KACpC,WA0JF,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/sidebar/conditional-formatting/ConditionalFormattingMenu.js

@@ -77,7 +77,7 @@ var ConditionalFormattingMenu = props => {
   var handleDragEnd = useCallback(result => {
     DragUtils.stopDragging(); // if dropped outside the list
 
-    if (!result.destination) {
+    if (result.destination == null) {
       return;
     }