@ankhorage/zora 25.1.0 → 25.2.1

package/web-dist/chunks/{Accordion-fmn31fgf.js → Accordion-kkr7xfh2.js}

@@ -49,6 +49,22 @@ function resolveExplorerSelection(orderedIds, currentIds, targetId, anchorId, in
   return orderedIds.slice(start, end + 1);
 }
 
+// src/features/explorer/application/shouldDispatchExplorerPageRequest.ts
+function shouldDispatchExplorerPageRequest(previous, next) {
+  if (previous === null)
+    return true;
+  return previous.collectionId !== next.collectionId || previous.loadedItemCount !== next.loadedItemCount || previous.retryToken !== next.retryToken;
+}
+
+// src/features/explorer/application/shouldRequestExplorerPage.ts
+function shouldRequestExplorerPage(itemIds, visibleIds, hasMore, loadingMore, loading, errorText, permissionStatus, threshold = 12) {
+  if (!hasMore || loadingMore || loading || errorText !== undefined || permissionStatus !== "granted" && permissionStatus !== "limited" || visibleIds.length === 0) {
+    return false;
+  }
+  const firstPagingIndex = Math.max(0, itemIds.length - threshold);
+  return visibleIds.some((id) => itemIds.indexOf(id) >= firstPagingIndex);
+}
+
 // src/features/explorer/adapters/inbound/ExplorerKeyboardProxy.web.tsx
 import { jsx } from "react/jsx-runtime";
 function ExplorerKeyboardProxy({ children, onKeyDown }) {
@@ -169,6 +185,14 @@ function ExplorerInner({
   tileSize = 120,
   zoom = 1,
   loading = false,
+  hasMore = false,
+  loadingMore = false,
+  pagingCollectionId,
+  pagingRetryToken,
+  onLoadMore,
+  permissionStatus = "granted",
+  permissionText,
+  onRequestPermission,
   errorText,
   emptyText = "No items",
   disabled = false,
@@ -181,11 +205,36 @@ function ExplorerInner({
   const anchorId = React2.useRef(null);
   const [columns, setColumns] = React2.useState(1);
   const [visibleIds, setVisibleIds] = React2.useState([]);
+  const lastPageRequestRef = React2.useRef(null);
   const effectiveSelectedIds = selectedIds ?? internalSelectedIds;
   const itemLookup = React2.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
   const ids = React2.useMemo(() => items.filter((item) => !item.disabled).map((item) => item.id), [items]);
   const selected = new Set(effectiveSelectedIds);
   const passive = interactionPolicy === "passive" || disabled || readOnly;
+  React2.useEffect(() => {
+    const request = {
+      collectionId: pagingCollectionId,
+      loadedItemCount: items.length,
+      retryToken: pagingRetryToken
+    };
+    if (!onLoadMore || !shouldDispatchExplorerPageRequest(lastPageRequestRef.current, request) || !shouldRequestExplorerPage(ids, visibleIds, hasMore, loadingMore, loading, errorText, permissionStatus)) {
+      return;
+    }
+    lastPageRequestRef.current = request;
+    onLoadMore({ loadedItemCount: items.length });
+  }, [
+    errorText,
+    hasMore,
+    ids,
+    items.length,
+    loading,
+    loadingMore,
+    onLoadMore,
+    pagingCollectionId,
+    pagingRetryToken,
+    permissionStatus,
+    visibleIds
+  ]);
   const select = (item, intent) => {
     if (passive || item.disabled)
       return;
@@ -261,6 +310,23 @@ function ExplorerInner({
       })
     });
   };
+  if (permissionStatus === "denied" || permissionStatus === "unavailable") {
+    return /* @__PURE__ */ jsxs(import_react_native.View, {
+      testID,
+      children: [
+        /* @__PURE__ */ jsx2(Text3, {
+          children: permissionText ?? "This collection is unavailable without permission."
+        }),
+        permissionStatus === "denied" && onRequestPermission ? /* @__PURE__ */ jsx2(import_react_native.Pressable, {
+          accessibilityRole: "button",
+          onPress: onRequestPermission,
+          children: /* @__PURE__ */ jsx2(Text3, {
+            children: "Grant access"
+          })
+        }) : null
+      ]
+    });
+  }
   if (errorText)
     return /* @__PURE__ */ jsx2(Text3, {
       testID,
@@ -276,18 +342,28 @@ function ExplorerInner({
       testID,
       children: emptyText
     });
-  return /* @__PURE__ */ jsx2(TileGrid2, {
-    focusedItemId: keyboard.focusedId ?? undefined,
-    height,
-    interactionPolicy,
-    onColumnsChange: setColumns,
-    onVisibleItemIdsChange: setVisibleIds,
-    items,
-    renderItem: renderTile,
-    testID,
-    tileSize,
-    width,
-    zoom
+  return /* @__PURE__ */ jsxs(import_react_native.View, {
+    children: [
+      permissionStatus === "limited" ? /* @__PURE__ */ jsx2(Text3, {
+        children: permissionText ?? "Showing the media you have allowed."
+      }) : null,
+      /* @__PURE__ */ jsx2(TileGrid2, {
+        focusedItemId: keyboard.focusedId ?? undefined,
+        height,
+        interactionPolicy,
+        onColumnsChange: setColumns,
+        onVisibleItemIdsChange: setVisibleIds,
+        items,
+        renderItem: renderTile,
+        testID,
+        tileSize,
+        width,
+        zoom
+      }),
+      loadingMore ? /* @__PURE__ */ jsx2(Text3, {
+        children: "Loading more…"
+      }) : null
+    ]
   });
 }
 function resolveExplorerPressIntent(event) {

package/web-dist/components/explorer/Explorer.js

@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-fmn31fgf.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/file-explorer/FileExplorer.js

@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-fmn31fgf.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/media-explorer/MediaExplorer.js

@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-fmn31fgf.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

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

@@ -34,7 +34,7 @@ import {
 } from "../../chunks/Accordion-mej71qnw.js";
 import {
   Explorer2
-} from "../../chunks/Accordion-fmn31fgf.js";
+} from "../../chunks/Accordion-kkr7xfh2.js";
 import"../../chunks/Accordion-ndf3jqhb.js";
 import"../../chunks/Accordion-45nc4bte.js";
 import {

package/web-dist/manifest.json

@@ -1235,8 +1235,8 @@
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
         "chunks/Accordion-f0jsd9f9.js",
-        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
+        "chunks/Accordion-kkr7xfh2.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-n4et7etk.js",
         "chunks/Accordion-nh0cs9hq.js",
@@ -1300,8 +1300,8 @@
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
         "chunks/Accordion-f0jsd9f9.js",
-        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
+        "chunks/Accordion-kkr7xfh2.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-n4et7etk.js",
         "chunks/Accordion-nh0cs9hq.js",
@@ -2067,8 +2067,8 @@
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
         "chunks/Accordion-f0jsd9f9.js",
-        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
+        "chunks/Accordion-kkr7xfh2.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-n4et7etk.js",
         "chunks/Accordion-nh0cs9hq.js",
@@ -3867,8 +3867,8 @@
         "chunks/Accordion-eqvdv7tt.js",
         "chunks/Accordion-f0jsd9f9.js",
         "chunks/Accordion-fkc50r9z.js",
-        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
+        "chunks/Accordion-kkr7xfh2.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-mh67wb34.js",
         "chunks/Accordion-n4et7etk.js",