@pipelex/mthds-form 0.27.0 → 0.28.0

package/dist/{chunk-AZIUFSIQ.js → chunk-II5TOORN.js}

@@ -1,6 +1,6 @@
 import { planFileSave, planStuffSave, splitFileName, typedFileStem } from './chunk-4VAO6BDE.js';
 import { seedInputs, closeOptionalStructures, openOptionalStructures } from './chunk-VH5CDQDR.js';
-import { sourceFileValue, roomForChosenFiles, roomForDroppedFiles, addChosenFiles, placeDroppedFiles, chosenFilesAdded } from './chunk-NSHGLM6A.js';
+import { sourceFileValue, roomForChosenFiles, roomForDroppedFiles, addChosenFiles, placeDroppedFiles, chosenFilesAdded } from './chunk-L23R3JNQ.js';
 import { readStuffFile } from './chunk-56WECFBD.js';
 import { apiInputsFromRunValues, sameRunValues, runValuesFromInputs, setValueAtPath } from './chunk-ZX52CQJ4.js';
 import { TYPED_SCALAR_MARKERS, viewableUrl, splitCitations, webHref, isNativeDateNode, isNativeHtmlNode, readHtmlContent, isNativeCompositeNode, readCompositeContent, isNativePageNode, nativeVerdictOf, isNativeSearchResultNode, readSearchResultContent, isNativeValueNode, readDateContent, formatDateContent, readPageContent, readYesNoContent, readRatingContent, readChoiceContent, readDocumentContent, readImageContent, readDataUrl, citedSource } from './chunk-QQK6Y55E.js';
@@ -353,6 +353,7 @@ var EN_FIELD_STRINGS = {
   replaceEnteredDescription: (name) => `Filling the form with \u201C${name}\u201D replaces every value in it.`,
   replaceEnteredConfirm: "Replace",
   exampleActions: (name) => `Actions for ${name}`,
+  openExample: "Open",
   renameExample: "Rename",
   deleteExample: "Delete",
   renameExampleTitle: "Rename the example",
@@ -537,6 +538,7 @@ var FR_FIELD_STRINGS = {
   replaceEnteredDescription: (name) => `Remplir le formulaire avec \xAB\xA0${name}\xA0\xBB remplace toutes ses valeurs.`,
   replaceEnteredConfirm: "Remplacer",
   exampleActions: (name) => `Actions pour ${name}`,
+  openExample: "Ouvrir",
   renameExample: "Renommer",
   deleteExample: "Supprimer",
   renameExampleTitle: "Renommer l\u2019exemple",
@@ -795,6 +797,10 @@ function useSourcePages(load, key) {
     updateItems
   };
 }
+function drawsNothing(drawn) {
+  if (Array.isArray(drawn)) return drawn.every((item) => drawsNothing(item));
+  return drawn === null || drawn === void 0 || typeof drawn === "boolean" || drawn === "";
+}
 function DimRows({ count = 4 }) {
   return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", "data-dim-rows": true, className: "divide-y divide-border", children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-16 items-center gap-3 px-4 py-3 opacity-60", children: [
     /* @__PURE__ */ jsx("span", { className: "size-8 shrink-0 rounded-md bg-muted" }),
@@ -1268,9 +1274,6 @@ function rowMeta(s, file, format) {
   }
   return parts.join(" \xB7 ");
 }
-function drawsNothing(glyph) {
-  return glyph === null || glyph === void 0 || typeof glyph === "boolean" || glyph === "";
-}
 function FileRow({
   file,
   formats,
@@ -3026,6 +3029,8 @@ function FillWithExample({
   const afterControl = useRef(null);
   const rows = useRef(/* @__PURE__ */ new Map());
   const menus = useRef(/* @__PURE__ */ new Map());
+  const handingOver = useRef(null);
+  const latestChoice = useRef(() => void 0);
   const afterRowDialog = useRef(null);
   const register = (map, id) => (element) => {
     map.set(id, element);
@@ -3046,7 +3051,12 @@ function FillWithExample({
     setRenaming(null);
     setDeleting(null);
   }
-  if (source.hideWhenEmpty && !open && (answer ?? hasExamples) !== true) return null;
+  const hidden = source.hideWhenEmpty === true && !open && (answer ?? hasExamples) !== true;
+  if (hidden && (replacing || renaming || deleting)) {
+    setReplacing(null);
+    setRenaming(null);
+    setDeleting(null);
+  }
   const closeList = () => {
     if (source.hideWhenEmpty && pages.status === "ready") {
       if (pages.items.length > 0) setHasExamples(true);
@@ -3062,13 +3072,27 @@ function FillWithExample({
     if (disabled) return;
     onFill(runValuesFromInputs(example.inputs, fields), example);
     setReplacing(null);
-    closeList();
+    if (open) closeList();
   };
   const choose = (example) => {
+    if (disabled) return;
     if (touched) setReplacing(example);
     else fill(example);
   };
-  const manages = source.rename !== void 0 || source.delete !== void 0;
+  useEffect(() => {
+    latestChoice.current = hidden ? () => void 0 : choose;
+    return () => {
+      latestChoice.current = () => void 0;
+    };
+  });
+  if (hidden) return null;
+  const manages = source.open !== void 0 || source.rename !== void 0 || source.delete !== void 0;
+  const handOver2 = () => {
+    const example = handingOver.current;
+    handingOver.current = null;
+    if (!example || !source.open) return;
+    queueMicrotask(() => source.open?.(example, () => latestChoice.current(example)));
+  };
   const status = pages.status === "idle" || pages.status === "loading" ? s.examplesLoading : pages.status === "failed" ? s.examplesFailed : pages.more === "failed" ? s.loadMoreFailed : pages.items.length > 0 ? s.examplesShown(pages.items.length) : pages.empty ? s.examplesNone : s.examplesLoading;
   const returnFromRowDialog = () => {
     const next = afterRowDialog.current;
@@ -3111,6 +3135,7 @@ function FillWithExample({
             className: "top-auto max-h-[calc(100dvh-1.5rem)]",
             ref: sheet,
             returnFocus: () => control.current ?? afterControl.current,
+            onCloseAutoFocus: handOver2,
             children: [
               /* @__PURE__ */ jsx("div", { className: "px-4 pt-4 pb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
                 /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1 pt-1", children: [
@@ -3143,7 +3168,13 @@ function FillWithExample({
                         "flex min-h-16 min-w-0 flex-1 items-center px-4 py-2.5 text-left transition-colors hover:bg-muted/60",
                         focusOutlineInsetClass
                       ),
-                      children: /* @__PURE__ */ jsx("span", { className: "truncate text-[16px] font-medium text-foreground", children: example.name })
+                      children: /* @__PURE__ */ jsx(
+                        ExampleRowText,
+                        {
+                          name: example.name,
+                          detail: source.renderDetail?.(example, fields)
+                        }
+                      )
                     }
                   ),
                   manages && // Not modal, so the question a menu item opens takes
@@ -3162,6 +3193,16 @@ function FillWithExample({
                       }
                     ),
                     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+                      source.open && /* @__PURE__ */ jsx(
+                        DropdownMenuItem,
+                        {
+                          onSelect: () => {
+                            handingOver.current = example;
+                            closeList();
+                          },
+                          children: s.openExample
+                        }
+                      ),
                       source.rename && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => setRenaming(example), children: s.renameExample }),
                       source.delete && /* @__PURE__ */ jsx(
                         DropdownMenuItem,
@@ -3211,7 +3252,7 @@ function FillWithExample({
       RenameExampleDialog,
       {
         example: renaming,
-        rename: source.rename,
+        rename: source.rename.bind(source),
         returnFocus: returnFromRowDialog,
         onDone: (renamed) => {
           pages.updateItems(
@@ -3230,7 +3271,7 @@ function FillWithExample({
       DeleteExampleDialog,
       {
         example: deleting,
-        remove: source.delete,
+        remove: source.delete.bind(source),
         returnFocus: returnFromRowDialog,
         onDone: (deleted) => {
           const index = pages.items.findIndex((item) => item.id === deleted.id);
@@ -3247,6 +3288,22 @@ function FillWithExample({
     )
   ] });
 }
+function ExampleRowText({ name, detail }) {
+  return /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "block truncate text-[16px] font-medium text-foreground", children: name }),
+    !drawsNothing(detail) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "example-row-detail",
+          className: "mt-0.5 block text-[13px] wrap-break-word text-muted-foreground",
+          children: detail
+        }
+      )
+    ] })
+  ] });
+}
 function RenameExampleDialog({
   example,
   rename,
@@ -8452,5 +8509,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, checkedAccentClass, cn, fieldControlClass, fieldStringsFor, focusOutlineClass, humanizeFieldName, linkTextClass, renderHtmlPdf, resolveHtmlStorageUrls, saveInBrowser, selectedBorderClass, selectedFillClass, selectedFillStrongClass, useFieldDomId, useFieldPresentation, useFieldStrings, useMethodForm, useProseImages, useResolveRendition, useResolveShareUrl, useResolveUrl, useResolvedUrl };
-//# sourceMappingURL=chunk-AZIUFSIQ.js.map
-//# sourceMappingURL=chunk-AZIUFSIQ.js.map
+//# sourceMappingURL=chunk-II5TOORN.js.map
+//# sourceMappingURL=chunk-II5TOORN.js.map