@wildwinter/app-shell 0.54.0 → 0.56.0

package/dist/value-rows.cjs

@@ -826,13 +826,89 @@ var fieldRowFocus = {
   settle: (row) => keeper.settle(row),
   restore: (row) => keeper.restore(row)
 };
+var isObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+function isSet(decl, value) {
+  if (value === void 0) return false;
+  if (decl.type === "record" && decl.default === void 0 && isObject(value)) {
+    const fields = decl.fields ?? [];
+    const declared = new Set(fields.map((f) => f.name));
+    if (Object.entries(value).some(([k, v]) => !declared.has(k) && v !== void 0)) return true;
+    return fields.some((f) => isSet(f, value[f.name]));
+  }
+  return extensions.stableStringify(value) !== extensions.stableStringify(extensions.defaultOf(decl));
+}
+function foldCaption(name, set) {
+  return set > 0 ? `${name} (${set} set)` : name;
+}
+function extensionFold() {
+  const open = /* @__PURE__ */ new Set();
+  const shown = /* @__PURE__ */ new Map();
+  const keyOf = (o) => `${o.extension}\0${o.node}`;
+  const visible = (o, setNames) => {
+    const was = shown.get(keyOf(o));
+    const fields = was ? /* @__PURE__ */ new Set([...was.fields, ...setNames]) : new Set(setNames);
+    shown.set(keyOf(o), { fields, used: true });
+    return fields;
+  };
+  const fold = {
+    isOpen: (extension) => open.has(extension),
+    setOpen(extension, on) {
+      if (on) open.add(extension);
+      else open.delete(extension);
+      for (const key of shown.keys()) if (key.startsWith(`${extension}\0`)) shown.delete(key);
+    },
+    sweep() {
+      for (const [key, entry] of shown) {
+        if (!entry.used) shown.delete(key);
+        else entry.used = false;
+      }
+    },
+    section(o) {
+      const sec = el("div", `shell-fold${o.className ? ` ${o.className}` : ""}`);
+      sec.dataset["extension"] = o.extension;
+      const cap = el("button", `shell-fold-cap${o.captionClassName ? ` ${o.captionClassName}` : ""}`);
+      cap.type = "button";
+      const body = el("div", "shell-fold-body");
+      sec.append(cap, body);
+      const draw = () => {
+        const isOpen = open.has(o.extension);
+        const setNames = new Set(o.fields.filter((f) => isSet(f, o.entry?.[f.name])).map((f) => f.name));
+        const show2 = isOpen ? void 0 : visible(o, setNames);
+        cap.replaceChildren(iconNode(isOpen ? "expanded" : "collapsed"), el("span", "shell-fold-name", foldCaption(o.caption, setNames.size)));
+        cap.setAttribute("aria-expanded", String(isOpen));
+        cap.dataset["tip"] = isOpen ? `Show only the fields set here` : `Show every ${o.caption} field`;
+        sec.classList.toggle("shell-fold-open", isOpen);
+        const rows = [...o.lead ?? []];
+        let group;
+        for (const decl of o.fields) {
+          if (show2 && !show2.has(decl.name)) continue;
+          const g = decl.group;
+          if (g !== void 0 && g !== group) {
+            group = g;
+            rows.push(o.group(g));
+          }
+          rows.push(o.row(decl));
+        }
+        rows.push(...o.tail ?? []);
+        body.replaceChildren(...rows);
+      };
+      cap.addEventListener("click", () => {
+        fold.setOpen(o.extension, !open.has(o.extension));
+        draw();
+      });
+      draw();
+      return sec;
+    }
+  };
+  return fold;
+}
 
 // src/value-rows.ts
 function nodeLabel(adapter, kind, id) {
   return adapter.nodes(kind).find((n) => n.id === id)?.label ?? adapter.label?.(kind, id);
 }
 var SCALARS = /* @__PURE__ */ new Set(["text", "multiline", "number", "boolean", "enum", "flags", "quality", "string"]);
-var isObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var isObject2 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
 var nameOf = (decl) => decl.label ?? decl.name;
 var asDecl = (d, name) => ({ ...d, name: d.name ?? name });
 function ownProblems(decl, value, adapter) {
@@ -1071,31 +1147,31 @@ function structuredRow(initial) {
       }, controls));
     };
     if (decl.type === "record") {
-      const value = isObject(o.value) ? o.value : void 0;
+      const value = isObject2(o.value) ? o.value : void 0;
       const required = value === void 0 ? [] : extensions.valueProblems(decl, value).filter((p) => p.code === "required");
       for (const f of decl.fields ?? []) {
         const missing = required.find((p) => p.path === f.name);
         child(`f:${f.name}`, f, value?.[f.name], (v) => {
-          const next = { ...isObject(opts.value) ? opts.value : {} };
+          const next = { ...isObject2(opts.value) ? opts.value : {} };
           if (v === void 0) delete next[f.name];
           else next[f.name] = v;
           commit(Object.keys(next).length > 0 ? next : void 0);
         }, void 0, void 0, missing ? "Required." : void 0);
       }
     } else if (decl.type === "map" && decl.of) {
-      const value = isObject(o.value) ? o.value : {};
+      const value = isObject2(o.value) ? o.value : {};
       const keyNodes = decl.key?.type === "reference" && o.adapter ? o.adapter.nodes(decl.key.to ?? "") : void 0;
       const keyKind = decl.key?.to ?? "";
       const keyLabel = (k) => (o.adapter && keyNodes !== void 0 ? nodeLabel(o.adapter, keyKind, k) : void 0) ?? k;
       for (const k of Object.keys(value)) {
         const remove = editable() ? [iconBtn("close", `Remove ${keyLabel(k)}`, () => {
-          const next = { ...isObject(opts.value) ? opts.value : {} };
+          const next = { ...isObject2(opts.value) ? opts.value : {} };
           delete next[k];
           commit(Object.keys(next).length > 0 ? next : void 0);
         })] : [];
         const gone = keyNodes !== void 0 && o.adapter && nodeLabel(o.adapter, keyKind, k) === void 0 ? `${k} is not here any more.` : void 0;
         child(`k:${k}`, asDecl(decl.of, k), value[k], (v) => {
-          const next = { ...isObject(opts.value) ? opts.value : {} };
+          const next = { ...isObject2(opts.value) ? opts.value : {} };
           next[k] = v === void 0 ? extensions.defaultOf(decl.of) : v;
           commit(next);
         }, remove, keyLabel(k), gone);
@@ -1139,7 +1215,7 @@ function structuredRow(initial) {
       }
     } else if (decl.type === "list" && decl.of) {
       const value = Array.isArray(o.value) ? o.value : [];
-      const idOf = (item, i) => decl.id !== void 0 && isObject(item) && typeof item[decl.id] === "string" ? `id:${item[decl.id]}` : `i:${i}`;
+      const idOf = (item, i) => decl.id !== void 0 && isObject2(item) && typeof item[decl.id] === "string" ? `id:${item[decl.id]}` : `i:${i}`;
       value.forEach((item, i) => {
         const set = (next) => commit(next.length > 0 ? next : void 0);
         const controls = editable() ? [
@@ -1153,7 +1229,7 @@ function structuredRow(initial) {
           }, i === value.length - 1),
           iconBtn("close", "Remove", () => set(value.filter((_, j) => j !== i)), false, true)
         ] : [];
-        const itemLabel = decl.id !== void 0 && isObject(item) && typeof item[decl.id] === "string" ? item[decl.id] : `${i + 1}`;
+        const itemLabel = decl.id !== void 0 && isObject2(item) && typeof item[decl.id] === "string" ? item[decl.id] : `${i + 1}`;
         child(idOf(item, i), asDecl(decl.of, itemLabel), item, (v) => {
           const next = [...Array.isArray(opts.value) ? opts.value : []];
           next[i] = v === void 0 ? extensions.defaultOf(decl.of) : v;
@@ -1164,8 +1240,8 @@ function structuredRow(initial) {
       if (editable()) {
         adder.append(iconBtn("add", "Add", () => {
           const fresh = extensions.defaultOf(decl.of);
-          if (decl.id !== void 0 && isObject(fresh)) {
-            const taken = new Set(value.map((x) => isObject(x) ? x[decl.id] : void 0));
+          if (decl.id !== void 0 && isObject2(fresh)) {
+            const taken = new Set(value.map((x) => isObject2(x) ? x[decl.id] : void 0));
             let n = value.length + 1;
             while (taken.has(`item-${n}`)) n++;
             fresh[decl.id] = `item-${n}`;
@@ -1214,6 +1290,9 @@ function valueRows() {
   };
 }
 
+exports.extensionFold = extensionFold;
+exports.foldCaption = foldCaption;
+exports.isSet = isSet;
 exports.valueRow = valueRow;
 exports.valueRows = valueRows;
 //# sourceMappingURL=value-rows.cjs.map