@pipelex/mthds-form 0.10.0 → 0.10.1

package/dist/{chunk-G6BWZUGV.js → chunk-W56WIIVC.js}

@@ -447,17 +447,21 @@ function FileField({
     if (!previewOpen || !storageUri || localIsCurrent || !resolveUrl) return;
     let cancelled = false;
     void resolveUrl(storageUri).then((src) => {
-      if (!cancelled) setResolved(src ? { uri: storageUri, src } : null);
+      if (!cancelled) setResolved({ uri: storageUri, src: src || null });
     }).catch(() => {
-      if (!cancelled) setResolved(null);
+      if (!cancelled) setResolved({ uri: storageUri, src: null });
     });
     return () => {
       cancelled = true;
     };
   }, [previewOpen, storageUri, localIsCurrent, resolveUrl]);
-  const resolvedSrc = resolved && resolved.uri === storageUri ? viewableUrl(resolved.src) : void 0;
+  const resolvedSrc = resolved && resolved.uri === storageUri ? viewableUrl(resolved.src ?? void 0) : void 0;
   const previewSrc = (localIsCurrent ? localPreview?.objectUrl : void 0) ?? directSrc ?? resolvedSrc;
-  const previewPending = !previewSrc && !!storageUri && resolved?.uri !== storageUri;
+  const previewPending = !previewSrc && !!storageUri && !!resolveUrl && resolved?.uri !== storageUri;
+  const togglePreview = () => {
+    if (!previewOpen) setResolved((r) => r?.src === null ? null : r);
+    setPreviewOpen((v) => !v);
+  };
   const urlValue = value?.url ?? "";
   const urlText = presentation === "studio" || isReadableLink(urlValue) || urlValue === typedUrl ? urlValue : "";
   return /* @__PURE__ */ jsxs(
@@ -483,7 +487,7 @@ function FileField({
               onClear: clear,
               canPreview,
               previewOpen,
-              onTogglePreview: () => setPreviewOpen((v) => !v)
+              onTogglePreview: togglePreview
             }
           ),
           previewOpen && (previewSrc && isImage ? /* @__PURE__ */ jsx(ImagePreview, { src: previewSrc, filename: value?.filename }) : previewSrc && isPdf ? /* @__PURE__ */ jsx(PdfPreview, { src: previewSrc }) : previewPending ? /* @__PURE__ */ jsx("div", { className: "flex h-24 items-center justify-center rounded-md border border-border bg-muted", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : (
@@ -2836,5 +2840,5 @@ function StuffViewer({
 }
 
 export { BooleanField, ConceptPill, DEFAULT_FIELD_STRINGS, DateField, DocumentField, EnumField, FieldDomIdProvider, FieldPresentationProvider, FieldRenderer, FieldShell, FieldStringsProvider, HtmlPreview, ImageField, JsonView, ListField, Markdown, NumberField, ObjectField, OptionalToggle, ProseField, ResultEnvProvider, ResultField, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, StuffViewer, Switch, TextField, ToggleGroup, ToggleGroupItem, UnknownField, cn, downloadStuff, fieldControlClass, humanizeFieldName, useFieldDomId, useFieldPresentation, useFieldStrings, useProseImages, useResolveShareUrl, useResolveUrl, useResolvedUrl };
-//# sourceMappingURL=chunk-G6BWZUGV.js.map
-//# sourceMappingURL=chunk-G6BWZUGV.js.map
+//# sourceMappingURL=chunk-W56WIIVC.js.map
+//# sourceMappingURL=chunk-W56WIIVC.js.map