phx-react 1.3.1792 → 1.3.1794

package/dist/esm/components/TextEditorV2/nodes/InlineImageComponent.d.ts

@@ -1,11 +1,11 @@
 import type { Position } from './InlineImageNode';
 import type { LexicalEditor, NodeKey } from 'lexical';
 import * as React from 'react';
-export declare function UpdateInlineImageDialog({ activeEditor, nodeKey, onClose, }: {
-    activeEditor: LexicalEditor;
-    nodeKey: NodeKey;
-    onClose(): void;
-}): React.JSX.Element;
+/**
+ * Renders an inline image node with selection, resize, and caption behavior.
+ * @param props Inline image component props.
+ * @returns Inline image decorator element.
+ */
 export default function InlineImageComponent({ altText, caption, height, nodeKey, position, showCaption, src, width, }: {
     altText: string;
     caption: LexicalEditor;

package/dist/esm/components/TextEditorV2/nodes/InlineImageComponent.js

@@ -7,19 +7,19 @@ import { mergeRegister } from '@lexical/utils';
 import { $getNodeByKey, $getSelection, $isNodeSelection, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, DRAGSTART_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
 import * as React from 'react';
 import { Suspense, useCallback, useEffect, useRef, useState } from 'react';
-import useModal from '../hooks/useModal';
 import FloatingLinkEditorPlugin from '../plugins/FloatingLinkEditorPlugin';
 import FloatingTextFormatToolbarPlugin from '../plugins/FloatingTextFormatToolbarPlugin';
 import LinkPlugin from '../plugins/LinkPlugin';
-import Button from '../ui/Button';
 import ContentEditable from '../ui/ContentEditable';
-import { DialogActions } from '../ui/Dialog';
+import ImageResizer from '../ui/ImageResizer';
 import Placeholder from '../ui/Placeholder';
-import Select from '../ui/Select';
-import TextInput from '../ui/TextInput';
 import { $isInlineImageNode } from './InlineImageNode';
 import { LexicalErrorBoundary } from '../shared/LexicalErrorBoundary';
 const imageCache = new Set();
+/**
+ * Suspends rendering until an image source has loaded.
+ * @param src Image source URL to preload.
+ */
 function useSuspenseImage(src) {
     if (!imageCache.has(src)) {
         throw new Promise((resolve) => {
@@ -32,6 +32,11 @@ function useSuspenseImage(src) {
         });
     }
 }
+/**
+ * Renders an image after ensuring its source is loaded.
+ * @param props Lazy image render props.
+ * @returns Rendered image element.
+ */
 function LazyImage({ altText, className, height, imageRef, position, src, width, }) {
     useSuspenseImage(src);
     return (React.createElement("img", { ref: imageRef, alt: altText, className: className || undefined, "data-position": position, draggable: 'false', src: src, style: {
@@ -40,48 +45,23 @@ function LazyImage({ altText, className, height, imageRef, position, src, width,
             width,
         } }));
 }
-export function UpdateInlineImageDialog({ activeEditor, nodeKey, onClose, }) {
-    const editorState = activeEditor.getEditorState();
-    const node = editorState.read(() => $getNodeByKey(nodeKey));
-    const [altText, setAltText] = useState(node.getAltText());
-    const [showCaption, setShowCaption] = useState(node.getShowCaption());
-    const [position, setPosition] = useState(node.getPosition());
-    const handleShowCaptionChange = (e) => {
-        setShowCaption(e.target.checked);
-    };
-    const handlePositionChange = (e) => {
-        setPosition(e.target.value);
-    };
-    const handleOnConfirm = () => {
-        const payload = { altText, position, showCaption };
-        if (node) {
-            activeEditor.update(() => {
-                node.update(payload);
-            });
-        }
-        onClose();
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { style: { marginBottom: '1em' } },
-            React.createElement(TextInput, { "data-test-id": 'image-modal-alt-text-input', label: 'Alt Text', onChange: setAltText, placeholder: 'Descriptive alternative text', value: altText })),
-        React.createElement(Select, { id: 'position-select', label: 'Position', name: 'position', onChange: handlePositionChange, style: { marginBottom: '1em', width: '208px' }, value: position },
-            React.createElement("option", { value: 'left' }, "Left"),
-            React.createElement("option", { value: 'right' }, "Right"),
-            React.createElement("option", { value: 'full' }, "Full Width")),
-        React.createElement("div", { className: 'Input__wrapper' },
-            React.createElement("input", { checked: showCaption, id: 'caption', onChange: handleShowCaptionChange, type: 'checkbox' }),
-            React.createElement("label", { htmlFor: 'caption' }, "Show Caption")),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { "data-test-id": 'image-modal-file-upload-btn', onClick: () => handleOnConfirm() }, "Confirm"))));
-}
+/**
+ * Renders an inline image node with selection, resize, and caption behavior.
+ * @param props Inline image component props.
+ * @returns Inline image decorator element.
+ */
 export default function InlineImageComponent({ altText, caption, height, nodeKey, position, showCaption, src, width, }) {
-    const [modal, showModal] = useModal();
     const imageRef = useRef(null);
-    const buttonRef = useRef(null);
     const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+    const [isResizing, setIsResizing] = useState(false);
     const [editor] = useLexicalComposerContext();
     const [selection, setSelection] = useState(null);
     const activeEditorRef = useRef(null);
+    /**
+     * Removes the selected inline image when delete or backspace is pressed.
+     * @param payload Keyboard event from the editor command.
+     * @returns False to allow other command handlers to continue.
+     */
     const onDelete = useCallback((payload) => {
         if (isSelected && $isNodeSelection($getSelection())) {
             const event = payload;
@@ -93,27 +73,28 @@ export default function InlineImageComponent({ altText, caption, height, nodeKey
         }
         return false;
     }, [isSelected, nodeKey]);
+    /**
+     * Moves focus into the caption editor when enter is pressed on a selected image.
+     * @param event Keyboard event from the editor command.
+     * @returns True when focus moved into the caption editor.
+     */
     const onEnter = useCallback((event) => {
         const latestSelection = $getSelection();
-        const buttonElem = buttonRef.current;
-        if (isSelected && $isNodeSelection(latestSelection) && latestSelection.getNodes().length === 1) {
-            if (showCaption) {
-                // Move focus into nested editor
-                $setSelection(null);
-                event.preventDefault();
-                caption.focus();
-                return true;
-            }
-            else if (buttonElem !== null && buttonElem !== document.activeElement) {
-                event.preventDefault();
-                buttonElem.focus();
-                return true;
-            }
+        if (isSelected && showCaption && $isNodeSelection(latestSelection) && latestSelection.getNodes().length === 1) {
+            // Move focus into nested editor
+            $setSelection(null);
+            event.preventDefault();
+            caption.focus();
+            return true;
         }
         return false;
     }, [caption, isSelected, showCaption]);
-    const onEscape = useCallback((event) => {
-        if (activeEditorRef.current === caption || buttonRef.current === event.target) {
+    /**
+     * Restores focus from the caption editor back to the inline image node.
+     * @returns True when focus was restored to the parent editor.
+     */
+    const onEscape = useCallback(() => {
+        if (activeEditorRef.current === caption) {
             $setSelection(null);
             editor.update(() => {
                 setSelected(true);
@@ -137,6 +118,9 @@ export default function InlineImageComponent({ altText, caption, height, nodeKey
             return false;
         }, COMMAND_PRIORITY_LOW), editor.registerCommand(CLICK_COMMAND, (payload) => {
             const event = payload;
+            if (isResizing) {
+                return true;
+            }
             if (event.target === imageRef.current) {
                 if (event.shiftKey) {
                     setSelected(!isSelected);
@@ -161,15 +145,32 @@ export default function InlineImageComponent({ altText, caption, height, nodeKey
             isMounted = false;
             unregister();
         };
-    }, [clearSelection, editor, isSelected, nodeKey, onDelete, onEnter, onEscape, setSelected]);
-    const draggable = isSelected && $isNodeSelection(selection);
-    const isFocused = isSelected;
+    }, [clearSelection, editor, isResizing, isSelected, nodeKey, onDelete, onEnter, onEscape, setSelected]);
+    /**
+     * Persists resized image dimensions back to the Lexical node.
+     * @param nextWidth Next image width.
+     * @param nextHeight Next image height.
+     */
+    const onResizeEnd = (nextWidth, nextHeight) => {
+        editor.update(() => {
+            const node = $getNodeByKey(nodeKey);
+            if ($isInlineImageNode(node)) {
+                node.setWidthAndHeight(nextWidth, nextHeight);
+            }
+        });
+        setIsResizing(false);
+    };
+    /**
+     * Marks the image as actively resizing.
+     */
+    const onResizeStart = () => {
+        setIsResizing(true);
+    };
+    const draggable = isSelected && $isNodeSelection(selection) && !isResizing;
+    const isFocused = isSelected || isResizing;
     return (React.createElement(Suspense, { fallback: null },
         React.createElement(React.Fragment, null,
             React.createElement("div", { draggable: draggable },
-                React.createElement("button", { ref: buttonRef, className: 'image-edit-button', onClick: () => {
-                        showModal('Update Inline Image', (onClose) => (React.createElement(UpdateInlineImageDialog, { activeEditor: editor, nodeKey: nodeKey, onClose: onClose })));
-                    }, type: 'button' }, "Edit"),
                 React.createElement(LazyImage, { altText: altText, className: isFocused ? `focused ${$isNodeSelection(selection) ? 'draggable' : ''}` : null, height: height, imageRef: imageRef, position: position, src: src, width: width })),
             showCaption && (React.createElement("div", { className: 'image-caption-container' },
                 React.createElement(LexicalNestedComposer, { initialEditor: caption },
@@ -179,7 +180,7 @@ export default function InlineImageComponent({ altText, caption, height, nodeKey
                             console.log('FloatingLinkEditorPlugin');
                         } }),
                     React.createElement(FloatingTextFormatToolbarPlugin, null),
-                    React.createElement(RichTextPlugin, { contentEditable: React.createElement(ContentEditable, { className: 'InlineImageNode__contentEditable' }), ErrorBoundary: LexicalErrorBoundary, placeholder: React.createElement(Placeholder, { className: 'InlineImageNode__placeholder' }, "Enter a caption...") }))))),
-        modal));
+                    React.createElement(RichTextPlugin, { contentEditable: React.createElement(ContentEditable, { className: 'InlineImageNode__contentEditable' }), ErrorBoundary: LexicalErrorBoundary, placeholder: React.createElement(Placeholder, { className: 'InlineImageNode__placeholder' }, "Enter a caption...") })))),
+            $isNodeSelection(selection) && isFocused && (React.createElement(ImageResizer, { editor: editor, imageRef: imageRef, onResizeEnd: onResizeEnd, onResizeStart: onResizeStart })))));
 }
 //# sourceMappingURL=InlineImageComponent.js.map

package/dist/esm/components/TextEditorV2/nodes/InlineImageComponent.js.map

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

package/dist/esm/components/TextEditorV2/nodes/InlineImageNode.d.ts

@@ -1,7 +1,7 @@
 import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedEditor, SerializedLexicalNode, Spread } from 'lexical';
 import { DecoratorNode } from 'lexical';
 import * as React from 'react';
-export type Position = 'left' | 'right' | 'full' | undefined;
+export type Position = 'left' | 'right' | 'full' | 'center' | undefined;
 export interface InlineImagePayload {
     altText: string;
     caption?: LexicalEditor;
@@ -34,21 +34,110 @@ export declare class InlineImageNode extends DecoratorNode<React.JSX.Element> {
     __showCaption: boolean;
     __caption: LexicalEditor;
     __position: Position;
+    /**
+     * Gets the Lexical node type for inline image nodes.
+     * @returns Inline image node type.
+     */
     static getType(): string;
+    /**
+     * Clones an existing inline image node.
+     * @param node Inline image node to clone.
+     * @returns Cloned inline image node.
+     */
     static clone(node: InlineImageNode): InlineImageNode;
+    /**
+     * Imports a serialized inline image node into the editor state.
+     * @param serializedNode Serialized inline image node payload.
+     * @returns Hydrated inline image node.
+     */
     static importJSON(serializedNode: SerializedInlineImageNode): InlineImageNode;
+    /**
+     * Defines DOM import conversions for inline image elements.
+     * @returns DOM conversion map for inline image imports.
+     */
     static importDOM(): DOMConversionMap | null;
+    /**
+     * Creates an inline image node instance.
+     * @param src Image source URL.
+     * @param altText Accessible alt text.
+     * @param position Inline image alignment position.
+     * @param width Initial image width.
+     * @param height Initial image height.
+     * @param showCaption Whether the caption editor is visible.
+     * @param caption Nested caption editor.
+     * @param key Optional Lexical node key.
+     */
     constructor(src: string, altText: string, position: Position, width?: 'inherit' | number, height?: 'inherit' | number, showCaption?: boolean, caption?: LexicalEditor, key?: NodeKey);
+    /**
+     * Exports this inline image node to DOM.
+     * @returns DOM export output containing the inline image wrapper.
+     */
     exportDOM(): DOMExportOutput;
+    /**
+     * Serializes this inline image node.
+     * @returns Serialized inline image node payload.
+     */
     exportJSON(): SerializedInlineImageNode;
+    /**
+     * Gets the image source URL.
+     * @returns Image source URL.
+     */
     getSrc(): string;
+    /**
+     * Gets the image alt text.
+     * @returns Image alt text.
+     */
     getAltText(): string;
+    /**
+     * Gets whether the caption editor is visible.
+     * @returns True when caption is shown.
+     */
     getShowCaption(): boolean;
+    /**
+     * Gets the current inline image alignment position.
+     * @returns Current inline image position.
+     */
     getPosition(): Position;
+    /**
+     * Updates the stored image dimensions.
+     * @param width Next image width.
+     * @param height Next image height.
+     */
+    setWidthAndHeight(width: 'inherit' | number, height: 'inherit' | number): void;
+    /**
+     * Updates mutable inline image fields.
+     * @param payload Partial inline image update payload.
+     */
     update(payload: UpdateInlineImagePayload): void;
+    /**
+     * Creates the DOM wrapper for this inline image node.
+     * @param config Lexical editor config.
+     * @returns Inline image wrapper element.
+     */
     createDOM(config: EditorConfig): HTMLElement;
+    /**
+     * Updates the DOM wrapper when node state changes.
+     * @param prevNode Previous inline image node state.
+     * @param dom Existing inline image wrapper element.
+     * @param config Lexical editor config.
+     * @returns False because the existing DOM element is reused.
+     */
     updateDOM(prevNode: InlineImageNode, dom: HTMLElement, config: EditorConfig): false;
+    /**
+     * Renders the React decorator for this inline image node.
+     * @returns Inline image decorator element.
+     */
     decorate(): React.JSX.Element;
 }
+/**
+ * Creates and inserts a replacement inline image node.
+ * @param payload Inline image node creation payload.
+ * @returns Created inline image node.
+ */
 export declare function $createInlineImageNode({ altText, caption, height, key, position, showCaption, src, width, }: InlineImagePayload): InlineImageNode;
+/**
+ * Checks whether a Lexical node is an InlineImageNode.
+ * @param node Node to test.
+ * @returns True when the node is an InlineImageNode.
+ */
 export declare function $isInlineImageNode(node: LexicalNode | null | undefined): node is InlineImageNode;

package/dist/esm/components/TextEditorV2/nodes/InlineImageNode.js

@@ -2,21 +2,62 @@ import { $applyNodeReplacement, createEditor, DecoratorNode } from 'lexical';
 import * as React from 'react';
 import { Suspense } from 'react';
 const InlineImageComponent = React.lazy(() => import('./InlineImageComponent'));
+/**
+ * Gets the inline image position encoded in a wrapper class name.
+ * @param className Wrapper class name to inspect.
+ * @returns Matching inline image position, or undefined when no position class exists.
+ */
+function getPositionFromClassName(className) {
+    if (className.includes('position-left')) {
+        return 'left';
+    }
+    if (className.includes('position-right')) {
+        return 'right';
+    }
+    if (className.includes('position-full')) {
+        return 'full';
+    }
+    if (className.includes('position-center')) {
+        return 'center';
+    }
+    return undefined;
+}
+/**
+ * Converts an imported DOM image element into an InlineImageNode.
+ * @param domNode DOM node provided by Lexical import.
+ * @returns DOM conversion output for inline image nodes, or null for unsupported nodes.
+ */
 function convertInlineImageElement(domNode) {
+    var _a;
     if (domNode instanceof HTMLImageElement) {
         const { alt: altText, height, src, width } = domNode;
-        const node = $createInlineImageNode({ altText, height, src, width });
+        const position = getPositionFromClassName(((_a = domNode.parentElement) === null || _a === void 0 ? void 0 : _a.className) || '');
+        const node = $createInlineImageNode({ altText, height, position, src, width });
         return { node };
     }
     return null;
 }
 export class InlineImageNode extends DecoratorNode {
+    /**
+     * Gets the Lexical node type for inline image nodes.
+     * @returns Inline image node type.
+     */
     static getType() {
         return 'inline-image';
     }
+    /**
+     * Clones an existing inline image node.
+     * @param node Inline image node to clone.
+     * @returns Cloned inline image node.
+     */
     static clone(node) {
         return new InlineImageNode(node.__src, node.__altText, node.__position, node.__width, node.__height, node.__showCaption, node.__caption, node.__key);
     }
+    /**
+     * Imports a serialized inline image node into the editor state.
+     * @param serializedNode Serialized inline image node payload.
+     * @returns Hydrated inline image node.
+     */
     static importJSON(serializedNode) {
         const { altText, caption, height, position, showCaption, src, width } = serializedNode;
         const node = $createInlineImageNode({
@@ -34,6 +75,10 @@ export class InlineImageNode extends DecoratorNode {
         }
         return node;
     }
+    /**
+     * Defines DOM import conversions for inline image elements.
+     * @returns DOM conversion map for inline image imports.
+     */
     static importDOM() {
         return {
             img: () => ({
@@ -42,6 +87,17 @@ export class InlineImageNode extends DecoratorNode {
             }),
         };
     }
+    /**
+     * Creates an inline image node instance.
+     * @param src Image source URL.
+     * @param altText Accessible alt text.
+     * @param position Inline image alignment position.
+     * @param width Initial image width.
+     * @param height Initial image height.
+     * @param showCaption Whether the caption editor is visible.
+     * @param caption Nested caption editor.
+     * @param key Optional Lexical node key.
+     */
     constructor(src, altText, position, width, height, showCaption, caption, key) {
         super(key);
         this.__src = src;
@@ -52,14 +108,25 @@ export class InlineImageNode extends DecoratorNode {
         this.__caption = caption || createEditor();
         this.__position = position;
     }
+    /**
+     * Exports this inline image node to DOM.
+     * @returns DOM export output containing the inline image wrapper.
+     */
     exportDOM() {
+        const wrapper = document.createElement('span');
+        wrapper.className = `inline-editor-image position-${this.__position || 'center'}`;
         const element = document.createElement('img');
         element.setAttribute('src', this.__src);
         element.setAttribute('alt', this.__altText);
         element.setAttribute('width', this.__width.toString());
         element.setAttribute('height', this.__height.toString());
-        return { element };
+        wrapper.appendChild(element);
+        return { element: wrapper };
     }
+    /**
+     * Serializes this inline image node.
+     * @returns Serialized inline image node payload.
+     */
     exportJSON() {
         return {
             altText: this.getAltText(),
@@ -73,18 +140,48 @@ export class InlineImageNode extends DecoratorNode {
             width: this.__width === 'inherit' ? 0 : this.__width,
         };
     }
+    /**
+     * Gets the image source URL.
+     * @returns Image source URL.
+     */
     getSrc() {
         return this.__src;
     }
+    /**
+     * Gets the image alt text.
+     * @returns Image alt text.
+     */
     getAltText() {
         return this.__altText;
     }
+    /**
+     * Gets whether the caption editor is visible.
+     * @returns True when caption is shown.
+     */
     getShowCaption() {
         return this.__showCaption;
     }
+    /**
+     * Gets the current inline image alignment position.
+     * @returns Current inline image position.
+     */
     getPosition() {
         return this.__position;
     }
+    /**
+     * Updates the stored image dimensions.
+     * @param width Next image width.
+     * @param height Next image height.
+     */
+    setWidthAndHeight(width, height) {
+        const writable = this.getWritable();
+        writable.__width = width;
+        writable.__height = height;
+    }
+    /**
+     * Updates mutable inline image fields.
+     * @param payload Partial inline image update payload.
+     */
     update(payload) {
         const writable = this.getWritable();
         const { altText, position, showCaption } = payload;
@@ -99,32 +196,58 @@ export class InlineImageNode extends DecoratorNode {
         }
     }
     // View
+    /**
+     * Creates the DOM wrapper for this inline image node.
+     * @param config Lexical editor config.
+     * @returns Inline image wrapper element.
+     */
     createDOM(config) {
         const span = document.createElement('span');
-        const className = `${config.theme.inlineImage} position-${this.__position}`;
+        const className = `${config.theme.inlineImage} position-${this.__position || 'center'}`;
         if (className !== undefined) {
             span.className = className;
         }
         return span;
     }
+    /**
+     * Updates the DOM wrapper when node state changes.
+     * @param prevNode Previous inline image node state.
+     * @param dom Existing inline image wrapper element.
+     * @param config Lexical editor config.
+     * @returns False because the existing DOM element is reused.
+     */
     updateDOM(prevNode, dom, config) {
         const position = this.__position;
         if (position !== prevNode.__position) {
-            const className = `${config.theme.inlineImage} position-${position}`;
+            const className = `${config.theme.inlineImage} position-${position || 'center'}`;
             if (className !== undefined) {
                 dom.className = className;
             }
         }
         return false;
     }
+    /**
+     * Renders the React decorator for this inline image node.
+     * @returns Inline image decorator element.
+     */
     decorate() {
         return (React.createElement(Suspense, { fallback: null },
             React.createElement(InlineImageComponent, { altText: this.__altText, caption: this.__caption, height: this.__height, nodeKey: this.getKey(), position: this.__position, showCaption: this.__showCaption, src: this.__src, width: this.__width })));
     }
 }
+/**
+ * Creates and inserts a replacement inline image node.
+ * @param payload Inline image node creation payload.
+ * @returns Created inline image node.
+ */
 export function $createInlineImageNode({ altText, caption, height, key, position, showCaption, src, width, }) {
-    return $applyNodeReplacement(new InlineImageNode(src, altText, position, width, height, showCaption, caption, key));
+    return $applyNodeReplacement(new InlineImageNode(src, altText, position || 'center', width, height, showCaption, caption, key));
 }
+/**
+ * Checks whether a Lexical node is an InlineImageNode.
+ * @param node Node to test.
+ * @returns True when the node is an InlineImageNode.
+ */
 export function $isInlineImageNode(node) {
     return node instanceof InlineImageNode;
 }

package/dist/esm/components/TextEditorV2/nodes/InlineImageNode.js.map

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

package/dist/esm/components/TextEditorV2/nodes/MentionNode.js

@@ -46,6 +46,8 @@ export class MentionNode extends TextNode {
     }
     exportDOM() {
         const element = document.createElement('span');
+        element.className = 'mention';
+        element.style.cssText = mentionStyle;
         element.setAttribute('data-lexical-mention', 'true');
         element.textContent = this.__text;
         return { element };