@pipelex/mthds-form 0.36.0 → 0.36.2

package/dist/{chunk-ROM2KLQD.js → chunk-7SOGQRMN.js}

@@ -7168,11 +7168,12 @@ function FileRef({
   storageUrl,
   mimeType,
   filename,
+  label: named,
   file
 }) {
   const s = useFieldStrings();
   const encoded = encodedFileSummary(url, s);
-  const label = filename ? filename : encoded ?? pathLabel(url);
+  const label = named ?? (filename ? filename : encoded ?? pathLabel(url));
   const reference = encoded ?? url;
   const title = mimeType ? `${reference} \xB7 ${mimeType}` : reference;
   const href = viewableUrl(url);
@@ -7194,7 +7195,7 @@ function FileRef({
       "span",
       {
         title,
-        className: "min-w-0 truncate font-mono text-[12px] text-muted-foreground",
+        className: "min-w-0 truncate font-mono text-[12px] text-muted-foreground max-sm:leading-11",
         children: label
       }
     ),
@@ -7382,10 +7383,12 @@ function PdfUnavailable({
 function ConvertedDocumentPreview({
   ask,
   name,
-  file
+  file,
+  whole
 }) {
   const s = useFieldStrings();
   const { answer, retry } = useDocumentPdf(ask);
+  const size = whole ? WHOLE_RESULT_FRAME : NESTED_FRAME;
   const preparing = useRef(null);
   const retried = useRef(false);
   useEffect(() => {
@@ -7401,7 +7404,7 @@ function ConvertedDocumentPreview({
         role: "status",
         tabIndex: -1,
         className: cn(
-          NESTED_FRAME,
+          size,
           "flex items-center justify-center gap-2 rounded-lg border border-border bg-card/40 text-[12px] text-muted-foreground outline-none"
         ),
         children: [
@@ -7412,35 +7415,47 @@ function ConvertedDocumentPreview({
     );
   }
   if (answer.state === "failed") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card/40 px-3.5 py-3 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxs(
-        "p",
-        {
-          role: "alert",
-          className: "flex min-w-0 flex-1 items-start gap-2 text-[12.5px] leading-relaxed text-muted-foreground",
-          children: [
-            /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": true, className: "mt-0.5 size-3.5 shrink-0" }),
-            /* @__PURE__ */ jsx("span", { children: answer.message ?? s.documentPdfFailed })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            retried.current = true;
-            retry();
-          },
-          className: cn(CARD_ACTION, "text-foreground", focusOutlineClass),
-          children: s.tryAgain
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col gap-3 rounded-lg border border-border bg-card/40 px-3.5 py-3",
+          whole ? cn(size, "items-center justify-center") : "sm:flex-row sm:items-center"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "p",
+            {
+              role: "alert",
+              className: cn(
+                "flex min-w-0 items-start gap-2 text-[12.5px] leading-relaxed text-muted-foreground",
+                !whole && "flex-1"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": true, className: "mt-0.5 size-3.5 shrink-0" }),
+                /* @__PURE__ */ jsx("span", { children: answer.message ?? s.documentPdfFailed })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                retried.current = true;
+                retry();
+              },
+              className: cn(CARD_ACTION, "text-foreground", focusOutlineClass),
+              children: s.tryAgain
+            }
+          )
+        ]
+      }
+    );
   }
   const gated = answer.state === "ready" ? viewableUrl(answer.url) : void 0;
   const url = gated && frameableUrl({ url: gated, fromResolver: true });
-  if (url) return /* @__PURE__ */ jsx(DocumentPreview, { url, name, pdf: true, file, whole: false });
+  if (url) return /* @__PURE__ */ jsx(DocumentPreview, { url, name, pdf: true, file, whole });
   return /* @__PURE__ */ jsx(
     "p",
     {
@@ -7450,32 +7465,49 @@ function ConvertedDocumentPreview({
     }
   );
 }
-function DocumentValue({ value, whole = false }) {
+function DocumentValue({
+  value,
+  whole = false,
+  startsOpen = false
+}) {
   const s = useFieldStrings();
   const resolve = useResolveUrl();
   const resolveDocumentPdf = useResolveDocumentPdf();
   const isApp = useFieldPresentation() === "app";
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(startsOpen);
   const file = useStuffFile("document", value);
   const content = readDocumentContent(value);
   if (!content) return /* @__PURE__ */ jsx(Absent, {});
-  const name = content.title ?? content.filename ?? fileLabel(content.url, content.filename, s);
+  const label = fileLabel(content.url, content.filename, s);
+  const title = content.title?.trim();
+  const heading = title && title !== label ? title : void 0;
+  const name = title || label;
   const preview = previewableUrl(content, resolve);
   const pdf = preview !== void 0 && isPdfDocument(content, preview);
-  const opened = whole && isApp && pdf;
   const askPdf = preview === void 0 && !browserRenders(content, content.url) ? resolveDocumentPdf?.(content.url, {
     filename: content.filename,
     mimeType: content.mimeType
   }) : void 0;
+  const opened = whole && isApp && (preview !== void 0 || askPdf !== void 0);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-      /* @__PURE__ */ jsx(FileText, { "aria-hidden": true, className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        FileText,
+        {
+          "aria-hidden": true,
+          className: cn(
+            "mt-0.5 size-4 shrink-0 text-muted-foreground",
+            !heading && "max-sm:mt-3.5"
+          )
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [
-        name && /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] text-foreground", children: name }),
+        heading && /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] text-foreground", children: heading }),
         /* @__PURE__ */ jsx(
           FileRef,
           {
             url: paintableUrl(content, resolve) ?? content.url,
+            label,
             storageUrl: content.url,
             mimeType: content.mimeType,
             ...content.filename ? { filename: content.filename } : {},
@@ -7502,7 +7534,16 @@ function DocumentValue({ value, whole = false }) {
       )
     ] }),
     preview && (opened || open) && /* @__PURE__ */ jsx(DocumentPreview, { url: preview, name, pdf, file, whole: opened }),
-    askPdf && open && /* @__PURE__ */ jsx(ConvertedDocumentPreview, { ask: askPdf, name, file }, content.url)
+    askPdf && (opened || open) && /* @__PURE__ */ jsx(
+      ConvertedDocumentPreview,
+      {
+        ask: askPdf,
+        name,
+        file,
+        whole: opened
+      },
+      content.url
+    )
   ] });
 }
 var TILE_RENDITION_SIDE = 576;
@@ -8569,6 +8610,17 @@ function PanelResult({
 }) {
   return /* @__PURE__ */ jsx(PanelResultContext, { value: hostHeaded ? HOST_HEADED_PANEL : TITLED_PANEL, children });
 }
+var DeliveredDocumentContext = createContext(false);
+function loneDocumentMember(field) {
+  let lone;
+  for (const child of field.fields) {
+    if (child.kind === "list" && child.item.kind === "document") return void 0;
+    if (child.kind !== "document") continue;
+    if (lone !== void 0) return void 0;
+    lone = child.name;
+  }
+  return lone;
+}
 function ResultField(props) {
   const location = useResultLocation();
   const panel = use(PanelResultContext);
@@ -8590,6 +8642,7 @@ function ResultNode({
   const pdfShown = usePdfSaveShown();
   const location = useResultLocation();
   const isApp = useFieldPresentation() === "app";
+  const delivered = use(DeliveredDocumentContext);
   const header = hideLabel ? null : /* @__PURE__ */ jsx(Label2, { field, describe: true });
   const copyText = (field.kind === "text" || field.kind === "prose") && typeof unwrapped === "string" && unwrapped !== "" ? unwrapped : void 0;
   if (isNativeDateNode(field)) {
@@ -8655,6 +8708,7 @@ function ResultNode({
     case "object": {
       const memberValue = (child) => typeof unwrapped === "object" && unwrapped !== null ? ownProp(unwrapped, child.name) : void 0;
       const sharesALine = (child) => isInlineColumn(child) && !(isApp && child.kind === "text" && isLongText(unwrap(child, memberValue(child))));
+      const lone = whole && isApp ? loneDocumentMember(field) : void 0;
       return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         header,
         /* @__PURE__ */ jsx(
@@ -8689,7 +8743,7 @@ function ResultNode({
                 sharesALine(child) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
                   /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx(Label2, { field: child, describe: true }) }),
                   /* @__PURE__ */ jsx("div", { className: "flex min-w-0 justify-end **:data-chips:justify-end", children: /* @__PURE__ */ jsx("div", { className: "min-w-0 text-left wrap-break-word", children: /* @__PURE__ */ jsx(LeafValue, { field: child, value: memberValue(child) }) }) })
-                ] }, child.name) : /* @__PURE__ */ jsx("div", { className: "col-span-2 min-w-0", children: /* @__PURE__ */ jsx(ResultAt, { segment: child.name, children: /* @__PURE__ */ jsx(ResultField, { field: child, value: memberValue(child), depth: depth + 1 }) }) }, child.name)
+                ] }, child.name) : /* @__PURE__ */ jsx("div", { className: "col-span-2 min-w-0", children: /* @__PURE__ */ jsx(ResultAt, { segment: child.name, children: child.name === lone ? /* @__PURE__ */ jsx(DeliveredDocumentContext, { value: true, children: /* @__PURE__ */ jsx(ResultField, { field: child, value: memberValue(child), depth: depth + 1 }) }) : /* @__PURE__ */ jsx(ResultField, { field: child, value: memberValue(child), depth: depth + 1 }) }) }, child.name)
               )
             )
           }
@@ -8813,7 +8867,7 @@ function ResultNode({
               headed && /* @__PURE__ */ jsx(Label2, { field, describe: true, unseen: true }),
               /* @__PURE__ */ jsx("div", { className: "float-right ml-2", children: /* @__PURE__ */ jsx(CopyButton, { value: copyText, label: s.copyText }) })
             ] }),
-            typeset !== void 0 ? /* @__PURE__ */ jsx(Markdown, { text: typeset }) : field.kind === "document" && whole ? /* @__PURE__ */ jsx(DocumentValue, { value: unwrapped, whole: true }) : /* @__PURE__ */ jsx(LeafValue, { field, value })
+            typeset !== void 0 ? /* @__PURE__ */ jsx(Markdown, { text: typeset }) : field.kind === "document" && (whole || delivered) ? /* @__PURE__ */ jsx(DocumentValue, { value: unwrapped, whole, startsOpen: delivered }) : /* @__PURE__ */ jsx(LeafValue, { field, value })
           ]
         }
       );
@@ -9127,5 +9181,5 @@ function pdfFileName(field, value, baseName) {
 }
 
 export { BooleanField, ConceptPill, DEFAULT_FIELD_STRINGS, DateField, DocumentField, EN_FIELD_STRINGS, EnumField, FIELD_STRINGS_BY_LOCALE, FR_FIELD_STRINGS, FieldDomIdProvider, FieldPresentationProvider, FieldRenderer, FieldShell, FieldStringsProvider, FilePicker, FilePickerEntry, FillWithExample, HtmlPreview, ImageField, JsonView, ListField, Markdown, MethodForm, NumberField, ObjectField, OptionalToggle, PdfDownloadButton, ProseField, ResultEnvProvider, ResultField, ResultRoot, SUPPORTED_LOCALES, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, StuffViewer, Switch, TextField, ToggleGroup, ToggleGroupItem, UnknownField, actionShadowClass, checkedAccentClass, cn, enumLabeler, fieldControlClass, fieldLabel, fieldStringsFor, focusOutlineClass, headingClass, isThenable, linkTextClass, panelFlatShadowClass, panelRaisedShadowClass, panelSurfaceClass, renderHtmlPdf, resolveHtmlStorageUrls, saveInBrowser, selectedBorderClass, selectedFillClass, selectedFillStrongClass, useFieldDomId, useFieldPresentation, useFieldStrings, useMethodForm, useProseImages, useResolveDocumentPdf, useResolveRendition, useResolveShareUrl, useResolveUrl, useResolvedUrl };
-//# sourceMappingURL=chunk-ROM2KLQD.js.map
-//# sourceMappingURL=chunk-ROM2KLQD.js.map
+//# sourceMappingURL=chunk-7SOGQRMN.js.map
+//# sourceMappingURL=chunk-7SOGQRMN.js.map