react-native-swappable-grid 1.0.0

package/lib/commonjs/utils/helpers/gestures/PanWithLongPress.js

@@ -0,0 +1,249 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PanWithLongPress = void 0;
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _indexCalculations = require("../indexCalculations");
+const PanWithLongPress = props => {
+  const {
+    order,
+    dynamicNumColumns,
+    activeKey,
+    offsetX,
+    offsetY,
+    startX,
+    startY,
+    dragMode,
+    positions,
+    itemsByKey,
+    itemWidth,
+    itemHeight,
+    containerPadding,
+    gap,
+    setOrderState,
+    onDragEnd,
+    onOrderChange,
+    scrollSpeed,
+    scrollThreshold,
+    scrollViewRef,
+    scrollOffset,
+    viewportH,
+    longPressMs,
+    contentH,
+    reverse = false,
+    deleteComponentPosition,
+    deleteItem,
+    contentPaddingBottom = 0
+  } = props;
+  const scrollDir = (0, _reactNativeReanimated.useSharedValue)(0); // -1 = up, 1 = down, 0 = none
+  const initialScrollOffset = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _reactNativeReanimated.useDerivedValue)(() => {
+    if (!dragMode.value || !activeKey.value) return;
+    if (viewportH.value <= 0 || contentH.value <= 0) return;
+    const key = activeKey.value;
+    const p = positions[key];
+    if (!p) return;
+
+    // 1. Clamp scroll offset
+    const maxScroll = contentH.value - viewportH.value;
+    const newScroll = Math.max(0, Math.min(scrollOffset.value + scrollDir.value * scrollSpeed, maxScroll));
+    (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, newScroll, false);
+    const scrollDelta = newScroll - initialScrollOffset.value;
+    scrollOffset.value = newScroll;
+
+    // 2. Clamp item position
+    // Allow dragging into padding area (paddingBottom from style prop)
+    const minY = 0;
+    // Add paddingBottom to maxY to allow dragging into the padding area
+    const maxY = contentH.value - itemHeight + contentPaddingBottom;
+    const proposedY = startY.value + offsetY.value + scrollDelta;
+    p.y.value = Math.max(minY, Math.min(proposedY, maxY));
+
+    // X stays normal
+    p.x.value = startX.value + offsetX.value;
+
+    // Keep loop alive
+    requestAnimationFrame(() => {
+      scrollDir.value = scrollDir.value;
+    });
+  });
+  const getIndexOfKey = key => {
+    "worklet";
+
+    return order.value.findIndex(x => x === key);
+  };
+  return _reactNativeGestureHandler.Gesture.Pan().minDistance(10).activateAfterLongPress(longPressMs).onStart(({
+    x,
+    y
+  }) => {
+    initialScrollOffset.value = scrollOffset.value;
+    dragMode.value = true;
+    let bestKey = null;
+    let bestDist = Number.MAX_VALUE;
+    order.value.forEach(key => {
+      const p = positions[key];
+      if (!p) return;
+      const cx = p.x.value + itemWidth / 2;
+      const cy = p.y.value + itemHeight / 2;
+      const dx = cx - x;
+      const dy = cy - y;
+      const dist2 = dx * dx + dy * dy;
+      if (dist2 < bestDist) {
+        bestDist = dist2;
+        bestKey = key;
+      }
+    });
+    if (!bestKey) return;
+    activeKey.value = bestKey;
+    const p = positions[bestKey];
+    p.active.value = (0, _reactNativeReanimated.withTiming)(1, {
+      duration: 120
+    });
+    startX.value = p.x.value;
+    startY.value = p.y.value;
+    offsetX.value = 0;
+    offsetY.value = 0;
+  }).onUpdate(({
+    translationX,
+    translationY
+  }) => {
+    if (!dragMode.value) return;
+    const key = activeKey.value;
+    if (!key) return;
+    const p = positions[key];
+    const scrollDelta = scrollOffset.value - initialScrollOffset.value;
+
+    // Update active (top-left)
+    offsetX.value = translationX;
+    offsetY.value = translationY;
+    p.x.value = startX.value + offsetX.value;
+    p.y.value = startY.value + offsetY.value + scrollDelta;
+
+    // Auto-scroll (unchanged)
+    const pointerYInViewport = p.y.value - scrollOffset.value;
+    if (pointerYInViewport > viewportH.value - scrollThreshold) {
+      scrollDir.value = 1;
+    } else if (pointerYInViewport < scrollThreshold) {
+      scrollDir.value = -1;
+    } else {
+      scrollDir.value = 0;
+    }
+
+    // Compute target index from the active tile's **center**
+    const centerY = p.y.value + itemHeight / 2;
+    const fromIndex = getIndexOfKey(key);
+    let toIndex;
+    if (dynamicNumColumns.value === 1) {
+      toIndex = (0, _indexCalculations.toIndex1ColFromLiveMidlines)(order, positions, activeKey, itemHeight, centerY, reverse // ← pass your prop
+      );
+    } else {
+      // unchanged multi-column path
+      const centerX = p.x.value + itemWidth / 2;
+      toIndex = (0, _indexCalculations.xyToIndex)({
+        order,
+        x: centerX,
+        y: centerY,
+        itemWidth,
+        itemHeight,
+        dynamicNumColumns,
+        containerPadding,
+        gap
+      });
+    }
+    if (toIndex !== fromIndex && toIndex >= 0 && toIndex <= order.value.length - 1) {
+      const next = [...order.value];
+      next.splice(fromIndex, 1);
+      next.splice(toIndex, 0, key);
+      order.value = next;
+    }
+  }).onEnd(() => {
+    scrollDir.value = 0; // stop auto-scroll
+    if (!dragMode.value) return;
+    const key = activeKey.value;
+    if (!key) {
+      dragMode.value = false;
+      return;
+    }
+    const p = positions[key];
+
+    // Check if item was dropped into delete component
+    if (deleteComponentPosition !== null && deleteComponentPosition !== void 0 && deleteComponentPosition.value && deleteItem) {
+      const deletePos = deleteComponentPosition.value;
+
+      // Add tolerance/padding to make it easier to hit (20% of item size)
+      const tolerance = Math.min(itemWidth, itemHeight) * 0.2;
+      const expandedDeleteX = deletePos.x - tolerance;
+      const expandedDeleteY = deletePos.y - tolerance;
+      const expandedDeleteWidth = deletePos.width + tolerance * 2;
+      const expandedDeleteHeight = deletePos.height + tolerance * 2;
+
+      // Check if item bounding box overlaps with expanded delete component bounds
+      // This is more forgiving than checking just the center point
+      const itemLeft = p.x.value;
+      const itemRight = p.x.value + itemWidth;
+      const itemTop = p.y.value;
+      const itemBottom = p.y.value + itemHeight;
+
+      // Bounding box intersection check
+      const overlaps = itemLeft < expandedDeleteX + expandedDeleteWidth && itemRight > expandedDeleteX && itemTop < expandedDeleteY + expandedDeleteHeight && itemBottom > expandedDeleteY;
+      if (overlaps) {
+        // Item was dropped into delete component - delete it
+        (0, _reactNativeReanimated.runOnJS)(deleteItem)(key);
+        // Note: deleteItem will handle calling onDelete callback if provided
+        p.active.value = (0, _reactNativeReanimated.withTiming)(0, {
+          duration: 120
+        });
+        activeKey.value = null;
+        dragMode.value = false;
+        return;
+      }
+    }
+
+    // Normal drop - return to grid position
+    const idx = getIndexOfKey(key);
+    const {
+      x,
+      y
+    } = (0, _indexCalculations.indexToXY)({
+      index: idx,
+      itemWidth,
+      itemHeight,
+      dynamicNumColumns,
+      containerPadding,
+      gap
+    });
+    const scale = Math.min(itemWidth, itemHeight) / 200; // 100px baseline
+
+    const damping = 18 * scale;
+    const stiffness = 240 * scale;
+    const mass = Math.max(0.05, scale); // helps stability for tiny items
+
+    p.x.value = (0, _reactNativeReanimated.withSpring)(x, {
+      damping,
+      stiffness,
+      mass
+    });
+    p.y.value = (0, _reactNativeReanimated.withSpring)(y, {
+      damping,
+      stiffness,
+      mass
+    });
+    p.active.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 120
+    });
+    (0, _reactNativeReanimated.runOnJS)(setOrderState)(order.value);
+    if (onDragEnd) {
+      (0, _reactNativeReanimated.runOnJS)(onDragEnd)(order.value.map(key => itemsByKey[key]));
+    }
+    if (onOrderChange) {
+      (0, _reactNativeReanimated.runOnJS)(onOrderChange)([...order.value]);
+    }
+    activeKey.value = null;
+    dragMode.value = false;
+  });
+};
+exports.PanWithLongPress = PanWithLongPress;
+//# sourceMappingURL=PanWithLongPress.js.map

package/lib/commonjs/utils/helpers/gestures/PanWithLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeGestureHandler","require","_reactNativeReanimated","_indexCalculations","PanWithLongPress","props","order","dynamicNumColumns","activeKey","offsetX","offsetY","startX","startY","dragMode","positions","itemsByKey","itemWidth","itemHeight","containerPadding","gap","setOrderState","onDragEnd","onOrderChange","scrollSpeed","scrollThreshold","scrollViewRef","scrollOffset","viewportH","longPressMs","contentH","reverse","deleteComponentPosition","deleteItem","contentPaddingBottom","scrollDir","useSharedValue","initialScrollOffset","useDerivedValue","value","key","p","maxScroll","newScroll","Math","max","min","scrollTo","scrollDelta","minY","maxY","proposedY","y","x","requestAnimationFrame","getIndexOfKey","findIndex","Gesture","Pan","minDistance","activateAfterLongPress","onStart","bestKey","bestDist","Number","MAX_VALUE","forEach","cx","cy","dx","dy","dist2","active","withTiming","duration","onUpdate","translationX","translationY","pointerYInViewport","centerY","fromIndex","toIndex","toIndex1ColFromLiveMidlines","centerX","xyToIndex","length","next","splice","onEnd","deletePos","tolerance","expandedDeleteX","expandedDeleteY","expandedDeleteWidth","width","expandedDeleteHeight","height","itemLeft","itemRight","itemTop","itemBottom","overlaps","runOnJS","idx","indexToXY","index","scale","damping","stiffness","mass","withSpring","map","exports"],"sources":["PanWithLongPress.ts"],"sourcesContent":["import { Gesture } from \"react-native-gesture-handler\";\nimport {\n  runOnJS,\n  SharedValue,\n  withSpring,\n  withTiming,\n  scrollTo,\n  AnimatedRef,\n  useSharedValue,\n  useDerivedValue,\n} from \"react-native-reanimated\";\nimport {\n  indexToXY,\n  toIndex1ColFromLiveMidlines,\n  xyToIndex,\n} from \"../indexCalculations\";\n\ninterface PanProps {\n  order: SharedValue<string[]>;\n  dynamicNumColumns: SharedValue<number>;\n  activeKey: SharedValue<string | null>;\n  offsetX: SharedValue<number>;\n  offsetY: SharedValue<number>;\n  startX: SharedValue<number>;\n  startY: SharedValue<number>;\n  dragMode: SharedValue<boolean>;\n  positions: any;\n  itemsByKey: any;\n  itemWidth: number;\n  itemHeight: number;\n  containerPadding: number;\n  gap: number;\n  setOrderState: React.Dispatch<React.SetStateAction<string[]>>;\n  onDragEnd?: (ordered: ChildNode[]) => void;\n  onOrderChange?: (keys: string[]) => void;\n\n  // scrolling\n  scrollSpeed: number;\n  scrollThreshold: number;\n  scrollViewRef: AnimatedRef<any>;\n  scrollOffset: SharedValue<number>;\n  viewportH: SharedValue<number>;\n  longPressMs: number;\n  contentH: SharedValue<number>;\n  reverse?: boolean;\n  deleteComponentPosition?: SharedValue<{\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  } | null>;\n  deleteItem?: (key: string) => void;\n  contentPaddingBottom?: number; // Padding bottom from style prop to allow dragging into padding area\n}\n\nexport const PanWithLongPress = (props: PanProps & { longPressMs: number }) => {\n  const {\n    order,\n    dynamicNumColumns,\n    activeKey,\n    offsetX,\n    offsetY,\n    startX,\n    startY,\n    dragMode,\n    positions,\n    itemsByKey,\n    itemWidth,\n    itemHeight,\n    containerPadding,\n    gap,\n    setOrderState,\n    onDragEnd,\n    onOrderChange,\n    scrollSpeed,\n    scrollThreshold,\n    scrollViewRef,\n    scrollOffset,\n    viewportH,\n    longPressMs,\n    contentH,\n    reverse = false,\n    deleteComponentPosition,\n    deleteItem,\n    contentPaddingBottom = 0,\n  } = props;\n\n  const scrollDir = useSharedValue(0); // -1 = up, 1 = down, 0 = none\n  const initialScrollOffset = useSharedValue(0);\n\n  useDerivedValue(() => {\n    if (!dragMode.value || !activeKey.value) return;\n\n    if (viewportH.value <= 0 || contentH.value <= 0) return;\n\n    const key = activeKey.value;\n    const p = positions[key];\n    if (!p) return;\n\n    // 1. Clamp scroll offset\n    const maxScroll = contentH.value - viewportH.value;\n    const newScroll = Math.max(\n      0,\n      Math.min(scrollOffset.value + scrollDir.value * scrollSpeed, maxScroll)\n    );\n\n    scrollTo(scrollViewRef, 0, newScroll, false);\n    const scrollDelta = newScroll - initialScrollOffset.value;\n    scrollOffset.value = newScroll;\n\n    // 2. Clamp item position\n    // Allow dragging into padding area (paddingBottom from style prop)\n    const minY = 0;\n    // Add paddingBottom to maxY to allow dragging into the padding area\n    const maxY = contentH.value - itemHeight + contentPaddingBottom;\n    const proposedY = startY.value + offsetY.value + scrollDelta;\n    p.y.value = Math.max(minY, Math.min(proposedY, maxY));\n\n    // X stays normal\n    p.x.value = startX.value + offsetX.value;\n\n    // Keep loop alive\n    requestAnimationFrame(() => {\n      scrollDir.value = scrollDir.value;\n    });\n  });\n\n  const getIndexOfKey = (key: string) => {\n    \"worklet\";\n    return order.value.findIndex((x) => x === key);\n  };\n\n  return Gesture.Pan()\n    .minDistance(10)\n    .activateAfterLongPress(longPressMs)\n    .onStart(({ x, y }) => {\n      initialScrollOffset.value = scrollOffset.value;\n      dragMode.value = true;\n      let bestKey: string | null = null;\n      let bestDist = Number.MAX_VALUE;\n      order.value.forEach((key) => {\n        const p = positions[key];\n        if (!p) return;\n        const cx = p.x.value + itemWidth / 2;\n        const cy = p.y.value + itemHeight / 2;\n        const dx = cx - x;\n        const dy = cy - y;\n        const dist2 = dx * dx + dy * dy;\n        if (dist2 < bestDist) {\n          bestDist = dist2;\n          bestKey = key;\n        }\n      });\n      if (!bestKey) return;\n      activeKey.value = bestKey;\n      const p = positions[bestKey]!;\n      p.active.value = withTiming(1, { duration: 120 });\n      startX.value = p.x.value;\n      startY.value = p.y.value;\n      offsetX.value = 0;\n      offsetY.value = 0;\n    })\n    .onUpdate(({ translationX, translationY }) => {\n      if (!dragMode.value) return;\n      const key = activeKey.value;\n      if (!key) return;\n\n      const p = positions[key]!;\n      const scrollDelta = scrollOffset.value - initialScrollOffset.value;\n\n      // Update active (top-left)\n      offsetX.value = translationX;\n      offsetY.value = translationY;\n      p.x.value = startX.value + offsetX.value;\n      p.y.value = startY.value + offsetY.value + scrollDelta;\n\n      // Auto-scroll (unchanged)\n      const pointerYInViewport = p.y.value - scrollOffset.value;\n      if (pointerYInViewport > viewportH.value - scrollThreshold) {\n        scrollDir.value = 1;\n      } else if (pointerYInViewport < scrollThreshold) {\n        scrollDir.value = -1;\n      } else {\n        scrollDir.value = 0;\n      }\n\n      // Compute target index from the active tile's **center**\n      const centerY = p.y.value + itemHeight / 2;\n      const fromIndex = getIndexOfKey(key);\n\n      let toIndex: number;\n      if (dynamicNumColumns.value === 1) {\n        toIndex = toIndex1ColFromLiveMidlines(\n          order,\n          positions,\n          activeKey,\n          itemHeight,\n          centerY,\n          reverse // ← pass your prop\n        );\n      } else {\n        // unchanged multi-column path\n        const centerX = p.x.value + itemWidth / 2;\n        toIndex = xyToIndex({\n          order,\n          x: centerX,\n          y: centerY,\n          itemWidth,\n          itemHeight,\n          dynamicNumColumns,\n          containerPadding,\n          gap,\n        });\n      }\n\n      if (\n        toIndex !== fromIndex &&\n        toIndex >= 0 &&\n        toIndex <= order.value.length - 1\n      ) {\n        const next = [...order.value];\n        next.splice(fromIndex, 1);\n        next.splice(toIndex, 0, key);\n        order.value = next;\n      }\n    })\n    .onEnd(() => {\n      scrollDir.value = 0; // stop auto-scroll\n      if (!dragMode.value) return;\n      const key = activeKey.value;\n      if (!key) {\n        dragMode.value = false;\n        return;\n      }\n      const p = positions[key]!;\n\n      // Check if item was dropped into delete component\n      if (deleteComponentPosition?.value && deleteItem) {\n        const deletePos = deleteComponentPosition.value;\n\n        // Add tolerance/padding to make it easier to hit (20% of item size)\n        const tolerance = Math.min(itemWidth, itemHeight) * 0.2;\n        const expandedDeleteX = deletePos.x - tolerance;\n        const expandedDeleteY = deletePos.y - tolerance;\n        const expandedDeleteWidth = deletePos.width + tolerance * 2;\n        const expandedDeleteHeight = deletePos.height + tolerance * 2;\n\n        // Check if item bounding box overlaps with expanded delete component bounds\n        // This is more forgiving than checking just the center point\n        const itemLeft = p.x.value;\n        const itemRight = p.x.value + itemWidth;\n        const itemTop = p.y.value;\n        const itemBottom = p.y.value + itemHeight;\n\n        // Bounding box intersection check\n        const overlaps =\n          itemLeft < expandedDeleteX + expandedDeleteWidth &&\n          itemRight > expandedDeleteX &&\n          itemTop < expandedDeleteY + expandedDeleteHeight &&\n          itemBottom > expandedDeleteY;\n\n        if (overlaps) {\n          // Item was dropped into delete component - delete it\n          runOnJS(deleteItem)(key);\n          // Note: deleteItem will handle calling onDelete callback if provided\n          p.active.value = withTiming(0, { duration: 120 });\n          activeKey.value = null;\n          dragMode.value = false;\n          return;\n        }\n      }\n\n      // Normal drop - return to grid position\n      const idx = getIndexOfKey(key);\n      const { x, y } = indexToXY({\n        index: idx,\n        itemWidth,\n        itemHeight,\n        dynamicNumColumns,\n        containerPadding,\n        gap,\n      });\n      const scale = Math.min(itemWidth, itemHeight) / 200; // 100px baseline\n\n      const damping = 18 * scale;\n      const stiffness = 240 * scale;\n      const mass = Math.max(0.05, scale); // helps stability for tiny items\n\n      p.x.value = withSpring(x, { damping, stiffness, mass });\n      p.y.value = withSpring(y, { damping, stiffness, mass });\n\n      p.active.value = withTiming(0, { duration: 120 });\n\n      runOnJS(setOrderState)(order.value);\n      if (onDragEnd) {\n        runOnJS(onDragEnd)(order.value.map((key) => itemsByKey[key]));\n      }\n      if (onOrderChange) {\n        runOnJS(onOrderChange)([...order.value]);\n      }\n      activeKey.value = null;\n      dragMode.value = false;\n    });\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils/helpers/indexCalculations.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.xyToIndex = exports.toIndex1ColFromLiveMidlines = exports.indexToXY = void 0;
+const indexToXY = ({
+  index,
+  itemHeight,
+  itemWidth,
+  dynamicNumColumns,
+  containerPadding,
+  gap
+}) => {
+  "worklet";
+
+  const cols = dynamicNumColumns.value;
+  const col = index % cols;
+  const row = Math.floor(index / cols);
+  const x = containerPadding + col * (itemWidth + gap);
+  const y = containerPadding + row * (itemHeight + gap);
+  return {
+    x,
+    y
+  };
+};
+exports.indexToXY = indexToXY;
+const xyToIndex = ({
+  order,
+  x,
+  y,
+  itemHeight,
+  itemWidth,
+  dynamicNumColumns,
+  gap,
+  containerPadding
+}) => {
+  "worklet";
+
+  const cols = dynamicNumColumns.value;
+
+  // Work with CENTER coordinates relative to the content box
+  const relX = x - containerPadding;
+  const relY = y - containerPadding;
+  const col = Math.floor(relX / (itemWidth + gap));
+  const row = Math.floor(relY / (itemHeight + gap));
+  const clampedCol = Math.max(0, Math.min(cols - 1, col));
+  const maxRows = Math.max(1, Math.ceil(order.value.length / cols));
+  const clampedRow = Math.max(0, Math.min(maxRows - 1, row));
+  return clampedRow * cols + clampedCol;
+};
+exports.xyToIndex = xyToIndex;
+const toIndex1ColFromLiveMidlines = (order, positions, activeKey, itemHeight, centerY, reverse) => {
+  "worklet";
+
+  const list = order.value.filter(k => k !== activeKey.value);
+
+  // Sort by actual on-screen Y (top → bottom)
+  list.sort((a, b) => positions[a].y.value - positions[b].y.value);
+
+  // Find visual slot v (0..list.length)
+  let v = 0;
+  for (; v < list.length; v++) {
+    const mid = positions[list[v]].y.value + itemHeight / 2;
+    if (centerY < mid) break;
+  }
+
+  // Map visual slot → array index AFTER removal (reverse aware)
+  const afterRemovalLen = list.length;
+  return reverse ? afterRemovalLen - v : v;
+};
+exports.toIndex1ColFromLiveMidlines = toIndex1ColFromLiveMidlines;
+//# sourceMappingURL=indexCalculations.js.map

package/lib/commonjs/utils/helpers/indexCalculations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["indexToXY","index","itemHeight","itemWidth","dynamicNumColumns","containerPadding","gap","cols","value","col","row","Math","floor","x","y","exports","xyToIndex","order","relX","relY","clampedCol","max","min","maxRows","ceil","length","clampedRow","toIndex1ColFromLiveMidlines","positions","activeKey","centerY","reverse","list","filter","k","sort","a","b","v","mid","afterRemovalLen"],"sources":["indexCalculations.ts"],"sourcesContent":["import { SharedValue } from \"react-native-reanimated\";\n\ninterface IndexToXYProps {\n  index: number;\n  itemHeight: number;\n  itemWidth: number;\n  dynamicNumColumns: SharedValue<number>;\n  containerPadding: number;\n  gap: number;\n}\n\nexport const indexToXY = ({\n  index,\n  itemHeight,\n  itemWidth,\n  dynamicNumColumns,\n  containerPadding,\n  gap,\n}: IndexToXYProps) => {\n  \"worklet\";\n  const cols = dynamicNumColumns.value;\n  const col = index % cols;\n  const row = Math.floor(index / cols);\n  const x = containerPadding + col * (itemWidth + gap);\n  const y = containerPadding + row * (itemHeight + gap);\n  return { x, y };\n};\n\ninterface XYToIndexProps {\n  order: SharedValue<string[]>;\n  x: number;\n  y: number;\n  itemHeight: number;\n  itemWidth: number;\n  dynamicNumColumns: SharedValue<number>;\n  containerPadding: number;\n  gap: number;\n}\n\nexport const xyToIndex = ({\n  order,\n  x,\n  y,\n  itemHeight,\n  itemWidth,\n  dynamicNumColumns,\n  gap,\n  containerPadding,\n}: XYToIndexProps) => {\n  \"worklet\";\n  const cols = dynamicNumColumns.value;\n\n  // Work with CENTER coordinates relative to the content box\n  const relX = x - containerPadding;\n  const relY = y - containerPadding;\n\n  const col = Math.floor(relX / (itemWidth + gap));\n  const row = Math.floor(relY / (itemHeight + gap));\n\n  const clampedCol = Math.max(0, Math.min(cols - 1, col));\n  const maxRows = Math.max(1, Math.ceil(order.value.length / cols));\n  const clampedRow = Math.max(0, Math.min(maxRows - 1, row));\n\n  return clampedRow * cols + clampedCol;\n};\n\nexport const toIndex1ColFromLiveMidlines = (\n  order: SharedValue<string[]>,\n  positions: Record<string, { y: SharedValue<number> }>,\n  activeKey: SharedValue<string | null>,\n  itemHeight: number,\n  centerY: number,\n  reverse: boolean\n) => {\n  \"worklet\";\n  const list = order.value.filter((k) => k !== activeKey.value);\n\n  // Sort by actual on-screen Y (top → bottom)\n  list.sort((a, b) => positions[a].y.value - positions[b].y.value);\n\n  // Find visual slot v (0..list.length)\n  let v = 0;\n  for (; v < list.length; v++) {\n    const mid = positions[list[v]].y.value + itemHeight / 2;\n    if (centerY < mid) break;\n  }\n\n  // Map visual slot → array index AFTER removal (reverse aware)\n  const afterRemovalLen = list.length;\n  return reverse ? afterRemovalLen - v : v;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils/useGridLayout.js

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridLayout = useGridLayout;
+var _react = require("react");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _indexCalculations = require("./helpers/indexCalculations");
+var _PanWithLongPress = require("./helpers/gestures/PanWithLongPress");
+function useGridLayout({
+  reverse,
+  children,
+  itemWidth,
+  itemHeight,
+  gap,
+  containerPadding,
+  longPressMs,
+  numColumns,
+  onDragEnd,
+  onOrderChange,
+  onDelete,
+  scrollViewRef,
+  scrollSpeed,
+  scrollThreshold,
+  contentPaddingBottom = 0
+}) {
+  const childArray = _react.Children.toArray(children).filter(_react.isValidElement);
+  const keys = childArray.map(child => {
+    if (!("key" in child) || child.key == null) {
+      throw new Error("All children must have a unique 'key' prop.");
+    }
+    return String(child.key);
+  });
+  const [orderState, setOrderState] = (0, _react.useState)(keys);
+  const itemsByKey = (0, _react.useMemo)(() => {
+    const map = {};
+    childArray.forEach(child => {
+      map[String(child.key)] = child;
+    });
+    return map;
+  }, [children]);
+  const dynamicNumColumns = (0, _reactNativeReanimated.useSharedValue)(numColumns ? numColumns : 1);
+  const order = (0, _reactNativeReanimated.useSharedValue)(orderState);
+  const contentW = (0, _reactNativeReanimated.useSharedValue)(0);
+  const viewportH = (0, _reactNativeReanimated.useSharedValue)(0); // **visible height of ScrollView**
+  const activeKey = (0, _reactNativeReanimated.useSharedValue)(null);
+  const offsetX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const offsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const startX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const startY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const dragMode = (0, _reactNativeReanimated.useSharedValue)(false);
+  const anyItemInDeleteMode = (0, _reactNativeReanimated.useSharedValue)(false); // Global delete mode state
+  const contentH = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollOffset = (0, _reactNativeReanimated.useSharedValue)(0);
+  const onScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
+    onScroll: e => {
+      scrollOffset.value = e.contentOffset.y;
+    }
+  });
+
+  // initial positions (create shared values consistently by data length)
+  const positionsArray = childArray.map((d, i) => {
+    const {
+      x,
+      y
+    } = (0, _indexCalculations.indexToXY)({
+      index: i,
+      itemWidth,
+      itemHeight,
+      dynamicNumColumns,
+      containerPadding,
+      gap
+    });
+    return {
+      key: d.key,
+      pos: {
+        x: (0, _reactNativeReanimated.useSharedValue)(x),
+        y: (0, _reactNativeReanimated.useSharedValue)(y),
+        active: (0, _reactNativeReanimated.useSharedValue)(0)
+      }
+    };
+  });
+  const positions = (0, _react.useMemo)(() => {
+    const obj = {};
+    positionsArray.forEach(({
+      key,
+      pos
+    }) => {
+      obj[key ?? `key-${Math.random().toString(36).slice(2)}`] = pos;
+    });
+    return obj;
+  }, [positionsArray]);
+  const deleteItem = key => {
+    setOrderState(prev => prev.filter(k => k !== key));
+    order.value = order.value.filter(k => k !== key);
+    onOrderChange === null || onOrderChange === void 0 || onOrderChange([...order.value]);
+    // Call onDelete callback if provided (for both delete button and drop-to-delete)
+    if (onDelete) {
+      onDelete(key);
+    }
+  };
+  (0, _reactNativeReanimated.useDerivedValue)(() => {
+    order.value.forEach((key, i) => {
+      if (activeKey.value === key) return; // ⬅️ do not layout the active tile
+
+      const p = positions[key];
+      if (!p) return;
+      const displayIndex = reverse ? order.value.length - 1 - i : i;
+      const {
+        x,
+        y
+      } = (0, _indexCalculations.indexToXY)({
+        index: displayIndex,
+        itemWidth,
+        itemHeight,
+        dynamicNumColumns,
+        containerPadding,
+        gap
+      });
+      const scale = Math.min(itemWidth, itemHeight) / 100; // 100px baseline
+
+      const damping = 18 * scale;
+      const stiffness = 240 * scale;
+      const mass = Math.max(0.1, scale); // helps stability for tiny items
+
+      p.x.value = (0, _reactNativeReanimated.withSpring)(x, {
+        damping,
+        stiffness,
+        mass
+      });
+      p.y.value = (0, _reactNativeReanimated.withSpring)(y, {
+        damping,
+        stiffness,
+        mass
+      });
+    });
+  });
+
+  // Layout of the ScrollView (viewport) — height we compare against for edge-scrolling
+  const onLayoutScrollView = e => {
+    viewportH.value = e.nativeEvent.layout.height;
+  };
+
+  // Layout of the content view — width used to compute columns
+  const onLayoutContent = e => {
+    contentW.value = e.nativeEvent.layout.width;
+    contentH.value = e.nativeEvent.layout.height;
+    if (numColumns) {
+      dynamicNumColumns.value = numColumns;
+    } else {
+      const possibleCols = Math.floor((e.nativeEvent.layout.width - containerPadding * 2 + gap) / (itemWidth + gap));
+      dynamicNumColumns.value = Math.max(1, possibleCols);
+    }
+  };
+  const deleteComponentPosition = (0, _reactNativeReanimated.useSharedValue)(null);
+  const composed = _reactNativeGestureHandler.Gesture.Simultaneous((0, _PanWithLongPress.PanWithLongPress)({
+    contentH,
+    order,
+    dynamicNumColumns,
+    activeKey,
+    offsetX,
+    offsetY,
+    startX,
+    startY,
+    dragMode,
+    positions,
+    itemsByKey,
+    itemWidth,
+    itemHeight,
+    containerPadding,
+    gap,
+    setOrderState,
+    onDragEnd,
+    onOrderChange,
+    scrollViewRef,
+    scrollOffset,
+    viewportH,
+    longPressMs,
+    scrollSpeed,
+    scrollThreshold,
+    reverse,
+    deleteComponentPosition,
+    deleteItem,
+    contentPaddingBottom
+  }));
+  return {
+    itemsByKey,
+    orderState,
+    dragMode,
+    anyItemInDeleteMode,
+    composed,
+    dynamicNumColumns,
+    onLayoutContent,
+    onLayoutScrollView,
+    positions,
+    onScroll,
+    childArray,
+    order,
+    deleteItem,
+    deleteComponentPosition
+  };
+}
+//# sourceMappingURL=useGridLayout.js.map

package/lib/commonjs/utils/useGridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","_indexCalculations","_PanWithLongPress","useGridLayout","reverse","children","itemWidth","itemHeight","gap","containerPadding","longPressMs","numColumns","onDragEnd","onOrderChange","onDelete","scrollViewRef","scrollSpeed","scrollThreshold","contentPaddingBottom","childArray","Children","toArray","filter","isValidElement","keys","map","child","key","Error","String","orderState","setOrderState","useState","itemsByKey","useMemo","forEach","dynamicNumColumns","useSharedValue","order","contentW","viewportH","activeKey","offsetX","offsetY","startX","startY","dragMode","anyItemInDeleteMode","contentH","scrollOffset","onScroll","useAnimatedScrollHandler","e","value","contentOffset","y","positionsArray","d","i","x","indexToXY","index","pos","active","positions","obj","Math","random","toString","slice","deleteItem","prev","k","useDerivedValue","p","displayIndex","length","scale","min","damping","stiffness","mass","max","withSpring","onLayoutScrollView","nativeEvent","layout","height","onLayoutContent","width","possibleCols","floor","deleteComponentPosition","composed","Gesture","Simultaneous","PanWithLongPress"],"sources":["useGridLayout.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode, useMemo, useState } from \"react\";\nimport { LayoutChangeEvent } from \"react-native\";\nimport { Gesture } from \"react-native-gesture-handler\";\nimport {\n  AnimatedRef,\n  SharedValue,\n  useAnimatedScrollHandler,\n  useDerivedValue,\n  useSharedValue,\n  withSpring,\n} from \"react-native-reanimated\";\nimport { indexToXY } from \"./helpers/indexCalculations\";\nimport { PanWithLongPress } from \"./helpers/gestures/PanWithLongPress\";\n\ninterface useGridLayoutProps {\n  reverse?: boolean;\n  children: ReactNode;\n  itemWidth: number;\n  itemHeight: number;\n  gap: number;\n  containerPadding: number;\n  longPressMs: number;\n  numColumns?: number;\n  onDragEnd?: (ordered: ChildNode[]) => void;\n  onOrderChange?: (keys: string[]) => void;\n  onDelete?: (key: string) => void;\n  scrollViewRef: AnimatedRef<any>;\n  scrollSpeed: number;\n  scrollThreshold: number;\n  contentPaddingBottom?: number;\n}\n\nexport function useGridLayout({\n  reverse,\n  children,\n  itemWidth,\n  itemHeight,\n  gap,\n  containerPadding,\n  longPressMs,\n  numColumns,\n  onDragEnd,\n  onOrderChange,\n  onDelete,\n  scrollViewRef,\n  scrollSpeed,\n  scrollThreshold,\n  contentPaddingBottom = 0,\n}: useGridLayoutProps) {\n  const childArray = Children.toArray(children).filter(isValidElement);\n  const keys = childArray.map((child) => {\n    if (!(\"key\" in child) || child.key == null) {\n      throw new Error(\"All children must have a unique 'key' prop.\");\n    }\n    return String(child.key);\n  });\n\n  const [orderState, setOrderState] = useState(keys);\n\n  const itemsByKey = useMemo(() => {\n    const map: Record<string, ReactNode> = {};\n    childArray.forEach((child) => {\n      map[String(child.key)] = child;\n    });\n    return map;\n  }, [children]);\n\n  const dynamicNumColumns: SharedValue<number> = useSharedValue(\n    numColumns ? numColumns : 1\n  );\n  const order = useSharedValue<string[]>(orderState);\n  const contentW = useSharedValue(0);\n  const viewportH = useSharedValue(0); // **visible height of ScrollView**\n  const activeKey = useSharedValue<string | null>(null);\n  const offsetX = useSharedValue(0);\n  const offsetY = useSharedValue(0);\n  const startX = useSharedValue(0);\n  const startY = useSharedValue(0);\n  const dragMode = useSharedValue(false);\n  const anyItemInDeleteMode = useSharedValue(false); // Global delete mode state\n  const contentH = useSharedValue(0);\n  const scrollOffset = useSharedValue(0);\n\n  const onScroll = useAnimatedScrollHandler({\n    onScroll: (e) => {\n      scrollOffset.value = e.contentOffset.y;\n    },\n  });\n\n  // initial positions (create shared values consistently by data length)\n  const positionsArray = childArray.map((d, i) => {\n    const { x, y } = indexToXY({\n      index: i,\n      itemWidth,\n      itemHeight,\n      dynamicNumColumns,\n      containerPadding,\n      gap,\n    });\n    return {\n      key: d.key,\n      pos: {\n        x: useSharedValue(x),\n        y: useSharedValue(y),\n        active: useSharedValue(0),\n      },\n    };\n  });\n\n  const positions = useMemo(() => {\n    const obj: Record<string, (typeof positionsArray)[number][\"pos\"]> = {};\n\n    positionsArray.forEach(({ key, pos }) => {\n      obj[key ?? `key-${Math.random().toString(36).slice(2)}`] = pos;\n    });\n\n    return obj;\n  }, [positionsArray]);\n\n  const deleteItem = (key: string) => {\n    setOrderState((prev) => prev.filter((k) => k !== key));\n    order.value = order.value.filter((k) => k !== key);\n    onOrderChange?.([...order.value]);\n    // Call onDelete callback if provided (for both delete button and drop-to-delete)\n    if (onDelete) {\n      onDelete(key);\n    }\n  };\n\n  useDerivedValue(() => {\n    order.value.forEach((key, i) => {\n      if (activeKey.value === key) return; // ⬅️ do not layout the active tile\n\n      const p = positions[key];\n      if (!p) return;\n\n      const displayIndex = reverse ? order.value.length - 1 - i : i;\n\n      const { x, y } = indexToXY({\n        index: displayIndex,\n        itemWidth,\n        itemHeight,\n        dynamicNumColumns,\n        containerPadding,\n        gap,\n      });\n\n      const scale = Math.min(itemWidth, itemHeight) / 100; // 100px baseline\n\n      const damping = 18 * scale;\n      const stiffness = 240 * scale;\n      const mass = Math.max(0.1, scale); // helps stability for tiny items\n\n      p.x.value = withSpring(x, { damping, stiffness, mass });\n      p.y.value = withSpring(y, { damping, stiffness, mass });\n    });\n  });\n\n  // Layout of the ScrollView (viewport) — height we compare against for edge-scrolling\n  const onLayoutScrollView = (e: LayoutChangeEvent) => {\n    viewportH.value = e.nativeEvent.layout.height;\n  };\n\n  // Layout of the content view — width used to compute columns\n  const onLayoutContent = (e: LayoutChangeEvent) => {\n    contentW.value = e.nativeEvent.layout.width;\n    contentH.value = e.nativeEvent.layout.height;\n\n    if (numColumns) {\n      dynamicNumColumns.value = numColumns;\n    } else {\n      const possibleCols = Math.floor(\n        (e.nativeEvent.layout.width - containerPadding * 2 + gap) /\n          (itemWidth + gap)\n      );\n      dynamicNumColumns.value = Math.max(1, possibleCols);\n    }\n  };\n\n  const deleteComponentPosition = useSharedValue<{\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const composed = Gesture.Simultaneous(\n    PanWithLongPress({\n      contentH,\n      order,\n      dynamicNumColumns,\n      activeKey,\n      offsetX,\n      offsetY,\n      startX,\n      startY,\n      dragMode,\n      positions,\n      itemsByKey,\n      itemWidth,\n      itemHeight,\n      containerPadding,\n      gap,\n      setOrderState,\n      onDragEnd,\n      onOrderChange,\n      scrollViewRef,\n      scrollOffset,\n      viewportH,\n      longPressMs,\n      scrollSpeed,\n      scrollThreshold,\n      reverse,\n      deleteComponentPosition,\n      deleteItem,\n      contentPaddingBottom,\n    })\n  );\n\n  return {\n    itemsByKey,\n    orderState,\n    dragMode,\n    anyItemInDeleteMode,\n    composed,\n    dynamicNumColumns,\n    onLayoutContent,\n    onLayoutScrollView,\n    positions,\n    onScroll,\n    childArray,\n    order,\n    deleteItem,\n    deleteComponentPosition,\n  };\n}\n"],"mappings":"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","ignoreList":[]}