@webiny/app-website-builder 6.0.0-alpha.0

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TypographyAction","FontSizeAction","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    FontSizeAction,\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=\"fontSize\" element={<FontSizeAction />} />\n                    <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                    <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"divider1\" element={<Divider />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                    <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                    <ToolbarElement name=\"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":[]}

package/inputRenderers/LexicalInput/ExpandEditorAction.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ExpandEditorAction: () => React.JSX.Element;

package/inputRenderers/LexicalInput/ExpandEditorAction.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { useExpandedEditor } from "./ExpandedEditor";
+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",
+    "aria-label": "Expand editor"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "format expand"
+  }));
+};
+
+//# sourceMappingURL=ExpandEditorAction.js.map

package/inputRenderers/LexicalInput/ExpandEditorAction.js.map

@@ -0,0 +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":[]}

package/inputRenderers/LexicalInput/ExpandedEditor.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ExpandedEditorContext {
+    isExpanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+}
+declare const ExpandedEditorContext: React.Context<ExpandedEditorContext | undefined>;
+export declare const ExpandedEditorProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useExpandedEditor: () => ExpandedEditorContext;
+export {};

package/inputRenderers/LexicalInput/ExpandedEditor.js

@@ -0,0 +1,22 @@
+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);
+};
+export const useExpandedEditor = () => {
+  const context = React.useContext(ExpandedEditorContext);
+  if (!context) {
+    throw new Error(`Missing ExpandedEditorProvider in the component hierarchy!`);
+  }
+  return context;
+};
+
+//# sourceMappingURL=ExpandedEditor.js.map

package/inputRenderers/LexicalInput/ExpandedEditor.js.map

@@ -0,0 +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":[]}

package/inputRenderers/LexicalInput/LexicalEditor.d.ts

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

package/inputRenderers/LexicalInput/LexicalEditor.js

@@ -0,0 +1,43 @@
+import React, { useCallback } from "react";
+import { StaticToolbar } from "@webiny/lexical-editor";
+import { LexicalEditor as BaseLexicalEditor } from "@webiny/app-admin/components/LexicalEditor";
+import "./wbStaticToolbar.css";
+const placeholderStyles = {
+  position: "absolute",
+  top: 40,
+  left: 25
+};
+const contentEditableStyles = {
+  minHeight: 200,
+  display: "block",
+  padding: 10
+};
+const styles = {
+  backgroundColor: "#fff",
+  border: "1px solid #e1e1e1",
+  padding: "10px 14px",
+  minHeight: 200,
+  maxHeight: 350
+};
+const toolbar = /*#__PURE__*/React.createElement(StaticToolbar, {
+  className: "wb-static-toolbar"
+});
+export const LexicalEditor = props => {
+  const onChange = useCallback(jsonString => {
+    if (props?.onChange) {
+      props?.onChange(jsonString);
+    }
+  }, [props?.onChange]);
+  return /*#__PURE__*/React.createElement(BaseLexicalEditor, Object.assign({}, props, {
+    value: props.value,
+    onChange: onChange,
+    staticToolbar: toolbar,
+    tag: "p",
+    placeholder: props?.placeholder || "Enter your text here...",
+    placeholderStyles: placeholderStyles,
+    contentEditableStyles: contentEditableStyles,
+    styles: styles
+  }));
+};
+
+//# sourceMappingURL=LexicalEditor.js.map

package/inputRenderers/LexicalInput/LexicalEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","StaticToolbar","LexicalEditor","BaseLexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","createElement","className","props","onChange","jsonString","Object","assign","value","staticToolbar","tag","placeholder"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { LexicalEditor as BaseLexicalEditor } from \"@webiny/app-admin/components/LexicalEditor\";\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};\n\nconst toolbar = <StaticToolbar className={\"wb-static-toolbar\"} />;\n\nexport const LexicalEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(jsonString);\n            }\n        },\n        [props?.onChange]\n    );\n\n    return (\n        <BaseLexicalEditor\n            {...props}\n            value={props.value}\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        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,aAAa,IAAIC,iBAAiB,QAAQ,4CAA4C;AAC/F;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;AACf,CAAC;AAED,MAAMC,OAAO,gBAAGjB,KAAA,CAAAkB,aAAA,CAAChB,aAAa;EAACiB,SAAS,EAAE;AAAoB,CAAE,CAAC;AAEjE,OAAO,MAAMhB,aAAa,GAAIiB,KAAyC,IAAK;EACxE,MAAMC,QAAQ,GAAGpB,WAAW,CACvBqB,UAAkB,IAAK;IACpB,IAAIF,KAAK,EAAEC,QAAQ,EAAE;MACjBD,KAAK,EAAEC,QAAQ,CAACC,UAAU,CAAC;IAC/B;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,CACpB,CAAC;EAED,oBACIrB,KAAA,CAAAkB,aAAA,CAACd,iBAAiB,EAAAmB,MAAA,CAAAC,MAAA,KACVJ,KAAK;IACTK,KAAK,EAAEL,KAAK,CAACK,KAAM;IACnBJ,QAAQ,EAAEA,QAAS;IACnBK,aAAa,EAAET,OAAQ;IACvBU,GAAG,EAAE,GAAI;IACTC,WAAW,EAAER,KAAK,EAAEQ,WAAW,IAAI,yBAA0B;IAC7DvB,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalEditorConfig.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { LexicalEditorConfig as BaseConfig } from "@webiny/lexical-editor";
+export declare const LexicalEditorConfig: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    ToolbarAction: (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => React.JSX.Element;
+    Plugin: (props: React.ComponentProps<typeof BaseConfig.Plugin>) => React.JSX.Element;
+    Node: (props: React.ComponentProps<typeof BaseConfig.Node>) => React.JSX.Element;
+};

package/inputRenderers/LexicalInput/LexicalEditorConfig.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { LexicalEditorConfig as BaseConfig } from "@webiny/lexical-editor";
+import { CompositionScope } from "@webiny/react-composition";
+const ToolbarAction = props => {
+  return /*#__PURE__*/React.createElement(BaseConfig.ToolbarElement, props);
+};
+const PluginConfig = props => {
+  return /*#__PURE__*/React.createElement(BaseConfig.Plugin, props);
+};
+const NodeConfig = props => {
+  return /*#__PURE__*/React.createElement(BaseConfig.Node, props);
+};
+
+/*
+ * Lexical editor public Config API
+ */
+export const LexicalEditorConfig = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "websiteBuilder"
+  }, /*#__PURE__*/React.createElement(BaseConfig, null, children));
+};
+LexicalEditorConfig.ToolbarAction = ToolbarAction;
+LexicalEditorConfig.Plugin = PluginConfig;
+LexicalEditorConfig.Node = NodeConfig;
+
+//# sourceMappingURL=LexicalEditorConfig.js.map

package/inputRenderers/LexicalInput/LexicalEditorConfig.js.map

@@ -0,0 +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":[]}

package/inputRenderers/LexicalInput/LexicalInput.d.ts

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

package/inputRenderers/LexicalInput/LexicalInput.js

@@ -0,0 +1,111 @@
+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 { LexicalEditor } from "./LexicalEditor";
+import { ExpandedEditorProvider, useExpandedEditor } from "./ExpandedEditor";
+import { Dialog } from "@webiny/admin-ui";
+import { FloatingLinkEditorPlugin, LexicalEditorConfig } from "@webiny/lexical-editor";
+import { LinkEditForm } from "./LinkEditForm.js";
+const {
+  Plugin
+} = LexicalEditorConfig;
+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
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement(ExpandedEditorProvider, null, /*#__PURE__*/React.createElement(ExpandableLexicalInputRenderer, Object.assign({}, props, {
+    onChange: onChange
+  })));
+};
+const EditorDialog = props => {
+  const [localValue, setLocalValue] = useState(props.value);
+  useEffect(() => {
+    setLocalValue(props.value);
+  }, [props.value]);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    id: "lexical-editor-dialog",
+    open: props.open,
+    className: "wby-w-[900px] wby-max-w-[900px] wby-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, {
+      onClick: props.onClose
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+      text: "Save Changes",
+      onClick: () => {
+        props.onChange(localValue);
+      }
+    }))
+  }, /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "expanded"
+  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
+    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,
+  onChange,
+  input,
+  label
+}) => {
+  const {
+    isExpanded,
+    setExpanded
+  } = useExpandedEditor();
+  const applyChanges = useCallback(newValue => {
+    onChange(newValue);
+    setExpanded(false);
+  }, [onChange, setExpanded]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: label
+  }), /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "compact"
+  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
+    value: value.state,
+    onChange: onChange
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(LexicalEditor, {
+    value: value,
+    onChange: onChange,
+    key: input.name
+  }))), /*#__PURE__*/React.createElement(EditorDialog, {
+    open: isExpanded,
+    value: value.state,
+    onChange: applyChanges,
+    onClose: () => setExpanded(false),
+    input: input
+  }));
+};
+
+//# sourceMappingURL=LexicalInput.js.map

package/inputRenderers/LexicalInput/LexicalInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","DelayedOnChange","FormComponentLabel","createLexicalStateTransformer","CompositionScope","LexicalEditor","ExpandedEditorProvider","useExpandedEditor","Dialog","FloatingLinkEditorPlugin","LexicalEditorConfig","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 { LexicalEditor } from \"./LexicalEditor\";\nimport { ElementInputRendererProps } from \"~/BaseEditor\";\nimport {\n    ExpandedEditorProvider,\n    useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { FloatingLinkEditorPlugin, LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { LinkEditForm } from \"~/inputRenderers/LexicalInput/LinkEditForm.js\";\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    return (\n        <ExpandedEditorProvider>\n            <ExpandableLexicalInputRenderer {...props} 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":[]}

package/inputRenderers/LexicalInput/LinkEditForm.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { FloatingLinkEditorPlugin } from "@webiny/lexical-editor";
+type LinkEditForm = NonNullable<React.ComponentProps<typeof FloatingLinkEditorPlugin>["LinkEditForm"]>;
+type LinkEditFormProps = React.ComponentProps<LinkEditForm>;
+export declare const LinkEditForm: ({ linkData, onSave, onCancel }: LinkEditFormProps) => React.JSX.Element;
+export {};

package/inputRenderers/LexicalInput/LinkEditForm.js

@@ -0,0 +1,63 @@
+import React from "react";
+import { Button, Grid, Input, Switch, Text } from "@webiny/admin-ui";
+import { Bind, Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+export const LinkEditForm = ({
+  linkData,
+  onSave,
+  onCancel
+}) => {
+  const onSubmit = data => {
+    onSave(data);
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    data: linkData,
+    onSubmit: onSubmit
+  }, form => /*#__PURE__*/React.createElement("div", {
+    className: "wby-p-md"
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "lg"
+  }, "Edit Link")), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "url",
+    validate: validation.create("url")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "URL",
+    variant: "secondary"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "alt"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Alt text",
+    variant: "secondary"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "target"
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Switch, {
+    checked: value === "_blank",
+    label: "Open link in a new tab",
+    onChange: value => {
+      onChange(value === true ? "_blank" : null);
+    }
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12,
+    className: "wby-flex wby-justify-end wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: `Cancel`,
+    onClick: onCancel
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: `Save`,
+    onClick: e => form.submit(e)
+  })))));
+};
+
+//# sourceMappingURL=LinkEditForm.js.map

package/inputRenderers/LexicalInput/LinkEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Input","Switch","Text","Bind","Form","validation","LinkEditForm","linkData","onSave","onCancel","onSubmit","data","createElement","form","className","Column","span","size","name","validate","create","label","variant","value","onChange","checked","text","onClick","e","submit"],"sources":["LinkEditForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { Button, Grid, Input, Switch, Text } from \"@webiny/admin-ui\";\nimport { Bind, Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\n\ntype LinkEditForm = NonNullable<\n    React.ComponentProps<typeof FloatingLinkEditorPlugin>[\"LinkEditForm\"]\n>;\ntype LinkEditFormProps = React.ComponentProps<LinkEditForm>;\n\nexport const LinkEditForm = ({ linkData, onSave, onCancel }: LinkEditFormProps) => {\n    const onSubmit = (data: LinkEditFormProps[\"linkData\"]) => {\n        onSave(data);\n    };\n\n    return (\n        <Form data={linkData} onSubmit={onSubmit}>\n            {form => (\n                <div className={\"wby-p-md\"}>\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Text size={\"lg\"}>Edit Link</Text>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"url\"} validate={validation.create(\"url\")}>\n                                <Input label={\"URL\"} variant={\"secondary\"} />\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"alt\"}>\n                                <Input label={\"Alt text\"} variant={\"secondary\"} />\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"target\"}>\n                                {({ value, onChange }) => (\n                                    <Switch\n                                        checked={value === \"_blank\"}\n                                        label={\"Open link in a new tab\"}\n                                        onChange={value => {\n                                            onChange(value === true ? \"_blank\" : null);\n                                        }}\n                                    />\n                                )}\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12} className={\"wby-flex wby-justify-end wby-gap-sm\"}>\n                            <Button variant={\"secondary\"} text={`Cancel`} onClick={onCancel} />\n                            <Button text={`Save`} onClick={e => form.submit(e)} />\n                        </Grid.Column>\n                    </Grid>\n                </div>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AACpE,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,oBAAoB;AAO/C,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAA4B,CAAC,KAAK;EAC/E,MAAMC,QAAQ,GAAIC,IAAmC,IAAK;IACtDH,MAAM,CAACG,IAAI,CAAC;EAChB,CAAC;EAED,oBACId,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACO,IAAI,EAAEJ,QAAS;IAACG,QAAQ,EAAEA;EAAS,GACpCG,IAAI,iBACDhB,KAAA,CAAAe,aAAA;IAAKE,SAAS,EAAE;EAAW,gBACvBjB,KAAA,CAAAe,aAAA,CAACb,IAAI,qBACDF,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACV,IAAI;IAACe,IAAI,EAAE;EAAK,GAAC,WAAe,CACxB,CAAC,eACdpB,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE,KAAM;IAACC,QAAQ,EAAEd,UAAU,CAACe,MAAM,CAAC,KAAK;EAAE,gBAClDvB,KAAA,CAAAe,aAAA,CAACZ,KAAK;IAACqB,KAAK,EAAE,KAAM;IAACC,OAAO,EAAE;EAAY,CAAE,CAC1C,CACG,CAAC,eACdzB,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE;EAAM,gBACdrB,KAAA,CAAAe,aAAA,CAACZ,KAAK;IAACqB,KAAK,EAAE,UAAW;IAACC,OAAO,EAAE;EAAY,CAAE,CAC/C,CACG,CAAC,eACdzB,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE;EAAS,GAChB,CAAC;IAAEK,KAAK;IAAEC;EAAS,CAAC,kBACjB3B,KAAA,CAAAe,aAAA,CAACX,MAAM;IACHwB,OAAO,EAAEF,KAAK,KAAK,QAAS;IAC5BF,KAAK,EAAE,wBAAyB;IAChCG,QAAQ,EAAED,KAAK,IAAI;MACfC,QAAQ,CAACD,KAAK,KAAK,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC;IAC9C;EAAE,CACL,CAEH,CACG,CAAC,eACd1B,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACgB,MAAM;IAACC,IAAI,EAAE,EAAG;IAACF,SAAS,EAAE;EAAsC,gBACpEjB,KAAA,CAAAe,aAAA,CAACd,MAAM;IAACwB,OAAO,EAAE,WAAY;IAACI,IAAI,EAAE,QAAS;IAACC,OAAO,EAAElB;EAAS,CAAE,CAAC,eACnEZ,KAAA,CAAAe,aAAA,CAACd,MAAM;IAAC4B,IAAI,EAAE,MAAO;IAACC,OAAO,EAAEC,CAAC,IAAIf,IAAI,CAACgB,MAAM,CAACD,CAAC;EAAE,CAAE,CAC5C,CACX,CACL,CAEP,CAAC;AAEf,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/TypographyDropDown.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TypographyDropDown: () => React.JSX.Element;

package/inputRenderers/LexicalInput/TypographyDropDown.js

@@ -0,0 +1,90 @@
+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";
+export const TypographyDropDown = () => {
+  const {
+    value,
+    applyTypography
+  } = useTypographyAction();
+  const {
+    theme
+  } = useTheme();
+  const [styles, setStyles] = useState([]);
+  const {
+    element
+  } = useCurrentElement();
+  const {
+    rangeSelection
+  } = useCurrentSelection();
+  const getAllTextStyles = () => {
+    if (!theme?.styles.typography) {
+      return [];
+    }
+    const headingsStyles = theme.styles.typography?.headings || [];
+    const paragraphStyles = theme.styles.typography?.paragraphs || [];
+    return [...headingsStyles, ...paragraphStyles];
+  };
+  useEffect(() => {
+    // In static toolbar typography, styles always need to be visible.
+    if (theme?.styles) {
+      setStyles(getAllTextStyles());
+    }
+  }, [theme?.styles]);
+  const getListStyles = tag => {
+    const listStyles = theme?.styles.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) || [];
+  };
+  useEffect(() => {
+    if (!element || !rangeSelection) {
+      return;
+    }
+    if ($isParagraphNode(element) || $isHeadingNode(element)) {
+      setStyles(getAllTextStyles());
+    } else if ($isListNode(element)) {
+      let type;
+      try {
+        const anchorNode = rangeSelection.anchor.getNode();
+        const parentList = $getNearestNodeOfType(anchorNode, ListNode);
+        if (parentList) {
+          type = parentList.getListType();
+        }
+      } catch {
+        type = element.getListType();
+      }
+      if (type === "bullet") {
+        setStyles(getListStyles("ul"));
+      } else {
+        setStyles(getListStyles("ol"));
+      }
+    } else if ($isQuoteNode(element)) {
+      setStyles(theme?.styles.typography?.quotes || []);
+    } else {
+      setStyles([]);
+    }
+  }, [element]);
+  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",
+    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
+    }),
+    key: option.id
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text"
+  }, option.name)))) : null);
+};
+
+//# sourceMappingURL=TypographyDropDown.js.map

package/inputRenderers/LexicalInput/TypographyDropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","useTheme","TypographyDropDown","value","applyTypography","theme","styles","setStyles","element","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","type","anchorNode","anchor","getNode","parentList","getListType","quotes","createElement","Fragment","buttonClassName","buttonAriaLabel","buttonLabel","name","stopCloseOnClickSelf","disabled","showScroll","map","option","className","id","onClick","css","key"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n    DropDown,\n    DropDownItem,\n    useCurrentSelection,\n    useCurrentElement,\n    useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n    $isHeadingNode,\n    $isParagraphNode,\n    $isQuoteNode,\n    $isListNode,\n    ListNode\n} from \"@webiny/lexical-nodes\";\nimport { TypographyStyle } from \"@webiny/theme/types\";\nimport { TypographyValue } from \"@webiny/lexical-theme\";\nimport { useTheme } from \"@webiny/app-admin\";\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { theme } = useTheme();\n    const [styles, setStyles] = useState<TypographyStyle[]>([]);\n    const { element } = useCurrentElement();\n    const { rangeSelection } = useCurrentSelection();\n\n    const getAllTextStyles = (): TypographyStyle[] => {\n        if (!theme?.styles.typography) {\n            return [];\n        }\n        const headingsStyles = theme.styles.typography?.headings || [];\n        const paragraphStyles = theme.styles.typography?.paragraphs || [];\n        return [...headingsStyles, ...paragraphStyles];\n    };\n\n    useEffect(() => {\n        // In static toolbar typography, styles always need to be visible.\n        if (theme?.styles) {\n            setStyles(getAllTextStyles());\n        }\n    }, [theme?.styles]);\n\n    const getListStyles = (tag: string): TypographyStyle[] => {\n        const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];\n        if (listStyles.length > 0) {\n            return listStyles;\n        }\n\n        const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n        return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n    };\n\n    useEffect(() => {\n        if (!element || !rangeSelection) {\n            return;\n        }\n\n        if ($isParagraphNode(element) || $isHeadingNode(element)) {\n            setStyles(getAllTextStyles());\n        } else if ($isListNode(element)) {\n            let type;\n            try {\n                const anchorNode = rangeSelection.anchor.getNode();\n                const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n                if (parentList) {\n                    type = parentList.getListType();\n                }\n            } catch {\n                type = element.getListType();\n            }\n\n            if (type === \"bullet\") {\n                setStyles(getListStyles(\"ul\"));\n            } else {\n                setStyles(getListStyles(\"ol\"));\n            }\n        } else if ($isQuoteNode(element)) {\n            setStyles(theme?.styles.typography?.quotes || []);\n        } else {\n            setStyles([]);\n        }\n    }, [element]);\n\n    return (\n        <>\n            {!!styles?.length ? (\n                <DropDown\n                    buttonClassName=\"toolbar-item typography-dropdown\"\n                    buttonAriaLabel={\"Typography formatting options\"}\n                    buttonLabel={value?.name || \"Typography\"}\n                    stopCloseOnClickSelf={true}\n                    disabled={false}\n                    showScroll={true}\n                >\n                    {styles?.map(option => (\n                        <DropDownItem\n                            className={`item typography-item ${\n                                value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n                            }`}\n                            onClick={() =>\n                                applyTypography({\n                                    ...option,\n                                    css: option.styles\n                                } as TypographyValue)\n                            }\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.name}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SACIC,QAAQ,EACRC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,QAChB,wBAAwB;AAC/B,SACIC,cAAc,EACdC,gBAAgB,EAChBC,YAAY,EACZC,WAAW,EACXC,QAAQ,QACL,uBAAuB;AAG9B,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACxD,MAAM;IAAEU;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAC5B,MAAM,CAACK,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAoB,EAAE,CAAC;EAC3D,MAAM;IAAEmB;EAAQ,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEe;EAAe,CAAC,GAAGhB,mBAAmB,CAAC,CAAC;EAEhD,MAAMiB,gBAAgB,GAAGA,CAAA,KAAyB;IAC9C,IAAI,CAACL,KAAK,EAAEC,MAAM,CAACK,UAAU,EAAE;MAC3B,OAAO,EAAE;IACb;IACA,MAAMC,cAAc,GAAGP,KAAK,CAACC,MAAM,CAACK,UAAU,EAAEE,QAAQ,IAAI,EAAE;IAC9D,MAAMC,eAAe,GAAGT,KAAK,CAACC,MAAM,CAACK,UAAU,EAAEI,UAAU,IAAI,EAAE;IACjE,OAAO,CAAC,GAAGH,cAAc,EAAE,GAAGE,eAAe,CAAC;EAClD,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZ;IACA,IAAIiB,KAAK,EAAEC,MAAM,EAAE;MACfC,SAAS,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACjC;EACJ,CAAC,EAAE,CAACL,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,MAAMU,aAAa,GAAIC,GAAW,IAAwB;IACtD,MAAMC,UAAU,GAAGb,KAAK,EAAEC,MAAM,CAACK,UAAU,CAACQ,KAAK,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACJ,GAAG,KAAKA,GAAG,CAAC,IAAI,EAAE;IACnF,IAAIC,UAAU,CAACI,MAAM,GAAG,CAAC,EAAE;MACvB,OAAOJ,UAAU;IACrB;IAEA,MAAMK,WAAW,GAAGN,GAAG,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C,OAAOZ,KAAK,EAAEC,MAAM,CAACK,UAAU,CAACQ,KAAK,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACJ,GAAG,KAAKM,WAAW,CAAC,IAAI,EAAE;EACnF,CAAC;EAEDnC,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,OAAO,IAAI,CAACC,cAAc,EAAE;MAC7B;IACJ;IAEA,IAAIZ,gBAAgB,CAACW,OAAO,CAAC,IAAIZ,cAAc,CAACY,OAAO,CAAC,EAAE;MACtDD,SAAS,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACjC,CAAC,MAAM,IAAIX,WAAW,CAACS,OAAO,CAAC,EAAE;MAC7B,IAAIgB,IAAI;MACR,IAAI;QACA,MAAMC,UAAU,GAAGhB,cAAc,CAACiB,MAAM,CAACC,OAAO,CAAC,CAAC;QAClD,MAAMC,UAAU,GAAGtC,qBAAqB,CAAWmC,UAAU,EAAEzB,QAAQ,CAAC;QACxE,IAAI4B,UAAU,EAAE;UACZJ,IAAI,GAAGI,UAAU,CAACC,WAAW,CAAC,CAAC;QACnC;MACJ,CAAC,CAAC,MAAM;QACJL,IAAI,GAAGhB,OAAO,CAACqB,WAAW,CAAC,CAAC;MAChC;MAEA,IAAIL,IAAI,KAAK,QAAQ,EAAE;QACnBjB,SAAS,CAACS,aAAa,CAAC,IAAI,CAAC,CAAC;MAClC,CAAC,MAAM;QACHT,SAAS,CAACS,aAAa,CAAC,IAAI,CAAC,CAAC;MAClC;IACJ,CAAC,MAAM,IAAIlB,YAAY,CAACU,OAAO,CAAC,EAAE;MAC9BD,SAAS,CAACF,KAAK,EAAEC,MAAM,CAACK,UAAU,EAAEmB,MAAM,IAAI,EAAE,CAAC;IACrD,CAAC,MAAM;MACHvB,SAAS,CAAC,EAAE,CAAC;IACjB;EACJ,CAAC,EAAE,CAACC,OAAO,CAAC,CAAC;EAEb,oBACIrB,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA6C,QAAA,QACK,CAAC,CAAC1B,MAAM,EAAEgB,MAAM,gBACbnC,KAAA,CAAA4C,aAAA,CAACxC,QAAQ;IACL0C,eAAe,EAAC,kCAAkC;IAClDC,eAAe,EAAE,+BAAgC;IACjDC,WAAW,EAAEhC,KAAK,EAAEiC,IAAI,IAAI,YAAa;IACzCC,oBAAoB,EAAE,IAAK;IAC3BC,QAAQ,EAAE,KAAM;IAChBC,UAAU,EAAE;EAAK,GAEhBjC,MAAM,EAAEkC,GAAG,CAACC,MAAM,iBACftD,KAAA,CAAA4C,aAAA,CAACvC,YAAY;IACTkD,SAAS,EAAE,wBACPvC,KAAK,EAAEwC,EAAE,KAAKF,MAAM,CAACE,EAAE,GAAG,6BAA6B,GAAG,EAAE,EAC7D;IACHC,OAAO,EAAEA,CAAA,KACLxC,eAAe,CAAC;MACZ,GAAGqC,MAAM;MACTI,GAAG,EAAEJ,MAAM,CAACnC;IAChB,CAAoB,CACvB;IACDwC,GAAG,EAAEL,MAAM,CAACE;EAAG,gBAEfxD,KAAA,CAAA4C,aAAA;IAAMW,SAAS,EAAC;EAAM,GAAED,MAAM,CAACL,IAAW,CAChC,CACjB,CACK,CAAC,GACX,IACN,CAAC;AAEX,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/icons/fullscreen.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>

package/inputRenderers/LexicalInput/icons/list-ol.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-ol"><path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/><path d="M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.033a.615.615 0 0 1 .569.631c.003.533-.502.8-1.051.8-.656 0-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254 0 .424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583 0 .96.326.96.756 0 .389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508 0-.18-.147-.32-.342-.32a.33.33 0 0 0-.342.338v.041zM2.564 5h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z"/></svg>

package/inputRenderers/LexicalInput/icons/list-ul.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-ul"><path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>