@webiny/lexical-editor 5.36.2 → 5.37.0-beta.1

package/components/ToolbarActions/TextAlignmentAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseTextAlignmentDropDown","makeComposable","useEffect","console","log","TextAlignmentActionDropDown","element","TextAlignmentAction","useRichTextEditor","activeEditor","useState","alignmentValue","setAlignmentValue","applyTextAlignment","value","dispatchCommand","FORMAT_ELEMENT_COMMAND","outdentText","OUTDENT_CONTENT_COMMAND","undefined","indentText","INDENT_CONTENT_COMMAND","TextAlignmentDropDown"],"sources":["TextAlignmentAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport {\n    ElementFormatType,\n    FORMAT_ELEMENT_COMMAND,\n    INDENT_CONTENT_COMMAND,\n    OUTDENT_CONTENT_COMMAND\n} from \"lexical\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nimport { Compose, makeComposable } from \"@webiny/react-composition\";\nimport { TextAlignmentActionContext } from \"~/context/TextAlignmentActionContextProps\";\n\n/*\n * Base text alignment dropdown composable component.\n * Note: To add a custom dropdown component use @see LexicalEditorConfig API.\n */\nexport const BaseTextAlignmentDropDown = makeComposable(\n    \"BaseTextAlignmentDropDown\",\n    (): JSX.Element | null => {\n        useEffect(() => {\n            console.log(\"Default BaseTextAlignmentDropDown, please add your own component\");\n        }, []);\n        return null;\n    }\n);\n\ninterface TextAlignmentActionDropdownProps {\n    element: JSX.Element;\n}\n\nconst TextAlignmentActionDropDown: React.FC<TextAlignmentActionDropdownProps> = ({\n    element\n}): JSX.Element => {\n    return <Compose component={BaseTextAlignmentDropDown} with={() => () => element} />;\n};\n\nexport interface TextAlignmentAction extends React.FC<unknown> {\n    TextAlignmentDropDown: typeof TextAlignmentActionDropDown;\n}\n\nexport const TextAlignmentAction: TextAlignmentAction = () => {\n    const { activeEditor } = useRichTextEditor();\n    const [alignmentValue, setAlignmentValue] = useState<ElementFormatType>(\"\");\n    const applyTextAlignment = (value: ElementFormatType) => {\n        if (activeEditor) {\n            activeEditor.dispatchCommand(FORMAT_ELEMENT_COMMAND, value);\n            setAlignmentValue(value);\n        }\n    };\n\n    const outdentText = () => {\n        if (activeEditor) {\n            activeEditor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);\n        }\n    };\n\n    const indentText = () => {\n        if (activeEditor) {\n            activeEditor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);\n        }\n    };\n\n    return (\n        <TextAlignmentActionContext.Provider\n            value={{ value: alignmentValue, applyTextAlignment, outdentText, indentText }}\n        >\n            <BaseTextAlignmentDropDown />\n        </TextAlignmentActionContext.Provider>\n    );\n};\n\nTextAlignmentAction.TextAlignmentDropDown = TextAlignmentActionDropDown;\n"],"mappings":";;;;;;;;;AAAA;AACA;AAMA;AACA;AACA;AAEA;AACA;AACA;AACA;AACO,IAAMA,yBAAyB,GAAG,IAAAC,gCAAc,EACnD,2BAA2B,EAC3B,YAA0B;EACtB,IAAAC,gBAAS,EAAC,YAAM;IACZC,OAAO,CAACC,GAAG,CAAC,kEAAkE,CAAC;EACnF,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,IAAI;AACf,CAAC,CACJ;AAAC;AAMF,IAAMC,2BAAuE,GAAG,SAA1EA,2BAAuE,OAE1D;EAAA,IADfC,OAAO,QAAPA,OAAO;EAEP,oBAAO,6BAAC,yBAAO;IAAC,SAAS,EAAEN,yBAA0B;IAAC,IAAI,EAAE;MAAA,OAAM;QAAA,OAAMM,OAAO;MAAA;IAAA;EAAC,EAAG;AACvF,CAAC;AAMM,IAAMC,mBAAwC,GAAG,SAA3CA,mBAAwC,GAAS;EAC1D,yBAAyB,IAAAC,qCAAiB,GAAE;IAApCC,YAAY,sBAAZA,YAAY;EACpB,gBAA4C,IAAAC,eAAQ,EAAoB,EAAE,CAAC;IAAA;IAApEC,cAAc;IAAEC,iBAAiB;EACxC,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAwB,EAAK;IACrD,IAAIL,YAAY,EAAE;MACdA,YAAY,CAACM,eAAe,CAACC,+BAAsB,EAAEF,KAAK,CAAC;MAC3DF,iBAAiB,CAACE,KAAK,CAAC;IAC5B;EACJ,CAAC;EAED,IAAMG,WAAW,GAAG,SAAdA,WAAW,GAAS;IACtB,IAAIR,YAAY,EAAE;MACdA,YAAY,CAACM,eAAe,CAACG,gCAAuB,EAAEC,SAAS,CAAC;IACpE;EACJ,CAAC;EAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAS;IACrB,IAAIX,YAAY,EAAE;MACdA,YAAY,CAACM,eAAe,CAACM,+BAAsB,EAAEF,SAAS,CAAC;IACnE;EACJ,CAAC;EAED,oBACI,6BAAC,2DAA0B,CAAC,QAAQ;IAChC,KAAK,EAAE;MAAEL,KAAK,EAAEH,cAAc;MAAEE,kBAAkB,EAAlBA,kBAAkB;MAAEI,WAAW,EAAXA,WAAW;MAAEG,UAAU,EAAVA;IAAW;EAAE,gBAE9E,6BAAC,yBAAyB,OAAG,CACK;AAE9C,CAAC;AAAC;AAEFb,mBAAmB,CAACe,qBAAqB,GAAGjB,2BAA2B"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_lexical","_useRichTextEditor2","_reactComposition","_TextAlignmentActionContextProps","BaseTextAlignmentDropDown","makeComposable","useEffect","console","log","exports","TextAlignmentActionDropDown","_ref","element","default","createElement","Compose","component","with","_with","TextAlignmentAction","_useRichTextEditor","useRichTextEditor","activeEditor","_useState","useState","_useState2","_slicedToArray2","alignmentValue","setAlignmentValue","applyTextAlignment","value","dispatchCommand","FORMAT_ELEMENT_COMMAND","outdentText","OUTDENT_CONTENT_COMMAND","undefined","indentText","INDENT_CONTENT_COMMAND","TextAlignmentActionContext","Provider","TextAlignmentDropDown"],"sources":["TextAlignmentAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport {\n    ElementFormatType,\n    FORMAT_ELEMENT_COMMAND,\n    INDENT_CONTENT_COMMAND,\n    OUTDENT_CONTENT_COMMAND\n} from \"lexical\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nimport { Compose, makeComposable } from \"@webiny/react-composition\";\nimport { TextAlignmentActionContext } from \"~/context/TextAlignmentActionContextProps\";\n\n/*\n * Base text alignment dropdown composable component.\n * Note: To add a custom dropdown component use @see LexicalEditorConfig API.\n */\nexport const BaseTextAlignmentDropDown = makeComposable(\n    \"BaseTextAlignmentDropDown\",\n    (): JSX.Element | null => {\n        useEffect(() => {\n            console.log(\"Default BaseTextAlignmentDropDown, please add your own component\");\n        }, []);\n        return null;\n    }\n);\n\ninterface TextAlignmentActionDropdownProps {\n    element: JSX.Element;\n}\n\nconst TextAlignmentActionDropDown: React.FC<TextAlignmentActionDropdownProps> = ({\n    element\n}): JSX.Element => {\n    return <Compose component={BaseTextAlignmentDropDown} with={() => () => element} />;\n};\n\nexport interface TextAlignmentAction extends React.FC<unknown> {\n    TextAlignmentDropDown: typeof TextAlignmentActionDropDown;\n}\n\nexport const TextAlignmentAction: TextAlignmentAction = () => {\n    const { activeEditor } = useRichTextEditor();\n    const [alignmentValue, setAlignmentValue] = useState<ElementFormatType>(\"\");\n    const applyTextAlignment = (value: ElementFormatType) => {\n        if (activeEditor) {\n            activeEditor.dispatchCommand(FORMAT_ELEMENT_COMMAND, value);\n            setAlignmentValue(value);\n        }\n    };\n\n    const outdentText = () => {\n        if (activeEditor) {\n            activeEditor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);\n        }\n    };\n\n    const indentText = () => {\n        if (activeEditor) {\n            activeEditor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);\n        }\n    };\n\n    return (\n        <TextAlignmentActionContext.Provider\n            value={{ value: alignmentValue, applyTextAlignment, outdentText, indentText }}\n        >\n            <BaseTextAlignmentDropDown />\n        </TextAlignmentActionContext.Provider>\n    );\n};\n\nTextAlignmentAction.TextAlignmentDropDown = TextAlignmentActionDropDown;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,gCAAA,GAAAJ,OAAA;AAEA;AACA;AACA;AACA;AACO,IAAMK,yBAAyB,GAAG,IAAAC,gCAAc,EACnD,2BAA2B,EAC3B,YAA0B;EACtB,IAAAC,gBAAS,EAAC,YAAM;IACZC,OAAO,CAACC,GAAG,CAAC,kEAAkE,CAAC;EACnF,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,IAAI;AACf,CACJ,CAAC;AAACC,OAAA,CAAAL,yBAAA,GAAAA,yBAAA;AAMF,IAAMM,2BAAuE,GAAG,SAA1EA,2BAAuEA,CAAAC,IAAA,EAE1D;EAAA,IADfC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAEP,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAa,OAAO;IAACC,SAAS,EAAEZ,yBAA0B;IAACa,IAAI,EAAE,SAAAC,MAAA;MAAA,OAAM;QAAA,OAAMN,OAAO;MAAA;IAAA;EAAC,CAAE,CAAC;AACvF,CAAC;AAMM,IAAMO,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAA,EAAS;EAC1D,IAAAC,kBAAA,GAAyB,IAAAC,qCAAiB,EAAC,CAAC;IAApCC,YAAY,GAAAF,kBAAA,CAAZE,YAAY;EACpB,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAoB,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAb,OAAA,EAAAU,SAAA;IAApEI,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EACxC,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAwB,EAAK;IACrD,IAAIR,YAAY,EAAE;MACdA,YAAY,CAACS,eAAe,CAACC,+BAAsB,EAAEF,KAAK,CAAC;MAC3DF,iBAAiB,CAACE,KAAK,CAAC;IAC5B;EACJ,CAAC;EAED,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACtB,IAAIX,YAAY,EAAE;MACdA,YAAY,CAACS,eAAe,CAACG,gCAAuB,EAAEC,SAAS,CAAC;IACpE;EACJ,CAAC;EAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACrB,IAAId,YAAY,EAAE;MACdA,YAAY,CAACS,eAAe,CAACM,+BAAsB,EAAEF,SAAS,CAAC;IACnE;EACJ,CAAC;EAED,oBACItC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,gCAAA,CAAAmC,0BAA0B,CAACC,QAAQ;IAChCT,KAAK,EAAE;MAAEA,KAAK,EAAEH,cAAc;MAAEE,kBAAkB,EAAlBA,kBAAkB;MAAEI,WAAW,EAAXA,WAAW;MAAEG,UAAU,EAAVA;IAAW;EAAE,gBAE9EvC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,yBAAyB,MAAE,CACK,CAAC;AAE9C,CAAC;AAACK,OAAA,CAAAU,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAACqB,qBAAqB,GAAG9B,2BAA2B"}

package/components/ToolbarActions/TypographyAction.js

@@ -140,6 +140,6 @@ var TypographyAction = function TypographyAction() {
 };
 exports.TypographyAction = TypographyAction;
 {
-  /* Color action settings */
+  /* Typography dropdown settings */
 }
 TypographyAction.TypographyDropDown = TypographyActionDropDown;

package/components/ToolbarActions/TypographyAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseTypographyActionDropDown","makeComposable","useEffect","console","log","TypographyActionDropDown","element","TypographyAction","useLexicalComposerContext","editor","useState","typography","setTypography","useRichTextEditor","textBlockSelection","themeEmotionMap","isTypographySelected","state","isSelected","isParagraphSelected","paragraph","isHeadingSelected","heading","textType","isQuoteSelected","quote","setTypographySelect","useCallback","value","onTypographySelect","tag","includes","dispatchCommand","ADD_TYPOGRAPHY_ELEMENT_COMMAND","INSERT_ORDERED_WEBINY_LIST_COMMAND","themeStyleId","id","INSERT_UNORDERED_WEBINY_LIST_COMMAND","INSERT_WEBINY_QUOTE_COMMAND","$isTypographyElementNode","el","getTypographyValue","$isParagraphNode","$isHeadingNode","$isQuoteNode","elementWithThemeStyle","styleId","getTypographyStyleId","style","name","css","styles","getStyleId","undefined","elementStyle","applyTypography","TypographyDropDown"],"sources":["TypographyAction.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { LexicalCommand } from \"lexical\";\nimport { Compose, makeComposable } from \"@webiny/react-composition\";\nimport { TypographyActionContext } from \"~/context/TypographyActionContext\";\n\nimport { TypographyValue } from \"~/types\";\nimport {\n    $isTypographyElementNode,\n    ADD_TYPOGRAPHY_ELEMENT_COMMAND,\n    TypographyElementNode,\n    TypographyPayload\n} from \"~/nodes/TypographyElementNode\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nimport {\n    INSERT_ORDERED_WEBINY_LIST_COMMAND,\n    INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n    WebinyListCommandPayload\n} from \"~/commands/webiny-list\";\nimport { INSERT_WEBINY_QUOTE_COMMAND, WebinyQuoteCommandPayload } from \"~/commands/webiny-quote\";\nimport { $isParagraphNode } from \"~/nodes/ParagraphNode\";\nimport { $isHeadingNode } from \"~/nodes/HeadingNode\";\nimport { $isQuoteNode } from \"~/nodes/QuoteNode\";\n\n/*\n * Base composable action component that is mounted on toolbar action as a placeholder for the custom toolbar action.\n * Note: Toa add custom component access trough @see LexicalEditorConfig API\n * */\nexport const BaseTypographyActionDropDown = makeComposable(\n    \"BaseTypographyActionDropDown\",\n    (): JSX.Element | null => {\n        useEffect(() => {\n            console.log(\"Default BaseTypographyActionDropDown, please add your own component\");\n        }, []);\n        return null;\n    }\n);\n\ninterface TypographyActionDropdownProps {\n    element: JSX.Element;\n}\n\nconst TypographyActionDropDown: React.FC<TypographyActionDropdownProps> = ({\n    element\n}): JSX.Element => {\n    return <Compose component={BaseTypographyActionDropDown} with={() => () => element} />;\n};\n\nexport interface TypographyAction extends React.FC<unknown> {\n    TypographyDropDown: typeof TypographyActionDropDown;\n}\n\nexport const TypographyAction: TypographyAction = () => {\n    const [editor] = useLexicalComposerContext();\n    const [typography, setTypography] = useState<TypographyValue>();\n    const { textBlockSelection, themeEmotionMap } = useRichTextEditor();\n    const isTypographySelected = textBlockSelection?.state?.typography.isSelected || false;\n    const isParagraphSelected = textBlockSelection?.state?.paragraph.isSelected || false;\n    const isHeadingSelected = textBlockSelection?.state?.heading.isSelected || false;\n    const textType = textBlockSelection?.state?.textType;\n    const isQuoteSelected = textBlockSelection?.state?.quote.isSelected || false;\n    const setTypographySelect = useCallback(\n        (value: TypographyValue) => {\n            setTypography(value);\n        },\n        [typography]\n    );\n\n    const onTypographySelect = useCallback((value: TypographyValue) => {\n        setTypographySelect(value);\n        if (value.tag.includes(\"h\") || value.tag.includes(\"p\")) {\n            editor.dispatchCommand<LexicalCommand<TypographyPayload>>(\n                ADD_TYPOGRAPHY_ELEMENT_COMMAND,\n                {\n                    value\n                }\n            );\n        }\n\n        if (value.tag === \"ol\") {\n            editor.dispatchCommand<LexicalCommand<WebinyListCommandPayload>>(\n                INSERT_ORDERED_WEBINY_LIST_COMMAND,\n                {\n                    themeStyleId: value.id\n                }\n            );\n        }\n\n        if (value.tag === \"ul\") {\n            editor.dispatchCommand<LexicalCommand<WebinyListCommandPayload>>(\n                INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n                {\n                    themeStyleId: value.id\n                }\n            );\n        }\n\n        if (value.tag === \"quoteblock\") {\n            editor.dispatchCommand<LexicalCommand<WebinyQuoteCommandPayload>>(\n                INSERT_WEBINY_QUOTE_COMMAND,\n                {\n                    themeStyleId: value.id\n                }\n            );\n        }\n    }, []);\n\n    useEffect(() => {\n        if (textBlockSelection) {\n            // header and paragraph elements inserted with typography node\n            if ($isTypographyElementNode(textBlockSelection?.element)) {\n                const el = textBlockSelection.element as TypographyElementNode;\n                setTypography(el.getTypographyValue());\n                return;\n            }\n\n            if (\n                $isParagraphNode(textBlockSelection?.element) ||\n                $isHeadingNode(textBlockSelection?.element) ||\n                $isQuoteNode(textBlockSelection?.element)\n            ) {\n                const elementWithThemeStyle = textBlockSelection?.element;\n                const styleId = elementWithThemeStyle.getTypographyStyleId();\n                if (!styleId) {\n                    return;\n                }\n\n                if (!themeEmotionMap) {\n                    return;\n                }\n\n                const style = themeEmotionMap[styleId];\n                if (style) {\n                    setTypography({\n                        name: style?.name,\n                        id: style.id,\n                        css: style.styles,\n                        tag: style.tag\n                    });\n                }\n                return;\n            }\n\n            // list and quote element\n            if (themeEmotionMap && textBlockSelection?.element?.getStyleId) {\n                const themeStyleId = textBlockSelection?.element?.getStyleId() || undefined;\n                if (themeStyleId) {\n                    const elementStyle = themeEmotionMap[themeStyleId];\n                    if (elementStyle) {\n                        setTypography({\n                            id: elementStyle.id,\n                            css: elementStyle.styles,\n                            name: elementStyle.name,\n                            tag: elementStyle.tag\n                        });\n                    }\n                }\n            }\n        }\n    }, [isTypographySelected, textType, isQuoteSelected, isParagraphSelected, isHeadingSelected]);\n\n    return (\n        <TypographyActionContext.Provider\n            value={{\n                value: typography,\n                applyTypography: onTypographySelect\n            }}\n        >\n            <BaseTypographyActionDropDown />\n        </TypographyActionContext.Provider>\n    );\n};\n\n{\n    /* Color action settings */\n}\nTypographyAction.TypographyDropDown = TypographyActionDropDown;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_LexicalComposerContext","_reactComposition","_TypographyActionContext","_TypographyElementNode","_useRichTextEditor2","_webinyList","_webinyQuote","_ParagraphNode","_HeadingNode","_QuoteNode","BaseTypographyActionDropDown","makeComposable","useEffect","console","log","exports","TypographyActionDropDown","_ref","element","default","createElement","Compose","component","with","_with","TypographyAction","_textBlockSelection$s","_textBlockSelection$s2","_textBlockSelection$s3","_textBlockSelection$s4","_textBlockSelection$s5","_useLexicalComposerCo","useLexicalComposerContext","_useLexicalComposerCo2","_slicedToArray2","editor","_useState","useState","_useState2","typography","setTypography","_useRichTextEditor","useRichTextEditor","textBlockSelection","themeEmotionMap","isTypographySelected","state","isSelected","isParagraphSelected","paragraph","isHeadingSelected","heading","textType","isQuoteSelected","quote","setTypographySelect","useCallback","value","onTypographySelect","tag","includes","dispatchCommand","ADD_TYPOGRAPHY_ELEMENT_COMMAND","INSERT_ORDERED_WEBINY_LIST_COMMAND","themeStyleId","id","INSERT_UNORDERED_WEBINY_LIST_COMMAND","INSERT_WEBINY_QUOTE_COMMAND","_textBlockSelection$e","$isTypographyElementNode","el","getTypographyValue","$isParagraphNode","$isHeadingNode","$isQuoteNode","elementWithThemeStyle","styleId","getTypographyStyleId","style","name","css","styles","getStyleId","_textBlockSelection$e2","undefined","elementStyle","TypographyActionContext","Provider","applyTypography","TypographyDropDown"],"sources":["TypographyAction.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { LexicalCommand } from \"lexical\";\nimport { Compose, makeComposable } from \"@webiny/react-composition\";\nimport { TypographyActionContext } from \"~/context/TypographyActionContext\";\n\nimport { TypographyValue } from \"~/types\";\nimport {\n    $isTypographyElementNode,\n    ADD_TYPOGRAPHY_ELEMENT_COMMAND,\n    TypographyElementNode,\n    TypographyPayload\n} from \"~/nodes/TypographyElementNode\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nimport {\n    INSERT_ORDERED_WEBINY_LIST_COMMAND,\n    INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n    WebinyListCommandPayload\n} from \"~/commands/webiny-list\";\nimport { INSERT_WEBINY_QUOTE_COMMAND, WebinyQuoteCommandPayload } from \"~/commands/webiny-quote\";\nimport { $isParagraphNode } from \"~/nodes/ParagraphNode\";\nimport { $isHeadingNode } from \"~/nodes/HeadingNode\";\nimport { $isQuoteNode } from \"~/nodes/QuoteNode\";\n\n/*\n * Base composable action component that is mounted on toolbar action as a placeholder for the custom toolbar action.\n * Note: Toa add custom component access trough @see LexicalEditorConfig API\n * */\nexport const BaseTypographyActionDropDown = makeComposable(\n    \"BaseTypographyActionDropDown\",\n    (): JSX.Element | null => {\n        useEffect(() => {\n            console.log(\"Default BaseTypographyActionDropDown, please add your own component\");\n        }, []);\n        return null;\n    }\n);\n\ninterface TypographyActionDropdownProps {\n    element: JSX.Element;\n}\n\nconst TypographyActionDropDown: React.FC<TypographyActionDropdownProps> = ({\n    element\n}): JSX.Element => {\n    return <Compose component={BaseTypographyActionDropDown} with={() => () => element} />;\n};\n\nexport interface TypographyAction extends React.FC<unknown> {\n    TypographyDropDown: typeof TypographyActionDropDown;\n}\n\nexport const TypographyAction: TypographyAction = () => {\n    const [editor] = useLexicalComposerContext();\n    const [typography, setTypography] = useState<TypographyValue>();\n    const { textBlockSelection, themeEmotionMap } = useRichTextEditor();\n    const isTypographySelected = textBlockSelection?.state?.typography.isSelected || false;\n    const isParagraphSelected = textBlockSelection?.state?.paragraph.isSelected || false;\n    const isHeadingSelected = textBlockSelection?.state?.heading.isSelected || false;\n    const textType = textBlockSelection?.state?.textType;\n    const isQuoteSelected = textBlockSelection?.state?.quote.isSelected || false;\n    const setTypographySelect = useCallback(\n        (value: TypographyValue) => {\n            setTypography(value);\n        },\n        [typography]\n    );\n\n    const onTypographySelect = useCallback((value: TypographyValue) => {\n        setTypographySelect(value);\n        if (value.tag.includes(\"h\") || value.tag.includes(\"p\")) {\n            editor.dispatchCommand<LexicalCommand<TypographyPayload>>(\n                ADD_TYPOGRAPHY_ELEMENT_COMMAND,\n                {\n                    value\n                }\n            );\n        }\n\n        if (value.tag === \"ol\") {\n            editor.dispatchCommand<LexicalCommand<WebinyListCommandPayload>>(\n                INSERT_ORDERED_WEBINY_LIST_COMMAND,\n                {\n                    themeStyleId: value.id\n                }\n            );\n        }\n\n        if (value.tag === \"ul\") {\n            editor.dispatchCommand<LexicalCommand<WebinyListCommandPayload>>(\n                INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n                {\n                    themeStyleId: value.id\n                }\n            );\n        }\n\n        if (value.tag === \"quoteblock\") {\n            editor.dispatchCommand<LexicalCommand<WebinyQuoteCommandPayload>>(\n                INSERT_WEBINY_QUOTE_COMMAND,\n                {\n                    themeStyleId: value.id\n                }\n            );\n        }\n    }, []);\n\n    useEffect(() => {\n        if (textBlockSelection) {\n            // header and paragraph elements inserted with typography node\n            if ($isTypographyElementNode(textBlockSelection?.element)) {\n                const el = textBlockSelection.element as TypographyElementNode;\n                setTypography(el.getTypographyValue());\n                return;\n            }\n\n            if (\n                $isParagraphNode(textBlockSelection?.element) ||\n                $isHeadingNode(textBlockSelection?.element) ||\n                $isQuoteNode(textBlockSelection?.element)\n            ) {\n                const elementWithThemeStyle = textBlockSelection?.element;\n                const styleId = elementWithThemeStyle.getTypographyStyleId();\n                if (!styleId) {\n                    return;\n                }\n\n                if (!themeEmotionMap) {\n                    return;\n                }\n\n                const style = themeEmotionMap[styleId];\n                if (style) {\n                    setTypography({\n                        name: style?.name,\n                        id: style.id,\n                        css: style.styles,\n                        tag: style.tag\n                    });\n                }\n                return;\n            }\n\n            // list and quote element\n            if (themeEmotionMap && textBlockSelection?.element?.getStyleId) {\n                const themeStyleId = textBlockSelection?.element?.getStyleId() || undefined;\n                if (themeStyleId) {\n                    const elementStyle = themeEmotionMap[themeStyleId];\n                    if (elementStyle) {\n                        setTypography({\n                            id: elementStyle.id,\n                            css: elementStyle.styles,\n                            name: elementStyle.name,\n                            tag: elementStyle.tag\n                        });\n                    }\n                }\n            }\n        }\n    }, [isTypographySelected, textType, isQuoteSelected, isParagraphSelected, isHeadingSelected]);\n\n    return (\n        <TypographyActionContext.Provider\n            value={{\n                value: typography,\n                applyTypography: onTypographySelect\n            }}\n        >\n            <BaseTypographyActionDropDown />\n        </TypographyActionContext.Provider>\n    );\n};\n\n{\n    /* Typography dropdown settings */\n}\nTypographyAction.TypographyDropDown = TypographyActionDropDown;\n"],"mappings":"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"}

package/components/ToolbarActions/UnderlineAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnderlineAction","useLexicalComposerContext","editor","useState","isUnderline","setIsUnderline","useRichTextEditor","textBlockSelection","isUnderlineSelected","state","underline","useEffect","handleClick","dispatchCommand","FORMAT_TEXT_COMMAND"],"sources":["UnderlineAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { FORMAT_TEXT_COMMAND } from \"lexical\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\n\nexport const UnderlineAction = () => {\n    const [editor] = useLexicalComposerContext();\n    const [isUnderline, setIsUnderline] = useState(false);\n    const { textBlockSelection } = useRichTextEditor();\n    const isUnderlineSelected = !!textBlockSelection?.state?.underline;\n\n    useEffect(() => {\n        setIsUnderline(isUnderlineSelected);\n    }, [isUnderlineSelected]);\n\n    const handleClick = () => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, \"underline\");\n        setIsUnderline(!isUnderline);\n    };\n\n    return (\n        <button\n            onClick={() => handleClick()}\n            className={\"popup-item spaced \" + (isUnderline ? \"active\" : \"\")}\n            aria-label=\"Format text as italic\"\n        >\n            <i className=\"format underline\" />\n        </button>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAAS;EAAA;EACjC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,gBAAsC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA9CC,WAAW;IAAEC,cAAc;EAClC,yBAA+B,IAAAC,qCAAiB,GAAE;IAA1CC,kBAAkB,sBAAlBA,kBAAkB;EAC1B,IAAMC,mBAAmB,GAAG,CAAC,EAACD,kBAAkB,aAAlBA,kBAAkB,wCAAlBA,kBAAkB,CAAEE,KAAK,kDAAzB,sBAA2BC,SAAS;EAElE,IAAAC,gBAAS,EAAC,YAAM;IACZN,cAAc,CAACG,mBAAmB,CAAC;EACvC,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,IAAMI,WAAW,GAAG,SAAdA,WAAW,GAAS;IACtBV,MAAM,CAACW,eAAe,CAACC,4BAAmB,EAAE,WAAW,CAAC;IACxDT,cAAc,CAAC,CAACD,WAAW,CAAC;EAChC,CAAC;EAED,oBACI;IACI,OAAO,EAAE;MAAA,OAAMQ,WAAW,EAAE;IAAA,CAAC;IAC7B,SAAS,EAAE,oBAAoB,IAAIR,WAAW,GAAG,QAAQ,GAAG,EAAE,CAAE;IAChE,cAAW;EAAuB,gBAElC;IAAG,SAAS,EAAC;EAAkB,EAAG,CAC7B;AAEjB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_LexicalComposerContext","_lexical","_useRichTextEditor2","UnderlineAction","_textBlockSelection$s","_useLexicalComposerCo","useLexicalComposerContext","_useLexicalComposerCo2","_slicedToArray2","default","editor","_useState","useState","_useState2","isUnderline","setIsUnderline","_useRichTextEditor","useRichTextEditor","textBlockSelection","isUnderlineSelected","state","underline","useEffect","handleClick","dispatchCommand","FORMAT_TEXT_COMMAND","createElement","onClick","className","exports"],"sources":["UnderlineAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { FORMAT_TEXT_COMMAND } from \"lexical\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\n\nexport const UnderlineAction = () => {\n    const [editor] = useLexicalComposerContext();\n    const [isUnderline, setIsUnderline] = useState(false);\n    const { textBlockSelection } = useRichTextEditor();\n    const isUnderlineSelected = !!textBlockSelection?.state?.underline;\n\n    useEffect(() => {\n        setIsUnderline(isUnderlineSelected);\n    }, [isUnderlineSelected]);\n\n    const handleClick = () => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, \"underline\");\n        setIsUnderline(!isUnderline);\n    };\n\n    return (\n        <button\n            onClick={() => handleClick()}\n            className={\"popup-item spaced \" + (isUnderline ? \"active\" : \"\")}\n            aria-label=\"Format text as italic\"\n        >\n            <i className=\"format underline\" />\n        </button>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAEO,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EAAA,IAAAC,qBAAA;EACjC,IAAAC,qBAAA,GAAiB,IAAAC,iDAAyB,EAAC,CAAC;IAAAC,sBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,qBAAA;IAArCK,MAAM,GAAAH,sBAAA;EACb,IAAAI,SAAA,GAAsC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAL,eAAA,CAAAC,OAAA,EAAAE,SAAA;IAA9CG,WAAW,GAAAD,UAAA;IAAEE,cAAc,GAAAF,UAAA;EAClC,IAAAG,kBAAA,GAA+B,IAAAC,qCAAiB,EAAC,CAAC;IAA1CC,kBAAkB,GAAAF,kBAAA,CAAlBE,kBAAkB;EAC1B,IAAMC,mBAAmB,GAAG,CAAC,EAACD,kBAAkB,aAAlBA,kBAAkB,gBAAAd,qBAAA,GAAlBc,kBAAkB,CAAEE,KAAK,cAAAhB,qBAAA,eAAzBA,qBAAA,CAA2BiB,SAAS;EAElE,IAAAC,gBAAS,EAAC,YAAM;IACZP,cAAc,CAACI,mBAAmB,CAAC;EACvC,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACtBb,MAAM,CAACc,eAAe,CAACC,4BAAmB,EAAE,WAAW,CAAC;IACxDV,cAAc,CAAC,CAACD,WAAW,CAAC;EAChC,CAAC;EAED,oBACIjB,MAAA,CAAAY,OAAA,CAAAiB,aAAA;IACIC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMJ,WAAW,CAAC,CAAC;IAAA,CAAC;IAC7BK,SAAS,EAAE,oBAAoB,IAAId,WAAW,GAAG,QAAQ,GAAG,EAAE,CAAE;IAChE,cAAW;EAAuB,gBAElCjB,MAAA,CAAAY,OAAA,CAAAiB,aAAA;IAAGE,SAAS,EAAC;EAAkB,CAAE,CAC7B,CAAC;AAEjB,CAAC;AAACC,OAAA,CAAA1B,eAAA,GAAAA,eAAA"}

package/context/FontColorActionContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["FontColorActionContext","React","createContext","undefined"],"sources":["FontColorActionContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FontColorActionContext {\n    /*\n     * @desc Current selected color value\n     * */\n    value: string;\n\n    /*\n     * @desc Apply color to selected text.\n     * @params: value\n     */\n    applyColor: (value: string, themeColorName: string | undefined) => void;\n}\n\nexport const FontColorActionContext = React.createContext<FontColorActionContext | undefined>(\n    undefined\n);\n"],"mappings":";;;;;;;AAAA;AAeO,IAAMA,sBAAsB,gBAAGC,cAAK,CAACC,aAAa,CACrDC,SAAS,CACZ;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","FontColorActionContext","React","createContext","undefined","exports"],"sources":["FontColorActionContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FontColorActionContext {\n    /*\n     * @desc Current selected color value\n     * */\n    value: string;\n\n    /*\n     * @desc Apply color to selected text.\n     * @params: value\n     */\n    applyColor: (value: string, themeColorName: string | undefined) => void;\n}\n\nexport const FontColorActionContext = React.createContext<FontColorActionContext | undefined>(\n    undefined\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAeO,IAAMC,sBAAsB,gBAAGC,cAAK,CAACC,aAAa,CACrDC,SACJ,CAAC;AAACC,OAAA,CAAAJ,sBAAA,GAAAA,sBAAA"}

package/context/RichTextEditorContext.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TextBlockSelection, ThemeEmotionMap, ToolbarType } from "../types";
+import { TextBlockSelection, ThemeEmotionMap, ToolbarActionPlugin, ToolbarType } from "../types";
 import { WebinyTheme } from "../themes/webinyLexicalTheme";
 import { LexicalEditor } from "lexical";
 export interface RichTextEditorContext {
@@ -13,6 +13,8 @@ export interface RichTextEditorContext {
     setTheme: (theme: WebinyTheme) => void;
     themeEmotionMap?: ThemeEmotionMap;
     setThemeEmotionMap: (themeEmotionMap?: ThemeEmotionMap) => void;
+    toolbarActionPlugins: ToolbarActionPlugin[];
+    setToolbarActionPlugins: (actionPlugins: ToolbarActionPlugin[]) => void;
     activeEditor?: LexicalEditor;
     setActiveEditor: (editor: LexicalEditor) => void;
     isEditable: boolean;

package/context/RichTextEditorContext.js

@@ -28,21 +28,25 @@ var RichTextEditorProvider = function RichTextEditorProvider(_ref) {
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     themeEmotionMap = _useState8[0],
     setThemeEmotionMap = _useState8[1];
-  var _useState9 = (0, _react.useState)(),
+  var _useState9 = (0, _react.useState)([]),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    activeEditor = _useState10[0],
-    setActiveEditor = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
+    toolbarActionPlugins = _useState10[0],
+    setToolbarActionPlugins = _useState10[1];
+  var _useState11 = (0, _react.useState)(),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    isEditable = _useState12[0],
-    setIsEditable = _useState12[1];
+    activeEditor = _useState12[0],
+    setActiveEditor = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    isEditable = _useState14[0],
+    setIsEditable = _useState14[1];
   /*
    * @desc Keeps data from current user text selection like range selection, nodes, node key...
    */
-  var _useState13 = (0, _react.useState)(null),
-    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    textBlockSelection = _useState14[0],
-    setTextBlockSelection = _useState14[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    textBlockSelection = _useState16[0],
+    setTextBlockSelection = _useState16[1];
   var setNodeIsText = function setNodeIsText(nodeIsText) {
     setIsText(nodeIsText);
   };
@@ -61,7 +65,9 @@ var RichTextEditorProvider = function RichTextEditorProvider(_ref) {
       activeEditor: activeEditor,
       setActiveEditor: setActiveEditor,
       isEditable: isEditable,
-      setIsEditable: setIsEditable
+      setIsEditable: setIsEditable,
+      toolbarActionPlugins: toolbarActionPlugins,
+      setToolbarActionPlugins: setToolbarActionPlugins
     }
   }, children);
 };

package/context/RichTextEditorContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["RichTextEditorContext","createContext","undefined","RichTextEditorProvider","children","useState","nodeIsText","setIsText","toolbarType","setToolbarType","theme","setTheme","themeEmotionMap","setThemeEmotionMap","activeEditor","setActiveEditor","isEditable","setIsEditable","textBlockSelection","setTextBlockSelection","setNodeIsText"],"sources":["RichTextEditorContext.tsx"],"sourcesContent":["import React, { createContext, useState } from \"react\";\nimport { TextBlockSelection, ThemeEmotionMap, ToolbarType } from \"~/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\nimport { LexicalEditor } from \"lexical\";\n\nexport interface RichTextEditorContext {\n    nodeIsText: boolean;\n    setNodeIsText: (nodeIsText: boolean) => void;\n    toolbarType?: ToolbarType;\n    setToolbarType: (type: ToolbarType) => void;\n    textBlockSelection: TextBlockSelection | null;\n    setTextBlockSelection: (textBlockSelection: TextBlockSelection) => void;\n    theme?: WebinyTheme;\n    setTheme: (theme: WebinyTheme) => void;\n    themeEmotionMap?: ThemeEmotionMap;\n    setThemeEmotionMap: (themeEmotionMap?: ThemeEmotionMap) => void;\n    activeEditor?: LexicalEditor;\n    setActiveEditor: (editor: LexicalEditor) => void;\n    isEditable: boolean;\n    setIsEditable: (isEditable: boolean) => void;\n}\n\nexport const RichTextEditorContext = createContext<RichTextEditorContext | undefined>(undefined);\n\ninterface RichTextEditorProviderProps {\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const RichTextEditorProvider: React.FC<RichTextEditorProviderProps> = ({ children }) => {\n    const [nodeIsText, setIsText] = useState<boolean>(false);\n    const [toolbarType, setToolbarType] = useState<ToolbarType | undefined>();\n    const [theme, setTheme] = useState<WebinyTheme | undefined>(undefined);\n    const [themeEmotionMap, setThemeEmotionMap] = useState<ThemeEmotionMap | undefined>(undefined);\n    const [activeEditor, setActiveEditor] = useState<LexicalEditor>();\n    const [isEditable, setIsEditable] = useState<boolean>(false);\n    /*\n     * @desc Keeps data from current user text selection like range selection, nodes, node key...\n     */\n    const [textBlockSelection, setTextBlockSelection] = useState<TextBlockSelection | null>(null);\n\n    const setNodeIsText = (nodeIsText: boolean) => {\n        setIsText(nodeIsText);\n    };\n\n    return (\n        <RichTextEditorContext.Provider\n            value={{\n                nodeIsText,\n                setNodeIsText,\n                toolbarType,\n                setToolbarType,\n                textBlockSelection,\n                setTextBlockSelection,\n                theme,\n                setTheme,\n                themeEmotionMap,\n                setThemeEmotionMap,\n                activeEditor,\n                setActiveEditor,\n                isEditable,\n                setIsEditable\n            }}\n        >\n            {children}\n        </RichTextEditorContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AAsBO,IAAMA,qBAAqB,gBAAG,IAAAC,oBAAa,EAAoCC,SAAS,CAAC;AAAC;AAM1F,IAAMC,sBAA6D,GAAG,SAAhEA,sBAA6D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACpF,gBAAgC,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjDC,UAAU;IAAEC,SAAS;EAC5B,iBAAsC,IAAAF,eAAQ,GAA2B;IAAA;IAAlEG,WAAW;IAAEC,cAAc;EAClC,iBAA0B,IAAAJ,eAAQ,EAA0BH,SAAS,CAAC;IAAA;IAA/DQ,KAAK;IAAEC,QAAQ;EACtB,iBAA8C,IAAAN,eAAQ,EAA8BH,SAAS,CAAC;IAAA;IAAvFU,eAAe;IAAEC,kBAAkB;EAC1C,iBAAwC,IAAAR,eAAQ,GAAiB;IAAA;IAA1DS,YAAY;IAAEC,eAAe;EACpC,kBAAoC,IAAAV,eAAQ,EAAU,KAAK,CAAC;IAAA;IAArDW,UAAU;IAAEC,aAAa;EAChC;AACJ;AACA;EACI,kBAAoD,IAAAZ,eAAQ,EAA4B,IAAI,CAAC;IAAA;IAAtFa,kBAAkB;IAAEC,qBAAqB;EAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAId,UAAmB,EAAK;IAC3CC,SAAS,CAACD,UAAU,CAAC;EACzB,CAAC;EAED,oBACI,6BAAC,qBAAqB,CAAC,QAAQ;IAC3B,KAAK,EAAE;MACHA,UAAU,EAAVA,UAAU;MACVc,aAAa,EAAbA,aAAa;MACbZ,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdS,kBAAkB,EAAlBA,kBAAkB;MAClBC,qBAAqB,EAArBA,qBAAqB;MACrBT,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA,QAAQ;MACRC,eAAe,EAAfA,eAAe;MACfC,kBAAkB,EAAlBA,kBAAkB;MAClBC,YAAY,EAAZA,YAAY;MACZC,eAAe,EAAfA,eAAe;MACfC,UAAU,EAAVA,UAAU;MACVC,aAAa,EAAbA;IACJ;EAAE,GAEDb,QAAQ,CACoB;AAEzC,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","RichTextEditorContext","createContext","undefined","exports","RichTextEditorProvider","_ref","children","_useState","useState","_useState2","_slicedToArray2","default","nodeIsText","setIsText","_useState3","_useState4","toolbarType","setToolbarType","_useState5","_useState6","theme","setTheme","_useState7","_useState8","themeEmotionMap","setThemeEmotionMap","_useState9","_useState10","toolbarActionPlugins","setToolbarActionPlugins","_useState11","_useState12","activeEditor","setActiveEditor","_useState13","_useState14","isEditable","setIsEditable","_useState15","_useState16","textBlockSelection","setTextBlockSelection","setNodeIsText","createElement","Provider","value"],"sources":["RichTextEditorContext.tsx"],"sourcesContent":["import React, { createContext, useState } from \"react\";\nimport { TextBlockSelection, ThemeEmotionMap, ToolbarActionPlugin, ToolbarType } from \"~/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\nimport { LexicalEditor } from \"lexical\";\n\nexport interface RichTextEditorContext {\n    nodeIsText: boolean;\n    setNodeIsText: (nodeIsText: boolean) => void;\n    toolbarType?: ToolbarType;\n    setToolbarType: (type: ToolbarType) => void;\n    textBlockSelection: TextBlockSelection | null;\n    setTextBlockSelection: (textBlockSelection: TextBlockSelection) => void;\n    theme?: WebinyTheme;\n    setTheme: (theme: WebinyTheme) => void;\n    themeEmotionMap?: ThemeEmotionMap;\n    setThemeEmotionMap: (themeEmotionMap?: ThemeEmotionMap) => void;\n    toolbarActionPlugins: ToolbarActionPlugin[];\n    setToolbarActionPlugins: (actionPlugins: ToolbarActionPlugin[]) => void;\n    activeEditor?: LexicalEditor;\n    setActiveEditor: (editor: LexicalEditor) => void;\n    isEditable: boolean;\n    setIsEditable: (isEditable: boolean) => void;\n}\n\nexport const RichTextEditorContext = createContext<RichTextEditorContext | undefined>(undefined);\n\ninterface RichTextEditorProviderProps {\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const RichTextEditorProvider: React.FC<RichTextEditorProviderProps> = ({ children }) => {\n    const [nodeIsText, setIsText] = useState<boolean>(false);\n    const [toolbarType, setToolbarType] = useState<ToolbarType | undefined>();\n    const [theme, setTheme] = useState<WebinyTheme | undefined>(undefined);\n    const [themeEmotionMap, setThemeEmotionMap] = useState<ThemeEmotionMap | undefined>(undefined);\n    const [toolbarActionPlugins, setToolbarActionPlugins] = useState<ToolbarActionPlugin[]>([]);\n    const [activeEditor, setActiveEditor] = useState<LexicalEditor>();\n    const [isEditable, setIsEditable] = useState<boolean>(false);\n    /*\n     * @desc Keeps data from current user text selection like range selection, nodes, node key...\n     */\n    const [textBlockSelection, setTextBlockSelection] = useState<TextBlockSelection | null>(null);\n\n    const setNodeIsText = (nodeIsText: boolean) => {\n        setIsText(nodeIsText);\n    };\n\n    return (\n        <RichTextEditorContext.Provider\n            value={{\n                nodeIsText,\n                setNodeIsText,\n                toolbarType,\n                setToolbarType,\n                textBlockSelection,\n                setTextBlockSelection,\n                theme,\n                setTheme,\n                themeEmotionMap,\n                setThemeEmotionMap,\n                activeEditor,\n                setActiveEditor,\n                isEditable,\n                setIsEditable,\n                toolbarActionPlugins,\n                setToolbarActionPlugins\n            }}\n        >\n            {children}\n        </RichTextEditorContext.Provider>\n    );\n};\n"],"mappings":"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"}

package/context/SharedHistoryContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["Context","createContext","SharedHistoryContext","children","historyContext","useMemo","historyState","createEmptyHistoryState","useSharedHistoryContext","useContext"],"sources":["SharedHistoryContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { createContext, ReactNode, useContext, useMemo } from \"react\";\nimport { createEmptyHistoryState, HistoryState } from \"@lexical/history\";\n\ntype ContextShape = {\n    historyState?: HistoryState;\n};\n\nconst Context: React.Context<ContextShape> = createContext({});\n\nexport const SharedHistoryContext = ({ children }: { children: ReactNode }): JSX.Element => {\n    const historyContext = useMemo(() => ({ historyState: createEmptyHistoryState() }), []);\n    return <Context.Provider value={historyContext}>{children}</Context.Provider>;\n};\n\nexport const useSharedHistoryContext = (): ContextShape => {\n    return useContext(Context);\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAMA,IAAMA,OAAoC,gBAAG,IAAAC,mBAAa,EAAC,CAAC,CAAC,CAAC;AAEvD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,OAA2D;EAAA,IAArDC,QAAQ,QAARA,QAAQ;EAC3C,IAAMC,cAAc,GAAG,IAAAC,aAAO,EAAC;IAAA,OAAO;MAAEC,YAAY,EAAE,IAAAC,gCAAuB;IAAG,CAAC;EAAA,CAAC,EAAE,EAAE,CAAC;EACvF,oBAAO,oBAAC,OAAO,CAAC,QAAQ;IAAC,KAAK,EAAEH;EAAe,GAAED,QAAQ,CAAoB;AACjF,CAAC;AAAC;AAEK,IAAMK,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAuB;EACvD,OAAO,IAAAC,gBAAU,EAACT,OAAO,CAAC;AAC9B,CAAC;AAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_history","Context","createContext","SharedHistoryContext","_ref","children","historyContext","useMemo","historyState","createEmptyHistoryState","createElement","Provider","value","exports","useSharedHistoryContext","useContext"],"sources":["SharedHistoryContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { createContext, ReactNode, useContext, useMemo } from \"react\";\nimport { createEmptyHistoryState, HistoryState } from \"@lexical/history\";\n\ntype ContextShape = {\n    historyState?: HistoryState;\n};\n\nconst Context: React.Context<ContextShape> = createContext({});\n\nexport const SharedHistoryContext = ({ children }: { children: ReactNode }): JSX.Element => {\n    const historyContext = useMemo(() => ({ historyState: createEmptyHistoryState() }), []);\n    return <Context.Provider value={historyContext}>{children}</Context.Provider>;\n};\n\nexport const useSharedHistoryContext = (): ContextShape => {\n    return useContext(Context);\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAME,OAAoC,gBAAG,IAAAC,mBAAa,EAAC,CAAC,CAAC,CAAC;AAEvD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAA2D;EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3C,IAAMC,cAAc,GAAG,IAAAC,aAAO,EAAC;IAAA,OAAO;MAAEC,YAAY,EAAE,IAAAC,gCAAuB,EAAC;IAAE,CAAC;EAAA,CAAC,EAAE,EAAE,CAAC;EACvF,oBAAOZ,KAAA,CAAAa,aAAA,CAACT,OAAO,CAACU,QAAQ;IAACC,KAAK,EAAEN;EAAe,GAAED,QAA2B,CAAC;AACjF,CAAC;AAACQ,OAAA,CAAAV,oBAAA,GAAAA,oBAAA;AAEK,IAAMW,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAuB;EACvD,OAAO,IAAAC,gBAAU,EAACd,OAAO,CAAC;AAC9B,CAAC;AAACY,OAAA,CAAAC,uBAAA,GAAAA,uBAAA"}

package/context/TextAlignmentActionContextProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextAlignmentActionContext","React","createContext","undefined"],"sources":["TextAlignmentActionContextProps.tsx"],"sourcesContent":["import React from \"react\";\nimport { ElementFormatType } from \"lexical\";\n\nexport interface TextAlignmentActionContextProps {\n    /*\n     * Selected text alignment value\n     * */\n    value: ElementFormatType;\n\n    /*\n     * Apply text alignment to selected text\n     */\n    applyTextAlignment: (value: ElementFormatType) => void;\n\n    outdentText: () => void;\n\n    indentText: () => void;\n}\n\nexport const TextAlignmentActionContext = React.createContext<\n    TextAlignmentActionContextProps | undefined\n>(undefined);\n"],"mappings":";;;;;;;AAAA;AAmBO,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,aAAa,CAE3DC,SAAS,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","TextAlignmentActionContext","React","createContext","undefined","exports"],"sources":["TextAlignmentActionContextProps.tsx"],"sourcesContent":["import React from \"react\";\nimport { ElementFormatType } from \"lexical\";\n\nexport interface TextAlignmentActionContextProps {\n    /*\n     * Selected text alignment value\n     * */\n    value: ElementFormatType;\n\n    /*\n     * Apply text alignment to selected text\n     */\n    applyTextAlignment: (value: ElementFormatType) => void;\n\n    outdentText: () => void;\n\n    indentText: () => void;\n}\n\nexport const TextAlignmentActionContext = React.createContext<\n    TextAlignmentActionContextProps | undefined\n>(undefined);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAmBO,IAAMC,0BAA0B,gBAAGC,cAAK,CAACC,aAAa,CAE3DC,SAAS,CAAC;AAACC,OAAA,CAAAJ,0BAAA,GAAAA,0BAAA"}

package/context/TypographyActionContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["TypographyActionContext","React","createContext","undefined"],"sources":["TypographyActionContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { TypographyValue } from \"~/types\";\n\nexport interface TypographyActionContextProps {\n    /*\n     * @desc Current selected typography\n     * */\n    value: TypographyValue | undefined;\n\n    /*\n     * @desc Apply font family to selected text.\n     * @params: value\n     */\n    applyTypography: (value: TypographyValue) => void;\n}\n\nexport const TypographyActionContext = React.createContext<\n    TypographyActionContextProps | undefined\n>(undefined);\n"],"mappings":";;;;;;;AAAA;AAgBO,IAAMA,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAExDC,SAAS,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","TypographyActionContext","React","createContext","undefined","exports"],"sources":["TypographyActionContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { TypographyValue } from \"~/types\";\n\nexport interface TypographyActionContextProps {\n    /*\n     * @desc Current selected typography\n     * */\n    value: TypographyValue | undefined;\n\n    /*\n     * @desc Apply font family to selected text.\n     * @params: value\n     */\n    applyTypography: (value: TypographyValue) => void;\n}\n\nexport const TypographyActionContext = React.createContext<\n    TypographyActionContextProps | undefined\n>(undefined);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAgBO,IAAMC,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAExDC,SAAS,CAAC;AAACC,OAAA,CAAAJ,uBAAA,GAAAA,uBAAA"}

package/hooks/useFontColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useFontColorPicker","context","useContext","FontColorActionContext","Error"],"sources":["useFontColorPicker.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FontColorActionContext } from \"~/context/FontColorActionContext\";\n\nexport function useFontColorPicker() {\n    const context = useContext(FontColorActionContext);\n    if (!context) {\n        throw Error(\n            `Missing FontColorActionContext in the component hierarchy. Are you using \"useFontColorPicker()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,kBAAkB,GAAG;EACjC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,8CAAsB,CAAC;EAClD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,yHAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}
+{"version":3,"names":["_react","require","_FontColorActionContext","useFontColorPicker","context","useContext","FontColorActionContext","Error"],"sources":["useFontColorPicker.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FontColorActionContext } from \"~/context/FontColorActionContext\";\n\nexport function useFontColorPicker() {\n    const context = useContext(FontColorActionContext);\n    if (!context) {\n        throw Error(\n            `Missing FontColorActionContext in the component hierarchy. Are you using \"useFontColorPicker()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,SAASE,kBAAkBA,CAAA,EAAG;EACjC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,8CAAsB,CAAC;EAClD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,wHAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB"}

package/hooks/useList.js.map

@@ -1 +1 @@
-{"version":3,"names":["useList","editor","useEffect","mergeRegister","registerCommand","INDENT_CONTENT_COMMAND","indentList","COMMAND_PRIORITY_LOW","OUTDENT_CONTENT_COMMAND","outdentList","INSERT_ORDERED_WEBINY_LIST_COMMAND","themeStyleId","insertList","INSERT_UNORDERED_WEBINY_LIST_COMMAND","REMOVE_WEBINY_LIST_COMMAND","removeList","INSERT_PARAGRAPH_COMMAND","hasHandledInsertParagraph","$handleListInsertParagraph"],"sources":["useList.ts"],"sourcesContent":["import type { LexicalEditor } from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n    COMMAND_PRIORITY_LOW,\n    INDENT_CONTENT_COMMAND,\n    INSERT_PARAGRAPH_COMMAND,\n    OUTDENT_CONTENT_COMMAND\n} from \"lexical\";\nimport { useEffect } from \"react\";\nimport {\n    $handleListInsertParagraph,\n    indentList,\n    insertList,\n    outdentList,\n    removeList\n} from \"~/nodes/ListNode/formatList\";\nimport {\n    INSERT_ORDERED_WEBINY_LIST_COMMAND,\n    INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n    REMOVE_WEBINY_LIST_COMMAND\n} from \"~/commands/webiny-list\";\n\nexport function useList(editor: LexicalEditor): void {\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                INDENT_CONTENT_COMMAND,\n                () => {\n                    indentList();\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                OUTDENT_CONTENT_COMMAND,\n                () => {\n                    outdentList();\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_ORDERED_WEBINY_LIST_COMMAND,\n                ({ themeStyleId }) => {\n                    insertList(editor, \"number\", themeStyleId);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n                ({ themeStyleId }) => {\n                    insertList(editor, \"bullet\", themeStyleId);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                REMOVE_WEBINY_LIST_COMMAND,\n                () => {\n                    removeList(editor);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_PARAGRAPH_COMMAND,\n                () => {\n                    const hasHandledInsertParagraph = $handleListInsertParagraph();\n\n                    if (hasHandledInsertParagraph) {\n                        return true;\n                    }\n\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor]);\n}\n"],"mappings":";;;;;;AACA;AACA;AAMA;AACA;AAOA;AAMO,SAASA,OAAO,CAACC,MAAqB,EAAQ;EACjD,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChBF,MAAM,CAACG,eAAe,CAClBC,+BAAsB,EACtB,YAAM;MACF,IAAAC,sBAAU,GAAE;MACZ,OAAO,KAAK;IAChB,CAAC,EACDC,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBI,gCAAuB,EACvB,YAAM;MACF,IAAAC,uBAAW,GAAE;MACb,OAAO,KAAK;IAChB,CAAC,EACDF,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBM,8CAAkC,EAClC,gBAAsB;MAAA,IAAnBC,YAAY,QAAZA,YAAY;MACX,IAAAC,sBAAU,EAACX,MAAM,EAAE,QAAQ,EAAEU,YAAY,CAAC;MAC1C,OAAO,IAAI;IACf,CAAC,EACDJ,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBS,gDAAoC,EACpC,iBAAsB;MAAA,IAAnBF,YAAY,SAAZA,YAAY;MACX,IAAAC,sBAAU,EAACX,MAAM,EAAE,QAAQ,EAAEU,YAAY,CAAC;MAC1C,OAAO,IAAI;IACf,CAAC,EACDJ,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBU,sCAA0B,EAC1B,YAAM;MACF,IAAAC,sBAAU,EAACd,MAAM,CAAC;MAClB,OAAO,IAAI;IACf,CAAC,EACDM,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBY,iCAAwB,EACxB,YAAM;MACF,IAAMC,yBAAyB,GAAG,IAAAC,sCAA0B,GAAE;MAE9D,IAAID,yBAAyB,EAAE;QAC3B,OAAO,IAAI;MACf;MAEA,OAAO,KAAK;IAChB,CAAC,EACDV,6BAAoB,CACvB,CACJ;EACL,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;AAChB"}
+{"version":3,"names":["_utils","require","_lexical","_react","_formatList","_webinyList","useList","editor","useEffect","mergeRegister","registerCommand","INDENT_CONTENT_COMMAND","indentList","COMMAND_PRIORITY_LOW","OUTDENT_CONTENT_COMMAND","outdentList","INSERT_ORDERED_WEBINY_LIST_COMMAND","_ref","themeStyleId","insertList","INSERT_UNORDERED_WEBINY_LIST_COMMAND","_ref2","REMOVE_WEBINY_LIST_COMMAND","removeList","INSERT_PARAGRAPH_COMMAND","hasHandledInsertParagraph","$handleListInsertParagraph"],"sources":["useList.ts"],"sourcesContent":["import type { LexicalEditor } from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n    COMMAND_PRIORITY_LOW,\n    INDENT_CONTENT_COMMAND,\n    INSERT_PARAGRAPH_COMMAND,\n    OUTDENT_CONTENT_COMMAND\n} from \"lexical\";\nimport { useEffect } from \"react\";\nimport {\n    $handleListInsertParagraph,\n    indentList,\n    insertList,\n    outdentList,\n    removeList\n} from \"~/nodes/ListNode/formatList\";\nimport {\n    INSERT_ORDERED_WEBINY_LIST_COMMAND,\n    INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n    REMOVE_WEBINY_LIST_COMMAND\n} from \"~/commands/webiny-list\";\n\nexport function useList(editor: LexicalEditor): void {\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                INDENT_CONTENT_COMMAND,\n                () => {\n                    indentList();\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                OUTDENT_CONTENT_COMMAND,\n                () => {\n                    outdentList();\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_ORDERED_WEBINY_LIST_COMMAND,\n                ({ themeStyleId }) => {\n                    insertList(editor, \"number\", themeStyleId);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n                ({ themeStyleId }) => {\n                    insertList(editor, \"bullet\", themeStyleId);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                REMOVE_WEBINY_LIST_COMMAND,\n                () => {\n                    removeList(editor);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_PARAGRAPH_COMMAND,\n                () => {\n                    const hasHandledInsertParagraph = $handleListInsertParagraph();\n\n                    if (hasHandledInsertParagraph) {\n                        return true;\n                    }\n\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor]);\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAOA,IAAAI,WAAA,GAAAJ,OAAA;AAMO,SAASK,OAAOA,CAACC,MAAqB,EAAQ;EACjD,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChBF,MAAM,CAACG,eAAe,CAClBC,+BAAsB,EACtB,YAAM;MACF,IAAAC,sBAAU,EAAC,CAAC;MACZ,OAAO,KAAK;IAChB,CAAC,EACDC,6BACJ,CAAC,EACDN,MAAM,CAACG,eAAe,CAClBI,gCAAuB,EACvB,YAAM;MACF,IAAAC,uBAAW,EAAC,CAAC;MACb,OAAO,KAAK;IAChB,CAAC,EACDF,6BACJ,CAAC,EACDN,MAAM,CAACG,eAAe,CAClBM,8CAAkC,EAClC,UAAAC,IAAA,EAAsB;MAAA,IAAnBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;MACX,IAAAC,sBAAU,EAACZ,MAAM,EAAE,QAAQ,EAAEW,YAAY,CAAC;MAC1C,OAAO,IAAI;IACf,CAAC,EACDL,6BACJ,CAAC,EACDN,MAAM,CAACG,eAAe,CAClBU,gDAAoC,EACpC,UAAAC,KAAA,EAAsB;MAAA,IAAnBH,YAAY,GAAAG,KAAA,CAAZH,YAAY;MACX,IAAAC,sBAAU,EAACZ,MAAM,EAAE,QAAQ,EAAEW,YAAY,CAAC;MAC1C,OAAO,IAAI;IACf,CAAC,EACDL,6BACJ,CAAC,EACDN,MAAM,CAACG,eAAe,CAClBY,sCAA0B,EAC1B,YAAM;MACF,IAAAC,sBAAU,EAAChB,MAAM,CAAC;MAClB,OAAO,IAAI;IACf,CAAC,EACDM,6BACJ,CAAC,EACDN,MAAM,CAACG,eAAe,CAClBc,iCAAwB,EACxB,YAAM;MACF,IAAMC,yBAAyB,GAAG,IAAAC,sCAA0B,EAAC,CAAC;MAE9D,IAAID,yBAAyB,EAAE;QAC3B,OAAO,IAAI;MACf;MAEA,OAAO,KAAK;IAChB,CAAC,EACDZ,6BACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;AAChB"}

package/hooks/useQuote.js.map

@@ -1 +1 @@
-{"version":3,"names":["useQuote","editor","useEffect","mergeRegister","registerCommand","INSERT_WEBINY_QUOTE_COMMAND","themeStyleId","formatToQuote","COMMAND_PRIORITY_LOW"],"sources":["useQuote.ts"],"sourcesContent":["import type { LexicalEditor } from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport { COMMAND_PRIORITY_LOW } from \"lexical\";\nimport { useEffect } from \"react\";\nimport { INSERT_WEBINY_QUOTE_COMMAND } from \"~/commands/webiny-quote\";\nimport { formatToQuote } from \"~/utils/nodes/formatToQuote\";\n\nexport function useQuote(editor: LexicalEditor): void {\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                INSERT_WEBINY_QUOTE_COMMAND,\n                ({ themeStyleId }) => {\n                    formatToQuote(editor, themeStyleId);\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor]);\n}\n"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AAEO,SAASA,QAAQ,CAACC,MAAqB,EAAQ;EAClD,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChBF,MAAM,CAACG,eAAe,CAClBC,wCAA2B,EAC3B,gBAAsB;MAAA,IAAnBC,YAAY,QAAZA,YAAY;MACX,IAAAC,4BAAa,EAACN,MAAM,EAAEK,YAAY,CAAC;MACnC,OAAO,KAAK;IAChB,CAAC,EACDE,6BAAoB,CACvB,CACJ;EACL,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;AAChB"}
+{"version":3,"names":["_utils","require","_lexical","_react","_webinyQuote","_formatToQuote","useQuote","editor","useEffect","mergeRegister","registerCommand","INSERT_WEBINY_QUOTE_COMMAND","_ref","themeStyleId","formatToQuote","COMMAND_PRIORITY_LOW"],"sources":["useQuote.ts"],"sourcesContent":["import type { LexicalEditor } from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport { COMMAND_PRIORITY_LOW } from \"lexical\";\nimport { useEffect } from \"react\";\nimport { INSERT_WEBINY_QUOTE_COMMAND } from \"~/commands/webiny-quote\";\nimport { formatToQuote } from \"~/utils/nodes/formatToQuote\";\n\nexport function useQuote(editor: LexicalEditor): void {\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                INSERT_WEBINY_QUOTE_COMMAND,\n                ({ themeStyleId }) => {\n                    formatToQuote(editor, themeStyleId);\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor]);\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEO,SAASK,QAAQA,CAACC,MAAqB,EAAQ;EAClD,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChBF,MAAM,CAACG,eAAe,CAClBC,wCAA2B,EAC3B,UAAAC,IAAA,EAAsB;MAAA,IAAnBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;MACX,IAAAC,4BAAa,EAACP,MAAM,EAAEM,YAAY,CAAC;MACnC,OAAO,KAAK;IAChB,CAAC,EACDE,6BACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;AAChB"}

package/hooks/useRichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRichTextEditor","context","useContext","RichTextEditorContext","Error"],"sources":["useRichTextEditor.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { RichTextEditorContext } from \"~/context/RichTextEditorContext\";\n\nexport function useRichTextEditor() {\n    const context = useContext(RichTextEditorContext);\n    if (!context) {\n        throw Error(\n            `Missing RichTextEditorContext in the component hierarchy. Are you using \"useRichTextEditor()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,iBAAiB,GAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4CAAqB,CAAC;EACjD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,uHAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}
+{"version":3,"names":["_react","require","_RichTextEditorContext","useRichTextEditor","context","useContext","RichTextEditorContext","Error"],"sources":["useRichTextEditor.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { RichTextEditorContext } from \"~/context/RichTextEditorContext\";\n\nexport function useRichTextEditor() {\n    const context = useContext(RichTextEditorContext);\n    if (!context) {\n        throw Error(\n            `Missing RichTextEditorContext in the component hierarchy. Are you using \"useRichTextEditor()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAAA,EAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4CAAqB,CAAC;EACjD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,sHAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB"}

package/hooks/useTextAlignmentAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTextAlignmentAction","context","useContext","TextAlignmentActionContext","Error"],"sources":["useTextAlignmentAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TextAlignmentActionContext } from \"~/context/TextAlignmentActionContextProps\";\n\nexport function useTextAlignmentAction() {\n    const context = useContext(TextAlignmentActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TextAlignmentActionContext in the component hierarchy. Are you using \"useTextAlignmentAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,sBAAsB,GAAG;EACrC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,2DAA0B,CAAC;EACtD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,iIAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}
+{"version":3,"names":["_react","require","_TextAlignmentActionContextProps","useTextAlignmentAction","context","useContext","TextAlignmentActionContext","Error"],"sources":["useTextAlignmentAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TextAlignmentActionContext } from \"~/context/TextAlignmentActionContextProps\";\n\nexport function useTextAlignmentAction() {\n    const context = useContext(TextAlignmentActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TextAlignmentActionContext in the component hierarchy. Are you using \"useTextAlignmentAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gCAAA,GAAAD,OAAA;AAEO,SAASE,sBAAsBA,CAAA,EAAG;EACrC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,2DAA0B,CAAC;EACtD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,gIAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB"}

package/hooks/useTypographyAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTypographyAction","context","useContext","TypographyActionContext","Error"],"sources":["useTypographyAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TypographyActionContext } from \"~/context/TypographyActionContext\";\n\nexport function useTypographyAction() {\n    const context = useContext(TypographyActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TypographyActionContext in the component hierarchy. Are you using \"useTypographyAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,mBAAmB,GAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gDAAuB,CAAC;EACnD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,2HAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}
+{"version":3,"names":["_react","require","_TypographyActionContext","useTypographyAction","context","useContext","TypographyActionContext","Error"],"sources":["useTypographyAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TypographyActionContext } from \"~/context/TypographyActionContext\";\n\nexport function useTypographyAction() {\n    const context = useContext(TypographyActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TypographyActionContext in the component hierarchy. Are you using \"useTypographyAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gDAAuB,CAAC;EACnD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,0HAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB"}

package/images/icons/insert-image.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-image" viewBox="0 0 16 16">
+    <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+    <path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/>
+</svg>

package/index.d.ts

@@ -18,25 +18,25 @@ export { QuoteAction } from "./components/ToolbarActions/QuoteAction";
 export { UnderlineAction } from "./components/ToolbarActions/UnderlineAction";
 export { TypographyAction } from "./components/ToolbarActions/TypographyAction";
 export { TextAlignmentAction } from "./components/ToolbarActions/TextAlignmentAction";
-export { HeadingToolbar } from "./components/Toolbar/HeadingToolbar";
-export { ParagraphToolbar } from "./components/Toolbar/ParagraphToolbar";
+export { ImageAction } from "./components/ToolbarActions/ImageAction";
 export { Toolbar } from "./components/Toolbar/Toolbar";
-export { ParagraphToolbarPreset } from "./components/ToolbarPresets/ParagraphToolbarPreset";
-export { HeadingToolbarPreset } from "./components/ToolbarPresets/HeadingToolbarPreset";
+export { StaticToolbar } from "./components/Toolbar/StaticToolbar";
 export { RichTextEditor } from "./components/Editor/RichTextEditor";
 export { HeadingEditor } from "./components/Editor/HeadingEditor";
 export { ParagraphEditor } from "./components/Editor/ParagraphEditor";
 export { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
 export { FloatingLinkEditorPlugin } from "./plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin";
 export { CodeHighlightPlugin } from "./plugins/CodeHighlightPlugin/CodeHighlightPlugin";
-export { ClickableLinkPlugin } from "./plugins/ClickableLinkPlugin/ClickableLinkPlugin";
 export { BlurEventPlugin } from "./plugins/BlurEventPlugin/BlurEventPlugin";
 export { LexicalUpdateStatePlugin } from "./plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin";
-export { AddToolbarAction } from "./components/AddToolbarAction";
-export { AddRichTextEditorPlugin } from "./components/AddRichTextEditorPlugin";
-export { AddRichTextEditorNodeType } from "./components/AddRichTextEditorNodeType";
+export { FontColorPlugin } from "./plugins/FontColorPlugin/FontColorPlugin";
+export { TypographyPlugin } from "./plugins/TypographyPlugin/TypographyPlugin";
+export { QuotePlugin } from "./plugins/WebinyQuoteNodePlugin/WebinyQuoteNodePlugin";
+export { ListPlugin } from "./plugins/ListPLugin/ListPlugin";
+export { ImagesPlugin } from "./plugins/ImagesPlugin/ImagesPlugin";
 export { generateInitialLexicalValue } from "./utils/generateInitialLexicalValue";
 export { isValidLexicalData } from "./utils/isValidLexicalData";
 export { clearNodeFormatting } from "./utils/nodes/clearNodeFormating";
+export { INSERT_IMAGE_COMMAND } from "./commands/insertFiles";
 export * as types from "./types";
-export { LexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig";
+export { LexicalEditorConfig, useLexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig";

package/index.js

@@ -4,24 +4,6 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AddRichTextEditorNodeType", {
-  enumerable: true,
-  get: function get() {
-    return _AddRichTextEditorNodeType.AddRichTextEditorNodeType;
-  }
-});
-Object.defineProperty(exports, "AddRichTextEditorPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _AddRichTextEditorPlugin.AddRichTextEditorPlugin;
-  }
-});
-Object.defineProperty(exports, "AddToolbarAction", {
-  enumerable: true,
-  get: function get() {
-    return _AddToolbarAction.AddToolbarAction;
-  }
-});
 Object.defineProperty(exports, "BlurEventPlugin", {
   enumerable: true,
   get: function get() {
@@ -40,12 +22,6 @@ Object.defineProperty(exports, "BulletListAction", {
     return _BulletListAction.BulletListAction;
   }
 });
-Object.defineProperty(exports, "ClickableLinkPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _ClickableLinkPlugin.ClickableLinkPlugin;
-  }
-});
 Object.defineProperty(exports, "CodeHighlightAction", {
   enumerable: true,
   get: function get() {
@@ -88,6 +64,12 @@ Object.defineProperty(exports, "FontColorAction", {
     return _FontColorAction.FontColorAction;
   }
 });
+Object.defineProperty(exports, "FontColorPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _FontColorPlugin.FontColorPlugin;
+  }
+});
 Object.defineProperty(exports, "FontSizeAction", {
   enumerable: true,
   get: function get() {
@@ -100,16 +82,22 @@ Object.defineProperty(exports, "HeadingEditor", {
     return _HeadingEditor.HeadingEditor;
   }
 });
-Object.defineProperty(exports, "HeadingToolbar", {
+Object.defineProperty(exports, "INSERT_IMAGE_COMMAND", {
+  enumerable: true,
+  get: function get() {
+    return _insertFiles.INSERT_IMAGE_COMMAND;
+  }
+});
+Object.defineProperty(exports, "ImageAction", {
   enumerable: true,
   get: function get() {
-    return _HeadingToolbar.HeadingToolbar;
+    return _ImageAction.ImageAction;
   }
 });
-Object.defineProperty(exports, "HeadingToolbarPreset", {
+Object.defineProperty(exports, "ImagesPlugin", {
   enumerable: true,
   get: function get() {
-    return _HeadingToolbarPreset.HeadingToolbarPreset;
+    return _ImagesPlugin.ImagesPlugin;
   }
 });
 Object.defineProperty(exports, "ItalicAction", {
@@ -148,6 +136,12 @@ Object.defineProperty(exports, "LinkPlugin", {
     return _LexicalLinkPlugin.LinkPlugin;
   }
 });
+Object.defineProperty(exports, "ListPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _ListPlugin.ListPlugin;
+  }
+});
 Object.defineProperty(exports, "NumberedListAction", {
   enumerable: true,
   get: function get() {
@@ -160,28 +154,28 @@ Object.defineProperty(exports, "ParagraphEditor", {
     return _ParagraphEditor.ParagraphEditor;
   }
 });
-Object.defineProperty(exports, "ParagraphToolbar", {
+Object.defineProperty(exports, "QuoteAction", {
   enumerable: true,
   get: function get() {
-    return _ParagraphToolbar.ParagraphToolbar;
+    return _QuoteAction.QuoteAction;
   }
 });
-Object.defineProperty(exports, "ParagraphToolbarPreset", {
+Object.defineProperty(exports, "QuotePlugin", {
   enumerable: true,
   get: function get() {
-    return _ParagraphToolbarPreset.ParagraphToolbarPreset;
+    return _WebinyQuoteNodePlugin.QuotePlugin;
   }
 });
-Object.defineProperty(exports, "QuoteAction", {
+Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
   get: function get() {
-    return _QuoteAction.QuoteAction;
+    return _RichTextEditor.RichTextEditor;
   }
 });
-Object.defineProperty(exports, "RichTextEditor", {
+Object.defineProperty(exports, "StaticToolbar", {
   enumerable: true,
   get: function get() {
-    return _RichTextEditor.RichTextEditor;
+    return _StaticToolbar.StaticToolbar;
   }
 });
 Object.defineProperty(exports, "TextAlignmentAction", {
@@ -202,6 +196,12 @@ Object.defineProperty(exports, "TypographyAction", {
     return _TypographyAction.TypographyAction;
   }
 });
+Object.defineProperty(exports, "TypographyPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _TypographyPlugin.TypographyPlugin;
+  }
+});
 Object.defineProperty(exports, "UnderlineAction", {
   enumerable: true,
   get: function get() {
@@ -233,6 +233,12 @@ Object.defineProperty(exports, "useFontColorPicker", {
     return _useFontColorPicker.useFontColorPicker;
   }
 });
+Object.defineProperty(exports, "useLexicalEditorConfig", {
+  enumerable: true,
+  get: function get() {
+    return _LexicalEditorConfig.useLexicalEditorConfig;
+  }
+});
 Object.defineProperty(exports, "useRichTextEditor", {
   enumerable: true,
   get: function get() {
@@ -270,26 +276,26 @@ var _QuoteAction = require("./components/ToolbarActions/QuoteAction");
 var _UnderlineAction = require("./components/ToolbarActions/UnderlineAction");
 var _TypographyAction = require("./components/ToolbarActions/TypographyAction");
 var _TextAlignmentAction = require("./components/ToolbarActions/TextAlignmentAction");
-var _HeadingToolbar = require("./components/Toolbar/HeadingToolbar");
-var _ParagraphToolbar = require("./components/Toolbar/ParagraphToolbar");
+var _ImageAction = require("./components/ToolbarActions/ImageAction");
 var _Toolbar = require("./components/Toolbar/Toolbar");
-var _ParagraphToolbarPreset = require("./components/ToolbarPresets/ParagraphToolbarPreset");
-var _HeadingToolbarPreset = require("./components/ToolbarPresets/HeadingToolbarPreset");
+var _StaticToolbar = require("./components/Toolbar/StaticToolbar");
 var _RichTextEditor = require("./components/Editor/RichTextEditor");
 var _HeadingEditor = require("./components/Editor/HeadingEditor");
 var _ParagraphEditor = require("./components/Editor/ParagraphEditor");
 var _LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
 var _FloatingLinkEditorPlugin = require("./plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin");
 var _CodeHighlightPlugin = require("./plugins/CodeHighlightPlugin/CodeHighlightPlugin");
-var _ClickableLinkPlugin = require("./plugins/ClickableLinkPlugin/ClickableLinkPlugin");
 var _BlurEventPlugin = require("./plugins/BlurEventPlugin/BlurEventPlugin");
 var _LexicalUpdateStatePlugin = require("./plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin");
-var _AddToolbarAction = require("./components/AddToolbarAction");
-var _AddRichTextEditorPlugin = require("./components/AddRichTextEditorPlugin");
-var _AddRichTextEditorNodeType = require("./components/AddRichTextEditorNodeType");
+var _FontColorPlugin = require("./plugins/FontColorPlugin/FontColorPlugin");
+var _TypographyPlugin = require("./plugins/TypographyPlugin/TypographyPlugin");
+var _WebinyQuoteNodePlugin = require("./plugins/WebinyQuoteNodePlugin/WebinyQuoteNodePlugin");
+var _ListPlugin = require("./plugins/ListPLugin/ListPlugin");
+var _ImagesPlugin = require("./plugins/ImagesPlugin/ImagesPlugin");
 var _generateInitialLexicalValue = require("./utils/generateInitialLexicalValue");
 var _isValidLexicalData = require("./utils/isValidLexicalData");
 var _clearNodeFormating = require("./utils/nodes/clearNodeFormating");
+var _insertFiles = require("./commands/insertFiles");
 var _types = _interopRequireWildcard(require("./types"));
 exports.types = _types;
 var _LexicalEditorConfig = require("./components/LexicalEditorConfig/LexicalEditorConfig");

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["// render\nexport { LexicalHtmlRenderer } from \"~/components/LexicalHtmlRenderer\";\n// hooks\nexport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nexport { useFontColorPicker } from \"~/hooks/useFontColorPicker\";\nexport { useTypographyAction } from \"~/hooks/useTypographyAction\";\nexport { useTextAlignmentAction } from \"~/hooks/useTextAlignmentAction\";\n// UI elements\nexport { Divider } from \"~/ui/Divider\";\nexport { DropDownItem } from \"~/ui/DropDown\";\nexport { DropDown } from \"~/ui/DropDown\";\n// actions\nexport { BoldAction } from \"~/components/ToolbarActions/BoldAction\";\nexport { BulletListAction } from \"~/components/ToolbarActions/BulletListAction\";\nexport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction\";\nexport { FontSizeAction } from \"~/components/ToolbarActions/FontSizeAction\";\nexport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction\";\nexport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction\";\nexport { LinkAction } from \"~/components/ToolbarActions/LinkAction\";\nexport { NumberedListAction } from \"~/components/ToolbarActions/NumberedListAction\";\nexport { QuoteAction } from \"~/components/ToolbarActions/QuoteAction\";\nexport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction\";\nexport { TypographyAction } from \"~/components/ToolbarActions/TypographyAction\";\nexport { TextAlignmentAction } from \"~/components/ToolbarActions/TextAlignmentAction\";\n// toolbars\nexport { HeadingToolbar } from \"~/components/Toolbar/HeadingToolbar\";\nexport { ParagraphToolbar } from \"~/components/Toolbar/ParagraphToolbar\";\nexport { Toolbar } from \"~/components/Toolbar/Toolbar\";\n// presets\nexport { ParagraphToolbarPreset } from \"~/components/ToolbarPresets/ParagraphToolbarPreset\";\nexport { HeadingToolbarPreset } from \"./components/ToolbarPresets/HeadingToolbarPreset\";\n// editor\nexport { RichTextEditor } from \"~/components/Editor/RichTextEditor\";\nexport { HeadingEditor } from \"~/components/Editor/HeadingEditor\";\nexport { ParagraphEditor } from \"~/components/Editor/ParagraphEditor\";\n// plugins\nexport { LinkPlugin } from \"@lexical/react/LexicalLinkPlugin\";\nexport { FloatingLinkEditorPlugin } from \"~/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin\";\nexport { CodeHighlightPlugin } from \"~/plugins/CodeHighlightPlugin/CodeHighlightPlugin\";\nexport { ClickableLinkPlugin } from \"~/plugins/ClickableLinkPlugin/ClickableLinkPlugin\";\nexport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin\";\nexport { LexicalUpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin\";\n// composition\nexport { AddToolbarAction } from \"~/components/AddToolbarAction\";\nexport { AddRichTextEditorPlugin } from \"~/components/AddRichTextEditorPlugin\";\nexport { AddRichTextEditorNodeType } from \"~/components/AddRichTextEditorNodeType\";\n// utils\nexport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nexport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nexport { clearNodeFormatting } from \"~/utils/nodes/clearNodeFormating\";\n// types\nexport * as types from \"./types\";\n// config\nexport { LexicalEditorConfig } from \"~/components/LexicalEditorConfig/LexicalEditorConfig\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAuE;AAAA;AAIvE"}
+{"version":3,"names":["_LexicalHtmlRenderer","require","_useRichTextEditor","_useFontColorPicker","_useTypographyAction","_useTextAlignmentAction","_Divider","_DropDown","_BoldAction","_BulletListAction","_CodeHighlightAction","_FontSizeAction","_FontColorAction","_ItalicAction","_LinkAction","_NumberedListAction","_QuoteAction","_UnderlineAction","_TypographyAction","_TextAlignmentAction","_ImageAction","_Toolbar","_StaticToolbar","_RichTextEditor","_HeadingEditor","_ParagraphEditor","_LexicalLinkPlugin","_FloatingLinkEditorPlugin","_CodeHighlightPlugin","_BlurEventPlugin","_LexicalUpdateStatePlugin","_FontColorPlugin","_TypographyPlugin","_WebinyQuoteNodePlugin","_ListPlugin","_ImagesPlugin","_generateInitialLexicalValue","_isValidLexicalData","_clearNodeFormating","_insertFiles","_types","_interopRequireWildcard","exports","types","_LexicalEditorConfig"],"sources":["index.tsx"],"sourcesContent":["// render\nexport { LexicalHtmlRenderer } from \"~/components/LexicalHtmlRenderer\";\n// hooks\nexport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nexport { useFontColorPicker } from \"~/hooks/useFontColorPicker\";\nexport { useTypographyAction } from \"~/hooks/useTypographyAction\";\nexport { useTextAlignmentAction } from \"~/hooks/useTextAlignmentAction\";\n// UI elements\nexport { Divider } from \"~/ui/Divider\";\nexport { DropDownItem } from \"~/ui/DropDown\";\nexport { DropDown } from \"~/ui/DropDown\";\n// actions\nexport { BoldAction } from \"~/components/ToolbarActions/BoldAction\";\nexport { BulletListAction } from \"~/components/ToolbarActions/BulletListAction\";\nexport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction\";\nexport { FontSizeAction } from \"~/components/ToolbarActions/FontSizeAction\";\nexport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction\";\nexport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction\";\nexport { LinkAction } from \"~/components/ToolbarActions/LinkAction\";\nexport { NumberedListAction } from \"~/components/ToolbarActions/NumberedListAction\";\nexport { QuoteAction } from \"~/components/ToolbarActions/QuoteAction\";\nexport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction\";\nexport { TypographyAction } from \"~/components/ToolbarActions/TypographyAction\";\nexport { TextAlignmentAction } from \"~/components/ToolbarActions/TextAlignmentAction\";\nexport { ImageAction } from \"~/components/ToolbarActions/ImageAction\";\n// toolbars\nexport { Toolbar } from \"~/components/Toolbar/Toolbar\";\nexport { StaticToolbar } from \"~/components/Toolbar/StaticToolbar\";\n// editor\nexport { RichTextEditor } from \"~/components/Editor/RichTextEditor\";\nexport { HeadingEditor } from \"~/components/Editor/HeadingEditor\";\nexport { ParagraphEditor } from \"~/components/Editor/ParagraphEditor\";\n// plugins\nexport { LinkPlugin } from \"@lexical/react/LexicalLinkPlugin\";\nexport { FloatingLinkEditorPlugin } from \"~/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin\";\nexport { CodeHighlightPlugin } from \"~/plugins/CodeHighlightPlugin/CodeHighlightPlugin\";\nexport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin\";\nexport { LexicalUpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin\";\nexport { FontColorPlugin } from \"~/plugins/FontColorPlugin/FontColorPlugin\";\nexport { TypographyPlugin } from \"~/plugins/TypographyPlugin/TypographyPlugin\";\nexport { QuotePlugin } from \"~/plugins/WebinyQuoteNodePlugin/WebinyQuoteNodePlugin\";\nexport { ListPlugin } from \"~/plugins/ListPLugin/ListPlugin\";\nexport { ImagesPlugin } from \"~/plugins/ImagesPlugin/ImagesPlugin\";\n// utils\nexport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nexport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nexport { clearNodeFormatting } from \"~/utils/nodes/clearNodeFormating\";\n// Commands\nexport { INSERT_IMAGE_COMMAND } from \"~/commands/insertFiles\";\n// types\nexport * as types from \"./types\";\n// config\nexport {\n    LexicalEditorConfig,\n    useLexicalEditorConfig\n} from \"~/components/LexicalEditorConfig/LexicalEditorConfig\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAGA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAX,OAAA;AACA,IAAAY,aAAA,GAAAZ,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAd,OAAA;AACA,IAAAe,YAAA,GAAAf,OAAA;AACA,IAAAgB,gBAAA,GAAAhB,OAAA;AACA,IAAAiB,iBAAA,GAAAjB,OAAA;AACA,IAAAkB,oBAAA,GAAAlB,OAAA;AACA,IAAAmB,YAAA,GAAAnB,OAAA;AAEA,IAAAoB,QAAA,GAAApB,OAAA;AACA,IAAAqB,cAAA,GAAArB,OAAA;AAEA,IAAAsB,eAAA,GAAAtB,OAAA;AACA,IAAAuB,cAAA,GAAAvB,OAAA;AACA,IAAAwB,gBAAA,GAAAxB,OAAA;AAEA,IAAAyB,kBAAA,GAAAzB,OAAA;AACA,IAAA0B,yBAAA,GAAA1B,OAAA;AACA,IAAA2B,oBAAA,GAAA3B,OAAA;AACA,IAAA4B,gBAAA,GAAA5B,OAAA;AACA,IAAA6B,yBAAA,GAAA7B,OAAA;AACA,IAAA8B,gBAAA,GAAA9B,OAAA;AACA,IAAA+B,iBAAA,GAAA/B,OAAA;AACA,IAAAgC,sBAAA,GAAAhC,OAAA;AACA,IAAAiC,WAAA,GAAAjC,OAAA;AACA,IAAAkC,aAAA,GAAAlC,OAAA;AAEA,IAAAmC,4BAAA,GAAAnC,OAAA;AACA,IAAAoC,mBAAA,GAAApC,OAAA;AACA,IAAAqC,mBAAA,GAAArC,OAAA;AAEA,IAAAsC,YAAA,GAAAtC,OAAA;AAA8D,IAAAuC,MAAA,GAAAC,uBAAA,CAAAxC,OAAA;AAAAyC,OAAA,CAAAC,KAAA,GAAAH,MAAA;AAI9D,IAAAI,oBAAA,GAAA3C,OAAA"}