@deephaven/iris-grid 0.51.1-beta.0 → 0.52.1-alpha-mock-css-imports.2

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 {

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

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/TreeItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAC7C,UAAU,CAAC,KAAK,EAAE;QAChB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;QACtC,KAAK,EAAE,OAAO,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACvB,WAAW,EAAE,OAAO,CAAC;KACtB,GAAG,GAAG,CAAC,OAAO,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;IACxC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,SAAS,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5E,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAkDxD;yBAlDe,QAAQ"}
+{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../src/sidebar/visibility-ordering-builder/sortable-tree/TreeItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAC7C,UAAU,EAAE,CAAC,KAAK,EAAE;QAClB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;QACtC,KAAK,EAAE,OAAO,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACvC,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;IACxC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,SAAS,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAkDxD;yBAlDe,QAAQ"}

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","disableInteraction","ghost","handleProps","value","dragRef","wrapperRef","renderItem","item","childCount","depthMarkers","Array","fill","map","_","i","className","concat","renderItemProps","ref","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, TreeItem as TreeItemType } from './types';\nimport './TreeItem.scss';\n\nexport interface Props<T> {\n  childCount?: number;\n  clone?: boolean;\n  depth: number;\n  disableInteraction?: boolean;\n  ghost?: boolean;\n  handleProps?: unknown;\n  value: string;\n  item: FlattenedItem<T>;\n  dragRef?: React.Ref<HTMLDivElement> | null;\n  wrapperRef?: React.Ref<HTMLLIElement> | null;\n  renderItem(props: {\n    ref: React.Ref<HTMLDivElement> | null;\n    clone: boolean;\n    childCount?: number;\n    value: string;\n    item: FlattenedItem<T>;\n    handleProps: unknown;\n  }): JSX.Element;\n}\n\nexport type TreeItemRenderFn<T> = (props: {\n  ref: React.Ref<HTMLDivElement> | null;\n  clone: boolean;\n  childCount?: number;\n  value: string;\n  item: T extends TreeItemType<infer D> ? FlattenedItem<D> : FlattenedItem<T>;\n  handleProps: Record<string, unknown>;\n}) => JSX.Element;\n\nexport function TreeItem<T>(props: Props<T>): JSX.Element {\n  const {\n    clone = false,\n    depth,\n    disableInteraction = false,\n    ghost = false,\n    handleProps,\n    value,\n    dragRef = null,\n    wrapperRef = null,\n    renderItem,\n    item,\n    childCount,\n  } = props;\n\n  const depthMarkers = useMemo(\n    () =>\n      Array(depth)\n        .fill(0)\n        // eslint-disable-next-line react/no-array-index-key\n        .map((_, i) => <span key={`depth-line-${i}`} className=\"depth-line\" />),\n    [depth]\n  );\n\n  const renderItemProps = useMemo(\n    () => ({\n      ref: dragRef,\n      clone,\n      value,\n      item,\n      childCount,\n      handleProps,\n    }),\n    [dragRef, clone, value, item, childCount, handleProps]\n  );\n\n  return (\n    <li\n      key={value}\n      className={classNames('item-wrapper', {\n        clone,\n        ghost,\n        disableInteraction,\n      })}\n      ref={wrapperRef}\n    >\n      {!clone && 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;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAkCpC,OAAO,SAASC,QAAQA,CAAIC,KAAe,EAAe;EACxD,IAAM;IACJC,KAAK,GAAG,KAAK;IACbC,KAAK;IACLC,kBAAkB,GAAG,KAAK;IAC1BC,KAAK,GAAG,KAAK;IACbC,WAAW;IACXC,KAAK;IACLC,OAAO,GAAG,IAAI;IACdC,UAAU,GAAG,IAAI;IACjBC,UAAU;IACVC,IAAI;IACJC;EACF,CAAC,GAAGX,KAAK;EAET,IAAMY,YAAY,GAAGnB,OAAO,CAC1B,MACEoB,KAAK,CAACX,KAAK,CAAC,CACTY,IAAI,CAAC,CAAC;EACP;EAAA,CACCC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAAKrB,IAAA;IAA8BsB,SAAS,EAAC;EAAY,iBAAAC,MAAA,CAA3BF,CAAC,CAA4B,CAAC,CAAC,EAC3E,CAACf,KAAK,CACR,CAAC;EAED,IAAMkB,eAAe,GAAG3B,OAAO,CAC7B,OAAO;IACL4B,GAAG,EAAEd,OAAO;IACZN,KAAK;IACLK,KAAK;IACLI,IAAI;IACJC,UAAU;IACVN;EACF,CAAC,CAAC,EACF,CAACE,OAAO,EAAEN,KAAK,EAAEK,KAAK,EAAEI,IAAI,EAAEC,UAAU,EAAEN,WAAW,CACvD,CAAC;EAED,oBACEP,KAAA;IAEEoB,SAAS,EAAExB,UAAU,CAAC,cAAc,EAAE;MACpCO,KAAK;MACLG,KAAK;MACLD;IACF,CAAC,CAAE;IACHkB,GAAG,EAAEb,UAAW;IAAAc,QAAA,GAEf,CAACrB,KAAK,IAAIW,YAAY,EACtBH,UAAU,CAACW,eAAe,CAAC;EAAA,GATvBd,KAUH,CAAC;AAET;AAEAP,QAAQ,CAACwB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"TreeItem.js","names":["React","useMemo","classNames","jsx","_jsx","jsxs","_jsxs","TreeItem","props","clone","depth","disableInteraction","ghost","handleProps","value","dragRef","wrapperRef","renderItem","item","childCount","depthMarkers","Array","fill","map","_","i","className","concat","renderItemProps","ref","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, TreeItem as TreeItemType } from './types';\nimport './TreeItem.scss';\n\nexport interface Props<T> {\n  childCount?: number;\n  clone?: boolean;\n  depth: number;\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: (props: {\n    ref: React.Ref<HTMLDivElement> | null;\n    clone: boolean;\n    childCount?: number;\n    value: string;\n    item: FlattenedItem<T>;\n    handleProps?: Record<string, unknown>;\n  }) => JSX.Element;\n}\n\nexport type TreeItemRenderFn<T> = (props: {\n  ref: React.Ref<HTMLDivElement> | null;\n  clone: boolean;\n  childCount?: number;\n  value: string;\n  item: T extends TreeItemType<infer D> ? FlattenedItem<D> : FlattenedItem<T>;\n  handleProps?: Record<string, unknown>;\n}) => JSX.Element;\n\nexport function TreeItem<T>(props: Props<T>): JSX.Element {\n  const {\n    clone = false,\n    depth,\n    disableInteraction = false,\n    ghost = false,\n    handleProps,\n    value,\n    dragRef = null,\n    wrapperRef = null,\n    renderItem,\n    item,\n    childCount,\n  } = props;\n\n  const depthMarkers = useMemo(\n    () =>\n      Array(depth)\n        .fill(0)\n        // eslint-disable-next-line react/no-array-index-key\n        .map((_, i) => <span key={`depth-line-${i}`} className=\"depth-line\" />),\n    [depth]\n  );\n\n  const renderItemProps = useMemo(\n    () => ({\n      ref: dragRef,\n      clone,\n      value,\n      item,\n      childCount,\n      handleProps,\n    }),\n    [dragRef, clone, value, item, childCount, handleProps]\n  );\n\n  return (\n    <li\n      key={value}\n      className={classNames('item-wrapper', {\n        clone,\n        ghost,\n        disableInteraction,\n      })}\n      ref={wrapperRef}\n    >\n      {!clone && 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;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAkCpC,OAAO,SAASC,QAAQA,CAAIC,KAAe,EAAe;EACxD,IAAM;IACJC,KAAK,GAAG,KAAK;IACbC,KAAK;IACLC,kBAAkB,GAAG,KAAK;IAC1BC,KAAK,GAAG,KAAK;IACbC,WAAW;IACXC,KAAK;IACLC,OAAO,GAAG,IAAI;IACdC,UAAU,GAAG,IAAI;IACjBC,UAAU;IACVC,IAAI;IACJC;EACF,CAAC,GAAGX,KAAK;EAET,IAAMY,YAAY,GAAGnB,OAAO,CAC1B,MACEoB,KAAK,CAACX,KAAK,CAAC,CACTY,IAAI,CAAC,CAAC;EACP;EAAA,CACCC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAAKrB,IAAA;IAA8BsB,SAAS,EAAC;EAAY,iBAAAC,MAAA,CAA3BF,CAAC,CAA4B,CAAC,CAAC,EAC3E,CAACf,KAAK,CACR,CAAC;EAED,IAAMkB,eAAe,GAAG3B,OAAO,CAC7B,OAAO;IACL4B,GAAG,EAAEd,OAAO;IACZN,KAAK;IACLK,KAAK;IACLI,IAAI;IACJC,UAAU;IACVN;EACF,CAAC,CAAC,EACF,CAACE,OAAO,EAAEN,KAAK,EAAEK,KAAK,EAAEI,IAAI,EAAEC,UAAU,EAAEN,WAAW,CACvD,CAAC;EAED,oBACEP,KAAA;IAEEoB,SAAS,EAAExB,UAAU,CAAC,cAAc,EAAE;MACpCO,KAAK;MACLG,KAAK;MACLD;IACF,CAAC,CAAE;IACHkB,GAAG,EAAEb,UAAW;IAAAc,QAAA,GAEf,CAACrB,KAAK,IAAIW,YAAY,EACtBH,UAAU,CAACW,eAAe,CAAC;EAAA,GATvBd,KAUH,CAAC;AAET;AAEAP,QAAQ,CAACwB,WAAW,GAAG,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/iris-grid",
-  "version": "0.51.1-beta.0+54f7cc5d",
+  "version": "0.52.1-alpha-mock-css-imports.2+8f22bf9c",
   "description": "Deephaven Iris Grid",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -31,17 +31,17 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/console": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/filters": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/grid": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/icons": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/jsapi-types": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/jsapi-utils": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/log": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/react-hooks": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/storage": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/utils": "^0.51.1-beta.0+54f7cc5d",
+    "@deephaven/components": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/console": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/filters": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/grid": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/icons": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/jsapi-types": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/jsapi-utils": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/log": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/react-hooks": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/storage": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/utils": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/sortable": "^7.0.0",
     "@dnd-kit/utilities": "^3.2.0",
@@ -64,8 +64,8 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/jsapi-shim": "^0.51.1-beta.0+54f7cc5d",
-    "@deephaven/mocks": "^0.51.1-beta.0+54f7cc5d"
+    "@deephaven/jsapi-shim": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c",
+    "@deephaven/mocks": "^0.52.1-alpha-mock-css-imports.2+8f22bf9c"
   },
   "files": [
     "dist"
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "54f7cc5d08a9c1a390b2e89a9fb84fe1018008eb"
+  "gitHead": "8f22bf9c6e5d829c880263e83b4e88aca9d6e26b"
 }