react-native-swappable-grid 1.0.1 → 1.0.2

package/lib/commonjs/SwappableGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeGestureHandler","_computerMinHeight","_interopRequireDefault","_useGridLayout","_ChildWrapper","_indexCalculations","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedScrollView","Animated","createAnimatedComponent","ScrollView","normalizeKey","k","String","replace","SwappableGrid","forwardRef","children","itemWidth","itemHeight","gap","containerPadding","longPressMs","numColumns","onDragEnd","onOrderChange","onDelete","wiggle","style","dragSizeIncreaseFactor","scrollThreshold","scrollSpeed","trailingComponent","deleteComponent","deleteComponentStyle","reverse","ref","scrollViewRef","useAnimatedRef","showTrailingComponent","setShowTrailingComponent","useState","showDeleteComponent","setShowDeleteComponent","isDragging","setIsDragging","currentNumColumns","setCurrentNumColumns","touchEndTimeoutRef","React","useRef","deleteComponentRef","useEffect","setTimeout","handleOnOrderChange","order","map","key","paddingBottom","useMemo","styleObj","StyleSheet","flatten","orderState","composed","dynamicNumColumns","onLayoutContent","originalOnLayoutContent","onLayoutScrollView","onScroll","deleteItem","childArray","positions","dragMode","anyItemInDeleteMode","deleteComponentPosition","useGridLayout","undefined","contentPaddingBottom","possibleCols","Math","floor","nativeEvent","layout","width","max","useAnimatedReaction","value","isDraggingValue","runOnJS","useImperativeHandle","cancelDeleteMode","trailingX","useDerivedValue","x","indexToXY","index","length","trailingY","y","trailingStyle","useAnimatedStyle","left","top","deleteComponentX","cols","totalWidth","deleteComponentY","rows","ceil","baseY","deleteComponentStyleAnimated","baseStyle","position","height","showTrailing","showDelete","itemsCountForHeight","baseHeight","computeMinHeight","calculatedHeight","totalItems","deleteComponentBottom","createElement","onLayout","scrollEventThrottle","contentContainerStyle","onTouchEnd","current","clearTimeout","View","styles","container","padding","GestureDetector","gesture","pointerEvents","absoluteFill","child","find","c","disableHoldToDelete","collapsable","flex","create","_default","exports"],"sources":["SwappableGrid.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useEffect,\n  useState,\n  useImperativeHandle,\n  forwardRef,\n} from \"react\";\nimport {\n  View,\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  LayoutChangeEvent,\n} from \"react-native\";\nimport Animated, {\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n  useAnimatedReaction,\n  runOnJS,\n} from \"react-native-reanimated\";\nimport { GestureDetector } from \"react-native-gesture-handler\";\nimport computeMinHeight from \"./utils/helpers/computerMinHeight\";\nimport { useGridLayout } from \"./utils/useGridLayout\";\nimport ChildWrapper from \"./ChildWrapper\";\nimport { indexToXY } from \"./utils/helpers/indexCalculations\";\n\nconst AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);\n\nconst normalizeKey = (k: React.Key) => String(k).replace(/^\\.\\$/, \"\");\n\n/**\n * Props for the SwappableGrid component\n */\ntype SwappableGridProps = {\n  /** The child components to render in the grid. Each child should have a unique key. */\n  children: ReactNode;\n  /** Width of each grid item in pixels */\n  itemWidth: number;\n  /** Height of each grid item in pixels */\n  itemHeight: number;\n  /** Gap between grid items in pixels. Defaults to 8. */\n  gap?: number;\n  /** Padding around the container in pixels. Defaults to 8. */\n  containerPadding?: number;\n  /** Duration in milliseconds to hold before drag starts. Defaults to 300. */\n  longPressMs?: number;\n  /** Number of columns in the grid. If not provided, will be calculated automatically based on container width. */\n  numColumns?: number;\n  /** Wiggle animation configuration when items are in drag mode or delete mode */\n  wiggle?: {\n    /** Duration of one wiggle cycle in milliseconds */\n    duration: number;\n    /** Rotation degrees for the wiggle animation */\n    degrees: number;\n  };\n  /** Callback fired when drag ends, providing the ordered array of child nodes */\n  onDragEnd?: (ordered: ChildNode[]) => void;\n  /** Callback fired when the order changes, providing an array of keys in the new order */\n  onOrderChange?: (keys: string[]) => void;\n  /** Callback fired when an item is deleted, providing the key of the deleted item */\n  onDelete?: (key: string) => void;\n  /** Factor by which the dragged item scales up. Defaults to 1.06. */\n  dragSizeIncreaseFactor?: number;\n  /** Speed of auto-scrolling when dragging near edges. Defaults to 10. */\n  scrollSpeed?: number;\n  /** Distance from edge in pixels that triggers auto-scroll. Defaults to 100. */\n  scrollThreshold?: number;\n  /** Custom style for the ScrollView container */\n  style?: StyleProp<ViewStyle>;\n  /** Component to render after all grid items (e.g., an \"Add\" button) */\n  trailingComponent?: ReactNode;\n  /** Component to render as a delete target (shown when dragging). If provided, disables hold-to-delete feature. */\n  deleteComponent?: ReactNode;\n  /** Custom style for the delete component. If provided, allows custom positioning. */\n  deleteComponentStyle?: StyleProp<ViewStyle>;\n  /** If true, reverses the order of items (right-to-left, bottom-to-top). Defaults to false. */\n  reverse?: boolean;\n};\n\n/**\n * Ref methods for SwappableGrid component\n */\nexport interface SwappableGridRef {\n  /** Cancels the delete mode if any item is currently in delete mode */\n  cancelDeleteMode: () => void;\n}\n\n/**\n * SwappableGrid - A React Native component for creating a draggable, swappable grid layout.\n *\n * Features:\n * - Drag and drop to reorder items\n * - Long press to enter drag mode\n * - Auto-scroll when dragging near edges\n * - Optional wiggle animation during drag mode\n * - Optional delete functionality with hold-to-delete or delete component\n * - Support for trailing components (e.g., \"Add\" button)\n * - Automatic column calculation based on container width\n *\n * @example\n * ```tsx\n * <SwappableGrid\n *   itemWidth={100}\n *   itemHeight={100}\n *   numColumns={3}\n *   onOrderChange={(keys) => console.log('New order:', keys)}\n * >\n *   {items.map(item => (\n *     <View key={item.id}>{item.content}</View>\n *   ))}\n * </SwappableGrid>\n * ```\n */\nconst SwappableGrid = forwardRef<SwappableGridRef, SwappableGridProps>(\n  (\n    {\n      children,\n      itemWidth,\n      itemHeight,\n      gap = 8,\n      containerPadding = 8,\n      longPressMs = 300,\n      numColumns,\n      onDragEnd,\n      onOrderChange,\n      onDelete,\n      wiggle,\n      style,\n      dragSizeIncreaseFactor = 1.06,\n      scrollThreshold = 100,\n      scrollSpeed = 10,\n      trailingComponent,\n      deleteComponent,\n      deleteComponentStyle,\n      reverse = false,\n    },\n    ref\n  ) => {\n    // MUST be Animated ref for scrollTo\n    const scrollViewRef = useAnimatedRef<Animated.ScrollView>();\n    const [showTrailingComponent, setShowTrailingComponent] =\n      useState<boolean>(false);\n    const [showDeleteComponent, setShowDeleteComponent] =\n      useState<boolean>(false);\n    const [isDragging, setIsDragging] = useState<boolean>(false);\n    const [currentNumColumns, setCurrentNumColumns] = useState<number>(\n      numColumns || 1\n    );\n    const touchEndTimeoutRef = React.useRef<ReturnType<\n      typeof setTimeout\n    > | null>(null);\n    const deleteComponentRef = React.useRef<View>(null);\n\n    useEffect(() => {\n      setTimeout(() => {\n        setShowTrailingComponent(true);\n        setShowDeleteComponent(true);\n      }, 50); // This is kinda a hack that makes the trailing component render in the correct position because it lets the other components render first to make the position calculation correct.\n    }, []);\n\n    const handleOnOrderChange = (order: string[]) => {\n      if (onOrderChange) onOrderChange(order.map((key) => normalizeKey(key)));\n    };\n\n    // Extract paddingBottom from style prop to allow dragging into padding area\n    const paddingBottom = React.useMemo(() => {\n      if (!style) return 0;\n      const styleObj = StyleSheet.flatten(style);\n      return (styleObj.paddingBottom as number) || 0;\n    }, [style]);\n\n    const {\n      orderState,\n      composed,\n      dynamicNumColumns,\n      onLayoutContent: originalOnLayoutContent, // layout of the inner content view (for width/cols)\n      onLayoutScrollView, // layout of the scroll viewport (for height)\n      onScroll,\n      deleteItem,\n      childArray,\n      positions,\n      dragMode,\n      anyItemInDeleteMode,\n      order,\n      deleteComponentPosition,\n    } = useGridLayout({\n      reverse,\n      children,\n      longPressMs,\n      itemWidth,\n      itemHeight,\n      gap,\n      containerPadding,\n      numColumns,\n      onDragEnd,\n      onOrderChange: handleOnOrderChange,\n      onDelete: onDelete ? (key) => onDelete(normalizeKey(key)) : undefined,\n      scrollViewRef,\n      scrollSpeed,\n      scrollThreshold,\n      contentPaddingBottom: paddingBottom,\n    });\n\n    // Track numColumns changes for height calculation\n    const onLayoutContent = (e: LayoutChangeEvent) => {\n      originalOnLayoutContent(e);\n      // Update currentNumColumns for height calculation\n      if (numColumns) {\n        setCurrentNumColumns(numColumns);\n      } else {\n        const possibleCols = Math.floor(\n          (e.nativeEvent.layout.width - containerPadding * 2 + gap) /\n            (itemWidth + gap)\n        );\n        setCurrentNumColumns(Math.max(1, possibleCols));\n      }\n    };\n\n    // Track drag state to show/hide delete component\n    useAnimatedReaction(\n      () => dragMode.value,\n      (isDraggingValue) => {\n        runOnJS(setIsDragging)(isDraggingValue);\n      }\n    );\n\n    // Expose cancel delete mode function to parent\n    useImperativeHandle(\n      ref,\n      () => ({\n        cancelDeleteMode: () => {\n          if (anyItemInDeleteMode.value) {\n            anyItemInDeleteMode.value = false;\n          }\n        },\n      }),\n      [anyItemInDeleteMode]\n    );\n\n    const trailingX = useDerivedValue(() => {\n      const { x } = indexToXY({\n        index: order.value.length, // AFTER last swappable\n        itemWidth,\n        itemHeight,\n        dynamicNumColumns,\n        containerPadding,\n        gap,\n      });\n      return x;\n    });\n\n    const trailingY = useDerivedValue(() => {\n      const { y } = indexToXY({\n        index: order.value.length,\n        itemWidth,\n        itemHeight,\n        dynamicNumColumns,\n        containerPadding,\n        gap,\n      });\n      return y;\n    });\n\n    const trailingStyle = useAnimatedStyle(() => ({\n      left: trailingX.value,\n      top: trailingY.value,\n    }));\n\n    // Calculate default delete component position (bottom center)\n    const deleteComponentX = useDerivedValue(() => {\n      if (deleteComponentStyle) {\n        // If custom style provided, position will be set by user\n        return 0;\n      }\n      // Default: center horizontally\n      const cols = dynamicNumColumns.value;\n      const totalWidth =\n        cols * itemWidth + (cols - 1) * gap + containerPadding * 2;\n      return (totalWidth - itemWidth) / 2;\n    });\n\n    const deleteComponentY = useDerivedValue(() => {\n      if (deleteComponentStyle) {\n        // If custom style provided, position will be set by user\n        return 0;\n      }\n      // Default: bottom of grid (after all items)\n      // Account for trailing component if it exists\n      const rows = Math.ceil(order.value.length / dynamicNumColumns.value);\n      const baseY = containerPadding + rows * (itemHeight + gap);\n\n      // If trailing component exists, add extra space so delete component appears below it\n      if (trailingComponent && showTrailingComponent) {\n        return baseY + (itemHeight + gap);\n      }\n\n      return baseY + gap;\n    });\n\n    const deleteComponentStyleAnimated = useAnimatedStyle(() => {\n      const baseStyle: any = {\n        position: \"absolute\",\n        width: itemWidth,\n        height: itemHeight,\n      };\n\n      // Use custom position if provided, otherwise use default\n      if (deleteComponentStyle) {\n        return baseStyle;\n      }\n\n      return {\n        ...baseStyle,\n        left: deleteComponentX.value,\n        top: deleteComponentY.value,\n      };\n    });\n\n    // Update delete component position for drop detection when default position changes\n    useDerivedValue(() => {\n      if (deleteComponent && deleteComponentPosition && !deleteComponentStyle) {\n        // Only update if using default position (custom style uses onLayout)\n        deleteComponentPosition.value = {\n          x: deleteComponentX.value,\n          y: deleteComponentY.value,\n          width: itemWidth,\n          height: itemHeight,\n        };\n      }\n    });\n\n    const showTrailing = !!(trailingComponent && showTrailingComponent);\n    const showDelete = !!(deleteComponent && showDeleteComponent);\n    // Make sure we calculate room for both trailing and delete components\n    // Trailing component is part of the grid, delete component is positioned below\n    const itemsCountForHeight = orderState.length + (showTrailing ? 1 : 0);\n\n    // Calculate minimum height needed (on JS thread since computeMinHeight is not a worklet)\n    const baseHeight = computeMinHeight(\n      itemsCountForHeight,\n      currentNumColumns,\n      itemHeight + gap,\n      containerPadding\n    );\n\n    // If delete component is shown and using default position, add extra space for it\n    let calculatedHeight = baseHeight;\n    if (showDelete && !deleteComponentStyle) {\n      // Account for trailing component when calculating rows (same logic as deleteComponentY)\n      const totalItems = orderState.length + (showTrailing ? 1 : 0);\n      const rows = Math.ceil(totalItems / currentNumColumns);\n      const baseY = containerPadding + rows * (itemHeight + gap);\n\n      // If trailing component exists, add extra space so delete component appears below it\n      let deleteComponentY = baseY;\n      if (showTrailing) {\n        deleteComponentY = baseY + (itemHeight + gap);\n      } else {\n        deleteComponentY = baseY + gap;\n      }\n\n      const deleteComponentBottom = deleteComponentY + itemHeight;\n      // Ensure container is tall enough to show the delete component\n      calculatedHeight = Math.max(\n        baseHeight,\n        deleteComponentBottom + containerPadding\n      );\n    }\n\n    return (\n      <AnimatedScrollView\n        ref={scrollViewRef}\n        onScroll={onScroll}\n        onLayout={onLayoutScrollView} // viewport height comes from the SCROLLVIEW\n        scrollEventThrottle={16}\n        contentContainerStyle={[style]}\n        onTouchEnd={() => {\n          // Cancel delete mode when user touches outside items\n          // Add a small delay to avoid canceling when user taps on items\n          // (items might briefly activate, which would prevent cancellation)\n          if (touchEndTimeoutRef.current) {\n            clearTimeout(touchEndTimeoutRef.current);\n          }\n          touchEndTimeoutRef.current = setTimeout(() => {\n            // Only cancel if still in delete mode and not dragging\n            // This ensures we don't cancel when user is interacting with items\n            if (anyItemInDeleteMode.value && !dragMode.value) {\n              anyItemInDeleteMode.value = false;\n            }\n          }, 100); // Small delay to let item interactions complete\n        }}\n      >\n        <View\n          style={[\n            styles.container,\n            {\n              padding: containerPadding,\n              height: calculatedHeight,\n            },\n          ]}\n          onLayout={onLayoutContent}\n        >\n          <GestureDetector gesture={composed}>\n            <View pointerEvents=\"box-none\" style={StyleSheet.absoluteFill}>\n              {orderState.map((key) => {\n                const child = childArray.find(\n                  (c) => c.key && normalizeKey(c.key) === normalizeKey(key)\n                );\n                if (!child) return null;\n                return (\n                  <ChildWrapper\n                    key={key}\n                    position={positions[key]}\n                    itemWidth={itemWidth}\n                    itemHeight={itemHeight}\n                    dragMode={dragMode}\n                    anyItemInDeleteMode={anyItemInDeleteMode}\n                    wiggle={wiggle}\n                    dragSizeIncreaseFactor={dragSizeIncreaseFactor}\n                    disableHoldToDelete={!!deleteComponent}\n                    onDelete={() => {\n                      deleteItem(key);\n                      if (onDelete) {\n                        onDelete(normalizeKey(key));\n                      }\n                    }}\n                  >\n                    {child}\n                  </ChildWrapper>\n                );\n              })}\n            </View>\n          </GestureDetector>\n\n          {/* Trailing rendered OUTSIDE the GestureDetector */}\n          {trailingComponent && showTrailingComponent && (\n            <Animated.View\n              pointerEvents=\"box-none\"\n              collapsable={false}\n              style={[\n                {\n                  position: \"absolute\",\n                  width: itemWidth,\n                  height: itemHeight,\n                },\n                trailingStyle, // 👈 left/top from UI thread\n              ]}\n            >\n              <View pointerEvents=\"auto\" style={{ flex: 1 }}>\n                {trailingComponent}\n              </View>\n            </Animated.View>\n          )}\n\n          {/* Delete component rendered OUTSIDE the GestureDetector - only show when dragging */}\n          {deleteComponent && showDeleteComponent && isDragging && (\n            <Animated.View\n              ref={deleteComponentRef}\n              pointerEvents=\"box-none\"\n              collapsable={false}\n              style={[\n                deleteComponentStyleAnimated,\n                deleteComponentStyle, // User can override position with custom style\n              ]}\n              onLayout={(e) => {\n                // Update position for drop detection\n                const { x, y, width, height } = e.nativeEvent.layout;\n                if (deleteComponentPosition) {\n                  deleteComponentPosition.value = { x, y, width, height };\n                }\n              }}\n            >\n              <View pointerEvents=\"auto\" style={{ flex: 1 }}>\n                {deleteComponent}\n              </View>\n            </Animated.View>\n          )}\n        </View>\n      </AnimatedScrollView>\n    );\n  }\n);\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n  },\n});\n\nexport default SwappableGrid;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeGestureHandler","_computerMinHeight","_interopRequireDefault","_useGridLayout","_ChildWrapper","_indexCalculations","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedScrollView","Animated","createAnimatedComponent","ScrollView","normalizeKey","k","String","replace","SwappableGrid","forwardRef","children","itemWidth","itemHeight","gap","containerPadding","holdToDragMs","numColumns","onDragEnd","onOrderChange","onDelete","wiggle","wiggleDeleteMode","holdStillToDeleteMs","style","dragSizeIncreaseFactor","scrollThreshold","scrollSpeed","trailingComponent","deleteComponent","deleteComponentStyle","reverse","ref","scrollViewRef","useAnimatedRef","showTrailingComponent","setShowTrailingComponent","useState","showDeleteComponent","setShowDeleteComponent","isDragging","setIsDragging","currentNumColumns","setCurrentNumColumns","touchEndTimeoutRef","React","useRef","deleteComponentRef","useEffect","setTimeout","handleOnOrderChange","order","map","key","paddingBottom","useMemo","styleObj","StyleSheet","flatten","orderState","composed","dynamicNumColumns","onLayoutContent","originalOnLayoutContent","onLayoutScrollView","onScroll","deleteItem","childArray","positions","dragMode","anyItemInDeleteMode","deleteComponentPosition","useGridLayout","undefined","contentPaddingBottom","possibleCols","Math","floor","nativeEvent","layout","width","max","useAnimatedReaction","value","isDraggingValue","runOnJS","useImperativeHandle","cancelDeleteMode","trailingX","useDerivedValue","x","indexToXY","index","length","trailingY","y","trailingStyle","useAnimatedStyle","left","top","deleteComponentX","cols","totalWidth","deleteComponentY","rows","ceil","baseY","deleteComponentStyleAnimated","baseStyle","position","height","showTrailing","showDelete","itemsCountForHeight","baseHeight","computeMinHeight","calculatedHeight","totalItems","deleteComponentBottom","createElement","onLayout","scrollEventThrottle","contentContainerStyle","onTouchEnd","current","clearTimeout","View","styles","container","padding","GestureDetector","gesture","pointerEvents","absoluteFill","child","find","c","disableHoldToDelete","collapsable","flex","create","_default","exports"],"sources":["SwappableGrid.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useEffect,\n  useState,\n  useImperativeHandle,\n  forwardRef,\n} from \"react\";\nimport {\n  View,\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  LayoutChangeEvent,\n} from \"react-native\";\nimport Animated, {\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n  useAnimatedReaction,\n  runOnJS,\n} from \"react-native-reanimated\";\nimport { GestureDetector } from \"react-native-gesture-handler\";\nimport computeMinHeight from \"./utils/helpers/computerMinHeight\";\nimport { useGridLayout } from \"./utils/useGridLayout\";\nimport ChildWrapper from \"./ChildWrapper\";\nimport { indexToXY } from \"./utils/helpers/indexCalculations\";\n\nconst AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);\n\nconst normalizeKey = (k: React.Key) => String(k).replace(/^\\.\\$/, \"\");\n\n/**\n * Props for the SwappableGrid component\n */\ntype SwappableGridProps = {\n  /** The child components to render in the grid. Each child should have a unique key. */\n  children: ReactNode;\n  /** Width of each grid item in pixels */\n  itemWidth: number;\n  /** Height of each grid item in pixels */\n  itemHeight: number;\n  /** Gap between grid items in pixels. Defaults to 8. */\n  gap?: number;\n  /** Padding around the container in pixels. Defaults to 8. */\n  containerPadding?: number;\n  /** Duration in milliseconds to hold before drag starts. Defaults to 300. */\n  holdToDragMs?: number;\n  /** Number of columns in the grid. If not provided, will be calculated automatically based on container width. */\n  numColumns?: number;\n  /** Wiggle animation configuration when items are in drag mode or delete mode */\n  wiggle?: {\n    /** Duration of one wiggle cycle in milliseconds */\n    duration: number;\n    /** Rotation degrees for the wiggle animation */\n    degrees: number;\n  };\n  /** Wiggle animation configuration specifically for delete mode. If not provided, uses 2x degrees and 0.7x duration of wiggle prop. */\n  wiggleDeleteMode?: {\n    /** Duration of one wiggle cycle in milliseconds */\n    duration: number;\n    /** Rotation degrees for the wiggle animation */\n    degrees: number;\n  };\n  /** Duration in milliseconds to hold an item still before entering delete mode. Defaults to 1000. */\n  holdStillToDeleteMs?: number;\n  /** Callback fired when drag ends, providing the ordered array of child nodes */\n  onDragEnd?: (ordered: ChildNode[]) => void;\n  /** Callback fired when the order changes, providing an array of keys in the new order */\n  onOrderChange?: (keys: string[]) => void;\n  /** Callback fired when an item is deleted, providing the key of the deleted item */\n  onDelete?: (key: string) => void;\n  /** Factor by which the dragged item scales up. Defaults to 1.06. */\n  dragSizeIncreaseFactor?: number;\n  /** Speed of auto-scrolling when dragging near edges. Defaults to 10. */\n  scrollSpeed?: number;\n  /** Distance from edge in pixels that triggers auto-scroll. Defaults to 100. */\n  scrollThreshold?: number;\n  /** Custom style for the ScrollView container */\n  style?: StyleProp<ViewStyle>;\n  /** Component to render after all grid items (e.g., an \"Add\" button) */\n  trailingComponent?: ReactNode;\n  /** Component to render as a delete target (shown when dragging). If provided, disables hold-to-delete feature. */\n  deleteComponent?: ReactNode;\n  /** Custom style for the delete component. If provided, allows custom positioning. */\n  deleteComponentStyle?: StyleProp<ViewStyle>;\n  /** If true, reverses the order of items (right-to-left, bottom-to-top). Defaults to false. */\n  reverse?: boolean;\n};\n\n/**\n * Ref methods for SwappableGrid component\n */\nexport interface SwappableGridRef {\n  /** Cancels the delete mode if any item is currently in delete mode */\n  cancelDeleteMode: () => void;\n}\n\n/**\n * SwappableGrid - A React Native component for creating a draggable, swappable grid layout.\n *\n * Features:\n * - Drag and drop to reorder items\n * - Long press to enter drag mode\n * - Auto-scroll when dragging near edges\n * - Optional wiggle animation during drag mode\n * - Optional delete functionality with hold-to-delete or delete component\n * - Support for trailing components (e.g., \"Add\" button)\n * - Automatic column calculation based on container width\n *\n * @example\n * ```tsx\n * <SwappableGrid\n *   itemWidth={100}\n *   itemHeight={100}\n *   numColumns={3}\n *   onOrderChange={(keys) => console.log('New order:', keys)}\n * >\n *   {items.map(item => (\n *     <View key={item.id}>{item.content}</View>\n *   ))}\n * </SwappableGrid>\n * ```\n */\nconst SwappableGrid = forwardRef<SwappableGridRef, SwappableGridProps>(\n  (\n    {\n      children,\n      itemWidth,\n      itemHeight,\n      gap = 8,\n      containerPadding = 8,\n      holdToDragMs = 300,\n      numColumns,\n      onDragEnd,\n      onOrderChange,\n      onDelete,\n      wiggle,\n      wiggleDeleteMode,\n      holdStillToDeleteMs = 1000,\n      style,\n      dragSizeIncreaseFactor = 1.06,\n      scrollThreshold = 100,\n      scrollSpeed = 10,\n      trailingComponent,\n      deleteComponent,\n      deleteComponentStyle,\n      reverse = false,\n    },\n    ref\n  ) => {\n    // MUST be Animated ref for scrollTo\n    const scrollViewRef = useAnimatedRef<Animated.ScrollView>();\n    const [showTrailingComponent, setShowTrailingComponent] =\n      useState<boolean>(false);\n    const [showDeleteComponent, setShowDeleteComponent] =\n      useState<boolean>(false);\n    const [isDragging, setIsDragging] = useState<boolean>(false);\n    const [currentNumColumns, setCurrentNumColumns] = useState<number>(\n      numColumns || 1\n    );\n    const touchEndTimeoutRef = React.useRef<ReturnType<\n      typeof setTimeout\n    > | null>(null);\n    const deleteComponentRef = React.useRef<View>(null);\n\n    useEffect(() => {\n      setTimeout(() => {\n        setShowTrailingComponent(true);\n        setShowDeleteComponent(true);\n      }, 50); // This is kinda a hack that makes the trailing component render in the correct position because it lets the other components render first to make the position calculation correct.\n    }, []);\n\n    const handleOnOrderChange = (order: string[]) => {\n      if (onOrderChange) onOrderChange(order.map((key) => normalizeKey(key)));\n    };\n\n    // Extract paddingBottom from style prop to allow dragging into padding area\n    const paddingBottom = React.useMemo(() => {\n      if (!style) return 0;\n      const styleObj = StyleSheet.flatten(style);\n      return (styleObj.paddingBottom as number) || 0;\n    }, [style]);\n\n    const {\n      orderState,\n      composed,\n      dynamicNumColumns,\n      onLayoutContent: originalOnLayoutContent, // layout of the inner content view (for width/cols)\n      onLayoutScrollView, // layout of the scroll viewport (for height)\n      onScroll,\n      deleteItem,\n      childArray,\n      positions,\n      dragMode,\n      anyItemInDeleteMode,\n      order,\n      deleteComponentPosition,\n    } = useGridLayout({\n      reverse,\n      children,\n      holdToDragMs,\n      itemWidth,\n      itemHeight,\n      gap,\n      containerPadding,\n      numColumns,\n      onDragEnd,\n      onOrderChange: handleOnOrderChange,\n      onDelete: onDelete ? (key) => onDelete(normalizeKey(key)) : undefined,\n      scrollViewRef,\n      scrollSpeed,\n      scrollThreshold,\n      contentPaddingBottom: paddingBottom,\n    });\n\n    // Track numColumns changes for height calculation\n    const onLayoutContent = (e: LayoutChangeEvent) => {\n      originalOnLayoutContent(e);\n      // Update currentNumColumns for height calculation\n      if (numColumns) {\n        setCurrentNumColumns(numColumns);\n      } else {\n        const possibleCols = Math.floor(\n          (e.nativeEvent.layout.width - containerPadding * 2 + gap) /\n            (itemWidth + gap)\n        );\n        setCurrentNumColumns(Math.max(1, possibleCols));\n      }\n    };\n\n    // Track drag state to show/hide delete component\n    useAnimatedReaction(\n      () => dragMode.value,\n      (isDraggingValue) => {\n        runOnJS(setIsDragging)(isDraggingValue);\n      }\n    );\n\n    // Expose cancel delete mode function to parent\n    useImperativeHandle(\n      ref,\n      () => ({\n        cancelDeleteMode: () => {\n          if (anyItemInDeleteMode.value) {\n            anyItemInDeleteMode.value = false;\n          }\n        },\n      }),\n      [anyItemInDeleteMode]\n    );\n\n    const trailingX = useDerivedValue(() => {\n      const { x } = indexToXY({\n        index: order.value.length, // AFTER last swappable\n        itemWidth,\n        itemHeight,\n        dynamicNumColumns,\n        containerPadding,\n        gap,\n      });\n      return x;\n    });\n\n    const trailingY = useDerivedValue(() => {\n      const { y } = indexToXY({\n        index: order.value.length,\n        itemWidth,\n        itemHeight,\n        dynamicNumColumns,\n        containerPadding,\n        gap,\n      });\n      return y;\n    });\n\n    const trailingStyle = useAnimatedStyle(() => ({\n      left: trailingX.value,\n      top: trailingY.value,\n    }));\n\n    // Calculate default delete component position (bottom center)\n    const deleteComponentX = useDerivedValue(() => {\n      if (deleteComponentStyle) {\n        // If custom style provided, position will be set by user\n        return 0;\n      }\n      // Default: center horizontally\n      const cols = dynamicNumColumns.value;\n      const totalWidth =\n        cols * itemWidth + (cols - 1) * gap + containerPadding * 2;\n      return (totalWidth - itemWidth) / 2;\n    });\n\n    const deleteComponentY = useDerivedValue(() => {\n      if (deleteComponentStyle) {\n        // If custom style provided, position will be set by user\n        return 0;\n      }\n      // Default: bottom of grid (after all items)\n      // Account for trailing component if it exists\n      const rows = Math.ceil(order.value.length / dynamicNumColumns.value);\n      const baseY = containerPadding + rows * (itemHeight + gap);\n\n      // If trailing component exists, add extra space so delete component appears below it\n      if (trailingComponent && showTrailingComponent) {\n        return baseY + (itemHeight + gap);\n      }\n\n      return baseY + gap;\n    });\n\n    const deleteComponentStyleAnimated = useAnimatedStyle(() => {\n      const baseStyle: any = {\n        position: \"absolute\",\n        width: itemWidth,\n        height: itemHeight,\n      };\n\n      // Use custom position if provided, otherwise use default\n      if (deleteComponentStyle) {\n        return baseStyle;\n      }\n\n      return {\n        ...baseStyle,\n        left: deleteComponentX.value,\n        top: deleteComponentY.value,\n      };\n    });\n\n    // Update delete component position for drop detection when default position changes\n    useDerivedValue(() => {\n      if (deleteComponent && deleteComponentPosition && !deleteComponentStyle) {\n        // Only update if using default position (custom style uses onLayout)\n        deleteComponentPosition.value = {\n          x: deleteComponentX.value,\n          y: deleteComponentY.value,\n          width: itemWidth,\n          height: itemHeight,\n        };\n      }\n    });\n\n    const showTrailing = !!(trailingComponent && showTrailingComponent);\n    const showDelete = !!(deleteComponent && showDeleteComponent);\n    // Make sure we calculate room for both trailing and delete components\n    // Trailing component is part of the grid, delete component is positioned below\n    const itemsCountForHeight = orderState.length + (showTrailing ? 1 : 0);\n\n    // Calculate minimum height needed (on JS thread since computeMinHeight is not a worklet)\n    const baseHeight = computeMinHeight(\n      itemsCountForHeight,\n      currentNumColumns,\n      itemHeight + gap,\n      containerPadding\n    );\n\n    // If delete component is shown and using default position, add extra space for it\n    let calculatedHeight = baseHeight;\n    if (showDelete && !deleteComponentStyle) {\n      // Account for trailing component when calculating rows (same logic as deleteComponentY)\n      const totalItems = orderState.length + (showTrailing ? 1 : 0);\n      const rows = Math.ceil(totalItems / currentNumColumns);\n      const baseY = containerPadding + rows * (itemHeight + gap);\n\n      // If trailing component exists, add extra space so delete component appears below it\n      let deleteComponentY = baseY;\n      if (showTrailing) {\n        deleteComponentY = baseY + (itemHeight + gap);\n      } else {\n        deleteComponentY = baseY + gap;\n      }\n\n      const deleteComponentBottom = deleteComponentY + itemHeight;\n      // Ensure container is tall enough to show the delete component\n      calculatedHeight = Math.max(\n        baseHeight,\n        deleteComponentBottom + containerPadding\n      );\n    }\n\n    return (\n      <AnimatedScrollView\n        ref={scrollViewRef}\n        onScroll={onScroll}\n        onLayout={onLayoutScrollView} // viewport height comes from the SCROLLVIEW\n        scrollEventThrottle={16}\n        contentContainerStyle={[style]}\n        onTouchEnd={() => {\n          // Cancel delete mode when user touches outside items\n          // Add a small delay to avoid canceling when user taps on items\n          // (items might briefly activate, which would prevent cancellation)\n          if (touchEndTimeoutRef.current) {\n            clearTimeout(touchEndTimeoutRef.current);\n          }\n          touchEndTimeoutRef.current = setTimeout(() => {\n            // Only cancel if still in delete mode and not dragging\n            // This ensures we don't cancel when user is interacting with items\n            if (anyItemInDeleteMode.value && !dragMode.value) {\n              anyItemInDeleteMode.value = false;\n            }\n          }, 100); // Small delay to let item interactions complete\n        }}\n      >\n        <View\n          style={[\n            styles.container,\n            {\n              padding: containerPadding,\n              height: calculatedHeight,\n            },\n          ]}\n          onLayout={onLayoutContent}\n        >\n          <GestureDetector gesture={composed}>\n            <View pointerEvents=\"box-none\" style={StyleSheet.absoluteFill}>\n              {orderState.map((key) => {\n                const child = childArray.find(\n                  (c) => c.key && normalizeKey(c.key) === normalizeKey(key)\n                );\n                if (!child) return null;\n                return (\n                  <ChildWrapper\n                    key={key}\n                    position={positions[key]}\n                    itemWidth={itemWidth}\n                    itemHeight={itemHeight}\n                    dragMode={dragMode}\n                    anyItemInDeleteMode={anyItemInDeleteMode}\n                    wiggle={wiggle}\n                    wiggleDeleteMode={wiggleDeleteMode}\n                    holdStillToDeleteMs={holdStillToDeleteMs}\n                    dragSizeIncreaseFactor={dragSizeIncreaseFactor}\n                    disableHoldToDelete={!onDelete || !!deleteComponent}\n                    onDelete={() => {\n                      deleteItem(key);\n                      if (onDelete) {\n                        onDelete(normalizeKey(key));\n                      }\n                    }}\n                  >\n                    {child}\n                  </ChildWrapper>\n                );\n              })}\n            </View>\n          </GestureDetector>\n\n          {/* Trailing rendered OUTSIDE the GestureDetector */}\n          {trailingComponent && showTrailingComponent && (\n            <Animated.View\n              pointerEvents=\"box-none\"\n              collapsable={false}\n              style={[\n                {\n                  position: \"absolute\",\n                  width: itemWidth,\n                  height: itemHeight,\n                },\n                trailingStyle, // 👈 left/top from UI thread\n              ]}\n            >\n              <View pointerEvents=\"auto\" style={{ flex: 1 }}>\n                {trailingComponent}\n              </View>\n            </Animated.View>\n          )}\n\n          {/* Delete component rendered OUTSIDE the GestureDetector - only show when dragging */}\n          {deleteComponent && showDeleteComponent && isDragging && (\n            <Animated.View\n              ref={deleteComponentRef}\n              pointerEvents=\"box-none\"\n              collapsable={false}\n              style={[\n                deleteComponentStyleAnimated,\n                deleteComponentStyle, // User can override position with custom style\n              ]}\n              onLayout={(e) => {\n                // Update position for drop detection\n                const { x, y, width, height } = e.nativeEvent.layout;\n                if (deleteComponentPosition) {\n                  deleteComponentPosition.value = { x, y, width, height };\n                }\n              }}\n            >\n              <View pointerEvents=\"auto\" style={{ flex: 1 }}>\n                {deleteComponent}\n              </View>\n            </Animated.View>\n          )}\n        </View>\n      </AnimatedScrollView>\n    );\n  }\n);\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n  },\n});\n\nexport default SwappableGrid;\n"],"mappings":"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","ignoreList":[]}

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

@@ -31,7 +31,7 @@ const PanWithLongPress = props => {
     scrollViewRef,
     scrollOffset,
     viewportH,
-    longPressMs,
+    holdToDragMs,
     contentH,
     reverse = false,
     deleteComponentPosition,
@@ -75,7 +75,7 @@ const PanWithLongPress = props => {
 
     return order.value.findIndex(x => x === key);
   };
-  return _reactNativeGestureHandler.Gesture.Pan().minDistance(10).activateAfterLongPress(longPressMs).onStart(({
+  return _reactNativeGestureHandler.Gesture.Pan().minDistance(10).activateAfterLongPress(holdToDragMs).onStart(({
     x,
     y
   }) => {

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

@@ -1 +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":[]}
+{"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","holdToDragMs","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  holdToDragMs: 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 = (\n  props: PanProps & { holdToDragMs: number }\n) => {\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    holdToDragMs,\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(holdToDragMs)\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/useGridLayout.js

@@ -16,7 +16,7 @@ function useGridLayout({
   itemHeight,
   gap,
   containerPadding,
-  longPressMs,
+  holdToDragMs,
   numColumns,
   onDragEnd,
   onOrderChange,
@@ -177,7 +177,7 @@ function useGridLayout({
     scrollViewRef,
     scrollOffset,
     viewportH,
-    longPressMs,
+    holdToDragMs,
     scrollSpeed,
     scrollThreshold,
     reverse,

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","_indexCalculations","_PanWithLongPress","useGridLayout","reverse","children","itemWidth","itemHeight","gap","containerPadding","holdToDragMs","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  holdToDragMs: 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  holdToDragMs,\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      holdToDragMs,\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":[]}

package/lib/module/ChildWrapper.js

@@ -9,6 +9,8 @@ export default function ChildWrapper({
   anyItemInDeleteMode,
   children,
   wiggle,
+  wiggleDeleteMode,
+  holdStillToDeleteMs = 1000,
   dragSizeIncreaseFactor,
   onDelete,
   disableHoldToDelete = false
@@ -111,8 +113,8 @@ export default function ChildWrapper({
     // Increment by ~16ms per frame (assuming 60fps)
     stillTimer.value += 16;
 
-    // Enter delete mode after 1 second (1000ms) of being held still
-    if (stillTimer.value >= 1000) {
+    // Enter delete mode after holdStillToDeleteMs of being held still
+    if (stillTimer.value >= holdStillToDeleteMs) {
       deleteModeActive.value = true;
       anyItemInDeleteMode.value = true; // Set global delete mode
       showDelete.value = true;
@@ -158,7 +160,18 @@ export default function ChildWrapper({
     inDeleteMode,
     anyInDeleteMode
   }) => {
-    if (!wiggle) {
+    // Determine the target wiggle mode
+    let targetMode = "none";
+    if (inDeleteMode && (wiggleDeleteMode || wiggle)) {
+      targetMode = "delete";
+    } else if (anyInDeleteMode && !isActive && wiggle) {
+      targetMode = "normal";
+    } else if (isEditMode && !isActive && wiggle) {
+      targetMode = "normal";
+    }
+
+    // If no wiggle is configured at all, stop animation
+    if (!wiggle && !wiggleDeleteMode) {
       if (currentWiggleMode.value !== "none") {
         cancelAnimation(rotation);
         currentWiggleMode.value = "none";
@@ -169,14 +182,28 @@ export default function ChildWrapper({
       return;
     }
 
-    // Determine the target wiggle mode
-    let targetMode = "none";
-    if (inDeleteMode) {
-      targetMode = "delete";
-    } else if (anyInDeleteMode && !isActive) {
-      targetMode = "normal";
-    } else if (isEditMode && !isActive) {
-      targetMode = "normal";
+    // If in delete mode but no wiggleDeleteMode and no wiggle, stop animation
+    if (targetMode === "delete" && !wiggleDeleteMode && !wiggle) {
+      if (currentWiggleMode.value !== "none") {
+        cancelAnimation(rotation);
+        currentWiggleMode.value = "none";
+      }
+      rotation.value = withTiming(0, {
+        duration: 150
+      });
+      return;
+    }
+
+    // If normal mode but no wiggle, stop animation
+    if (targetMode === "normal" && !wiggle) {
+      if (currentWiggleMode.value !== "none") {
+        cancelAnimation(rotation);
+        currentWiggleMode.value = "none";
+      }
+      rotation.value = withTiming(0, {
+        duration: 150
+      });
+      return;
     }
 
     // Only restart animation if mode changed
@@ -189,13 +216,13 @@ export default function ChildWrapper({
     // Cancel current animation
     cancelAnimation(rotation);
 
-    // If this item is in delete mode, wiggle more (2x degrees, faster)
+    // If this item is in delete mode, use wiggleDeleteMode if provided, otherwise use 2x degrees and 0.7x duration
     if (targetMode === "delete") {
-      const deleteWiggleDegrees = wiggle.degrees * 2;
-      const deleteWiggleDuration = wiggle.duration * 0.7; // Faster wiggle
+      const deleteWiggleDegrees = wiggleDeleteMode ? wiggleDeleteMode.degrees : ((wiggle === null || wiggle === void 0 ? void 0 : wiggle.degrees) ?? 0) * 2;
+      const deleteWiggleDuration = wiggleDeleteMode ? wiggleDeleteMode.duration : ((wiggle === null || wiggle === void 0 ? void 0 : wiggle.duration) ?? 200) * 0.7; // Faster wiggle
 
       // If transitioning from normal wiggle, preserve the phase by scaling
-      if (previousMode === "normal") {
+      if (previousMode === "normal" && wiggle) {
         const currentRot = rotation.value;
         const scaleFactor = deleteWiggleDegrees / wiggle.degrees;
         rotation.value = currentRot * scaleFactor;
@@ -234,7 +261,7 @@ export default function ChildWrapper({
         duration: 150
       });
     }
-  }, [dragMode, position.active, deleteModeActive, anyItemInDeleteMode]);
+  }, [dragMode, position.active, deleteModeActive, anyItemInDeleteMode, wiggle, wiggleDeleteMode]);
   const animatedStyle = useAnimatedStyle(() => {
     const scale = position.active.value ? withTiming(dragSizeIncreaseFactor, {
       duration: 120

package/lib/module/ChildWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Text","Pressable","Animated","Easing","useAnimatedStyle","useAnimatedReaction","useSharedValue","withRepeat","withSequence","withTiming","useDerivedValue","cancelAnimation","runOnJS","ChildWrapper","position","itemWidth","itemHeight","dragMode","anyItemInDeleteMode","children","wiggle","dragSizeIncreaseFactor","onDelete","disableHoldToDelete","rotation","currentWiggleMode","previousDragMode","showDelete","deleteModeActive","stillTimer","lastX","x","value","lastY","y","frameCounter","wasReleasedAfterDeleteMode","isDragging","isActive","active","dragModeJustEnded","moved","Math","abs","deleteButtonStyle","shouldShow","opacity","pointerEvents","transform","scale","duration","current","previous","isEditMode","inDeleteMode","anyInDeleteMode","targetMode","previousMode","deleteWiggleDegrees","degrees","deleteWiggleDuration","currentRot","scaleFactor","easing","linear","animatedStyle","width","height","translateX","translateY","rotate","zIndex","isInDeleteMode","setIsInDeleteMode","handleDelete","createElement","View","style","onPress","top","left","right","bottom","borderRadius","justifyContent","alignItems","fontSize","color","fontWeight"],"sources":["ChildWrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Text, View, Pressable } from \"react-native\";\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useAnimatedReaction,\n  useSharedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n  SharedValue,\n  useDerivedValue,\n  cancelAnimation,\n  runOnJS,\n} from \"react-native-reanimated\";\n\ntype Props = {\n  position: {\n    x: SharedValue<number>;\n    y: SharedValue<number>;\n    active: SharedValue<number>;\n  };\n  itemWidth: number;\n  itemHeight: number;\n  dragMode: SharedValue<boolean>;\n  anyItemInDeleteMode: SharedValue<boolean>;\n  children: React.ReactNode;\n  wiggle?: { duration: number; degrees: number };\n  dragSizeIncreaseFactor: number;\n  onDelete?: () => void;\n  disableHoldToDelete?: boolean; // If true, disable the hold-to-delete feature\n};\n\nexport default function ChildWrapper({\n  position,\n  itemWidth,\n  itemHeight,\n  dragMode,\n  anyItemInDeleteMode,\n  children,\n  wiggle,\n  dragSizeIncreaseFactor,\n  onDelete,\n  disableHoldToDelete = false,\n}: Props) {\n  const rotation = useSharedValue(0);\n  const currentWiggleMode = useSharedValue<\"none\" | \"normal\" | \"delete\">(\n    \"none\"\n  );\n  const previousDragMode = useSharedValue(false);\n\n  const showDelete = useSharedValue(false);\n  const deleteModeActive = useSharedValue(false); // Persistent delete mode state\n  const stillTimer = useSharedValue(0);\n  const lastX = useSharedValue(position.x.value);\n  const lastY = useSharedValue(position.y.value);\n  const frameCounter = useSharedValue(0);\n  const wasReleasedAfterDeleteMode = useSharedValue(false); // Track if item was released after entering delete mode\n\n  // Timer logic that runs every frame via useDerivedValue\n  useDerivedValue(() => {\n    \"worklet\";\n    frameCounter.value = frameCounter.value + 1;\n\n    // If hold-to-delete is disabled, skip all delete mode logic\n    if (disableHoldToDelete) {\n      deleteModeActive.value = false;\n      showDelete.value = false;\n      stillTimer.value = 0;\n      anyItemInDeleteMode.value = false;\n      return;\n    }\n\n    const isDragging = dragMode.value;\n    const isActive = position.active.value > 0.5;\n    const x = position.x.value;\n    const y = position.y.value;\n\n    // Track dragMode changes for detecting touches outside\n    const dragModeJustEnded = previousDragMode.value && !isDragging;\n    previousDragMode.value = isDragging;\n\n    // If delete mode is active, keep it active unless:\n    // 1. Another item becomes active (dragMode true but this item not active)\n    // 2. This item becomes active again AFTER it was released (user starts dragging it again)\n    // 3. User touches outside (dragMode becomes false and no item is active)\n    if (deleteModeActive.value) {\n      // Check if item was released (became inactive)\n      if (!isActive && !wasReleasedAfterDeleteMode.value) {\n        wasReleasedAfterDeleteMode.value = true;\n      }\n\n      if (isDragging && !isActive) {\n        // Another item is being dragged, exit delete mode\n        deleteModeActive.value = false;\n        anyItemInDeleteMode.value = false; // Clear global delete mode\n        showDelete.value = false;\n        stillTimer.value = 0;\n        wasReleasedAfterDeleteMode.value = false;\n      } else if (isActive && wasReleasedAfterDeleteMode.value) {\n        // This item became active again AFTER it was released, exit delete mode\n        deleteModeActive.value = false;\n        anyItemInDeleteMode.value = false; // Clear global delete mode\n        showDelete.value = false;\n        stillTimer.value = 0;\n        wasReleasedAfterDeleteMode.value = false;\n      } else if (!isDragging && !isActive) {\n        // Keep delete mode active (waiting for user interaction)\n        // The tap gesture handler in SwappableGrid will cancel it when user taps outside\n        showDelete.value = true;\n      } else {\n        // Keep delete mode active (item can still be held or released)\n        showDelete.value = true;\n      }\n      return;\n    }\n\n    // Reset release tracking when not in delete mode\n    wasReleasedAfterDeleteMode.value = false;\n\n    // If not in drag mode or not active, reset timer\n    if (!isDragging || !isActive) {\n      stillTimer.value = 0;\n      return;\n    }\n\n    // Item is active (being held down) - check if it's still\n    // Check if position has changed significantly (more than 10px threshold)\n    const moved =\n      Math.abs(x - lastX.value) > 10 || Math.abs(y - lastY.value) > 10;\n\n    if (moved) {\n      // Reset timer if item moved while being held\n      stillTimer.value = 0;\n      lastX.value = x;\n      lastY.value = y;\n      return;\n    }\n\n    // Initialize last position on first frame when active\n    if (stillTimer.value === 0) {\n      lastX.value = x;\n      lastY.value = y;\n    }\n\n    // If the tile hasn't moved significantly while being held → increment timer\n    // Increment by ~16ms per frame (assuming 60fps)\n    stillTimer.value += 16;\n\n    // Enter delete mode after 1 second (1000ms) of being held still\n    if (stillTimer.value >= 1000) {\n      deleteModeActive.value = true;\n      anyItemInDeleteMode.value = true; // Set global delete mode\n      showDelete.value = true;\n      wasReleasedAfterDeleteMode.value = false; // Reset on entry\n    }\n  });\n\n  const deleteButtonStyle = useAnimatedStyle(() => {\n    // Show delete button when delete mode is active (persists after release)\n    const shouldShow = showDelete.value;\n    return {\n      opacity: shouldShow ? 1 : 0,\n      pointerEvents: shouldShow ? \"auto\" : \"none\",\n      transform: [\n        { scale: withTiming(shouldShow ? 1 : 0.6, { duration: 120 }) },\n      ],\n    };\n  });\n\n  // Watch for when global delete mode is cancelled (user tapped outside)\n  useAnimatedReaction(\n    () => anyItemInDeleteMode.value,\n    (current, previous) => {\n      \"worklet\";\n      // If delete mode was cancelled globally (user tapped outside)\n      if (previous && !current && deleteModeActive.value) {\n        deleteModeActive.value = false;\n        showDelete.value = false;\n        stillTimer.value = 0;\n        wasReleasedAfterDeleteMode.value = false;\n      }\n    }\n  );\n\n  // Wiggle animation — triggers on editMode/active changes and delete mode\n  useAnimatedReaction(\n    () => ({\n      isEditMode: dragMode.value,\n      isActive: position.active.value > 0.5,\n      inDeleteMode: deleteModeActive.value,\n      anyInDeleteMode: anyItemInDeleteMode.value,\n    }),\n    ({ isEditMode, isActive, inDeleteMode, anyInDeleteMode }) => {\n      if (!wiggle) {\n        if (currentWiggleMode.value !== \"none\") {\n          cancelAnimation(rotation);\n          currentWiggleMode.value = \"none\";\n        }\n        rotation.value = withTiming(0, { duration: 150 });\n        return;\n      }\n\n      // Determine the target wiggle mode\n      let targetMode: \"none\" | \"normal\" | \"delete\" = \"none\";\n      if (inDeleteMode) {\n        targetMode = \"delete\";\n      } else if (anyInDeleteMode && !isActive) {\n        targetMode = \"normal\";\n      } else if (isEditMode && !isActive) {\n        targetMode = \"normal\";\n      }\n\n      // Only restart animation if mode changed\n      if (currentWiggleMode.value === targetMode) {\n        return; // Already in the correct mode, don't restart\n      }\n\n      const previousMode = currentWiggleMode.value;\n      currentWiggleMode.value = targetMode;\n\n      // Cancel current animation\n      cancelAnimation(rotation);\n\n      // If this item is in delete mode, wiggle more (2x degrees, faster)\n      if (targetMode === \"delete\") {\n        const deleteWiggleDegrees = wiggle.degrees * 2;\n        const deleteWiggleDuration = wiggle.duration * 0.7; // Faster wiggle\n\n        // If transitioning from normal wiggle, preserve the phase by scaling\n        if (previousMode === \"normal\") {\n          const currentRot = rotation.value;\n          const scaleFactor = deleteWiggleDegrees / wiggle.degrees;\n          rotation.value = currentRot * scaleFactor;\n        }\n\n        rotation.value = withRepeat(\n          withSequence(\n            withTiming(deleteWiggleDegrees, {\n              duration: deleteWiggleDuration,\n              easing: Easing.linear,\n            }),\n            withTiming(-deleteWiggleDegrees, {\n              duration: deleteWiggleDuration,\n              easing: Easing.linear,\n            })\n          ),\n          -1, // infinite\n          true\n        );\n      }\n      // Normal wiggle (when dragging but not this item, or any item in delete mode)\n      else if (targetMode === \"normal\") {\n        // If transitioning from delete wiggle, preserve the phase by scaling\n        if (previousMode === \"delete\") {\n          const currentRot = rotation.value;\n          const scaleFactor = wiggle.degrees / (wiggle.degrees * 2);\n          rotation.value = currentRot * scaleFactor;\n        }\n\n        rotation.value = withRepeat(\n          withSequence(\n            withTiming(wiggle.degrees, {\n              duration: wiggle.duration,\n              easing: Easing.linear,\n            }),\n            withTiming(-wiggle.degrees, {\n              duration: wiggle.duration,\n              easing: Easing.linear,\n            })\n          ),\n          -1, // infinite\n          true\n        );\n      }\n      // Stop wiggling\n      else {\n        rotation.value = withTiming(0, { duration: 150 });\n      }\n    },\n    [dragMode, position.active, deleteModeActive, anyItemInDeleteMode]\n  );\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const scale = position.active.value\n      ? withTiming(dragSizeIncreaseFactor, { duration: 120 })\n      : withTiming(1, { duration: 120 });\n\n    return {\n      position: \"absolute\",\n      width: itemWidth,\n      height: itemHeight,\n      transform: [\n        { translateX: position.x.value as any },\n        { translateY: position.y.value as any },\n        { scale: scale as any },\n        { rotate: `${rotation.value}deg` as any },\n      ],\n      zIndex: position.active.value ? 2 : 0,\n    } as any;\n  });\n\n  // Track delete mode on JS thread for conditional rendering\n  const [isInDeleteMode, setIsInDeleteMode] = useState(false);\n\n  useAnimatedReaction(\n    () => deleteModeActive.value,\n    (current) => {\n      runOnJS(setIsInDeleteMode)(current);\n    }\n  );\n\n  const handleDelete = () => {\n    // Exit delete mode when delete button is pressed\n    deleteModeActive.value = false;\n    anyItemInDeleteMode.value = false; // Clear global delete mode\n    showDelete.value = false;\n    stillTimer.value = 0;\n    wasReleasedAfterDeleteMode.value = false;\n    if (onDelete) {\n      onDelete();\n    }\n  };\n\n  return (\n    <Animated.View style={animatedStyle} pointerEvents=\"box-none\">\n      {/* Full-item Pressable for delete - only active when in delete mode */}\n      {isInDeleteMode && (\n        <Pressable\n          onPress={handleDelete}\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: itemWidth,\n            height: itemHeight,\n            zIndex: 2,\n          }}\n        />\n      )}\n\n      {/* Delete button (×) - visual indicator only */}\n      <Animated.View\n        style={[\n          {\n            position: \"absolute\",\n            top: itemHeight * 0.01,\n            right: itemWidth * 0.04,\n            width: itemWidth * 0.2,\n            height: itemHeight * 0.2,\n            borderRadius: 12,\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            zIndex: 3,\n          },\n          deleteButtonStyle,\n        ]}\n        pointerEvents=\"none\"\n      >\n        <Text\n          style={{\n            fontSize: itemWidth * 0.2,\n            color: \"black\",\n            fontWeight: 500,\n          }}\n        >\n          ×\n        </Text>\n      </Animated.View>\n\n      {children}\n    </Animated.View>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Text","Pressable","Animated","Easing","useAnimatedStyle","useAnimatedReaction","useSharedValue","withRepeat","withSequence","withTiming","useDerivedValue","cancelAnimation","runOnJS","ChildWrapper","position","itemWidth","itemHeight","dragMode","anyItemInDeleteMode","children","wiggle","wiggleDeleteMode","holdStillToDeleteMs","dragSizeIncreaseFactor","onDelete","disableHoldToDelete","rotation","currentWiggleMode","previousDragMode","showDelete","deleteModeActive","stillTimer","lastX","x","value","lastY","y","frameCounter","wasReleasedAfterDeleteMode","isDragging","isActive","active","dragModeJustEnded","moved","Math","abs","deleteButtonStyle","shouldShow","opacity","pointerEvents","transform","scale","duration","current","previous","isEditMode","inDeleteMode","anyInDeleteMode","targetMode","previousMode","deleteWiggleDegrees","degrees","deleteWiggleDuration","currentRot","scaleFactor","easing","linear","animatedStyle","width","height","translateX","translateY","rotate","zIndex","isInDeleteMode","setIsInDeleteMode","handleDelete","createElement","View","style","onPress","top","left","right","bottom","borderRadius","justifyContent","alignItems","fontSize","color","fontWeight"],"sources":["ChildWrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Text, View, Pressable } from \"react-native\";\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useAnimatedReaction,\n  useSharedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n  SharedValue,\n  useDerivedValue,\n  cancelAnimation,\n  runOnJS,\n} from \"react-native-reanimated\";\n\ntype Props = {\n  position: {\n    x: SharedValue<number>;\n    y: SharedValue<number>;\n    active: SharedValue<number>;\n  };\n  itemWidth: number;\n  itemHeight: number;\n  dragMode: SharedValue<boolean>;\n  anyItemInDeleteMode: SharedValue<boolean>;\n  children: React.ReactNode;\n  wiggle?: { duration: number; degrees: number };\n  wiggleDeleteMode?: { duration: number; degrees: number };\n  holdStillToDeleteMs?: number;\n  dragSizeIncreaseFactor: number;\n  onDelete?: () => void;\n  disableHoldToDelete?: boolean; // If true, disable the hold-to-delete feature\n};\n\nexport default function ChildWrapper({\n  position,\n  itemWidth,\n  itemHeight,\n  dragMode,\n  anyItemInDeleteMode,\n  children,\n  wiggle,\n  wiggleDeleteMode,\n  holdStillToDeleteMs = 1000,\n  dragSizeIncreaseFactor,\n  onDelete,\n  disableHoldToDelete = false,\n}: Props) {\n  const rotation = useSharedValue(0);\n  const currentWiggleMode = useSharedValue<\"none\" | \"normal\" | \"delete\">(\n    \"none\"\n  );\n  const previousDragMode = useSharedValue(false);\n\n  const showDelete = useSharedValue(false);\n  const deleteModeActive = useSharedValue(false); // Persistent delete mode state\n  const stillTimer = useSharedValue(0);\n  const lastX = useSharedValue(position.x.value);\n  const lastY = useSharedValue(position.y.value);\n  const frameCounter = useSharedValue(0);\n  const wasReleasedAfterDeleteMode = useSharedValue(false); // Track if item was released after entering delete mode\n\n  // Timer logic that runs every frame via useDerivedValue\n  useDerivedValue(() => {\n    \"worklet\";\n    frameCounter.value = frameCounter.value + 1;\n\n    // If hold-to-delete is disabled, skip all delete mode logic\n    if (disableHoldToDelete) {\n      deleteModeActive.value = false;\n      showDelete.value = false;\n      stillTimer.value = 0;\n      anyItemInDeleteMode.value = false;\n      return;\n    }\n\n    const isDragging = dragMode.value;\n    const isActive = position.active.value > 0.5;\n    const x = position.x.value;\n    const y = position.y.value;\n\n    // Track dragMode changes for detecting touches outside\n    const dragModeJustEnded = previousDragMode.value && !isDragging;\n    previousDragMode.value = isDragging;\n\n    // If delete mode is active, keep it active unless:\n    // 1. Another item becomes active (dragMode true but this item not active)\n    // 2. This item becomes active again AFTER it was released (user starts dragging it again)\n    // 3. User touches outside (dragMode becomes false and no item is active)\n    if (deleteModeActive.value) {\n      // Check if item was released (became inactive)\n      if (!isActive && !wasReleasedAfterDeleteMode.value) {\n        wasReleasedAfterDeleteMode.value = true;\n      }\n\n      if (isDragging && !isActive) {\n        // Another item is being dragged, exit delete mode\n        deleteModeActive.value = false;\n        anyItemInDeleteMode.value = false; // Clear global delete mode\n        showDelete.value = false;\n        stillTimer.value = 0;\n        wasReleasedAfterDeleteMode.value = false;\n      } else if (isActive && wasReleasedAfterDeleteMode.value) {\n        // This item became active again AFTER it was released, exit delete mode\n        deleteModeActive.value = false;\n        anyItemInDeleteMode.value = false; // Clear global delete mode\n        showDelete.value = false;\n        stillTimer.value = 0;\n        wasReleasedAfterDeleteMode.value = false;\n      } else if (!isDragging && !isActive) {\n        // Keep delete mode active (waiting for user interaction)\n        // The tap gesture handler in SwappableGrid will cancel it when user taps outside\n        showDelete.value = true;\n      } else {\n        // Keep delete mode active (item can still be held or released)\n        showDelete.value = true;\n      }\n      return;\n    }\n\n    // Reset release tracking when not in delete mode\n    wasReleasedAfterDeleteMode.value = false;\n\n    // If not in drag mode or not active, reset timer\n    if (!isDragging || !isActive) {\n      stillTimer.value = 0;\n      return;\n    }\n\n    // Item is active (being held down) - check if it's still\n    // Check if position has changed significantly (more than 10px threshold)\n    const moved =\n      Math.abs(x - lastX.value) > 10 || Math.abs(y - lastY.value) > 10;\n\n    if (moved) {\n      // Reset timer if item moved while being held\n      stillTimer.value = 0;\n      lastX.value = x;\n      lastY.value = y;\n      return;\n    }\n\n    // Initialize last position on first frame when active\n    if (stillTimer.value === 0) {\n      lastX.value = x;\n      lastY.value = y;\n    }\n\n    // If the tile hasn't moved significantly while being held → increment timer\n    // Increment by ~16ms per frame (assuming 60fps)\n    stillTimer.value += 16;\n\n    // Enter delete mode after holdStillToDeleteMs of being held still\n    if (stillTimer.value >= holdStillToDeleteMs) {\n      deleteModeActive.value = true;\n      anyItemInDeleteMode.value = true; // Set global delete mode\n      showDelete.value = true;\n      wasReleasedAfterDeleteMode.value = false; // Reset on entry\n    }\n  });\n\n  const deleteButtonStyle = useAnimatedStyle(() => {\n    // Show delete button when delete mode is active (persists after release)\n    const shouldShow = showDelete.value;\n    return {\n      opacity: shouldShow ? 1 : 0,\n      pointerEvents: shouldShow ? \"auto\" : \"none\",\n      transform: [\n        { scale: withTiming(shouldShow ? 1 : 0.6, { duration: 120 }) },\n      ],\n    };\n  });\n\n  // Watch for when global delete mode is cancelled (user tapped outside)\n  useAnimatedReaction(\n    () => anyItemInDeleteMode.value,\n    (current, previous) => {\n      \"worklet\";\n      // If delete mode was cancelled globally (user tapped outside)\n      if (previous && !current && deleteModeActive.value) {\n        deleteModeActive.value = false;\n        showDelete.value = false;\n        stillTimer.value = 0;\n        wasReleasedAfterDeleteMode.value = false;\n      }\n    }\n  );\n\n  // Wiggle animation — triggers on editMode/active changes and delete mode\n  useAnimatedReaction(\n    () => ({\n      isEditMode: dragMode.value,\n      isActive: position.active.value > 0.5,\n      inDeleteMode: deleteModeActive.value,\n      anyInDeleteMode: anyItemInDeleteMode.value,\n    }),\n    ({ isEditMode, isActive, inDeleteMode, anyInDeleteMode }) => {\n      // Determine the target wiggle mode\n      let targetMode: \"none\" | \"normal\" | \"delete\" = \"none\";\n      if (inDeleteMode && (wiggleDeleteMode || wiggle)) {\n        targetMode = \"delete\";\n      } else if (anyInDeleteMode && !isActive && wiggle) {\n        targetMode = \"normal\";\n      } else if (isEditMode && !isActive && wiggle) {\n        targetMode = \"normal\";\n      }\n\n      // If no wiggle is configured at all, stop animation\n      if (!wiggle && !wiggleDeleteMode) {\n        if (currentWiggleMode.value !== \"none\") {\n          cancelAnimation(rotation);\n          currentWiggleMode.value = \"none\";\n        }\n        rotation.value = withTiming(0, { duration: 150 });\n        return;\n      }\n\n      // If in delete mode but no wiggleDeleteMode and no wiggle, stop animation\n      if (targetMode === \"delete\" && !wiggleDeleteMode && !wiggle) {\n        if (currentWiggleMode.value !== \"none\") {\n          cancelAnimation(rotation);\n          currentWiggleMode.value = \"none\";\n        }\n        rotation.value = withTiming(0, { duration: 150 });\n        return;\n      }\n\n      // If normal mode but no wiggle, stop animation\n      if (targetMode === \"normal\" && !wiggle) {\n        if (currentWiggleMode.value !== \"none\") {\n          cancelAnimation(rotation);\n          currentWiggleMode.value = \"none\";\n        }\n        rotation.value = withTiming(0, { duration: 150 });\n        return;\n      }\n\n      // Only restart animation if mode changed\n      if (currentWiggleMode.value === targetMode) {\n        return; // Already in the correct mode, don't restart\n      }\n\n      const previousMode = currentWiggleMode.value;\n      currentWiggleMode.value = targetMode;\n\n      // Cancel current animation\n      cancelAnimation(rotation);\n\n      // If this item is in delete mode, use wiggleDeleteMode if provided, otherwise use 2x degrees and 0.7x duration\n      if (targetMode === \"delete\") {\n        const deleteWiggleDegrees = wiggleDeleteMode\n          ? wiggleDeleteMode.degrees\n          : (wiggle?.degrees ?? 0) * 2;\n        const deleteWiggleDuration = wiggleDeleteMode\n          ? wiggleDeleteMode.duration\n          : (wiggle?.duration ?? 200) * 0.7; // Faster wiggle\n\n        // If transitioning from normal wiggle, preserve the phase by scaling\n        if (previousMode === \"normal\" && wiggle) {\n          const currentRot = rotation.value;\n          const scaleFactor = deleteWiggleDegrees / wiggle.degrees;\n          rotation.value = currentRot * scaleFactor;\n        }\n\n        rotation.value = withRepeat(\n          withSequence(\n            withTiming(deleteWiggleDegrees, {\n              duration: deleteWiggleDuration,\n              easing: Easing.linear,\n            }),\n            withTiming(-deleteWiggleDegrees, {\n              duration: deleteWiggleDuration,\n              easing: Easing.linear,\n            })\n          ),\n          -1, // infinite\n          true\n        );\n      }\n      // Normal wiggle (when dragging but not this item, or any item in delete mode)\n      else if (targetMode === \"normal\") {\n        // If transitioning from delete wiggle, preserve the phase by scaling\n        if (previousMode === \"delete\") {\n          const currentRot = rotation.value;\n          const scaleFactor = wiggle.degrees / (wiggle.degrees * 2);\n          rotation.value = currentRot * scaleFactor;\n        }\n\n        rotation.value = withRepeat(\n          withSequence(\n            withTiming(wiggle.degrees, {\n              duration: wiggle.duration,\n              easing: Easing.linear,\n            }),\n            withTiming(-wiggle.degrees, {\n              duration: wiggle.duration,\n              easing: Easing.linear,\n            })\n          ),\n          -1, // infinite\n          true\n        );\n      }\n      // Stop wiggling\n      else {\n        rotation.value = withTiming(0, { duration: 150 });\n      }\n    },\n    [\n      dragMode,\n      position.active,\n      deleteModeActive,\n      anyItemInDeleteMode,\n      wiggle,\n      wiggleDeleteMode,\n    ]\n  );\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const scale = position.active.value\n      ? withTiming(dragSizeIncreaseFactor, { duration: 120 })\n      : withTiming(1, { duration: 120 });\n\n    return {\n      position: \"absolute\",\n      width: itemWidth,\n      height: itemHeight,\n      transform: [\n        { translateX: position.x.value as any },\n        { translateY: position.y.value as any },\n        { scale: scale as any },\n        { rotate: `${rotation.value}deg` as any },\n      ],\n      zIndex: position.active.value ? 2 : 0,\n    } as any;\n  });\n\n  // Track delete mode on JS thread for conditional rendering\n  const [isInDeleteMode, setIsInDeleteMode] = useState(false);\n\n  useAnimatedReaction(\n    () => deleteModeActive.value,\n    (current) => {\n      runOnJS(setIsInDeleteMode)(current);\n    }\n  );\n\n  const handleDelete = () => {\n    // Exit delete mode when delete button is pressed\n    deleteModeActive.value = false;\n    anyItemInDeleteMode.value = false; // Clear global delete mode\n    showDelete.value = false;\n    stillTimer.value = 0;\n    wasReleasedAfterDeleteMode.value = false;\n    if (onDelete) {\n      onDelete();\n    }\n  };\n\n  return (\n    <Animated.View style={animatedStyle} pointerEvents=\"box-none\">\n      {/* Full-item Pressable for delete - only active when in delete mode */}\n      {isInDeleteMode && (\n        <Pressable\n          onPress={handleDelete}\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: itemWidth,\n            height: itemHeight,\n            zIndex: 2,\n          }}\n        />\n      )}\n\n      {/* Delete button (×) - visual indicator only */}\n      <Animated.View\n        style={[\n          {\n            position: \"absolute\",\n            top: itemHeight * 0.01,\n            right: itemWidth * 0.04,\n            width: itemWidth * 0.2,\n            height: itemHeight * 0.2,\n            borderRadius: 12,\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            zIndex: 3,\n          },\n          deleteButtonStyle,\n        ]}\n        pointerEvents=\"none\"\n      >\n        <Text\n          style={{\n            fontSize: itemWidth * 0.2,\n            color: \"black\",\n            fontWeight: 500,\n          }}\n        >\n          ×\n        </Text>\n      </Animated.View>\n\n      {children}\n    </Animated.View>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAQC,SAAS,QAAQ,cAAc;AACpD,OAAOC,QAAQ,IACbC,MAAM,EACNC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,UAAU,EAEVC,eAAe,EACfC,eAAe,EACfC,OAAO,QACF,yBAAyB;AAqBhC,eAAe,SAASC,YAAYA,CAAC;EACnCC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,mBAAmB;EACnBC,QAAQ;EACRC,MAAM;EACNC,gBAAgB;EAChBC,mBAAmB,GAAG,IAAI;EAC1BC,sBAAsB;EACtBC,QAAQ;EACRC,mBAAmB,GAAG;AACjB,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGpB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMqB,iBAAiB,GAAGrB,cAAc,CACtC,MACF,CAAC;EACD,MAAMsB,gBAAgB,GAAGtB,cAAc,CAAC,KAAK,CAAC;EAE9C,MAAMuB,UAAU,GAAGvB,cAAc,CAAC,KAAK,CAAC;EACxC,MAAMwB,gBAAgB,GAAGxB,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;EAChD,MAAMyB,UAAU,GAAGzB,cAAc,CAAC,CAAC,CAAC;EACpC,MAAM0B,KAAK,GAAG1B,cAAc,CAACQ,QAAQ,CAACmB,CAAC,CAACC,KAAK,CAAC;EAC9C,MAAMC,KAAK,GAAG7B,cAAc,CAACQ,QAAQ,CAACsB,CAAC,CAACF,KAAK,CAAC;EAC9C,MAAMG,YAAY,GAAG/B,cAAc,CAAC,CAAC,CAAC;EACtC,MAAMgC,0BAA0B,GAAGhC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;;EAE1D;EACAI,eAAe,CAAC,MAAM;IACpB,SAAS;;IACT2B,YAAY,CAACH,KAAK,GAAGG,YAAY,CAACH,KAAK,GAAG,CAAC;;IAE3C;IACA,IAAIT,mBAAmB,EAAE;MACvBK,gBAAgB,CAACI,KAAK,GAAG,KAAK;MAC9BL,UAAU,CAACK,KAAK,GAAG,KAAK;MACxBH,UAAU,CAACG,KAAK,GAAG,CAAC;MACpBhB,mBAAmB,CAACgB,KAAK,GAAG,KAAK;MACjC;IACF;IAEA,MAAMK,UAAU,GAAGtB,QAAQ,CAACiB,KAAK;IACjC,MAAMM,QAAQ,GAAG1B,QAAQ,CAAC2B,MAAM,CAACP,KAAK,GAAG,GAAG;IAC5C,MAAMD,CAAC,GAAGnB,QAAQ,CAACmB,CAAC,CAACC,KAAK;IAC1B,MAAME,CAAC,GAAGtB,QAAQ,CAACsB,CAAC,CAACF,KAAK;;IAE1B;IACA,MAAMQ,iBAAiB,GAAGd,gBAAgB,CAACM,KAAK,IAAI,CAACK,UAAU;IAC/DX,gBAAgB,CAACM,KAAK,GAAGK,UAAU;;IAEnC;IACA;IACA;IACA;IACA,IAAIT,gBAAgB,CAACI,KAAK,EAAE;MAC1B;MACA,IAAI,CAACM,QAAQ,IAAI,CAACF,0BAA0B,CAACJ,KAAK,EAAE;QAClDI,0BAA0B,CAACJ,KAAK,GAAG,IAAI;MACzC;MAEA,IAAIK,UAAU,IAAI,CAACC,QAAQ,EAAE;QAC3B;QACAV,gBAAgB,CAACI,KAAK,GAAG,KAAK;QAC9BhB,mBAAmB,CAACgB,KAAK,GAAG,KAAK,CAAC,CAAC;QACnCL,UAAU,CAACK,KAAK,GAAG,KAAK;QACxBH,UAAU,CAACG,KAAK,GAAG,CAAC;QACpBI,0BAA0B,CAACJ,KAAK,GAAG,KAAK;MAC1C,CAAC,MAAM,IAAIM,QAAQ,IAAIF,0BAA0B,CAACJ,KAAK,EAAE;QACvD;QACAJ,gBAAgB,CAACI,KAAK,GAAG,KAAK;QAC9BhB,mBAAmB,CAACgB,KAAK,GAAG,KAAK,CAAC,CAAC;QACnCL,UAAU,CAACK,KAAK,GAAG,KAAK;QACxBH,UAAU,CAACG,KAAK,GAAG,CAAC;QACpBI,0BAA0B,CAACJ,KAAK,GAAG,KAAK;MAC1C,CAAC,MAAM,IAAI,CAACK,UAAU,IAAI,CAACC,QAAQ,EAAE;QACnC;QACA;QACAX,UAAU,CAACK,KAAK,GAAG,IAAI;MACzB,CAAC,MAAM;QACL;QACAL,UAAU,CAACK,KAAK,GAAG,IAAI;MACzB;MACA;IACF;;IAEA;IACAI,0BAA0B,CAACJ,KAAK,GAAG,KAAK;;IAExC;IACA,IAAI,CAACK,UAAU,IAAI,CAACC,QAAQ,EAAE;MAC5BT,UAAU,CAACG,KAAK,GAAG,CAAC;MACpB;IACF;;IAEA;IACA;IACA,MAAMS,KAAK,GACTC,IAAI,CAACC,GAAG,CAACZ,CAAC,GAAGD,KAAK,CAACE,KAAK,CAAC,GAAG,EAAE,IAAIU,IAAI,CAACC,GAAG,CAACT,CAAC,GAAGD,KAAK,CAACD,KAAK,CAAC,GAAG,EAAE;IAElE,IAAIS,KAAK,EAAE;MACT;MACAZ,UAAU,CAACG,KAAK,GAAG,CAAC;MACpBF,KAAK,CAACE,KAAK,GAAGD,CAAC;MACfE,KAAK,CAACD,KAAK,GAAGE,CAAC;MACf;IACF;;IAEA;IACA,IAAIL,UAAU,CAACG,KAAK,KAAK,CAAC,EAAE;MAC1BF,KAAK,CAACE,KAAK,GAAGD,CAAC;MACfE,KAAK,CAACD,KAAK,GAAGE,CAAC;IACjB;;IAEA;IACA;IACAL,UAAU,CAACG,KAAK,IAAI,EAAE;;IAEtB;IACA,IAAIH,UAAU,CAACG,KAAK,IAAIZ,mBAAmB,EAAE;MAC3CQ,gBAAgB,CAACI,KAAK,GAAG,IAAI;MAC7BhB,mBAAmB,CAACgB,KAAK,GAAG,IAAI,CAAC,CAAC;MAClCL,UAAU,CAACK,KAAK,GAAG,IAAI;MACvBI,0BAA0B,CAACJ,KAAK,GAAG,KAAK,CAAC,CAAC;IAC5C;EACF,CAAC,CAAC;EAEF,MAAMY,iBAAiB,GAAG1C,gBAAgB,CAAC,MAAM;IAC/C;IACA,MAAM2C,UAAU,GAAGlB,UAAU,CAACK,KAAK;IACnC,OAAO;MACLc,OAAO,EAAED,UAAU,GAAG,CAAC,GAAG,CAAC;MAC3BE,aAAa,EAAEF,UAAU,GAAG,MAAM,GAAG,MAAM;MAC3CG,SAAS,EAAE,CACT;QAAEC,KAAK,EAAE1C,UAAU,CAACsC,UAAU,GAAG,CAAC,GAAG,GAAG,EAAE;UAAEK,QAAQ,EAAE;QAAI,CAAC;MAAE,CAAC;IAElE,CAAC;EACH,CAAC,CAAC;;EAEF;EACA/C,mBAAmB,CACjB,MAAMa,mBAAmB,CAACgB,KAAK,EAC/B,CAACmB,OAAO,EAAEC,QAAQ,KAAK;IACrB,SAAS;;IACT;IACA,IAAIA,QAAQ,IAAI,CAACD,OAAO,IAAIvB,gBAAgB,CAACI,KAAK,EAAE;MAClDJ,gBAAgB,CAACI,KAAK,GAAG,KAAK;MAC9BL,UAAU,CAACK,KAAK,GAAG,KAAK;MACxBH,UAAU,CAACG,KAAK,GAAG,CAAC;MACpBI,0BAA0B,CAACJ,KAAK,GAAG,KAAK;IAC1C;EACF,CACF,CAAC;;EAED;EACA7B,mBAAmB,CACjB,OAAO;IACLkD,UAAU,EAAEtC,QAAQ,CAACiB,KAAK;IAC1BM,QAAQ,EAAE1B,QAAQ,CAAC2B,MAAM,CAACP,KAAK,GAAG,GAAG;IACrCsB,YAAY,EAAE1B,gBAAgB,CAACI,KAAK;IACpCuB,eAAe,EAAEvC,mBAAmB,CAACgB;EACvC,CAAC,CAAC,EACF,CAAC;IAAEqB,UAAU;IAAEf,QAAQ;IAAEgB,YAAY;IAAEC;EAAgB,CAAC,KAAK;IAC3D;IACA,IAAIC,UAAwC,GAAG,MAAM;IACrD,IAAIF,YAAY,KAAKnC,gBAAgB,IAAID,MAAM,CAAC,EAAE;MAChDsC,UAAU,GAAG,QAAQ;IACvB,CAAC,MAAM,IAAID,eAAe,IAAI,CAACjB,QAAQ,IAAIpB,MAAM,EAAE;MACjDsC,UAAU,GAAG,QAAQ;IACvB,CAAC,MAAM,IAAIH,UAAU,IAAI,CAACf,QAAQ,IAAIpB,MAAM,EAAE;MAC5CsC,UAAU,GAAG,QAAQ;IACvB;;IAEA;IACA,IAAI,CAACtC,MAAM,IAAI,CAACC,gBAAgB,EAAE;MAChC,IAAIM,iBAAiB,CAACO,KAAK,KAAK,MAAM,EAAE;QACtCvB,eAAe,CAACe,QAAQ,CAAC;QACzBC,iBAAiB,CAACO,KAAK,GAAG,MAAM;MAClC;MACAR,QAAQ,CAACQ,KAAK,GAAGzB,UAAU,CAAC,CAAC,EAAE;QAAE2C,QAAQ,EAAE;MAAI,CAAC,CAAC;MACjD;IACF;;IAEA;IACA,IAAIM,UAAU,KAAK,QAAQ,IAAI,CAACrC,gBAAgB,IAAI,CAACD,MAAM,EAAE;MAC3D,IAAIO,iBAAiB,CAACO,KAAK,KAAK,MAAM,EAAE;QACtCvB,eAAe,CAACe,QAAQ,CAAC;QACzBC,iBAAiB,CAACO,KAAK,GAAG,MAAM;MAClC;MACAR,QAAQ,CAACQ,KAAK,GAAGzB,UAAU,CAAC,CAAC,EAAE;QAAE2C,QAAQ,EAAE;MAAI,CAAC,CAAC;MACjD;IACF;;IAEA;IACA,IAAIM,UAAU,KAAK,QAAQ,IAAI,CAACtC,MAAM,EAAE;MACtC,IAAIO,iBAAiB,CAACO,KAAK,KAAK,MAAM,EAAE;QACtCvB,eAAe,CAACe,QAAQ,CAAC;QACzBC,iBAAiB,CAACO,KAAK,GAAG,MAAM;MAClC;MACAR,QAAQ,CAACQ,KAAK,GAAGzB,UAAU,CAAC,CAAC,EAAE;QAAE2C,QAAQ,EAAE;MAAI,CAAC,CAAC;MACjD;IACF;;IAEA;IACA,IAAIzB,iBAAiB,CAACO,KAAK,KAAKwB,UAAU,EAAE;MAC1C,OAAO,CAAC;IACV;IAEA,MAAMC,YAAY,GAAGhC,iBAAiB,CAACO,KAAK;IAC5CP,iBAAiB,CAACO,KAAK,GAAGwB,UAAU;;IAEpC;IACA/C,eAAe,CAACe,QAAQ,CAAC;;IAEzB;IACA,IAAIgC,UAAU,KAAK,QAAQ,EAAE;MAC3B,MAAME,mBAAmB,GAAGvC,gBAAgB,GACxCA,gBAAgB,CAACwC,OAAO,GACxB,CAAC,CAAAzC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEyC,OAAO,KAAI,CAAC,IAAI,CAAC;MAC9B,MAAMC,oBAAoB,GAAGzC,gBAAgB,GACzCA,gBAAgB,CAAC+B,QAAQ,GACzB,CAAC,CAAAhC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEgC,QAAQ,KAAI,GAAG,IAAI,GAAG,CAAC,CAAC;;MAErC;MACA,IAAIO,YAAY,KAAK,QAAQ,IAAIvC,MAAM,EAAE;QACvC,MAAM2C,UAAU,GAAGrC,QAAQ,CAACQ,KAAK;QACjC,MAAM8B,WAAW,GAAGJ,mBAAmB,GAAGxC,MAAM,CAACyC,OAAO;QACxDnC,QAAQ,CAACQ,KAAK,GAAG6B,UAAU,GAAGC,WAAW;MAC3C;MAEAtC,QAAQ,CAACQ,KAAK,GAAG3B,UAAU,CACzBC,YAAY,CACVC,UAAU,CAACmD,mBAAmB,EAAE;QAC9BR,QAAQ,EAAEU,oBAAoB;QAC9BG,MAAM,EAAE9D,MAAM,CAAC+D;MACjB,CAAC,CAAC,EACFzD,UAAU,CAAC,CAACmD,mBAAmB,EAAE;QAC/BR,QAAQ,EAAEU,oBAAoB;QAC9BG,MAAM,EAAE9D,MAAM,CAAC+D;MACjB,CAAC,CACH,CAAC,EACD,CAAC,CAAC;MAAE;MACJ,IACF,CAAC;IACH;IACA;IAAA,KACK,IAAIR,UAAU,KAAK,QAAQ,EAAE;MAChC;MACA,IAAIC,YAAY,KAAK,QAAQ,EAAE;QAC7B,MAAMI,UAAU,GAAGrC,QAAQ,CAACQ,KAAK;QACjC,MAAM8B,WAAW,GAAG5C,MAAM,CAACyC,OAAO,IAAIzC,MAAM,CAACyC,OAAO,GAAG,CAAC,CAAC;QACzDnC,QAAQ,CAACQ,KAAK,GAAG6B,UAAU,GAAGC,WAAW;MAC3C;MAEAtC,QAAQ,CAACQ,KAAK,GAAG3B,UAAU,CACzBC,YAAY,CACVC,UAAU,CAACW,MAAM,CAACyC,OAAO,EAAE;QACzBT,QAAQ,EAAEhC,MAAM,CAACgC,QAAQ;QACzBa,MAAM,EAAE9D,MAAM,CAAC+D;MACjB,CAAC,CAAC,EACFzD,UAAU,CAAC,CAACW,MAAM,CAACyC,OAAO,EAAE;QAC1BT,QAAQ,EAAEhC,MAAM,CAACgC,QAAQ;QACzBa,MAAM,EAAE9D,MAAM,CAAC+D;MACjB,CAAC,CACH,CAAC,EACD,CAAC,CAAC;MAAE;MACJ,IACF,CAAC;IACH;IACA;IAAA,KACK;MACHxC,QAAQ,CAACQ,KAAK,GAAGzB,UAAU,CAAC,CAAC,EAAE;QAAE2C,QAAQ,EAAE;MAAI,CAAC,CAAC;IACnD;EACF,CAAC,EACD,CACEnC,QAAQ,EACRH,QAAQ,CAAC2B,MAAM,EACfX,gBAAgB,EAChBZ,mBAAmB,EACnBE,MAAM,EACNC,gBAAgB,CAEpB,CAAC;EAED,MAAM8C,aAAa,GAAG/D,gBAAgB,CAAC,MAAM;IAC3C,MAAM+C,KAAK,GAAGrC,QAAQ,CAAC2B,MAAM,CAACP,KAAK,GAC/BzB,UAAU,CAACc,sBAAsB,EAAE;MAAE6B,QAAQ,EAAE;IAAI,CAAC,CAAC,GACrD3C,UAAU,CAAC,CAAC,EAAE;MAAE2C,QAAQ,EAAE;IAAI,CAAC,CAAC;IAEpC,OAAO;MACLtC,QAAQ,EAAE,UAAU;MACpBsD,KAAK,EAAErD,SAAS;MAChBsD,MAAM,EAAErD,UAAU;MAClBkC,SAAS,EAAE,CACT;QAAEoB,UAAU,EAAExD,QAAQ,CAACmB,CAAC,CAACC;MAAa,CAAC,EACvC;QAAEqC,UAAU,EAAEzD,QAAQ,CAACsB,CAAC,CAACF;MAAa,CAAC,EACvC;QAAEiB,KAAK,EAAEA;MAAa,CAAC,EACvB;QAAEqB,MAAM,EAAE,GAAG9C,QAAQ,CAACQ,KAAK;MAAa,CAAC,CAC1C;MACDuC,MAAM,EAAE3D,QAAQ,CAAC2B,MAAM,CAACP,KAAK,GAAG,CAAC,GAAG;IACtC,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,MAAM,CAACwC,cAAc,EAAEC,iBAAiB,CAAC,GAAG5E,QAAQ,CAAC,KAAK,CAAC;EAE3DM,mBAAmB,CACjB,MAAMyB,gBAAgB,CAACI,KAAK,EAC3BmB,OAAO,IAAK;IACXzC,OAAO,CAAC+D,iBAAiB,CAAC,CAACtB,OAAO,CAAC;EACrC,CACF,CAAC;EAED,MAAMuB,YAAY,GAAGA,CAAA,KAAM;IACzB;IACA9C,gBAAgB,CAACI,KAAK,GAAG,KAAK;IAC9BhB,mBAAmB,CAACgB,KAAK,GAAG,KAAK,CAAC,CAAC;IACnCL,UAAU,CAACK,KAAK,GAAG,KAAK;IACxBH,UAAU,CAACG,KAAK,GAAG,CAAC;IACpBI,0BAA0B,CAACJ,KAAK,GAAG,KAAK;IACxC,IAAIV,QAAQ,EAAE;MACZA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC;EAED,oBACE1B,KAAA,CAAA+E,aAAA,CAAC3E,QAAQ,CAAC4E,IAAI;IAACC,KAAK,EAAEZ,aAAc;IAAClB,aAAa,EAAC;EAAU,GAE1DyB,cAAc,iBACb5E,KAAA,CAAA+E,aAAA,CAAC5E,SAAS;IACR+E,OAAO,EAAEJ,YAAa;IACtBG,KAAK,EAAE;MACLjE,QAAQ,EAAE,UAAU;MACpBmE,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACThB,KAAK,EAAErD,SAAS;MAChBsD,MAAM,EAAErD,UAAU;MAClByD,MAAM,EAAE;IACV;EAAE,CACH,CACF,eAGD3E,KAAA,CAAA+E,aAAA,CAAC3E,QAAQ,CAAC4E,IAAI;IACZC,KAAK,EAAE,CACL;MACEjE,QAAQ,EAAE,UAAU;MACpBmE,GAAG,EAAEjE,UAAU,GAAG,IAAI;MACtBmE,KAAK,EAAEpE,SAAS,GAAG,IAAI;MACvBqD,KAAK,EAAErD,SAAS,GAAG,GAAG;MACtBsD,MAAM,EAAErD,UAAU,GAAG,GAAG;MACxBqE,YAAY,EAAE,EAAE;MAChBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBd,MAAM,EAAE;IACV,CAAC,EACD3B,iBAAiB,CACjB;IACFG,aAAa,EAAC;EAAM,gBAEpBnD,KAAA,CAAA+E,aAAA,CAAC7E,IAAI;IACH+E,KAAK,EAAE;MACLS,QAAQ,EAAEzE,SAAS,GAAG,GAAG;MACzB0E,KAAK,EAAE,OAAO;MACdC,UAAU,EAAE;IACd;EAAE,GACH,MAEK,CACO,CAAC,EAEfvE,QACY,CAAC;AAEpB","ignoreList":[]}

package/lib/module/SwappableGrid.js

@@ -49,12 +49,14 @@ const SwappableGrid = /*#__PURE__*/forwardRef(({
   itemHeight,
   gap = 8,
   containerPadding = 8,
-  longPressMs = 300,
+  holdToDragMs = 300,
   numColumns,
   onDragEnd,
   onOrderChange,
   onDelete,
   wiggle,
+  wiggleDeleteMode,
+  holdStillToDeleteMs = 1000,
   style,
   dragSizeIncreaseFactor = 1.06,
   scrollThreshold = 100,
@@ -107,7 +109,7 @@ const SwappableGrid = /*#__PURE__*/forwardRef(({
   } = useGridLayout({
     reverse,
     children,
-    longPressMs,
+    holdToDragMs,
     itemWidth,
     itemHeight,
     gap,
@@ -308,8 +310,10 @@ const SwappableGrid = /*#__PURE__*/forwardRef(({
       dragMode: dragMode,
       anyItemInDeleteMode: anyItemInDeleteMode,
       wiggle: wiggle,
+      wiggleDeleteMode: wiggleDeleteMode,
+      holdStillToDeleteMs: holdStillToDeleteMs,
       dragSizeIncreaseFactor: dragSizeIncreaseFactor,
-      disableHoldToDelete: !!deleteComponent,
+      disableHoldToDelete: !onDelete || !!deleteComponent,
       onDelete: () => {
         deleteItem(key);
         if (onDelete) {