@webiny/app-admin 6.3.0 → 6.4.0-beta.0

package/features/formModel/demo/FieldRenderersDemoPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","toJS","FieldRenderersDemoPresenter","lastSubmitted","isSubmitting","constructor","formFactory","form","create","fields","textInput","text","label","placeholder","required","description","help","note","textInputs","list","renderer","addItemLabel","tags","defaultValue","textarea","rows","textareas","numberInput","number","numberInputs","numberOptions","options","value","boolSwitch","boolean","dropdown","radioButtons","checkboxes","dateOnly","datetime","timeOnly","dateTime","withoutTimezone","dateTimeTz","withTimezone","monthOnly","weekOnly","startsOn","yearOnly","range","dateRange","multipleDates","multipleMonths","multipleYears","dateTimeList","hiddenField","hidden","metaTags","object","f","name","content","enableFeature","featureName","rules","type","target","operator","action","featureMode","advancedConfig","contentBlock","template","t","icon","heading","image","body","sections","container","subheading","uuid","Date","now","cloneValue","url","fileImage","file","fileUrl","layout","tabs","tab","l","row","separator","hero","inner","cta","vm","data","getData","formErrors","errors","focusField","path","submit","result","reset"],"sources":["FieldRenderersDemoPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport type { IFormModel, IFormModelFactory, IFormVM, IFormError } from \"../abstractions.js\";\n\nexport interface FieldRenderersDemoVM {\n    form: IFormVM;\n    data: Record<string, unknown>;\n    lastSubmitted: Record<string, unknown> | null;\n    isSubmitting: boolean;\n    formErrors: IFormError[];\n}\n\nexport class FieldRenderersDemoPresenter {\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                // --- Text ---\n                textInput: fields\n                    .text()\n                    .label(\"Text Input\")\n                    .placeholder(\"Type here...\")\n                    .required(\"Text input is required\")\n                    .description(\"Standard text input\")\n                    .help(\"Enter any text value\")\n                    .note(\"Max 255 characters\"),\n                textInputs: fields\n                    .text()\n                    .list()\n                    .label(\"Text Inputs\")\n                    .renderer(\"textInputs\", { addItemLabel: \"Add text\" })\n                    .description(\"Add multiple text values\")\n                    .help(\"Each value is stored separately\")\n                    .note(\"Press Enter to add quickly\"),\n                tags: fields\n                    .text()\n                    .list()\n                    .label(\"Tags\")\n                    .renderer(\"tags\")\n                    .placeholder(\"Add values\")\n                    .defaultValue([])\n                    .description(\"Comma-separated tags\")\n                    .help(\"Type and press Enter to add a tag\")\n                    .note(\"Duplicates are ignored\"),\n                textarea: fields\n                    .text()\n                    .label(\"Textarea\")\n                    .renderer(\"textarea\", { rows: 4 })\n                    .description(\"Multi-line text area\")\n                    .help(\"Supports plain text only\")\n                    .note(\"Resizable vertically\"),\n                textareas: fields\n                    .text()\n                    .list()\n                    .label(\"Descriptions\")\n                    .renderer(\"textareas\", { addItemLabel: \"Add description\" })\n                    .description(\"Multiple long text values\")\n                    .help(\"Each textarea is independent\")\n                    .note(\"Click add to append a new block\"),\n\n                // --- Number ---\n                numberInput: fields\n                    .number()\n                    .label(\"Number\")\n                    .placeholder(\"0\")\n                    .required(\"Number is required\")\n                    .description(\"Single numeric value\")\n                    .help(\"Accepts integers and decimals\")\n                    .note(\"Use dot as decimal separator\"),\n                numberInputs: fields\n                    .number()\n                    .list()\n                    .label(\"Number Inputs\")\n                    .renderer(\"numberInputs\", { addItemLabel: \"Add number\" })\n                    .description(\"Multiple numeric values\")\n                    .help(\"Each input accepts a number\")\n                    .note(\"Empty values are stored as empty strings\"),\n                numberOptions: fields\n                    .number()\n                    .list()\n                    .label(\"Number Options\")\n                    .options([\n                        { label: \"Tier 1\", value: 100 },\n                        { label: \"Tier 2\", value: 200 }\n                    ])\n                    .description(\"Multiple numeric values\")\n                    .help(\"Each input accepts a number\")\n                    .note(\"Empty values are stored as empty strings\"),\n\n                // --- Boolean ---\n                boolSwitch: fields\n                    .boolean()\n                    .label(\"Boolean Switch\")\n                    .description(\"Toggle on/off\")\n                    .help(\"Click to toggle state\")\n                    .note(\"Default is unchecked\"),\n\n                // --- Predefined Values ---\n                dropdown: fields\n                    .text()\n                    .label(\"Dropdown\")\n                    .placeholder(\"Pick one\")\n                    .required(\"Dropdown selection is required\")\n                    .description(\"Single-select dropdown\")\n                    .help(\"Choose exactly one option\")\n                    .note(\"Required for form submission\")\n                    .options([\n                        { label: \"Option A\", value: \"a\" },\n                        { label: \"Option B\", value: \"b\" },\n                        { label: \"Option C\", value: \"c\" }\n                    ]),\n                radioButtons: fields\n                    .text()\n                    .label(\"Radio Buttons\")\n                    .options([\n                        { label: \"Small\", value: \"sm\" },\n                        { label: \"Medium\", value: \"md\" },\n                        { label: \"Large\", value: \"lg\" }\n                    ])\n                    .renderer(\"radioButtons\")\n                    .description(\"Pick a size variant\")\n                    .help(\"Only one option can be selected\")\n                    .note(\"Selection is mutually exclusive\"),\n                checkboxes: fields\n                    .text()\n                    .list()\n                    .label(\"Checkboxes\")\n                    .options([\n                        { label: \"Read\", value: \"read\" },\n                        { label: \"Write\", value: \"write\" },\n                        { label: \"Admin\", value: \"admin\" }\n                    ])\n                    .renderer(\"checkboxes\")\n                    .description(\"Multi-select permissions\")\n                    .help(\"Check all that apply\")\n                    .note(\"At least one is recommended\"),\n\n                // --- Date/Time ---\n                dateOnly: fields\n                    .datetime()\n                    .required()\n                    .dateOnly()\n                    .label(\"Date Only\")\n                    .description(\"Pick a calendar date\")\n                    .note(\"Value: YYYY-MM-DD\"),\n                timeOnly: fields\n                    .datetime()\n                    .required()\n                    .timeOnly()\n                    .label(\"Time Only\")\n                    .description(\"Time without a date\")\n                    .note(\"24-hour format\"),\n                dateTime: fields\n                    .datetime()\n                    .required()\n                    .withoutTimezone()\n                    .label(\"Date & Time\")\n                    .description(\"Date with time of day\")\n                    .note(\"Seconds default to :00\"),\n                dateTimeTz: fields\n                    .datetime()\n                    .required()\n                    .withTimezone()\n                    .label(\"Date Time + Timezone\")\n                    .description(\"Full date, time, and timezone\")\n                    .note(\"Timezone defaults to your local zone\"),\n                monthOnly: fields\n                    .datetime()\n                    .required()\n                    .monthOnly()\n                    .label(\"Month\")\n                    .description(\"Pick a month and year\")\n                    .note(\"Value: YYYY-MM\"),\n                weekOnly: fields\n                    .datetime()\n                    .required()\n                    .weekOnly({ startsOn: 1 })\n                    .label(\"Week\")\n                    .description(\"Pick an ISO week\")\n                    .note(\"Value: YYYY-Www\"),\n                yearOnly: fields\n                    .datetime()\n                    .required()\n                    .yearOnly({ range: [2020, 2035] })\n                    .label(\"Year\")\n                    .description(\"Pick a year\")\n                    .note(\"Value: number\"),\n                dateRange: fields\n                    .datetime()\n                    .required()\n                    .dateRange()\n                    .label(\"Date Range\")\n                    .description(\"Pick a start and end date\")\n                    .note(\"Value: { from, to }\"),\n                multipleDates: fields\n                    .datetime()\n                    .required()\n                    .multipleDates()\n                    .label(\"Multiple Dates\")\n                    .description(\"Select multiple dates\")\n                    .note(\"Value: string[]\"),\n                multipleMonths: fields\n                    .datetime()\n                    .required()\n                    .multipleMonths()\n                    .label(\"Multiple Months\")\n                    .description(\"Select multiple months\")\n                    .note(\"Value: string[]\"),\n                multipleYears: fields\n                    .datetime()\n                    .required()\n                    .multipleYears({ range: [2020, 2035] })\n                    .label(\"Multiple Years\")\n                    .description(\"Select multiple years\")\n                    .note(\"Value: number[]\"),\n                dateTimeList: fields\n                    .datetime()\n                    .required()\n                    .withTimezone()\n                    .list()\n                    .label(\"Dates with TZ (multi)\")\n                    .description(\"Multiple date entries\")\n                    .note(\"Each date is independent\"),\n\n                // --- Hidden ---\n                hiddenField: fields\n                    .text()\n                    .hidden()\n                    .defaultValue(\"secret-value\")\n                    .description(\"Not visible in the UI\")\n                    .help(\"Carried in form data silently\")\n                    .note(\"Value is preset\"),\n\n                // --- Key-Value Tags ---\n                metaTags: fields\n                    .object()\n                    .list()\n                    .label(\"Meta Tags\")\n                    .description(\"Add SEO tags\")\n                    .renderer(\"keyValueTags\", { addItemLabel: \"Add tag\" })\n                    .fields(f => ({\n                        name: f.text().placeholder(\"Name\"),\n                        content: f.text().placeholder(\"Content\")\n                    })),\n\n                // --- Conditional Visibility / Disabled ---\n                enableFeature: fields\n                    .boolean()\n                    .label(\"Enable Feature\")\n                    .description(\"Toggle this to show or hide the feature fields below\"),\n                featureName: fields\n                    .text()\n                    .label(\"Feature Name\")\n                    .placeholder(\"Name your feature...\")\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        }\n                    ]),\n                featureMode: fields\n                    .text()\n                    .label(\"Feature Mode\")\n                    .options([\n                        { label: \"Simple\", value: \"simple\" },\n                        { label: \"Advanced\", value: \"advanced\" }\n                    ])\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        }\n                    ]),\n                advancedConfig: fields\n                    .text()\n                    .label(\"Advanced Config\")\n                    .placeholder(\"JSON config...\")\n                    .renderer(\"textarea\", { rows: 3 })\n                    .description(\"Only editable in advanced mode\")\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        },\n                        {\n                            type: \"condition\",\n                            target: \"featureMode\",\n                            operator: \"neq\",\n                            value: \"advanced\",\n                            action: \"disable\"\n                        }\n                    ]),\n\n                // --- Dynamic Zone (single template) ---\n                contentBlock: fields\n                    .object()\n                    .label(\"Content Block\")\n                    .template(\"hero\", t => {\n                        t.label(\"Hero Banner\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                heading: f.text().label(\"Heading\").required(\"Required\"),\n                                image: f.text().label(\"Image URL\")\n                            }));\n                    })\n                    .template(\"text\", t => {\n                        t.label(\"Rich Text\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                body: f.text().label(\"Body\").renderer(\"textarea\")\n                            }));\n                    }),\n\n                // --- Dynamic Zone (multi-value template list) ---\n                sections: fields\n                    .object()\n                    .list()\n                    .label(\"Page Sections\")\n                    .renderer(\"dynamicZone\", { container: false })\n                    .template(\"hero\", t => {\n                        t.label(\"Hero Banner\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                heading: f.text().label(\"Heading\"),\n                                subheading: f.text().label(\"Subheading\"),\n                                uuid: f\n                                    .text()\n                                    .label(\"UUID\")\n                                    .defaultValue(() => Date.now())\n                                    .cloneValue(value => `${value}/${Date.now()}`)\n                            }));\n                    })\n                    .template(\"cta\", t => {\n                        t.label(\"Call To Action\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                label: f.text().label(\"Button Label\"),\n                                url: f.text().label(\"URL\")\n                            }));\n                    }),\n\n                // --- Files ---\n                fileImage: fields\n                    .file()\n                    .label(\"Image (full metadata)\")\n                    .description(\"Stores the full file object (id, name, size, src, etc.)\"),\n                fileUrl: fields\n                    .fileUrl()\n                    .label(\"Image URL\")\n                    .description(\"Stores only the file URL as a string\")\n            }),\n            layout: layout => [\n                layout\n                    .tabs(\"mainTabs\")\n                    .tab(\"text\", tab => {\n                        tab.label(\"Text\").layout(l => [\n                            l.row(\"textInput\"),\n                            l.row(\"textInputs\"),\n                            l.row(\"tags\"),\n                            l.row(\"textarea\"),\n                            l.row(\"textareas\"),\n                            l.row(\"metaTags\")\n                        ]);\n                    })\n                    .tab(\"numbers\", tab => {\n                        tab.label(\"Numbers & Boolean\").layout(l => [\n                            l.row(\"numberInput\"),\n                            l.row(\"numberInputs\"),\n                            l.row(\"numberOptions\"),\n                            l.separator(),\n                            l.row(\"boolSwitch\")\n                        ]);\n                    })\n                    .tab(\"selects\", tab => {\n                        tab.label(\"Selects\").layout(l => [\n                            l.row(\"dropdown\", \"radioButtons\"),\n                            l.row(\"checkboxes\")\n                        ]);\n                    })\n                    .tab(\"datetime\", tab => {\n                        tab.label(\"Date / Time\").layout(l => [\n                            l.row(\"dateOnly\", \"timeOnly\"),\n                            l.row(\"dateTime\"),\n                            l.row(\"dateTimeTz\"),\n                            l.separator(),\n                            l.row(\"monthOnly\", \"weekOnly\"),\n                            l.row(\"yearOnly\"),\n                            l.separator(),\n                            l.row(\"dateRange\"),\n                            l.row(\"multipleDates\"),\n                            l.row(\"multipleMonths\", \"multipleYears\"),\n                            l.separator(),\n                            l.row(\"dateTimeList\")\n                        ]);\n                    })\n                    .tab(\"rules\", tab => {\n                        tab.label(\"Rules\").layout(l => [\n                            l.row(\"enableFeature\"),\n                            l.row(\"featureName\", \"featureMode\"),\n                            l.row(\"advancedConfig\")\n                        ]);\n                    })\n                    .tab(\"dynamic\", tab => {\n                        tab.label(\"Dynamic Zones\").layout(l => [\n                            l.object(\"contentBlock\", {\n                                hero: inner => [inner.row(\"heading\"), inner.row(\"image\")],\n                                text: inner => [inner.row(\"body\")]\n                            }),\n                            l.object(\"sections\", {\n                                hero: inner => [\n                                    inner.row(\"heading\", \"subheading\"),\n                                    inner.row(\"uuid\")\n                                ],\n                                cta: inner => [inner.row(\"label\", \"url\")]\n                            })\n                        ]);\n                    })\n                    .tab(\"files\", tab => {\n                        tab.label(\"Files\").layout(l => [l.row(\"fileImage\", \"fileUrl\")]);\n                    })\n            ]\n        });\n\n        makeAutoObservable(this);\n    }\n\n    get vm(): FieldRenderersDemoVM {\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\n        };\n    }\n\n    focusField(path: string): void {\n        this.form.focusField(path);\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":[]}
+{"version":3,"file":"features/formModel/demo/FieldRenderersDemoPresenter.js","sources":["../../../../src/features/formModel/demo/FieldRenderersDemoPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport type { IFormModel, IFormModelFactory, IFormVM, IFormError } from \"../abstractions.js\";\n\nexport interface FieldRenderersDemoVM {\n    form: IFormVM;\n    data: Record<string, unknown>;\n    lastSubmitted: Record<string, unknown> | null;\n    isSubmitting: boolean;\n    formErrors: IFormError[];\n}\n\nexport class FieldRenderersDemoPresenter {\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                // --- Text ---\n                textInput: fields\n                    .text()\n                    .label(\"Text Input\")\n                    .placeholder(\"Type here...\")\n                    .required(\"Text input is required\")\n                    .description(\"Standard text input\")\n                    .help(\"Enter any text value\")\n                    .note(\"Max 255 characters\"),\n                textInputs: fields\n                    .text()\n                    .list()\n                    .label(\"Text Inputs\")\n                    .renderer(\"textInputs\", { addItemLabel: \"Add text\" })\n                    .description(\"Add multiple text values\")\n                    .help(\"Each value is stored separately\")\n                    .note(\"Press Enter to add quickly\"),\n                tags: fields\n                    .text()\n                    .list()\n                    .label(\"Tags\")\n                    .renderer(\"tags\")\n                    .placeholder(\"Add values\")\n                    .defaultValue([])\n                    .description(\"Comma-separated tags\")\n                    .help(\"Type and press Enter to add a tag\")\n                    .note(\"Duplicates are ignored\"),\n                textarea: fields\n                    .text()\n                    .label(\"Textarea\")\n                    .renderer(\"textarea\", { rows: 4 })\n                    .description(\"Multi-line text area\")\n                    .help(\"Supports plain text only\")\n                    .note(\"Resizable vertically\"),\n                textareas: fields\n                    .text()\n                    .list()\n                    .label(\"Descriptions\")\n                    .renderer(\"textareas\", { addItemLabel: \"Add description\" })\n                    .description(\"Multiple long text values\")\n                    .help(\"Each textarea is independent\")\n                    .note(\"Click add to append a new block\"),\n\n                // --- Number ---\n                numberInput: fields\n                    .number()\n                    .label(\"Number\")\n                    .placeholder(\"0\")\n                    .required(\"Number is required\")\n                    .description(\"Single numeric value\")\n                    .help(\"Accepts integers and decimals\")\n                    .note(\"Use dot as decimal separator\"),\n                numberInputs: fields\n                    .number()\n                    .list()\n                    .label(\"Number Inputs\")\n                    .renderer(\"numberInputs\", { addItemLabel: \"Add number\" })\n                    .description(\"Multiple numeric values\")\n                    .help(\"Each input accepts a number\")\n                    .note(\"Empty values are stored as empty strings\"),\n                numberOptions: fields\n                    .number()\n                    .list()\n                    .label(\"Number Options\")\n                    .options([\n                        { label: \"Tier 1\", value: 100 },\n                        { label: \"Tier 2\", value: 200 }\n                    ])\n                    .description(\"Multiple numeric values\")\n                    .help(\"Each input accepts a number\")\n                    .note(\"Empty values are stored as empty strings\"),\n\n                // --- Boolean ---\n                boolSwitch: fields\n                    .boolean()\n                    .label(\"Boolean Switch\")\n                    .description(\"Toggle on/off\")\n                    .help(\"Click to toggle state\")\n                    .note(\"Default is unchecked\"),\n\n                // --- Predefined Values ---\n                dropdown: fields\n                    .text()\n                    .label(\"Dropdown\")\n                    .placeholder(\"Pick one\")\n                    .required(\"Dropdown selection is required\")\n                    .description(\"Single-select dropdown\")\n                    .help(\"Choose exactly one option\")\n                    .note(\"Required for form submission\")\n                    .options([\n                        { label: \"Option A\", value: \"a\" },\n                        { label: \"Option B\", value: \"b\" },\n                        { label: \"Option C\", value: \"c\" }\n                    ]),\n                radioButtons: fields\n                    .text()\n                    .label(\"Radio Buttons\")\n                    .options([\n                        { label: \"Small\", value: \"sm\" },\n                        { label: \"Medium\", value: \"md\" },\n                        { label: \"Large\", value: \"lg\" }\n                    ])\n                    .renderer(\"radioButtons\")\n                    .description(\"Pick a size variant\")\n                    .help(\"Only one option can be selected\")\n                    .note(\"Selection is mutually exclusive\"),\n                checkboxes: fields\n                    .text()\n                    .list()\n                    .label(\"Checkboxes\")\n                    .options([\n                        { label: \"Read\", value: \"read\" },\n                        { label: \"Write\", value: \"write\" },\n                        { label: \"Admin\", value: \"admin\" }\n                    ])\n                    .renderer(\"checkboxes\")\n                    .description(\"Multi-select permissions\")\n                    .help(\"Check all that apply\")\n                    .note(\"At least one is recommended\"),\n\n                // --- Date/Time ---\n                dateOnly: fields\n                    .datetime()\n                    .required()\n                    .dateOnly()\n                    .label(\"Date Only\")\n                    .description(\"Pick a calendar date\")\n                    .note(\"Value: YYYY-MM-DD\"),\n                timeOnly: fields\n                    .datetime()\n                    .required()\n                    .timeOnly()\n                    .label(\"Time Only\")\n                    .description(\"Time without a date\")\n                    .note(\"24-hour format\"),\n                dateTime: fields\n                    .datetime()\n                    .required()\n                    .withoutTimezone()\n                    .label(\"Date & Time\")\n                    .description(\"Date with time of day\")\n                    .note(\"Seconds default to :00\"),\n                dateTimeTz: fields\n                    .datetime()\n                    .required()\n                    .withTimezone()\n                    .label(\"Date Time + Timezone\")\n                    .description(\"Full date, time, and timezone\")\n                    .note(\"Timezone defaults to your local zone\"),\n                monthOnly: fields\n                    .datetime()\n                    .required()\n                    .monthOnly()\n                    .label(\"Month\")\n                    .description(\"Pick a month and year\")\n                    .note(\"Value: YYYY-MM\"),\n                weekOnly: fields\n                    .datetime()\n                    .required()\n                    .weekOnly({ startsOn: 1 })\n                    .label(\"Week\")\n                    .description(\"Pick an ISO week\")\n                    .note(\"Value: YYYY-Www\"),\n                yearOnly: fields\n                    .datetime()\n                    .required()\n                    .yearOnly({ range: [2020, 2035] })\n                    .label(\"Year\")\n                    .description(\"Pick a year\")\n                    .note(\"Value: number\"),\n                dateRange: fields\n                    .datetime()\n                    .required()\n                    .dateRange()\n                    .label(\"Date Range\")\n                    .description(\"Pick a start and end date\")\n                    .note(\"Value: { from, to }\"),\n                multipleDates: fields\n                    .datetime()\n                    .required()\n                    .multipleDates()\n                    .label(\"Multiple Dates\")\n                    .description(\"Select multiple dates\")\n                    .note(\"Value: string[]\"),\n                multipleMonths: fields\n                    .datetime()\n                    .required()\n                    .multipleMonths()\n                    .label(\"Multiple Months\")\n                    .description(\"Select multiple months\")\n                    .note(\"Value: string[]\"),\n                multipleYears: fields\n                    .datetime()\n                    .required()\n                    .multipleYears({ range: [2020, 2035] })\n                    .label(\"Multiple Years\")\n                    .description(\"Select multiple years\")\n                    .note(\"Value: number[]\"),\n                dateTimeList: fields\n                    .datetime()\n                    .required()\n                    .withTimezone()\n                    .list()\n                    .label(\"Dates with TZ (multi)\")\n                    .description(\"Multiple date entries\")\n                    .note(\"Each date is independent\"),\n\n                // --- Hidden ---\n                hiddenField: fields\n                    .text()\n                    .hidden()\n                    .defaultValue(\"secret-value\")\n                    .description(\"Not visible in the UI\")\n                    .help(\"Carried in form data silently\")\n                    .note(\"Value is preset\"),\n\n                // --- Key-Value Tags ---\n                metaTags: fields\n                    .object()\n                    .list()\n                    .label(\"Meta Tags\")\n                    .description(\"Add SEO tags\")\n                    .renderer(\"keyValueTags\", { addItemLabel: \"Add tag\" })\n                    .fields(f => ({\n                        name: f.text().placeholder(\"Name\"),\n                        content: f.text().placeholder(\"Content\")\n                    })),\n\n                // --- Conditional Visibility / Disabled ---\n                enableFeature: fields\n                    .boolean()\n                    .label(\"Enable Feature\")\n                    .description(\"Toggle this to show or hide the feature fields below\"),\n                featureName: fields\n                    .text()\n                    .label(\"Feature Name\")\n                    .placeholder(\"Name your feature...\")\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        }\n                    ]),\n                featureMode: fields\n                    .text()\n                    .label(\"Feature Mode\")\n                    .options([\n                        { label: \"Simple\", value: \"simple\" },\n                        { label: \"Advanced\", value: \"advanced\" }\n                    ])\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        }\n                    ]),\n                advancedConfig: fields\n                    .text()\n                    .label(\"Advanced Config\")\n                    .placeholder(\"JSON config...\")\n                    .renderer(\"textarea\", { rows: 3 })\n                    .description(\"Only editable in advanced mode\")\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        },\n                        {\n                            type: \"condition\",\n                            target: \"featureMode\",\n                            operator: \"neq\",\n                            value: \"advanced\",\n                            action: \"disable\"\n                        }\n                    ]),\n\n                // --- Dynamic Zone (single template) ---\n                contentBlock: fields\n                    .object()\n                    .label(\"Content Block\")\n                    .template(\"hero\", t => {\n                        t.label(\"Hero Banner\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                heading: f.text().label(\"Heading\").required(\"Required\"),\n                                image: f.text().label(\"Image URL\")\n                            }));\n                    })\n                    .template(\"text\", t => {\n                        t.label(\"Rich Text\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                body: f.text().label(\"Body\").renderer(\"textarea\")\n                            }));\n                    }),\n\n                // --- Dynamic Zone (multi-value template list) ---\n                sections: fields\n                    .object()\n                    .list()\n                    .label(\"Page Sections\")\n                    .renderer(\"dynamicZone\", { container: false })\n                    .template(\"hero\", t => {\n                        t.label(\"Hero Banner\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                heading: f.text().label(\"Heading\"),\n                                subheading: f.text().label(\"Subheading\"),\n                                uuid: f\n                                    .text()\n                                    .label(\"UUID\")\n                                    .defaultValue(() => Date.now())\n                                    .cloneValue(value => `${value}/${Date.now()}`)\n                            }));\n                    })\n                    .template(\"cta\", t => {\n                        t.label(\"Call To Action\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                label: f.text().label(\"Button Label\"),\n                                url: f.text().label(\"URL\")\n                            }));\n                    }),\n\n                // --- Files ---\n                fileImage: fields\n                    .file()\n                    .label(\"Image (full metadata)\")\n                    .description(\"Stores the full file object (id, name, size, src, etc.)\"),\n                fileUrl: fields\n                    .fileUrl()\n                    .label(\"Image URL\")\n                    .description(\"Stores only the file URL as a string\")\n            }),\n            layout: layout => [\n                layout\n                    .tabs(\"mainTabs\")\n                    .tab(\"text\", tab => {\n                        tab.label(\"Text\").layout(l => [\n                            l.row(\"textInput\"),\n                            l.row(\"textInputs\"),\n                            l.row(\"tags\"),\n                            l.row(\"textarea\"),\n                            l.row(\"textareas\"),\n                            l.row(\"metaTags\")\n                        ]);\n                    })\n                    .tab(\"numbers\", tab => {\n                        tab.label(\"Numbers & Boolean\").layout(l => [\n                            l.row(\"numberInput\"),\n                            l.row(\"numberInputs\"),\n                            l.row(\"numberOptions\"),\n                            l.separator(),\n                            l.row(\"boolSwitch\")\n                        ]);\n                    })\n                    .tab(\"selects\", tab => {\n                        tab.label(\"Selects\").layout(l => [\n                            l.row(\"dropdown\", \"radioButtons\"),\n                            l.row(\"checkboxes\")\n                        ]);\n                    })\n                    .tab(\"datetime\", tab => {\n                        tab.label(\"Date / Time\").layout(l => [\n                            l.row(\"dateOnly\", \"timeOnly\"),\n                            l.row(\"dateTime\"),\n                            l.row(\"dateTimeTz\"),\n                            l.separator(),\n                            l.row(\"monthOnly\", \"weekOnly\"),\n                            l.row(\"yearOnly\"),\n                            l.separator(),\n                            l.row(\"dateRange\"),\n                            l.row(\"multipleDates\"),\n                            l.row(\"multipleMonths\", \"multipleYears\"),\n                            l.separator(),\n                            l.row(\"dateTimeList\")\n                        ]);\n                    })\n                    .tab(\"rules\", tab => {\n                        tab.label(\"Rules\").layout(l => [\n                            l.row(\"enableFeature\"),\n                            l.row(\"featureName\", \"featureMode\"),\n                            l.row(\"advancedConfig\")\n                        ]);\n                    })\n                    .tab(\"dynamic\", tab => {\n                        tab.label(\"Dynamic Zones\").layout(l => [\n                            l.object(\"contentBlock\", {\n                                hero: inner => [inner.row(\"heading\"), inner.row(\"image\")],\n                                text: inner => [inner.row(\"body\")]\n                            }),\n                            l.object(\"sections\", {\n                                hero: inner => [\n                                    inner.row(\"heading\", \"subheading\"),\n                                    inner.row(\"uuid\")\n                                ],\n                                cta: inner => [inner.row(\"label\", \"url\")]\n                            })\n                        ]);\n                    })\n                    .tab(\"files\", tab => {\n                        tab.label(\"Files\").layout(l => [l.row(\"fileImage\", \"fileUrl\")]);\n                    })\n            ]\n        });\n\n        makeAutoObservable(this);\n    }\n\n    get vm(): FieldRenderersDemoVM {\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\n        };\n    }\n\n    focusField(path: string): void {\n        this.form.focusField(path);\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":["FieldRenderersDemoPresenter","formFactory","fields","f","t","Date","value","layout","tab","l","inner","makeAutoObservable","toJS","path","result"],"mappings":"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"}

package/features/formModel/demo/FormModelDemo.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { useFeature } from "@webiny/app";
 import { Button } from "@webiny/admin-ui";
@@ -8,223 +8,199 @@ import { FieldRenderersDemoPresenter } from "./FieldRenderersDemoPresenter.js";
 import { FormModelDemoPresenter } from "./FormModelDemoPresenter.js";
 import { FormModelPhase8c1Presenter } from "./FormModelPhase8c1Presenter.js";
 import { FormModelPhase11Presenter } from "./FormModelPhase11Presenter.js";
-export const FormModelDemo = observer(() => {
-  const {
-    formModelFactory
-  } = useFeature(FormModelFeature);
-  const presenter = useMemo(() => new FormModelDemoPresenter(formModelFactory), [formModelFactory]);
-  const {
-    form,
-    data,
-    lastSubmitted,
-    isSubmitting,
-    runtimeTemplateAdded,
-    textTemplateRemoved
-  } = presenter.vm;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "p-lg flex flex-col gap-2xl max-w-4xl mx-auto"
-  }, /*#__PURE__*/React.createElement(FieldRenderersSection, null), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-sm"
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "text-xl font-semibold"
-  }, "FormModel Demo \u2014 Phase 8"), /*#__PURE__*/React.createElement("p", {
-    className: "text-sm text-neutral-strong"
-  }, "Exercises the full Phase 8 surface: single-object templates (\"Content Block\"), templated lists (\"Page Sections\"), per-template layouts (Hero spans two rows; Rich Text uses a single row; templates without a layout entry fall back to default), and runtime template management via", " ", /*#__PURE__*/React.createElement("code", null, "field.templates.add/remove"), ". Change Plan to", " ", /*#__PURE__*/React.createElement("code", null, "enterprise"), " to reveal the \"Premium Widget\" template in the Content Block picker.")), /*#__PURE__*/React.createElement(FormView, {
-    form: form
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-wrap gap-sm"
-  }, /*#__PURE__*/React.createElement(Button, {
-    text: isSubmitting ? "Submitting…" : "Submit",
-    variant: "primary",
-    onClick: () => presenter.submit(),
-    disabled: isSubmitting
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: "Reset",
-    variant: "secondary",
-    onClick: () => presenter.reset(),
-    disabled: isSubmitting
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: runtimeTemplateAdded ? 'Remove "Runtime Banner" from sections' : 'Add "Runtime Banner" to sections',
-    variant: "tertiary",
-    onClick: () => presenter.toggleRuntimeTemplate()
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: textTemplateRemoved ? 'Restore "Rich Text" on content' : 'Remove "Rich Text" from content',
-    variant: "tertiary",
-    onClick: () => presenter.toggleTextTemplate()
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-2 gap-md"
-  }, /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Current getData()",
-    data: data
-  }), /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Last submitted",
-    data: lastSubmitted
-  }))), /*#__PURE__*/React.createElement(Phase8c1Section, null), /*#__PURE__*/React.createElement(Phase11Section, null));
+const FormModelDemo = observer(()=>{
+    const { formModelFactory } = useFeature(FormModelFeature);
+    const presenter = useMemo(()=>new FormModelDemoPresenter(formModelFactory), [
+        formModelFactory
+    ]);
+    const { form, data, lastSubmitted, isSubmitting, runtimeTemplateAdded, textTemplateRemoved } = presenter.vm;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg flex flex-col gap-2xl max-w-4xl mx-auto"
+    }, /*#__PURE__*/ react.createElement(FieldRenderersSection, null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement("h2", {
+        className: "text-xl font-semibold"
+    }, "FormModel Demo — Phase 8"), /*#__PURE__*/ react.createElement("p", {
+        className: "text-sm text-neutral-strong"
+    }, 'Exercises the full Phase 8 surface: single-object templates ("Content Block"), templated lists ("Page Sections"), per-template layouts (Hero spans two rows; Rich Text uses a single row; templates without a layout entry fall back to default), and runtime template management via', " ", /*#__PURE__*/ react.createElement("code", null, "field.templates.add/remove"), ". Change Plan to", " ", /*#__PURE__*/ react.createElement("code", null, "enterprise"), ' to reveal the "Premium Widget" template in the Content Block picker.')), /*#__PURE__*/ react.createElement(FormView, {
+        name: "Demo",
+        form: form
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        text: isSubmitting ? "Submitting…" : "Submit",
+        variant: "primary",
+        onClick: ()=>presenter.submit(),
+        disabled: isSubmitting
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: "Reset",
+        variant: "secondary",
+        onClick: ()=>presenter.reset(),
+        disabled: isSubmitting
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: runtimeTemplateAdded ? 'Remove "Runtime Banner" from sections' : 'Add "Runtime Banner" to sections',
+        variant: "tertiary",
+        onClick: ()=>presenter.toggleRuntimeTemplate()
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: textTemplateRemoved ? 'Restore "Rich Text" on content' : 'Remove "Rich Text" from content',
+        variant: "tertiary",
+        onClick: ()=>presenter.toggleTextTemplate()
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "grid grid-cols-2 gap-md"
+    }, /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Current getData()",
+        data: data
+    }), /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Last submitted",
+        data: lastSubmitted
+    }))), /*#__PURE__*/ react.createElement(Phase8c1Section, null), /*#__PURE__*/ react.createElement(Phase11Section, null));
 });
-const FieldRenderersSection = observer(() => {
-  const {
-    formModelFactory
-  } = useFeature(FormModelFeature);
-  const presenter = useMemo(() => new FieldRenderersDemoPresenter(formModelFactory), [formModelFactory]);
-  const {
-    form,
-    data,
-    lastSubmitted,
-    isSubmitting,
-    formErrors
-  } = presenter.vm;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-sm"
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "text-xl font-semibold"
-  }, "Field Renderers Showcase"), /*#__PURE__*/React.createElement("p", {
-    className: "text-sm text-neutral-strong"
-  }, "All field renderer variants: text, number, boolean, select (dropdown/radio/checkboxes), date/time (4 variants), tags, textarea, multi-value lists, hidden, and dynamic zones. Renderers not yet implemented show nothing (console warning).")), /*#__PURE__*/React.createElement(FormView, {
-    form: form
-  }), formErrors.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-sm font-medium"
-  }, "Form errors"), /*#__PURE__*/React.createElement("ul", {
-    className: "text-xs text-error-strong list-disc pl-md"
-  }, formErrors.map((e, i) => /*#__PURE__*/React.createElement("li", {
-    key: i
-  }, e.path ? /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "underline cursor-pointer hover:text-error-default",
-    onClick: () => presenter.focusField(e.path)
-  }, /*#__PURE__*/React.createElement("code", null, e.path)) : null, " ", e.message)))), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-wrap gap-sm"
-  }, /*#__PURE__*/React.createElement(Button, {
-    text: isSubmitting ? "Submitting…" : "Submit",
-    variant: "primary",
-    onClick: () => presenter.submit(),
-    disabled: isSubmitting
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: "Reset",
-    variant: "secondary",
-    onClick: () => presenter.reset(),
-    disabled: isSubmitting
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-2 gap-md"
-  }, /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Current getData()",
-    data: data
-  }), /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Last submitted",
-    data: lastSubmitted
-  })));
+const FieldRenderersSection = observer(()=>{
+    const { formModelFactory } = useFeature(FormModelFeature);
+    const presenter = useMemo(()=>new FieldRenderersDemoPresenter(formModelFactory), [
+        formModelFactory
+    ]);
+    const { form, data, lastSubmitted, isSubmitting, formErrors } = presenter.vm;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement("h2", {
+        className: "text-xl font-semibold"
+    }, "Field Renderers Showcase"), /*#__PURE__*/ react.createElement("p", {
+        className: "text-sm text-neutral-strong"
+    }, "All field renderer variants: text, number, boolean, select (dropdown/radio/checkboxes), date/time (4 variants), tags, textarea, multi-value lists, hidden, and dynamic zones. Renderers not yet implemented show nothing (console warning).")), /*#__PURE__*/ react.createElement(FormView, {
+        name: "Demo",
+        form: form
+    }), formErrors.length > 0 && /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-xs"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-sm font-medium"
+    }, "Form errors"), /*#__PURE__*/ react.createElement("ul", {
+        className: "text-xs text-error-strong list-disc pl-md"
+    }, formErrors.map((e, i)=>/*#__PURE__*/ react.createElement("li", {
+            key: i
+        }, e.path ? /*#__PURE__*/ react.createElement("button", {
+            type: "button",
+            className: "underline cursor-pointer hover:text-error-default",
+            onClick: ()=>presenter.focusField(e.path)
+        }, /*#__PURE__*/ react.createElement("code", null, e.path)) : null, " ", e.message)))), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        text: isSubmitting ? "Submitting…" : "Submit",
+        variant: "primary",
+        onClick: ()=>presenter.submit(),
+        disabled: isSubmitting
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: "Reset",
+        variant: "secondary",
+        onClick: ()=>presenter.reset(),
+        disabled: isSubmitting
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "grid grid-cols-2 gap-md"
+    }, /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Current getData()",
+        data: data
+    }), /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Last submitted",
+        data: lastSubmitted
+    })));
 });
-const Phase8c1Section = observer(() => {
-  const {
-    formModelFactory
-  } = useFeature(FormModelFeature);
-  const presenter = useMemo(() => new FormModelPhase8c1Presenter(formModelFactory), [formModelFactory]);
-  const {
-    form,
-    data,
-    lastSubmitted,
-    isSubmitting
-  } = presenter.vm;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-lg border-t border-neutral-dimmed pt-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-sm"
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "text-xl font-semibold"
-  }, "FormModel Demo \u2014 Phase 8c.1"), /*#__PURE__*/React.createElement("p", {
-    className: "text-sm text-neutral-strong"
-  }, "Nested object layouts. A top-level ", /*#__PURE__*/React.createElement("code", null, "page"), " object whose inner layout is split across tabs (General / SEO). The SEO tab contains a nested", " ", /*#__PURE__*/React.createElement("code", null, "layout.object(\"seo\", ...)"), " with its own row layout, and the SEO object itself contains another nested", " ", /*#__PURE__*/React.createElement("code", null, "layout.object(\"og\", ...)"), " for the Open Graph fields. Phase 8c.1 walks the inner layout (including across tabs) and forwards each nested", " ", /*#__PURE__*/React.createElement("code", null, "layout.object()"), " to the matching child at build time.")), /*#__PURE__*/React.createElement(FormView, {
-    form: form
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-wrap gap-sm"
-  }, /*#__PURE__*/React.createElement(Button, {
-    text: isSubmitting ? "Submitting…" : "Submit",
-    variant: "primary",
-    onClick: () => presenter.submit(),
-    disabled: isSubmitting
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: "Reset",
-    variant: "secondary",
-    onClick: () => presenter.reset(),
-    disabled: isSubmitting
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-2 gap-md"
-  }, /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Current getData()",
-    data: data
-  }), /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Last submitted",
-    data: lastSubmitted
-  })));
+const Phase8c1Section = observer(()=>{
+    const { formModelFactory } = useFeature(FormModelFeature);
+    const presenter = useMemo(()=>new FormModelPhase8c1Presenter(formModelFactory), [
+        formModelFactory
+    ]);
+    const { form, data, lastSubmitted, isSubmitting } = presenter.vm;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg border-t border-neutral-dimmed pt-lg"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement("h2", {
+        className: "text-xl font-semibold"
+    }, "FormModel Demo — Phase 8c.1"), /*#__PURE__*/ react.createElement("p", {
+        className: "text-sm text-neutral-strong"
+    }, "Nested object layouts. A top-level ", /*#__PURE__*/ react.createElement("code", null, "page"), " object whose inner layout is split across tabs (General / SEO). The SEO tab contains a nested", " ", /*#__PURE__*/ react.createElement("code", null, 'layout.object("seo", ...)'), " with its own row layout, and the SEO object itself contains another nested", " ", /*#__PURE__*/ react.createElement("code", null, 'layout.object("og", ...)'), " for the Open Graph fields. Phase 8c.1 walks the inner layout (including across tabs) and forwards each nested", " ", /*#__PURE__*/ react.createElement("code", null, "layout.object()"), " to the matching child at build time.")), /*#__PURE__*/ react.createElement(FormView, {
+        name: "Demo",
+        form: form
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        text: isSubmitting ? "Submitting…" : "Submit",
+        variant: "primary",
+        onClick: ()=>presenter.submit(),
+        disabled: isSubmitting
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: "Reset",
+        variant: "secondary",
+        onClick: ()=>presenter.reset(),
+        disabled: isSubmitting
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "grid grid-cols-2 gap-md"
+    }, /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Current getData()",
+        data: data
+    }), /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Last submitted",
+        data: lastSubmitted
+    })));
 });
-const Phase11Section = observer(() => {
-  const {
-    formModelFactory
-  } = useFeature(FormModelFeature);
-  const presenter = useMemo(() => new FormModelPhase11Presenter(formModelFactory), [formModelFactory]);
-  const {
-    form,
-    data,
-    lastSubmitted,
-    isSubmitting,
-    formErrors
-  } = presenter.vm;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-lg border-t border-neutral-dimmed pt-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-sm"
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "text-xl font-semibold"
-  }, "FormModel Demo \u2014 Phase 11"), /*#__PURE__*/React.createElement("p", {
-    className: "text-sm text-neutral-strong"
-  }, "Conditional required (", /*#__PURE__*/React.createElement("code", null, "requiredWhen"), " on Seats \u2014 chained builder + modifier rules), derived fields (", /*#__PURE__*/React.createElement("code", null, "computed"), " Full Name and", " ", /*#__PURE__*/React.createElement("code", null, "computedUntilDirty"), " Slug), modifier-style child addition via", " ", /*#__PURE__*/React.createElement("code", null, "field.as(\"object\").fields()"), " adding Company/Bio to Profile, form-level rules (", /*#__PURE__*/React.createElement("code", null, "addRule"), " with a Zod refinement for password match plus an imperative slug-length rule), and a layout assembled via", " ", /*#__PURE__*/React.createElement("code", null, "setLayout"), ".")), /*#__PURE__*/React.createElement(FormView, {
-    form: form
-  }), formErrors.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-sm font-medium"
-  }, "Form errors"), /*#__PURE__*/React.createElement("ul", {
-    className: "text-xs text-error-strong list-disc pl-md"
-  }, formErrors.map((e, i) => /*#__PURE__*/React.createElement("li", {
-    key: i
-  }, e.path ? /*#__PURE__*/React.createElement("code", null, e.path) : null, " ", e.message)))), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-wrap gap-sm"
-  }, /*#__PURE__*/React.createElement(Button, {
-    text: isSubmitting ? "Submitting…" : "Submit",
-    variant: "primary",
-    onClick: () => presenter.submit(),
-    disabled: isSubmitting
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: "Reset",
-    variant: "secondary",
-    onClick: () => presenter.reset(),
-    disabled: isSubmitting
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-2 gap-md"
-  }, /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Current getData()",
-    data: data
-  }), /*#__PURE__*/React.createElement(DataPanel, {
-    title: "Last submitted",
-    data: lastSubmitted
-  })));
+const Phase11Section = observer(()=>{
+    const { formModelFactory } = useFeature(FormModelFeature);
+    const presenter = useMemo(()=>new FormModelPhase11Presenter(formModelFactory), [
+        formModelFactory
+    ]);
+    const { form, data, lastSubmitted, isSubmitting, formErrors } = presenter.vm;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg border-t border-neutral-dimmed pt-lg"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement("h2", {
+        className: "text-xl font-semibold"
+    }, "FormModel Demo — Phase 11"), /*#__PURE__*/ react.createElement("p", {
+        className: "text-sm text-neutral-strong"
+    }, "Conditional required (", /*#__PURE__*/ react.createElement("code", null, "requiredWhen"), " on Seats — chained builder + modifier rules), derived fields (", /*#__PURE__*/ react.createElement("code", null, "computed"), " Full Name and", " ", /*#__PURE__*/ react.createElement("code", null, "computedUntilDirty"), " Slug), modifier-style child addition via", " ", /*#__PURE__*/ react.createElement("code", null, 'field.as("object").fields()'), " adding Company/Bio to Profile, form-level rules (", /*#__PURE__*/ react.createElement("code", null, "addRule"), " with a Zod refinement for password match plus an imperative slug-length rule), and a layout assembled via", " ", /*#__PURE__*/ react.createElement("code", null, "setLayout"), ".")), /*#__PURE__*/ react.createElement(FormView, {
+        name: "Demo",
+        form: form
+    }), formErrors.length > 0 && /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-xs"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-sm font-medium"
+    }, "Form errors"), /*#__PURE__*/ react.createElement("ul", {
+        className: "text-xs text-error-strong list-disc pl-md"
+    }, formErrors.map((e, i)=>/*#__PURE__*/ react.createElement("li", {
+            key: i
+        }, e.path ? /*#__PURE__*/ react.createElement("code", null, e.path) : null, " ", e.message)))), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        text: isSubmitting ? "Submitting…" : "Submit",
+        variant: "primary",
+        onClick: ()=>presenter.submit(),
+        disabled: isSubmitting
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: "Reset",
+        variant: "secondary",
+        onClick: ()=>presenter.reset(),
+        disabled: isSubmitting
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "grid grid-cols-2 gap-md"
+    }, /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Current getData()",
+        data: data
+    }), /*#__PURE__*/ react.createElement(DataPanel, {
+        title: "Last submitted",
+        data: lastSubmitted
+    })));
 });
-const DataPanel = ({
-  title,
-  data
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-sm font-medium"
-  }, title), /*#__PURE__*/React.createElement("pre", {
-    className: "text-xs bg-neutral-subtle p-sm rounded border border-neutral-dimmed overflow-auto"
-  }, data === null ? "null" : JSON.stringify(data, null, 2)));
-};
+const DataPanel = ({ title, data })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-xs"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-sm font-medium"
+    }, title), /*#__PURE__*/ react.createElement("pre", {
+        className: "text-xs bg-neutral-subtle p-sm rounded border border-neutral-dimmed overflow-auto"
+    }, null === data ? "null" : JSON.stringify(data, null, 2)));
+export { FormModelDemo };
 
 //# sourceMappingURL=FormModelDemo.js.map