@ankhorage/zora 25.5.0 → 25.6.2

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

@@ -1,194 +0,0 @@
-'use client';
-import {
-  getVisibleGridItems,
-  revealWorldRect,
-  worldToViewport
-} from "./Accordion-0my2z6qe.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 };