@webiny/app-headless-cms 6.5.0-beta.0 → 6.5.0-beta.10

package/presentation/modelGroup/ModelGroupPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/modelGroup/ModelGroupPresenter.js","sources":["../../../src/presentation/modelGroup/ModelGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { GetModelGroupUseCase } from \"~/features/modelGroup/getModelGroup/abstractions.js\";\nimport { CreateModelGroupUseCase } from \"~/features/modelGroup/createModelGroup/abstractions.js\";\nimport { UpdateModelGroupUseCase } from \"~/features/modelGroup/updateModelGroup/abstractions.js\";\nimport { DeleteModelGroupUseCase } from \"~/features/modelGroup/deleteModelGroup/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport {\n    ModelGroupPresenter as Abstraction,\n    type IModelGroupPresenter,\n    type IModelGroupPresenterViewModel\n} from \"./abstractions.js\";\nimport { ModelGroupDataSource } from \"./ModelGroupDataSource.js\";\n\nfunction extractIconName(icon: unknown): string {\n    if (icon !== null && typeof icon === \"object\" && \"name\" in icon) {\n        return (icon as { name: string }).name;\n    }\n    if (typeof icon === \"string\") {\n        return icon;\n    }\n    return \"\";\n}\n\nfunction toIconValue(name: string): { type: string; name: string } {\n    return { type: \"icon\", name };\n}\n\nclass ModelGroupPresenterImpl implements IModelGroupPresenter {\n    private selectedGroup: ModelGroupDto | null = null;\n    private loading = false;\n    private saving = false;\n    private showForm = false;\n    private form: IFormModel;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<ModelGroupDto>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n        private getRoleUseCase: GetModelGroupUseCase.Interface,\n        private createModelGroupUseCase: CreateModelGroupUseCase.Interface,\n        private updateModelGroupUseCase: UpdateModelGroupUseCase.Interface,\n        private deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface,\n        private cache: ModelGroupsCache.Interface\n    ) {\n        this.form = this.buildForm(false, false);\n        makeAutoObservable<\n            ModelGroupPresenterImpl,\n            | \"formModelFactory\"\n            | \"listModelGroupsUseCase\"\n            | \"getRoleUseCase\"\n            | \"createModelGroupUseCase\"\n            | \"updateModelGroupUseCase\"\n            | \"deleteModelGroupUseCase\"\n            | \"cache\"\n        >(this, {\n            formModelFactory: false,\n            listModelGroupsUseCase: false,\n            getRoleUseCase: false,\n            createModelGroupUseCase: false,\n            updateModelGroupUseCase: false,\n            deleteModelGroupUseCase: false,\n            cache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IModelGroupPresenterViewModel {\n        const group = this.selectedGroup;\n        const isPluginGroup = group !== null && (group.plugin ?? false);\n\n        return {\n            selectedGroup: this.selectedGroup,\n            loading: this.loading,\n            saving: this.saving,\n            showForm: this.showForm,\n            canModify: !isPluginGroup,\n            isPluginGroup,\n            form: this.form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<ModelGroupDto> {\n        return this.listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new ModelGroupDataSource(this.listModelGroupsUseCase, this.cache);\n\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectGroup(id: string): Promise<void> {\n        runInAction(() => {\n            this.loading = true;\n            this.showForm = true;\n        });\n\n        try {\n            const group = await this.getRoleUseCase.execute(id);\n            const isPluginGroup = group.plugin ?? false;\n            const canModify = !isPluginGroup;\n\n            runInAction(() => {\n                this.selectedGroup = group;\n                this.form = this.buildForm(false, canModify);\n                this.form.setData({\n                    name: group.name,\n                    slug: group.slug,\n                    description: group.description,\n                    icon: extractIconName(group.icon)\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this.selectedGroup = null;\n        this.form = this.buildForm(true, true);\n        this.form.setData({ icon: \"fas/star\", description: \"\" });\n        this.showForm = true;\n    }\n\n    deselect(): void {\n        this.selectedGroup = null;\n        this.showForm = false;\n    }\n\n    async save(): Promise<ModelGroupDto | null> {\n        const data = await this.form.submit<ModelGroupDto>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n        });\n\n        try {\n            const isUpdate = this.selectedGroup !== null && this.selectedGroup.createdOn;\n\n            const iconValue = toIconValue(data.icon as unknown as string);\n\n            if (isUpdate) {\n                const group = await this.updateModelGroupUseCase.execute({\n                    id: this.selectedGroup!.id,\n                    name: data.name as unknown as string,\n                    slug: this.selectedGroup!.slug,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                });\n                return group;\n            } else {\n                const group = await this.createModelGroupUseCase.execute({\n                    name: data.name as unknown as string,\n                    slug: data.slug as unknown as string,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                    this.form = this.buildForm(false, true);\n                    this.form.setData({\n                        name: group.name,\n                        slug: group.slug,\n                        description: group.description,\n                        icon: extractIconName(group.icon)\n                    });\n                });\n                return group;\n            }\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    async deleteGroup(id: string): Promise<void> {\n        await this.deleteModelGroupUseCase.execute(id);\n\n        runInAction(() => {\n            if (this.selectedGroup !== null && this.selectedGroup.id === id) {\n                this.selectedGroup = null;\n                this.showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, canModify: boolean): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .disabled(!canModify)\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(\n                            slugify(String(value), {\n                                replacement: \"-\",\n                                lower: true,\n                                remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n                                trim: false\n                            })\n                        );\n                    }),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required.\")\n                    .disabled(!isNew || !canModify),\n                icon: fields\n                    .text()\n                    .label(\"Group icon\")\n                    .required(\"Icon is required.\")\n                    .disabled(!canModify)\n                    .renderer(\"cmsIconPicker\"),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .defaultValue(\"\")\n                    .renderer(\"textarea\")\n                    .disabled(!canModify)\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"slug\"),\n                layout.row(\"icon\"),\n                layout.row(\"description\")\n            ]\n        });\n    }\n}\n\nexport const ModelGroupPresenter = Abstraction.createImplementation({\n    implementation: ModelGroupPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListModelGroupsUseCase,\n        GetModelGroupUseCase,\n        CreateModelGroupUseCase,\n        UpdateModelGroupUseCase,\n        DeleteModelGroupUseCase,\n        ModelGroupsCache\n    ]\n});\n"],"names":["extractIconName","icon","toIconValue","name","ModelGroupPresenterImpl","listPresenter","formModelFactory","listModelGroupsUseCase","getRoleUseCase","createModelGroupUseCase","updateModelGroupUseCase","deleteModelGroupUseCase","cache","makeAutoObservable","computed","group","isPluginGroup","dataSource","ModelGroupDataSource","id","runInAction","canModify","data","isUpdate","iconValue","isNew","fields","value","form","slugValue","slugify","String","layout","ModelGroupPresenter","Abstraction","ListPresenter","FormModelFactory","ListModelGroupsUseCase","GetModelGroupUseCase","CreateModelGroupUseCase","UpdateModelGroupUseCase","DeleteModelGroupUseCase","ModelGroupsCache"],"mappings":"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"}
+{"version":3,"file":"presentation/modelGroup/ModelGroupPresenter.js","sources":["../../../src/presentation/modelGroup/ModelGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { GetModelGroupUseCase } from \"~/features/modelGroup/getModelGroup/abstractions.js\";\nimport { CreateModelGroupUseCase } from \"~/features/modelGroup/createModelGroup/abstractions.js\";\nimport { UpdateModelGroupUseCase } from \"~/features/modelGroup/updateModelGroup/abstractions.js\";\nimport { DeleteModelGroupUseCase } from \"~/features/modelGroup/deleteModelGroup/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport {\n    ModelGroupPresenter as Abstraction,\n    type IModelGroupPresenter,\n    type IModelGroupPresenterViewModel\n} from \"./abstractions.js\";\nimport { ModelGroupDataSource } from \"./ModelGroupDataSource.js\";\n\nfunction extractIconName(icon: unknown): string {\n    if (icon !== null && typeof icon === \"object\" && \"name\" in icon) {\n        return (icon as { name: string }).name;\n    }\n    if (typeof icon === \"string\") {\n        return icon;\n    }\n    return \"\";\n}\n\nfunction toIconValue(name: string): { type: string; name: string } {\n    return { type: \"icon\", name };\n}\n\nclass ModelGroupPresenterImpl implements IModelGroupPresenter {\n    private selectedGroup: ModelGroupDto | null = null;\n    private loading = false;\n    private saving = false;\n    private showForm = false;\n    private form: IFormModel;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<ModelGroupDto>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n        private getRoleUseCase: GetModelGroupUseCase.Interface,\n        private createModelGroupUseCase: CreateModelGroupUseCase.Interface,\n        private updateModelGroupUseCase: UpdateModelGroupUseCase.Interface,\n        private deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface,\n        private cache: ModelGroupsCache.Interface\n    ) {\n        this.form = this.buildForm(false, false);\n        makeAutoObservable<\n            ModelGroupPresenterImpl,\n            | \"formModelFactory\"\n            | \"listModelGroupsUseCase\"\n            | \"getRoleUseCase\"\n            | \"createModelGroupUseCase\"\n            | \"updateModelGroupUseCase\"\n            | \"deleteModelGroupUseCase\"\n            | \"cache\"\n        >(this, {\n            formModelFactory: false,\n            listModelGroupsUseCase: false,\n            getRoleUseCase: false,\n            createModelGroupUseCase: false,\n            updateModelGroupUseCase: false,\n            deleteModelGroupUseCase: false,\n            cache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IModelGroupPresenterViewModel {\n        const group = this.selectedGroup;\n        const isPluginGroup = group !== null && (group.plugin ?? false);\n\n        return {\n            selectedGroup: this.selectedGroup,\n            loading: this.loading,\n            saving: this.saving,\n            showForm: this.showForm,\n            canModify: !isPluginGroup,\n            isPluginGroup,\n            form: this.form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<ModelGroupDto> {\n        return this.listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new ModelGroupDataSource(this.listModelGroupsUseCase, this.cache);\n\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectGroup(id: string): Promise<void> {\n        runInAction(() => {\n            this.loading = true;\n            this.showForm = true;\n        });\n\n        try {\n            const group = await this.getRoleUseCase.execute(id);\n            const isPluginGroup = group.plugin ?? false;\n            const canModify = !isPluginGroup;\n\n            runInAction(() => {\n                this.selectedGroup = group;\n                this.form = this.buildForm(false, canModify);\n                this.form.setData({\n                    name: group.name,\n                    slug: group.slug,\n                    description: group.description,\n                    icon: extractIconName(group.icon)\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this.selectedGroup = null;\n        this.form = this.buildForm(true, true);\n        this.form.setData({ icon: \"fas/star\", description: \"\" });\n        this.showForm = true;\n    }\n\n    deselect(): void {\n        this.selectedGroup = null;\n        this.showForm = false;\n    }\n\n    async save(): Promise<ModelGroupDto | null> {\n        const data = await this.form.submit<ModelGroupDto>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n        });\n\n        try {\n            const isUpdate = this.selectedGroup !== null && this.selectedGroup.createdOn;\n\n            const iconValue = toIconValue(data.icon as unknown as string);\n\n            if (isUpdate) {\n                const group = await this.updateModelGroupUseCase.execute({\n                    id: this.selectedGroup!.id,\n                    name: data.name as unknown as string,\n                    slug: this.selectedGroup!.slug,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                });\n                return group;\n            } else {\n                const group = await this.createModelGroupUseCase.execute({\n                    name: data.name as unknown as string,\n                    slug: data.slug as unknown as string,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                    this.form = this.buildForm(false, true);\n                    this.form.setData({\n                        name: group.name,\n                        slug: group.slug,\n                        description: group.description,\n                        icon: extractIconName(group.icon)\n                    });\n                });\n                return group;\n            }\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    async deleteGroup(id: string): Promise<void> {\n        await this.deleteModelGroupUseCase.execute(id);\n\n        runInAction(() => {\n            if (this.selectedGroup !== null && this.selectedGroup.id === id) {\n                this.selectedGroup = null;\n                this.showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, canModify: boolean): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .disabled(!canModify)\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(\n                            slugify(String(value), {\n                                replacement: \"-\",\n                                lower: true,\n                                remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n                                trim: false\n                            })\n                        );\n                    }),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required.\")\n                    .disabled(!isNew || !canModify),\n                icon: fields\n                    .text()\n                    .label(\"Group icon\")\n                    .required(\"Icon is required.\")\n                    .disabled(!canModify)\n                    .renderer(\"cmsIconPicker\"),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .defaultValue(\"\")\n                    .renderer(\"textarea\")\n                    .disabled(!canModify)\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"slug\"),\n                layout.row(\"icon\"),\n                layout.row(\"description\")\n            ]\n        });\n    }\n}\n\nexport const ModelGroupPresenter = Abstraction.createImplementation({\n    implementation: ModelGroupPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListModelGroupsUseCase,\n        GetModelGroupUseCase,\n        CreateModelGroupUseCase,\n        UpdateModelGroupUseCase,\n        DeleteModelGroupUseCase,\n        ModelGroupsCache\n    ]\n});\n"],"names":["extractIconName","icon","toIconValue","name","ModelGroupPresenterImpl","listPresenter","formModelFactory","listModelGroupsUseCase","getRoleUseCase","createModelGroupUseCase","updateModelGroupUseCase","deleteModelGroupUseCase","cache","makeAutoObservable","computed","group","isPluginGroup","dataSource","ModelGroupDataSource","id","runInAction","canModify","data","isUpdate","iconValue","isNew","fields","value","form","slugValue","slugify","String","layout","ModelGroupPresenter","Abstraction","ListPresenter","FormModelFactory","ListModelGroupsUseCase","GetModelGroupUseCase","CreateModelGroupUseCase","UpdateModelGroupUseCase","DeleteModelGroupUseCase","ModelGroupsCache"],"mappings":"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"}

package/presentation/modelGroup/components/ContentModelGroups.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const ContentModelGroups: (() => React.JSX.Element) & {
-    displayName: string;
+declare const ContentModelGroups: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };
 export default ContentModelGroups;

package/presentation/modelGroup/components/ContentModelGroupsDataList.d.ts

@@ -1,6 +1,10 @@
 import React from "react";
 export declare const ContentModelGroupsDataList: (({ activeId }: {
     activeId: string | undefined;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    activeId: string | undefined;
+}> & {
+    readonly type: ({ activeId }: {
+        activeId: string | undefined;
+    }) => React.JSX.Element;
 };

package/presentation/modelGroup/components/ContentModelGroupsForm.d.ts

@@ -2,6 +2,12 @@ import React from "react";
 export declare const ContentModelGroupsForm: (({ newEntry, id }: {
     newEntry: boolean;
     id: string | undefined;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    newEntry: boolean;
+    id: string | undefined;
+}> & {
+    readonly type: ({ newEntry, id }: {
+        newEntry: boolean;
+        id: string | undefined;
+    }) => React.JSX.Element;
 };

package/presentation/newContentModel/NewContentModelPresenter.d.ts

@@ -16,6 +16,7 @@ declare class NewContentModelPresenterImpl implements INewContentModelPresenter
     private form;
     constructor(formModelFactory: FormModelFactory.Interface, listModelGroupsUseCase: ListModelGroupsUseCase.Interface, createModelUseCase: CreateModelUseCase.Interface, groupsCache: ModelGroupsCache.Interface, modelsCache: ModelsCache.Interface);
     get vm(): INewContentModelPresenterViewModel;
+    private get groupOptions();
     init(): Promise<void>;
     save(): Promise<CmsModel | null>;
     reset(): void;

package/presentation/newContentModel/NewContentModelPresenter.js

@@ -26,18 +26,20 @@ class NewContentModelPresenterImpl {
         });
     }
     get vm() {
-        const groups = this.groupsCache.getItems().map((g)=>({
-                value: g.slug,
-                label: g.name
-            }));
         return {
             loading: this.loading,
             saving: this.saving,
-            groups,
+            groups: this.groupOptions,
             models: this.modelsCache.getItems(),
             form: this.form.vm
         };
     }
+    get groupOptions() {
+        return this.groupsCache.getItems().map((group)=>({
+                value: group.slug,
+                label: group.name
+            }));
+    }
     async init() {
         try {
             await this.listModelGroupsUseCase.execute();
@@ -97,7 +99,7 @@ class NewContentModelPresenterImpl {
                     singularApiName: fields.text().label("Singular API Name").required("Singular API Name is required."),
                     singleEntry: fields.boolean().label("Single entry model").defaultValue(false),
                     pluralApiName: fields.text().label("Plural API Name"),
-                    group: fields.text().label("Content model group").required("Group is required."),
+                    group: fields.text().label("Content model group").required("Group is required.").options(()=>this.groupOptions),
                     icon: fields.text().label("Icon").renderer("cmsIconPicker"),
                     description: fields.text().label("Description").renderer("textarea"),
                     defaultFields: fields.boolean().label("Create model with default fields").defaultValue(true)

package/presentation/newContentModel/NewContentModelPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/newContentModel/NewContentModelPresenter.js","sources":["../../../src/presentation/newContentModel/NewContentModelPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { CreateModelUseCase } from \"~/features/model/createModel/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport { ModelsCache } from \"~/features/model/abstractions.js\";\nconst CMS_MODEL_SINGLETON_TAG = \"singleEntry\";\nimport {\n    NewContentModelPresenter as Abstraction,\n    type INewContentModelPresenter,\n    type INewContentModelPresenterViewModel\n} from \"./abstractions.js\";\n\nclass NewContentModelPresenterImpl implements INewContentModelPresenter {\n    private loading = true;\n    private saving = false;\n    private form: IFormModel;\n\n    constructor(\n        private formModelFactory: FormModelFactory.Interface,\n        private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n        private createModelUseCase: CreateModelUseCase.Interface,\n        private groupsCache: ModelGroupsCache.Interface,\n        private modelsCache: ModelsCache.Interface\n    ) {\n        this.form = this.buildForm();\n        makeAutoObservable<\n            NewContentModelPresenterImpl,\n            | \"formModelFactory\"\n            | \"listModelGroupsUseCase\"\n            | \"createModelUseCase\"\n            | \"groupsCache\"\n            | \"modelsCache\"\n        >(this, {\n            formModelFactory: false,\n            listModelGroupsUseCase: false,\n            createModelUseCase: false,\n            groupsCache: false,\n            modelsCache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): INewContentModelPresenterViewModel {\n        const groups = this.groupsCache.getItems().map(g => ({\n            value: g.slug,\n            label: g.name\n        }));\n\n        return {\n            loading: this.loading,\n            saving: this.saving,\n            groups,\n            models: this.modelsCache.getItems(),\n            form: this.form.vm\n        };\n    }\n\n    async init(): Promise<void> {\n        try {\n            await this.listModelGroupsUseCase.execute();\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n                const groups = this.groupsCache.getItems();\n                if (groups.length > 0) {\n                    this.form.setData({ group: groups[0].slug });\n                }\n            });\n        }\n    }\n\n    async save(): Promise<CmsModel | null> {\n        const data = await this.form.submit<Record<string, any>>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n        });\n\n        try {\n            const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n            let pluralApiName = data.pluralApiName as string;\n\n            if (data.singleEntry) {\n                tags.push(CMS_MODEL_SINGLETON_TAG);\n                pluralApiName = `${data.singularApiName}Unused`;\n            }\n\n            const model = await this.createModelUseCase.execute({\n                name: data.name as string,\n                singularApiName: data.singularApiName as string,\n                pluralApiName,\n                group: data.group as string,\n                icon: data.icon as string | undefined,\n                description: data.description as string | undefined,\n                defaultFields: data.defaultFields as boolean | undefined,\n                tags\n            });\n\n            return model;\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    reset(): void {\n        this.form = this.buildForm();\n        const groups = this.groupsCache.getItems();\n        if (groups.length > 0) {\n            this.form.setData({ group: groups[0].slug });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields.text().label(\"Name\").required(\"Name is required.\"),\n                singularApiName: fields\n                    .text()\n                    .label(\"Singular API Name\")\n                    .required(\"Singular API Name is required.\"),\n                singleEntry: fields.boolean().label(\"Single entry model\").defaultValue(false),\n                pluralApiName: fields.text().label(\"Plural API Name\"),\n                group: fields.text().label(\"Content model group\").required(\"Group is required.\"),\n                icon: fields.text().label(\"Icon\").renderer(\"cmsIconPicker\"),\n                description: fields.text().label(\"Description\").renderer(\"textarea\"),\n                defaultFields: fields\n                    .boolean()\n                    .label(\"Create model with default fields\")\n                    .defaultValue(true)\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"singularApiName\"),\n                layout.row(\"singleEntry\"),\n                layout.row(\"pluralApiName\"),\n                layout.row(\"group\"),\n                layout.row(\"icon\"),\n                layout.row(\"description\"),\n                layout.row(\"defaultFields\")\n            ]\n        });\n    }\n}\n\nexport const NewContentModelPresenter = Abstraction.createImplementation({\n    implementation: NewContentModelPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        ListModelGroupsUseCase,\n        CreateModelUseCase,\n        ModelGroupsCache,\n        ModelsCache\n    ]\n});\n"],"names":["CMS_MODEL_SINGLETON_TAG","NewContentModelPresenterImpl","formModelFactory","listModelGroupsUseCase","createModelUseCase","groupsCache","modelsCache","makeAutoObservable","computed","groups","g","runInAction","data","tags","Array","pluralApiName","model","fields","layout","NewContentModelPresenter","Abstraction","FormModelFactory","ListModelGroupsUseCase","CreateModelUseCase","ModelGroupsCache","ModelsCache"],"mappings":"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"}
+{"version":3,"file":"presentation/newContentModel/NewContentModelPresenter.js","sources":["../../../src/presentation/newContentModel/NewContentModelPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { CreateModelUseCase } from \"~/features/model/createModel/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport { ModelsCache } from \"~/features/model/abstractions.js\";\nconst CMS_MODEL_SINGLETON_TAG = \"singleEntry\";\nimport {\n    NewContentModelPresenter as Abstraction,\n    type INewContentModelPresenter,\n    type INewContentModelPresenterViewModel\n} from \"./abstractions.js\";\n\nclass NewContentModelPresenterImpl implements INewContentModelPresenter {\n    private loading = true;\n    private saving = false;\n    private form: IFormModel;\n\n    constructor(\n        private formModelFactory: FormModelFactory.Interface,\n        private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n        private createModelUseCase: CreateModelUseCase.Interface,\n        private groupsCache: ModelGroupsCache.Interface,\n        private modelsCache: ModelsCache.Interface\n    ) {\n        this.form = this.buildForm();\n        makeAutoObservable<\n            NewContentModelPresenterImpl,\n            | \"formModelFactory\"\n            | \"listModelGroupsUseCase\"\n            | \"createModelUseCase\"\n            | \"groupsCache\"\n            | \"modelsCache\"\n        >(this, {\n            formModelFactory: false,\n            listModelGroupsUseCase: false,\n            createModelUseCase: false,\n            groupsCache: false,\n            modelsCache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): INewContentModelPresenterViewModel {\n        return {\n            loading: this.loading,\n            saving: this.saving,\n            groups: this.groupOptions,\n            models: this.modelsCache.getItems(),\n            form: this.form.vm\n        };\n    }\n\n    private get groupOptions() {\n        return this.groupsCache.getItems().map(group => ({\n            value: group.slug,\n            label: group.name\n        }));\n    }\n\n    async init(): Promise<void> {\n        try {\n            await this.listModelGroupsUseCase.execute();\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n                const groups = this.groupsCache.getItems();\n                if (groups.length > 0) {\n                    this.form.setData({ group: groups[0].slug });\n                }\n            });\n        }\n    }\n\n    async save(): Promise<CmsModel | null> {\n        const data = await this.form.submit<Record<string, any>>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n        });\n\n        try {\n            const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n            let pluralApiName = data.pluralApiName as string;\n\n            if (data.singleEntry) {\n                tags.push(CMS_MODEL_SINGLETON_TAG);\n                pluralApiName = `${data.singularApiName}Unused`;\n            }\n\n            const model = await this.createModelUseCase.execute({\n                name: data.name as string,\n                singularApiName: data.singularApiName as string,\n                pluralApiName,\n                group: data.group as string,\n                icon: data.icon as string | undefined,\n                description: data.description as string | undefined,\n                defaultFields: data.defaultFields as boolean | undefined,\n                tags\n            });\n\n            return model;\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    reset(): void {\n        this.form = this.buildForm();\n        const groups = this.groupsCache.getItems();\n        if (groups.length > 0) {\n            this.form.setData({ group: groups[0].slug });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields.text().label(\"Name\").required(\"Name is required.\"),\n                singularApiName: fields\n                    .text()\n                    .label(\"Singular API Name\")\n                    .required(\"Singular API Name is required.\"),\n                singleEntry: fields.boolean().label(\"Single entry model\").defaultValue(false),\n                pluralApiName: fields.text().label(\"Plural API Name\"),\n                group: fields\n                    .text()\n                    .label(\"Content model group\")\n                    .required(\"Group is required.\")\n                    /*\n                     * Options turn the text field into a select. The groups arrive after the form\n                     * is built, so they have to be read through a callback.\n                     */\n                    .options(() => this.groupOptions),\n                icon: fields.text().label(\"Icon\").renderer(\"cmsIconPicker\"),\n                description: fields.text().label(\"Description\").renderer(\"textarea\"),\n                defaultFields: fields\n                    .boolean()\n                    .label(\"Create model with default fields\")\n                    .defaultValue(true)\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"singularApiName\"),\n                layout.row(\"singleEntry\"),\n                layout.row(\"pluralApiName\"),\n                layout.row(\"group\"),\n                layout.row(\"icon\"),\n                layout.row(\"description\"),\n                layout.row(\"defaultFields\")\n            ]\n        });\n    }\n}\n\nexport const NewContentModelPresenter = Abstraction.createImplementation({\n    implementation: NewContentModelPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        ListModelGroupsUseCase,\n        CreateModelUseCase,\n        ModelGroupsCache,\n        ModelsCache\n    ]\n});\n"],"names":["CMS_MODEL_SINGLETON_TAG","NewContentModelPresenterImpl","formModelFactory","listModelGroupsUseCase","createModelUseCase","groupsCache","modelsCache","makeAutoObservable","computed","group","runInAction","groups","data","tags","Array","pluralApiName","model","fields","layout","NewContentModelPresenter","Abstraction","FormModelFactory","ListModelGroupsUseCase","CreateModelUseCase","ModelGroupsCache","ModelsCache"],"mappings":"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"}

package/utils/normalizeIcon.d.ts

@@ -1,3 +1,7 @@
 import type { IconProp } from "@fortawesome/fontawesome-svg-core";
 import type { CmsIcon } from "@webiny/app-headless-cms-common/types/index.js";
+/**
+ * Converts a stored icon ("prefix/name") into a FontAwesome icon tuple.
+ * Returns undefined when the value is missing or not in the "prefix/name" format.
+ */
 export declare const normalizeIcon: (icon: string | CmsIcon | undefined) => IconProp | undefined;

package/utils/normalizeIcon.js

@@ -1,10 +1,13 @@
 const normalizeIcon = (icon)=>{
-    let iconName;
-    if (icon) {
-        const name = "string" == typeof icon ? icon : icon.name;
-        iconName = name.split("/");
-    }
-    return iconName;
+    if (!icon) return;
+    const name = "string" == typeof icon ? icon : icon.name;
+    if (!name) return;
+    const [prefix, iconName, ...rest] = name.split("/");
+    if (!prefix || !iconName || rest.length > 0) return;
+    return [
+        prefix,
+        iconName
+    ];
 };
 export { normalizeIcon };
 

package/utils/normalizeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils/normalizeIcon.js","sources":["../../src/utils/normalizeIcon.ts"],"sourcesContent":["import type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport type { CmsIcon } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const normalizeIcon = (icon: string | CmsIcon | undefined) => {\n    let iconName: IconProp | undefined = undefined;\n    if (icon) {\n        const name = typeof icon === \"string\" ? icon : icon.name;\n        iconName = name.split(\"/\") as IconProp;\n    }\n    return iconName;\n};\n"],"names":["normalizeIcon","icon","iconName","name"],"mappings":"AAGO,MAAMA,gBAAgB,CAACC;IAC1B,IAAIC;IACJ,IAAID,MAAM;QACN,MAAME,OAAO,AAAgB,YAAhB,OAAOF,OAAoBA,OAAOA,KAAK,IAAI;QACxDC,WAAWC,KAAK,KAAK,CAAC;IAC1B;IACA,OAAOD;AACX"}
+{"version":3,"file":"utils/normalizeIcon.js","sources":["../../src/utils/normalizeIcon.ts"],"sourcesContent":["import type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport type { CmsIcon } from \"@webiny/app-headless-cms-common/types/index.js\";\n\n/**\n * Converts a stored icon (\"prefix/name\") into a FontAwesome icon tuple.\n * Returns undefined when the value is missing or not in the \"prefix/name\" format.\n */\nexport const normalizeIcon = (icon: string | CmsIcon | undefined): IconProp | undefined => {\n    if (!icon) {\n        return undefined;\n    }\n    const name = typeof icon === \"string\" ? icon : icon.name;\n    if (!name) {\n        return undefined;\n    }\n    const [prefix, iconName, ...rest] = name.split(\"/\");\n    if (!prefix || !iconName || rest.length > 0) {\n        return undefined;\n    }\n    return [prefix, iconName] as IconProp;\n};\n"],"names":["normalizeIcon","icon","name","prefix","iconName","rest"],"mappings":"AAOO,MAAMA,gBAAgB,CAACC;IAC1B,IAAI,CAACA,MACD;IAEJ,MAAMC,OAAO,AAAgB,YAAhB,OAAOD,OAAoBA,OAAOA,KAAK,IAAI;IACxD,IAAI,CAACC,MACD;IAEJ,MAAM,CAACC,QAAQC,UAAU,GAAGC,KAAK,GAAGH,KAAK,KAAK,CAAC;IAC/C,IAAI,CAACC,UAAU,CAACC,YAAYC,KAAK,MAAM,GAAG,GACtC;IAEJ,OAAO;QAACF;QAAQC;KAAS;AAC7B"}