@rakun-kit/manager-react 1.0.0

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-check-list.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormatCheckList = FormatCheckList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const list_1 = require("@lexical/list");
+const selection_1 = require("@lexical/selection");
+const lexical_1 = require("lexical");
+const toolbar_context_1 = require("../../../context/toolbar-context.js");
+const block_format_data_1 = require("./block-format-data.js");
+const select_1 = require("../../../../ui/select.js");
+const BLOCK_FORMAT_VALUE = 'check';
+function FormatCheckList() {
+    const { activeEditor, blockType } = (0, toolbar_context_1.useToolbarContext)();
+    const formatParagraph = () => {
+        activeEditor.update(() => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                (0, selection_1.$setBlocksType)(selection, () => (0, lexical_1.$createParagraphNode)());
+            }
+        });
+    };
+    const formatCheckList = () => {
+        if (blockType !== 'number') {
+            activeEditor.dispatchCommand(list_1.INSERT_CHECK_LIST_COMMAND, undefined);
+        }
+        else {
+            formatParagraph();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: BLOCK_FORMAT_VALUE, onPointerDown: formatCheckList, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 font-normal", children: [block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.icon, block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.label] }) }));
+}
+//# sourceMappingURL=format-check-list.js.map

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-check-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-check-list.js","sourceRoot":"","sources":["../../../../../../../src/components/editor/plugins/toolbar/block-format/format-check-list.tsx"],"names":[],"mappings":";;AAUA,0CA4BC;;AAtCD,wCAAyD;AACzD,kDAAmD;AACnD,qCAAgF;AAEhF,iFAA+E;AAC/E,0GAAyG;AACzG,mDAAmD;AAEnD,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAElC,SAAgB,eAAe;IAC7B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAiB,GAAE,CAAA;IAEvD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE;YACvB,MAAM,SAAS,GAAG,IAAA,uBAAa,GAAE,CAAA;YACjC,IAAI,IAAA,2BAAiB,EAAC,SAAS,CAAC,EAAE,CAAC;gBACjC,IAAA,0BAAc,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAA,8BAAoB,GAAE,CAAC,CAAA;YACzD,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,YAAY,CAAC,eAAe,CAAC,gCAAyB,EAAE,SAAS,CAAC,CAAA;QACpE,CAAC;aAAM,CAAC;YACN,eAAe,EAAE,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,mBAAU,IAAC,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,YACnE,iCAAK,SAAS,EAAC,qCAAqC,aACjD,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAC9C,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,KAAK,IAC5C,GACK,CACd,CAAA;AACH,CAAC"}

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-heading.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormatHeading = FormatHeading;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const rich_text_1 = require("@lexical/rich-text");
+const selection_1 = require("@lexical/selection");
+const lexical_1 = require("lexical");
+const toolbar_context_1 = require("../../../context/toolbar-context.js");
+const block_format_data_1 = require("./block-format-data.js");
+const select_1 = require("../../../../ui/select.js");
+function FormatHeading({ levels = [] }) {
+    const { activeEditor, blockType } = (0, toolbar_context_1.useToolbarContext)();
+    const formatHeading = (headingSize) => {
+        if (blockType !== headingSize) {
+            activeEditor.update(() => {
+                const selection = (0, lexical_1.$getSelection)();
+                (0, selection_1.$setBlocksType)(selection, () => (0, rich_text_1.$createHeadingNode)(headingSize));
+            });
+        }
+    };
+    return levels.map((level) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: level, onPointerDown: () => formatHeading(level), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 font-normal", children: [block_format_data_1.blockTypeToBlockName[level]?.icon, block_format_data_1.blockTypeToBlockName[level]?.label] }) }, level)));
+}
+//# sourceMappingURL=format-heading.js.map

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-heading.js","sourceRoot":"","sources":["../../../../../../../src/components/editor/plugins/toolbar/block-format/format-heading.tsx"],"names":[],"mappings":";;AASA,sCAoBC;;AA5BD,kDAAuD;AACvD,kDAAmD;AACnD,qCAAuC;AAEvC,iFAA+E;AAC/E,0GAAyG;AACzG,mDAAmD;AAEnD,SAAgB,aAAa,CAAC,EAAE,MAAM,GAAG,EAAE,EAAgC;IACzE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAiB,GAAE,CAAA;IAEvD,MAAM,aAAa,GAAG,CAAC,WAA2B,EAAE,EAAE;QACpD,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;YAC9B,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE;gBACvB,MAAM,SAAS,GAAG,IAAA,uBAAa,GAAE,CAAA;gBACjC,IAAA,0BAAc,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAA,8BAAkB,EAAC,WAAW,CAAC,CAAC,CAAA;YAClE,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAA;IAED,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,uBAAC,mBAAU,IAAa,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAC7E,iCAAK,SAAS,EAAC,qCAAqC,aACjD,wCAAoB,CAAC,KAAK,CAAC,EAAE,IAAI,EACjC,wCAAoB,CAAC,KAAK,CAAC,EAAE,KAAK,IAC/B,IAJS,KAAK,CAKT,CACd,CAAC,CAAA;AACJ,CAAC"}

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-numbered-list.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormatNumberedList = FormatNumberedList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const list_1 = require("@lexical/list");
+const selection_1 = require("@lexical/selection");
+const lexical_1 = require("lexical");
+const toolbar_context_1 = require("../../../context/toolbar-context.js");
+const block_format_data_1 = require("./block-format-data.js");
+const select_1 = require("../../../../ui/select.js");
+const BLOCK_FORMAT_VALUE = 'number';
+function FormatNumberedList() {
+    const { activeEditor, blockType } = (0, toolbar_context_1.useToolbarContext)();
+    const formatParagraph = () => {
+        activeEditor.update(() => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                (0, selection_1.$setBlocksType)(selection, () => (0, lexical_1.$createParagraphNode)());
+            }
+        });
+    };
+    const formatNumberedList = () => {
+        if (blockType !== 'number') {
+            activeEditor.dispatchCommand(list_1.INSERT_ORDERED_LIST_COMMAND, undefined);
+        }
+        else {
+            formatParagraph();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: BLOCK_FORMAT_VALUE, onPointerDown: formatNumberedList, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 font-normal", children: [block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.icon, block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.label] }) }));
+}
+//# sourceMappingURL=format-numbered-list.js.map

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-numbered-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-numbered-list.js","sourceRoot":"","sources":["../../../../../../../src/components/editor/plugins/toolbar/block-format/format-numbered-list.tsx"],"names":[],"mappings":";;AAUA,gDA4BC;;AAtCD,wCAA2D;AAC3D,kDAAmD;AACnD,qCAAgF;AAEhF,iFAA+E;AAC/E,0GAAyG;AACzG,mDAAmD;AAEnD,MAAM,kBAAkB,GAAG,QAAQ,CAAA;AAEnC,SAAgB,kBAAkB;IAChC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAiB,GAAE,CAAA;IAEvD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE;YACvB,MAAM,SAAS,GAAG,IAAA,uBAAa,GAAE,CAAA;YACjC,IAAI,IAAA,2BAAiB,EAAC,SAAS,CAAC,EAAE,CAAC;gBACjC,IAAA,0BAAc,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAA,8BAAoB,GAAE,CAAC,CAAA;YACzD,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,YAAY,CAAC,eAAe,CAAC,kCAA2B,EAAE,SAAS,CAAC,CAAA;QACtE,CAAC;aAAM,CAAC;YACN,eAAe,EAAE,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,mBAAU,IAAC,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,YACtE,iCAAK,SAAS,EAAC,qCAAqC,aACjD,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAC9C,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,KAAK,IAC5C,GACK,CACd,CAAA;AACH,CAAC"}

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-paragraph.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormatParagraph = FormatParagraph;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const selection_1 = require("@lexical/selection");
+const lexical_1 = require("lexical");
+const toolbar_context_1 = require("../../../context/toolbar-context.js");
+const block_format_data_1 = require("./block-format-data.js");
+const select_1 = require("../../../../ui/select.js");
+const BLOCK_FORMAT_VALUE = 'paragraph';
+function FormatParagraph() {
+    const { activeEditor } = (0, toolbar_context_1.useToolbarContext)();
+    const formatParagraph = () => {
+        activeEditor.update(() => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                (0, selection_1.$setBlocksType)(selection, () => (0, lexical_1.$createParagraphNode)());
+            }
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: BLOCK_FORMAT_VALUE, onPointerDown: formatParagraph, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 font-normal", children: [block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.icon, block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.label] }) }));
+}
+//# sourceMappingURL=format-paragraph.js.map

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-paragraph.js","sourceRoot":"","sources":["../../../../../../../src/components/editor/plugins/toolbar/block-format/format-paragraph.tsx"],"names":[],"mappings":";;AASA,0CAoBC;;AA7BD,kDAAmD;AACnD,qCAAgF;AAEhF,iFAA+E;AAC/E,0GAAyG;AACzG,mDAAmD;AAEnD,MAAM,kBAAkB,GAAG,WAAW,CAAA;AAEtC,SAAgB,eAAe;IAC7B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,mCAAiB,GAAE,CAAA;IAE5C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE;YACvB,MAAM,SAAS,GAAG,IAAA,uBAAa,GAAE,CAAA;YACjC,IAAI,IAAA,2BAAiB,EAAC,SAAS,CAAC,EAAE,CAAC;gBACjC,IAAA,0BAAc,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAA,8BAAoB,GAAE,CAAC,CAAA;YACzD,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,mBAAU,IAAC,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,YACnE,iCAAK,SAAS,EAAC,qCAAqC,aACjD,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAC9C,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,KAAK,IAC5C,GACK,CACd,CAAA;AACH,CAAC"}

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-quote.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormatQuote = FormatQuote;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const rich_text_1 = require("@lexical/rich-text");
+const selection_1 = require("@lexical/selection");
+const lexical_1 = require("lexical");
+const toolbar_context_1 = require("../../../context/toolbar-context.js");
+const block_format_data_1 = require("./block-format-data.js");
+const select_1 = require("../../../../ui/select.js");
+const BLOCK_FORMAT_VALUE = 'quote';
+function FormatQuote() {
+    const { activeEditor, blockType } = (0, toolbar_context_1.useToolbarContext)();
+    const formatQuote = () => {
+        if (blockType !== 'quote') {
+            activeEditor.update(() => {
+                const selection = (0, lexical_1.$getSelection)();
+                (0, selection_1.$setBlocksType)(selection, () => (0, rich_text_1.$createQuoteNode)());
+            });
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: "quote", onPointerDown: formatQuote, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 font-normal", children: [block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.icon, block_format_data_1.blockTypeToBlockName[BLOCK_FORMAT_VALUE]?.label] }) }));
+}
+//# sourceMappingURL=format-quote.js.map

package/dist/cjs/components/editor/plugins/toolbar/block-format/format-quote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-quote.js","sourceRoot":"","sources":["../../../../../../../src/components/editor/plugins/toolbar/block-format/format-quote.tsx"],"names":[],"mappings":";;AAUA,kCAoBC;;AA9BD,kDAAqD;AACrD,kDAAmD;AACnD,qCAAuC;AAEvC,iFAA+E;AAC/E,0GAAyG;AACzG,mDAAmD;AAEnD,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAElC,SAAgB,WAAW;IACzB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAiB,GAAE,CAAA;IAEvD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE;gBACvB,MAAM,SAAS,GAAG,IAAA,uBAAa,GAAE,CAAA;gBACjC,IAAA,0BAAc,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAA,4BAAgB,GAAE,CAAC,CAAA;YACrD,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,mBAAU,IAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAE,WAAW,YAClD,iCAAK,SAAS,EAAC,qCAAqC,aACjD,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAC9C,wCAAoB,CAAC,kBAAkB,CAAC,EAAE,KAAK,IAC5C,GACK,CACd,CAAA;AACH,CAAC"}

package/dist/cjs/components/editor/plugins/toolbar/block-format-toolbar-plugin.js

@@ -0,0 +1,51 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockFormatDropDown = BlockFormatDropDown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const list_1 = require("@lexical/list");
+const rich_text_1 = require("@lexical/rich-text");
+const utils_1 = require("@lexical/utils");
+const lexical_1 = require("lexical");
+const toolbar_context_1 = require("../../context/toolbar-context.js");
+const use_update_toolbar_1 = require("../../editor-hooks/use-update-toolbar.js");
+const block_format_data_1 = require("./block-format/block-format-data.js");
+const select_1 = require("../../../ui/select.js");
+function BlockFormatDropDown({ children }) {
+    const { activeEditor, blockType, setBlockType } = (0, toolbar_context_1.useToolbarContext)();
+    function $updateToolbar(selection) {
+        if ((0, lexical_1.$isRangeSelection)(selection)) {
+            const anchorNode = selection.anchor.getNode();
+            let element = anchorNode.getKey() === 'root'
+                ? anchorNode
+                : (0, utils_1.$findMatchingParent)(anchorNode, (e) => {
+                    const parent = e.getParent();
+                    return parent !== null && (0, lexical_1.$isRootOrShadowRoot)(parent);
+                });
+            if (element === null) {
+                element = anchorNode.getTopLevelElementOrThrow();
+            }
+            const elementKey = element.getKey();
+            const elementDOM = activeEditor.getElementByKey(elementKey);
+            if (elementDOM !== null) {
+                // setSelectedElementKey(elementKey);
+                if ((0, list_1.$isListNode)(element)) {
+                    const parentList = (0, utils_1.$getNearestNodeOfType)(anchorNode, list_1.ListNode);
+                    const type = parentList ? parentList.getListType() : element.getListType();
+                    setBlockType(type);
+                }
+                else {
+                    const type = (0, rich_text_1.$isHeadingNode)(element) ? element.getTag() : element.getType();
+                    if (type in block_format_data_1.blockTypeToBlockName) {
+                        setBlockType(type);
+                    }
+                }
+            }
+        }
+    }
+    (0, use_update_toolbar_1.useUpdateToolbarHandler)($updateToolbar);
+    return ((0, jsx_runtime_1.jsxs)(select_1.Select, { value: blockType, onValueChange: (value) => {
+            setBlockType(value);
+        }, children: [(0, jsx_runtime_1.jsxs)(select_1.SelectTrigger, { className: "!h-8 w-min gap-1", children: [block_format_data_1.blockTypeToBlockName[blockType]?.icon, (0, jsx_runtime_1.jsx)("span", { children: block_format_data_1.blockTypeToBlockName[blockType]?.label })] }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { children: (0, jsx_runtime_1.jsx)(select_1.SelectGroup, { children: children }) })] }));
+}
+//# sourceMappingURL=block-format-toolbar-plugin.js.map

package/dist/cjs/components/editor/plugins/toolbar/block-format-toolbar-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-format-toolbar-plugin.js","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/toolbar/block-format-toolbar-plugin.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAcZ,kDAuDC;;AAnED,wCAAqD;AACrD,kDAAmD;AACnD,0CAA2E;AAE3E,qCAAgE;AAEhE,mEAAiE;AACjE,8EAA+E;AAC/E,wEAAuE;AAEvE,mDAA0F;AAE1F,SAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAiC;IAC7E,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,mCAAiB,GAAE,CAAA;IAErE,SAAS,cAAc,CAAC,SAAwB;QAC9C,IAAI,IAAA,2BAAiB,EAAC,SAAS,CAAC,EAAE,CAAC;YACjC,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAA;YAC7C,IAAI,OAAO,GACT,UAAU,CAAC,MAAM,EAAE,KAAK,MAAM;gBAC5B,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,IAAA,2BAAmB,EAAC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;oBACpC,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,CAAA;oBAC5B,OAAO,MAAM,KAAK,IAAI,IAAI,IAAA,6BAAmB,EAAC,MAAM,CAAC,CAAA;gBACvD,CAAC,CAAC,CAAA;YAER,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBACrB,OAAO,GAAG,UAAU,CAAC,yBAAyB,EAAE,CAAA;YAClD,CAAC;YAED,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE,CAAA;YACnC,MAAM,UAAU,GAAG,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC,CAAA;YAE3D,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBACxB,qCAAqC;gBACrC,IAAI,IAAA,kBAAW,EAAC,OAAO,CAAC,EAAE,CAAC;oBACzB,MAAM,UAAU,GAAG,IAAA,6BAAqB,EAAW,UAAU,EAAE,eAAQ,CAAC,CAAA;oBACxE,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;oBAC1E,YAAY,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,GAAG,IAAA,0BAAc,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,CAAA;oBAC3E,IAAI,IAAI,IAAI,wCAAoB,EAAE,CAAC;wBACjC,YAAY,CAAC,IAAyC,CAAC,CAAA;oBACzD,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAA,4CAAuB,EAAC,cAAc,CAAC,CAAA;IAEvC,OAAO,CACL,wBAAC,eAAM,IACL,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,YAAY,CAAC,KAA0C,CAAC,CAAA;QAC1D,CAAC,aAED,wBAAC,sBAAa,IAAC,SAAS,EAAC,kBAAkB,aACxC,wCAAoB,CAAC,SAAS,CAAC,EAAE,IAAI,EACtC,2CAAO,wCAAoB,CAAC,SAAS,CAAC,EAAE,KAAK,GAAQ,IACvC,EAChB,uBAAC,sBAAa,cACZ,uBAAC,oBAAW,cAAE,QAAQ,GAAe,GACvB,IACT,CACV,CAAA;AACH,CAAC"}

package/dist/cjs/components/editor/plugins/toolbar/clear-formatting-toolbar-plugin.js

@@ -0,0 +1,73 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearFormattingToolbarPlugin = ClearFormattingToolbarPlugin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const LexicalDecoratorBlockNode_1 = require("@lexical/react/LexicalDecoratorBlockNode");
+const rich_text_1 = require("@lexical/rich-text");
+const table_1 = require("@lexical/table");
+const utils_1 = require("@lexical/utils");
+const lexical_1 = require("lexical");
+const lucide_react_1 = require("lucide-react");
+const toolbar_context_1 = require("../../context/toolbar-context.js");
+const button_1 = require("../../../ui/button.js");
+function ClearFormattingToolbarPlugin() {
+    const { activeEditor } = (0, toolbar_context_1.useToolbarContext)();
+    const clearFormatting = (0, react_1.useCallback)(() => {
+        activeEditor.update(() => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection) || (0, table_1.$isTableSelection)(selection)) {
+                const anchor = selection.anchor;
+                const focus = selection.focus;
+                const nodes = selection.getNodes();
+                const extractedNodes = selection.extract();
+                if (anchor.key === focus.key && anchor.offset === focus.offset) {
+                    return;
+                }
+                nodes.forEach((node, idx) => {
+                    // We split the first and last node by the selection
+                    // So that we don't format unselected text inside those nodes
+                    if ((0, lexical_1.$isTextNode)(node)) {
+                        // Use a separate variable to ensure TS does not lose the refinement
+                        let textNode = node;
+                        if (idx === 0 && anchor.offset !== 0) {
+                            textNode = textNode.splitText(anchor.offset)[1] || textNode;
+                        }
+                        if (idx === nodes.length - 1) {
+                            textNode = textNode.splitText(focus.offset)[0] || textNode;
+                        }
+                        /**
+                         * If the selected text has one format applied
+                         * selecting a portion of the text, could
+                         * clear the format to the wrong portion of the text.
+                         *
+                         * The cleared text is based on the length of the selected text.
+                         */
+                        // We need this in case the selected text only has one format
+                        const extractedTextNode = extractedNodes[0];
+                        if (nodes.length === 1 && (0, lexical_1.$isTextNode)(extractedTextNode)) {
+                            textNode = extractedTextNode;
+                        }
+                        if (textNode.__style !== '') {
+                            textNode.setStyle('');
+                        }
+                        if (textNode.__format !== 0) {
+                            textNode.setFormat(0);
+                            (0, utils_1.$getNearestBlockElementAncestorOrThrow)(textNode).setFormat('');
+                        }
+                        node = textNode;
+                    }
+                    else if ((0, rich_text_1.$isHeadingNode)(node) || (0, rich_text_1.$isQuoteNode)(node)) {
+                        node.replace((0, lexical_1.$createParagraphNode)(), true);
+                    }
+                    else if ((0, LexicalDecoratorBlockNode_1.$isDecoratorBlockNode)(node)) {
+                        node.setFormat('');
+                    }
+                });
+            }
+        });
+    }, [activeEditor]);
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "!h-8 !w-8", "aria-label": "Clear formatting", variant: 'outline', size: 'icon', onClick: clearFormatting, children: (0, jsx_runtime_1.jsx)(lucide_react_1.EraserIcon, { className: "h-4 w-4" }) }));
+}
+//# sourceMappingURL=clear-formatting-toolbar-plugin.js.map

package/dist/cjs/components/editor/plugins/toolbar/clear-formatting-toolbar-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-formatting-toolbar-plugin.js","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/toolbar/clear-formatting-toolbar-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/editor/plugins/toolbar/element-format-toolbar-plugin.js

@@ -0,0 +1,74 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementFormatToolbarPlugin = ElementFormatToolbarPlugin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const link_1 = require("@lexical/link");
+const utils_1 = require("@lexical/utils");
+const lexical_1 = require("lexical");
+const lucide_react_1 = require("lucide-react");
+const toolbar_context_1 = require("../../context/toolbar-context.js");
+const use_update_toolbar_1 = require("../../editor-hooks/use-update-toolbar.js");
+const get_selected_node_1 = require("../../utils/get-selected-node.js");
+const separator_1 = require("../../../ui/separator.js");
+const toggle_group_1 = require("../../../ui/toggle-group.js");
+const ELEMENT_FORMAT_OPTIONS = {
+    left: {
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.AlignLeftIcon, { className: "size-4" }),
+        iconRTL: 'left-align',
+        name: 'Left Align',
+    },
+    center: {
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.AlignCenterIcon, { className: "size-4" }),
+        iconRTL: 'center-align',
+        name: 'Center Align',
+    },
+    right: {
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.AlignRightIcon, { className: "size-4" }),
+        iconRTL: 'right-align',
+        name: 'Right Align',
+    },
+    justify: {
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.AlignJustifyIcon, { className: "size-4" }),
+        iconRTL: 'justify-align',
+        name: 'Justify Align',
+    },
+};
+function ElementFormatToolbarPlugin() {
+    const { activeEditor } = (0, toolbar_context_1.useToolbarContext)();
+    const [elementFormat, setElementFormat] = (0, react_1.useState)('left');
+    const $updateToolbar = (selection) => {
+        if ((0, lexical_1.$isRangeSelection)(selection)) {
+            const node = (0, get_selected_node_1.getSelectedNode)(selection);
+            const parent = node.getParent();
+            let matchingParent;
+            if ((0, link_1.$isLinkNode)(parent)) {
+                // If node is a link, we need to fetch the parent paragraph node to set format
+                matchingParent = (0, utils_1.$findMatchingParent)(node, (parentNode) => (0, lexical_1.$isElementNode)(parentNode) && !parentNode.isInline());
+            }
+            setElementFormat((0, lexical_1.$isElementNode)(matchingParent)
+                ? matchingParent.getFormatType()
+                : (0, lexical_1.$isElementNode)(node)
+                    ? node.getFormatType()
+                    : parent?.getFormatType() || 'left');
+        }
+    };
+    (0, use_update_toolbar_1.useUpdateToolbarHandler)($updateToolbar);
+    const handleValueChange = (value) => {
+        if (!value)
+            return; // Prevent unselecting current value
+        setElementFormat(value);
+        if (value === 'indent') {
+            activeEditor.dispatchCommand(lexical_1.INDENT_CONTENT_COMMAND, undefined);
+        }
+        else if (value === 'outdent') {
+            activeEditor.dispatchCommand(lexical_1.OUTDENT_CONTENT_COMMAND, undefined);
+        }
+        else {
+            activeEditor.dispatchCommand(lexical_1.FORMAT_ELEMENT_COMMAND, value);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(toggle_group_1.ToggleGroup, { type: "single", value: elementFormat, defaultValue: elementFormat, onValueChange: handleValueChange, children: Object.entries(ELEMENT_FORMAT_OPTIONS).map(([value, option]) => ((0, jsx_runtime_1.jsx)(toggle_group_1.ToggleGroupItem, { value: value, variant: 'outline', size: "sm", "aria-label": option.name, children: option.icon }, value))) }), (0, jsx_runtime_1.jsx)(separator_1.Separator, { orientation: "vertical", className: "!h-7" }), (0, jsx_runtime_1.jsxs)(toggle_group_1.ToggleGroup, { type: "single", value: elementFormat, defaultValue: elementFormat, onValueChange: handleValueChange, children: [(0, jsx_runtime_1.jsx)(toggle_group_1.ToggleGroupItem, { value: "outdent", "aria-label": "Outdent", variant: 'outline', size: "sm", children: (0, jsx_runtime_1.jsx)(lucide_react_1.IndentDecreaseIcon, { className: "size-4" }) }), (0, jsx_runtime_1.jsx)(toggle_group_1.ToggleGroupItem, { value: "indent", variant: 'outline', "aria-label": "Indent", size: "sm", children: (0, jsx_runtime_1.jsx)(lucide_react_1.IndentIncreaseIcon, { className: "size-4" }) })] })] }));
+}
+//# sourceMappingURL=element-format-toolbar-plugin.js.map

package/dist/cjs/components/editor/plugins/toolbar/element-format-toolbar-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-format-toolbar-plugin.js","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/toolbar/element-format-toolbar-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/editor/plugins/toolbar/floating-link-editor-plugin.js

@@ -0,0 +1,245 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingLinkEditorPlugin = FloatingLinkEditorPlugin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const link_1 = require("@lexical/link");
+const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+const utils_1 = require("@lexical/utils");
+const lexical_1 = require("lexical");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const get_selected_node_1 = require("../../utils/get-selected-node.js");
+const set_floating_elem_position_for_link_editor_1 = require("../../utils/set-floating-elem-position-for-link-editor.js");
+const url_1 = require("../../utils/url.js");
+const button_1 = require("../../../ui/button.js");
+const input_1 = require("../../../ui/input.js");
+function FloatingLinkEditor({ editor, isLink, setIsLink, anchorElem, isLinkEditMode, setIsLinkEditMode, }) {
+    const editorRef = (0, react_1.useRef)(null);
+    const inputRef = (0, react_1.useRef)(null);
+    const [linkUrl, setLinkUrl] = (0, react_1.useState)('');
+    const [editedLinkUrl, setEditedLinkUrl] = (0, react_1.useState)('https://');
+    const [lastSelection, setLastSelection] = (0, react_1.useState)(null);
+    const $updateLinkEditor = (0, react_1.useCallback)(() => {
+        const selection = (0, lexical_1.$getSelection)();
+        if ((0, lexical_1.$isRangeSelection)(selection)) {
+            const node = (0, get_selected_node_1.getSelectedNode)(selection);
+            const linkParent = (0, utils_1.$findMatchingParent)(node, link_1.$isLinkNode);
+            if (linkParent) {
+                setLinkUrl(linkParent.getURL());
+            }
+            else if ((0, link_1.$isLinkNode)(node)) {
+                setLinkUrl(node.getURL());
+            }
+            else {
+                setLinkUrl('');
+            }
+            if (isLinkEditMode) {
+                setEditedLinkUrl(linkUrl);
+            }
+        }
+        const editorElem = editorRef.current;
+        const nativeSelection = window.getSelection();
+        const activeElement = document.activeElement;
+        if (editorElem === null) {
+            return;
+        }
+        const rootElement = editor.getRootElement();
+        if (selection !== null &&
+            nativeSelection !== null &&
+            rootElement !== null &&
+            rootElement.contains(nativeSelection.anchorNode) &&
+            editor.isEditable()) {
+            const domRect = nativeSelection.focusNode?.parentElement?.getBoundingClientRect();
+            if (domRect) {
+                domRect.y += 40;
+                (0, set_floating_elem_position_for_link_editor_1.setFloatingElemPositionForLinkEditor)(domRect, editorElem, anchorElem);
+            }
+            setLastSelection(selection);
+        }
+        else if (!activeElement || activeElement.className !== 'link-input') {
+            if (rootElement !== null) {
+                (0, set_floating_elem_position_for_link_editor_1.setFloatingElemPositionForLinkEditor)(null, editorElem, anchorElem);
+            }
+            setLastSelection(null);
+            setIsLinkEditMode(false);
+            setLinkUrl('');
+        }
+        return true;
+    }, [anchorElem, editor, setIsLinkEditMode, isLinkEditMode, linkUrl]);
+    (0, react_1.useEffect)(() => {
+        const scrollerElem = anchorElem.parentElement;
+        const update = () => {
+            editor.getEditorState().read(() => {
+                $updateLinkEditor();
+            });
+        };
+        window.addEventListener('resize', update);
+        if (scrollerElem) {
+            scrollerElem.addEventListener('scroll', update);
+        }
+        return () => {
+            window.removeEventListener('resize', update);
+            if (scrollerElem) {
+                scrollerElem.removeEventListener('scroll', update);
+            }
+        };
+    }, [anchorElem.parentElement, editor, $updateLinkEditor]);
+    (0, react_1.useEffect)(() => {
+        return (0, utils_1.mergeRegister)(editor.registerUpdateListener(({ editorState }) => {
+            editorState.read(() => {
+                $updateLinkEditor();
+            });
+        }), editor.registerCommand(lexical_1.SELECTION_CHANGE_COMMAND, () => {
+            $updateLinkEditor();
+            return true;
+        }, lexical_1.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical_1.KEY_ESCAPE_COMMAND, () => {
+            if (isLink) {
+                setIsLink(false);
+                return true;
+            }
+            return false;
+        }, lexical_1.COMMAND_PRIORITY_HIGH));
+    }, [editor, $updateLinkEditor, setIsLink, isLink]);
+    (0, react_1.useEffect)(() => {
+        editor.getEditorState().read(() => {
+            $updateLinkEditor();
+        });
+    }, [editor, $updateLinkEditor]);
+    (0, react_1.useEffect)(() => {
+        if (isLinkEditMode && inputRef.current) {
+            inputRef.current.focus();
+            setIsLink(true);
+        }
+    }, [isLinkEditMode, isLink]);
+    const monitorInputInteraction = (event) => {
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            handleLinkSubmission();
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            setIsLinkEditMode(false);
+        }
+    };
+    const handleLinkSubmission = () => {
+        if (lastSelection !== null) {
+            if (linkUrl !== '') {
+                editor.dispatchCommand(link_1.TOGGLE_LINK_COMMAND, (0, url_1.sanitizeUrl)(editedLinkUrl));
+                editor.update(() => {
+                    const selection = (0, lexical_1.$getSelection)();
+                    if ((0, lexical_1.$isRangeSelection)(selection)) {
+                        const parent = (0, get_selected_node_1.getSelectedNode)(selection).getParent();
+                        if ((0, link_1.$isAutoLinkNode)(parent)) {
+                            const linkNode = (0, link_1.$createLinkNode)(parent.getURL(), {
+                                rel: parent.__rel,
+                                target: parent.__target,
+                                title: parent.__title,
+                            });
+                            parent.replace(linkNode, true);
+                        }
+                    }
+                });
+            }
+            setEditedLinkUrl('https://');
+            setIsLinkEditMode(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: editorRef, className: "absolute top-0 left-0 w-full max-w-sm rounded-md opacity-0 shadow-md", children: !isLink ? null : isLinkEditMode ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2 rounded-md border p-1 pl-2", children: [(0, jsx_runtime_1.jsx)(input_1.Input, { ref: inputRef, value: editedLinkUrl, onChange: (event) => setEditedLinkUrl(event.target.value), onKeyDown: monitorInputInteraction, className: "flex-grow" }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "icon", variant: "ghost", onClick: () => {
+                        setIsLinkEditMode(false);
+                        setIsLink(false);
+                    }, className: "shrink-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "icon", onClick: handleLinkSubmission, className: "shrink-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-4 w-4" }) })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between rounded-md border p-1 pl-2", children: [(0, jsx_runtime_1.jsx)("a", { href: (0, url_1.sanitizeUrl)(linkUrl), target: "_blank", rel: "noopener noreferrer", className: "overflow-hidden text-sm text-ellipsis whitespace-nowrap", children: linkUrl }), (0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: "icon", variant: "ghost", onClick: () => {
+                                setEditedLinkUrl(linkUrl);
+                                setIsLinkEditMode(true);
+                            }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "icon", variant: "destructive", onClick: () => {
+                                editor.dispatchCommand(link_1.TOGGLE_LINK_COMMAND, null);
+                            }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash, { className: "h-4 w-4" }) })] })] })) }));
+}
+function useFloatingLinkEditorToolbar(editor, anchorElem, isLinkEditMode, setIsLinkEditMode) {
+    const [activeEditor, setActiveEditor] = (0, react_1.useState)(editor);
+    const [isLink, setIsLink] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        function $updateToolbar() {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                const focusNode = (0, get_selected_node_1.getSelectedNode)(selection);
+                const focusLinkNode = (0, utils_1.$findMatchingParent)(focusNode, link_1.$isLinkNode);
+                const focusAutoLinkNode = (0, utils_1.$findMatchingParent)(focusNode, link_1.$isAutoLinkNode);
+                if (!(focusLinkNode || focusAutoLinkNode)) {
+                    setIsLink(false);
+                    return;
+                }
+                const badNode = selection
+                    .getNodes()
+                    .filter((node) => !(0, lexical_1.$isLineBreakNode)(node))
+                    .find((node) => {
+                    const linkNode = (0, utils_1.$findMatchingParent)(node, link_1.$isLinkNode);
+                    const autoLinkNode = (0, utils_1.$findMatchingParent)(node, link_1.$isAutoLinkNode);
+                    return ((focusLinkNode && !focusLinkNode.is(linkNode)) ||
+                        (linkNode && !linkNode.is(focusLinkNode)) ||
+                        (focusAutoLinkNode && !focusAutoLinkNode.is(autoLinkNode)) ||
+                        (autoLinkNode &&
+                            (!autoLinkNode.is(focusAutoLinkNode) || autoLinkNode.getIsUnlinked())));
+                });
+                if (!badNode) {
+                    setIsLink(true);
+                }
+                else {
+                    setIsLink(false);
+                }
+            }
+            else if ((0, lexical_1.$isNodeSelection)(selection)) {
+                const nodes = selection.getNodes();
+                if (nodes.length === 0) {
+                    setIsLink(false);
+                    return;
+                }
+                const node = nodes[0];
+                const parent = node?.getParent();
+                if ((0, link_1.$isLinkNode)(parent) || (0, link_1.$isLinkNode)(node)) {
+                    setIsLink(true);
+                }
+                else {
+                    setIsLink(false);
+                }
+            }
+        }
+        return (0, utils_1.mergeRegister)(editor.registerUpdateListener(({ editorState }) => {
+            editorState.read(() => {
+                $updateToolbar();
+            });
+        }), editor.registerCommand(lexical_1.SELECTION_CHANGE_COMMAND, (_payload, newEditor) => {
+            $updateToolbar();
+            setActiveEditor(newEditor);
+            return false;
+        }, lexical_1.COMMAND_PRIORITY_CRITICAL), editor.registerCommand(lexical_1.CLICK_COMMAND, (payload) => {
+            const selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$isRangeSelection)(selection)) {
+                const node = (0, get_selected_node_1.getSelectedNode)(selection);
+                const linkNode = (0, utils_1.$findMatchingParent)(node, link_1.$isLinkNode);
+                if ((0, link_1.$isLinkNode)(linkNode) && (payload.metaKey || payload.ctrlKey)) {
+                    window.open(linkNode.getURL(), '_blank');
+                    return true;
+                }
+            }
+            return false;
+        }, lexical_1.COMMAND_PRIORITY_LOW));
+    }, [editor]);
+    if (!anchorElem) {
+        return null;
+    }
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(FloatingLinkEditor, { editor: activeEditor, isLink: isLink, anchorElem: anchorElem, setIsLink: setIsLink, isLinkEditMode: isLinkEditMode, setIsLinkEditMode: setIsLinkEditMode }), anchorElem);
+}
+function FloatingLinkEditorPlugin({ anchorElem, isLinkEditMode, setIsLinkEditMode, }) {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    return useFloatingLinkEditorToolbar(editor, anchorElem, isLinkEditMode, setIsLinkEditMode);
+}
+//# sourceMappingURL=floating-link-editor-plugin.js.map