react-native-tree-multi-select 3.0.0-beta.5 → 3.0.0-beta.6

package/README.md

@@ -47,7 +47,7 @@ Make sure to follow the native-related installation instructions for these depen
 - 🔀 **Drag-and-Drop**: Long-press to drag nodes and reorder or nest them anywhere in the tree.
 - 💻 **Cross-Platform**: Works seamlessly across iOS, Android, and web (with React Native Web).
 
-> **Note**: Drag-and-drop is currently supported on iOS and Android only. Web support for drag-and-drop is a work in progress.
+> **Note**: Drag-and-drop is fully supported on iOS and Android. Web support is a work in progress, so drag-and-drop is **disabled by default on web** - pass `dragAndDrop={{ enabled: true }}` to opt in there.
 
 ## Usage
 
@@ -120,6 +120,7 @@ export function TreeViewUsageExample(){
 ```tsx
 import {
   TreeView,
+  moveTreeNode,
   type TreeNode,
   type TreeViewRef,
   type DragEndEvent
@@ -132,8 +133,12 @@ export function DragDropExample(){
   const treeViewRef = React.useRef<TreeViewRef | null>(null);
 
   const handleDragEnd = (event: DragEndEvent) => {
-    // event.newTreeData contains the reordered tree - just set it
-    setData(event.newTreeData);
+    // `event` is a lightweight move delta (draggedNodeId, targetNodeId, position,
+    // previous/new parent + index) - not the whole tree. For a controlled tree,
+    // reconstruct it with the exported `moveTreeNode` helper:
+    setData(prev => moveTreeNode(prev, event.draggedNodeId, event.targetNodeId, event.position));
+    // Or, if you keep the tree inside the component, read it on demand:
+    // setData(treeViewRef.current?.getTreeData() ?? prev);
   };
 
   return(
@@ -152,7 +157,9 @@ export function DragDropExample(){
 
 Long-press a node to start dragging. Drag over other nodes to see drop indicators. Drop above/below to reorder as siblings, or drop inside a parent node to nest it. The tree auto-scrolls when dragging near the edges.
 
-**Search + drag**: Drag-and-drop works while a search filter is active. You can drag visible (filtered) nodes and drop them onto other visible nodes. The move is applied to the full tree, so nodes hidden by the filter are not affected. After the drop, the search filter remains active and the view updates to reflect the new tree structure.
+**Search + drag**: Drag-and-drop is disabled while a search filter is active (long-press does not initiate a drag). The filtered view hides nodes that still exist in the full tree, so a drop position that looks unambiguous on screen could land the node next to hidden siblings. Clear the search to reorder interactively, or use the imperative [`moveNode`](#treeviewrefid) ref method, which works regardless of the active filter.
+
+**Accessibility**: When a screen reader is active, picking up, moving, and cancelling a drag are announced (via `AccessibilityInfo`). For a fully assistive-tech-driven reorder (without the long-press gesture), wire your own accessibility actions to the imperative [`moveNode`](#treeviewrefid) ref method.
 
 For visual customizations (overlay styles, indicator colors, or fully custom components), see the [`dragAndDrop.customizations`](#dragdropcustomizationsid) option.
 
@@ -186,7 +193,7 @@ For visual customizations (overlay styles, indicator colors, or fully custom com
 
 | Property              | Type                                                         | Required | Description                                                  |
 | --------------------- | ------------------------------------------------------------ | -------- | ------------------------------------------------------------ |
-| `enabled`             | `boolean`                                                    | No       | Enable drag-and-drop reordering (default: true when `dragAndDrop` is provided). Set to `false` to temporarily disable at runtime. |
+| `enabled`             | `boolean`                                                    | No       | Enable drag-and-drop reordering. Default: `true` on iOS/Android when `dragAndDrop` is provided, `false` on web (WIP). Set explicitly to override per platform. |
 | `onDragStart`         | `(event: `[DragStartEvent](#dragstarteventid--string)`<ID>) => void` | No       | Callback fired when a drag operation begins                  |
 | `onDragEnd`           | `(event: `[DragEndEvent](#dragendeventid--string)`<ID>) => void` | No       | Callback fired after a node is successfully dropped at a new position |
 | `onDragCancel`        | `(event: `[DragCancelEvent](#dragcanceleventid--string)`<ID>) => void` | No       | Callback fired when a drag is cancelled without a successful drop |
@@ -194,13 +201,16 @@ For visual customizations (overlay styles, indicator colors, or fully custom com
 | `autoScrollThreshold` | `number`                                                     | No       | Distance from edge (px) to trigger auto-scroll (default: 60) |
 | `autoScrollSpeed`     | `number`                                                     | No       | Speed multiplier for auto-scroll (default: 1.0)              |
 | `dragOverlayOffset`   | `number`                                                     | No       | Overlay offset from the finger, in item-height units (default: -2, i.e. two rows above finger) |
+| `overlayYCorrection`  | `number`                                                     | No       | Advanced: extra vertical correction for the overlay, in item-height units, added on top of `dragOverlayOffset`. Compensates for Android reporting touch `locationY` differently from iOS. Default: -2 on Android, 0 elsewhere. |
 | `autoExpandDelay`     | `number`                                                     | No       | Delay in ms before auto-expanding a collapsed node during drag hover (default: 800) |
+| `autoExpand`          | `boolean`                                                    | No       | Auto-expand a collapsed node while hovering "inside" it during a drag (default: `true`). Set `false` to disable hover-to-expand. |
+| `magneticSnap`        | `boolean`                                                    | No       | Animate the overlay with a magnetic "snap" spring when the drop level changes (default: `true`). Set `false` to keep the overlay tracking the level without the spring (e.g. for reduced-motion). |
 | `customizations`      | [DragDropCustomizations](#dragdropcustomizationsid)`<ID>`    | No       | Customizations for drag-and-drop visuals (overlay, indicator, opacity) |
 | `canDrop`             | `(draggedNode, targetNode, position) => boolean`             | No       | Callback to determine if a node can be dropped on a specific target |
-| `maxDepth`            | `number`                                                     | No       | Maximum nesting depth allowed. Drops exceeding this are suppressed |
+| `maxDepth`            | `number`                                                     | No       | Maximum nesting depth allowed, as a 0-based level index (e.g. `maxDepth: 2` permits levels 0, 1, and 2 - three visible depths). Drops that would exceed it are suppressed. |
 | `canNodeHaveChildren` | `(node: TreeNode<ID>) => boolean`                            | No       | Callback to determine if a node can accept children          |
 | `canDrag`             | `(node: TreeNode<ID>) => boolean`                            | No       | Callback to determine if a node can be dragged (default: all nodes) |
-| `autoScrollToDroppedNode` | `boolean \| DropAutoScrollOptions`                       | No       | Auto-scroll to the dropped node after a successful drop. Pass `false` to disable, `true` for defaults, or an object to customize. Default: `{ enabled: true, animated: true, viewPosition: 0.5 }` |
+| `autoScrollToDroppedNode` | `boolean \| DropAutoScrollOptions`                       | No       | Auto-scroll to the dropped node after a successful drop, if it ended up outside the viewport (no scroll happens when the node is already visible). Pass `false` to disable, `true` for defaults, or an object to customize. Default: `{ enabled: true, animated: true, viewPosition: 0.5 }` |
 
 ##### Notes
 
@@ -250,7 +260,8 @@ For visual customizations (overlay styles, indicator colors, or fully custom com
 | `setSearchText`       | `(searchText: string, searchKeys?: string[]) => void` | Set the search text and optionally the search keys. Default search key is "name"<br /><br />Recommended to call this inside a debounced function if you find any performance issue otherwise. |
 | `scrollToNodeID` | `(params: `[ScrollToNodeParams](#scrolltonodeparams)`<ID>) => void;` | Scrolls the tree view to the node of the specified ID. |
 | `getChildToParentMap` | `() => Map<ID, ID>` | Get the child to parent tree view map. |
-| `moveNode`            | `(nodeId: ID, targetNodeId: ID, position: `[DropPosition](#dropposition)`) => void` | Programmatically move a node to a new position. Works like drag-and-drop without user interaction. Useful for undo/redo or external state management. |
+| `getTreeData`         | `() => `[TreeNode](#treenodeid--string)`<ID>[]` | Get the current (live, reordered) tree data held by the component. Handy after a drag or `moveNode` to read the full tree without it being pushed through a move event. **Returns a live internal reference - treat it as read-only; clone it (e.g. via the exported `moveTreeNode` or `structuredClone`) before mutating, or you will desync the internal maps.** |
+| `moveNode`            | `(nodeId: ID, targetNodeId: ID, position: `[DropPosition](#dropposition)`, options?: { validate?: boolean; scrollToNode?: boolean \| DropAutoScrollOptions }) => `[MoveResult](#moveresultid--string)`<ID> \| null` | Programmatically move a node. Returns a lightweight `MoveResult` delta, or `null` if the move was a no-op / invalid (e.g. onto itself or, with `{ validate: true }`, blocked by `canDrop` / `maxDepth` / `canNodeHaveChildren`). `{ validate: true }` only enforces those rules when a `dragAndDrop` prop is configured (they live on it); without one, `validate` is ignored (a dev warning is logged) and the move proceeds. Pass `{ scrollToNode: true }` to scroll the moved node into view. Does **not** fire `onDragEnd`. Useful for undo/redo or external state management. |
 
 #### ScrollToNodeParams
 | Property             | Type      | Required | Description                                                  |
@@ -344,11 +355,11 @@ Type: `boolean` OR `"indeterminate"`
 
 *Touch handlers to spread on a drag handle element within a custom node row.*
 
-| Property       | Type                | Required | Description                    |
-| -------------- | ------------------- | -------- | ------------------------------ |
-| `onTouchStart` | `(e: any) => void`  | Yes      | Touch start handler for drag   |
-| `onTouchEnd`   | `() => void`        | Yes      | Touch end handler              |
-| `onTouchCancel`| `() => void`        | Yes      | Touch cancel handler           |
+| Property       | Type                                 | Required | Description                    |
+| -------------- | ------------------------------------ | -------- | ------------------------------ |
+| `onTouchStart` | `(e: GestureResponderEvent) => void` | Yes      | Touch start handler for drag   |
+| `onTouchEnd`   | `() => void`                         | Yes      | Touch end handler              |
+| `onTouchCancel`| `() => void`                         | Yes      | Touch cancel handler           |
 
 ---
 
@@ -362,16 +373,25 @@ Type: `boolean` OR `"indeterminate"`
 
 ---
 
-#### DragEndEvent`<ID = string>`
+#### MoveResult`<ID = string>`
 
-*The event object passed to the `onDragEnd` callback after a successful drop.*
+*A lightweight description of a completed move. Returned by the `moveNode` ref method and passed to the `onDragEnd` callback (i.e. `DragEndEvent` is an alias of `MoveResult`). It carries only the move delta - not a full tree copy - so you can update external state or persist the change cheaply. To get the full reordered tree, call the `getTreeData` ref method or reconstruct it with the exported `moveTreeNode` helper.*
 
-| Property        | Type                                    | Description                                                  |
-| --------------- | --------------------------------------- | ------------------------------------------------------------ |
-| `draggedNodeId` | `ID`                                    | The id of the node that was dragged                          |
-| `targetNodeId`  | `ID`                                    | The id of the target node where the dragged node was dropped |
-| `position`      | [DropPosition](#dropposition)           | Where relative to the target: `above`/`below` = sibling, `inside` = child |
-| `newTreeData`   | `TreeNode<ID>[]`                        | The reordered tree data after the move                       |
+| Property           | Type                          | Description                                                  |
+| ------------------ | ----------------------------- | ------------------------------------------------------------ |
+| `draggedNodeId`    | `ID`                          | The id of the node that was moved                            |
+| `targetNodeId`     | `ID`                          | The id of the target node the move was relative to           |
+| `position`         | [DropPosition](#dropposition) | Where relative to the target: `above`/`below` = sibling, `inside` = child |
+| `previousParentId` | `ID \| null`                  | Parent id before the move (`null` if it was a root-level node) |
+| `newParentId`      | `ID \| null`                  | Parent id after the move (`null` if it is now a root-level node) |
+| `previousIndex`    | `number`                      | Index within the previous parent's children (or the root array) |
+| `newIndex`         | `number`                      | Index within the new parent's children (or the root array)   |
+
+---
+
+#### DragEndEvent`<ID = string>`
+
+*The event object passed to the `onDragEnd` callback after a successful drop. This is an alias of [`MoveResult`](#moveresultid--string)`<ID>` - see its fields above.*
 
 #### DragCancelEvent`<ID = string>`
 
@@ -426,6 +446,8 @@ Type: `"above"` | `"below"` | `"inside"`
 | `circleSize`          | `number` | No       | Diameter of the circle at the line's start (default: 10)       |
 | `highlightColor`      | `string` | No       | Background color of the "inside" highlight (default: `"rgba(0, 120, 255, 0.15)"`) |
 | `highlightBorderColor`| `string` | No       | Border color of the "inside" highlight (default: `"rgba(0, 120, 255, 0.5)"`) |
+| `highlightBorderWidth`| `number` | No       | Border width of the "inside" highlight box (default: 2) |
+| `highlightBorderRadius`| `number`| No       | Corner radius of the "inside" highlight box (default: 4) |
 
 ---
 
@@ -437,9 +459,11 @@ Type: `"above"` | `"below"` | `"inside"`
 | --------------- | ---------------------- | -------- | ------------------------------------------------ |
 | `backgroundColor`| `string`              | No       | Background color (default: `"rgba(255, 255, 255, 0.95)"`) |
 | `shadowColor`   | `string`               | No       | Shadow color (default: `"#000"`)                 |
+| `shadowOffset`  | `{ width: number; height: number }` | No | Shadow offset, iOS (default: `{ width: 0, height: 2 }`) |
 | `shadowOpacity` | `number`               | No       | Shadow opacity (default: 0.25)                   |
 | `shadowRadius`  | `number`               | No       | Shadow radius (default: 4)                       |
 | `elevation`     | `number`               | No       | Android elevation (default: 10)                  |
+| `zIndex`        | `number`               | No       | Stacking order of the overlay (default: 9999)    |
 | `style`         | `StyleProp<ViewStyle>` | No       | Custom style applied to the overlay container    |
 
 ---

package/lib/module/TreeView.js

@@ -1,13 +1,14 @@
 "use strict";
 
-import { forwardRef, startTransition, useCallback, useEffect, useId, useImperativeHandle, useRef } from "react";
+import { forwardRef, startTransition, useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef } from "react";
 import NodeList from "./components/NodeList.js";
-import { selectAll, selectAllFiltered, unselectAll, unselectAllFiltered, initializeNodeMaps, expandAll, collapseAll, toggleCheckboxes, expandNodes, collapseNodes, recalculateCheckedStates, moveTreeNode } from "./helpers/index.js";
+import { selectAll, selectAllFiltered, unselectAll, unselectAllFiltered, initializeNodeMaps, expandAll, collapseAll, toggleCheckboxes, expandNodes, collapseNodes, moveTreeNode, applyMoveToStore, findNodePosition, findNodePositionFromMaps, getSubtreeDepthFromMap, getNodeDepthFromParentMap } from "./helpers/index.js";
 import { deleteTreeViewStore, getTreeViewStore, useTreeViewStore } from "./store/treeView.store.js";
 import usePreviousState from "./utils/usePreviousState.js";
 import { useShallow } from "zustand/react/shallow";
 import useDeepCompareEffect from "./utils/useDeepCompareEffect.js";
 import { typedMemo } from "./utils/typedMemo.js";
+import { scrollMovedNodeIntoView } from "./hooks/useScrollToNode.js";
 import { fastIsEqual } from "fast-is-equal";
 import { jsx as _jsx } from "react/jsx-runtime";
 function _innerTreeView(props, ref) {
@@ -41,7 +42,8 @@ function _innerTreeView(props, ref) {
     checked,
     indeterminate,
     setSelectionPropagation,
-    cleanUpTreeViewStore
+    cleanUpTreeViewStore,
+    draggedNodeId
   } = useTreeViewStore(storeId)(useShallow(state => ({
     expanded: state.expanded,
     updateExpanded: state.updateExpanded,
@@ -53,7 +55,8 @@ function _innerTreeView(props, ref) {
     checked: state.checked,
     indeterminate: state.indeterminate,
     setSelectionPropagation: state.setSelectionPropagation,
-    cleanUpTreeViewStore: state.cleanUpTreeViewStore
+    cleanUpTreeViewStore: state.cleanUpTreeViewStore,
+    draggedNodeId: state.draggedNodeId
   })));
   useImperativeHandle(ref, () => ({
     selectAll: () => selectAll(storeId),
@@ -69,35 +72,69 @@ function _innerTreeView(props, ref) {
     setSearchText,
     scrollToNodeID,
     getChildToParentMap,
+    getTreeData,
     moveNode
   }));
   const scrollToNodeHandlerRef = useRef(null);
   const prevSearchText = usePreviousState(searchText);
   const internalDataRef = useRef(null);
+  // Holds a `data` prop change that arrived mid-drag; applied once the drag ends so
+  // the destructive reinit never swaps the node maps out from under an active drag.
+  const pendingDataRef = useRef(null);
 
-  // Wrap onDragEnd to set internalDataRef before calling consumer's callback
+  // Wrap onDragEnd to capture the post-move tree before calling the consumer's
+  // callback. The reordered tree lives in the store (the event only carries the
+  // lightweight move delta); snapshotting it here lets a controlled consumer feed
+  // an equal tree back into `data` and skip re-initialization.
   const wrappedOnDragEnd = useCallback(event => {
-    internalDataRef.current = event.newTreeData;
+    internalDataRef.current = getTreeViewStore(storeId).getState().initialTreeViewData;
+    // A `data` change deferred during this drag predates the move that just
+    // committed; applying it would silently undo the drop after onDragEnd
+    // already told the consumer it happened. Discard it - a controlled
+    // consumer reacts to onDragEnd with fresh data anyway.
+    pendingDataRef.current = null;
     onDragEnd?.(event);
-  }, [onDragEnd]);
-  useDeepCompareEffect(() => {
+  }, [onDragEnd, storeId]);
+
+  // Reinitialize the store from a tree. Held in a ref so the value stays stable
+  // (no dep churn) while always capturing the latest props/store actions.
+  const applyDataRef = useRef(() => {});
+  applyDataRef.current = nextData => {
     // If data matches what was set internally from a drag-drop, skip reinitialize
-    if (internalDataRef.current !== null && fastIsEqual(data, internalDataRef.current)) {
+    if (internalDataRef.current !== null && fastIsEqual(nextData, internalDataRef.current)) {
       internalDataRef.current = null;
       return;
     }
     internalDataRef.current = null;
     cleanUpTreeViewStore();
-    updateInitialTreeViewData(data);
+    updateInitialTreeViewData(nextData);
     if (selectionPropagation) setSelectionPropagation(selectionPropagation);
-    initializeNodeMaps(storeId, data);
+    initializeNodeMaps(storeId, nextData);
 
     // Check any pre-selected nodes
     toggleCheckboxes(storeId, preselectedIds, true);
 
     // Expand pre-expanded nodes
     expandNodes(storeId, [...preExpandedIds, ...(initialScrollNodeID ? [initialScrollNodeID] : [])]);
+  };
+  useDeepCompareEffect(() => {
+    // A reinit while a drag is in flight would replace nodeMap/childToParentMap
+    // under the drag's feet and corrupt the commit. Defer it until the drag ends.
+    if (getTreeViewStore(storeId).getState().draggedNodeId !== null) {
+      pendingDataRef.current = data;
+      return;
+    }
+    applyDataRef.current(data);
   }, [data]);
+
+  // Apply any data change that was deferred during a drag, once the drag ends.
+  useEffect(() => {
+    if (draggedNodeId === null && pendingDataRef.current !== null) {
+      const pending = pendingDataRef.current;
+      pendingDataRef.current = null;
+      applyDataRef.current(pending);
+    }
+  }, [draggedNodeId]);
   function selectNodes(ids) {
     toggleCheckboxes(storeId, ids, true);
   }
@@ -115,18 +152,76 @@ function _innerTreeView(props, ref) {
     const treeViewStore = getTreeViewStore(storeId);
     return treeViewStore.getState().childToParentMap;
   }
-  function moveNode(nodeId, targetNodeId, position) {
+  function getTreeData() {
+    return getTreeViewStore(storeId).getState().initialTreeViewData;
+  }
+  function moveNode(nodeId, targetNodeId, position, options) {
     const store = getTreeViewStore(storeId);
-    const currentData = store.getState().initialTreeViewData;
-    const newData = moveTreeNode(currentData, nodeId, targetNodeId, position);
-    store.getState().updateInitialTreeViewData(newData);
-    initializeNodeMaps(storeId, newData);
-    recalculateCheckedStates(storeId);
-    if (position === "inside") {
-      expandNodes(storeId, [targetNodeId]);
+    const {
+      initialTreeViewData: currentData,
+      nodeMap,
+      childToParentMap
+    } = store.getState();
+
+    // A programmatic move during an in-flight drag would reinitialize
+    // nodeMap/childToParentMap under the drag's feet and corrupt the pending
+    // commit (same guard as the deferred data-prop reinit above).
+    if (store.getState().draggedNodeId !== null) {
+      if (__DEV__) {
+        console.warn("[react-native-tree-multi-select] moveNode() ignored: a drag is in progress.");
+      }
+      return null;
+    }
+
+    // Validation rules (canDrop / maxDepth / canNodeHaveChildren) live on the
+    // dragAndDrop prop, so `validate` only has rules to enforce when that prop is
+    // configured. Warn in dev if the caller asked to validate but nothing can.
+    if (__DEV__ && options?.validate && !(dragAndDrop?.canDrop || dragAndDrop?.maxDepth !== undefined || dragAndDrop?.canNodeHaveChildren)) {
+      console.warn("[react-native-tree-multi-select] moveNode({ validate: true }) was called, " + "but no validation rules are configured. canDrop / maxDepth / " + "canNodeHaveChildren are read from the `dragAndDrop` prop; without them the " + "move proceeds unvalidated.");
+    }
+
+    // Optional validation mirrors the interactive drag constraints so a
+    // programmatic move can't silently build a tree the drag UI would reject.
+    if (options?.validate && dragAndDrop) {
+      const draggedNode = nodeMap.get(nodeId);
+      const targetNode = nodeMap.get(targetNodeId);
+      if (!draggedNode || !targetNode) return null;
+      if (position === "inside" && dragAndDrop.canNodeHaveChildren && !dragAndDrop.canNodeHaveChildren(targetNode)) return null;
+      if (dragAndDrop.canDrop && !dragAndDrop.canDrop(draggedNode, targetNode, position)) return null;
+      if (dragAndDrop.maxDepth !== undefined) {
+        const targetLevel = getNodeDepthFromParentMap(childToParentMap, targetNodeId);
+        const subtreeDepth = getSubtreeDepthFromMap(nodeMap, nodeId);
+        const baseLevel = position === "inside" ? targetLevel + 1 : targetLevel;
+        if (baseLevel + subtreeDepth > dragAndDrop.maxDepth) return null;
+      }
     }
-    expandNodes(storeId, [nodeId], true);
+
+    // The maps still describe the pre-move tree here, so the O(depth) lookup applies.
+    const previousPosition = findNodePositionFromMaps(currentData, nodeMap, childToParentMap, nodeId);
+    const newData = moveTreeNode(currentData, nodeId, targetNodeId, position);
+    // moveTreeNode returns the original array reference on a no-op / invalid move
+    // (same node, dropping into own descendant, or node/target not found).
+    if (newData === currentData) return null;
+
+    // Same commit pipeline as the interactive drag path.
+    applyMoveToStore(storeId, newData, nodeId, targetNodeId, position);
     internalDataRef.current = newData;
+
+    // Optionally scroll the moved node into view (the interactive drag does this
+    // automatically; programmatic moves opt in). Deferred so the expand/render settles.
+    if (options?.scrollToNode) {
+      scrollMovedNodeIntoView(scrollToNodeHandlerRef, nodeId, options.scrollToNode);
+    }
+    const newPosition = findNodePosition(newData, nodeId);
+    return {
+      draggedNodeId: nodeId,
+      targetNodeId,
+      position,
+      previousParentId: previousPosition?.parentId ?? null,
+      previousIndex: previousPosition?.index ?? -1,
+      newParentId: newPosition?.parentId ?? null,
+      newIndex: newPosition?.index ?? -1
+    };
   }
   const getIds = useCallback(node => {
     if (!node.children || node.children.length === 0) {
@@ -160,6 +255,20 @@ function _innerTreeView(props, ref) {
       deleteTreeViewStore(storeId);
     };
   }, [cleanUpTreeViewStore, storeId]);
+
+  // Consumers routinely pass `dragAndDrop` as an inline object literal, so its
+  // identity changes every render even when nothing differs. Stabilize by deep
+  // equality (callbacks compare by reference) so NodeList's memo - and with it
+  // the drag overlay - isn't churned by unrelated re-renders mid-drag.
+  const stableDragAndDropRef = useRef(dragAndDrop);
+  if (!fastIsEqual(stableDragAndDropRef.current, dragAndDrop)) {
+    stableDragAndDropRef.current = dragAndDrop;
+  }
+  const stableDragAndDrop = stableDragAndDropRef.current;
+  const dragAndDropWithWrappedEnd = useMemo(() => stableDragAndDrop && {
+    ...stableDragAndDrop,
+    onDragEnd: wrappedOnDragEnd
+  }, [stableDragAndDrop, wrappedOnDragEnd]);
   return /*#__PURE__*/_jsx(NodeList, {
     storeId: storeId,
     scrollToNodeHandlerRef: scrollToNodeHandlerRef,
@@ -171,10 +280,7 @@ function _innerTreeView(props, ref) {
     ExpandCollapseIconComponent: ExpandCollapseIconComponent,
     ExpandCollapseTouchableComponent: ExpandCollapseTouchableComponent,
     CustomNodeRowComponent: CustomNodeRowComponent,
-    dragAndDrop: dragAndDrop && {
-      ...dragAndDrop,
-      onDragEnd: wrappedOnDragEnd
-    }
+    dragAndDrop: dragAndDropWithWrappedEnd
   });
 }
 const _TreeView = /*#__PURE__*/forwardRef(_innerTreeView);

package/lib/module/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","startTransition","useCallback","useEffect","useId","useImperativeHandle","useRef","NodeList","selectAll","selectAllFiltered","unselectAll","unselectAllFiltered","initializeNodeMaps","expandAll","collapseAll","toggleCheckboxes","expandNodes","collapseNodes","recalculateCheckedStates","moveTreeNode","deleteTreeViewStore","getTreeViewStore","useTreeViewStore","usePreviousState","useShallow","useDeepCompareEffect","typedMemo","fastIsEqual","jsx","_jsx","_innerTreeView","props","ref","data","onCheck","onExpand","selectionPropagation","preselectedIds","preExpandedIds","initialScrollNodeID","treeFlashListProps","checkBoxViewStyleProps","indentationMultiplier","CheckboxComponent","ExpandCollapseIconComponent","ExpandCollapseTouchableComponent","CustomNodeRowComponent","dragAndDrop","onDragEnd","storeId","expanded","updateExpanded","initialTreeViewData","updateInitialTreeViewData","searchText","updateSearchText","updateSearchKeys","checked","indeterminate","setSelectionPropagation","cleanUpTreeViewStore","state","ids","selectNodes","unselectNodes","setSearchText","scrollToNodeID","getChildToParentMap","moveNode","scrollToNodeHandlerRef","prevSearchText","internalDataRef","wrappedOnDragEnd","event","current","newTreeData","text","keys","params","treeViewStore","getState","childToParentMap","nodeId","targetNodeId","position","store","currentData","newData","getIds","node","children","length","id","flatMap","item","Array","from","Set","_TreeView","TreeView"],"sourceRoot":"../../src","sources":["TreeView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","startTransition","useCallback","useEffect","useId","useImperativeHandle","useMemo","useRef","NodeList","selectAll","selectAllFiltered","unselectAll","unselectAllFiltered","initializeNodeMaps","expandAll","collapseAll","toggleCheckboxes","expandNodes","collapseNodes","moveTreeNode","applyMoveToStore","findNodePosition","findNodePositionFromMaps","getSubtreeDepthFromMap","getNodeDepthFromParentMap","deleteTreeViewStore","getTreeViewStore","useTreeViewStore","usePreviousState","useShallow","useDeepCompareEffect","typedMemo","scrollMovedNodeIntoView","fastIsEqual","jsx","_jsx","_innerTreeView","props","ref","data","onCheck","onExpand","selectionPropagation","preselectedIds","preExpandedIds","initialScrollNodeID","treeFlashListProps","checkBoxViewStyleProps","indentationMultiplier","CheckboxComponent","ExpandCollapseIconComponent","ExpandCollapseTouchableComponent","CustomNodeRowComponent","dragAndDrop","onDragEnd","storeId","expanded","updateExpanded","initialTreeViewData","updateInitialTreeViewData","searchText","updateSearchText","updateSearchKeys","checked","indeterminate","setSelectionPropagation","cleanUpTreeViewStore","draggedNodeId","state","ids","selectNodes","unselectNodes","setSearchText","scrollToNodeID","getChildToParentMap","getTreeData","moveNode","scrollToNodeHandlerRef","prevSearchText","internalDataRef","pendingDataRef","wrappedOnDragEnd","event","current","getState","applyDataRef","nextData","pending","text","keys","params","treeViewStore","childToParentMap","nodeId","targetNodeId","position","options","store","currentData","nodeMap","__DEV__","console","warn","validate","canDrop","maxDepth","undefined","canNodeHaveChildren","draggedNode","get","targetNode","targetLevel","subtreeDepth","baseLevel","previousPosition","newData","scrollToNode","newPosition","previousParentId","parentId","previousIndex","index","newParentId","newIndex","getIds","node","children","length","id","flatMap","item","Array","from","Set","stableDragAndDropRef","stableDragAndDrop","dragAndDropWithWrappedEnd","_TreeView","TreeView"],"sourceRoot":"../../src","sources":["TreeView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/DragOverlay.js

@@ -1,12 +1,13 @@
 "use strict";
 
+import { memo } from "react";
 import { Animated, StyleSheet, View } from "react-native";
+import { fastIsEqual } from "fast-is-equal";
 import { CheckboxView } from "./CheckboxView.js";
 import { CustomExpandCollapseIcon } from "./CustomExpandCollapseIcon.js";
 import { defaultIndentationMultiplier } from "../constants/treeView.constants.js";
 import { getTreeViewStore } from "../store/treeView.store.js";
 import { getCheckboxValue } from "../helpers/index.js";
-import { typedMemo } from "../utils/typedMemo.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function _DragOverlay(props) {
   const {
@@ -41,6 +42,9 @@ function _DragOverlay(props) {
       ...(overlayStyleProps.shadowColor != null && {
         shadowColor: overlayStyleProps.shadowColor
       }),
+      ...(overlayStyleProps.shadowOffset != null && {
+        shadowOffset: overlayStyleProps.shadowOffset
+      }),
       ...(overlayStyleProps.shadowOpacity != null && {
         shadowOpacity: overlayStyleProps.shadowOpacity
       }),
@@ -49,6 +53,9 @@ function _DragOverlay(props) {
       }),
       ...(overlayStyleProps.elevation != null && {
         elevation: overlayStyleProps.elevation
+      }),
+      ...(overlayStyleProps.zIndex != null && {
+        zIndex: overlayStyleProps.zIndex
       })
     }, overlayStyleProps?.style, {
       transform: [{
@@ -86,7 +93,17 @@ function _DragOverlay(props) {
     })
   });
 }
-export const DragOverlay = typedMemo(_DragOverlay);
+
+/**
+ * Re-rendering the overlay mid-drag makes React Native re-bind the Animated
+ * transform, which can flash the overlay at its un-translated position for a
+ * frame (visible when e.g. auto-expand re-renders the tree while dragging).
+ * Nothing the overlay renders can change mid-drag, so block re-renders unless
+ * a prop meaningfully differs - style/customization objects are compared by
+ * value because consumers routinely pass fresh (but equal) literals per render.
+ */
+const overlayPropsAreEqual = (prev, next) => prev.storeId === next.storeId && prev.overlayY === next.overlayY && prev.overlayX === next.overlayX && prev.node === next.node && prev.level === next.level && prev.indentationMultiplier === next.indentationMultiplier && prev.CheckboxComponent === next.CheckboxComponent && prev.ExpandCollapseIconComponent === next.ExpandCollapseIconComponent && prev.CustomNodeRowComponent === next.CustomNodeRowComponent && fastIsEqual(prev.checkBoxViewStyleProps, next.checkBoxViewStyleProps) && fastIsEqual(prev.dragDropCustomizations, next.dragDropCustomizations);
+export const DragOverlay = /*#__PURE__*/memo(_DragOverlay, overlayPropsAreEqual);
 const styles = StyleSheet.create({
   overlay: {
     position: "absolute",

package/lib/module/components/DragOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","StyleSheet","View","CheckboxView","CustomExpandCollapseIcon","defaultIndentationMultiplier","getTreeViewStore","getCheckboxValue","typedMemo","jsx","_jsx","jsxs","_jsxs","_DragOverlay","props","storeId","overlayY","overlayX","node","level","indentationMultiplier","CheckboxComponent","ExpandCollapseIconComponent","CustomNodeRowComponent","checkBoxViewStyleProps","dragDropCustomizations","store","checked","indeterminate","getState","checkedValue","has","id","overlayStyleProps","dragOverlayStyleProps","CustomOverlay","CustomDragOverlayComponent","pointerEvents","style","styles","overlay","backgroundColor","shadowColor","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","children","isExpanded","onCheck","onExpand","nodeRow","paddingStart","text","name","onValueChange","value","length","expandArrow","DragOverlay","create","position","left","right","zIndex","shadowOffset","width","height","flex","flexDirection","alignItems","minWidth"],"sourceRoot":"../../../src","sources":["components/DragOverlay.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","Animated","StyleSheet","View","fastIsEqual","CheckboxView","CustomExpandCollapseIcon","defaultIndentationMultiplier","getTreeViewStore","getCheckboxValue","jsx","_jsx","jsxs","_jsxs","_DragOverlay","props","storeId","overlayY","overlayX","node","level","indentationMultiplier","CheckboxComponent","ExpandCollapseIconComponent","CustomNodeRowComponent","checkBoxViewStyleProps","dragDropCustomizations","store","checked","indeterminate","getState","checkedValue","has","id","overlayStyleProps","dragOverlayStyleProps","CustomOverlay","CustomDragOverlayComponent","pointerEvents","style","styles","overlay","backgroundColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","zIndex","transform","translateX","translateY","children","isExpanded","onCheck","onExpand","nodeRow","paddingStart","text","name","onValueChange","value","length","expandArrow","overlayPropsAreEqual","prev","next","DragOverlay","create","position","left","right","width","height","flex","flexDirection","alignItems","minWidth"],"sourceRoot":"../../../src","sources":["components/DragOverlay.tsx"],"mappings":"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","ignoreList":[]}