@webiny/lexical-editor 0.0.0-unstable.13771d80a8

package/components/ToolbarActions/NumberedListAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NumberedListAction","useLexicalComposerContext","editor","useState","activeEditor","setActiveEditor","isActive","setIsActive","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","anchorNode","anchor","getNode","element","getKey","$findMatchingParent","e","parent","getParent","$isRootOrShadowRoot","getTopLevelElementOrThrow","$isListNode","parentList","$getNearestNodeOfType","ListNode","type","getListType","useEffect","mergeRegister","registerUpdateListener","editorState","read","registerCommand","SELECTION_CHANGE_COMMAND","_payload","newEditor","COMMAND_PRIORITY_CRITICAL","formatNumberedList","dispatchCommand","INSERT_ORDERED_LIST_COMMAND","undefined","REMOVE_LIST_COMMAND"],"sources":["NumberedListAction.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n    $isListNode,\n    INSERT_ORDERED_LIST_COMMAND,\n    ListNode,\n    REMOVE_LIST_COMMAND\n} from \"@lexical/list\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    $isRootOrShadowRoot,\n    COMMAND_PRIORITY_CRITICAL,\n    SELECTION_CHANGE_COMMAND\n} from \"lexical\";\nimport { $findMatchingParent, $getNearestNodeOfType, mergeRegister } from \"@lexical/utils\";\n\n/**\n * Toolbar button action. On click will wrap the content in numbered list style.\n */\nexport const NumberedListAction = () => {\n    const [editor] = useLexicalComposerContext();\n    const [activeEditor, setActiveEditor] = useState(editor);\n    const [isActive, setIsActive] = useState<boolean>(false);\n\n    const updateToolbar = useCallback(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n            const anchorNode = selection.anchor.getNode();\n            let element =\n                anchorNode.getKey() === \"root\"\n                    ? anchorNode\n                    : $findMatchingParent(anchorNode, e => {\n                          const parent = e.getParent();\n                          return parent !== null && $isRootOrShadowRoot(parent);\n                      });\n\n            if (element === null) {\n                element = anchorNode.getTopLevelElementOrThrow();\n            }\n\n            if ($isListNode(element)) {\n                const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n                // get the type of the list that is selected with the cursor\n                const type = parentList ? parentList.getListType() : element.getListType();\n                // set the button as active for numbered list\n                if (type === \"number\") {\n                    setIsActive(true);\n                } else {\n                    setIsActive(false);\n                }\n            }\n        }\n    }, [activeEditor]);\n\n    useEffect(() => {\n        return mergeRegister(\n            activeEditor.registerUpdateListener(({ editorState }) => {\n                editorState.read(() => {\n                    updateToolbar();\n                });\n            })\n        );\n    }, [activeEditor, editor, updateToolbar]);\n\n    useEffect(() => {\n        return editor.registerCommand(\n            SELECTION_CHANGE_COMMAND,\n            (_payload, newEditor) => {\n                updateToolbar();\n                setActiveEditor(newEditor);\n                return false;\n            },\n            COMMAND_PRIORITY_CRITICAL\n        );\n    }, [editor, updateToolbar]);\n\n    const formatNumberedList = () => {\n        if (!isActive) {\n            // will update the active state in the useEffect\n            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n        } else {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n            // removing will not update correctly the active state, so we need to set to false manually.\n            setIsActive(false);\n        }\n    };\n\n    return (\n        <button\n            onClick={() => formatNumberedList()}\n            className={\"popup-item spaced \" + (isActive ? \"active\" : \"\")}\n            aria-label=\"Format text as numbered list\"\n        >\n            <i className=\"icon numbered-list\" />\n        </button>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAMA;AAOA;AAEA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,GAAS;EACpC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,gBAAwC,IAAAC,eAAQ,EAACD,MAAM,CAAC;IAAA;IAAjDE,YAAY;IAAEC,eAAe;EACpC,iBAAgC,IAAAF,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjDG,QAAQ;IAAEC,WAAW;EAE5B,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpC,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;IACjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,EAAE;MAC9B,IAAMG,UAAU,GAAGH,SAAS,CAACI,MAAM,CAACC,OAAO,EAAE;MAC7C,IAAIC,OAAO,GACPH,UAAU,CAACI,MAAM,EAAE,KAAK,MAAM,GACxBJ,UAAU,GACV,IAAAK,0BAAmB,EAACL,UAAU,EAAE,UAAAM,CAAC,EAAI;QACjC,IAAMC,MAAM,GAAGD,CAAC,CAACE,SAAS,EAAE;QAC5B,OAAOD,MAAM,KAAK,IAAI,IAAI,IAAAE,4BAAmB,EAACF,MAAM,CAAC;MACzD,CAAC,CAAC;MAEZ,IAAIJ,OAAO,KAAK,IAAI,EAAE;QAClBA,OAAO,GAAGH,UAAU,CAACU,yBAAyB,EAAE;MACpD;MAEA,IAAI,IAAAC,iBAAW,EAACR,OAAO,CAAC,EAAE;QACtB,IAAMS,UAAU,GAAG,IAAAC,4BAAqB,EAAWb,UAAU,EAAEc,cAAQ,CAAC;QACxE;QACA,IAAMC,IAAI,GAAGH,UAAU,GAAGA,UAAU,CAACI,WAAW,EAAE,GAAGb,OAAO,CAACa,WAAW,EAAE;QAC1E;QACA,IAAID,IAAI,KAAK,QAAQ,EAAE;UACnBrB,WAAW,CAAC,IAAI,CAAC;QACrB,CAAC,MAAM;UACHA,WAAW,CAAC,KAAK,CAAC;QACtB;MACJ;IACJ;EACJ,CAAC,EAAE,CAACH,YAAY,CAAC,CAAC;EAElB,IAAA0B,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChB3B,YAAY,CAAC4B,sBAAsB,CAAC,gBAAqB;MAAA,IAAlBC,WAAW,QAAXA,WAAW;MAC9CA,WAAW,CAACC,IAAI,CAAC,YAAM;QACnB1B,aAAa,EAAE;MACnB,CAAC,CAAC;IACN,CAAC,CAAC,CACL;EACL,CAAC,EAAE,CAACJ,YAAY,EAAEF,MAAM,EAAEM,aAAa,CAAC,CAAC;EAEzC,IAAAsB,gBAAS,EAAC,YAAM;IACZ,OAAO5B,MAAM,CAACiC,eAAe,CACzBC,iCAAwB,EACxB,UAACC,QAAQ,EAAEC,SAAS,EAAK;MACrB9B,aAAa,EAAE;MACfH,eAAe,CAACiC,SAAS,CAAC;MAC1B,OAAO,KAAK;IAChB,CAAC,EACDC,kCAAyB,CAC5B;EACL,CAAC,EAAE,CAACrC,MAAM,EAAEM,aAAa,CAAC,CAAC;EAE3B,IAAMgC,kBAAkB,GAAG,SAArBA,kBAAkB,GAAS;IAC7B,IAAI,CAAClC,QAAQ,EAAE;MACX;MACAJ,MAAM,CAACuC,eAAe,CAACC,iCAA2B,EAAEC,SAAS,CAAC;IAClE,CAAC,MAAM;MACHzC,MAAM,CAACuC,eAAe,CAACG,yBAAmB,EAAED,SAAS,CAAC;MACtD;MACApC,WAAW,CAAC,KAAK,CAAC;IACtB;EACJ,CAAC;EAED,oBACI;IACI,OAAO,EAAE;MAAA,OAAMiC,kBAAkB,EAAE;IAAA,CAAC;IACpC,SAAS,EAAE,oBAAoB,IAAIlC,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAE;IAC7D,cAAW;EAA8B,gBAEzC;IAAG,SAAS,EAAC;EAAoB,EAAG,CAC/B;AAEjB,CAAC;AAAC"}

package/components/ToolbarActions/QuoteAction.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { QuoteNode } from "@lexical/rich-text";
+export declare function $createQuoteNode(): QuoteNode;
+export declare const QuoteAction: () => JSX.Element;

package/components/ToolbarActions/QuoteAction.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$createQuoteNode = $createQuoteNode;
+exports.QuoteAction = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _selection = require("@lexical/selection");
+var _lexical = require("lexical");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _richText = require("@lexical/rich-text");
+function $createQuoteNode() {
+  return new _richText.QuoteNode();
+}
+var QuoteAction = function QuoteAction() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isActive = _useState2[0],
+    setIsActive = _useState2[1];
+  var formatToParagraph = function formatToParagraph() {
+    editor.update(function () {
+      var selection = (0, _lexical.$getSelection)();
+      if ((0, _lexical.$isRangeSelection)(selection) || (0, _lexical.DEPRECATED_$isGridSelection)(selection)) {
+        (0, _selection.$wrapNodes)(selection, function () {
+          return (0, _lexical.$createParagraphNode)();
+        });
+      }
+    });
+  };
+  var formatToQuote = function formatToQuote() {
+    editor.update(function () {
+      var selection = (0, _lexical.$getSelection)();
+      if ((0, _lexical.$isRangeSelection)(selection) || (0, _lexical.DEPRECATED_$isGridSelection)(selection)) {
+        (0, _selection.$wrapNodes)(selection, function () {
+          return $createQuoteNode();
+        });
+      }
+    });
+  };
+  var formatText = function formatText() {
+    if (!isActive) {
+      formatToQuote();
+      setIsActive(true);
+      return;
+    }
+    formatToParagraph();
+    setIsActive(false);
+  };
+  return /*#__PURE__*/_react.default.createElement("button", {
+    onClick: function onClick() {
+      return formatText();
+    },
+    className: "popup-item " + (isActive ? "active" : ""),
+    "aria-label": "Format text as quote"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "icon quote"
+  }));
+};
+exports.QuoteAction = QuoteAction;

package/components/ToolbarActions/QuoteAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["$createQuoteNode","QuoteNode","QuoteAction","useLexicalComposerContext","editor","useState","isActive","setIsActive","formatToParagraph","update","selection","$getSelection","$isRangeSelection","DEPRECATED_$isGridSelection","$wrapNodes","$createParagraphNode","formatToQuote","formatText"],"sources":["QuoteAction.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { $wrapNodes } from \"@lexical/selection\";\nimport {\n    $createParagraphNode,\n    $getSelection,\n    $isRangeSelection,\n    DEPRECATED_$isGridSelection\n} from \"lexical\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { QuoteNode } from \"@lexical/rich-text\";\n\nexport function $createQuoteNode(): QuoteNode {\n    return new QuoteNode();\n}\n\nexport const QuoteAction = () => {\n    const [editor] = useLexicalComposerContext();\n    const [isActive, setIsActive] = useState<boolean>(false);\n\n    const formatToParagraph = () => {\n        editor.update(() => {\n            const selection = $getSelection();\n\n            if ($isRangeSelection(selection) || DEPRECATED_$isGridSelection(selection)) {\n                $wrapNodes(selection, () => $createParagraphNode());\n            }\n        });\n    };\n\n    const formatToQuote = () => {\n        editor.update(() => {\n            const selection = $getSelection();\n            if ($isRangeSelection(selection) || DEPRECATED_$isGridSelection(selection)) {\n                $wrapNodes(selection, () => $createQuoteNode());\n            }\n        });\n    };\n\n    const formatText = () => {\n        if (!isActive) {\n            formatToQuote();\n            setIsActive(true);\n            return;\n        }\n        formatToParagraph();\n        setIsActive(false);\n    };\n\n    return (\n        <button\n            onClick={() => formatText()}\n            className={\"popup-item \" + (isActive ? \"active\" : \"\")}\n            aria-label=\"Format text as quote\"\n        >\n            <i className=\"icon quote\" />\n        </button>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAMA;AACA;AAEO,SAASA,gBAAgB,GAAc;EAC1C,OAAO,IAAIC,mBAAS,EAAE;AAC1B;AAEO,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAS;EAC7B,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,gBAAgC,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjDC,QAAQ;IAAEC,WAAW;EAE5B,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,GAAS;IAC5BJ,MAAM,CAACK,MAAM,CAAC,YAAM;MAChB,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;MAEjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,IAAI,IAAAG,oCAA2B,EAACH,SAAS,CAAC,EAAE;QACxE,IAAAI,qBAAU,EAACJ,SAAS,EAAE;UAAA,OAAM,IAAAK,6BAAoB,GAAE;QAAA,EAAC;MACvD;IACJ,CAAC,CAAC;EACN,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IACxBZ,MAAM,CAACK,MAAM,CAAC,YAAM;MAChB,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;MACjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,IAAI,IAAAG,oCAA2B,EAACH,SAAS,CAAC,EAAE;QACxE,IAAAI,qBAAU,EAACJ,SAAS,EAAE;UAAA,OAAMV,gBAAgB,EAAE;QAAA,EAAC;MACnD;IACJ,CAAC,CAAC;EACN,CAAC;EAED,IAAMiB,UAAU,GAAG,SAAbA,UAAU,GAAS;IACrB,IAAI,CAACX,QAAQ,EAAE;MACXU,aAAa,EAAE;MACfT,WAAW,CAAC,IAAI,CAAC;MACjB;IACJ;IACAC,iBAAiB,EAAE;IACnBD,WAAW,CAAC,KAAK,CAAC;EACtB,CAAC;EAED,oBACI;IACI,OAAO,EAAE;MAAA,OAAMU,UAAU,EAAE;IAAA,CAAC;IAC5B,SAAS,EAAE,aAAa,IAAIX,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAE;IACtD,cAAW;EAAsB,gBAEjC;IAAG,SAAS,EAAC;EAAY,EAAG,CACvB;AAEjB,CAAC;AAAC"}

package/components/ToolbarActions/UnderlineAction.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/**
+ * Toolbar action. On toolbar, you can see the button that is underline.
+ */
+export declare const UnderlineAction: () => JSX.Element;

package/components/ToolbarActions/UnderlineAction.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnderlineAction = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _lexical = require("lexical");
+/**
+ * Toolbar action. On toolbar, you can see the button that is underline.
+ */
+var UnderlineAction = function UnderlineAction() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isUnderline = _useState2[0],
+    setIsUnderline = _useState2[1];
+  var handleClick = function handleClick() {
+    editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, "underline");
+    setIsUnderline(!isUnderline);
+  };
+  return /*#__PURE__*/_react.default.createElement("button", {
+    onClick: function onClick() {
+      return handleClick();
+    },
+    className: "popup-item spaced " + (isUnderline ? "active" : ""),
+    "aria-label": "Format text as italic"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "format underline"
+  }));
+};
+exports.UnderlineAction = UnderlineAction;

package/components/ToolbarActions/UnderlineAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnderlineAction","useLexicalComposerContext","editor","useState","isUnderline","setIsUnderline","handleClick","dispatchCommand","FORMAT_TEXT_COMMAND"],"sources":["UnderlineAction.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { FORMAT_TEXT_COMMAND } from \"lexical\";\n\n/**\n * Toolbar action. On toolbar, you can see the button that is underline.\n */\nexport const UnderlineAction = () => {\n    const [editor] = useLexicalComposerContext();\n    const [isUnderline, setIsUnderline] = useState(false);\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;AAEA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACjC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,gBAAsC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA9CC,WAAW;IAAEC,cAAc;EAClC,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAS;IACtBJ,MAAM,CAACK,eAAe,CAACC,4BAAmB,EAAE,WAAW,CAAC;IACxDH,cAAc,CAAC,CAACD,WAAW,CAAC;EAChC,CAAC;EAED,oBACI;IACI,OAAO,EAAE;MAAA,OAAME,WAAW,EAAE;IAAA,CAAC;IAC7B,SAAS,EAAE,oBAAoB,IAAIF,WAAW,GAAG,QAAQ,GAAG,EAAE,CAAE;IAChE,cAAW;EAAuB,gBAElC;IAAG,SAAS,EAAC;EAAkB,EAAG,CAC7B;AAEjB,CAAC;AAAC"}

package/components/ToolbarPresets/HeadingToolbarPreset.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const HeadingToolbarPreset: () => JSX.Element;

package/components/ToolbarPresets/HeadingToolbarPreset.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeadingToolbarPreset = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BoldAction = require("../ToolbarActions/BoldAction");
+var _AddToolbarAction = require("../AddToolbarAction");
+var _ItalicAction = require("../ToolbarActions/ItalicAction");
+var _UnderlineAction = require("../ToolbarActions/UnderlineAction");
+var _CodeHighlightAction = require("../ToolbarActions/CodeHighlightAction");
+var _LinkAction = require("../ToolbarActions/LinkAction");
+var _FontSizeAction = require("../ToolbarActions/FontSizeAction");
+var _Divider = require("../../ui/Divider");
+var _FontColorAction = require("../ToolbarActions/FontColorAction");
+var HeadingToolbarPreset = function HeadingToolbarPreset() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_FontSizeAction.FontSizeAction, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_FontColorAction.FontColorAction, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_BoldAction.BoldAction, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_ItalicAction.ItalicAction, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_UnderlineAction.UnderlineAction, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_CodeHighlightAction.CodeHighlightAction, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
+    type: "heading"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_LinkAction.LinkAction, null),
+    type: "heading"
+  }));
+};
+exports.HeadingToolbarPreset = HeadingToolbarPreset;

package/components/ToolbarPresets/HeadingToolbarPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HeadingToolbarPreset"],"sources":["HeadingToolbarPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { BoldAction } from \"~/components/ToolbarActions/BoldAction\";\nimport { AddToolbarAction } from \"~/components/AddToolbarAction\";\nimport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction\";\nimport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction\";\nimport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction\";\nimport { LinkAction } from \"~/components/ToolbarActions/LinkAction\";\nimport { FontSizeAction } from \"~/components/ToolbarActions/FontSizeAction\";\nimport { Divider } from \"~/ui/Divider\";\nimport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport const HeadingToolbarPreset = () => {\n    return (\n        <>\n            <AddToolbarAction element={<FontSizeAction />} type={\"heading\"} />\n            <AddToolbarAction element={<FontColorAction />} type={\"heading\"} />\n            <AddToolbarAction element={<Divider />} type={\"heading\"} />\n            <AddToolbarAction element={<BoldAction />} type={\"heading\"} />\n            <AddToolbarAction element={<ItalicAction />} type={\"heading\"} />\n            <AddToolbarAction element={<UnderlineAction />} type={\"heading\"} />\n            <AddToolbarAction element={<CodeHighlightAction />} type={\"heading\"} />\n            <AddToolbarAction element={<Divider />} type={\"heading\"} />\n            <AddToolbarAction element={<LinkAction />} type={\"heading\"} />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,GAAS;EACtC,oBACI,yEACI,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,8BAAc,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAClE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACnE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAC3D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAC9D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,0BAAY,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAChE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACnE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wCAAmB,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACvE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAC3D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,CAC/D;AAEX,CAAC;AAAC"}

package/components/ToolbarPresets/ParagraphToolbarPreset.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ParagraphToolbarPreset: () => JSX.Element;

package/components/ToolbarPresets/ParagraphToolbarPreset.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParagraphToolbarPreset = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BoldAction = require("../ToolbarActions/BoldAction");
+var _AddToolbarAction = require("../AddToolbarAction");
+var _ItalicAction = require("../ToolbarActions/ItalicAction");
+var _UnderlineAction = require("../ToolbarActions/UnderlineAction");
+var _CodeHighlightAction = require("../ToolbarActions/CodeHighlightAction");
+var _LinkAction = require("../ToolbarActions/LinkAction");
+var _FontSizeAction = require("../ToolbarActions/FontSizeAction");
+var _Divider = require("../../ui/Divider");
+var _NumberedListAction = require("../ToolbarActions/NumberedListAction");
+var _BulletListAction = require("../ToolbarActions/BulletListAction");
+var _QuoteAction = require("../ToolbarActions/QuoteAction");
+var _FontColorAction = require("../ToolbarActions/FontColorAction");
+var ParagraphToolbarPreset = function ParagraphToolbarPreset() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_FontSizeAction.FontSizeAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_FontColorAction.FontColorAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_BoldAction.BoldAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_ItalicAction.ItalicAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_UnderlineAction.UnderlineAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_CodeHighlightAction.CodeHighlightAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_NumberedListAction.NumberedListAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_BulletListAction.BulletListAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_LinkAction.LinkAction, null),
+    type: "paragraph"
+  }), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
+    element: /*#__PURE__*/_react.default.createElement(_QuoteAction.QuoteAction, null),
+    type: "paragraph"
+  }));
+};
+exports.ParagraphToolbarPreset = ParagraphToolbarPreset;

package/components/ToolbarPresets/ParagraphToolbarPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ParagraphToolbarPreset"],"sources":["ParagraphToolbarPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { BoldAction } from \"~/components/ToolbarActions/BoldAction\";\nimport { AddToolbarAction } from \"~/components/AddToolbarAction\";\nimport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction\";\nimport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction\";\nimport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction\";\nimport { LinkAction } from \"~/components/ToolbarActions/LinkAction\";\nimport { FontSizeAction } from \"~/components/ToolbarActions/FontSizeAction\";\nimport { Divider } from \"~/ui/Divider\";\nimport { NumberedListAction } from \"~/components/ToolbarActions/NumberedListAction\";\nimport { BulletListAction } from \"~/components/ToolbarActions/BulletListAction\";\nimport { QuoteAction } from \"~/components/ToolbarActions/QuoteAction\";\nimport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport const ParagraphToolbarPreset = () => {\n    return (\n        <>\n            <AddToolbarAction element={<FontSizeAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<FontColorAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<Divider />} type={\"paragraph\"} />\n            <AddToolbarAction element={<BoldAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<ItalicAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<UnderlineAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<CodeHighlightAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<Divider />} type={\"paragraph\"} />\n            <AddToolbarAction element={<NumberedListAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<BulletListAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<Divider />} type={\"paragraph\"} />\n            <AddToolbarAction element={<LinkAction />} type={\"paragraph\"} />\n            <AddToolbarAction element={<QuoteAction />} type={\"paragraph\"} />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,GAAS;EACxC,oBACI,yEACI,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,8BAAc,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACpE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACrE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAC7D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAChE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,0BAAY,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAClE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACrE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wCAAmB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACzE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAC7D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sCAAkB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACxE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,kCAAgB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACtE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAC7D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAChE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wBAAW,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,CAClE;AAEX,CAAC;AAAC"}

package/context/FontColorActionContext.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface FontColorActionContext {
+    value: string;
+    applyColor: (value: string, themeColorName: string | undefined) => void;
+}
+export declare const FontColorActionContext: React.Context<FontColorActionContext | undefined>;

package/context/FontColorActionContext.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontColorActionContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var FontColorActionContext = /*#__PURE__*/_react.default.createContext(undefined);
+exports.FontColorActionContext = FontColorActionContext;

package/context/FontColorActionContext.js.map

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

package/context/RichTextEditorContext.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface RichTextEditorContext {
+    nodeIsText: boolean;
+    setNodeIsText: (nodeIsText: boolean) => void;
+}
+export declare const RichTextEditorContext: React.Context<RichTextEditorContext | undefined>;
+interface RichTextEditorProviderProps {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const RichTextEditorProvider: React.FC<RichTextEditorProviderProps>;
+export {};

package/context/RichTextEditorContext.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTextEditorProvider = exports.RichTextEditorContext = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var RichTextEditorContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.RichTextEditorContext = RichTextEditorContext;
+var RichTextEditorProvider = function RichTextEditorProvider(_ref) {
+  var children = _ref.children;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    nodeIsText = _useState2[0],
+    setIsText = _useState2[1];
+  var setNodeIsText = function setNodeIsText(nodeIsText) {
+    setIsText(nodeIsText);
+  };
+  return /*#__PURE__*/_react.default.createElement(RichTextEditorContext.Provider, {
+    value: {
+      nodeIsText: nodeIsText,
+      setNodeIsText: setNodeIsText
+    }
+  }, children);
+};
+exports.RichTextEditorProvider = RichTextEditorProvider;

package/context/RichTextEditorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RichTextEditorContext","createContext","undefined","RichTextEditorProvider","children","useState","nodeIsText","setIsText","setNodeIsText"],"sources":["RichTextEditorContext.tsx"],"sourcesContent":["import React, { createContext, useState } from \"react\";\n\nexport interface RichTextEditorContext {\n    nodeIsText: boolean;\n    setNodeIsText: (nodeIsText: 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 setNodeIsText = (nodeIsText: boolean) => {\n        setIsText(nodeIsText);\n    };\n\n    return (\n        <RichTextEditorContext.Provider\n            value={{\n                nodeIsText,\n                setNodeIsText\n            }}\n        >\n            {children}\n        </RichTextEditorContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AAOO,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,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIF,UAAmB,EAAK;IAC3CC,SAAS,CAACD,UAAU,CAAC;EACzB,CAAC;EAED,oBACI,6BAAC,qBAAqB,CAAC,QAAQ;IAC3B,KAAK,EAAE;MACHA,UAAU,EAAVA,UAAU;MACVE,aAAa,EAAbA;IACJ;EAAE,GAEDJ,QAAQ,CACoB;AAEzC,CAAC;AAAC"}

package/hooks/useFontColorPicker.d.ts

@@ -0,0 +1,2 @@
+import { FontColorActionContext } from "../context/FontColorActionContext";
+export declare function useFontColorPicker(): FontColorActionContext;

package/hooks/useFontColorPicker.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFontColorPicker = useFontColorPicker;
+var _react = require("react");
+var _FontColorActionContext = require("../context/FontColorActionContext");
+function useFontColorPicker() {
+  var context = (0, _react.useContext)(_FontColorActionContext.FontColorActionContext);
+  if (!context) {
+    throw Error("Missing FontColorActionContext in the component hierarchy. Are you using \"useFontColorPicker()\" in the right place?");
+  }
+  return context;
+}

package/hooks/useFontColorPicker.js.map

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

package/hooks/useRichTextEditor.d.ts

@@ -0,0 +1,2 @@
+import { RichTextEditorContext } from "../context/RichTextEditorContext";
+export declare function useRichTextEditor(): RichTextEditorContext;

package/hooks/useRichTextEditor.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRichTextEditor = useRichTextEditor;
+var _react = require("react");
+var _RichTextEditorContext = require("../context/RichTextEditorContext");
+function useRichTextEditor() {
+  var context = (0, _react.useContext)(_RichTextEditorContext.RichTextEditorContext);
+  if (!context) {
+    throw Error("Missing RichTextEditorContext in the component hierarchy. Are you using \"useRichTextEditor()\" in the right place?");
+  }
+  return context;
+}

package/hooks/useRichTextEditor.js.map

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

package/images/icons/LICENSE.md

@@ -0,0 +1,5 @@
+Bootstrap Icons
+https://icons.getbootstrap.com
+
+Licensed under MIT license
+https://github.com/twbs/icons/blob/main/LICENSE.md

package/images/icons/chat-square-quote.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-quote"><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/></svg>

package/images/icons/chevron-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>

package/images/icons/code.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code"><path d="M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z"/></svg>

package/images/icons/font-color.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 512 512"><path fill="#777" d="M221.631 109 109.92 392h58.055l24.079-61h127.892l24.079 61h58.055L290.369 109Zm-8.261 168L256 169l42.63 108Z"/></svg>

package/images/icons/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link"><path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"/><path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"/></svg>

package/images/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/images/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>

package/images/icons/pencil-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill"><path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/></svg>

package/images/icons/text-center.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-center"><path fill-rule="evenodd" d="M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>

package/images/icons/text-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-left"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>

package/images/icons/text-paragraph.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-paragraph"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z"/></svg>

package/images/icons/text-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-right"><path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>

package/images/icons/type-bold.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-bold"><path d="M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z"/></svg>

package/images/icons/type-h1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M8.637 13V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329 0V3.669h-1.244L10.5 5.316v1.265l2.16-1.565h.062V13h1.244z"/></svg>

package/images/icons/type-h2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h2"><path d="M7.638 13V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668 1.716-1.668.957 0 1.675.608 1.675 1.572 0 .855-.554 1.504-1.067 2.085l-3.513 3.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998 1.586-1.784 1.586-2.953 0-1.463-1.155-2.556-2.919-2.556-1.941 0-2.966 1.326-2.966 2.74v.049h1.223z"/></svg>

package/images/icons/type-h3.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h3"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.625-4.272h1.018c1.142 0 1.935.67 1.949 1.674.013 1.005-.78 1.737-2.01 1.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069 1.327 1.224 2.386 3.083 2.386 1.935 0 3.343-1.155 3.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123 1.764-.91 1.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857 1.162-2.898 2.358h1.196c.062-.69.711-1.299 1.696-1.299.998 0 1.695.622 1.695 1.525.007.922-.718 1.592-1.695 1.592h-.964v1.074z"/></svg>

package/images/icons/type-h4.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.337.2v-2.328H9.108V9.828l3.441-6.35h1.632v6.141H15.5v1.253h-1.319V13.2Zm-2.615-3.581h2.615V6.7L13 4.689l-.872 1.7z"/></svg>

package/images/icons/type-h5.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm2.755-5.791a3.763 3.763 0 0 1 2.113-.517 2.973 2.973 0 0 1 2.995 3.1 3.45 3.45 0 0 1-.9 2.442 3.111 3.111 0 0 1-2.393.968 3.327 3.327 0 0 1-2.094-.671 2.758 2.758 0 0 1-1.007-2h1.284a1.387 1.387 0 0 0 .511 1.1 2.384 2.384 0 0 0 1.4.421 1.819 1.819 0 0 0 1.479-.638 2.042 2.042 0 0 0 .437-1.514 2.17 2.17 0 0 0-.567-1.584 1.958 1.958 0 0 0-1.468-.58 2.358 2.358 0 0 0-1.79.789H9.108V3.478h5.931v1.134h-4.647Z"/></svg>

package/images/icons/type-h6.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.039-6.13a2.823 2.823 0 0 1 1.419.364 2.69 2.69 0 0 1 1.022 1.05 3.327 3.327 0 0 1 .383 1.642 3.594 3.594 0 0 1-.39 1.7 2.878 2.878 0 0 1-1.1 1.158 3.165 3.165 0 0 1-1.635.416 2.812 2.812 0 0 1-1.734-.545A3.49 3.49 0 0 1 9.51 11.1a6.515 6.515 0 0 1-.4-2.411A7.726 7.726 0 0 1 9.542 6a4.289 4.289 0 0 1 1.233-1.851 2.831 2.831 0 0 1 1.889-.673A2.7 2.7 0 0 1 13.8 3.7a2.463 2.463 0 0 1 .812.586 2.886 2.886 0 0 1 .514.8 2.768 2.768 0 0 1 .223.861H14a1.488 1.488 0 0 0-.453-.923 1.346 1.346 0 0 0-.935-.329 1.509 1.509 0 0 0-1.072.425 2.839 2.839 0 0 0-.71 1.18 6.808 6.808 0 0 0-.323 1.771 2.639 2.639 0 0 1 .918-.889 2.48 2.48 0 0 1 1.251-.312Zm-.285 5.117a1.617 1.617 0 0 0 .91-.256 1.752 1.752 0 0 0 .614-.713 2.336 2.336 0 0 0 .223-1.037 2.211 2.211 0 0 0-.217-1.01 1.6 1.6 0 0 0-.6-.666 1.671 1.671 0 0 0-.892-.236 1.833 1.833 0 0 0-1.164.377 2.4 2.4 0 0 0-.743 1.009 3.749 3.749 0 0 0 .6 1.845 1.5 1.5 0 0 0 1.269.687Z"/></svg>

package/images/icons/type-italic.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-italic"><path d="M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z"/></svg>

package/images/icons/type-strikethrough.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-strikethrough"><path d="M6.333 5.686c0 .31.083.581.27.814H5.166a2.776 2.776 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967z"/></svg>

package/images/icons/type-underline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-underline"><path d="M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136zM12.5 15h-9v-1h9v1z"/></svg>

package/images/icons/unlink_icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg class="icon icon-tabler icon-tabler-unlink" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none" stroke="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"/><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"/><line x1="16" x2="16" y1="21" y2="19"/><line x1="19" x2="21" y1="16" y2="16"/><line x1="3" x2="5" y1="8" y2="8"/><line x1="8" x2="8" y1="3" y2="5"/></svg>

package/index.d.ts

@@ -0,0 +1,37 @@
+export { LexicalHtmlRenderer } from "./components/LexicalHtmlRenderer";
+export { useRichTextEditor } from "./hooks/useRichTextEditor";
+export { useFontColorPicker } from "./hooks/useFontColorPicker";
+export { Divider } from "./ui/Divider";
+export { DropDownItem } from "./ui/DropDown";
+export { DropDown } from "./ui/DropDown";
+export { BoldAction } from "./components/ToolbarActions/BoldAction";
+export { BulletListAction } from "./components/ToolbarActions/BulletListAction";
+export { CodeHighlightAction } from "./components/ToolbarActions/CodeHighlightAction";
+export { FontSizeAction } from "./components/ToolbarActions/FontSizeAction";
+export { FontColorAction } from "./components/ToolbarActions/FontColorAction";
+export { ItalicAction } from "./components/ToolbarActions/ItalicAction";
+export { LinkAction } from "./components/ToolbarActions/LinkAction";
+export { NumberedListAction } from "./components/ToolbarActions/NumberedListAction";
+export { QuoteAction } from "./components/ToolbarActions/QuoteAction";
+export { UnderlineAction } from "./components/ToolbarActions/UnderlineAction";
+export { HeadingToolbar } from "./components/Toolbar/HeadingToolbar";
+export { ParagraphToolbar } from "./components/Toolbar/ParagraphToolbar";
+export { Toolbar } from "./components/Toolbar/Toolbar";
+export { ParagraphToolbarPreset } from "./components/ToolbarPresets/ParagraphToolbarPreset";
+export { HeadingToolbarPreset } from "./components/ToolbarPresets/HeadingToolbarPreset";
+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 { generateInitialLexicalValue } from "./utils/generateInitialLexicalValue";
+export { isValidLexicalData } from "./utils/isValidLexicalData";
+export * as types from "./types";
+export { LexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig";