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

package/README.md

@@ -1,6 +1,6 @@
 # react-native-tree-multi-select
 
-⚡️Super-fast Tree view with multi-selection capabilities, using checkboxes and search filtering.
+⚡️Super-fast Tree view with drag-and-drop reordering, multi-selection capabilities, using checkboxes and search filtering.
 
 [![npm version](https://img.shields.io/npm/v/react-native-tree-multi-select)](https://badge.fury.io/js/react-native-tree-multi-select) [![License](https://img.shields.io/github/license/JairajJangle/react-native-tree-multi-select)](https://github.com/JairajJangle/react-native-tree-multi-select/blob/main/LICENSE) [![Workflow Status](https://github.com/JairajJangle/react-native-tree-multi-select/actions/workflows/ci.yml/badge.svg)](https://github.com/JairajJangle/react-native-tree-multi-select/actions/workflows/ci.yml) [![cov](https://raw.githubusercontent.com/JairajJangle/react-native-tree-multi-select/gh-pages/badges/coverage.svg)](https://github.com/JairajJangle/react-native-tree-multi-select/actions/workflows/ci.yml) ![Android](https://img.shields.io/badge/-Android-555555?logo=android&logoColor=3DDC84) ![iOS](https://img.shields.io/badge/-iOS-555555?logo=apple&logoColor=white) ![Web](https://img.shields.io/badge/-Web-555555?logo=google-chrome&logoColor=0096FF) [![GitHub issues](https://img.shields.io/github/issues/JairajJangle/react-native-tree-multi-select)](https://github.com/JairajJangle/react-native-tree-multi-select/issues?q=is%3Aopen+is%3Aissue) ![TS](https://img.shields.io/badge/TypeScript-strict_💪-blue) [![Known Vulnerabilities](https://snyk.io/test/github/jairajjangle/react-native-tree-multi-select/badge.svg)](https://snyk.io/test/github/jairajjangle/react-native-tree-multi-select) [![Expo Snack](https://img.shields.io/badge/Expo%20Snack-555555?style=flat&logo=expo&logoColor=white)](https://snack.expo.dev/@futurejj/react-native-tree-multi-select-example) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-native-tree-multi-select) [![Sponsor](https://img.shields.io/badge/Sponsor-GitHub-ea4aaa?style=flat&logo=github-sponsors)](https://github.com/sponsors/JairajJangle)
 
@@ -47,6 +47,8 @@ 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.
+
 ## Usage
 
 ```tsx
@@ -140,8 +142,9 @@ export function DragDropExample(){
       data={data}
       onCheck={(checked, indeterminate) => { /* ... */ }}
       onExpand={(expanded) => { /* ... */ }}
-      dragEnabled={true}
-      onDragEnd={handleDragEnd}
+      dragAndDrop={{
+        onDragEnd: handleDragEnd,
+      }}
     />
   );
 }
@@ -149,7 +152,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.
 
-For visual customizations (overlay styles, indicator colors, or fully custom components), see the [`dragDropCustomizations`](#dragdropcustomizationsid) prop.
+**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.
+
+For visual customizations (overlay styles, indicator colors, or fully custom components), see the [`dragAndDrop.customizations`](#dragdropcustomizationsid) option.
 
 ---
 
@@ -175,14 +180,27 @@ For visual customizations (overlay styles, indicator colors, or fully custom com
 | `ExpandCollapseIconComponent`      | `ComponentType<`[ExpandIconProps](#expandiconprops)`>`       | No       | A custom expand/collapse icon component                      |
 | `ExpandCollapseTouchableComponent` | `ComponentType<`[TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props)`>` | No       | A custom expand/collapse touchable component                 |
 | `CustomNodeRowComponent`           | `React.ComponentType<`[NodeRowProps](#noderowpropsid--string)`<ID>>` | No       | Custom row item component                                    |
-| `dragEnabled`                      | `boolean`                                                    | No       | Enable drag-and-drop reordering                              |
-| `onDragEnd`                        | `(event: `[DragEndEvent](#dragendeventid--string)`<ID>) => void` | No       | Callback fired after a node is dropped at a new position     |
-| `longPressDuration`                | `number`                                                     | No       | Long press duration in ms to start drag (default: 400)       |
-| `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: -1, i.e. one row above finger) |
-| `autoExpandDelay`                  | `number`                                                     | No       | Delay in ms before auto-expanding a collapsed node during drag hover (default: 800) |
-| `dragDropCustomizations`           | [DragDropCustomizations](#dragdropcustomizationsid)`<ID>`    | No       | Customizations for drag-and-drop visuals (overlay, indicator, opacity) |
+| `dragAndDrop`                      | [DragAndDropOptions](#draganddropoptionstid--string)`<ID>`   | No       | Drag-and-drop configuration (see below)                      |
+
+#### DragAndDropOptions`<ID = string>`
+
+| 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. |
+| `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 |
+| `longPressDuration`   | `number`                                                     | No       | Long press duration in ms to start drag (default: 400)       |
+| `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) |
+| `autoExpandDelay`     | `number`                                                     | No       | Delay in ms before auto-expanding a collapsed node during drag hover (default: 800) |
+| `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 |
+| `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 }` |
 
 ##### Notes
 
@@ -193,7 +211,8 @@ For visual customizations (overlay styles, indicator colors, or fully custom com
   1. `CheckboxComponent`
   1. `BuiltInCheckBoxViewStyleProps`
   1. `ExpandCollapseIconComponent`
-  1. `ExpandCollapseTouchableComponent`.
+  1. `ExpandCollapseTouchableComponent`
+  1. `dragAndDrop.customizations.draggedNodeOpacity` / `invalidTargetOpacity` - the custom component receives `isDraggedNode`, `isInvalidDropTarget`, and `isDragging` props and is responsible for its own drag-state visuals.
   
 - ⚠️ If the tree view doesn't scroll if rendered in a complex nested scroll view/s then try setting the `renderScrollComponent` value in  `treeFlashListProps` to `ScrollView` from `react-native-gesture-handler`.
 
@@ -227,10 +246,11 @@ For visual customizations (overlay styles, indicator colors, or fully custom com
 | `expandNodes`           | `(ids: ID[]) => void`                          | Expands specified nodes    |
 | `collapseNodes`           | `(ids: ID[]) => void`                           | Collapses specified nodes    |
 | `selectNodes`           | `(ids: ID[]) => void`                         | Selects specified nodes    |
-| `unSelectNodes`           | `(ids: ID[]) => void`                         | Unselects specified nodes    |
+| `unselectNodes`           | `(ids: ID[]) => void`                         | Unselects specified nodes    |
 | `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. |
 
 #### ScrollToNodeParams
 | Property             | Type      | Required | Description                                                  |
@@ -311,9 +331,34 @@ Type: `boolean` OR `"indeterminate"`
 | `isExpanded`   | `boolean`                               | Yes      | Whether the node is expanded or not                     |
 | `onCheck`      | `() => void`                            | Yes      | Function to be called when the checkbox is pressed      |
 | `onExpand`     | `() => void`                            | Yes      | Function to be called when the expand button is pressed |
-| `isDragTarget` | `boolean`                               | No       | Whether this node is the current drop target during drag |
+| `isInvalidDropTarget` | `boolean`                        | No       | Whether this node is an invalid drop target during drag  |
+| `isDropTarget` | `boolean`                               | No       | Whether this node is the current valid drop target       |
+| `dropPosition` | `DropPosition`                          | No       | The drop position if this node is the current drop target |
 | `isDragging`   | `boolean`                               | No       | Whether a drag operation is in progress                  |
 | `isDraggedNode`| `boolean`                               | No       | Whether this node is the one being dragged               |
+| `dragHandleProps`| [DragHandleProps](#draghandleprops)    | No       | Touch handlers to spread on a drag handle element. Only present when drag-and-drop is enabled. Attach to a specific View to make only that area initiate drag, or spread on the root for whole-row drag. |
+
+---
+
+#### DragHandleProps
+
+*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           |
+
+---
+
+#### DragStartEvent`<ID = string>`
+
+*The event object passed to the `onDragStart` callback when a drag begins.*
+
+| Property        | Type                                    | Description                                                  |
+| --------------- | --------------------------------------- | ------------------------------------------------------------ |
+| `draggedNodeId` | `ID`                                    | The id of the node being dragged                             |
 
 ---
 
@@ -328,19 +373,41 @@ Type: `boolean` OR `"indeterminate"`
 | `position`      | [DropPosition](#dropposition)           | Where relative to the target: `above`/`below` = sibling, `inside` = child |
 | `newTreeData`   | `TreeNode<ID>[]`                        | The reordered tree data after the move                       |
 
+#### DragCancelEvent`<ID = string>`
+
+*The event object passed to the `onDragCancel` callback when a drag is cancelled without a successful drop.*
+
+| Property        | Type                                    | Description                                                  |
+| --------------- | --------------------------------------- | ------------------------------------------------------------ |
+| `draggedNodeId` | `ID`                                    | The id of the node that was being dragged                    |
+
 #### DropPosition
 
 Type: `"above"` | `"below"` | `"inside"`
 
 ---
 
+#### DropAutoScrollOptions
+
+*Options for auto-scrolling to the dropped node after a successful drop. Uses the same scroll parameters as [`scrollToNodeID`](#scrolltonodeparams).*
+
+| Property       | Type      | Required | Description                                                     |
+| -------------- | --------- | -------- | --------------------------------------------------------------- |
+| `enabled`      | `boolean` | No       | Enable auto-scroll to the dropped node (default: true)          |
+| `animated`     | `boolean` | No       | Whether the scroll should be animated (default: true)           |
+| `viewOffset`   | `number`  | No       | Fixed offset from the target position (in pixels)               |
+| `viewPosition` | `number`  | No       | Position in the viewport: 0 = top, 0.5 = center, 1 = bottom (default: 0.5) |
+
+---
+
 #### DragDropCustomizations`<ID>`
 
 *Customizations for drag-and-drop visuals.*
 
 | Property                       | Type                                                                                  | Required | Description                                                       |
 | ------------------------------ | ------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------- |
-| `draggedNodeOpacity`           | `number`                                                                              | No       | Opacity of the dragged node and invalid targets (default: 0.3)    |
+| `draggedNodeOpacity`           | `number`                                                                              | No       | Opacity of the node being dragged (default: 0.3)                  |
+| `invalidTargetOpacity`         | `number`                                                                              | No       | Opacity of invalid drop targets during drag (default: 0.3)        |
 | `dropIndicatorStyleProps`      | [DropIndicatorStyleProps](#dropindicatorstyleprops)                                    | No       | Style props for the built-in drop indicator                       |
 | `dragOverlayStyleProps`        | [DragOverlayStyleProps](#dragoverlaystyleprops)                                       | No       | Style props for the drag overlay (lifted node ghost)              |
 | `CustomDropIndicatorComponent` | `ComponentType<`[DropIndicatorComponentProps](#dropindicatorcomponentprops)`>`         | No       | Fully custom drop indicator component                             |
@@ -381,9 +448,11 @@ Type: `"above"` | `"below"` | `"inside"`
 
 *Props passed to a custom drop indicator component (when using `CustomDropIndicatorComponent`).*
 
-| Property   | Type                          | Required | Description                                                  |
-| ---------- | ----------------------------- | -------- | ------------------------------------------------------------ |
-| `position` | [DropPosition](#dropposition) | Yes      | Whether the indicator is above, below, or inside the target  |
+| Property                 | Type                          | Required | Description                                                  |
+| ------------------------ | ----------------------------- | -------- | ------------------------------------------------------------ |
+| `position`               | [DropPosition](#dropposition) | Yes      | Whether the indicator is above, below, or inside the target  |
+| `level`                  | `number`                      | Yes      | The nesting level of the target node (useful for indenting)  |
+| `indentationMultiplier`  | `number`                      | Yes      | Pixels per nesting level                                     |
 
 ---
 
@@ -391,10 +460,11 @@ Type: `"above"` | `"below"` | `"inside"`
 
 *Props passed to a custom drag overlay component (when using `CustomDragOverlayComponent`).*
 
-| Property | Type            | Required | Description                    |
-| -------- | --------------- | -------- | ------------------------------ |
-| `node`   | `TreeNode<ID>`  | Yes      | The node being dragged         |
-| `level`  | `number`        | Yes      | The nesting level of the node  |
+| Property       | Type                                      | Required | Description                              |
+| -------------- | ----------------------------------------- | -------- | ---------------------------------------- |
+| `node`         | `TreeNode<ID>`                            | Yes      | The node being dragged                   |
+| `level`        | `number`                                  | Yes      | The nesting level of the node            |
+| `checkedValue` | [CheckboxValueType](#checkboxvaluetype)   | Yes      | The current checkbox value of the node   |
 
 ---
 
@@ -424,7 +494,7 @@ Moves a node within a tree structure. Returns a new tree (no mutation). Useful i
 - [x] Ref function to programatically expand/collapse a certain node 
 - [x] Ref function to programatically un/check a certain node
 - [x] Ref function to auto-scroll to a certain node's position - available in 1.9.0+
-- [x] Drag-and-drop reordering with customizable visuals
+- [x] Drag-and-drop reordering with customizable visuals. Can now be done using `dragAndDrop` prop 🎉
 
 If you do not see what you want in the planned feature list, raise a feature request. 
 
@@ -448,16 +518,16 @@ MIT
 ## 🙏 Support the project
 
 <p align="center" valign="center">
-  <a href="https://liberapay.com/FutureJJ/donate">
-    <img src="https://liberapay.com/assets/widgets/donate.svg" alt="LiberPay_Donation_Button" height="50" > 
+  <a href="https://www.paypal.com/paypalme/jairajjangle001/usd">
+    <img src=".github/assets/paypal_donate.png" alt="Paypal_Donation_Button" height="50" >
   </a>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-  <a href=".github/assets/Jairaj_Jangle_Google_Pay_UPI_QR_Code.jpg">
-    <img src=".github/assets/upi.png" alt="Paypal_Donation_Button" height="50" >
+  <a href="https://github.com/sponsors/JairajJangle">
+    <img src=".github/assets/github_sponsor.svg" alt="GitHub_Sponsor_Button" height="50" >
   </a>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-  <a href="https://www.paypal.com/paypalme/jairajjangle001/usd">
-    <img src=".github/assets/paypal_donate.png" alt="Paypal_Donation_Button" height="50" >
+  <a href="https://liberapay.com/FutureJJ/donate">
+    <img src=".github/assets/liberapay_donate.svg" alt="Liberapay_Donation_Button" height="50" >
   </a>
 </p>
 

package/lib/module/TreeView.js

@@ -1,9 +1,9 @@
 "use strict";
 
-import React, { startTransition, useId } from "react";
+import { forwardRef, startTransition, useCallback, useEffect, useId, useImperativeHandle, useRef } from "react";
 import NodeList from "./components/NodeList.js";
-import { selectAll, selectAllFiltered, unselectAll, unselectAllFiltered, initializeNodeMaps, expandAll, collapseAll, toggleCheckboxes, expandNodes, collapseNodes } from "./helpers/index.js";
-import { getTreeViewStore, useTreeViewStore } from "./store/treeView.store.js";
+import { selectAll, selectAllFiltered, unselectAll, unselectAllFiltered, initializeNodeMaps, expandAll, collapseAll, toggleCheckboxes, expandNodes, collapseNodes, recalculateCheckedStates, moveTreeNode } 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";
@@ -26,15 +26,9 @@ function _innerTreeView(props, ref) {
     ExpandCollapseIconComponent,
     ExpandCollapseTouchableComponent,
     CustomNodeRowComponent,
-    dragEnabled,
-    onDragEnd,
-    longPressDuration,
-    autoScrollThreshold,
-    autoScrollSpeed,
-    dragOverlayOffset,
-    autoExpandDelay,
-    dragDropCustomizations
+    dragAndDrop
   } = props;
+  const onDragEnd = dragAndDrop?.onDragEnd;
   const storeId = useId();
   const {
     expanded,
@@ -61,7 +55,7 @@ function _innerTreeView(props, ref) {
     setSelectionPropagation: state.setSelectionPropagation,
     cleanUpTreeViewStore: state.cleanUpTreeViewStore
   })));
-  React.useImperativeHandle(ref, () => ({
+  useImperativeHandle(ref, () => ({
     selectAll: () => selectAll(storeId),
     unselectAll: () => unselectAll(storeId),
     selectAllFiltered: () => selectAllFiltered(storeId),
@@ -74,14 +68,15 @@ function _innerTreeView(props, ref) {
     unselectNodes: ids => unselectNodes(ids),
     setSearchText,
     scrollToNodeID,
-    getChildToParentMap
+    getChildToParentMap,
+    moveNode
   }));
-  const scrollToNodeHandlerRef = React.useRef(null);
+  const scrollToNodeHandlerRef = useRef(null);
   const prevSearchText = usePreviousState(searchText);
-  const internalDataRef = React.useRef(null);
+  const internalDataRef = useRef(null);
 
   // Wrap onDragEnd to set internalDataRef before calling consumer's callback
-  const wrappedOnDragEnd = React.useCallback(event => {
+  const wrappedOnDragEnd = useCallback(event => {
     internalDataRef.current = event.newTreeData;
     onDragEnd?.(event);
   }, [onDragEnd]);
@@ -120,20 +115,33 @@ function _innerTreeView(props, ref) {
     const treeViewStore = getTreeViewStore(storeId);
     return treeViewStore.getState().childToParentMap;
   }
-  const getIds = React.useCallback(node => {
+  function moveNode(nodeId, targetNodeId, position) {
+    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]);
+    }
+    expandNodes(storeId, [nodeId], true);
+    internalDataRef.current = newData;
+  }
+  const getIds = useCallback(node => {
     if (!node.children || node.children.length === 0) {
       return [node.id];
     } else {
       return [node.id, ...node.children.flatMap(item => getIds(item))];
     }
   }, []);
-  React.useEffect(() => {
+  useEffect(() => {
     onCheck?.(Array.from(checked), Array.from(indeterminate));
   }, [onCheck, checked, indeterminate]);
-  React.useEffect(() => {
+  useEffect(() => {
     onExpand?.(Array.from(expanded));
   }, [onExpand, expanded]);
-  React.useEffect(() => {
+  useEffect(() => {
     if (searchText) {
       startTransition(() => {
         updateExpanded(new Set(initialTreeViewData.flatMap(item => getIds(item))));
@@ -146,11 +154,12 @@ function _innerTreeView(props, ref) {
       });
     }
   }, [getIds, initialTreeViewData, prevSearchText, searchText, updateExpanded]);
-  React.useEffect(() => {
+  useEffect(() => {
     return () => {
       cleanUpTreeViewStore();
+      deleteTreeViewStore(storeId);
     };
-  }, [cleanUpTreeViewStore]);
+  }, [cleanUpTreeViewStore, storeId]);
   return /*#__PURE__*/_jsx(NodeList, {
     storeId: storeId,
     scrollToNodeHandlerRef: scrollToNodeHandlerRef,
@@ -162,16 +171,12 @@ function _innerTreeView(props, ref) {
     ExpandCollapseIconComponent: ExpandCollapseIconComponent,
     ExpandCollapseTouchableComponent: ExpandCollapseTouchableComponent,
     CustomNodeRowComponent: CustomNodeRowComponent,
-    dragEnabled: dragEnabled,
-    onDragEnd: wrappedOnDragEnd,
-    longPressDuration: longPressDuration,
-    autoScrollThreshold: autoScrollThreshold,
-    autoScrollSpeed: autoScrollSpeed,
-    dragOverlayOffset: dragOverlayOffset,
-    autoExpandDelay: autoExpandDelay,
-    dragDropCustomizations: dragDropCustomizations
+    dragAndDrop: dragAndDrop && {
+      ...dragAndDrop,
+      onDragEnd: wrappedOnDragEnd
+    }
   });
 }
-const _TreeView = /*#__PURE__*/React.forwardRef(_innerTreeView);
+const _TreeView = /*#__PURE__*/forwardRef(_innerTreeView);
 export const TreeView = typedMemo(_TreeView);
 //# sourceMappingURL=TreeView.js.map

package/lib/module/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","startTransition","useId","NodeList","selectAll","selectAllFiltered","unselectAll","unselectAllFiltered","initializeNodeMaps","expandAll","collapseAll","toggleCheckboxes","expandNodes","collapseNodes","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","dragEnabled","onDragEnd","longPressDuration","autoScrollThreshold","autoScrollSpeed","dragOverlayOffset","autoExpandDelay","dragDropCustomizations","storeId","expanded","updateExpanded","initialTreeViewData","updateInitialTreeViewData","searchText","updateSearchText","updateSearchKeys","checked","indeterminate","setSelectionPropagation","cleanUpTreeViewStore","state","useImperativeHandle","ids","selectNodes","unselectNodes","setSearchText","scrollToNodeID","getChildToParentMap","scrollToNodeHandlerRef","useRef","prevSearchText","internalDataRef","wrappedOnDragEnd","useCallback","event","current","newTreeData","text","keys","params","treeViewStore","getState","childToParentMap","getIds","node","children","length","id","flatMap","item","useEffect","Array","from","Set","_TreeView","forwardRef","TreeView"],"sourceRoot":"../../src","sources":["TreeView.tsx"],"mappings":"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","ignoreList":[]}
+{"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":[]}

package/lib/module/components/CheckboxView.js

@@ -1,13 +1,16 @@
 "use strict";
 
-import React from "react";
+import { memo, useCallback } from "react";
 import { Platform, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { Checkbox } from "@futurejj/react-native-checkbox";
+
+// Intentionally narrow: only re-render when the checkbox value or label text changes.
+// Other props (callbacks, styles) are stable references from parent memoization.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function arePropsEqual(prevProps, nextProps) {
   return prevProps.value === nextProps.value && prevProps.text === nextProps.text;
 }
-export const CheckboxView = /*#__PURE__*/React.memo(_CheckboxView, arePropsEqual);
+export const CheckboxView = /*#__PURE__*/memo(_CheckboxView, arePropsEqual);
 function _CheckboxView(props) {
   const {
     value,
@@ -23,7 +26,7 @@ function _CheckboxView(props) {
       ellipsizeMode: "middle"
     }
   } = props;
-  const customCheckboxValToCheckboxValType = React.useCallback(customCheckboxValueType => {
+  const customCheckboxValToCheckboxValType = useCallback(customCheckboxValueType => {
     return customCheckboxValueType === "indeterminate" ? "indeterminate" : customCheckboxValueType ? "checked" : "unchecked";
   }, []);
 
@@ -33,7 +36,7 @@ function _CheckboxView(props) {
    *
    * @param newValue This represents the updated CheckBox value after it's clicked.
    */
-  const onValueChangeModifier = React.useCallback(() => {
+  const onValueChangeModifier = useCallback(() => {
     // If the previous state was 'indeterminate', set checked to true
     if (value === "indeterminate") onValueChange(true);else onValueChange(!value);
   }, [onValueChange, value]);
@@ -73,6 +76,7 @@ export const defaultCheckboxViewStyles = StyleSheet.create({
   },
   checkboxTextStyle: {
     color: "black",
+    /* istanbul ignore next -- Platform.OS is never "android" in jest */
     marginTop: Platform.OS === "android" ? 2 : undefined
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","Text","TouchableOpacity","View","Checkbox","jsx","_jsx","jsxs","_jsxs","arePropsEqual","prevProps","nextProps","value","text","CheckboxView","memo","_CheckboxView","props","onValueChange","outermostParentViewStyle","defaultCheckboxViewStyles","mainView","checkboxParentViewStyle","checkboxView","textTouchableStyle","checkboxProps","textProps","style","checkboxTextStyle","numberOfLines","ellipsizeMode","customCheckboxValToCheckboxValType","useCallback","customCheckboxValueType","onValueChangeModifier","children","testID","status","onPress","create","alignSelf","alignItems","flexDirection","marginEnd","marginStart","transform","scale","color","marginTop","OS","undefined"],"sourceRoot":"../../../src","sources":["components/CheckboxView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","Platform","StyleSheet","Text","TouchableOpacity","View","Checkbox","jsx","_jsx","jsxs","_jsxs","arePropsEqual","prevProps","nextProps","value","text","CheckboxView","_CheckboxView","props","onValueChange","outermostParentViewStyle","defaultCheckboxViewStyles","mainView","checkboxParentViewStyle","checkboxView","textTouchableStyle","checkboxProps","textProps","style","checkboxTextStyle","numberOfLines","ellipsizeMode","customCheckboxValToCheckboxValType","customCheckboxValueType","onValueChangeModifier","children","testID","status","onPress","create","alignSelf","alignItems","flexDirection","marginEnd","marginStart","transform","scale","color","marginTop","OS","undefined"],"sourceRoot":"../../../src","sources":["components/CheckboxView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CustomExpandCollapseIcon.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import React from "react";
+import { memo } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 // Function to dynamically load FontAwesomeIcon from either Expo or React Native
 function loadFontAwesomeIcon() {
@@ -18,7 +18,7 @@ function loadFontAwesomeIcon() {
 
 // Load the FontAwesomeIcon component
 const FontAwesomeIcon = loadFontAwesomeIcon();
-export const CustomExpandCollapseIcon = /*#__PURE__*/React.memo(_CustomExpandCollapseIcon);
+export const CustomExpandCollapseIcon = /*#__PURE__*/memo(_CustomExpandCollapseIcon);
 function _CustomExpandCollapseIcon(props) {
   const {
     isExpanded

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

@@ -1 +1 @@
-{"version":3,"names":["React","jsx","_jsx","loadFontAwesomeIcon","require","default","e","error","console","FontAwesomeIcon","CustomExpandCollapseIcon","memo","_CustomExpandCollapseIcon","props","isExpanded","warn","name","size","color"],"sourceRoot":"../../../src","sources":["components/CustomExpandCollapseIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1B;AACA,SAASC,mBAAmBA,CAAA,EAAG;EAC3B,IAAI;IACA,OAAOC,OAAO,CAAC,gCAAgC,CAAC,CAACC,OAAO;EAC5D,CAAC,CAAC,OAAOC,CAAC,EAAE;IACR,IAAI;MACA,OAAOF,OAAO,CAAC,uCAAuC,CAAC,CAACC,OAAO;IACnE,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZC,OAAO,CAACD,KAAK,CACT,0GACJ,CAAC;MACD,OAAO,IAAI;IACf;EACJ;AACJ;;AAEA;AACA,MAAME,eAAe,GAAGN,mBAAmB,CAAC,CAAC;AAE7C,OAAO,MAAMO,wBAAwB,gBAAGV,KAAK,CAACW,IAAI,CAC9CC,yBACJ,CAAC;AAED,SAASA,yBAAyBA,CAACC,KAAsB,EAAE;EACvD,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;;EAE5B;EACA,IAAI,CAACJ,eAAe,EAAE;IAClBD,OAAO,CAACO,IAAI,CAAC,kCAAkC,CAAC;IAChD,OAAO,IAAI;EACf;EAEA,oBACIb,IAAA,CAACO,eAAe;IACZO,IAAI,EACAF,UAAU,GACJ,YAAY,GACZ,aACT;IACDG,IAAI,EAAE,EAAG;IACTC,KAAK,EAAC;EAAO,CAChB,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["memo","jsx","_jsx","loadFontAwesomeIcon","require","default","e","error","console","FontAwesomeIcon","CustomExpandCollapseIcon","_CustomExpandCollapseIcon","props","isExpanded","warn","name","size","color"],"sourceRoot":"../../../src","sources":["components/CustomExpandCollapseIcon.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7B;AACA,SAASC,mBAAmBA,CAAA,EAAG;EAC3B,IAAI;IACA,OAAOC,OAAO,CAAC,gCAAgC,CAAC,CAACC,OAAO;EAC5D,CAAC,CAAC,OAAOC,CAAC,EAAE;IACR,IAAI;MACA,OAAOF,OAAO,CAAC,uCAAuC,CAAC,CAACC,OAAO;IACnE,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZC,OAAO,CAACD,KAAK,CACT,0GACJ,CAAC;MACD,OAAO,IAAI;IACf;EACJ;AACJ;;AAEA;AACA,MAAME,eAAe,GAAGN,mBAAmB,CAAC,CAAC;AAE7C,OAAO,MAAMO,wBAAwB,gBAAGV,IAAI,CACxCW,yBACJ,CAAC;AAED,SAASA,yBAAyBA,CAACC,KAAsB,EAAE;EACvD,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;;EAE5B;EACA,IAAI,CAACH,eAAe,EAAE;IAClBD,OAAO,CAACM,IAAI,CAAC,kCAAkC,CAAC;IAChD,OAAO,IAAI;EACf;EAEA,oBACIZ,IAAA,CAACO,eAAe;IACZM,IAAI,EACAF,UAAU,GACJ,YAAY,GACZ,aACT;IACDG,IAAI,EAAE,EAAG;IACTC,KAAK,EAAC;EAAO,CAChB,CAAC;AAEV","ignoreList":[]}

package/lib/module/components/DragOverlay.js

@@ -1,13 +1,16 @@
 "use strict";
 
-import React from "react";
 import { Animated, StyleSheet, View } from "react-native";
 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 {
+    storeId,
     overlayY,
     overlayX,
     node,
@@ -19,6 +22,14 @@ function _DragOverlay(props) {
     checkBoxViewStyleProps,
     dragDropCustomizations
   } = props;
+
+  // Read the actual checked state for the dragged node
+  const store = getTreeViewStore(storeId);
+  const {
+    checked,
+    indeterminate
+  } = store.getState();
+  const checkedValue = getCheckboxValue(checked.has(node.id), indeterminate.has(node.id));
   const overlayStyleProps = dragDropCustomizations?.dragOverlayStyleProps;
   const CustomOverlay = dragDropCustomizations?.CustomDragOverlayComponent;
   return /*#__PURE__*/_jsx(Animated.View, {
@@ -48,11 +59,12 @@ function _DragOverlay(props) {
     }],
     children: CustomOverlay ? /*#__PURE__*/_jsx(CustomOverlay, {
       node: node,
-      level: level
+      level: level,
+      checkedValue: checkedValue
     }) : CustomNodeRowComponent ? /*#__PURE__*/_jsx(CustomNodeRowComponent, {
       node: node,
       level: level,
-      checkedValue: false,
+      checkedValue: checkedValue,
       isExpanded: false,
       onCheck: () => {},
       onExpand: () => {}
@@ -63,7 +75,7 @@ function _DragOverlay(props) {
       children: [/*#__PURE__*/_jsx(CheckboxComponent, {
         text: node.name,
         onValueChange: () => {},
-        value: false,
+        value: checkedValue,
         ...checkBoxViewStyleProps
       }), node.children?.length ? /*#__PURE__*/_jsx(View, {
         style: styles.expandArrow,
@@ -74,7 +86,7 @@ function _DragOverlay(props) {
     })
   });
 }
-export const DragOverlay = /*#__PURE__*/React.memo(_DragOverlay);
+export const DragOverlay = typedMemo(_DragOverlay);
 const styles = StyleSheet.create({
   overlay: {
     position: "absolute",

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","StyleSheet","View","CheckboxView","CustomExpandCollapseIcon","defaultIndentationMultiplier","jsx","_jsx","jsxs","_jsxs","_DragOverlay","props","overlayY","overlayX","node","level","indentationMultiplier","CheckboxComponent","ExpandCollapseIconComponent","CustomNodeRowComponent","checkBoxViewStyleProps","dragDropCustomizations","overlayStyleProps","dragOverlayStyleProps","CustomOverlay","CustomDragOverlayComponent","pointerEvents","style","styles","overlay","backgroundColor","shadowColor","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","children","checkedValue","isExpanded","onCheck","onExpand","nodeRow","paddingStart","text","name","onValueChange","value","length","expandArrow","DragOverlay","memo","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":["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":[]}