@webiny/app-website-builder 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/inputRenderers/GridLayoutInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","ReactComponent","GridLayout12","GridLayout66","GridLayout84","GridLayout48","GridLayout444","GridLayout633","GridLayout336","GridLayout3333","GridLayout222222","presets","layout","icon","createElement","GridLayoutInputRenderer","value","onChange","className","map","preset","Column","span","key","style","filter","onClick","set"],"sources":["GridLayoutInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { ReactComponent as GridLayout12 } from \"./assets/grid-12.svg\";\nimport { ReactComponent as GridLayout66 } from \"./assets/grid-6-6.svg\";\nimport { ReactComponent as GridLayout84 } from \"./assets/grid-8-4.svg\";\nimport { ReactComponent as GridLayout48 } from \"./assets/grid-4-8.svg\";\nimport { ReactComponent as GridLayout444 } from \"./assets/grid-4-4-4.svg\";\nimport { ReactComponent as GridLayout633 } from \"./assets/grid-6-3-3.svg\";\nimport { ReactComponent as GridLayout336 } from \"./assets/grid-3-3-6.svg\";\nimport { ReactComponent as GridLayout3333 } from \"./assets/grid-3-3-3-3.svg\";\nimport { ReactComponent as GridLayout222222 } from \"./assets/grid-2-2-2-2-2-2.svg\";\n\nconst presets = [\n    {\n        layout: \"12\",\n        icon: <GridLayout12 />\n    },\n    {\n        layout: \"6-6\",\n        icon: <GridLayout66 />\n    },\n    {\n        layout: \"8-4\",\n        icon: <GridLayout84 />\n    },\n    {\n        layout: \"4-8\",\n        icon: <GridLayout48 />\n    },\n    {\n        layout: \"4-4-4\",\n        icon: <GridLayout444 />\n    },\n    {\n        layout: \"6-3-3\",\n        icon: <GridLayout633 />\n    },\n    {\n        layout: \"3-3-6\",\n        icon: <GridLayout336 />\n    },\n    {\n        layout: \"3-3-3-3\",\n        icon: <GridLayout3333 />\n    },\n    {\n        layout: \"2-2-2-2-2-2\",\n        icon: <GridLayout222222 />\n    }\n];\n\nexport const GridLayoutInputRenderer = ({ value, onChange }: ElementInputRendererProps) => {\n    return (\n        <Grid className={\"wby-gap-md\"}>\n            {presets.map(preset => (\n                <Grid.Column span={4} key={preset.layout}>\n                    <div\n                        style={{ filter: value !== preset.layout ? \"grayscale(1)\" : \"none\" }}\n                        onClick={() => {\n                            onChange(({ value }) => {\n                                value.set(preset.layout);\n                            });\n                        }}\n                    >\n                        {preset.icon}\n                    </div>\n                </Grid.Column>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,YAAY;AACvC,SAASD,cAAc,IAAIE,YAAY;AACvC,SAASF,cAAc,IAAIG,YAAY;AACvC,SAASH,cAAc,IAAII,YAAY;AACvC,SAASJ,cAAc,IAAIK,aAAa;AACxC,SAASL,cAAc,IAAIM,aAAa;AACxC,SAASN,cAAc,IAAIO,aAAa;AACxC,SAASP,cAAc,IAAIQ,cAAc;AACzC,SAASR,cAAc,IAAIS,gBAAgB;AAE3C,MAAMC,OAAO,GAAG,CACZ;EACIC,MAAM,EAAE,IAAI;EACZC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACZ,YAAY,MAAE;AACzB,CAAC,EACD;EACIU,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACX,YAAY,MAAE;AACzB,CAAC,EACD;EACIS,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACV,YAAY,MAAE;AACzB,CAAC,EACD;EACIQ,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACT,YAAY,MAAE;AACzB,CAAC,EACD;EACIO,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACR,aAAa,MAAE;AAC1B,CAAC,EACD;EACIM,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACP,aAAa,MAAE;AAC1B,CAAC,EACD;EACIK,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACN,aAAa,MAAE;AAC1B,CAAC,EACD;EACII,MAAM,EAAE,SAAS;EACjBC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACL,cAAc,MAAE;AAC3B,CAAC,EACD;EACIG,MAAM,EAAE,aAAa;EACrBC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACJ,gBAAgB,MAAE;AAC7B,CAAC,CACJ;AAED,OAAO,MAAMK,uBAAuB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACvF,oBACIlB,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACkB,SAAS,EAAE;EAAa,GACzBP,OAAO,CAACQ,GAAG,CAACC,MAAM,iBACfrB,KAAA,CAAAe,aAAA,CAACd,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE,CAAE;IAACC,GAAG,EAAEH,MAAM,CAACR;EAAO,gBACrCb,KAAA,CAAAe,aAAA;IACIU,KAAK,EAAE;MAAEC,MAAM,EAAET,KAAK,KAAKI,MAAM,CAACR,MAAM,GAAG,cAAc,GAAG;IAAO,CAAE;IACrEc,OAAO,EAAEA,CAAA,KAAM;MACXT,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACW,GAAG,CAACP,MAAM,CAACR,MAAM,CAAC;MAC5B,CAAC,CAAC;IACN;EAAE,GAEDQ,MAAM,CAACP,IACP,CACI,CAChB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Grid","ReactComponent","GridLayout12","GridLayout66","GridLayout84","GridLayout48","GridLayout444","GridLayout633","GridLayout336","GridLayout3333","GridLayout222222","svgProps","width","height","presets","layout","icon","createElement","GridLayoutInputRenderer","value","onChange","className","map","preset","Column","span","key","style","filter","onClick","set"],"sources":["GridLayoutInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { ReactComponent as GridLayout12 } from \"./assets/grid-12.svg\";\nimport { ReactComponent as GridLayout66 } from \"./assets/grid-6-6.svg\";\nimport { ReactComponent as GridLayout84 } from \"./assets/grid-8-4.svg\";\nimport { ReactComponent as GridLayout48 } from \"./assets/grid-4-8.svg\";\nimport { ReactComponent as GridLayout444 } from \"./assets/grid-4-4-4.svg\";\nimport { ReactComponent as GridLayout633 } from \"./assets/grid-6-3-3.svg\";\nimport { ReactComponent as GridLayout336 } from \"./assets/grid-3-3-6.svg\";\nimport { ReactComponent as GridLayout3333 } from \"./assets/grid-3-3-3-3.svg\";\nimport { ReactComponent as GridLayout222222 } from \"./assets/grid-2-2-2-2-2-2.svg\";\n\nconst svgProps = { width: 74, height: 37 };\n\nconst presets = [\n    {\n        layout: \"12\",\n        icon: <GridLayout12 {...svgProps} />\n    },\n    {\n        layout: \"6-6\",\n        icon: <GridLayout66 {...svgProps} />\n    },\n    {\n        layout: \"8-4\",\n        icon: <GridLayout84 {...svgProps} />\n    },\n    {\n        layout: \"4-8\",\n        icon: <GridLayout48 {...svgProps} />\n    },\n    {\n        layout: \"4-4-4\",\n        icon: <GridLayout444 {...svgProps} />\n    },\n    {\n        layout: \"6-3-3\",\n        icon: <GridLayout633 {...svgProps} />\n    },\n    {\n        layout: \"3-3-6\",\n        icon: <GridLayout336 {...svgProps} />\n    },\n    {\n        layout: \"3-3-3-3\",\n        icon: <GridLayout3333 {...svgProps} />\n    },\n    {\n        layout: \"2-2-2-2-2-2\",\n        icon: <GridLayout222222 {...svgProps} />\n    }\n];\n\nexport const GridLayoutInputRenderer = ({ value, onChange }: ElementInputRendererProps) => {\n    return (\n        <Grid className={\"gap-md\"}>\n            {presets.map(preset => (\n                <Grid.Column span={4} key={preset.layout}>\n                    <div\n                        style={{ filter: value !== preset.layout ? \"grayscale(1)\" : \"none\" }}\n                        onClick={() => {\n                            onChange(({ value }) => {\n                                value.set(preset.layout);\n                            });\n                        }}\n                    >\n                        {preset.icon}\n                    </div>\n                </Grid.Column>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,YAAY;AACvC,SAASD,cAAc,IAAIE,YAAY;AACvC,SAASF,cAAc,IAAIG,YAAY;AACvC,SAASH,cAAc,IAAII,YAAY;AACvC,SAASJ,cAAc,IAAIK,aAAa;AACxC,SAASL,cAAc,IAAIM,aAAa;AACxC,SAASN,cAAc,IAAIO,aAAa;AACxC,SAASP,cAAc,IAAIQ,cAAc;AACzC,SAASR,cAAc,IAAIS,gBAAgB;AAE3C,MAAMC,QAAQ,GAAG;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAE1C,MAAMC,OAAO,GAAG,CACZ;EACIC,MAAM,EAAE,IAAI;EACZC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACf,YAAY,EAAKS,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACd,YAAY,EAAKQ,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACb,YAAY,EAAKO,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACZ,YAAY,EAAKM,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACX,aAAa,EAAKK,QAAW;AACxC,CAAC,EACD;EACII,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACV,aAAa,EAAKI,QAAW;AACxC,CAAC,EACD;EACII,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACT,aAAa,EAAKG,QAAW;AACxC,CAAC,EACD;EACII,MAAM,EAAE,SAAS;EACjBC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACR,cAAc,EAAKE,QAAW;AACzC,CAAC,EACD;EACII,MAAM,EAAE,aAAa;EACrBC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACP,gBAAgB,EAAKC,QAAW;AAC3C,CAAC,CACJ;AAED,OAAO,MAAMO,uBAAuB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACvF,oBACIrB,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACqB,SAAS,EAAE;EAAS,GACrBP,OAAO,CAACQ,GAAG,CAACC,MAAM,iBACfxB,KAAA,CAAAkB,aAAA,CAACjB,IAAI,CAACwB,MAAM;IAACC,IAAI,EAAE,CAAE;IAACC,GAAG,EAAEH,MAAM,CAACR;EAAO,gBACrChB,KAAA,CAAAkB,aAAA;IACIU,KAAK,EAAE;MAAEC,MAAM,EAAET,KAAK,KAAKI,MAAM,CAACR,MAAM,GAAG,cAAc,GAAG;IAAO,CAAE;IACrEc,OAAO,EAAEA,CAAA,KAAM;MACXT,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACW,GAAG,CAACP,MAAM,CAACR,MAAM,CAAC;MAC5B,CAAC,CAAC;IACN;EAAE,GAEDQ,MAAM,CAACP,IACP,CACI,CAChB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { TypographyAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, ImageAction, LinkAction, QuoteAction, ImagesPlugin, QuotePlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
+import { TypographyAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, LinkAction, QuoteAction, QuotePlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
 import { CompositionScope } from "@webiny/app-admin";
+import { LexicalLinkForm } from "@webiny/app-admin";
 import { LexicalEditorConfig } from "@webiny/lexical-editor";
-import { TypographyDropDown } from "./TypographyDropDown";
-import { ExpandEditorAction } from "./ExpandEditorAction";
-import { LinkEditForm } from "./LinkEditForm";
+import { TypographyDropDown } from "./TypographyDropDown.js";
+import { ExpandEditorAction } from "./ExpandEditorAction.js";
 const {
   ToolbarElement,
   Plugin
@@ -21,15 +21,6 @@ const sharedPlugins = /*#__PURE__*/React.createElement(React.Fragment, null, /*#
 }), /*#__PURE__*/React.createElement(Plugin, {
   name: "link",
   element: /*#__PURE__*/React.createElement(LinkPlugin, null)
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "floatingLinkEditor",
-  element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-    anchorElem: () => document.body,
-    LinkEditForm: LinkEditForm
-  })
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "images",
-  element: /*#__PURE__*/React.createElement(ImagesPlugin, null)
 }), /*#__PURE__*/React.createElement(Plugin, {
   name: "quote",
   element: /*#__PURE__*/React.createElement(QuotePlugin, null)
@@ -37,7 +28,9 @@ const sharedPlugins = /*#__PURE__*/React.createElement(React.Fragment, null, /*#
 export const DefaultLexicalConfig = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CompositionScope, {
     name: "compact"
-  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, null, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
+  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, {
+    priority: "primary"
+  }, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "textAlignment",
     element: /*#__PURE__*/React.createElement(TextAlignmentAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
@@ -56,7 +49,14 @@ export const DefaultLexicalConfig = () => {
     name: "expanded"
   }, /*#__PURE__*/React.createElement(TypographyAction.TypographyDropDown, {
     element: /*#__PURE__*/React.createElement(TypographyDropDown, null)
-  }), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
+  }), /*#__PURE__*/React.createElement(LexicalEditorConfig, {
+    priority: "primary"
+  }, sharedPlugins, /*#__PURE__*/React.createElement(Plugin, {
+    name: "floatingLinkEditor",
+    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
+      LinkForm: LexicalLinkForm
+    })
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "fontColor",
     element: /*#__PURE__*/React.createElement(FontColorAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
@@ -90,13 +90,7 @@ export const DefaultLexicalConfig = () => {
     name: "bulletList",
     element: /*#__PURE__*/React.createElement(BulletListAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "divider",
-    element: /*#__PURE__*/React.createElement(Divider, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "image",
-    element: /*#__PURE__*/React.createElement(ImageAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "divider3",
+    name: "divider2",
     element: /*#__PURE__*/React.createElement(Divider, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "link",

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TypographyAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","ImagesPlugin","QuotePlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","CompositionScope","LexicalEditorConfig","TypographyDropDown","ExpandEditorAction","LinkEditForm","ToolbarElement","Plugin","sharedPlugins","createElement","Fragment","name","element","anchorElem","document","body","DefaultLexicalConfig"],"sources":["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    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\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 { LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"./TypographyDropDown\";\nimport { ExpandEditorAction } from \"./ExpandEditorAction\";\nimport { LinkEditForm } from \"./LinkEditForm\";\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\n            name={\"floatingLinkEditor\"}\n            element={\n                <FloatingLinkEditorPlugin\n                    anchorElem={() => document.body}\n                    LinkEditForm={LinkEditForm}\n                />\n            }\n        />\n        <Plugin name={\"images\"} element={<ImagesPlugin />} />\n        <Plugin name={\"quote\"} element={<QuotePlugin />} />\n    </>\n);\n\nexport const DefaultLexicalConfig = () => {\n    return (\n        <>\n            <CompositionScope name={\"compact\"}>\n                <LexicalEditorConfig>\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>\n                    {sharedPlugins}\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=\"divider\" element={<Divider />} />\n                    <ToolbarElement name=\"image\" element={<ImageAction />} />\n                    <ToolbarElement name=\"divider3\" element={<Divider />} />\n                    <ToolbarElement name=\"link\" element={<LinkAction />} />\n                    <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","TypographyAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","LinkAction","QuoteAction","QuotePlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","CompositionScope","LexicalLinkForm","LexicalEditorConfig","TypographyDropDown","ExpandEditorAction","ToolbarElement","Plugin","sharedPlugins","createElement","Fragment","name","element","DefaultLexicalConfig","priority","LinkForm"],"sources":["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"],"mappings":"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","ignoreList":[]}

package/inputRenderers/LexicalInput/ExpandEditorAction.js

@@ -1,12 +1,12 @@
 import React from "react";
-import { useExpandedEditor } from "./ExpandedEditor";
+import { useExpandedEditor } from "./ExpandedEditor.js";
 export const ExpandEditorAction = () => {
   const {
     setExpanded
   } = useExpandedEditor();
   return /*#__PURE__*/React.createElement("button", {
     onClick: () => setExpanded(expanded => !expanded),
-    className: "popup-item wby-absolute wby-right-0 wby-z-1",
+    className: "popup-item absolute right-0 z-1",
     "aria-label": "Expand editor"
   }, /*#__PURE__*/React.createElement("i", {
     className: "format expand"

package/inputRenderers/LexicalInput/ExpandEditorAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useExpandedEditor","ExpandEditorAction","setExpanded","createElement","onClick","expanded","className"],"sources":["ExpandEditorAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { useExpandedEditor } from \"./ExpandedEditor\";\n\nexport const ExpandEditorAction = () => {\n    const { setExpanded } = useExpandedEditor();\n\n    return (\n        <button\n            onClick={() => setExpanded(expanded => !expanded)}\n            className={\"popup-item wby-absolute wby-right-0 wby-z-1\"}\n            aria-label=\"Expand editor\"\n        >\n            <i className=\"format expand\" />\n        </button>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAY,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EAE3C,oBACID,KAAA,CAAAI,aAAA;IACIC,OAAO,EAAEA,CAAA,KAAMF,WAAW,CAACG,QAAQ,IAAI,CAACA,QAAQ,CAAE;IAClDC,SAAS,EAAE,6CAA8C;IACzD,cAAW;EAAe,gBAE1BP,KAAA,CAAAI,aAAA;IAAGG,SAAS,EAAC;EAAe,CAAE,CAC1B,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useExpandedEditor","ExpandEditorAction","setExpanded","createElement","onClick","expanded","className"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAY,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EAE3C,oBACID,KAAA,CAAAI,aAAA;IACIC,OAAO,EAAEA,CAAA,KAAMF,WAAW,CAACG,QAAQ,IAAI,CAACA,QAAQ,CAAE;IAClDC,SAAS,EAAE,iCAAkC;IAC7C,cAAW;EAAe,gBAE1BP,KAAA,CAAAI,aAAA;IAAGG,SAAS,EAAC;EAAe,CAAE,CAC1B,CAAC;AAEjB,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalEditor.d.ts

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

package/inputRenderers/LexicalInput/LexicalEditor.js

@@ -1,7 +1,8 @@
-import React, { useCallback } from "react";
-import { RichTextEditor, StaticToolbar } from "@webiny/lexical-editor";
-import { FileManager } from "@webiny/app-admin";
-import { useWebsiteBuilderTheme } from "../../BaseEditor/components";
+import React from "react";
+import { LexicalEditor as BaseLexicalEditor } 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";
 import "./wbStaticToolbar.css";
 const placeholderStyles = {
   position: "absolute",
@@ -21,45 +22,27 @@ const styles = {
   maxHeight: 350,
   fontFamily: "var(--wb-theme-font-family)"
 };
-const toolbar = /*#__PURE__*/React.createElement(StaticToolbar, {
-  className: "wb-static-toolbar"
-});
+const lexicalTokens = createLexicalTokens("wb-lx-");
 export const LexicalEditor = props => {
   const {
     theme
   } = useWebsiteBuilderTheme();
-  const onChange = useCallback(jsonString => {
-    if (props?.onChange) {
-      props?.onChange(jsonString);
-    }
-  }, [props?.onChange]);
   const editorTheme = {
-    emotionMap: {},
-    styles: theme?.styles ?? {},
-    ...theme?.lexical
+    colors: theme?.colors ?? [],
+    typography: theme?.typography ?? {},
+    tokens: lexicalTokens
   };
-
-  /**
-   * To use Website Builder theme, we can't use the LexicalEditor component from @webiny/app-admin.
-   */
-  return /*#__PURE__*/React.createElement(FileManager, {
-    accept: ["image/*"]
-  }, ({
-    showFileManager
-  }) => /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({}, props, {
-    onChange: onChange,
-    staticToolbar: toolbar,
+  return /*#__PURE__*/React.createElement(BaseLexicalEditor, Object.assign({}, props, {
+    staticToolbar: /*#__PURE__*/React.createElement(StaticToolbar, {
+      className: "wb-static-toolbar"
+    }),
     tag: "p",
     placeholder: props?.placeholder || "Enter your text here...",
     placeholderStyles: placeholderStyles,
     contentEditableStyles: contentEditableStyles,
     styles: styles,
-    theme: editorTheme,
-    toolbarActionPlugins: [...(props.toolbarActionPlugins || []), {
-      targetAction: "image-action",
-      plugin: showFileManager
-    }]
-  })));
+    theme: editorTheme
+  }));
 };
 
 //# sourceMappingURL=LexicalEditor.js.map

package/inputRenderers/LexicalInput/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","RichTextEditor","StaticToolbar","FileManager","useWebsiteBuilderTheme","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","fontFamily","toolbar","createElement","className","LexicalEditor","props","theme","onChange","jsonString","editorTheme","emotionMap","lexical","accept","showFileManager","Object","assign","staticToolbar","tag","placeholder","toolbarActionPlugins","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { RichTextEditor, StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components\";\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 toolbar = <StaticToolbar className={\"wb-static-toolbar\"} />;\n\nexport const LexicalEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(jsonString);\n            }\n        },\n        [props?.onChange]\n    );\n\n    const editorTheme: EditorTheme = {\n        emotionMap: {},\n        styles: theme?.styles ?? {},\n        ...theme?.lexical\n    };\n\n    /**\n     * To use Website Builder theme, we can't use the LexicalEditor component from @webiny/app-admin.\n     */\n    return (\n        <FileManager accept={[\"image/*\"]}>\n            {({ showFileManager }) => (\n                <RichTextEditor\n                    {...props}\n                    onChange={onChange}\n                    staticToolbar={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                    toolbarActionPlugins={[\n                        ...(props.toolbarActionPlugins || []),\n                        { targetAction: \"image-action\", plugin: showFileManager }\n                    ]}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,EAAEC,aAAa,QAAQ,wBAAwB;AAEtE,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,SAASC,sBAAsB;AAC/B;AAEA,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE,GAAG;EACdC,UAAU,EAAE;AAChB,CAAC;AAED,MAAMC,OAAO,gBAAGnB,KAAA,CAAAoB,aAAA,CAACjB,aAAa;EAACkB,SAAS,EAAE;AAAoB,CAAE,CAAC;AAEjE,OAAO,MAAMC,aAAa,GAAIC,KAAyC,IAAK;EACxE,MAAM;IAAEC;EAAM,CAAC,GAAGnB,sBAAsB,CAAC,CAAC;EAE1C,MAAMoB,QAAQ,GAAGxB,WAAW,CACvByB,UAAkB,IAAK;IACpB,IAAIH,KAAK,EAAEE,QAAQ,EAAE;MACjBF,KAAK,EAAEE,QAAQ,CAACC,UAAU,CAAC;IAC/B;EACJ,CAAC,EACD,CAACH,KAAK,EAAEE,QAAQ,CACpB,CAAC;EAED,MAAME,WAAwB,GAAG;IAC7BC,UAAU,EAAE,CAAC,CAAC;IACdd,MAAM,EAAEU,KAAK,EAAEV,MAAM,IAAI,CAAC,CAAC;IAC3B,GAAGU,KAAK,EAAEK;EACd,CAAC;;EAED;AACJ;AACA;EACI,oBACI7B,KAAA,CAAAoB,aAAA,CAAChB,WAAW;IAAC0B,MAAM,EAAE,CAAC,SAAS;EAAE,GAC5B,CAAC;IAAEC;EAAgB,CAAC,kBACjB/B,KAAA,CAAAoB,aAAA,CAAClB,cAAc,EAAA8B,MAAA,CAAAC,MAAA,KACPV,KAAK;IACTE,QAAQ,EAAEA,QAAS;IACnBS,aAAa,EAAEf,OAAQ;IACvBgB,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEb,KAAK,EAAEa,WAAW,IAAI,yBAA0B;IAC7D9B,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAEG,WAAY;IACnBU,oBAAoB,EAAE,CAClB,IAAId,KAAK,CAACc,oBAAoB,IAAI,EAAE,CAAC,EACrC;MAAEC,YAAY,EAAE,cAAc;MAAEC,MAAM,EAAER;IAAgB,CAAC;EAC3D,EACL,CAEI,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","LexicalEditor","BaseLexicalEditor","StaticToolbar","createLexicalTokens","useWebsiteBuilderTheme","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","fontFamily","lexicalTokens","props","theme","editorTheme","colors","typography","tokens","createElement","Object","assign","staticToolbar","className","tag","placeholder"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,IAAIC,iBAAiB,QAAQ,mBAAmB;AACtE,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,mBAAmB,QAAQ,oDAAoD;AACxF,SAASC,sBAAsB;AAC/B;AAEA,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE,GAAG;EACdC,UAAU,EAAE;AAChB,CAAC;AAED,MAAMC,aAAa,GAAGf,mBAAmB,CAAC,QAAQ,CAAC;AAInD,OAAO,MAAMH,aAAa,GAAImB,KAAyB,IAAK;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAGhB,sBAAsB,CAAC,CAAC;EAE1C,MAAMiB,WAAwB,GAAG;IAC7BC,MAAM,EAAEF,KAAK,EAAEE,MAAM,IAAI,EAAE;IAC3BC,UAAU,EAAEH,KAAK,EAAEG,UAAU,IAAI,CAAC,CAAC;IACnCC,MAAM,EAAEN;EACZ,CAAC;EAED,oBACInB,KAAA,CAAA0B,aAAA,CAACxB,iBAAiB,EAAAyB,MAAA,CAAAC,MAAA,KACVR,KAAK;IACTS,aAAa,eAAE7B,KAAA,CAAA0B,aAAA,CAACvB,aAAa;MAAC2B,SAAS,EAAE;IAAoB,CAAE,CAAE;IACjEC,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEZ,KAAK,EAAEY,WAAW,IAAI,yBAA0B;IAC7D1B,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA,MAAO;IACfO,KAAK,EAAEC;EAAY,EACtB,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalEditorConfig.d.ts

@@ -1,6 +1,14 @@
 import React from "react";
 import { LexicalEditorConfig as BaseConfig } from "@webiny/lexical-editor";
-export declare const LexicalEditorConfig: {
+export declare const CompactEditorConfig: {
+    ({ 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;
+};
+export declare const ExpandedEditorConfig: {
     ({ children }: {
         children: React.ReactNode;
     }): React.JSX.Element;

package/inputRenderers/LexicalInput/LexicalEditorConfig.js

@@ -10,19 +10,29 @@ const PluginConfig = props => {
 const NodeConfig = props => {
   return /*#__PURE__*/React.createElement(BaseConfig.Node, props);
 };
-
-/*
- * Lexical editor public Config API
- */
-export const LexicalEditorConfig = ({
+export const CompactEditorConfig = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "compact"
+  }, /*#__PURE__*/React.createElement(BaseConfig, {
+    priority: "secondary"
+  }, children));
+};
+CompactEditorConfig.ToolbarAction = ToolbarAction;
+CompactEditorConfig.Plugin = PluginConfig;
+CompactEditorConfig.Node = NodeConfig;
+export const ExpandedEditorConfig = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "websiteBuilder"
-  }, /*#__PURE__*/React.createElement(BaseConfig, null, children));
+    name: "expanded"
+  }, /*#__PURE__*/React.createElement(BaseConfig, {
+    priority: "secondary"
+  }, children));
 };
-LexicalEditorConfig.ToolbarAction = ToolbarAction;
-LexicalEditorConfig.Plugin = PluginConfig;
-LexicalEditorConfig.Node = NodeConfig;
+ExpandedEditorConfig.ToolbarAction = ToolbarAction;
+ExpandedEditorConfig.Plugin = PluginConfig;
+ExpandedEditorConfig.Node = NodeConfig;
 
 //# sourceMappingURL=LexicalEditorConfig.js.map

package/inputRenderers/LexicalInput/LexicalEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LexicalEditorConfig","BaseConfig","CompositionScope","ToolbarAction","props","createElement","ToolbarElement","PluginConfig","Plugin","NodeConfig","Node","children","name"],"sources":["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\n/*\n * Lexical editor public Config API\n */\nexport const LexicalEditorConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"websiteBuilder\"}>\n            <BaseConfig>{children}</BaseConfig>\n        </CompositionScope>\n    );\n};\n\nLexicalEditorConfig.ToolbarAction = ToolbarAction;\nLexicalEditorConfig.Plugin = PluginConfig;\nLexicalEditorConfig.Node = NodeConfig;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,IAAIC,UAAU,QAAQ,wBAAwB;AAC1E,SAASC,gBAAgB,QAAQ,2BAA2B;AAE5D,MAAMC,aAAa,GAAIC,KAA6D,IAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACK,cAAc,EAAKF,KAAQ,CAAC;AACnD,CAAC;AAED,MAAMG,YAAY,GAAIH,KAAqD,IAAK;EAC5E,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACO,MAAM,EAAKJ,KAAQ,CAAC;AAC3C,CAAC;AAED,MAAMK,UAAU,GAAIL,KAAmD,IAAK;EACxE,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACS,IAAI,EAAKN,KAAQ,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMJ,mBAAmB,GAAGA,CAAC;EAAEW;AAAwC,CAAC,KAAK;EAChF,oBACIZ,KAAA,CAAAM,aAAA,CAACH,gBAAgB;IAACU,IAAI,EAAE;EAAiB,gBACrCb,KAAA,CAAAM,aAAA,CAACJ,UAAU,QAAEU,QAAqB,CACpB,CAAC;AAE3B,CAAC;AAEDX,mBAAmB,CAACG,aAAa,GAAGA,aAAa;AACjDH,mBAAmB,CAACQ,MAAM,GAAGD,YAAY;AACzCP,mBAAmB,CAACU,IAAI,GAAGD,UAAU","ignoreList":[]}
+{"version":3,"names":["React","LexicalEditorConfig","BaseConfig","CompositionScope","ToolbarAction","props","createElement","ToolbarElement","PluginConfig","Plugin","NodeConfig","Node","CompactEditorConfig","children","name","priority","ExpandedEditorConfig"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,IAAIC,UAAU,QAAQ,wBAAwB;AAC1E,SAASC,gBAAgB,QAAQ,2BAA2B;AAE5D,MAAMC,aAAa,GAAIC,KAA6D,IAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACK,cAAc,EAAKF,KAAQ,CAAC;AACnD,CAAC;AAED,MAAMG,YAAY,GAAIH,KAAqD,IAAK;EAC5E,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACO,MAAM,EAAKJ,KAAQ,CAAC;AAC3C,CAAC;AAED,MAAMK,UAAU,GAAIL,KAAmD,IAAK;EACxE,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACS,IAAI,EAAKN,KAAQ,CAAC;AACzC,CAAC;AAED,OAAO,MAAMO,mBAAmB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAChF,oBACIb,KAAA,CAAAM,aAAA,CAACH,gBAAgB;IAACW,IAAI,EAAE;EAAU,gBAC9Bd,KAAA,CAAAM,aAAA,CAACJ,UAAU;IAACa,QAAQ,EAAE;EAAY,GAAEF,QAAqB,CAC3C,CAAC;AAE3B,CAAC;AAEDD,mBAAmB,CAACR,aAAa,GAAGA,aAAa;AACjDQ,mBAAmB,CAACH,MAAM,GAAGD,YAAY;AACzCI,mBAAmB,CAACD,IAAI,GAAGD,UAAU;AAErC,OAAO,MAAMM,oBAAoB,GAAGA,CAAC;EAAEH;AAAwC,CAAC,KAAK;EACjF,oBACIb,KAAA,CAAAM,aAAA,CAACH,gBAAgB;IAACW,IAAI,EAAE;EAAW,gBAC/Bd,KAAA,CAAAM,aAAA,CAACJ,UAAU;IAACa,QAAQ,EAAE;EAAY,GAAEF,QAAqB,CAC3C,CAAC;AAE3B,CAAC;AAEDG,oBAAoB,CAACZ,aAAa,GAAGA,aAAa;AAClDY,oBAAoB,CAACP,MAAM,GAAGD,YAAY;AAC1CQ,oBAAoB,CAACL,IAAI,GAAGD,UAAU","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../../BaseEditor";
+import type { ElementInputRendererProps } from "../../BaseEditor/index.js";
 export declare const LexicalInputRenderer: (props: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/LexicalInput/LexicalInput.js

@@ -1,28 +1,14 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { DelayedOnChange, FormComponentLabel } from "@webiny/admin-ui";
-import { createLexicalStateTransformer } from "@webiny/lexical-converter";
-import { CompositionScope } from "@webiny/app-admin/index";
-import { Dialog } from "@webiny/admin-ui";
-import { FloatingLinkEditorPlugin, LexicalEditorConfig } from "@webiny/lexical-editor";
-import { LexicalEditor } from "./LexicalEditor";
-import { ExpandedEditorProvider, useExpandedEditor } from "./ExpandedEditor";
-import { LinkEditForm } from "./LinkEditForm.js";
-const {
-  Plugin
-} = LexicalEditorConfig;
+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";
 export const LexicalInputRenderer = props => {
-  const transformer = useMemo(() => {
-    return createLexicalStateTransformer();
-  }, []);
   const onChange = lexicalValue => {
     props.onChange(({
       value
     }) => {
-      const html = transformer.toHtml(lexicalValue);
-      value.set({
-        state: lexicalValue,
-        html
-      });
+      value.set(lexicalValue);
     });
   };
   const value = props.value ?? {};
@@ -39,14 +25,14 @@ const EditorDialog = props => {
   return /*#__PURE__*/React.createElement(Dialog, {
     id: "lexical-editor-dialog",
     open: props.open,
-    className: "wby-w-[900px] wby-max-w-[900px] wby-overflow-visible",
+    className: "w-[900px] max-w-[900px] overflow-visible",
     "data-hover-manager": "ignore",
     title: `Edit ${props.input.label}`,
     dismissible: false,
     showCloseButton: false,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
       onClick: props.onClose
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
       text: "Save Changes",
       onClick: () => {
         props.onChange(localValue);
@@ -54,24 +40,10 @@ const EditorDialog = props => {
     }))
   }, /*#__PURE__*/React.createElement(CompositionScope, {
     name: "expanded"
-  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
+  }, /*#__PURE__*/React.createElement(LexicalEditor, {
     value: localValue,
     onChange: setLocalValue
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(LexicalEditor, {
-    value: value,
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(Plugin, {
-    name: "floatingLinkEditor",
-    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-      anchorElem: () => {
-        return document.getElementById("lexical-editor-dialog") ?? document.body;
-      },
-      LinkEditForm: LinkEditForm
-    })
-  }))));
+  })));
 };
 const ExpandableLexicalInputRenderer = ({
   value,
@@ -91,19 +63,13 @@ const ExpandableLexicalInputRenderer = ({
     text: label
   }), /*#__PURE__*/React.createElement(CompositionScope, {
     name: "compact"
-  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
-    value: value.state,
-    onChange: onChange
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(LexicalEditor, {
+  }, /*#__PURE__*/React.createElement(LexicalEditor, {
     value: value,
     onChange: onChange,
     key: input.name
-  }))), /*#__PURE__*/React.createElement(EditorDialog, {
+  })), /*#__PURE__*/React.createElement(EditorDialog, {
     open: isExpanded,
-    value: value.state,
+    value: value,
     onChange: applyChanges,
     onClose: () => setExpanded(false),
     input: input

package/inputRenderers/LexicalInput/LexicalInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","DelayedOnChange","FormComponentLabel","createLexicalStateTransformer","CompositionScope","Dialog","FloatingLinkEditorPlugin","LexicalEditorConfig","LexicalEditor","ExpandedEditorProvider","useExpandedEditor","LinkEditForm","Plugin","LexicalInputRenderer","props","transformer","onChange","lexicalValue","value","html","toHtml","set","state","createElement","ExpandableLexicalInputRenderer","Object","assign","EditorDialog","localValue","setLocalValue","id","open","className","title","input","label","dismissible","showCloseButton","actions","Fragment","CancelButton","onClick","onClose","ConfirmButton","text","name","element","anchorElem","document","getElementById","body","isExpanded","setExpanded","applyChanges","newValue","key"],"sources":["LexicalInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { DelayedOnChange, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { createLexicalStateTransformer } from \"@webiny/lexical-converter\";\nimport { CompositionScope } from \"@webiny/app-admin/index\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { FloatingLinkEditorPlugin, LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { LexicalEditor } from \"./LexicalEditor\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport {\n    ExpandedEditorProvider,\n    useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor\";\nimport { LinkEditForm } from \"~/inputRenderers/LexicalInput/LinkEditForm.js\";\n\nconst { Plugin } = LexicalEditorConfig;\n\ntype LexicalInputRendererProps = Omit<ElementInputRendererProps, \"onChange\" | \"metadata\"> & {\n    onChange: (value: string) => void;\n};\n\nexport const LexicalInputRenderer = (props: ElementInputRendererProps) => {\n    const transformer = useMemo(() => {\n        return createLexicalStateTransformer();\n    }, []);\n\n    const onChange = (lexicalValue: string) => {\n        props.onChange(({ value }) => {\n            const html = transformer.toHtml(lexicalValue);\n\n            value.set({\n                state: lexicalValue,\n                html\n            });\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={\"wby-w-[900px] wby-max-w-[900px] wby-overflow-visible\"}\n            data-hover-manager={\"ignore\"}\n            title={`Edit ${props.input.label}`}\n            dismissible={false}\n            showCloseButton={false}\n            actions={\n                <>\n                    <Dialog.CancelButton onClick={props.onClose} />\n                    <Dialog.ConfirmButton\n                        text={\"Save Changes\"}\n                        onClick={() => {\n                            props.onChange(localValue);\n                        }}\n                    />\n                </>\n            }\n        >\n            <CompositionScope name={\"expanded\"}>\n                <DelayedOnChange value={localValue} onChange={setLocalValue}>\n                    {({ value, onChange }) => <LexicalEditor value={value} onChange={onChange} />}\n                </DelayedOnChange>\n                <LexicalEditorConfig>\n                    <Plugin\n                        name={\"floatingLinkEditor\"}\n                        element={\n                            <FloatingLinkEditorPlugin\n                                anchorElem={() => {\n                                    return (\n                                        document.getElementById(\"lexical-editor-dialog\") ??\n                                        document.body\n                                    );\n                                }}\n                                LinkEditForm={LinkEditForm}\n                            />\n                        }\n                    />\n                </LexicalEditorConfig>\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                <DelayedOnChange value={value.state} onChange={onChange}>\n                    {({ value, onChange }) => (\n                        <LexicalEditor value={value} onChange={onChange} key={input.name} />\n                    )}\n                </DelayedOnChange>\n            </CompositionScope>\n            <EditorDialog\n                open={isExpanded}\n                value={value.state}\n                onChange={applyChanges}\n                onClose={() => setExpanded(false)}\n                input={input}\n            />\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","Dialog","FormComponentLabel","CompositionScope","LexicalEditor","ExpandedEditorProvider","useExpandedEditor","LexicalInputRenderer","props","onChange","lexicalValue","value","set","createElement","ExpandableLexicalInputRenderer","Object","assign","EditorDialog","localValue","setLocalValue","id","open","className","title","input","label","dismissible","showCloseButton","actions","Fragment","CancelAction","onClick","onClose","ConfirmAction","text","name","isExpanded","setExpanded","applyChanges","newValue","key"],"sources":["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"],"mappings":"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","ignoreList":[]}

package/inputRenderers/LexicalInput/TypographyDropDown.js

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { $getNearestNodeOfType } from "@lexical/utils";
 import { DropDown, DropDownItem, useCurrentSelection, useCurrentElement, useTypographyAction } from "@webiny/lexical-editor";
 import { $isHeadingNode, $isParagraphNode, $isQuoteNode, $isListNode, ListNode } from "@webiny/lexical-nodes";
-import { useTheme } from "@webiny/app-admin";
+import { useWebsiteBuilderTheme } from "../../BaseEditor/components/index.js";
 export const TypographyDropDown = () => {
   const {
     value,
@@ -10,7 +10,7 @@ export const TypographyDropDown = () => {
   } = useTypographyAction();
   const {
     theme
-  } = useTheme();
+  } = useWebsiteBuilderTheme();
   const [styles, setStyles] = useState([]);
   const {
     element
@@ -19,26 +19,26 @@ export const TypographyDropDown = () => {
     rangeSelection
   } = useCurrentSelection();
   const getAllTextStyles = () => {
-    if (!theme?.styles.typography) {
+    if (!theme?.typography) {
       return [];
     }
-    const headingsStyles = theme.styles.typography?.headings || [];
-    const paragraphStyles = theme.styles.typography?.paragraphs || [];
+    const headingsStyles = theme.typography?.headings || [];
+    const paragraphStyles = theme.typography?.paragraphs || [];
     return [...headingsStyles, ...paragraphStyles];
   };
   useEffect(() => {
     // In static toolbar typography, styles always need to be visible.
-    if (theme?.styles) {
+    if (theme?.typography) {
       setStyles(getAllTextStyles());
     }
-  }, [theme?.styles]);
+  }, [theme?.typography]);
   const getListStyles = tag => {
-    const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];
+    const listStyles = theme?.typography.lists?.filter(x => x.tag === tag) || [];
     if (listStyles.length > 0) {
       return listStyles;
     }
     const fallbackTag = tag === "ul" ? "ol" : "ul";
-    return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];
+    return theme?.typography.lists?.filter(x => x.tag === fallbackTag) || [];
   };
   useEffect(() => {
     if (!element || !rangeSelection) {
@@ -63,7 +63,7 @@ export const TypographyDropDown = () => {
         setStyles(getListStyles("ol"));
       }
     } else if ($isQuoteNode(element)) {
-      setStyles(theme?.styles.typography?.quotes || []);
+      setStyles(theme?.typography?.quotes || []);
     } else {
       setStyles([]);
     }
@@ -71,20 +71,17 @@ export const TypographyDropDown = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!styles?.length ? /*#__PURE__*/React.createElement(DropDown, {
     buttonClassName: "toolbar-item typography-dropdown",
     buttonAriaLabel: "Typography formatting options",
-    buttonLabel: value?.name || "Typography",
+    buttonLabel: value?.label || "Typography",
     stopCloseOnClickSelf: true,
     disabled: false,
     showScroll: true
   }, styles?.map(option => /*#__PURE__*/React.createElement(DropDownItem, {
     className: `item typography-item ${value?.id === option.id ? "active dropdown-item-active" : ""}`,
-    onClick: () => applyTypography({
-      ...option,
-      css: option.styles
-    }),
+    onClick: () => applyTypography(option),
     key: option.id
   }, /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, option.name)))) : null);
+  }, option.label)))) : null);
 };
 
 //# sourceMappingURL=TypographyDropDown.js.map