react-native-tree-multi-select 2.0.13 → 3.0.0-beta.2

package/README.md

@@ -44,6 +44,7 @@ Make sure to follow the native-related installation instructions for these depen
 - 🌳 **Multi-Level Selection**: Select individual nodes or entire branches with ease.
 - 📦 **Supports Large Datasets**: Efficiently handles large trees without much performance degradation.
 - 🔒 **TypeScript Support**: Full TypeScript support for better developer experience.
+- 🔀 **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).
 
 ## Usage
@@ -112,6 +113,46 @@ export function TreeViewUsageExample(){
 }
 ```
 
+### Drag-and-Drop Usage
+
+```tsx
+import {
+  TreeView,
+  type TreeNode,
+  type TreeViewRef,
+  type DragEndEvent
+} from 'react-native-tree-multi-select';
+
+const myData: TreeNode[] = [...];
+
+export function DragDropExample(){
+  const [data, setData] = React.useState<TreeNode[]>(myData);
+  const treeViewRef = React.useRef<TreeViewRef | null>(null);
+
+  const handleDragEnd = (event: DragEndEvent) => {
+    // event.newTreeData contains the reordered tree — just set it
+    setData(event.newTreeData);
+  };
+
+  return(
+    <TreeView
+      ref={treeViewRef}
+      data={data}
+      onCheck={(checked, indeterminate) => { /* ... */ }}
+      onExpand={(expanded) => { /* ... */ }}
+      dragEnabled={true}
+      onDragEnd={handleDragEnd}
+    />
+  );
+}
+```
+
+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.
+
+---
+
 ### Properties
 
 #### TreeViewProps`<ID = string>`
@@ -134,6 +175,14 @@ export function TreeViewUsageExample(){
 | `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) |
 
 ##### Notes
 
@@ -262,6 +311,107 @@ 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 |
+| `isDragging`   | `boolean`                               | No       | Whether a drag operation is in progress                  |
+| `isDraggedNode`| `boolean`                               | No       | Whether this node is the one being dragged               |
+
+---
+
+#### DragEndEvent`<ID = string>`
+
+*The event object passed to the `onDragEnd` callback after a successful drop.*
+
+| 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                       |
+
+#### DropPosition
+
+Type: `"above"` | `"below"` | `"inside"`
+
+---
+
+#### 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)    |
+| `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                             |
+| `CustomDragOverlayComponent`   | `ComponentType<`[DragOverlayComponentProps](#dragoverlaycomponentpropsid--string)`<ID>>`| No       | Fully custom drag overlay component                               |
+
+---
+
+#### DropIndicatorStyleProps
+
+*Style props for customizing the built-in drop indicator appearance.*
+
+| Property              | Type     | Required | Description                                                    |
+| --------------------- | -------- | -------- | -------------------------------------------------------------- |
+| `lineColor`           | `string` | No       | Color of the line indicator for above/below (default: `"#0078FF"`) |
+| `lineThickness`       | `number` | No       | Thickness of the line indicator (default: 3)                   |
+| `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)"`) |
+
+---
+
+#### DragOverlayStyleProps
+
+*Style props for customizing the drag overlay (the "lifted" node ghost).*
+
+| Property        | Type                   | Required | Description                                      |
+| --------------- | ---------------------- | -------- | ------------------------------------------------ |
+| `backgroundColor`| `string`              | No       | Background color (default: `"rgba(255, 255, 255, 0.95)"`) |
+| `shadowColor`   | `string`               | No       | Shadow color (default: `"#000"`)                 |
+| `shadowOpacity` | `number`               | No       | Shadow opacity (default: 0.25)                   |
+| `shadowRadius`  | `number`               | No       | Shadow radius (default: 4)                       |
+| `elevation`     | `number`               | No       | Android elevation (default: 10)                  |
+| `style`         | `StyleProp<ViewStyle>` | No       | Custom style applied to the overlay container    |
+
+---
+
+#### DropIndicatorComponentProps
+
+*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  |
+
+---
+
+#### DragOverlayComponentProps`<ID = string>`
+
+*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  |
+
+---
+
+### Exported Utilities
+
+#### `moveTreeNode`
+
+```typescript
+moveTreeNode<ID>(
+  data: TreeNode<ID>[],
+  draggedNodeId: ID,
+  targetNodeId: ID,
+  position: DropPosition
+): TreeNode<ID>[]
+```
+
+Moves a node within a tree structure. Returns a new tree (no mutation). Useful if you want to perform tree moves manually outside of the `onDragEnd` callback.
 
 ---
 
@@ -274,6 +424,7 @@ Type: `boolean` OR `"indeterminate"`
 - [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
 
 If you do not see what you want in the planned feature list, raise a feature request. 
 

package/lib/module/TreeView.js

@@ -8,6 +8,7 @@ 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 { fastIsEqual } from "fast-is-equal";
 import { jsx as _jsx } from "react/jsx-runtime";
 function _innerTreeView(props, ref) {
   const {
@@ -24,7 +25,15 @@ function _innerTreeView(props, ref) {
     CheckboxComponent,
     ExpandCollapseIconComponent,
     ExpandCollapseTouchableComponent,
-    CustomNodeRowComponent
+    CustomNodeRowComponent,
+    dragEnabled,
+    onDragEnd,
+    longPressDuration,
+    autoScrollThreshold,
+    autoScrollSpeed,
+    dragOverlayOffset,
+    autoExpandDelay,
+    dragDropCustomizations
   } = props;
   const storeId = useId();
   const {
@@ -69,7 +78,20 @@ function _innerTreeView(props, ref) {
   }));
   const scrollToNodeHandlerRef = React.useRef(null);
   const prevSearchText = usePreviousState(searchText);
+  const internalDataRef = React.useRef(null);
+
+  // Wrap onDragEnd to set internalDataRef before calling consumer's callback
+  const wrappedOnDragEnd = React.useCallback(event => {
+    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);
     if (selectionPropagation) setSelectionPropagation(selectionPropagation);
@@ -139,7 +161,15 @@ function _innerTreeView(props, ref) {
     CheckboxComponent: CheckboxComponent,
     ExpandCollapseIconComponent: ExpandCollapseIconComponent,
     ExpandCollapseTouchableComponent: ExpandCollapseTouchableComponent,
-    CustomNodeRowComponent: CustomNodeRowComponent
+    CustomNodeRowComponent: CustomNodeRowComponent,
+    dragEnabled: dragEnabled,
+    onDragEnd: wrappedOnDragEnd,
+    longPressDuration: longPressDuration,
+    autoScrollThreshold: autoScrollThreshold,
+    autoScrollSpeed: autoScrollSpeed,
+    dragOverlayOffset: dragOverlayOffset,
+    autoExpandDelay: autoExpandDelay,
+    dragDropCustomizations: dragDropCustomizations
   });
 }
 const _TreeView = /*#__PURE__*/React.forwardRef(_innerTreeView);

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","jsx","_jsx","_innerTreeView","props","ref","data","onCheck","onExpand","selectionPropagation","preselectedIds","preExpandedIds","initialScrollNodeID","treeFlashListProps","checkBoxViewStyleProps","indentationMultiplier","CheckboxComponent","ExpandCollapseIconComponent","ExpandCollapseTouchableComponent","CustomNodeRowComponent","storeId","expanded","updateExpanded","initialTreeViewData","updateInitialTreeViewData","searchText","updateSearchText","updateSearchKeys","checked","indeterminate","setSelectionPropagation","cleanUpTreeViewStore","state","useImperativeHandle","ids","selectNodes","unselectNodes","setSearchText","scrollToNodeID","getChildToParentMap","scrollToNodeHandlerRef","useRef","prevSearchText","text","keys","params","current","treeViewStore","getState","childToParentMap","getIds","useCallback","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":["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":";;AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,KAAK,QAAQ,OAAO;AAMrD,OAAOC,QAAQ,MAAM,0BAAuB;AAC5C,SACCC,SAAS,EACTC,iBAAiB,EACjBC,WAAW,EACXC,mBAAmB,EACnBC,kBAAkB,EAClBC,SAAS,EACTC,WAAW,EACXC,gBAAgB,EAChBC,WAAW,EACXC,aAAa,QACP,oBAAW;AAClB,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,2BAAwB;AAC3E,OAAOC,gBAAgB,MAAM,6BAA0B;AACvD,SAASC,UAAU,QAAQ,uBAAuB;AAClD,OAAOC,oBAAoB,MAAM,iCAA8B;AAC/D,SAASC,SAAS,QAAQ,sBAAmB;AAM7C,SAASC,WAAW,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,cAAcA,CACtBC,KAAwB,EACxBC,GAAwC,EACvC;EACD,MAAM;IACLC,IAAI;IAEJC,OAAO;IACPC,QAAQ;IAERC,oBAAoB;IAEpBC,cAAc,GAAG,EAAE;IAEnBC,cAAc,GAAG,EAAE;IAEnBC,mBAAmB;IAEnBC,kBAAkB;IAClBC,sBAAsB;IACtBC,qBAAqB;IAErBC,iBAAiB;IACjBC,2BAA2B;IAC3BC,gCAAgC;IAEhCC,sBAAsB;IAEtBC,WAAW;IACXC,SAAS;IACTC,iBAAiB;IACjBC,mBAAmB;IACnBC,eAAe;IACfC,iBAAiB;IACjBC,eAAe;IACfC;EACD,CAAC,GAAGvB,KAAK;EAET,MAAMwB,OAAO,GAAG9C,KAAK,CAAC,CAAC;EAEvB,MAAM;IACL+C,QAAQ;IACRC,cAAc;IAEdC,mBAAmB;IACnBC,yBAAyB;IAEzBC,UAAU;IACVC,gBAAgB;IAEhBC,gBAAgB;IAEhBC,OAAO;IACPC,aAAa;IAEbC,uBAAuB;IAEvBC;EACD,CAAC,GAAG5C,gBAAgB,CAAKiC,OAAO,CAAC,CAAC/B,UAAU,CAC3C2C,KAAK,KAAK;IACTX,QAAQ,EAAEW,KAAK,CAACX,QAAQ;IACxBC,cAAc,EAAEU,KAAK,CAACV,cAAc;IAEpCC,mBAAmB,EAAES,KAAK,CAACT,mBAAmB;IAC9CC,yBAAyB,EAAEQ,KAAK,CAACR,yBAAyB;IAE1DC,UAAU,EAAEO,KAAK,CAACP,UAAU;IAC5BC,gBAAgB,EAAEM,KAAK,CAACN,gBAAgB;IAExCC,gBAAgB,EAAEK,KAAK,CAACL,gBAAgB;IAExCC,OAAO,EAAEI,KAAK,CAACJ,OAAO;IACtBC,aAAa,EAAEG,KAAK,CAACH,aAAa;IAElCC,uBAAuB,EAAEE,KAAK,CAACF,uBAAuB;IAEtDC,oBAAoB,EAAEC,KAAK,CAACD;EAC7B,CAAC,CACF,CAAC,CAAC;EAEF3D,KAAK,CAAC6D,mBAAmB,CAACpC,GAAG,EAAE,OAAO;IACrCrB,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAAC4C,OAAO,CAAC;IACnC1C,WAAW,EAAEA,CAAA,KAAMA,WAAW,CAAC0C,OAAO,CAAC;IAEvC3C,iBAAiB,EAAEA,CAAA,KAAMA,iBAAiB,CAAC2C,OAAO,CAAC;IACnDzC,mBAAmB,EAAEA,CAAA,KAAMA,mBAAmB,CAACyC,OAAO,CAAC;IAEvDvC,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAACuC,OAAO,CAAC;IACnCtC,WAAW,EAAEA,CAAA,KAAMA,WAAW,CAACsC,OAAO,CAAC;IAEvCpC,WAAW,EAAGkD,GAAS,IAAKlD,WAAW,CAACoC,OAAO,EAAEc,GAAG,CAAC;IACrDjD,aAAa,EAAGiD,GAAS,IAAKjD,aAAa,CAACmC,OAAO,EAAEc,GAAG,CAAC;IAEzDC,WAAW,EAAGD,GAAS,IAAKC,WAAW,CAACD,GAAG,CAAC;IAC5CE,aAAa,EAAGF,GAAS,IAAKE,aAAa,CAACF,GAAG,CAAC;IAEhDG,aAAa;IAEbC,cAAc;IAEdC;EACD,CAAC,CAAC,CAAC;EAEH,MAAMC,sBAAsB,GAAGpE,KAAK,CAACqE,MAAM,CAA6B,IAAI,CAAC;EAC7E,MAAMC,cAAc,GAAGtD,gBAAgB,CAACqC,UAAU,CAAC;EACnD,MAAMkB,eAAe,GAAGvE,KAAK,CAACqE,MAAM,CAAwB,IAAI,CAAC;;EAEjE;EACA,MAAMG,gBAAgB,GAAGxE,KAAK,CAACyE,WAAW,CAAEC,KAAuB,IAAK;IACvEH,eAAe,CAACI,OAAO,GAAGD,KAAK,CAACE,WAAW;IAC3CnC,SAAS,GAAGiC,KAAK,CAAC;EACnB,CAAC,EAAE,CAACjC,SAAS,CAAC,CAAC;EAEfvB,oBAAoB,CAAC,MAAM;IAC1B;IACA,IAAIqD,eAAe,CAACI,OAAO,KAAK,IAAI,IAAIvD,WAAW,CAACM,IAAI,EAAE6C,eAAe,CAACI,OAAO,CAAC,EAAE;MACnFJ,eAAe,CAACI,OAAO,GAAG,IAAI;MAC9B;IACD;IACAJ,eAAe,CAACI,OAAO,GAAG,IAAI;IAE9BhB,oBAAoB,CAAC,CAAC;IAEtBP,yBAAyB,CAAC1B,IAAI,CAAC;IAE/B,IAAIG,oBAAoB,EACvB6B,uBAAuB,CAAC7B,oBAAoB,CAAC;IAE9CrB,kBAAkB,CAACwC,OAAO,EAAEtB,IAAI,CAAC;;IAEjC;IACAf,gBAAgB,CAACqC,OAAO,EAAElB,cAAc,EAAE,IAAI,CAAC;;IAE/C;IACAlB,WAAW,CAACoC,OAAO,EAAE,CACpB,GAAGjB,cAAc,EACjB,IAAIC,mBAAmB,GAAG,CAACA,mBAAmB,CAAC,GAAG,EAAE,CAAC,CACrD,CAAC;EACH,CAAC,EAAE,CAACN,IAAI,CAAC,CAAC;EAEV,SAASqC,WAAWA,CAACD,GAAS,EAAE;IAC/BnD,gBAAgB,CAACqC,OAAO,EAAEc,GAAG,EAAE,IAAI,CAAC;EACrC;EAEA,SAASE,aAAaA,CAACF,GAAS,EAAE;IACjCnD,gBAAgB,CAACqC,OAAO,EAAEc,GAAG,EAAE,KAAK,CAAC;EACtC;EAEA,SAASG,aAAaA,CAACY,IAAY,EAAEC,IAAc,GAAG,CAAC,MAAM,CAAC,EAAE;IAC/DxB,gBAAgB,CAACuB,IAAI,CAAC;IACtBtB,gBAAgB,CAACuB,IAAI,CAAC;EACvB;EAEA,SAASZ,cAAcA,CAACa,MAA8B,EAAE;IACvDX,sBAAsB,CAACO,OAAO,EAAET,cAAc,CAACa,MAAM,CAAC;EACvD;EAEA,SAASZ,mBAAmBA,CAAA,EAAG;IAC9B,MAAMa,aAAa,GAAGlE,gBAAgB,CAAKkC,OAAO,CAAC;IACnD,OAAOgC,aAAa,CAACC,QAAQ,CAAC,CAAC,CAACC,gBAAgB;EACjD;EAEA,MAAMC,MAAM,GAAGnF,KAAK,CAACyE,WAAW,CAAEW,IAAkB,IAAW;IAC9D,IAAI,CAACA,IAAI,CAACC,QAAQ,IAAID,IAAI,CAACC,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;MACjD,OAAO,CAACF,IAAI,CAACG,EAAE,CAAC;IACjB,CAAC,MAAM;MACN,OAAO,CAACH,IAAI,CAACG,EAAE,EAAE,GAAGH,IAAI,CAACC,QAAQ,CAACG,OAAO,CAAEC,IAAI,IAAKN,MAAM,CAACM,IAAI,CAAC,CAAC,CAAC;IACnE;EACD,CAAC,EAAE,EAAE,CAAC;EAENzF,KAAK,CAAC0F,SAAS,CAAC,MAAM;IACrB/D,OAAO,GAAGgE,KAAK,CAACC,IAAI,CAACpC,OAAO,CAAC,EAAEmC,KAAK,CAACC,IAAI,CAACnC,aAAa,CAAC,CAAC;EAC1D,CAAC,EAAE,CAAC9B,OAAO,EAAE6B,OAAO,EAAEC,aAAa,CAAC,CAAC;EAErCzD,KAAK,CAAC0F,SAAS,CAAC,MAAM;IACrB9D,QAAQ,GAAG+D,KAAK,CAACC,IAAI,CAAC3C,QAAQ,CAAC,CAAC;EACjC,CAAC,EAAE,CAACrB,QAAQ,EAAEqB,QAAQ,CAAC,CAAC;EAExBjD,KAAK,CAAC0F,SAAS,CAAC,MAAM;IACrB,IAAIrC,UAAU,EAAE;MACfpD,eAAe,CAAC,MAAM;QACrBiD,cAAc,CAAC,IAAI2C,GAAG,CAAC1C,mBAAmB,CAACqC,OAAO,CAChDC,IAAI,IAAKN,MAAM,CAACM,IAAI,CACtB,CAAC,CAAC,CAAC;MACJ,CAAC,CAAC;IACH,CAAC,MACI,IAAInB,cAAc,IAAIA,cAAc,KAAK,EAAE,EAAE;MACjD;AACH;MACGrE,eAAe,CAAC,MAAM;QACrBiD,cAAc,CAAC,IAAI2C,GAAG,CAAC,CAAC,CAAC;MAC1B,CAAC,CAAC;IACH;EACD,CAAC,EAAE,CACFV,MAAM,EACNhC,mBAAmB,EACnBmB,cAAc,EACdjB,UAAU,EACVH,cAAc,CACd,CAAC;EAEFlD,KAAK,CAAC0F,SAAS,CAAC,MAAM;IACrB,OAAO,MAAM;MACZ/B,oBAAoB,CAAC,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAACA,oBAAoB,CAAC,CAAC;EAE1B,oBACCrC,IAAA,CAACnB,QAAQ;IACR6C,OAAO,EAAEA,OAAQ;IAEjBoB,sBAAsB,EAAEA,sBAAuB;IAC/CpC,mBAAmB,EAAEA,mBAAoB;IAEzCC,kBAAkB,EAAEA,kBAAmB;IACvCC,sBAAsB,EAAEA,sBAAuB;IAC/CC,qBAAqB,EAAEA,qBAAsB;IAE7CC,iBAAiB,EAAEA,iBAAkB;IACrCC,2BAA2B,EAAEA,2BAA4B;IACzDC,gCAAgC,EAAEA,gCAAiC;IAEnEC,sBAAsB,EAAEA,sBAAuB;IAE/CC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAE+B,gBAAiB;IAC5B9B,iBAAiB,EAAEA,iBAAkB;IACrCC,mBAAmB,EAAEA,mBAAoB;IACzCC,eAAe,EAAEA,eAAgB;IACjCC,iBAAiB,EAAEA,iBAAkB;IACrCC,eAAe,EAAEA,eAAgB;IACjCC,sBAAsB,EAAEA;EAAuB,CAC/C,CAAC;AAEJ;AAEA,MAAM+C,SAAS,gBAAG9F,KAAK,CAAC+F,UAAU,CAACxE,cAAc,CAEX;AAEtC,OAAO,MAAMyE,QAAQ,GAAG7E,SAAS,CAAmB2E,SAAS,CAAC","ignoreList":[]}

package/lib/module/components/DragOverlay.js

@@ -0,0 +1,104 @@
+"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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function _DragOverlay(props) {
+  const {
+    overlayY,
+    overlayX,
+    node,
+    level,
+    indentationMultiplier = defaultIndentationMultiplier,
+    CheckboxComponent = CheckboxView,
+    ExpandCollapseIconComponent = CustomExpandCollapseIcon,
+    CustomNodeRowComponent,
+    checkBoxViewStyleProps,
+    dragDropCustomizations
+  } = props;
+  const overlayStyleProps = dragDropCustomizations?.dragOverlayStyleProps;
+  const CustomOverlay = dragDropCustomizations?.CustomDragOverlayComponent;
+  return /*#__PURE__*/_jsx(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: [{
+        translateX: overlayX
+      }, {
+        translateY: overlayY
+      }]
+    }],
+    children: CustomOverlay ? /*#__PURE__*/_jsx(CustomOverlay, {
+      node: node,
+      level: level
+    }) : CustomNodeRowComponent ? /*#__PURE__*/_jsx(CustomNodeRowComponent, {
+      node: node,
+      level: level,
+      checkedValue: false,
+      isExpanded: false,
+      onCheck: () => {},
+      onExpand: () => {}
+    }) : /*#__PURE__*/_jsxs(View, {
+      style: [styles.nodeRow, {
+        paddingStart: level * indentationMultiplier
+      }],
+      children: [/*#__PURE__*/_jsx(CheckboxComponent, {
+        text: node.name,
+        onValueChange: () => {},
+        value: false,
+        ...checkBoxViewStyleProps
+      }), node.children?.length ? /*#__PURE__*/_jsx(View, {
+        style: styles.expandArrow,
+        children: /*#__PURE__*/_jsx(ExpandCollapseIconComponent, {
+          isExpanded: false
+        })
+      }) : null]
+    })
+  });
+}
+export const DragOverlay = /*#__PURE__*/React.memo(_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
+  }
+});
+//# sourceMappingURL=DragOverlay.js.map

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

@@ -0,0 +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":[]}

package/lib/module/components/DropIndicator.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import React from "react";
+import { Animated, View, StyleSheet } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DropIndicator = /*#__PURE__*/React.memo(function DropIndicator(props) {
+  const {
+    position,
+    overlayY,
+    itemHeight,
+    targetLevel,
+    indentationMultiplier
+  } = props;
+  const indent = targetLevel * indentationMultiplier;
+  if (position === "inside") {
+    return /*#__PURE__*/_jsx(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 /*#__PURE__*/_jsxs(Animated.View, {
+    pointerEvents: "none",
+    style: [styles.lineContainer, {
+      transform: [{
+        translateY: Animated.add(overlayY, lineOffset - 1)
+      }],
+      left: indent
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.lineCircle
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.line
+    })]
+  });
+});
+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"
+  }
+});
+//# sourceMappingURL=DropIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","DropIndicator","memo","props","position","overlayY","itemHeight","targetLevel","indentationMultiplier","indent","pointerEvents","style","styles","highlightIndicator","transform","translateY","height","left","lineOffset","lineContainer","add","children","lineCircle","line","create","right","backgroundColor","borderWidth","borderColor","borderRadius","zIndex","flexDirection","alignItems","width","marginLeft","marginTop","flex"],"sourceRoot":"../../../src","sources":["components/DropIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW1D,OAAO,MAAMC,aAAa,gBAAGR,KAAK,CAACS,IAAI,CAAC,SAASD,aAAaA,CAC1DE,KAAyB,EAC3B;EACE,MAAM;IACFC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACVC,WAAW;IACXC;EACJ,CAAC,GAAGL,KAAK;EAET,MAAMM,MAAM,GAAGF,WAAW,GAAGC,qBAAqB;EAElD,IAAIJ,QAAQ,KAAK,QAAQ,EAAE;IACvB,oBACIN,IAAA,CAACJ,QAAQ,CAACC,IAAI;MACVe,aAAa,EAAC,MAAM;MACpBC,KAAK,EAAE,CACHC,MAAM,CAACC,kBAAkB,EACzB;QACIC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEV;QAAS,CAAC,CAAC;QACrCW,MAAM,EAAEV,UAAU;QAClBW,IAAI,EAAER;MACV,CAAC;IACH,CACL,CAAC;EAEV;;EAEA;EACA;EACA,MAAMS,UAAU,GAAGd,QAAQ,KAAK,OAAO,GAAG,CAAC,GAAGE,UAAU;EAExD,oBACIN,KAAA,CAACN,QAAQ,CAACC,IAAI;IACVe,aAAa,EAAC,MAAM;IACpBC,KAAK,EAAE,CACHC,MAAM,CAACO,aAAa,EACpB;MACIL,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAErB,QAAQ,CAAC0B,GAAG,CAACf,QAAQ,EAAEa,UAAU,GAAG,CAAC;MAAE,CAAC,CAAC;MACnED,IAAI,EAAER;IACV,CAAC,CACH;IAAAY,QAAA,gBAEFvB,IAAA,CAACH,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACU;IAAW,CAAE,CAAC,eAClCxB,IAAA,CAACH,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACW;IAAK,CAAE,CAAC;EAAA,CACjB,CAAC;AAExB,CAAC,CAAC;AAEF,MAAMX,MAAM,GAAGhB,UAAU,CAAC4B,MAAM,CAAC;EAC7BX,kBAAkB,EAAE;IAChBT,QAAQ,EAAE,UAAU;IACpBa,IAAI,EAAE,CAAC;IACPQ,KAAK,EAAE,CAAC;IACRC,eAAe,EAAE,sBAAsB;IACvCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,sBAAsB;IACnCC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE;EACZ,CAAC;EACDX,aAAa,EAAE;IACXf,QAAQ,EAAE,UAAU;IACpBqB,KAAK,EAAE,CAAC;IACRM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBhB,MAAM,EAAE,CAAC;IACTc,MAAM,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACRW,KAAK,EAAE,EAAE;IACTjB,MAAM,EAAE,EAAE;IACVa,YAAY,EAAE,CAAC;IACfH,eAAe,EAAE,SAAS;IAC1BQ,UAAU,EAAE,CAAC,CAAC;IACdC,SAAS,EAAE,CAAC;EAChB,CAAC;EACDZ,IAAI,EAAE;IACFa,IAAI,EAAE,CAAC;IACPpB,MAAM,EAAE,CAAC;IACTU,eAAe,EAAE;EACrB;AACJ,CAAC,CAAC","ignoreList":[]}