react-native-drax 0.11.0-alpha.2 → 1.0.0

package/lib/module/DebugOverlay.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+function computeAbsoluteEntries(entries, scrollOffsets) {
+  return entries.map(entry => {
+    let absX = entry.x;
+    let absY = entry.y;
+    let parentIdx = entry.parentIndex;
+    while (parentIdx >= 0 && parentIdx < entries.length) {
+      const parent = entries[parentIdx];
+      const parentScroll = scrollOffsets[parentIdx] ?? {
+        x: 0,
+        y: 0
+      };
+      absX += parent.x - parentScroll.x;
+      absY += parent.y - parentScroll.y;
+      parentIdx = parent.parentIndex;
+    }
+    return {
+      ...entry,
+      absX,
+      absY
+    };
+  });
+}
+function getColor(entry) {
+  if (entry.receptive && entry.draggable) return '#e07a52'; // orange — both
+  if (entry.receptive) return '#22c55e'; // green — receiver
+  if (entry.draggable) return '#3b82f6'; // blue — draggable
+  if (entry.monitoring) return '#eab308'; // yellow — monitor
+  return '#888888'; // grey — passive
+}
+function getLabel(entry) {
+  const parts = [];
+  if (entry.draggable) parts.push('D');
+  if (entry.receptive) parts.push('R');
+  if (entry.monitoring) parts.push('M');
+  return parts.join('+') || '?';
+}
+
+/**
+ * Debug overlay that visualizes all registered Drax views.
+ * Reads the spatial index SharedValue and renders colored borders
+ * showing view bounds, roles (draggable/receptive/monitoring), and IDs.
+ *
+ * Rendered as an absolute-fill sibling in DraxProvider when debug={true}.
+ */
+export const DebugOverlay = ({
+  spatialIndexSV,
+  scrollOffsetsSV
+}) => {
+  const [entries, setEntries] = useState([]);
+
+  // Poll the spatial index periodically (SharedValues update on UI thread,
+  // reading .value on JS thread gives the latest committed value).
+  useEffect(() => {
+    const update = () => {
+      const raw = spatialIndexSV.value;
+      const scrolls = scrollOffsetsSV.value;
+      if (raw.length > 0) {
+        setEntries(computeAbsoluteEntries(raw, scrolls));
+      } else {
+        setEntries([]);
+      }
+    };
+    update();
+    const interval = setInterval(update, 500);
+    return () => clearInterval(interval);
+  }, [spatialIndexSV, scrollOffsetsSV]);
+  if (entries.length === 0) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    pointerEvents: "none",
+    children: entries.map(entry => {
+      const color = getColor(entry);
+      const label = getLabel(entry);
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.overlay, {
+          left: entry.absX,
+          top: entry.absY,
+          width: entry.width,
+          height: entry.height,
+          borderColor: color
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.label, {
+            backgroundColor: color
+          }],
+          children: label
+        })
+      }, entry.id);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: 99999
+  },
+  overlay: {
+    position: 'absolute',
+    borderWidth: 2,
+    borderStyle: 'dashed'
+  },
+  label: {
+    position: 'absolute',
+    top: -1,
+    left: -1,
+    color: '#fff',
+    fontSize: 9,
+    fontWeight: '700',
+    fontFamily: 'monospace',
+    paddingHorizontal: 3,
+    paddingVertical: 1,
+    borderRadius: 2,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=DebugOverlay.js.map

package/lib/module/DebugOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","StyleSheet","Text","View","jsx","_jsx","computeAbsoluteEntries","entries","scrollOffsets","map","entry","absX","x","absY","y","parentIdx","parentIndex","length","parent","parentScroll","getColor","receptive","draggable","monitoring","getLabel","parts","push","join","DebugOverlay","spatialIndexSV","scrollOffsetsSV","setEntries","update","raw","value","scrolls","interval","setInterval","clearInterval","style","styles","container","pointerEvents","children","color","label","overlay","left","top","width","height","borderColor","backgroundColor","id","create","absoluteFillObject","zIndex","position","borderWidth","borderStyle","fontSize","fontWeight","fontFamily","paddingHorizontal","paddingVertical","borderRadius","overflow"],"sourceRoot":"../../src","sources":["DebugOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Drax.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { DraxHandle } from "./DraxHandle.js";
+import { DraxList } from "./DraxList.js";
+import { DraxProvider } from "./DraxProvider.js";
+import { DraxScrollView } from "./DraxScrollView.js";
+import { DraxView } from "./DraxView.js";
+import { SortableBoardContainer } from "./SortableBoardContainer.js";
+import { SortableContainer } from "./SortableContainer.js";
+import { SortableItem } from "./SortableItem.js";
+
+/**
+ * Namespace object for convenient access to all Drax components.
+ *
+ * @example
+ * ```tsx
+ * import { Drax } from 'react-native-drax';
+ *
+ * <Drax.Provider>
+ *   <Drax.View draggable>
+ *     <Drax.Handle><GripIcon /></Drax.Handle>
+ *   </Drax.View>
+ * </Drax.Provider>
+ * ```
+ */
+export const Drax = {
+  Handle: DraxHandle,
+  List: DraxList,
+  Provider: DraxProvider,
+  ScrollView: DraxScrollView,
+  View: DraxView,
+  SortableBoardContainer,
+  SortableContainer,
+  SortableItem
+};
+//# sourceMappingURL=Drax.js.map

package/lib/module/Drax.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DraxHandle","DraxList","DraxProvider","DraxScrollView","DraxView","SortableBoardContainer","SortableContainer","SortableItem","Drax","Handle","List","Provider","ScrollView","View"],"sourceRoot":"../../src","sources":["Drax.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,YAAY,QAAQ,mBAAgB;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAG;EAClBC,MAAM,EAAET,UAAU;EAClBU,IAAI,EAAET,QAAQ;EACdU,QAAQ,EAAET,YAAY;EACtBU,UAAU,EAAET,cAAc;EAC1BU,IAAI,EAAET,QAAQ;EACdC,sBAAsB;EACtBC,iBAAiB;EACjBC;AACF,CAAU","ignoreList":[]}

package/lib/module/DraxContext.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { createContext } from 'react';
+export const DraxContext = /*#__PURE__*/createContext(undefined);
+DraxContext.displayName = 'Drax';
+//# sourceMappingURL=DraxContext.js.map

package/lib/module/DraxContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","DraxContext","undefined","displayName"],"sourceRoot":"../../src","sources":["DraxContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAIrC,OAAO,MAAMC,WAAW,gBAAGD,aAAa,CACtCE,SACF,CAAC;AACDD,WAAW,CAACE,WAAW,GAAG,MAAM","ignoreList":[]}

package/lib/module/DraxHandle.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { use } from 'react';
+import { GestureDetector } from 'react-native-gesture-handler';
+import Reanimated from 'react-native-reanimated';
+import { DraxHandleContext } from "./DraxHandleContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Drag handle component — only touches on this area will start a drag.
+ *
+ * Must be a descendant of a `DraxView` that has `dragHandle={true}`.
+ * The parent DraxView provides its gesture via context; this component
+ * attaches it to the handle's touch area via GestureDetector.
+ *
+ * @example
+ * ```tsx
+ * <DraxView dragHandle style={styles.row}>
+ *   <DraxHandle style={styles.grip}>
+ *     <GripIcon />
+ *   </DraxHandle>
+ *   <Text>Item content</Text>
+ * </DraxView>
+ * ```
+ */
+export function DraxHandle({
+  children,
+  style
+}) {
+  const ctx = use(DraxHandleContext);
+  if (!ctx) {
+    // No context = either misconfigured, or rendering inside hover overlay
+    // (which clones children outside the DraxHandleContext tree).
+    // Render as a plain view — the gesture isn't needed in hover.
+    return /*#__PURE__*/_jsx(Reanimated.View, {
+      style: style,
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: ctx.gesture,
+    children: /*#__PURE__*/_jsx(Reanimated.View, {
+      style: style,
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=DraxHandle.js.map

package/lib/module/DraxHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["use","GestureDetector","Reanimated","DraxHandleContext","jsx","_jsx","DraxHandle","children","style","ctx","View","gesture"],"sourceRoot":"../../src","sources":["DraxHandle.tsx"],"mappings":";;AACA,SAASA,GAAG,QAAQ,OAAO;AAE3B,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,OAAOC,UAAU,MAAM,yBAAyB;AAEhD,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAEC;AAAuB,CAAC,EAAE;EAC/D,MAAMC,GAAG,GAAGT,GAAG,CAACG,iBAAiB,CAAC;EAElC,IAAI,CAACM,GAAG,EAAE;IACR;IACA;IACA;IACA,oBACEJ,IAAA,CAACH,UAAU,CAACQ,IAAI;MAACF,KAAK,EAAEA,KAAM;MAAAD,QAAA,EAC3BA;IAAQ,CACM,CAAC;EAEtB;EAEA,oBACEF,IAAA,CAACJ,eAAe;IAACU,OAAO,EAAEF,GAAG,CAACE,OAAQ;IAAAJ,QAAA,eACpCF,IAAA,CAACH,UAAU,CAACQ,IAAI;MAACF,KAAK,EAAEA,KAAM;MAAAD,QAAA,EAC3BA;IAAQ,CACM;EAAC,CACH,CAAC;AAEtB","ignoreList":[]}

package/lib/module/DraxHandleContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { createContext } from 'react';
+/**
+ * Context that passes the drag gesture from a DraxView (with `dragHandle` prop)
+ * to its descendant DraxHandle component. When a DraxView has `dragHandle={true}`,
+ * it does NOT wrap itself in a GestureDetector. Instead, the gesture is provided
+ * via this context so that DraxHandle can attach it to a smaller touch area.
+ */
+export const DraxHandleContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=DraxHandleContext.js.map

package/lib/module/DraxHandleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","DraxHandleContext"],"sourceRoot":"../../src","sources":["DraxHandleContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAQrC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,gBAAGD,aAAa,CAAgC,IAAI,CAAC","ignoreList":[]}

package/lib/module/DraxList.js

@@ -0,0 +1,108 @@
+"use strict";
+
+import { useRef } from 'react';
+import { useSortableList } from "./hooks/useSortableList.js";
+import { SortableContainer } from "./SortableContainer.js";
+import { SortableItem } from "./SortableItem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * List-agnostic sortable list component.
+ *
+ * Wraps any list component (FlatList, FlashList, LegendList, etc.) with
+ * drag-and-drop reordering powered by `useSortableList` + `SortableContainer` + `SortableItem`.
+ *
+ * For full control, use the composable API directly:
+ * `useSortableList` + `SortableContainer` + `SortableItem`.
+ *
+ * Any extra props beyond the ones defined in `DraxListProps` are forwarded
+ * to the underlying list component (e.g. `estimatedItemSize` for FlashList).
+ */
+export const DraxList = ({
+  component: ListComponent,
+  ref,
+  id,
+  data,
+  keyExtractor,
+  onReorder,
+  renderItem,
+  reorderStrategy,
+  longPressDelay,
+  lockToMainAxis,
+  animationConfig,
+  inactiveItemStyle,
+  itemEntering,
+  itemExiting,
+  itemDraxViewProps,
+  containerDraxViewProps,
+  containerStyle,
+  onDragStart,
+  onDragPositionChange,
+  onDragEnd,
+  style,
+  horizontal,
+  numColumns,
+  ...listProps
+}) => {
+  const isHorizontal = horizontal ?? false;
+  const cols = numColumns ?? 1;
+  const sortable = useSortableList({
+    id,
+    data,
+    keyExtractor,
+    onReorder,
+    horizontal: isHorizontal,
+    numColumns: cols,
+    reorderStrategy,
+    longPressDelay,
+    lockToMainAxis,
+    animationConfig,
+    inactiveItemStyle,
+    itemEntering,
+    itemExiting,
+    onDragStart,
+    onDragPositionChange,
+    onDragEnd
+  });
+  const listRef = useRef(null);
+
+  // Forward external ref
+  const setRef = instance => {
+    listRef.current = instance;
+    if (ref) {
+      if (typeof ref === 'function') {
+        ref(instance);
+      } else {
+        ref.current = instance;
+      }
+    }
+  };
+
+  // Lazy-load FlatList only when no component is provided.
+  // This avoids importing react-native's FlatList at module scope
+  // when the consumer uses a different list component.
+  const ResolvedList = ListComponent ?? require('react-native').FlatList;
+  return /*#__PURE__*/_jsx(SortableContainer, {
+    sortable: sortable,
+    scrollRef: listRef,
+    style: containerStyle,
+    draxViewProps: containerDraxViewProps,
+    children: /*#__PURE__*/_jsx(ResolvedList, {
+      ...listProps,
+      style: style,
+      ref: setRef,
+      horizontal: isHorizontal,
+      keyExtractor: sortable.stableKeyExtractor,
+      numColumns: cols,
+      data: sortable.data,
+      onScroll: sortable.onScroll,
+      onContentSizeChange: sortable.onContentSizeChange,
+      renderItem: info => /*#__PURE__*/_jsx(SortableItem, {
+        sortable: sortable,
+        index: info.index,
+        ...itemDraxViewProps,
+        children: renderItem(info)
+      })
+    })
+  });
+};
+//# sourceMappingURL=DraxList.js.map

package/lib/module/DraxList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useSortableList","SortableContainer","SortableItem","jsx","_jsx","DraxList","component","ListComponent","ref","id","data","keyExtractor","onReorder","renderItem","reorderStrategy","longPressDelay","lockToMainAxis","animationConfig","inactiveItemStyle","itemEntering","itemExiting","itemDraxViewProps","containerDraxViewProps","containerStyle","onDragStart","onDragPositionChange","onDragEnd","style","horizontal","numColumns","listProps","isHorizontal","cols","sortable","listRef","setRef","instance","current","ResolvedList","require","FlatList","scrollRef","draxViewProps","children","stableKeyExtractor","onScroll","onContentSizeChange","info","index"],"sourceRoot":"../../src","sources":["DraxList.tsx"],"mappings":";;AACA,SAASA,MAAM,QAAQ,OAAO;AAQ9B,SAASC,eAAe,QAAQ,4BAAyB;AACzD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA6D9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGA,CAAK;EAC3BC,SAAS,EAAEC,aAAa;EACxBC,GAAG;EACHC,EAAE;EACFC,IAAI;EACJC,YAAY;EACZC,SAAS;EACTC,UAAU;EACVC,eAAe;EACfC,cAAc;EACdC,cAAc;EACdC,eAAe;EACfC,iBAAiB;EACjBC,YAAY;EACZC,WAAW;EACXC,iBAAiB;EACjBC,sBAAsB;EACtBC,cAAc;EACdC,WAAW;EACXC,oBAAoB;EACpBC,SAAS;EACTC,KAAK;EACLC,UAAU;EACVC,UAAU;EACV,GAAGC;AACmC,CAAC,KAAgB;EACvD,MAAMC,YAAY,GAAGH,UAAU,IAAI,KAAK;EACxC,MAAMI,IAAI,GAAGH,UAAU,IAAI,CAAC;EAE5B,MAAMI,QAAQ,GAAGjC,eAAe,CAAC;IAC/BS,EAAE;IACFC,IAAI;IACJC,YAAY;IACZC,SAAS;IACTgB,UAAU,EAAEG,YAAY;IACxBF,UAAU,EAAEG,IAAI;IAChBlB,eAAe;IACfC,cAAc;IACdC,cAAc;IACdC,eAAe;IACfC,iBAAiB;IACjBC,YAAY;IACZC,WAAW;IACXI,WAAW;IACXC,oBAAoB;IACpBC;EACF,CAAC,CAAC;EAEF,MAAMQ,OAAO,GAAGnC,MAAM,CAAc,IAAI,CAAC;;EAEzC;EACA,MAAMoC,MAAM,GAAIC,QAA4B,IAAK;IAC9CF,OAAO,CAASG,OAAO,GAAGD,QAAQ;IACnC,IAAI5B,GAAG,EAAE;MACP,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC7BA,GAAG,CAAC4B,QAAQ,CAAC;MACf,CAAC,MAAM;QACJ5B,GAAG,CAAS6B,OAAO,GAAGD,QAAQ;MACjC;IACF;EACF,CAAC;;EAED;EACA;EACA;EACA,MAAME,YAAY,GAAG/B,aAAa,IAAIgC,OAAO,CAAC,cAAc,CAAC,CAACC,QAAQ;EAEtE,oBACEpC,IAAA,CAACH,iBAAiB;IAChBgC,QAAQ,EAAEA,QAAS;IACnBQ,SAAS,EAAEP,OAAQ;IACnBP,KAAK,EAAEJ,cAAe;IACtBmB,aAAa,EAAEpB,sBAAuB;IAAAqB,QAAA,eAEtCvC,IAAA,CAACkC,YAAY;MAAA,GACPR,SAAS;MACbH,KAAK,EAAEA,KAAM;MACbnB,GAAG,EAAE2B,MAAO;MACZP,UAAU,EAAEG,YAAa;MACzBpB,YAAY,EAAEsB,QAAQ,CAACW,kBAAmB;MAC1Cf,UAAU,EAAEG,IAAK;MACjBtB,IAAI,EAAEuB,QAAQ,CAACvB,IAAK;MACpBmC,QAAQ,EAAEZ,QAAQ,CAACY,QAAS;MAC5BC,mBAAmB,EAAEb,QAAQ,CAACa,mBAAoB;MAClDjC,UAAU,EAAGkC,IAA2B,iBACtC3C,IAAA,CAACF,YAAY;QACX+B,QAAQ,EAAEA,QAAS;QACnBe,KAAK,EAAED,IAAI,CAACC,KAAM;QAAA,GACd3B,iBAAiB;QAAAsB,QAAA,EAEpB9B,UAAU,CAACkC,IAAI;MAAC,CACL;IACd,CACH;EAAC,CACe,CAAC;AAExB,CAAC","ignoreList":[]}

package/lib/module/DraxProvider.js

@@ -0,0 +1,203 @@
+"use strict";
+
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSharedValue } from 'react-native-reanimated';
+import { DebugOverlay } from "./DebugOverlay.js";
+import { DraxContext } from "./DraxContext.js";
+import { HoverLayer } from "./HoverLayer.js";
+import { useCallbackDispatch } from "./hooks/useCallbackDispatch.js";
+import { useSpatialIndex } from "./hooks/useSpatialIndex.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DraxProvider = ({
+  style = styles.provider,
+  debug = false,
+  onDragStart: onProviderDragStart,
+  onDrag: onProviderDrag,
+  onDragEnd: onProviderDragEnd,
+  children
+}) => {
+  // ── Split SharedValues (by update frequency) ───────────────────────
+  // Changes ~2x per drag. Read by all DraxView useAnimatedStyle.
+  const draggedIdSV = useSharedValue('');
+  // Changes ~3-5x per drag. Read by all DraxView useAnimatedStyle.
+  const receiverIdSV = useSharedValue('');
+  // Changes ~3x per drag. Read by all DraxView useAnimatedStyle.
+  const dragPhaseSV = useSharedValue('idle');
+  // Changes every frame during drag. Read ONLY by HoverLayer (1 component).
+  const hoverPositionSV = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  // Changes every frame during drag. Used by gesture worklet for hit-testing.
+  // NOT read by any useAnimatedStyle.
+  const dragAbsolutePositionSV = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  // ID of the most recently rejected receiver. Read by gesture worklet to skip
+  // re-detecting the same rejected receiver. Cleared when drag leaves its bounds.
+  const rejectedReceiverIdSV = useSharedValue('');
+  // Set once per drag start.
+  const grabOffsetSV = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  const startPositionSV = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  // Screen offset of the root view (measured on layout).
+  const rootOffsetSV = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  // True after hover content is committed to DOM. False after snap completes.
+  const hoverReadySV = useSharedValue(false);
+  // Set by SortableContainer.finalizeDrag to defer hover clearing to useLayoutEffect.
+  const hoverClearDeferredRef = useRef(false);
+  // Animated dimensions for hover content during cross-container transfer.
+  // x = width, y = height. {0,0} = no constraint (natural size).
+  const hoverDimsSV = useSharedValue({
+    x: 0,
+    y: 0
+  });
+
+  // ── Dropped items tracking ─────────────────────────────────────────
+  const droppedItemsRef = useRef(new Map());
+
+  // ── Spatial index + registry ───────────────────────────────────────
+  const {
+    spatialIndexSV,
+    scrollOffsetsSV,
+    registerView,
+    unregisterView,
+    updateMeasurements,
+    updateScrollOffset,
+    updateViewProps,
+    getViewEntry
+  } = useSpatialIndex();
+
+  // ── Hover content (ref-based to avoid provider re-renders) ─────────
+  // Store content in a ref so changing it doesn't re-render the entire tree.
+  // Only HoverLayer re-renders via the version counter.
+  const hoverContentRef = useRef(null);
+  const hoverStylesRef = useRef(null);
+  const [hoverVersion, setHoverVersion] = useState(0);
+  const setHoverContent = useCallback(content => {
+    hoverContentRef.current = content;
+    if (content === null) {
+      hoverStylesRef.current = null;
+    }
+    setHoverVersion(v => v + 1);
+  }, []);
+
+  // ── Callback dispatch ──────────────────────────────────────────────
+  const {
+    handleDragStart,
+    handleReceiverChange,
+    handleDragEnd
+  } = useCallbackDispatch({
+    getViewEntry,
+    spatialIndexSV,
+    scrollOffsetsSV,
+    draggedIdSV,
+    receiverIdSV,
+    rejectedReceiverIdSV,
+    dragPhaseSV,
+    hoverPositionSV,
+    grabOffsetSV,
+    startPositionSV,
+    setHoverContent,
+    hoverReadySV,
+    hoverClearDeferredRef,
+    hoverStylesRef,
+    onProviderDragStart,
+    onProviderDrag,
+    onProviderDragEnd,
+    droppedItemsRef
+  });
+
+  // ── Root view ref ──────────────────────────────────────────────────
+  const rootViewRef = useRef(null);
+  const setRootViewRef = ref => {
+    rootViewRef.current = ref;
+  };
+
+  // Measure root view's screen position on layout
+  const handleRootLayout = useCallback(() => {
+    const view = rootViewRef.current;
+    if (view) {
+      view.measure((_x, _y, _w, _h, pageX, pageY) => {
+        rootOffsetSV.value = {
+          x: pageX,
+          y: pageY
+        };
+      });
+    }
+  }, [rootOffsetSV]);
+
+  // ── Stable context value ───────────────────────────────────────────
+  const contextValue = useMemo(() => ({
+    // SharedValues
+    draggedIdSV,
+    receiverIdSV,
+    dragPhaseSV,
+    hoverPositionSV,
+    dragAbsolutePositionSV,
+    rejectedReceiverIdSV,
+    spatialIndexSV,
+    scrollOffsetsSV,
+    grabOffsetSV,
+    startPositionSV,
+    rootOffsetSV,
+    hoverReadySV,
+    hoverClearDeferredRef,
+    hoverDimsSV,
+    // Registry methods
+    registerView,
+    unregisterView,
+    updateMeasurements,
+    updateScrollOffset,
+    updateViewProps,
+    getViewEntry,
+    // Callback dispatch
+    handleDragStart,
+    handleReceiverChange,
+    handleDragEnd,
+    // Hover content
+    setHoverContent,
+    // Dropped items
+    droppedItemsRef,
+    // Refs
+    rootViewRef
+  }), [draggedIdSV, receiverIdSV, dragPhaseSV, hoverPositionSV, dragAbsolutePositionSV, rejectedReceiverIdSV, spatialIndexSV, scrollOffsetsSV, grabOffsetSV, startPositionSV, rootOffsetSV, hoverReadySV, hoverClearDeferredRef, hoverDimsSV, registerView, unregisterView, updateMeasurements, updateScrollOffset, updateViewProps, getViewEntry, handleDragStart, handleReceiverChange, handleDragEnd, setHoverContent, droppedItemsRef]);
+  return /*#__PURE__*/_jsx(DraxContext, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: style,
+      ref: setRootViewRef,
+      onLayout: handleRootLayout,
+      collapsable: false,
+      children: [children, debug && /*#__PURE__*/_jsx(DebugOverlay, {
+        spatialIndexSV: spatialIndexSV,
+        scrollOffsetsSV: scrollOffsetsSV
+      }), /*#__PURE__*/_jsx(HoverLayer, {
+        hoverContentRef: hoverContentRef,
+        hoverVersion: hoverVersion,
+        hoverPositionSV: hoverPositionSV,
+        dragPhaseSV: dragPhaseSV,
+        receiverIdSV: receiverIdSV,
+        hoverReadySV: hoverReadySV,
+        hoverDimsSV: hoverDimsSV,
+        hoverStylesRef: hoverStylesRef
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  provider: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=DraxProvider.js.map

package/lib/module/DraxProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useRef","useState","StyleSheet","View","useSharedValue","DebugOverlay","DraxContext","HoverLayer","useCallbackDispatch","useSpatialIndex","jsx","_jsx","jsxs","_jsxs","DraxProvider","style","styles","provider","debug","onDragStart","onProviderDragStart","onDrag","onProviderDrag","onDragEnd","onProviderDragEnd","children","draggedIdSV","receiverIdSV","dragPhaseSV","hoverPositionSV","x","y","dragAbsolutePositionSV","rejectedReceiverIdSV","grabOffsetSV","startPositionSV","rootOffsetSV","hoverReadySV","hoverClearDeferredRef","hoverDimsSV","droppedItemsRef","Map","spatialIndexSV","scrollOffsetsSV","registerView","unregisterView","updateMeasurements","updateScrollOffset","updateViewProps","getViewEntry","hoverContentRef","hoverStylesRef","hoverVersion","setHoverVersion","setHoverContent","content","current","v","handleDragStart","handleReceiverChange","handleDragEnd","rootViewRef","setRootViewRef","ref","handleRootLayout","view","measure","_x","_y","_w","_h","pageX","pageY","value","contextValue","onLayout","collapsable","create","flex"],"sourceRoot":"../../src","sources":["DraxProvider.tsx"],"mappings":"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","ignoreList":[]}