@webiny/app-website-builder 6.4.0-beta.2 → 6.4.0-beta.4

package/ecommerce/components/ResourcePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ecommerce/components/ResourcePage.js","sources":["../../../src/ecommerce/components/ResourcePage.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Skeleton } from \"@webiny/admin-ui\";\nimport type { IFormModel, IFieldVM } from \"@webiny/app-admin\";\nimport type { IPageType } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport type { IEcommerceApiProvider } from \"~/features/index.js\";\nimport type { Resource } from \"../types.js\";\nimport { ResourcesPickerButton } from \"./ResourcesPicker.js\";\nimport { toTitleCaseLabel } from \"./toTitleCaseLabel.js\";\nimport { useEcommerceApi } from \"~/features/index.js\";\n\n// ---------------------------------------------------------------------------\n// ResourcePicker field renderer\n// ---------------------------------------------------------------------------\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        \"resource-picker\": { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\ninterface ResourcePickerRendererConfig {\n    pluginName: string;\n    resourceType: string;\n}\n\nexport function createResourcePickerRenderer(config: ResourcePickerRendererConfig) {\n    return observer(function ResourcePickerField({ field }: { field: IFieldVM }) {\n        const { api } = useEcommerceApi(config.pluginName);\n\n        if (!api) {\n            return <Skeleton />;\n        }\n\n        return (\n            <div className={\"border-sm rounded-md border-neutral-muted p-sm\"}>\n                <ResourcesPickerButton\n                    api={api}\n                    resourceName={config.resourceType}\n                    pluginName={config.pluginName}\n                    value={field.value as string}\n                    onChange={value => field.onChange(value)}\n                />\n            </div>\n        );\n    });\n}\n\n// ---------------------------------------------------------------------------\n// EcommerceResourcePageType — IPageType implementation\n// ---------------------------------------------------------------------------\n\nexport interface EcommerceResourcePageTypeConfig {\n    name: string;\n    label: string;\n    resourceType: string;\n    previewPath: (resource: Resource) => string;\n    apiName: string;\n}\n\nexport class EcommerceResourcePageType implements IPageType {\n    readonly name: string;\n    readonly label: string;\n\n    constructor(\n        private config: EcommerceResourcePageTypeConfig,\n        private provider: IEcommerceApiProvider\n    ) {\n        this.name = config.name;\n        this.label = config.label;\n    }\n\n    modifyForm(form: IFormModel): void {\n        form.fields(fields => ({\n            resourceId: fields\n                .text()\n                .label(toTitleCaseLabel(this.config.resourceType))\n                .required()\n                .renderer(\"resource-picker\")\n                .afterChange((value, f) => {\n                    if (!value) {\n                        return;\n                    }\n                    void this.onResourceSelected(String(value), f);\n                })\n        }));\n\n        form.field(\"title\").setDisabled(true);\n        form.field(\"path\").setDisabled(true);\n\n        form.layout(layout => [layout.row(\"resourceId\").before(\"title\")]);\n    }\n\n    mapFromForm(data: Record<string, unknown>, input: CreatePageParams): void {\n        input.metadata = input.metadata ?? {};\n        input.metadata.resourceId = data.resourceId;\n    }\n\n    private async onResourceSelected(resourceId: string, form: IFormModel): Promise<void> {\n        const api = await this.provider.getApi(this.config.apiName);\n        if (!api) {\n            return;\n        }\n\n        const resource = await api[this.config.resourceType].findById(resourceId);\n        form.field(\"title\").setValue(resource.title);\n        form.field(\"title\").setDisabled(false);\n        form.field(\"path\").setValue(this.config.previewPath(resource));\n        form.field(\"path\").setDisabled(false);\n    }\n}\n"],"names":["createResourcePickerRenderer","config","observer","field","api","useEcommerceApi","Skeleton","ResourcesPickerButton","value","EcommerceResourcePageType","provider","form","fields","toTitleCaseLabel","f","String","layout","data","input","resourceId","resource"],"mappings":";;;;;;AA2BO,SAASA,6BAA6BC,MAAoC;IAC7E,OAAOC,SAAS,SAA6B,EAAEC,KAAK,EAAuB;QACvE,MAAM,EAAEC,GAAG,EAAE,GAAGC,gBAAgBJ,OAAO,UAAU;QAEjD,IAAI,CAACG,KACD,OAAO,WAAP,GAAO,oBAACE,UAAQA;QAGpB,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACC,uBAAqBA;YAClB,KAAKH;YACL,cAAcH,OAAO,YAAY;YACjC,YAAYA,OAAO,UAAU;YAC7B,OAAOE,MAAM,KAAK;YAClB,UAAUK,CAAAA,QAASL,MAAM,QAAQ,CAACK;;IAIlD;AACJ;AAcO,MAAMC;IAIT,YACYR,MAAuC,EACvCS,QAA+B,CACzC;aAFUT,MAAM,GAANA;aACAS,QAAQ,GAARA;QAER,IAAI,CAAC,IAAI,GAAGT,OAAO,IAAI;QACvB,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;IAC7B;IAEA,WAAWU,IAAgB,EAAQ;QAC/BA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,YAAYA,OACP,IAAI,GACJ,KAAK,CAACC,iBAAiB,IAAI,CAAC,MAAM,CAAC,YAAY,GAC/C,QAAQ,GACR,QAAQ,CAAC,mBACT,WAAW,CAAC,CAACL,OAAOM;oBACjB,IAAI,CAACN,OACD;oBAEC,IAAI,CAAC,kBAAkB,CAACO,OAAOP,QAAQM;gBAChD;YACR;QAEAH,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;QAChCA,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;QAE/BA,KAAK,MAAM,CAACK,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC,cAAc,MAAM,CAAC;aAAS;IACpE;IAEA,YAAYC,IAA6B,EAAEC,KAAuB,EAAQ;QACtEA,MAAM,QAAQ,GAAGA,MAAM,QAAQ,IAAI,CAAC;QACpCA,MAAM,QAAQ,CAAC,UAAU,GAAGD,KAAK,UAAU;IAC/C;IAEA,MAAc,mBAAmBE,UAAkB,EAAER,IAAgB,EAAiB;QAClF,MAAMP,MAAM,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO;QAC1D,IAAI,CAACA,KACD;QAGJ,MAAMgB,WAAW,MAAMhB,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAACe;QAC9DR,KAAK,KAAK,CAAC,SAAS,QAAQ,CAACS,SAAS,KAAK;QAC3CT,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;QAChCA,KAAK,KAAK,CAAC,QAAQ,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAACS;QACpDT,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;IACnC;AACJ"}
+{"version":3,"file":"ecommerce/components/ResourcePage.js","sources":["../../../src/ecommerce/components/ResourcePage.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Skeleton } from \"@webiny/admin-ui\";\nimport type { IFormModel, IFieldVM } from \"@webiny/app-admin\";\nimport type { IPageType } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport type { IEcommerceApiProvider } from \"~/features/index.js\";\nimport type { Resource } from \"../types.js\";\nimport { ResourcesPickerButton } from \"./ResourcesPicker.js\";\nimport { toTitleCaseLabel } from \"./toTitleCaseLabel.js\";\nimport { useEcommerceApi } from \"~/features/index.js\";\n\n// ---------------------------------------------------------------------------\n// ResourcePicker field renderer\n// ---------------------------------------------------------------------------\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        [key: `resource-picker:${string}`]: { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\ninterface ResourcePickerRendererConfig {\n    pluginName: string;\n    resourceType: string;\n}\n\nexport function createResourcePickerRenderer(config: ResourcePickerRendererConfig) {\n    return observer(function ResourcePickerField({ field }: { field: IFieldVM }) {\n        const { api } = useEcommerceApi(config.pluginName);\n\n        if (!api) {\n            return <Skeleton />;\n        }\n\n        return (\n            <div className={\"border-sm rounded-md border-neutral-muted p-sm\"}>\n                <ResourcesPickerButton\n                    api={api}\n                    resourceName={config.resourceType}\n                    pluginName={config.pluginName}\n                    value={field.value as string}\n                    onChange={value => field.onChange(value)}\n                />\n            </div>\n        );\n    });\n}\n\n// ---------------------------------------------------------------------------\n// EcommerceResourcePageType — IPageType implementation\n// ---------------------------------------------------------------------------\n\nexport interface EcommerceResourcePageTypeConfig {\n    name: string;\n    label: string;\n    resourceType: string;\n    previewPath: (resource: Resource) => string;\n    apiName: string;\n}\n\nexport class EcommerceResourcePageType implements IPageType {\n    readonly name: string;\n    readonly label: string;\n\n    constructor(\n        private config: EcommerceResourcePageTypeConfig,\n        private provider: IEcommerceApiProvider\n    ) {\n        this.name = config.name;\n        this.label = config.label;\n    }\n\n    modifyForm(form: IFormModel): void {\n        form.fields(fields => ({\n            resourceId: fields\n                .text()\n                .label(toTitleCaseLabel(this.config.resourceType))\n                .required()\n                .renderer(`resource-picker:${this.config.apiName}`)\n                .afterChange((value, f) => {\n                    if (!value) {\n                        return;\n                    }\n                    void this.onResourceSelected(String(value), f);\n                })\n        }));\n\n        form.field(\"title\").setDisabled(true);\n        form.field(\"path\").setDisabled(true);\n\n        form.layout(layout => [layout.row(\"resourceId\").before(\"title\")]);\n    }\n\n    mapFromForm(data: Record<string, unknown>, input: CreatePageParams): void {\n        input.metadata = input.metadata ?? {};\n        input.metadata.resourceId = data.resourceId;\n    }\n\n    private async onResourceSelected(resourceId: string, form: IFormModel): Promise<void> {\n        const api = await this.provider.getApi(this.config.apiName);\n        if (!api) {\n            return;\n        }\n\n        const resource = await api[this.config.resourceType].findById(resourceId);\n        form.field(\"title\").setValue(resource.title);\n        form.field(\"title\").setDisabled(false);\n        form.field(\"path\").setValue(this.config.previewPath(resource));\n        form.field(\"path\").setDisabled(false);\n    }\n}\n"],"names":["createResourcePickerRenderer","config","observer","field","api","useEcommerceApi","Skeleton","ResourcesPickerButton","value","EcommerceResourcePageType","provider","form","fields","toTitleCaseLabel","f","String","layout","data","input","resourceId","resource"],"mappings":";;;;;;AA2BO,SAASA,6BAA6BC,MAAoC;IAC7E,OAAOC,SAAS,SAA6B,EAAEC,KAAK,EAAuB;QACvE,MAAM,EAAEC,GAAG,EAAE,GAAGC,gBAAgBJ,OAAO,UAAU;QAEjD,IAAI,CAACG,KACD,OAAO,WAAP,GAAO,oBAACE,UAAQA;QAGpB,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACC,uBAAqBA;YAClB,KAAKH;YACL,cAAcH,OAAO,YAAY;YACjC,YAAYA,OAAO,UAAU;YAC7B,OAAOE,MAAM,KAAK;YAClB,UAAUK,CAAAA,QAASL,MAAM,QAAQ,CAACK;;IAIlD;AACJ;AAcO,MAAMC;IAIT,YACYR,MAAuC,EACvCS,QAA+B,CACzC;aAFUT,MAAM,GAANA;aACAS,QAAQ,GAARA;QAER,IAAI,CAAC,IAAI,GAAGT,OAAO,IAAI;QACvB,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;IAC7B;IAEA,WAAWU,IAAgB,EAAQ;QAC/BA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,YAAYA,OACP,IAAI,GACJ,KAAK,CAACC,iBAAiB,IAAI,CAAC,MAAM,CAAC,YAAY,GAC/C,QAAQ,GACR,QAAQ,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EACjD,WAAW,CAAC,CAACL,OAAOM;oBACjB,IAAI,CAACN,OACD;oBAEC,IAAI,CAAC,kBAAkB,CAACO,OAAOP,QAAQM;gBAChD;YACR;QAEAH,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;QAChCA,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;QAE/BA,KAAK,MAAM,CAACK,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC,cAAc,MAAM,CAAC;aAAS;IACpE;IAEA,YAAYC,IAA6B,EAAEC,KAAuB,EAAQ;QACtEA,MAAM,QAAQ,GAAGA,MAAM,QAAQ,IAAI,CAAC;QACpCA,MAAM,QAAQ,CAAC,UAAU,GAAGD,KAAK,UAAU;IAC/C;IAEA,MAAc,mBAAmBE,UAAkB,EAAER,IAAgB,EAAiB;QAClF,MAAMP,MAAM,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO;QAC1D,IAAI,CAACA,KACD;QAGJ,MAAMgB,WAAW,MAAMhB,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAACe;QAC9DR,KAAK,KAAK,CAAC,SAAS,QAAQ,CAACS,SAAS,KAAK;QAC3CT,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;QAChCA,KAAK,KAAK,CAAC,QAAQ,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAACS;QACpDT,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;IACnC;AACJ"}

package/exports/admin/website-builder/lexical.d.ts

@@ -1,17 +1,18 @@
-export { CompactEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
-export { ExpandedEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
-export { useLexicalEditorConfig } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { LexicalHtmlRenderer } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { getNodeFromSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useCurrentElement } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useCurrentSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useDeriveValueFromSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useRichTextEditor } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useFontColorPicker } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useTextAlignmentAction } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useTypographyAction } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useIsMounted } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { Divider } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { DropDownItem } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { DropDown } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export type { Klass, LexicalNode } from "@webiny/lexical-editor/exports/admin/lexical.js";
+export { LexicalEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
+export { LexicalEditor } from "../../../inputRenderers/LexicalInput/LexicalEditor.js";
+export type { LexicalEditorProps } from "../../../inputRenderers/LexicalInput/LexicalEditor.js";
+export { useLexicalEditorConfig } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { LexicalHtmlRenderer } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { getNodeFromSelection } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useCurrentElement } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useCurrentSelection } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useDeriveValueFromSelection } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useRichTextEditor } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useFontColorPicker } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useTextAlignmentAction } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useTypographyAction } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useIsMounted } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { Divider } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { DropDownItem } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { DropDown } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export type { Klass, LexicalNode } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";

package/exports/admin/website-builder/lexical.js

@@ -1,2 +1,3 @@
-export { CompactEditorConfig, ExpandedEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
-export { Divider, DropDown, DropDownItem, LexicalHtmlRenderer, getNodeFromSelection, useCurrentElement, useCurrentSelection, useDeriveValueFromSelection, useFontColorPicker, useIsMounted, useLexicalEditorConfig, useRichTextEditor, useTextAlignmentAction, useTypographyAction } from "@webiny/lexical-editor/exports/admin/lexical.js";
+export { LexicalEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
+export { LexicalEditor } from "../../../inputRenderers/LexicalInput/LexicalEditor.js";
+export { Divider, DropDown, DropDownItem, LexicalHtmlRenderer, getNodeFromSelection, useCurrentElement, useCurrentSelection, useDeriveValueFromSelection, useFontColorPicker, useIsMounted, useLexicalEditorConfig, useRichTextEditor, useTextAlignmentAction, useTypographyAction } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";

package/features/ecommerce/apis/useEcommerceApi.js

@@ -27,7 +27,9 @@ const useEcommerceApi = (pluginName)=>{
                 })
             });
         });
-    }, []);
+    }, [
+        pluginName
+    ]);
     return {
         api
     };

package/features/ecommerce/apis/useEcommerceApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/ecommerce/apis/useEcommerceApi.js","sources":["../../../../src/features/ecommerce/apis/useEcommerceApi.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Button, useToast } from \"@webiny/admin-ui\";\nimport { useEcommerceApiProvider } from \"~/features/index.js\";\nimport type { IEcommerceApi } from \"~/ecommerce/index.js\";\nimport { useIntegrationsDialog } from \"~/modules/integrations/useIntegrationsDialog.js\";\n\nconst warningShown = new Set<string>();\n\nexport const useEcommerceApi = (pluginName: string) => {\n    const { showIntegrationsDialog } = useIntegrationsDialog();\n    const { showWarningToast, hideToast } = useToast();\n    const provider = useEcommerceApiProvider();\n    const [api, setApi] = useState<IEcommerceApi | undefined>(undefined);\n\n    useEffect(() => {\n        provider\n            .getApi(pluginName)\n            .then(api => {\n                setApi(api);\n            })\n            .catch(error => {\n                if (warningShown.has(pluginName)) {\n                    return;\n                }\n\n                warningShown.add(pluginName);\n                const id = showWarningToast({\n                    title: \"Integration not configured!\",\n                    description: error.message,\n                    actions: (\n                        <Button\n                            variant=\"primary\"\n                            text={\"Configure now!\"}\n                            onClick={() => {\n                                showIntegrationsDialog();\n                                hideToast(id);\n                            }}\n                        />\n                    )\n                });\n            });\n    }, []);\n\n    return { api };\n};\n"],"names":["warningShown","Set","useEcommerceApi","pluginName","showIntegrationsDialog","useIntegrationsDialog","showWarningToast","hideToast","useToast","provider","useEcommerceApiProvider","api","setApi","useState","undefined","useEffect","error","id","Button"],"mappings":";;;;AAMA,MAAMA,eAAe,IAAIC;AAElB,MAAMC,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,sBAAsB,EAAE,GAAGC;IACnC,MAAM,EAAEC,gBAAgB,EAAEC,SAAS,EAAE,GAAGC;IACxC,MAAMC,WAAWC;IACjB,MAAM,CAACC,KAAKC,OAAO,GAAGC,SAAoCC;IAE1DC,UAAU;QACNN,SACK,MAAM,CAACN,YACP,IAAI,CAACQ,CAAAA;YACFC,OAAOD;QACX,GACC,KAAK,CAACK,CAAAA;YACH,IAAIhB,aAAa,GAAG,CAACG,aACjB;YAGJH,aAAa,GAAG,CAACG;YACjB,MAAMc,KAAKX,iBAAiB;gBACxB,OAAO;gBACP,aAAaU,MAAM,OAAO;gBAC1B,SAAS,WAAT,GACI,oBAACE,QAAMA;oBACH,SAAQ;oBACR,MAAM;oBACN,SAAS;wBACLd;wBACAG,UAAUU;oBACd;;YAGZ;QACJ;IACR,GAAG,EAAE;IAEL,OAAO;QAAEN;IAAI;AACjB"}
+{"version":3,"file":"features/ecommerce/apis/useEcommerceApi.js","sources":["../../../../src/features/ecommerce/apis/useEcommerceApi.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Button, useToast } from \"@webiny/admin-ui\";\nimport { useEcommerceApiProvider } from \"~/features/index.js\";\nimport type { IEcommerceApi } from \"~/ecommerce/index.js\";\nimport { useIntegrationsDialog } from \"~/modules/integrations/useIntegrationsDialog.js\";\n\nconst warningShown = new Set<string>();\n\nexport const useEcommerceApi = (pluginName: string) => {\n    const { showIntegrationsDialog } = useIntegrationsDialog();\n    const { showWarningToast, hideToast } = useToast();\n    const provider = useEcommerceApiProvider();\n    const [api, setApi] = useState<IEcommerceApi | undefined>(undefined);\n\n    useEffect(() => {\n        provider\n            .getApi(pluginName)\n            .then(api => {\n                setApi(api);\n            })\n            .catch(error => {\n                if (warningShown.has(pluginName)) {\n                    return;\n                }\n\n                warningShown.add(pluginName);\n                const id = showWarningToast({\n                    title: \"Integration not configured!\",\n                    description: error.message,\n                    actions: (\n                        <Button\n                            variant=\"primary\"\n                            text={\"Configure now!\"}\n                            onClick={() => {\n                                showIntegrationsDialog();\n                                hideToast(id);\n                            }}\n                        />\n                    )\n                });\n            });\n    }, [pluginName]);\n\n    return { api };\n};\n"],"names":["warningShown","Set","useEcommerceApi","pluginName","showIntegrationsDialog","useIntegrationsDialog","showWarningToast","hideToast","useToast","provider","useEcommerceApiProvider","api","setApi","useState","undefined","useEffect","error","id","Button"],"mappings":";;;;AAMA,MAAMA,eAAe,IAAIC;AAElB,MAAMC,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,sBAAsB,EAAE,GAAGC;IACnC,MAAM,EAAEC,gBAAgB,EAAEC,SAAS,EAAE,GAAGC;IACxC,MAAMC,WAAWC;IACjB,MAAM,CAACC,KAAKC,OAAO,GAAGC,SAAoCC;IAE1DC,UAAU;QACNN,SACK,MAAM,CAACN,YACP,IAAI,CAACQ,CAAAA;YACFC,OAAOD;QACX,GACC,KAAK,CAACK,CAAAA;YACH,IAAIhB,aAAa,GAAG,CAACG,aACjB;YAGJH,aAAa,GAAG,CAACG;YACjB,MAAMc,KAAKX,iBAAiB;gBACxB,OAAO;gBACP,aAAaU,MAAM,OAAO;gBAC1B,SAAS,WAAT,GACI,oBAACE,QAAMA;oBACH,SAAQ;oBACR,MAAM;oBACN,SAAS;wBACLd;wBACAG,UAAUU;oBACd;;YAGZ;QACJ;IACR,GAAG;QAACd;KAAW;IAEf,OAAO;QAAEQ;IAAI;AACjB"}

package/inputRenderers/BooleanInput.js

@@ -1,15 +1,26 @@
 import react from "react";
-import { Switch } from "@webiny/admin-ui";
+import { SegmentedControl } from "@webiny/admin-ui";
+const ITEMS = [
+    {
+        label: "Off",
+        value: "false"
+    },
+    {
+        label: "On",
+        value: "true"
+    }
+];
 const BooleanInputRenderer = ({ value, onChange, input, label })=>{
     const { description, helperText } = input;
-    return /*#__PURE__*/ react.createElement(Switch, {
+    return /*#__PURE__*/ react.createElement(SegmentedControl, {
         label: label,
         note: helperText,
         description: description,
-        checked: value,
+        items: ITEMS,
+        value: String(value),
         onChange: (newValue)=>{
             onChange(({ value })=>{
-                value.set(newValue);
+                value.set("true" === newValue);
             });
         }
     });

package/inputRenderers/BooleanInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/BooleanInput.js","sources":["../../src/inputRenderers/BooleanInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const BooleanInputRenderer = ({\n    value,\n    onChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const { description, helperText } = input;\n    return (\n        <Switch\n            label={label}\n            note={helperText}\n            description={description}\n            checked={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n        />\n    );\n};\n"],"names":["BooleanInputRenderer","value","onChange","input","label","description","helperText","Switch","newValue"],"mappings":";;AAIO,MAAMA,uBAAuB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGH;IACpC,OAAO,WAAP,GACI,oBAACI,QAAMA;QACH,OAAOH;QACP,MAAME;QACN,aAAaD;QACb,SAASJ;QACT,UAAUO,CAAAA;YACNN,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACO;YACd;QACJ;;AAGZ"}
+{"version":3,"file":"inputRenderers/BooleanInput.js","sources":["../../src/inputRenderers/BooleanInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { SegmentedControl } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nconst ITEMS = [\n    { label: \"Off\", value: \"false\" },\n    { label: \"On\", value: \"true\" }\n];\n\nexport const BooleanInputRenderer = ({\n    value,\n    onChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const { description, helperText } = input;\n    return (\n        <SegmentedControl\n            label={label}\n            note={helperText}\n            description={description}\n            items={ITEMS}\n            value={String(value)}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue === \"true\");\n                });\n            }}\n        />\n    );\n};\n"],"names":["ITEMS","BooleanInputRenderer","value","onChange","input","label","description","helperText","SegmentedControl","String","newValue"],"mappings":";;AAIA,MAAMA,QAAQ;IACV;QAAE,OAAO;QAAO,OAAO;IAAQ;IAC/B;QAAE,OAAO;QAAM,OAAO;IAAO;CAChC;AAEM,MAAMC,uBAAuB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGH;IACpC,OAAO,WAAP,GACI,oBAACI,kBAAgBA;QACb,OAAOH;QACP,MAAME;QACN,aAAaD;QACb,OAAON;QACP,OAAOS,OAAOP;QACd,UAAUQ,CAAAA;YACNP,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACQ,AAAa,WAAbA;YACd;QACJ;;AAGZ"}

package/inputRenderers/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/FileInput.js","sources":["../../src/inputRenderers/FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const FileInputRenderer = ({\n    value,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as FileInput;\n    const { isBaseBreakpoint } = useBreakpoint();\n    const onFileChange = (file: FileManagerFileItem) => {\n        onChange(({ value }) => {\n            const newValue = fileManagerItemToValue(file);\n            value.set(newValue);\n        });\n    };\n\n    const onRemove = () => {\n        onChange(({ value }) => {\n            if (isBaseBreakpoint) {\n                value.set(undefined);\n            } else {\n                value.set(null);\n            }\n        });\n    };\n\n    return (\n        <FileManager\n            accept={input.allowedFileTypes}\n            onChange={onFileChange}\n            render={({ showFileManager }) => (\n                <FilePicker\n                    label={label}\n                    description={input.description}\n                    type=\"compact\"\n                    value={value}\n                    onSelectItem={() => showFileManager()}\n                    onRemoveItem={onRemove}\n                    onEditItem={() => showFileManager()}\n                />\n            )}\n        />\n    );\n};\n"],"names":["FileInputRenderer","value","onChange","label","props","input","isBaseBreakpoint","useBreakpoint","onFileChange","file","newValue","fileManagerItemToValue","onRemove","undefined","FileManager","showFileManager","FilePicker"],"mappings":";;;;;AAQO,MAAMA,oBAAoB,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,MAAM,EAAEE,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,eAAe,CAACC;QAClBP,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,MAAMS,WAAWC,uBAAuBF;YACxCR,MAAM,GAAG,CAACS;QACd;IACJ;IAEA,MAAME,WAAW;QACbV,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,IAAIK,kBACAL,MAAM,GAAG,CAACY;iBAEVZ,MAAM,GAAG,CAAC;QAElB;IACJ;IAEA,OAAO,WAAP,GACI,oBAACa,aAAWA;QACR,QAAQT,MAAM,gBAAgB;QAC9B,UAAUG;QACV,QAAQ,CAAC,EAAEO,eAAe,EAAE,iBACxB,oBAACC,YAAUA;gBACP,OAAOb;gBACP,aAAaE,MAAM,WAAW;gBAC9B,MAAK;gBACL,OAAOJ;gBACP,cAAc,IAAMc;gBACpB,cAAcH;gBACd,YAAY,IAAMG;;;AAKtC"}
+{"version":3,"file":"inputRenderers/FileInput.js","sources":["../../src/inputRenderers/FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const FileInputRenderer = ({\n    value,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as FileInput;\n    const { isBaseBreakpoint } = useBreakpoint();\n\n    const onFileChange = (file: FileManagerFileItem) => {\n        onChange(({ value }) => {\n            const newValue = fileManagerItemToValue(file);\n            value.set(newValue);\n        });\n    };\n\n    const onRemove = () => {\n        onChange(({ value }) => {\n            if (isBaseBreakpoint) {\n                value.set(undefined);\n            } else {\n                value.set(null);\n            }\n        });\n    };\n\n    return (\n        <FileManager\n            accept={input.allowedFileTypes}\n            onChange={onFileChange}\n            render={({ showFileManager }) => (\n                <FilePicker\n                    label={label}\n                    description={input.description}\n                    type=\"compact\"\n                    value={value}\n                    onSelectItem={() => showFileManager()}\n                    onRemoveItem={onRemove}\n                    onEditItem={() => showFileManager()}\n                />\n            )}\n        />\n    );\n};\n"],"names":["FileInputRenderer","value","onChange","label","props","input","isBaseBreakpoint","useBreakpoint","onFileChange","file","newValue","fileManagerItemToValue","onRemove","undefined","FileManager","showFileManager","FilePicker"],"mappings":";;;;;AAQO,MAAMA,oBAAoB,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,MAAM,EAAEE,gBAAgB,EAAE,GAAGC;IAE7B,MAAMC,eAAe,CAACC;QAClBP,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,MAAMS,WAAWC,uBAAuBF;YACxCR,MAAM,GAAG,CAACS;QACd;IACJ;IAEA,MAAME,WAAW;QACbV,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,IAAIK,kBACAL,MAAM,GAAG,CAACY;iBAEVZ,MAAM,GAAG,CAAC;QAElB;IACJ;IAEA,OAAO,WAAP,GACI,oBAACa,aAAWA;QACR,QAAQT,MAAM,gBAAgB;QAC9B,UAAUG;QACV,QAAQ,CAAC,EAAEO,eAAe,EAAE,iBACxB,oBAACC,YAAUA;gBACP,OAAOb;gBACP,aAAaE,MAAM,WAAW;gBAC9B,MAAK;gBACL,OAAOJ;gBACP,cAAc,IAAMc;gBACpB,cAAcH;gBACd,YAAY,IAAMG;;;AAKtC"}

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js

@@ -1,5 +1,5 @@
 import react from "react";
-import { BoldAction, BulletListAction, CodeHighlightAction, Divider, FloatingLinkEditorPlugin, FontColorAction, FontColorPlugin, ItalicAction, LexicalEditorConfig, LinkAction, LinkPlugin, ListPlugin, NumberedListAction, QuoteAction, QuotePlugin, TextAlignmentAction, TypographyAction, TypographyPlugin, UnderlineAction } from "@webiny/lexical-editor";
+import { BoldAction, BulletListAction, CodeHighlightAction, Divider, FloatingLinkEditorPlugin, FontColorAction, FontColorPlugin, FontSizeAction, ItalicAction, LexicalEditorConfig, LinkAction, LinkPlugin, ListPlugin, NumberedListAction, QuoteAction, QuotePlugin, TextAlignmentAction, TypographyAction, TypographyPlugin, UnderlineAction } from "@webiny/lexical-editor";
 import { CompositionScope, LexicalLinkForm } from "@webiny/app-admin";
 import { TypographyDropDown } from "./TypographyDropDown.js";
 import { ExpandEditorAction } from "./ExpandEditorAction.js";
@@ -50,6 +50,9 @@ const DefaultLexicalConfig = ()=>/*#__PURE__*/ react.createElement(react.Fragmen
         element: /*#__PURE__*/ react.createElement(FloatingLinkEditorPlugin, {
             LinkForm: LexicalLinkForm
         })
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "fontSize",
+        element: /*#__PURE__*/ react.createElement(FontSizeAction, null)
     }), /*#__PURE__*/ react.createElement(ToolbarElement, {
         name: "fontColor",
         element: /*#__PURE__*/ react.createElement(FontColorAction, null)

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/LexicalInput/DefaultLexicalConfig.js","sources":["../../../src/inputRenderers/LexicalInput/DefaultLexicalConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TypographyAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    LinkAction,\n    QuoteAction,\n    QuotePlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { LexicalLinkForm } from \"@webiny/app-admin\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"./TypographyDropDown.js\";\nimport { ExpandEditorAction } from \"./ExpandEditorAction.js\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nconst sharedPlugins = (\n    <>\n        <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n        <Plugin name={\"list\"} element={<ListPlugin />} />\n        <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n        <Plugin name={\"link\"} element={<LinkPlugin />} />\n        <Plugin name={\"quote\"} element={<QuotePlugin />} />\n    </>\n);\n\nexport const DefaultLexicalConfig = () => {\n    return (\n        <>\n            <CompositionScope name={\"compact\"}>\n                <LexicalEditorConfig priority={\"primary\"}>\n                    {sharedPlugins}\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"expand\" element={<ExpandEditorAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n            <CompositionScope name={\"expanded\"}>\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n                <LexicalEditorConfig priority={\"primary\"}>\n                    {sharedPlugins}\n                    <Plugin\n                        name={\"floatingLinkEditor\"}\n                        element={<FloatingLinkEditorPlugin LinkForm={LexicalLinkForm} />}\n                    />\n                    <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                    <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"divider1\" element={<Divider />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                    <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"link\" element={<LinkAction />} />\n                    <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n        </>\n    );\n};\n"],"names":["ToolbarElement","Plugin","LexicalEditorConfig","sharedPlugins","FontColorPlugin","ListPlugin","TypographyPlugin","LinkPlugin","QuotePlugin","DefaultLexicalConfig","CompositionScope","TextAlignmentAction","BoldAction","ItalicAction","UnderlineAction","ExpandEditorAction","TypographyAction","TypographyDropDown","FloatingLinkEditorPlugin","LexicalLinkForm","FontColorAction","Divider","CodeHighlightAction","NumberedListAction","BulletListAction","LinkAction","QuoteAction"],"mappings":";;;;;AA2BA,MAAM,EAAEA,gBAAAA,cAAc,EAAEC,QAAAA,MAAM,EAAE,GAAGC;AAEnC,MAAMC,gBAAgB,WAAHA,GACf,wDACI,oBAACF,QAAMA;IAAC,MAAM;IAAa,uBAAS,oBAACG,iBAAeA;kBACpD,oBAACH,QAAMA;IAAC,MAAM;IAAQ,uBAAS,oBAACI,YAAUA;kBAC1C,oBAACJ,QAAMA;IAAC,MAAM;IAAc,uBAAS,oBAACK,kBAAgBA;kBACtD,oBAACL,QAAMA;IAAC,MAAM;IAAQ,uBAAS,oBAACM,YAAUA;kBAC1C,oBAACN,QAAMA;IAAC,MAAM;IAAS,uBAAS,oBAACO,aAAWA;;AAI7C,MAAMC,uBAAuB,IACzB,WAAP,GACI,wDACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACR,qBAAmBA;QAAC,UAAU;OAC1BC,eAAaA,WAAAA,GACd,oBAACH,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACW,qBAAmBA;sBAClE,oBAACX,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACY,YAAUA;sBACtD,oBAACZ,gBAAcA;QAAC,MAAK;QAAS,uBAAS,oBAACa,cAAYA;sBACpD,oBAACb,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACc,iBAAeA;sBAC1D,oBAACd,gBAAcA;QAAC,MAAK;QAAS,uBAAS,oBAACe,oBAAkBA;wBAGlE,oBAACL,kBAAgBA;QAAC,MAAM;qBACpB,oBAACM,iBAAiB,kBAAkB;QAAC,uBAAS,oBAACC,oBAAkBA;sBACjE,oBAACf,qBAAmBA;QAAC,UAAU;OAC1BC,eAAaA,WAAAA,GACd,oBAACF,QAAMA;QACH,MAAM;QACN,uBAAS,oBAACiB,0BAAwBA;YAAC,UAAUC;;sBAEjD,oBAACnB,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACoB,iBAAeA;sBAC1D,oBAACpB,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACgB,kBAAgBA;sBAC5D,oBAAChB,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACW,qBAAmBA;sBAClE,oBAACX,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACqB,SAAOA;sBACjD,oBAACrB,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACY,YAAUA;sBACtD,oBAACZ,gBAAcA;QAAC,MAAK;QAAS,uBAAS,oBAACa,cAAYA;sBACpD,oBAACb,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACc,iBAAeA;sBAC1D,oBAACd,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACsB,qBAAmBA;sBAClE,oBAACtB,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACqB,SAAOA;sBACjD,oBAACrB,gBAAcA;QAAC,MAAK;QAAe,uBAAS,oBAACuB,oBAAkBA;sBAChE,oBAACvB,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACwB,kBAAgBA;sBAC5D,oBAACxB,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACqB,SAAOA;sBACjD,oBAACrB,gBAAcA;QAAC,MAAK;QAAO,uBAAS,oBAACyB,YAAUA;sBAChD,oBAACzB,gBAAcA;QAAC,MAAK;QAAQ,uBAAS,oBAAC0B,aAAWA"}
+{"version":3,"file":"inputRenderers/LexicalInput/DefaultLexicalConfig.js","sources":["../../../src/inputRenderers/LexicalInput/DefaultLexicalConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TypographyAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    LinkAction,\n    QuoteAction,\n    QuotePlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { LexicalLinkForm } from \"@webiny/app-admin\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"./TypographyDropDown.js\";\nimport { ExpandEditorAction } from \"./ExpandEditorAction.js\";\nimport { FontSizeAction } from \"@webiny/lexical-editor\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nconst sharedPlugins = (\n    <>\n        <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n        <Plugin name={\"list\"} element={<ListPlugin />} />\n        <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n        <Plugin name={\"link\"} element={<LinkPlugin />} />\n        <Plugin name={\"quote\"} element={<QuotePlugin />} />\n    </>\n);\n\nexport const DefaultLexicalConfig = () => {\n    return (\n        <>\n            <CompositionScope name={\"compact\"}>\n                <LexicalEditorConfig priority={\"primary\"}>\n                    {sharedPlugins}\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"expand\" element={<ExpandEditorAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n            <CompositionScope name={\"expanded\"}>\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n                <LexicalEditorConfig priority={\"primary\"}>\n                    {sharedPlugins}\n                    <Plugin\n                        name={\"floatingLinkEditor\"}\n                        element={<FloatingLinkEditorPlugin LinkForm={LexicalLinkForm} />}\n                    />\n                    <ToolbarElement name=\"fontSize\" element={<FontSizeAction />} />\n                    <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                    <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"divider1\" element={<Divider />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                    <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"link\" element={<LinkAction />} />\n                    <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n        </>\n    );\n};\n"],"names":["ToolbarElement","Plugin","LexicalEditorConfig","sharedPlugins","FontColorPlugin","ListPlugin","TypographyPlugin","LinkPlugin","QuotePlugin","DefaultLexicalConfig","CompositionScope","TextAlignmentAction","BoldAction","ItalicAction","UnderlineAction","ExpandEditorAction","TypographyAction","TypographyDropDown","FloatingLinkEditorPlugin","LexicalLinkForm","FontSizeAction","FontColorAction","Divider","CodeHighlightAction","NumberedListAction","BulletListAction","LinkAction","QuoteAction"],"mappings":";;;;;AA4BA,MAAM,EAAEA,gBAAAA,cAAc,EAAEC,QAAAA,MAAM,EAAE,GAAGC;AAEnC,MAAMC,gBAAgB,WAAHA,GACf,wDACI,oBAACF,QAAMA;IAAC,MAAM;IAAa,uBAAS,oBAACG,iBAAeA;kBACpD,oBAACH,QAAMA;IAAC,MAAM;IAAQ,uBAAS,oBAACI,YAAUA;kBAC1C,oBAACJ,QAAMA;IAAC,MAAM;IAAc,uBAAS,oBAACK,kBAAgBA;kBACtD,oBAACL,QAAMA;IAAC,MAAM;IAAQ,uBAAS,oBAACM,YAAUA;kBAC1C,oBAACN,QAAMA;IAAC,MAAM;IAAS,uBAAS,oBAACO,aAAWA;;AAI7C,MAAMC,uBAAuB,IACzB,WAAP,GACI,wDACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACR,qBAAmBA;QAAC,UAAU;OAC1BC,eAAaA,WAAAA,GACd,oBAACH,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACW,qBAAmBA;sBAClE,oBAACX,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACY,YAAUA;sBACtD,oBAACZ,gBAAcA;QAAC,MAAK;QAAS,uBAAS,oBAACa,cAAYA;sBACpD,oBAACb,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACc,iBAAeA;sBAC1D,oBAACd,gBAAcA;QAAC,MAAK;QAAS,uBAAS,oBAACe,oBAAkBA;wBAGlE,oBAACL,kBAAgBA;QAAC,MAAM;qBACpB,oBAACM,iBAAiB,kBAAkB;QAAC,uBAAS,oBAACC,oBAAkBA;sBACjE,oBAACf,qBAAmBA;QAAC,UAAU;OAC1BC,eAAaA,WAAAA,GACd,oBAACF,QAAMA;QACH,MAAM;QACN,uBAAS,oBAACiB,0BAAwBA;YAAC,UAAUC;;sBAEjD,oBAACnB,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACoB,gBAAcA;sBACxD,oBAACpB,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACqB,iBAAeA;sBAC1D,oBAACrB,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACgB,kBAAgBA;sBAC5D,oBAAChB,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACW,qBAAmBA;sBAClE,oBAACX,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACsB,SAAOA;sBACjD,oBAACtB,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACY,YAAUA;sBACtD,oBAACZ,gBAAcA;QAAC,MAAK;QAAS,uBAAS,oBAACa,cAAYA;sBACpD,oBAACb,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACc,iBAAeA;sBAC1D,oBAACd,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACuB,qBAAmBA;sBAClE,oBAACvB,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACsB,SAAOA;sBACjD,oBAACtB,gBAAcA;QAAC,MAAK;QAAe,uBAAS,oBAACwB,oBAAkBA;sBAChE,oBAACxB,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACyB,kBAAgBA;sBAC5D,oBAACzB,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACsB,SAAOA;sBACjD,oBAACtB,gBAAcA;QAAC,MAAK;QAAO,uBAAS,oBAAC0B,YAAUA;sBAChD,oBAAC1B,gBAAcA;QAAC,MAAK;QAAQ,uBAAS,oBAAC2B,aAAWA"}

package/inputRenderers/LexicalInput/ExpandEditorAction.js

@@ -4,7 +4,10 @@ const ExpandEditorAction = ()=>{
     const { setExpanded } = useExpandedEditor();
     return /*#__PURE__*/ react.createElement("button", {
         onClick: ()=>setExpanded((expanded)=>!expanded),
-        className: "popup-item absolute right-0 z-1",
+        className: "popup-item absolute z-1",
+        style: {
+            right: 5
+        },
         "aria-label": "Expand editor"
     }, /*#__PURE__*/ react.createElement("i", {
         className: "format expand"

package/inputRenderers/LexicalInput/ExpandEditorAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/LexicalInput/ExpandEditorAction.js","sources":["../../../src/inputRenderers/LexicalInput/ExpandEditorAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { useExpandedEditor } from \"./ExpandedEditor.js\";\n\nexport const ExpandEditorAction = () => {\n    const { setExpanded } = useExpandedEditor();\n\n    return (\n        <button\n            onClick={() => setExpanded(expanded => !expanded)}\n            className={\"popup-item absolute right-0 z-1\"}\n            aria-label=\"Expand editor\"\n        >\n            <i className=\"format expand\" />\n        </button>\n    );\n};\n"],"names":["ExpandEditorAction","setExpanded","useExpandedEditor","expanded"],"mappings":";;AAGO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,WAAW,EAAE,GAAGC;IAExB,OAAO,WAAP,GACI,oBAAC;QACG,SAAS,IAAMD,YAAYE,CAAAA,WAAY,CAACA;QACxC,WAAW;QACX,cAAW;qBAEX,oBAAC;QAAE,WAAU;;AAGzB"}
+{"version":3,"file":"inputRenderers/LexicalInput/ExpandEditorAction.js","sources":["../../../src/inputRenderers/LexicalInput/ExpandEditorAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { useExpandedEditor } from \"./ExpandedEditor.js\";\n\nexport const ExpandEditorAction = () => {\n    const { setExpanded } = useExpandedEditor();\n\n    return (\n        <button\n            onClick={() => setExpanded(expanded => !expanded)}\n            className={\"popup-item absolute z-1\"}\n            style={{ right: 5 }}\n            aria-label=\"Expand editor\"\n        >\n            <i className=\"format expand\" />\n        </button>\n    );\n};\n"],"names":["ExpandEditorAction","setExpanded","useExpandedEditor","expanded"],"mappings":";;AAGO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,WAAW,EAAE,GAAGC;IAExB,OAAO,WAAP,GACI,oBAAC;QACG,SAAS,IAAMD,YAAYE,CAAAA,WAAY,CAACA;QACxC,WAAW;QACX,OAAO;YAAE,OAAO;QAAE;QAClB,cAAW;qBAEX,oBAAC;QAAE,WAAU;;AAGzB"}

package/inputRenderers/LexicalInput/LexicalEditor.d.ts

@@ -2,4 +2,7 @@ import React from "react";
 import { LexicalEditor as BaseLexicalEditor } from "@webiny/app-admin";
 import "./wbStaticToolbar.css";
 export type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, "theme">;
-export declare const LexicalEditor: (props: LexicalEditorProps) => React.JSX.Element;
+export declare const LexicalEditor: {
+    Expanded: (props: LexicalEditorProps) => React.JSX.Element;
+    Compact: (props: LexicalEditorProps) => React.JSX.Element;
+};

package/inputRenderers/LexicalInput/LexicalEditor.js

@@ -1,5 +1,5 @@
 import react from "react";
-import { LexicalEditor } from "@webiny/app-admin";
+import { CompositionScope, LexicalEditor } from "@webiny/app-admin";
 import { StaticToolbar } from "@webiny/lexical-editor";
 import { createLexicalTokens } from "@webiny/lexical-theme/createLexicalEditorTokens.js";
 import { useWebsiteBuilderTheme } from "../../BaseEditor/components/index.js";
@@ -23,11 +23,12 @@ const styles = {
     fontFamily: "var(--wb-theme-font-family)"
 };
 const lexicalTokens = createLexicalTokens("wb-lx-");
-const LexicalEditor_LexicalEditor = (props)=>{
+const LexicalEditorComponent = (props)=>{
     const { theme } = useWebsiteBuilderTheme();
     const editorTheme = {
         colors: theme?.colors ?? [],
         typography: theme?.typography ?? {},
+        fontSizes: theme?.fontSizes ?? [],
         tokens: lexicalTokens
     };
     return /*#__PURE__*/ react.createElement(LexicalEditor, {
@@ -43,6 +44,16 @@ const LexicalEditor_LexicalEditor = (props)=>{
         theme: editorTheme
     });
 };
+const ExpandedLexicalEditor = (props)=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "expanded"
+    }, /*#__PURE__*/ react.createElement(LexicalEditorComponent, props));
+const CompactLexicalEditor = (props)=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "compact"
+    }, /*#__PURE__*/ react.createElement(LexicalEditorComponent, props));
+const LexicalEditor_LexicalEditor = {
+    Expanded: ExpandedLexicalEditor,
+    Compact: CompactLexicalEditor
+};
 export { LexicalEditor_LexicalEditor as LexicalEditor };
 
 //# sourceMappingURL=LexicalEditor.js.map

package/inputRenderers/LexicalInput/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/LexicalInput/LexicalEditor.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditor as BaseLexicalEditor } from \"@webiny/app-admin\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\nimport \"./wbStaticToolbar.css\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350,\n    fontFamily: \"var(--wb-theme-font-family)\"\n};\n\nconst lexicalTokens = createLexicalTokens(\"wb-lx-\");\n\nexport type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, \"theme\">;\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    const editorTheme: EditorTheme = {\n        colors: theme?.colors ?? [],\n        typography: theme?.typography ?? {},\n        tokens: lexicalTokens\n    };\n\n    return (\n        <BaseLexicalEditor\n            {...props}\n            staticToolbar={<StaticToolbar className={\"wb-static-toolbar\"} />}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n            theme={editorTheme}\n        />\n    );\n};\n"],"names":["placeholderStyles","contentEditableStyles","styles","lexicalTokens","createLexicalTokens","LexicalEditor","props","theme","useWebsiteBuilderTheme","editorTheme","BaseLexicalEditor","StaticToolbar"],"mappings":";;;;;;AAQA,MAAMA,oBAAyC;IAAE,UAAU;IAAY,KAAK;IAAI,MAAM;AAAG;AAEzF,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,YAAY;AAChB;AAEA,MAAMC,gBAAgBC,oBAAoB;AAInC,MAAMC,8BAAgB,CAACC;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,MAAMC,cAA2B;QAC7B,QAAQF,OAAO,UAAU,EAAE;QAC3B,YAAYA,OAAO,cAAc,CAAC;QAClC,QAAQJ;IACZ;IAEA,OAAO,WAAP,GACI,oBAACO,eAAiBA;QACb,GAAGJ,KAAK;QACT,6BAAe,oBAACK,eAAaA;YAAC,WAAW;;QACzC,KAAK;QACL,aAAaL,OAAO,eAAe;QACnC,mBAAmBN;QACnB,uBAAuBC;QACvB,QAAQC;QACR,OAAOO;;AAGnB"}
+{"version":3,"file":"inputRenderers/LexicalInput/LexicalEditor.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditor as BaseLexicalEditor } from \"@webiny/app-admin\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\nimport \"./wbStaticToolbar.css\";\nimport { CompositionScope } from \"@webiny/app-admin\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350,\n    fontFamily: \"var(--wb-theme-font-family)\"\n};\n\nconst lexicalTokens = createLexicalTokens(\"wb-lx-\");\n\nexport type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, \"theme\">;\n\nconst LexicalEditorComponent = (props: LexicalEditorProps) => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    const editorTheme: EditorTheme = {\n        colors: theme?.colors ?? [],\n        typography: theme?.typography ?? {},\n        fontSizes: theme?.fontSizes ?? [],\n        tokens: lexicalTokens\n    };\n\n    return (\n        <BaseLexicalEditor\n            {...props}\n            staticToolbar={<StaticToolbar className={\"wb-static-toolbar\"} />}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n            theme={editorTheme}\n        />\n    );\n};\n\nconst ExpandedLexicalEditor = (props: LexicalEditorProps) => {\n    return (\n        <CompositionScope name={\"expanded\"}>\n            <LexicalEditorComponent {...props} />\n        </CompositionScope>\n    );\n};\n\nconst CompactLexicalEditor = (props: LexicalEditorProps) => {\n    return (\n        <CompositionScope name={\"compact\"}>\n            <LexicalEditorComponent {...props} />\n        </CompositionScope>\n    );\n};\n\nexport const LexicalEditor = {\n    Expanded: ExpandedLexicalEditor,\n    Compact: CompactLexicalEditor\n};\n"],"names":["placeholderStyles","contentEditableStyles","styles","lexicalTokens","createLexicalTokens","LexicalEditorComponent","props","theme","useWebsiteBuilderTheme","editorTheme","BaseLexicalEditor","StaticToolbar","ExpandedLexicalEditor","CompositionScope","CompactLexicalEditor","LexicalEditor"],"mappings":";;;;;;AASA,MAAMA,oBAAyC;IAAE,UAAU;IAAY,KAAK;IAAI,MAAM;AAAG;AAEzF,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,YAAY;AAChB;AAEA,MAAMC,gBAAgBC,oBAAoB;AAI1C,MAAMC,yBAAyB,CAACC;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,MAAMC,cAA2B;QAC7B,QAAQF,OAAO,UAAU,EAAE;QAC3B,YAAYA,OAAO,cAAc,CAAC;QAClC,WAAWA,OAAO,aAAa,EAAE;QACjC,QAAQJ;IACZ;IAEA,OAAO,WAAP,GACI,oBAACO,eAAiBA;QACb,GAAGJ,KAAK;QACT,6BAAe,oBAACK,eAAaA;YAAC,WAAW;;QACzC,KAAK;QACL,aAAaL,OAAO,eAAe;QACnC,mBAAmBN;QACnB,uBAAuBC;QACvB,QAAQC;QACR,OAAOO;;AAGnB;AAEA,MAAMG,wBAAwB,CAACN,QACpB,WAAP,GACI,oBAACO,kBAAgBA;QAAC,MAAM;qBACpB,oBAACR,wBAA2BC;AAKxC,MAAMQ,uBAAuB,CAACR,QACnB,WAAP,GACI,oBAACO,kBAAgBA;QAAC,MAAM;qBACpB,oBAACR,wBAA2BC;AAKjC,MAAMS,8BAAgB;IACzB,UAAUH;IACV,SAASE;AACb"}

package/inputRenderers/LexicalInput/LexicalEditorConfig.d.ts

@@ -16,3 +16,21 @@ export declare const ExpandedEditorConfig: {
     Plugin: (props: React.ComponentProps<typeof BaseConfig.Plugin>) => React.JSX.Element;
     Node: (props: React.ComponentProps<typeof BaseConfig.Node>) => React.JSX.Element;
 };
+export declare const LexicalEditorConfig: {
+    Expanded: {
+        ({ children }: {
+            children: React.ReactNode;
+        }): React.JSX.Element;
+        ToolbarAction: (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => React.JSX.Element;
+        Plugin: (props: React.ComponentProps<typeof BaseConfig.Plugin>) => React.JSX.Element;
+        Node: (props: React.ComponentProps<typeof BaseConfig.Node>) => React.JSX.Element;
+    };
+    Compact: {
+        ({ children }: {
+            children: React.ReactNode;
+        }): React.JSX.Element;
+        ToolbarAction: (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => React.JSX.Element;
+        Plugin: (props: React.ComponentProps<typeof BaseConfig.Plugin>) => React.JSX.Element;
+        Node: (props: React.ComponentProps<typeof BaseConfig.Node>) => React.JSX.Element;
+    };
+};

package/inputRenderers/LexicalInput/LexicalEditorConfig.js

@@ -20,6 +20,10 @@ const ExpandedEditorConfig = ({ children })=>/*#__PURE__*/ react.createElement(C
 ExpandedEditorConfig.ToolbarAction = ToolbarAction;
 ExpandedEditorConfig.Plugin = PluginConfig;
 ExpandedEditorConfig.Node = NodeConfig;
-export { CompactEditorConfig, ExpandedEditorConfig };
+const LexicalEditorConfig_LexicalEditorConfig = {
+    Expanded: ExpandedEditorConfig,
+    Compact: CompactEditorConfig
+};
+export { CompactEditorConfig, ExpandedEditorConfig, LexicalEditorConfig_LexicalEditorConfig as LexicalEditorConfig };
 
 //# sourceMappingURL=LexicalEditorConfig.js.map

package/inputRenderers/LexicalInput/LexicalEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/LexicalInput/LexicalEditorConfig.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig as BaseConfig } from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst ToolbarAction = (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => {\n    return <BaseConfig.ToolbarElement {...props} />;\n};\n\nconst PluginConfig = (props: React.ComponentProps<typeof BaseConfig.Plugin>) => {\n    return <BaseConfig.Plugin {...props} />;\n};\n\nconst NodeConfig = (props: React.ComponentProps<typeof BaseConfig.Node>) => {\n    return <BaseConfig.Node {...props} />;\n};\n\nexport const CompactEditorConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"compact\"}>\n            <BaseConfig priority={\"secondary\"}>{children}</BaseConfig>\n        </CompositionScope>\n    );\n};\n\nCompactEditorConfig.ToolbarAction = ToolbarAction;\nCompactEditorConfig.Plugin = PluginConfig;\nCompactEditorConfig.Node = NodeConfig;\n\nexport const ExpandedEditorConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"expanded\"}>\n            <BaseConfig priority={\"secondary\"}>{children}</BaseConfig>\n        </CompositionScope>\n    );\n};\n\nExpandedEditorConfig.ToolbarAction = ToolbarAction;\nExpandedEditorConfig.Plugin = PluginConfig;\nExpandedEditorConfig.Node = NodeConfig;\n"],"names":["ToolbarAction","props","BaseConfig","PluginConfig","NodeConfig","CompactEditorConfig","children","CompositionScope","ExpandedEditorConfig"],"mappings":";;;AAIA,MAAMA,gBAAgB,CAACC,QACZ,WAAP,GAAO,oBAACC,oBAAAA,cAAyB,EAAKD;AAG1C,MAAME,eAAe,CAACF,QACX,WAAP,GAAO,oBAACC,oBAAAA,MAAiB,EAAKD;AAGlC,MAAMG,aAAa,CAACH,QACT,WAAP,GAAO,oBAACC,oBAAAA,IAAe,EAAKD;AAGzB,MAAMI,sBAAsB,CAAC,EAAEC,QAAQ,EAAiC,GACpE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACL,qBAAUA;QAAC,UAAU;OAAcI;AAKhDD,oBAAoB,aAAa,GAAGL;AACpCK,oBAAoB,MAAM,GAAGF;AAC7BE,oBAAoB,IAAI,GAAGD;AAEpB,MAAMI,uBAAuB,CAAC,EAAEF,QAAQ,EAAiC,GACrE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACL,qBAAUA;QAAC,UAAU;OAAcI;AAKhDE,qBAAqB,aAAa,GAAGR;AACrCQ,qBAAqB,MAAM,GAAGL;AAC9BK,qBAAqB,IAAI,GAAGJ"}
+{"version":3,"file":"inputRenderers/LexicalInput/LexicalEditorConfig.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig as BaseConfig } from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst ToolbarAction = (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => {\n    return <BaseConfig.ToolbarElement {...props} />;\n};\n\nconst PluginConfig = (props: React.ComponentProps<typeof BaseConfig.Plugin>) => {\n    return <BaseConfig.Plugin {...props} />;\n};\n\nconst NodeConfig = (props: React.ComponentProps<typeof BaseConfig.Node>) => {\n    return <BaseConfig.Node {...props} />;\n};\n\nexport const CompactEditorConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"compact\"}>\n            <BaseConfig priority={\"secondary\"}>{children}</BaseConfig>\n        </CompositionScope>\n    );\n};\n\nCompactEditorConfig.ToolbarAction = ToolbarAction;\nCompactEditorConfig.Plugin = PluginConfig;\nCompactEditorConfig.Node = NodeConfig;\n\nexport const ExpandedEditorConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"expanded\"}>\n            <BaseConfig priority={\"secondary\"}>{children}</BaseConfig>\n        </CompositionScope>\n    );\n};\n\nExpandedEditorConfig.ToolbarAction = ToolbarAction;\nExpandedEditorConfig.Plugin = PluginConfig;\nExpandedEditorConfig.Node = NodeConfig;\n\nexport const LexicalEditorConfig = {\n    Expanded: ExpandedEditorConfig,\n    Compact: CompactEditorConfig\n};\n"],"names":["ToolbarAction","props","BaseConfig","PluginConfig","NodeConfig","CompactEditorConfig","children","CompositionScope","ExpandedEditorConfig","LexicalEditorConfig"],"mappings":";;;AAIA,MAAMA,gBAAgB,CAACC,QACZ,WAAP,GAAO,oBAACC,oBAAAA,cAAyB,EAAKD;AAG1C,MAAME,eAAe,CAACF,QACX,WAAP,GAAO,oBAACC,oBAAAA,MAAiB,EAAKD;AAGlC,MAAMG,aAAa,CAACH,QACT,WAAP,GAAO,oBAACC,oBAAAA,IAAe,EAAKD;AAGzB,MAAMI,sBAAsB,CAAC,EAAEC,QAAQ,EAAiC,GACpE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACL,qBAAUA;QAAC,UAAU;OAAcI;AAKhDD,oBAAoB,aAAa,GAAGL;AACpCK,oBAAoB,MAAM,GAAGF;AAC7BE,oBAAoB,IAAI,GAAGD;AAEpB,MAAMI,uBAAuB,CAAC,EAAEF,QAAQ,EAAiC,GACrE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACL,qBAAUA;QAAC,UAAU;OAAcI;AAKhDE,qBAAqB,aAAa,GAAGR;AACrCQ,qBAAqB,MAAM,GAAGL;AAC9BK,qBAAqB,IAAI,GAAGJ;AAErB,MAAMK,0CAAsB;IAC/B,UAAUD;IACV,SAASH;AACb"}

package/inputRenderers/LexicalInput/LexicalInput.js

@@ -1,6 +1,5 @@
 import react, { useCallback, useEffect, useState } from "react";
 import { Dialog, FormComponentLabel } from "@webiny/admin-ui";
-import { CompositionScope } from "@webiny/app-admin";
 import { LexicalEditor } from "./LexicalEditor.js";
 import { ExpandedEditorProvider, useExpandedEditor } from "./ExpandedEditor.js";
 const LexicalInputRenderer = (props)=>{
@@ -30,6 +29,7 @@ const EditorDialog = (props)=>{
         "data-hover-manager": "ignore",
         title: `Edit ${props.input.label}`,
         dismissible: false,
+        scrollable: false,
         showCloseButton: false,
         actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
             onClick: props.onClose
@@ -39,12 +39,10 @@ const EditorDialog = (props)=>{
                 props.onChange(localValue);
             }
         }))
-    }, /*#__PURE__*/ react.createElement(CompositionScope, {
-        name: "expanded"
-    }, /*#__PURE__*/ react.createElement(LexicalEditor, {
+    }, /*#__PURE__*/ react.createElement(LexicalEditor.Expanded, {
         value: localValue,
         onChange: setLocalValue
-    })));
+    }));
 };
 const ExpandableLexicalInputRenderer = ({ value, onChange, input, label })=>{
     const { isExpanded, setExpanded } = useExpandedEditor();
@@ -57,13 +55,11 @@ const ExpandableLexicalInputRenderer = ({ value, onChange, input, label })=>{
     ]);
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FormComponentLabel, {
         text: label
-    }), /*#__PURE__*/ react.createElement(CompositionScope, {
-        name: "compact"
-    }, /*#__PURE__*/ react.createElement(LexicalEditor, {
+    }), /*#__PURE__*/ react.createElement(LexicalEditor.Compact, {
         value: value,
         onChange: onChange,
         key: input.name
-    })), /*#__PURE__*/ react.createElement(EditorDialog, {
+    }), /*#__PURE__*/ react.createElement(EditorDialog, {
         open: isExpanded,
         value: value,
         onChange: applyChanges,

package/inputRenderers/LexicalInput/LexicalInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/LexicalInput/LexicalInput.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Dialog, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport type { RichTextValueWithHtml } from \"@webiny/app-admin\";\nimport { LexicalEditor } from \"./LexicalEditor.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport {\n    ExpandedEditorProvider,\n    useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor.js\";\n\ntype LexicalInputRendererProps = Omit<ElementInputRendererProps, \"onChange\" | \"metadata\"> & {\n    onChange: (value: RichTextValueWithHtml) => void;\n};\n\nexport const LexicalInputRenderer = (props: ElementInputRendererProps) => {\n    const onChange = (lexicalValue: RichTextValueWithHtml) => {\n        props.onChange(({ value }) => {\n            value.set(lexicalValue);\n        });\n    };\n\n    const value = props.value ?? {};\n\n    return (\n        <ExpandedEditorProvider>\n            <ExpandableLexicalInputRenderer {...props} value={value} onChange={onChange} />\n        </ExpandedEditorProvider>\n    );\n};\n\ninterface EditorDialogProps extends Omit<LexicalInputRendererProps, \"onPreviewChange\" | \"label\"> {\n    open: boolean;\n    onClose: () => void;\n}\n\nconst EditorDialog = (props: EditorDialogProps) => {\n    const [localValue, setLocalValue] = useState(props.value);\n\n    useEffect(() => {\n        setLocalValue(props.value);\n    }, [props.value]);\n\n    return (\n        <Dialog\n            id={\"lexical-editor-dialog\"}\n            open={props.open}\n            className={\"w-[900px] max-w-[900px] overflow-visible\"}\n            data-hover-manager={\"ignore\"}\n            title={`Edit ${props.input.label}`}\n            dismissible={false}\n            showCloseButton={false}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={props.onClose} />\n                    <Dialog.ConfirmAction\n                        text={\"Save Changes\"}\n                        onClick={() => {\n                            props.onChange(localValue);\n                        }}\n                    />\n                </>\n            }\n        >\n            <CompositionScope name={\"expanded\"}>\n                <LexicalEditor value={localValue} onChange={setLocalValue} />\n            </CompositionScope>\n        </Dialog>\n    );\n};\n\nconst ExpandableLexicalInputRenderer = ({\n    value,\n    onChange,\n    input,\n    label\n}: LexicalInputRendererProps) => {\n    const { isExpanded, setExpanded } = useExpandedEditor();\n\n    const applyChanges = useCallback(\n        (newValue: any) => {\n            onChange(newValue);\n            setExpanded(false);\n        },\n        [onChange, setExpanded]\n    );\n\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <CompositionScope name={\"compact\"}>\n                <LexicalEditor value={value} onChange={onChange} key={input.name} />\n            </CompositionScope>\n            <EditorDialog\n                open={isExpanded}\n                value={value}\n                onChange={applyChanges}\n                onClose={() => setExpanded(false)}\n                input={input}\n            />\n        </>\n    );\n};\n"],"names":["LexicalInputRenderer","props","onChange","lexicalValue","value","ExpandedEditorProvider","ExpandableLexicalInputRenderer","EditorDialog","localValue","setLocalValue","useState","useEffect","Dialog","CompositionScope","LexicalEditor","input","label","isExpanded","setExpanded","useExpandedEditor","applyChanges","useCallback","newValue","FormComponentLabel"],"mappings":";;;;;AAeO,MAAMA,uBAAuB,CAACC;IACjC,MAAMC,WAAW,CAACC;QACdF,MAAM,QAAQ,CAAC,CAAC,EAAEG,KAAK,EAAE;YACrBA,MAAM,GAAG,CAACD;QACd;IACJ;IAEA,MAAMC,QAAQH,MAAM,KAAK,IAAI,CAAC;IAE9B,OAAO,WAAP,GACI,oBAACI,wBAAsBA,MAAAA,WAAAA,GACnB,oBAACC,gCAA8BA;QAAE,GAAGL,KAAK;QAAE,OAAOG;QAAO,UAAUF;;AAG/E;AAOA,MAAMK,eAAe,CAACN;IAClB,MAAM,CAACO,YAAYC,cAAc,GAAGC,SAAST,MAAM,KAAK;IAExDU,UAAU;QACNF,cAAcR,MAAM,KAAK;IAC7B,GAAG;QAACA,MAAM,KAAK;KAAC;IAEhB,OAAO,WAAP,GACI,oBAACW,QAAMA;QACH,IAAI;QACJ,MAAMX,MAAM,IAAI;QAChB,WAAW;QACX,sBAAoB;QACpB,OAAO,CAAC,KAAK,EAAEA,MAAM,KAAK,CAAC,KAAK,EAAE;QAClC,aAAa;QACb,iBAAiB;QACjB,uBACI,wDACI,oBAACW,OAAO,YAAY;YAAC,SAASX,MAAM,OAAO;0BAC3C,oBAACW,OAAO,aAAa;YACjB,MAAM;YACN,SAAS;gBACLX,MAAM,QAAQ,CAACO;YACnB;;qBAKZ,oBAACK,kBAAgBA;QAAC,MAAM;qBACpB,oBAACC,eAAaA;QAAC,OAAON;QAAY,UAAUC;;AAI5D;AAEA,MAAMH,iCAAiC,CAAC,EACpCF,KAAK,EACLF,QAAQ,EACRa,KAAK,EACLC,KAAK,EACmB;IACxB,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGC;IAEpC,MAAMC,eAAeC,YACjB,CAACC;QACGpB,SAASoB;QACTJ,YAAY;IAChB,GACA;QAAChB;QAAUgB;KAAY;IAG3B,OAAO,WAAP,GACI,wDACI,oBAACK,oBAAkBA;QAAC,MAAMP;sBAC1B,oBAACH,kBAAgBA;QAAC,MAAM;qBACpB,oBAACC,eAAaA;QAAC,OAAOV;QAAO,UAAUF;QAAU,KAAKa,MAAM,IAAI;uBAEpE,oBAACR,cAAYA;QACT,MAAMU;QACN,OAAOb;QACP,UAAUgB;QACV,SAAS,IAAMF,YAAY;QAC3B,OAAOH;;AAIvB"}
+{"version":3,"file":"inputRenderers/LexicalInput/LexicalInput.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Dialog, FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { RichTextValueWithHtml } from \"@webiny/app-admin\";\nimport { LexicalEditor } from \"./LexicalEditor.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport {\n    ExpandedEditorProvider,\n    useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor.js\";\n\ntype LexicalInputRendererProps = Omit<ElementInputRendererProps, \"onChange\" | \"metadata\"> & {\n    onChange: (value: RichTextValueWithHtml) => void;\n};\n\nexport const LexicalInputRenderer = (props: ElementInputRendererProps) => {\n    const onChange = (lexicalValue: RichTextValueWithHtml) => {\n        props.onChange(({ value }) => {\n            value.set(lexicalValue);\n        });\n    };\n\n    const value = props.value ?? {};\n\n    return (\n        <ExpandedEditorProvider>\n            <ExpandableLexicalInputRenderer {...props} value={value} onChange={onChange} />\n        </ExpandedEditorProvider>\n    );\n};\n\ninterface EditorDialogProps extends Omit<LexicalInputRendererProps, \"onPreviewChange\" | \"label\"> {\n    open: boolean;\n    onClose: () => void;\n}\n\nconst EditorDialog = (props: EditorDialogProps) => {\n    const [localValue, setLocalValue] = useState(props.value);\n\n    useEffect(() => {\n        setLocalValue(props.value);\n    }, [props.value]);\n\n    return (\n        <Dialog\n            id={\"lexical-editor-dialog\"}\n            open={props.open}\n            className={\"w-[900px] max-w-[900px] overflow-visible\"}\n            data-hover-manager={\"ignore\"}\n            title={`Edit ${props.input.label}`}\n            dismissible={false}\n            scrollable={false}\n            showCloseButton={false}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={props.onClose} />\n                    <Dialog.ConfirmAction\n                        text={\"Save Changes\"}\n                        onClick={() => {\n                            props.onChange(localValue);\n                        }}\n                    />\n                </>\n            }\n        >\n            <LexicalEditor.Expanded value={localValue} onChange={setLocalValue} />\n        </Dialog>\n    );\n};\n\nconst ExpandableLexicalInputRenderer = ({\n    value,\n    onChange,\n    input,\n    label\n}: LexicalInputRendererProps) => {\n    const { isExpanded, setExpanded } = useExpandedEditor();\n\n    const applyChanges = useCallback(\n        (newValue: any) => {\n            onChange(newValue);\n            setExpanded(false);\n        },\n        [onChange, setExpanded]\n    );\n\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <LexicalEditor.Compact value={value} onChange={onChange} key={input.name} />\n            <EditorDialog\n                open={isExpanded}\n                value={value}\n                onChange={applyChanges}\n                onClose={() => setExpanded(false)}\n                input={input}\n            />\n        </>\n    );\n};\n"],"names":["LexicalInputRenderer","props","onChange","lexicalValue","value","ExpandedEditorProvider","ExpandableLexicalInputRenderer","EditorDialog","localValue","setLocalValue","useState","useEffect","Dialog","LexicalEditor","input","label","isExpanded","setExpanded","useExpandedEditor","applyChanges","useCallback","newValue","FormComponentLabel"],"mappings":";;;;AAcO,MAAMA,uBAAuB,CAACC;IACjC,MAAMC,WAAW,CAACC;QACdF,MAAM,QAAQ,CAAC,CAAC,EAAEG,KAAK,EAAE;YACrBA,MAAM,GAAG,CAACD;QACd;IACJ;IAEA,MAAMC,QAAQH,MAAM,KAAK,IAAI,CAAC;IAE9B,OAAO,WAAP,GACI,oBAACI,wBAAsBA,MAAAA,WAAAA,GACnB,oBAACC,gCAA8BA;QAAE,GAAGL,KAAK;QAAE,OAAOG;QAAO,UAAUF;;AAG/E;AAOA,MAAMK,eAAe,CAACN;IAClB,MAAM,CAACO,YAAYC,cAAc,GAAGC,SAAST,MAAM,KAAK;IAExDU,UAAU;QACNF,cAAcR,MAAM,KAAK;IAC7B,GAAG;QAACA,MAAM,KAAK;KAAC;IAEhB,OAAO,WAAP,GACI,oBAACW,QAAMA;QACH,IAAI;QACJ,MAAMX,MAAM,IAAI;QAChB,WAAW;QACX,sBAAoB;QACpB,OAAO,CAAC,KAAK,EAAEA,MAAM,KAAK,CAAC,KAAK,EAAE;QAClC,aAAa;QACb,YAAY;QACZ,iBAAiB;QACjB,uBACI,wDACI,oBAACW,OAAO,YAAY;YAAC,SAASX,MAAM,OAAO;0BAC3C,oBAACW,OAAO,aAAa;YACjB,MAAM;YACN,SAAS;gBACLX,MAAM,QAAQ,CAACO;YACnB;;qBAKZ,oBAACK,cAAc,QAAQ;QAAC,OAAOL;QAAY,UAAUC;;AAGjE;AAEA,MAAMH,iCAAiC,CAAC,EACpCF,KAAK,EACLF,QAAQ,EACRY,KAAK,EACLC,KAAK,EACmB;IACxB,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGC;IAEpC,MAAMC,eAAeC,YACjB,CAACC;QACGnB,SAASmB;QACTJ,YAAY;IAChB,GACA;QAACf;QAAUe;KAAY;IAG3B,OAAO,WAAP,GACI,wDACI,oBAACK,oBAAkBA;QAAC,MAAMP;sBAC1B,oBAACF,cAAc,OAAO;QAAC,OAAOT;QAAO,UAAUF;QAAU,KAAKY,MAAM,IAAI;sBACxE,oBAACP,cAAYA;QACT,MAAMS;QACN,OAAOZ;QACP,UAAUe;QACV,SAAS,IAAMF,YAAY;QAC3B,OAAOH;;AAIvB"}

package/inputRenderers/LexicalInput/wbStaticToolbar.css

@@ -260,5 +260,5 @@
 }
 
 .wb-static-toolbar i.expand {
-  /* background-image: url("./icons/fullscreen.svg"); */
+  background-image: url("./icons/fullscreen.svg");
 }

package/inputRenderers/TextInput.js

@@ -12,12 +12,14 @@ const TextInputRenderer = ({ value, onChange, onPreviewChange, input, label })=>
         });
     };
     return /*#__PURE__*/ react.createElement(Input, {
+        size: "md",
+        variant: "secondary",
         value: value,
         onChange: previewValue,
         onBlur: (e)=>commitValue(e.currentTarget.value),
         onEnter: (e)=>commitValue(e.currentTarget.value),
         label: label,
-        description: input.description,
+        hint: input.description,
         note: input.helperText
     });
 };

package/inputRenderers/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/TextInput.js","sources":["../../src/inputRenderers/TextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const commitValue = (newValue: string) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    const previewValue = (newValue: string) => {\n        onPreviewChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Input\n            value={value}\n            onChange={previewValue}\n            onBlur={e => commitValue(e.currentTarget.value)}\n            onEnter={e => commitValue(e.currentTarget.value)}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"names":["TextInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","previewValue","Input","e"],"mappings":";;AAIO,MAAMA,oBAAoB,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,cAAc,CAACC;QACjBL,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,MAAMC,eAAe,CAACD;QAClBJ,gBAAgB,CAAC,EAAEF,KAAK,EAAE;YACtBA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,OAAO,WAAP,GACI,oBAACE,OAAKA;QACF,OAAOR;QACP,UAAUO;QACV,QAAQE,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC9C,SAASA,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC/C,OAAOL;QACP,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
+{"version":3,"file":"inputRenderers/TextInput.js","sources":["../../src/inputRenderers/TextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const commitValue = (newValue: string) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    const previewValue = (newValue: string) => {\n        onPreviewChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Input\n            size={\"md\"}\n            variant={\"secondary\"}\n            value={value}\n            onChange={previewValue}\n            onBlur={e => commitValue(e.currentTarget.value)}\n            onEnter={e => commitValue(e.currentTarget.value)}\n            label={label}\n            hint={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"names":["TextInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","previewValue","Input","e"],"mappings":";;AAIO,MAAMA,oBAAoB,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,cAAc,CAACC;QACjBL,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,MAAMC,eAAe,CAACD;QAClBJ,gBAAgB,CAAC,EAAEF,KAAK,EAAE;YACtBA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,OAAO,WAAP,GACI,oBAACE,OAAKA;QACF,MAAM;QACN,SAAS;QACT,OAAOR;QACP,UAAUO;QACV,QAAQE,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC9C,SAASA,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC/C,OAAOL;QACP,MAAMD,MAAM,WAAW;QACvB,MAAMA,MAAM,UAAU;;AAGlC"}

package/modules/pages/PageEditor/PageEditorConfig.d.ts

@@ -279,6 +279,7 @@ export declare const InternalPageEditorConfig: (({ children }: PageEditorConfigP
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
+            Tab: ({ name, label, icon, element, disabled, visible }: import("../../../BaseEditor/config/Toolbar/Tab").TabProps) => React.JSX.Element;
         };
         Sidebar: (() => React.JSX.Element) & {
             original: () => React.JSX.Element;
@@ -375,7 +376,7 @@ export declare const InternalPageEditorConfig: (({ children }: PageEditorConfigP
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             } & {
-                Tab: ({ name, label, disabled, element, visible, noPadding }: import("../../../BaseEditor/config/Sidebar/Tab").TabProps) => React.JSX.Element;
+                Tab: ({ name, label, icon, disabled, element, visible }: import("../../../BaseEditor/config/Sidebar/Tab").TabProps) => React.JSX.Element;
             };
             ScrollableContainer: ({ children }: any) => React.JSX.Element;
         };
@@ -735,6 +736,7 @@ export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) =>
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
+            Tab: ({ name, label, icon, element, disabled, visible }: import("../../../BaseEditor/config/Toolbar/Tab").TabProps) => React.JSX.Element;
         };
         Sidebar: (() => React.JSX.Element) & {
             original: () => React.JSX.Element;
@@ -831,7 +833,7 @@ export declare const PageEditorConfig: (({ children }: PageEditorConfigProps) =>
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             } & {
-                Tab: ({ name, label, disabled, element, visible, noPadding }: import("../../../BaseEditor/config/Sidebar/Tab").TabProps) => React.JSX.Element;
+                Tab: ({ name, label, icon, disabled, element, visible }: import("../../../BaseEditor/config/Sidebar/Tab").TabProps) => React.JSX.Element;
             };
             ScrollableContainer: ({ children }: any) => React.JSX.Element;
         };

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

@@ -1,4 +1,4 @@
-import { computed, makeAutoObservable } from "mobx";
+import { computed, makeAutoObservable, toJS } from "mobx";
 import { FormModelFactory } from "@webiny/app-admin";
 import { PageSettingsGroup, PageSettingsGroupModifier, PageSettingsPresenter } from "./abstractions.js";
 class PageSettingsPresenterImpl {
@@ -40,7 +40,7 @@ class PageSettingsPresenterImpl {
         if (!this.form || !this.originalData) return false;
         const data = await this.form.submit();
         if (!data) return false;
-        const doc = structuredClone(this.originalData);
+        const doc = structuredClone(toJS(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;

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

@@ -1 +1 @@
-{"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":";;;AAkBA,MAAMA;IAKF,YACYC,OAAmC,EACnCC,MAAqC,EACrCC,SAA4D,CACtE;aAHUF,OAAO,GAAPA;aACAC,MAAM,GAANA;aACAC,SAAS,GAATA;aAPJ,IAAI,GAA+B;aACnC,KAAK,GAAkB;aACvB,YAAY,GAA0C;QAO1DC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS,GAAG;YAAE,UAAU;QAAK;IAChE;IAEA,IAAI,KAAqC;QACrC,OAAO;YACH,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG;YACjC,OAAO,IAAI,CAAC,KAAK;QACrB;IACJ;IAEA,KAAKC,IAAoC,EAAQ;QAC7C,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,YAAY,GAAGA;QAEpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS;QAE1B,MAAMC,SAA8B,CAAC;QACrC,KAAK,MAAMC,SAAS,IAAI,CAAC,MAAM,CAC3BD,MAAM,CAACC,MAAM,IAAI,CAAC,GAAGA,MAAM,SAAS,CAACF;QAGzC,KAAK,MAAMG,YAAY,IAAI,CAAC,SAAS,IAAI,EAAE,CACvC,IAAIA,SAAS,SAAS,EAAE;YACpB,MAAMC,UAAUD,SAAS,SAAS,CAACH;YACnCC,MAAM,CAACE,SAAS,KAAK,CAAC,GAAG;gBAAE,GAAGF,MAAM,CAACE,SAAS,KAAK,CAAC;gBAAE,GAAGC,OAAO;YAAC;QACrE;QAGJ,IAAI,CAAC,IAAI,CAAC,OAAO,CAACH;IACtB;IAEA,MAAM,SAA0D;QAC5D,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAChC,OAAO;QAGX,MAAMD,OAAO,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM;QACnC,IAAI,CAACA,MACD,OAAO;QAGX,MAAMK,MAAMC,gBAAgB,IAAI,CAAC,YAAY;QAE7C,KAAK,MAAMJ,SAAS,IAAI,CAAC,MAAM,CAC3BA,MAAM,WAAW,CAACF,IAAI,CAACE,MAAM,IAAI,CAAC,IAAI,CAAC,GAAGG;QAG9C,KAAK,MAAMF,YAAY,IAAI,CAAC,SAAS,IAAI,EAAE,CACvC,IAAIA,SAAS,WAAW,EACpBA,SAAS,WAAW,CAACH,IAAI,CAACG,SAAS,KAAK,CAAC,IAAI,CAAC,GAAGE;QAIzD,OAAOA;IACX;IAEQ,gBAAkC;QACtC,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAACH,CAAAA;YACnB,MAAMK,YAA6B,EAAE;YACrC,MAAMC,YAA6B,EAAE;YAErC,MAAMC,UAAyC;gBAC3C,QAAOC,EAAiB;oBACpBH,UAAU,IAAI,CAACG;gBACnB;gBACA,QAAOA,EAAiB;oBACpBF,UAAU,IAAI,CAACE;gBACnB;YACJ;YAEAR,MAAM,SAAS,CAACO;YAEhB,KAAK,MAAMN,YAAY,IAAI,CAAC,SAAS,IAAI,EAAE,CACvC,IAAIA,SAAS,KAAK,KAAKD,MAAM,IAAI,EAC7BC,SAAS,UAAU,CAACM;YAI5B,OAAO;gBAAEP;gBAAOK;gBAAWC;YAAU;QACzC;IACJ;IAEQ,YAAY;QAChB,MAAMG,YAAY,IAAI,CAAC,aAAa;QAEpC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YACvB,QAAQC,CAAAA;gBACJ,MAAMC,SAAwD,CAAC;gBAC/D,KAAK,MAAM,EAAEX,KAAK,EAAEK,SAAS,EAAE,IAAII,UAC/B,IAAIJ,AAAqB,MAArBA,UAAU,MAAM,EAGpBM,MAAM,CAACX,MAAM,IAAI,CAAC,GAAGU,OAChB,MAAM,GACN,KAAK,CAACV,MAAM,KAAK,EACjB,QAAQ,CAAC,eACT,MAAM,CAACY,CAAAA;oBACJ,MAAMC,SAAwD,CAAC;oBAC/D,KAAK,MAAML,MAAMH,UACbS,OAAO,MAAM,CAACD,QAAQL,GAAGI;oBAE7B,OAAOC;gBACX;gBAER,OAAOF;YACX;YACA,QAAQI,CAAAA;gBACJ,IAAIN,AAAqB,MAArBA,UAAU,MAAM,EAChB,OAAO,EAAE;gBAGb,MAAMO,cAAcD,OAAO,IAAI,CAAC,iBAAiB,QAAQ,CAAC;gBAE1D,KAAK,MAAM,EAAEf,KAAK,EAAEM,SAAS,EAAE,IAAIG,UAC/BO,YAAY,GAAG,CAAChB,MAAM,IAAI,EAAEiB,CAAAA;oBACxBA,IAAI,KAAK,CAACjB,MAAM,KAAK;oBACrB,IAAIA,MAAM,WAAW,EACjBiB,IAAI,WAAW,CAACjB,MAAM,WAAW;oBAErC,IAAIA,MAAM,IAAI,EACViB,IAAI,IAAI,CAACjB,MAAM,IAAI;oBAEvBiB,IAAI,MAAM,CAACC,CAAAA;wBACP,IAAIZ,UAAU,MAAM,GAAG,GACnB,OAAO;4BACHY,EAAE,MAAM,CAAClB,MAAM,IAAI,EAAEmB,CAAAA,QACVb,UAAU,OAAO,CAACE,CAAAA,KAAMA,GAAGW;yBAEzC;wBAGL,OAAO;4BAACD,EAAE,GAAG,CAAClB,MAAM,IAAI;yBAAE;oBAC9B;gBACJ;gBAGJ,OAAO;oBAACgB;iBAAY;YACxB;QACJ;IACJ;AACJ;AAEO,MAAMI,oCAAoCC,sBAAAA,oBAAyC,CAAC;IACvF,gBAAgB7B;IAChB,cAAc;QACV8B;QACA;YAACC;YAAmB;gBAAE,UAAU;YAAK;SAAE;QACvC;YAACC;YAA2B;gBAAE,UAAU;gBAAM,UAAU;YAAK;SAAE;KAClE;AACL"}
+{"version":3,"file":"modules/pages/PageEditor/PageSettings/PageSettingsPresenter.js","sources":["../../../../../src/modules/pages/PageEditor/PageSettings/PageSettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, toJS } 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(toJS(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","toJS","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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"}