@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

package/presentation/contentModels/components/fullDelete/useCancelDelete.js

@@ -0,0 +1,25 @@
+import { useSnackbar } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useContentModelsPresenter } from "../../useContentModelsPresenter.js";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/fully-delete-model");
+const useCancelDelete = ({ model })=>{
+    const presenter = useContentModelsPresenter();
+    const { showSnackbar } = useSnackbar();
+    return {
+        cancel: async ()=>{
+            try {
+                await presenter.cancelDelete(model.modelId);
+                showSnackbar(t`Successfully canceled {name} deletion!.`({
+                    name: model.name
+                }));
+            } catch (ex) {
+                showSnackbar(ex.message, {
+                    title: t`Something unexpected happened.`
+                });
+            }
+        }
+    };
+};
+export { useCancelDelete };
+
+//# sourceMappingURL=useCancelDelete.js.map

package/presentation/contentModels/components/fullDelete/useCancelDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentModels/components/fullDelete/useCancelDelete.js","sources":["../../../../../src/presentation/contentModels/components/fullDelete/useCancelDelete.tsx"],"sourcesContent":["import type { CmsModel } from \"~/types.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useContentModelsPresenter } from \"~/presentation/contentModels/useContentModelsPresenter.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/fully-delete-model\");\n\nexport interface IUseCancelDeleteProps {\n    model: CmsModel;\n}\n\nexport const useCancelDelete = ({ model }: IUseCancelDeleteProps) => {\n    const presenter = useContentModelsPresenter();\n    const { showSnackbar } = useSnackbar();\n\n    return {\n        cancel: async () => {\n            try {\n                await presenter.cancelDelete(model.modelId);\n                showSnackbar(t`Successfully canceled {name} deletion!.`({ name: model.name }));\n            } catch (ex: any) {\n                showSnackbar(ex.message, {\n                    title: t`Something unexpected happened.`\n                });\n            }\n        }\n    };\n};\n"],"names":["t","i18n","useCancelDelete","model","presenter","useContentModelsPresenter","showSnackbar","useSnackbar","ex"],"mappings":";;;AAKA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAMX,MAAMC,kBAAkB,CAAC,EAAEC,KAAK,EAAyB;IAC5D,MAAMC,YAAYC;IAClB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,OAAO;QACH,QAAQ;YACJ,IAAI;gBACA,MAAMH,UAAU,YAAY,CAACD,MAAM,OAAO;gBAC1CG,aAAaN,CAAC,CAAC,uCAAuC,CAAC,CAAC;oBAAE,MAAMG,MAAM,IAAI;gBAAC;YAC/E,EAAE,OAAOK,IAAS;gBACdF,aAAaE,GAAG,OAAO,EAAE;oBACrB,OAAOR,CAAC,CAAC,8BAA8B,CAAC;gBAC5C;YACJ;QACJ;IACJ;AACJ"}

package/presentation/contentModels/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const ContentModelsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IContentModelsPresenter;
+}, []>;

package/presentation/contentModels/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { ContentModelsPresenter } from "./abstractions.js";
+import { ContentModelsPresenter as external_ContentModelsPresenter_js_ContentModelsPresenter } from "./ContentModelsPresenter.js";
+const ContentModelsPresenterFeature = createFeature({
+    name: "CmsContentModels/Presenter",
+    register (container) {
+        container.register(external_ContentModelsPresenter_js_ContentModelsPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(ContentModelsPresenter)
+        };
+    }
+});
+export { ContentModelsPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/contentModels/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentModels/feature.js","sources":["../../../src/presentation/contentModels/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ContentModelsPresenter as Abstraction } from \"./abstractions.js\";\nimport { ContentModelsPresenter } from \"./ContentModelsPresenter.js\";\n\nexport const ContentModelsPresenterFeature = createFeature({\n    name: \"CmsContentModels/Presenter\",\n    register(container) {\n        container.register(ContentModelsPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["ContentModelsPresenterFeature","createFeature","container","ContentModelsPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,gCAAgCC,cAAc;IACvD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,2DAAwB,gBAAgB;IAC/D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/contentModels/useContentModelsPresenter.d.ts

@@ -0,0 +1 @@
+export declare const useContentModelsPresenter: () => import("./abstractions.js").IContentModelsPresenter;

package/presentation/contentModels/useContentModelsPresenter.js

@@ -0,0 +1,9 @@
+import { useFeature } from "@webiny/app";
+import { ContentModelsPresenterFeature } from "./feature.js";
+const useContentModelsPresenter = ()=>{
+    const { presenter } = useFeature(ContentModelsPresenterFeature);
+    return presenter;
+};
+export { useContentModelsPresenter };
+
+//# sourceMappingURL=useContentModelsPresenter.js.map

package/presentation/contentModels/useContentModelsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentModels/useContentModelsPresenter.js","sources":["../../../src/presentation/contentModels/useContentModelsPresenter.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { ContentModelsPresenterFeature } from \"./feature.js\";\n\nexport const useContentModelsPresenter = () => {\n    const { presenter } = useFeature(ContentModelsPresenterFeature);\n    return presenter;\n};\n"],"names":["useContentModelsPresenter","presenter","useFeature","ContentModelsPresenterFeature"],"mappings":";;AAGO,MAAMA,4BAA4B;IACrC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,OAAOF;AACX"}

package/presentation/contentModels/utils/download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentModels/utils/download.js","sources":["../../../../src/presentation/contentModels/utils/download.ts"],"sourcesContent":["import type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\n\ninterface Params {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\nconst getName = (models: CmsModel[]): string => {\n    if (models.length > 1) {\n        return \"groups-and-models\";\n    }\n    const [model] = models;\n    return model.modelId.toLowerCase();\n};\n\nexport const download = (params: Params): void => {\n    const { models } = params;\n    let element: HTMLAnchorElement | null = document.createElement(\"a\");\n    const data = new Blob([JSON.stringify(params)], {\n        type: \"application/json;charset=utf-8\"\n    });\n    const name = getName(models);\n    element.download = `webiny-${name}.json`;\n    element.href = URL.createObjectURL(data);\n    element.click();\n    element.remove();\n    element = null;\n};\n"],"names":["getName","models","model","download","params","element","document","data","Blob","JSON","name","URL"],"mappings":"AAOA,MAAMA,UAAU,CAACC;IACb,IAAIA,OAAO,MAAM,GAAG,GAChB,OAAO;IAEX,MAAM,CAACC,MAAM,GAAGD;IAChB,OAAOC,MAAM,OAAO,CAAC,WAAW;AACpC;AAEO,MAAMC,WAAW,CAACC;IACrB,MAAM,EAAEH,MAAM,EAAE,GAAGG;IACnB,IAAIC,UAAoCC,SAAS,aAAa,CAAC;IAC/D,MAAMC,OAAO,IAAIC,KAAK;QAACC,KAAK,SAAS,CAACL;KAAQ,EAAE;QAC5C,MAAM;IACV;IACA,MAAMM,OAAOV,QAAQC;IACrBI,QAAQ,QAAQ,GAAG,CAAC,OAAO,EAAEK,KAAK,KAAK,CAAC;IACxCL,QAAQ,IAAI,GAAGM,IAAI,eAAe,CAACJ;IACnCF,QAAQ,KAAK;IACbA,QAAQ,MAAM;IACdA,UAAU;AACd"}

package/presentation/fieldEditor/FieldEditorPresenter.d.ts

@@ -0,0 +1,26 @@
+import { FormModelFactory } from "@webiny/app-admin";
+import type { ICmsFieldEditorGroup, ICmsFieldEditorGroupModifier, IFieldEditorPresenter } from "./abstractions.js";
+import type { ICmsFieldType } from "../../presentation/fieldTypes/abstractions.js";
+import type { CmsModel, CmsModelField } from "../../types.js";
+declare class FieldEditorPresenterImpl implements IFieldEditorPresenter {
+    private factory;
+    private groups;
+    private modifiers;
+    private fieldTypes;
+    private form;
+    private context;
+    private originalField;
+    constructor(factory: FormModelFactory.Interface, groups: ICmsFieldEditorGroup[], modifiers: ICmsFieldEditorGroupModifier[] | undefined, fieldTypes: ICmsFieldType[]);
+    get vm(): {
+        form: import("@webiny/app-admin").IFormVM | null;
+    };
+    init(field: CmsModelField, model: CmsModel): void;
+    submit(): Promise<CmsModelField | false>;
+    private buildForm;
+    private collectGroups;
+    private getApplicableModifiers;
+}
+export declare const FieldEditorPresenterRegistration: typeof FieldEditorPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldEditorPresenter>;
+};
+export {};

package/presentation/fieldEditor/FieldEditorPresenter.js

@@ -0,0 +1,151 @@
+import { computed, makeAutoObservable } from "mobx";
+import { FormModelFactory } from "@webiny/app-admin";
+import cloneDeep from "lodash/cloneDeep.js";
+import { CmsFieldEditorGroup, CmsFieldEditorGroupModifier, FieldEditorPresenter } from "./abstractions.js";
+import { CmsFieldType } from "../fieldTypes/abstractions.js";
+class FieldEditorPresenterImpl {
+    constructor(factory, groups, modifiers, fieldTypes){
+        this.factory = factory;
+        this.groups = groups;
+        this.modifiers = modifiers;
+        this.fieldTypes = fieldTypes;
+        this.form = null;
+        this.context = null;
+        this.originalField = null;
+        makeAutoObservable(this, {
+            vm: computed
+        }, {
+            autoBind: true
+        });
+    }
+    get vm() {
+        return {
+            form: this.form ? this.form.vm : null
+        };
+    }
+    init(field, model) {
+        this.originalField = cloneDeep(field);
+        const fieldType = this.fieldTypes.find((ft)=>ft.type === field.type);
+        if (!fieldType) throw new Error(`Unknown field type: ${field.type}`);
+        this.context = {
+            field,
+            model,
+            fieldType
+        };
+        this.form = this.buildForm(this.context);
+        const data = {};
+        for (const group of this.groups)data[group.name] = group.mapToForm(field, this.context);
+        for (const mod of this.getApplicableModifiers(this.context))if (mod.mapToForm) {
+            const modData = mod.mapToForm(field, this.context);
+            data[mod.group] = {
+                ...data[mod.group],
+                ...modData
+            };
+        }
+        this.form.setData(data);
+    }
+    async submit() {
+        if (!this.form || !this.context || !this.originalField) return false;
+        const data = await this.form.submit();
+        if (!data) return false;
+        const field = cloneDeep(this.originalField);
+        for (const group of this.groups)group.mapFromForm(data[group.name] ?? {}, field, this.context);
+        for (const mod of this.getApplicableModifiers(this.context))if (mod.mapFromForm) mod.mapFromForm(data[mod.group] ?? {}, field, this.context);
+        return field;
+    }
+    buildForm(context) {
+        const collected = this.collectGroups(context);
+        return this.factory.create({
+            fields: (registry)=>{
+                const result = {};
+                for (const { group, fieldsFns } of collected)result[group.name] = registry.object().label(group.label).renderer("passthrough").fields((childRegistry)=>{
+                    const merged = {};
+                    for (const fn of fieldsFns)Object.assign(merged, fn(childRegistry));
+                    return merged;
+                });
+                return result;
+            },
+            layout: (layout)=>{
+                const tabs = layout.tabs("field-settings").renderer("tabsHorizontal", {
+                    spacing: "lg",
+                    size: "md",
+                    separator: true
+                });
+                for (const { group, layoutFns } of collected)tabs.tab(group.name, (tab)=>{
+                    tab.label(group.label);
+                    if ("predefinedValues" === group.name) tab.rules([
+                        {
+                            type: "condition",
+                            target: "general.predefinedValuesEnabled",
+                            operator: "isFalsy",
+                            value: null,
+                            action: "disable"
+                        }
+                    ]);
+                    tab.layout((l)=>[
+                            l.object(group.name, (inner)=>layoutFns.flatMap((fn)=>fn(inner)))
+                        ]);
+                });
+                return [
+                    tabs
+                ];
+            }
+        });
+    }
+    collectGroups(context) {
+        return this.groups.map((group)=>{
+            const fieldsFns = [];
+            const layoutFns = [];
+            const builder = {
+                fields (fn) {
+                    fieldsFns.push(fn);
+                },
+                layout (fn) {
+                    layoutFns.push(fn);
+                }
+            };
+            group.buildForm(builder, context);
+            for (const mod of this.getApplicableModifiers(context))if (mod.group === group.name) mod.modifyForm(builder, context);
+            return {
+                group,
+                fieldsFns,
+                layoutFns
+            };
+        });
+    }
+    getApplicableModifiers(context) {
+        if (!this.modifiers) return [];
+        return this.modifiers.filter((mod)=>{
+            if (mod.shouldApply) return mod.shouldApply(context);
+            return true;
+        });
+    }
+}
+const FieldEditorPresenterRegistration = FieldEditorPresenter.createImplementation({
+    implementation: FieldEditorPresenterImpl,
+    dependencies: [
+        FormModelFactory,
+        [
+            CmsFieldEditorGroup,
+            {
+                multiple: true
+            }
+        ],
+        [
+            CmsFieldEditorGroupModifier,
+            {
+                multiple: true,
+                optional: true
+            }
+        ],
+        [
+            CmsFieldType,
+            {
+                multiple: true
+            }
+        ]
+    ]
+});
+export { FieldEditorPresenterRegistration };
+
+//# sourceMappingURL=FieldEditorPresenter.js.map

package/presentation/fieldEditor/FieldEditorPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/FieldEditorPresenter.js","sources":["../../../src/presentation/fieldEditor/FieldEditorPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\nimport {\n    FieldEditorPresenter as PresenterAbstraction,\n    CmsFieldEditorGroup,\n    CmsFieldEditorGroupModifier\n} from \"./abstractions.js\";\nimport type {\n    ICmsFieldEditorFormBuilder,\n    ICmsFieldEditorContext,\n    ICmsFieldEditorGroup,\n    ICmsFieldEditorGroupModifier,\n    IFieldEditorPresenter\n} from \"./abstractions.js\";\nimport { CmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport type { ICmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\n\ntype FieldsFactory = (\n    fields: FormModelFactory.FieldBuilderRegistry\n) => Record<string, FormModelFactory.FieldBuilder>;\n\ntype LayoutFactory = (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[];\n\ninterface CollectedGroup {\n    group: ICmsFieldEditorGroup;\n    fieldsFns: FieldsFactory[];\n    layoutFns: LayoutFactory[];\n}\n\nclass FieldEditorPresenterImpl implements IFieldEditorPresenter {\n    private form: FormModel.Interface | null = null;\n    private context: ICmsFieldEditorContext | null = null;\n    private originalField: CmsModelField | null = null;\n\n    constructor(\n        private factory: FormModelFactory.Interface,\n        private groups: ICmsFieldEditorGroup[],\n        private modifiers: ICmsFieldEditorGroupModifier[] | undefined,\n        private fieldTypes: ICmsFieldType[]\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm() {\n        return {\n            form: this.form ? this.form.vm : null\n        };\n    }\n\n    init(field: CmsModelField, model: CmsModel) {\n        this.originalField = cloneDeep(field);\n\n        const fieldType = this.fieldTypes.find(ft => ft.type === field.type);\n        if (!fieldType) {\n            throw new Error(`Unknown field type: ${field.type}`);\n        }\n\n        this.context = { field, model, fieldType };\n        this.form = this.buildForm(this.context);\n\n        const data: Record<string, any> = {};\n        for (const group of this.groups) {\n            data[group.name] = group.mapToForm(field, this.context);\n        }\n\n        for (const mod of this.getApplicableModifiers(this.context)) {\n            if (mod.mapToForm) {\n                const modData = mod.mapToForm(field, this.context);\n                data[mod.group] = { ...data[mod.group], ...modData };\n            }\n        }\n\n        this.form.setData(data);\n    }\n\n    async submit(): Promise<CmsModelField | false> {\n        if (!this.form || !this.context || !this.originalField) {\n            return false;\n        }\n\n        const data = await this.form.submit<Record<string, any>>();\n        if (!data) {\n            return false;\n        }\n\n        const field = cloneDeep(this.originalField);\n\n        for (const group of this.groups) {\n            group.mapFromForm(data[group.name] ?? {}, field, this.context);\n        }\n\n        for (const mod of this.getApplicableModifiers(this.context)) {\n            if (mod.mapFromForm) {\n                mod.mapFromForm(data[mod.group] ?? {}, field, this.context);\n            }\n        }\n\n        return field;\n    }\n\n    private buildForm(context: ICmsFieldEditorContext) {\n        const collected = this.collectGroups(context);\n\n        return this.factory.create({\n            fields: registry => {\n                const result: Record<string, FormModelFactory.FieldBuilder> = {};\n                for (const { group, fieldsFns } of collected) {\n                    result[group.name] = registry\n                        .object()\n                        .label(group.label)\n                        .renderer(\"passthrough\")\n                        .fields(childRegistry => {\n                            const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n                            for (const fn of fieldsFns) {\n                                Object.assign(merged, fn(childRegistry));\n                            }\n                            return merged;\n                        });\n                }\n                return result;\n            },\n            layout: layout => {\n                const tabs = layout\n                    .tabs(\"field-settings\")\n                    .renderer(\"tabsHorizontal\", { spacing: \"lg\", size: \"md\", separator: true });\n                for (const { group, layoutFns } of collected) {\n                    tabs.tab(group.name, tab => {\n                        tab.label(group.label);\n\n                        if (group.name === \"predefinedValues\") {\n                            tab.rules([\n                                {\n                                    type: \"condition\",\n                                    target: \"general.predefinedValuesEnabled\",\n                                    operator: \"isFalsy\",\n                                    value: null,\n                                    action: \"disable\"\n                                }\n                            ]);\n                        }\n\n                        tab.layout(l => [\n                            l.object(group.name, inner => layoutFns.flatMap(fn => fn(inner)))\n                        ]);\n                    });\n                }\n                return [tabs];\n            }\n        });\n    }\n\n    private collectGroups(context: ICmsFieldEditorContext): CollectedGroup[] {\n        return this.groups.map(group => {\n            const fieldsFns: FieldsFactory[] = [];\n            const layoutFns: LayoutFactory[] = [];\n\n            const builder: ICmsFieldEditorFormBuilder = {\n                fields(fn: FieldsFactory) {\n                    fieldsFns.push(fn);\n                },\n                layout(fn: LayoutFactory) {\n                    layoutFns.push(fn);\n                }\n            };\n\n            group.buildForm(builder, context);\n\n            for (const mod of this.getApplicableModifiers(context)) {\n                if (mod.group !== group.name) {\n                    continue;\n                }\n                mod.modifyForm(builder, context);\n            }\n\n            return { group, fieldsFns, layoutFns };\n        });\n    }\n\n    private getApplicableModifiers(\n        context: ICmsFieldEditorContext\n    ): ICmsFieldEditorGroupModifier[] {\n        if (!this.modifiers) {\n            return [];\n        }\n        return this.modifiers.filter(mod => {\n            if (mod.shouldApply) {\n                return mod.shouldApply(context);\n            }\n            return true;\n        });\n    }\n}\n\nexport const FieldEditorPresenterRegistration = PresenterAbstraction.createImplementation({\n    implementation: FieldEditorPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        [CmsFieldEditorGroup, { multiple: true }],\n        [CmsFieldEditorGroupModifier, { multiple: true, optional: true }],\n        [CmsFieldType, { multiple: true }]\n    ]\n});\n"],"names":["FieldEditorPresenterImpl","factory","groups","modifiers","fieldTypes","makeAutoObservable","computed","field","model","cloneDeep","fieldType","ft","Error","data","group","mod","modData","context","collected","registry","result","fieldsFns","childRegistry","merged","fn","Object","layout","tabs","layoutFns","tab","l","inner","builder","FieldEditorPresenterRegistration","PresenterAbstraction","FormModelFactory","CmsFieldEditorGroup","CmsFieldEditorGroupModifier","CmsFieldType"],"mappings":"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"}

package/presentation/fieldEditor/abstractions.d.ts

@@ -0,0 +1,49 @@
+import { FormModel, FormModelFactory } from "@webiny/app-admin";
+import type { CmsModel, CmsModelField } from "../../types.js";
+import type { ICmsFieldType } from "../../presentation/fieldTypes/abstractions.js";
+export interface ICmsFieldEditorFormBuilder {
+    fields(fn: (fields: FormModelFactory.FieldBuilderRegistry) => Record<string, FormModelFactory.FieldBuilder>): void;
+    layout(fn: (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]): void;
+}
+export interface ICmsFieldEditorContext {
+    field: CmsModelField;
+    model: CmsModel;
+    fieldType: ICmsFieldType;
+}
+export interface ICmsFieldEditorGroup {
+    readonly name: string;
+    readonly label: string;
+    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext): void;
+    mapToForm(field: CmsModelField, context: ICmsFieldEditorContext): Record<string, any>;
+    mapFromForm(formData: Record<string, any>, field: CmsModelField, context: ICmsFieldEditorContext): void;
+}
+export declare const CmsFieldEditorGroup: import("@webiny/di").Abstraction<ICmsFieldEditorGroup>;
+export declare namespace CmsFieldEditorGroup {
+    type Interface = ICmsFieldEditorGroup;
+    type FormBuilder = ICmsFieldEditorFormBuilder;
+    type Context = ICmsFieldEditorContext;
+}
+export interface ICmsFieldEditorGroupModifier {
+    readonly group: string;
+    shouldApply?(context: ICmsFieldEditorContext): boolean;
+    modifyForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext): void;
+    mapToForm?(field: CmsModelField, context: ICmsFieldEditorContext): Record<string, any>;
+    mapFromForm?(formData: Record<string, any>, field: CmsModelField, context: ICmsFieldEditorContext): void;
+}
+export declare const CmsFieldEditorGroupModifier: import("@webiny/di").Abstraction<ICmsFieldEditorGroupModifier>;
+export declare namespace CmsFieldEditorGroupModifier {
+    type Interface = ICmsFieldEditorGroupModifier;
+    type FormBuilder = ICmsFieldEditorFormBuilder;
+    type Context = ICmsFieldEditorContext;
+}
+export interface IFieldEditorPresenter {
+    readonly vm: {
+        form: FormModel.FormVM | null;
+    };
+    init(field: CmsModelField, model: CmsModel): void;
+    submit(): Promise<CmsModelField | false>;
+}
+export declare const FieldEditorPresenter: import("@webiny/di").Abstraction<IFieldEditorPresenter>;
+export declare namespace FieldEditorPresenter {
+    type Interface = IFieldEditorPresenter;
+}

package/presentation/fieldEditor/abstractions.js

@@ -0,0 +1,7 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const CmsFieldEditorGroup = createAbstraction("CmsFieldEditorGroup");
+const CmsFieldEditorGroupModifier = createAbstraction("CmsFieldEditorGroupModifier");
+const FieldEditorPresenter = createAbstraction("FieldEditorPresenter");
+export { CmsFieldEditorGroup, CmsFieldEditorGroupModifier, FieldEditorPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/fieldEditor/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/abstractions.js","sources":["../../../src/presentation/fieldEditor/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModel, FormModelFactory } from \"@webiny/app-admin\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport type { ICmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\n\nexport interface ICmsFieldEditorFormBuilder {\n    fields(\n        fn: (\n            fields: FormModelFactory.FieldBuilderRegistry\n        ) => Record<string, FormModelFactory.FieldBuilder>\n    ): void;\n    layout(fn: (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]): void;\n}\n\nexport interface ICmsFieldEditorContext {\n    field: CmsModelField;\n    model: CmsModel;\n    fieldType: ICmsFieldType;\n}\n\nexport interface ICmsFieldEditorGroup {\n    readonly name: string;\n    readonly label: string;\n    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext): void;\n    mapToForm(field: CmsModelField, context: ICmsFieldEditorContext): Record<string, any>;\n    mapFromForm(\n        formData: Record<string, any>,\n        field: CmsModelField,\n        context: ICmsFieldEditorContext\n    ): void;\n}\n\nexport const CmsFieldEditorGroup = createAbstraction<ICmsFieldEditorGroup>(\"CmsFieldEditorGroup\");\n\nexport namespace CmsFieldEditorGroup {\n    export type Interface = ICmsFieldEditorGroup;\n    export type FormBuilder = ICmsFieldEditorFormBuilder;\n    export type Context = ICmsFieldEditorContext;\n}\n\nexport interface ICmsFieldEditorGroupModifier {\n    readonly group: string;\n    shouldApply?(context: ICmsFieldEditorContext): boolean;\n    modifyForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext): void;\n    mapToForm?(field: CmsModelField, context: ICmsFieldEditorContext): Record<string, any>;\n    mapFromForm?(\n        formData: Record<string, any>,\n        field: CmsModelField,\n        context: ICmsFieldEditorContext\n    ): void;\n}\n\nexport const CmsFieldEditorGroupModifier = createAbstraction<ICmsFieldEditorGroupModifier>(\n    \"CmsFieldEditorGroupModifier\"\n);\n\nexport namespace CmsFieldEditorGroupModifier {\n    export type Interface = ICmsFieldEditorGroupModifier;\n    export type FormBuilder = ICmsFieldEditorFormBuilder;\n    export type Context = ICmsFieldEditorContext;\n}\n\nexport interface IFieldEditorPresenter {\n    readonly vm: { form: FormModel.FormVM | null };\n    init(field: CmsModelField, model: CmsModel): void;\n    submit(): Promise<CmsModelField | false>;\n}\n\nexport const FieldEditorPresenter =\n    createAbstraction<IFieldEditorPresenter>(\"FieldEditorPresenter\");\n\nexport namespace FieldEditorPresenter {\n    export type Interface = IFieldEditorPresenter;\n}\n"],"names":["CmsFieldEditorGroup","createAbstraction","CmsFieldEditorGroupModifier","FieldEditorPresenter"],"mappings":";AAgCO,MAAMA,sBAAsBC,kBAAwC;AAoBpE,MAAMC,8BAA8BD,kBACvC;AAeG,MAAME,uBACTF,kBAAyC"}

package/presentation/fieldEditor/feature.d.ts

@@ -0,0 +1 @@
+export declare const FieldEditorFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/presentation/fieldEditor/feature.js

@@ -0,0 +1,23 @@
+import { createFeature } from "@webiny/feature/admin";
+import { FieldEditorPresenterRegistration } from "./FieldEditorPresenter.js";
+import { GeneralGroup } from "./groups/GeneralGroup.js";
+import { AppearanceGroup } from "./groups/AppearanceGroup.js";
+import { PredefinedValuesGroup } from "./groups/PredefinedValuesGroup.js";
+import { ValidationsGroup } from "./groups/ValidationsGroup.js";
+import { PermissionsGroup } from "./groups/PermissionsGroup.js";
+import { RulesGroup } from "./groups/RulesGroup.js";
+const FieldEditorFeature = createFeature({
+    name: "CmsFieldEditor",
+    register (container) {
+        container.register(FieldEditorPresenterRegistration);
+        container.register(GeneralGroup);
+        container.register(PredefinedValuesGroup);
+        container.register(ValidationsGroup);
+        container.register(AppearanceGroup);
+        container.register(PermissionsGroup);
+        container.register(RulesGroup);
+    }
+});
+export { FieldEditorFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/fieldEditor/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/feature.js","sources":["../../../src/presentation/fieldEditor/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FieldEditorPresenterRegistration } from \"./FieldEditorPresenter.js\";\nimport { GeneralGroup } from \"./groups/GeneralGroup.js\";\nimport { AppearanceGroup } from \"./groups/AppearanceGroup.js\";\nimport { PredefinedValuesGroup } from \"./groups/PredefinedValuesGroup.js\";\nimport { ValidationsGroup } from \"./groups/ValidationsGroup.js\";\nimport { PermissionsGroup } from \"./groups/PermissionsGroup.js\";\nimport { RulesGroup } from \"./groups/RulesGroup.js\";\n\nexport const FieldEditorFeature = createFeature({\n    name: \"CmsFieldEditor\",\n    register(container) {\n        container.register(FieldEditorPresenterRegistration);\n        container.register(GeneralGroup);\n        container.register(PredefinedValuesGroup);\n        container.register(ValidationsGroup);\n        container.register(AppearanceGroup);\n        container.register(PermissionsGroup);\n        container.register(RulesGroup);\n    }\n});\n"],"names":["FieldEditorFeature","createFeature","container","FieldEditorPresenterRegistration","GeneralGroup","PredefinedValuesGroup","ValidationsGroup","AppearanceGroup","PermissionsGroup","RulesGroup"],"mappings":";;;;;;;;AASO,MAAMA,qBAAqBC,cAAc;IAC5C,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;IACvB;AACJ"}

package/presentation/fieldEditor/groups/AppearanceGroup.d.ts

@@ -0,0 +1,28 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "../abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+import type { ICmsFieldRenderer } from "../../../presentation/fieldRenderers/abstractions.js";
+declare module "@webiny/app-admin/features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        cmsAppearance: {
+            fieldType: "object";
+            settings: undefined;
+        };
+    }
+}
+declare class AppearanceGroupImpl implements CmsFieldEditorGroup.Interface {
+    private allRenderers;
+    name: string;
+    label: string;
+    constructor(allRenderers: ICmsFieldRenderer[]);
+    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext): void;
+    mapToForm(field: CmsModelField): {
+        renderer: Record<string, unknown>;
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+    private collectRendererSettings;
+}
+export declare const AppearanceGroup: typeof AppearanceGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldEditorGroup>;
+};
+export {};

package/presentation/fieldEditor/groups/AppearanceGroup.js

@@ -0,0 +1,116 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import { CmsFieldRenderer } from "../../fieldRenderers/abstractions.js";
+class AppearanceGroupImpl {
+    constructor(allRenderers){
+        this.allRenderers = allRenderers;
+        this.name = "appearance";
+        this.label = "Appearance";
+    }
+    buildForm(form, context) {
+        const settingsBuilds = this.collectRendererSettings(this.allRenderers);
+        form.fields((fields)=>{
+            const rendererChildren = {
+                name: fields.text().options(({ form })=>{
+                    const list = Boolean(form.field("general.list").getValue());
+                    const predefined = Boolean(form.field("general.predefinedValuesEnabled").getValue());
+                    const liveField = {
+                        ...context.field,
+                        list,
+                        predefinedValues: {
+                            values: context.field.predefinedValues?.values ?? [],
+                            enabled: predefined
+                        }
+                    };
+                    return this.allRenderers.filter((r)=>r.canUse({
+                            field: liveField,
+                            model: context.model
+                        })).map((r)=>({
+                            label: r.name,
+                            value: r.rendererName
+                        }));
+                })
+            };
+            for (const build of settingsBuilds){
+                const notSelected = ({ field })=>field.parent().field("name").getValue() !== build.rendererName;
+                rendererChildren[`settings__${build.rendererName}`] = fields.object().renderer("passthrough").hiddenWhen(notSelected).fields((f)=>{
+                    const merged = {};
+                    for (const fn of build.fieldsFns)Object.assign(merged, fn(f));
+                    return merged;
+                });
+            }
+            return {
+                renderer: fields.object().renderer("cmsAppearance").fields(()=>rendererChildren)
+            };
+        });
+        form.layout((layout)=>{
+            const innerLayout = (inner)=>{
+                const nodes = [
+                    inner.row("name")
+                ];
+                for (const build of settingsBuilds)nodes.push(inner.object(`settings__${build.rendererName}`, (settingsInner)=>build.layoutFns.flatMap((fn)=>fn(settingsInner))));
+                return nodes;
+            };
+            return [
+                layout.object("renderer", innerLayout)
+            ];
+        });
+    }
+    mapToForm(field) {
+        const renderer = "object" == typeof field.renderer ? field.renderer : null;
+        const rendererName = renderer ? renderer.name : "";
+        const settings = renderer ? renderer.settings ?? {} : {};
+        const result = {
+            name: rendererName
+        };
+        for (const r of this.allRenderers)if (r.buildSettingsForm) result[`settings__${r.rendererName}`] = r.rendererName === rendererName ? settings : {};
+        return {
+            renderer: result
+        };
+    }
+    mapFromForm(formData, field) {
+        const rendererName = formData.renderer?.name || "";
+        const settingsKey = `settings__${rendererName}`;
+        const settings = formData.renderer?.[settingsKey] ?? {};
+        field.renderer = {
+            name: rendererName,
+            settings
+        };
+    }
+    collectRendererSettings(renderers) {
+        const builds = [];
+        for (const renderer of renderers){
+            if (!renderer.buildSettingsForm) continue;
+            const fieldsFns = [];
+            const layoutFns = [];
+            const builder = {
+                fields: (fn)=>{
+                    fieldsFns.push(fn);
+                },
+                layout: (fn)=>{
+                    layoutFns.push(fn);
+                }
+            };
+            renderer.buildSettingsForm(builder);
+            if (fieldsFns.length > 0) builds.push({
+                rendererName: renderer.rendererName,
+                fieldsFns,
+                layoutFns
+            });
+        }
+        return builds;
+    }
+}
+const AppearanceGroup = CmsFieldEditorGroup.createImplementation({
+    implementation: AppearanceGroupImpl,
+    dependencies: [
+        [
+            CmsFieldRenderer,
+            {
+                multiple: true
+            }
+        ]
+    ]
+});
+export { AppearanceGroup };
+
+//# sourceMappingURL=AppearanceGroup.js.map

package/presentation/fieldEditor/groups/AppearanceGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/groups/AppearanceGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/AppearanceGroup.ts"],"sourcesContent":["import { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { CmsFieldRenderer } from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type {\n    ICmsFieldRenderer,\n    ICmsFieldRendererFormBuilder\n} from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type { FormModelFactory, FormModel } from \"@webiny/app-admin\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        cmsAppearance: { fieldType: \"object\"; settings: undefined };\n    }\n}\n\ninterface RendererSettingsBuild {\n    rendererName: string;\n    fieldsFns: Array<\n        (f: FormModelFactory.FieldBuilderRegistry) => Record<string, FormModelFactory.FieldBuilder>\n    >;\n    layoutFns: Array<(l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]>;\n}\n\nclass AppearanceGroupImpl implements CmsFieldEditorGroup.Interface {\n    name = \"appearance\";\n    label = \"Appearance\";\n\n    constructor(private allRenderers: ICmsFieldRenderer[]) {}\n\n    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext) {\n        const settingsBuilds = this.collectRendererSettings(this.allRenderers);\n\n        form.fields(fields => {\n            const rendererChildren: Record<string, FormModelFactory.FieldBuilder> = {\n                name: fields.text().options(({ form }) => {\n                    const list = Boolean(form.field(\"general.list\").getValue());\n                    const predefined = Boolean(\n                        form.field(\"general.predefinedValuesEnabled\").getValue()\n                    );\n                    const liveField = {\n                        ...context.field,\n                        list,\n                        predefinedValues: {\n                            values: context.field.predefinedValues?.values ?? [],\n                            enabled: predefined\n                        }\n                    };\n\n                    return this.allRenderers\n                        .filter(r => r.canUse({ field: liveField, model: context.model }))\n                        .map(r => ({ label: r.name, value: r.rendererName }));\n                })\n            };\n\n            for (const build of settingsBuilds) {\n                const notSelected = ({ field }: FormModel.CallbackParams) =>\n                    field.parent().field(\"name\").getValue() !== build.rendererName;\n\n                rendererChildren[`settings__${build.rendererName}`] = fields\n                    .object()\n                    .renderer(\"passthrough\")\n                    .hiddenWhen(notSelected)\n                    .fields((f: FormModelFactory.FieldBuilderRegistry) => {\n                        const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n                        for (const fn of build.fieldsFns) {\n                            Object.assign(merged, fn(f));\n                        }\n                        return merged;\n                    });\n            }\n\n            return {\n                renderer: fields\n                    .object()\n                    .renderer(\"cmsAppearance\")\n                    .fields(() => rendererChildren)\n            };\n        });\n\n        form.layout(layout => {\n            const innerLayout = (inner: FormModelFactory.LayoutBuilder) => {\n                const nodes: FormModel.LayoutNodeBuilder[] = [inner.row(\"name\")];\n                for (const build of settingsBuilds) {\n                    nodes.push(\n                        inner.object(`settings__${build.rendererName}`, settingsInner =>\n                            build.layoutFns.flatMap(fn => fn(settingsInner))\n                        )\n                    );\n                }\n                return nodes;\n            };\n\n            return [layout.object(\"renderer\", innerLayout)];\n        });\n    }\n\n    mapToForm(field: CmsModelField) {\n        const renderer = typeof field.renderer === \"object\" ? field.renderer : null;\n        const rendererName = renderer ? renderer.name : \"\";\n        const settings = renderer ? (renderer.settings ?? {}) : {};\n\n        const result: Record<string, unknown> = {\n            name: rendererName\n        };\n\n        for (const r of this.allRenderers) {\n            if (r.buildSettingsForm) {\n                result[`settings__${r.rendererName}`] =\n                    r.rendererName === rendererName ? settings : {};\n            }\n        }\n\n        return { renderer: result };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        const rendererName = formData.renderer?.name || \"\";\n        const settingsKey = `settings__${rendererName}`;\n        const settings = formData.renderer?.[settingsKey] ?? {};\n\n        field.renderer = {\n            name: rendererName,\n            settings\n        };\n    }\n\n    private collectRendererSettings(renderers: ICmsFieldRenderer[]): RendererSettingsBuild[] {\n        const builds: RendererSettingsBuild[] = [];\n\n        for (const renderer of renderers) {\n            if (!renderer.buildSettingsForm) {\n                continue;\n            }\n\n            const fieldsFns: RendererSettingsBuild[\"fieldsFns\"] = [];\n            const layoutFns: RendererSettingsBuild[\"layoutFns\"] = [];\n\n            const builder: ICmsFieldRendererFormBuilder = {\n                fields: fn => {\n                    fieldsFns.push(fn);\n                },\n                layout: fn => {\n                    layoutFns.push(fn);\n                }\n            };\n\n            renderer.buildSettingsForm(builder);\n\n            if (fieldsFns.length > 0) {\n                builds.push({ rendererName: renderer.rendererName, fieldsFns, layoutFns });\n            }\n        }\n\n        return builds;\n    }\n}\n\nexport const AppearanceGroup = CmsFieldEditorGroup.createImplementation({\n    implementation: AppearanceGroupImpl,\n    dependencies: [[CmsFieldRenderer, { multiple: true }]]\n});\n"],"names":["AppearanceGroupImpl","allRenderers","form","context","settingsBuilds","fields","rendererChildren","list","Boolean","predefined","liveField","r","build","notSelected","field","f","merged","fn","Object","layout","innerLayout","inner","nodes","settingsInner","renderer","rendererName","settings","result","formData","settingsKey","renderers","builds","fieldsFns","layoutFns","builder","AppearanceGroup","CmsFieldEditorGroup","CmsFieldRenderer"],"mappings":"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"}

package/presentation/fieldEditor/groups/GeneralGroup.d.ts

@@ -0,0 +1,23 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "../abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+declare class GeneralGroupImpl implements CmsFieldEditorGroup.Interface {
+    name: string;
+    label: string;
+    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext): void;
+    mapToForm(field: CmsModelField): {
+        label: string;
+        fieldId: string;
+        list: boolean;
+        predefinedValuesEnabled: boolean;
+        description: string | number | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        note: string | number | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        help: string | number | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        tags: string[];
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+}
+export declare const GeneralGroup: typeof GeneralGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldEditorGroup>;
+};
+export {};