npm - @webiny/app-admin - Versions diffs - 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e - Mend

@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2006) hide show

package/features/formModel/demo/FormModelDemoPresenter.js CHANGED Viewed

@@ -1,121 +1,140 @@
 import { makeAutoObservable, toJS } from "mobx";
 const RUNTIME_TEMPLATE_ID = "runtimeBanner";
-export class FormModelDemoPresenter {
-  lastSubmitted = null;
-  isSubmitting = false;
-  runtimeTemplateAdded = false;
-  textTemplateRemoved = false;
-  constructor(formFactory) {
-    this.form = formFactory.create({
-      fields: fields => ({
-        title: fields.text().label("Title").required("Title is required"),
-        content: fields.object().label("Content Block").required("Pick a template").template("hero", t => {
-          t.label("Hero Banner").fields(f => ({
-            heading: f.text().label("Heading").required("Required"),
-            subheading: f.text().label("Subheading"),
-            image: f.text().label("Image URL"),
-            cta: f.text().label("Call To Action")
-          }));
-        }).template("text", t => {
-          t.label("Rich Text").fields(f => ({
-            body: f.text().label("Body").required("Required")
-          }));
-        }).template("premium", t => {
-          t.label("Premium Widget").visible(form => form.field("plan").getValue() === "enterprise").fields(f => ({
-            config: f.text().label("Widget Config")
-          }));
-        }),
-        sections: fields.object().label("Page Sections").list().template("hero", t => {
-          t.label("Hero Banner").fields(f => ({
-            heading: f.text().label("Heading").required("Required"),
-            subheading: f.text().label("Subheading"),
-            image: f.text().label("Image URL")
-          }));
-        }).template("text", t => {
-          t.label("Rich Text").fields(f => ({
-            body: f.text().label("Body").required("Required")
-          }));
-        }).template("cta", t => {
-          t.label("Call To Action").fields(f => ({
-            label: f.text().label("Button Label").required("Required"),
-            url: f.text().label("Link URL")
-          }));
-        }),
-        plan: fields.text().label("Plan").defaultValue("free").options([{
-          label: "Free",
-          value: "free"
-        }, {
-          label: "Pro",
-          value: "pro"
-        }, {
-          label: "Enterprise",
-          value: "enterprise"
-        }])
-      }),
-      layout: layout => [layout.row("title"), layout.row("plan"), layout.object("content", {
-        hero: l => [l.row("heading", "subheading"), l.row("image"), l.row("cta")],
-        text: l => [l.row("body")]
-      }), layout.object("sections", {
-        hero: l => [l.row("heading", "subheading"), l.row("image")],
-        cta: l => [l.row("label", "url")]
-      })]
-    });
-    makeAutoObservable(this);
-  }
-  get vm() {
-    return {
-      form: this.form.vm,
-      data: toJS(this.form.getData()),
-      lastSubmitted: this.lastSubmitted,
-      isSubmitting: this.isSubmitting,
-      runtimeTemplateAdded: this.runtimeTemplateAdded,
-      textTemplateRemoved: this.textTemplateRemoved
-    };
-  }
-  async submit() {
-    this.isSubmitting = true;
-    try {
-      const result = await this.form.submit();
-      if (result !== false) {
-        this.lastSubmitted = toJS(result);
-      }
-    } finally {
-      this.isSubmitting = false;
+class FormModelDemoPresenter {
+    constructor(formFactory){
+        this.lastSubmitted = null;
+        this.isSubmitting = false;
+        this.runtimeTemplateAdded = false;
+        this.textTemplateRemoved = false;
+        this.form = formFactory.create({
+            fields: (fields)=>({
+                    title: fields.text().label("Title").required("Title is required"),
+                    content: fields.object().label("Content Block").required("Pick a template").template("hero", (t)=>{
+                        t.label("Hero Banner").fields((f)=>({
+                                heading: f.text().label("Heading").required("Required"),
+                                subheading: f.text().label("Subheading"),
+                                image: f.text().label("Image URL"),
+                                cta: f.text().label("Call To Action")
+                            }));
+                    }).template("text", (t)=>{
+                        t.label("Rich Text").fields((f)=>({
+                                body: f.text().label("Body").required("Required")
+                            }));
+                    }).template("premium", (t)=>{
+                        t.label("Premium Widget").visible((form)=>"enterprise" === form.field("plan").getValue()).fields((f)=>({
+                                config: f.text().label("Widget Config")
+                            }));
+                    }),
+                    sections: fields.object().label("Page Sections").list().template("hero", (t)=>{
+                        t.label("Hero Banner").fields((f)=>({
+                                heading: f.text().label("Heading").required("Required"),
+                                subheading: f.text().label("Subheading"),
+                                image: f.text().label("Image URL")
+                            }));
+                    }).template("text", (t)=>{
+                        t.label("Rich Text").fields((f)=>({
+                                body: f.text().label("Body").required("Required")
+                            }));
+                    }).template("cta", (t)=>{
+                        t.label("Call To Action").fields((f)=>({
+                                label: f.text().label("Button Label").required("Required"),
+                                url: f.text().label("Link URL")
+                            }));
+                    }),
+                    plan: fields.text().label("Plan").defaultValue("free").options([
+                        {
+                            label: "Free",
+                            value: "free"
+                        },
+                        {
+                            label: "Pro",
+                            value: "pro"
+                        },
+                        {
+                            label: "Enterprise",
+                            value: "enterprise"
+                        }
+                    ])
+                }),
+            layout: (layout)=>[
+                    layout.row("title"),
+                    layout.row("plan"),
+                    layout.object("content", {
+                        hero: (l)=>[
+                                l.row("heading", "subheading"),
+                                l.row("image"),
+                                l.row("cta")
+                            ],
+                        text: (l)=>[
+                                l.row("body")
+                            ]
+                    }),
+                    layout.object("sections", {
+                        hero: (l)=>[
+                                l.row("heading", "subheading"),
+                                l.row("image")
+                            ],
+                        cta: (l)=>[
+                                l.row("label", "url")
+                            ]
+                    })
+                ]
+        });
+        makeAutoObservable(this);
     }
-  }
-  reset() {
-    this.form.reset();
-    this.lastSubmitted = null;
-  }
-  toggleRuntimeTemplate() {
-    const sections = this.form.field("sections").as("object");
-    if (this.runtimeTemplateAdded) {
-      sections.templates.remove(RUNTIME_TEMPLATE_ID);
-      this.runtimeTemplateAdded = false;
-    } else {
-      sections.templates.add(RUNTIME_TEMPLATE_ID, t => {
-        t.label("Runtime Banner").fields(f => ({
-          headline: f.text().label("Headline").required("Required"),
-          note: f.text().label("Note")
-        }));
-      });
-      this.runtimeTemplateAdded = true;
+    get vm() {
+        return {
+            form: this.form.vm,
+            data: toJS(this.form.getData()),
+            lastSubmitted: this.lastSubmitted,
+            isSubmitting: this.isSubmitting,
+            runtimeTemplateAdded: this.runtimeTemplateAdded,
+            textTemplateRemoved: this.textTemplateRemoved
+        };
     }
-  }
-  toggleTextTemplate() {
-    const content = this.form.field("content").as("object");
-    if (this.textTemplateRemoved) {
-      content.templates.add("text", t => {
-        t.label("Rich Text").fields(f => ({
-          body: f.text().label("Body").required("Required")
-        }));
-      });
-      this.textTemplateRemoved = false;
-    } else {
-      content.templates.remove("text");
-      this.textTemplateRemoved = true;
+    async submit() {
+        this.isSubmitting = true;
+        try {
+            const result = await this.form.submit();
+            if (false !== result) this.lastSubmitted = toJS(result);
+        } finally{
+            this.isSubmitting = false;
+        }
+    }
+    reset() {
+        this.form.reset();
+        this.lastSubmitted = null;
+    }
+    toggleRuntimeTemplate() {
+        const sections = this.form.field("sections").as("object");
+        if (this.runtimeTemplateAdded) {
+            sections.templates.remove(RUNTIME_TEMPLATE_ID);
+            this.runtimeTemplateAdded = false;
+        } else {
+            sections.templates.add(RUNTIME_TEMPLATE_ID, (t)=>{
+                t.label("Runtime Banner").fields((f)=>({
+                        headline: f.text().label("Headline").required("Required"),
+                        note: f.text().label("Note")
+                    }));
+            });
+            this.runtimeTemplateAdded = true;
+        }
+    }
+    toggleTextTemplate() {
+        const content = this.form.field("content").as("object");
+        if (this.textTemplateRemoved) {
+            content.templates.add("text", (t)=>{
+                t.label("Rich Text").fields((f)=>({
+                        body: f.text().label("Body").required("Required")
+                    }));
+            });
+            this.textTemplateRemoved = false;
+        } else {
+            content.templates.remove("text");
+            this.textTemplateRemoved = true;
+        }
     }
-  }
 }
+export { FormModelDemoPresenter };
 //# sourceMappingURL=FormModelDemoPresenter.js.map

package/features/formModel/demo/FormModelDemoPresenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["makeAutoObservable","toJS","RUNTIME_TEMPLATE_ID","FormModelDemoPresenter","lastSubmitted","isSubmitting","runtimeTemplateAdded","textTemplateRemoved","constructor","formFactory","form","create","fields","title","text","label","required","content","object","template","t","f","heading","subheading","image","cta","body","visible","field","getValue","config","sections","list","url","plan","defaultValue","options","value","layout","row","hero","l","vm","data","getData","submit","result","reset","toggleRuntimeTemplate","as","templates","remove","add","headline","note","toggleTextTemplate"],"sources":["FormModelDemoPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport type { IFormModel, IFormModelFactory, IFormVM } from \"../abstractions.js\";\n\nexport interface FormModelDemoVM {\n form: IFormVM;\n data: Record<string, unknown>;\n lastSubmitted: Record<string, unknown> \| null;\n isSubmitting: boolean;\n runtimeTemplateAdded: boolean;\n textTemplateRemoved: boolean;\n}\n\nconst RUNTIME_TEMPLATE_ID = \"runtimeBanner\";\n\nexport class FormModelDemoPresenter {\n private form: IFormModel;\n private lastSubmitted: Record<string, unknown> \| null = null;\n private isSubmitting = false;\n private runtimeTemplateAdded = false;\n private textTemplateRemoved = false;\n\n constructor(formFactory: IFormModelFactory) {\n this.form = formFactory.create({\n fields: fields => ({\n title: fields.text().label(\"Title\").required(\"Title is required\"),\n content: fields\n .object()\n .label(\"Content Block\")\n .required(\"Pick a template\")\n .template(\"hero\", t => {\n t.label(\"Hero Banner\").fields(f => ({\n heading: f.text().label(\"Heading\").required(\"Required\"),\n subheading: f.text().label(\"Subheading\"),\n image: f.text().label(\"Image URL\"),\n cta: f.text().label(\"Call To Action\")\n }));\n })\n .template(\"text\", t => {\n t.label(\"Rich Text\").fields(f => ({\n body: f.text().label(\"Body\").required(\"Required\")\n }));\n })\n .template(\"premium\", t => {\n t.label(\"Premium Widget\")\n .visible(form => form.field(\"plan\").getValue() === \"enterprise\")\n .fields(f => ({\n config: f.text().label(\"Widget Config\")\n }));\n }),\n sections: fields\n .object()\n .label(\"Page Sections\")\n .list()\n .template(\"hero\", t => {\n t.label(\"Hero Banner\").fields(f => ({\n heading: f.text().label(\"Heading\").required(\"Required\"),\n subheading: f.text().label(\"Subheading\"),\n image: f.text().label(\"Image URL\")\n }));\n })\n .template(\"text\", t => {\n t.label(\"Rich Text\").fields(f => ({\n body: f.text().label(\"Body\").required(\"Required\")\n }));\n })\n .template(\"cta\", t => {\n t.label(\"Call To Action\").fields(f => ({\n label: f.text().label(\"Button Label\").required(\"Required\"),\n url: f.text().label(\"Link URL\")\n }));\n }),\n plan: fields\n .text()\n .label(\"Plan\")\n .defaultValue(\"free\")\n .options([\n { label: \"Free\", value: \"free\" },\n { label: \"Pro\", value: \"pro\" },\n { label: \"Enterprise\", value: \"enterprise\" }\n ])\n }),\n layout: layout => [\n layout.row(\"title\"),\n layout.row(\"plan\"),\n layout.object(\"content\", {\n hero: l => [l.row(\"heading\", \"subheading\"), l.row(\"image\"), l.row(\"cta\")],\n text: l => [l.row(\"body\")]\n }),\n layout.object(\"sections\", {\n hero: l => [l.row(\"heading\", \"subheading\"), l.row(\"image\")],\n cta: l => [l.row(\"label\", \"url\")]\n })\n ]\n });\n\n makeAutoObservable(this);\n }\n\n get vm(): FormModelDemoVM {\n return {\n form: this.form.vm,\n data: toJS(this.form.getData()),\n lastSubmitted: this.lastSubmitted,\n isSubmitting: this.isSubmitting,\n runtimeTemplateAdded: this.runtimeTemplateAdded,\n textTemplateRemoved: this.textTemplateRemoved\n };\n }\n\n async submit(): Promise<void> {\n this.isSubmitting = true;\n try {\n const result = await this.form.submit<Record<string, unknown>>();\n if (result !== false) {\n this.lastSubmitted = toJS(result);\n }\n } finally {\n this.isSubmitting = false;\n }\n }\n\n reset(): void {\n this.form.reset();\n this.lastSubmitted = null;\n }\n\n toggleRuntimeTemplate(): void {\n const sections = this.form.field(\"sections\").as(\"object\");\n if (this.runtimeTemplateAdded) {\n sections.templates.remove(RUNTIME_TEMPLATE_ID);\n this.runtimeTemplateAdded = false;\n } else {\n sections.templates.add(RUNTIME_TEMPLATE_ID, t => {\n t.label(\"Runtime Banner\").fields(f => ({\n headline: f.text().label(\"Headline\").required(\"Required\"),\n note: f.text().label(\"Note\")\n }));\n });\n this.runtimeTemplateAdded = true;\n }\n }\n\n toggleTextTemplate(): void {\n const content = this.form.field(\"content\").as(\"object\");\n if (this.textTemplateRemoved) {\n content.templates.add(\"text\", t => {\n t.label(\"Rich Text\").fields(f => ({\n body: f.text().label(\"Body\").required(\"Required\")\n }));\n });\n this.textTemplateRemoved = false;\n } else {\n content.templates.remove(\"text\");\n this.textTemplateRemoved = true;\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"features/formModel/demo/FormModelDemoPresenter.js","sources":["../../../../src/features/formModel/demo/FormModelDemoPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport type { IFormModel, IFormModelFactory, IFormVM } from \"../abstractions.js\";\n\nexport interface FormModelDemoVM {\n form: IFormVM;\n data: Record<string, unknown>;\n lastSubmitted: Record<string, unknown> \| null;\n isSubmitting: boolean;\n runtimeTemplateAdded: boolean;\n textTemplateRemoved: boolean;\n}\n\nconst RUNTIME_TEMPLATE_ID = \"runtimeBanner\";\n\nexport class FormModelDemoPresenter {\n private form: IFormModel;\n private lastSubmitted: Record<string, unknown> \| null = null;\n private isSubmitting = false;\n private runtimeTemplateAdded = false;\n private textTemplateRemoved = false;\n\n constructor(formFactory: IFormModelFactory) {\n this.form = formFactory.create({\n fields: fields => ({\n title: fields.text().label(\"Title\").required(\"Title is required\"),\n content: fields\n .object()\n .label(\"Content Block\")\n .required(\"Pick a template\")\n .template(\"hero\", t => {\n t.label(\"Hero Banner\").fields(f => ({\n heading: f.text().label(\"Heading\").required(\"Required\"),\n subheading: f.text().label(\"Subheading\"),\n image: f.text().label(\"Image URL\"),\n cta: f.text().label(\"Call To Action\")\n }));\n })\n .template(\"text\", t => {\n t.label(\"Rich Text\").fields(f => ({\n body: f.text().label(\"Body\").required(\"Required\")\n }));\n })\n .template(\"premium\", t => {\n t.label(\"Premium Widget\")\n .visible(form => form.field(\"plan\").getValue() === \"enterprise\")\n .fields(f => ({\n config: f.text().label(\"Widget Config\")\n }));\n }),\n sections: fields\n .object()\n .label(\"Page Sections\")\n .list()\n .template(\"hero\", t => {\n t.label(\"Hero Banner\").fields(f => ({\n heading: f.text().label(\"Heading\").required(\"Required\"),\n subheading: f.text().label(\"Subheading\"),\n image: f.text().label(\"Image URL\")\n }));\n })\n .template(\"text\", t => {\n t.label(\"Rich Text\").fields(f => ({\n body: f.text().label(\"Body\").required(\"Required\")\n }));\n })\n .template(\"cta\", t => {\n t.label(\"Call To Action\").fields(f => ({\n label: f.text().label(\"Button Label\").required(\"Required\"),\n url: f.text().label(\"Link URL\")\n }));\n }),\n plan: fields\n .text()\n .label(\"Plan\")\n .defaultValue(\"free\")\n .options([\n { label: \"Free\", value: \"free\" },\n { label: \"Pro\", value: \"pro\" },\n { label: \"Enterprise\", value: \"enterprise\" }\n ])\n }),\n layout: layout => [\n layout.row(\"title\"),\n layout.row(\"plan\"),\n layout.object(\"content\", {\n hero: l => [l.row(\"heading\", \"subheading\"), l.row(\"image\"), l.row(\"cta\")],\n text: l => [l.row(\"body\")]\n }),\n layout.object(\"sections\", {\n hero: l => [l.row(\"heading\", \"subheading\"), l.row(\"image\")],\n cta: l => [l.row(\"label\", \"url\")]\n })\n ]\n });\n\n makeAutoObservable(this);\n }\n\n get vm(): FormModelDemoVM {\n return {\n form: this.form.vm,\n data: toJS(this.form.getData()),\n lastSubmitted: this.lastSubmitted,\n isSubmitting: this.isSubmitting,\n runtimeTemplateAdded: this.runtimeTemplateAdded,\n textTemplateRemoved: this.textTemplateRemoved\n };\n }\n\n async submit(): Promise<void> {\n this.isSubmitting = true;\n try {\n const result = await this.form.submit<Record<string, unknown>>();\n if (result !== false) {\n this.lastSubmitted = toJS(result);\n }\n } finally {\n this.isSubmitting = false;\n }\n }\n\n reset(): void {\n this.form.reset();\n this.lastSubmitted = null;\n }\n\n toggleRuntimeTemplate(): void {\n const sections = this.form.field(\"sections\").as(\"object\");\n if (this.runtimeTemplateAdded) {\n sections.templates.remove(RUNTIME_TEMPLATE_ID);\n this.runtimeTemplateAdded = false;\n } else {\n sections.templates.add(RUNTIME_TEMPLATE_ID, t => {\n t.label(\"Runtime Banner\").fields(f => ({\n headline: f.text().label(\"Headline\").required(\"Required\"),\n note: f.text().label(\"Note\")\n }));\n });\n this.runtimeTemplateAdded = true;\n }\n }\n\n toggleTextTemplate(): void {\n const content = this.form.field(\"content\").as(\"object\");\n if (this.textTemplateRemoved) {\n content.templates.add(\"text\", t => {\n t.label(\"Rich Text\").fields(f => ({\n body: f.text().label(\"Body\").required(\"Required\")\n }));\n });\n this.textTemplateRemoved = false;\n } else {\n content.templates.remove(\"text\");\n this.textTemplateRemoved = true;\n }\n }\n}\n"],"names":["RUNTIME_TEMPLATE_ID","FormModelDemoPresenter","formFactory","fields","t","f","form","layout","l","makeAutoObservable","toJS","result","sections","content"],"mappings":"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"}

package/features/formModel/demo/FormModelPhase11Presenter.js CHANGED Viewed

@@ -1,104 +1,107 @@
 import { makeAutoObservable, toJS } from "mobx";
 import { z } from "zod";
-/**
- * Demo presenter exercising Phase 11 features: requiredWhen (builder + modifier
- * chaining), computed/computedUntilDirty, .extend() on object fields, form-level
- * addRule (Zod + imperative), and setLayout.
- */
-export class FormModelPhase11Presenter {
-  lastSubmitted = null;
-  isSubmitting = false;
-  constructor(formFactory) {
-    this.form = formFactory.create({
-      fields: fields => ({
-        first: fields.text().label("First name").defaultValue("Ada"),
-        last: fields.text().label("Last name").defaultValue("Lovelace"),
-        fullName: fields.text().label("Full name (computed)").computed(f => `${f.field("first").getValue()} ${f.field("last").getValue()}`),
-        slug: fields.text().label("Slug (computed until you edit it)").computedUntilDirty(f => {
-          const full = `${f.field("first").getValue()} ${f.field("last").getValue()}`;
-          return full.trim().toLowerCase().replace(/\s+/g, "-");
-        }),
-        plan: fields.text().label("Plan").defaultValue("free").options([{
-          label: "Free",
-          value: "free"
-        }, {
-          label: "Pro",
-          value: "pro"
-        }, {
-          label: "Enterprise",
-          value: "enterprise"
-        }]),
-        seats: fields.text().label("Number of seats").help("Required when plan is pro or enterprise").requiredWhen(f => f.field("plan").getValue() === "pro", "Pro plan needs a seat count"),
-        profile: fields.object().label("Profile").fields(f => ({
-          title: f.text().label("Title")
-        })),
-        password: fields.text().label("Password"),
-        confirm: fields.text().label("Confirm password")
-      })
-    });
-    // Modifier-style: add children to the existing "profile" object field.
-    this.form.field("profile").as("object").fields(f => ({
-      company: f.text().label("Company"),
-      bio: f.text().label("Short bio")
-    }));
-    // Modifier-style requiredWhen: chains with the builder-defined one above.
-    // First truthy callback wins.
-    this.form.field("seats").addRequiredWhen(f => f.field("plan").getValue() === "enterprise", "Enterprise plan needs a seat count too");
-    // Form-level Zod rule: confirm must match password.
-    this.form.addRule(z.object({
-      password: z.string().nullable(),
-      confirm: z.string().nullable()
-    }).refine(d => d.password === d.confirm || !d.password && !d.confirm, {
-      message: "Passwords must match",
-      path: ["confirm"]
-    }));
-    // Imperative form-level rule.
-    this.form.addRule(f => {
-      const slug = String(f.field("slug").getValue() ?? "");
-      if (slug.length > 0 && slug.length < 3) {
-        return [{
-          path: "slug",
-          message: "Slug must be at least 3 characters"
-        }];
-      }
-      return [];
-    });
-    // setLayout — full replacement.
-    this.form.setLayout(layout => [layout.row("first", "last"), layout.row("fullName"), layout.row("slug"), layout.separator(), layout.row("plan", "seats"), layout.separator(), layout.object("profile", l => [l.row("title"), l.row("company"), l.row("bio")]), layout.separator(), layout.row("password", "confirm")]);
-    makeAutoObservable(this);
-  }
-  get vm() {
-    return {
-      form: this.form.vm,
-      data: toJS(this.form.getData()),
-      lastSubmitted: this.lastSubmitted,
-      isSubmitting: this.isSubmitting,
-      formErrors: this.form.errors.map(e => ({
-        path: e.path,
-        message: e.message
-      }))
-    };
-  }
-  async submit() {
-    this.isSubmitting = true;
-    try {
-      const result = await this.form.submit();
-      if (result !== false) {
-        this.lastSubmitted = toJS(result);
-      }
-    } finally {
-      this.isSubmitting = false;
+class FormModelPhase11Presenter {
+    constructor(formFactory){
+        this.lastSubmitted = null;
+        this.isSubmitting = false;
+        this.form = formFactory.create({
+            fields: (fields)=>({
+                    first: fields.text().label("First name").defaultValue("Ada"),
+                    last: fields.text().label("Last name").defaultValue("Lovelace"),
+                    fullName: fields.text().label("Full name (computed)").computed(({ form })=>`${form.field("first").getValue()} ${form.field("last").getValue()}`),
+                    slug: fields.text().label("Slug (computed until you edit it)").computedUntilDirty(({ form })=>{
+                        const full = `${form.field("first").getValue()} ${form.field("last").getValue()}`;
+                        return full.trim().toLowerCase().replace(/\s+/g, "-");
+                    }),
+                    plan: fields.text().label("Plan").defaultValue("free").options([
+                        {
+                            label: "Free",
+                            value: "free"
+                        },
+                        {
+                            label: "Pro",
+                            value: "pro"
+                        },
+                        {
+                            label: "Enterprise",
+                            value: "enterprise"
+                        }
+                    ]),
+                    seats: fields.text().label("Number of seats").help("Required when plan is pro or enterprise").requiredWhen(({ form })=>"pro" === form.field("plan").getValue(), "Pro plan needs a seat count"),
+                    profile: fields.object().label("Profile").fields((f)=>({
+                            title: f.text().label("Title")
+                        })),
+                    password: fields.text().label("Password"),
+                    confirm: fields.text().label("Confirm password")
+                })
+        });
+        this.form.field("profile").as("object").fields((f)=>({
+                company: f.text().label("Company"),
+                bio: f.text().label("Short bio")
+            }));
+        this.form.field("seats").addRequiredWhen(({ form })=>"enterprise" === form.field("plan").getValue(), "Enterprise plan needs a seat count too");
+        this.form.addRule(z.object({
+            password: z.string().nullable(),
+            confirm: z.string().nullable()
+        }).refine((d)=>d.password === d.confirm || !d.password && !d.confirm, {
+            message: "Passwords must match",
+            path: [
+                "confirm"
+            ]
+        }));
+        this.form.addRule((f)=>{
+            const slug = String(f.field("slug").getValue() ?? "");
+            if (slug.length > 0 && slug.length < 3) return [
+                {
+                    path: "slug",
+                    message: "Slug must be at least 3 characters"
+                }
+            ];
+            return [];
+        });
+        this.form.setLayout((layout)=>[
+                layout.row("first", "last"),
+                layout.row("fullName"),
+                layout.row("slug"),
+                layout.separator(),
+                layout.row("plan", "seats"),
+                layout.separator(),
+                layout.object("profile", (l)=>[
+                        l.row("title"),
+                        l.row("company"),
+                        l.row("bio")
+                    ]),
+                layout.separator(),
+                layout.row("password", "confirm")
+            ]);
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            form: this.form.vm,
+            data: toJS(this.form.getData()),
+            lastSubmitted: this.lastSubmitted,
+            isSubmitting: this.isSubmitting,
+            formErrors: this.form.errors.map((e)=>({
+                    path: e.path,
+                    message: e.message
+                }))
+        };
+    }
+    async submit() {
+        this.isSubmitting = true;
+        try {
+            const result = await this.form.submit();
+            if (false !== result) this.lastSubmitted = toJS(result);
+        } finally{
+            this.isSubmitting = false;
+        }
+    }
+    reset() {
+        this.form.reset();
+        this.lastSubmitted = null;
     }
-  }
-  reset() {
-    this.form.reset();
-    this.lastSubmitted = null;
-  }
 }
+export { FormModelPhase11Presenter };
 //# sourceMappingURL=FormModelPhase11Presenter.js.map

package/features/formModel/demo/FormModelPhase11Presenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["makeAutoObservable","toJS","z","FormModelPhase11Presenter","lastSubmitted","isSubmitting","constructor","formFactory","form","create","fields","first","text","label","defaultValue","last","fullName","computed","f","field","getValue","slug","computedUntilDirty","full","trim","toLowerCase","replace","plan","options","value","seats","help","requiredWhen","profile","object","title","password","confirm","as","company","bio","addRequiredWhen","addRule","string","nullable","refine","d","message","path","String","length","setLayout","layout","row","separator","l","vm","data","getData","formErrors","errors","map","e","submit","result","reset"],"sources":["FormModelPhase11Presenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport { z } from \"zod\";\nimport type { IFormModel, IFormModelFactory, IFormVM } from \"../abstractions.js\";\n\nexport interface FormModelPhase11VM {\n form: IFormVM;\n data: Record<string, unknown>;\n lastSubmitted: Record<string, unknown> \| null;\n isSubmitting: boolean;\n formErrors: { path: string; message: string }[];\n}\n\n/*\n Demo presenter exercising Phase 11 features: requiredWhen (builder + modifier\n * chaining), computed/computedUntilDirty, .extend() on object fields, form-level\n * addRule (Zod + imperative), and setLayout.\n */\nexport class FormModelPhase11Presenter {\n private form: IFormModel;\n private lastSubmitted: Record<string, unknown> \| null = null;\n private isSubmitting = false;\n\n constructor(formFactory: IFormModelFactory) {\n this.form = formFactory.create({\n fields: fields => ({\n first: fields.text().label(\"First name\").defaultValue(\"Ada\"),\n last: fields.text().label(\"Last name\").defaultValue(\"Lovelace\"),\n fullName: fields\n .text()\n .label(\"Full name (computed)\")\n .computed(f => `${f.field(\"first\").getValue()} ${f.field(\"last\").getValue()}`),\n slug: fields\n .text()\n .label(\"Slug (computed until you edit it)\")\n .computedUntilDirty(f => {\n const full = `${f.field(\"first\").getValue()} ${f.field(\"last\").getValue()}`;\n return full.trim().toLowerCase().replace(/\\s+/g, \"-\");\n }),\n plan: fields\n .text()\n .label(\"Plan\")\n .defaultValue(\"free\")\n .options([\n { label: \"Free\", value: \"free\" },\n { label: \"Pro\", value: \"pro\" },\n { label: \"Enterprise\", value: \"enterprise\" }\n ]),\n seats: fields\n .text()\n .label(\"Number of seats\")\n .help(\"Required when plan is pro or enterprise\")\n .requiredWhen(\n f => f.field(\"plan\").getValue() === \"pro\",\n \"Pro plan needs a seat count\"\n ),\n profile: fields\n .object()\n .label(\"Profile\")\n .fields(f => ({\n title: f.text().label(\"Title\")\n })),\n password: fields.text().label(\"Password\"),\n confirm: fields.text().label(\"Confirm password\")\n })\n });\n\n // Modifier-style: add children to the existing \"profile\" object field.\n this.form\n .field(\"profile\")\n .as(\"object\")\n .fields(f => ({\n company: f.text().label(\"Company\"),\n bio: f.text().label(\"Short bio\")\n }));\n\n // Modifier-style requiredWhen: chains with the builder-defined one above.\n // First truthy callback wins.\n this.form\n .field(\"seats\")\n .addRequiredWhen(\n f => f.field(\"plan\").getValue() === \"enterprise\",\n \"Enterprise plan needs a seat count too\"\n );\n\n // Form-level Zod rule: confirm must match password.\n this.form.addRule(\n z\n .object({\n password: z.string().nullable(),\n confirm: z.string().nullable()\n })\n .refine(d => d.password === d.confirm \|\| (!d.password && !d.confirm), {\n message: \"Passwords must match\",\n path: [\"confirm\"]\n })\n );\n\n // Imperative form-level rule.\n this.form.addRule(f => {\n const slug = String(f.field(\"slug\").getValue() ?? \"\");\n if (slug.length > 0 && slug.length < 3) {\n return [{ path: \"slug\", message: \"Slug must be at least 3 characters\" }];\n }\n return [];\n });\n\n // setLayout — full replacement.\n this.form.setLayout(layout => [\n layout.row(\"first\", \"last\"),\n layout.row(\"fullName\"),\n layout.row(\"slug\"),\n layout.separator(),\n layout.row(\"plan\", \"seats\"),\n layout.separator(),\n layout.object(\"profile\", l => [l.row(\"title\"), l.row(\"company\"), l.row(\"bio\")]),\n layout.separator(),\n layout.row(\"password\", \"confirm\")\n ]);\n\n makeAutoObservable(this);\n }\n\n get vm(): FormModelPhase11VM {\n return {\n form: this.form.vm,\n data: toJS(this.form.getData()),\n lastSubmitted: this.lastSubmitted,\n isSubmitting: this.isSubmitting,\n formErrors: this.form.errors.map(e => ({\n path: e.path,\n message: e.message\n }))\n };\n }\n\n async submit(): Promise<void> {\n this.isSubmitting = true;\n try {\n const result = await this.form.submit<Record<string, unknown>>();\n if (result !== false) {\n this.lastSubmitted = toJS(result);\n }\n } finally {\n this.isSubmitting = false;\n }\n }\n\n reset(): void {\n this.form.reset();\n this.lastSubmitted = null;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"features/formModel/demo/FormModelPhase11Presenter.js","sources":["../../../../src/features/formModel/demo/FormModelPhase11Presenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport { z } from \"zod\";\nimport type { IFormModel, IFormModelFactory, IFormVM } from \"../abstractions.js\";\n\nexport interface FormModelPhase11VM {\n form: IFormVM;\n data: Record<string, unknown>;\n lastSubmitted: Record<string, unknown> \| null;\n isSubmitting: boolean;\n formErrors: { path: string; message: string }[];\n}\n\n/*\n Demo presenter exercising Phase 11 features: requiredWhen (builder + modifier\n * chaining), computed/computedUntilDirty, .extend() on object fields, form-level\n * addRule (Zod + imperative), and setLayout.\n */\nexport class FormModelPhase11Presenter {\n private form: IFormModel;\n private lastSubmitted: Record<string, unknown> \| null = null;\n private isSubmitting = false;\n\n constructor(formFactory: IFormModelFactory) {\n this.form = formFactory.create({\n fields: fields => ({\n first: fields.text().label(\"First name\").defaultValue(\"Ada\"),\n last: fields.text().label(\"Last name\").defaultValue(\"Lovelace\"),\n fullName: fields\n .text()\n .label(\"Full name (computed)\")\n .computed(\n ({ form }) =>\n `${form.field(\"first\").getValue()} ${form.field(\"last\").getValue()}`\n ),\n slug: fields\n .text()\n .label(\"Slug (computed until you edit it)\")\n .computedUntilDirty(({ form }) => {\n const full = `${form.field(\"first\").getValue()} ${form.field(\"last\").getValue()}`;\n return full.trim().toLowerCase().replace(/\\s+/g, \"-\");\n }),\n plan: fields\n .text()\n .label(\"Plan\")\n .defaultValue(\"free\")\n .options([\n { label: \"Free\", value: \"free\" },\n { label: \"Pro\", value: \"pro\" },\n { label: \"Enterprise\", value: \"enterprise\" }\n ]),\n seats: fields\n .text()\n .label(\"Number of seats\")\n .help(\"Required when plan is pro or enterprise\")\n .requiredWhen(\n ({ form }) => form.field(\"plan\").getValue() === \"pro\",\n \"Pro plan needs a seat count\"\n ),\n profile: fields\n .object()\n .label(\"Profile\")\n .fields(f => ({\n title: f.text().label(\"Title\")\n })),\n password: fields.text().label(\"Password\"),\n confirm: fields.text().label(\"Confirm password\")\n })\n });\n\n // Modifier-style: add children to the existing \"profile\" object field.\n this.form\n .field(\"profile\")\n .as(\"object\")\n .fields(f => ({\n company: f.text().label(\"Company\"),\n bio: f.text().label(\"Short bio\")\n }));\n\n // Modifier-style requiredWhen: chains with the builder-defined one above.\n // First truthy callback wins.\n this.form\n .field(\"seats\")\n .addRequiredWhen(\n ({ form }) => form.field(\"plan\").getValue() === \"enterprise\",\n \"Enterprise plan needs a seat count too\"\n );\n\n // Form-level Zod rule: confirm must match password.\n this.form.addRule(\n z\n .object({\n password: z.string().nullable(),\n confirm: z.string().nullable()\n })\n .refine(d => d.password === d.confirm \|\| (!d.password && !d.confirm), {\n message: \"Passwords must match\",\n path: [\"confirm\"]\n })\n );\n\n // Imperative form-level rule.\n this.form.addRule(f => {\n const slug = String(f.field(\"slug\").getValue() ?? \"\");\n if (slug.length > 0 && slug.length < 3) {\n return [{ path: \"slug\", message: \"Slug must be at least 3 characters\" }];\n }\n return [];\n });\n\n // setLayout — full replacement.\n this.form.setLayout(layout => [\n layout.row(\"first\", \"last\"),\n layout.row(\"fullName\"),\n layout.row(\"slug\"),\n layout.separator(),\n layout.row(\"plan\", \"seats\"),\n layout.separator(),\n layout.object(\"profile\", l => [l.row(\"title\"), l.row(\"company\"), l.row(\"bio\")]),\n layout.separator(),\n layout.row(\"password\", \"confirm\")\n ]);\n\n makeAutoObservable(this);\n }\n\n get vm(): FormModelPhase11VM {\n return {\n form: this.form.vm,\n data: toJS(this.form.getData()),\n lastSubmitted: this.lastSubmitted,\n isSubmitting: this.isSubmitting,\n formErrors: this.form.errors.map(e => ({\n path: e.path,\n message: e.message\n }))\n };\n }\n\n async submit(): Promise<void> {\n this.isSubmitting = true;\n try {\n const result = await this.form.submit<Record<string, unknown>>();\n if (result !== false) {\n this.lastSubmitted = toJS(result);\n }\n } finally {\n this.isSubmitting = false;\n }\n }\n\n reset(): void {\n this.form.reset();\n this.lastSubmitted = null;\n }\n}\n"],"names":["FormModelPhase11Presenter","formFactory","fields","form","full","f","z","d","slug","String","layout","l","makeAutoObservable","toJS","e","result"],"mappings":"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"}