react-native-smart-grid 0.1.0

package/lib/module/components/DraggableTile.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import React, { memo, useEffect } from 'react';
+import { StyleSheet } from 'react-native';
+import { GestureDetector } from 'react-native-gesture-handler';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
+import { useGridDrag } from "../context/GridDragContext.js";
+import { useTileGesture } from "../hooks/useTileGesture.js";
+import { ResizeHandle } from "./ResizeHandle.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SPRING = {
+  damping: 20,
+  stiffness: 220,
+  mass: 0.5
+};
+function DraggableTileInner({
+  tile,
+  rect,
+  config,
+  containerWidth,
+  children
+}) {
+  const {
+    activeTile,
+    isEditing
+  } = useGridDrag();
+  const {
+    gesture
+  } = useTileGesture({
+    tile,
+    rect,
+    config,
+    containerWidth
+  });
+  const isActive = activeTile?.id === tile.id;
+  const animX = useSharedValue(rect.x);
+  const animY = useSharedValue(rect.y);
+  const animW = useSharedValue(rect.width);
+  const animH = useSharedValue(rect.height);
+  useEffect(() => {
+    animX.value = withSpring(rect.x, SPRING);
+    animY.value = withSpring(rect.y, SPRING);
+    animW.value = withSpring(rect.width, SPRING);
+    animH.value = withSpring(rect.height, SPRING);
+  }, [rect.x, rect.y, rect.width, rect.height]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const animStyle = useAnimatedStyle(() => ({
+    left: animX.value,
+    top: animY.value,
+    width: animW.value,
+    height: animH.value
+  }));
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: gesture,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.tile, animStyle, isActive && styles.tileActive, isEditing && styles.tileEditing],
+      children: [children, isEditing && !tile.locked && /*#__PURE__*/_jsx(ResizeHandle, {
+        tile: tile,
+        config: config,
+        containerWidth: containerWidth
+      })]
+    })
+  });
+}
+export const DraggableTile = /*#__PURE__*/memo(DraggableTileInner);
+const styles = StyleSheet.create({
+  tile: {
+    position: 'absolute'
+  },
+  tileActive: {
+    opacity: 0.3
+  },
+  tileEditing: {
+    borderWidth: 1,
+    borderColor: 'rgba(255,255,255,0.3)',
+    borderRadius: 12
+  }
+});
+//# sourceMappingURL=DraggableTile.js.map

package/lib/module/components/DraggableTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","StyleSheet","GestureDetector","Animated","useSharedValue","useAnimatedStyle","withSpring","useGridDrag","useTileGesture","ResizeHandle","jsx","_jsx","jsxs","_jsxs","SPRING","damping","stiffness","mass","DraggableTileInner","tile","rect","config","containerWidth","children","activeTile","isEditing","gesture","isActive","id","animX","x","animY","y","animW","width","animH","height","value","animStyle","left","top","View","style","styles","tileActive","tileEditing","locked","DraggableTile","create","position","opacity","borderWidth","borderColor","borderRadius"],"sourceRoot":"..\\..\\..\\src","sources":["components/DraggableTile.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/GhostTile.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { tileToPixelRect } from "../layout/LayoutCalculator.js";
+import { useGridDrag } from "../context/GridDragContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GhostTile = /*#__PURE__*/memo(function GhostTile({
+  activeTile,
+  config,
+  containerWidth
+}) {
+  const {
+    ghostPosition
+  } = useGridDrag();
+  if (!ghostPosition) return null;
+  const rect = tileToPixelRect(ghostPosition, activeTile.size, config, containerWidth);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.ghost, {
+      left: rect.x,
+      top: rect.y,
+      width: rect.width,
+      height: rect.height
+    }]
+  });
+});
+const styles = StyleSheet.create({
+  ghost: {
+    position: 'absolute',
+    borderRadius: 12,
+    borderWidth: 2,
+    borderColor: 'rgba(255,255,255,0.4)',
+    borderStyle: 'dashed',
+    backgroundColor: 'rgba(255,255,255,0.08)'
+  }
+});
+//# sourceMappingURL=GhostTile.js.map

package/lib/module/components/GhostTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","View","tileToPixelRect","useGridDrag","jsx","_jsx","GhostTile","activeTile","config","containerWidth","ghostPosition","rect","size","style","styles","ghost","left","x","top","y","width","height","create","position","borderRadius","borderWidth","borderColor","borderStyle","backgroundColor"],"sourceRoot":"..\\..\\..\\src","sources":["components/GhostTile.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,eAAe,QAAQ,+BAA4B;AAC5D,SAASC,WAAW,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzD,OAAO,MAAMC,SAAS,gBAAGP,IAAI,CAAC,SAASO,SAASA,CAAC;EAC/CC,UAAU;EACVC,MAAM;EACNC;AACK,CAAC,EAAE;EACR,MAAM;IAAEC;EAAc,CAAC,GAAGP,WAAW,CAAC,CAAC;EACvC,IAAI,CAACO,aAAa,EAAE,OAAO,IAAI;EAE/B,MAAMC,IAAI,GAAGT,eAAe,CAACQ,aAAa,EAAEH,UAAU,CAACK,IAAI,EAAEJ,MAAM,EAAEC,cAAc,CAAC;EAEpF,oBACEJ,IAAA,CAACJ,IAAI;IACHY,KAAK,EAAE,CACLC,MAAM,CAACC,KAAK,EACZ;MAAEC,IAAI,EAAEL,IAAI,CAACM,CAAC;MAAEC,GAAG,EAAEP,IAAI,CAACQ,CAAC;MAAEC,KAAK,EAAET,IAAI,CAACS,KAAK;MAAEC,MAAM,EAAEV,IAAI,CAACU;IAAO,CAAC;EACrE,CACH,CAAC;AAEN,CAAC,CAAC;AAEF,MAAMP,MAAM,GAAGd,UAAU,CAACsB,MAAM,CAAC;EAC/BP,KAAK,EAAE;IACLQ,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,uBAAuB;IACpCC,WAAW,EAAE,QAAQ;IACrBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/GridTile.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GridTile = /*#__PURE__*/memo(function GridTile({
+  rect,
+  children
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.tile, {
+      left: rect.x,
+      top: rect.y,
+      width: rect.width,
+      height: rect.height
+    }],
+    children: children
+  });
+});
+const styles = StyleSheet.create({
+  tile: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=GridTile.js.map

package/lib/module/components/GridTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","StyleSheet","View","jsx","_jsx","GridTile","rect","children","style","styles","tile","left","x","top","y","width","height","create","position"],"sourceRoot":"..\\..\\..\\src","sources":["components/GridTile.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQhD,OAAO,MAAMC,QAAQ,gBAAGL,IAAI,CAAC,SAASK,QAAQA,CAAC;EAAEC,IAAI;EAAEC;AAAgB,CAAC,EAAE;EACxE,oBACEH,IAAA,CAACF,IAAI;IACHM,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;MAAEC,IAAI,EAAEL,IAAI,CAACM,CAAC;MAAEC,GAAG,EAAEP,IAAI,CAACQ,CAAC;MAAEC,KAAK,EAAET,IAAI,CAACS,KAAK;MAAEC,MAAM,EAAEV,IAAI,CAACU;IAAO,CAAC,CACrE;IAAAT,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEF,MAAME,MAAM,GAAGR,UAAU,CAACgB,MAAM,CAAC;EAC/BP,IAAI,EAAE;IACJQ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ResizeHandle.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { useRef } from 'react';
+import { StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { useAnimatedStyle, useSharedValue, runOnJS } from 'react-native-reanimated';
+import { columnWidth } from "../layout/LayoutCalculator.js";
+import { useGridDrag } from "../context/GridDragContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ResizeHandle({
+  tile,
+  config,
+  containerWidth
+}) {
+  const {
+    commitResize
+  } = useGridDrag();
+  const initSize = useRef(tile.size);
+  const deltaW = useSharedValue(0);
+  const deltaH = useSharedValue(0);
+  const colW = columnWidth(config, containerWidth);
+  function onCommit(w, h) {
+    const minW = tile.minSize?.w ?? 1;
+    const minH = tile.minSize?.h ?? 1;
+    const maxW = tile.maxSize?.w ?? config.columns;
+    const maxH = tile.maxSize?.h ?? 99;
+    const newSize = {
+      w: Math.max(minW, Math.min(maxW, w)),
+      h: Math.max(minH, Math.min(maxH, h))
+    };
+    commitResize(tile, newSize);
+  }
+  const gesture = Gesture.Pan().onBegin(() => {
+    initSize.current = tile.size;
+    deltaW.value = 0;
+    deltaH.value = 0;
+  }).onUpdate(e => {
+    deltaW.value = Math.round(e.translationX / (colW + config.gap));
+    deltaH.value = Math.round(e.translationY / (config.rowHeight + config.gap));
+  }).onEnd(() => {
+    const newW = initSize.current.w + deltaW.value;
+    const newH = initSize.current.h + deltaH.value;
+    deltaW.value = 0;
+    deltaH.value = 0;
+    runOnJS(onCommit)(newW, newH);
+  });
+  const animStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: deltaW.value * (colW + config.gap)
+    }, {
+      translateY: deltaH.value * (config.rowHeight + config.gap)
+    }]
+  }));
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: gesture,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.handle, animStyle]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  handle: {
+    position: 'absolute',
+    bottom: 4,
+    right: 4,
+    width: 20,
+    height: 20,
+    borderRadius: 4,
+    backgroundColor: 'rgba(255,255,255,0.9)'
+  }
+});
+//# sourceMappingURL=ResizeHandle.js.map

package/lib/module/components/ResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","StyleSheet","Gesture","GestureDetector","Animated","useAnimatedStyle","useSharedValue","runOnJS","columnWidth","useGridDrag","jsx","_jsx","ResizeHandle","tile","config","containerWidth","commitResize","initSize","size","deltaW","deltaH","colW","onCommit","w","h","minW","minSize","minH","maxW","maxSize","columns","maxH","newSize","Math","max","min","gesture","Pan","onBegin","current","value","onUpdate","e","round","translationX","gap","translationY","rowHeight","onEnd","newW","newH","animStyle","transform","translateX","translateY","children","View","style","styles","handle","create","position","bottom","right","width","height","borderRadius","backgroundColor"],"sourceRoot":"..\\..\\..\\src","sources":["components/ResizeHandle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SmartGrid.js

@@ -0,0 +1,363 @@
+"use strict";
+
+import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { GridEngine } from "../engine/GridEngine.js";
+import { resolveCollisions } from "../engine/collisions.js";
+import { autoArrange as autoArrangeAlgo, applyGravity } from "../engine/autoArrange.js";
+import { tileToPixelRect, gridTotalHeight, isInViewport } from "../layout/LayoutCalculator.js";
+import { GridDragProvider, useGridDrag } from "../context/GridDragContext.js";
+import { DraggableTile } from "./DraggableTile.js";
+import { GhostTile } from "./GhostTile.js";
+import { DragLayer } from "./DragLayer.js";
+
+/** Imperative handle exposed via `ref`. */
+
+/** Argument passed to `renderTile`. */
+
+/**
+ * Props for `SmartGrid`.
+ *
+ * `position` and `size` on each tile are optional:
+ * - Both provided → tile is placed exactly where specified.
+ * - `size` only → tile is auto-placed via bin-packing.
+ * - Neither → tile defaults to 1×1 and is auto-placed in order.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ── Normalization ─────────────────────────────────────────────────────────────
+
+function normalizeTiles(tiles, columns) {
+  const sized = tiles.map(t => ({
+    ...t,
+    size: t.size ?? {
+      w: 1,
+      h: 1
+    }
+  }));
+  const withPos = sized.filter(t => t.position != null);
+  const withoutPos = sized.filter(t => t.position == null);
+  if (withoutPos.length === 0) return withPos;
+  const engine = new GridEngine(columns);
+  for (const t of withPos) engine.placeAt(t.id, t.position, t.size);
+  const result = [...withPos];
+  for (const t of withoutPos) {
+    const pos = engine.findFirstFit(t.size);
+    if (pos) {
+      engine.placeAt(t.id, pos, t.size);
+      result.push({
+        ...t,
+        position: pos
+      });
+    }
+  }
+  return result;
+}
+
+// ── Inner component (has access to GridDragContext) ───────────────────────────
+
+function SmartGridInner({
+  data,
+  renderTile,
+  columns = 4,
+  rowHeight = 100,
+  gap = 8,
+  padding = 8
+}) {
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [viewportHeight, setViewportHeight] = useState(0);
+  const scrollTickRef = useRef(0);
+  const [scrollTick, setScrollTick] = useState(0);
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const containerRef = useRef(null);
+  const drag = useGridDrag();
+  const config = useMemo(() => ({
+    columns,
+    rowHeight,
+    gap,
+    padding
+  }), [columns, rowHeight, gap, padding]);
+  const totalHeight = useMemo(() => gridTotalHeight(data, config), [data, config]);
+  const handleLayout = useCallback(e => {
+    setContainerWidth(e.nativeEvent.layout.width);
+    setViewportHeight(e.nativeEvent.layout.height);
+    containerRef.current?.measure((_x, _y, _w, _h, pageX, pageY) => {
+      drag.containerPageX.current = pageX;
+      drag.containerPageY.current = pageY;
+    });
+  }, [drag]);
+  const handleScroll = useCallback(e => {
+    drag.scrollYRef.current = e.nativeEvent.contentOffset.y;
+    scrollTickRef.current += 1;
+    setScrollTick(scrollTickRef.current);
+  }, [drag]);
+
+  // Compute rect once per tile and keep it alongside the tile — avoids a second
+  // tileToPixelRect call in the map below.
+  const visibleTiles = useMemo(() => {
+    if (containerWidth === 0) return [];
+    const result = [];
+    for (const tile of data) {
+      const rect = tileToPixelRect(tile.position, tile.size, config, containerWidth);
+      if (isInViewport(rect, drag.scrollYRef.current, viewportHeight)) {
+        result.push({
+          tile,
+          rect
+        });
+      }
+    }
+    return result;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [data, config, containerWidth, viewportHeight, scrollTick]);
+
+  // Set for O(1) isSelected lookup instead of O(n) Array.includes per rendered tile
+  const selectedSet = useMemo(() => new Set(drag.selectedTileIds), [drag.selectedTileIds]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    ref: containerRef,
+    onLayout: handleLayout,
+    children: [/*#__PURE__*/_jsx(ScrollView, {
+      onScroll: handleScroll,
+      scrollEventThrottle: 16,
+      scrollEnabled: !drag.activeTile,
+      style: styles.scroll,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.canvas, {
+          height: totalHeight
+        }],
+        children: [containerWidth > 0 && visibleTiles.map(({
+          tile,
+          rect
+        }) => {
+          const isActive = drag.activeTile?.id === tile.id;
+          const isSelected = selectedSet.has(tile.id);
+          return /*#__PURE__*/_jsx(DraggableTile, {
+            tile: tile,
+            rect: rect,
+            config: config,
+            containerWidth: containerWidth,
+            children: renderTile({
+              item: tile,
+              isActive,
+              isSelected
+            })
+          }, tile.id);
+        }), drag.activeTile && containerWidth > 0 && /*#__PURE__*/_jsx(GhostTile, {
+          activeTile: drag.activeTile,
+          config: config,
+          containerWidth: containerWidth
+        })]
+      })
+    }), drag.activeTile && drag.initialRect && /*#__PURE__*/_jsx(DragLayer, {
+      tile: drag.activeTile,
+      initialRect: drag.initialRect,
+      children: renderTile({
+        item: drag.activeTile,
+        isActive: true,
+        isSelected: false
+      })
+    })]
+  });
+}
+
+// ── Public component (provides context + ref handle) ─────────────────────────
+
+function SmartGridWithRef(props, ref) {
+  const columns = props.columns ?? 4;
+  const gravity = props.gravity ?? 'none';
+  const [selectedTileIds, setSelectedTileIds] = useState([]);
+  const normalizedData = useMemo(() => normalizeTiles(props.data, columns), [props.data, columns]);
+  const handleSelect = useCallback(ids => {
+    setSelectedTileIds(ids);
+    props.onSelectionChange?.(ids);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [props.onSelectionChange]);
+  useImperativeHandle(ref, () => ({
+    autoArrange() {
+      const arranged = autoArrangeAlgo(normalizedData, columns);
+      props.onLayoutChange?.(arranged.map(t => ({
+        id: t.id,
+        position: t.position,
+        size: t.size
+      })));
+    },
+    serializeLayout() {
+      return normalizedData.map(t => ({
+        id: t.id,
+        position: t.position,
+        size: t.size
+      }));
+    },
+    restoreLayout(layout) {
+      props.onLayoutChange?.(layout);
+    },
+    clearSelection() {
+      handleSelect([]);
+    },
+    setSelection(ids) {
+      handleSelect(ids);
+    }
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [normalizedData, columns, props.onLayoutChange, handleSelect]);
+  const handleDrop = useCallback((tile, newPosition) => {
+    const afterCollision = resolveCollisions(normalizedData, tile.id, newPosition, props.collisionBehavior ?? 'push', columns);
+    const afterGravity = applyGravity(afterCollision, columns, gravity);
+    const newLayout = afterGravity.map(t => ({
+      id: t.id,
+      position: t.position,
+      size: t.size
+    }));
+    const layoutChanged = newLayout.some(item => {
+      const prev = normalizedData.find(t => t.id === item.id);
+      return !prev || prev.position.x !== item.position.x || prev.position.y !== item.position.y;
+    });
+    if (!layoutChanged) return;
+    props.onTileDrop?.(tile, newPosition);
+    props.onLayoutChange?.(newLayout);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [normalizedData, props.collisionBehavior, columns, gravity, props.onTileDrop, props.onLayoutChange]);
+  const handleResize = useCallback((tile, newSize) => {
+    const withNewSize = normalizedData.map(t => t.id === tile.id ? {
+      ...t,
+      size: newSize
+    } : t);
+    const afterCollision = resolveCollisions(withNewSize, tile.id, tile.position, props.collisionBehavior ?? 'push', columns);
+    const newLayout = afterCollision.map(t => ({
+      id: t.id,
+      position: t.position,
+      size: t.size
+    }));
+    props.onTileResize?.(tile, newSize);
+    props.onLayoutChange?.(newLayout);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [normalizedData, props.collisionBehavior, columns, props.onTileResize, props.onLayoutChange]);
+  return /*#__PURE__*/_jsx(GridDragProvider, {
+    isEditing: props.isEditing ?? false,
+    draggable: props.draggable ?? true,
+    selectable: props.selectable ?? true,
+    multiSelect: props.multiSelect ?? true,
+    selectedTileIds: selectedTileIds,
+    onDrop: handleDrop,
+    onResize: handleResize,
+    onSelect: handleSelect,
+    onTilePress: props.onTilePress,
+    onHaptic: props.onHaptic,
+    children: /*#__PURE__*/_jsx(SmartGridInner, {
+      ...props,
+      data: normalizedData
+    })
+  });
+}
+
+/**
+ * A draggable, variable-sized tile grid for React Native.
+ *
+ * ---
+ *
+ * ### Basic usage
+ * ```tsx
+ * const gridRef = useRef<SmartGridRef>(null);
+ *
+ * <SmartGrid
+ *   ref={gridRef}
+ *   data={tiles}
+ *   columns={4}
+ *   rowHeight={100}
+ *   gap={8}
+ *   collisionBehavior="push"
+ *   gravity="up"
+ *   isEditing={isEditing}
+ *   onLayoutChange={(layout) =>
+ *     setTiles(prev =>
+ *       prev.map(t => {
+ *         const updated = layout.find(l => l.id === t.id);
+ *         return updated ? { ...t, ...updated } : t;
+ *       })
+ *     )
+ *   }
+ *   renderTile={({ item, isActive, isSelected }) => (
+ *     <View style={{ flex: 1, opacity: isActive ? 0.5 : 1,
+ *       borderWidth: isSelected ? 2 : 0, borderColor: '#fff' }}>
+ *       <Text>{item.data.label}</Text>
+ *     </View>
+ *   )}
+ * />
+ * ```
+ *
+ * ---
+ *
+ * ### Selection (long press + release)
+ * Long-pressing a tile and releasing without moving selects it.
+ * Tapping any tile while a selection is active toggles that tile too.
+ *
+ * ```tsx
+ * // Multi-select (default) — accumulate selections
+ * <SmartGrid
+ *   multiSelect        // true by default, can omit
+ *   onSelectionChange={(ids) => console.log('selected:', ids)}
+ *   renderTile={({ item, isSelected }) => (
+ *     <View>
+ *       <Text>{item.data.label}</Text>
+ *       {isSelected && <Text>✕ Delete</Text>}
+ *     </View>
+ *   )}
+ * />
+ *
+ * // Single-select — picking a new tile deselects the previous one
+ * <SmartGrid
+ *   multiSelect={false}
+ *   onSelectionChange={([id]) => setActive(id ?? null)}
+ * />
+ *
+ * // Clear selection imperatively
+ * gridRef.current?.clearSelection();
+ *
+ * // Or set it programmatically
+ * gridRef.current?.setSelection(['tile-1', 'tile-3']);
+ * ```
+ *
+ * ---
+ *
+ * ### Grid-level draggable / selectable master switches
+ * These override all per-tile flags when set to `false`.
+ * ```tsx
+ * // View-only mode — nothing can be dragged or selected
+ * <SmartGrid draggable={false} selectable={false} data={tiles} ... />
+ *
+ * // Read-only layout — tiles are visible but locked in place
+ * <SmartGrid draggable={false} data={tiles} ... />
+ *
+ * // Selection disabled — long press does nothing (onTilePress still fires on tap)
+ * <SmartGrid selectable={false} data={tiles} ... />
+ * ```
+ *
+ * ### Per-tile draggable / selectable flags
+ * Fine-grained control per tile when the grid-level switches are on.
+ * ```tsx
+ * const tiles: Tile<MyData>[] = [
+ *   { id: '1', data: { label: 'Free' } },
+ *   // Stays pinned in place — cannot be dragged
+ *   { id: '2', data: { label: 'Pinned' }, draggable: false },
+ *   // Ignored by selection — tapping fires onTilePress instead
+ *   { id: '3', data: { label: 'Info' },   selectable: false },
+ * ];
+ * ```
+ */
+// Cast preserves the generic type parameter through forwardRef
+export const SmartGrid = /*#__PURE__*/forwardRef(SmartGridWithRef);
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  scroll: {
+    flex: 1
+  },
+  canvas: {
+    position: 'relative'
+  }
+});
+//# sourceMappingURL=SmartGrid.js.map

package/lib/module/components/SmartGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useMemo","useRef","useState","ScrollView","StyleSheet","View","GridEngine","resolveCollisions","autoArrange","autoArrangeAlgo","applyGravity","tileToPixelRect","gridTotalHeight","isInViewport","GridDragProvider","useGridDrag","DraggableTile","GhostTile","DragLayer","jsx","_jsx","jsxs","_jsxs","normalizeTiles","tiles","columns","sized","map","t","size","w","h","withPos","filter","position","withoutPos","length","engine","placeAt","id","result","pos","findFirstFit","push","SmartGridInner","data","renderTile","rowHeight","gap","padding","containerWidth","setContainerWidth","viewportHeight","setViewportHeight","scrollTickRef","scrollTick","setScrollTick","containerRef","drag","config","totalHeight","handleLayout","e","nativeEvent","layout","width","height","current","measure","_x","_y","_w","_h","pageX","pageY","containerPageX","containerPageY","handleScroll","scrollYRef","contentOffset","y","visibleTiles","tile","rect","selectedSet","Set","selectedTileIds","style","styles","root","ref","onLayout","children","onScroll","scrollEventThrottle","scrollEnabled","activeTile","scroll","canvas","isActive","isSelected","has","item","initialRect","SmartGridWithRef","props","gravity","setSelectedTileIds","normalizedData","handleSelect","ids","onSelectionChange","arranged","onLayoutChange","serializeLayout","restoreLayout","clearSelection","setSelection","handleDrop","newPosition","afterCollision","collisionBehavior","afterGravity","newLayout","layoutChanged","some","prev","find","x","onTileDrop","handleResize","newSize","withNewSize","onTileResize","isEditing","draggable","selectable","multiSelect","onDrop","onResize","onSelect","onTilePress","onHaptic","SmartGrid","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["components/SmartGrid.tsx"],"mappings":"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,UAAW;IACnBqB,QAAQ,EAAET,YAAa;IACvBU,QAAQ,EAAE/B,YAAa;IACvBgC,WAAW,EAAEpC,KAAK,CAACoC,WAAwD;IAC3EC,QAAQ,EAAErC,KAAK,CAACqC,QAAS;IAAAlD,QAAA,eAEzBxE,IAAA,CAACwB,cAAc;MAAA,GAAK6D,KAAK;MAAE5D,IAAI,EAAE+D;IAAe,CAAE;EAAC,CACnC,CAAC;AAEvB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMmC,SAAS,gBAAGlJ,UAAU,CAAC2G,gBAAgB,CAEtB;AAE9B,MAAMhB,MAAM,GAAGpF,UAAU,CAAC4I,MAAM,CAAC;EAC/BvD,IAAI,EAAE;IAAEwD,IAAI,EAAE;EAAE,CAAC;EACjBhD,MAAM,EAAE;IAAEgD,IAAI,EAAE;EAAE,CAAC;EACnB/C,MAAM,EAAE;IAAEhE,QAAQ,EAAE;EAAW;AACjC,CAAC,CAAC","ignoreList":[]}