@ankhorage/zora 25.4.0 → 25.6.0

package/web-dist/components/time-grid/TimeGrid.js

@@ -0,0 +1,208 @@
+'use client';
+import {
+  GridView2
+} from "../../chunks/Accordion-q8exgc3h.js";
+import {
+  getLaneIntervalPlacement,
+  getVisibleLaneIntervals
+} from "../../chunks/Accordion-ebghcyzj.js";
+import {
+  require_cjs
+} from "../../chunks/Accordion-xgpzh4wq.js";
+import {
+  __toESM
+} from "../../chunks/Accordion-nh0cs9hq.js";
+
+// src/features/time-grid/adapters/inbound/TimeGrid.tsx
+var import_react_native = __toESM(require_cjs(), 1);
+import React from "react";
+
+// src/features/time-grid/application/resolveTimeGridNextFocusId.ts
+function resolveTimeGridNextFocusId(placements, focusedId, direction) {
+  const focused = placements.find((placement) => placement.id === focusedId);
+  if (!focused)
+    return;
+  const candidates = placements.filter((placement) => {
+    if (direction === "left")
+      return placement.laneId === focused.laneId && placement.x < focused.x;
+    if (direction === "right")
+      return placement.laneId === focused.laneId && placement.x > focused.x;
+    if (direction === "up")
+      return placement.laneIndex < focused.laneIndex;
+    return placement.laneIndex > focused.laneIndex;
+  });
+  return candidates.sort((first, second) => resolveFocusDistance(first, focused, direction) - resolveFocusDistance(second, focused, direction)).at(0)?.id;
+}
+function resolveFocusDistance(candidate, focused, direction) {
+  const horizontal = direction === "left" || direction === "right";
+  const primary = horizontal ? Math.abs(candidate.x - focused.x) : Math.abs(candidate.laneIndex - focused.laneIndex);
+  const secondary = horizontal ? Math.abs(candidate.laneIndex - focused.laneIndex) : Math.abs(candidate.x - focused.x);
+  return primary * 1e6 + secondary;
+}
+
+// src/features/time-grid/application/resolveTimeGridVisibleIntervals.ts
+function resolveTimeGridVisibleIntervals(lanes, intervals, viewport, overscanPixels) {
+  return getVisibleLaneIntervals(lanes, intervals, viewport, overscanPixels);
+}
+
+// src/features/time-grid/adapters/inbound/TimeGridKeyboardProxy.web.tsx
+import { jsx } from "react/jsx-runtime";
+function TimeGridKeyboardProxy({ children, onKeyDown }) {
+  return /* @__PURE__ */ jsx("div", {
+    onKeyDown: (event) => {
+      if (onKeyDown(event.key))
+        event.preventDefault();
+    },
+    style: { display: "flex", flex: 1 },
+    children
+  });
+}
+
+// src/features/time-grid/adapters/inbound/TimeGrid.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function TimeGrid({
+  contentWidth,
+  focusedIntervalId,
+  height,
+  interactionPolicy,
+  intervals,
+  lanes,
+  onFocusedIntervalIdChange,
+  onIntervalPress,
+  onViewportChange,
+  onVisibleIntervalIdsChange,
+  overscanPixels,
+  renderInterval,
+  renderLaneLabel,
+  revealPaddingPixels,
+  selectedIntervalIds = [],
+  testID,
+  width,
+  zoom
+}) {
+  const scale = Math.max(0.01, zoom ?? 1);
+  const [scrollOffsets, setScrollOffsets] = React.useState(() => ({
+    offsetX: 0,
+    offsetY: 0
+  }));
+  const viewport = React.useMemo(() => ({
+    ...scrollOffsets,
+    height,
+    pixelsPerUnitX: scale,
+    pixelsPerUnitY: scale,
+    width
+  }), [height, scale, scrollOffsets, width]);
+  const intervalById = React.useMemo(() => new Map(intervals.map((interval) => [interval.id, interval])), [intervals]);
+  const selectedIds = React.useMemo(() => new Set(selectedIntervalIds), [selectedIntervalIds]);
+  const contentHeight = React.useMemo(() => lanes.reduce((total, lane) => total + lane.height, 0), [lanes]);
+  const visibleIntervals = React.useMemo(() => resolveTimeGridVisibleIntervals(lanes, intervals, viewport, overscanPixels), [intervals, lanes, overscanPixels, viewport]);
+  const focusedPlacement = React.useMemo(() => {
+    const focusedInterval = intervals.find((interval) => interval.id === focusedIntervalId);
+    return focusedInterval ? getLaneIntervalPlacement(lanes, focusedInterval) : undefined;
+  }, [focusedIntervalId, intervals, lanes]);
+  const gridItems = React.useMemo(() => focusedPlacement && !visibleIntervals.some((interval) => interval.id === focusedPlacement.id) ? [...visibleIntervals, focusedPlacement] : visibleIntervals, [focusedPlacement, visibleIntervals]);
+  const labelIntervals = React.useMemo(() => lanes.map((lane) => ({
+    extent: contentWidth,
+    id: `lane-label-${lane.id}`,
+    laneId: lane.id,
+    start: 0
+  })), [contentWidth, lanes]);
+  const visibleLabels = React.useMemo(() => resolveTimeGridVisibleIntervals(lanes, labelIntervals, viewport, overscanPixels), [labelIntervals, lanes, overscanPixels, viewport]);
+  const handleViewportChange = React.useCallback((nextViewport) => {
+    setScrollOffsets((current) => current.offsetX === nextViewport.offsetX && current.offsetY === nextViewport.offsetY ? current : { offsetX: nextViewport.offsetX, offsetY: nextViewport.offsetY });
+    onViewportChange?.(nextViewport);
+  }, [onViewportChange]);
+  const resolveNextFocusId = React.useCallback((intervalId, direction) => {
+    const allIntervals = resolveTimeGridVisibleIntervals(lanes, intervals, {
+      height: contentHeight,
+      offsetX: 0,
+      offsetY: 0,
+      pixelsPerUnitX: 1,
+      pixelsPerUnitY: 1,
+      width: contentWidth
+    });
+    return resolveTimeGridNextFocusId(allIntervals, intervalId, direction);
+  }, [contentHeight, contentWidth, intervals, lanes]);
+  return /* @__PURE__ */ jsxs(import_react_native.View, {
+    style: { flexDirection: "row", height, width },
+    testID,
+    children: [
+      renderLaneLabel ? /* @__PURE__ */ jsx2(import_react_native.View, {
+        accessibilityElementsHidden: true,
+        pointerEvents: "none",
+        style: { height, overflow: "hidden" },
+        children: visibleLabels.map((placement) => {
+          const lane = lanes[placement.laneIndex];
+          if (!lane)
+            return null;
+          return /* @__PURE__ */ jsx2(import_react_native.View, {
+            style: {
+              height: placement.height * scale,
+              position: "absolute",
+              top: (placement.y - viewport.offsetY) * scale
+            },
+            testID: testID === undefined ? undefined : `${testID}-lane-label-${lane.id}`,
+            children: renderLaneLabel(lane)
+          }, lane.id);
+        })
+      }) : null,
+      /* @__PURE__ */ jsx2(GridView2, {
+        contentHeight,
+        contentWidth,
+        focusedItemId: focusedIntervalId,
+        height,
+        interactionPolicy,
+        items: gridItems,
+        onViewportChange: handleViewportChange,
+        onVisibleItemIdsChange: onVisibleIntervalIdsChange,
+        overscanPixels,
+        renderItem: (placement) => {
+          const interval = intervalById.get(placement.id);
+          if (!interval)
+            return null;
+          const selected = selectedIds.has(interval.id);
+          return /* @__PURE__ */ jsx2(TimeGridKeyboardProxy, {
+            onKeyDown: (key) => {
+              const direction = resolveKeyboardDirection(key);
+              const nextId = direction === undefined ? undefined : resolveNextFocusId(interval.id, direction);
+              if (!nextId)
+                return false;
+              onFocusedIntervalIdChange?.(nextId);
+              return true;
+            },
+            children: /* @__PURE__ */ jsx2(import_react_native.Pressable, {
+              accessibilityLabel: `Interval ${interval.id}`,
+              accessibilityRole: "button",
+              disabled: interactionPolicy === "passive",
+              onPress: () => {
+                onFocusedIntervalIdChange?.(interval.id);
+                onIntervalPress?.(interval);
+              },
+              style: { flex: 1 },
+              testID: testID === undefined ? undefined : `${testID}-interval-${interval.id}`,
+              children: renderInterval(interval, selected)
+            })
+          });
+        },
+        revealPaddingPixels,
+        testID: testID === undefined ? undefined : `${testID}-viewport`,
+        width,
+        zoom
+      })
+    ]
+  });
+}
+function resolveKeyboardDirection(key) {
+  if (key === "ArrowDown")
+    return "down";
+  if (key === "ArrowLeft")
+    return "left";
+  if (key === "ArrowRight")
+    return "right";
+  if (key === "ArrowUp")
+    return "up";
+  return;
+}
+export {
+  TimeGrid
+};

package/web-dist/components/time-grid/index.d.ts

@@ -0,0 +1 @@
+export * from './TimeGrid';

package/web-dist/components/time-grid/index.js

@@ -0,0 +1,2 @@
+'use client';
+export * from './TimeGrid.js';

package/web-dist/components/uploader/Uploader.js

@@ -25,7 +25,7 @@ import {
 import {
   Text3
 } from "../../chunks/Accordion-9w8wg9mf.js";
-import"../../chunks/Accordion-nxsda1my.js";
+import"../../chunks/Accordion-q8exgc3h.js";
 import {
   Icon2
 } from "../../chunks/Accordion-b96evb46.js";
@@ -34,7 +34,7 @@ import {
 } from "../../chunks/Accordion-a4cma5b6.js";
 import {
   Explorer2
-} from "../../chunks/Accordion-s3d6g59s.js";
+} from "../../chunks/Accordion-f43jba23.js";
 import"../../chunks/Accordion-40tenzcg.js";
 import"../../chunks/Accordion-45nc4bte.js";
 import {

package/web-dist/manifest.json

@@ -1235,12 +1235,12 @@
         "chunks/Accordion-b96evb46.js",
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
+        "chunks/Accordion-ebghcyzj.js",
+        "chunks/Accordion-f43jba23.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-n4et7etk.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-nxsda1my.js",
-        "chunks/Accordion-r2w86rwv.js",
-        "chunks/Accordion-s3d6g59s.js",
+        "chunks/Accordion-q8exgc3h.js",
         "chunks/Accordion-srjya6dz.js",
         "chunks/Accordion-xgpzh4wq.js",
         "chunks/Accordion-z5a0tx18.js"
@@ -1301,12 +1301,12 @@
         "chunks/Accordion-b96evb46.js",
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
+        "chunks/Accordion-ebghcyzj.js",
+        "chunks/Accordion-f43jba23.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-n4et7etk.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-nxsda1my.js",
-        "chunks/Accordion-r2w86rwv.js",
-        "chunks/Accordion-s3d6g59s.js",
+        "chunks/Accordion-q8exgc3h.js",
         "chunks/Accordion-srjya6dz.js",
         "chunks/Accordion-xgpzh4wq.js",
         "chunks/Accordion-z5a0tx18.js"
@@ -1734,11 +1734,11 @@
         "components/grid-line-overlay/index.d.ts",
         "chunks/Accordion-42jfy1a1.js",
         "chunks/Accordion-59pa0677.js",
-        "chunks/Accordion-60wn9xn9.js",
         "chunks/Accordion-6wrr910w.js",
+        "chunks/Accordion-ebghcyzj.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-r2w86rwv.js",
         "chunks/Accordion-srjya6dz.js",
+        "chunks/Accordion-szar8dt5.js",
         "chunks/Accordion-xgpzh4wq.js"
       ],
       "sourceKind": "public"
@@ -1754,11 +1754,11 @@
         "components/grid-ruler/index.d.ts",
         "chunks/Accordion-42jfy1a1.js",
         "chunks/Accordion-59pa0677.js",
-        "chunks/Accordion-60wn9xn9.js",
         "chunks/Accordion-6wrr910w.js",
+        "chunks/Accordion-ebghcyzj.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-r2w86rwv.js",
         "chunks/Accordion-srjya6dz.js",
+        "chunks/Accordion-szar8dt5.js",
         "chunks/Accordion-xgpzh4wq.js"
       ],
       "sourceKind": "public"
@@ -1772,9 +1772,9 @@
         "components/grid-view/GridView.d.ts",
         "components/grid-view/index.js",
         "components/grid-view/index.d.ts",
+        "chunks/Accordion-ebghcyzj.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-nxsda1my.js",
-        "chunks/Accordion-r2w86rwv.js",
+        "chunks/Accordion-q8exgc3h.js",
         "chunks/Accordion-xgpzh4wq.js"
       ],
       "sourceKind": "public"
@@ -2110,12 +2110,12 @@
         "chunks/Accordion-b96evb46.js",
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
+        "chunks/Accordion-ebghcyzj.js",
+        "chunks/Accordion-f43jba23.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-n4et7etk.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-nxsda1my.js",
-        "chunks/Accordion-r2w86rwv.js",
-        "chunks/Accordion-s3d6g59s.js",
+        "chunks/Accordion-q8exgc3h.js",
         "chunks/Accordion-srjya6dz.js",
         "chunks/Accordion-xgpzh4wq.js",
         "chunks/Accordion-z5a0tx18.js"
@@ -3407,9 +3407,9 @@
         "components/spatial-grid/SpatialGrid.d.ts",
         "components/spatial-grid/index.js",
         "components/spatial-grid/index.d.ts",
+        "chunks/Accordion-ebghcyzj.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-nxsda1my.js",
-        "chunks/Accordion-r2w86rwv.js",
+        "chunks/Accordion-q8exgc3h.js",
         "chunks/Accordion-xgpzh4wq.js"
       ],
       "sourceKind": "public"
@@ -3663,9 +3663,25 @@
         "components/tile-grid/TileGrid.d.ts",
         "components/tile-grid/index.js",
         "components/tile-grid/index.d.ts",
+        "chunks/Accordion-ebghcyzj.js",
         "chunks/Accordion-nh0cs9hq.js",
-        "chunks/Accordion-nxsda1my.js",
-        "chunks/Accordion-r2w86rwv.js",
+        "chunks/Accordion-q8exgc3h.js",
+        "chunks/Accordion-xgpzh4wq.js"
+      ],
+      "sourceKind": "public"
+    },
+    {
+      "component": "time-grid",
+      "exportName": "TimeGrid",
+      "featurePath": "time-grid",
+      "files": [
+        "components/time-grid/TimeGrid.js",
+        "components/time-grid/TimeGrid.d.ts",
+        "components/time-grid/index.js",
+        "components/time-grid/index.d.ts",
+        "chunks/Accordion-ebghcyzj.js",
+        "chunks/Accordion-nh0cs9hq.js",
+        "chunks/Accordion-q8exgc3h.js",
         "chunks/Accordion-xgpzh4wq.js"
       ],
       "sourceKind": "public"
@@ -3929,17 +3945,17 @@
         "chunks/Accordion-be2yhfqz.js",
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
+        "chunks/Accordion-ebghcyzj.js",
         "chunks/Accordion-eqvdv7tt.js",
+        "chunks/Accordion-f43jba23.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-kjtcbe09.js",
         "chunks/Accordion-n4et7etk.js",
         "chunks/Accordion-n7y08rz5.js",
         "chunks/Accordion-nh0cs9hq.js",
         "chunks/Accordion-nnv76yff.js",
-        "chunks/Accordion-nxsda1my.js",
         "chunks/Accordion-pvj5npzc.js",
-        "chunks/Accordion-r2w86rwv.js",
-        "chunks/Accordion-s3d6g59s.js",
+        "chunks/Accordion-q8exgc3h.js",
         "chunks/Accordion-srjya6dz.js",
         "chunks/Accordion-wyxmd0n0.js",
         "chunks/Accordion-xgpzh4wq.js",

package/web-dist/chunks/Accordion-nxsda1my.js

@@ -1,194 +0,0 @@
-'use client';
-import {
-  getVisibleGridItems,
-  revealWorldRect,
-  worldToViewport
-} from "./Accordion-r2w86rwv.js";
-import {
-  require_cjs
-} from "./Accordion-xgpzh4wq.js";
-import {
-  __toESM
-} from "./Accordion-nh0cs9hq.js";
-
-// src/features/grid-view/adapters/inbound/GridView.tsx
-var import_react_native = __toESM(require_cjs(), 1);
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-function GridView2({
-  items,
-  contentWidth,
-  contentHeight,
-  width,
-  height,
-  zoom = 1,
-  overscanPixels = 160,
-  focusedItemId,
-  revealPaddingPixels = 8,
-  interactionPolicy,
-  onViewportChange,
-  onVisibleItemIdsChange,
-  renderItem,
-  testID
-}) {
-  const [scrollX, setScrollX] = React.useState(0);
-  const [scrollY, setScrollY] = React.useState(0);
-  const horizontalScrollRef = React.useRef(null);
-  const verticalScrollRef = React.useRef(null);
-  const scale = Math.max(0.01, zoom);
-  const viewport = React.useMemo(() => ({
-    width,
-    height,
-    offsetX: scrollX / scale,
-    offsetY: scrollY / scale,
-    pixelsPerUnitX: scale,
-    pixelsPerUnitY: scale
-  }), [height, scale, scrollX, scrollY, width]);
-  const visibleItems = React.useMemo(() => getVisibleGridItems(items, viewport, overscanPixels), [items, overscanPixels, viewport]);
-  const viewportVisibleIds = React.useMemo(() => getVisibleGridItems(visibleItems, viewport).map((item) => item.id), [viewport, visibleItems]);
-  const previousVisibleIdsRef = React.useRef([]);
-  React.useEffect(() => {
-    if (!onVisibleItemIdsChange)
-      return;
-    const previous = previousVisibleIdsRef.current;
-    if (previous.length === viewportVisibleIds.length && previous.every((id, index) => id === viewportVisibleIds.at(index))) {
-      return;
-    }
-    previousVisibleIdsRef.current = viewportVisibleIds;
-    onVisibleItemIdsChange(viewportVisibleIds);
-  }, [onVisibleItemIdsChange, viewportVisibleIds]);
-  React.useEffect(() => {
-    onViewportChange?.(viewport);
-  }, [onViewportChange, viewport]);
-  const viewportRef = React.useRef(viewport);
-  React.useEffect(() => {
-    viewportRef.current = viewport;
-  }, [viewport]);
-  React.useEffect(() => {
-    const currentViewport = viewportRef.current;
-    const focusedItem = items.find((item) => item.id === focusedItemId);
-    if (!focusedItem)
-      return;
-    const revealed = revealWorldRect(currentViewport, focusedItem, revealPaddingPixels);
-    if (revealed.offsetX !== currentViewport.offsetX) {
-      horizontalScrollRef.current?.scrollTo({ x: revealed.offsetX * scale, animated: true });
-    }
-    if (revealed.offsetY !== currentViewport.offsetY) {
-      verticalScrollRef.current?.scrollTo({ y: revealed.offsetY * scale, animated: true });
-    }
-  }, [focusedItemId, height, items, revealPaddingPixels, scale, width]);
-  return /* @__PURE__ */ jsx(import_react_native.ScrollView, {
-    ref: horizontalScrollRef,
-    horizontal: true,
-    scrollEnabled: interactionPolicy !== "passive",
-    scrollEventThrottle: 32,
-    showsHorizontalScrollIndicator: true,
-    style: { width, height },
-    testID,
-    onScroll: (event) => setScrollX(event.nativeEvent.contentOffset.x),
-    children: /* @__PURE__ */ jsx(import_react_native.ScrollView, {
-      ref: verticalScrollRef,
-      scrollEnabled: interactionPolicy !== "passive",
-      scrollEventThrottle: 32,
-      showsVerticalScrollIndicator: true,
-      style: { width: contentWidth * scale, height },
-      onScroll: (event) => setScrollY(event.nativeEvent.contentOffset.y),
-      children: /* @__PURE__ */ jsx(import_react_native.View, {
-        style: { width: contentWidth * scale, height: contentHeight * scale },
-        children: visibleItems.map((item) => {
-          const position = worldToViewport({ x: item.x, y: item.y }, {
-            ...viewport,
-            offsetX: 0,
-            offsetY: 0
-          });
-          return /* @__PURE__ */ jsx(import_react_native.View, {
-            style: {
-              position: "absolute",
-              left: position.x,
-              top: position.y,
-              width: item.width * scale,
-              height: item.height * scale
-            },
-            children: renderItem(item)
-          }, item.id);
-        })
-      })
-    })
-  });
-}
-
-// src/features/grid-view/adapters/inbound/TileGrid.tsx
-var import_react_native2 = __toESM(require_cjs(), 1);
-import React2 from "react";
-
-// src/features/grid-view/application/layoutTileGrid.ts
-function layoutTileGrid(items, viewportWidth, tileSize, gap, zoom = 1) {
-  if (![viewportWidth, tileSize, gap, zoom].every(Number.isFinite) || viewportWidth < 0 || tileSize <= 0 || gap < 0 || zoom <= 0) {
-    throw new RangeError("Tile layout requires finite, nonnegative dimensions and positive scales.");
-  }
-  const columns = Math.max(1, Math.floor((viewportWidth / zoom + gap) / (tileSize + gap)));
-  const rows = Math.ceil(items.length / columns);
-  return {
-    columns,
-    width: columns * (tileSize + gap) - gap,
-    height: Math.max(0, rows * (tileSize + gap) - gap),
-    items: items.map((item, index) => ({
-      id: item.id,
-      x: index % columns * (tileSize + gap),
-      y: Math.floor(index / columns) * (tileSize + gap),
-      width: tileSize,
-      height: tileSize
-    }))
-  };
-}
-
-// src/features/grid-view/adapters/inbound/TileGrid.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function TileGrid2({
-  items,
-  width,
-  height = 440,
-  tileSize = 120,
-  gap = 12,
-  zoom = 1,
-  overscanPixels,
-  focusedItemId,
-  revealPaddingPixels,
-  onColumnsChange,
-  onVisibleItemIdsChange,
-  renderItem,
-  interactionPolicy,
-  testID
-}) {
-  const [measuredWidth, setMeasuredWidth] = React2.useState(0);
-  const resolvedWidth = width ?? measuredWidth;
-  const layout = React2.useMemo(() => layoutTileGrid(items, resolvedWidth, tileSize, gap, zoom), [items, resolvedWidth, tileSize, gap, zoom]);
-  const itemLookup = React2.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
-  React2.useEffect(() => {
-    if (resolvedWidth > 0)
-      onColumnsChange?.(layout.columns);
-  }, [layout.columns, onColumnsChange, resolvedWidth]);
-  return /* @__PURE__ */ jsx2(import_react_native2.View, {
-    onLayout: (event) => setMeasuredWidth(event.nativeEvent.layout.width),
-    style: { width, height, overflow: "hidden" },
-    testID,
-    children: resolvedWidth > 0 ? /* @__PURE__ */ jsx2(GridView2, {
-      contentHeight: layout.height,
-      contentWidth: Math.max(resolvedWidth / zoom, layout.width),
-      height,
-      focusedItemId,
-      interactionPolicy,
-      items: layout.items,
-      onVisibleItemIdsChange,
-      overscanPixels,
-      renderItem: (item) => {
-        const source = itemLookup.get(item.id);
-        return source ? renderItem(source) : null;
-      },
-      revealPaddingPixels,
-      width: resolvedWidth,
-      zoom
-    }) : null
-  });
-}
-export { GridView2, TileGrid2 };