@webiny/app-website-builder 6.3.0 → 6.4.0-beta.1

package/modules/pages/PageEditor/PageEditorConfig.js

@@ -1,32 +1,21 @@
-import React from "react";
+import react from "react";
 import { CompositionScope } from "@webiny/app-admin";
 import { EditorConfig, EditorConfigComponents } from "../../../BaseEditor/index.js";
 import { EDITOR_NAME } from "../constants.js";
-const PrimaryPageEditorConfig = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: EDITOR_NAME,
-    inherit: true
-  }, /*#__PURE__*/React.createElement(EditorConfig, {
-    priority: "primary"
-  }, children));
-};
-const SecondaryPageEditorConfig = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: EDITOR_NAME,
-    inherit: true
-  }, /*#__PURE__*/React.createElement(EditorConfig, {
-    priority: "secondary"
-  }, children));
-};
-
-/* This one is an internal API for the base app. It ensures this config is always applied first. */
-export const InternalPageEditorConfig = Object.assign(PrimaryPageEditorConfig, EditorConfigComponents);
-
-/* This one is a public API for other apps and third party developers. */
-export const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents);
+const PrimaryPageEditorConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: EDITOR_NAME,
+        inherit: true
+    }, /*#__PURE__*/ react.createElement(EditorConfig, {
+        priority: "primary"
+    }, children));
+const SecondaryPageEditorConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: EDITOR_NAME,
+        inherit: true
+    }, /*#__PURE__*/ react.createElement(EditorConfig, {
+        priority: "secondary"
+    }, children));
+const InternalPageEditorConfig = Object.assign(PrimaryPageEditorConfig, EditorConfigComponents);
+const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents);
+export { InternalPageEditorConfig, PageEditorConfig };
 
 //# sourceMappingURL=PageEditorConfig.js.map

package/modules/pages/PageEditor/PageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CompositionScope","EditorConfig","EditorConfigComponents","EDITOR_NAME","PrimaryPageEditorConfig","children","createElement","name","inherit","priority","SecondaryPageEditorConfig","InternalPageEditorConfig","Object","assign","PageEditorConfig"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig, EditorConfigComponents } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants.js\";\n\ninterface PageEditorConfigProps {\n    children: React.ReactNode;\n}\n\nconst PrimaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"primary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\nconst SecondaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"secondary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\n/* This one is an internal API for the base app. It ensures this config is always applied first. */\nexport const InternalPageEditorConfig = Object.assign(\n    PrimaryPageEditorConfig,\n    EditorConfigComponents\n);\n\n/* This one is a public API for other apps and third party developers. */\nexport const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,YAAY,EAAEC,sBAAsB;AAC7C,SAASC,WAAW;AAMpB,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACrE,oBACIN,KAAA,CAAAO,aAAA,CAACN,gBAAgB;IAACO,IAAI,EAAEJ,WAAY;IAACK,OAAO,EAAE;EAAK,gBAC/CT,KAAA,CAAAO,aAAA,CAACL,YAAY;IAACQ,QAAQ,EAAE;EAAU,GAAEJ,QAAuB,CAC7C,CAAC;AAE3B,CAAC;AAED,MAAMK,yBAAyB,GAAGA,CAAC;EAAEL;AAAgC,CAAC,KAAK;EACvE,oBACIN,KAAA,CAAAO,aAAA,CAACN,gBAAgB;IAACO,IAAI,EAAEJ,WAAY;IAACK,OAAO,EAAE;EAAK,gBAC/CT,KAAA,CAAAO,aAAA,CAACL,YAAY;IAACQ,QAAQ,EAAE;EAAY,GAAEJ,QAAuB,CAC/C,CAAC;AAE3B,CAAC;;AAED;AACA,OAAO,MAAMM,wBAAwB,GAAGC,MAAM,CAACC,MAAM,CACjDT,uBAAuB,EACvBF,sBACJ,CAAC;;AAED;AACA,OAAO,MAAMY,gBAAgB,GAAGF,MAAM,CAACC,MAAM,CAACH,yBAAyB,EAAER,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageEditorConfig.js","sources":["../../../../src/modules/pages/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig, EditorConfigComponents } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants.js\";\n\ninterface PageEditorConfigProps {\n    children: React.ReactNode;\n}\n\nconst PrimaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"primary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\nconst SecondaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"secondary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\n/* This one is an internal API for the base app. It ensures this config is always applied first. */\nexport const InternalPageEditorConfig = Object.assign(\n    PrimaryPageEditorConfig,\n    EditorConfigComponents\n);\n\n/* This one is a public API for other apps and third party developers. */\nexport const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents);\n"],"names":["PrimaryPageEditorConfig","children","CompositionScope","EDITOR_NAME","EditorConfig","SecondaryPageEditorConfig","InternalPageEditorConfig","Object","EditorConfigComponents","PageEditorConfig"],"mappings":";;;;AASA,MAAMA,0BAA0B,CAAC,EAAEC,QAAQ,EAAyB,GACzD,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAMC;QAAa,SAAS;qBAC1C,oBAACC,cAAYA;QAAC,UAAU;OAAYH;AAKhD,MAAMI,4BAA4B,CAAC,EAAEJ,QAAQ,EAAyB,GAC3D,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAMC;QAAa,SAAS;qBAC1C,oBAACC,cAAYA;QAAC,UAAU;OAAcH;AAM3C,MAAMK,2BAA2BC,OAAO,MAAM,CACjDP,yBACAQ;AAIG,MAAMC,mBAAmBF,OAAO,MAAM,CAACF,2BAA2BG"}

package/modules/pages/PageEditor/PageSettings/PageSettingsPresenter.js

@@ -1,154 +1,125 @@
-import { makeAutoObservable, computed } from "mobx";
+import { computed, makeAutoObservable } from "mobx";
 import { FormModelFactory } from "@webiny/app-admin";
-import { PageSettingsPresenter as PresenterAbstraction } from "./abstractions.js";
-import { PageSettingsGroup } from "./abstractions.js";
-import { PageSettingsGroupModifier } from "./abstractions.js";
+import { PageSettingsGroup, PageSettingsGroupModifier, PageSettingsPresenter } from "./abstractions.js";
 class PageSettingsPresenterImpl {
-  form = null;
-  error = null;
-  originalData = null;
-  constructor(factory, groups, modifiers) {
-    this.factory = factory;
-    this.groups = groups;
-    this.modifiers = modifiers;
-    makeAutoObservable(this, {
-      vm: computed
-    }, {
-      autoBind: true
-    });
-  }
-  get vm() {
-    return {
-      form: this.form ? this.form.vm : null,
-      error: this.error
-    };
-  }
-  init(data) {
-    this.error = null;
-    this.originalData = data;
-    this.form = this.buildForm();
-    const mapped = {};
-    for (const group of this.groups) {
-      mapped[group.name] = group.mapToForm(data);
+    constructor(factory, groups, modifiers){
+        this.factory = factory;
+        this.groups = groups;
+        this.modifiers = modifiers;
+        this.form = null;
+        this.error = null;
+        this.originalData = null;
+        makeAutoObservable(this, {
+            vm: computed
+        }, {
+            autoBind: true
+        });
     }
-    for (const modifier of this.modifiers ?? []) {
-      if (modifier.mapToForm) {
-        const modData = modifier.mapToForm(data);
-        mapped[modifier.group] = {
-          ...mapped[modifier.group],
-          ...modData
+    get vm() {
+        return {
+            form: this.form ? this.form.vm : null,
+            error: this.error
         };
-      }
     }
-    this.form.setData(mapped);
-  }
-  async submit() {
-    if (!this.form || !this.originalData) {
-      return false;
-    }
-    const data = await this.form.submit();
-    if (!data) {
-      return false;
+    init(data) {
+        this.error = null;
+        this.originalData = data;
+        this.form = this.buildForm();
+        const mapped = {};
+        for (const group of this.groups)mapped[group.name] = group.mapToForm(data);
+        for (const modifier of this.modifiers ?? [])if (modifier.mapToForm) {
+            const modData = modifier.mapToForm(data);
+            mapped[modifier.group] = {
+                ...mapped[modifier.group],
+                ...modData
+            };
+        }
+        this.form.setData(mapped);
     }
-    console.log("data", data);
-    const doc = structuredClone(this.originalData);
-    for (const group of this.groups) {
-      group.mapFromForm(data[group.name] ?? {}, doc);
+    async submit() {
+        if (!this.form || !this.originalData) return false;
+        const data = await this.form.submit();
+        if (!data) return false;
+        const doc = structuredClone(this.originalData);
+        for (const group of this.groups)group.mapFromForm(data[group.name] ?? {}, doc);
+        for (const modifier of this.modifiers ?? [])if (modifier.mapFromForm) modifier.mapFromForm(data[modifier.group] ?? {}, doc);
+        return doc;
     }
-    for (const modifier of this.modifiers ?? []) {
-      if (modifier.mapFromForm) {
-        modifier.mapFromForm(data[modifier.group] ?? {}, doc);
-      }
+    collectGroups() {
+        return this.groups.map((group)=>{
+            const fieldsFns = [];
+            const layoutFns = [];
+            const builder = {
+                fields (fn) {
+                    fieldsFns.push(fn);
+                },
+                layout (fn) {
+                    layoutFns.push(fn);
+                }
+            };
+            group.buildForm(builder);
+            for (const modifier of this.modifiers ?? [])if (modifier.group === group.name) modifier.modifyForm(builder);
+            return {
+                group,
+                fieldsFns,
+                layoutFns
+            };
+        });
     }
-    return doc;
-  }
-  collectGroups() {
-    return this.groups.map(group => {
-      const fieldsFns = [];
-      const layoutFns = [];
-      const builder = {
-        fields(fn) {
-          fieldsFns.push(fn);
-        },
-        layout(fn) {
-          layoutFns.push(fn);
-        }
-      };
-      group.buildForm(builder);
-      for (const modifier of this.modifiers ?? []) {
-        if (modifier.group === group.name) {
-          modifier.modifyForm(builder);
-        }
-      }
-      return {
-        group,
-        fieldsFns,
-        layoutFns
-      };
-    });
-  }
-  buildForm() {
-    const collected = this.collectGroups();
-    return this.factory.create({
-      fields: fields => {
-        const result = {};
-        for (const {
-          group,
-          fieldsFns
-        } of collected) {
-          if (fieldsFns.length === 0) {
-            continue;
-          }
-          result[group.name] = fields.object().label(group.label).renderer("passthrough").fields(registry => {
-            const merged = {};
-            for (const fn of fieldsFns) {
-              Object.assign(merged, fn(registry));
+    buildForm() {
+        const collected = this.collectGroups();
+        return this.factory.create({
+            fields: (fields)=>{
+                const result = {};
+                for (const { group, fieldsFns } of collected)if (0 !== fieldsFns.length) result[group.name] = fields.object().label(group.label).renderer("passthrough").fields((registry)=>{
+                    const merged = {};
+                    for (const fn of fieldsFns)Object.assign(merged, fn(registry));
+                    return merged;
+                });
+                return result;
+            },
+            layout: (layout)=>{
+                if (0 === collected.length) return [];
+                const tabsBuilder = layout.tabs("settings-tabs").renderer("tabsVertical");
+                for (const { group, layoutFns } of collected)tabsBuilder.tab(group.name, (tab)=>{
+                    tab.label(group.label);
+                    if (group.description) tab.description(group.description);
+                    if (group.icon) tab.icon(group.icon);
+                    tab.layout((l)=>{
+                        if (layoutFns.length > 0) return [
+                            l.object(group.name, (inner)=>layoutFns.flatMap((fn)=>fn(inner)))
+                        ];
+                        return [
+                            l.row(group.name)
+                        ];
+                    });
+                });
+                return [
+                    tabsBuilder
+                ];
             }
-            return merged;
-          });
-        }
-        return result;
-      },
-      layout: layout => {
-        if (collected.length === 0) {
-          return [];
-        }
-        const tabsBuilder = layout.tabs("settings-tabs").renderer("tabsVertical");
-        for (const {
-          group,
-          layoutFns
-        } of collected) {
-          tabsBuilder.tab(group.name, tab => {
-            tab.label(group.label);
-            if (group.description) {
-              tab.description(group.description);
+        });
+    }
+}
+const PageSettingsPresenterRegistration = PageSettingsPresenter.createImplementation({
+    implementation: PageSettingsPresenterImpl,
+    dependencies: [
+        FormModelFactory,
+        [
+            PageSettingsGroup,
+            {
+                multiple: true
             }
-            if (group.icon) {
-              tab.icon(group.icon);
+        ],
+        [
+            PageSettingsGroupModifier,
+            {
+                multiple: true,
+                optional: true
             }
-            tab.layout(l => {
-              if (layoutFns.length > 0) {
-                return [l.object(group.name, inner => {
-                  return layoutFns.flatMap(fn => fn(inner));
-                })];
-              }
-              return [l.row(group.name)];
-            });
-          });
-        }
-        return [tabsBuilder];
-      }
-    });
-  }
-}
-export const PageSettingsPresenterRegistration = PresenterAbstraction.createImplementation({
-  implementation: PageSettingsPresenterImpl,
-  dependencies: [FormModelFactory, [PageSettingsGroup, {
-    multiple: true
-  }], [PageSettingsGroupModifier, {
-    multiple: true,
-    optional: true
-  }]]
+        ]
+    ]
 });
+export { PageSettingsPresenterRegistration };
 
 //# sourceMappingURL=PageSettingsPresenter.js.map

package/modules/pages/PageEditor/PageSettings/PageSettingsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","computed","FormModelFactory","PageSettingsPresenter","PresenterAbstraction","PageSettingsGroup","PageSettingsGroupModifier","PageSettingsPresenterImpl","form","error","originalData","constructor","factory","groups","modifiers","vm","autoBind","init","data","buildForm","mapped","group","name","mapToForm","modifier","modData","setData","submit","console","log","doc","structuredClone","mapFromForm","collectGroups","map","fieldsFns","layoutFns","builder","fields","fn","push","layout","modifyForm","collected","create","result","length","object","label","renderer","registry","merged","Object","assign","tabsBuilder","tabs","tab","description","icon","l","inner","flatMap","row","PageSettingsPresenterRegistration","createImplementation","implementation","dependencies","multiple","optional"],"sources":["PageSettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport { PageSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { PageSettingsGroup } from \"./abstractions.js\";\nimport { PageSettingsGroupModifier } from \"./abstractions.js\";\n\ntype FieldsFactory = (\n    fields: FormModelFactory.FieldBuilderRegistry\n) => Record<string, FormModelFactory.FieldBuilder>;\n\ntype LayoutFactory = (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[];\n\ninterface CollectedGroup {\n    group: PageSettingsGroup.Interface;\n    fieldsFns: FieldsFactory[];\n    layoutFns: LayoutFactory[];\n}\n\nclass PageSettingsPresenterImpl implements PresenterAbstraction.Interface {\n    private form: FormModel.Interface | null = null;\n    private error: string | null = null;\n    private originalData: PageSettingsGroup.PageDocument | null = null;\n\n    constructor(\n        private factory: FormModelFactory.Interface,\n        private groups: PageSettingsGroup.Interface[],\n        private modifiers: PageSettingsGroupModifier.Interface[] | undefined\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): PresenterAbstraction.ViewModel {\n        return {\n            form: this.form ? this.form.vm : null,\n            error: this.error\n        };\n    }\n\n    init(data: PageSettingsGroup.PageDocument): void {\n        this.error = null;\n        this.originalData = data;\n\n        this.form = this.buildForm();\n\n        const mapped: Record<string, any> = {};\n        for (const group of this.groups) {\n            mapped[group.name] = group.mapToForm(data);\n        }\n\n        for (const modifier of this.modifiers ?? []) {\n            if (modifier.mapToForm) {\n                const modData = modifier.mapToForm(data);\n                mapped[modifier.group] = { ...mapped[modifier.group], ...modData };\n            }\n        }\n\n        this.form.setData(mapped);\n    }\n\n    async submit(): Promise<PageSettingsGroup.PageDocument | false> {\n        if (!this.form || !this.originalData) {\n            return false;\n        }\n\n        const data = await this.form.submit<Record<string, any>>();\n        if (!data) {\n            return false;\n        }\n\n        console.log(\"data\", data);\n\n        const doc = structuredClone(this.originalData);\n\n        for (const group of this.groups) {\n            group.mapFromForm(data[group.name] ?? {}, doc);\n        }\n\n        for (const modifier of this.modifiers ?? []) {\n            if (modifier.mapFromForm) {\n                modifier.mapFromForm(data[modifier.group] ?? {}, doc);\n            }\n        }\n\n        return doc;\n    }\n\n    private collectGroups(): CollectedGroup[] {\n        return this.groups.map(group => {\n            const fieldsFns: FieldsFactory[] = [];\n            const layoutFns: LayoutFactory[] = [];\n\n            const builder: PageSettingsGroup.FormBuilder = {\n                fields(fn: FieldsFactory) {\n                    fieldsFns.push(fn);\n                },\n                layout(fn: LayoutFactory) {\n                    layoutFns.push(fn);\n                }\n            };\n\n            group.buildForm(builder);\n\n            for (const modifier of this.modifiers ?? []) {\n                if (modifier.group === group.name) {\n                    modifier.modifyForm(builder);\n                }\n            }\n\n            return { group, fieldsFns, layoutFns };\n        });\n    }\n\n    private buildForm() {\n        const collected = this.collectGroups();\n\n        return this.factory.create({\n            fields: fields => {\n                const result: Record<string, FormModelFactory.FieldBuilder> = {};\n                for (const { group, fieldsFns } of collected) {\n                    if (fieldsFns.length === 0) {\n                        continue;\n                    }\n                    result[group.name] = fields\n                        .object()\n                        .label(group.label)\n                        .renderer(\"passthrough\")\n                        .fields(registry => {\n                            const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n                            for (const fn of fieldsFns) {\n                                Object.assign(merged, fn(registry));\n                            }\n                            return merged;\n                        });\n                }\n                return result;\n            },\n            layout: layout => {\n                if (collected.length === 0) {\n                    return [];\n                }\n\n                const tabsBuilder = layout.tabs(\"settings-tabs\").renderer(\"tabsVertical\");\n\n                for (const { group, layoutFns } of collected) {\n                    tabsBuilder.tab(group.name, tab => {\n                        tab.label(group.label);\n                        if (group.description) {\n                            tab.description(group.description);\n                        }\n                        if (group.icon) {\n                            tab.icon(group.icon);\n                        }\n                        tab.layout(l => {\n                            if (layoutFns.length > 0) {\n                                return [\n                                    l.object(group.name, inner => {\n                                        return layoutFns.flatMap(fn => fn(inner));\n                                    })\n                                ];\n                            }\n\n                            return [l.row(group.name)];\n                        });\n                    });\n                }\n\n                return [tabsBuilder];\n            }\n        });\n    }\n}\n\nexport const PageSettingsPresenterRegistration = PresenterAbstraction.createImplementation({\n    implementation: PageSettingsPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        [PageSettingsGroup, { multiple: true }],\n        [PageSettingsGroupModifier, { multiple: true, optional: true }]\n    ]\n});\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,MAAM;AACnD,SAASC,gBAAgB,QAAmB,mBAAmB;AAC/D,SAASC,qBAAqB,IAAIC,oBAAoB;AACtD,SAASC,iBAAiB;AAC1B,SAASC,yBAAyB;AAclC,MAAMC,yBAAyB,CAA2C;EAC9DC,IAAI,GAA+B,IAAI;EACvCC,KAAK,GAAkB,IAAI;EAC3BC,YAAY,GAA0C,IAAI;EAElEC,WAAWA,CACCC,OAAmC,EACnCC,MAAqC,EACrCC,SAA4D,EACtE;IAAA,KAHUF,OAAmC,GAAnCA,OAAmC;IAAA,KACnCC,MAAqC,GAArCA,MAAqC;IAAA,KACrCC,SAA4D,GAA5DA,SAA4D;IAEpEd,kBAAkB,CAAC,IAAI,EAAE;MAAEe,EAAE,EAAEd;IAAS,CAAC,EAAE;MAAEe,QAAQ,EAAE;IAAK,CAAC,CAAC;EAClE;EAEA,IAAID,EAAEA,CAAA,EAAmC;IACrC,OAAO;MACHP,IAAI,EAAE,IAAI,CAACA,IAAI,GAAG,IAAI,CAACA,IAAI,CAACO,EAAE,GAAG,IAAI;MACrCN,KAAK,EAAE,IAAI,CAACA;IAChB,CAAC;EACL;EAEAQ,IAAIA,CAACC,IAAoC,EAAQ;IAC7C,IAAI,CAACT,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,YAAY,GAAGQ,IAAI;IAExB,IAAI,CAACV,IAAI,GAAG,IAAI,CAACW,SAAS,CAAC,CAAC;IAE5B,MAAMC,MAA2B,GAAG,CAAC,CAAC;IACtC,KAAK,MAAMC,KAAK,IAAI,IAAI,CAACR,MAAM,EAAE;MAC7BO,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,GAAGD,KAAK,CAACE,SAAS,CAACL,IAAI,CAAC;IAC9C;IAEA,KAAK,MAAMM,QAAQ,IAAI,IAAI,CAACV,SAAS,IAAI,EAAE,EAAE;MACzC,IAAIU,QAAQ,CAACD,SAAS,EAAE;QACpB,MAAME,OAAO,GAAGD,QAAQ,CAACD,SAAS,CAACL,IAAI,CAAC;QACxCE,MAAM,CAACI,QAAQ,CAACH,KAAK,CAAC,GAAG;UAAE,GAAGD,MAAM,CAACI,QAAQ,CAACH,KAAK,CAAC;UAAE,GAAGI;QAAQ,CAAC;MACtE;IACJ;IAEA,IAAI,CAACjB,IAAI,CAACkB,OAAO,CAACN,MAAM,CAAC;EAC7B;EAEA,MAAMO,MAAMA,CAAA,EAAoD;IAC5D,IAAI,CAAC,IAAI,CAACnB,IAAI,IAAI,CAAC,IAAI,CAACE,YAAY,EAAE;MAClC,OAAO,KAAK;IAChB;IAEA,MAAMQ,IAAI,GAAG,MAAM,IAAI,CAACV,IAAI,CAACmB,MAAM,CAAsB,CAAC;IAC1D,IAAI,CAACT,IAAI,EAAE;MACP,OAAO,KAAK;IAChB;IAEAU,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEX,IAAI,CAAC;IAEzB,MAAMY,GAAG,GAAGC,eAAe,CAAC,IAAI,CAACrB,YAAY,CAAC;IAE9C,KAAK,MAAMW,KAAK,IAAI,IAAI,CAACR,MAAM,EAAE;MAC7BQ,KAAK,CAACW,WAAW,CAACd,IAAI,CAACG,KAAK,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAEQ,GAAG,CAAC;IAClD;IAEA,KAAK,MAAMN,QAAQ,IAAI,IAAI,CAACV,SAAS,IAAI,EAAE,EAAE;MACzC,IAAIU,QAAQ,CAACQ,WAAW,EAAE;QACtBR,QAAQ,CAACQ,WAAW,CAACd,IAAI,CAACM,QAAQ,CAACH,KAAK,CAAC,IAAI,CAAC,CAAC,EAAES,GAAG,CAAC;MACzD;IACJ;IAEA,OAAOA,GAAG;EACd;EAEQG,aAAaA,CAAA,EAAqB;IACtC,OAAO,IAAI,CAACpB,MAAM,CAACqB,GAAG,CAACb,KAAK,IAAI;MAC5B,MAAMc,SAA0B,GAAG,EAAE;MACrC,MAAMC,SAA0B,GAAG,EAAE;MAErC,MAAMC,OAAsC,GAAG;QAC3CC,MAAMA,CAACC,EAAiB,EAAE;UACtBJ,SAAS,CAACK,IAAI,CAACD,EAAE,CAAC;QACtB,CAAC;QACDE,MAAMA,CAACF,EAAiB,EAAE;UACtBH,SAAS,CAACI,IAAI,CAACD,EAAE,CAAC;QACtB;MACJ,CAAC;MAEDlB,KAAK,CAACF,SAAS,CAACkB,OAAO,CAAC;MAExB,KAAK,MAAMb,QAAQ,IAAI,IAAI,CAACV,SAAS,IAAI,EAAE,EAAE;QACzC,IAAIU,QAAQ,CAACH,KAAK,KAAKA,KAAK,CAACC,IAAI,EAAE;UAC/BE,QAAQ,CAACkB,UAAU,CAACL,OAAO,CAAC;QAChC;MACJ;MAEA,OAAO;QAAEhB,KAAK;QAAEc,SAAS;QAAEC;MAAU,CAAC;IAC1C,CAAC,CAAC;EACN;EAEQjB,SAASA,CAAA,EAAG;IAChB,MAAMwB,SAAS,GAAG,IAAI,CAACV,aAAa,CAAC,CAAC;IAEtC,OAAO,IAAI,CAACrB,OAAO,CAACgC,MAAM,CAAC;MACvBN,MAAM,EAAEA,MAAM,IAAI;QACd,MAAMO,MAAqD,GAAG,CAAC,CAAC;QAChE,KAAK,MAAM;UAAExB,KAAK;UAAEc;QAAU,CAAC,IAAIQ,SAAS,EAAE;UAC1C,IAAIR,SAAS,CAACW,MAAM,KAAK,CAAC,EAAE;YACxB;UACJ;UACAD,MAAM,CAACxB,KAAK,CAACC,IAAI,CAAC,GAAGgB,MAAM,CACtBS,MAAM,CAAC,CAAC,CACRC,KAAK,CAAC3B,KAAK,CAAC2B,KAAK,CAAC,CAClBC,QAAQ,CAAC,aAAa,CAAC,CACvBX,MAAM,CAACY,QAAQ,IAAI;YAChB,MAAMC,MAAqD,GAAG,CAAC,CAAC;YAChE,KAAK,MAAMZ,EAAE,IAAIJ,SAAS,EAAE;cACxBiB,MAAM,CAACC,MAAM,CAACF,MAAM,EAAEZ,EAAE,CAACW,QAAQ,CAAC,CAAC;YACvC;YACA,OAAOC,MAAM;UACjB,CAAC,CAAC;QACV;QACA,OAAON,MAAM;MACjB,CAAC;MACDJ,MAAM,EAAEA,MAAM,IAAI;QACd,IAAIE,SAAS,CAACG,MAAM,KAAK,CAAC,EAAE;UACxB,OAAO,EAAE;QACb;QAEA,MAAMQ,WAAW,GAAGb,MAAM,CAACc,IAAI,CAAC,eAAe,CAAC,CAACN,QAAQ,CAAC,cAAc,CAAC;QAEzE,KAAK,MAAM;UAAE5B,KAAK;UAAEe;QAAU,CAAC,IAAIO,SAAS,EAAE;UAC1CW,WAAW,CAACE,GAAG,CAACnC,KAAK,CAACC,IAAI,EAAEkC,GAAG,IAAI;YAC/BA,GAAG,CAACR,KAAK,CAAC3B,KAAK,CAAC2B,KAAK,CAAC;YACtB,IAAI3B,KAAK,CAACoC,WAAW,EAAE;cACnBD,GAAG,CAACC,WAAW,CAACpC,KAAK,CAACoC,WAAW,CAAC;YACtC;YACA,IAAIpC,KAAK,CAACqC,IAAI,EAAE;cACZF,GAAG,CAACE,IAAI,CAACrC,KAAK,CAACqC,IAAI,CAAC;YACxB;YACAF,GAAG,CAACf,MAAM,CAACkB,CAAC,IAAI;cACZ,IAAIvB,SAAS,CAACU,MAAM,GAAG,CAAC,EAAE;gBACtB,OAAO,CACHa,CAAC,CAACZ,MAAM,CAAC1B,KAAK,CAACC,IAAI,EAAEsC,KAAK,IAAI;kBAC1B,OAAOxB,SAAS,CAACyB,OAAO,CAACtB,EAAE,IAAIA,EAAE,CAACqB,KAAK,CAAC,CAAC;gBAC7C,CAAC,CAAC,CACL;cACL;cAEA,OAAO,CAACD,CAAC,CAACG,GAAG,CAACzC,KAAK,CAACC,IAAI,CAAC,CAAC;YAC9B,CAAC,CAAC;UACN,CAAC,CAAC;QACN;QAEA,OAAO,CAACgC,WAAW,CAAC;MACxB;IACJ,CAAC,CAAC;EACN;AACJ;AAEA,OAAO,MAAMS,iCAAiC,GAAG3D,oBAAoB,CAAC4D,oBAAoB,CAAC;EACvFC,cAAc,EAAE1D,yBAAyB;EACzC2D,YAAY,EAAE,CACVhE,gBAAgB,EAChB,CAACG,iBAAiB,EAAE;IAAE8D,QAAQ,EAAE;EAAK,CAAC,CAAC,EACvC,CAAC7D,yBAAyB,EAAE;IAAE6D,QAAQ,EAAE,IAAI;IAAEC,QAAQ,EAAE;EAAK,CAAC,CAAC;AAEvE,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageSettings/PageSettingsPresenter.js","sources":["../../../../../src/modules/pages/PageEditor/PageSettings/PageSettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport { PageSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { PageSettingsGroup } from \"./abstractions.js\";\nimport { PageSettingsGroupModifier } from \"./abstractions.js\";\n\ntype FieldsFactory = (\n    fields: FormModelFactory.FieldBuilderRegistry\n) => Record<string, FormModelFactory.FieldBuilder>;\n\ntype LayoutFactory = (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[];\n\ninterface CollectedGroup {\n    group: PageSettingsGroup.Interface;\n    fieldsFns: FieldsFactory[];\n    layoutFns: LayoutFactory[];\n}\n\nclass PageSettingsPresenterImpl implements PresenterAbstraction.Interface {\n    private form: FormModel.Interface | null = null;\n    private error: string | null = null;\n    private originalData: PageSettingsGroup.PageDocument | null = null;\n\n    constructor(\n        private factory: FormModelFactory.Interface,\n        private groups: PageSettingsGroup.Interface[],\n        private modifiers: PageSettingsGroupModifier.Interface[] | undefined\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): PresenterAbstraction.ViewModel {\n        return {\n            form: this.form ? this.form.vm : null,\n            error: this.error\n        };\n    }\n\n    init(data: PageSettingsGroup.PageDocument): void {\n        this.error = null;\n        this.originalData = data;\n\n        this.form = this.buildForm();\n\n        const mapped: Record<string, any> = {};\n        for (const group of this.groups) {\n            mapped[group.name] = group.mapToForm(data);\n        }\n\n        for (const modifier of this.modifiers ?? []) {\n            if (modifier.mapToForm) {\n                const modData = modifier.mapToForm(data);\n                mapped[modifier.group] = { ...mapped[modifier.group], ...modData };\n            }\n        }\n\n        this.form.setData(mapped);\n    }\n\n    async submit(): Promise<PageSettingsGroup.PageDocument | false> {\n        if (!this.form || !this.originalData) {\n            return false;\n        }\n\n        const data = await this.form.submit<Record<string, any>>();\n        if (!data) {\n            return false;\n        }\n\n        const doc = structuredClone(this.originalData);\n\n        for (const group of this.groups) {\n            group.mapFromForm(data[group.name] ?? {}, doc);\n        }\n\n        for (const modifier of this.modifiers ?? []) {\n            if (modifier.mapFromForm) {\n                modifier.mapFromForm(data[modifier.group] ?? {}, doc);\n            }\n        }\n\n        return doc;\n    }\n\n    private collectGroups(): CollectedGroup[] {\n        return this.groups.map(group => {\n            const fieldsFns: FieldsFactory[] = [];\n            const layoutFns: LayoutFactory[] = [];\n\n            const builder: PageSettingsGroup.FormBuilder = {\n                fields(fn: FieldsFactory) {\n                    fieldsFns.push(fn);\n                },\n                layout(fn: LayoutFactory) {\n                    layoutFns.push(fn);\n                }\n            };\n\n            group.buildForm(builder);\n\n            for (const modifier of this.modifiers ?? []) {\n                if (modifier.group === group.name) {\n                    modifier.modifyForm(builder);\n                }\n            }\n\n            return { group, fieldsFns, layoutFns };\n        });\n    }\n\n    private buildForm() {\n        const collected = this.collectGroups();\n\n        return this.factory.create({\n            fields: fields => {\n                const result: Record<string, FormModelFactory.FieldBuilder> = {};\n                for (const { group, fieldsFns } of collected) {\n                    if (fieldsFns.length === 0) {\n                        continue;\n                    }\n                    result[group.name] = fields\n                        .object()\n                        .label(group.label)\n                        .renderer(\"passthrough\")\n                        .fields(registry => {\n                            const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n                            for (const fn of fieldsFns) {\n                                Object.assign(merged, fn(registry));\n                            }\n                            return merged;\n                        });\n                }\n                return result;\n            },\n            layout: layout => {\n                if (collected.length === 0) {\n                    return [];\n                }\n\n                const tabsBuilder = layout.tabs(\"settings-tabs\").renderer(\"tabsVertical\");\n\n                for (const { group, layoutFns } of collected) {\n                    tabsBuilder.tab(group.name, tab => {\n                        tab.label(group.label);\n                        if (group.description) {\n                            tab.description(group.description);\n                        }\n                        if (group.icon) {\n                            tab.icon(group.icon);\n                        }\n                        tab.layout(l => {\n                            if (layoutFns.length > 0) {\n                                return [\n                                    l.object(group.name, inner => {\n                                        return layoutFns.flatMap(fn => fn(inner));\n                                    })\n                                ];\n                            }\n\n                            return [l.row(group.name)];\n                        });\n                    });\n                }\n\n                return [tabsBuilder];\n            }\n        });\n    }\n}\n\nexport const PageSettingsPresenterRegistration = PresenterAbstraction.createImplementation({\n    implementation: PageSettingsPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        [PageSettingsGroup, { multiple: true }],\n        [PageSettingsGroupModifier, { multiple: true, optional: true }]\n    ]\n});\n"],"names":["PageSettingsPresenterImpl","factory","groups","modifiers","makeAutoObservable","computed","data","mapped","group","modifier","modData","doc","structuredClone","fieldsFns","layoutFns","builder","fn","collected","fields","result","registry","merged","Object","layout","tabsBuilder","tab","l","inner","PageSettingsPresenterRegistration","PresenterAbstraction","FormModelFactory","PageSettingsGroup","PageSettingsGroupModifier"],"mappings":"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"}

package/modules/pages/PageEditor/PageSettings/abstractions.js

@@ -1,12 +1,7 @@
 import { createAbstraction } from "@webiny/feature/admin";
-
-// Settings Group
-
-export const PageSettingsGroup = createAbstraction("PageEditor/SettingsGroup");
-export const PageSettingsGroupModifier = createAbstraction("PageEditor/SettingsGroupModifier");
-
-// Presenter
-
-export const PageSettingsPresenter = createAbstraction("PageEditor/SettingsPresenter");
+const PageSettingsGroup = createAbstraction("PageEditor/SettingsGroup");
+const PageSettingsGroupModifier = createAbstraction("PageEditor/SettingsGroupModifier");
+const PageSettingsPresenter = createAbstraction("PageEditor/SettingsPresenter");
+export { PageSettingsGroup, PageSettingsGroupModifier, PageSettingsPresenter };
 
 //# sourceMappingURL=abstractions.js.map

package/modules/pages/PageEditor/PageSettings/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"names":["createAbstraction","PageSettingsGroup","PageSettingsGroupModifier","PageSettingsPresenter"],"sources":["abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModel } from \"@webiny/app-admin\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport type { Icon } from \"@webiny/app-admin/components/IconPicker/types.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\n\n// Settings Group\n\nexport interface IPageSettingsGroupFormBuilder {\n    fields(\n        fn: (\n            fields: FormModelFactory.FieldBuilderRegistry\n        ) => Record<string, FormModelFactory.FieldBuilder>\n    ): void;\n    layout(fn: (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]): void;\n}\n\nexport interface IPageDocument {\n    properties: EditorPage[\"properties\"];\n    metadata: EditorPage[\"metadata\"];\n    extensions: EditorPage[\"extensions\"];\n}\n\nexport interface IPageSettingsGroup {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\n    buildForm(formBuilder: IPageSettingsGroupFormBuilder): void;\n    mapToForm(document: IPageDocument): Record<string, any>;\n    mapFromForm(formData: Record<string, any>, document: IPageDocument): void;\n}\n\nexport const PageSettingsGroup = createAbstraction<IPageSettingsGroup>(\"PageEditor/SettingsGroup\");\n\nexport namespace PageSettingsGroup {\n    export type Interface = IPageSettingsGroup;\n    export type FormBuilder = IPageSettingsGroupFormBuilder;\n    export type PageDocument = IPageDocument;\n}\n\nexport interface IPageSettingsGroupModifier {\n    group: string;\n    modifyForm(formBuilder: IPageSettingsGroupFormBuilder): void;\n    mapToForm?(document: PageSettingsGroupModifier.PageDocument): Record<string, any>;\n    mapFromForm?(\n        formData: Record<string, any>,\n        document: PageSettingsGroupModifier.PageDocument\n    ): void;\n}\n\nexport const PageSettingsGroupModifier = createAbstraction<IPageSettingsGroupModifier>(\n    \"PageEditor/SettingsGroupModifier\"\n);\n\nexport namespace PageSettingsGroupModifier {\n    export type Interface = IPageSettingsGroupModifier;\n    export type PageDocument = IPageDocument;\n    export type FormBuilder = IPageSettingsGroupFormBuilder;\n}\n\n// Presenter\n\nexport interface IPageSettingsVm {\n    form: FormModel.FormVM | null;\n    error: string | null;\n}\n\nexport interface IPageSettingsPresenter {\n    readonly vm: IPageSettingsVm;\n    init(data: IPageDocument): void;\n    submit(): Promise<IPageDocument | false>;\n}\n\nexport const PageSettingsPresenter = createAbstraction<IPageSettingsPresenter>(\n    \"PageEditor/SettingsPresenter\"\n);\n\nexport namespace PageSettingsPresenter {\n    export type Interface = IPageSettingsPresenter;\n    export type ViewModel = IPageSettingsVm;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;;AAMzD;;AA2BA,OAAO,MAAMC,iBAAiB,GAAGD,iBAAiB,CAAqB,0BAA0B,CAAC;AAkBlG,OAAO,MAAME,yBAAyB,GAAGF,iBAAiB,CACtD,kCACJ,CAAC;;AAQD;;AAaA,OAAO,MAAMG,qBAAqB,GAAGH,iBAAiB,CAClD,8BACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageSettings/abstractions.js","sources":["../../../../../src/modules/pages/PageEditor/PageSettings/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModel } from \"@webiny/app-admin\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport type { Icon } from \"@webiny/app-admin/components/IconPicker/types.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\n\n// Settings Group\n\nexport interface IPageSettingsGroupFormBuilder {\n    fields(\n        fn: (\n            fields: FormModelFactory.FieldBuilderRegistry\n        ) => Record<string, FormModelFactory.FieldBuilder>\n    ): void;\n    layout(fn: (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]): void;\n}\n\nexport interface IPageDocument {\n    properties: EditorPage[\"properties\"];\n    metadata: EditorPage[\"metadata\"];\n    extensions: EditorPage[\"extensions\"];\n}\n\nexport interface IPageSettingsGroup {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\n    buildForm(formBuilder: IPageSettingsGroupFormBuilder): void;\n    mapToForm(document: IPageDocument): Record<string, any>;\n    mapFromForm(formData: Record<string, any>, document: IPageDocument): void;\n}\n\nexport const PageSettingsGroup = createAbstraction<IPageSettingsGroup>(\"PageEditor/SettingsGroup\");\n\nexport namespace PageSettingsGroup {\n    export type Interface = IPageSettingsGroup;\n    export type FormBuilder = IPageSettingsGroupFormBuilder;\n    export type PageDocument = IPageDocument;\n}\n\nexport interface IPageSettingsGroupModifier {\n    group: string;\n    modifyForm(formBuilder: IPageSettingsGroupFormBuilder): void;\n    mapToForm?(document: PageSettingsGroupModifier.PageDocument): Record<string, any>;\n    mapFromForm?(\n        formData: Record<string, any>,\n        document: PageSettingsGroupModifier.PageDocument\n    ): void;\n}\n\nexport const PageSettingsGroupModifier = createAbstraction<IPageSettingsGroupModifier>(\n    \"PageEditor/SettingsGroupModifier\"\n);\n\nexport namespace PageSettingsGroupModifier {\n    export type Interface = IPageSettingsGroupModifier;\n    export type PageDocument = IPageDocument;\n    export type FormBuilder = IPageSettingsGroupFormBuilder;\n}\n\n// Presenter\n\nexport interface IPageSettingsVm {\n    form: FormModel.FormVM | null;\n    error: string | null;\n}\n\nexport interface IPageSettingsPresenter {\n    readonly vm: IPageSettingsVm;\n    init(data: IPageDocument): void;\n    submit(): Promise<IPageDocument | false>;\n}\n\nexport const PageSettingsPresenter = createAbstraction<IPageSettingsPresenter>(\n    \"PageEditor/SettingsPresenter\"\n);\n\nexport namespace PageSettingsPresenter {\n    export type Interface = IPageSettingsPresenter;\n    export type ViewModel = IPageSettingsVm;\n}\n"],"names":["PageSettingsGroup","createAbstraction","PageSettingsGroupModifier","PageSettingsPresenter"],"mappings":";AAiCO,MAAMA,oBAAoBC,kBAAsC;AAkBhE,MAAMC,4BAA4BD,kBACrC;AAsBG,MAAME,wBAAwBF,kBACjC"}

package/modules/pages/PageEditor/PageSettings/feature.js

@@ -1,24 +1,25 @@
 import { createFeature } from "@webiny/feature/admin";
-import { PageSettingsPresenter as PresenterAbstraction } from "./abstractions.js";
+import { PageSettingsPresenter } from "./abstractions.js";
 import { PageSettingsPresenterRegistration } from "./PageSettingsPresenter.js";
 import { GeneralSettingsGroup } from "./groups/GeneralSettingsGroup.js";
 import { SeoSettingsGroup } from "./groups/SeoSettingsGroup.js";
 import { SocialSettingsGroup } from "./groups/SocialSettingsGroup.js";
 import { SchemaSettingsGroup } from "./groups/SchemaSettingsGroup.js";
-export const PageSettingsFeature = createFeature({
-  name: "PageEditor/Settings",
-  register(container) {
-    container.register(GeneralSettingsGroup);
-    container.register(SeoSettingsGroup);
-    container.register(SocialSettingsGroup);
-    container.register(SchemaSettingsGroup);
-    container.register(PageSettingsPresenterRegistration);
-  },
-  resolve(container) {
-    return {
-      presenter: container.resolve(PresenterAbstraction)
-    };
-  }
+const PageSettingsFeature = createFeature({
+    name: "PageEditor/Settings",
+    register (container) {
+        container.register(GeneralSettingsGroup);
+        container.register(SeoSettingsGroup);
+        container.register(SocialSettingsGroup);
+        container.register(SchemaSettingsGroup);
+        container.register(PageSettingsPresenterRegistration);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(PageSettingsPresenter)
+        };
+    }
 });
+export { PageSettingsFeature };
 
 //# sourceMappingURL=feature.js.map

package/modules/pages/PageEditor/PageSettings/feature.js.map

@@ -1 +1 @@
-{"version":3,"names":["createFeature","PageSettingsPresenter","PresenterAbstraction","PageSettingsPresenterRegistration","GeneralSettingsGroup","SeoSettingsGroup","SocialSettingsGroup","SchemaSettingsGroup","PageSettingsFeature","name","register","container","resolve","presenter"],"sources":["feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { PageSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { PageSettingsPresenterRegistration } from \"./PageSettingsPresenter.js\";\nimport { GeneralSettingsGroup } from \"./groups/GeneralSettingsGroup.js\";\nimport { SeoSettingsGroup } from \"./groups/SeoSettingsGroup.js\";\nimport { SocialSettingsGroup } from \"./groups/SocialSettingsGroup.js\";\nimport { SchemaSettingsGroup } from \"./groups/SchemaSettingsGroup.js\";\n\nexport const PageSettingsFeature = createFeature({\n    name: \"PageEditor/Settings\",\n    register(container) {\n        container.register(GeneralSettingsGroup);\n        container.register(SeoSettingsGroup);\n        container.register(SocialSettingsGroup);\n        container.register(SchemaSettingsGroup);\n        container.register(PageSettingsPresenterRegistration);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,qBAAqB,IAAIC,oBAAoB;AACtD,SAASC,iCAAiC;AAC1C,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,mBAAmB,GAAGR,aAAa,CAAC;EAC7CS,IAAI,EAAE,qBAAqB;EAC3BC,QAAQA,CAACC,SAAS,EAAE;IAChBA,SAAS,CAACD,QAAQ,CAACN,oBAAoB,CAAC;IACxCO,SAAS,CAACD,QAAQ,CAACL,gBAAgB,CAAC;IACpCM,SAAS,CAACD,QAAQ,CAACJ,mBAAmB,CAAC;IACvCK,SAAS,CAACD,QAAQ,CAACH,mBAAmB,CAAC;IACvCI,SAAS,CAACD,QAAQ,CAACP,iCAAiC,CAAC;EACzD,CAAC;EACDS,OAAOA,CAACD,SAAS,EAAE;IACf,OAAO;MACHE,SAAS,EAAEF,SAAS,CAACC,OAAO,CAACV,oBAAoB;IACrD,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageSettings/feature.js","sources":["../../../../../src/modules/pages/PageEditor/PageSettings/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { PageSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { PageSettingsPresenterRegistration } from \"./PageSettingsPresenter.js\";\nimport { GeneralSettingsGroup } from \"./groups/GeneralSettingsGroup.js\";\nimport { SeoSettingsGroup } from \"./groups/SeoSettingsGroup.js\";\nimport { SocialSettingsGroup } from \"./groups/SocialSettingsGroup.js\";\nimport { SchemaSettingsGroup } from \"./groups/SchemaSettingsGroup.js\";\n\nexport const PageSettingsFeature = createFeature({\n    name: \"PageEditor/Settings\",\n    register(container) {\n        container.register(GeneralSettingsGroup);\n        container.register(SeoSettingsGroup);\n        container.register(SocialSettingsGroup);\n        container.register(SchemaSettingsGroup);\n        container.register(PageSettingsPresenterRegistration);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["PageSettingsFeature","createFeature","container","GeneralSettingsGroup","SeoSettingsGroup","SocialSettingsGroup","SchemaSettingsGroup","PageSettingsPresenterRegistration","PresenterAbstraction"],"mappings":";;;;;;;AAQO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;IACvB;IACA,SAAQL,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACM;QACjC;IACJ;AACJ"}

package/modules/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.js

@@ -1,42 +1,51 @@
 import { PageSettingsGroup } from "../abstractions.js";
 class GeneralSettingsGroupImpl {
-  name = "general";
-  label = "General";
-  description = "Configure the page's core details like title, path, snippet, and image.";
-  icon = {
-    type: "icon",
-    name: "fas/cog"
-  };
-  buildForm(form) {
-    form.fields(fields => ({
-      title: fields.text().label("Page title").required(),
-      path: fields.text().label("Path").required(),
-      snippet: fields.text().label("Snippet").renderer("textarea"),
-      image: fields.file().label("Image").description("Select an image to represent this page"),
-      tags: fields.text().label("Tags").description("Add page tags. These can be used for page rendering, filtering, etc.").renderer("tags").list()
-    }));
-    form.layout(layout => [layout.row("title"), layout.row("path"), layout.row("snippet"), layout.row("image"), layout.row("tags")]);
-  }
-  mapToForm(doc) {
-    return {
-      title: doc.properties?.title,
-      path: doc.properties?.path,
-      snippet: doc.properties?.snippet,
-      image: doc.properties?.image,
-      tags: doc.properties?.tags
-    };
-  }
-  mapFromForm(formData, doc) {
-    doc.properties.title = formData.title;
-    doc.properties.path = formData.path;
-    doc.properties.snippet = formData.snippet;
-    doc.properties.image = formData.image;
-    doc.properties.tags = formData.tags;
-  }
+    buildForm(form) {
+        form.fields((fields)=>({
+                title: fields.text().label("Page title").required(),
+                path: fields.text().label("Path").required(),
+                snippet: fields.text().label("Snippet").renderer("textarea"),
+                image: fields.file().label("Image").description("Select an image to represent this page"),
+                tags: fields.text().label("Tags").description("Add page tags. These can be used for page rendering, filtering, etc.").renderer("tags").list()
+            }));
+        form.layout((layout)=>[
+                layout.row("title"),
+                layout.row("path"),
+                layout.row("snippet"),
+                layout.row("image"),
+                layout.row("tags")
+            ]);
+    }
+    mapToForm(doc) {
+        return {
+            title: doc.properties?.title,
+            path: doc.properties?.path,
+            snippet: doc.properties?.snippet,
+            image: doc.properties?.image,
+            tags: doc.properties?.tags
+        };
+    }
+    mapFromForm(formData, doc) {
+        doc.properties.title = formData.title;
+        doc.properties.path = formData.path;
+        doc.properties.snippet = formData.snippet;
+        doc.properties.image = formData.image;
+        doc.properties.tags = formData.tags;
+    }
+    constructor(){
+        this.name = "general";
+        this.label = "General";
+        this.description = "Configure the page's core details like title, path, snippet, and image.";
+        this.icon = {
+            type: "icon",
+            name: "fas/cog"
+        };
+    }
 }
-export const GeneralSettingsGroup = PageSettingsGroup.createImplementation({
-  implementation: GeneralSettingsGroupImpl,
-  dependencies: []
+const GeneralSettingsGroup = PageSettingsGroup.createImplementation({
+    implementation: GeneralSettingsGroupImpl,
+    dependencies: []
 });
+export { GeneralSettingsGroup };
 
 //# sourceMappingURL=GeneralSettingsGroup.js.map

package/modules/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["PageSettingsGroup","GeneralSettingsGroupImpl","name","label","description","icon","type","buildForm","form","fields","title","text","required","path","snippet","renderer","image","file","tags","list","layout","row","mapToForm","doc","properties","mapFromForm","formData","GeneralSettingsGroup","createImplementation","implementation","dependencies"],"sources":["GeneralSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"../abstractions.js\";\n\nclass GeneralSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"general\";\n    label = \"General\";\n    description = \"Configure the page's core details like title, path, snippet, and image.\";\n    icon = { type: \"icon\", name: \"fas/cog\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields.text().label(\"Page title\").required(),\n            path: fields.text().label(\"Path\").required(),\n            snippet: fields.text().label(\"Snippet\").renderer(\"textarea\"),\n            image: fields\n                .file()\n                .label(\"Image\")\n                .description(\"Select an image to represent this page\"),\n            tags: fields\n                .text()\n                .label(\"Tags\")\n                .description(\"Add page tags. These can be used for page rendering, filtering, etc.\")\n                .renderer(\"tags\")\n                .list()\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"path\"),\n            layout.row(\"snippet\"),\n            layout.row(\"image\"),\n            layout.row(\"tags\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        return {\n            title: doc.properties?.title,\n            path: doc.properties?.path,\n            snippet: doc.properties?.snippet,\n            image: doc.properties?.image,\n            tags: doc.properties?.tags\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.title = formData.title;\n        doc.properties.path = formData.path;\n        doc.properties.snippet = formData.snippet;\n        doc.properties.image = formData.image;\n        doc.properties.tags = formData.tags;\n    }\n}\n\nexport const GeneralSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: GeneralSettingsGroupImpl,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,iBAAiB;AAE1B,MAAMC,wBAAwB,CAAwC;EAClEC,IAAI,GAAG,SAAS;EAChBC,KAAK,GAAG,SAAS;EACjBC,WAAW,GAAG,yEAAyE;EACvFC,IAAI,GAAG;IAAEC,IAAI,EAAE,MAAM;IAAEJ,IAAI,EAAE;EAAU,CAAC;EAExCK,SAASA,CAACC,IAAmC,EAAQ;IACjDA,IAAI,CAACC,MAAM,CAACA,MAAM,KAAK;MACnBC,KAAK,EAAED,MAAM,CAACE,IAAI,CAAC,CAAC,CAACR,KAAK,CAAC,YAAY,CAAC,CAACS,QAAQ,CAAC,CAAC;MACnDC,IAAI,EAAEJ,MAAM,CAACE,IAAI,CAAC,CAAC,CAACR,KAAK,CAAC,MAAM,CAAC,CAACS,QAAQ,CAAC,CAAC;MAC5CE,OAAO,EAAEL,MAAM,CAACE,IAAI,CAAC,CAAC,CAACR,KAAK,CAAC,SAAS,CAAC,CAACY,QAAQ,CAAC,UAAU,CAAC;MAC5DC,KAAK,EAAEP,MAAM,CACRQ,IAAI,CAAC,CAAC,CACNd,KAAK,CAAC,OAAO,CAAC,CACdC,WAAW,CAAC,wCAAwC,CAAC;MAC1Dc,IAAI,EAAET,MAAM,CACPE,IAAI,CAAC,CAAC,CACNR,KAAK,CAAC,MAAM,CAAC,CACbC,WAAW,CAAC,sEAAsE,CAAC,CACnFW,QAAQ,CAAC,MAAM,CAAC,CAChBI,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEHX,IAAI,CAACY,MAAM,CAACA,MAAM,IAAI,CAClBA,MAAM,CAACC,GAAG,CAAC,OAAO,CAAC,EACnBD,MAAM,CAACC,GAAG,CAAC,MAAM,CAAC,EAClBD,MAAM,CAACC,GAAG,CAAC,SAAS,CAAC,EACrBD,MAAM,CAACC,GAAG,CAAC,OAAO,CAAC,EACnBD,MAAM,CAACC,GAAG,CAAC,MAAM,CAAC,CACrB,CAAC;EACN;EAEAC,SAASA,CAACC,GAAmC,EAAuB;IAChE,OAAO;MACHb,KAAK,EAAEa,GAAG,CAACC,UAAU,EAAEd,KAAK;MAC5BG,IAAI,EAAEU,GAAG,CAACC,UAAU,EAAEX,IAAI;MAC1BC,OAAO,EAAES,GAAG,CAACC,UAAU,EAAEV,OAAO;MAChCE,KAAK,EAAEO,GAAG,CAACC,UAAU,EAAER,KAAK;MAC5BE,IAAI,EAAEK,GAAG,CAACC,UAAU,EAAEN;IAC1B,CAAC;EACL;EAEAO,WAAWA,CAACC,QAA6B,EAAEH,GAAmC,EAAQ;IAClFA,GAAG,CAACC,UAAU,CAACd,KAAK,GAAGgB,QAAQ,CAAChB,KAAK;IACrCa,GAAG,CAACC,UAAU,CAACX,IAAI,GAAGa,QAAQ,CAACb,IAAI;IACnCU,GAAG,CAACC,UAAU,CAACV,OAAO,GAAGY,QAAQ,CAACZ,OAAO;IACzCS,GAAG,CAACC,UAAU,CAACR,KAAK,GAAGU,QAAQ,CAACV,KAAK;IACrCO,GAAG,CAACC,UAAU,CAACN,IAAI,GAAGQ,QAAQ,CAACR,IAAI;EACvC;AACJ;AAEA,OAAO,MAAMS,oBAAoB,GAAG3B,iBAAiB,CAAC4B,oBAAoB,CAAC;EACvEC,cAAc,EAAE5B,wBAAwB;EACxC6B,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.js","sources":["../../../../../../src/modules/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"../abstractions.js\";\n\nclass GeneralSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"general\";\n    label = \"General\";\n    description = \"Configure the page's core details like title, path, snippet, and image.\";\n    icon = { type: \"icon\", name: \"fas/cog\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields.text().label(\"Page title\").required(),\n            path: fields.text().label(\"Path\").required(),\n            snippet: fields.text().label(\"Snippet\").renderer(\"textarea\"),\n            image: fields\n                .file()\n                .label(\"Image\")\n                .description(\"Select an image to represent this page\"),\n            tags: fields\n                .text()\n                .label(\"Tags\")\n                .description(\"Add page tags. These can be used for page rendering, filtering, etc.\")\n                .renderer(\"tags\")\n                .list()\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"path\"),\n            layout.row(\"snippet\"),\n            layout.row(\"image\"),\n            layout.row(\"tags\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        return {\n            title: doc.properties?.title,\n            path: doc.properties?.path,\n            snippet: doc.properties?.snippet,\n            image: doc.properties?.image,\n            tags: doc.properties?.tags\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.title = formData.title;\n        doc.properties.path = formData.path;\n        doc.properties.snippet = formData.snippet;\n        doc.properties.image = formData.image;\n        doc.properties.tags = formData.tags;\n    }\n}\n\nexport const GeneralSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: GeneralSettingsGroupImpl,\n    dependencies: []\n});\n"],"names":["GeneralSettingsGroupImpl","form","fields","layout","doc","formData","GeneralSettingsGroup","PageSettingsGroup"],"mappings":";AAEA,MAAMA;IAMF,UAAUC,IAAmC,EAAQ;QACjDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,OAAOA,OAAO,IAAI,GAAG,KAAK,CAAC,cAAc,QAAQ;gBACjD,MAAMA,OAAO,IAAI,GAAG,KAAK,CAAC,QAAQ,QAAQ;gBAC1C,SAASA,OAAO,IAAI,GAAG,KAAK,CAAC,WAAW,QAAQ,CAAC;gBACjD,OAAOA,OACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CAAC;gBACjB,MAAMA,OACD,IAAI,GACJ,KAAK,CAAC,QACN,WAAW,CAAC,wEACZ,QAAQ,CAAC,QACT,IAAI;YACb;QAEAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;IAEA,UAAUC,GAAmC,EAAuB;QAChE,OAAO;YACH,OAAOA,IAAI,UAAU,EAAE;YACvB,MAAMA,IAAI,UAAU,EAAE;YACtB,SAASA,IAAI,UAAU,EAAE;YACzB,OAAOA,IAAI,UAAU,EAAE;YACvB,MAAMA,IAAI,UAAU,EAAE;QAC1B;IACJ;IAEA,YAAYC,QAA6B,EAAED,GAAmC,EAAQ;QAClFA,IAAI,UAAU,CAAC,KAAK,GAAGC,SAAS,KAAK;QACrCD,IAAI,UAAU,CAAC,IAAI,GAAGC,SAAS,IAAI;QACnCD,IAAI,UAAU,CAAC,OAAO,GAAGC,SAAS,OAAO;QACzCD,IAAI,UAAU,CAAC,KAAK,GAAGC,SAAS,KAAK;QACrCD,IAAI,UAAU,CAAC,IAAI,GAAGC,SAAS,IAAI;IACvC;;aA/CA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAU;;AA6C3C;AAEO,MAAMC,uBAAuBC,kBAAkB,oBAAoB,CAAC;IACvE,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}