@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/presentation/newContentModel/NewContentModelPresenter.js

@@ -0,0 +1,132 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { ListModelGroupsUseCase } from "../../features/modelGroup/listModelGroups/abstractions.js";
+import { CreateModelUseCase } from "../../features/model/createModel/abstractions.js";
+import { ModelGroupsCache } from "../../features/modelGroup/abstractions.js";
+import { ModelsCache } from "../../features/model/abstractions.js";
+import { NewContentModelPresenter } from "./abstractions.js";
+const CMS_MODEL_SINGLETON_TAG = "singleEntry";
+class NewContentModelPresenterImpl {
+    constructor(formModelFactory, listModelGroupsUseCase, createModelUseCase, groupsCache, modelsCache){
+        this.formModelFactory = formModelFactory;
+        this.listModelGroupsUseCase = listModelGroupsUseCase;
+        this.createModelUseCase = createModelUseCase;
+        this.groupsCache = groupsCache;
+        this.modelsCache = modelsCache;
+        this.loading = true;
+        this.saving = false;
+        this.form = this.buildForm();
+        makeAutoObservable(this, {
+            formModelFactory: false,
+            listModelGroupsUseCase: false,
+            createModelUseCase: false,
+            groupsCache: false,
+            modelsCache: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            loading: this.loading,
+            saving: this.saving,
+            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();
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+                const groups = this.groupsCache.getItems();
+                if (groups.length > 0) this.form.setData({
+                    group: groups[0].slug
+                });
+            });
+        }
+    }
+    async save() {
+        const data = await this.form.submit();
+        if (!data) return null;
+        runInAction(()=>{
+            this.saving = true;
+        });
+        try {
+            const tags = Array.isArray(data.tags) ? data.tags : [];
+            let pluralApiName = data.pluralApiName;
+            if (data.singleEntry) {
+                tags.push(CMS_MODEL_SINGLETON_TAG);
+                pluralApiName = `${data.singularApiName}Unused`;
+            }
+            const model = await this.createModelUseCase.execute({
+                name: data.name,
+                singularApiName: data.singularApiName,
+                pluralApiName,
+                group: data.group,
+                icon: data.icon,
+                description: data.description,
+                defaultFields: data.defaultFields,
+                tags
+            });
+            return model;
+        } catch  {
+            return null;
+        } finally{
+            runInAction(()=>{
+                this.saving = false;
+            });
+        }
+    }
+    reset() {
+        this.form = this.buildForm();
+        const groups = this.groupsCache.getItems();
+        if (groups.length > 0) this.form.setData({
+            group: groups[0].slug
+        });
+    }
+    buildForm() {
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    name: fields.text().label("Name").required("Name is required."),
+                    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.").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)
+                }),
+            layout: (layout)=>[
+                    layout.row("name"),
+                    layout.row("singularApiName"),
+                    layout.row("singleEntry"),
+                    layout.row("pluralApiName"),
+                    layout.row("group"),
+                    layout.row("icon"),
+                    layout.row("description"),
+                    layout.row("defaultFields")
+                ]
+        });
+    }
+}
+const NewContentModelPresenter_NewContentModelPresenter = NewContentModelPresenter.createImplementation({
+    implementation: NewContentModelPresenterImpl,
+    dependencies: [
+        FormModelFactory,
+        ListModelGroupsUseCase,
+        CreateModelUseCase,
+        ModelGroupsCache,
+        ModelsCache
+    ]
+});
+export { NewContentModelPresenter_NewContentModelPresenter as NewContentModelPresenter };
+
+//# sourceMappingURL=NewContentModelPresenter.js.map

package/presentation/newContentModel/NewContentModelPresenter.js.map

@@ -0,0 +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        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/presentation/newContentModel/abstractions.d.ts

@@ -0,0 +1,23 @@
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { CmsModel } from "../../types.js";
+export interface INewContentModelPresenterViewModel {
+    loading: boolean;
+    saving: boolean;
+    groups: {
+        value: string;
+        label: string;
+    }[];
+    models: CmsModel[];
+    form: IFormVM;
+}
+export interface INewContentModelPresenter {
+    readonly vm: INewContentModelPresenterViewModel;
+    init(): void;
+    save(): Promise<CmsModel | null>;
+    reset(): void;
+}
+export declare const NewContentModelPresenter: import("@webiny/di").Abstraction<INewContentModelPresenter>;
+export declare namespace NewContentModelPresenter {
+    type Interface = INewContentModelPresenter;
+    type ViewModel = INewContentModelPresenterViewModel;
+}

package/presentation/newContentModel/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const NewContentModelPresenter = createAbstraction("CmsNewContentModel/Presenter");
+export { NewContentModelPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/newContentModel/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/newContentModel/abstractions.js","sources":["../../../src/presentation/newContentModel/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { CmsModel } from \"~/types.js\";\n\nexport interface INewContentModelPresenterViewModel {\n    loading: boolean;\n    saving: boolean;\n    groups: { value: string; label: string }[];\n    models: CmsModel[];\n    form: IFormVM;\n}\n\nexport interface INewContentModelPresenter {\n    readonly vm: INewContentModelPresenterViewModel;\n    init(): void;\n    save(): Promise<CmsModel | null>;\n    reset(): void;\n}\n\nexport const NewContentModelPresenter = createAbstraction<INewContentModelPresenter>(\n    \"CmsNewContentModel/Presenter\"\n);\n\nexport namespace NewContentModelPresenter {\n    export type Interface = INewContentModelPresenter;\n    export type ViewModel = INewContentModelPresenterViewModel;\n}\n"],"names":["NewContentModelPresenter","createAbstraction"],"mappings":";AAmBO,MAAMA,2BAA2BC,kBACpC"}

package/presentation/newContentModel/feature.d.ts

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

package/presentation/newContentModel/feature.js

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

package/presentation/newContentModel/feature.js.map

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

package/presentation/newContentModel/useNewContentModelPresenter.d.ts

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

package/presentation/newContentModel/useNewContentModelPresenter.js

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

package/presentation/newContentModel/useNewContentModelPresenter.js.map

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

package/routes.d.ts

@@ -0,0 +1,24 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    ContentModelGroups: {
+        List: Route<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+    ContentEntries: {
+        List: Route<{
+            modelId: import("zod").ZodString;
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            folderId: import("zod").ZodOptional<import("zod").ZodString>;
+            search: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+    ContentModels: {
+        Editor: Route<{
+            modelId: import("zod").ZodString;
+        }>;
+        List: Route<undefined>;
+    };
+};

package/routes.js

@@ -0,0 +1,42 @@
+import { Route } from "@webiny/app-admin";
+const Routes = {
+    ContentModelGroups: {
+        List: new Route({
+            name: "Cms/ContentModelGroups/List",
+            path: "/cms/content-model-groups",
+            params: (zod)=>({
+                    id: zod.string().optional(),
+                    new: zod.boolean().optional()
+                })
+        })
+    },
+    ContentEntries: {
+        List: new Route({
+            name: "Cms/ContentEntries/List",
+            path: "/cms/content-entries/:modelId",
+            params: (zod)=>({
+                    modelId: zod.string(),
+                    id: zod.string().optional(),
+                    folderId: zod.string().optional(),
+                    search: zod.string().optional(),
+                    new: zod.boolean().optional()
+                })
+        })
+    },
+    ContentModels: {
+        Editor: new Route({
+            name: "Cms/ContentModels/Editor",
+            path: "/cms/content-models/:modelId",
+            params: (zod)=>({
+                    modelId: zod.string()
+                })
+        }),
+        List: new Route({
+            name: "Cms/ContentModels/List",
+            path: "/cms/content-models"
+        })
+    }
+};
+export { Routes };
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sources":["../src/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    ContentModelGroups: {\n        List: new Route({\n            name: \"Cms/ContentModelGroups/List\",\n            path: \"/cms/content-model-groups\",\n            params: zod => {\n                return {\n                    id: zod.string().optional(),\n                    new: zod.boolean().optional()\n                };\n            }\n        })\n    },\n\n    ContentEntries: {\n        List: new Route({\n            name: \"Cms/ContentEntries/List\",\n            path: \"/cms/content-entries/:modelId\",\n            params: zod => {\n                return {\n                    modelId: zod.string(),\n                    id: zod.string().optional(),\n                    folderId: zod.string().optional(),\n                    search: zod.string().optional(),\n                    new: zod.boolean().optional()\n                };\n            }\n        })\n    },\n\n    ContentModels: {\n        Editor: new Route({\n            name: \"Cms/ContentModels/Editor\",\n            path: \"/cms/content-models/:modelId\",\n            params: zod => {\n                return {\n                    modelId: zod.string()\n                };\n            }\n        }),\n        List: new Route({\n            name: \"Cms/ContentModels/List\",\n            path: \"/cms/content-models\"\n        })\n    }\n};\n"],"names":["Routes","Route","zod"],"mappings":";AAEO,MAAMA,SAAS;IAClB,oBAAoB;QAChB,MAAM,IAAIC,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,MACG;oBACH,IAAIA,IAAI,MAAM,GAAG,QAAQ;oBACzB,KAAKA,IAAI,OAAO,GAAG,QAAQ;gBAC/B;QAER;IACJ;IAEA,gBAAgB;QACZ,MAAM,IAAID,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,MACG;oBACH,SAASA,IAAI,MAAM;oBACnB,IAAIA,IAAI,MAAM,GAAG,QAAQ;oBACzB,UAAUA,IAAI,MAAM,GAAG,QAAQ;oBAC/B,QAAQA,IAAI,MAAM,GAAG,QAAQ;oBAC7B,KAAKA,IAAI,OAAO,GAAG,QAAQ;gBAC/B;QAER;IACJ;IAEA,eAAe;QACX,QAAQ,IAAID,MAAM;YACd,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,MACG;oBACH,SAASA,IAAI,MAAM;gBACvB;QAER;QACA,MAAM,IAAID,MAAM;YACZ,MAAM;YACN,MAAM;QACV;IACJ;AACJ"}

package/static/svg/SecureRouteError.e8b15981.svg

@@ -0,0 +1 @@
+<svg id="ffa0e257-4b46-4632-a8d6-93195cbf254d" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="895.68" height="517.48" viewBox="0 0 895.68 517.48"><defs><linearGradient id="74471b12-b6be-488b-b2aa-2815e91483d9" x1="790.94" y1="640.76" x2="790.94" y2="264.76" gradientTransform="translate(1229.99 -336.2) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="f5c756da-9879-448e-9194-9478f83d355f" x1="785.97" y1="446.14" x2="785.97" y2="321.91" gradientTransform="translate(1166.67 -399.94) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="5c9be04e-db0f-4829-87c1-2cfa193e30b8" x1="660.92" y1="518.19" x2="660.92" y2="494.17" gradientTransform="translate(1146.84 -172.9) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="b92f3a53-b4d2-4abd-916c-aeb632188996" x1="433.66" y1="605.23" x2="433.66" y2="235.23" gradientTransform="translate(13.58 8.51)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="44577794-7f8e-40ae-89fc-019e5bfac17e" x1="428.36" y1="413.71" x2="428.36" y2="291.46" gradientTransform="translate(-1.05 11.3)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="666bb7d3-84d0-4835-ad07-c313c2384f21" x1="295.22" y1="484.61" x2="295.22" y2="460.98" gradientTransform="translate(28.38 37.45)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="59939605-05af-4a9a-9980-f700897f3f8b" x1="455.07" y1="464.48" x2="455.07" y2="10.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13" x1="449.07" y1="229.48" x2="449.07" y2="79.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="45b0c09d-2995-447e-8cb2-7f6b59b5e20c" x1="298.07" y1="316.48" x2="298.07" y2="287.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="e5b0a96a-81f6-4370-afe3-5a7d6a35b55e" x1="457.07" y1="517.48" x2="457.07" y2="364.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="a1850e5a-cf77-4889-926a-0125112ab273" x1="611.23" y1="564.74" x2="611.23" y2="464.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="66998849-614e-4d8a-b9ff-f14bbc588ed8" x1="611.23" y1="660.74" x2="611.23" y2="602.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/></defs><title>safe</title><rect x="792.23" y="49.92" width="19.88" height="470.41" transform="translate(247.6 844.09) rotate(-81.36)" fill="#f5f5f5"/><rect x="589.23" y="209.59" width="376" height="490.29" transform="translate(58.72 963.57) rotate(-81.36)" fill="url(#74471b12-b6be-488b-b2aa-2815e91483d9)"/><rect x="603.48" y="229.23" width="342.87" height="470.41" transform="translate(47.16 969.52) rotate(-81.36)" fill="#f5f5f5"/><circle cx="580.99" cy="251.51" r="4.86" transform="translate(92.88 596.86) rotate(-81.36)" fill="#ff5252"/><circle cx="594.2" cy="253.52" r="4.86" transform="translate(102.12 611.62) rotate(-81.36)" fill="#ff0"/><circle cx="607.41" cy="255.53" r="4.86" transform="translate(111.36 626.39) rotate(-81.36)" fill="#69f0ae"/><rect x="720.53" y="174.84" width="124.23" height="422.38" transform="translate(131.25 910.54) rotate(-81.36)" fill="url(#f5c756da-9879-448e-9194-9478f83d355f)"/><rect x="576.36" y="328.95" width="413.27" height="115.12" transform="translate(-85.2 -304.51) rotate(8.64)" fill="#fa5a28"/><rect x="628.65" y="473.94" width="24.02" height="28.16" transform="translate(-90.24 856.82) rotate(-81.36)" fill="url(#5c9be04e-db0f-4829-87c1-2cfa193e30b8)"/><rect x="627.88" y="477.73" width="26.5" height="19.88" transform="translate(-71.61 -282.05) rotate(8.64)" fill="#fa5a28"/><rect x="622.77" y="511.3" width="26.5" height="19.88" transform="translate(-66.63 -280.9) rotate(8.64)" fill="#ff5252"/><rect x="617.67" y="544.87" width="26.5" height="19.88" transform="translate(-61.64 -279.75) rotate(8.64)" fill="#ff9800"/><rect x="696.41" y="506.51" width="213.67" height="11.59" transform="translate(-66.07 -306.13) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="691.31" y="540.08" width="213.67" height="11.59" transform="translate(-61.09 -304.98) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="686.21" y="573.65" width="213.67" height="11.59" transform="translate(-56.1 -303.83) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="159.15" y="254.51" width="500.84" height="19.56" transform="translate(-199.95 -95.55) rotate(-12.6)" fill="#f5f5f5"/><rect x="186.23" y="243.74" width="522" height="370" transform="translate(-234.92 -83.38) rotate(-12.6)" fill="url(#b92f3a53-b4d2-4abd-916c-aeb632188996)"/><rect x="198.08" y="269.78" width="500.84" height="337.4" transform="translate(-237.01 -82.86) rotate(-12.6)" fill="#f5f5f5"/><ellipse cx="177.11" cy="316.25" rx="5.17" ry="4.78" transform="translate(-216.88 -145.01) rotate(-12.6)" fill="#ff5252"/><ellipse cx="191" cy="313.15" rx="5.17" ry="4.78" transform="translate(-215.87 -142.05) rotate(-12.6)" fill="#ff0"/><ellipse cx="204.88" cy="310.05" rx="5.17" ry="4.78" transform="translate(-214.86 -139.1) rotate(-12.6)" fill="#69f0ae"/><rect x="202.46" y="302.76" width="449.7" height="122.25" transform="translate(-221.25 -89.28) rotate(-12.6)" fill="url(#44577794-7f8e-40ae-89fc-019e5bfac17e)"/><rect x="207.83" y="307.54" width="440" height="113.28" transform="translate(-221.3 -89.16) rotate(-12.6)" fill="#fa5a28"/><rect x="308.61" y="498.42" width="29.98" height="23.63" transform="translate(-255.67 -108.38) rotate(-12.6)" fill="url(#666bb7d3-84d0-4835-ad07-c313c2384f21)"/><rect x="309.83" y="499.96" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -255.56, -108.32)" fill="#fa5a28"/><rect x="317.12" y="532.57" width="28.22" height="19.56" transform="translate(-262.49 -105.94) rotate(-12.6)" fill="#ff5252"/><rect x="324.41" y="565.18" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -269.43, -103.57)" fill="#ff9800"/><rect x="380.57" y="465.95" width="227.49" height="11.41" transform="translate(-243.14 -72.07) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="387.86" y="498.56" width="227.49" height="11.41" transform="translate(-250.08 -69.69) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="395.15" y="531.17" width="227.49" height="11.41" transform="translate(-257.02 -67.32) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="170.07" y="18.48" width="568" height="24" fill="#f5f5f5"/><rect x="159.07" y="10.48" width="592" height="454" fill="url(#59939605-05af-4a9a-9980-f700897f3f8b)"/><rect x="170.07" y="42.48" width="568" height="414" fill="#fff"/><circle cx="183.94" cy="30.48" r="5.87" fill="#ff5252"/><circle cx="200.07" cy="30.48" r="5.87" fill="#ff0"/><circle cx="216.2" cy="30.48" r="5.87" fill="#69f0ae"/><rect x="194.07" y="79.48" width="510" height="150" fill="url(#6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13)"/><rect x="200.07" y="85.48" width="499" height="139" fill="#fa5a28"/><rect x="281.07" y="287.48" width="34" height="29" fill="url(#45b0c09d-2995-447e-8cb2-7f6b59b5e20c)"/><rect x="282.57" y="289.48" width="32" height="24" fill="#fa5a28"/><rect x="282.57" y="330.48" width="32" height="24" fill="#ff5252"/><rect x="282.57" y="371.48" width="32" height="24" fill="#ff9800"/><rect x="367.57" y="294.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="335.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="376.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="364.07" y="364.48" width="186" height="153" fill="url(#e5b0a96a-81f6-4370-afe3-5a7d6a35b55e)"/><path d="M559.15,531.41a52.08,52.08,0,0,1,104.17,0v33.33H677.9V531.41a66.67,66.67,0,1,0-133.33,0v33.33h14.58Z" transform="translate(-152.16 -191.26)" fill="url(#a1850e5a-cf77-4889-926a-0125112ab273)"/><path d="M561.23,530.74a50,50,0,0,1,100,0v32h14v-32a64,64,0,0,0-128,0v32h14Z" transform="translate(-152.16 -191.26)" fill="#fff"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fa5a28"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fff"/><rect x="372.07" y="397.48" width="174" height="86" fill="#fa5a28"/><path d="M624,615.5a12.76,12.76,0,1,0-22,8.74v27.22a9.28,9.28,0,0,0,18.56,0V624.24A12.7,12.7,0,0,0,624,615.5Z" transform="translate(-152.16 -191.26)" fill="url(#66998849-614e-4d8a-b9ff-f14bbc588ed8)"/><path d="M622.23,617.74a11,11,0,1,0-19,7.53v23.47a8,8,0,1,0,16,0V625.27A11,11,0,0,0,622.23,617.74Z" transform="translate(-152.16 -191.26)" opacity="0.2"/></svg>

package/static/svg/round-assignment-24px.2a87eab8.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
+    <path fill="none" d="M0 0h24v24H0V0z"/>
+    <path fill="currentColor" d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm1 14H8c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1s-.45 1-1 1zm3-4H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z"/>
+</svg>

package/static/svg/round-settings-24px.77b44bea.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/></svg>

package/types.d.ts

@@ -0,0 +1,13 @@
+import type { CmsContentEntry } from "@webiny/app-headless-cms-common/types/index.js";
+import type { FolderTableRow, RecordTableRow } from "@webiny/app-aco";
+export type * from "@webiny/app-headless-cms-common/types/index.js";
+export { isLayoutField } from "@webiny/app-headless-cms-common/types/index.js";
+/***
+ * ###### TABLE ########
+ */
+export type EntryTableItem = RecordTableRow<CmsContentEntry>;
+export type TableItem = FolderTableRow | EntryTableItem;
+export interface FieldLayoutPosition {
+    row: number;
+    index: number | null;
+}

package/types.js

@@ -0,0 +1 @@
+export { isLayoutField } from "@webiny/app-headless-cms-common/types/index.js";

package/utils/normalizeIcon.d.ts

@@ -0,0 +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

@@ -0,0 +1,14 @@
+const normalizeIcon = (icon)=>{
+    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 };
+
+//# sourceMappingURL=normalizeIcon.js.map

package/utils/normalizeIcon.js.map

@@ -0,0 +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\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"}

package/admin/components/ContentEntryForm/ContentEntryForm.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { FormAPI } from "@webiny/form/types";
-import { UseContentEntryFormParams } from "./useContentEntryForm";
-interface ContentEntryFormProps extends UseContentEntryFormParams {
-    onForm?: (form: FormAPI) => void;
-}
-export declare const ContentEntryForm: React.FC<ContentEntryFormProps>;
-export {};

package/admin/components/ContentEntryForm/ContentEntryForm.js

@@ -1,149 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentEntryForm = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _form = require("@webiny/form");
-var _plugins = require("@webiny/plugins");
-var _Progress = require("@webiny/ui/Progress");
-var _useContentEntryForm2 = require("./useContentEntryForm");
-var _Fields = require("./Fields");
-var _reactRouter = require("@webiny/react-router");
-var _appAdmin = require("@webiny/app-admin");
-var _ModelProvider = require("../ModelProvider");
-var _excluded = ["onForm"];
-var FormWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "ejw5gwy0",
-  label: "FormWrapper"
-})({
-  height: "calc(100vh - 260px)",
-  overflow: "auto"
-});
-function omitTypename(key, value) {
-  return key === "__typename" ? undefined : value;
-}
-var stringify = function stringify(value) {
-  return JSON.stringify(value || {}, omitTypename);
-};
-var isDifferent = function isDifferent(value, compare) {
-  if (!value && !compare) {
-    return false;
-  }
-  return stringify(value) !== stringify(compare);
-};
-var ContentEntryForm = function ContentEntryForm(_ref) {
-  var onForm = _ref.onForm,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var formElementRef = (0, _react.useRef)(null);
-  var _useModel = (0, _ModelProvider.useModel)(),
-    model = _useModel.model;
-  var _useContentEntryForm = (0, _useContentEntryForm2.useContentEntryForm)(props),
-    loading = _useContentEntryForm.loading,
-    initialData = _useContentEntryForm.data,
-    _onChange = _useContentEntryForm.onChange,
-    _onSubmit = _useContentEntryForm.onSubmit,
-    invalidFields = _useContentEntryForm.invalidFields;
-  var _React$useState = _react.default.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isDirty = _React$useState2[0],
-    setIsDirty = _React$useState2[1];
-  /**
-   * Reset isDirty when the loaded data changes.
-   */
-  (0, _react.useEffect)(function () {
-    if (!isDirty) {
-      return;
-    }
-    setIsDirty(false);
-  }, [initialData]);
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (typeof onForm !== "function" || !ref.current) {
-      return;
-    }
-    onForm(ref.current);
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (!formElementRef.current) {
-      return;
-    }
-    formElementRef.current.scrollTo(0, 0);
-  }, [initialData.id, formElementRef.current]);
-  var formRenderer = _plugins.plugins.byType("cms-content-form-renderer").find(function (pl) {
-    return pl.modelId === model.modelId;
-  });
-  var renderCustomLayout = (0, _react.useCallback)(function (formRenderProps) {
-    var fields = model.fields.reduce(function (acc, field) {
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind.
-       */
-      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
-        field: field,
-        Bind: formRenderProps.Bind,
-        contentModel: model
-      });
-      return acc;
-    }, {});
-    if (!formRenderer) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing form renderer for modelId \"".concat(model.modelId, "\"."));
-    }
-    return formRenderer.render((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formRenderProps), {}, {
-      contentModel: model,
-      fields: fields,
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind.
-       */
-      Bind: formRenderProps.Bind
-    }));
-  }, [formRenderer]);
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
-    onChange: function onChange(data, form) {
-      var different = isDifferent(data, initialData);
-      if (isDirty !== different) {
-        setIsDirty(different);
-      }
-      return _onChange(data, form);
-    },
-    onSubmit: function onSubmit(data, form) {
-      setIsDirty(false);
-      return _onSubmit(data, form);
-    },
-    data: initialData,
-    ref: ref,
-    invalidFields: invalidFields,
-    onInvalid: function onInvalid() {
-      setIsDirty(true);
-      showSnackbar("Some fields did not pass the validation. Please check the form.");
-    }
-  }, function (formProps) {
-    return /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
-      model: model
-    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Prompt, {
-      when: isDirty,
-      message: "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?"
-    }), /*#__PURE__*/_react.default.createElement(FormWrapper, {
-      "data-testid": "cms-content-form",
-      ref: formElementRef
-    }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), formRenderer ? renderCustomLayout(formProps) : /*#__PURE__*/_react.default.createElement(_Fields.Fields, Object.assign({
-      contentModel: model,
-      fields: model.fields || [],
-      layout: model.layout || []
-    }, formProps, {
-      Bind: formProps.Bind
-    }))));
-  });
-};
-exports.ContentEntryForm = ContentEntryForm;

package/admin/components/ContentEntryForm/ContentEntryForm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FormWrapper","styled","height","overflow","omitTypename","key","value","undefined","stringify","JSON","isDifferent","compare","ContentEntryForm","onForm","props","formElementRef","useRef","useModel","model","useContentEntryForm","loading","initialData","data","onChange","onSubmit","invalidFields","React","useState","isDirty","setIsDirty","useEffect","useSnackbar","showSnackbar","ref","current","scrollTo","id","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","Bind","render","contentModel","form","different","formProps","layout"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport styled from \"@emotion/styled\";\nimport { Form } from \"@webiny/form\";\nimport { FormAPI, FormRenderPropParams } from \"@webiny/form/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { CmsContentFormRendererPlugin } from \"~/types\";\nimport { useContentEntryForm, UseContentEntryFormParams } from \"./useContentEntryForm\";\nimport { Fields } from \"./Fields\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface ContentEntryFormProps extends UseContentEntryFormParams {\n    onForm?: (form: FormAPI) => void;\n}\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\nconst stringify = (value: any): string => {\n    return JSON.stringify(value || {}, omitTypename);\n};\n\nconst isDifferent = (value: any, compare: any): boolean => {\n    if (!value && !compare) {\n        return false;\n    }\n    return stringify(value) !== stringify(compare);\n};\n\nexport const ContentEntryForm: React.FC<ContentEntryFormProps> = ({ onForm, ...props }) => {\n    const formElementRef = useRef<HTMLDivElement>(null);\n    const { model } = useModel();\n    const {\n        loading,\n        data: initialData,\n        onChange,\n        onSubmit,\n        invalidFields\n    } = useContentEntryForm(props);\n\n    const [isDirty, setIsDirty] = React.useState<boolean>(false);\n    /**\n     * Reset isDirty when the loaded data changes.\n     */\n    useEffect(() => {\n        if (!isDirty) {\n            return;\n        }\n        setIsDirty(false);\n    }, [initialData]);\n\n    const { showSnackbar } = useSnackbar();\n\n    const ref = useRef<FormAPI | null>(null);\n\n    useEffect(() => {\n        if (typeof onForm !== \"function\" || !ref.current) {\n            return;\n        }\n        onForm(ref.current);\n    }, []);\n\n    useEffect(() => {\n        if (!formElementRef.current) {\n            return;\n        }\n\n        formElementRef.current.scrollTo(0, 0);\n    }, [initialData.id, formElementRef.current]);\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === model.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = model.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={model}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${model.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                contentModel: model,\n                fields,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any\n            });\n        },\n        [formRenderer]\n    );\n\n    return (\n        <Form\n            onChange={(data, form) => {\n                const different = isDifferent(data, initialData);\n                if (isDirty !== different) {\n                    setIsDirty(different);\n                }\n                return onChange(data, form);\n            }}\n            onSubmit={(data, form) => {\n                setIsDirty(false);\n                return onSubmit(data, form);\n            }}\n            data={initialData}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={() => {\n                setIsDirty(true);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                return (\n                    <ModelProvider model={model}>\n                        <Prompt\n                            when={isDirty}\n                            message={\n                                \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\"\n                            }\n                        />\n                        <FormWrapper data-testid={\"cms-content-form\"} ref={formElementRef}>\n                            {loading && <CircularProgress />}\n                            {formRenderer ? (\n                                renderCustomLayout(formProps)\n                            ) : (\n                                <Fields\n                                    contentModel={model}\n                                    fields={model.fields || []}\n                                    layout={model.layout || []}\n                                    {...formProps}\n                                    Bind={formProps.Bind as any}\n                                />\n                            )}\n                        </FormWrapper>\n                    </ModelProvider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ContentEntryForm/ContentEntryFormPreview.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { CmsEditorContentModel } from "../../../types";
-interface Props {
-    contentModel: CmsEditorContentModel;
-}
-export declare const ContentEntryFormPreview: React.FC<Props>;
-export {};