@deephaven/iris-grid 0.51.0 → 0.51.1-alpha-theme-fix.1

package/dist/sidebar/RollupRows.js.map

@@ -1 +1 @@
-{"version":3,"file":"RollupRows.js","names":["React","Component","classNames","FontAwesomeIcon","DragDropContext","Droppable","Checkbox","DraggableItemList","DragUtils","SearchInput","Tooltip","Button","vsTrash","dhSortAlphaDown","dhSortAlphaUp","TableUtils","memoize","debounce","Log","assertNotNull","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","DEBOUNCE_SEARCH","GROUPED_LIST_ID","UNGROUPED_LIST_ID","RollupRows","renderColumn","_ref","item","isClone","selectedCount","text","name","badgeText","undefined","concat","className","renderTextItem","addGroupings","currentGroupings","newGroupings","index","arguments","length","insertIndex","groupings","filter","grouping","i","includes","splice","isGroupable","column","isDecimalType","type","constructor","props","_defineProperty","searchFilter","columns","getSortedUngroupedColumns","selectedRanges","focusIndex","toLowerCase","push","setState","ungroupedSelectedRanges","ungroupedList","current","scrollToItem","groupedColumns","find","sort","sortColumns","SORT","ASCENDING","handleDeleteClicked","bind","handleSearchChange","handleUngroupedSelect","handleUngroupedSelectionChange","handleDragStart","handleDragEnd","handleGroupedSelectionChange","handleShowConstituentsChange","handleShowNonAggregatedColumnsChange","handleSortAscending","handleSortDescending","renderGroupedItem","createRef","groupedList","config","showConstituents","showNonAggregatedColumns","state","groupedSelectedRanges","dragSource","componentDidUpdate","prevProps","prevState","updateFromConfig","sendChange","componentWillUnmount","search","cancel","event","target","value","resetSelection","_ref2","_ref3","DESCENDING","e","debug","document","documentElement","classList","add","source","remove","destination","droppableId","_ref4","newColumns","reorder","isSameList","destinationIndex","_ref5","sourceItems","map","c","sourceRanges","draggedItems","adjustDestinationIndex","newSelectedRanges","itemIndex","_ref6","debug2","_ref7","stateUngroupedSelectedRanges","_ref8","stateGroupedSelectedRanges","_ref9","slice","_ref10","_ref11","onChange","getUngroupedColumns","model","originalColumns","getCachedUngroupedColumns","getCachedSortedColumns","_ref12","indent","repeat","children","kind","onClick","icon","render","ungroupedColumns","groupListHeight","DEFAULT_ROW_HEIGHT","ungroupMaxListHeight","ungroupMinListHeight","Math","min","role","tabIndex","onDragEnd","onDragStart","provided","snapshot","_objectSpread","draggingFromThisWith","isDraggingOver","draggingOverWith","ref","innerRef","droppableProps","draggingItemClassName","draggablePrefix","itemCount","items","offset","onSelectionChange","renderItem","style","height","isMultiSelect","matchCount","placeholder","active","onSelect","maxHeight","minHeight","isDropDisabled","checked","Object","freeze"],"sources":["../../src/sidebar/RollupRows.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { ChangeEvent, Component, ReactElement, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  DragDropContext,\n  DraggableLocation,\n  DragStart,\n  Droppable,\n  DropResult,\n} from 'react-beautiful-dnd';\nimport {\n  Checkbox,\n  DraggableItemList,\n  DragUtils,\n  SearchInput,\n  Tooltip,\n  Range,\n  RenderItemProps,\n  Button,\n} from '@deephaven/components';\nimport { vsTrash, dhSortAlphaDown, dhSortAlphaUp } from '@deephaven/icons';\nimport { TableUtils, SortDirection } from '@deephaven/jsapi-utils';\nimport memoize from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport { assertNotNull } from '@deephaven/utils';\nimport './RollupRows.scss';\nimport type { Column } from '@deephaven/jsapi-types';\nimport IrisGridModel from '../IrisGridModel';\nimport { ColumnName } from '../CommonTypes';\n\nconst log = Log.module('RollupRows');\nconst DEBOUNCE_SEARCH = 150;\nconst GROUPED_LIST_ID = 'grouped-rollup-rows';\nconst UNGROUPED_LIST_ID = 'ungrouped-rollup-rows';\n\nexport interface UIRollupConfig {\n  columns: ColumnName[];\n  showConstituents: boolean;\n  showNonAggregatedColumns: boolean;\n  includeDescriptions: true;\n}\n\ninterface RollupRowsProps {\n  model: IrisGridModel;\n  onChange: (rollupConfig: UIRollupConfig) => void;\n  config: UIRollupConfig | null;\n}\n\ninterface RollupRowsState {\n  ungroupedSelectedRanges: Range[];\n  columns: ColumnName[];\n  groupedSelectedRanges: Range[];\n  searchFilter: string;\n  showConstituents: boolean;\n  showNonAggregatedColumns: boolean;\n  dragSource: DraggableLocation | null;\n  sort: SortDirection;\n}\n\nclass RollupRows extends Component<RollupRowsProps, RollupRowsState> {\n  static SORT = Object.freeze({\n    ASCENDING: 'ASC',\n    DESCENDING: 'DESC',\n  });\n\n  static defaultProps = {\n    config: null,\n    onChange: (): void => undefined,\n  };\n\n  static renderColumn({\n    item,\n    isClone,\n    selectedCount,\n  }: RenderItemProps<Column> & {\n    isClone?: boolean;\n    selectedCount?: number;\n  }): ReactElement {\n    const text = item?.name;\n    const badgeText =\n      isClone !== undefined && isClone ? `${selectedCount}` : undefined;\n    const className =\n      isClone !== undefined && isClone ? 'item-list-item-clone' : '';\n    return DraggableItemList.renderTextItem({ text, badgeText, className });\n  }\n\n  static addGroupings(\n    currentGroupings: string[],\n    newGroupings: string[],\n    index: number = currentGroupings.length\n  ): string[] {\n    if (newGroupings == null || newGroupings.length === 0) {\n      return currentGroupings;\n    }\n\n    let insertIndex = index;\n    const groupings = currentGroupings.filter((grouping, i) => {\n      if (newGroupings.includes(grouping)) {\n        if (i < insertIndex) {\n          insertIndex -= 1;\n        }\n        return false;\n      }\n      return true;\n    });\n    groupings.splice(insertIndex, 0, ...newGroupings);\n    return groupings;\n  }\n\n  static isGroupable(column: Column): boolean {\n    return !TableUtils.isDecimalType(column.type);\n  }\n\n  constructor(props: RollupRowsProps) {\n    super(props);\n\n    this.handleDeleteClicked = this.handleDeleteClicked.bind(this);\n    this.handleSearchChange = this.handleSearchChange.bind(this);\n    this.handleUngroupedSelect = this.handleUngroupedSelect.bind(this);\n    this.handleUngroupedSelectionChange =\n      this.handleUngroupedSelectionChange.bind(this);\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.handleGroupedSelectionChange =\n      this.handleGroupedSelectionChange.bind(this);\n    this.handleShowConstituentsChange =\n      this.handleShowConstituentsChange.bind(this);\n    this.handleShowNonAggregatedColumnsChange =\n      this.handleShowNonAggregatedColumnsChange.bind(this);\n    this.handleSortAscending = this.handleSortAscending.bind(this);\n    this.handleSortDescending = this.handleSortDescending.bind(this);\n    this.renderGroupedItem = this.renderGroupedItem.bind(this);\n\n    this.ungroupedList = React.createRef();\n    this.groupedList = React.createRef();\n\n    const { config } = props;\n    const {\n      columns = [],\n      showConstituents = true,\n      showNonAggregatedColumns = true,\n    } = config ?? {};\n\n    this.state = {\n      ungroupedSelectedRanges: [],\n      columns,\n      groupedSelectedRanges: [],\n      searchFilter: '',\n      showConstituents,\n      showNonAggregatedColumns,\n      dragSource: null,\n      sort: null,\n    };\n  }\n\n  componentDidUpdate(\n    prevProps: RollupRowsProps,\n    prevState: RollupRowsState\n  ): void {\n    const { config } = this.props;\n    const { columns, showConstituents, showNonAggregatedColumns } = this.state;\n    if (config !== prevProps.config) {\n      this.updateFromConfig();\n    } else if (\n      columns !== prevState.columns ||\n      showConstituents !== prevState.showConstituents ||\n      showNonAggregatedColumns !== prevState.showNonAggregatedColumns\n    ) {\n      if (\n        config == null ||\n        columns !== config.columns ||\n        showConstituents !== config.showConstituents ||\n        showNonAggregatedColumns !== config.showNonAggregatedColumns\n      ) {\n        this.sendChange();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.search.cancel();\n  }\n\n  ungroupedList: RefObject<DraggableItemList<Column>>;\n\n  groupedList: RefObject<DraggableItemList<string>>;\n\n  handleSearchChange(event: ChangeEvent<HTMLInputElement>): void {\n    const searchFilter = event.target.value;\n    this.setState({ searchFilter });\n    if (!searchFilter) {\n      this.search.cancel();\n      this.resetSelection();\n      return;\n    }\n    this.search(searchFilter);\n  }\n\n  handleSortAscending(): void {\n    this.setState(({ sort }) => ({\n      sort:\n        sort === RollupRows.SORT.ASCENDING\n          ? null\n          : (RollupRows.SORT.ASCENDING as SortDirection),\n    }));\n  }\n\n  handleSortDescending(): void {\n    this.setState(({ sort }) => ({\n      sort:\n        sort === RollupRows.SORT.DESCENDING\n          ? null\n          : (RollupRows.SORT.DESCENDING as SortDirection),\n    }));\n  }\n\n  resetSelection(): void {\n    this.setState({ ungroupedSelectedRanges: [], groupedSelectedRanges: [] });\n  }\n\n  search = debounce((searchFilter: string) => {\n    const columns = this.getSortedUngroupedColumns();\n    const selectedRanges = [] as Range[];\n    let focusIndex = null;\n    for (let i = 0; i < columns.length; i += 1) {\n      const column = columns[i];\n      if (column.name.toLowerCase().includes(searchFilter.toLowerCase())) {\n        if (focusIndex == null) {\n          focusIndex = i;\n        }\n        selectedRanges.push([i, i]);\n      }\n    }\n    assertNotNull(focusIndex);\n    this.setState({ ungroupedSelectedRanges: selectedRanges });\n\n    if (selectedRanges.length > 0 && this.ungroupedList.current) {\n      this.ungroupedList.current.scrollToItem(focusIndex);\n    }\n  }, DEBOUNCE_SEARCH);\n\n  handleDragStart(e: DragStart): void {\n    log.debug('handleDragStart', e);\n\n    document.documentElement.classList.add('drag-pointer-events-none');\n\n    this.setState({ dragSource: e.source });\n  }\n\n  handleDragEnd(e: DropResult): void {\n    log.debug('handleDragEnd', e);\n\n    document.documentElement.classList.remove('drag-pointer-events-none');\n\n    this.setState({ dragSource: null });\n\n    const { destination, source } = e;\n    if (destination == null || source == null) {\n      return;\n    }\n\n    // We don't allow dragging within the ungrouped list, so if we're dragging into the ungrouped list,\n    // it must have came from the grouped list. Remove those grouped columns.\n    if (destination.droppableId === UNGROUPED_LIST_ID) {\n      this.setState(({ groupedSelectedRanges, columns }) => {\n        const newColumns = [...columns];\n        DragUtils.reorder(newColumns, groupedSelectedRanges, [], 0);\n        return {\n          columns: newColumns,\n          ungroupedSelectedRanges: [],\n          groupedSelectedRanges: [],\n        };\n      });\n      return;\n    }\n\n    // Otherwise, it must be dropping into the grouped list, so we just need to check the source\n    const isSameList = source.droppableId === GROUPED_LIST_ID;\n    let destinationIndex = destination.index;\n    if (isSameList && source.index < destination.index) {\n      // react-beautiful-dnd adjusts the index when dragging within a list already, however that only supports single selection\n      // We need to change it back to the index we actually want it to drop at before adjusting for the removed source index, as\n      // we adjust the index based on all the selected ranges, not just the source.index.\n      destinationIndex += 1;\n    }\n    this.setState(\n      ({ columns, ungroupedSelectedRanges, groupedSelectedRanges }) => {\n        const newColumns = [...columns];\n        const sourceItems = isSameList\n          ? newColumns\n          : this.getSortedUngroupedColumns().map(c => c.name);\n        const sourceRanges = isSameList\n          ? groupedSelectedRanges\n          : ungroupedSelectedRanges;\n        const draggedItems = DragUtils.reorder(\n          sourceItems,\n          sourceRanges,\n          newColumns,\n          destinationIndex\n        );\n\n        // Select the newly dropped items\n        const insertIndex = isSameList\n          ? DragUtils.adjustDestinationIndex(\n              destinationIndex,\n              groupedSelectedRanges\n            )\n          : destinationIndex;\n        const newSelectedRanges = [\n          [insertIndex, insertIndex + draggedItems.length - 1] as Range,\n        ];\n        return {\n          columns: newColumns,\n          ungroupedSelectedRanges: [] as Range[],\n          groupedSelectedRanges: newSelectedRanges,\n        };\n      }\n    );\n    this.resetSelection();\n  }\n\n  handleUngroupedSelect(itemIndex: number): void {\n    log.debug('handleUngroupedSelect');\n\n    this.setState(({ columns }) => ({\n      columns: RollupRows.addGroupings(columns, [\n        this.getSortedUngroupedColumns()[itemIndex].name,\n      ]),\n      ungroupedSelectedRanges: [],\n      groupedSelectedRanges: [],\n    }));\n  }\n\n  handleUngroupedSelectionChange(ungroupedSelectedRanges: Range[]): void {\n    log.debug2('handleUngroupedSelectionChange', ungroupedSelectedRanges);\n    this.setState(\n      ({ ungroupedSelectedRanges: stateUngroupedSelectedRanges }) => {\n        if (ungroupedSelectedRanges === stateUngroupedSelectedRanges) {\n          return null;\n        }\n\n        return { ungroupedSelectedRanges, groupedSelectedRanges: [] };\n      }\n    );\n  }\n\n  handleGroupedSelectionChange(groupedSelectedRanges: Range[]): void {\n    log.debug2('handleGroupedSelectedRanges', groupedSelectedRanges);\n    this.setState(({ groupedSelectedRanges: stateGroupedSelectedRanges }) => {\n      if (groupedSelectedRanges === stateGroupedSelectedRanges) {\n        return null;\n      }\n\n      return { groupedSelectedRanges, ungroupedSelectedRanges: [] };\n    });\n  }\n\n  handleDeleteClicked(index: number): void {\n    this.setState(({ columns }) => {\n      const newColumns = columns.slice();\n      newColumns.splice(index, 1);\n      return { columns: newColumns };\n    });\n  }\n\n  handleShowConstituentsChange(): void {\n    this.setState(({ showConstituents }) => ({\n      showConstituents: !showConstituents,\n    }));\n  }\n\n  handleShowNonAggregatedColumnsChange(): void {\n    this.setState(({ showNonAggregatedColumns }) => ({\n      showNonAggregatedColumns: !showNonAggregatedColumns,\n    }));\n  }\n\n  updateFromConfig(): void {\n    const { config } = this.props;\n    const {\n      columns = [],\n      showConstituents = true,\n      showNonAggregatedColumns = true,\n    } = config ?? {};\n    this.setState({ columns, showConstituents, showNonAggregatedColumns });\n  }\n\n  sendChange(): void {\n    const { onChange } = this.props;\n    const { columns, showConstituents, showNonAggregatedColumns } = this.state;\n    onChange({\n      columns,\n      showConstituents,\n      showNonAggregatedColumns,\n    } as UIRollupConfig);\n  }\n\n  getCachedUngroupedColumns = memoize(\n    (\n      columns: readonly Column[],\n      groupedColumns: readonly ColumnName[]\n    ): readonly Column[] =>\n      columns.filter(\n        column =>\n          RollupRows.isGroupable(column) &&\n          groupedColumns.find(name => name === column.name) == null\n      )\n  );\n\n  getCachedSortedColumns = memoize(\n    (columns: readonly Column[], sort?: SortDirection): readonly Column[] =>\n      sort == null\n        ? [...columns]\n        : TableUtils.sortColumns(columns, sort === RollupRows.SORT.ASCENDING)\n  );\n\n  getUngroupedColumns(): readonly Column[] {\n    const { model } = this.props;\n    const { columns } = this.state;\n    const { originalColumns } = model;\n\n    return this.getCachedUngroupedColumns(originalColumns, columns);\n  }\n\n  getSortedUngroupedColumns(): readonly Column[] {\n    const { sort } = this.state;\n    const columns = this.getUngroupedColumns();\n    return this.getCachedSortedColumns(columns, sort);\n  }\n\n  renderGroupedItem({\n    item,\n    itemIndex,\n    isClone,\n    selectedCount,\n  }: RenderItemProps<string> & {\n    isClone?: boolean;\n    selectedCount?: number;\n  }): ReactElement {\n    const indent =\n      isClone !== undefined && isClone ? '' : '\\u00A0\\u00A0'.repeat(itemIndex);\n    const text = `${indent}${item}`;\n    const badgeText =\n      isClone !== undefined && isClone ? `${selectedCount}` : undefined;\n    const className =\n      isClone !== undefined && isClone ? 'item-list-item-clone' : '';\n    return (\n      <>\n        {DraggableItemList.renderTextItem({ text, badgeText, className })}\n        {(isClone === undefined || !isClone) && (\n          <Button\n            kind=\"ghost\"\n            className=\"btn btn-link btn-link-icon btn-delete-grouping float-right\"\n            onClick={() => this.handleDeleteClicked(itemIndex)}\n          >\n            <FontAwesomeIcon icon={vsTrash} />\n          </Button>\n        )}\n      </>\n    );\n  }\n\n  render(): ReactElement {\n    const {\n      columns,\n      dragSource,\n      searchFilter,\n      groupedSelectedRanges,\n      ungroupedSelectedRanges,\n      showConstituents,\n      showNonAggregatedColumns,\n      sort,\n    } = this.state;\n\n    const ungroupedColumns = this.getSortedUngroupedColumns();\n    let groupListHeight = columns.length * DraggableItemList.DEFAULT_ROW_HEIGHT;\n    if (dragSource?.droppableId === UNGROUPED_LIST_ID) {\n      groupListHeight += DraggableItemList.DEFAULT_ROW_HEIGHT;\n    }\n    const ungroupMaxListHeight =\n      ungroupedColumns.length * DraggableItemList.DEFAULT_ROW_HEIGHT + 10;\n    const ungroupMinListHeight = Math.min(\n      3 * DraggableItemList.DEFAULT_ROW_HEIGHT,\n      ungroupMaxListHeight\n    );\n\n    return (\n      <div\n        role=\"menu\"\n        className={classNames('rollup-rows', {\n          'is-dragging': dragSource != null,\n        })}\n        tabIndex={0}\n      >\n        <DragDropContext\n          onDragEnd={this.handleDragEnd}\n          onDragStart={this.handleDragStart}\n        >\n          <div className=\"rollup-rows-group-by\">\n            <div className=\"section-title\">Group By</div>\n            {columns.length === 0 && (\n              <Droppable droppableId=\"placeholder\">\n                {(provided, snapshot) => (\n                  <div\n                    className={classNames('placeholder', 'text-muted', {\n                      'is-dragging-from-this': snapshot.draggingFromThisWith,\n                      'is-dragging-over': snapshot.isDraggingOver,\n                      'is-dropping': snapshot.draggingOverWith,\n                    })}\n                    ref={provided.innerRef}\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...provided.droppableProps}\n                  >\n                    To create a rollup, drag columns from the list below and\n                    drop them into this area.\n                  </div>\n                )}\n              </Droppable>\n            )}\n            {columns.length > 0 && (\n              <DraggableItemList\n                draggingItemClassName=\"rollup-rows-dragging-grouped-item\"\n                draggablePrefix={GROUPED_LIST_ID}\n                droppableId={GROUPED_LIST_ID}\n                itemCount={columns.length}\n                items={columns}\n                offset={0}\n                onSelectionChange={this.handleGroupedSelectionChange}\n                ref={this.groupedList}\n                renderItem={this.renderGroupedItem}\n                selectedRanges={groupedSelectedRanges}\n                style={{ height: groupListHeight }}\n                isMultiSelect\n              />\n            )}\n          </div>\n          <div className=\"rollup-rows-available-columns\">\n            <div className=\"section-title\">Available Grouping Columns</div>\n            <div className=\"top-menu\">\n              <SearchInput\n                className=\"w-100\"\n                value={searchFilter}\n                matchCount={\n                  searchFilter ? ungroupedSelectedRanges.length : undefined\n                }\n                placeholder=\"Find column...\"\n                onChange={this.handleSearchChange}\n              />\n              <Button\n                kind=\"ghost\"\n                className={classNames('btn-link btn-link-icon', {\n                  active: sort === RollupRows.SORT.ASCENDING,\n                })}\n                onClick={this.handleSortAscending}\n              >\n                <FontAwesomeIcon icon={dhSortAlphaDown} />\n                <Tooltip>Sort ascending</Tooltip>\n              </Button>\n              <Button\n                kind=\"ghost\"\n                className={classNames('btn-link btn-link-icon', {\n                  active: sort === RollupRows.SORT.DESCENDING,\n                })}\n                onClick={this.handleSortDescending}\n              >\n                <FontAwesomeIcon icon={dhSortAlphaUp} />\n                <Tooltip>Sort descending</Tooltip>\n              </Button>\n            </div>\n            <DraggableItemList\n              className=\"rollup-available-grouping-columns\"\n              draggablePrefix={UNGROUPED_LIST_ID}\n              droppableId={UNGROUPED_LIST_ID}\n              itemCount={ungroupedColumns.length}\n              items={ungroupedColumns}\n              renderItem={RollupRows.renderColumn}\n              offset={0}\n              onSelect={this.handleUngroupedSelect}\n              onSelectionChange={this.handleUngroupedSelectionChange}\n              ref={this.ungroupedList}\n              selectedRanges={ungroupedSelectedRanges}\n              style={{\n                maxHeight: ungroupMaxListHeight,\n                minHeight: ungroupMinListHeight,\n              }}\n              isDropDisabled={dragSource?.droppableId !== GROUPED_LIST_ID}\n              isMultiSelect\n            />\n            <div className=\"bottom-menu\">\n              <div className=\"label\">Show:</div>\n              <Checkbox\n                checked={showConstituents}\n                onChange={this.handleShowConstituentsChange}\n              >\n                Constituents\n              </Checkbox>\n              <Checkbox\n                checked={showNonAggregatedColumns}\n                onChange={this.handleShowNonAggregatedColumnsChange}\n              >\n                Non-Aggregated Columns\n              </Checkbox>\n            </div>\n          </div>\n        </DragDropContext>\n      </div>\n    );\n  }\n}\n\nexport default RollupRows;\n"],"mappings":"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"}
+{"version":3,"file":"RollupRows.js","names":["React","Component","classNames","FontAwesomeIcon","DragDropContext","Droppable","Checkbox","DraggableItemList","DragUtils","SearchInput","Tooltip","Button","vsTrash","dhSortAlphaDown","dhSortAlphaUp","TableUtils","memoize","debounce","Log","assertNotNull","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","DEBOUNCE_SEARCH","GROUPED_LIST_ID","UNGROUPED_LIST_ID","RollupRows","renderColumn","_ref","item","isClone","selectedCount","text","name","badgeText","undefined","concat","className","renderTextItem","addGroupings","currentGroupings","newGroupings","index","arguments","length","insertIndex","groupings","filter","grouping","i","includes","splice","isGroupable","column","isDecimalType","type","constructor","props","_defineProperty","searchFilter","columns","getSortedUngroupedColumns","selectedRanges","focusIndex","toLowerCase","push","setState","ungroupedSelectedRanges","ungroupedList","current","scrollToItem","groupedColumns","find","sort","sortColumns","SORT","ASCENDING","handleDeleteClicked","bind","handleSearchChange","handleUngroupedSelect","handleUngroupedSelectionChange","handleDragStart","handleDragEnd","handleGroupedSelectionChange","handleShowConstituentsChange","handleShowNonAggregatedColumnsChange","handleSortAscending","handleSortDescending","renderGroupedItem","createRef","groupedList","config","showConstituents","showNonAggregatedColumns","state","groupedSelectedRanges","dragSource","componentDidUpdate","prevProps","prevState","updateFromConfig","sendChange","componentWillUnmount","search","cancel","event","target","value","resetSelection","_ref2","_ref3","DESCENDING","e","debug","document","documentElement","classList","add","source","remove","destination","droppableId","_ref4","newColumns","reorder","isSameList","destinationIndex","_ref5","sourceItems","map","c","sourceRanges","draggedItems","adjustDestinationIndex","newSelectedRanges","itemIndex","_ref6","debug2","_ref7","stateUngroupedSelectedRanges","_ref8","stateGroupedSelectedRanges","_ref9","slice","_ref10","_ref11","onChange","getUngroupedColumns","model","originalColumns","getCachedUngroupedColumns","getCachedSortedColumns","_ref12","indent","repeat","children","kind","onClick","icon","render","ungroupedColumns","groupListHeight","DEFAULT_ROW_HEIGHT","ungroupMaxListHeight","ungroupMinListHeight","Math","min","role","tabIndex","onDragEnd","onDragStart","provided","snapshot","_objectSpread","draggingFromThisWith","isDraggingOver","draggingOverWith","ref","innerRef","droppableProps","draggingItemClassName","draggablePrefix","itemCount","items","offset","onSelectionChange","renderItem","style","height","isMultiSelect","matchCount","placeholder","active","onSelect","maxHeight","minHeight","isDropDisabled","checked","Object","freeze"],"sources":["../../src/sidebar/RollupRows.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { ChangeEvent, Component, ReactElement, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  DragDropContext,\n  DraggableLocation,\n  DragStart,\n  Droppable,\n  DropResult,\n} from 'react-beautiful-dnd';\nimport {\n  Checkbox,\n  DraggableItemList,\n  DragUtils,\n  SearchInput,\n  Tooltip,\n  Range,\n  RenderItemProps,\n  Button,\n} from '@deephaven/components';\nimport { vsTrash, dhSortAlphaDown, dhSortAlphaUp } from '@deephaven/icons';\nimport { TableUtils, SortDirection } from '@deephaven/jsapi-utils';\nimport memoize from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport { assertNotNull } from '@deephaven/utils';\nimport './RollupRows.scss';\nimport type { Column } from '@deephaven/jsapi-types';\nimport IrisGridModel from '../IrisGridModel';\nimport { ColumnName } from '../CommonTypes';\n\nconst log = Log.module('RollupRows');\nconst DEBOUNCE_SEARCH = 150;\nconst GROUPED_LIST_ID = 'grouped-rollup-rows';\nconst UNGROUPED_LIST_ID = 'ungrouped-rollup-rows';\n\nexport interface UIRollupConfig {\n  columns: ColumnName[];\n  showConstituents: boolean;\n  showNonAggregatedColumns: boolean;\n  includeDescriptions: true;\n}\n\ninterface RollupRowsProps {\n  model: IrisGridModel;\n  onChange: (rollupConfig: UIRollupConfig) => void;\n  config: UIRollupConfig | null;\n}\n\ninterface RollupRowsState {\n  ungroupedSelectedRanges: readonly Range[];\n  columns: ColumnName[];\n  groupedSelectedRanges: readonly Range[];\n  searchFilter: string;\n  showConstituents: boolean;\n  showNonAggregatedColumns: boolean;\n  dragSource: DraggableLocation | null;\n  sort: SortDirection;\n}\n\nclass RollupRows extends Component<RollupRowsProps, RollupRowsState> {\n  static SORT = Object.freeze({\n    ASCENDING: 'ASC',\n    DESCENDING: 'DESC',\n  });\n\n  static defaultProps = {\n    config: null,\n    onChange: (): void => undefined,\n  };\n\n  static renderColumn({\n    item,\n    isClone,\n    selectedCount,\n  }: RenderItemProps<Column> & {\n    isClone?: boolean;\n    selectedCount?: number;\n  }): ReactElement {\n    const text = item?.name;\n    const badgeText =\n      isClone !== undefined && isClone ? `${selectedCount}` : undefined;\n    const className =\n      isClone !== undefined && isClone ? 'item-list-item-clone' : '';\n    return DraggableItemList.renderTextItem({ text, badgeText, className });\n  }\n\n  static addGroupings(\n    currentGroupings: string[],\n    newGroupings: string[],\n    index: number = currentGroupings.length\n  ): string[] {\n    if (newGroupings == null || newGroupings.length === 0) {\n      return currentGroupings;\n    }\n\n    let insertIndex = index;\n    const groupings = currentGroupings.filter((grouping, i) => {\n      if (newGroupings.includes(grouping)) {\n        if (i < insertIndex) {\n          insertIndex -= 1;\n        }\n        return false;\n      }\n      return true;\n    });\n    groupings.splice(insertIndex, 0, ...newGroupings);\n    return groupings;\n  }\n\n  static isGroupable(column: Column): boolean {\n    return !TableUtils.isDecimalType(column.type);\n  }\n\n  constructor(props: RollupRowsProps) {\n    super(props);\n\n    this.handleDeleteClicked = this.handleDeleteClicked.bind(this);\n    this.handleSearchChange = this.handleSearchChange.bind(this);\n    this.handleUngroupedSelect = this.handleUngroupedSelect.bind(this);\n    this.handleUngroupedSelectionChange =\n      this.handleUngroupedSelectionChange.bind(this);\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.handleGroupedSelectionChange =\n      this.handleGroupedSelectionChange.bind(this);\n    this.handleShowConstituentsChange =\n      this.handleShowConstituentsChange.bind(this);\n    this.handleShowNonAggregatedColumnsChange =\n      this.handleShowNonAggregatedColumnsChange.bind(this);\n    this.handleSortAscending = this.handleSortAscending.bind(this);\n    this.handleSortDescending = this.handleSortDescending.bind(this);\n    this.renderGroupedItem = this.renderGroupedItem.bind(this);\n\n    this.ungroupedList = React.createRef();\n    this.groupedList = React.createRef();\n\n    const { config } = props;\n    const {\n      columns = [],\n      showConstituents = true,\n      showNonAggregatedColumns = true,\n    } = config ?? {};\n\n    this.state = {\n      ungroupedSelectedRanges: [],\n      columns,\n      groupedSelectedRanges: [],\n      searchFilter: '',\n      showConstituents,\n      showNonAggregatedColumns,\n      dragSource: null,\n      sort: null,\n    };\n  }\n\n  componentDidUpdate(\n    prevProps: RollupRowsProps,\n    prevState: RollupRowsState\n  ): void {\n    const { config } = this.props;\n    const { columns, showConstituents, showNonAggregatedColumns } = this.state;\n    if (config !== prevProps.config) {\n      this.updateFromConfig();\n    } else if (\n      columns !== prevState.columns ||\n      showConstituents !== prevState.showConstituents ||\n      showNonAggregatedColumns !== prevState.showNonAggregatedColumns\n    ) {\n      if (\n        config == null ||\n        columns !== config.columns ||\n        showConstituents !== config.showConstituents ||\n        showNonAggregatedColumns !== config.showNonAggregatedColumns\n      ) {\n        this.sendChange();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.search.cancel();\n  }\n\n  ungroupedList: RefObject<DraggableItemList<Column>>;\n\n  groupedList: RefObject<DraggableItemList<string>>;\n\n  handleSearchChange(event: ChangeEvent<HTMLInputElement>): void {\n    const searchFilter = event.target.value;\n    this.setState({ searchFilter });\n    if (!searchFilter) {\n      this.search.cancel();\n      this.resetSelection();\n      return;\n    }\n    this.search(searchFilter);\n  }\n\n  handleSortAscending(): void {\n    this.setState(({ sort }) => ({\n      sort:\n        sort === RollupRows.SORT.ASCENDING\n          ? null\n          : (RollupRows.SORT.ASCENDING as SortDirection),\n    }));\n  }\n\n  handleSortDescending(): void {\n    this.setState(({ sort }) => ({\n      sort:\n        sort === RollupRows.SORT.DESCENDING\n          ? null\n          : (RollupRows.SORT.DESCENDING as SortDirection),\n    }));\n  }\n\n  resetSelection(): void {\n    this.setState({ ungroupedSelectedRanges: [], groupedSelectedRanges: [] });\n  }\n\n  search = debounce((searchFilter: string) => {\n    const columns = this.getSortedUngroupedColumns();\n    const selectedRanges = [] as Range[];\n    let focusIndex = null;\n    for (let i = 0; i < columns.length; i += 1) {\n      const column = columns[i];\n      if (column.name.toLowerCase().includes(searchFilter.toLowerCase())) {\n        if (focusIndex == null) {\n          focusIndex = i;\n        }\n        selectedRanges.push([i, i]);\n      }\n    }\n    assertNotNull(focusIndex);\n    this.setState({ ungroupedSelectedRanges: selectedRanges });\n\n    if (selectedRanges.length > 0 && this.ungroupedList.current) {\n      this.ungroupedList.current.scrollToItem(focusIndex);\n    }\n  }, DEBOUNCE_SEARCH);\n\n  handleDragStart(e: DragStart): void {\n    log.debug('handleDragStart', e);\n\n    document.documentElement.classList.add('drag-pointer-events-none');\n\n    this.setState({ dragSource: e.source });\n  }\n\n  handleDragEnd(e: DropResult): void {\n    log.debug('handleDragEnd', e);\n\n    document.documentElement.classList.remove('drag-pointer-events-none');\n\n    this.setState({ dragSource: null });\n\n    const { destination, source } = e;\n    if (destination == null || source == null) {\n      return;\n    }\n\n    // We don't allow dragging within the ungrouped list, so if we're dragging into the ungrouped list,\n    // it must have came from the grouped list. Remove those grouped columns.\n    if (destination.droppableId === UNGROUPED_LIST_ID) {\n      this.setState(({ groupedSelectedRanges, columns }) => {\n        const newColumns = [...columns];\n        DragUtils.reorder(newColumns, groupedSelectedRanges, [], 0);\n        return {\n          columns: newColumns,\n          ungroupedSelectedRanges: [],\n          groupedSelectedRanges: [],\n        };\n      });\n      return;\n    }\n\n    // Otherwise, it must be dropping into the grouped list, so we just need to check the source\n    const isSameList = source.droppableId === GROUPED_LIST_ID;\n    let destinationIndex = destination.index;\n    if (isSameList && source.index < destination.index) {\n      // react-beautiful-dnd adjusts the index when dragging within a list already, however that only supports single selection\n      // We need to change it back to the index we actually want it to drop at before adjusting for the removed source index, as\n      // we adjust the index based on all the selected ranges, not just the source.index.\n      destinationIndex += 1;\n    }\n    this.setState(\n      ({ columns, ungroupedSelectedRanges, groupedSelectedRanges }) => {\n        const newColumns = [...columns];\n        const sourceItems = isSameList\n          ? newColumns\n          : this.getSortedUngroupedColumns().map(c => c.name);\n        const sourceRanges = isSameList\n          ? groupedSelectedRanges\n          : ungroupedSelectedRanges;\n        const draggedItems = DragUtils.reorder(\n          sourceItems,\n          sourceRanges,\n          newColumns,\n          destinationIndex\n        );\n\n        // Select the newly dropped items\n        const insertIndex = isSameList\n          ? DragUtils.adjustDestinationIndex(\n              destinationIndex,\n              groupedSelectedRanges\n            )\n          : destinationIndex;\n        const newSelectedRanges = [\n          [insertIndex, insertIndex + draggedItems.length - 1] as Range,\n        ];\n        return {\n          columns: newColumns,\n          ungroupedSelectedRanges: [] as Range[],\n          groupedSelectedRanges: newSelectedRanges,\n        };\n      }\n    );\n    this.resetSelection();\n  }\n\n  handleUngroupedSelect(itemIndex: number): void {\n    log.debug('handleUngroupedSelect');\n\n    this.setState(({ columns }) => ({\n      columns: RollupRows.addGroupings(columns, [\n        this.getSortedUngroupedColumns()[itemIndex].name,\n      ]),\n      ungroupedSelectedRanges: [],\n      groupedSelectedRanges: [],\n    }));\n  }\n\n  handleUngroupedSelectionChange(\n    ungroupedSelectedRanges: readonly Range[]\n  ): void {\n    log.debug2('handleUngroupedSelectionChange', ungroupedSelectedRanges);\n    this.setState(\n      ({ ungroupedSelectedRanges: stateUngroupedSelectedRanges }) => {\n        if (ungroupedSelectedRanges === stateUngroupedSelectedRanges) {\n          return null;\n        }\n\n        return { ungroupedSelectedRanges, groupedSelectedRanges: [] };\n      }\n    );\n  }\n\n  handleGroupedSelectionChange(groupedSelectedRanges: readonly Range[]): void {\n    log.debug2('handleGroupedSelectedRanges', groupedSelectedRanges);\n    this.setState(({ groupedSelectedRanges: stateGroupedSelectedRanges }) => {\n      if (groupedSelectedRanges === stateGroupedSelectedRanges) {\n        return null;\n      }\n\n      return { groupedSelectedRanges, ungroupedSelectedRanges: [] };\n    });\n  }\n\n  handleDeleteClicked(index: number): void {\n    this.setState(({ columns }) => {\n      const newColumns = columns.slice();\n      newColumns.splice(index, 1);\n      return { columns: newColumns };\n    });\n  }\n\n  handleShowConstituentsChange(): void {\n    this.setState(({ showConstituents }) => ({\n      showConstituents: !showConstituents,\n    }));\n  }\n\n  handleShowNonAggregatedColumnsChange(): void {\n    this.setState(({ showNonAggregatedColumns }) => ({\n      showNonAggregatedColumns: !showNonAggregatedColumns,\n    }));\n  }\n\n  updateFromConfig(): void {\n    const { config } = this.props;\n    const {\n      columns = [],\n      showConstituents = true,\n      showNonAggregatedColumns = true,\n    } = config ?? {};\n    this.setState({ columns, showConstituents, showNonAggregatedColumns });\n  }\n\n  sendChange(): void {\n    const { onChange } = this.props;\n    const { columns, showConstituents, showNonAggregatedColumns } = this.state;\n    onChange({\n      columns,\n      showConstituents,\n      showNonAggregatedColumns,\n    } as UIRollupConfig);\n  }\n\n  getCachedUngroupedColumns = memoize(\n    (\n      columns: readonly Column[],\n      groupedColumns: readonly ColumnName[]\n    ): readonly Column[] =>\n      columns.filter(\n        column =>\n          RollupRows.isGroupable(column) &&\n          groupedColumns.find(name => name === column.name) == null\n      )\n  );\n\n  getCachedSortedColumns = memoize(\n    (columns: readonly Column[], sort?: SortDirection): readonly Column[] =>\n      sort == null\n        ? [...columns]\n        : TableUtils.sortColumns(columns, sort === RollupRows.SORT.ASCENDING)\n  );\n\n  getUngroupedColumns(): readonly Column[] {\n    const { model } = this.props;\n    const { columns } = this.state;\n    const { originalColumns } = model;\n\n    return this.getCachedUngroupedColumns(originalColumns, columns);\n  }\n\n  getSortedUngroupedColumns(): readonly Column[] {\n    const { sort } = this.state;\n    const columns = this.getUngroupedColumns();\n    return this.getCachedSortedColumns(columns, sort);\n  }\n\n  renderGroupedItem({\n    item,\n    itemIndex,\n    isClone,\n    selectedCount,\n  }: RenderItemProps<string> & {\n    isClone?: boolean;\n    selectedCount?: number;\n  }): ReactElement {\n    const indent =\n      isClone !== undefined && isClone ? '' : '\\u00A0\\u00A0'.repeat(itemIndex);\n    const text = `${indent}${item}`;\n    const badgeText =\n      isClone !== undefined && isClone ? `${selectedCount}` : undefined;\n    const className =\n      isClone !== undefined && isClone ? 'item-list-item-clone' : '';\n    return (\n      <>\n        {DraggableItemList.renderTextItem({ text, badgeText, className })}\n        {(isClone === undefined || !isClone) && (\n          <Button\n            kind=\"ghost\"\n            className=\"btn btn-link btn-link-icon btn-delete-grouping float-right\"\n            onClick={() => this.handleDeleteClicked(itemIndex)}\n          >\n            <FontAwesomeIcon icon={vsTrash} />\n          </Button>\n        )}\n      </>\n    );\n  }\n\n  render(): ReactElement {\n    const {\n      columns,\n      dragSource,\n      searchFilter,\n      groupedSelectedRanges,\n      ungroupedSelectedRanges,\n      showConstituents,\n      showNonAggregatedColumns,\n      sort,\n    } = this.state;\n\n    const ungroupedColumns = this.getSortedUngroupedColumns();\n    let groupListHeight = columns.length * DraggableItemList.DEFAULT_ROW_HEIGHT;\n    if (dragSource?.droppableId === UNGROUPED_LIST_ID) {\n      groupListHeight += DraggableItemList.DEFAULT_ROW_HEIGHT;\n    }\n    const ungroupMaxListHeight =\n      ungroupedColumns.length * DraggableItemList.DEFAULT_ROW_HEIGHT + 10;\n    const ungroupMinListHeight = Math.min(\n      3 * DraggableItemList.DEFAULT_ROW_HEIGHT,\n      ungroupMaxListHeight\n    );\n\n    return (\n      <div\n        role=\"menu\"\n        className={classNames('rollup-rows', {\n          'is-dragging': dragSource != null,\n        })}\n        tabIndex={0}\n      >\n        <DragDropContext\n          onDragEnd={this.handleDragEnd}\n          onDragStart={this.handleDragStart}\n        >\n          <div className=\"rollup-rows-group-by\">\n            <div className=\"section-title\">Group By</div>\n            {columns.length === 0 && (\n              <Droppable droppableId=\"placeholder\">\n                {(provided, snapshot) => (\n                  <div\n                    className={classNames('placeholder', 'text-muted', {\n                      'is-dragging-from-this': snapshot.draggingFromThisWith,\n                      'is-dragging-over': snapshot.isDraggingOver,\n                      'is-dropping': snapshot.draggingOverWith,\n                    })}\n                    ref={provided.innerRef}\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...provided.droppableProps}\n                  >\n                    To create a rollup, drag columns from the list below and\n                    drop them into this area.\n                  </div>\n                )}\n              </Droppable>\n            )}\n            {columns.length > 0 && (\n              <DraggableItemList\n                draggingItemClassName=\"rollup-rows-dragging-grouped-item\"\n                draggablePrefix={GROUPED_LIST_ID}\n                droppableId={GROUPED_LIST_ID}\n                itemCount={columns.length}\n                items={columns}\n                offset={0}\n                onSelectionChange={this.handleGroupedSelectionChange}\n                ref={this.groupedList}\n                renderItem={this.renderGroupedItem}\n                selectedRanges={groupedSelectedRanges}\n                style={{ height: groupListHeight }}\n                isMultiSelect\n              />\n            )}\n          </div>\n          <div className=\"rollup-rows-available-columns\">\n            <div className=\"section-title\">Available Grouping Columns</div>\n            <div className=\"top-menu\">\n              <SearchInput\n                className=\"w-100\"\n                value={searchFilter}\n                matchCount={\n                  searchFilter ? ungroupedSelectedRanges.length : undefined\n                }\n                placeholder=\"Find column...\"\n                onChange={this.handleSearchChange}\n              />\n              <Button\n                kind=\"ghost\"\n                className={classNames('btn-link btn-link-icon', {\n                  active: sort === RollupRows.SORT.ASCENDING,\n                })}\n                onClick={this.handleSortAscending}\n              >\n                <FontAwesomeIcon icon={dhSortAlphaDown} />\n                <Tooltip>Sort ascending</Tooltip>\n              </Button>\n              <Button\n                kind=\"ghost\"\n                className={classNames('btn-link btn-link-icon', {\n                  active: sort === RollupRows.SORT.DESCENDING,\n                })}\n                onClick={this.handleSortDescending}\n              >\n                <FontAwesomeIcon icon={dhSortAlphaUp} />\n                <Tooltip>Sort descending</Tooltip>\n              </Button>\n            </div>\n            <DraggableItemList\n              className=\"rollup-available-grouping-columns\"\n              draggablePrefix={UNGROUPED_LIST_ID}\n              droppableId={UNGROUPED_LIST_ID}\n              itemCount={ungroupedColumns.length}\n              items={ungroupedColumns}\n              renderItem={RollupRows.renderColumn}\n              offset={0}\n              onSelect={this.handleUngroupedSelect}\n              onSelectionChange={this.handleUngroupedSelectionChange}\n              ref={this.ungroupedList}\n              selectedRanges={ungroupedSelectedRanges}\n              style={{\n                maxHeight: ungroupMaxListHeight,\n                minHeight: ungroupMinListHeight,\n              }}\n              isDropDisabled={dragSource?.droppableId !== GROUPED_LIST_ID}\n              isMultiSelect\n            />\n            <div className=\"bottom-menu\">\n              <div className=\"label\">Show:</div>\n              <Checkbox\n                checked={showConstituents}\n                onChange={this.handleShowConstituentsChange}\n              >\n                Constituents\n              </Checkbox>\n              <Checkbox\n                checked={showNonAggregatedColumns}\n                onChange={this.handleShowNonAggregatedColumnsChange}\n              >\n                Non-Aggregated Columns\n              </Checkbox>\n            </div>\n          </div>\n        </DragDropContext>\n      </div>\n    );\n  }\n}\n\nexport default RollupRows;\n"],"mappings":"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"}

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

@@ -3,10 +3,10 @@ import type ColumnHeaderGroup from '../../ColumnHeaderGroup';
 import './VisibilityOrderingGroup.scss';
 interface VisibilityOrderingGroupProps {
     group: ColumnHeaderGroup;
-    onDelete(group: ColumnHeaderGroup): void;
-    onColorChange(group: ColumnHeaderGroup, color: string | undefined): void;
-    onNameChange(group: ColumnHeaderGroup, name: string): void;
-    validateName(name: string): string;
+    onDelete: (group: ColumnHeaderGroup) => void;
+    onColorChange: (group: ColumnHeaderGroup, color: string | undefined) => void;
+    onNameChange: (group: ColumnHeaderGroup, name: string) => void;
+    validateName: (name: string) => string;
 }
 export default function VisibilityOrderingGroup(props: VisibilityOrderingGroupProps): JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"VisibilityOrderingGroup.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingGroup.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,gCAAgC,CAAC;AAExC,UAAU,4BAA4B;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,aAAa,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACzE,YAAY,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3D,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,GAClC,GAAG,CAAC,OAAO,CAkOb"}
+{"version":3,"file":"VisibilityOrderingGroup.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingGroup.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,gCAAgC,CAAC;AAExC,UAAU,4BAA4B;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7E,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,GAClC,GAAG,CAAC,OAAO,CAkOb"}

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

@@ -1 +1 @@
-{"version":3,"file":"VisibilityOrderingGroup.js","names":["React","useEffect","useRef","useState","useCallback","classNames","FontAwesomeIcon","Button","ThemeExport","dhSquareFilled","vsCheck","vsChromeClose","vsEdit","vsPaintcan","vsTrash","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","VisibilityOrderingGroup","props","_group$color","group","onDelete","onColorChange","onNameChange","validateName","isNew","groupRef","nameInputRef","colorInputRef","isColorInputOpen","setIsColorInputOpen","name","setName","isEditing","setIsEditing","shouldValidate","setShouldValidate","nameValidationError","isValid","colorInputBlurHandler","focusEditInput","current","focus","select","deleteNewOnUnmount","openColorInput","_colorInputRef$curren","_colorInputRef$curren2","click","window","addEventListener","removeEventListener","handleConfirm","handleCancel","handleEditKeyDown","e","key","stopPropagation","children","className","ref","value","placeholder","onChange","target","onKeyDown","onBlur","kind","icon","tooltip","onClick","color","undefined","white","transform","val","type","list","style","visibility","width","height","padding","border","id","primary","foreground","green","yellow","orange","red","purple","blue"],"sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingGroup.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, ThemeExport } from '@deephaven/components';\nimport {\n  dhSquareFilled,\n  vsCheck,\n  vsChromeClose,\n  vsEdit,\n  vsPaintcan,\n  vsTrash,\n} from '@deephaven/icons';\nimport type ColumnHeaderGroup from '../../ColumnHeaderGroup';\nimport './VisibilityOrderingGroup.scss';\n\ninterface VisibilityOrderingGroupProps {\n  group: ColumnHeaderGroup;\n  onDelete(group: ColumnHeaderGroup): void;\n  onColorChange(group: ColumnHeaderGroup, color: string | undefined): void;\n  onNameChange(group: ColumnHeaderGroup, name: string): void;\n  validateName(name: string): string;\n}\n\nexport default function VisibilityOrderingGroup(\n  props: VisibilityOrderingGroupProps\n): JSX.Element {\n  const { group, onDelete, onColorChange, onNameChange, validateName } = props;\n  const { isNew } = group;\n  const groupRef = useRef(group);\n  const nameInputRef = useRef<HTMLInputElement>(null);\n  const colorInputRef = useRef<HTMLInputElement>(null);\n  const [isColorInputOpen, setIsColorInputOpen] = useState(false);\n  const [name, setName] = useState(isNew ? '' : group.name);\n  const [isEditing, setIsEditing] = useState(isNew);\n  const [shouldValidate, setShouldValidate] = useState(false);\n  const nameValidationError = name !== group.name ? validateName(name) : '';\n  const isValid = (isNew && !shouldValidate) || nameValidationError === '';\n  const colorInputBlurHandler = useCallback(() => {\n    setIsColorInputOpen(false);\n  }, []);\n\n  useEffect(\n    function focusEditInput() {\n      if (isEditing && nameInputRef.current) {\n        // This is solely b/c RTL doesn't count select as focusing the element\n        // Might be fixed in v13+ of RTL\n        nameInputRef.current.focus();\n        nameInputRef.current.select();\n      }\n    },\n    [isEditing]\n  );\n\n  useEffect(\n    function deleteNewOnUnmount() {\n      return () => {\n        if (groupRef.current.isNew) {\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          onDelete(groupRef.current);\n        }\n      };\n    },\n    [onDelete]\n  );\n\n  useEffect(\n    function openColorInput() {\n      if (isColorInputOpen) {\n        colorInputRef.current?.click();\n        // Mostly for testing. Chrome seems to not give the hidden input focus\n        // Really would only affect screen readers\n        colorInputRef.current?.focus();\n\n        /**\n         * Adding this event handler is for Firefox on Mac\n         * There seems to be buggy behavior when multiple color inputs are on the same page\n         * Clicking between the inputs without closing the previous causes a bad state\n         * The user gets to a point where they can't open most of the pickers\n         * https://bugzilla.mozilla.org/show_bug.cgi?id=1618418\n         * https://bugzilla.mozilla.org/show_bug.cgi?id=975468\n         * Instead, we remove the color input when any focus is returned to the window\n         * This causes Firefox on Mac to mostly operate correctly\n         * Firefox seems to ignore the first click back into the window and emit no event\n         * So opening a color picker when another is open requires 2 clicks in Firefox\n         */\n        window.addEventListener('click', colorInputBlurHandler, true);\n      }\n\n      return () =>\n        window.removeEventListener('click', colorInputBlurHandler, true);\n    },\n    [isColorInputOpen, colorInputBlurHandler]\n  );\n\n  const handleConfirm = (): void => {\n    if (isValid) {\n      onNameChange(group, name);\n      setIsEditing(false);\n    }\n  };\n\n  const handleCancel = (): void => {\n    if (isNew) {\n      onDelete(group);\n      return;\n    }\n    setName(group.name);\n    setIsEditing(false);\n  };\n\n  const handleEditKeyDown = (e: React.KeyboardEvent): void => {\n    setShouldValidate(true);\n    if (e.key === 'Enter') {\n      e.stopPropagation();\n      handleConfirm();\n    }\n\n    if (e.key === ' ') {\n      e.stopPropagation();\n    }\n\n    if (e.key === 'Escape') {\n      handleCancel();\n    }\n  };\n\n  if (isEditing) {\n    return (\n      <>\n        <div className=\"editing-container\">\n          <input\n            ref={nameInputRef}\n            className={classNames('form-control', {\n              'is-invalid': !isValid,\n            })}\n            value={name}\n            placeholder=\"Group Name\"\n            onChange={e => setName(e.target.value)}\n            onKeyDown={handleEditKeyDown}\n            onBlur={() => setShouldValidate(true)}\n          />\n          <Button\n            kind=\"ghost\"\n            icon={vsCheck}\n            tooltip=\"Confirm\"\n            onClick={handleConfirm}\n          />\n          <Button\n            kind=\"ghost\"\n            icon={vsChromeClose}\n            tooltip=\"Cancel\"\n            onClick={handleCancel}\n          />\n        </div>\n        {!isValid && (\n          <p className=\"mb-0 validate-label-error text-danger\">\n            {nameValidationError}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <div className=\"group-name-wrapper\">\n      <span className=\"column-name\">{name}</span>\n      <Button\n        className=\"p-1 mx-1\"\n        kind=\"ghost\"\n        icon={vsEdit}\n        tooltip=\"Edit\"\n        onClick={() => {\n          setIsEditing(true);\n        }}\n      />\n\n      <span className=\"right-buttons\">\n        <Button\n          kind=\"ghost\"\n          icon={vsTrash}\n          tooltip=\"Delete group\"\n          onClick={() => onDelete(group)}\n        />\n        <Button\n          kind=\"ghost\"\n          className=\"color-swatch mr-1\"\n          icon={\n            group.color !== undefined ? (\n              <span className=\"fa-layers\">\n                <FontAwesomeIcon\n                  className=\"color-swatch\"\n                  icon={dhSquareFilled}\n                  color={ThemeExport.white}\n                  transform=\"down-1\"\n                />\n                <FontAwesomeIcon\n                  className=\"color-swatch\"\n                  icon={dhSquareFilled}\n                  color={group.color}\n                  transform=\"shrink-2 down-1\"\n                />\n              </span>\n            ) : (\n              vsPaintcan\n            )\n          }\n          tooltip=\"Set color\"\n          /**\n           * Toggle to close the picker on Chrome\n           * Prevents Firefox on Mac from getting into a stuck state\n           * Does not close on Firefox b/c the picker stays open when the element is removed\n           */\n          onClick={() => setIsColorInputOpen(val => !val)}\n        />\n        {isColorInputOpen && (\n          <>\n            <input\n              aria-label=\"Color input\"\n              ref={colorInputRef}\n              type=\"color\"\n              list=\"presetColors\"\n              value={group.color ?? ThemeExport['content-bg']}\n              style={{\n                visibility: 'hidden',\n                width: 0,\n                height: 0,\n                padding: 0,\n                border: 0,\n              }}\n              onChange={e => {\n                group.color = e.target.value;\n                onColorChange(group, e.target.value);\n              }}\n            />\n            <datalist id=\"presetColors\">\n              <option>{ThemeExport['content-bg']}</option>\n              <option>{ThemeExport.primary}</option>\n              <option>{ThemeExport.foreground}</option>\n              <option>{ThemeExport.green}</option>\n              <option>{ThemeExport.yellow}</option>\n              <option>{ThemeExport.orange}</option>\n              <option>{ThemeExport.red}</option>\n              <option>{ThemeExport.purple}</option>\n              <option>{ThemeExport.blue}</option>\n              <option>{ThemeExport['gray-400']}</option>\n            </datalist>\n          </>\n        )}\n      </span>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VisibilityOrderingGroup.js","names":["React","useEffect","useRef","useState","useCallback","classNames","FontAwesomeIcon","Button","ThemeExport","dhSquareFilled","vsCheck","vsChromeClose","vsEdit","vsPaintcan","vsTrash","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","VisibilityOrderingGroup","props","_group$color","group","onDelete","onColorChange","onNameChange","validateName","isNew","groupRef","nameInputRef","colorInputRef","isColorInputOpen","setIsColorInputOpen","name","setName","isEditing","setIsEditing","shouldValidate","setShouldValidate","nameValidationError","isValid","colorInputBlurHandler","focusEditInput","current","focus","select","deleteNewOnUnmount","openColorInput","_colorInputRef$curren","_colorInputRef$curren2","click","window","addEventListener","removeEventListener","handleConfirm","handleCancel","handleEditKeyDown","e","key","stopPropagation","children","className","ref","value","placeholder","onChange","target","onKeyDown","onBlur","kind","icon","tooltip","onClick","color","undefined","white","transform","val","type","list","style","visibility","width","height","padding","border","id","primary","foreground","green","yellow","orange","red","purple","blue"],"sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingGroup.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, ThemeExport } from '@deephaven/components';\nimport {\n  dhSquareFilled,\n  vsCheck,\n  vsChromeClose,\n  vsEdit,\n  vsPaintcan,\n  vsTrash,\n} from '@deephaven/icons';\nimport type ColumnHeaderGroup from '../../ColumnHeaderGroup';\nimport './VisibilityOrderingGroup.scss';\n\ninterface VisibilityOrderingGroupProps {\n  group: ColumnHeaderGroup;\n  onDelete: (group: ColumnHeaderGroup) => void;\n  onColorChange: (group: ColumnHeaderGroup, color: string | undefined) => void;\n  onNameChange: (group: ColumnHeaderGroup, name: string) => void;\n  validateName: (name: string) => string;\n}\n\nexport default function VisibilityOrderingGroup(\n  props: VisibilityOrderingGroupProps\n): JSX.Element {\n  const { group, onDelete, onColorChange, onNameChange, validateName } = props;\n  const { isNew } = group;\n  const groupRef = useRef(group);\n  const nameInputRef = useRef<HTMLInputElement>(null);\n  const colorInputRef = useRef<HTMLInputElement>(null);\n  const [isColorInputOpen, setIsColorInputOpen] = useState(false);\n  const [name, setName] = useState(isNew ? '' : group.name);\n  const [isEditing, setIsEditing] = useState(isNew);\n  const [shouldValidate, setShouldValidate] = useState(false);\n  const nameValidationError = name !== group.name ? validateName(name) : '';\n  const isValid = (isNew && !shouldValidate) || nameValidationError === '';\n  const colorInputBlurHandler = useCallback(() => {\n    setIsColorInputOpen(false);\n  }, []);\n\n  useEffect(\n    function focusEditInput() {\n      if (isEditing && nameInputRef.current) {\n        // This is solely b/c RTL doesn't count select as focusing the element\n        // Might be fixed in v13+ of RTL\n        nameInputRef.current.focus();\n        nameInputRef.current.select();\n      }\n    },\n    [isEditing]\n  );\n\n  useEffect(\n    function deleteNewOnUnmount() {\n      return () => {\n        if (groupRef.current.isNew) {\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          onDelete(groupRef.current);\n        }\n      };\n    },\n    [onDelete]\n  );\n\n  useEffect(\n    function openColorInput() {\n      if (isColorInputOpen) {\n        colorInputRef.current?.click();\n        // Mostly for testing. Chrome seems to not give the hidden input focus\n        // Really would only affect screen readers\n        colorInputRef.current?.focus();\n\n        /**\n         * Adding this event handler is for Firefox on Mac\n         * There seems to be buggy behavior when multiple color inputs are on the same page\n         * Clicking between the inputs without closing the previous causes a bad state\n         * The user gets to a point where they can't open most of the pickers\n         * https://bugzilla.mozilla.org/show_bug.cgi?id=1618418\n         * https://bugzilla.mozilla.org/show_bug.cgi?id=975468\n         * Instead, we remove the color input when any focus is returned to the window\n         * This causes Firefox on Mac to mostly operate correctly\n         * Firefox seems to ignore the first click back into the window and emit no event\n         * So opening a color picker when another is open requires 2 clicks in Firefox\n         */\n        window.addEventListener('click', colorInputBlurHandler, true);\n      }\n\n      return () =>\n        window.removeEventListener('click', colorInputBlurHandler, true);\n    },\n    [isColorInputOpen, colorInputBlurHandler]\n  );\n\n  const handleConfirm = (): void => {\n    if (isValid) {\n      onNameChange(group, name);\n      setIsEditing(false);\n    }\n  };\n\n  const handleCancel = (): void => {\n    if (isNew) {\n      onDelete(group);\n      return;\n    }\n    setName(group.name);\n    setIsEditing(false);\n  };\n\n  const handleEditKeyDown = (e: React.KeyboardEvent): void => {\n    setShouldValidate(true);\n    if (e.key === 'Enter') {\n      e.stopPropagation();\n      handleConfirm();\n    }\n\n    if (e.key === ' ') {\n      e.stopPropagation();\n    }\n\n    if (e.key === 'Escape') {\n      handleCancel();\n    }\n  };\n\n  if (isEditing) {\n    return (\n      <>\n        <div className=\"editing-container\">\n          <input\n            ref={nameInputRef}\n            className={classNames('form-control', {\n              'is-invalid': !isValid,\n            })}\n            value={name}\n            placeholder=\"Group Name\"\n            onChange={e => setName(e.target.value)}\n            onKeyDown={handleEditKeyDown}\n            onBlur={() => setShouldValidate(true)}\n          />\n          <Button\n            kind=\"ghost\"\n            icon={vsCheck}\n            tooltip=\"Confirm\"\n            onClick={handleConfirm}\n          />\n          <Button\n            kind=\"ghost\"\n            icon={vsChromeClose}\n            tooltip=\"Cancel\"\n            onClick={handleCancel}\n          />\n        </div>\n        {!isValid && (\n          <p className=\"mb-0 validate-label-error text-danger\">\n            {nameValidationError}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <div className=\"group-name-wrapper\">\n      <span className=\"column-name\">{name}</span>\n      <Button\n        className=\"p-1 mx-1\"\n        kind=\"ghost\"\n        icon={vsEdit}\n        tooltip=\"Edit\"\n        onClick={() => {\n          setIsEditing(true);\n        }}\n      />\n\n      <span className=\"right-buttons\">\n        <Button\n          kind=\"ghost\"\n          icon={vsTrash}\n          tooltip=\"Delete group\"\n          onClick={() => onDelete(group)}\n        />\n        <Button\n          kind=\"ghost\"\n          className=\"color-swatch mr-1\"\n          icon={\n            group.color !== undefined ? (\n              <span className=\"fa-layers\">\n                <FontAwesomeIcon\n                  className=\"color-swatch\"\n                  icon={dhSquareFilled}\n                  color={ThemeExport.white}\n                  transform=\"down-1\"\n                />\n                <FontAwesomeIcon\n                  className=\"color-swatch\"\n                  icon={dhSquareFilled}\n                  color={group.color}\n                  transform=\"shrink-2 down-1\"\n                />\n              </span>\n            ) : (\n              vsPaintcan\n            )\n          }\n          tooltip=\"Set color\"\n          /**\n           * Toggle to close the picker on Chrome\n           * Prevents Firefox on Mac from getting into a stuck state\n           * Does not close on Firefox b/c the picker stays open when the element is removed\n           */\n          onClick={() => setIsColorInputOpen(val => !val)}\n        />\n        {isColorInputOpen && (\n          <>\n            <input\n              aria-label=\"Color input\"\n              ref={colorInputRef}\n              type=\"color\"\n              list=\"presetColors\"\n              value={group.color ?? ThemeExport['content-bg']}\n              style={{\n                visibility: 'hidden',\n                width: 0,\n                height: 0,\n                padding: 0,\n                border: 0,\n              }}\n              onChange={e => {\n                group.color = e.target.value;\n                onColorChange(group, e.target.value);\n              }}\n            />\n            <datalist id=\"presetColors\">\n              <option>{ThemeExport['content-bg']}</option>\n              <option>{ThemeExport.primary}</option>\n              <option>{ThemeExport.foreground}</option>\n              <option>{ThemeExport.green}</option>\n              <option>{ThemeExport.yellow}</option>\n              <option>{ThemeExport.orange}</option>\n              <option>{ThemeExport.red}</option>\n              <option>{ThemeExport.purple}</option>\n              <option>{ThemeExport.blue}</option>\n              <option>{ThemeExport['gray-400']}</option>\n            </datalist>\n          </>\n        )}\n      </span>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -6,13 +6,13 @@ type VisibilityOrderingItemProps = {
     clone: boolean;
     childCount: number;
     item: FlattenedIrisGridTreeItem;
-    onVisibilityChange(modelIndexes: number[], isVisible: boolean): void;
-    onClick(name: string, event: React.MouseEvent): void;
-    onGroupDelete(group: ColumnHeaderGroup): void;
-    onGroupColorChange(group: ColumnHeaderGroup, color: string | undefined): void;
-    onGroupNameChange(group: ColumnHeaderGroup, name: string): void;
-    validateGroupName(name: string): string;
-    handleProps: Record<string, unknown>;
+    onVisibilityChange: (modelIndexes: number[], isVisible: boolean) => void;
+    onClick: (name: string, event: React.MouseEvent<HTMLElement>) => void;
+    onGroupDelete: (group: ColumnHeaderGroup) => void;
+    onGroupColorChange: (group: ColumnHeaderGroup, color: string | undefined) => void;
+    onGroupNameChange: (group: ColumnHeaderGroup, name: string) => void;
+    validateGroupName: (name: string) => string;
+    handleProps?: Record<string, unknown>;
 };
 declare const VisibilityOrderingItem: React.ForwardRefExoticComponent<VisibilityOrderingItemProps & React.RefAttributes<HTMLDivElement>>;
 export default VisibilityOrderingItem;

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

@@ -1 +1 @@
-{"version":3,"file":"VisibilityOrderingItem.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAE7D,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,yBAAyB,CAAC;IAChC,kBAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IACrE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC9C,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC9E,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAChE,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAMF,QAAA,MAAM,sBAAsB,oGAoF1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"VisibilityOrderingItem.d.ts","sourceRoot":"","sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAE7D,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,yBAAyB,CAAC;IAChC,kBAAkB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACtE,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,kBAAkB,EAAE,CAClB,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,MAAM,GAAG,SAAS,KACtB,IAAI,CAAC;IACV,iBAAiB,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC,CAAC;AAMF,QAAA,MAAM,sBAAsB,oGAoF1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"VisibilityOrderingItem.js","names":["React","forwardRef","useCallback","useRef","classNames","FontAwesomeIcon","dhEye","dhEyeSlash","vsGripper","Button","Tooltip","VisibilityOrderingGroup","jsx","_jsx","jsxs","_jsxs","emptyOnClick","VisibilityOrderingItem","props","ref","value","clone","childCount","item","onVisibilityChange","onClick","onGroupDelete","onGroupColorChange","onGroupNameChange","validateGroupName","handleProps","group","modelIndex","isVisible","data","buttonRef","handleVisibilityChange","e","buttons","_buttonRef$current","flat","current","focus","handleClick","event","_objectSpread","className","isSelected","selected","children","kind","onMouseDown","onMouseEnter","icon","tooltip","onDelete","onColorChange","onNameChange","validateName"],"sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingItem.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { forwardRef, useCallback, useRef } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhEye, dhEyeSlash, vsGripper } from '@deephaven/icons';\nimport { Button, Tooltip } from '@deephaven/components';\nimport VisibilityOrderingGroup from './VisibilityOrderingGroup';\nimport { FlattenedIrisGridTreeItem } from './sortable-tree/utilities';\nimport type ColumnHeaderGroup from '../../ColumnHeaderGroup';\n\ntype VisibilityOrderingItemProps = {\n  value: string;\n  clone: boolean;\n  childCount: number;\n  item: FlattenedIrisGridTreeItem;\n  onVisibilityChange(modelIndexes: number[], isVisible: boolean): void;\n  onClick(name: string, event: React.MouseEvent): void;\n  onGroupDelete(group: ColumnHeaderGroup): void;\n  onGroupColorChange(group: ColumnHeaderGroup, color: string | undefined): void;\n  onGroupNameChange(group: ColumnHeaderGroup, name: string): void;\n  validateGroupName(name: string): string;\n  handleProps: Record<string, unknown>;\n};\n\nfunction emptyOnClick(): void {\n  // no-op\n}\n\nconst VisibilityOrderingItem = forwardRef<\n  HTMLDivElement,\n  VisibilityOrderingItemProps\n>(function VisibilityOrderingItem(props, ref) {\n  const {\n    value,\n    clone,\n    childCount,\n    item,\n    onVisibilityChange,\n    onClick,\n    onGroupDelete,\n    onGroupColorChange,\n    onGroupNameChange,\n    validateGroupName,\n    handleProps,\n  } = props;\n  const { group, modelIndex, isVisible } = item.data;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const handleVisibilityChange = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.buttons === 1) {\n        onVisibilityChange([modelIndex].flat(), !isVisible);\n        buttonRef.current?.focus();\n      }\n    },\n    [onVisibilityChange, modelIndex, isVisible]\n  );\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent) => {\n      onClick(value, event);\n    },\n    [onClick, value]\n  );\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      ref={ref}\n      className={classNames('tree-item', {\n        isSelected: item.selected,\n        'two-dragged': childCount === 2,\n        'multiple-dragged': childCount > 2,\n      })}\n      onClick={handleClick}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...handleProps}\n    >\n      <Button\n        ref={buttonRef}\n        kind=\"ghost\"\n        className=\"px-1\"\n        // We PropType validate onClick for Button\n        onClick={emptyOnClick}\n        onMouseDown={handleVisibilityChange}\n        onMouseEnter={handleVisibilityChange}\n        icon={isVisible ? dhEye : dhEyeSlash}\n        tooltip=\"Toggle visibility\"\n      />\n      <span className={classNames('column-name', group && 'column-group')}>\n        {/* Display a normal item if this is the drag overlay clone, even if it's a group */}\n        {group && !clone ? (\n          <VisibilityOrderingGroup\n            group={group}\n            onDelete={onGroupDelete}\n            onColorChange={onGroupColorChange}\n            onNameChange={onGroupNameChange}\n            validateName={validateGroupName}\n          />\n        ) : (\n          value\n        )}\n      </span>\n      <div>\n        {clone && childCount > 1 && (\n          <span className=\"item-count\">{childCount}</span>\n        )}\n        <Tooltip>Drag to re-order</Tooltip>\n        <FontAwesomeIcon icon={vsGripper} />\n      </div>\n    </div>\n  );\n});\n\nexport default VisibilityOrderingItem;\n"],"mappings":"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"}
+{"version":3,"file":"VisibilityOrderingItem.js","names":["React","forwardRef","useCallback","useRef","classNames","FontAwesomeIcon","dhEye","dhEyeSlash","vsGripper","Button","Tooltip","VisibilityOrderingGroup","jsx","_jsx","jsxs","_jsxs","emptyOnClick","VisibilityOrderingItem","props","ref","value","clone","childCount","item","onVisibilityChange","onClick","onGroupDelete","onGroupColorChange","onGroupNameChange","validateGroupName","handleProps","group","modelIndex","isVisible","data","buttonRef","handleVisibilityChange","e","buttons","_buttonRef$current","flat","current","focus","handleClick","event","_objectSpread","className","isSelected","selected","children","kind","onMouseDown","onMouseEnter","icon","tooltip","onDelete","onColorChange","onNameChange","validateName"],"sources":["../../../src/sidebar/visibility-ordering-builder/VisibilityOrderingItem.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { forwardRef, useCallback, useRef } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhEye, dhEyeSlash, vsGripper } from '@deephaven/icons';\nimport { Button, Tooltip } from '@deephaven/components';\nimport VisibilityOrderingGroup from './VisibilityOrderingGroup';\nimport { FlattenedIrisGridTreeItem } from './sortable-tree/utilities';\nimport type ColumnHeaderGroup from '../../ColumnHeaderGroup';\n\ntype VisibilityOrderingItemProps = {\n  value: string;\n  clone: boolean;\n  childCount: number;\n  item: FlattenedIrisGridTreeItem;\n  onVisibilityChange: (modelIndexes: number[], isVisible: boolean) => void;\n  onClick: (name: string, event: React.MouseEvent<HTMLElement>) => void;\n  onGroupDelete: (group: ColumnHeaderGroup) => void;\n  onGroupColorChange: (\n    group: ColumnHeaderGroup,\n    color: string | undefined\n  ) => void;\n  onGroupNameChange: (group: ColumnHeaderGroup, name: string) => void;\n  validateGroupName: (name: string) => string;\n  handleProps?: Record<string, unknown>;\n};\n\nfunction emptyOnClick(): void {\n  // no-op\n}\n\nconst VisibilityOrderingItem = forwardRef<\n  HTMLDivElement,\n  VisibilityOrderingItemProps\n>(function VisibilityOrderingItem(props, ref) {\n  const {\n    value,\n    clone,\n    childCount,\n    item,\n    onVisibilityChange,\n    onClick,\n    onGroupDelete,\n    onGroupColorChange,\n    onGroupNameChange,\n    validateGroupName,\n    handleProps,\n  } = props;\n  const { group, modelIndex, isVisible } = item.data;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const handleVisibilityChange = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.buttons === 1) {\n        onVisibilityChange([modelIndex].flat(), !isVisible);\n        buttonRef.current?.focus();\n      }\n    },\n    [onVisibilityChange, modelIndex, isVisible]\n  );\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      onClick(value, event);\n    },\n    [onClick, value]\n  );\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      ref={ref}\n      className={classNames('tree-item', {\n        isSelected: item.selected,\n        'two-dragged': childCount === 2,\n        'multiple-dragged': childCount > 2,\n      })}\n      onClick={handleClick}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...handleProps}\n    >\n      <Button\n        ref={buttonRef}\n        kind=\"ghost\"\n        className=\"px-1\"\n        // We PropType validate onClick for Button\n        onClick={emptyOnClick}\n        onMouseDown={handleVisibilityChange}\n        onMouseEnter={handleVisibilityChange}\n        icon={isVisible ? dhEye : dhEyeSlash}\n        tooltip=\"Toggle visibility\"\n      />\n      <span className={classNames('column-name', group && 'column-group')}>\n        {/* Display a normal item if this is the drag overlay clone, even if it's a group */}\n        {group && !clone ? (\n          <VisibilityOrderingGroup\n            group={group}\n            onDelete={onGroupDelete}\n            onColorChange={onGroupColorChange}\n            onNameChange={onGroupNameChange}\n            validateName={validateGroupName}\n          />\n        ) : (\n          value\n        )}\n      </span>\n      <div>\n        {clone && childCount > 1 && (\n          <span className=\"item-count\">{childCount}</span>\n        )}\n        <Tooltip>Drag to re-order</Tooltip>\n        <FontAwesomeIcon icon={vsGripper} />\n      </div>\n    </div>\n  );\n});\n\nexport default VisibilityOrderingItem;\n"],"mappings":"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"}

package/dist/sidebar/visibility-ordering-builder/sortable-tree/SortableTree.d.ts

@@ -1,17 +1,19 @@
-/// <reference types="react" />
+import React from 'react';
 import type { FlattenedItem, TreeItem } from './types';
 interface Props<T> {
     items: TreeItem<T>[];
     indentationWidth?: number;
     indicator?: boolean;
-    onDragStart?(id: string): void;
-    onDragEnd?(from: FlattenedItem<T>, to: FlattenedItem<T>): void;
-    renderItem(props: {
+    onDragStart?: (id: string) => void;
+    onDragEnd?: (from: FlattenedItem<T>, to: FlattenedItem<T>) => void;
+    renderItem: (props: {
         clone: boolean;
         childCount?: number;
         value: string;
         item: FlattenedItem<T>;
-    }): JSX.Element;
+        ref: React.Ref<HTMLDivElement>;
+        handleProps?: Record<string, unknown>;
+    }) => JSX.Element;
 }
 export default function SortableTree<T>({ items, indicator, indentationWidth, onDragStart, onDragEnd, renderItem, }: Props<T>): JSX.Element;
 export {};

package/dist/sidebar/visibility-ordering-builder/sortable-tree/SortableTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTree.d.ts","sourceRoot":"","sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTree.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,aAAa,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBtE,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/D,UAAU,CAAC,KAAK,EAAE;QAChB,KAAK,EAAE,OAAO,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;KACxB,GAAG,GAAG,CAAC,OAAO,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,SAAiB,EACjB,gBAAqB,EACrB,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2IxB"}
+{"version":3,"file":"SortableTree.d.ts","sourceRoot":"","sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,OAAO,KAAK,EAAE,aAAa,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBtE,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnE,UAAU,EAAE,CAAC,KAAK,EAAE;QAClB,KAAK,EAAE,OAAO,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC/B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACvC,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,SAAiB,EACjB,gBAAqB,EACrB,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2IxB"}

package/dist/sidebar/visibility-ordering-builder/sortable-tree/SortableTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTree.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","DndContext","closestCenter","KeyboardSensor","useSensor","useSensors","MeasuringStrategy","SortableContext","verticalListSortingStrategy","flattenTree","getProjection","sortableTreeKeyboardCoordinates","PointerSensorWithInteraction","SortableTreeInner","jsx","_jsx","MEASURING","droppable","strategy","Always","CONSTRAINT","activationConstraint","distance","SortableTree","_ref","items","indicator","indentationWidth","onDragStart","onDragEnd","renderItem","activeId","setActiveId","overId","setOverId","offsetLeft","setOffsetLeft","flattenedItems","flattenedTree","filter","_ref2","id","selected","projected","sensorContext","offset","keyboardOptions","coordinateGetter","sensors","sortedIds","map","_ref3","current","handleDragStart","_ref4","active","newActiveId","document","body","style","setProperty","handleDragMove","_ref5","delta","x","handleDragOver","_ref6","_ref7","over","resetState","handleDragEnd","_ref8","depth","parentId","clonedItems","JSON","parse","stringify","overIndex","findIndex","_ref9","activeIndex","_ref10","activeTreeItem","_objectSpread","handleDragCancel","collisionDetection","measuring","onDragMove","onDragOver","onDragCancel","children"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTree.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  DragStartEvent,\n  DragMoveEvent,\n  DragEndEvent,\n  DragOverEvent,\n  MeasuringStrategy,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { flattenTree, getProjection } from './utilities';\nimport type { FlattenedItem, SensorContext, TreeItem } from './types';\nimport { sortableTreeKeyboardCoordinates } from './keyboardCoordinates';\nimport PointerSensorWithInteraction from './PointerSensorWithInteraction';\nimport SortableTreeInner from './SortableTreeInner';\n\nconst MEASURING = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst CONSTRAINT = {\n  activationConstraint: {\n    distance: 5,\n  },\n};\n\ninterface Props<T> {\n  items: TreeItem<T>[];\n  indentationWidth?: number;\n  indicator?: boolean;\n  onDragStart?(id: string): void;\n  onDragEnd?(from: FlattenedItem<T>, to: FlattenedItem<T>): void;\n  renderItem(props: {\n    clone: boolean;\n    childCount?: number;\n    value: string;\n    item: FlattenedItem<T>;\n  }): JSX.Element;\n}\n\nexport default function SortableTree<T>({\n  items,\n  indicator = false,\n  indentationWidth = 30,\n  onDragStart,\n  onDragEnd,\n  renderItem,\n}: Props<T>): JSX.Element {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [overId, setOverId] = useState<string | null>(null);\n  const [offsetLeft, setOffsetLeft] = useState(0);\n\n  const flattenedItems = useMemo(() => {\n    const flattenedTree = flattenTree(items);\n\n    if (activeId != null) {\n      return flattenedTree.filter(\n        ({ id, selected }) => id === activeId || !selected\n      );\n    }\n\n    return flattenedTree;\n  }, [activeId, items]);\n\n  const projected =\n    activeId != null && overId != null\n      ? getProjection(\n          flattenedItems,\n          activeId,\n          overId,\n          offsetLeft,\n          indentationWidth\n        )\n      : null;\n  const sensorContext: SensorContext = useRef({\n    items: flattenedItems,\n    offset: offsetLeft,\n  });\n  const keyboardOptions = useMemo(\n    () => ({\n      coordinateGetter: sortableTreeKeyboardCoordinates(\n        sensorContext,\n        indicator,\n        indentationWidth\n      ),\n    }),\n    [indentationWidth, indicator]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensorWithInteraction, CONSTRAINT),\n    useSensor(KeyboardSensor, keyboardOptions)\n  );\n\n  const sortedIds = useMemo(\n    () => flattenedItems.map(({ id }) => id),\n    [flattenedItems]\n  );\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: flattenedItems,\n      offset: offsetLeft,\n    };\n  }, [flattenedItems, offsetLeft]);\n\n  const handleDragStart = useCallback(\n    ({ active: { id: newActiveId } }: DragStartEvent) => {\n      setActiveId(newActiveId as string);\n      setOverId(newActiveId as string);\n      onDragStart?.(newActiveId as string);\n\n      document.body.style.setProperty('cursor', 'grabbing');\n    },\n    [onDragStart]\n  );\n\n  const handleDragMove = useCallback(({ delta }: DragMoveEvent) => {\n    setOffsetLeft(delta.x);\n  }, []);\n\n  const handleDragOver = useCallback(({ over }: DragOverEvent) => {\n    setOverId((over?.id as string) ?? null);\n  }, []);\n\n  const resetState = useCallback(() => {\n    setOverId(null);\n    setActiveId(null);\n    setOffsetLeft(0);\n\n    document.body.style.setProperty('cursor', '');\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      resetState();\n\n      if (projected && over) {\n        const { depth, parentId } = projected;\n\n        const clonedItems: FlattenedItem<T>[] = JSON.parse(\n          JSON.stringify(flattenTree(items))\n        );\n        const overIndex = clonedItems.findIndex(({ id }) => id === over.id);\n        const activeIndex = clonedItems.findIndex(({ id }) => id === active.id);\n        const activeTreeItem = clonedItems[activeIndex];\n\n        clonedItems[activeIndex] = { ...activeTreeItem, depth, parentId };\n\n        onDragEnd?.(activeTreeItem, {\n          ...clonedItems[overIndex],\n          parentId: projected.parentId,\n        });\n      }\n    },\n    [items, onDragEnd, projected, resetState]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      measuring={MEASURING}\n      onDragStart={handleDragStart}\n      onDragMove={handleDragMove}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      <SortableContext items={sortedIds} strategy={verticalListSortingStrategy}>\n        <SortableTreeInner\n          items={flattenedItems}\n          renderItem={renderItem}\n          indicator={indicator}\n          indentationWidth={indentationWidth}\n          activeId={activeId}\n          overId={overId}\n          offsetLeft={offsetLeft}\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SortableTree.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","DndContext","closestCenter","KeyboardSensor","useSensor","useSensors","MeasuringStrategy","SortableContext","verticalListSortingStrategy","flattenTree","getProjection","sortableTreeKeyboardCoordinates","PointerSensorWithInteraction","SortableTreeInner","jsx","_jsx","MEASURING","droppable","strategy","Always","CONSTRAINT","activationConstraint","distance","SortableTree","_ref","items","indicator","indentationWidth","onDragStart","onDragEnd","renderItem","activeId","setActiveId","overId","setOverId","offsetLeft","setOffsetLeft","flattenedItems","flattenedTree","filter","_ref2","id","selected","projected","sensorContext","offset","keyboardOptions","coordinateGetter","sensors","sortedIds","map","_ref3","current","handleDragStart","_ref4","active","newActiveId","document","body","style","setProperty","handleDragMove","_ref5","delta","x","handleDragOver","_ref6","_ref7","over","resetState","handleDragEnd","_ref8","depth","parentId","clonedItems","JSON","parse","stringify","overIndex","findIndex","_ref9","activeIndex","_ref10","activeTreeItem","_objectSpread","handleDragCancel","collisionDetection","measuring","onDragMove","onDragOver","onDragCancel","children"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTree.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  DragStartEvent,\n  DragMoveEvent,\n  DragEndEvent,\n  DragOverEvent,\n  MeasuringStrategy,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { flattenTree, getProjection } from './utilities';\nimport type { FlattenedItem, SensorContext, TreeItem } from './types';\nimport { sortableTreeKeyboardCoordinates } from './keyboardCoordinates';\nimport PointerSensorWithInteraction from './PointerSensorWithInteraction';\nimport SortableTreeInner from './SortableTreeInner';\n\nconst MEASURING = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst CONSTRAINT = {\n  activationConstraint: {\n    distance: 5,\n  },\n};\n\ninterface Props<T> {\n  items: TreeItem<T>[];\n  indentationWidth?: number;\n  indicator?: boolean;\n  onDragStart?: (id: string) => void;\n  onDragEnd?: (from: FlattenedItem<T>, to: FlattenedItem<T>) => void;\n  renderItem: (props: {\n    clone: boolean;\n    childCount?: number;\n    value: string;\n    item: FlattenedItem<T>;\n    ref: React.Ref<HTMLDivElement>;\n    handleProps?: Record<string, unknown>;\n  }) => JSX.Element;\n}\n\nexport default function SortableTree<T>({\n  items,\n  indicator = false,\n  indentationWidth = 30,\n  onDragStart,\n  onDragEnd,\n  renderItem,\n}: Props<T>): JSX.Element {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [overId, setOverId] = useState<string | null>(null);\n  const [offsetLeft, setOffsetLeft] = useState(0);\n\n  const flattenedItems = useMemo(() => {\n    const flattenedTree = flattenTree(items);\n\n    if (activeId != null) {\n      return flattenedTree.filter(\n        ({ id, selected }) => id === activeId || !selected\n      );\n    }\n\n    return flattenedTree;\n  }, [activeId, items]);\n\n  const projected =\n    activeId != null && overId != null\n      ? getProjection(\n          flattenedItems,\n          activeId,\n          overId,\n          offsetLeft,\n          indentationWidth\n        )\n      : null;\n  const sensorContext: SensorContext = useRef({\n    items: flattenedItems,\n    offset: offsetLeft,\n  });\n  const keyboardOptions = useMemo(\n    () => ({\n      coordinateGetter: sortableTreeKeyboardCoordinates(\n        sensorContext,\n        indicator,\n        indentationWidth\n      ),\n    }),\n    [indentationWidth, indicator]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensorWithInteraction, CONSTRAINT),\n    useSensor(KeyboardSensor, keyboardOptions)\n  );\n\n  const sortedIds = useMemo(\n    () => flattenedItems.map(({ id }) => id),\n    [flattenedItems]\n  );\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: flattenedItems,\n      offset: offsetLeft,\n    };\n  }, [flattenedItems, offsetLeft]);\n\n  const handleDragStart = useCallback(\n    ({ active: { id: newActiveId } }: DragStartEvent) => {\n      setActiveId(newActiveId as string);\n      setOverId(newActiveId as string);\n      onDragStart?.(newActiveId as string);\n\n      document.body.style.setProperty('cursor', 'grabbing');\n    },\n    [onDragStart]\n  );\n\n  const handleDragMove = useCallback(({ delta }: DragMoveEvent) => {\n    setOffsetLeft(delta.x);\n  }, []);\n\n  const handleDragOver = useCallback(({ over }: DragOverEvent) => {\n    setOverId((over?.id as string) ?? null);\n  }, []);\n\n  const resetState = useCallback(() => {\n    setOverId(null);\n    setActiveId(null);\n    setOffsetLeft(0);\n\n    document.body.style.setProperty('cursor', '');\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      resetState();\n\n      if (projected && over) {\n        const { depth, parentId } = projected;\n\n        const clonedItems: FlattenedItem<T>[] = JSON.parse(\n          JSON.stringify(flattenTree(items))\n        );\n        const overIndex = clonedItems.findIndex(({ id }) => id === over.id);\n        const activeIndex = clonedItems.findIndex(({ id }) => id === active.id);\n        const activeTreeItem = clonedItems[activeIndex];\n\n        clonedItems[activeIndex] = { ...activeTreeItem, depth, parentId };\n\n        onDragEnd?.(activeTreeItem, {\n          ...clonedItems[overIndex],\n          parentId: projected.parentId,\n        });\n      }\n    },\n    [items, onDragEnd, projected, resetState]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      measuring={MEASURING}\n      onDragStart={handleDragStart}\n      onDragMove={handleDragMove}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      <SortableContext items={sortedIds} strategy={verticalListSortingStrategy}>\n        <SortableTreeInner\n          items={flattenedItems}\n          renderItem={renderItem}\n          indicator={indicator}\n          indentationWidth={indentationWidth}\n          activeId={activeId}\n          overId={overId}\n          offsetLeft={offsetLeft}\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":"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"}

package/dist/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeInner.d.ts

@@ -1,15 +1,17 @@
-/// <reference types="react" />
+import React from 'react';
 import type { FlattenedItem } from './types';
 interface Props<T> {
     items: FlattenedItem<T>[];
     indentationWidth?: number;
     indicator?: boolean;
-    renderItem(props: {
+    renderItem: (props: {
         clone: boolean;
         childCount?: number;
         value: string;
         item: FlattenedItem<T>;
-    }): JSX.Element;
+        ref: React.Ref<HTMLDivElement>;
+        handleProps?: Record<string, unknown>;
+    }) => JSX.Element;
     activeId: string | null;
     overId: string | null;
     offsetLeft: number;

package/dist/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTreeInner.d.ts","sourceRoot":"","sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeInner.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAkE5D,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,KAAK,EAAE;QAChB,KAAK,EAAE,OAAO,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;KACxB,GAAG,GAAG,CAAC,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,EAAE,EAC3C,KAAK,EACL,UAAU,EACV,gBAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,MAAM,EACN,UAAU,GACX,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAqFxB"}
+{"version":3,"file":"SortableTreeInner.d.ts","sourceRoot":"","sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAkE5D,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE;QAClB,KAAK,EAAE,OAAO,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC/B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACvC,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,EAAE,EAC3C,KAAK,EACL,UAAU,EACV,gBAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,MAAM,EACN,UAAU,GACX,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAqFxB"}

package/dist/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTreeInner.js","names":["React","useEffect","useRef","createPortal","classNames","DragOverlay","defaultDropAnimation","useDndContext","CSS","getProjection","getChildCount","SortableTreeItem","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","dropAnimationConfig","keyframes","_ref","transform","opacity","Transform","toString","initial","_objectSpread","final","x","y","easing","sideEffects","_ref2","active","node","animate","duration","offsetY","adjustToCursor","args","_offsetY","activeNodeRect","activatorEvent","PointerEvent","Math","floor","clientY","top","height","SortableTreeInner","_ref3","items","renderItem","indentationWidth","indicator","activeId","overId","offsetLeft","context","contextRef","updateContextRef","current","remeasureContainers","measureDroppableContainers","map","_ref4","id","projected","sensorContext","offset","activeItem","find","_ref5","children","className","item","depth","value","dropAnimation","modifiers","clone","childCount","document","body"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeInner.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport {\n  DragOverlay,\n  DropAnimation,\n  Modifier,\n  defaultDropAnimation,\n  useDndContext,\n} from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { getProjection, getChildCount } from './utilities';\nimport type { FlattenedItem, SensorContext } from './types';\nimport { SortableTreeItem } from './SortableTreeItem';\n\nconst dropAnimationConfig: DropAnimation = {\n  keyframes({ transform }) {\n    return [\n      { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\n      {\n        opacity: 0,\n        transform: CSS.Transform.toString({\n          ...transform.final,\n          x: transform.final.x + 5,\n          y: transform.final.y + 5,\n        }),\n      },\n    ];\n  },\n  easing: 'ease-out',\n  sideEffects({ active }) {\n    active.node.animate([{ opacity: 0 }, { opacity: 1 }], {\n      duration: defaultDropAnimation.duration,\n      easing: defaultDropAnimation.easing,\n    });\n  },\n};\n\n// Used to track the offset for adjustToCursor\n// Once drag starts, set this. Once it ends, null this\nlet offsetY: number | null = null;\n\n/**\n * This adjusts the transform to move to the cursor if it gets shifted due to multi-select.\n * With multi-select, the selected items (except dragged) are removed on drag.\n * This can cause the overlay item to disconnect from the cursor in some cases.\n * E.g. select first 3 items, start dragging from 3rd item.\n * Without this modifier, the drag overlay will be shifted 60px up from the cursor after the items are removed.\n *\n * This assumes all items are the same height as the dragged item\n * @param args Modifier args from dnd-kit\n * @returns Transform so that the dragged item stays on the cursor\n */\nfunction adjustToCursor(args: Parameters<Modifier>[0]): {\n  y: number;\n  x: number;\n  scaleX: number;\n  scaleY: number;\n} {\n  if (\n    offsetY == null &&\n    args.activeNodeRect &&\n    args.activatorEvent instanceof PointerEvent\n  ) {\n    offsetY =\n      Math.floor(\n        (args.activatorEvent.clientY - args.activeNodeRect.top) /\n          args.activeNodeRect.height\n      ) * args.activeNodeRect.height;\n  }\n\n  if (!args.activeNodeRect) {\n    offsetY = null;\n  }\n\n  return { ...args.transform, y: args.transform.y + (offsetY ?? 0) };\n}\n\ninterface Props<T> {\n  items: FlattenedItem<T>[];\n  indentationWidth?: number;\n  indicator?: boolean;\n  renderItem(props: {\n    clone: boolean;\n    childCount?: number;\n    value: string;\n    item: FlattenedItem<T>;\n  }): JSX.Element;\n  activeId: string | null;\n  overId: string | null;\n  offsetLeft: number;\n}\n\nexport default function SortableTreeInner<T>({\n  items,\n  renderItem,\n  indentationWidth = 30,\n  indicator = false,\n  activeId,\n  overId,\n  offsetLeft,\n}: Props<T>): JSX.Element {\n  const context = useDndContext();\n  const contextRef = useRef(context);\n\n  useEffect(\n    function updateContextRef() {\n      contextRef.current = context;\n    },\n    [context]\n  );\n\n  // Without this, animations are funky when using the move/sort buttons\n  // dnd-kit only remeasures on drag/drop by default\n  // The context object changes while dragging (items don't)\n  // Using the context ref allows this to trigger properly on only items changes\n  useEffect(\n    function remeasureContainers() {\n      contextRef.current.measureDroppableContainers(items.map(({ id }) => id));\n    },\n    [items]\n  );\n\n  const projected =\n    activeId != null && overId != null\n      ? getProjection(items, activeId, overId, offsetLeft, indentationWidth)\n      : null;\n  const sensorContext: SensorContext = useRef({\n    items,\n    offset: offsetLeft,\n  });\n\n  const activeItem =\n    activeId != null ? items.find(({ id }) => id === activeId) : null;\n\n  useEffect(() => {\n    sensorContext.current = {\n      items,\n      offset: offsetLeft,\n    };\n  }, [items, offsetLeft]);\n\n  return (\n    <>\n      <div\n        className={classNames(\n          'tree-container',\n          activeId != null && 'marching-ants'\n        )}\n      >\n        {items.map(item => {\n          const { id, depth } = item;\n          return (\n            <SortableTreeItem\n              key={id}\n              id={id}\n              value={id}\n              depth={id === activeId && projected ? projected.depth : depth}\n              item={item}\n              renderItem={renderItem}\n            />\n          );\n        })}\n      </div>\n      {createPortal(\n        <DragOverlay\n          dropAnimation={dropAnimationConfig}\n          modifiers={[adjustToCursor]}\n          className=\"visibility-ordering-list\"\n        >\n          {activeId != null && activeItem ? (\n            <SortableTreeItem\n              id={activeId}\n              depth={activeItem.depth}\n              clone\n              childCount={getChildCount(items, activeId) + 1}\n              value={activeId.toString()}\n              renderItem={renderItem}\n              item={activeItem}\n            />\n          ) : null}\n        </DragOverlay>,\n        document.body\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SortableTreeInner.js","names":["React","useEffect","useRef","createPortal","classNames","DragOverlay","defaultDropAnimation","useDndContext","CSS","getProjection","getChildCount","SortableTreeItem","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","dropAnimationConfig","keyframes","_ref","transform","opacity","Transform","toString","initial","_objectSpread","final","x","y","easing","sideEffects","_ref2","active","node","animate","duration","offsetY","adjustToCursor","args","_offsetY","activeNodeRect","activatorEvent","PointerEvent","Math","floor","clientY","top","height","SortableTreeInner","_ref3","items","renderItem","indentationWidth","indicator","activeId","overId","offsetLeft","context","contextRef","updateContextRef","current","remeasureContainers","measureDroppableContainers","map","_ref4","id","projected","sensorContext","offset","activeItem","find","_ref5","children","className","item","depth","value","dropAnimation","modifiers","clone","childCount","document","body"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeInner.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport {\n  DragOverlay,\n  DropAnimation,\n  Modifier,\n  defaultDropAnimation,\n  useDndContext,\n} from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { getProjection, getChildCount } from './utilities';\nimport type { FlattenedItem, SensorContext } from './types';\nimport { SortableTreeItem } from './SortableTreeItem';\n\nconst dropAnimationConfig: DropAnimation = {\n  keyframes({ transform }) {\n    return [\n      { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\n      {\n        opacity: 0,\n        transform: CSS.Transform.toString({\n          ...transform.final,\n          x: transform.final.x + 5,\n          y: transform.final.y + 5,\n        }),\n      },\n    ];\n  },\n  easing: 'ease-out',\n  sideEffects({ active }) {\n    active.node.animate([{ opacity: 0 }, { opacity: 1 }], {\n      duration: defaultDropAnimation.duration,\n      easing: defaultDropAnimation.easing,\n    });\n  },\n};\n\n// Used to track the offset for adjustToCursor\n// Once drag starts, set this. Once it ends, null this\nlet offsetY: number | null = null;\n\n/**\n * This adjusts the transform to move to the cursor if it gets shifted due to multi-select.\n * With multi-select, the selected items (except dragged) are removed on drag.\n * This can cause the overlay item to disconnect from the cursor in some cases.\n * E.g. select first 3 items, start dragging from 3rd item.\n * Without this modifier, the drag overlay will be shifted 60px up from the cursor after the items are removed.\n *\n * This assumes all items are the same height as the dragged item\n * @param args Modifier args from dnd-kit\n * @returns Transform so that the dragged item stays on the cursor\n */\nfunction adjustToCursor(args: Parameters<Modifier>[0]): {\n  y: number;\n  x: number;\n  scaleX: number;\n  scaleY: number;\n} {\n  if (\n    offsetY == null &&\n    args.activeNodeRect &&\n    args.activatorEvent instanceof PointerEvent\n  ) {\n    offsetY =\n      Math.floor(\n        (args.activatorEvent.clientY - args.activeNodeRect.top) /\n          args.activeNodeRect.height\n      ) * args.activeNodeRect.height;\n  }\n\n  if (!args.activeNodeRect) {\n    offsetY = null;\n  }\n\n  return { ...args.transform, y: args.transform.y + (offsetY ?? 0) };\n}\n\ninterface Props<T> {\n  items: FlattenedItem<T>[];\n  indentationWidth?: number;\n  indicator?: boolean;\n  renderItem: (props: {\n    clone: boolean;\n    childCount?: number;\n    value: string;\n    item: FlattenedItem<T>;\n    ref: React.Ref<HTMLDivElement>;\n    handleProps?: Record<string, unknown>;\n  }) => JSX.Element;\n  activeId: string | null;\n  overId: string | null;\n  offsetLeft: number;\n}\n\nexport default function SortableTreeInner<T>({\n  items,\n  renderItem,\n  indentationWidth = 30,\n  indicator = false,\n  activeId,\n  overId,\n  offsetLeft,\n}: Props<T>): JSX.Element {\n  const context = useDndContext();\n  const contextRef = useRef(context);\n\n  useEffect(\n    function updateContextRef() {\n      contextRef.current = context;\n    },\n    [context]\n  );\n\n  // Without this, animations are funky when using the move/sort buttons\n  // dnd-kit only remeasures on drag/drop by default\n  // The context object changes while dragging (items don't)\n  // Using the context ref allows this to trigger properly on only items changes\n  useEffect(\n    function remeasureContainers() {\n      contextRef.current.measureDroppableContainers(items.map(({ id }) => id));\n    },\n    [items]\n  );\n\n  const projected =\n    activeId != null && overId != null\n      ? getProjection(items, activeId, overId, offsetLeft, indentationWidth)\n      : null;\n  const sensorContext: SensorContext = useRef({\n    items,\n    offset: offsetLeft,\n  });\n\n  const activeItem =\n    activeId != null ? items.find(({ id }) => id === activeId) : null;\n\n  useEffect(() => {\n    sensorContext.current = {\n      items,\n      offset: offsetLeft,\n    };\n  }, [items, offsetLeft]);\n\n  return (\n    <>\n      <div\n        className={classNames(\n          'tree-container',\n          activeId != null && 'marching-ants'\n        )}\n      >\n        {items.map(item => {\n          const { id, depth } = item;\n          return (\n            <SortableTreeItem\n              key={id}\n              id={id}\n              value={id}\n              depth={id === activeId && projected ? projected.depth : depth}\n              item={item}\n              renderItem={renderItem}\n            />\n          );\n        })}\n      </div>\n      {createPortal(\n        <DragOverlay\n          dropAnimation={dropAnimationConfig}\n          modifiers={[adjustToCursor]}\n          className=\"visibility-ordering-list\"\n        >\n          {activeId != null && activeItem ? (\n            <SortableTreeItem\n              id={activeId}\n              depth={activeItem.depth}\n              clone\n              childCount={getChildCount(items, activeId) + 1}\n              value={activeId.toString()}\n              renderItem={renderItem}\n              item={activeItem}\n            />\n          ) : null}\n        </DragOverlay>,\n        document.body\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/sidebar/visibility-ordering-builder/sortable-tree/TreeItem.d.ts

@@ -7,19 +7,19 @@ export interface Props<T> {
     depth: number;
     disableInteraction?: boolean;
     ghost?: boolean;
-    handleProps?: unknown;
+    handleProps?: Record<string, unknown>;
     value: string;
     item: FlattenedItem<T>;
     dragRef?: React.Ref<HTMLDivElement> | null;
     wrapperRef?: React.Ref<HTMLLIElement> | null;
-    renderItem(props: {
+    renderItem: (props: {
         ref: React.Ref<HTMLDivElement> | null;
         clone: boolean;
         childCount?: number;
         value: string;
         item: FlattenedItem<T>;
-        handleProps: unknown;
-    }): JSX.Element;
+        handleProps?: Record<string, unknown>;
+    }) => JSX.Element;
 }
 export type TreeItemRenderFn<T> = (props: {
     ref: React.Ref<HTMLDivElement> | null;
@@ -27,7 +27,7 @@ export type TreeItemRenderFn<T> = (props: {
     childCount?: number;
     value: string;
     item: T extends TreeItemType<infer D> ? FlattenedItem<D> : FlattenedItem<T>;
-    handleProps: Record<string, unknown>;
+    handleProps?: Record<string, unknown>;
 }) => JSX.Element;
 export declare function TreeItem<T>(props: Props<T>): JSX.Element;
 export declare namespace TreeItem {