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

package/inputRenderers/GridLayoutInput.js

@@ -1,67 +1,71 @@
-import React from "react";
+import react from "react";
 import { Grid } from "@webiny/admin-ui";
-import { ReactComponent as GridLayout12 } from "./assets/grid-12.svg";
-import { ReactComponent as GridLayout66 } from "./assets/grid-6-6.svg";
-import { ReactComponent as GridLayout84 } from "./assets/grid-8-4.svg";
-import { ReactComponent as GridLayout48 } from "./assets/grid-4-8.svg";
-import { ReactComponent as GridLayout444 } from "./assets/grid-4-4-4.svg";
-import { ReactComponent as GridLayout633 } from "./assets/grid-6-3-3.svg";
-import { ReactComponent as GridLayout336 } from "./assets/grid-3-3-6.svg";
-import { ReactComponent as GridLayout3333 } from "./assets/grid-3-3-3-3.svg";
-import { ReactComponent as GridLayout222222 } from "./assets/grid-2-2-2-2-2-2.svg";
+import { ReactComponent } from "./assets/grid-12.js";
+import { ReactComponent as grid_6_6_js_ReactComponent } from "./assets/grid-6-6.js";
+import { ReactComponent as grid_8_4_js_ReactComponent } from "./assets/grid-8-4.js";
+import { ReactComponent as grid_4_8_js_ReactComponent } from "./assets/grid-4-8.js";
+import { ReactComponent as grid_4_4_4_js_ReactComponent } from "./assets/grid-4-4-4.js";
+import { ReactComponent as grid_6_3_3_js_ReactComponent } from "./assets/grid-6-3-3.js";
+import { ReactComponent as grid_3_3_6_js_ReactComponent } from "./assets/grid-3-3-6.js";
+import { ReactComponent as grid_3_3_3_3_js_ReactComponent } from "./assets/grid-3-3-3-3.js";
+import { ReactComponent as grid_2_2_2_2_2_2_js_ReactComponent } from "./assets/grid-2-2-2-2-2-2.js";
 const svgProps = {
-  width: 74,
-  height: 37
+    width: 74,
+    height: 37
 };
-const presets = [{
-  layout: "12",
-  icon: /*#__PURE__*/React.createElement(GridLayout12, svgProps)
-}, {
-  layout: "6-6",
-  icon: /*#__PURE__*/React.createElement(GridLayout66, svgProps)
-}, {
-  layout: "8-4",
-  icon: /*#__PURE__*/React.createElement(GridLayout84, svgProps)
-}, {
-  layout: "4-8",
-  icon: /*#__PURE__*/React.createElement(GridLayout48, svgProps)
-}, {
-  layout: "4-4-4",
-  icon: /*#__PURE__*/React.createElement(GridLayout444, svgProps)
-}, {
-  layout: "6-3-3",
-  icon: /*#__PURE__*/React.createElement(GridLayout633, svgProps)
-}, {
-  layout: "3-3-6",
-  icon: /*#__PURE__*/React.createElement(GridLayout336, svgProps)
-}, {
-  layout: "3-3-3-3",
-  icon: /*#__PURE__*/React.createElement(GridLayout3333, svgProps)
-}, {
-  layout: "2-2-2-2-2-2",
-  icon: /*#__PURE__*/React.createElement(GridLayout222222, svgProps)
-}];
-export const GridLayoutInputRenderer = ({
-  value,
-  onChange
-}) => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "gap-md"
-  }, presets.map(preset => /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 4,
-    key: preset.layout
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      filter: value !== preset.layout ? "grayscale(1)" : "none"
+const presets = [
+    {
+        layout: "12",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, svgProps)
     },
-    onClick: () => {
-      onChange(({
-        value
-      }) => {
-        value.set(preset.layout);
-      });
+    {
+        layout: "6-6",
+        icon: /*#__PURE__*/ react.createElement(grid_6_6_js_ReactComponent, svgProps)
+    },
+    {
+        layout: "8-4",
+        icon: /*#__PURE__*/ react.createElement(grid_8_4_js_ReactComponent, svgProps)
+    },
+    {
+        layout: "4-8",
+        icon: /*#__PURE__*/ react.createElement(grid_4_8_js_ReactComponent, svgProps)
+    },
+    {
+        layout: "4-4-4",
+        icon: /*#__PURE__*/ react.createElement(grid_4_4_4_js_ReactComponent, svgProps)
+    },
+    {
+        layout: "6-3-3",
+        icon: /*#__PURE__*/ react.createElement(grid_6_3_3_js_ReactComponent, svgProps)
+    },
+    {
+        layout: "3-3-6",
+        icon: /*#__PURE__*/ react.createElement(grid_3_3_6_js_ReactComponent, svgProps)
+    },
+    {
+        layout: "3-3-3-3",
+        icon: /*#__PURE__*/ react.createElement(grid_3_3_3_3_js_ReactComponent, svgProps)
+    },
+    {
+        layout: "2-2-2-2-2-2",
+        icon: /*#__PURE__*/ react.createElement(grid_2_2_2_2_2_2_js_ReactComponent, svgProps)
     }
-  }, preset.icon))));
-};
+];
+const GridLayoutInputRenderer = ({ value, onChange })=>/*#__PURE__*/ react.createElement(Grid, {
+        className: "gap-md"
+    }, presets.map((preset)=>/*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 4,
+            key: preset.layout
+        }, /*#__PURE__*/ react.createElement("div", {
+            style: {
+                filter: value !== preset.layout ? "grayscale(1)" : "none"
+            },
+            onClick: ()=>{
+                onChange(({ value })=>{
+                    value.set(preset.layout);
+                });
+            }
+        }, preset.icon))));
+export { GridLayoutInputRenderer };
 
 //# sourceMappingURL=GridLayoutInput.js.map

package/inputRenderers/GridLayoutInput.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"inputRenderers/GridLayoutInput.js","sources":["../../src/inputRenderers/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"],"names":["svgProps","presets","GridLayout12","GridLayout66","GridLayout84","GridLayout48","GridLayout444","GridLayout633","GridLayout336","GridLayout3333","GridLayout222222","GridLayoutInputRenderer","value","onChange","Grid","preset"],"mappings":";;;;;;;;;;;AAaA,MAAMA,WAAW;IAAE,OAAO;IAAI,QAAQ;AAAG;AAEzC,MAAMC,UAAU;IACZ;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACC,gBAAiBF;IAC5B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACG,4BAAiBH;IAC5B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACI,4BAAiBJ;IAC5B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACK,4BAAiBL;IAC5B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACM,8BAAkBN;IAC7B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACO,8BAAkBP;IAC7B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACQ,8BAAkBR;IAC7B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACS,gCAAmBT;IAC9B;IACA;QACI,QAAQ;QACR,MAAM,WAAN,GAAM,oBAACU,oCAAqBV;IAChC;CACH;AAEM,MAAMW,0BAA0B,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA6B,GAC3E,WAAP,GACI,oBAACC,MAAIA;QAAC,WAAW;OACZb,QAAQ,GAAG,CAACc,CAAAA,SAAAA,WAAAA,GACT,oBAACD,KAAK,MAAM;YAAC,MAAM;YAAG,KAAKC,OAAO,MAAM;yBACpC,oBAAC;YACG,OAAO;gBAAE,QAAQH,UAAUG,OAAO,MAAM,GAAG,iBAAiB;YAAO;YACnE,SAAS;gBACLF,SAAS,CAAC,EAAED,KAAK,EAAE;oBACfA,MAAM,GAAG,CAACG,OAAO,MAAM;gBAC3B;YACJ;WAECA,OAAO,IAAI"}

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js

@@ -1,104 +1,98 @@
-import React from "react";
-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 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 { CompositionScope, LexicalLinkForm } from "@webiny/app-admin";
 import { TypographyDropDown } from "./TypographyDropDown.js";
 import { ExpandEditorAction } from "./ExpandEditorAction.js";
-const {
-  ToolbarElement,
-  Plugin
-} = LexicalEditorConfig;
-const sharedPlugins = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Plugin, {
-  name: "fontColor",
-  element: /*#__PURE__*/React.createElement(FontColorPlugin, null)
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "list",
-  element: /*#__PURE__*/React.createElement(ListPlugin, null)
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "typography",
-  element: /*#__PURE__*/React.createElement(TypographyPlugin, null)
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "link",
-  element: /*#__PURE__*/React.createElement(LinkPlugin, null)
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "quote",
-  element: /*#__PURE__*/React.createElement(QuotePlugin, null)
-}));
-export const DefaultLexicalConfig = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "compact"
-  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, {
-    priority: "primary"
-  }, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "textAlignment",
-    element: /*#__PURE__*/React.createElement(TextAlignmentAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "boldAction",
-    element: /*#__PURE__*/React.createElement(BoldAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "italic",
-    element: /*#__PURE__*/React.createElement(ItalicAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "underline",
-    element: /*#__PURE__*/React.createElement(UnderlineAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "expand",
-    element: /*#__PURE__*/React.createElement(ExpandEditorAction, null)
-  }))), /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "expanded"
-  }, /*#__PURE__*/React.createElement(TypographyAction.TypographyDropDown, {
-    element: /*#__PURE__*/React.createElement(TypographyDropDown, null)
-  }), /*#__PURE__*/React.createElement(LexicalEditorConfig, {
-    priority: "primary"
-  }, sharedPlugins, /*#__PURE__*/React.createElement(Plugin, {
-    name: "floatingLinkEditor",
-    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-      LinkForm: LexicalLinkForm
-    })
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+const { ToolbarElement: ToolbarElement, Plugin: Plugin } = LexicalEditorConfig;
+const sharedPlugins = /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Plugin, {
     name: "fontColor",
-    element: /*#__PURE__*/React.createElement(FontColorAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    element: /*#__PURE__*/ react.createElement(FontColorPlugin, null)
+}), /*#__PURE__*/ react.createElement(Plugin, {
+    name: "list",
+    element: /*#__PURE__*/ react.createElement(ListPlugin, null)
+}), /*#__PURE__*/ react.createElement(Plugin, {
     name: "typography",
-    element: /*#__PURE__*/React.createElement(TypographyAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "textAlignment",
-    element: /*#__PURE__*/React.createElement(TextAlignmentAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "divider1",
-    element: /*#__PURE__*/React.createElement(Divider, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "boldAction",
-    element: /*#__PURE__*/React.createElement(BoldAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "italic",
-    element: /*#__PURE__*/React.createElement(ItalicAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "underline",
-    element: /*#__PURE__*/React.createElement(UnderlineAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "codeHighlight",
-    element: /*#__PURE__*/React.createElement(CodeHighlightAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "divider2",
-    element: /*#__PURE__*/React.createElement(Divider, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "numberedList",
-    element: /*#__PURE__*/React.createElement(NumberedListAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "bulletList",
-    element: /*#__PURE__*/React.createElement(BulletListAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "divider2",
-    element: /*#__PURE__*/React.createElement(Divider, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    element: /*#__PURE__*/ react.createElement(TypographyPlugin, null)
+}), /*#__PURE__*/ react.createElement(Plugin, {
     name: "link",
-    element: /*#__PURE__*/React.createElement(LinkAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    element: /*#__PURE__*/ react.createElement(LinkPlugin, null)
+}), /*#__PURE__*/ react.createElement(Plugin, {
     name: "quote",
-    element: /*#__PURE__*/React.createElement(QuoteAction, null)
-  }))));
-};
+    element: /*#__PURE__*/ react.createElement(QuotePlugin, null)
+}));
+const DefaultLexicalConfig = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "compact"
+    }, /*#__PURE__*/ react.createElement(LexicalEditorConfig, {
+        priority: "primary"
+    }, sharedPlugins, /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "textAlignment",
+        element: /*#__PURE__*/ react.createElement(TextAlignmentAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "boldAction",
+        element: /*#__PURE__*/ react.createElement(BoldAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "italic",
+        element: /*#__PURE__*/ react.createElement(ItalicAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "underline",
+        element: /*#__PURE__*/ react.createElement(UnderlineAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "expand",
+        element: /*#__PURE__*/ react.createElement(ExpandEditorAction, null)
+    }))), /*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "expanded"
+    }, /*#__PURE__*/ react.createElement(TypographyAction.TypographyDropDown, {
+        element: /*#__PURE__*/ react.createElement(TypographyDropDown, null)
+    }), /*#__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, {
+        name: "typography",
+        element: /*#__PURE__*/ react.createElement(TypographyAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "textAlignment",
+        element: /*#__PURE__*/ react.createElement(TextAlignmentAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "divider1",
+        element: /*#__PURE__*/ react.createElement(Divider, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "boldAction",
+        element: /*#__PURE__*/ react.createElement(BoldAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "italic",
+        element: /*#__PURE__*/ react.createElement(ItalicAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "underline",
+        element: /*#__PURE__*/ react.createElement(UnderlineAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "codeHighlight",
+        element: /*#__PURE__*/ react.createElement(CodeHighlightAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "divider2",
+        element: /*#__PURE__*/ react.createElement(Divider, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "numberedList",
+        element: /*#__PURE__*/ react.createElement(NumberedListAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "bulletList",
+        element: /*#__PURE__*/ react.createElement(BulletListAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "divider2",
+        element: /*#__PURE__*/ react.createElement(Divider, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "link",
+        element: /*#__PURE__*/ react.createElement(LinkAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "quote",
+        element: /*#__PURE__*/ react.createElement(QuoteAction, null)
+    }))));
+export { DefaultLexicalConfig };
 
 //# sourceMappingURL=DefaultLexicalConfig.js.map

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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"}

package/inputRenderers/LexicalInput/ExpandEditorAction.js

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

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.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":[]}
+{"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"}

package/inputRenderers/LexicalInput/ExpandedEditor.js

@@ -1,22 +1,19 @@
-import React, { useState } from "react";
-const ExpandedEditorContext = /*#__PURE__*/React.createContext(undefined);
-export const ExpandedEditorProvider = ({
-  children
-}) => {
-  const [isExpanded, setExpanded] = useState(false);
-  return /*#__PURE__*/React.createElement(ExpandedEditorContext.Provider, {
-    value: {
-      isExpanded,
-      setExpanded
-    }
-  }, children);
+import react, { useState } from "react";
+const ExpandedEditorContext = /*#__PURE__*/ react.createContext(void 0);
+const ExpandedEditorProvider = ({ children })=>{
+    const [isExpanded, setExpanded] = useState(false);
+    return /*#__PURE__*/ react.createElement(ExpandedEditorContext.Provider, {
+        value: {
+            isExpanded,
+            setExpanded
+        }
+    }, children);
 };
-export const useExpandedEditor = () => {
-  const context = React.useContext(ExpandedEditorContext);
-  if (!context) {
-    throw new Error(`Missing ExpandedEditorProvider in the component hierarchy!`);
-  }
-  return context;
+const useExpandedEditor = ()=>{
+    const context = react.useContext(ExpandedEditorContext);
+    if (!context) throw new Error("Missing ExpandedEditorProvider in the component hierarchy!");
+    return context;
 };
+export { ExpandedEditorProvider, useExpandedEditor };
 
 //# sourceMappingURL=ExpandedEditor.js.map

package/inputRenderers/LexicalInput/ExpandedEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ExpandedEditorContext","createContext","undefined","ExpandedEditorProvider","children","isExpanded","setExpanded","createElement","Provider","value","useExpandedEditor","context","useContext","Error"],"sources":["ExpandedEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\ninterface ExpandedEditorContext {\n    isExpanded: boolean;\n    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst ExpandedEditorContext = React.createContext<ExpandedEditorContext | undefined>(undefined);\n\nexport const ExpandedEditorProvider = ({ children }: { children: React.ReactNode }) => {\n    const [isExpanded, setExpanded] = useState(false);\n    return (\n        <ExpandedEditorContext.Provider value={{ isExpanded, setExpanded }}>\n            {children}\n        </ExpandedEditorContext.Provider>\n    );\n};\n\nexport const useExpandedEditor = () => {\n    const context = React.useContext(ExpandedEditorContext);\n    if (!context) {\n        throw new Error(`Missing ExpandedEditorProvider in the component hierarchy!`);\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAOvC,MAAMC,qBAAqB,gBAAGF,KAAK,CAACG,aAAa,CAAoCC,SAAS,CAAC;AAE/F,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnF,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACjD,oBACID,KAAA,CAAAS,aAAA,CAACP,qBAAqB,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEJ,UAAU;MAAEC;IAAY;EAAE,GAC9DF,QAC2B,CAAC;AAEzC,CAAC;AAED,OAAO,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,OAAO,GAAGb,KAAK,CAACc,UAAU,CAACZ,qBAAqB,CAAC;EACvD,IAAI,CAACW,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,4DAA4D,CAAC;EACjF;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"inputRenderers/LexicalInput/ExpandedEditor.js","sources":["../../../src/inputRenderers/LexicalInput/ExpandedEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\ninterface ExpandedEditorContext {\n    isExpanded: boolean;\n    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst ExpandedEditorContext = React.createContext<ExpandedEditorContext | undefined>(undefined);\n\nexport const ExpandedEditorProvider = ({ children }: { children: React.ReactNode }) => {\n    const [isExpanded, setExpanded] = useState(false);\n    return (\n        <ExpandedEditorContext.Provider value={{ isExpanded, setExpanded }}>\n            {children}\n        </ExpandedEditorContext.Provider>\n    );\n};\n\nexport const useExpandedEditor = () => {\n    const context = React.useContext(ExpandedEditorContext);\n    if (!context) {\n        throw new Error(`Missing ExpandedEditorProvider in the component hierarchy!`);\n    }\n\n    return context;\n};\n"],"names":["ExpandedEditorContext","React","undefined","ExpandedEditorProvider","children","isExpanded","setExpanded","useState","useExpandedEditor","context","Error"],"mappings":";AAOA,MAAMA,wBAAwB,WAAHA,GAAGC,MAAAA,aAAmB,CAAoCC;AAE9E,MAAMC,yBAAyB,CAAC,EAAEC,QAAQ,EAAiC;IAC9E,MAAM,CAACC,YAAYC,YAAY,GAAGC,SAAS;IAC3C,OAAO,WAAP,GACI,oBAACP,sBAAsB,QAAQ;QAAC,OAAO;YAAEK;YAAYC;QAAY;OAC5DF;AAGb;AAEO,MAAMI,oBAAoB;IAC7B,MAAMC,UAAUR,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACS,SACD,MAAM,IAAIC,MAAM;IAGpB,OAAOD;AACX"}

package/inputRenderers/LexicalInput/LexicalEditor.js

@@ -1,48 +1,48 @@
-import React from "react";
-import { LexicalEditor as BaseLexicalEditor } from "@webiny/app-admin";
+import react from "react";
+import { 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";
 import "./wbStaticToolbar.css";
 const placeholderStyles = {
-  position: "absolute",
-  top: 40,
-  left: 25
+    position: "absolute",
+    top: 40,
+    left: 25
 };
 const contentEditableStyles = {
-  minHeight: 200,
-  display: "block",
-  padding: 10
+    minHeight: 200,
+    display: "block",
+    padding: 10
 };
 const styles = {
-  backgroundColor: "#fff",
-  border: "1px solid #e1e1e1",
-  padding: "10px 14px",
-  minHeight: 200,
-  maxHeight: 350,
-  fontFamily: "var(--wb-theme-font-family)"
+    backgroundColor: "#fff",
+    border: "1px solid #e1e1e1",
+    padding: "10px 14px",
+    minHeight: 200,
+    maxHeight: 350,
+    fontFamily: "var(--wb-theme-font-family)"
 };
 const lexicalTokens = createLexicalTokens("wb-lx-");
-export const LexicalEditor = props => {
-  const {
-    theme
-  } = useWebsiteBuilderTheme();
-  const editorTheme = {
-    colors: theme?.colors ?? [],
-    typography: theme?.typography ?? {},
-    tokens: lexicalTokens
-  };
-  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
-  }));
+const LexicalEditor_LexicalEditor = (props)=>{
+    const { theme } = useWebsiteBuilderTheme();
+    const editorTheme = {
+        colors: theme?.colors ?? [],
+        typography: theme?.typography ?? {},
+        tokens: lexicalTokens
+    };
+    return /*#__PURE__*/ react.createElement(LexicalEditor, {
+        ...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
+    });
 };
+export { LexicalEditor_LexicalEditor as LexicalEditor };
 
 //# sourceMappingURL=LexicalEditor.js.map

package/inputRenderers/LexicalInput/LexicalEditor.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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"}