dnd-block-tree 0.4.0 → 1.0.0

package/dist/index.js

@@ -15,11 +15,11 @@ function extractBlockId(zoneId) {
 }
 
 // src/core/collision.ts
-function computeCollisionScores(droppableContainers, collisionRect) {
+function computeCollisionScores(droppableContainers, collisionRect, snapshotRects) {
   const pointerX = collisionRect.left + collisionRect.width / 2;
   const pointerY = collisionRect.top + collisionRect.height / 2;
   const candidates = droppableContainers.map((container) => {
-    const rect = container.rect.current;
+    const rect = snapshotRects?.get(container.id) ?? container.rect.current;
     if (!rect) return null;
     const distanceToTop = Math.abs(pointerY - rect.top);
     const distanceToBottom = Math.abs(pointerY - rect.bottom);
@@ -29,16 +29,17 @@ function computeCollisionScores(droppableContainers, collisionRect) {
     const isWithinX = pointerX >= rect.left && pointerX <= rect.right;
     let horizontalScore = 0;
     if (isWithinX) {
-      horizontalScore = -rect.left * 0.1;
+      horizontalScore = Math.abs(pointerX - rect.left) * 0.3;
     } else {
       const distanceToZone = pointerX < rect.left ? rect.left - pointerX : pointerX - rect.right;
-      horizontalScore = Math.min(distanceToZone, 50);
+      horizontalScore = distanceToZone * 2;
     }
     return {
       id: container.id,
       data: {
         droppableContainer: container,
-        value: edgeDistance + bias + horizontalScore
+        value: edgeDistance + bias + horizontalScore,
+        left: rect.left
       }
     };
   }).filter((c) => c !== null);
@@ -57,14 +58,14 @@ var weightedVerticalCollision = ({
   const candidates = computeCollisionScores(droppableContainers, collisionRect);
   return candidates.slice(0, 1);
 };
-function createStickyCollision(threshold = 15) {
+function createStickyCollision(threshold = 15, snapshotRef) {
   let currentZoneId = null;
   const detector = ({
     droppableContainers,
     collisionRect
   }) => {
     if (!collisionRect) return [];
-    const candidates = computeCollisionScores(droppableContainers, collisionRect);
+    const candidates = computeCollisionScores(droppableContainers, collisionRect, snapshotRef?.current);
     if (candidates.length === 0) return [];
     const bestCandidate = candidates[0];
     const bestScore = bestCandidate.data.value;
@@ -72,7 +73,11 @@ function createStickyCollision(threshold = 15) {
       const currentCandidate = candidates.find((c) => c.id === currentZoneId);
       if (currentCandidate) {
         const currentScore = currentCandidate.data.value;
-        if (currentScore - bestScore < threshold) {
+        const currentLeft = currentCandidate.data.left;
+        const bestLeft = bestCandidate.data.left;
+        const crossDepth = Math.abs(currentLeft - bestLeft) > 20;
+        const effectiveThreshold = crossDepth ? threshold * 0.25 : threshold;
+        if (currentScore - bestScore < effectiveThreshold) {
           return [currentCandidate];
         }
       }
@@ -135,7 +140,7 @@ function useConfiguredSensors(config = {}) {
       distance: activationDistance
     };
     touchConstraint = {
-      delay: 200,
+      delay: config.longPressDelay ?? 200,
       tolerance: 5
     };
   }
@@ -197,6 +202,11 @@ function debounce(fn, delay) {
 function generateId() {
   return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
+function triggerHaptic(durationMs = 10) {
+  if (typeof navigator !== "undefined" && typeof navigator.vibrate === "function") {
+    navigator.vibrate(durationMs);
+  }
+}
 function DropZoneComponent({
   id,
   parentId,
@@ -229,6 +239,9 @@ function DropZoneComponent({
   );
 }
 var DropZone = react.memo(DropZoneComponent);
+function GhostPreview({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-dnd-ghost": true, className: "opacity-50", style: { pointerEvents: "none" }, children });
+}
 function DraggableBlock({
   block,
   children,
@@ -278,10 +291,15 @@ function TreeRenderer({
   draggedBlock,
   focusedId,
   selectedIds,
-  onBlockClick
+  onBlockClick,
+  animation,
+  virtualVisibleIds
 }) {
   const items = blocksByParent.get(parentId) ?? [];
-  const filteredBlocks = items.filter((block) => block.id !== activeId);
+  let filteredBlocks = items.filter((block) => block.id !== activeId);
+  if (virtualVisibleIds && depth === 0) {
+    filteredBlocks = filteredBlocks.filter((block) => virtualVisibleIds.has(block.id));
+  }
   const showGhostHere = previewPosition?.parentId === parentId && draggedBlock;
   const containerClass = depth === 0 ? rootClassName : indentClassName;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, style: { minWidth: 0 }, children: [
@@ -310,7 +328,7 @@ function TreeRenderer({
       }
       const GhostRenderer = draggedBlock ? renderers[draggedBlock.type] : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-        ghostBeforeThis && GhostRenderer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "opacity-50 pointer-events-none", style: { minWidth: 0 }, children: GhostRenderer({
+        ghostBeforeThis && GhostRenderer && /* @__PURE__ */ jsxRuntime.jsx(GhostPreview, { children: GhostRenderer({
           block: draggedBlock,
           isDragging: true,
           depth
@@ -325,7 +343,11 @@ function TreeRenderer({
             onBlockClick,
             children: ({ isDragging }) => {
               if (isContainer) {
-                const childContent = isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                const expandStyle = animation?.expandDuration ? {
+                  transition: `opacity ${animation.expandDuration}ms ${animation.easing ?? "ease"}`,
+                  opacity: isExpanded ? 1 : 0
+                } : void 0;
+                const childContent = isExpanded ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: expandStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
                   TreeRenderer,
                   {
                     blocks,
@@ -347,7 +369,9 @@ function TreeRenderer({
                     draggedBlock,
                     focusedId,
                     selectedIds,
-                    onBlockClick
+                    onBlockClick,
+                    animation,
+                    virtualVisibleIds
                   }
                 ) }) : null;
                 return Renderer({
@@ -382,7 +406,7 @@ function TreeRenderer({
     }),
     showGhostHere && previewPosition.index >= filteredBlocks.length && draggedBlock && (() => {
       const GhostRenderer = renderers[draggedBlock.type];
-      return GhostRenderer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "opacity-50 pointer-events-none", style: { minWidth: 0 }, children: GhostRenderer({
+      return GhostRenderer ? /* @__PURE__ */ jsxRuntime.jsx(GhostPreview, { children: GhostRenderer({
         block: draggedBlock,
         isDragging: true,
         depth
@@ -634,6 +658,23 @@ function reparentBlockIndex(state, activeId, targetZone, containerTypes = [], or
   }
   if (dragged.id === zoneTargetId) return state;
   const oldList = byParent.get(oldParentId) ?? [];
+  const currentIndexInOldParent = oldList.indexOf(dragged.id);
+  const preNewList = byParent.get(newParentId) ?? [];
+  let targetIndex;
+  if (isInto) {
+    targetIndex = 0;
+  } else if (isEnd) {
+    targetIndex = preNewList.length;
+  } else {
+    const idx = preNewList.indexOf(zoneTargetId);
+    targetIndex = idx === -1 ? preNewList.length : isAfter ? idx + 1 : idx;
+  }
+  if (oldParentId === newParentId && currentIndexInOldParent !== -1) {
+    const adjustedTarget = targetIndex > currentIndexInOldParent ? targetIndex - 1 : targetIndex;
+    if (adjustedTarget === currentIndexInOldParent) {
+      return state;
+    }
+  }
   const filtered = oldList.filter((id) => id !== dragged.id);
   byParent.set(oldParentId, filtered);
   const newList = [...byParent.get(newParentId) ?? []];
@@ -646,10 +687,6 @@ function reparentBlockIndex(state, activeId, targetZone, containerTypes = [], or
     const idx = newList.indexOf(zoneTargetId);
     insertIndex = idx === -1 ? newList.length : isAfter ? idx + 1 : idx;
   }
-  const currentIndex = newList.indexOf(dragged.id);
-  if (dragged.parentId === newParentId && currentIndex === insertIndex) {
-    return state;
-  }
   newList.splice(insertIndex, 0, dragged.id);
   byParent.set(newParentId, newList);
   let newOrder = dragged.order;
@@ -786,18 +823,21 @@ function BlockTree({
   canDrop,
   collisionDetection,
   sensors: sensorConfig,
+  animation,
   initialExpanded,
   orderingStrategy = "integer",
   maxDepth,
   keyboardNavigation = false,
   multiSelect = false,
   selectedIds: externalSelectedIds,
-  onSelectionChange
+  onSelectionChange,
+  virtualize
 }) {
   const sensors = useConfiguredSensors({
     activationDistance: sensorConfig?.activationDistance ?? activationDistance,
     activationDelay: sensorConfig?.activationDelay,
-    tolerance: sensorConfig?.tolerance
+    tolerance: sensorConfig?.tolerance,
+    longPressDelay: sensorConfig?.longPressDelay
   });
   const initialExpandedMap = react.useMemo(
     () => computeInitialExpanded(blocks, containerTypes, initialExpanded),
@@ -816,7 +856,20 @@ function BlockTree({
   const cachedReorderRef = react.useRef(null);
   const fromPositionRef = react.useRef(null);
   const draggedIdsRef = react.useRef([]);
-  const stickyCollisionRef = react.useRef(createStickyCollision(20));
+  const snapshotRectsRef = react.useRef(null);
+  const needsResnapshot = react.useRef(false);
+  const stickyCollisionRef = react.useRef(createStickyCollision(20, snapshotRectsRef));
+  const snapshotZoneRects = react.useCallback(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const zones = root.querySelectorAll("[data-zone-id]");
+    const map = /* @__PURE__ */ new Map();
+    zones.forEach((el) => {
+      const id = el.getAttribute("data-zone-id");
+      if (id) map.set(id, el.getBoundingClientRect());
+    });
+    snapshotRectsRef.current = map;
+  }, []);
   const [, forceRender] = react.useReducer((x) => x + 1, 0);
   const debouncedSetVirtual = react.useRef(
     debounce((newBlocks) => {
@@ -825,6 +878,7 @@ function BlockTree({
       } else {
         stateRef.current.virtualState = null;
       }
+      needsResnapshot.current = true;
       forceRender();
     }, previewDebounce)
   ).current;
@@ -963,6 +1017,13 @@ function BlockTree({
     }
     lastClickedIdRef.current = blockId;
   }, [multiSelect, selectedIds, setSelectedIds, visibleBlockIds]);
+  react.useEffect(() => {
+    if (!needsResnapshot.current || !stateRef.current.isDragging) return;
+    needsResnapshot.current = false;
+    requestAnimationFrame(() => {
+      snapshotZoneRects();
+    });
+  });
   react.useEffect(() => {
     if (!keyboardNavigation || !focusedIdRef.current || !rootRef.current) return;
     const el = rootRef.current.querySelector(`[data-block-id="${focusedIdRef.current}"]`);
@@ -1008,12 +1069,16 @@ function BlockTree({
         setSelectedIds(/* @__PURE__ */ new Set([id]));
       }
     }
+    if (sensorConfig?.hapticFeedback) {
+      triggerHaptic();
+    }
     stateRef.current.activeId = id;
     stateRef.current.isDragging = true;
     initialBlocksRef.current = [...blocks];
     cachedReorderRef.current = null;
+    needsResnapshot.current = true;
     forceRender();
-  }, [blocks, canDrag, onDragStart, multiSelect, selectedIds, setSelectedIds, visibleBlockIds]);
+  }, [blocks, canDrag, onDragStart, multiSelect, selectedIds, setSelectedIds, visibleBlockIds, sensorConfig?.hapticFeedback]);
   const handleDragMove = react.useCallback((event) => {
     if (!onDragMove) return;
     const id = stateRef.current.activeId;
@@ -1087,6 +1152,7 @@ function BlockTree({
         cachedReorderRef.current = null;
         initialBlocksRef.current = [];
         fromPositionRef.current = null;
+        snapshotRectsRef.current = null;
         forceRender();
         return;
       }
@@ -1126,6 +1192,7 @@ function BlockTree({
     initialBlocksRef.current = [];
     fromPositionRef.current = null;
     draggedIdsRef.current = [];
+    snapshotRectsRef.current = null;
     if (cached && onChange) {
       onChange(cached.reorderedBlocks);
     }
@@ -1154,6 +1221,7 @@ function BlockTree({
     initialBlocksRef.current = [];
     fromPositionRef.current = null;
     draggedIdsRef.current = [];
+    snapshotRectsRef.current = null;
     forceRender();
   }, [blocks, debouncedSetVirtual, debouncedDragMove, onDragCancel, onDragEnd]);
   const handleHover = react.useCallback((zoneId, _parentId) => {
@@ -1207,6 +1275,61 @@ function BlockTree({
     forceRender();
   }, [blocks, onExpandChange]);
   toggleExpandRef.current = handleToggleExpand;
+  const virtualContainerRef = react.useRef(null);
+  const [virtualScroll, setVirtualScroll] = react.useState({ scrollTop: 0, clientHeight: 0 });
+  react.useEffect(() => {
+    if (!virtualize) return;
+    const el = virtualContainerRef.current;
+    if (!el) return;
+    setVirtualScroll({ scrollTop: el.scrollTop, clientHeight: el.clientHeight });
+    const onScroll = () => {
+      setVirtualScroll({ scrollTop: el.scrollTop, clientHeight: el.clientHeight });
+    };
+    el.addEventListener("scroll", onScroll, { passive: true });
+    return () => el.removeEventListener("scroll", onScroll);
+  }, [virtualize]);
+  const virtualResult = react.useMemo(() => {
+    if (!virtualize) return null;
+    const { itemHeight, overscan = 5 } = virtualize;
+    const { scrollTop, clientHeight } = virtualScroll;
+    const totalHeight = visibleBlockIds.length * itemHeight;
+    const startRaw = Math.floor(scrollTop / itemHeight);
+    const visibleCount = Math.ceil(clientHeight / itemHeight);
+    const start = Math.max(0, startRaw - overscan);
+    const end = Math.min(visibleBlockIds.length - 1, startRaw + visibleCount + overscan);
+    const offsetY = start * itemHeight;
+    const visibleSet = /* @__PURE__ */ new Set();
+    for (let i = start; i <= end; i++) {
+      visibleSet.add(visibleBlockIds[i]);
+    }
+    return { totalHeight, offsetY, visibleSet };
+  }, [virtualize, virtualScroll, visibleBlockIds]);
+  const treeContent = /* @__PURE__ */ jsxRuntime.jsx(
+    TreeRenderer,
+    {
+      blocks,
+      blocksByParent,
+      parentId: null,
+      activeId: stateRef.current.activeId,
+      expandedMap: stateRef.current.expandedMap,
+      renderers,
+      containerTypes,
+      onHover: handleHover,
+      onToggleExpand: handleToggleExpand,
+      dropZoneClassName,
+      dropZoneActiveClassName,
+      indentClassName,
+      rootClassName: className,
+      canDrag,
+      previewPosition,
+      draggedBlock,
+      focusedId: keyboardNavigation ? focusedIdRef.current : void 0,
+      selectedIds: multiSelect ? selectedIds : void 0,
+      onBlockClick: multiSelect ? handleBlockClick : void 0,
+      animation,
+      virtualVisibleIds: virtualResult?.visibleSet ?? null
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     core.DndContext,
     {
@@ -1218,7 +1341,20 @@ function BlockTree({
       onDragEnd: handleDragEnd,
       onDragCancel: handleDragCancel,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        virtualize ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: (el) => {
+              virtualContainerRef.current = el;
+              rootRef.current = el;
+            },
+            className,
+            style: { minWidth: 0, overflow: "auto", position: "relative" },
+            onKeyDown: keyboardNavigation ? handleKeyDown : void 0,
+            role: keyboardNavigation ? "tree" : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: virtualResult.totalHeight, position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", top: virtualResult.offsetY, left: 0, right: 0 }, children: treeContent }) })
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             ref: rootRef,
@@ -1226,30 +1362,7 @@ function BlockTree({
             style: { minWidth: 0 },
             onKeyDown: keyboardNavigation ? handleKeyDown : void 0,
             role: keyboardNavigation ? "tree" : void 0,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              TreeRenderer,
-              {
-                blocks,
-                blocksByParent,
-                parentId: null,
-                activeId: stateRef.current.activeId,
-                expandedMap: stateRef.current.expandedMap,
-                renderers,
-                containerTypes,
-                onHover: handleHover,
-                onToggleExpand: handleToggleExpand,
-                dropZoneClassName,
-                dropZoneActiveClassName,
-                indentClassName,
-                rootClassName: className,
-                canDrag,
-                previewPosition,
-                draggedBlock,
-                focusedId: keyboardNavigation ? focusedIdRef.current : void 0,
-                selectedIds: multiSelect ? selectedIds : void 0,
-                onBlockClick: multiSelect ? handleBlockClick : void 0
-              }
-            )
+            children: treeContent
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(DragOverlay, { activeBlock, selectedCount: multiSelect ? selectedIds.size : 0, children: dragOverlay })
@@ -1257,6 +1370,16 @@ function BlockTree({
     }
   );
 }
+function BlockTreeSSR({ fallback = null, ...props }) {
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(BlockTree, { ...props });
+}
 function blockReducer(state, action, containerTypes = [], orderingStrategy = "integer", maxDepth) {
   switch (action.type) {
     case "ADD_ITEM": {
@@ -1661,8 +1784,143 @@ function useBlockHistory(initialBlocks, options = {}) {
     canRedo: state.future.length > 0
   };
 }
+function useLayoutAnimation(containerRef, options = {}) {
+  const {
+    duration = 200,
+    easing = "ease",
+    selector = "[data-block-id]"
+  } = options;
+  const prevPositions = react.useRef(/* @__PURE__ */ new Map());
+  react.useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const children = container.querySelectorAll(selector);
+    const currentPositions = /* @__PURE__ */ new Map();
+    children.forEach((el) => {
+      const id = el.dataset.blockId;
+      if (id) {
+        currentPositions.set(id, el.getBoundingClientRect());
+      }
+    });
+    children.forEach((el) => {
+      const htmlEl = el;
+      const id = htmlEl.dataset.blockId;
+      if (!id) return;
+      const prev = prevPositions.current.get(id);
+      const curr = currentPositions.get(id);
+      if (!prev || !curr) return;
+      const deltaY = prev.top - curr.top;
+      const deltaX = prev.left - curr.left;
+      if (deltaY === 0 && deltaX === 0) return;
+      htmlEl.style.transform = `translate(${deltaX}px, ${deltaY}px)`;
+      htmlEl.style.transition = "none";
+      requestAnimationFrame(() => {
+        htmlEl.style.transition = `transform ${duration}ms ${easing}`;
+        htmlEl.style.transform = "";
+        const onEnd = () => {
+          htmlEl.style.transition = "";
+          htmlEl.removeEventListener("transitionend", onEnd);
+        };
+        htmlEl.addEventListener("transitionend", onEnd);
+      });
+    });
+    prevPositions.current = currentPositions;
+  });
+}
+function useVirtualTree({
+  containerRef,
+  itemCount,
+  itemHeight,
+  overscan = 5
+}) {
+  const [scrollTop, setScrollTop] = react.useState(0);
+  const [containerHeight, setContainerHeight] = react.useState(0);
+  const rafId = react.useRef(0);
+  const handleScroll = react.useCallback(() => {
+    cancelAnimationFrame(rafId.current);
+    rafId.current = requestAnimationFrame(() => {
+      const el = containerRef.current;
+      if (el) {
+        setScrollTop(el.scrollTop);
+        setContainerHeight(el.clientHeight);
+      }
+    });
+  }, [containerRef]);
+  react.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    setScrollTop(el.scrollTop);
+    setContainerHeight(el.clientHeight);
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      el.removeEventListener("scroll", handleScroll);
+      cancelAnimationFrame(rafId.current);
+    };
+  }, [containerRef, handleScroll]);
+  const totalHeight = itemCount * itemHeight;
+  const startRaw = Math.floor(scrollTop / itemHeight);
+  const visibleCount = Math.ceil(containerHeight / itemHeight);
+  const start = Math.max(0, startRaw - overscan);
+  const end = Math.min(itemCount - 1, startRaw + visibleCount + overscan);
+  const offsetY = start * itemHeight;
+  return {
+    visibleRange: { start, end },
+    totalHeight,
+    offsetY
+  };
+}
+
+// src/utils/serialization.ts
+function flatToNested(blocks) {
+  const byParent = /* @__PURE__ */ new Map();
+  for (const block of blocks) {
+    const key = block.parentId ?? null;
+    const list = byParent.get(key);
+    if (list) {
+      list.push(block);
+    } else {
+      byParent.set(key, [block]);
+    }
+  }
+  for (const list of byParent.values()) {
+    list.sort((a, b) => {
+      if (typeof a.order === "string" && typeof b.order === "string") {
+        return a.order < b.order ? -1 : a.order > b.order ? 1 : 0;
+      }
+      return Number(a.order) - Number(b.order);
+    });
+  }
+  function buildChildren(parentId) {
+    const siblings = byParent.get(parentId) ?? [];
+    return siblings.map((block) => {
+      const { parentId: _p, order: _o, ...rest } = block;
+      return {
+        ...rest,
+        children: buildChildren(block.id)
+      };
+    });
+  }
+  return buildChildren(null);
+}
+function nestedToFlat(nested) {
+  const result = [];
+  function walk(nodes, parentId) {
+    for (let i = 0; i < nodes.length; i++) {
+      const { children, ...rest } = nodes[i];
+      result.push({
+        ...rest,
+        parentId,
+        order: i
+      });
+      walk(children, rest.id);
+    }
+  }
+  walk(nested, null);
+  return result;
+}
 
 exports.BlockTree = BlockTree;
+exports.BlockTreeSSR = BlockTreeSSR;
 exports.DragOverlay = DragOverlay;
 exports.DropZone = DropZone;
 exports.TreeRenderer = TreeRenderer;
@@ -1679,6 +1937,7 @@ exports.debounce = debounce;
 exports.deleteBlockAndDescendants = deleteBlockAndDescendants;
 exports.extractBlockId = extractBlockId;
 exports.extractUUID = extractUUID;
+exports.flatToNested = flatToNested;
 exports.generateId = generateId;
 exports.generateInitialKeys = generateInitialKeys;
 exports.generateKeyBetween = generateKeyBetween;
@@ -1689,10 +1948,14 @@ exports.getDropZoneType = getDropZoneType;
 exports.getSensorConfig = getSensorConfig;
 exports.getSubtreeDepth = getSubtreeDepth;
 exports.initFractionalOrder = initFractionalOrder;
+exports.nestedToFlat = nestedToFlat;
 exports.reparentBlockIndex = reparentBlockIndex;
 exports.reparentMultipleBlocks = reparentMultipleBlocks;
+exports.triggerHaptic = triggerHaptic;
 exports.useBlockHistory = useBlockHistory;
 exports.useConfiguredSensors = useConfiguredSensors;
+exports.useLayoutAnimation = useLayoutAnimation;
+exports.useVirtualTree = useVirtualTree;
 exports.weightedVerticalCollision = weightedVerticalCollision;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map