@webiny/app-admin 6.4.12-beta.4 → 6.5.0-beta.0

package/features/formModel/demo/FormModelPhase11Presenter.js

@@ -8,9 +8,9 @@ class FormModelPhase11Presenter {
             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()}`;
+                    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([
@@ -27,7 +27,7 @@ class FormModelPhase11Presenter {
                             value: "enterprise"
                         }
                     ]),
-                    seats: fields.text().label("Number of seats").help("Required when plan is pro or enterprise").requiredWhen((f)=>"pro" === f.field("plan").getValue(), "Pro plan needs a seat count"),
+                    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")
                         })),
@@ -39,7 +39,7 @@ class FormModelPhase11Presenter {
                 company: f.text().label("Company"),
                 bio: f.text().label("Short bio")
             }));
-        this.form.field("seats").addRequiredWhen((f)=>"enterprise" === f.field("plan").getValue(), "Enterprise plan needs a seat count too");
+        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()

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

@@ -1 +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(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"],"names":["FormModelPhase11Presenter","formFactory","fields","f","full","z","d","slug","String","layout","l","makeAutoObservable","toJS","e","result"],"mappings":"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"}
+{"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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"}

package/features/formModel/feature.js

@@ -2,8 +2,9 @@ import { createFeature } from "@webiny/feature/admin";
 import { FormModelFactory } from "./abstractions.js";
 import { FormModelFactory as external_FormModelFactory_js_FormModelFactory } from "./FormModelFactory.js";
 import { ConditionRuleEvaluator } from "./ConditionRuleEvaluator.js";
+import { AccessControlRuleEvaluator } from "./AccessControlRuleEvaluator.js";
 import { FieldBuilderRegistry } from "./FieldBuilderRegistry.js";
-import { BooleanFieldType, DateTimeFieldType, FileFieldType, FileUrlFieldType, LexicalFieldType, NumberFieldType, ObjectFieldType, TextFieldType } from "./fieldTypes/index.js";
+import { BooleanFieldType, DateTimeFieldType, FileFieldType, FileUrlFieldType, LexicalFieldType, NumberFieldType, ObjectFieldType, PasswordFieldType, PermissionsFieldType, RolesMultiSelectFieldType, TextFieldType } from "./fieldTypes/index.js";
 const FormModelFeature = createFeature({
     name: "FormModel",
     register (container) {
@@ -15,8 +16,12 @@ const FormModelFeature = createFeature({
         container.register(FileUrlFieldType);
         container.register(ObjectFieldType);
         container.register(LexicalFieldType);
+        container.register(PasswordFieldType);
+        container.register(PermissionsFieldType);
+        container.register(RolesMultiSelectFieldType);
         container.register(FieldBuilderRegistry).inSingletonScope();
         container.register(ConditionRuleEvaluator).inSingletonScope();
+        container.register(AccessControlRuleEvaluator).inSingletonScope();
         container.register(external_FormModelFactory_js_FormModelFactory).inSingletonScope();
     },
     resolve (container) {

package/features/formModel/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/formModel/feature.js","sources":["../../../src/features/formModel/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FormModelFactory as Abstraction } from \"./abstractions.js\";\nimport { FormModelFactory } from \"./FormModelFactory.js\";\nimport { ConditionRuleEvaluator } from \"./ConditionRuleEvaluator.js\";\nimport { FieldBuilderRegistry } from \"./FieldBuilderRegistry.js\";\nimport {\n    TextFieldType,\n    NumberFieldType,\n    BooleanFieldType,\n    DateTimeFieldType,\n    FileFieldType,\n    FileUrlFieldType,\n    ObjectFieldType,\n    LexicalFieldType\n} from \"./fieldTypes/index.js\";\n\nexport const FormModelFeature = createFeature({\n    name: \"FormModel\",\n    register(container) {\n        container.register(TextFieldType);\n        container.register(NumberFieldType);\n        container.register(BooleanFieldType);\n        container.register(DateTimeFieldType);\n        container.register(FileFieldType);\n        container.register(FileUrlFieldType);\n        container.register(ObjectFieldType);\n        container.register(LexicalFieldType);\n\n        container.register(FieldBuilderRegistry).inSingletonScope();\n        container.register(ConditionRuleEvaluator).inSingletonScope();\n        container.register(FormModelFactory).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            formModelFactory: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["FormModelFeature","createFeature","container","TextFieldType","NumberFieldType","BooleanFieldType","DateTimeFieldType","FileFieldType","FileUrlFieldType","ObjectFieldType","LexicalFieldType","FieldBuilderRegistry","ConditionRuleEvaluator","FormModelFactory","Abstraction"],"mappings":";;;;;;AAgBO,MAAMA,mBAAmBC,cAAc;IAC1C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;QACnBL,UAAU,QAAQ,CAACM;QACnBN,UAAU,QAAQ,CAACO;QACnBP,UAAU,QAAQ,CAACQ;QAEnBR,UAAU,QAAQ,CAACS,sBAAsB,gBAAgB;QACzDT,UAAU,QAAQ,CAACU,wBAAwB,gBAAgB;QAC3DV,UAAU,QAAQ,CAACW,+CAAkB,gBAAgB;IACzD;IACA,SAAQX,SAAS;QACb,OAAO;YACH,kBAAkBA,UAAU,OAAO,CAACY;QACxC;IACJ;AACJ"}
+{"version":3,"file":"features/formModel/feature.js","sources":["../../../src/features/formModel/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FormModelFactory as Abstraction } from \"./abstractions.js\";\nimport { FormModelFactory } from \"./FormModelFactory.js\";\nimport { ConditionRuleEvaluator } from \"./ConditionRuleEvaluator.js\";\nimport { AccessControlRuleEvaluator } from \"./AccessControlRuleEvaluator.js\";\nimport { FieldBuilderRegistry } from \"./FieldBuilderRegistry.js\";\nimport {\n    TextFieldType,\n    NumberFieldType,\n    BooleanFieldType,\n    DateTimeFieldType,\n    FileFieldType,\n    FileUrlFieldType,\n    ObjectFieldType,\n    LexicalFieldType,\n    PasswordFieldType,\n    PermissionsFieldType,\n    RolesMultiSelectFieldType\n} from \"./fieldTypes/index.js\";\n\nexport const FormModelFeature = createFeature({\n    name: \"FormModel\",\n    register(container) {\n        container.register(TextFieldType);\n        container.register(NumberFieldType);\n        container.register(BooleanFieldType);\n        container.register(DateTimeFieldType);\n        container.register(FileFieldType);\n        container.register(FileUrlFieldType);\n        container.register(ObjectFieldType);\n        container.register(LexicalFieldType);\n        container.register(PasswordFieldType);\n        container.register(PermissionsFieldType);\n        container.register(RolesMultiSelectFieldType);\n\n        container.register(FieldBuilderRegistry).inSingletonScope();\n        container.register(ConditionRuleEvaluator).inSingletonScope();\n        container.register(AccessControlRuleEvaluator).inSingletonScope();\n        container.register(FormModelFactory).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            formModelFactory: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["FormModelFeature","createFeature","container","TextFieldType","NumberFieldType","BooleanFieldType","DateTimeFieldType","FileFieldType","FileUrlFieldType","ObjectFieldType","LexicalFieldType","PasswordFieldType","PermissionsFieldType","RolesMultiSelectFieldType","FieldBuilderRegistry","ConditionRuleEvaluator","AccessControlRuleEvaluator","FormModelFactory","Abstraction"],"mappings":";;;;;;;AAoBO,MAAMA,mBAAmBC,cAAc;IAC1C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;QACnBL,UAAU,QAAQ,CAACM;QACnBN,UAAU,QAAQ,CAACO;QACnBP,UAAU,QAAQ,CAACQ;QACnBR,UAAU,QAAQ,CAACS;QACnBT,UAAU,QAAQ,CAACU;QACnBV,UAAU,QAAQ,CAACW;QAEnBX,UAAU,QAAQ,CAACY,sBAAsB,gBAAgB;QACzDZ,UAAU,QAAQ,CAACa,wBAAwB,gBAAgB;QAC3Db,UAAU,QAAQ,CAACc,4BAA4B,gBAAgB;QAC/Dd,UAAU,QAAQ,CAACe,+CAAkB,gBAAgB;IACzD;IACA,SAAQf,SAAS;QACb,OAAO;YACH,kBAAkBA,UAAU,OAAO,CAACgB;QACxC;IACJ;AACJ"}

package/features/formModel/fieldTypes/ObjectFieldType.js

@@ -25,6 +25,7 @@ function createTemplateBuilder() {
         _build (id, registry) {
             const childBuilders = fieldsFactory ? fieldsFactory(registry) : {};
             if ("_templateId" in childBuilders) throw new Error(`Template "${id}" defines a reserved field "_templateId". The discriminator is added automatically.`);
+            for (const [fieldName, builder] of Object.entries(childBuilders))if (builder) builder.build(fieldName);
             return {
                 id,
                 label,
@@ -67,10 +68,10 @@ class ObjectFieldBuilder extends FieldBuilder {
         return this;
     }
     build(name) {
+        this._config.name = name;
         if (this._templates && Object.keys(this._childBuilders).length > 0) throw new Error(`Object field "${name}" has both .fields() and .template() defined. Templates are mutually exclusive with .fields(); each template defines its own children.`);
         return {
             ...this._config,
-            name,
             childBuilders: this._childBuilders,
             isList: this._isList,
             listSchema: this._listSchema,

package/features/formModel/fieldTypes/ObjectFieldType.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/formModel/fieldTypes/ObjectFieldType.js","sources":["../../../../src/features/formModel/fieldTypes/ObjectFieldType.ts"],"sourcesContent":["import type { z } from \"zod\";\nimport {\n    FieldType,\n    type IFieldTypeFactory,\n    type IFieldBuilder,\n    type IFieldBuilderRegistry,\n    type IObjectFieldBuilder,\n    type IObjectFieldConfig,\n    type ITemplateBuilder,\n    type ITemplateConfig,\n    type ITemplateIcon\n} from \"../abstractions.js\";\nimport type { IFormModel } from \"../abstractions.js\";\nimport { FieldBuilder } from \"../FieldBuilder.js\";\n\ninterface TemplateBuilderInternal extends ITemplateBuilder {\n    _build(id: string, registry: IFieldBuilderRegistry): ITemplateConfig;\n}\n\nexport function createTemplateBuilder(): TemplateBuilderInternal {\n    let label = \"\";\n    let icon: ITemplateIcon | undefined;\n    let fieldsFactory:\n        | ((registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder>)\n        | undefined;\n    let visibleFn: ((form: IFormModel) => boolean) | undefined;\n\n    const builder: TemplateBuilderInternal = {\n        label(text: string) {\n            label = text;\n            return builder;\n        },\n        icon(i: ITemplateIcon) {\n            icon = i;\n            return builder;\n        },\n        fields(factory) {\n            fieldsFactory = factory;\n            return builder;\n        },\n        visible(predicate) {\n            visibleFn = predicate;\n            return builder;\n        },\n        _build(id: string, registry: IFieldBuilderRegistry): ITemplateConfig {\n            const childBuilders = fieldsFactory ? fieldsFactory(registry) : {};\n            if (\"_templateId\" in childBuilders) {\n                throw new Error(\n                    `Template \"${id}\" defines a reserved field \"_templateId\". ` +\n                        `The discriminator is added automatically.`\n                );\n            }\n            return { id, label, icon, childBuilders, visible: visibleFn };\n        }\n    };\n    return builder;\n}\n\nexport class ObjectFieldBuilder extends FieldBuilder<\"object\"> implements IObjectFieldBuilder {\n    private _childBuilders: Record<string, IFieldBuilder> = {};\n    private _isList = false;\n    private _listSchema?: z.ZodTypeAny;\n    private _templates?: ITemplateConfig[];\n    private _templateIds = new Set<string>();\n    private _registry: IFieldBuilderRegistry;\n\n    constructor(registry: IFieldBuilderRegistry) {\n        super(\"object\");\n        this._config.renderer = \"objectAccordionSingle\";\n        this._registry = registry;\n    }\n\n    fields(fn: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder>): this {\n        this._childBuilders = fn(this._registry);\n        return this;\n    }\n\n    override list(): this {\n        this._isList = true;\n        if (this._config.renderer === \"objectAccordionSingle\") {\n            this._config.renderer = \"objectAccordionMultiple\";\n        }\n        return this;\n    }\n\n    listSchema(schema: z.ZodTypeAny): this {\n        this._listSchema = schema;\n        return this;\n    }\n\n    template(id: string, configure: (t: ITemplateBuilder) => void): this {\n        if (id === \"_templateId\") {\n            throw new Error(`Template id \"_templateId\" is reserved. Choose a different id.`);\n        }\n        if (this._templateIds.has(id)) {\n            throw new Error(`Duplicate template id \"${id}\".`);\n        }\n        this._templateIds.add(id);\n\n        const tb = createTemplateBuilder();\n        configure(tb);\n\n        if (!this._templates) {\n            this._templates = [];\n        }\n        this._templates.push(tb._build(id, this._registry));\n\n        if (\n            this._config.renderer === \"objectAccordionSingle\" ||\n            this._config.renderer === \"objectAccordionMultiple\"\n        ) {\n            this._config.renderer = \"dynamicZone\";\n        }\n\n        return this;\n    }\n\n    override build(name: string): IObjectFieldConfig {\n        if (this._templates && Object.keys(this._childBuilders).length > 0) {\n            throw new Error(\n                `Object field \"${name}\" has both .fields() and .template() defined. ` +\n                    `Templates are mutually exclusive with .fields(); each template defines its own children.`\n            );\n        }\n\n        return {\n            ...this._config,\n            name,\n            childBuilders: this._childBuilders,\n            isList: this._isList,\n            listSchema: this._listSchema,\n            templates: this._templates\n        };\n    }\n}\n\nclass ObjectFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"object\";\n    create(registry: IFieldBuilderRegistry) {\n        return new ObjectFieldBuilder(registry);\n    }\n}\n\nexport const ObjectFieldType = FieldType.createImplementation({\n    implementation: ObjectFieldTypeFactory,\n    dependencies: []\n});\n\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        object(): IObjectFieldBuilder;\n    }\n}\n"],"names":["createTemplateBuilder","label","icon","fieldsFactory","visibleFn","builder","text","i","factory","predicate","id","registry","childBuilders","Error","ObjectFieldBuilder","FieldBuilder","Set","fn","schema","configure","tb","name","Object","ObjectFieldTypeFactory","ObjectFieldType","FieldType"],"mappings":";;AAmBO,SAASA;IACZ,IAAIC,QAAQ;IACZ,IAAIC;IACJ,IAAIC;IAGJ,IAAIC;IAEJ,MAAMC,UAAmC;QACrC,OAAMC,IAAY;YACdL,QAAQK;YACR,OAAOD;QACX;QACA,MAAKE,CAAgB;YACjBL,OAAOK;YACP,OAAOF;QACX;QACA,QAAOG,OAAO;YACVL,gBAAgBK;YAChB,OAAOH;QACX;QACA,SAAQI,SAAS;YACbL,YAAYK;YACZ,OAAOJ;QACX;QACA,QAAOK,EAAU,EAAEC,QAA+B;YAC9C,MAAMC,gBAAgBT,gBAAgBA,cAAcQ,YAAY,CAAC;YACjE,IAAI,iBAAiBC,eACjB,MAAM,IAAIC,MACN,CAAC,UAAU,EAAEH,GAAG,mFAA0C,CAAC;YAInE,OAAO;gBAAEA;gBAAIT;gBAAOC;gBAAMU;gBAAe,SAASR;YAAU;QAChE;IACJ;IACA,OAAOC;AACX;AAEO,MAAMS,2BAA2BC;IAQpC,YAAYJ,QAA+B,CAAE;QACzC,KAAK,CAAC,gBARF,cAAc,GAAkC,CAAC,QACjD,OAAO,GAAG,YAGV,YAAY,GAAG,IAAIK;QAKvB,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;QACxB,IAAI,CAAC,SAAS,GAAGL;IACrB;IAEA,OAAOM,EAAsE,EAAQ;QACjF,IAAI,CAAC,cAAc,GAAGA,GAAG,IAAI,CAAC,SAAS;QACvC,OAAO,IAAI;IACf;IAES,OAAa;QAClB,IAAI,CAAC,OAAO,GAAG;QACf,IAAI,AAA0B,4BAA1B,IAAI,CAAC,OAAO,CAAC,QAAQ,EACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;QAE5B,OAAO,IAAI;IACf;IAEA,WAAWC,MAAoB,EAAQ;QACnC,IAAI,CAAC,WAAW,GAAGA;QACnB,OAAO,IAAI;IACf;IAEA,SAASR,EAAU,EAAES,SAAwC,EAAQ;QACjE,IAAIT,AAAO,kBAAPA,IACA,MAAM,IAAIG,MAAM;QAEpB,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAACH,KACtB,MAAM,IAAIG,MAAM,CAAC,uBAAuB,EAAEH,GAAG,EAAE,CAAC;QAEpD,IAAI,CAAC,YAAY,CAAC,GAAG,CAACA;QAEtB,MAAMU,KAAKpB;QACXmB,UAAUC;QAEV,IAAI,CAAC,IAAI,CAAC,UAAU,EAChB,IAAI,CAAC,UAAU,GAAG,EAAE;QAExB,IAAI,CAAC,UAAU,CAAC,IAAI,CAACA,GAAG,MAAM,CAACV,IAAI,IAAI,CAAC,SAAS;QAEjD,IACI,AAA0B,4BAA1B,IAAI,CAAC,OAAO,CAAC,QAAQ,IACrB,AAA0B,8BAA1B,IAAI,CAAC,OAAO,CAAC,QAAQ,EAErB,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;QAG5B,OAAO,IAAI;IACf;IAES,MAAMW,IAAY,EAAsB;QAC7C,IAAI,IAAI,CAAC,UAAU,IAAIC,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,GAC7D,MAAM,IAAIT,MACN,CAAC,cAAc,EAAEQ,KAAK,sIAA8C,CAAC;QAK7E,OAAO;YACH,GAAG,IAAI,CAAC,OAAO;YACfA;YACA,eAAe,IAAI,CAAC,cAAc;YAClC,QAAQ,IAAI,CAAC,OAAO;YACpB,YAAY,IAAI,CAAC,WAAW;YAC5B,WAAW,IAAI,CAAC,UAAU;QAC9B;IACJ;AACJ;AAEA,MAAME;IAEF,OAAOZ,QAA+B,EAAE;QACpC,OAAO,IAAIG,mBAAmBH;IAClC;;aAHS,IAAI,GAAG;;AAIpB;AAEO,MAAMa,kBAAkBC,UAAU,oBAAoB,CAAC;IAC1D,gBAAgBF;IAChB,cAAc,EAAE;AACpB"}
+{"version":3,"file":"features/formModel/fieldTypes/ObjectFieldType.js","sources":["../../../../src/features/formModel/fieldTypes/ObjectFieldType.ts"],"sourcesContent":["import type { z } from \"zod\";\nimport {\n    FieldType,\n    type IFieldTypeFactory,\n    type IFieldBuilder,\n    type IFieldBuilderRegistry,\n    type IObjectFieldBuilder,\n    type IObjectFieldConfig,\n    type ITemplateBuilder,\n    type ITemplateConfig,\n    type ITemplateIcon\n} from \"../abstractions.js\";\nimport type { IFormModel } from \"../abstractions.js\";\nimport { FieldBuilder } from \"../FieldBuilder.js\";\n\ninterface TemplateBuilderInternal extends ITemplateBuilder {\n    _build(id: string, registry: IFieldBuilderRegistry): ITemplateConfig;\n}\n\nexport function createTemplateBuilder(): TemplateBuilderInternal {\n    let label = \"\";\n    let icon: ITemplateIcon | undefined;\n    let fieldsFactory:\n        | ((registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder>)\n        | undefined;\n    let visibleFn: ((form: IFormModel) => boolean) | undefined;\n\n    const builder: TemplateBuilderInternal = {\n        label(text: string) {\n            label = text;\n            return builder;\n        },\n        icon(i: ITemplateIcon) {\n            icon = i;\n            return builder;\n        },\n        fields(factory) {\n            fieldsFactory = factory;\n            return builder;\n        },\n        visible(predicate) {\n            visibleFn = predicate;\n            return builder;\n        },\n        _build(id: string, registry: IFieldBuilderRegistry): ITemplateConfig {\n            const childBuilders = fieldsFactory ? fieldsFactory(registry) : {};\n            if (\"_templateId\" in childBuilders) {\n                throw new Error(\n                    `Template \"${id}\" defines a reserved field \"_templateId\". ` +\n                        `The discriminator is added automatically.`\n                );\n            }\n            for (const [fieldName, builder] of Object.entries(childBuilders)) {\n                if (builder) {\n                    builder.build(fieldName);\n                }\n            }\n            return { id, label, icon, childBuilders, visible: visibleFn };\n        }\n    };\n    return builder;\n}\n\nexport class ObjectFieldBuilder extends FieldBuilder<\"object\"> implements IObjectFieldBuilder {\n    private _childBuilders: Record<string, IFieldBuilder> = {};\n    private _isList = false;\n    private _listSchema?: z.ZodTypeAny;\n    private _templates?: ITemplateConfig[];\n    private _templateIds = new Set<string>();\n    private _registry: IFieldBuilderRegistry;\n\n    constructor(registry: IFieldBuilderRegistry) {\n        super(\"object\");\n        this._config.renderer = \"objectAccordionSingle\";\n        this._registry = registry;\n    }\n\n    fields(fn: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder>): this {\n        this._childBuilders = fn(this._registry);\n        return this;\n    }\n\n    override list(): this {\n        this._isList = true;\n        if (this._config.renderer === \"objectAccordionSingle\") {\n            this._config.renderer = \"objectAccordionMultiple\";\n        }\n        return this;\n    }\n\n    listSchema(schema: z.ZodTypeAny): this {\n        this._listSchema = schema;\n        return this;\n    }\n\n    template(id: string, configure: (t: ITemplateBuilder) => void): this {\n        if (id === \"_templateId\") {\n            throw new Error(`Template id \"_templateId\" is reserved. Choose a different id.`);\n        }\n        if (this._templateIds.has(id)) {\n            throw new Error(`Duplicate template id \"${id}\".`);\n        }\n        this._templateIds.add(id);\n\n        const tb = createTemplateBuilder();\n        configure(tb);\n\n        if (!this._templates) {\n            this._templates = [];\n        }\n        this._templates.push(tb._build(id, this._registry));\n\n        if (\n            this._config.renderer === \"objectAccordionSingle\" ||\n            this._config.renderer === \"objectAccordionMultiple\"\n        ) {\n            this._config.renderer = \"dynamicZone\";\n        }\n\n        return this;\n    }\n\n    override build(name: string): IObjectFieldConfig {\n        this._config.name = name;\n\n        if (this._templates && Object.keys(this._childBuilders).length > 0) {\n            throw new Error(\n                `Object field \"${name}\" has both .fields() and .template() defined. ` +\n                    `Templates are mutually exclusive with .fields(); each template defines its own children.`\n            );\n        }\n\n        return {\n            ...this._config,\n            childBuilders: this._childBuilders,\n            isList: this._isList,\n            listSchema: this._listSchema,\n            templates: this._templates\n        };\n    }\n}\n\nclass ObjectFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"object\";\n    create(registry: IFieldBuilderRegistry) {\n        return new ObjectFieldBuilder(registry);\n    }\n}\n\nexport const ObjectFieldType = FieldType.createImplementation({\n    implementation: ObjectFieldTypeFactory,\n    dependencies: []\n});\n\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        object(): IObjectFieldBuilder;\n    }\n}\n"],"names":["createTemplateBuilder","label","icon","fieldsFactory","visibleFn","builder","text","i","factory","predicate","id","registry","childBuilders","Error","fieldName","Object","ObjectFieldBuilder","FieldBuilder","Set","fn","schema","configure","tb","name","ObjectFieldTypeFactory","ObjectFieldType","FieldType"],"mappings":"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"}

package/features/formModel/fieldTypes/PasswordFieldType.d.ts

@@ -0,0 +1,18 @@
+import { type IFieldTypeFactory } from "../abstractions.js";
+import { FieldBuilder } from "../FieldBuilder.js";
+export declare class PasswordFieldBuilder extends FieldBuilder<"password"> {
+    constructor();
+}
+declare class PasswordFieldTypeFactory implements IFieldTypeFactory {
+    readonly type = "password";
+    create(_registry: any): PasswordFieldBuilder;
+}
+export declare const PasswordFieldType: typeof PasswordFieldTypeFactory & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
+};
+declare module "../abstractions.js" {
+    interface IFieldBuilderRegistry {
+        password(): IOptionsFieldBuilder<"password", string | null>;
+    }
+}
+export {};

package/features/formModel/fieldTypes/PasswordFieldType.js

@@ -0,0 +1,23 @@
+import { FieldType } from "../abstractions.js";
+import { FieldBuilder } from "../FieldBuilder.js";
+class PasswordFieldBuilder extends FieldBuilder {
+    constructor(){
+        super("password");
+        this._config.renderer = "passwordInput";
+    }
+}
+class PasswordFieldTypeFactory {
+    create(_registry) {
+        return new PasswordFieldBuilder();
+    }
+    constructor(){
+        this.type = "password";
+    }
+}
+const PasswordFieldType = FieldType.createImplementation({
+    implementation: PasswordFieldTypeFactory,
+    dependencies: []
+});
+export { PasswordFieldBuilder, PasswordFieldType };
+
+//# sourceMappingURL=PasswordFieldType.js.map

package/features/formModel/fieldTypes/PasswordFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/fieldTypes/PasswordFieldType.js","sources":["../../../../src/features/formModel/fieldTypes/PasswordFieldType.ts"],"sourcesContent":["import { FieldType, type IFieldTypeFactory, type IOptionsFieldBuilder } from \"../abstractions.js\";\nimport { FieldBuilder } from \"../FieldBuilder.js\";\n\nexport class PasswordFieldBuilder extends FieldBuilder<\"password\"> {\n    constructor() {\n        super(\"password\");\n        this._config.renderer = \"passwordInput\";\n    }\n}\n\nclass PasswordFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"password\";\n    create(_registry: any) {\n        return new PasswordFieldBuilder();\n    }\n}\n\nexport const PasswordFieldType = FieldType.createImplementation({\n    implementation: PasswordFieldTypeFactory,\n    dependencies: []\n});\n\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        password(): IOptionsFieldBuilder<\"password\", string | null>;\n    }\n}\n"],"names":["PasswordFieldBuilder","FieldBuilder","PasswordFieldTypeFactory","_registry","PasswordFieldType","FieldType"],"mappings":";;AAGO,MAAMA,6BAA6BC;IACtC,aAAc;QACV,KAAK,CAAC;QACN,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;IAC5B;AACJ;AAEA,MAAMC;IAEF,OAAOC,SAAc,EAAE;QACnB,OAAO,IAAIH;IACf;;aAHS,IAAI,GAAG;;AAIpB;AAEO,MAAMI,oBAAoBC,UAAU,oBAAoB,CAAC;IAC5D,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/features/formModel/fieldTypes/PermissionsFieldType.d.ts

@@ -0,0 +1,18 @@
+import { type IFieldTypeFactory } from "../abstractions.js";
+import { FieldBuilder } from "../FieldBuilder.js";
+export declare class PermissionsFieldBuilder extends FieldBuilder<"permissions"> {
+    constructor();
+}
+declare class PermissionsFieldTypeFactory implements IFieldTypeFactory {
+    readonly type = "permissions";
+    create(_registry: any): PermissionsFieldBuilder;
+}
+export declare const PermissionsFieldType: typeof PermissionsFieldTypeFactory & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
+};
+declare module "../abstractions.js" {
+    interface IFieldBuilderRegistry {
+        permissions(): IFieldBuilder<"permissions", false, unknown>;
+    }
+}
+export {};

package/features/formModel/fieldTypes/PermissionsFieldType.js

@@ -0,0 +1,27 @@
+import { z } from "zod";
+import { FieldType } from "../abstractions.js";
+import { FieldBuilder } from "../FieldBuilder.js";
+const permissionsSchema = z.array(z.record(z.string(), z.unknown())).min(1, "You must configure permissions before saving.");
+class PermissionsFieldBuilder extends FieldBuilder {
+    constructor(){
+        super("permissions");
+        this._config.renderer = "permissions";
+        this._config.defaultValue = [];
+        this._config.schema = permissionsSchema;
+    }
+}
+class PermissionsFieldTypeFactory {
+    create(_registry) {
+        return new PermissionsFieldBuilder();
+    }
+    constructor(){
+        this.type = "permissions";
+    }
+}
+const PermissionsFieldType = FieldType.createImplementation({
+    implementation: PermissionsFieldTypeFactory,
+    dependencies: []
+});
+export { PermissionsFieldBuilder, PermissionsFieldType };
+
+//# sourceMappingURL=PermissionsFieldType.js.map

package/features/formModel/fieldTypes/PermissionsFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/fieldTypes/PermissionsFieldType.js","sources":["../../../../src/features/formModel/fieldTypes/PermissionsFieldType.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { FieldType, type IFieldTypeFactory } from \"../abstractions.js\";\nimport { FieldBuilder } from \"../FieldBuilder.js\";\n\nconst permissionsSchema = z\n    .array(z.record(z.string(), z.unknown()))\n    .min(1, \"You must configure permissions before saving.\");\n\nexport class PermissionsFieldBuilder extends FieldBuilder<\"permissions\"> {\n    constructor() {\n        super(\"permissions\");\n        this._config.renderer = \"permissions\";\n        this._config.defaultValue = [];\n        this._config.schema = permissionsSchema;\n    }\n}\n\nclass PermissionsFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"permissions\";\n    create(_registry: any) {\n        return new PermissionsFieldBuilder();\n    }\n}\n\nexport const PermissionsFieldType = FieldType.createImplementation({\n    implementation: PermissionsFieldTypeFactory,\n    dependencies: []\n});\n\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        permissions(): IFieldBuilder<\"permissions\", false, unknown>;\n    }\n}\n"],"names":["permissionsSchema","z","PermissionsFieldBuilder","FieldBuilder","PermissionsFieldTypeFactory","_registry","PermissionsFieldType","FieldType"],"mappings":";;;AAIA,MAAMA,oBAAoBC,EAAAA,KAChB,CAACA,EAAE,MAAM,CAACA,EAAE,MAAM,IAAIA,EAAE,OAAO,KACpC,GAAG,CAAC,GAAG;AAEL,MAAMC,gCAAgCC;IACzC,aAAc;QACV,KAAK,CAAC;QACN,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;QACxB,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,EAAE;QAC9B,IAAI,CAAC,OAAO,CAAC,MAAM,GAAGH;IAC1B;AACJ;AAEA,MAAMI;IAEF,OAAOC,SAAc,EAAE;QACnB,OAAO,IAAIH;IACf;;aAHS,IAAI,GAAG;;AAIpB;AAEO,MAAMI,uBAAuBC,UAAU,oBAAoB,CAAC;IAC/D,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/features/formModel/fieldTypes/RolesMultiSelectFieldType.d.ts

@@ -0,0 +1,18 @@
+import { type IFieldTypeFactory } from "../abstractions.js";
+import { FieldBuilder } from "../FieldBuilder.js";
+export declare class RolesMultiSelectFieldBuilder extends FieldBuilder<"rolesMultiSelect"> {
+    constructor();
+}
+declare class RolesMultiSelectFieldTypeFactory implements IFieldTypeFactory {
+    readonly type = "rolesMultiSelect";
+    create(_registry: any): RolesMultiSelectFieldBuilder;
+}
+export declare const RolesMultiSelectFieldType: typeof RolesMultiSelectFieldTypeFactory & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
+};
+declare module "../abstractions.js" {
+    interface IFieldBuilderRegistry {
+        rolesMultiSelect(): IFieldBuilder<"rolesMultiSelect", false, unknown>;
+    }
+}
+export {};

package/features/formModel/fieldTypes/RolesMultiSelectFieldType.js

@@ -0,0 +1,24 @@
+import { FieldType } from "../abstractions.js";
+import { FieldBuilder } from "../FieldBuilder.js";
+class RolesMultiSelectFieldBuilder extends FieldBuilder {
+    constructor(){
+        super("rolesMultiSelect");
+        this._config.renderer = "rolesMultiSelect";
+        this._config.defaultValue = [];
+    }
+}
+class RolesMultiSelectFieldTypeFactory {
+    create(_registry) {
+        return new RolesMultiSelectFieldBuilder();
+    }
+    constructor(){
+        this.type = "rolesMultiSelect";
+    }
+}
+const RolesMultiSelectFieldType = FieldType.createImplementation({
+    implementation: RolesMultiSelectFieldTypeFactory,
+    dependencies: []
+});
+export { RolesMultiSelectFieldBuilder, RolesMultiSelectFieldType };
+
+//# sourceMappingURL=RolesMultiSelectFieldType.js.map

package/features/formModel/fieldTypes/RolesMultiSelectFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/fieldTypes/RolesMultiSelectFieldType.js","sources":["../../../../src/features/formModel/fieldTypes/RolesMultiSelectFieldType.ts"],"sourcesContent":["import { FieldType, type IFieldTypeFactory } from \"../abstractions.js\";\nimport { FieldBuilder } from \"../FieldBuilder.js\";\n\nexport class RolesMultiSelectFieldBuilder extends FieldBuilder<\"rolesMultiSelect\"> {\n    constructor() {\n        super(\"rolesMultiSelect\");\n        this._config.renderer = \"rolesMultiSelect\";\n        this._config.defaultValue = [];\n    }\n}\n\nclass RolesMultiSelectFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"rolesMultiSelect\";\n    create(_registry: any) {\n        return new RolesMultiSelectFieldBuilder();\n    }\n}\n\nexport const RolesMultiSelectFieldType = FieldType.createImplementation({\n    implementation: RolesMultiSelectFieldTypeFactory,\n    dependencies: []\n});\n\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        rolesMultiSelect(): IFieldBuilder<\"rolesMultiSelect\", false, unknown>;\n    }\n}\n"],"names":["RolesMultiSelectFieldBuilder","FieldBuilder","RolesMultiSelectFieldTypeFactory","_registry","RolesMultiSelectFieldType","FieldType"],"mappings":";;AAGO,MAAMA,qCAAqCC;IAC9C,aAAc;QACV,KAAK,CAAC;QACN,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;QACxB,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,EAAE;IAClC;AACJ;AAEA,MAAMC;IAEF,OAAOC,SAAc,EAAE;QACnB,OAAO,IAAIH;IACf;;aAHS,IAAI,GAAG;;AAIpB;AAEO,MAAMI,4BAA4BC,UAAU,oBAAoB,CAAC;IACpE,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/features/formModel/fieldTypes/index.d.ts

@@ -6,3 +6,6 @@ export { FileFieldType, FileFieldBuilder } from "./FileFieldType.js";
 export { FileUrlFieldType, FileUrlFieldBuilder } from "./FileUrlFieldType.js";
 export { ObjectFieldType, ObjectFieldBuilder } from "./ObjectFieldType.js";
 export { LexicalFieldType, LexicalFieldBuilder } from "./LexicalFieldType.js";
+export { PasswordFieldType, PasswordFieldBuilder } from "./PasswordFieldType.js";
+export { PermissionsFieldType, PermissionsFieldBuilder } from "./PermissionsFieldType.js";
+export { RolesMultiSelectFieldType, RolesMultiSelectFieldBuilder } from "./RolesMultiSelectFieldType.js";

package/features/formModel/fieldTypes/index.js

@@ -6,3 +6,6 @@ export { FileFieldBuilder, FileFieldType } from "./FileFieldType.js";
 export { FileUrlFieldBuilder, FileUrlFieldType } from "./FileUrlFieldType.js";
 export { ObjectFieldBuilder, ObjectFieldType } from "./ObjectFieldType.js";
 export { LexicalFieldBuilder, LexicalFieldType } from "./LexicalFieldType.js";
+export { PasswordFieldBuilder, PasswordFieldType } from "./PasswordFieldType.js";
+export { PermissionsFieldBuilder, PermissionsFieldType } from "./PermissionsFieldType.js";
+export { RolesMultiSelectFieldBuilder, RolesMultiSelectFieldType } from "./RolesMultiSelectFieldType.js";

package/features/formModel/hasSubtreeFocusRequest.d.ts

@@ -0,0 +1,12 @@
+import type { IFieldVM } from "../../features/formModel/abstractions.js";
+/**
+ * Reactively checks whether any field in `fields`, or (recursively) any child
+ * of a nested object field, currently has `focusRequested === true`.
+ *
+ * Reads the `focusRequested` observable on every visited field so that callers
+ * wrapped in a mobx `observer` re-render (and can force-open their accordion /
+ * dynamic-zone container) when a focus request lands anywhere in the subtree.
+ * This lets "jump to field" cascade open collapsed ancestors top-down, even
+ * for fields nested several levels deep inside repeatable/list objects.
+ */
+export declare const hasSubtreeFocusRequest: (fields: IFieldVM[]) => boolean;

package/features/formModel/hasSubtreeFocusRequest.js

@@ -0,0 +1,15 @@
+const hasSubtreeFocusRequest = (fields)=>{
+    for (const field of fields){
+        if (field.focusRequested) return true;
+        if ("object" === field.type) {
+            const objectField = field;
+            if (objectField.isList) {
+                for (const item of objectField.items)if (hasSubtreeFocusRequest(item.fields)) return true;
+            } else if (hasSubtreeFocusRequest(objectField.fields)) return true;
+        }
+    }
+    return false;
+};
+export { hasSubtreeFocusRequest };
+
+//# sourceMappingURL=hasSubtreeFocusRequest.js.map

package/features/formModel/hasSubtreeFocusRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/hasSubtreeFocusRequest.js","sources":["../../../src/features/formModel/hasSubtreeFocusRequest.ts"],"sourcesContent":["import type { IFieldVM, IObjectFieldVM } from \"~/features/formModel/abstractions.js\";\n\n/**\n * Reactively checks whether any field in `fields`, or (recursively) any child\n * of a nested object field, currently has `focusRequested === true`.\n *\n * Reads the `focusRequested` observable on every visited field so that callers\n * wrapped in a mobx `observer` re-render (and can force-open their accordion /\n * dynamic-zone container) when a focus request lands anywhere in the subtree.\n * This lets \"jump to field\" cascade open collapsed ancestors top-down, even\n * for fields nested several levels deep inside repeatable/list objects.\n */\nexport const hasSubtreeFocusRequest = (fields: IFieldVM[]): boolean => {\n    for (const field of fields) {\n        // Read the observable first so this stays reactive even when a shallow\n        // match short-circuits later fields.\n        if (field.focusRequested) {\n            return true;\n        }\n\n        if (field.type === \"object\") {\n            const objectField = field as IObjectFieldVM;\n            if (objectField.isList) {\n                for (const item of objectField.items) {\n                    if (hasSubtreeFocusRequest(item.fields)) {\n                        return true;\n                    }\n                }\n            } else if (hasSubtreeFocusRequest(objectField.fields)) {\n                return true;\n            }\n        }\n    }\n\n    return false;\n};\n"],"names":["hasSubtreeFocusRequest","fields","field","objectField","item"],"mappings":"AAYO,MAAMA,yBAAyB,CAACC;IACnC,KAAK,MAAMC,SAASD,OAAQ;QAGxB,IAAIC,MAAM,cAAc,EACpB,OAAO;QAGX,IAAIA,AAAe,aAAfA,MAAM,IAAI,EAAe;YACzB,MAAMC,cAAcD;YACpB,IAAIC,YAAY,MAAM,EAClB;gBAAA,KAAK,MAAMC,QAAQD,YAAY,KAAK,CAChC,IAAIH,uBAAuBI,KAAK,MAAM,GAClC,OAAO;YAEf,OACG,IAAIJ,uBAAuBG,YAAY,MAAM,GAChD,OAAO;QAEf;IACJ;IAEA,OAAO;AACX"}

package/features/formModel/index.d.ts

@@ -1,8 +1,7 @@
 export { FormModelFeature } from "./feature.js";
 import "./renderers.js";
-export { FormModelFactory, FormModel, RuleEvaluator, FieldType, FieldBuilderRegistry } from "./abstractions.js";
-export type { IFieldRendererRegistry, FieldRendererName, FieldRendererSettings, IFormModelFactory, IFormModelConfig, ILayoutBuilder, ILayoutNodeBuilder, IRowBuilder, ISeparatorBuilder, ITabBuilder, ITabsBuilder, IElementBuilder, IObjectBuilder, IFieldBuilder, IOptionsFieldBuilder, IObjectFieldBuilder, IFieldBuilderRegistry, IFormModel, IField, IObjectField, IObjectFieldConfig, IListItemField, IObjectFieldVM, IObjectFieldItemVM, ITemplateBuilder, ITemplateIcon, ITemplateConfig, ITemplateVM, IObjectFieldTemplates, FieldTypeMap, ITypedField, IFieldConfig, IFieldVM, IFieldValidation, IFormVM, IFormError, IValueOption, IRowNode, IRowNodeHandle, IRowNodeVM, ISeparatorNode, ISeparatorNodeVM, ITabsNode, ITabDefinition, ITabsNodeVM, ITabDefinitionVM, IElementNode, IElementNodeVM, IObjectNode, ILayoutNodeAccessHandle, LayoutNodeHandleMap, ITabsHandle, ITabHandle, LayoutNode, LayoutNodeVM, LayoutPosition, IPositionedLayoutNode, ILayoutNodeHandle, ILayoutModifier, IFormModifier, IRule, IRuleEvaluator, RuleAction, BeforeChangeCallback, AfterChangeCallback, AfterSetValueCallback, OnBlurCallback, CloneValueCallback, IFieldTypeFactory, FileValue } from "./abstractions.js";
-export { FormModel as FormModelImpl } from "./FormModel.js";
+export { FormModelFactory, RuleEvaluator, FieldType, FieldBuilderRegistry } from "./abstractions.js";
+export type { FormModel, IFieldRendererRegistry, FieldRendererName, FieldRendererSettings, IFormModelFactory, IFormModelConfig, ILayoutBuilder, ILayoutNodeBuilder, IRowBuilder, ISeparatorBuilder, ITabBuilder, ITabsBuilder, IElementBuilder, IObjectBuilder, IFieldBuilder, IOptionsFieldBuilder, IObjectFieldBuilder, IFieldBuilderRegistry, IFormModel, IField, IObjectField, IObjectFieldConfig, IListItemField, IObjectFieldVM, IObjectFieldItemVM, ITemplateBuilder, ITemplateIcon, ITemplateConfig, ITemplateVM, IObjectFieldTemplates, FieldTypeMap, ITypedField, IFieldConfig, IFieldVM, IFieldValidation, IFormVM, IFormError, IValueOption, IRowNode, IRowNodeHandle, IRowNodeVM, ISeparatorNode, ISeparatorNodeVM, IAlertNode, IAlertNodeVM, ITabsNode, ITabDefinition, ITabsNodeVM, ITabDefinitionVM, IElementNode, IElementNodeVM, IObjectNode, ILayoutNodeAccessHandle, LayoutNodeHandleMap, ITabsHandle, ITabHandle, LayoutNode, LayoutNodeVM, LayoutPosition, IPositionedLayoutNode, ILayoutNodeHandle, ILayoutModifier, IFormModifier, IRule, IRuleEvaluator, RuleAction, BeforeChangeCallback, AfterChangeCallback, AfterSetValueCallback, OnBlurCallback, CloneValueCallback, IFieldTypeFactory, FileValue } from "./abstractions.js";
 export { Field } from "./Field.js";
 export { FieldBuilder, createFieldBuilderRegistry } from "./FieldBuilder.js";
 import "./fieldTypes/TextFieldType.js";
@@ -16,6 +15,7 @@ export { TextFieldType, TextFieldBuilder, NumberFieldType, NumberFieldBuilder, B
 export { ObjectField, isObjectField } from "./ObjectField.js";
 export { ConditionRuleEvaluator } from "./ConditionRuleEvaluator.js";
 export { createFieldRenderer, createObjectFieldRenderer } from "./createFieldRenderer.js";
+export { hasSubtreeFocusRequest } from "./hasSubtreeFocusRequest.js";
 export { FormErrors } from "./FormErrors.js";
 export { PresenterErrors } from "./PresenterErrors.js";
 export { FormView, LayoutNodeRenderer, useFormViewRenderers } from "./FormView.js";

package/features/formModel/index.js

@@ -1,20 +1,20 @@
-import "./fieldTypes/BooleanFieldType.js";
-import "./renderers.js";
 import "./fieldTypes/DateTimeFieldType.js";
+import "./renderers.js";
 import "./fieldTypes/FileFieldType.js";
 import "./fieldTypes/FileUrlFieldType.js";
 import "./fieldTypes/ObjectFieldType.js";
 import "./fieldTypes/TextFieldType.js";
 import "./fieldTypes/NumberFieldType.js";
+import "./fieldTypes/BooleanFieldType.js";
 export { FormModelFeature } from "./feature.js";
-export { FieldBuilderRegistry, FieldType, FormModel, FormModelFactory, RuleEvaluator } from "./abstractions.js";
-export { FormModel as FormModelImpl } from "./FormModel.js";
+export { FieldBuilderRegistry, FieldType, FormModelFactory, RuleEvaluator } from "./abstractions.js";
 export { Field } from "./Field.js";
 export { FieldBuilder, createFieldBuilderRegistry } from "./FieldBuilder.js";
 export { BooleanFieldBuilder, BooleanFieldType, DateTimeFieldBuilder, DateTimeFieldType, FileFieldBuilder, FileFieldType, FileUrlFieldBuilder, FileUrlFieldType, NumberFieldBuilder, NumberFieldType, ObjectFieldBuilder, ObjectFieldType, TextFieldBuilder, TextFieldType } from "./fieldTypes/index.js";
 export { ObjectField, isObjectField } from "./ObjectField.js";
 export { ConditionRuleEvaluator } from "./ConditionRuleEvaluator.js";
 export { createFieldRenderer, createObjectFieldRenderer } from "./createFieldRenderer.js";
+export { hasSubtreeFocusRequest } from "./hasSubtreeFocusRequest.js";
 export { FormErrors } from "./FormErrors.js";
 export { PresenterErrors } from "./PresenterErrors.js";
 export { FormView, LayoutNodeRenderer, useFormViewRenderers } from "./FormView.js";

package/features/formModel/renderers.d.ts

@@ -1,5 +1,6 @@
 import "../../base/Base/FieldRenderers/InputRenderer.js";
 import "../../base/Base/FieldRenderers/SelectRenderer.js";
+import "../../base/Base/FieldRenderers/AutoCompleteRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js";
@@ -19,3 +20,7 @@ import "../../base/Base/FieldRenderers/HiddenRenderer.js";
 import "../../base/Base/FieldRenderers/FilePickerRenderer.js";
 import "../../base/Base/FieldRenderers/CodeEditorRenderer.js";
 import "../../base/Base/FieldRenderers/LexicalRenderer.js";
+import "../../base/Base/FieldRenderers/PasswordInputRenderer.js";
+import "../../base/Base/FieldRenderers/PermissionsRenderer.js";
+import "../../base/Base/FieldRenderers/RolesMultiSelectRenderer.js";
+import "../../base/Base/FieldRenderers/ApiKeyTokenRenderer.js";

package/features/formModel/renderers.js

@@ -1,5 +1,6 @@
 import "../../base/Base/FieldRenderers/InputRenderer.js";
 import "../../base/Base/FieldRenderers/SelectRenderer.js";
+import "../../base/Base/FieldRenderers/AutoCompleteRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js";
@@ -19,3 +20,7 @@ import "../../base/Base/FieldRenderers/HiddenRenderer.js";
 import "../../base/Base/FieldRenderers/FilePickerRenderer.js";
 import "../../base/Base/FieldRenderers/CodeEditorRenderer.js";
 import "../../base/Base/FieldRenderers/LexicalRenderer.js";
+import "../../base/Base/FieldRenderers/PasswordInputRenderer.js";
+import "../../base/Base/FieldRenderers/PermissionsRenderer.js";
+import "../../base/Base/FieldRenderers/RolesMultiSelectRenderer.js";
+import "../../base/Base/FieldRenderers/ApiKeyTokenRenderer.js";

package/features/listCache/ListCache.d.ts

@@ -11,18 +11,21 @@ export interface IListCache<T> {
     getItems(): T[];
     getItem(predicate: IListCachePredicate<T>): T | undefined;
     addItems(items: T[]): void;
+    setItems(items: T[]): void;
     updateItems(updater: IListCacheItemUpdater<T>): void;
     removeItems(predicate: IListCachePredicate<T>): void;
 }
 export declare class ListCache<T> implements IListCache<T> {
     private state;
-    constructor();
+    private keyField;
+    constructor(keyField?: string);
     count(): number;
     clear(): void;
     hasItems(): boolean;
     getItems(): T[];
     getItem(predicate: IListCachePredicate<T>): T | undefined;
     addItems(items: T[]): void;
+    setItems(items: T[]): void;
     updateItems(updater: IListCacheItemUpdater<T>): void;
     removeItems(predicate: IListCachePredicate<T>): void;
 }

package/features/listCache/ListCache.js

@@ -1,9 +1,12 @@
 import { makeAutoObservable, runInAction, toJS } from "mobx";
 import unionBy from "lodash/unionBy.js";
 class ListCache {
-    constructor(){
+    constructor(keyField = "id"){
         this.state = [];
-        makeAutoObservable(this);
+        this.keyField = keyField;
+        makeAutoObservable(this, {
+            keyField: false
+        });
     }
     count() {
         return this.state.length;
@@ -27,7 +30,14 @@ class ListCache {
     }
     addItems(items) {
         runInAction(()=>{
-            this.state = unionBy(this.state, items, "id");
+            this.state = unionBy(items, this.state, this.keyField);
+        });
+    }
+    setItems(items) {
+        runInAction(()=>{
+            this.state = [
+                ...items
+            ];
         });
     }
     updateItems(updater) {

package/features/listCache/ListCache.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/listCache/ListCache.js","sources":["../../../src/features/listCache/ListCache.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, toJS } from \"mobx\";\nimport unionBy from \"lodash/unionBy.js\";\n\nexport interface IListCachePredicate<T> {\n    (item: T): boolean;\n}\n\nexport interface IListCacheItemUpdater<T> {\n    (item: T): T;\n}\n\nexport interface IListCache<T> {\n    count(): number;\n    clear(): void;\n    hasItems(): boolean;\n    getItems(): T[];\n    getItem(predicate: IListCachePredicate<T>): T | undefined;\n    addItems(items: T[]): void;\n    updateItems(updater: IListCacheItemUpdater<T>): void;\n    removeItems(predicate: IListCachePredicate<T>): void;\n}\n\nexport class ListCache<T> implements IListCache<T> {\n    private state: T[];\n\n    constructor() {\n        this.state = [];\n\n        makeAutoObservable(this);\n    }\n\n    count() {\n        return this.state.length;\n    }\n\n    clear() {\n        runInAction(() => {\n            this.state = [];\n        });\n    }\n\n    hasItems() {\n        return this.state.length > 0;\n    }\n\n    getItems() {\n        return [...this.state.map(item => toJS(item))];\n    }\n\n    getItem(predicate: IListCachePredicate<T>): T | undefined {\n        const item = this.state.find(item => predicate(item));\n\n        return item ? toJS(item) : undefined;\n    }\n\n    addItems(items: T[]) {\n        runInAction(() => {\n            this.state = unionBy(this.state, items, \"id\");\n        });\n    }\n\n    updateItems(updater: IListCacheItemUpdater<T>) {\n        runInAction(() => {\n            this.state = [...this.state.map(item => updater(item))];\n        });\n    }\n\n    removeItems(predicate: IListCachePredicate<T>) {\n        runInAction(() => {\n            this.state = this.state.filter(item => !predicate(item));\n        });\n    }\n}\n"],"names":["ListCache","makeAutoObservable","runInAction","item","toJS","predicate","undefined","items","unionBy","updater"],"mappings":";;AAsBO,MAAMA;IAGT,aAAc;QACV,IAAI,CAAC,KAAK,GAAG,EAAE;QAEfC,mBAAmB,IAAI;IAC3B;IAEA,QAAQ;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;IAC5B;IAEA,QAAQ;QACJC,YAAY;YACR,IAAI,CAAC,KAAK,GAAG,EAAE;QACnB;IACJ;IAEA,WAAW;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG;IAC/B;IAEA,WAAW;QACP,OAAO;eAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,CAAAA,OAAQC,KAAKD;SAAO;IAClD;IAEA,QAAQE,SAAiC,EAAiB;QACtD,MAAMF,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAACA,CAAAA,OAAQE,UAAUF;QAE/C,OAAOA,OAAOC,KAAKD,QAAQG;IAC/B;IAEA,SAASC,KAAU,EAAE;QACjBL,YAAY;YACR,IAAI,CAAC,KAAK,GAAGM,QAAQ,IAAI,CAAC,KAAK,EAAED,OAAO;QAC5C;IACJ;IAEA,YAAYE,OAAiC,EAAE;QAC3CP,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,CAAAA,OAAQM,QAAQN;aAAO;QAC3D;IACJ;IAEA,YAAYE,SAAiC,EAAE;QAC3CH,YAAY;YACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACC,CAAAA,OAAQ,CAACE,UAAUF;QACtD;IACJ;AACJ"}
+{"version":3,"file":"features/listCache/ListCache.js","sources":["../../../src/features/listCache/ListCache.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, toJS } from \"mobx\";\nimport unionBy from \"lodash/unionBy.js\";\n\nexport interface IListCachePredicate<T> {\n    (item: T): boolean;\n}\n\nexport interface IListCacheItemUpdater<T> {\n    (item: T): T;\n}\n\nexport interface IListCache<T> {\n    count(): number;\n    clear(): void;\n    hasItems(): boolean;\n    getItems(): T[];\n    getItem(predicate: IListCachePredicate<T>): T | undefined;\n    addItems(items: T[]): void;\n    setItems(items: T[]): void;\n    updateItems(updater: IListCacheItemUpdater<T>): void;\n    removeItems(predicate: IListCachePredicate<T>): void;\n}\n\nexport class ListCache<T> implements IListCache<T> {\n    private state: T[];\n    private keyField: string;\n\n    constructor(keyField = \"id\") {\n        this.state = [];\n        this.keyField = keyField;\n\n        makeAutoObservable<ListCache<T>, \"keyField\">(this, {\n            keyField: false\n        });\n    }\n\n    count() {\n        return this.state.length;\n    }\n\n    clear() {\n        runInAction(() => {\n            this.state = [];\n        });\n    }\n\n    hasItems() {\n        return this.state.length > 0;\n    }\n\n    getItems() {\n        return [...this.state.map(item => toJS(item))];\n    }\n\n    getItem(predicate: IListCachePredicate<T>): T | undefined {\n        const item = this.state.find(item => predicate(item));\n\n        return item ? toJS(item) : undefined;\n    }\n\n    addItems(items: T[]) {\n        runInAction(() => {\n            this.state = unionBy(items, this.state, this.keyField);\n        });\n    }\n\n    setItems(items: T[]) {\n        runInAction(() => {\n            this.state = [...items];\n        });\n    }\n\n    updateItems(updater: IListCacheItemUpdater<T>) {\n        runInAction(() => {\n            this.state = [...this.state.map(item => updater(item))];\n        });\n    }\n\n    removeItems(predicate: IListCachePredicate<T>) {\n        runInAction(() => {\n            this.state = this.state.filter(item => !predicate(item));\n        });\n    }\n}\n"],"names":["ListCache","keyField","makeAutoObservable","runInAction","item","toJS","predicate","undefined","items","unionBy","updater"],"mappings":";;AAuBO,MAAMA;IAIT,YAAYC,WAAW,IAAI,CAAE;QACzB,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,IAAI,CAAC,QAAQ,GAAGA;QAEhBC,mBAA6C,IAAI,EAAE;YAC/C,UAAU;QACd;IACJ;IAEA,QAAQ;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;IAC5B;IAEA,QAAQ;QACJC,YAAY;YACR,IAAI,CAAC,KAAK,GAAG,EAAE;QACnB;IACJ;IAEA,WAAW;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG;IAC/B;IAEA,WAAW;QACP,OAAO;eAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,CAAAA,OAAQC,KAAKD;SAAO;IAClD;IAEA,QAAQE,SAAiC,EAAiB;QACtD,MAAMF,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAACA,CAAAA,OAAQE,UAAUF;QAE/C,OAAOA,OAAOC,KAAKD,QAAQG;IAC/B;IAEA,SAASC,KAAU,EAAE;QACjBL,YAAY;YACR,IAAI,CAAC,KAAK,GAAGM,QAAQD,OAAO,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ;QACzD;IACJ;IAEA,SAASA,KAAU,EAAE;QACjBL,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAIK;aAAM;QAC3B;IACJ;IAEA,YAAYE,OAAiC,EAAE;QAC3CP,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,CAAAA,OAAQM,QAAQN;aAAO;QAC3D;IACJ;IAEA,YAAYE,SAAiC,EAAE;QAC3CH,YAAY;YACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACC,CAAAA,OAAQ,CAACE,UAAUF;QACtD;IACJ;AACJ"}

package/features/notifications/Notifications.d.ts

@@ -0,0 +1,16 @@
+import { Notifications as Abstraction, type INotification, type INotificationInput } from "./abstractions.js";
+declare class NotificationsImpl implements Abstraction.Interface {
+    private notifications;
+    private counter;
+    constructor();
+    notify(input: INotificationInput): void;
+    success(input: INotificationInput): void;
+    warning(input: INotificationInput): void;
+    getNotifications(): INotification[];
+    remove(id: string): void;
+    private push;
+}
+export declare const Notifications: typeof NotificationsImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").INotifications>;
+};
+export {};

package/features/notifications/Notifications.js

@@ -0,0 +1,39 @@
+import { makeAutoObservable } from "mobx";
+import { Notifications } from "./abstractions.js";
+class NotificationsImpl {
+    constructor(){
+        this.notifications = [];
+        this.counter = 0;
+        makeAutoObservable(this);
+    }
+    notify(input) {
+        this.push(input, "default");
+    }
+    success(input) {
+        this.push(input, "success");
+    }
+    warning(input) {
+        this.push(input, "warning");
+    }
+    getNotifications() {
+        return this.notifications;
+    }
+    remove(id) {
+        this.notifications = this.notifications.filter((notification)=>notification.id !== id);
+    }
+    push(input, variant) {
+        this.counter++;
+        this.notifications.push({
+            id: `notification-${this.counter}`,
+            variant,
+            ...input
+        });
+    }
+}
+const Notifications_Notifications = Notifications.createImplementation({
+    implementation: NotificationsImpl,
+    dependencies: []
+});
+export { Notifications_Notifications as Notifications };
+
+//# sourceMappingURL=Notifications.js.map