@deephaven/iris-grid 1.22.1 → 1.22.2-alpha-pivot-builder.0

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

@@ -1 +1 @@
-{"version":3,"file":"SortableTreeDndContext.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","createPortal","DndContext","closestCenter","KeyboardSensor","useSensor","useSensors","MeasuringStrategy","DragOverlay","defaultDropAnimation","SortableContext","verticalListSortingStrategy","CSS","getProjection","sortableTreeKeyboardCoordinates","PointerSensorWithInteraction","TreeItem","jsx","_jsx","jsxs","_jsxs","MEASURING","droppable","strategy","Always","CONSTRAINT","activationConstraint","distance","DRAG_OVERLAY_STYLE","pointerEvents","dropAnimationConfig","keyframes","_ref","transform","opacity","Transform","toString","initial","final","easing","sideEffects","_ref2","active","node","animate","duration","adjustToCursor","args","_adjustToCursor$offse","offsetY","activeNodeRect","activatorEvent","PointerEvent","Math","floor","clientY","top","height","_objectSpread","y","fixCursorSnapOffset","pointerCoordinates","x","width","collisionRect","updated","bottom","left","right","SortableTreeDndContext","_ref3","items","indentationWidth","onDragStart","onDragEnd","children","renderItem","activeId","setActiveId","offsetLeft","setOffsetLeft","activeItem","find","_ref4","id","sensorContext","offset","keyboardOptions","coordinateGetter","keyboardCodes","start","cancel","end","sensors","sortedIds","map","_ref5","current","handleDragStart","event","newActiveId","document","body","style","setProperty","handleDragMove","_ref6","delta","resetState","handleDragEnd","_ref7","_active$rect$current$","_active$rect$current$2","_active$rect$current$3","_active$rect$current$4","over","projected","rect","translated","depth","parentId","clonedItems","JSON","parse","stringify","overIndex","findIndex","_ref8","activeIndex","_ref9","activeTreeItem","handleDragCancel","collisionDetection","measuring","onDragMove","onDragCancel","dropAnimation","modifiers","className","clone","value","item"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeDndContext.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  type KeyboardSensorOptions,\n  useSensor,\n  useSensors,\n  type DragStartEvent,\n  type DragMoveEvent,\n  type DragEndEvent,\n  MeasuringStrategy,\n  DragOverlay,\n  type DropAnimation,\n  defaultDropAnimation,\n  type Modifier,\n  type CollisionDetection,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { getProjection } from './utilities';\nimport type { FlattenedItem, SensorContext } from './types';\nimport { sortableTreeKeyboardCoordinates } from './keyboardCoordinates';\nimport PointerSensorWithInteraction from './PointerSensorWithInteraction';\nimport { TreeItem, type TreeItemRenderFn } from './TreeItem';\n\nconst MEASURING = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst CONSTRAINT = {\n  activationConstraint: {\n    distance: 5,\n  },\n};\n\n// Disabling pointer events allows us to use scroll wheel while dragging\nconst DRAG_OVERLAY_STYLE = { pointerEvents: 'none' } as const;\n\nconst dropAnimationConfig: DropAnimation = {\n  keyframes({ transform }) {\n    return [\n      { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\n      { opacity: 0, transform: CSS.Transform.toString(transform.final) },\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/**\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    adjustToCursor.offsetY == null &&\n    args.activeNodeRect &&\n    args.activatorEvent instanceof PointerEvent\n  ) {\n    adjustToCursor.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    adjustToCursor.offsetY = null;\n  }\n\n  return {\n    ...args.transform,\n    y: args.transform.y + (adjustToCursor.offsetY ?? 0),\n  };\n}\n\n// Used to track the offset for adjustToCursor\n// Once drag starts, set this. Once it ends, null this\n// Kind of hacky to store it as a property on the function,\n// but avoids a singleton state or needing hooks to maintain this.\n// The logic came from the dnd-kit example.\nadjustToCursor.offsetY = null as number | null;\n\n// From https://github.com/clauderic/dnd-kit/pull/334\nconst fixCursorSnapOffset: CollisionDetection = args => {\n  // Bail out if keyboard activated\n  if (!args.pointerCoordinates) {\n    return closestCenter(args);\n  }\n  const { x, y } = args.pointerCoordinates;\n  const { width, height } = args.collisionRect;\n  const updated = {\n    ...args,\n    // The collision rectangle is broken when using adjustToCursor. Reset\n    // the collision rectangle based on pointer location and overlay size.\n    collisionRect: {\n      width,\n      height,\n      bottom: y + height / 2,\n      left: x - width / 2,\n      right: x + width / 2,\n      top: y - height / 2,\n    },\n  };\n  return closestCenter(updated);\n};\n\ntype Props<T> = React.PropsWithChildren<{\n  items: readonly FlattenedItem<T>[];\n  indentationWidth?: number;\n  onDragStart?: (id: string, event: DragStartEvent) => void;\n  onDragEnd?: (from: FlattenedItem<T>, to: FlattenedItem<T>) => void;\n  renderItem: TreeItemRenderFn<T>;\n}>;\n\nexport default function SortableTreeDndContext<T>({\n  items,\n  indentationWidth = 30,\n  onDragStart,\n  onDragEnd,\n  children,\n  renderItem,\n}: Props<T>): JSX.Element {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [offsetLeft, setOffsetLeft] = useState(0);\n\n  const activeItem =\n    activeId != null ? items.find(({ id }) => id === activeId) : null;\n\n  const sensorContext: SensorContext = useRef({\n    items,\n    offset: offsetLeft,\n  });\n  const keyboardOptions = useMemo(\n    () =>\n      ({\n        coordinateGetter: sortableTreeKeyboardCoordinates(\n          sensorContext,\n          indentationWidth\n        ),\n        keyboardCodes: {\n          // Default is space and enter for start/end,\n          // but enter is used to select items from the search list\n          start: ['Space'],\n          cancel: ['Escape'],\n          end: ['Space'],\n        },\n      }) satisfies KeyboardSensorOptions,\n    [indentationWidth]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensorWithInteraction, CONSTRAINT),\n    useSensor(KeyboardSensor, keyboardOptions)\n  );\n\n  const sortedIds = useMemo(() => items.map(({ id }) => id), [items]);\n\n  useEffect(() => {\n    sensorContext.current = {\n      items,\n      offset: offsetLeft,\n    };\n  }, [items, offsetLeft]);\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const {\n        active: { id: newActiveId },\n      } = event;\n      setActiveId(newActiveId as string);\n      onDragStart?.(newActiveId as string, event);\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 resetState = useCallback(() => {\n    setActiveId(null);\n    setOffsetLeft(0);\n\n    document.body.style.setProperty('cursor', '');\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      const projected =\n        active.id != null && over?.id != null\n          ? getProjection(\n              items,\n              active.id as string,\n              over.id as string,\n              (active.rect.current.translated?.left ?? 0) -\n                (active.rect.current.initial?.left ?? 0),\n              indentationWidth\n            )\n          : null;\n      if (projected && over) {\n        const { depth, parentId } = projected;\n\n        const clonedItems: FlattenedItem<T>[] = JSON.parse(\n          JSON.stringify(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      resetState();\n    },\n    [items, indentationWidth, onDragEnd, resetState]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={fixCursorSnapOffset}\n      measuring={MEASURING}\n      onDragStart={handleDragStart}\n      onDragMove={handleDragMove}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      <SortableContext items={sortedIds} strategy={verticalListSortingStrategy}>\n        {children}\n        {createPortal(\n          <DragOverlay\n            dropAnimation={dropAnimationConfig}\n            modifiers={[adjustToCursor]}\n            className=\"visibility-ordering-list\"\n            style={DRAG_OVERLAY_STYLE}\n          >\n            {activeId != null && activeItem ? (\n              <TreeItem\n                depth={activeItem.depth}\n                clone\n                value={activeId}\n                renderItem={renderItem}\n                item={activeItem}\n              />\n            ) : null}\n          </DragOverlay>,\n          document.body\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SortableTreeDndContext.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","createPortal","DndContext","closestCenter","KeyboardSensor","useSensor","useSensors","MeasuringStrategy","DragOverlay","defaultDropAnimation","SortableContext","verticalListSortingStrategy","CSS","getProjection","sortableTreeKeyboardCoordinates","PointerSensorWithInteraction","TreeItem","jsx","_jsx","jsxs","_jsxs","MEASURING","droppable","strategy","Always","CONSTRAINT","activationConstraint","distance","DRAG_OVERLAY_STYLE","pointerEvents","dropAnimationConfig","keyframes","_ref","transform","opacity","Transform","toString","initial","final","easing","sideEffects","_ref2","active","node","animate","duration","adjustToCursor","args","_adjustToCursor$offse","offsetY","activeNodeRect","activatorEvent","PointerEvent","Math","floor","clientY","top","height","_objectSpread","y","fixCursorSnapOffset","pointerCoordinates","_args$pointerCoordina","x","_args$collisionRect","collisionRect","width","updated","bottom","left","right","SortableTreeDndContext","_ref3","items","_ref3$indentationWidt","indentationWidth","onDragStart","onDragEnd","children","renderItem","_useState","_useState2","_slicedToArray","activeId","setActiveId","_useState3","_useState4","offsetLeft","setOffsetLeft","activeItem","find","_ref4","id","sensorContext","offset","keyboardOptions","coordinateGetter","keyboardCodes","start","cancel","end","sensors","sortedIds","map","_ref5","current","handleDragStart","event","newActiveId","document","body","style","setProperty","handleDragMove","_ref6","delta","resetState","handleDragEnd","_ref7","_active$rect$current$","_active$rect$current$2","_active$rect$current$3","_active$rect$current$4","over","projected","rect","translated","depth","parentId","clonedItems","JSON","parse","stringify","overIndex","findIndex","_ref8","activeIndex","_ref9","activeTreeItem","handleDragCancel","collisionDetection","measuring","onDragMove","onDragCancel","dropAnimation","modifiers","className","clone","value","item"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeDndContext.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  type KeyboardSensorOptions,\n  useSensor,\n  useSensors,\n  type DragStartEvent,\n  type DragMoveEvent,\n  type DragEndEvent,\n  MeasuringStrategy,\n  DragOverlay,\n  type DropAnimation,\n  defaultDropAnimation,\n  type Modifier,\n  type CollisionDetection,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { getProjection } from './utilities';\nimport type { FlattenedItem, SensorContext } from './types';\nimport { sortableTreeKeyboardCoordinates } from './keyboardCoordinates';\nimport PointerSensorWithInteraction from './PointerSensorWithInteraction';\nimport { TreeItem, type TreeItemRenderFn } from './TreeItem';\n\nconst MEASURING = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst CONSTRAINT = {\n  activationConstraint: {\n    distance: 5,\n  },\n};\n\n// Disabling pointer events allows us to use scroll wheel while dragging\nconst DRAG_OVERLAY_STYLE = { pointerEvents: 'none' } as const;\n\nconst dropAnimationConfig: DropAnimation = {\n  keyframes({ transform }) {\n    return [\n      { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\n      { opacity: 0, transform: CSS.Transform.toString(transform.final) },\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/**\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    adjustToCursor.offsetY == null &&\n    args.activeNodeRect &&\n    args.activatorEvent instanceof PointerEvent\n  ) {\n    adjustToCursor.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    adjustToCursor.offsetY = null;\n  }\n\n  return {\n    ...args.transform,\n    y: args.transform.y + (adjustToCursor.offsetY ?? 0),\n  };\n}\n\n// Used to track the offset for adjustToCursor\n// Once drag starts, set this. Once it ends, null this\n// Kind of hacky to store it as a property on the function,\n// but avoids a singleton state or needing hooks to maintain this.\n// The logic came from the dnd-kit example.\nadjustToCursor.offsetY = null as number | null;\n\n// From https://github.com/clauderic/dnd-kit/pull/334\nconst fixCursorSnapOffset: CollisionDetection = args => {\n  // Bail out if keyboard activated\n  if (!args.pointerCoordinates) {\n    return closestCenter(args);\n  }\n  const { x, y } = args.pointerCoordinates;\n  const { width, height } = args.collisionRect;\n  const updated = {\n    ...args,\n    // The collision rectangle is broken when using adjustToCursor. Reset\n    // the collision rectangle based on pointer location and overlay size.\n    collisionRect: {\n      width,\n      height,\n      bottom: y + height / 2,\n      left: x - width / 2,\n      right: x + width / 2,\n      top: y - height / 2,\n    },\n  };\n  return closestCenter(updated);\n};\n\ntype Props<T> = React.PropsWithChildren<{\n  items: readonly FlattenedItem<T>[];\n  indentationWidth?: number;\n  onDragStart?: (id: string, event: DragStartEvent) => void;\n  onDragEnd?: (from: FlattenedItem<T>, to: FlattenedItem<T>) => void;\n  renderItem: TreeItemRenderFn<T>;\n}>;\n\nexport default function SortableTreeDndContext<T>({\n  items,\n  indentationWidth = 30,\n  onDragStart,\n  onDragEnd,\n  children,\n  renderItem,\n}: Props<T>): JSX.Element {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [offsetLeft, setOffsetLeft] = useState(0);\n\n  const activeItem =\n    activeId != null ? items.find(({ id }) => id === activeId) : null;\n\n  const sensorContext: SensorContext = useRef({\n    items,\n    offset: offsetLeft,\n  });\n  const keyboardOptions = useMemo(\n    () =>\n      ({\n        coordinateGetter: sortableTreeKeyboardCoordinates(\n          sensorContext,\n          indentationWidth\n        ),\n        keyboardCodes: {\n          // Default is space and enter for start/end,\n          // but enter is used to select items from the search list\n          start: ['Space'],\n          cancel: ['Escape'],\n          end: ['Space'],\n        },\n      }) satisfies KeyboardSensorOptions,\n    [indentationWidth]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensorWithInteraction, CONSTRAINT),\n    useSensor(KeyboardSensor, keyboardOptions)\n  );\n\n  const sortedIds = useMemo(() => items.map(({ id }) => id), [items]);\n\n  useEffect(() => {\n    sensorContext.current = {\n      items,\n      offset: offsetLeft,\n    };\n  }, [items, offsetLeft]);\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const {\n        active: { id: newActiveId },\n      } = event;\n      setActiveId(newActiveId as string);\n      onDragStart?.(newActiveId as string, event);\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 resetState = useCallback(() => {\n    setActiveId(null);\n    setOffsetLeft(0);\n\n    document.body.style.setProperty('cursor', '');\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      const projected =\n        active.id != null && over?.id != null\n          ? getProjection(\n              items,\n              active.id as string,\n              over.id as string,\n              (active.rect.current.translated?.left ?? 0) -\n                (active.rect.current.initial?.left ?? 0),\n              indentationWidth\n            )\n          : null;\n      if (projected && over) {\n        const { depth, parentId } = projected;\n\n        const clonedItems: FlattenedItem<T>[] = JSON.parse(\n          JSON.stringify(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      resetState();\n    },\n    [items, indentationWidth, onDragEnd, resetState]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={fixCursorSnapOffset}\n      measuring={MEASURING}\n      onDragStart={handleDragStart}\n      onDragMove={handleDragMove}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      <SortableContext items={sortedIds} strategy={verticalListSortingStrategy}>\n        {children}\n        {createPortal(\n          <DragOverlay\n            dropAnimation={dropAnimationConfig}\n            modifiers={[adjustToCursor]}\n            className=\"visibility-ordering-list\"\n            style={DRAG_OVERLAY_STYLE}\n          >\n            {activeId != null && activeItem ? (\n              <TreeItem\n                depth={activeItem.depth}\n                clone\n                value={activeId}\n                renderItem={renderItem}\n                item={activeItem}\n              />\n            ) : null}\n          </DragOverlay>,\n          document.body\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,33 +13,28 @@ import { CSS } from '@dnd-kit/utilities';
 import { TreeItem } from "./TreeItem.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var animateLayoutChanges = _ref => {
-  var {
-    isSorting,
-    wasDragging
-  } = _ref;
+  var isSorting = _ref.isSorting,
+    wasDragging = _ref.wasDragging;
   return !(isSorting || wasDragging);
 };
 export function SortableTreeItem(_ref2) {
-  var {
-      id,
-      depth,
-      top,
-      measureElement
-    } = _ref2,
+  var id = _ref2.id,
+    depth = _ref2.depth,
+    top = _ref2.top,
+    measureElement = _ref2.measureElement,
     props = _objectWithoutProperties(_ref2, _excluded);
-  var {
-    attributes,
-    isDragging,
-    isSorting,
-    listeners,
-    setDraggableNodeRef,
-    setDroppableNodeRef,
-    transform,
-    transition
-  } = useSortable({
-    id,
-    animateLayoutChanges
-  });
+  var _useSortable = useSortable({
+      id,
+      animateLayoutChanges
+    }),
+    attributes = _useSortable.attributes,
+    isDragging = _useSortable.isDragging,
+    isSorting = _useSortable.isSorting,
+    listeners = _useSortable.listeners,
+    setDraggableNodeRef = _useSortable.setDraggableNodeRef,
+    setDroppableNodeRef = _useSortable.setDroppableNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition;
   var transformString = CSS.Translate.toString(transform);
   var style = useMemo(() => ({
     transform: transformString,

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

@@ -1 +1 @@
-{"version":3,"file":"SortableTreeItem.js","names":["React","useCallback","useMemo","useSortable","CSS","TreeItem","jsx","_jsx","animateLayoutChanges","_ref","isSorting","wasDragging","SortableTreeItem","_ref2","id","depth","top","measureElement","props","_objectWithoutProperties","_excluded","attributes","isDragging","listeners","setDraggableNodeRef","setDroppableNodeRef","transform","transition","transformString","Translate","toString","style","handleProps","_objectSpread","wrapperRef","node","dragRef","ghost","disableInteraction"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeItem.tsx"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport React, { type CSSProperties, useCallback, useMemo } from 'react';\nimport { type AnimateLayoutChanges, useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { TreeItem, type TreeItemProps } from './TreeItem';\n\ninterface SortableTreeItemProps<T> extends Omit<TreeItemProps<T>, 'style'> {\n  id: string;\n  top?: number;\n  /**\n   * Used by @tanstack/virtual to measure the size of the item if it changes.\n   * Group items may change size when the name is being edited.\n   * @param element The HTMLElement to measure\n   */\n  measureElement?: (element: HTMLElement | null) => void;\n}\n\nconst animateLayoutChanges: AnimateLayoutChanges = ({\n  isSorting,\n  wasDragging,\n}) => !(isSorting || wasDragging);\n\nexport function SortableTreeItem<T>({\n  id,\n  depth,\n  top,\n  measureElement,\n  ...props\n}: SortableTreeItemProps<T>): JSX.Element {\n  const {\n    attributes,\n    isDragging,\n    isSorting,\n    listeners,\n    setDraggableNodeRef,\n    setDroppableNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n    animateLayoutChanges,\n  });\n\n  const transformString = CSS.Translate.toString(transform);\n\n  const style: CSSProperties = useMemo(\n    () => ({\n      transform: transformString,\n      transition,\n    }),\n    [transformString, transition]\n  );\n\n  const handleProps = useMemo(\n    () => ({\n      ...attributes,\n      ...listeners,\n      style,\n    }),\n    [attributes, listeners, style]\n  );\n\n  const wrapperRef = useCallback(\n    (node: HTMLElement | null) => {\n      setDroppableNodeRef(node);\n      measureElement?.(node);\n    },\n    [setDroppableNodeRef, measureElement]\n  );\n\n  return (\n    <TreeItem\n      dragRef={setDraggableNodeRef}\n      wrapperRef={wrapperRef}\n      depth={depth}\n      ghost={isDragging}\n      disableInteraction={isSorting}\n      handleProps={handleProps}\n      style={style}\n      top={top}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAAA;AACA,OAAOA,KAAK,IAAwBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACvE,SAAoCC,WAAW,QAAQ,mBAAmB;AAC1E,SAASC,GAAG,QAAQ,oBAAoB;AAAC,SAChCC,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAajB,IAAMC,oBAA0C,GAAGC,IAAA;EAAA,IAAC;IAClDC,SAAS;IACTC;EACF,CAAC,GAAAF,IAAA;EAAA,OAAK,EAAEC,SAAS,IAAIC,WAAW,CAAC;AAAA;AAEjC,OAAO,SAASC,gBAAgBA,CAAAC,KAAA,EAMU;EAAA,IANN;MAClCC,EAAE;MACFC,KAAK;MACLC,GAAG;MACHC;IAEwB,CAAC,GAAAJ,KAAA;IADtBK,KAAK,GAAAC,wBAAA,CAAAN,KAAA,EAAAO,SAAA;EAER,IAAM;IACJC,UAAU;IACVC,UAAU;IACVZ,SAAS;IACTa,SAAS;IACTC,mBAAmB;IACnBC,mBAAmB;IACnBC,SAAS;IACTC;EACF,CAAC,GAAGxB,WAAW,CAAC;IACdW,EAAE;IACFN;EACF,CAAC,CAAC;EAEF,IAAMoB,eAAe,GAAGxB,GAAG,CAACyB,SAAS,CAACC,QAAQ,CAACJ,SAAS,CAAC;EAEzD,IAAMK,KAAoB,GAAG7B,OAAO,CAClC,OAAO;IACLwB,SAAS,EAAEE,eAAe;IAC1BD;EACF,CAAC,CAAC,EACF,CAACC,eAAe,EAAED,UAAU,CAC9B,CAAC;EAED,IAAMK,WAAW,GAAG9B,OAAO,CACzB,MAAA+B,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKZ,UAAU,GACVE,SAAS;IACZQ;EAAK,EACL,EACF,CAACV,UAAU,EAAEE,SAAS,EAAEQ,KAAK,CAC/B,CAAC;EAED,IAAMG,UAAU,GAAGjC,WAAW,CAC3BkC,IAAwB,IAAK;IAC5BV,mBAAmB,CAACU,IAAI,CAAC;IACzBlB,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGkB,IAAI,CAAC;EACxB,CAAC,EACD,CAACV,mBAAmB,EAAER,cAAc,CACtC,CAAC;EAED,oBACEV,IAAA,CAACF,QAAQ,EAAA4B,aAAA;IACPG,OAAO,EAAEZ,mBAAoB;IAC7BU,UAAU,EAAEA,UAAW;IACvBnB,KAAK,EAAEA,KAAM;IACbsB,KAAK,EAAEf,UAAW;IAClBgB,kBAAkB,EAAE5B,SAAU;IAC9BsB,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA,KAAM;IACbf,GAAG,EAAEA;IACL;EAAA,GACIE,KAAK,CACV,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"SortableTreeItem.js","names":["React","useCallback","useMemo","useSortable","CSS","TreeItem","jsx","_jsx","animateLayoutChanges","_ref","isSorting","wasDragging","SortableTreeItem","_ref2","id","depth","top","measureElement","props","_objectWithoutProperties","_excluded","_useSortable","attributes","isDragging","listeners","setDraggableNodeRef","setDroppableNodeRef","transform","transition","transformString","Translate","toString","style","handleProps","_objectSpread","wrapperRef","node","dragRef","ghost","disableInteraction"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/SortableTreeItem.tsx"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport React, { type CSSProperties, useCallback, useMemo } from 'react';\nimport { type AnimateLayoutChanges, useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { TreeItem, type TreeItemProps } from './TreeItem';\n\ninterface SortableTreeItemProps<T> extends Omit<TreeItemProps<T>, 'style'> {\n  id: string;\n  top?: number;\n  /**\n   * Used by @tanstack/virtual to measure the size of the item if it changes.\n   * Group items may change size when the name is being edited.\n   * @param element The HTMLElement to measure\n   */\n  measureElement?: (element: HTMLElement | null) => void;\n}\n\nconst animateLayoutChanges: AnimateLayoutChanges = ({\n  isSorting,\n  wasDragging,\n}) => !(isSorting || wasDragging);\n\nexport function SortableTreeItem<T>({\n  id,\n  depth,\n  top,\n  measureElement,\n  ...props\n}: SortableTreeItemProps<T>): JSX.Element {\n  const {\n    attributes,\n    isDragging,\n    isSorting,\n    listeners,\n    setDraggableNodeRef,\n    setDroppableNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n    animateLayoutChanges,\n  });\n\n  const transformString = CSS.Translate.toString(transform);\n\n  const style: CSSProperties = useMemo(\n    () => ({\n      transform: transformString,\n      transition,\n    }),\n    [transformString, transition]\n  );\n\n  const handleProps = useMemo(\n    () => ({\n      ...attributes,\n      ...listeners,\n      style,\n    }),\n    [attributes, listeners, style]\n  );\n\n  const wrapperRef = useCallback(\n    (node: HTMLElement | null) => {\n      setDroppableNodeRef(node);\n      measureElement?.(node);\n    },\n    [setDroppableNodeRef, measureElement]\n  );\n\n  return (\n    <TreeItem\n      dragRef={setDraggableNodeRef}\n      wrapperRef={wrapperRef}\n      depth={depth}\n      ghost={isDragging}\n      disableInteraction={isSorting}\n      handleProps={handleProps}\n      style={style}\n      top={top}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAAA;AACA,OAAOA,KAAK,IAAwBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACvE,SAAoCC,WAAW,QAAQ,mBAAmB;AAC1E,SAASC,GAAG,QAAQ,oBAAoB;AAAC,SAChCC,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAajB,IAAMC,oBAA0C,GAAGC,IAAA;EAAA,IACjDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EAAA,OACP,EAAED,SAAS,IAAIC,WAAW,CAAC;AAAA;AAEjC,OAAO,SAASC,gBAAgBA,CAAAC,KAAA,EAMU;EAAA,IALxCC,EAAE,GAAAD,KAAA,CAAFC,EAAE;IACFC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACLC,GAAG,GAAAH,KAAA,CAAHG,GAAG;IACHC,cAAc,GAAAJ,KAAA,CAAdI,cAAc;IACXC,KAAK,GAAAC,wBAAA,CAAAN,KAAA,EAAAO,SAAA;EAER,IAAAC,YAAA,GASIlB,WAAW,CAAC;MACdW,EAAE;MACFN;IACF,CAAC,CAAC;IAXAc,UAAU,GAAAD,YAAA,CAAVC,UAAU;IACVC,UAAU,GAAAF,YAAA,CAAVE,UAAU;IACVb,SAAS,GAAAW,YAAA,CAATX,SAAS;IACTc,SAAS,GAAAH,YAAA,CAATG,SAAS;IACTC,mBAAmB,GAAAJ,YAAA,CAAnBI,mBAAmB;IACnBC,mBAAmB,GAAAL,YAAA,CAAnBK,mBAAmB;IACnBC,SAAS,GAAAN,YAAA,CAATM,SAAS;IACTC,UAAU,GAAAP,YAAA,CAAVO,UAAU;EAMZ,IAAMC,eAAe,GAAGzB,GAAG,CAAC0B,SAAS,CAACC,QAAQ,CAACJ,SAAS,CAAC;EAEzD,IAAMK,KAAoB,GAAG9B,OAAO,CAClC,OAAO;IACLyB,SAAS,EAAEE,eAAe;IAC1BD;EACF,CAAC,CAAC,EACF,CAACC,eAAe,EAAED,UAAU,CAC9B,CAAC;EAED,IAAMK,WAAW,GAAG/B,OAAO,CACzB,MAAAgC,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKZ,UAAU,GACVE,SAAS;IACZQ;EAAK,EACL,EACF,CAACV,UAAU,EAAEE,SAAS,EAAEQ,KAAK,CAC/B,CAAC;EAED,IAAMG,UAAU,GAAGlC,WAAW,CAC3BmC,IAAwB,IAAK;IAC5BV,mBAAmB,CAACU,IAAI,CAAC;IACzBnB,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGmB,IAAI,CAAC;EACxB,CAAC,EACD,CAACV,mBAAmB,EAAET,cAAc,CACtC,CAAC;EAED,oBACEV,IAAA,CAACF,QAAQ,EAAA6B,aAAA;IACPG,OAAO,EAAEZ,mBAAoB;IAC7BU,UAAU,EAAEA,UAAW;IACvBpB,KAAK,EAAEA,KAAM;IACbuB,KAAK,EAAEf,UAAW;IAClBgB,kBAAkB,EAAE7B,SAAU;IAC9BuB,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA,KAAM;IACbhB,GAAG,EAAEA;IACL;EAAA,GACIE,KAAK,CACV,CAAC;AAEN","ignoreList":[]}

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

@@ -4,21 +4,25 @@ import classNames from 'classnames';
 import "./TreeItem.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function TreeItem(props) {
-  var {
-    clone = false,
-    depth,
-    withDepthMarkers = true,
-    disableInteraction = false,
-    ghost = false,
-    handleProps,
-    value,
-    dragRef = null,
-    wrapperRef = null,
-    renderItem,
-    item,
-    style,
-    top
-  } = props;
+  var _props$clone = props.clone,
+    clone = _props$clone === void 0 ? false : _props$clone,
+    depth = props.depth,
+    _props$withDepthMarke = props.withDepthMarkers,
+    withDepthMarkers = _props$withDepthMarke === void 0 ? true : _props$withDepthMarke,
+    _props$disableInterac = props.disableInteraction,
+    disableInteraction = _props$disableInterac === void 0 ? false : _props$disableInterac,
+    _props$ghost = props.ghost,
+    ghost = _props$ghost === void 0 ? false : _props$ghost,
+    handleProps = props.handleProps,
+    value = props.value,
+    _props$dragRef = props.dragRef,
+    dragRef = _props$dragRef === void 0 ? null : _props$dragRef,
+    _props$wrapperRef = props.wrapperRef,
+    wrapperRef = _props$wrapperRef === void 0 ? null : _props$wrapperRef,
+    renderItem = props.renderItem,
+    item = props.item,
+    style = props.style,
+    top = props.top;
   var depthMarkers = useMemo(() => withDepthMarkers ? Array(depth).fill(0).map((_, i) => /*#__PURE__*/_jsx("span", {
     className: "depth-line",
     style: style

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

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","names":["React","useMemo","classNames","jsx","_jsx","jsxs","_jsxs","TreeItem","props","clone","depth","withDepthMarkers","disableInteraction","ghost","handleProps","value","dragRef","wrapperRef","renderItem","item","style","top","depthMarkers","Array","fill","map","_","i","className","concat","renderItemProps","ref","wrapperStyle","position","id","index","children","displayName"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/TreeItem.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport type { FlattenedItem } from './types';\nimport './TreeItem.scss';\n\nexport interface TreeItemProps<T> {\n  clone?: boolean;\n  depth: number;\n  withDepthMarkers?: boolean;\n  disableInteraction?: boolean;\n  ghost?: boolean;\n  handleProps?: Record<string, unknown>;\n  value: string;\n  item: FlattenedItem<T>;\n  dragRef?: React.Ref<HTMLDivElement> | null;\n  wrapperRef?: React.Ref<HTMLLIElement> | null;\n  renderItem: TreeItemRenderFn<T>;\n  /**\n   * Styles from dnd-kit to transform the depth lines\n   */\n  style?: React.CSSProperties;\n  top?: number;\n}\n\nexport type TreeItemRenderFnProps<T> = {\n  ref: React.Ref<HTMLDivElement> | null;\n  clone: boolean;\n  value: string;\n  item: FlattenedItem<T>;\n  handleProps?: Record<string, unknown>;\n};\n\nexport type TreeItemRenderFn<T> = (\n  props: TreeItemRenderFnProps<T>\n) => JSX.Element;\n\nexport function TreeItem<T>(props: TreeItemProps<T>): JSX.Element {\n  const {\n    clone = false,\n    depth,\n    withDepthMarkers = true,\n    disableInteraction = false,\n    ghost = false,\n    handleProps,\n    value,\n    dragRef = null,\n    wrapperRef = null,\n    renderItem,\n    item,\n    style,\n    top,\n  } = props;\n\n  const depthMarkers = useMemo(\n    () =>\n      withDepthMarkers\n        ? Array(depth)\n            .fill(0)\n            .map((_, i) => (\n              <span\n                // eslint-disable-next-line react/no-array-index-key\n                key={`depth-line-${i}`}\n                className=\"depth-line\"\n                style={style}\n              />\n            ))\n        : null,\n    [depth, style, withDepthMarkers]\n  );\n\n  const renderItemProps = useMemo(\n    () => ({\n      ref: dragRef,\n      clone,\n      value,\n      item,\n      handleProps,\n    }),\n    [dragRef, clone, value, item, handleProps]\n  );\n\n  const wrapperStyle = useMemo(\n    () => ({ top, position: 'absolute' as const }),\n    [top]\n  );\n\n  return (\n    <li\n      key={value}\n      className={classNames('item-wrapper', {\n        clone,\n        ghost,\n        disableInteraction,\n      })}\n      data-id={item.id}\n      data-index={item.index}\n      ref={wrapperRef}\n      style={wrapperStyle}\n    >\n      {!clone && withDepthMarkers && depthMarkers}\n      {renderItem(renderItemProps)}\n    </li>\n  );\n}\n\nTreeItem.displayName = 'TreeItem';\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AAAC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmCpC,OAAO,SAASC,QAAQA,CAAIC,KAAuB,EAAe;EAChE,IAAM;IACJC,KAAK,GAAG,KAAK;IACbC,KAAK;IACLC,gBAAgB,GAAG,IAAI;IACvBC,kBAAkB,GAAG,KAAK;IAC1BC,KAAK,GAAG,KAAK;IACbC,WAAW;IACXC,KAAK;IACLC,OAAO,GAAG,IAAI;IACdC,UAAU,GAAG,IAAI;IACjBC,UAAU;IACVC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,GAAGb,KAAK;EAET,IAAMc,YAAY,GAAGrB,OAAO,CAC1B,MACEU,gBAAgB,GACZY,KAAK,CAACb,KAAK,CAAC,CACTc,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACRvB,IAAA;IAGEwB,SAAS,EAAC,YAAY;IACtBR,KAAK,EAAEA;EAAM,iBAAAS,MAAA,CAFMF,CAAC,CAGrB,CACF,CAAC,GACJ,IAAI,EACV,CAACjB,KAAK,EAAEU,KAAK,EAAET,gBAAgB,CACjC,CAAC;EAED,IAAMmB,eAAe,GAAG7B,OAAO,CAC7B,OAAO;IACL8B,GAAG,EAAEf,OAAO;IACZP,KAAK;IACLM,KAAK;IACLI,IAAI;IACJL;EACF,CAAC,CAAC,EACF,CAACE,OAAO,EAAEP,KAAK,EAAEM,KAAK,EAAEI,IAAI,EAAEL,WAAW,CAC3C,CAAC;EAED,IAAMkB,YAAY,GAAG/B,OAAO,CAC1B,OAAO;IAAEoB,GAAG;IAAEY,QAAQ,EAAE;EAAoB,CAAC,CAAC,EAC9C,CAACZ,GAAG,CACN,CAAC;EAED,oBACEf,KAAA;IAEEsB,SAAS,EAAE1B,UAAU,CAAC,cAAc,EAAE;MACpCO,KAAK;MACLI,KAAK;MACLD;IACF,CAAC,CAAE;IACH,WAASO,IAAI,CAACe,EAAG;IACjB,cAAYf,IAAI,CAACgB,KAAM;IACvBJ,GAAG,EAAEd,UAAW;IAChBG,KAAK,EAAEY,YAAa;IAAAI,QAAA,GAEnB,CAAC3B,KAAK,IAAIE,gBAAgB,IAAIW,YAAY,EAC1CJ,UAAU,CAACY,eAAe,CAAC;EAAA,GAZvBf,KAaH,CAAC;AAET;AAEAR,QAAQ,CAAC8B,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"TreeItem.js","names":["React","useMemo","classNames","jsx","_jsx","jsxs","_jsxs","TreeItem","props","_props$clone","clone","depth","_props$withDepthMarke","withDepthMarkers","_props$disableInterac","disableInteraction","_props$ghost","ghost","handleProps","value","_props$dragRef","dragRef","_props$wrapperRef","wrapperRef","renderItem","item","style","top","depthMarkers","Array","fill","map","_","i","className","concat","renderItemProps","ref","wrapperStyle","position","id","index","children","displayName"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/TreeItem.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport type { FlattenedItem } from './types';\nimport './TreeItem.scss';\n\nexport interface TreeItemProps<T> {\n  clone?: boolean;\n  depth: number;\n  withDepthMarkers?: boolean;\n  disableInteraction?: boolean;\n  ghost?: boolean;\n  handleProps?: Record<string, unknown>;\n  value: string;\n  item: FlattenedItem<T>;\n  dragRef?: React.Ref<HTMLDivElement> | null;\n  wrapperRef?: React.Ref<HTMLLIElement> | null;\n  renderItem: TreeItemRenderFn<T>;\n  /**\n   * Styles from dnd-kit to transform the depth lines\n   */\n  style?: React.CSSProperties;\n  top?: number;\n}\n\nexport type TreeItemRenderFnProps<T> = {\n  ref: React.Ref<HTMLDivElement> | null;\n  clone: boolean;\n  value: string;\n  item: FlattenedItem<T>;\n  handleProps?: Record<string, unknown>;\n};\n\nexport type TreeItemRenderFn<T> = (\n  props: TreeItemRenderFnProps<T>\n) => JSX.Element;\n\nexport function TreeItem<T>(props: TreeItemProps<T>): JSX.Element {\n  const {\n    clone = false,\n    depth,\n    withDepthMarkers = true,\n    disableInteraction = false,\n    ghost = false,\n    handleProps,\n    value,\n    dragRef = null,\n    wrapperRef = null,\n    renderItem,\n    item,\n    style,\n    top,\n  } = props;\n\n  const depthMarkers = useMemo(\n    () =>\n      withDepthMarkers\n        ? Array(depth)\n            .fill(0)\n            .map((_, i) => (\n              <span\n                // eslint-disable-next-line react/no-array-index-key\n                key={`depth-line-${i}`}\n                className=\"depth-line\"\n                style={style}\n              />\n            ))\n        : null,\n    [depth, style, withDepthMarkers]\n  );\n\n  const renderItemProps = useMemo(\n    () => ({\n      ref: dragRef,\n      clone,\n      value,\n      item,\n      handleProps,\n    }),\n    [dragRef, clone, value, item, handleProps]\n  );\n\n  const wrapperStyle = useMemo(\n    () => ({ top, position: 'absolute' as const }),\n    [top]\n  );\n\n  return (\n    <li\n      key={value}\n      className={classNames('item-wrapper', {\n        clone,\n        ghost,\n        disableInteraction,\n      })}\n      data-id={item.id}\n      data-index={item.index}\n      ref={wrapperRef}\n      style={wrapperStyle}\n    >\n      {!clone && withDepthMarkers && depthMarkers}\n      {renderItem(renderItemProps)}\n    </li>\n  );\n}\n\nTreeItem.displayName = 'TreeItem';\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AAAC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmCpC,OAAO,SAASC,QAAQA,CAAIC,KAAuB,EAAe;EAChE,IAAAC,YAAA,GAcID,KAAK,CAbPE,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACbE,KAAK,GAYHH,KAAK,CAZPG,KAAK;IAAAC,qBAAA,GAYHJ,KAAK,CAXPK,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAWrBN,KAAK,CAVPO,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAUxBR,KAAK,CATPS,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACbE,WAAW,GAQTV,KAAK,CARPU,WAAW;IACXC,KAAK,GAOHX,KAAK,CAPPW,KAAK;IAAAC,cAAA,GAOHZ,KAAK,CANPa,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,iBAAA,GAMZd,KAAK,CALPe,UAAU;IAAVA,UAAU,GAAAD,iBAAA,cAAG,IAAI,GAAAA,iBAAA;IACjBE,UAAU,GAIRhB,KAAK,CAJPgB,UAAU;IACVC,IAAI,GAGFjB,KAAK,CAHPiB,IAAI;IACJC,KAAK,GAEHlB,KAAK,CAFPkB,KAAK;IACLC,GAAG,GACDnB,KAAK,CADPmB,GAAG;EAGL,IAAMC,YAAY,GAAG3B,OAAO,CAC1B,MACEY,gBAAgB,GACZgB,KAAK,CAAClB,KAAK,CAAC,CACTmB,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACR7B,IAAA;IAGE8B,SAAS,EAAC,YAAY;IACtBR,KAAK,EAAEA;EAAM,iBAAAS,MAAA,CAFMF,CAAC,CAGrB,CACF,CAAC,GACJ,IAAI,EACV,CAACtB,KAAK,EAAEe,KAAK,EAAEb,gBAAgB,CACjC,CAAC;EAED,IAAMuB,eAAe,GAAGnC,OAAO,CAC7B,OAAO;IACLoC,GAAG,EAAEhB,OAAO;IACZX,KAAK;IACLS,KAAK;IACLM,IAAI;IACJP;EACF,CAAC,CAAC,EACF,CAACG,OAAO,EAAEX,KAAK,EAAES,KAAK,EAAEM,IAAI,EAAEP,WAAW,CAC3C,CAAC;EAED,IAAMoB,YAAY,GAAGrC,OAAO,CAC1B,OAAO;IAAE0B,GAAG;IAAEY,QAAQ,EAAE;EAAoB,CAAC,CAAC,EAC9C,CAACZ,GAAG,CACN,CAAC;EAED,oBACErB,KAAA;IAEE4B,SAAS,EAAEhC,UAAU,CAAC,cAAc,EAAE;MACpCQ,KAAK;MACLO,KAAK;MACLF;IACF,CAAC,CAAE;IACH,WAASU,IAAI,CAACe,EAAG;IACjB,cAAYf,IAAI,CAACgB,KAAM;IACvBJ,GAAG,EAAEd,UAAW;IAChBG,KAAK,EAAEY,YAAa;IAAAI,QAAA,GAEnB,CAAChC,KAAK,IAAIG,gBAAgB,IAAIe,YAAY,EAC1CJ,UAAU,CAACY,eAAe,CAAC;EAAA,GAZvBjB,KAaH,CAAC;AAET;AAEAZ,QAAQ,CAACoC,WAAW,GAAG,UAAU","ignoreList":[]}

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

@@ -10,34 +10,26 @@ var DIRECTIONS = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, Keyboa
 var HORIZONTAL = [KeyboardCode.Left, KeyboardCode.Right];
 export function sortableTreeKeyboardCoordinates(context, indentationWidth) {
   return (event, _ref) => {
-    var {
-      currentCoordinates,
-      context: {
-        active,
-        over,
-        collisionRect,
-        droppableRects,
-        droppableContainers
-      }
-    } = _ref;
+    var currentCoordinates = _ref.currentCoordinates,
+      _ref$context = _ref.context,
+      active = _ref$context.active,
+      over = _ref$context.over,
+      collisionRect = _ref$context.collisionRect,
+      droppableRects = _ref$context.droppableRects,
+      droppableContainers = _ref$context.droppableContainers;
     if (DIRECTIONS.includes(event.code)) {
       if (!active || !collisionRect) {
         return;
       }
       event.preventDefault();
-      var {
-        current: {
-          items,
-          offset
-        }
-      } = context;
+      var _context$current = context.current,
+        items = _context$current.items,
+        offset = _context$current.offset;
       var projection = (over === null || over === void 0 ? void 0 : over.id) != null ? getProjection(items, active.id, over.id, offset, indentationWidth) : null;
       if (HORIZONTAL.includes(event.code) && (over === null || over === void 0 ? void 0 : over.id) != null && projection != null) {
-        var {
-          depth,
-          maxDepth,
-          minDepth
-        } = projection;
+        var depth = projection.depth,
+          maxDepth = projection.maxDepth,
+          minDepth = projection.minDepth;
         switch (event.code) {
           case KeyboardCode.Left:
             if (depth > minDepth) {
@@ -95,24 +87,18 @@ export function sortableTreeKeyboardCoordinates(context, indentationWidth) {
         var newDroppable = droppableContainers.get(closestId);
         if (activeRect && newRect && newDroppable) {
           var newIndex = items.findIndex(_ref2 => {
-            var {
-              id
-            } = _ref2;
+            var id = _ref2.id;
             return id === closestId;
           });
           var newItem = items[newIndex];
           var activeIndex = items.findIndex(_ref3 => {
-            var {
-              id
-            } = _ref3;
+            var id = _ref3.id;
             return id === active.id;
           });
           var activeItem = items[activeIndex];
           var closestProjection = getProjection(items, active.id, closestId, (newItem.depth - activeItem.depth) * indentationWidth, indentationWidth);
           if (newItem != null && activeItem != null && closestProjection != null) {
-            var {
-              depth: _depth
-            } = closestProjection;
+            var _depth = closestProjection.depth;
             var isBelow = newIndex > activeIndex;
             var modifier = isBelow ? 1 : -1;
             var newCoordinates = {

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

@@ -1 +1 @@
-{"version":3,"file":"keyboardCoordinates.js","names":["closestCorners","getFirstCollision","KeyboardCode","getProjection","DIRECTIONS","Down","Right","Up","Left","HORIZONTAL","sortableTreeKeyboardCoordinates","context","indentationWidth","event","_ref","currentCoordinates","active","over","collisionRect","droppableRects","droppableContainers","includes","code","preventDefault","current","items","offset","projection","id","depth","maxDepth","minDepth","_objectSpread","x","undefined","containers","forEach","container","disabled","rect","get","top","push","collisions","pointerCoordinates","closestId","length","activeRect","newRect","newDroppable","newIndex","findIndex","_ref2","newItem","activeIndex","_ref3","activeItem","closestProjection","isBelow","modifier","newCoordinates","left","y"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/keyboardCoordinates.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport {\n  closestCorners,\n  getFirstCollision,\n  KeyboardCode,\n  type KeyboardCoordinateGetter,\n  type DroppableContainer,\n} from '@dnd-kit/core';\nimport type { SensorContext } from './types';\nimport { getProjection } from './utilities';\n\nconst DIRECTIONS: string[] = [\n  KeyboardCode.Down,\n  KeyboardCode.Right,\n  KeyboardCode.Up,\n  KeyboardCode.Left,\n];\n\nconst HORIZONTAL: string[] = [KeyboardCode.Left, KeyboardCode.Right];\n\nexport function sortableTreeKeyboardCoordinates(\n  context: SensorContext,\n  indentationWidth: number\n): KeyboardCoordinateGetter {\n  return (\n    event,\n    {\n      currentCoordinates,\n      context: {\n        active,\n        over,\n        collisionRect,\n        droppableRects,\n        droppableContainers,\n      },\n    }\n  ) => {\n    if (DIRECTIONS.includes(event.code)) {\n      if (!active || !collisionRect) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const {\n        current: { items, offset },\n      } = context;\n\n      const projection =\n        over?.id != null\n          ? getProjection(\n              items,\n              active.id as string,\n              over.id as string,\n              offset,\n              indentationWidth\n            )\n          : null;\n\n      if (\n        HORIZONTAL.includes(event.code) &&\n        over?.id != null &&\n        projection != null\n      ) {\n        const { depth, maxDepth, minDepth } = projection;\n\n        switch (event.code) {\n          case KeyboardCode.Left:\n            if (depth > minDepth) {\n              return {\n                ...currentCoordinates,\n                x: currentCoordinates.x - indentationWidth,\n              };\n            }\n            break;\n          case KeyboardCode.Right:\n            if (depth < maxDepth) {\n              return {\n                ...currentCoordinates,\n                x: currentCoordinates.x + indentationWidth,\n              };\n            }\n            break;\n        }\n\n        return undefined;\n      }\n\n      const containers: DroppableContainer[] = [];\n\n      droppableContainers.forEach(container => {\n        if (container?.disabled || container.id === over?.id) {\n          return;\n        }\n\n        const rect = droppableRects.get(container.id);\n\n        if (!rect) {\n          return;\n        }\n\n        switch (event.code) {\n          case KeyboardCode.Down:\n            if (collisionRect.top < rect.top) {\n              containers.push(container);\n            }\n            break;\n          case KeyboardCode.Up:\n            if (collisionRect.top > rect.top) {\n              containers.push(container);\n            }\n            break;\n        }\n      });\n\n      const collisions = closestCorners({\n        active,\n        collisionRect,\n        pointerCoordinates: null,\n        droppableRects,\n        droppableContainers: containers,\n      });\n      let closestId = getFirstCollision(collisions, 'id');\n\n      if (closestId === over?.id && collisions.length > 1) {\n        closestId = collisions[1].id;\n      }\n\n      if (closestId != null && over?.id != null) {\n        const activeRect = droppableRects.get(active.id);\n        const newRect = droppableRects.get(closestId);\n        const newDroppable = droppableContainers.get(closestId);\n\n        if (activeRect && newRect && newDroppable) {\n          const newIndex = items.findIndex(({ id }) => id === closestId);\n          const newItem = items[newIndex];\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const activeItem = items[activeIndex];\n\n          const closestProjection = getProjection(\n            items,\n            active.id as string,\n            closestId as string,\n            (newItem.depth - activeItem.depth) * indentationWidth,\n            indentationWidth\n          );\n\n          if (\n            newItem != null &&\n            activeItem != null &&\n            closestProjection != null\n          ) {\n            const { depth } = closestProjection;\n            const isBelow = newIndex > activeIndex;\n            const modifier = isBelow ? 1 : -1;\n\n            const newCoordinates = {\n              x: newRect.left + depth * indentationWidth,\n              y: newRect.top + modifier,\n            };\n\n            return newCoordinates;\n          }\n        }\n      }\n    }\n\n    return undefined;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"keyboardCoordinates.js","names":["closestCorners","getFirstCollision","KeyboardCode","getProjection","DIRECTIONS","Down","Right","Up","Left","HORIZONTAL","sortableTreeKeyboardCoordinates","context","indentationWidth","event","_ref","currentCoordinates","_ref$context","active","over","collisionRect","droppableRects","droppableContainers","includes","code","preventDefault","_context$current","current","items","offset","projection","id","depth","maxDepth","minDepth","_objectSpread","x","undefined","containers","forEach","container","disabled","rect","get","top","push","collisions","pointerCoordinates","closestId","length","activeRect","newRect","newDroppable","newIndex","findIndex","_ref2","newItem","activeIndex","_ref3","activeItem","closestProjection","isBelow","modifier","newCoordinates","left","y"],"sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/keyboardCoordinates.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport {\n  closestCorners,\n  getFirstCollision,\n  KeyboardCode,\n  type KeyboardCoordinateGetter,\n  type DroppableContainer,\n} from '@dnd-kit/core';\nimport type { SensorContext } from './types';\nimport { getProjection } from './utilities';\n\nconst DIRECTIONS: string[] = [\n  KeyboardCode.Down,\n  KeyboardCode.Right,\n  KeyboardCode.Up,\n  KeyboardCode.Left,\n];\n\nconst HORIZONTAL: string[] = [KeyboardCode.Left, KeyboardCode.Right];\n\nexport function sortableTreeKeyboardCoordinates(\n  context: SensorContext,\n  indentationWidth: number\n): KeyboardCoordinateGetter {\n  return (\n    event,\n    {\n      currentCoordinates,\n      context: {\n        active,\n        over,\n        collisionRect,\n        droppableRects,\n        droppableContainers,\n      },\n    }\n  ) => {\n    if (DIRECTIONS.includes(event.code)) {\n      if (!active || !collisionRect) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const {\n        current: { items, offset },\n      } = context;\n\n      const projection =\n        over?.id != null\n          ? getProjection(\n              items,\n              active.id as string,\n              over.id as string,\n              offset,\n              indentationWidth\n            )\n          : null;\n\n      if (\n        HORIZONTAL.includes(event.code) &&\n        over?.id != null &&\n        projection != null\n      ) {\n        const { depth, maxDepth, minDepth } = projection;\n\n        switch (event.code) {\n          case KeyboardCode.Left:\n            if (depth > minDepth) {\n              return {\n                ...currentCoordinates,\n                x: currentCoordinates.x - indentationWidth,\n              };\n            }\n            break;\n          case KeyboardCode.Right:\n            if (depth < maxDepth) {\n              return {\n                ...currentCoordinates,\n                x: currentCoordinates.x + indentationWidth,\n              };\n            }\n            break;\n        }\n\n        return undefined;\n      }\n\n      const containers: DroppableContainer[] = [];\n\n      droppableContainers.forEach(container => {\n        if (container?.disabled || container.id === over?.id) {\n          return;\n        }\n\n        const rect = droppableRects.get(container.id);\n\n        if (!rect) {\n          return;\n        }\n\n        switch (event.code) {\n          case KeyboardCode.Down:\n            if (collisionRect.top < rect.top) {\n              containers.push(container);\n            }\n            break;\n          case KeyboardCode.Up:\n            if (collisionRect.top > rect.top) {\n              containers.push(container);\n            }\n            break;\n        }\n      });\n\n      const collisions = closestCorners({\n        active,\n        collisionRect,\n        pointerCoordinates: null,\n        droppableRects,\n        droppableContainers: containers,\n      });\n      let closestId = getFirstCollision(collisions, 'id');\n\n      if (closestId === over?.id && collisions.length > 1) {\n        closestId = collisions[1].id;\n      }\n\n      if (closestId != null && over?.id != null) {\n        const activeRect = droppableRects.get(active.id);\n        const newRect = droppableRects.get(closestId);\n        const newDroppable = droppableContainers.get(closestId);\n\n        if (activeRect && newRect && newDroppable) {\n          const newIndex = items.findIndex(({ id }) => id === closestId);\n          const newItem = items[newIndex];\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const activeItem = items[activeIndex];\n\n          const closestProjection = getProjection(\n            items,\n            active.id as string,\n            closestId as string,\n            (newItem.depth - activeItem.depth) * indentationWidth,\n            indentationWidth\n          );\n\n          if (\n            newItem != null &&\n            activeItem != null &&\n            closestProjection != null\n          ) {\n            const { depth } = closestProjection;\n            const isBelow = newIndex > activeIndex;\n            const modifier = isBelow ? 1 : -1;\n\n            const newCoordinates = {\n              x: newRect.left + depth * indentationWidth,\n              y: newRect.top + modifier,\n            };\n\n            return newCoordinates;\n          }\n        }\n      }\n    }\n\n    return undefined;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,6 +3,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { arrayMove } from '@dnd-kit/sortable';
 import { GridRange, GridUtils } from '@deephaven/grid';
 import { assertNotNull } from '@deephaven/utils';
@@ -19,10 +25,9 @@ function getDragDepth(offset, indentationWidth) {
 }
 function getTreeItem(nameToIndexes, movedColumns, columnHeaderGroupMap, name, hiddenColumnSet, selectedItems, showHiddenColumns) {
   var _nameToIndexes$get;
-  var {
-    modelIndex,
-    visibleIndex
-  } = (_nameToIndexes$get = nameToIndexes.get(name)) !== null && _nameToIndexes$get !== void 0 ? _nameToIndexes$get : {};
+  var _ref = (_nameToIndexes$get = nameToIndexes.get(name)) !== null && _nameToIndexes$get !== void 0 ? _nameToIndexes$get : {},
+    modelIndex = _ref.modelIndex,
+    visibleIndex = _ref.visibleIndex;
   if (modelIndex === undefined || visibleIndex === undefined) {
     var group = columnHeaderGroupMap.get(name);
     if (group == null) {
@@ -64,18 +69,18 @@ export function getTreeItems(columns, movedColumns, columnHeaderGroups, hiddenCo
   var visibleIndex = 0;
   var modelRanges = GridRange.boundedRanges(GridUtils.getModelRange(GridRange.makeNormalized(0, 0, columns.length - 1, 0), movedColumns), columns.length, 1);
   var mapEntries = modelRanges.flatMap(range => {
-    var {
-      startColumn,
-      endColumn
-    } = range;
+    var startColumn = range.startColumn,
+      endColumn = range.endColumn;
     var rangeLength = endColumn - startColumn + 1;
     var entries = new Array(rangeLength).fill(0).map((_, i) => [visibleIndex + i, startColumn + i]);
     visibleIndex += rangeLength;
     return entries;
   });
   var visibleToModelMap = new Map(mapEntries);
-  var nameToIndexes = new Map([...visibleToModelMap.entries()].map(_ref => {
-    var [v, m] = _ref;
+  var nameToIndexes = new Map([...visibleToModelMap.entries()].map(_ref2 => {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      v = _ref3[0],
+      m = _ref3[1];
     return [columns[m].name, {
       visibleIndex: v,
       modelIndex: m
@@ -86,10 +91,8 @@ export function getTreeItems(columns, movedColumns, columnHeaderGroups, hiddenCo
     var modelIndex = visibleToModelMap.get(visibleIndex);
     assertNotNull(modelIndex);
     var columnName = columns[modelIndex].name;
-    var group = columnHeaderGroups.find(_ref2 => {
-      var {
-        children
-      } = _ref2;
+    var group = columnHeaderGroups.find(_ref4 => {
+      var children = _ref4.children;
       return children.includes(columnName);
     });
     while (group !== undefined && group.parent !== undefined) {
@@ -121,16 +124,12 @@ export function getTreeItems(columns, movedColumns, columnHeaderGroups, hiddenCo
  *          Null if the projection could not be calculated.
  */
 export function getProjection(items, activeId, overId, dragOffset, indentationWidth) {
-  var overItemIndex = items.findIndex(_ref3 => {
-    var {
-      id
-    } = _ref3;
+  var overItemIndex = items.findIndex(_ref5 => {
+    var id = _ref5.id;
     return id === overId;
   });
-  var activeItemIndex = items.findIndex(_ref4 => {
-    var {
-      id
-    } = _ref4;
+  var activeItemIndex = items.findIndex(_ref6 => {
+    var id = _ref6.id;
     return id === activeId;
   });
   if (overItemIndex === -1 || activeItemIndex === -1) {
@@ -176,18 +175,14 @@ export function getProjection(items, activeId, overId, dragOffset, indentationWi
     return newParent !== null && newParent !== void 0 ? newParent : null;
   }
 }
-function getMaxDepth(_ref5) {
+function getMaxDepth(_ref7) {
   var _previousItem$depth, _nextItem$depth;
-  var {
-    previousItem,
-    nextItem
-  } = _ref5;
+  var previousItem = _ref7.previousItem,
+    nextItem = _ref7.nextItem;
   return Math.max((_previousItem$depth = previousItem === null || previousItem === void 0 ? void 0 : previousItem.depth) !== null && _previousItem$depth !== void 0 ? _previousItem$depth : 0, (_nextItem$depth = nextItem === null || nextItem === void 0 ? void 0 : nextItem.depth) !== null && _nextItem$depth !== void 0 ? _nextItem$depth : 0);
 }
-function getMinDepth(_ref6) {
-  var {
-    nextItem
-  } = _ref6;
+function getMinDepth(_ref8) {
+  var nextItem = _ref8.nextItem;
   if (nextItem) {
     return nextItem.depth;
   }
@@ -240,10 +235,8 @@ export function flattenTree(items) {
 export function findItemDeep(items, itemId) {
   for (var i = 0; i < items.length; i += 1) {
     var item = items[i];
-    var {
-      id,
-      children
-    } = item;
+    var id = item.id,
+      children = item.children;
     if (id === itemId) {
       return item;
     }
@@ -258,10 +251,8 @@ export function findItemDeep(items, itemId) {
 }
 function countChildren(items) {
   var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return items.reduce((acc, _ref7) => {
-    var {
-      children
-    } = _ref7;
+  return items.reduce((acc, _ref9) => {
+    var children = _ref9.children;
     if (children.length) {
       return countChildren(children, acc + 1);
     }