@ankhorage/zora 24.0.2 → 24.1.0

package/web-dist/components/tree-item/TreeItem.js

@@ -1,33 +1,31 @@
 'use client';
-import"../../chunks/Accordion-3hg1wprb.js";
-import {
-  require_cjs
-} from "../../chunks/Accordion-sek2q4r1.js";
+import"../../chunks/Accordion-c9jsd4sy.js";
+import"../../chunks/Accordion-6wrr910w.js";
 import {
   Pressable
-} from "../../chunks/Accordion-fvkwq99h.js";
+} from "../../chunks/Accordion-cj4e5325.js";
 import"../../chunks/Accordion-bfzeab9x.js";
-import"../../chunks/Accordion-g0c439br.js";
-import"../../chunks/Accordion-sxzax4x4.js";
-import"../../chunks/Accordion-kpxyryke.js";
+import"../../chunks/Accordion-98hfbrnb.js";
+import"../../chunks/Accordion-h21jdam6.js";
+import"../../chunks/Accordion-sj27tnvp.js";
 import {
   IconButton2
-} from "../../chunks/Accordion-nj9g6p48.js";
+} from "../../chunks/Accordion-sh03jzm0.js";
 import {
   withZoraThemeScope
-} from "../../chunks/Accordion-74rt38d4.js";
+} from "../../chunks/Accordion-42jfy1a1.js";
 import {
   View2
-} from "../../chunks/Accordion-vewrj1kr.js";
+} from "../../chunks/Accordion-h00vevas.js";
 import {
   Icon2
-} from "../../chunks/Accordion-ae7m1dkn.js";
-import"../../chunks/Accordion-t3hm5tcv.js";
+} from "../../chunks/Accordion-3k6x7g4q.js";
+import"../../chunks/Accordion-wfn9habd.js";
 import {
   ListItem2
-} from "../../chunks/Accordion-qsxx5q34.js";
-import"../../chunks/Accordion-jdwwf626.js";
-import"../../chunks/Accordion-rg763dfb.js";
+} from "../../chunks/Accordion-y3edx3we.js";
+import"../../chunks/Accordion-r4py4qbs.js";
+import"../../chunks/Accordion-ffge2fn8.js";
 import {
   toggleExpandedIds
 } from "../../chunks/Accordion-52fg6h9t.js";
@@ -36,10 +34,13 @@ import {
 } from "../../chunks/Accordion-5df6cgyf.js";
 import"../../chunks/Accordion-61e19g3e.js";
 import"../../chunks/Accordion-ys214jt5.js";
-import"../../chunks/Accordion-x3tphbvw.js";
-import"../../chunks/Accordion-1dah5bqg.js";
-import"../../chunks/Accordion-kpap0trj.js";
+import"../../chunks/Accordion-bff0p3x4.js";
+import"../../chunks/Accordion-srjya6dz.js";
+import"../../chunks/Accordion-wbd341v2.js";
 import"../../chunks/Accordion-fre84yaq.js";
+import {
+  require_cjs
+} from "../../chunks/Accordion-a7wn61wr.js";
 import {
   __toESM
 } from "../../chunks/Accordion-nh0cs9hq.js";

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

@@ -1,51 +1,56 @@
 'use client';
 import"../../chunks/Accordion-bfzeab9x.js";
-import"../../chunks/Accordion-sek2q4r1.js";
-import"../../chunks/Accordion-g0c439br.js";
-import"../../chunks/Accordion-3hg1wprb.js";
-import"../../chunks/Accordion-sxzax4x4.js";
-import"../../chunks/Accordion-fvkwq99h.js";
-import"../../chunks/Accordion-kpxyryke.js";
+import"../../chunks/Accordion-6wrr910w.js";
+import"../../chunks/Accordion-98hfbrnb.js";
+import"../../chunks/Accordion-c9jsd4sy.js";
+import"../../chunks/Accordion-h21jdam6.js";
+import"../../chunks/Accordion-cj4e5325.js";
+import"../../chunks/Accordion-sj27tnvp.js";
 import {
   Button2
-} from "../../chunks/Accordion-nj9g6p48.js";
+} from "../../chunks/Accordion-sh03jzm0.js";
 import {
   withZoraThemeScope
-} from "../../chunks/Accordion-74rt38d4.js";
+} from "../../chunks/Accordion-42jfy1a1.js";
 import {
   View2
-} from "../../chunks/Accordion-vewrj1kr.js";
+} from "../../chunks/Accordion-h00vevas.js";
 import"../../chunks/Accordion-6zb9d92y.js";
-import"../../chunks/Accordion-h46676ex.js";
+import"../../chunks/Accordion-h1hb2d5y.js";
 import"../../chunks/Accordion-0gfsj9qh.js";
-import"../../chunks/Accordion-rkt7qdmj.js";
+import"../../chunks/Accordion-3fad6gww.js";
 import {
   Dialog2
-} from "../../chunks/Accordion-kcwdwd5z.js";
+} from "../../chunks/Accordion-skmtsnr8.js";
 import {
   Text3
-} from "../../chunks/Accordion-t3hm5tcv.js";
-import"../../chunks/Accordion-nanvzve9.js";
-import"../../chunks/Accordion-jkhq422b.js";
-import {
-  Field2
-} from "../../chunks/Accordion-2bsecqwf.js";
+} from "../../chunks/Accordion-wfn9habd.js";
+import"../../chunks/Accordion-eh59qjm1.js";
 import {
   Icon2
-} from "../../chunks/Accordion-ae7m1dkn.js";
+} from "../../chunks/Accordion-3k6x7g4q.js";
 import {
   Image2
-} from "../../chunks/Accordion-cs8k948c.js";
+} from "../../chunks/Accordion-f1ptzxra.js";
+import {
+  Explorer2
+} from "../../chunks/Accordion-fwyetyzc.js";
+import"../../chunks/Accordion-xtgssemg.js";
+import"../../chunks/Accordion-c6zjnt98.js";
+import {
+  Field2
+} from "../../chunks/Accordion-2rdr13ef.js";
 import {
   Progress2
-} from "../../chunks/Accordion-122fdtp0.js";
+} from "../../chunks/Accordion-np8jpwm8.js";
 import"../../chunks/Accordion-eqvdv7tt.js";
 import"../../chunks/Accordion-61e19g3e.js";
 import"../../chunks/Accordion-ys214jt5.js";
-import"../../chunks/Accordion-x3tphbvw.js";
-import"../../chunks/Accordion-1dah5bqg.js";
-import"../../chunks/Accordion-kpap0trj.js";
+import"../../chunks/Accordion-bff0p3x4.js";
+import"../../chunks/Accordion-srjya6dz.js";
+import"../../chunks/Accordion-wbd341v2.js";
 import"../../chunks/Accordion-fre84yaq.js";
+import"../../chunks/Accordion-a7wn61wr.js";
 
 // src/features/uploader/adapters/inbound/Uploader.tsx
 import React from "react";
@@ -190,6 +195,7 @@ function UploaderInner({
   disabled = false,
   readOnly = false,
   validatePicked,
+  explorerItems,
   onUpload,
   onRemove,
   aspectRatio = 1,
@@ -204,6 +210,7 @@ function UploaderInner({
   const removing = internalRemoving || uploadState === "removing";
   const [progress, setProgress] = React.useState(null);
   const [previewOpen, setPreviewOpen] = React.useState(false);
+  const [explorerOpen, setExplorerOpen] = React.useState(false);
   const mountedRef = React.useRef(null);
   const resolvedAccept = resolveUploadAccept(type, accept);
   const actionsDisabled = disabled || readOnly;
@@ -225,72 +232,82 @@ function UploaderInner({
     }
     setProgress(clampProgress(next));
   }, [isMounted]);
-  const handlePick = React.useCallback(async () => {
-    if (passive || actionsDisabled || uploading || removing) {
+  const acceptPicked = React.useCallback(async (picked) => {
+    if (!picked || !isMounted() || passive || actionsDisabled || uploading || removing)
       return;
-    }
     setInternalError(undefined);
+    const validationError = validateUploadAsset({
+      accept: resolvedAccept,
+      asset: picked,
+      maxSizeBytes,
+      validate: validatePicked
+    });
+    if (validationError) {
+      setInternalError(validationError);
+      onValidationError?.({ message: validationError });
+      return;
+    }
+    notifyValue(picked);
+    onUploadRequest?.({ asset: picked });
+    if (!onUpload)
+      return;
+    setUploading(true);
+    setProgressSafe(0);
     try {
-      const picked = await picker.pickAsync({ accept: resolvedAccept, type });
-      if (!picked || !isMounted()) {
-        return;
-      }
-      const validationError = validateUploadAsset({
-        accept: resolvedAccept,
-        asset: picked,
-        maxSizeBytes,
-        validate: validatePicked
-      });
-      if (validationError) {
-        setInternalError(validationError);
-        onValidationError?.({ message: validationError });
-        return;
-      }
-      notifyValue(picked);
-      onUploadRequest?.({ asset: picked });
-      if (!onUpload) {
+      const uploaded = await onUpload(picked, { setProgress: setProgressSafe });
+      if (!isMounted())
         return;
-      }
-      setUploading(true);
-      setProgressSafe(0);
-      try {
-        const uploaded = await onUpload(picked, { setProgress: setProgressSafe });
-        if (!isMounted()) {
-          return;
-        }
-        notifyValue(uploaded);
-        setUploading(false);
-        setProgress(null);
-      } catch (error) {
-        if (!isMounted()) {
-          return;
-        }
-        setInternalError(formatUnknownError(error));
-        setUploading(false);
-        setProgress(null);
-      }
+      notifyValue(uploaded);
+      setUploading(false);
+      setProgress(null);
     } catch (error) {
-      if (isMounted()) {
-        setInternalError(formatUnknownError(error));
-      }
+      if (!isMounted())
+        return;
+      setInternalError(formatUnknownError(error));
+      setUploading(false);
+      setProgress(null);
     }
   }, [
     actionsDisabled,
     isMounted,
     maxSizeBytes,
     notifyValue,
+    onUpload,
     onUploadRequest,
     onValidationError,
-    onUpload,
     passive,
-    picker,
     removing,
     resolvedAccept,
     setProgressSafe,
-    type,
     uploading,
     validatePicked
   ]);
+  const handlePick = React.useCallback(async () => {
+    if (passive || actionsDisabled || uploading || removing)
+      return;
+    if (explorerItems !== undefined) {
+      setExplorerOpen(true);
+      return;
+    }
+    setInternalError(undefined);
+    try {
+      await acceptPicked(await picker.pickAsync({ accept: resolvedAccept, type }));
+    } catch (error) {
+      if (isMounted())
+        setInternalError(formatUnknownError(error));
+    }
+  }, [
+    acceptPicked,
+    actionsDisabled,
+    explorerItems,
+    isMounted,
+    passive,
+    picker,
+    removing,
+    resolvedAccept,
+    type,
+    uploading
+  ]);
   const handleRemove = React.useCallback(async () => {
     if (passive || actionsDisabled || uploading || removing || !value) {
       return;
@@ -420,6 +437,28 @@ function UploaderInner({
           ]
         })
       }),
+      explorerItems !== undefined ? /* @__PURE__ */ jsx(Dialog2, {
+        closeOnBackdrop: true,
+        interactionPolicy,
+        onDismiss: () => setExplorerOpen(false),
+        title: "Select from collection",
+        visible: explorerOpen,
+        children: /* @__PURE__ */ jsx(Explorer2, {
+          items: explorerItems,
+          height: 360,
+          interactionPolicy,
+          onActivate: ({ id }) => {
+            const chosen = explorerItems.find((item) => item.id === id)?.uploadAsset;
+            setExplorerOpen(false);
+            if (chosen) {
+              acceptPicked(chosen).catch((error) => {
+                if (isMounted())
+                  setInternalError(formatUnknownError(error));
+              });
+            }
+          }
+        })
+      }) : null,
       canPreviewImage ? /* @__PURE__ */ jsx(Dialog2, {
         closeOnBackdrop: true,
         interactionPolicy,

package/web-dist/components/view/View.js

@@ -1,8 +1,8 @@
 'use client';
-import"../../chunks/Accordion-sek2q4r1.js";
-import"../../chunks/Accordion-74rt38d4.js";
-import"../../chunks/Accordion-3hg1wprb.js";
-import"../../chunks/Accordion-sxzax4x4.js";
+import"../../chunks/Accordion-6wrr910w.js";
+import"../../chunks/Accordion-42jfy1a1.js";
+import"../../chunks/Accordion-c9jsd4sy.js";
+import"../../chunks/Accordion-h21jdam6.js";
 import {
   View2,
   AppShell2,
@@ -10,9 +10,10 @@ import {
   Grid2,
   ScrollView2,
   Screen2
-} from "../../chunks/Accordion-vewrj1kr.js";
-import"../../chunks/Accordion-kpap0trj.js";
+} from "../../chunks/Accordion-h00vevas.js";
+import"../../chunks/Accordion-wbd341v2.js";
 import"../../chunks/Accordion-fre84yaq.js";
+import"../../chunks/Accordion-a7wn61wr.js";
 export {
   AppShell2 as AppShell,
   Divider2 as Divider,