phx-react 1.3.1569 → 1.3.1571

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ExcalidrawImage;
+var tslib_1 = require("tslib");
+var excalidraw_1 = require("@excalidraw/excalidraw");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+// exportToSvg has fonts from excalidraw.com
+// We don't want them to be used in open source
+var removeStyleFromSvg_HACK = function (svg) {
+    var _a;
+    var styleTag = (_a = svg === null || svg === void 0 ? void 0 : svg.firstElementChild) === null || _a === void 0 ? void 0 : _a.firstElementChild;
+    // Generated SVG is getting double-sized by height and width attributes
+    // We want to match the real size of the SVG element
+    var viewBox = svg.getAttribute('viewBox');
+    if (viewBox != null) {
+        var viewBoxDimensions = viewBox.split(' ');
+        svg.setAttribute('width', viewBoxDimensions[2]);
+        svg.setAttribute('height', viewBoxDimensions[3]);
+    }
+    if (styleTag && styleTag.tagName === 'style') {
+        styleTag.remove();
+    }
+};
+/**
+ * @explorer-desc
+ * A component for rendering Excalidraw elements as a static image
+ */
+function ExcalidrawImage(_a) {
+    var _this = this;
+    var _b;
+    var appState = _a.appState, elements = _a.elements, files = _a.files, imageContainerRef = _a.imageContainerRef, _c = _a.rootClassName, rootClassName = _c === void 0 ? null : _c;
+    var _d = (0, react_1.useState)(null), Svg = _d[0], setSvg = _d[1];
+    (0, react_1.useEffect)(function () {
+        var setContent = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var svg;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, (0, excalidraw_1.exportToSvg)({
+                            appState: appState,
+                            elements: elements,
+                            files: files,
+                        })];
+                    case 1:
+                        svg = _a.sent();
+                        removeStyleFromSvg_HACK(svg);
+                        svg.setAttribute('width', '100%');
+                        svg.setAttribute('height', '100%');
+                        svg.setAttribute('display', 'block');
+                        setSvg(svg);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        setContent();
+    }, [elements, files, appState]);
+    return (React.createElement("div", { ref: imageContainerRef, className: rootClassName !== null && rootClassName !== void 0 ? rootClassName : '', dangerouslySetInnerHTML: { __html: (_b = Svg === null || Svg === void 0 ? void 0 : Svg.outerHTML) !== null && _b !== void 0 ? _b : '' } }));
+}
+//# sourceMappingURL=ExcalidrawImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExcalidrawImage.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/nodes/ExcalidrawNode/ExcalidrawImage.tsx"],"names":[],"mappings":";;AA0EA,kCAkCC;;AA5GD,qDAAoD;AAGpD,mDAA8B;AAC9B,+BAA2C;AA+C3C,4CAA4C;AAC5C,+CAA+C;AAC/C,IAAM,uBAAuB,GAAG,UAAC,GAAe;;IAC9C,IAAM,QAAQ,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,0CAAE,iBAAiB,CAAA;IAE1D,uEAAuE;IACvE,oDAAoD;IACpD,IAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;IAC3C,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,IAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC5C,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;QAC/C,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;QAC7C,QAAQ,CAAC,MAAM,EAAE,CAAA;IACnB,CAAC;AACH,CAAC,CAAA;AAED;;;GAGG;AACH,SAAwB,eAAe,CAAC,EAMhC;IANR,iBAkCC;;QAjCC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAiB,uBAAA,EACjB,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA;IAEd,IAAA,KAAgB,IAAA,gBAAQ,EAAoB,IAAI,CAAC,EAAhD,GAAG,QAAA,EAAE,MAAM,QAAqC,CAAA;IAEvD,IAAA,iBAAS,EAAC;QACR,IAAM,UAAU,GAAG;;;;4BACO,qBAAM,IAAA,wBAAW,EAAC;4BACxC,QAAQ,UAAA;4BACR,QAAQ,UAAA;4BACR,KAAK,OAAA;yBACN,CAAC,EAAA;;wBAJI,GAAG,GAAe,SAItB;wBACF,uBAAuB,CAAC,GAAG,CAAC,CAAA;wBAE5B,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;wBACjC,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;wBAClC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;wBAEpC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;aACZ,CAAA;QACD,UAAU,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE/B,OAAO,CACL,6BACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,EAC9B,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,mCAAI,EAAE,EAAE,GACzD,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,44 @@
+import { AppState, BinaryFiles, ExcalidrawImperativeAPI } from '@excalidraw/excalidraw/types/types';
+import { ReactPortal } from 'react';
+export type ExcalidrawElementFragment = {
+    isDeleted?: boolean;
+};
+type Props = {
+    closeOnClickOutside?: boolean;
+    /**
+     * The initial set of elements to draw into the scene
+     */
+    initialElements: ReadonlyArray<ExcalidrawElementFragment>;
+    /**
+     * The initial set of elements to draw into the scene
+     */
+    initialAppState: AppState;
+    /**
+     * The initial set of elements to draw into the scene
+     */
+    initialFiles: BinaryFiles;
+    /**
+     * Controls the visibility of the modal
+     */
+    isShown?: boolean;
+    /**
+     * Callback when closing and discarding the new changes
+     */
+    onClose(): void;
+    /**
+     * Completely remove Excalidraw component
+     */
+    onDelete(): void;
+    /**
+     * Callback when the save button is clicked
+     */
+    onSave(elements: ReadonlyArray<ExcalidrawElementFragment>, appState: Partial<AppState>, files: BinaryFiles): void;
+};
+export declare const useCallbackRefState: () => readonly [ExcalidrawImperativeAPI | null, (value: ExcalidrawImperativeAPI | null) => void];
+/**
+ * @explorer-desc
+ * A component which renders a modal with Excalidraw (a painting app)
+ * which can be used to export an editable image
+ */
+export default function ExcalidrawModal({ closeOnClickOutside, initialAppState, initialElements, initialFiles, isShown, onClose, onDelete, onSave, }: Props): ReactPortal | null;
+export {};

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

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCallbackRefState = void 0;
+exports.default = ExcalidrawModal;
+var tslib_1 = require("tslib");
+var excalidraw_1 = require("@excalidraw/excalidraw");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var Button_1 = tslib_1.__importDefault(require("../../ui/Button"));
+var Modal_1 = tslib_1.__importDefault(require("../../ui/Modal"));
+var useCallbackRefState = function () {
+    var _a = React.useState(null), refValue = _a[0], setRefValue = _a[1];
+    var refCallback = React.useCallback(function (value) { return setRefValue(value); }, []);
+    return [refValue, refCallback];
+};
+exports.useCallbackRefState = useCallbackRefState;
+/**
+ * @explorer-desc
+ * A component which renders a modal with Excalidraw (a painting app)
+ * which can be used to export an editable image
+ */
+function ExcalidrawModal(_a) {
+    var _b = _a.closeOnClickOutside, closeOnClickOutside = _b === void 0 ? false : _b, initialAppState = _a.initialAppState, initialElements = _a.initialElements, initialFiles = _a.initialFiles, _c = _a.isShown, isShown = _c === void 0 ? false : _c, onClose = _a.onClose, onDelete = _a.onDelete, onSave = _a.onSave;
+    var excaliDrawModelRef = (0, react_1.useRef)(null);
+    var _d = (0, exports.useCallbackRefState)(), excalidrawAPI = _d[0], excalidrawAPIRefCallback = _d[1];
+    var _e = (0, react_1.useState)(false), discardModalOpen = _e[0], setDiscardModalOpen = _e[1];
+    var _f = (0, react_1.useState)(initialElements), elements = _f[0], setElements = _f[1];
+    var _g = (0, react_1.useState)(initialFiles), files = _g[0], setFiles = _g[1];
+    (0, react_1.useEffect)(function () {
+        if (excaliDrawModelRef.current !== null) {
+            excaliDrawModelRef.current.focus();
+        }
+    }, []);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        var modalOverlayElement = null;
+        var clickOutsideHandler = function (event) {
+            var target = event.target;
+            if (excaliDrawModelRef.current !== null &&
+                !excaliDrawModelRef.current.contains(target) &&
+                closeOnClickOutside) {
+                onDelete();
+            }
+        };
+        if (excaliDrawModelRef.current !== null) {
+            modalOverlayElement = (_a = excaliDrawModelRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+            if (modalOverlayElement !== null) {
+                modalOverlayElement === null || modalOverlayElement === void 0 ? void 0 : modalOverlayElement.addEventListener('click', clickOutsideHandler);
+            }
+        }
+        return function () {
+            if (modalOverlayElement !== null) {
+                modalOverlayElement === null || modalOverlayElement === void 0 ? void 0 : modalOverlayElement.removeEventListener('click', clickOutsideHandler);
+            }
+        };
+    }, [closeOnClickOutside, onDelete]);
+    (0, react_1.useLayoutEffect)(function () {
+        var currentModalRef = excaliDrawModelRef.current;
+        var onKeyDown = function (event) {
+            if (event.key === 'Escape') {
+                onDelete();
+            }
+        };
+        if (currentModalRef !== null) {
+            currentModalRef.addEventListener('keydown', onKeyDown);
+        }
+        return function () {
+            if (currentModalRef !== null) {
+                currentModalRef.removeEventListener('keydown', onKeyDown);
+            }
+        };
+    }, [elements, files, onDelete]);
+    var save = function () {
+        if (elements.filter(function (el) { return !el.isDeleted; }).length > 0) {
+            var appState = excalidrawAPI === null || excalidrawAPI === void 0 ? void 0 : excalidrawAPI.getAppState();
+            // We only need a subset of the state
+            var partialState = {
+                exportBackground: appState === null || appState === void 0 ? void 0 : appState.exportBackground,
+                exportScale: appState === null || appState === void 0 ? void 0 : appState.exportScale,
+                exportWithDarkMode: (appState === null || appState === void 0 ? void 0 : appState.theme) === 'dark',
+                isBindingEnabled: appState === null || appState === void 0 ? void 0 : appState.isBindingEnabled,
+                isLoading: appState === null || appState === void 0 ? void 0 : appState.isLoading,
+                name: appState === null || appState === void 0 ? void 0 : appState.name,
+                theme: appState === null || appState === void 0 ? void 0 : appState.theme,
+                viewBackgroundColor: appState === null || appState === void 0 ? void 0 : appState.viewBackgroundColor,
+                viewModeEnabled: appState === null || appState === void 0 ? void 0 : appState.viewModeEnabled,
+                zenModeEnabled: appState === null || appState === void 0 ? void 0 : appState.zenModeEnabled,
+                zoom: appState === null || appState === void 0 ? void 0 : appState.zoom,
+            };
+            onSave(elements, partialState, files);
+        }
+        else {
+            // delete node if the scene is clear
+            onDelete();
+        }
+    };
+    var discard = function () {
+        if (elements.filter(function (el) { return !el.isDeleted; }).length === 0) {
+            // delete node if the scene is clear
+            onDelete();
+        }
+        else {
+            // Otherwise, show confirmation dialog before closing
+            setDiscardModalOpen(true);
+        }
+    };
+    function ShowDiscardDialog() {
+        return (React.createElement(Modal_1.default, { closeOnClickOutside: false, onClose: function () {
+                setDiscardModalOpen(false);
+            }, title: 'Discard' },
+            "Are you sure you want to discard the changes?",
+            React.createElement("div", { className: 'ExcalidrawModal__discardModal' },
+                React.createElement(Button_1.default, { onClick: function () {
+                        setDiscardModalOpen(false);
+                        onClose();
+                    } }, "Discard"),
+                ' ',
+                React.createElement(Button_1.default, { onClick: function () {
+                        setDiscardModalOpen(false);
+                    } }, "Cancel"))));
+    }
+    if (isShown === false) {
+        return null;
+    }
+    var onChange = function (els, _, fls) {
+        setElements(els);
+        setFiles(fls);
+    };
+    return (0, react_dom_1.createPortal)(React.createElement("div", { className: 'ExcalidrawModal__overlay', role: 'dialog' },
+        React.createElement("div", { ref: excaliDrawModelRef, className: 'ExcalidrawModal__modal', tabIndex: -1 },
+            React.createElement("div", { className: 'ExcalidrawModal__row' },
+                discardModalOpen && React.createElement(ShowDiscardDialog, null),
+                React.createElement(excalidraw_1.Excalidraw, { excalidrawAPI: excalidrawAPIRefCallback, initialData: {
+                        appState: initialAppState || { isLoading: false },
+                        elements: initialElements,
+                        files: initialFiles,
+                    }, onChange: onChange }),
+                React.createElement("div", { className: 'ExcalidrawModal__actions' },
+                    React.createElement("button", { className: 'action-button', onClick: discard, type: 'button' }, "Discard"),
+                    React.createElement("button", { className: 'action-button', onClick: save, type: 'button' }, "Save"))))), document.body);
+}
+//# sourceMappingURL=ExcalidrawModal.js.map

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

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

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

@@ -0,0 +1,22 @@
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { DecoratorNode } from 'lexical';
+import * as React from 'react';
+export type SerializedExcalidrawNode = Spread<{
+    data: string;
+}, SerializedLexicalNode>;
+export declare class ExcalidrawNode extends DecoratorNode<React.JSX.Element> {
+    __data: string;
+    static getType(): string;
+    static clone(node: ExcalidrawNode): ExcalidrawNode;
+    static importJSON(serializedNode: SerializedExcalidrawNode): ExcalidrawNode;
+    exportJSON(): SerializedExcalidrawNode;
+    constructor(data?: string, key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): false;
+    static importDOM(): DOMConversionMap<HTMLSpanElement> | null;
+    exportDOM(editor: LexicalEditor): DOMExportOutput;
+    setData(data: string): void;
+    decorate(): React.JSX.Element;
+}
+export declare function $createExcalidrawNode(): ExcalidrawNode;
+export declare function $isExcalidrawNode(node: LexicalNode | null): node is ExcalidrawNode;

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

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExcalidrawNode = void 0;
+exports.$createExcalidrawNode = $createExcalidrawNode;
+exports.$isExcalidrawNode = $isExcalidrawNode;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var ExcalidrawComponent = React.lazy(
+// @ts-ignore
+function () { return Promise.resolve().then(function () { return tslib_1.__importStar(require('./ExcalidrawComponent')); }); });
+function convertExcalidrawElement(domNode) {
+    var excalidrawData = domNode.getAttribute('data-lexical-excalidraw-json');
+    if (excalidrawData) {
+        var node = $createExcalidrawNode();
+        node.__data = excalidrawData;
+        return {
+            node: node,
+        };
+    }
+    return null;
+}
+var ExcalidrawNode = /** @class */ (function (_super) {
+    tslib_1.__extends(ExcalidrawNode, _super);
+    function ExcalidrawNode(data, key) {
+        if (data === void 0) { data = '[]'; }
+        var _this = _super.call(this, key) || this;
+        _this.__data = data;
+        return _this;
+    }
+    ExcalidrawNode.getType = function () {
+        return 'excalidraw';
+    };
+    ExcalidrawNode.clone = function (node) {
+        return new ExcalidrawNode(node.__data, node.__key);
+    };
+    ExcalidrawNode.importJSON = function (serializedNode) {
+        return new ExcalidrawNode(serializedNode.data);
+    };
+    ExcalidrawNode.prototype.exportJSON = function () {
+        return {
+            data: this.__data,
+            type: 'excalidraw',
+            version: 1,
+        };
+    };
+    // View
+    ExcalidrawNode.prototype.createDOM = function (config) {
+        var span = document.createElement('span');
+        var theme = config.theme;
+        var className = theme.image;
+        if (className !== undefined) {
+            span.className = className;
+        }
+        return span;
+    };
+    ExcalidrawNode.prototype.updateDOM = function () {
+        return false;
+    };
+    ExcalidrawNode.importDOM = function () {
+        return {
+            span: function (domNode) {
+                if (!domNode.hasAttribute('data-lexical-excalidraw-json')) {
+                    return null;
+                }
+                return {
+                    conversion: convertExcalidrawElement,
+                    priority: 1,
+                };
+            },
+        };
+    };
+    ExcalidrawNode.prototype.exportDOM = function (editor) {
+        var element = document.createElement('span');
+        var content = editor.getElementByKey(this.getKey());
+        if (content !== null) {
+            var svg = content.querySelector('svg');
+            if (svg !== null) {
+                element.innerHTML = svg.outerHTML;
+            }
+        }
+        element.setAttribute('data-lexical-excalidraw-json', this.__data);
+        return { element: element };
+    };
+    ExcalidrawNode.prototype.setData = function (data) {
+        var self = this.getWritable();
+        self.__data = data;
+    };
+    ExcalidrawNode.prototype.decorate = function () {
+        return (React.createElement(react_1.Suspense, { fallback: null },
+            React.createElement(ExcalidrawComponent, { data: this.__data, nodeKey: this.getKey() })));
+    };
+    return ExcalidrawNode;
+}(lexical_1.DecoratorNode));
+exports.ExcalidrawNode = ExcalidrawNode;
+function $createExcalidrawNode() {
+    return new ExcalidrawNode();
+}
+function $isExcalidrawNode(node) {
+    return node instanceof ExcalidrawNode;
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { NodeKey, TextNode, LexicalNode } from 'lexical';
+export declare class ExtendedTextNode extends TextNode {
+    constructor(text: string, key?: NodeKey);
+    private static getType;
+    private static clone;
+    private static importDOM;
+    private static importJSON;
+    private isSimpleText;
+    private exportJSON;
+}
+export declare function $createExtendedTextNode(text: string): ExtendedTextNode;
+export declare function $isExtendedTextNode(node: LexicalNode | null | undefined): node is ExtendedTextNode;

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

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedTextNode = void 0;
+exports.$createExtendedTextNode = $createExtendedTextNode;
+exports.$isExtendedTextNode = $isExtendedTextNode;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+// @ts-ignore
+var ExtendedTextNode = /** @class */ (function (_super) {
+    tslib_1.__extends(ExtendedTextNode, _super);
+    function ExtendedTextNode(text, key) {
+        return _super.call(this, text, key) || this;
+    }
+    // @ts-ignore
+    ExtendedTextNode.getType = function () {
+        return 'extended-text';
+    };
+    // @ts-ignore
+    ExtendedTextNode.clone = function (node) {
+        return new ExtendedTextNode(node.__text, node.__key);
+    };
+    // @ts-ignore
+    ExtendedTextNode.importDOM = function () {
+        var importers = lexical_1.TextNode.importDOM();
+        return tslib_1.__assign(tslib_1.__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,
+            }); } });
+    };
+    // @ts-ignore
+    ExtendedTextNode.importJSON = function (serializedNode) {
+        return lexical_1.TextNode.importJSON(serializedNode);
+    };
+    // @ts-ignore
+    ExtendedTextNode.prototype.isSimpleText = function () {
+        return this.__type === 'extended-text' && this.__mode === 0;
+    };
+    // @ts-ignore
+    ExtendedTextNode.prototype.exportJSON = function () {
+        return tslib_1.__assign(tslib_1.__assign({}, _super.prototype.exportJSON.call(this)), { type: 'extended-text', version: 1 });
+    };
+    return ExtendedTextNode;
+}(lexical_1.TextNode));
+exports.ExtendedTextNode = ExtendedTextNode;
+function $createExtendedTextNode(text) {
+    // @ts-ignore
+    return (0, lexical_1.$applyNodeReplacement)(new ExtendedTextNode(text));
+}
+function $isExtendedTextNode(node) {
+    return node instanceof 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 tslib_1.__assign(tslib_1.__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 ((0, lexical_1.$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/cjs/components/TextEditorV2/nodes/ExtendedTextNode.js.map

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

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

@@ -0,0 +1,19 @@
+import { DecoratorBlockNode, SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
+import type { EditorConfig, ElementFormatType, LexicalEditor, LexicalNode, NodeKey, Spread } from 'lexical';
+import * as React from 'react';
+export type SerializedFigmaNode = Spread<{
+    documentID: string;
+}, SerializedDecoratorBlockNode>;
+export declare class FigmaNode extends DecoratorBlockNode {
+    __id: string;
+    static getType(): string;
+    static clone(node: FigmaNode): FigmaNode;
+    static importJSON(serializedNode: SerializedFigmaNode): FigmaNode;
+    exportJSON(): SerializedFigmaNode;
+    constructor(id: string, format?: ElementFormatType, key?: NodeKey);
+    updateDOM(): false;
+    getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
+    decorate(_editor: LexicalEditor, config: EditorConfig): React.JSX.Element;
+}
+export declare function $createFigmaNode(documentID: string): FigmaNode;
+export declare function $isFigmaNode(node: FigmaNode | LexicalNode | null | undefined): node is FigmaNode;

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FigmaNode = void 0;
+exports.$createFigmaNode = $createFigmaNode;
+exports.$isFigmaNode = $isFigmaNode;
+var tslib_1 = require("tslib");
+var LexicalBlockWithAlignableContents_1 = require("@lexical/react/LexicalBlockWithAlignableContents");
+var LexicalDecoratorBlockNode_1 = require("@lexical/react/LexicalDecoratorBlockNode");
+var React = tslib_1.__importStar(require("react"));
+function FigmaComponent(_a) {
+    var className = _a.className, documentID = _a.documentID, format = _a.format, nodeKey = _a.nodeKey;
+    return (React.createElement(LexicalBlockWithAlignableContents_1.BlockWithAlignableContents, { className: className, format: format, nodeKey: nodeKey },
+        React.createElement("iframe", { allowFullScreen: true, height: '315', src: "https://www.figma.com/embed?embed_host=lexical&url=        https://www.figma.com/file/".concat(documentID), width: '560' })));
+}
+var FigmaNode = /** @class */ (function (_super) {
+    tslib_1.__extends(FigmaNode, _super);
+    function FigmaNode(id, format, key) {
+        var _this = _super.call(this, format, key) || this;
+        _this.__id = id;
+        return _this;
+    }
+    FigmaNode.getType = function () {
+        return 'figma';
+    };
+    FigmaNode.clone = function (node) {
+        return new FigmaNode(node.__id, node.__format, node.__key);
+    };
+    FigmaNode.importJSON = function (serializedNode) {
+        var node = $createFigmaNode(serializedNode.documentID);
+        node.setFormat(serializedNode.format);
+        return node;
+    };
+    FigmaNode.prototype.exportJSON = function () {
+        return tslib_1.__assign(tslib_1.__assign({}, _super.prototype.exportJSON.call(this)), { documentID: this.__id, type: 'figma', version: 1 });
+    };
+    FigmaNode.prototype.updateDOM = function () {
+        return false;
+    };
+    FigmaNode.prototype.getTextContent = function (
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _includeInert, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _includeDirectionless) {
+        return "https://www.figma.com/file/".concat(this.__id);
+    };
+    FigmaNode.prototype.decorate = function (_editor, config) {
+        var embedBlockTheme = config.theme.embedBlock || {};
+        var className = {
+            base: embedBlockTheme.base || '',
+            focus: embedBlockTheme.focus || '',
+        };
+        return (React.createElement(FigmaComponent, { className: className, documentID: this.__id, format: this.__format, nodeKey: this.getKey() }));
+    };
+    return FigmaNode;
+}(LexicalDecoratorBlockNode_1.DecoratorBlockNode));
+exports.FigmaNode = FigmaNode;
+function $createFigmaNode(documentID) {
+    return new FigmaNode(documentID);
+}
+function $isFigmaNode(node) {
+    return node instanceof FigmaNode;
+}
+//# sourceMappingURL=FigmaNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FigmaNode.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/nodes/FigmaNode.tsx"],"names":[],"mappings":";;;AA4FA,4CAEC;AAED,oCAEC;;AAlGD,sGAA6F;AAC7F,sFAA2G;AAE3G,mDAA8B;AAY9B,SAAS,cAAc,CAAC,EAA+D;QAA7D,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IAC9D,OAAO,CACL,oBAAC,8DAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;QAChF,gCACE,eAAe,QACf,MAAM,EAAC,KAAK,EACZ,GAAG,EAAE,gGACwB,UAAU,CAAE,EACzC,KAAK,EAAC,KAAK,GACX,CACyB,CAC9B,CAAA;AACH,CAAC;AASD;IAA+B,qCAAkB;IA0B/C,mBAAY,EAAU,EAAE,MAA0B,EAAE,GAAa;QAC/D,YAAA,MAAK,YAAC,MAAM,EAAE,GAAG,CAAC,SAAA;QAClB,KAAI,CAAC,IAAI,GAAG,EAAE,CAAA;;IAChB,CAAC;IA1Ba,iBAAO,GAArB;QACE,OAAO,OAAO,CAAA;IAChB,CAAC;IAEa,eAAK,GAAnB,UAAoB,IAAe;QACjC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IAC5D,CAAC;IAEa,oBAAU,GAAxB,UAAyB,cAAmC;QAC1D,IAAM,IAAI,GAAG,gBAAgB,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;QACxD,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrC,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,8BAAU,GAAjB;QACE,6CACK,gBAAK,CAAC,UAAU,WAAE,KACrB,UAAU,EAAE,IAAI,CAAC,IAAI,EACrB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,CAAC,IACX;IACH,CAAC;IAOM,6BAAS,GAAhB;QACE,OAAO,KAAK,CAAA;IACd,CAAC;IAEM,kCAAc,GAArB;IACE,6DAA6D;IAC7D,aAAmC;IACnC,6DAA6D;IAC7D,qBAAyC;QAEzC,OAAO,qCAA8B,IAAI,CAAC,IAAI,CAAE,CAAA;IAClD,CAAC;IAEM,4BAAQ,GAAf,UAAgB,OAAsB,EAAE,MAAoB;QAC1D,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAA;QACrD,IAAM,SAAS,GAAG;YAChB,IAAI,EAAE,eAAe,CAAC,IAAI,IAAI,EAAE;YAChC,KAAK,EAAE,eAAe,CAAC,KAAK,IAAI,EAAE;SACnC,CAAA;QACD,OAAO,CACL,oBAAC,cAAc,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,GAAI,CAC/G,CAAA;IACH,CAAC;IACH,gBAAC;AAAD,CAAC,AAtDD,CAA+B,8CAAkB,GAsDhD;AAtDY,8BAAS;AAwDtB,SAAgB,gBAAgB,CAAC,UAAkB;IACjD,OAAO,IAAI,SAAS,CAAC,UAAU,CAAC,CAAA;AAClC,CAAC;AAED,SAAgB,YAAY,CAAC,IAAgD;IAC3E,OAAO,IAAI,YAAY,SAAS,CAAA;AAClC,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { LexicalCommand, LexicalEditor, NodeKey } from 'lexical';
+import * as React from 'react';
+export declare const RIGHT_CLICK_IMAGE_COMMAND: LexicalCommand<MouseEvent>;
+export default function ImageComponent({ altText, caption, height, maxWidth, nodeKey, resizable, showCaption, src, width, }: {
+    altText: string;
+    caption: LexicalEditor;
+    height: 'inherit' | number;
+    maxWidth: number;
+    nodeKey: NodeKey;
+    resizable: boolean;
+    showCaption: boolean;
+    src: string;
+    width: 'inherit' | number;
+}): React.JSX.Element;