phx-react 1.3.648 → 1.3.650

package/dist/esm/components/TextEditor/plugins/ExtendedTextNode.js

@@ -1,81 +0,0 @@
-import { __assign, __extends } from "tslib";
-import { $isTextNode, TextNode, } from 'lexical';
-var ExtendedTextNode = /** @class */ (function (_super) {
-    __extends(ExtendedTextNode, _super);
-    function ExtendedTextNode(text, key) {
-        return _super.call(this, text, key) || this;
-    }
-    ExtendedTextNode.getType = function () {
-        return 'extended-text';
-    };
-    ExtendedTextNode.clone = function (node) {
-        return new ExtendedTextNode(node.__text, node.__key);
-    };
-    ExtendedTextNode.importDOM = function () {
-        var importers = TextNode.importDOM();
-        return __assign(__assign({}, importers), { code: function () { return ({
-                conversion: patchStyleConversion(importers === null || importers === void 0 ? void 0 : importers.code),
-                priority: 1
-            }); }, em: function () { return ({
-                conversion: patchStyleConversion(importers === null || importers === void 0 ? void 0 : importers.em),
-                priority: 1
-            }); }, span: function () { return ({
-                conversion: patchStyleConversion(importers === null || importers === void 0 ? void 0 : importers.span),
-                priority: 1
-            }); }, strong: function () { return ({
-                conversion: patchStyleConversion(importers === null || importers === void 0 ? void 0 : importers.strong),
-                priority: 1
-            }); }, sub: function () { return ({
-                conversion: patchStyleConversion(importers === null || importers === void 0 ? void 0 : importers.sub),
-                priority: 1
-            }); }, sup: function () { return ({
-                conversion: patchStyleConversion(importers === null || importers === void 0 ? void 0 : importers.sup),
-                priority: 1
-            }); } });
-    };
-    ExtendedTextNode.importJSON = function (serializedNode) {
-        return TextNode.importJSON(serializedNode);
-    };
-    return ExtendedTextNode;
-}(TextNode));
-export { ExtendedTextNode };
-function patchStyleConversion(originalDOMConverter) {
-    return function (node) {
-        var original = originalDOMConverter === null || originalDOMConverter === void 0 ? void 0 : originalDOMConverter(node);
-        if (!original) {
-            return null;
-        }
-        var originalOutput = original.conversion(node);
-        if (!originalOutput) {
-            return originalOutput;
-        }
-        var backgroundColor = node.style.backgroundColor;
-        var color = node.style.color;
-        var fontFamily = node.style.fontFamily;
-        var fontWeight = node.style.fontWeight;
-        var fontSize = node.style.fontSize;
-        var textDecoration = node.style.textDecoration;
-        return __assign(__assign({}, originalOutput), { forChild: function (lexicalNode, parent) {
-                var _a;
-                var originalForChild = (_a = originalOutput === null || originalOutput === void 0 ? void 0 : originalOutput.forChild) !== null && _a !== void 0 ? _a : (function (x) { return x; });
-                var result = originalForChild(lexicalNode, parent);
-                if ($isTextNode(result)) {
-                    var style = [
-                        backgroundColor ? "background-color: ".concat(backgroundColor) : null,
-                        color ? "color: ".concat(color) : null,
-                        fontFamily ? "font-family: ".concat(fontFamily) : null,
-                        fontWeight ? "font-weight: ".concat(fontWeight) : null,
-                        fontSize ? "font-size: ".concat(fontSize) : null,
-                        textDecoration ? "text-decoration: ".concat(textDecoration) : null,
-                    ]
-                        .filter(function (value) { return value != null; })
-                        .join('; ');
-                    if (style.length > 0) {
-                        return result.setStyle(style);
-                    }
-                }
-                return result;
-            } });
-    };
-}
-//# sourceMappingURL=ExtendedTextNode.js.map

package/dist/esm/components/TextEditor/plugins/ExtendedTextNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtendedTextNode.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/plugins/ExtendedTextNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EAKX,QAAQ,GAET,MAAM,SAAS,CAAA;AAEhB;IAAsC,oCAAQ;IAC5C,0BAAY,IAAY,EAAE,GAAa;eACrC,kBAAM,IAAI,EAAE,GAAG,CAAC;IAClB,CAAC;IAEa,wBAAO,GAArB;QACE,OAAO,eAAe,CAAA;IACxB,CAAC;IAEa,sBAAK,GAAnB,UAAoB,IAAsB;QACxC,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACtD,CAAC;IAEa,0BAAS,GAAvB;QACE,IAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAA;QACtC,6BACK,SAAS,KACZ,IAAI,EAAE,cAAM,OAAA,CAAC;gBACX,UAAU,EAAE,oBAAoB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC;gBACjD,QAAQ,EAAE,CAAC;aACZ,CAAC,EAHU,CAGV,EACF,EAAE,EAAE,cAAM,OAAA,CAAC;gBACT,UAAU,EAAE,oBAAoB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,CAAC;gBAC/C,QAAQ,EAAE,CAAC;aACZ,CAAC,EAHQ,CAGR,EACF,IAAI,EAAE,cAAM,OAAA,CAAC;gBACX,UAAU,EAAE,oBAAoB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC;gBACjD,QAAQ,EAAE,CAAC;aACZ,CAAC,EAHU,CAGV,EACF,MAAM,EAAE,cAAM,OAAA,CAAC;gBACb,UAAU,EAAE,oBAAoB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC;gBACnD,QAAQ,EAAE,CAAC;aACZ,CAAC,EAHY,CAGZ,EACF,GAAG,EAAE,cAAM,OAAA,CAAC;gBACV,UAAU,EAAE,oBAAoB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC;gBAChD,QAAQ,EAAE,CAAC;aACZ,CAAC,EAHS,CAGT,EACF,GAAG,EAAE,cAAM,OAAA,CAAC;gBACV,UAAU,EAAE,oBAAoB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC;gBAChD,QAAQ,EAAE,CAAC;aACZ,CAAC,EAHS,CAGT,IACH;IACH,CAAC;IAEa,2BAAU,GAAxB,UAAyB,cAAkC;QACzD,OAAO,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAC5C,CAAC;IACH,uBAAC;AAAD,CAAC,AA/CD,CAAsC,QAAQ,GA+C7C;;AAED,SAAS,oBAAoB,CAC3B,oBAAkE;IAElE,OAAO,UAAC,IAAI;QACV,IAAM,QAAQ,GAAG,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,IAAI,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,IAAI,CAAA;SACZ;QACD,IAAM,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAEhD,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,cAAc,CAAA;SACtB;QAED,IAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAA;QAClD,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;QAC9B,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA;QACxC,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA;QACxC,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;QACpC,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAA;QAEhD,6BACK,cAAc,KACjB,QAAQ,EAAE,UAAC,WAAW,EAAE,MAAM;;gBAC5B,IAAM,gBAAgB,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,mCAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,CAAC,CAAA;gBAC/D,IAAM,MAAM,GAAG,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;gBACpD,IAAI,WAAW,CAAC,MAAM,CAAC,EAAE;oBACvB,IAAM,KAAK,GAAG;wBACZ,eAAe,CAAC,CAAC,CAAC,4BAAqB,eAAe,CAAE,CAAC,CAAC,CAAC,IAAI;wBAC/D,KAAK,CAAC,CAAC,CAAC,iBAAU,KAAK,CAAE,CAAC,CAAC,CAAC,IAAI;wBAChC,UAAU,CAAC,CAAC,CAAC,uBAAgB,UAAU,CAAE,CAAC,CAAC,CAAC,IAAI;wBAChD,UAAU,CAAC,CAAC,CAAC,uBAAgB,UAAU,CAAE,CAAC,CAAC,CAAC,IAAI;wBAChD,QAAQ,CAAC,CAAC,CAAC,qBAAc,QAAQ,CAAE,CAAC,CAAC,CAAC,IAAI;wBAC1C,cAAc,CAAC,CAAC,CAAC,2BAAoB,cAAc,CAAE,CAAC,CAAC,CAAC,IAAI;qBAC7D;yBACE,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,IAAI,IAAI,EAAb,CAAa,CAAC;yBAChC,IAAI,CAAC,IAAI,CAAC,CAAA;oBACb,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;wBACpB,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;qBAC9B;iBACF;gBACD,OAAO,MAAM,CAAA;YACf,CAAC,IACF;IACH,CAAC,CAAA;AACH,CAAC"}

package/dist/esm/components/TextEditor/plugins/ListMaxIndentLevelPlugin.d.ts

@@ -1 +0,0 @@
-export default function ListMaxIndentLevelPlugin({ maxDepth }: any): null;

package/dist/esm/components/TextEditor/plugins/ListMaxIndentLevelPlugin.js

@@ -1,43 +0,0 @@
-import { $getListDepth, $isListItemNode, $isListNode } from '@lexical/list';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getSelection, $isElementNode, $isRangeSelection, INDENT_CONTENT_COMMAND, COMMAND_PRIORITY_HIGH, } from 'lexical';
-import { useEffect } from 'react';
-function getElementNodesInSelection(selection) {
-    var nodesInSelection = selection.getNodes();
-    if (nodesInSelection.length === 0) {
-        return new Set([selection.anchor.getNode().getParentOrThrow(), selection.focus.getNode().getParentOrThrow()]);
-    }
-    return new Set(nodesInSelection.map(function (n) { return ($isElementNode(n) ? n : n.getParentOrThrow()); }));
-}
-function isIndentPermitted(maxDepth) {
-    var selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-        return false;
-    }
-    var elementNodesInSelection = getElementNodesInSelection(selection);
-    var totalDepth = 0;
-    for (var _i = 0, elementNodesInSelection_1 = elementNodesInSelection; _i < elementNodesInSelection_1.length; _i++) {
-        var elementNode = elementNodesInSelection_1[_i];
-        if ($isListNode(elementNode)) {
-            totalDepth = Math.max($getListDepth(elementNode) + 1, totalDepth);
-        }
-        else if ($isListItemNode(elementNode)) {
-            var parent_1 = elementNode.getParent();
-            if (!$isListNode(parent_1)) {
-                throw new Error('ListMaxIndentLevelPlugin: A ListItemNode must have a ListNode for a parent.');
-            }
-            totalDepth = Math.max($getListDepth(parent_1) + 1, totalDepth);
-        }
-    }
-    return totalDepth <= maxDepth;
-}
-// eslint-disable-next-line react/prop-types
-export default function ListMaxIndentLevelPlugin(_a) {
-    var maxDepth = _a.maxDepth;
-    var editor = useLexicalComposerContext()[0];
-    useEffect(function () {
-        return editor.registerCommand(INDENT_CONTENT_COMMAND, function () { return !isIndentPermitted(maxDepth !== null && maxDepth !== void 0 ? maxDepth : 7); }, COMMAND_PRIORITY_HIGH);
-    }, [editor, maxDepth]);
-    return null;
-}
-//# sourceMappingURL=ListMaxIndentLevelPlugin.js.map

package/dist/esm/components/TextEditor/plugins/ListMaxIndentLevelPlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListMaxIndentLevelPlugin.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/plugins/ListMaxIndentLevelPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EACL,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,SAAS,0BAA0B,CAAC,SAAc;IAChD,IAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAA;IAE7C,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,OAAO,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,gBAAgB,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAA;KAC9G;IAED,OAAO,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,EAA9C,CAA8C,CAAC,CAAC,CAAA;AAClG,CAAC;AAED,SAAS,iBAAiB,CAAC,QAAa;IACtC,IAAM,SAAS,GAAG,aAAa,EAAE,CAAA;IAEjC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE;QACjC,OAAO,KAAK,CAAA;KACb;IAED,IAAM,uBAAuB,GAAQ,0BAA0B,CAAC,SAAS,CAAC,CAAA;IAE1E,IAAI,UAAU,GAAG,CAAC,CAAA;IAElB,KAA0B,UAAuB,EAAvB,mDAAuB,EAAvB,qCAAuB,EAAvB,IAAuB,EAAE;QAA9C,IAAM,WAAW,gCAAA;QACpB,IAAI,WAAW,CAAC,WAAW,CAAC,EAAE;YAC5B,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;SAClE;aAAM,IAAI,eAAe,CAAC,WAAW,CAAC,EAAE;YACvC,IAAM,QAAM,GAAG,WAAW,CAAC,SAAS,EAAE,CAAA;YACtC,IAAI,CAAC,WAAW,CAAC,QAAM,CAAC,EAAE;gBACxB,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAA;aAC/F;YAED,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,QAAM,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;SAC7D;KACF;IAED,OAAO,UAAU,IAAI,QAAQ,CAAA;AAC/B,CAAC;AACD,4CAA4C;AAC5C,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAAiB;QAAf,QAAQ,cAAA;IAClD,IAAA,MAAM,GAAI,yBAAyB,EAAE,GAA/B,CAA+B;IAE5C,SAAS,CACP;QACE,OAAA,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,cAAM,OAAA,CAAC,iBAAiB,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,EAAjC,CAAiC,EAAE,qBAAqB,CAAC;IAA9G,CAA8G,EAChH,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/esm/components/TextEditor/plugins/ToolbarPlugin.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export default function ToolbarPlugin(): React.JSX.Element;

package/dist/esm/components/TextEditor/plugins/ToolbarPlugin.js

@@ -1,503 +0,0 @@
-import { $createCodeNode, $isCodeNode, getDefaultCodeLanguage, getCodeLanguages } from '@lexical/code';
-import { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
-import { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, $isListNode, ListNode, } from '@lexical/list';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $createHeadingNode, $createQuoteNode, $isHeadingNode } from '@lexical/rich-text';
-import { $isParentElementRTL, $wrapNodes, $patchStyleText, $getSelectionStyleValueForProperty, $isAtNodeEnd, } from '@lexical/selection';
-import { $getNearestNodeOfType, mergeRegister } from '@lexical/utils';
-import { CAN_REDO_COMMAND, CAN_UNDO_COMMAND, REDO_COMMAND, UNDO_COMMAND, SELECTION_CHANGE_COMMAND, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, $getSelection, $isRangeSelection, $createParagraphNode, $getNodeByKey, } from 'lexical';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import DropDown, { DropDownItem } from '../ui/DropDown';
-var LowPriority = 1;
-var supportedBlockTypes = new Set(['paragraph', 'quote', 'code', 'h1', 'h2', 'ul', 'ol']);
-var blockTypeToBlockName = {
-    code: 'Code Block',
-    h1: 'Large Heading',
-    h2: 'Small Heading',
-    h3: 'Heading',
-    h4: 'Heading',
-    h5: 'Heading',
-    ol: 'Numbered List',
-    paragraph: 'Normal',
-    quote: 'Quote',
-    ul: 'Bulleted List'
-};
-var FONT_SIZE_OPTIONS = [
-    ['10px', '10px'],
-    ['11px', '11px'],
-    ['12px', '12px'],
-    ['13px', '13px'],
-    ['14px', '14px'],
-    ['15px', '15px'],
-    ['16px', '16px'],
-    ['17px', '17px'],
-    ['18px', '18px'],
-    ['19px', '19px'],
-    ['20px', '20px'],
-];
-function dropDownActiveClass(active) {
-    if (active)
-        return 'active dropdown-item-active';
-    else
-        return '';
-}
-function FontDropDown(_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, editor = _a.editor, style = _a.style, value = _a.value;
-    var handleClick = useCallback(function (option) {
-        editor.update(function () {
-            var _a;
-            var selection = $getSelection();
-            if ($isRangeSelection(selection)) {
-                $patchStyleText(selection, (_a = {},
-                    _a[style] = option,
-                    _a));
-            }
-        });
-    }, [editor, style]);
-    var buttonAriaLabel = style === 'font-family' ? 'Formatting options for font family' : 'Formatting options for font size';
-    return (React.createElement(DropDown, { buttonAriaLabel: buttonAriaLabel, buttonClassName: 'toolbar-item ' + style, buttonIconClassName: style === 'font-family' ? 'icon block-type font-family' : '', buttonLabel: value, disabled: disabled }, FONT_SIZE_OPTIONS.map(function (_a) {
-        var option = _a[0], text = _a[1];
-        return (React.createElement(DropDownItem, { key: option, className: "item ".concat(dropDownActiveClass(value === option), " ").concat(style === 'font-size' ? 'fontsize-item' : ''), onClick: function () { return handleClick(option); } },
-            React.createElement("span", { className: 'text' }, text)));
-    })));
-}
-function Divider() {
-    return React.createElement("div", { className: 'divider' });
-}
-function positionEditorElement(editor, rect) {
-    if (rect === null) {
-        editor.style.opacity = '0';
-        editor.style.top = '-1000px';
-        editor.style.left = '-1000px';
-    }
-    else {
-        editor.style.opacity = '1';
-        // eslint-disable-next-line no-undef
-        editor.style.top = "".concat(rect.top + rect.height + window.pageYOffset + 10, "px");
-        editor.style.left = "".concat(
-        // eslint-disable-next-line no-undef
-        rect.left + window.pageXOffset - editor.offsetWidth / 2 + rect.width / 2, "px");
-    }
-}
-// eslint-disable-next-line react/prop-types
-function FloatingLinkEditor(_a) {
-    var editor = _a.editor;
-    var editorRef = useRef(null);
-    var inputRef = useRef(null);
-    var mouseDownRef = useRef(false);
-    var _b = useState(''), linkUrl = _b[0], setLinkUrl = _b[1];
-    var _c = useState(false), isEditMode = _c[0], setEditMode = _c[1];
-    var _d = useState(null), lastSelection = _d[0], setLastSelection = _d[1];
-    var updateLinkEditor = useCallback(function () {
-        var selection = $getSelection();
-        if ($isRangeSelection(selection)) {
-            var node = getSelectedNode(selection);
-            var parent_1 = node.getParent();
-            if ($isLinkNode(parent_1)) {
-                setLinkUrl(parent_1.getURL());
-            }
-            else if ($isLinkNode(node)) {
-                setLinkUrl(node.getURL());
-            }
-            else {
-                setLinkUrl('');
-            }
-        }
-        var editorElem = editorRef.current;
-        // eslint-disable-next-line no-undef
-        var nativeSelection = window.getSelection();
-        // eslint-disable-next-line no-undef
-        var activeElement = document.activeElement;
-        if (editorElem === null) {
-            return;
-        }
-        // eslint-disable-next-line react/prop-types
-        var rootElement = editor.getRootElement();
-        if (selection !== null &&
-            !nativeSelection.isCollapsed &&
-            rootElement !== null &&
-            rootElement.contains(nativeSelection.anchorNode)) {
-            var domRange = nativeSelection.getRangeAt(0);
-            var rect = void 0;
-            if (nativeSelection.anchorNode === rootElement) {
-                var inner = rootElement;
-                while (inner.firstElementChild != null) {
-                    inner = inner.firstElementChild;
-                }
-                rect = inner.getBoundingClientRect();
-            }
-            else {
-                rect = domRange.getBoundingClientRect();
-            }
-            if (!mouseDownRef.current) {
-                positionEditorElement(editorElem, rect);
-            }
-            setLastSelection(selection);
-        }
-        else if (!activeElement || activeElement.className !== 'link-input') {
-            positionEditorElement(editorElem, null);
-            setLastSelection(null);
-            setEditMode(false);
-            setLinkUrl('');
-        }
-        return true;
-    }, [editor]);
-    useEffect(function () {
-        return mergeRegister(editor.registerUpdateListener(function (_a) {
-            var editorState = _a.editorState;
-            editorState.read(function () {
-                updateLinkEditor();
-            });
-        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, function () {
-            updateLinkEditor();
-            return true;
-        }, LowPriority));
-    }, [editor, updateLinkEditor]);
-    useEffect(function () {
-        editor.getEditorState().read(function () {
-            updateLinkEditor();
-        });
-    }, [editor, updateLinkEditor]);
-    useEffect(function () {
-        if (isEditMode && inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [isEditMode]);
-    return (React.createElement("div", { ref: editorRef, className: 'link-editor' }, isEditMode ? (React.createElement("input", { ref: inputRef, className: 'link-input', onChange: function (event) {
-            setLinkUrl(event.target.value);
-        }, onKeyDown: function (event) {
-            if (event.key === 'Enter') {
-                event.preventDefault();
-                if (lastSelection !== null) {
-                    if (linkUrl !== '') {
-                        editor.dispatchCommand(TOGGLE_LINK_COMMAND, linkUrl);
-                    }
-                    setEditMode(false);
-                }
-            }
-            else if (event.key === 'Escape') {
-                event.preventDefault();
-                setEditMode(false);
-            }
-        }, value: linkUrl })) : (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: 'link-input' },
-            React.createElement("a", { href: linkUrl, rel: 'noopener noreferrer', target: '_blank' }, linkUrl),
-            React.createElement("div", { className: 'link-edit', onClick: function () {
-                    setEditMode(true);
-                }, onMouseDown: function (event) { return event.preventDefault(); }, role: 'button', tabIndex: 0 }))))));
-}
-function Select(_a) {
-    var className = _a.className, onChange = _a.onChange, options = _a.options, value = _a.value;
-    return (React.createElement("select", { className: className, onChange: onChange, value: value },
-        React.createElement("option", { hidden: true, value: '' }),
-        options.map(function (option) { return (React.createElement("option", { key: option, value: option }, option)); })));
-}
-function getSelectedNode(selection) {
-    var anchor = selection.anchor;
-    var focus = selection.focus;
-    var anchorNode = selection.anchor.getNode();
-    var focusNode = selection.focus.getNode();
-    if (anchorNode === focusNode) {
-        return anchorNode;
-    }
-    var isBackward = selection.isBackward();
-    if (isBackward) {
-        return $isAtNodeEnd(focus) ? anchorNode : focusNode;
-    }
-    else {
-        return $isAtNodeEnd(anchor) ? focusNode : anchorNode;
-    }
-}
-function BlockOptionsDropdownList(_a) {
-    var blockType = _a.blockType, editor = _a.editor, setShowBlockOptionsDropDown = _a.setShowBlockOptionsDropDown, toolbarRef = _a.toolbarRef;
-    var dropDownRef = useRef(null);
-    useEffect(function () {
-        var toolbar = toolbarRef.current;
-        var dropDown = dropDownRef.current;
-        if (toolbar !== null && dropDown !== null) {
-            var _a = toolbar.getBoundingClientRect(), left = _a.left, top_1 = _a.top;
-            dropDown.style.top = "".concat(top_1 + 40, "px");
-            dropDown.style.left = "".concat(left, "px");
-        }
-    }, [dropDownRef, toolbarRef]);
-    useEffect(function () {
-        var dropDown = dropDownRef.current;
-        var toolbar = toolbarRef.current;
-        if (dropDown !== null && toolbar !== null) {
-            var handle = function (event) {
-                var target = event.target;
-                if (!dropDown.contains(target) && !toolbar.contains(target)) {
-                    setShowBlockOptionsDropDown(false);
-                }
-            };
-            document.addEventListener('click', handle);
-        }
-    }, [dropDownRef, setShowBlockOptionsDropDown, toolbarRef]);
-    var formatParagraph = function () {
-        if (blockType !== 'paragraph') {
-            editor.update(function () {
-                var selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    $wrapNodes(selection, function () { return $createParagraphNode(); });
-                }
-            });
-        }
-        setShowBlockOptionsDropDown(false);
-    };
-    var formatLargeHeading = function () {
-        if (blockType !== 'h1') {
-            editor.update(function () {
-                var selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    $wrapNodes(selection, function () { return $createHeadingNode('h1'); });
-                }
-            });
-        }
-        setShowBlockOptionsDropDown(false);
-    };
-    var formatSmallHeading = function () {
-        if (blockType !== 'h2') {
-            editor.update(function () {
-                var selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    $wrapNodes(selection, function () { return $createHeadingNode('h2'); });
-                }
-            });
-        }
-        setShowBlockOptionsDropDown(false);
-    };
-    var formatBulletList = function () {
-        if (blockType !== 'ul') {
-            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND);
-        }
-        else {
-            editor.dispatchCommand(REMOVE_LIST_COMMAND);
-        }
-        setShowBlockOptionsDropDown(false);
-    };
-    var formatNumberedList = function () {
-        if (blockType !== 'ol') {
-            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND);
-        }
-        else {
-            editor.dispatchCommand(REMOVE_LIST_COMMAND);
-        }
-        setShowBlockOptionsDropDown(false);
-    };
-    var formatQuote = function () {
-        if (blockType !== 'quote') {
-            editor.update(function () {
-                var selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    $wrapNodes(selection, function () { return $createQuoteNode(); });
-                }
-            });
-        }
-        setShowBlockOptionsDropDown(false);
-    };
-    var formatCode = function () {
-        if (blockType !== 'code') {
-            editor.update(function () {
-                var selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    $wrapNodes(selection, function () { return $createCodeNode(); });
-                }
-            });
-        }
-        setShowBlockOptionsDropDown(false);
-    };
-    return (React.createElement("div", { ref: dropDownRef, className: 'dropdown' },
-        React.createElement("button", { className: 'item', onClick: formatParagraph },
-            React.createElement("span", { className: 'icon paragraph' }),
-            React.createElement("span", { className: 'text' }, "Normal"),
-            blockType === 'paragraph' && React.createElement("span", { className: 'active' })),
-        React.createElement("button", { className: 'item', onClick: formatLargeHeading },
-            React.createElement("span", { className: 'icon large-heading' }),
-            React.createElement("span", { className: 'text' }, "Large Heading"),
-            blockType === 'h1' && React.createElement("span", { className: 'active' })),
-        React.createElement("button", { className: 'item', onClick: formatSmallHeading },
-            React.createElement("span", { className: 'icon small-heading' }),
-            React.createElement("span", { className: 'text' }, "Small Heading"),
-            blockType === 'h2' && React.createElement("span", { className: 'active' })),
-        React.createElement("button", { className: 'item', onClick: formatBulletList },
-            React.createElement("span", { className: 'icon bullet-list' }),
-            React.createElement("span", { className: 'text' }, "Bullet List"),
-            blockType === 'ul' && React.createElement("span", { className: 'active' })),
-        React.createElement("button", { className: 'item', onClick: formatNumberedList },
-            React.createElement("span", { className: 'icon numbered-list' }),
-            React.createElement("span", { className: 'text' }, "Numbered List"),
-            blockType === 'ol' && React.createElement("span", { className: 'active' })),
-        React.createElement("button", { className: 'item', onClick: formatQuote },
-            React.createElement("span", { className: 'icon quote' }),
-            React.createElement("span", { className: 'text' }, "Quote"),
-            blockType === 'quote' && React.createElement("span", { className: 'active' })),
-        React.createElement("button", { className: 'item', onClick: formatCode },
-            React.createElement("span", { className: 'icon code' }),
-            React.createElement("span", { className: 'text' }, "Code Block"),
-            blockType === 'code' && React.createElement("span", { className: 'active' }))));
-}
-export default function ToolbarPlugin() {
-    var editor = useLexicalComposerContext()[0];
-    var toolbarRef = useRef(null);
-    var _a = useState(false), canUndo = _a[0], setCanUndo = _a[1];
-    var _b = useState(false), canRedo = _b[0], setCanRedo = _b[1];
-    var _c = useState('paragraph'), blockType = _c[0], setBlockType = _c[1];
-    var _d = useState(null), selectedElementKey = _d[0], setSelectedElementKey = _d[1];
-    var _e = useState(false), showBlockOptionsDropDown = _e[0], setShowBlockOptionsDropDown = _e[1];
-    var _f = useState(''), codeLanguage = _f[0], setCodeLanguage = _f[1];
-    var _g = useState(false), setIsRTL = _g[1];
-    var _h = useState(false), isLink = _h[0], setIsLink = _h[1];
-    var _j = useState(false), isBold = _j[0], setIsBold = _j[1];
-    var _k = useState(false), isItalic = _k[0], setIsItalic = _k[1];
-    var _l = useState(false), isUnderline = _l[0], setIsUnderline = _l[1];
-    var _m = useState(false), isStrikethrough = _m[0], setIsStrikethrough = _m[1];
-    var _o = useState(false), isCode = _o[0], setIsCode = _o[1];
-    var _p = useState(function () { return editor.isEditable(); }), isEditable = _p[0], setIsEditable = _p[1];
-    var _q = useState('15px'), fontSize = _q[0], setFontSize = _q[1];
-    var updateToolbar = useCallback(function () {
-        var selection = $getSelection();
-        if ($isRangeSelection(selection)) {
-            var anchorNode = selection.anchor.getNode();
-            var element = anchorNode.getKey() === 'root' ? anchorNode : anchorNode.getTopLevelElementOrThrow();
-            var elementKey = element.getKey();
-            var elementDOM = editor.getElementByKey(elementKey);
-            if (elementDOM !== null) {
-                setSelectedElementKey(elementKey);
-                if ($isListNode(element)) {
-                    var parentList = $getNearestNodeOfType(anchorNode, ListNode);
-                    var type = parentList ? parentList.getTag() : element.getTag();
-                    setBlockType(type);
-                }
-                else {
-                    var type = $isHeadingNode(element) ? element.getTag() : element.getType();
-                    setBlockType(type);
-                    if ($isCodeNode(element)) {
-                        setCodeLanguage(element.getLanguage() || getDefaultCodeLanguage());
-                    }
-                }
-            }
-            setFontSize($getSelectionStyleValueForProperty(selection, 'font-size', '15px'));
-            // Update text format
-            setIsBold(selection.hasFormat('bold'));
-            setIsItalic(selection.hasFormat('italic'));
-            setIsUnderline(selection.hasFormat('underline'));
-            setIsStrikethrough(selection.hasFormat('strikethrough'));
-            setIsCode(selection.hasFormat('code'));
-            setIsRTL($isParentElementRTL(selection));
-            // Update links
-            var node = getSelectedNode(selection);
-            var parent_2 = node.getParent();
-            if ($isLinkNode(parent_2) || $isLinkNode(node)) {
-                setIsLink(true);
-            }
-            else {
-                setIsLink(false);
-            }
-        }
-    }, [editor]);
-    useEffect(function () {
-        mergeRegister(editor.registerEditableListener(function (editable) {
-            setIsEditable(editable);
-        }), editor.registerUpdateListener(function (_a) {
-            var editorState = _a.editorState;
-            editorState.read(function () {
-                updateToolbar();
-            });
-        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, function () {
-            updateToolbar();
-            return false;
-        }, LowPriority), editor.registerCommand(CAN_UNDO_COMMAND, function (payload) {
-            setCanUndo(payload);
-            return false;
-        }, LowPriority), editor.registerCommand(CAN_REDO_COMMAND, function (payload) {
-            setCanRedo(payload);
-            return false;
-        }, LowPriority));
-    }, [editor, updateToolbar]);
-    var codeLanguges = useMemo(function () { return getCodeLanguages(); }, []);
-    var onCodeLanguageSelect = useCallback(function (e) {
-        editor.update(function () {
-            if (selectedElementKey !== null) {
-                var node = $getNodeByKey(selectedElementKey);
-                if ($isCodeNode(node)) {
-                    node.setLanguage(e.target.value);
-                }
-            }
-        });
-    }, [editor, selectedElementKey]);
-    var insertLink = useCallback(function () {
-        if (!isLink) {
-            editor.dispatchCommand(TOGGLE_LINK_COMMAND, 'https://');
-        }
-        else {
-            editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-        }
-    }, [editor, isLink]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: toolbarRef, className: 'toolbar' },
-            React.createElement("button", { "aria-label": 'Undo', className: 'toolbar-item spaced', disabled: !canUndo, onClick: function () {
-                    editor.dispatchCommand(UNDO_COMMAND);
-                }, type: 'button' },
-                React.createElement("i", { className: 'format undo' })),
-            React.createElement("button", { "aria-label": 'Redo', className: 'toolbar-item', disabled: !canRedo, onClick: function () {
-                    editor.dispatchCommand(REDO_COMMAND);
-                }, type: 'button' },
-                React.createElement("i", { className: 'format redo' })),
-            React.createElement(Divider, null),
-            supportedBlockTypes.has(blockType) && (React.createElement(React.Fragment, null,
-                React.createElement("button", { "aria-label": 'Formatting Options', className: 'toolbar-item block-controls', onClick: function () { return setShowBlockOptionsDropDown(!showBlockOptionsDropDown); }, type: 'button' },
-                    React.createElement("span", { className: 'icon block-type ' + blockType }),
-                    React.createElement("span", { className: 'text' }, blockTypeToBlockName[blockType]),
-                    React.createElement("i", { className: 'chevron-down' })),
-                showBlockOptionsDropDown &&
-                    createPortal(React.createElement(BlockOptionsDropdownList, { blockType: blockType, editor: editor, setShowBlockOptionsDropDown: setShowBlockOptionsDropDown, toolbarRef: toolbarRef }), document.body),
-                React.createElement(Divider, null))),
-            React.createElement(FontDropDown, { disabled: !isEditable, editor: editor, style: 'font-size', value: fontSize }),
-            React.createElement(Divider, null),
-            blockType === 'code' ? (React.createElement(React.Fragment, null,
-                React.createElement(Select, { className: 'toolbar-item code-language', onChange: onCodeLanguageSelect, options: codeLanguges, value: codeLanguage }),
-                React.createElement("i", { className: 'chevron-down inside' }))) : (React.createElement(React.Fragment, null,
-                React.createElement("button", { "aria-label": 'Format Bold', className: 'toolbar-item spaced ' + (isBold ? 'active' : ''), onClick: function () {
-                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format bold' })),
-                React.createElement("button", { "aria-label": 'Format Italics', className: 'toolbar-item spaced ' + (isItalic ? 'active' : ''), onClick: function () {
-                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format italic' })),
-                React.createElement("button", { "aria-label": 'Format Underline', className: 'toolbar-item spaced ' + (isUnderline ? 'active' : ''), onClick: function () {
-                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format underline' })),
-                React.createElement("button", { "aria-label": 'Format Strikethrough', className: 'toolbar-item spaced ' + (isStrikethrough ? 'active' : ''), onClick: function () {
-                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format strikethrough' })),
-                React.createElement("button", { "aria-label": 'Insert Code', className: 'toolbar-item spaced ' + (isCode ? 'active' : ''), onClick: function () {
-                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format code' })),
-                React.createElement("button", { "aria-label": 'Insert Link', className: 'toolbar-item spaced ' + (isLink ? 'active' : ''), onClick: insertLink, type: 'button' },
-                    React.createElement("i", { className: 'format link' })),
-                isLink && createPortal(React.createElement(FloatingLinkEditor, { editor: editor }), document.body),
-                React.createElement(Divider, null),
-                React.createElement("button", { "aria-label": 'Left Align', className: 'toolbar-item spaced', onClick: function () {
-                        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format left-align' })),
-                React.createElement("button", { "aria-label": 'Center Align', className: 'toolbar-item spaced', onClick: function () {
-                        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format center-align' })),
-                React.createElement("button", { "aria-label": 'Right Align', className: 'toolbar-item spaced', onClick: function () {
-                        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format right-align' })),
-                React.createElement("button", { "aria-label": 'Justify Align', className: 'toolbar-item', onClick: function () {
-                        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify');
-                    }, type: 'button' },
-                    React.createElement("i", { className: 'format justify-align' })),
-                ' ')))));
-}
-//# sourceMappingURL=ToolbarPlugin.js.map