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

package/lib/module/SortableItem.js

@@ -0,0 +1,226 @@
+"use strict";
+
+import { memo, useEffect, useMemo, useRef } from 'react';
+import { Platform } from 'react-native';
+import { useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import Reanimated, { Easing, useAnimatedStyle, useReducedMotion, withSpring, withTiming } from 'react-native-reanimated';
+import { DraxView } from "./DraxView.js";
+import { useDraxContext } from "./hooks/useDraxContext.js";
+import { SortableItemContext } from "./SortableItemContext.js";
+import { resolveAnimationConfig } from "./params.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Isolated hook for SortableItem animated style.
+ * Kept separate so the worklet closure only contains SharedValues —
+ * never React refs from the component scope.
+ */
+function useSortableItemStyle(hoverReadySV, draggedIdSV, viewIdSV, shiftsValidSV, shiftsRef, instantClearSV, itemKey, animConfig, reducedMotion, inactiveItemStyle) {
+  return useAnimatedStyle(() => {
+    // Guard: viewIdSV starts as '' before DraxView registers. Without the
+    // non-empty check, a newly mounted item would match a cleared draggedIdSV ('')
+    // and be hidden (opacity 0) until hoverReadySV clears — visible in cross-container transfers.
+    const isDragged = hoverReadySV.value && viewIdSV.value !== '' && draggedIdSV.value === viewIdSV.value;
+    const dragActive = draggedIdSV.value !== '';
+    const valid = shiftsValidSV.value;
+    const shifts = shiftsRef.value;
+    const shift = valid && itemKey ? shifts[itemKey] : undefined;
+    const instant = instantClearSV.value;
+    // When shifts are invalidated (data committing), snap to 0 instantly — no animation.
+    // When reduced motion is on, skip all animations.
+    const skipAnimation = instant || !valid || reducedMotion;
+    const toX = shift?.x ?? 0;
+    const toY = shift?.y ?? 0;
+    let translateX;
+    let translateY;
+    if (skipAnimation) {
+      translateX = toX;
+      translateY = toY;
+    } else if (animConfig.useSpring) {
+      const springConfig = {
+        damping: animConfig.springDamping,
+        stiffness: animConfig.springStiffness,
+        mass: animConfig.springMass
+      };
+      translateX = withSpring(toX, springConfig);
+      translateY = withSpring(toY, springConfig);
+    } else {
+      const timingConfig = {
+        duration: animConfig.shiftDuration,
+        easing: Easing.linear
+      };
+      translateX = withTiming(toX, timingConfig);
+      translateY = withTiming(toY, timingConfig);
+    }
+
+    // Apply inactive style to non-dragged items while a drag is active
+    const isInactive = dragActive && !isDragged;
+    return {
+      opacity: isDragged ? 0 : 1,
+      transform: [{
+        translateX
+      }, {
+        translateY
+      }],
+      ...(isInactive && inactiveItemStyle ? inactiveItemStyle : {})
+    };
+  });
+}
+const SortableItemInner = ({
+  sortable,
+  index,
+  fixed = false,
+  children,
+  ...draxViewProps
+}) => {
+  const {
+    horizontal,
+    lockToMainAxis,
+    longPressDelay,
+    animationConfig,
+    inactiveItemStyle,
+    itemEntering,
+    itemExiting,
+    shiftsRef,
+    instantClearSV,
+    shiftsValidSV,
+    itemMeasurements,
+    keyExtractor,
+    rawData,
+    originalIndexes,
+    scrollPosition,
+    onItemSnapEnd,
+    fixedKeys
+  } = sortable._internal;
+
+  // Get hoverReadySV and draggedIdSV from DraxContext (provider-level SharedValues)
+  const {
+    hoverReadySV,
+    draggedIdSV
+  } = useDraxContext();
+  const originalIndex = originalIndexes[index] ?? index;
+  const item = rawData[originalIndex];
+  const itemKey = item !== undefined ? keyExtractor(item, index) : undefined;
+
+  // Register/unregister fixed items so reorder logic can skip them.
+  useEffect(() => {
+    if (!itemKey) return;
+    if (fixed) {
+      fixedKeys.current.add(itemKey);
+    } else {
+      fixedKeys.current.delete(itemKey);
+    }
+    return () => {
+      fixedKeys.current.delete(itemKey);
+    };
+  }, [fixed, itemKey, fixedKeys]);
+
+  // Store this DraxView's registered ID in a SharedValue so useAnimatedStyle
+  // can compare it with draggedIdSV on the UI thread.
+  const viewIdSV = useSharedValue('');
+  const measureFnRef = useRef(null);
+
+  // Resolve animation config and check reduced motion preference
+  const resolvedAnimConfig = useMemo(() => resolveAnimationConfig(animationConfig), [animationConfig]);
+  const reducedMotion = useReducedMotion();
+
+  // Delegated to isolated hook so worklet closure has no refs from this scope.
+  const itemStyle = useSortableItemStyle(hoverReadySV, draggedIdSV, viewIdSV, shiftsValidSV, shiftsRef, instantClearSV, itemKey, resolvedAnimConfig, reducedMotion, inactiveItemStyle);
+
+  // Derive isActive SharedValue for useItemContext consumers
+  const isActive = useDerivedValue(() => {
+    return viewIdSV.value !== '' && draggedIdSV.value === viewIdSV.value;
+  });
+
+  // Build context value for useItemContext
+  const itemContextValue = useMemo(() => {
+    if (!itemKey) return null;
+    return {
+      itemKey,
+      index,
+      isActive,
+      activeItemId: draggedIdSV
+    };
+  }, [itemKey, index, isActive, draggedIdSV]);
+
+  // Auto-generate accessibility props (can be overridden via draxViewProps)
+  const totalItems = rawData.length;
+  const defaultA11yLabel = `Item ${index + 1} of ${totalItems}`;
+  const defaultA11yHint = 'Long press to drag and reorder';
+  const mergedPayload = useMemo(() => ({
+    ...(typeof draxViewProps.payload === 'object' && draxViewProps.payload !== null ? draxViewProps.payload : {}),
+    index,
+    originalIndex,
+    item
+  }), [draxViewProps.payload, index, originalIndex, item]);
+  return /*#__PURE__*/_jsx(SortableItemContext, {
+    value: itemContextValue,
+    children: /*#__PURE__*/_jsx(Reanimated.View, {
+      style: itemStyle,
+      entering: itemEntering,
+      exiting: itemExiting,
+      children: /*#__PURE__*/_jsx(DraxView, {
+        longPressDelay: longPressDelay,
+        lockDragXPosition: lockToMainAxis && !horizontal,
+        lockDragYPosition: lockToMainAxis && horizontal,
+        scrollHorizontal: horizontal || undefined,
+        draggable: !fixed,
+        accessibilityLabel: defaultA11yLabel,
+        accessibilityHint: defaultA11yHint,
+        accessibilityRole: "adjustable",
+        ...draxViewProps,
+        payload: mergedPayload,
+        registration: reg => {
+          measureFnRef.current = reg?.measure ?? null;
+          // Capture the DraxView's registered ID so useAnimatedStyle can match
+          // it against draggedIdSV for visibility control.
+          viewIdSV.value = reg?.id ?? '';
+        },
+        onDragEnd: event => {
+          draxViewProps.onDragEnd?.(event);
+        },
+        onDragDrop: event => {
+          draxViewProps.onDragDrop?.(event);
+        },
+        onSnapEnd: snapData => {
+          onItemSnapEnd?.();
+          draxViewProps.onSnapEnd?.(snapData);
+        },
+        onMeasure: measurements => {
+          draxViewProps.onMeasure?.(measurements);
+          if (itemKey && measurements) {
+            // Subtract Drax shift transforms when they're included in the
+            // measurement. On web: measureLayout always includes transforms.
+            // On native: measureLayout ignores transforms, UNLESS DraxView
+            // auto-detected transform-based positioning (LegendList) and
+            // switched to measure() — flagged via _transformDetected.
+            let adjX = measurements.x;
+            let adjY = measurements.y;
+            if (Platform.OS === 'web' || measurements._transformDetected) {
+              const currentShift = shiftsRef.value[itemKey];
+              if (currentShift) {
+                adjX -= currentShift.x;
+                adjY -= currentShift.y;
+              }
+            }
+            const entry = {
+              x: adjX,
+              y: adjY,
+              width: measurements.width,
+              height: measurements.height,
+              key: itemKey,
+              index,
+              scrollAtMeasure: {
+                x: scrollPosition.value.x,
+                y: scrollPosition.value.y
+              }
+            };
+            itemMeasurements.current.set(itemKey, entry);
+          }
+        },
+        children: children
+      })
+    })
+  });
+};
+export const SortableItem = /*#__PURE__*/memo(SortableItemInner);
+//# sourceMappingURL=SortableItem.js.map

package/lib/module/SortableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","useMemo","useRef","Platform","useDerivedValue","useSharedValue","Reanimated","Easing","useAnimatedStyle","useReducedMotion","withSpring","withTiming","DraxView","useDraxContext","SortableItemContext","resolveAnimationConfig","jsx","_jsx","useSortableItemStyle","hoverReadySV","draggedIdSV","viewIdSV","shiftsValidSV","shiftsRef","instantClearSV","itemKey","animConfig","reducedMotion","inactiveItemStyle","isDragged","value","dragActive","valid","shifts","shift","undefined","instant","skipAnimation","toX","x","toY","y","translateX","translateY","useSpring","springConfig","damping","springDamping","stiffness","springStiffness","mass","springMass","timingConfig","duration","shiftDuration","easing","linear","isInactive","opacity","transform","SortableItemInner","sortable","index","fixed","children","draxViewProps","horizontal","lockToMainAxis","longPressDelay","animationConfig","itemEntering","itemExiting","itemMeasurements","keyExtractor","rawData","originalIndexes","scrollPosition","onItemSnapEnd","fixedKeys","_internal","originalIndex","item","current","add","delete","measureFnRef","resolvedAnimConfig","itemStyle","isActive","itemContextValue","activeItemId","totalItems","length","defaultA11yLabel","defaultA11yHint","mergedPayload","payload","View","style","entering","exiting","lockDragXPosition","lockDragYPosition","scrollHorizontal","draggable","accessibilityLabel","accessibilityHint","accessibilityRole","registration","reg","measure","id","onDragEnd","event","onDragDrop","onSnapEnd","snapData","onMeasure","measurements","adjX","adjY","OS","_transformDetected","currentShift","entry","width","height","key","scrollAtMeasure","set","SortableItem"],"sourceRoot":"../../src","sources":["SortableItem.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAExD,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,eAAe,EAAEC,cAAc,QAAQ,yBAAyB;AACzE,OAAOC,UAAU,IACfC,MAAM,EACNC,gBAAgB,EAChBC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAEhC,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,cAAc,QAAQ,2BAAwB;AAEvD,SAASC,mBAAmB,QAAQ,0BAAuB;AAE3D,SAASC,sBAAsB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlD;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAC3BC,YAAkC,EAClCC,WAAgC,EAChCC,QAA6B,EAC7BC,aAAmC,EACnCC,SAAgD,EAChDC,cAAoC,EACpCC,OAA2B,EAC3BC,UAAmC,EACnCC,aAAsB,EACtBC,iBAA6B,EAC7B;EACA,OAAOpB,gBAAgB,CAAC,MAAM;IAC5B;IACA;IACA;IACA,MAAMqB,SAAS,GAAGV,YAAY,CAACW,KAAK,IAAIT,QAAQ,CAACS,KAAK,KAAK,EAAE,IAAIV,WAAW,CAACU,KAAK,KAAKT,QAAQ,CAACS,KAAK;IACrG,MAAMC,UAAU,GAAGX,WAAW,CAACU,KAAK,KAAK,EAAE;IAC3C,MAAME,KAAK,GAAGV,aAAa,CAACQ,KAAK;IACjC,MAAMG,MAAM,GAAGV,SAAS,CAACO,KAAK;IAC9B,MAAMI,KAAK,GAAGF,KAAK,IAAIP,OAAO,GAAGQ,MAAM,CAACR,OAAO,CAAC,GAAGU,SAAS;IAC5D,MAAMC,OAAO,GAAGZ,cAAc,CAACM,KAAK;IACpC;IACA;IACA,MAAMO,aAAa,GAAGD,OAAO,IAAI,CAACJ,KAAK,IAAIL,aAAa;IAExD,MAAMW,GAAG,GAAGJ,KAAK,EAAEK,CAAC,IAAI,CAAC;IACzB,MAAMC,GAAG,GAAGN,KAAK,EAAEO,CAAC,IAAI,CAAC;IAEzB,IAAIC,UAAkB;IACtB,IAAIC,UAAkB;IAEtB,IAAIN,aAAa,EAAE;MACjBK,UAAU,GAAGJ,GAAG;MAChBK,UAAU,GAAGH,GAAG;IAClB,CAAC,MAAM,IAAId,UAAU,CAACkB,SAAS,EAAE;MAC/B,MAAMC,YAAY,GAAG;QACnBC,OAAO,EAAEpB,UAAU,CAACqB,aAAa;QACjCC,SAAS,EAAEtB,UAAU,CAACuB,eAAe;QACrCC,IAAI,EAAExB,UAAU,CAACyB;MACnB,CAAC;MACDT,UAAU,GAAGhC,UAAU,CAAC4B,GAAG,EAAEO,YAAY,CAAC;MAC1CF,UAAU,GAAGjC,UAAU,CAAC8B,GAAG,EAAEK,YAAY,CAAC;IAC5C,CAAC,MAAM;MACL,MAAMO,YAAY,GAAG;QAAEC,QAAQ,EAAE3B,UAAU,CAAC4B,aAAa;QAAEC,MAAM,EAAEhD,MAAM,CAACiD;MAAO,CAAC;MAClFd,UAAU,GAAG/B,UAAU,CAAC2B,GAAG,EAAEc,YAAY,CAAC;MAC1CT,UAAU,GAAGhC,UAAU,CAAC6B,GAAG,EAAEY,YAAY,CAAC;IAC5C;;IAEA;IACA,MAAMK,UAAU,GAAG1B,UAAU,IAAI,CAACF,SAAS;IAE3C,OAAO;MACL6B,OAAO,EAAE7B,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1B8B,SAAS,EAAE,CACT;QAAEjB;MAAW,CAAC,EACd;QAAEC;MAAW,CAAC,CACN;MACV,IAAIc,UAAU,IAAI7B,iBAAiB,GAAGA,iBAAiB,GAAG,CAAC,CAAC;IAC9D,CAAC;EACH,CAAC,CAAC;AACJ;AAWA,MAAMgC,iBAAiB,GAAGA,CAAC;EACzBC,QAAQ;EACRC,KAAK;EACLC,KAAK,GAAG,KAAK;EACbC,QAAQ;EACR,GAAGC;AACc,CAAC,KAAK;EACvB,MAAM;IACJC,UAAU;IACVC,cAAc;IACdC,cAAc;IACdC,eAAe;IACfzC,iBAAiB;IACjB0C,YAAY;IACZC,WAAW;IACXhD,SAAS;IACTC,cAAc;IACdF,aAAa;IACbkD,gBAAgB;IAChBC,YAAY;IACZC,OAAO;IACPC,eAAe;IACfC,cAAc;IACdC,aAAa;IACbC;EACF,CAAC,GAAGjB,QAAQ,CAACkB,SAAS;;EAEtB;EACA,MAAM;IAAE5D,YAAY;IAAEC;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EAEtD,MAAMmE,aAAa,GAAGL,eAAe,CAACb,KAAK,CAAC,IAAIA,KAAK;EACrD,MAAMmB,IAAI,GAAGP,OAAO,CAACM,aAAa,CAAC;EACnC,MAAMvD,OAAO,GAAGwD,IAAI,KAAK9C,SAAS,GAAGsC,YAAY,CAACQ,IAAI,EAAEnB,KAAK,CAAC,GAAG3B,SAAS;;EAE1E;EACAnC,SAAS,CAAC,MAAM;IACd,IAAI,CAACyB,OAAO,EAAE;IACd,IAAIsC,KAAK,EAAE;MACTe,SAAS,CAACI,OAAO,CAACC,GAAG,CAAC1D,OAAO,CAAC;IAChC,CAAC,MAAM;MACLqD,SAAS,CAACI,OAAO,CAACE,MAAM,CAAC3D,OAAO,CAAC;IACnC;IACA,OAAO,MAAM;MAAEqD,SAAS,CAACI,OAAO,CAACE,MAAM,CAAC3D,OAAO,CAAC;IAAE,CAAC;EACrD,CAAC,EAAE,CAACsC,KAAK,EAAEtC,OAAO,EAAEqD,SAAS,CAAC,CAAC;;EAE/B;EACA;EACA,MAAMzD,QAAQ,GAAGhB,cAAc,CAAC,EAAE,CAAC;EAEnC,MAAMgF,YAAY,GAAGnF,MAAM,CAEzB,IAAI,CAAC;;EAEP;EACA,MAAMoF,kBAAkB,GAAGrF,OAAO,CAAC,MAAMc,sBAAsB,CAACsD,eAAe,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EACpG,MAAM1C,aAAa,GAAGlB,gBAAgB,CAAC,CAAC;;EAExC;EACA,MAAM8E,SAAS,GAAGrE,oBAAoB,CACpCC,YAAY,EAAEC,WAAW,EAAEC,QAAQ,EACnCC,aAAa,EAAEC,SAAS,EAAEC,cAAc,EAAEC,OAAO,EACjD6D,kBAAkB,EAAE3D,aAAa,EAAEC,iBACrC,CAAC;;EAED;EACA,MAAM4D,QAAQ,GAAGpF,eAAe,CAAC,MAAM;IACrC,OAAOiB,QAAQ,CAACS,KAAK,KAAK,EAAE,IAAIV,WAAW,CAACU,KAAK,KAAKT,QAAQ,CAACS,KAAK;EACtE,CAAC,CAAC;;EAEF;EACA,MAAM2D,gBAAgB,GAAGxF,OAAO,CAAkC,MAAM;IACtE,IAAI,CAACwB,OAAO,EAAE,OAAO,IAAI;IACzB,OAAO;MACLA,OAAO;MACPqC,KAAK;MACL0B,QAAQ;MACRE,YAAY,EAAEtE;IAChB,CAAC;EACH,CAAC,EAAE,CAACK,OAAO,EAAEqC,KAAK,EAAE0B,QAAQ,EAAEpE,WAAW,CAAC,CAAC;;EAE3C;EACA,MAAMuE,UAAU,GAAGjB,OAAO,CAACkB,MAAM;EACjC,MAAMC,gBAAgB,GAAG,QAAQ/B,KAAK,GAAG,CAAC,OAAO6B,UAAU,EAAE;EAC7D,MAAMG,eAAe,GAAG,gCAAgC;EAExD,MAAMC,aAAa,GAAG9F,OAAO,CAAC,OAAO;IACnC,IAAI,OAAOgE,aAAa,CAAC+B,OAAO,KAAK,QAAQ,IAAI/B,aAAa,CAAC+B,OAAO,KAAK,IAAI,GAC3E/B,aAAa,CAAC+B,OAAO,GAAG,CAAC,CAAC,CAAC;IAC/BlC,KAAK;IAAEkB,aAAa;IAAEC;EACxB,CAAC,CAAC,EAAE,CAAChB,aAAa,CAAC+B,OAAO,EAAElC,KAAK,EAAEkB,aAAa,EAAEC,IAAI,CAAC,CAAC;EAExD,oBACEhE,IAAA,CAACH,mBAAmB;IAACgB,KAAK,EAAE2D,gBAAiB;IAAAzB,QAAA,eAC7C/C,IAAA,CAACX,UAAU,CAAC2F,IAAI;MAACC,KAAK,EAAEX,SAAU;MAACY,QAAQ,EAAE7B,YAAa;MAAC8B,OAAO,EAAE7B,WAAY;MAAAP,QAAA,eAC9E/C,IAAA,CAACL,QAAQ;QACPwD,cAAc,EAAEA,cAAe;QAC/BiC,iBAAiB,EAAElC,cAAc,IAAI,CAACD,UAAW;QACjDoC,iBAAiB,EAAEnC,cAAc,IAAID,UAAW;QAChDqC,gBAAgB,EAAErC,UAAU,IAAI/B,SAAU;QAC1CqE,SAAS,EAAE,CAACzC,KAAM;QAClB0C,kBAAkB,EAAEZ,gBAAiB;QACrCa,iBAAiB,EAAEZ,eAAgB;QACnCa,iBAAiB,EAAC,YAAY;QAAA,GAC1B1C,aAAa;QACjB+B,OAAO,EAAED,aAAc;QACvBa,YAAY,EAAGC,GAAG,IAAK;UACrBxB,YAAY,CAACH,OAAO,GAAG2B,GAAG,EAAEC,OAAO,IAAI,IAAI;UAC3C;UACA;UACAzF,QAAQ,CAACS,KAAK,GAAG+E,GAAG,EAAEE,EAAE,IAAI,EAAE;QAChC,CAAE;QACFC,SAAS,EAAGC,KAAK,IAAK;UACpBhD,aAAa,CAAC+C,SAAS,GAAGC,KAAK,CAAC;QAClC,CAAE;QACFC,UAAU,EAAGD,KAAK,IAAK;UACrBhD,aAAa,CAACiD,UAAU,GAAGD,KAAK,CAAC;QACnC,CAAE;QACFE,SAAS,EAAGC,QAAQ,IAAK;UACvBvC,aAAa,GAAG,CAAC;UACjBZ,aAAa,CAACkD,SAAS,GAAGC,QAAQ,CAAC;QACrC,CAAE;QACFC,SAAS,EAAGC,YAAY,IAAK;UAC3BrD,aAAa,CAACoD,SAAS,GAAGC,YAAY,CAAC;UACvC,IAAI7F,OAAO,IAAI6F,YAAY,EAAE;YAC3B;YACA;YACA;YACA;YACA;YACA,IAAIC,IAAI,GAAGD,YAAY,CAAC/E,CAAC;YACzB,IAAIiF,IAAI,GAAGF,YAAY,CAAC7E,CAAC;YACzB,IAAItC,QAAQ,CAACsH,EAAE,KAAK,KAAK,IAAIH,YAAY,CAACI,kBAAkB,EAAE;cAC5D,MAAMC,YAAY,GAAGpG,SAAS,CAACO,KAAK,CAACL,OAAO,CAAC;cAC7C,IAAIkG,YAAY,EAAE;gBAChBJ,IAAI,IAAII,YAAY,CAACpF,CAAC;gBACtBiF,IAAI,IAAIG,YAAY,CAAClF,CAAC;cACxB;YACF;YACA,MAAMmF,KAA8B,GAAG;cACrCrF,CAAC,EAAEgF,IAAI;cACP9E,CAAC,EAAE+E,IAAI;cACPK,KAAK,EAAEP,YAAY,CAACO,KAAK;cACzBC,MAAM,EAAER,YAAY,CAACQ,MAAM;cAC3BC,GAAG,EAAEtG,OAAO;cACZqC,KAAK;cACLkE,eAAe,EAAE;gBAAEzF,CAAC,EAAEqC,cAAc,CAAC9C,KAAK,CAACS,CAAC;gBAAEE,CAAC,EAAEmC,cAAc,CAAC9C,KAAK,CAACW;cAAE;YAC1E,CAAC;YACD+B,gBAAgB,CAACU,OAAO,CAAC+C,GAAG,CAACxG,OAAO,EAAEmG,KAAK,CAAC;UAC9C;QACF,CAAE;QAAA5D,QAAA,EAEDA;MAAQ,CACD;IAAC,CACI;EAAC,CACG,CAAC;AAE1B,CAAC;AAED,OAAO,MAAMkE,YAAY,gBAAGnI,IAAI,CAAC6D,iBAAiB,CAA6B","ignoreList":[]}

package/lib/module/SortableItemContext.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { createContext, use } from 'react';
+
+/** Per-item state exposed by useItemContext */
+
+export const SortableItemContext = /*#__PURE__*/createContext(null);
+
+/**
+ * Access per-item state from within a SortableItem's children.
+ *
+ * Returns SharedValues for reactive animations:
+ * - `isActive` — true when THIS item is being dragged
+ * - `activeItemId` — ID of the currently dragged item
+ * - `itemKey` — this item's key
+ * - `index` — this item's display index
+ *
+ * Must be called within a `<SortableItem>`.
+ *
+ * @example
+ * ```tsx
+ * function MyItem() {
+ *   const { isActive } = useItemContext();
+ *   const style = useAnimatedStyle(() => ({
+ *     transform: [{ scale: isActive.value ? 1.1 : 1 }],
+ *   }));
+ *   return <Reanimated.View style={style}>...</Reanimated.View>;
+ * }
+ * ```
+ */
+export const useItemContext = () => {
+  const ctx = use(SortableItemContext);
+  if (!ctx) {
+    throw new Error('useItemContext must be used within a SortableItem');
+  }
+  return ctx;
+};
+//# sourceMappingURL=SortableItemContext.js.map

package/lib/module/SortableItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","use","SortableItemContext","useItemContext","ctx","Error"],"sourceRoot":"../../src","sources":["SortableItemContext.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,GAAG,QAAQ,OAAO;;AAG1C;;AAYA,OAAO,MAAMC,mBAAmB,gBAAGF,aAAa,CAAkC,IAAI,CAAC;;AAEvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,cAAc,GAAGA,CAAA,KAAgC;EAC5D,MAAMC,GAAG,GAAGH,GAAG,CAACC,mBAAmB,CAAC;EACpC,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,mDAAmD,CAAC;EACtE;EACA,OAAOD,GAAG;AACZ,CAAC","ignoreList":[]}

package/lib/module/compat/detectVersion.js

@@ -0,0 +1,19 @@
+"use strict";
+
+/**
+ * Runtime detection of react-native-gesture-handler version.
+ * Returns true if v3 hook API (usePanGesture) is available.
+ * Result is cached after first call.
+ */
+let _isV3 = null;
+export function isGestureHandlerV3() {
+  if (_isV3 !== null) return _isV3;
+  try {
+    const rngh = require('react-native-gesture-handler');
+    _isV3 = typeof rngh.usePanGesture === 'function';
+  } catch {
+    _isV3 = false;
+  }
+  return _isV3;
+}
+//# sourceMappingURL=detectVersion.js.map

package/lib/module/compat/detectVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_isV3","isGestureHandlerV3","rngh","require","usePanGesture"],"sourceRoot":"../../../src","sources":["compat/detectVersion.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,IAAIA,KAAqB,GAAG,IAAI;AAEhC,OAAO,SAASC,kBAAkBA,CAAA,EAAY;EAC5C,IAAID,KAAK,KAAK,IAAI,EAAE,OAAOA,KAAK;EAChC,IAAI;IACF,MAAME,IAAI,GAAGC,OAAO,CAAC,8BAA8B,CAAC;IACpDH,KAAK,GAAG,OAAOE,IAAI,CAACE,aAAa,KAAK,UAAU;EAClD,CAAC,CAAC,MAAM;IACNJ,KAAK,GAAG,KAAK;EACf;EACA,OAAOA,KAAK;AACd","ignoreList":[]}

package/lib/module/compat/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { useDraxPanGesture } from "./useDraxPanGesture.js";
+export { isGestureHandlerV3 } from "./detectVersion.js";
+//# sourceMappingURL=index.js.map

package/lib/module/compat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDraxPanGesture","isGestureHandlerV3"],"sourceRoot":"../../../src","sources":["compat/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,wBAAqB;AAMvD,SAASC,kBAAkB,QAAQ,oBAAiB","ignoreList":[]}

package/lib/module/compat/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/compat/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["compat/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/compat/useDraxPanGesture.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { useMemo, useState } from 'react';
+import { useAnimatedReaction } from 'react-native-reanimated';
+import { runOnJS } from 'react-native-worklets';
+import { isGestureHandlerV3 } from "./detectVersion.js";
+// Module-scope require — cached by the bundler, always the same reference.
+// Hoisted out of the hook body so the compiler sees a stable function identity.
+const rngh = require('react-native-gesture-handler');
+
+/**
+ * v3 path — passes through to RNGH's usePanGesture with SharedValue config.
+ * Zero overhead, UI-thread-driven reconfiguration.
+ */
+function useDraxPanGestureV3(config) {
+  // Build config without undefined failOffset keys — RNGH v3 warns on
+  // undefined keys that survive transformOffsetProp without deletion.
+  // Spread is not allowed here (Reanimated workletizes hook arguments).
+  const panConfig = {
+    enabled: config.enabledSV,
+    activateAfterLongPress: config.longPressDelaySV,
+    maxPointers: config.maxPointers,
+    shouldCancelWhenOutside: config.shouldCancelWhenOutside,
+    touchAction: config.touchAction,
+    onActivate: config.onActivate,
+    onUpdate: config.onUpdate,
+    onDeactivate: config.onDeactivate,
+    onFinalize: config.onFinalize
+  };
+  if (config.failOffsetX !== undefined) panConfig.failOffsetX = config.failOffsetX;
+  if (config.failOffsetY !== undefined) panConfig.failOffsetY = config.failOffsetY;
+  return rngh.usePanGesture(panConfig);
+}
+
+/**
+ * v2 path — wraps Gesture.Pan() builder pattern.
+ * SharedValue config is watched via useAnimatedReaction and triggers gesture
+ * recreation on change. This is slower than v3 but functionally correct.
+ * In practice, enabled/longPressDelay change very rarely (prop updates only).
+ */
+function useDraxPanGestureV2(config) {
+  const Gesture = rngh.Gesture;
+
+  // Mirror SharedValues to React state for v2 gesture config
+  const [enabled, setEnabled] = useState(config.enabledSV.value);
+  const [longPressDelay, setLongPressDelay] = useState(config.longPressDelaySV.value);
+
+  // Watch SharedValue changes and sync to JS state
+  useAnimatedReaction(() => config.enabledSV.value, (current, prev) => {
+    if (prev !== null && current !== prev) {
+      runOnJS(setEnabled)(current);
+    }
+  });
+  useAnimatedReaction(() => config.longPressDelaySV.value, (current, prev) => {
+    if (prev !== null && current !== prev) {
+      runOnJS(setLongPressDelay)(current);
+    }
+  });
+
+  // Typed as DraxPanGesture directly — v2 builder returns a legacy type that's structurally
+  // different from v3's PanGesture at compile time, but GestureDetector accepts both at runtime.
+  // Since Gesture comes from require() (any), the assignment is valid without a cast.
+  const gesture = useMemo(() => {
+    let g = Gesture.Pan().enabled(enabled).activateAfterLongPress(longPressDelay).maxPointers(config.maxPointers).shouldCancelWhenOutside(config.shouldCancelWhenOutside);
+    if (config.failOffsetX !== undefined) g = g.failOffsetX(config.failOffsetX);
+    if (config.failOffsetY !== undefined) g = g.failOffsetY(config.failOffsetY);
+    return g.onStart(event => {
+      'worklet';
+
+      config.onActivate(event);
+    }).onUpdate(event => {
+      'worklet';
+
+      config.onUpdate(event);
+    }).onEnd(event => {
+      'worklet';
+
+      config.onDeactivate(event);
+    }).onFinalize((event, success) => {
+      'worklet';
+
+      config.onFinalize(event, success);
+    });
+  }, [Gesture, enabled, longPressDelay, config]);
+  return gesture;
+}
+
+/**
+ * Version-agnostic pan gesture hook.
+ * Delegates to v3's usePanGesture (optimal) or v2's Gesture.Pan() builder (compat).
+ * Selected at module load time to avoid conditional hook calls.
+ */
+export const useDraxPanGesture = isGestureHandlerV3() ? useDraxPanGestureV3 : useDraxPanGestureV2;
+//# sourceMappingURL=useDraxPanGesture.js.map

package/lib/module/compat/useDraxPanGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","useAnimatedReaction","runOnJS","isGestureHandlerV3","rngh","require","useDraxPanGestureV3","config","panConfig","enabled","enabledSV","activateAfterLongPress","longPressDelaySV","maxPointers","shouldCancelWhenOutside","touchAction","onActivate","onUpdate","onDeactivate","onFinalize","failOffsetX","undefined","failOffsetY","usePanGesture","useDraxPanGestureV2","Gesture","setEnabled","value","longPressDelay","setLongPressDelay","current","prev","gesture","g","Pan","onStart","event","onEnd","success","useDraxPanGesture"],"sourceRoot":"../../../src","sources":["compat/useDraxPanGesture.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { useDraxContext } from "./useDraxContext.js";
+export { useDraxId } from "./useDraxId.js";
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDraxContext","useDraxId"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}