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

package/lib/module/HoverLayer.js

@@ -0,0 +1,152 @@
+"use strict";
+
+import { memo, useLayoutEffect } from 'react';
+import { StyleSheet } from 'react-native';
+import Reanimated, { useAnimatedStyle } from 'react-native-reanimated';
+import { runOnUI } from 'react-native-worklets';
+
+/** Flattened hover styles for the currently dragged view */
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Single hover layer component that renders the hover content during drag.
+ *
+ * This is the ONLY component that reads hoverPositionSV (changes every frame).
+ * All other DraxViews read draggedIdSV/receiverIdSV/dragPhaseSV which change ~5x per drag.
+ *
+ * Content is passed via ref to avoid re-rendering the entire DraxProvider tree.
+ * Only this component re-renders when hover content changes (via hoverVersion).
+ */
+export const HoverLayer = /*#__PURE__*/memo(({
+  hoverContentRef,
+  hoverVersion,
+  hoverPositionSV,
+  dragPhaseSV,
+  receiverIdSV,
+  hoverReadySV,
+  hoverDimsSV,
+  hoverStylesRef
+}) => {
+  // After hover content is committed to the DOM, activate drag phase + signal readiness.
+  // dragPhaseSV is NOT set in the gesture handler — it's set HERE, ensuring:
+  //   1. HoverLayer becomes visible (opacity 1) only AFTER content is rendered
+  //   2. SortableItem hides only AFTER hover is visible (reads hoverReadySV)
+  // Both writes happen in the same runOnUI call → same UI frame → no blink.
+  useLayoutEffect(() => {
+    if (hoverContentRef.current != null) {
+      runOnUI((_dragPhaseSV, _hoverReadySV) => {
+        'worklet';
+
+        _dragPhaseSV.value = 'dragging';
+        _hoverReadySV.value = true;
+      })(dragPhaseSV, hoverReadySV);
+    }
+  }, [hoverVersion]);
+
+  // Read hover styles from ref in the component body — they're captured by the
+  // worklet closure when the component re-renders (on hoverVersion change).
+  // This ensures the latest styles are available without SharedValues.
+  const hs = hoverStylesRef.current;
+  const flatHoverStyle = hs?.hoverStyle ?? null;
+  const flatHoverDraggingStyle = hs?.hoverDraggingStyle ?? null;
+  const flatHoverDraggingWithReceiverStyle = hs?.hoverDraggingWithReceiverStyle ?? null;
+  const flatHoverDraggingWithoutReceiverStyle = hs?.hoverDraggingWithoutReceiverStyle ?? null;
+  const flatHoverDragReleasedStyle = hs?.hoverDragReleasedStyle ?? null;
+
+  // Position style: applied to the outer full-screen container.
+  // Only handles positioning (translate) and visibility (opacity).
+  const positionStyle = useAnimatedStyle(() => {
+    const phase = dragPhaseSV.value;
+    if (phase === 'idle') {
+      return {
+        opacity: 0
+      };
+    }
+    return {
+      opacity: 1,
+      transform: [{
+        translateX: hoverPositionSV.value.x
+      }, {
+        translateY: hoverPositionSV.value.y
+      }]
+    };
+  });
+
+  // Visual style: applied to the inner content wrapper.
+  // Handles user hover styles (border, shadow, scale, rotate, etc.)
+  // so they apply to the content bounds, not the full-screen container.
+  const visualStyle = useAnimatedStyle(() => {
+    const phase = dragPhaseSV.value;
+    if (phase === 'idle') {
+      return {};
+    }
+    let hoverStyles;
+    if (phase === 'dragging') {
+      const hasReceiver = receiverIdSV.value !== '';
+      hoverStyles = {
+        ...(flatHoverStyle ?? {}),
+        ...(flatHoverDraggingStyle ?? {}),
+        ...(hasReceiver ? flatHoverDraggingWithReceiverStyle ?? {} : flatHoverDraggingWithoutReceiverStyle ?? {})
+      };
+    } else {
+      // phase === 'releasing'
+      hoverStyles = {
+        ...(flatHoverStyle ?? {}),
+        ...(flatHoverDragReleasedStyle ?? flatHoverDraggingStyle ?? {})
+      };
+    }
+
+    // User transforms (rotate, scale, etc.) stay on the content wrapper.
+    const {
+      transform: userTransform,
+      ...restStyles
+    } = hoverStyles;
+    return {
+      ...restStyles,
+      ...(userTransform ? {
+        transform: userTransform
+      } : {})
+    };
+  });
+
+  // Animated dimensions for the inner content wrapper.
+  // When hoverDimsSV is non-zero, constrains hover content to those dimensions
+  // so cross-container transfers animate smoothly from source to target size.
+  const dimensionStyle = useAnimatedStyle(() => {
+    const dims = hoverDimsSV.value;
+    if (dims.x > 0 && dims.y > 0) {
+      return {
+        width: dims.x,
+        height: dims.y
+      };
+    }
+    return {};
+  });
+
+  // Always render the Reanimated.View — never conditionally unmount it.
+  // If we returned null when content is empty, remounting causes a one-frame
+  // flash (the view renders at default position before useAnimatedStyle kicks in).
+  return /*#__PURE__*/_jsx(Reanimated.View, {
+    style: [styles.container, positionStyle],
+    pointerEvents: "none",
+    children: /*#__PURE__*/_jsx(Reanimated.View, {
+      style: [styles.content, dimensionStyle, visualStyle],
+      children: hoverContentRef.current
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    // Default hidden — useAnimatedStyle overrides to opacity:1 when dragging.
+    // Prevents a one-frame flash on first mount before the animated style evaluates.
+    opacity: 0,
+    transformOrigin: 'top left'
+  },
+  content: {
+    // Shrink-wrap to content width — without this the inner view stretches
+    // to fill the full-screen absolute parent, causing hover styles (border,
+    // shadow) to render at screen width instead of content width.
+    alignSelf: 'flex-start'
+  }
+});
+//# sourceMappingURL=HoverLayer.js.map

package/lib/module/HoverLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useLayoutEffect","StyleSheet","Reanimated","useAnimatedStyle","runOnUI","jsx","_jsx","HoverLayer","hoverContentRef","hoverVersion","hoverPositionSV","dragPhaseSV","receiverIdSV","hoverReadySV","hoverDimsSV","hoverStylesRef","current","_dragPhaseSV","_hoverReadySV","value","hs","flatHoverStyle","hoverStyle","flatHoverDraggingStyle","hoverDraggingStyle","flatHoverDraggingWithReceiverStyle","hoverDraggingWithReceiverStyle","flatHoverDraggingWithoutReceiverStyle","hoverDraggingWithoutReceiverStyle","flatHoverDragReleasedStyle","hoverDragReleasedStyle","positionStyle","phase","opacity","transform","translateX","x","translateY","y","visualStyle","hoverStyles","hasReceiver","userTransform","restStyles","dimensionStyle","dims","width","height","View","style","styles","container","pointerEvents","children","content","create","absoluteFillObject","transformOrigin","alignSelf"],"sourceRoot":"../../src","sources":["HoverLayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SortableBoardContainer.js

@@ -0,0 +1,386 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { withDelay, withTiming } from 'react-native-reanimated';
+import { runOnJS, runOnUI } from 'react-native-worklets';
+import { DraxView } from "./DraxView.js";
+import { useDraxContext } from "./hooks/useDraxContext.js";
+import { defaultSnapbackDelay, defaultSnapbackDuration } from "./params.js";
+import { SortableBoardContext } from "./SortableBoardContext.js";
+import { isSortableItemPayload } from "./types.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SortableBoardContainer = ({
+  board,
+  style,
+  children,
+  draxViewProps
+}) => {
+  const boardInternal = board._internal;
+  const columns = boardInternal.columns;
+  const transferStateRef = boardInternal.transferState;
+  const {
+    hoverClearDeferredRef,
+    draggedIdSV,
+    hoverReadySV,
+    dragPhaseSV,
+    hoverPositionSV,
+    hoverDimsSV,
+    setHoverContent
+  } = useDraxContext();
+
+  // Source info recorded on drag start
+  const sourceInfoRef = useRef(undefined);
+
+  // ── Find which column contains the given absolute position ──────────
+  const findTargetColumn = absolutePos => {
+    for (const [colId, internal] of columns.entries()) {
+      const bounds = internal.containerMeasurementsRef.current;
+      if (!bounds) continue;
+      if (absolutePos.x >= bounds.x && absolutePos.x <= bounds.x + bounds.width && absolutePos.y >= bounds.y && absolutePos.y <= bounds.y + bounds.height) {
+        return colId;
+      }
+    }
+    return undefined;
+  };
+
+  // ── Convert absolute position to column content position ────────────
+  const toContentPos = (absolutePos, col) => {
+    const bounds = col.containerMeasurementsRef.current;
+    if (!bounds) return {
+      x: 0,
+      y: 0
+    };
+    return {
+      x: absolutePos.x - bounds.x + col.scrollPosition.value.x,
+      y: absolutePos.y - bounds.y + col.scrollPosition.value.y
+    };
+  };
+
+  // ── Finalize cross-container transfer ─────────────────────────────────
+  // 1. Clear source/target JS-thread drag refs
+  // 2. Clear source draggedItem on UI thread
+  // 3. rAF → onTransfer → parent setState → useLayoutEffect updates stableData
+  //    (hover covers any brief re-layout; React 18 flushes setStableData
+  //    synchronously from useLayoutEffect, so FlatList re-renders before paint)
+  // 4. Guarded rAF → rAF → clear hover (skipped if a new drag already started)
+  const finalizeTransferRef = useRef(undefined);
+  /** Generation counter — incremented on each new drag start.
+   *  Deferred hover cleanup checks this to skip if a new drag has started. */
+  const cleanupGenRef = useRef(0);
+  finalizeTransferRef.current = () => {
+    const transfer = transferStateRef.current;
+    if (!transfer || !transfer.targetId) return;
+    const source = columns.get(transfer.sourceId);
+    const target = columns.get(transfer.targetId);
+    if (!source || !target) return;
+    const phantomIndex = target.phantomRef.current?.atDisplayIndex ?? transfer.targetSlot ?? 0;
+    const item = source.rawData[transfer.sourceOriginalIndex];
+
+    // 1. Clear source drag refs
+    source.draggedDisplayIndexRef.current = undefined;
+    source.dragStartIndexRef.current = undefined;
+    source.pendingOrderRef.current = [];
+
+    // Clear target phantom ref (JS-thread only, shifts stay for now).
+    target.phantomRef.current = undefined;
+    target.pendingOrderRef.current = [];
+
+    // Keep hover visible during transition
+    hoverClearDeferredRef.current = true;
+
+    // Clear board/transfer state
+    transferStateRef.current = undefined;
+    sourceInfoRef.current = undefined;
+
+    // 2. Clear source draggedItem AND draggedIdSV on UI thread.
+    const sourceItemKey = transfer.itemKey;
+    runOnUI((_srcDraggedItem, _draggedIdSV, _shiftsRef, _key) => {
+      'worklet';
+
+      const current = _shiftsRef.value;
+      _shiftsRef.value = {
+        ...current,
+        [_key]: {
+          x: -9999,
+          y: -9999
+        }
+      };
+      _srcDraggedItem.value = -1;
+      _draggedIdSV.value = '';
+    })(source.draggedItem, draggedIdSV, source.shiftsRef, sourceItemKey);
+
+    // 3. rAF → onTransfer → parent setState
+    const gen = ++cleanupGenRef.current;
+    requestAnimationFrame(() => {
+      boardInternal.onTransfer({
+        item,
+        fromContainerId: transfer.sourceId,
+        fromIndex: transfer.dragStartIndex,
+        toContainerId: transfer.targetId,
+        toIndex: phantomIndex
+      });
+
+      // 4. Wait for React render + Fabric commit, then clear hover.
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          if (cleanupGenRef.current !== gen) {
+            return;
+          }
+          runOnUI((_hoverReadySV, _dragPhaseSV, _draggedIdSV, _hoverPositionSV, _hoverDimsSV, _setHoverContent) => {
+            'worklet';
+
+            _hoverReadySV.value = false;
+            _dragPhaseSV.value = 'idle';
+            _draggedIdSV.value = '';
+            _hoverPositionSV.value = {
+              x: 0,
+              y: 0
+            };
+            _hoverDimsSV.value = {
+              x: 0,
+              y: 0
+            };
+            runOnJS(_setHoverContent)(null);
+          })(hoverReadySV, dragPhaseSV, draggedIdSV, hoverPositionSV, hoverDimsSV, setHoverContent);
+        });
+      });
+    });
+  };
+  useEffect(() => {
+    boardInternal.finalizeTransfer = () => finalizeTransferRef.current?.();
+  });
+
+  // ── Monitor callbacks ──────────────────────────────────────────────
+
+  const onMonitorDragStart = eventData => {
+    draxViewProps?.onMonitorDragStart?.(eventData);
+
+    // Invalidate any pending deferred hover cleanup from a previous transfer
+    cleanupGenRef.current++;
+
+    // Reset hover dimensions from any previous cross-container transfer
+    hoverDimsSV.value = {
+      x: 0,
+      y: 0
+    };
+    const {
+      dragged
+    } = eventData;
+    const parentId = dragged.parentId;
+    if (!parentId || !columns.has(parentId)) return;
+    if (!isSortableItemPayload(dragged.payload)) return;
+    const sourceCol = columns.get(parentId);
+    const {
+      originalIndex
+    } = dragged.payload;
+    const item = sourceCol.rawData[originalIndex];
+    if (item === undefined) return;
+    const itemKey = sourceCol.keyExtractor(item, originalIndex);
+    const dims = dragged.measurements ? {
+      width: dragged.measurements.width,
+      height: dragged.measurements.height
+    } : {
+      width: 0,
+      height: 0
+    };
+
+    // Determine display index (accounting for committed visual order)
+    const committed = sourceCol.committedOrderRef.current;
+    let displayIndex = dragged.payload.index;
+    if (committed.length > 0) {
+      const pos = committed.indexOf(originalIndex);
+      if (pos >= 0) displayIndex = pos;
+    }
+
+    // Set hover dimensions to source item size for cross-container dimension animation
+    if (dims.width > 0 && dims.height > 0) {
+      hoverDimsSV.value = {
+        x: dims.width,
+        y: dims.height
+      };
+    }
+    sourceInfoRef.current = {
+      colId: parentId,
+      originalIndex,
+      itemKey,
+      dragStartIndex: displayIndex,
+      dimensions: dims
+    };
+  };
+  const onMonitorDragOver = eventData => {
+    draxViewProps?.onMonitorDragOver?.(eventData);
+    const source = sourceInfoRef.current;
+    if (!source) return;
+    const targetColId = findTargetColumn(eventData.dragAbsolutePosition);
+    const transfer = transferStateRef.current;
+    if (targetColId && targetColId !== source.colId) {
+      // ── Drag is over a different column → cross-container ──────
+      const targetCol = columns.get(targetColId);
+      if (!targetCol) return;
+
+      // Ensure target column's pending order is initialized for slot computation
+      if (targetCol.pendingOrderRef.current.length === 0) {
+        const committed = targetCol.committedOrderRef.current;
+        targetCol.pendingOrderRef.current = committed.length > 0 ? [...committed] : [...targetCol.originalIndexes];
+      }
+      const contentPos = toContentPos(eventData.dragAbsolutePosition, targetCol);
+      const insertIdx = targetCol.getSlotFromPosition(contentPos);
+      if (!transfer) {
+        // First time crossing — eject from source, set phantom in target
+        const sourceCol = columns.get(source.colId);
+        sourceCol?.ejectDraggedItem();
+        transferStateRef.current = {
+          sourceId: source.colId,
+          sourceOriginalIndex: source.originalIndex,
+          itemKey: source.itemKey,
+          itemDimensions: source.dimensions,
+          dragStartIndex: source.dragStartIndex,
+          targetId: targetColId,
+          targetSlot: insertIdx
+        };
+        targetCol.setPhantomSlot(insertIdx, source.dimensions.width, source.dimensions.height);
+      } else if (transfer.targetId !== targetColId) {
+        // Crossed to a DIFFERENT target column — clear old target, set new
+        if (transfer.targetId) {
+          const prevTarget = columns.get(transfer.targetId);
+          prevTarget?.clearPhantomSlot();
+        }
+        transferStateRef.current = {
+          ...transfer,
+          targetId: targetColId,
+          targetSlot: insertIdx
+        };
+        targetCol.setPhantomSlot(insertIdx, source.dimensions.width, source.dimensions.height);
+      } else if (transfer.targetSlot !== insertIdx) {
+        // Same target column — update phantom position only if slot changed
+        transferStateRef.current = {
+          ...transfer,
+          targetSlot: insertIdx
+        };
+        targetCol.setPhantomSlot(insertIdx, source.dimensions.width, source.dimensions.height);
+      }
+    } else if (targetColId === source.colId && transfer) {
+      // ── Drag returned to source column ─────────────────────────
+      // Clear target phantom
+      if (transfer.targetId) {
+        const prevTarget = columns.get(transfer.targetId);
+        prevTarget?.clearPhantomSlot();
+      }
+
+      // Reinject item into source
+      const sourceCol = columns.get(source.colId);
+      if (sourceCol) {
+        const contentPos = toContentPos(eventData.dragAbsolutePosition, sourceCol);
+        const insertIdx = sourceCol.pendingOrderRef.current.length > 0 ? sourceCol.getSlotFromPosition(contentPos) : source.dragStartIndex;
+        sourceCol.reinjectDraggedItem(insertIdx, source.originalIndex);
+      }
+
+      // Clear transfer state — source column's monitor handles from here
+      transferStateRef.current = undefined;
+    } else if (!targetColId && transfer) {
+      // ── Drag is outside all columns but transfer was active ────
+      if (transfer.targetId) {
+        const prevTarget = columns.get(transfer.targetId);
+        prevTarget?.clearPhantomSlot();
+      }
+
+      // Reinject into source at original position
+      const sourceCol = columns.get(source.colId);
+      sourceCol?.reinjectDraggedItem(source.dragStartIndex, source.originalIndex);
+      transferStateRef.current = undefined;
+    }
+  };
+  const onMonitorDragEnd = eventData => {
+    const transfer = transferStateRef.current;
+    const cancelled = eventData.cancelled;
+    if (transfer && transfer.targetId && !cancelled) {
+      // Successful drop during cross-container transfer — snap to phantom position
+      const targetCol = columns.get(transfer.targetId);
+      if (targetCol) {
+        const snapTarget = targetCol.getPhantomSnapTarget();
+        // Clear source info to prevent spurious re-triggers during snap animation
+        sourceInfoRef.current = undefined;
+
+        // Animate hover dimensions from source to target size during snap.
+        // This causes the hover content to reflow naturally (width/height change,
+        // not scale) so the card smoothly transitions to the target column's size.
+        const sourceDims = transfer.itemDimensions;
+        const firstItemMeas = targetCol.itemMeasurements.current.values().next().value;
+        if (sourceDims && firstItemMeas && sourceDims.width > 0 && sourceDims.height > 0) {
+          if (Math.abs(firstItemMeas.width - sourceDims.width) > 2 || Math.abs(firstItemMeas.height - sourceDims.height) > 2) {
+            const snapDelay = draxViewProps?.snapDelay ?? defaultSnapbackDelay;
+            const snapDuration = draxViewProps?.snapDuration ?? defaultSnapbackDuration;
+            hoverDimsSV.value = withDelay(snapDelay, withTiming({
+              x: firstItemMeas.width,
+              y: firstItemMeas.height
+            }, {
+              duration: snapDuration
+            }));
+          }
+        }
+        draxViewProps?.onMonitorDragEnd?.(eventData);
+        return snapTarget;
+      }
+    }
+    if (transfer) {
+      // Cancelled or no target — clear phantom and reinject
+      if (transfer.targetId) {
+        const prevTarget = columns.get(transfer.targetId);
+        prevTarget?.clearPhantomSlot();
+      }
+      const sourceCol = columns.get(transfer.sourceId);
+      if (sourceCol) {
+        sourceCol.reinjectDraggedItem(transfer.dragStartIndex, transfer.sourceOriginalIndex);
+      }
+      transferStateRef.current = undefined;
+    }
+    sourceInfoRef.current = undefined;
+    const provided = draxViewProps?.onMonitorDragEnd?.(eventData);
+    return provided;
+  };
+  const onMonitorDragDrop = eventData => {
+    // For cross-container, drops go through onMonitorDragEnd (no receiver).
+    // This handles the case where a receiver exists.
+    const transfer = transferStateRef.current;
+    if (transfer && transfer.targetId) {
+      const targetCol = columns.get(transfer.targetId);
+      if (targetCol) {
+        const snapTarget = targetCol.getPhantomSnapTarget();
+        sourceInfoRef.current = undefined;
+        draxViewProps?.onMonitorDragDrop?.(eventData);
+        return snapTarget;
+      }
+    }
+    sourceInfoRef.current = undefined;
+    return draxViewProps?.onMonitorDragDrop?.(eventData);
+  };
+
+  // ── Context value ──────────────────────────────────────────────────
+
+  // Pass boardInternal directly — NOT a copy. The useEffect above mutates
+  // boardInternal.finalizeTransfer after render. A snapshot copy would capture
+  // `undefined` and memoization would never update it.
+  // Cast needed: SortableBoardInternal<TItem> → SortableBoardInternal<unknown>
+  // is safe because consumers only read transferState and finalizeTransfer.
+  const contextValue = {
+    registerColumn: boardInternal.registerColumn,
+    unregisterColumn: boardInternal.unregisterColumn,
+    boardInternal: boardInternal
+  };
+  return /*#__PURE__*/_jsx(SortableBoardContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(DraxView, {
+      ...draxViewProps,
+      style: [draxViewProps?.style, style],
+      draggable: false,
+      receptive: false,
+      monitoring: true,
+      onMonitorDragStart: onMonitorDragStart,
+      onMonitorDragOver: onMonitorDragOver,
+      onMonitorDragEnd: onMonitorDragEnd,
+      onMonitorDragDrop: onMonitorDragDrop,
+      children: children
+    })
+  });
+};
+//# sourceMappingURL=SortableBoardContainer.js.map

package/lib/module/SortableBoardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","withDelay","withTiming","runOnJS","runOnUI","DraxView","useDraxContext","defaultSnapbackDelay","defaultSnapbackDuration","SortableBoardContext","isSortableItemPayload","jsx","_jsx","SortableBoardContainer","board","style","children","draxViewProps","boardInternal","_internal","columns","transferStateRef","transferState","hoverClearDeferredRef","draggedIdSV","hoverReadySV","dragPhaseSV","hoverPositionSV","hoverDimsSV","setHoverContent","sourceInfoRef","undefined","findTargetColumn","absolutePos","colId","internal","entries","bounds","containerMeasurementsRef","current","x","width","y","height","toContentPos","col","scrollPosition","value","finalizeTransferRef","cleanupGenRef","transfer","targetId","source","get","sourceId","target","phantomIndex","phantomRef","atDisplayIndex","targetSlot","item","rawData","sourceOriginalIndex","draggedDisplayIndexRef","dragStartIndexRef","pendingOrderRef","sourceItemKey","itemKey","_srcDraggedItem","_draggedIdSV","_shiftsRef","_key","draggedItem","shiftsRef","gen","requestAnimationFrame","onTransfer","fromContainerId","fromIndex","dragStartIndex","toContainerId","toIndex","_hoverReadySV","_dragPhaseSV","_hoverPositionSV","_hoverDimsSV","_setHoverContent","finalizeTransfer","onMonitorDragStart","eventData","dragged","parentId","has","payload","sourceCol","originalIndex","keyExtractor","dims","measurements","committed","committedOrderRef","displayIndex","index","length","pos","indexOf","dimensions","onMonitorDragOver","targetColId","dragAbsolutePosition","targetCol","originalIndexes","contentPos","insertIdx","getSlotFromPosition","ejectDraggedItem","itemDimensions","setPhantomSlot","prevTarget","clearPhantomSlot","reinjectDraggedItem","onMonitorDragEnd","cancelled","snapTarget","getPhantomSnapTarget","sourceDims","firstItemMeas","itemMeasurements","values","next","Math","abs","snapDelay","snapDuration","duration","provided","onMonitorDragDrop","contextValue","registerColumn","unregisterColumn","Provider","draggable","receptive","monitoring"],"sourceRoot":"../../src","sources":["SortableBoardContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SortableBoardContext.js

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

package/lib/module/SortableBoardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","SortableBoardContext","undefined","useSortableBoardContext"],"sourceRoot":"../../src","sources":["SortableBoardContext.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,OAAO,MAAMC,oBAAoB,gBAAGF,aAAa,CAAwCG,SAAS,CAAC;AAEnG,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAMH,UAAU,CAACC,oBAAoB,CAAC","ignoreList":[]}