react-native-tree-multi-select 2.0.11 → 3.0.0-beta.1

package/lib/typescript/src/components/DragOverlay.d.ts

@@ -0,0 +1,12 @@
+import { Animated } from "react-native";
+import type { __FlattenedTreeNode__, DragDropCustomizations, TreeItemCustomizations } from "../types/treeView.types";
+interface DragOverlayProps<ID> extends TreeItemCustomizations<ID> {
+    overlayY: Animated.Value;
+    node: __FlattenedTreeNode__<ID>;
+    level: number;
+    dragDropCustomizations?: DragDropCustomizations<ID>;
+}
+declare function _DragOverlay<ID>(props: DragOverlayProps<ID>): import("react/jsx-runtime").JSX.Element;
+export declare const DragOverlay: typeof _DragOverlay;
+export {};
+//# sourceMappingURL=DragOverlay.d.ts.map

package/lib/typescript/src/components/DragOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/DragOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EACR,qBAAqB,EAErB,sBAAsB,EACtB,sBAAsB,EACzB,MAAM,yBAAyB,CAAC;AAKjC,UAAU,gBAAgB,CAAC,EAAE,CAAE,SAAQ,sBAAsB,CAAC,EAAE,CAAC;IAC7D,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,CAAC,EAAE,sBAAsB,CAAC,EAAE,CAAC,CAAC;CACvD;AAED,iBAAS,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,2CAiEpD;AAED,eAAO,MAAM,WAAW,EAA+B,OAAO,YAAY,CAAC"}

package/lib/typescript/src/components/DropIndicator.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Animated } from "react-native";
+import type { DropPosition } from "../types/dragDrop.types";
+interface DropIndicatorProps {
+    position: DropPosition;
+    overlayY: Animated.Value;
+    itemHeight: number;
+    targetLevel: number;
+    indentationMultiplier: number;
+}
+export declare const DropIndicator: React.NamedExoticComponent<DropIndicatorProps>;
+export {};
+//# sourceMappingURL=DropIndicator.d.ts.map

package/lib/typescript/src/components/DropIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/DropIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,UAAU,kBAAkB;IACxB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,gDAgDxB,CAAC"}

package/lib/typescript/src/components/NodeList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeList.d.ts","sourceRoot":"","sources":["../../../../src/components/NodeList.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAGR,aAAa,EAEhB,MAAM,yBAAyB,CAAC;AAiBjC,QAAA,MAAM,QAAQ,kBAAuB,CAAC;AACtC,eAAe,QAAQ,CAAC;AAExB,iBAAS,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,2CAgH9C"}
+{"version":3,"file":"NodeList.d.ts","sourceRoot":"","sources":["../../../../src/components/NodeList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAIR,aAAa,EAGhB,MAAM,yBAAyB,CAAC;AAoBjC,QAAA,MAAM,QAAQ,kBAAuB,CAAC;AACtC,eAAe,QAAQ,CAAC;AAExB,iBAAS,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,2CAuN9C"}

package/lib/typescript/src/helpers/index.d.ts

@@ -4,4 +4,5 @@ export * from "./selectAll.helper";
 export * from "./toggleCheckbox.helper";
 export * from "./search.helper";
 export * from "./flattenTree.helper";
+export * from "./moveTreeNode.helper";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/helpers/index.ts"],"names":[],"mappings":"AAEA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/helpers/index.ts"],"names":[],"mappings":"AAEA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}

package/lib/typescript/src/helpers/moveTreeNode.helper.d.ts

@@ -0,0 +1,13 @@
+import type { TreeNode } from "../types/treeView.types";
+import type { DropPosition } from "../types/dragDrop.types";
+/**
+ * Move a node within a tree structure. Returns a new tree (no mutation).
+ *
+ * @param data - The current tree data
+ * @param draggedNodeId - The ID of the node to move
+ * @param targetNodeId - The ID of the target node
+ * @param position - Where to place relative to target: "above", "below", or "inside"
+ * @returns New tree data with the node moved, or the original data if the move is invalid
+ */
+export declare function moveTreeNode<ID>(data: TreeNode<ID>[], draggedNodeId: ID, targetNodeId: ID, position: DropPosition): TreeNode<ID>[];
+//# sourceMappingURL=moveTreeNode.helper.d.ts.map

package/lib/typescript/src/helpers/moveTreeNode.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moveTreeNode.helper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/moveTreeNode.helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAC3B,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,EACpB,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,EAAE,EAChB,QAAQ,EAAE,YAAY,GACvB,QAAQ,CAAC,EAAE,CAAC,EAAE,CAehB"}

package/lib/typescript/src/helpers/toggleCheckbox.helper.d.ts

@@ -6,4 +6,10 @@
  * If not provided, the check state will be toggled based on the current state.
  */
 export declare function toggleCheckboxes<ID>(storeId: string, ids: ID[], forceCheck?: boolean): void;
+/**
+ * Recalculates checked/indeterminate state for all parent nodes bottom-up.
+ * Should be called after tree structure changes (e.g., drag-drop moves) to ensure
+ * parent states correctly reflect their children's checked states.
+ */
+export declare function recalculateCheckedStates<ID>(storeId: string): void;
 //# sourceMappingURL=toggleCheckbox.helper.d.ts.map

package/lib/typescript/src/helpers/toggleCheckbox.helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggleCheckbox.helper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/toggleCheckbox.helper.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,EAAE,EAAE,EACT,UAAU,CAAC,EAAE,OAAO,QA6LvB"}
+{"version":3,"file":"toggleCheckbox.helper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/toggleCheckbox.helper.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,EAAE,EAAE,EACT,UAAU,CAAC,EAAE,OAAO,QA6LvB;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,QAyF3D"}

package/lib/typescript/src/hooks/useDragDrop.d.ts

@@ -0,0 +1,35 @@
+import { Animated, type PanResponderInstance } from "react-native";
+import type { FlashList } from "@shopify/flash-list";
+import type { __FlattenedTreeNode__, TreeNode } from "../types/treeView.types";
+import type { DragEndEvent, DropTarget } from "../types/dragDrop.types";
+interface UseDragDropParams<ID> {
+    storeId: string;
+    flattenedNodes: __FlattenedTreeNode__<ID>[];
+    flashListRef: React.RefObject<FlashList<__FlattenedTreeNode__<ID>> | null>;
+    containerRef: React.RefObject<{
+        measureInWindow: (cb: (x: number, y: number, w: number, h: number) => void) => void;
+    } | null>;
+    dragEnabled: boolean;
+    onDragEnd?: (event: DragEndEvent<ID>) => void;
+    longPressDuration: number;
+    autoScrollThreshold: number;
+    autoScrollSpeed: number;
+    internalDataRef: React.MutableRefObject<TreeNode<ID>[] | null>;
+    measuredItemHeightRef: React.MutableRefObject<number>;
+    dragOverlayOffset: number;
+    autoExpandDelay: number;
+}
+interface UseDragDropReturn<ID> {
+    panResponder: PanResponderInstance;
+    overlayY: Animated.Value;
+    isDragging: boolean;
+    draggedNode: __FlattenedTreeNode__<ID> | null;
+    dropTarget: DropTarget<ID> | null;
+    handleNodeTouchStart: (nodeId: ID, pageY: number, locationY: number, nodeIndex: number) => void;
+    cancelLongPressTimer: () => void;
+    scrollOffsetRef: React.MutableRefObject<number>;
+    headerOffsetRef: React.MutableRefObject<number>;
+}
+export declare function useDragDrop<ID>(params: UseDragDropParams<ID>): UseDragDropReturn<ID>;
+export {};
+//# sourceMappingURL=useDragDrop.d.ts.map

package/lib/typescript/src/hooks/useDragDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDragDrop.ts"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,KAAK,oBAAoB,EAC5B,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAKxE,UAAU,iBAAiB,CAAC,EAAE;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,qBAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3E,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAC9H,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAC/D,qBAAqB,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACtD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,iBAAiB,CAAC,EAAE;IAC1B,YAAY,EAAE,oBAAoB,CAAC;IACnC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAC9C,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,CAClB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,eAAe,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChD,eAAe,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,EAAE,EAC1B,MAAM,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAC9B,iBAAiB,CAAC,EAAE,CAAC,CAilBvB"}

package/lib/typescript/src/index.d.ts

@@ -1,5 +1,7 @@
-import type { TreeNode, NodeRowProps, TreeViewProps, TreeViewRef, TreeFlatListProps, ExpandIconProps, CheckBoxViewProps, CheckboxValueType, BuiltInCheckBoxViewStyleProps, SelectionPropagation } from "./types/treeView.types";
+import type { TreeNode, NodeRowProps, TreeViewProps, TreeViewRef, TreeFlatListProps, ExpandIconProps, CheckBoxViewProps, CheckboxValueType, BuiltInCheckBoxViewStyleProps, SelectionPropagation, DragDropCustomizations, DragOverlayStyleProps, DragOverlayComponentProps, DropIndicatorStyleProps, DropIndicatorComponentProps } from "./types/treeView.types";
+import type { DragEndEvent, DropPosition } from "./types/dragDrop.types";
 export * from "./TreeView";
 export * from "./components/CheckboxView";
-export type { TreeNode, NodeRowProps, TreeViewProps, TreeViewRef, TreeFlatListProps, ExpandIconProps, CheckBoxViewProps, CheckboxValueType, BuiltInCheckBoxViewStyleProps, SelectionPropagation };
+export { moveTreeNode } from "./helpers/moveTreeNode.helper";
+export type { TreeNode, NodeRowProps, TreeViewProps, TreeViewRef, TreeFlatListProps, ExpandIconProps, CheckBoxViewProps, CheckboxValueType, BuiltInCheckBoxViewStyleProps, SelectionPropagation, DragEndEvent, DropPosition, DragDropCustomizations, DragOverlayStyleProps, DragOverlayComponentProps, DropIndicatorStyleProps, DropIndicatorComponentProps, };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,6BAA6B,EAC7B,oBAAoB,EACvB,MAAM,wBAAwB,CAAC;AAEhC,cAAc,YAAY,CAAC;AAC3B,cAAc,2BAA2B,CAAC;AAE1C,YAAY,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,6BAA6B,EAC7B,oBAAoB,EACvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,6BAA6B,EAC7B,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,2BAA2B,EAC9B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EACR,YAAY,EACZ,YAAY,EACf,MAAM,wBAAwB,CAAC;AAEhC,cAAc,YAAY,CAAC;AAC3B,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,YAAY,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,6BAA6B,EAC7B,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,2BAA2B,GAC9B,CAAC"}

package/lib/typescript/src/store/treeView.store.d.ts

@@ -1,4 +1,5 @@
 import type { SelectionPropagation, TreeNode } from "../types/treeView.types";
+import type { DropPosition } from "../types/dragDrop.types";
 import { type StoreApi, type UseBoundStore } from "zustand";
 export type TreeViewState<ID> = {
     checked: Set<ID>;
@@ -21,6 +22,13 @@ export type TreeViewState<ID> = {
     updateInnerMostChildrenIds: (innerMostChildrenIds: ID[]) => void;
     selectionPropagation: SelectionPropagation;
     setSelectionPropagation: (selectionPropagation: SelectionPropagation) => void;
+    draggedNodeId: ID | null;
+    updateDraggedNodeId: (draggedNodeId: ID | null) => void;
+    invalidDragTargetIds: Set<ID>;
+    updateInvalidDragTargetIds: (invalidDragTargetIds: Set<ID>) => void;
+    dropTargetNodeId: ID | null;
+    dropPosition: DropPosition | null;
+    updateDropTarget: (nodeId: ID | null, position: DropPosition | null) => void;
     cleanUpTreeViewStore: () => void;
 };
 export declare function getTreeViewStore<ID>(id: string): UseBoundStore<StoreApi<TreeViewState<ID>>>;

package/lib/typescript/src/store/treeView.store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeView.store.d.ts","sourceRoot":"","sources":["../../../../src/store/treeView.store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAU,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEpE,MAAM,MAAM,aAAa,CAAC,EAAE,IAAI;IAE5B,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACjB,aAAa,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAG1C,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACvB,mBAAmB,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAGtD,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IAClB,cAAc,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAG5C,mBAAmB,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACpC,yBAAyB,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAGzE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,aAAa,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;IAGxD,gBAAgB,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9B,sBAAsB,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IAGhE,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAG/C,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAGjD,oBAAoB,EAAE,EAAE,EAAE,CAAC;IAC3B,0BAA0B,EAAE,CAAC,oBAAoB,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAEjE,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,uBAAuB,EAAE,CACrB,oBAAoB,EAAE,oBAAoB,KACzC,IAAI,CAAC;IAGV,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC;AAOF,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CA+D3F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,8CAEvD"}
+{"version":3,"file":"treeView.store.d.ts","sourceRoot":"","sources":["../../../../src/store/treeView.store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAU,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEpE,MAAM,MAAM,aAAa,CAAC,EAAE,IAAI;IAE5B,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACjB,aAAa,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAG1C,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACvB,mBAAmB,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAGtD,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IAClB,cAAc,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAG5C,mBAAmB,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACpC,yBAAyB,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAGzE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,aAAa,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;IAGxD,gBAAgB,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9B,sBAAsB,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IAGhE,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAG/C,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAGjD,oBAAoB,EAAE,EAAE,EAAE,CAAC;IAC3B,0BAA0B,EAAE,CAAC,oBAAoB,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAEjE,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,uBAAuB,EAAE,CACrB,oBAAoB,EAAE,oBAAoB,KACzC,IAAI,CAAC;IAGV,aAAa,EAAE,EAAE,GAAG,IAAI,CAAC;IACzB,mBAAmB,EAAE,CAAC,aAAa,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAExD,oBAAoB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IAC9B,0BAA0B,EAAE,CAAC,oBAAoB,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAGpE,gBAAgB,EAAE,EAAE,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAG7E,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC;AAOF,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAkF3F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,8CAEvD"}

package/lib/typescript/src/types/dragDrop.types.d.ts

@@ -0,0 +1,21 @@
+import type { TreeNode } from "./treeView.types";
+export type DropPosition = "above" | "below" | "inside";
+export interface DragEndEvent<ID = string> {
+    /** The id of the node that was dragged */
+    draggedNodeId: ID;
+    /** The id of the target node where the dragged node was dropped */
+    targetNodeId: ID;
+    /** Where relative to the target: above/below = sibling, inside = child */
+    position: DropPosition;
+    /** The reordered tree data after the move */
+    newTreeData: TreeNode<ID>[];
+}
+export interface DropTarget<ID = string> {
+    targetNodeId: ID;
+    targetIndex: number;
+    position: DropPosition;
+    isValid: boolean;
+    targetLevel: number;
+    indicatorTop: number;
+}
+//# sourceMappingURL=dragDrop.types.d.ts.map

package/lib/typescript/src/types/dragDrop.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragDrop.types.d.ts","sourceRoot":"","sources":["../../../../src/types/dragDrop.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,YAAY,CAAC,EAAE,GAAG,MAAM;IACrC,0CAA0C;IAC1C,aAAa,EAAE,EAAE,CAAC;IAClB,mEAAmE;IACnE,YAAY,EAAE,EAAE,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,EAAE,YAAY,CAAC;IACvB,6CAA6C;IAC7C,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU,CAAC,EAAE,GAAG,MAAM;IACnC,YAAY,EAAE,EAAE,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB"}

package/lib/typescript/src/types/treeView.types.d.ts

@@ -2,6 +2,7 @@ import type { StyleProp, TextProps, TouchableOpacityProps, ViewStyle } from "rea
 import type { FlashListProps } from "@shopify/flash-list";
 import type { ScrollToNodeHandlerRef, ScrollToNodeParams } from "../handlers/ScrollToNodeHandler";
 import type { CheckboxProps as _CheckboxProps } from "@futurejj/react-native-checkbox";
+import type { DragEndEvent, DropPosition } from "./dragDrop.types";
 export type CheckboxValueType = boolean | "indeterminate";
 export interface ExpandIconProps {
     isExpanded: boolean;
@@ -23,6 +24,9 @@ export interface NodeRowProps<ID = string> {
     isExpanded: boolean;
     onCheck: () => void;
     onExpand: () => void;
+    isDragTarget?: boolean;
+    isDragging?: boolean;
+    isDraggedNode?: boolean;
 }
 export interface TreeItemCustomizations<ID> {
     checkBoxViewStyleProps?: BuiltInCheckBoxViewStyleProps;
@@ -36,12 +40,31 @@ export interface NodeProps<ID> extends TreeItemCustomizations<ID> {
     node: __FlattenedTreeNode__<ID>;
     level: number;
     storeId: string;
+    nodeIndex?: number;
+    dragEnabled?: boolean;
+    isDragging?: boolean;
+    onNodeTouchStart?: (nodeId: ID, pageY: number, locationY: number, nodeIndex: number) => void;
+    onNodeTouchEnd?: () => void;
+    longPressDuration?: number;
+    onItemLayout?: (height: number) => void;
+    dragDropCustomizations?: DragDropCustomizations<ID>;
 }
 export interface NodeListProps<ID> extends TreeItemCustomizations<ID> {
     treeFlashListProps?: TreeFlatListProps;
     scrollToNodeHandlerRef: React.RefObject<ScrollToNodeHandlerRef<ID>>;
     initialScrollNodeID?: ID;
     storeId: string;
+    dragEnabled?: boolean;
+    onDragEnd?: (event: DragEndEvent<ID>) => void;
+    longPressDuration?: number;
+    autoScrollThreshold?: number;
+    autoScrollSpeed?: number;
+    /** Offset of the dragged overlay from the finger, in item-height units. Default: -1 (one item above finger) */
+    dragOverlayOffset?: number;
+    /** Delay in ms before auto-expanding a collapsed node during drag hover. Default: 800 */
+    autoExpandDelay?: number;
+    /** Customizations for drag-and-drop visuals (overlay, indicator, opacity) */
+    dragDropCustomizations?: DragDropCustomizations<ID>;
 }
 export interface TreeViewProps<ID = string> extends Omit<NodeListProps<ID>, "storeId" | "scrollToNodeHandlerRef"> {
     data: TreeNode<ID>[];
@@ -50,6 +73,20 @@ export interface TreeViewProps<ID = string> extends Omit<NodeListProps<ID>, "sto
     preselectedIds?: ID[];
     preExpandedIds?: ID[];
     selectionPropagation?: SelectionPropagation;
+    /** Enable drag-and-drop reordering */
+    dragEnabled?: boolean;
+    /** Callback fired after a node is dropped at a new position */
+    onDragEnd?: (event: DragEndEvent<ID>) => void;
+    /** Long press duration in ms to start drag. Default: 400 */
+    longPressDuration?: number;
+    /** Distance from edge (px) to trigger auto-scroll. Default: 60 */
+    autoScrollThreshold?: number;
+    /** Speed multiplier for auto-scroll. Default: 1.0 */
+    autoScrollSpeed?: number;
+    /** Offset of the dragged overlay from the finger, in item-height units. Default: -1 (one item above finger) */
+    dragOverlayOffset?: number;
+    /** Delay in ms before auto-expanding a collapsed node during drag hover. Default: 800 */
+    autoExpandDelay?: number;
 }
 type CheckboxProps = Omit<_CheckboxProps, "onPress" | "status">;
 export interface CheckBoxViewProps {
@@ -85,5 +122,58 @@ export interface SelectionPropagation {
     toChildren?: boolean;
     toParents?: boolean;
 }
+/** Props for the drop indicator rendered on the target node during drag */
+export interface DropIndicatorComponentProps {
+    /** Whether the indicator is above, below, or inside the target node */
+    position: DropPosition;
+}
+/** Style props for customizing the built-in drop indicator appearance */
+export interface DropIndicatorStyleProps {
+    /** Color of the line indicator (above/below). Default: "#0078FF" */
+    lineColor?: string;
+    /** Thickness of the line indicator. Default: 3 */
+    lineThickness?: number;
+    /** Diameter of the circle at the line's start. Default: 10 */
+    circleSize?: number;
+    /** Background color of the "inside" highlight. Default: "rgba(0, 120, 255, 0.15)" */
+    highlightColor?: string;
+    /** Border color of the "inside" highlight. Default: "rgba(0, 120, 255, 0.5)" */
+    highlightBorderColor?: string;
+}
+/** Style props for customizing the drag overlay (the "lifted" node ghost) */
+export interface DragOverlayStyleProps {
+    /** Background color of the overlay. Default: "rgba(255, 255, 255, 0.95)" */
+    backgroundColor?: string;
+    /** Shadow color. Default: "#000" */
+    shadowColor?: string;
+    /** Shadow opacity. Default: 0.25 */
+    shadowOpacity?: number;
+    /** Shadow radius. Default: 4 */
+    shadowRadius?: number;
+    /** Android elevation. Default: 10 */
+    elevation?: number;
+    /** Custom style applied to the overlay container */
+    style?: StyleProp<ViewStyle>;
+}
+/** Combined drag-and-drop customization props */
+export interface DragDropCustomizations<ID = string> {
+    /** Opacity applied to the dragged node and its invalid drop targets. Default: 0.3 */
+    draggedNodeOpacity?: number;
+    /** Style props for the built-in drop indicator */
+    dropIndicatorStyleProps?: DropIndicatorStyleProps;
+    /** Style props for the drag overlay (lifted node ghost) */
+    dragOverlayStyleProps?: DragOverlayStyleProps;
+    /** Fully custom drop indicator component — replaces the built-in line/highlight */
+    CustomDropIndicatorComponent?: React.ComponentType<DropIndicatorComponentProps>;
+    /** Fully custom drag overlay component — replaces the built-in ghost node */
+    CustomDragOverlayComponent?: React.ComponentType<DragOverlayComponentProps<ID>>;
+}
+/** Props passed to a custom drag overlay component */
+export interface DragOverlayComponentProps<ID = string> {
+    /** The node being dragged */
+    node: __FlattenedTreeNode__<ID>;
+    /** The nesting level of the dragged node */
+    level: number;
+}
 export {};
 //# sourceMappingURL=treeView.types.d.ts.map

package/lib/typescript/src/types/treeView.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeView.types.d.ts","sourceRoot":"","sources":["../../../../src/types/treeView.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"treeView.types.d.ts","sourceRoot":"","sources":["../../../../src/types/treeView.types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-tree-multi-select",
-  "version": "2.0.11",
+  "version": "3.0.0-beta.1",
   "description": "A super-fast, customizable tree view component for React Native with multi-selection, checkboxes, and search filtering capabilities.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/TreeView.tsx

@@ -26,6 +26,8 @@ import type {
 	ScrollToNodeHandlerRef,
 	ScrollToNodeParams
 } from "./handlers/ScrollToNodeHandler";
+import type { DragEndEvent } from "./types/dragDrop.types";
+import { fastIsEqual } from "fast-is-equal";
 
 function _innerTreeView<ID>(
 	props: TreeViewProps<ID>,
@@ -54,6 +56,15 @@ function _innerTreeView<ID>(
 		ExpandCollapseTouchableComponent,
 
 		CustomNodeRowComponent,
+
+		dragEnabled,
+		onDragEnd,
+		longPressDuration,
+		autoScrollThreshold,
+		autoScrollSpeed,
+		dragOverlayOffset,
+		autoExpandDelay,
+		dragDropCustomizations,
 	} = props;
 
 	const storeId = useId();
@@ -123,8 +134,22 @@ function _innerTreeView<ID>(
 
 	const scrollToNodeHandlerRef = React.useRef<ScrollToNodeHandlerRef<ID>>(null);
 	const prevSearchText = usePreviousState(searchText);
+	const internalDataRef = React.useRef<TreeNode<ID>[] | null>(null);
+
+	// Wrap onDragEnd to set internalDataRef before calling consumer's callback
+	const wrappedOnDragEnd = React.useCallback((event: DragEndEvent<ID>) => {
+		internalDataRef.current = event.newTreeData;
+		onDragEnd?.(event);
+	}, [onDragEnd]);
 
 	useDeepCompareEffect(() => {
+		// If data matches what was set internally from a drag-drop, skip reinitialize
+		if (internalDataRef.current !== null && fastIsEqual(data, internalDataRef.current)) {
+			internalDataRef.current = null;
+			return;
+		}
+		internalDataRef.current = null;
+
 		cleanUpTreeViewStore();
 
 		updateInitialTreeViewData(data);
@@ -227,6 +252,15 @@ function _innerTreeView<ID>(
 			ExpandCollapseTouchableComponent={ExpandCollapseTouchableComponent}
 
 			CustomNodeRowComponent={CustomNodeRowComponent}
+
+			dragEnabled={dragEnabled}
+			onDragEnd={wrappedOnDragEnd}
+			longPressDuration={longPressDuration}
+			autoScrollThreshold={autoScrollThreshold}
+			autoScrollSpeed={autoScrollSpeed}
+			dragOverlayOffset={dragOverlayOffset}
+			autoExpandDelay={autoExpandDelay}
+			dragDropCustomizations={dragDropCustomizations}
 		/>
 	);
 }

package/src/components/DragOverlay.tsx

@@ -0,0 +1,112 @@
+import React from "react";
+import { Animated, StyleSheet, View } from "react-native";
+
+import type {
+    __FlattenedTreeNode__,
+    CheckBoxViewProps,
+    DragDropCustomizations,
+    TreeItemCustomizations,
+} from "../types/treeView.types";
+import { CheckboxView } from "./CheckboxView";
+import { CustomExpandCollapseIcon } from "./CustomExpandCollapseIcon";
+import { defaultIndentationMultiplier } from "../constants/treeView.constants";
+
+interface DragOverlayProps<ID> extends TreeItemCustomizations<ID> {
+    overlayY: Animated.Value;
+    node: __FlattenedTreeNode__<ID>;
+    level: number;
+    dragDropCustomizations?: DragDropCustomizations<ID>;
+}
+
+function _DragOverlay<ID>(props: DragOverlayProps<ID>) {
+    const {
+        overlayY,
+        node,
+        level,
+        indentationMultiplier = defaultIndentationMultiplier,
+        CheckboxComponent = CheckboxView as React.ComponentType<CheckBoxViewProps>,
+        ExpandCollapseIconComponent = CustomExpandCollapseIcon,
+        CustomNodeRowComponent,
+        checkBoxViewStyleProps,
+        dragDropCustomizations,
+    } = props;
+
+    const overlayStyleProps = dragDropCustomizations?.dragOverlayStyleProps;
+    const CustomOverlay = dragDropCustomizations?.CustomDragOverlayComponent;
+
+    return (
+        <Animated.View
+            pointerEvents="none"
+            style={[
+                styles.overlay,
+                overlayStyleProps && {
+                    ...(overlayStyleProps.backgroundColor != null && { backgroundColor: overlayStyleProps.backgroundColor }),
+                    ...(overlayStyleProps.shadowColor != null && { shadowColor: overlayStyleProps.shadowColor }),
+                    ...(overlayStyleProps.shadowOpacity != null && { shadowOpacity: overlayStyleProps.shadowOpacity }),
+                    ...(overlayStyleProps.shadowRadius != null && { shadowRadius: overlayStyleProps.shadowRadius }),
+                    ...(overlayStyleProps.elevation != null && { elevation: overlayStyleProps.elevation }),
+                },
+                overlayStyleProps?.style,
+                { transform: [{ translateY: overlayY }] },
+            ]}
+        >
+            {CustomOverlay ? (
+                <CustomOverlay node={node} level={level} />
+            ) : CustomNodeRowComponent ? (
+                <CustomNodeRowComponent
+                    node={node}
+                    level={level}
+                    checkedValue={false}
+                    isExpanded={false}
+                    onCheck={() => {}}
+                    onExpand={() => {}}
+                />
+            ) : (
+                <View
+                    style={[
+                        styles.nodeRow,
+                        { paddingStart: level * indentationMultiplier },
+                    ]}
+                >
+                    <CheckboxComponent
+                        text={node.name}
+                        onValueChange={() => {}}
+                        value={false}
+                        {...checkBoxViewStyleProps}
+                    />
+                    {node.children?.length ? (
+                        <View style={styles.expandArrow}>
+                            <ExpandCollapseIconComponent isExpanded={false} />
+                        </View>
+                    ) : null}
+                </View>
+            )}
+        </Animated.View>
+    );
+}
+
+export const DragOverlay = React.memo(_DragOverlay) as typeof _DragOverlay;
+
+const styles = StyleSheet.create({
+    overlay: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        zIndex: 9999,
+        elevation: 10,
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.25,
+        shadowRadius: 4,
+        backgroundColor: "rgba(255, 255, 255, 0.95)",
+    },
+    nodeRow: {
+        flex: 1,
+        flexDirection: "row",
+        alignItems: "center",
+        minWidth: "100%",
+    },
+    expandArrow: {
+        flex: 1,
+    },
+});

package/src/components/DropIndicator.tsx

@@ -0,0 +1,95 @@
+import React from "react";
+import { Animated, View, StyleSheet } from "react-native";
+import type { DropPosition } from "../types/dragDrop.types";
+
+interface DropIndicatorProps {
+    position: DropPosition;
+    overlayY: Animated.Value;
+    itemHeight: number;
+    targetLevel: number;
+    indentationMultiplier: number;
+}
+
+export const DropIndicator = React.memo(function DropIndicator(
+    props: DropIndicatorProps
+) {
+    const {
+        position,
+        overlayY,
+        itemHeight,
+        targetLevel,
+        indentationMultiplier,
+    } = props;
+
+    const indent = targetLevel * indentationMultiplier;
+
+    if (position === "inside") {
+        return (
+            <Animated.View
+                pointerEvents="none"
+                style={[
+                    styles.highlightIndicator,
+                    {
+                        transform: [{ translateY: overlayY }],
+                        height: itemHeight,
+                        left: indent,
+                    },
+                ]}
+            />
+        );
+    }
+
+    // For "above", the line is at the overlay's top edge (offset 0)
+    // For "below", the line is at the overlay's bottom edge (offset +itemHeight)
+    const lineOffset = position === "above" ? 0 : itemHeight;
+
+    return (
+        <Animated.View
+            pointerEvents="none"
+            style={[
+                styles.lineContainer,
+                {
+                    transform: [{ translateY: Animated.add(overlayY, lineOffset - 1) }],
+                    left: indent,
+                },
+            ]}
+        >
+            <View style={styles.lineCircle} />
+            <View style={styles.line} />
+        </Animated.View>
+    );
+});
+
+const styles = StyleSheet.create({
+    highlightIndicator: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        backgroundColor: "rgba(0, 200, 0, 0.2)",
+        borderWidth: 2,
+        borderColor: "rgba(0, 200, 0, 0.6)",
+        borderRadius: 4,
+        zIndex: 9998,
+    },
+    lineContainer: {
+        position: "absolute",
+        right: 0,
+        flexDirection: "row",
+        alignItems: "center",
+        height: 3,
+        zIndex: 9998,
+    },
+    lineCircle: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        backgroundColor: "#00CC00",
+        marginLeft: -5,
+        marginTop: -4,
+    },
+    line: {
+        flex: 1,
+        height: 3,
+        backgroundColor: "#00CC00",
+    },
+});