phx-react 1.3.1569 → 1.3.1571

package/dist/cjs/components/TextEditorV2/nodes/AutocompleteNode.d.ts

@@ -0,0 +1,25 @@
+import type { Spread } from 'lexical';
+import { DecoratorNode, NodeKey, SerializedLexicalNode } from 'lexical';
+import * as React from 'react';
+declare global {
+    interface Navigator {
+        userAgentData?: {
+            mobile: boolean;
+        };
+    }
+}
+export type SerializedAutocompleteNode = Spread<{
+    uuid: string;
+}, SerializedLexicalNode>;
+export declare class AutocompleteNode extends DecoratorNode<React.JSX.Element | null> {
+    __uuid: string;
+    static clone(node: AutocompleteNode): AutocompleteNode;
+    static getType(): 'autocomplete';
+    static importJSON(serializedNode: SerializedAutocompleteNode): AutocompleteNode;
+    exportJSON(): SerializedAutocompleteNode;
+    constructor(uuid: string, key?: NodeKey);
+    updateDOM(): boolean;
+    createDOM(): HTMLElement;
+    decorate(): React.JSX.Element | null;
+}
+export declare function $createAutocompleteNode(uuid: string): AutocompleteNode;

package/dist/cjs/components/TextEditorV2/nodes/AutocompleteNode.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteNode = void 0;
+exports.$createAutocompleteNode = $createAutocompleteNode;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var React = tslib_1.__importStar(require("react"));
+var SharedAutocompleteContext_1 = require("../context/SharedAutocompleteContext");
+var AutocompletePlugin_1 = require("../plugins/AutocompletePlugin");
+var AutocompleteNode = /** @class */ (function (_super) {
+    tslib_1.__extends(AutocompleteNode, _super);
+    function AutocompleteNode(uuid, key) {
+        var _this = _super.call(this, key) || this;
+        _this.__uuid = uuid;
+        return _this;
+    }
+    AutocompleteNode.clone = function (node) {
+        return new AutocompleteNode(node.__uuid, node.__key);
+    };
+    AutocompleteNode.getType = function () {
+        return 'autocomplete';
+    };
+    AutocompleteNode.importJSON = function (serializedNode) {
+        var node = $createAutocompleteNode(serializedNode.uuid);
+        return node;
+    };
+    AutocompleteNode.prototype.exportJSON = function () {
+        return tslib_1.__assign(tslib_1.__assign({}, _super.prototype.exportJSON.call(this)), { type: 'autocomplete', uuid: this.__uuid, version: 1 });
+    };
+    AutocompleteNode.prototype.updateDOM = function () {
+        return false;
+    };
+    AutocompleteNode.prototype.createDOM = function () {
+        return document.createElement('span');
+    };
+    AutocompleteNode.prototype.decorate = function () {
+        if (this.__uuid !== AutocompletePlugin_1.uuid) {
+            return null;
+        }
+        return React.createElement(AutocompleteComponent, null);
+    };
+    return AutocompleteNode;
+}(lexical_1.DecoratorNode));
+exports.AutocompleteNode = AutocompleteNode;
+function $createAutocompleteNode(uuid) {
+    return new AutocompleteNode(uuid);
+}
+function AutocompleteComponent() {
+    var suggestion = (0, SharedAutocompleteContext_1.useSharedAutocompleteContext)()[0];
+    var userAgentData = window.navigator.userAgentData;
+    var isMobile = userAgentData !== undefined ? userAgentData.mobile : window.innerWidth <= 800 && window.innerHeight <= 600;
+    // TODO Move to theme
+    return (React.createElement("span", { spellCheck: 'false', style: { color: '#ccc' } },
+        suggestion,
+        " ",
+        isMobile ? '(SWIPE \u2B95)' : '(TAB)'));
+}
+//# sourceMappingURL=AutocompleteNode.js.map

package/dist/cjs/components/TextEditorV2/nodes/AutocompleteNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteNode.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/nodes/AutocompleteNode.tsx"],"names":[],"mappings":";;;AAoEA,0DAEC;;AArED,mCAAuE;AACvE,mDAA8B;AAC9B,kFAAmF;AACnF,oEAA4D;AAiB5D;IAAsC,4CAAuC;IA0B3E,0BAAY,IAAY,EAAE,GAAa;QACrC,YAAA,MAAK,YAAC,GAAG,CAAC,SAAA;QACV,KAAI,CAAC,MAAM,GAAG,IAAI,CAAA;;IACpB,CAAC;IAzBa,sBAAK,GAAnB,UAAoB,IAAsB;QACxC,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACtD,CAAC;IAEa,wBAAO,GAArB;QACE,OAAO,cAAc,CAAA;IACvB,CAAC;IAEa,2BAAU,GAAxB,UAAyB,cAA0C;QACjE,IAAM,IAAI,GAAG,uBAAuB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;QACzD,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,qCAAU,GAAjB;QACE,6CACK,gBAAK,CAAC,UAAU,WAAE,KACrB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,MAAM,EACjB,OAAO,EAAE,CAAC,IACX;IACH,CAAC;IAOM,oCAAS,GAAhB;QACE,OAAO,KAAK,CAAA;IACd,CAAC;IAEM,oCAAS,GAAhB;QACE,OAAO,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,CAAC;IAEM,mCAAQ,GAAf;QACE,IAAI,IAAI,CAAC,MAAM,KAAK,yBAAI,EAAE,CAAC;YACzB,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO,oBAAC,qBAAqB,OAAG,CAAA;IAClC,CAAC;IACH,uBAAC;AAAD,CAAC,AA7CD,CAAsC,uBAAa,GA6ClD;AA7CY,4CAAgB;AA+C7B,SAAgB,uBAAuB,CAAC,IAAY;IAClD,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACnC,CAAC;AAED,SAAS,qBAAqB;IACrB,IAAA,UAAU,GAAI,IAAA,wDAA4B,GAAE,GAAlC,CAAkC;IACnD,IAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAA;IACpD,IAAM,QAAQ,GACZ,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,WAAW,IAAI,GAAG,CAAA;IAC5G,qBAAqB;IACrB,OAAO,CACL,8BAAM,UAAU,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9C,UAAU;;QAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAC9C,CACR,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/nodes/EmojiNode.d.ts

@@ -0,0 +1,18 @@
+import type { EditorConfig, LexicalNode, NodeKey, SerializedTextNode, Spread } from 'lexical';
+import { TextNode } from 'lexical';
+export type SerializedEmojiNode = Spread<{
+    className: string;
+}, SerializedTextNode>;
+export declare class EmojiNode extends TextNode {
+    __className: string;
+    static getType(): string;
+    static clone(node: EmojiNode): EmojiNode;
+    constructor(className: string, text: string, key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: TextNode, dom: HTMLElement, config: EditorConfig): boolean;
+    static importJSON(serializedNode: SerializedEmojiNode): EmojiNode;
+    exportJSON(): SerializedEmojiNode;
+    getClassName(): string;
+}
+export declare function $isEmojiNode(node: LexicalNode | null | undefined): node is EmojiNode;
+export declare function $createEmojiNode(className: string, emojiText: string): EmojiNode;

package/dist/cjs/components/TextEditorV2/nodes/EmojiNode.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmojiNode = void 0;
+exports.$isEmojiNode = $isEmojiNode;
+exports.$createEmojiNode = $createEmojiNode;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var EmojiNode = /** @class */ (function (_super) {
+    tslib_1.__extends(EmojiNode, _super);
+    function EmojiNode(className, text, key) {
+        var _this = _super.call(this, text, key) || this;
+        _this.__className = className;
+        return _this;
+    }
+    EmojiNode.getType = function () {
+        return 'emoji';
+    };
+    EmojiNode.clone = function (node) {
+        return new EmojiNode(node.__className, node.__text, node.__key);
+    };
+    EmojiNode.prototype.createDOM = function (config) {
+        var dom = document.createElement('span');
+        var inner = _super.prototype.createDOM.call(this, config);
+        dom.className = this.__className;
+        inner.className = 'emoji-inner';
+        dom.appendChild(inner);
+        return dom;
+    };
+    EmojiNode.prototype.updateDOM = function (prevNode, dom, config) {
+        var inner = dom.firstChild;
+        if (inner === null) {
+            return true;
+        }
+        _super.prototype.updateDOM.call(this, prevNode, inner, config);
+        return false;
+    };
+    EmojiNode.importJSON = function (serializedNode) {
+        var node = $createEmojiNode(serializedNode.className, serializedNode.text);
+        node.setFormat(serializedNode.format);
+        node.setDetail(serializedNode.detail);
+        node.setMode(serializedNode.mode);
+        node.setStyle(serializedNode.style);
+        return node;
+    };
+    EmojiNode.prototype.exportJSON = function () {
+        return tslib_1.__assign(tslib_1.__assign({}, _super.prototype.exportJSON.call(this)), { className: this.getClassName(), type: 'emoji' });
+    };
+    EmojiNode.prototype.getClassName = function () {
+        var self = this.getLatest();
+        return self.__className;
+    };
+    return EmojiNode;
+}(lexical_1.TextNode));
+exports.EmojiNode = EmojiNode;
+function $isEmojiNode(node) {
+    return node instanceof EmojiNode;
+}
+function $createEmojiNode(className, emojiText) {
+    var node = new EmojiNode(className, emojiText).setMode('token');
+    return (0, lexical_1.$applyNodeReplacement)(node);
+}
+//# sourceMappingURL=EmojiNode.js.map

package/dist/cjs/components/TextEditorV2/nodes/EmojiNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiNode.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/nodes/EmojiNode.tsx"],"names":[],"mappings":";;;AAmEA,oCAEC;AAED,4CAGC;;AAzED,mCAAyD;AASzD;IAA+B,qCAAQ;IAWrC,mBAAY,SAAiB,EAAE,IAAY,EAAE,GAAa;QACxD,YAAA,MAAK,YAAC,IAAI,EAAE,GAAG,CAAC,SAAA;QAChB,KAAI,CAAC,WAAW,GAAG,SAAS,CAAA;;IAC9B,CAAC;IAXa,iBAAO,GAArB;QACE,OAAO,OAAO,CAAA;IAChB,CAAC;IAEa,eAAK,GAAnB,UAAoB,IAAe;QACjC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACjE,CAAC;IAOM,6BAAS,GAAhB,UAAiB,MAAoB;QACnC,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAM,KAAK,GAAG,gBAAK,CAAC,SAAS,YAAC,MAAM,CAAC,CAAA;QACrC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAA;QAChC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAA;QAC/B,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,OAAO,GAAG,CAAA;IACZ,CAAC;IAEM,6BAAS,GAAhB,UAAiB,QAAkB,EAAE,GAAgB,EAAE,MAAoB;QACzE,IAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAA;QAC5B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;QACb,CAAC;QACD,gBAAK,CAAC,SAAS,YAAC,QAAQ,EAAE,KAAoB,EAAE,MAAM,CAAC,CAAA;QACvD,OAAO,KAAK,CAAA;IACd,CAAC;IAEa,oBAAU,GAAxB,UAAyB,cAAmC;QAC1D,IAAM,IAAI,GAAG,gBAAgB,CAAC,cAAc,CAAC,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;QACjC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QACnC,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,8BAAU,GAAjB;QACE,6CACK,gBAAK,CAAC,UAAU,WAAE,KACrB,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,EAC9B,IAAI,EAAE,OAAO,IACd;IACH,CAAC;IAEM,gCAAY,GAAnB;QACE,IAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QAC7B,OAAO,IAAI,CAAC,WAAW,CAAA;IACzB,CAAC;IACH,gBAAC;AAAD,CAAC,AAvDD,CAA+B,kBAAQ,GAuDtC;AAvDY,8BAAS;AAyDtB,SAAgB,YAAY,CAAC,IAAoC;IAC/D,OAAO,IAAI,YAAY,SAAS,CAAA;AAClC,CAAC;AAED,SAAgB,gBAAgB,CAAC,SAAiB,EAAE,SAAiB;IACnE,IAAM,IAAI,GAAG,IAAI,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACjE,OAAO,IAAA,+BAAqB,EAAC,IAAI,CAAC,CAAA;AACpC,CAAC"}

package/dist/cjs/components/TextEditorV2/nodes/EquationComponent.d.ts

@@ -0,0 +1,9 @@
+import { NodeKey } from 'lexical';
+import * as React from 'react';
+type EquationComponentProps = {
+    equation: string;
+    inline: boolean;
+    nodeKey: NodeKey;
+};
+export default function EquationComponent({ equation, inline, nodeKey }: EquationComponentProps): React.JSX.Element;
+export {};

package/dist/cjs/components/TextEditorV2/nodes/EquationComponent.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EquationComponent;
+var tslib_1 = require("tslib");
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var utils_1 = require("@lexical/utils");
+var lexical_1 = require("lexical");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var react_error_boundary_1 = require("react-error-boundary");
+var EquationEditor_1 = tslib_1.__importDefault(require("../ui/EquationEditor"));
+var KatexRenderer_1 = tslib_1.__importDefault(require("../ui/KatexRenderer"));
+var EquationNode_1 = require("./EquationNode");
+function EquationComponent(_a) {
+    var equation = _a.equation, inline = _a.inline, nodeKey = _a.nodeKey;
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    var _b = (0, react_1.useState)(equation), equationValue = _b[0], setEquationValue = _b[1];
+    var _c = (0, react_1.useState)(false), showEquationEditor = _c[0], setShowEquationEditor = _c[1];
+    var inputRef = (0, react_1.useRef)(null);
+    var onHide = (0, react_1.useCallback)(function (restoreSelection) {
+        setShowEquationEditor(false);
+        editor.update(function () {
+            var node = (0, lexical_1.$getNodeByKey)(nodeKey);
+            if ((0, EquationNode_1.$isEquationNode)(node)) {
+                node.setEquation(equationValue);
+                if (restoreSelection) {
+                    node.selectNext(0, 0);
+                }
+            }
+        });
+    }, [editor, equationValue, nodeKey]);
+    (0, react_1.useEffect)(function () {
+        if (!showEquationEditor && equationValue !== equation) {
+            setEquationValue(equation);
+        }
+    }, [showEquationEditor, equation, equationValue]);
+    (0, react_1.useEffect)(function () {
+        if (showEquationEditor) {
+            return (0, utils_1.mergeRegister)(editor.registerCommand(lexical_1.SELECTION_CHANGE_COMMAND, function () {
+                var activeElement = document.activeElement;
+                var inputElem = inputRef.current;
+                if (inputElem !== activeElement) {
+                    onHide();
+                }
+                return false;
+            }, lexical_1.COMMAND_PRIORITY_HIGH), editor.registerCommand(lexical_1.KEY_ESCAPE_COMMAND, function () {
+                var activeElement = document.activeElement;
+                var inputElem = inputRef.current;
+                if (inputElem === activeElement) {
+                    onHide(true);
+                    return true;
+                }
+                return false;
+            }, lexical_1.COMMAND_PRIORITY_HIGH));
+        }
+        else {
+            return editor.registerUpdateListener(function (_a) {
+                var editorState = _a.editorState;
+                var isSelected = editorState.read(function () {
+                    var selection = (0, lexical_1.$getSelection)();
+                    return (0, lexical_1.$isNodeSelection)(selection) && selection.has(nodeKey) && selection.getNodes().length === 1;
+                });
+                if (isSelected) {
+                    setShowEquationEditor(true);
+                }
+            });
+        }
+    }, [editor, nodeKey, onHide, showEquationEditor]);
+    return (React.createElement(React.Fragment, null, showEquationEditor ? (React.createElement(EquationEditor_1.default, { ref: inputRef, equation: equationValue, inline: inline, setEquation: setEquationValue })) : (React.createElement(react_error_boundary_1.ErrorBoundary, { fallback: null, onError: function (e) { return editor._onError(e); } },
+        React.createElement(KatexRenderer_1.default, { equation: equationValue, inline: inline, onDoubleClick: function () { return setShowEquationEditor(true); } })))));
+}
+//# sourceMappingURL=EquationComponent.js.map

package/dist/cjs/components/TextEditorV2/nodes/EquationComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationComponent.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/nodes/EquationComponent.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TextEditorV2/nodes/EquationNode.d.ts

@@ -0,0 +1,26 @@
+import type { DOMConversionMap, EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { DecoratorNode, DOMExportOutput } from 'lexical';
+import * as React from 'react';
+export type SerializedEquationNode = Spread<{
+    equation: string;
+    inline: boolean;
+}, SerializedLexicalNode>;
+export declare class EquationNode extends DecoratorNode<React.JSX.Element> {
+    __equation: string;
+    __inline: boolean;
+    static getType(): string;
+    static clone(node: EquationNode): EquationNode;
+    constructor(equation: string, inline?: boolean, key?: NodeKey);
+    static importJSON(serializedNode: SerializedEquationNode): EquationNode;
+    exportJSON(): SerializedEquationNode;
+    createDOM(_config: EditorConfig): HTMLElement;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    updateDOM(prevNode: EquationNode): boolean;
+    getTextContent(): string;
+    getEquation(): string;
+    setEquation(equation: string): void;
+    decorate(): React.JSX.Element;
+}
+export declare function $createEquationNode(equation?: string, inline?: boolean): EquationNode;
+export declare function $isEquationNode(node: LexicalNode | null | undefined): node is EquationNode;

package/dist/cjs/components/TextEditorV2/nodes/EquationNode.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EquationNode = void 0;
+exports.$createEquationNode = $createEquationNode;
+exports.$isEquationNode = $isEquationNode;
+var tslib_1 = require("tslib");
+var katex_1 = tslib_1.__importDefault(require("katex"));
+var lexical_1 = require("lexical");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var EquationComponent = React.lazy(
+// @ts-ignore
+function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('./EquationComponent')); }); });
+function convertEquationElement(domNode) {
+    var equation = domNode.getAttribute('data-lexical-equation');
+    var inline = domNode.getAttribute('data-lexical-inline') === 'true';
+    // Decode the equation from base64
+    equation = atob(equation || '');
+    if (equation) {
+        var node = $createEquationNode(equation, inline);
+        return { node: node };
+    }
+    return null;
+}
+var EquationNode = /** @class */ (function (_super) {
+    tslib_1.__extends(EquationNode, _super);
+    function EquationNode(equation, inline, key) {
+        var _this = _super.call(this, key) || this;
+        _this.__equation = equation;
+        _this.__inline = inline !== null && inline !== void 0 ? inline : false;
+        return _this;
+    }
+    EquationNode.getType = function () {
+        return 'equation';
+    };
+    EquationNode.clone = function (node) {
+        return new EquationNode(node.__equation, node.__inline, node.__key);
+    };
+    EquationNode.importJSON = function (serializedNode) {
+        var node = $createEquationNode(serializedNode.equation, serializedNode.inline);
+        return node;
+    };
+    EquationNode.prototype.exportJSON = function () {
+        return {
+            equation: this.getEquation(),
+            inline: this.__inline,
+            type: 'equation',
+            version: 1,
+        };
+    };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    EquationNode.prototype.createDOM = function (_config) {
+        var element = document.createElement(this.__inline ? 'span' : 'div');
+        // EquationNodes should implement `user-action:none` in their CSS to avoid issues with deletion on Android.
+        element.className = 'editor-equation';
+        return element;
+    };
+    EquationNode.prototype.exportDOM = function () {
+        var element = document.createElement(this.__inline ? 'span' : 'div');
+        // Encode the equation as base64 to avoid issues with special characters
+        var equation = btoa(this.__equation);
+        element.setAttribute('data-lexical-equation', equation);
+        element.setAttribute('data-lexical-inline', "".concat(this.__inline));
+        katex_1.default.render(this.__equation, element, {
+            displayMode: !this.__inline, // true === block display //
+            errorColor: '#cc0000',
+            output: 'html',
+            strict: 'warn',
+            throwOnError: false,
+            trust: false,
+        });
+        return { element: element };
+    };
+    EquationNode.importDOM = function () {
+        return {
+            div: function (domNode) {
+                if (!domNode.hasAttribute('data-lexical-equation')) {
+                    return null;
+                }
+                return {
+                    conversion: convertEquationElement,
+                    priority: 2,
+                };
+            },
+            span: function (domNode) {
+                if (!domNode.hasAttribute('data-lexical-equation')) {
+                    return null;
+                }
+                return {
+                    conversion: convertEquationElement,
+                    priority: 1,
+                };
+            },
+        };
+    };
+    EquationNode.prototype.updateDOM = function (prevNode) {
+        // If the inline property changes, replace the element
+        return this.__inline !== prevNode.__inline;
+    };
+    EquationNode.prototype.getTextContent = function () {
+        return this.__equation;
+    };
+    EquationNode.prototype.getEquation = function () {
+        return this.__equation;
+    };
+    EquationNode.prototype.setEquation = function (equation) {
+        var writable = this.getWritable();
+        writable.__equation = equation;
+    };
+    EquationNode.prototype.decorate = function () {
+        return (React.createElement(react_1.Suspense, { fallback: null },
+            React.createElement(EquationComponent, { equation: this.__equation, inline: this.__inline, nodeKey: this.__key })));
+    };
+    return EquationNode;
+}(lexical_1.DecoratorNode));
+exports.EquationNode = EquationNode;
+function $createEquationNode(equation, inline) {
+    if (equation === void 0) { equation = ''; }
+    if (inline === void 0) { inline = false; }
+    var equationNode = new EquationNode(equation, inline);
+    return (0, lexical_1.$applyNodeReplacement)(equationNode);
+}
+function $isEquationNode(node) {
+    return node instanceof EquationNode;
+}
+//# sourceMappingURL=EquationNode.js.map

package/dist/cjs/components/TextEditorV2/nodes/EquationNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationNode.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/nodes/EquationNode.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TextEditorV2/nodes/ExcalidrawNode/ExcalidrawComponent.d.ts

@@ -0,0 +1,6 @@
+import type { NodeKey } from 'lexical';
+import * as React from 'react';
+export default function ExcalidrawComponent({ data, nodeKey }: {
+    data: string;
+    nodeKey: NodeKey;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/nodes/ExcalidrawNode/ExcalidrawComponent.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ExcalidrawComponent;
+var tslib_1 = require("tslib");
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var useLexicalNodeSelection_1 = require("@lexical/react/useLexicalNodeSelection");
+var utils_1 = require("@lexical/utils");
+var lexical_1 = require("lexical");
+var react_1 = require("react");
+var React = tslib_1.__importStar(require("react"));
+var ImageResizer_1 = tslib_1.__importDefault(require("../../ui/ImageResizer"));
+var ExcalidrawImage_1 = tslib_1.__importDefault(require("./ExcalidrawImage"));
+var ExcalidrawModal_1 = tslib_1.__importDefault(require("./ExcalidrawModal"));
+var _1 = require(".");
+function ExcalidrawComponent(_a) {
+    var data = _a.data, nodeKey = _a.nodeKey;
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    var _b = (0, react_1.useState)(data === '[]' && editor.isEditable()), isModalOpen = _b[0], setModalOpen = _b[1];
+    var imageContainerRef = (0, react_1.useRef)(null);
+    var buttonRef = (0, react_1.useRef)(null);
+    var _c = (0, useLexicalNodeSelection_1.useLexicalNodeSelection)(nodeKey), isSelected = _c[0], setSelected = _c[1], clearSelection = _c[2];
+    var _d = (0, react_1.useState)(false), isResizing = _d[0], setIsResizing = _d[1];
+    var onDelete = (0, react_1.useCallback)(function (event) {
+        if (isSelected && (0, lexical_1.$isNodeSelection)((0, lexical_1.$getSelection)())) {
+            event.preventDefault();
+            editor.update(function () {
+                var node = (0, lexical_1.$getNodeByKey)(nodeKey);
+                if ((0, _1.$isExcalidrawNode)(node)) {
+                    node.remove();
+                }
+            });
+        }
+        return false;
+    }, [editor, isSelected, nodeKey]);
+    // Set editor to readOnly if excalidraw is open to prevent unwanted changes
+    (0, react_1.useEffect)(function () {
+        if (isModalOpen) {
+            editor.setEditable(false);
+        }
+        else {
+            editor.setEditable(true);
+        }
+    }, [isModalOpen, editor]);
+    (0, react_1.useEffect)(function () {
+        return (0, utils_1.mergeRegister)(editor.registerCommand(lexical_1.CLICK_COMMAND, function (event) {
+            var buttonElem = buttonRef.current;
+            var eventTarget = event.target;
+            if (isResizing) {
+                return true;
+            }
+            if (buttonElem !== null && buttonElem.contains(eventTarget)) {
+                if (!event.shiftKey) {
+                    clearSelection();
+                }
+                setSelected(!isSelected);
+                if (event.detail > 1) {
+                    setModalOpen(true);
+                }
+                return true;
+            }
+            return false;
+        }, lexical_1.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical_1.KEY_DELETE_COMMAND, onDelete, lexical_1.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical_1.KEY_BACKSPACE_COMMAND, onDelete, lexical_1.COMMAND_PRIORITY_LOW));
+    }, [clearSelection, editor, isSelected, isResizing, onDelete, setSelected]);
+    var deleteNode = (0, react_1.useCallback)(function () {
+        setModalOpen(false);
+        return editor.update(function () {
+            var node = (0, lexical_1.$getNodeByKey)(nodeKey);
+            if ((0, _1.$isExcalidrawNode)(node)) {
+                node.remove();
+            }
+        });
+    }, [editor, nodeKey]);
+    var setData = function (els, aps, fls) {
+        if (!editor.isEditable()) {
+            return;
+        }
+        return editor.update(function () {
+            var node = (0, lexical_1.$getNodeByKey)(nodeKey);
+            if ((0, _1.$isExcalidrawNode)(node)) {
+                if (els.length > 0 || Object.keys(fls).length > 0) {
+                    node.setData(JSON.stringify({
+                        appState: aps,
+                        elements: els,
+                        files: fls,
+                    }));
+                }
+                else {
+                    node.remove();
+                }
+            }
+        });
+    };
+    var onResizeStart = function () {
+        setIsResizing(true);
+    };
+    var onResizeEnd = function () {
+        // Delay hiding the resize bars for click case
+        setTimeout(function () {
+            setIsResizing(false);
+        }, 200);
+    };
+    var openModal = (0, react_1.useCallback)(function () {
+        setModalOpen(true);
+    }, []);
+    var _e = (0, react_1.useMemo)(function () { return JSON.parse(data); }, [data]), _f = _e.appState, appState = _f === void 0 ? {} : _f, _g = _e.elements, elements = _g === void 0 ? [] : _g, _h = _e.files, files = _h === void 0 ? {} : _h;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ExcalidrawModal_1.default, { closeOnClickOutside: false, initialAppState: appState, initialElements: elements, initialFiles: files, isShown: isModalOpen, onClose: function () { return setModalOpen(false); }, onDelete: deleteNode, onSave: function (els, aps, fls) {
+                editor.setEditable(true);
+                setData(els, aps, fls);
+                setModalOpen(false);
+            } }),
+        elements.length > 0 && (React.createElement("button", { ref: buttonRef, className: "excalidraw-button ".concat(isSelected ? 'selected' : ''), type: 'button' },
+            React.createElement(ExcalidrawImage_1.default, { appState: appState, className: 'image', elements: elements, files: files, imageContainerRef: imageContainerRef }),
+            isSelected && (React.createElement("div", { className: 'image-edit-button', onClick: openModal, onMouseDown: function (event) { return event.preventDefault(); }, role: 'button', tabIndex: 0 })),
+            (isSelected || isResizing) && (React.createElement(ImageResizer_1.default, { editor: editor, imageRef: imageContainerRef, onResizeEnd: onResizeEnd, onResizeStart: onResizeStart }))))));
+}
+//# sourceMappingURL=ExcalidrawComponent.js.map

package/dist/cjs/components/TextEditorV2/nodes/ExcalidrawNode/ExcalidrawComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcalidrawComponent.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/nodes/ExcalidrawNode/ExcalidrawComponent.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TextEditorV2/nodes/ExcalidrawNode/ExcalidrawImage.d.ts

@@ -0,0 +1,50 @@
+import { ExcalidrawElement, NonDeleted } from '@excalidraw/excalidraw/types/element/types';
+import { AppState, BinaryFiles } from '@excalidraw/excalidraw/types/types';
+import * as React from 'react';
+type ImageType = 'svg' | 'canvas';
+type Props = {
+    /**
+     * Configures the export setting for SVG/Canvas
+     */
+    appState: AppState;
+    /**
+     * The css class applied to image to be rendered
+     */
+    className?: string;
+    /**
+     * The Excalidraw elements to be rendered as an image
+     */
+    elements: Array<NonDeleted<ExcalidrawElement>>;
+    /**
+     * The Excalidraw elements to be rendered as an image
+     */
+    files: BinaryFiles;
+    /**
+     * The height of the image to be rendered
+     */
+    height?: number | null;
+    /**
+     * The ref object to be used to render the image
+     */
+    imageContainerRef: {
+        current: null | HTMLDivElement;
+    };
+    /**
+     * The type of image to be rendered
+     */
+    imageType?: ImageType;
+    /**
+     * The css class applied to the root element of this component
+     */
+    rootClassName?: string | null;
+    /**
+     * The width of the image to be rendered
+     */
+    width?: number | null;
+};
+/**
+ * @explorer-desc
+ * A component for rendering Excalidraw elements as a static image
+ */
+export default function ExcalidrawImage({ appState, elements, files, imageContainerRef, rootClassName, }: Props): React.JSX.Element;
+export {};