@webiny/lexical-nodes 5.40.0 → 5.40.1-beta.1

package/FontColorNode.d.ts

@@ -1,16 +1,19 @@
-import { EditorConfig, LexicalCommand, LexicalEditor, LexicalNode, NodeKey, RangeSelection, SerializedTextNode, Spread, TextNode } from "lexical";
+import { EditorConfig, LexicalNode, SerializedTextNode, Spread, TextNode } from "lexical";
 import { EditorTheme } from "@webiny/lexical-theme";
-export declare const ADD_FONT_COLOR_COMMAND: LexicalCommand<FontColorPayload>;
+export declare class ThemeColorValue {
+    private readonly name;
+    private value;
+    constructor(value: string, name?: string);
+    getValue(): string;
+    getName(): string;
+    updateFromTheme(theme: EditorTheme): void;
+}
+export declare const ADD_FONT_COLOR_COMMAND: import("lexical").LexicalCommand<FontColorPayload>;
 export interface FontColorPayload {
-    color: string;
-    themeColorName: string | undefined;
-    caption?: LexicalEditor;
-    key?: NodeKey;
+    color: ThemeColorValue;
 }
-declare type ThemeStyleColorName = string;
-declare type ThemeColor = "custom" | ThemeStyleColorName;
 export declare type SerializedFontColorNode = Spread<{
-    themeColor: ThemeColor;
+    themeColor: string;
     color: string;
     type: "font-color-node";
     version: 1;
@@ -20,22 +23,21 @@ export declare type SerializedFontColorNode = Spread<{
  * Extends the original TextNode node to add additional transformation and support for webiny theme font color.
  */
 export declare class FontColorNode extends TextNode {
-    __themeColor: ThemeColor;
-    __color: string;
-    constructor(text: string, color: string, themeColor?: ThemeColor, key?: NodeKey);
+    private readonly __color;
+    constructor(text: string, color: ThemeColorValue, key?: string);
     static getType(): string;
     static clone(node: FontColorNode): FontColorNode;
     static importJSON(serializedNode: SerializedFontColorNode): TextNode;
+    splitText(...splitOffsets: Array<number>): Array<FontColorNode>;
     exportJSON(): SerializedFontColorNode;
-    addColorValueToHTMLElement(element: HTMLElement, theme: EditorTheme): HTMLElement;
+    private addColorValueToHTMLElement;
     updateDOM(prevNode: FontColorNode, dom: HTMLElement, config: EditorConfig): boolean;
     getColorStyle(): {
         color: string;
-        themeColor: ThemeColor;
+        themeColor: string;
     };
     createDOM(config: EditorConfig): HTMLElement;
 }
-export declare const $createFontColorNode: (text: string, color: string, themeColor?: ThemeColor, key?: NodeKey) => FontColorNode;
+export declare const $createFontColorNode: (text: string, color: ThemeColorValue) => FontColorNode;
 export declare const $isFontColorNode: (node: LexicalNode) => node is FontColorNode;
-export declare function $applyStylesToNode(node: FontColorNode, nodeStyleProvider: RangeSelection): void;
-export {};
+export declare function $applyStylesToNode(node: TextNode, source: TextNode): void;

package/FontColorNode.js

@@ -5,15 +5,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.$applyStylesToNode = $applyStylesToNode;
-exports.FontColorNode = exports.ADD_FONT_COLOR_COMMAND = exports.$isFontColorNode = exports.$createFontColorNode = void 0;
+exports.ThemeColorValue = exports.FontColorNode = exports.ADD_FONT_COLOR_COMMAND = exports.$isFontColorNode = exports.$createFontColorNode = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _get3 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _lexical = require("lexical");
+var ThemeColorValue = exports.ThemeColorValue = /*#__PURE__*/function () {
+  // Webiny theme color variable, like color1, color2, etc.
+
+  // This can be a HEX value or a CSS variable.
+
+  function ThemeColorValue(value, name) {
+    (0, _classCallCheck2.default)(this, ThemeColorValue);
+    this.value = value;
+    this.name = name ?? "custom";
+  }
+  return (0, _createClass2.default)(ThemeColorValue, [{
+    key: "getValue",
+    value: function getValue() {
+      return this.value;
+    }
+  }, {
+    key: "getName",
+    value: function getName() {
+      return this.name;
+    }
+  }, {
+    key: "updateFromTheme",
+    value: function updateFromTheme(theme) {
+      if (theme?.styles?.colors && this.name !== "custom") {
+        this.value = theme.styles?.colors[this.name];
+      }
+    }
+  }]);
+}();
 var ADD_FONT_COLOR_COMMAND = exports.ADD_FONT_COLOR_COMMAND = (0, _lexical.createCommand)("ADD_FONT_COLOR_COMMAND");
 var FontColorNodeAttrName = "data-theme-font-color-name";
 /**
@@ -21,21 +50,56 @@ var FontColorNodeAttrName = "data-theme-font-color-name";
  * Extends the original TextNode node to add additional transformation and support for webiny theme font color.
  */
 var FontColorNode = exports.FontColorNode = /*#__PURE__*/function (_TextNode) {
-  function FontColorNode(text, color, themeColor, key) {
+  function FontColorNode(text, color, key) {
     var _this;
     (0, _classCallCheck2.default)(this, FontColorNode);
     _this = (0, _callSuper2.default)(this, FontColorNode, [text, key]);
-    _this.__themeColor = themeColor || "custom";
     _this.__color = color;
     return _this;
   }
   (0, _inherits2.default)(FontColorNode, _TextNode);
   return (0, _createClass2.default)(FontColorNode, [{
+    key: "splitText",
+    value: function splitText() {
+      var _get2,
+        _this2 = this;
+      for (var _len = arguments.length, splitOffsets = new Array(_len), _key = 0; _key < _len; _key++) {
+        splitOffsets[_key] = arguments[_key];
+      }
+      var newNodes = (_get2 = (0, _get3.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "splitText", this)).call.apply(_get2, [this].concat(splitOffsets));
+      var selection = (0, _lexical.$getSelection)();
+
+      // After splitting, we need to re-apply styling to the new TextNodes.
+      var fontColorNodes = newNodes.map(function (node) {
+        if (node instanceof FontColorNode) {
+          return node;
+        }
+        var fontColorNode = $createFontColorNode(node.getTextContent(), _this2.__color);
+        $applyStylesToNode(fontColorNode, _this2);
+        var newNode = node.replace(fontColorNode);
+
+        // Since we're replacing the existing node, we need to update the selection keys.
+        // This is very important to not break the editor functionality!
+        if ((0, _lexical.$isRangeSelection)(selection)) {
+          var anchor = selection.anchor;
+          var focus = selection.focus;
+          if (anchor.key === node.getKey()) {
+            anchor.key = newNode.getKey();
+          }
+          if (focus.key === node.getKey()) {
+            focus.key = newNode.getKey();
+          }
+        }
+        return newNode;
+      });
+      return fontColorNodes;
+    }
+  }, {
     key: "exportJSON",
     value: function exportJSON() {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "exportJSON", this).call(this)), {}, {
-        themeColor: this.__themeColor,
-        color: this.__color,
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get3.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "exportJSON", this).call(this)), {}, {
+        themeColor: this.__color.getName(),
+        color: this.__color.getValue(),
         type: "font-color-node",
         version: 1
       });
@@ -43,41 +107,33 @@ var FontColorNode = exports.FontColorNode = /*#__PURE__*/function (_TextNode) {
   }, {
     key: "addColorValueToHTMLElement",
     value: function addColorValueToHTMLElement(element, theme) {
-      var hasThemeColor = this.__themeColor !== "custom";
-      // get the updated color from webiny theme
-      if (hasThemeColor && theme?.styles?.colors) {
-        this.__color = theme.styles.colors[this.__themeColor];
-      }
-      element.setAttribute(FontColorNodeAttrName, this.__themeColor);
-      element.style.color = this.__color;
+      // Update color from webiny theme
+      this.__color.updateFromTheme(theme);
+      element.setAttribute(FontColorNodeAttrName, this.__color.getName());
+      element.style.color = this.__color.getValue();
       return element;
     }
   }, {
     key: "updateDOM",
     value: function updateDOM(prevNode, dom, config) {
-      var theme = config.theme;
-      var isUpdated = (0, _get2.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "updateDOM", this).call(this, prevNode, dom, config);
-      var hasThemeColor = this.__themeColor !== "custom";
-      // get the updated color from webiny theme
-      if (hasThemeColor && theme?.styles?.colors) {
-        this.__color = theme.styles.colors[this.__themeColor];
-      }
-      dom.setAttribute(FontColorNodeAttrName, this.__themeColor);
-      dom.style.color = this.__color;
+      var isUpdated = (0, _get3.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "updateDOM", this).call(this, prevNode, dom, config);
+      this.__color.updateFromTheme(config.theme);
+      dom.setAttribute(FontColorNodeAttrName, this.__color.getName());
+      dom.style.color = this.__color.getValue();
       return isUpdated;
     }
   }, {
     key: "getColorStyle",
     value: function getColorStyle() {
       return {
-        color: this.__color,
-        themeColor: this.__themeColor
+        color: this.__color.getValue(),
+        themeColor: this.__color.getName()
       };
     }
   }, {
     key: "createDOM",
     value: function createDOM(config) {
-      var element = (0, _get2.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "createDOM", this).call(this, config);
+      var element = (0, _get3.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "createDOM", this).call(this, config);
       return this.addColorValueToHTMLElement(element, config.theme);
     }
   }], [{
@@ -88,12 +144,12 @@ var FontColorNode = exports.FontColorNode = /*#__PURE__*/function (_TextNode) {
   }, {
     key: "clone",
     value: function clone(node) {
-      return new FontColorNode(node.__text, node.__color, node.__themeColor, node.__key);
+      return new FontColorNode(node.__text, node.__color, node.__key);
     }
   }, {
     key: "importJSON",
     value: function importJSON(serializedNode) {
-      var node = new FontColorNode(serializedNode.text, serializedNode.color, serializedNode.themeColor);
+      var node = new FontColorNode(serializedNode.text, new ThemeColorValue(serializedNode.color, serializedNode.themeColor));
       node.setTextContent(serializedNode.text);
       node.setFormat(serializedNode.format);
       node.setDetail(serializedNode.detail);
@@ -103,15 +159,15 @@ var FontColorNode = exports.FontColorNode = /*#__PURE__*/function (_TextNode) {
     }
   }]);
 }(_lexical.TextNode);
-var $createFontColorNode = exports.$createFontColorNode = function $createFontColorNode(text, color, themeColor, key) {
-  return new FontColorNode(text, color, themeColor, key);
+var $createFontColorNode = exports.$createFontColorNode = function $createFontColorNode(text, color) {
+  return new FontColorNode(text, color);
 };
 var $isFontColorNode = exports.$isFontColorNode = function $isFontColorNode(node) {
   return node instanceof FontColorNode;
 };
-function $applyStylesToNode(node, nodeStyleProvider) {
-  node.setFormat(nodeStyleProvider.format);
-  node.setStyle(nodeStyleProvider.style);
+function $applyStylesToNode(node, source) {
+  node.setFormat(source.getFormat());
+  node.setStyle(source.getStyle());
 }
 
 //# sourceMappingURL=FontColorNode.js.map

package/FontColorNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lexical","require","ADD_FONT_COLOR_COMMAND","exports","createCommand","FontColorNodeAttrName","FontColorNode","_TextNode","text","color","themeColor","key","_this","_classCallCheck2","default","_callSuper2","__themeColor","__color","_inherits2","_createClass2","value","exportJSON","_objectSpread2","_get2","_getPrototypeOf2","prototype","call","type","version","addColorValueToHTMLElement","element","theme","hasThemeColor","styles","colors","setAttribute","style","updateDOM","prevNode","dom","config","isUpdated","getColorStyle","createDOM","getType","clone","node","__text","__key","importJSON","serializedNode","setTextContent","setFormat","format","setDetail","detail","setMode","mode","setStyle","TextNode","$createFontColorNode","$isFontColorNode","$applyStylesToNode","nodeStyleProvider"],"sources":["FontColorNode.ts"],"sourcesContent":["import {\n    createCommand,\n    EditorConfig,\n    LexicalCommand,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    RangeSelection,\n    SerializedTextNode,\n    Spread,\n    TextNode\n} from \"lexical\";\nimport { EditorTheme } from \"@webiny/lexical-theme\";\n\nexport const ADD_FONT_COLOR_COMMAND: LexicalCommand<FontColorPayload> =\n    createCommand(\"ADD_FONT_COLOR_COMMAND\");\nconst FontColorNodeAttrName = \"data-theme-font-color-name\";\n\nexport interface FontColorPayload {\n    // This color can be hex string\n    color: string;\n    // webiny theme color variable like color1, color2...\n    themeColorName: string | undefined;\n    caption?: LexicalEditor;\n    key?: NodeKey;\n}\n\ntype ThemeStyleColorName = string;\ntype ThemeColor = \"custom\" | ThemeStyleColorName;\n\nexport type SerializedFontColorNode = Spread<\n    {\n        themeColor: ThemeColor;\n        color: string;\n        type: \"font-color-node\";\n        version: 1;\n    },\n    SerializedTextNode\n>;\n\n/**\n * Main responsibility of this node is to apply custom or Webiny theme color to selected text.\n * Extends the original TextNode node to add additional transformation and support for webiny theme font color.\n */\nexport class FontColorNode extends TextNode {\n    __themeColor: ThemeColor;\n    __color: string;\n\n    constructor(text: string, color: string, themeColor?: ThemeColor, key?: NodeKey) {\n        super(text, key);\n        this.__themeColor = themeColor || \"custom\";\n        this.__color = color;\n    }\n\n    static override getType(): string {\n        return \"font-color-node\";\n    }\n\n    static override clone(node: FontColorNode): FontColorNode {\n        return new FontColorNode(node.__text, node.__color, node.__themeColor, node.__key);\n    }\n\n    static override importJSON(serializedNode: SerializedFontColorNode): TextNode {\n        const node = new FontColorNode(\n            serializedNode.text,\n            serializedNode.color,\n            serializedNode.themeColor\n        );\n        node.setTextContent(serializedNode.text);\n        node.setFormat(serializedNode.format);\n        node.setDetail(serializedNode.detail);\n        node.setMode(serializedNode.mode);\n        node.setStyle(serializedNode.style);\n        return node;\n    }\n\n    override exportJSON(): SerializedFontColorNode {\n        return {\n            ...super.exportJSON(),\n            themeColor: this.__themeColor,\n            color: this.__color,\n            type: \"font-color-node\",\n            version: 1\n        };\n    }\n\n    addColorValueToHTMLElement(element: HTMLElement, theme: EditorTheme): HTMLElement {\n        const hasThemeColor = this.__themeColor !== \"custom\";\n        // get the updated color from webiny theme\n        if (hasThemeColor && theme?.styles?.colors) {\n            this.__color = theme.styles.colors[this.__themeColor];\n        }\n\n        element.setAttribute(FontColorNodeAttrName, this.__themeColor);\n        element.style.color = this.__color;\n        return element;\n    }\n\n    override updateDOM(prevNode: FontColorNode, dom: HTMLElement, config: EditorConfig): boolean {\n        const theme = config.theme;\n        const isUpdated = super.updateDOM(prevNode, dom, config);\n        const hasThemeColor = this.__themeColor !== \"custom\";\n        // get the updated color from webiny theme\n        if (hasThemeColor && theme?.styles?.colors) {\n            this.__color = theme.styles.colors[this.__themeColor];\n        }\n\n        dom.setAttribute(FontColorNodeAttrName, this.__themeColor);\n        dom.style.color = this.__color;\n        return isUpdated;\n    }\n\n    getColorStyle(): { color: string; themeColor: ThemeColor } {\n        return {\n            color: this.__color,\n            themeColor: this.__themeColor\n        };\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.addColorValueToHTMLElement(element, config.theme);\n    }\n}\n\nexport const $createFontColorNode = (\n    text: string,\n    color: string,\n    themeColor?: ThemeColor,\n    key?: NodeKey\n): FontColorNode => {\n    return new FontColorNode(text, color, themeColor, key);\n};\n\nexport const $isFontColorNode = (node: LexicalNode): node is FontColorNode => {\n    return node instanceof FontColorNode;\n};\n\nexport function $applyStylesToNode(node: FontColorNode, nodeStyleProvider: RangeSelection) {\n    node.setFormat(nodeStyleProvider.format);\n    node.setStyle(nodeStyleProvider.style);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_lexical","require","ThemeColorValue","exports","value","name","_classCallCheck2","default","_createClass2","key","getValue","getName","updateFromTheme","theme","styles","colors","ADD_FONT_COLOR_COMMAND","createCommand","FontColorNodeAttrName","FontColorNode","_TextNode","text","color","_this","_callSuper2","__color","_inherits2","splitText","_get2","_this2","_len","arguments","length","splitOffsets","Array","_key","newNodes","_get3","_getPrototypeOf2","prototype","call","apply","concat","selection","$getSelection","fontColorNodes","map","node","fontColorNode","$createFontColorNode","getTextContent","$applyStylesToNode","newNode","replace","$isRangeSelection","anchor","focus","getKey","exportJSON","_objectSpread2","themeColor","type","version","addColorValueToHTMLElement","element","setAttribute","style","updateDOM","prevNode","dom","config","isUpdated","getColorStyle","createDOM","getType","clone","__text","__key","importJSON","serializedNode","setTextContent","setFormat","format","setDetail","detail","setMode","mode","setStyle","TextNode","$isFontColorNode","source","getFormat","getStyle"],"sources":["FontColorNode.ts"],"sourcesContent":["import {\n    $getSelection,\n    $isRangeSelection,\n    createCommand,\n    EditorConfig,\n    LexicalNode,\n    SerializedTextNode,\n    Spread,\n    TextNode\n} from \"lexical\";\nimport { EditorTheme } from \"@webiny/lexical-theme\";\n\nexport class ThemeColorValue {\n    // Webiny theme color variable, like color1, color2, etc.\n    private readonly name: string;\n    // This can be a HEX value or a CSS variable.\n    private value: string;\n\n    constructor(value: string, name?: string) {\n        this.value = value;\n        this.name = name ?? \"custom\";\n    }\n\n    getValue() {\n        return this.value;\n    }\n\n    getName() {\n        return this.name;\n    }\n\n    updateFromTheme(theme: EditorTheme) {\n        if (theme?.styles?.colors && this.name !== \"custom\") {\n            this.value = theme.styles?.colors[this.name];\n        }\n    }\n}\n\nexport const ADD_FONT_COLOR_COMMAND = createCommand<FontColorPayload>(\"ADD_FONT_COLOR_COMMAND\");\n\nconst FontColorNodeAttrName = \"data-theme-font-color-name\";\n\nexport interface FontColorPayload {\n    color: ThemeColorValue;\n}\n\nexport type SerializedFontColorNode = Spread<\n    {\n        themeColor: string;\n        color: string;\n        type: \"font-color-node\";\n        version: 1;\n    },\n    SerializedTextNode\n>;\n\n/**\n * Main responsibility of this node is to apply custom or Webiny theme color to selected text.\n * Extends the original TextNode node to add additional transformation and support for webiny theme font color.\n */\nexport class FontColorNode extends TextNode {\n    private readonly __color: ThemeColorValue;\n\n    constructor(text: string, color: ThemeColorValue, key?: string) {\n        super(text, key);\n        this.__color = color;\n    }\n\n    static override getType(): string {\n        return \"font-color-node\";\n    }\n\n    static override clone(node: FontColorNode): FontColorNode {\n        return new FontColorNode(node.__text, node.__color, node.__key);\n    }\n\n    static override importJSON(serializedNode: SerializedFontColorNode): TextNode {\n        const node = new FontColorNode(\n            serializedNode.text,\n            new ThemeColorValue(serializedNode.color, serializedNode.themeColor)\n        );\n        node.setTextContent(serializedNode.text);\n        node.setFormat(serializedNode.format);\n        node.setDetail(serializedNode.detail);\n        node.setMode(serializedNode.mode);\n        node.setStyle(serializedNode.style);\n        return node;\n    }\n\n    override splitText(...splitOffsets: Array<number>): Array<FontColorNode> {\n        const newNodes = super.splitText(...splitOffsets);\n\n        const selection = $getSelection();\n\n        // After splitting, we need to re-apply styling to the new TextNodes.\n        const fontColorNodes = newNodes.map(node => {\n            if (node instanceof FontColorNode) {\n                return node;\n            }\n\n            const fontColorNode = $createFontColorNode(node.getTextContent(), this.__color);\n            $applyStylesToNode(fontColorNode, this);\n\n            const newNode = node.replace(fontColorNode);\n\n            // Since we're replacing the existing node, we need to update the selection keys.\n            // This is very important to not break the editor functionality!\n            if ($isRangeSelection(selection)) {\n                const anchor = selection.anchor;\n                const focus = selection.focus;\n\n                if (anchor.key === node.getKey()) {\n                    anchor.key = newNode.getKey();\n                }\n\n                if (focus.key === node.getKey()) {\n                    focus.key = newNode.getKey();\n                }\n            }\n\n            return newNode;\n        });\n\n        return fontColorNodes as Array<FontColorNode>;\n    }\n\n    override exportJSON(): SerializedFontColorNode {\n        return {\n            ...super.exportJSON(),\n            themeColor: this.__color.getName(),\n            color: this.__color.getValue(),\n            type: \"font-color-node\",\n            version: 1\n        };\n    }\n\n    private addColorValueToHTMLElement(element: HTMLElement, theme: EditorTheme): HTMLElement {\n        // Update color from webiny theme\n        this.__color.updateFromTheme(theme);\n        element.setAttribute(FontColorNodeAttrName, this.__color.getName());\n        element.style.color = this.__color.getValue();\n        return element;\n    }\n\n    override updateDOM(prevNode: FontColorNode, dom: HTMLElement, config: EditorConfig): boolean {\n        const isUpdated = super.updateDOM(prevNode, dom, config);\n        this.__color.updateFromTheme(config.theme);\n\n        dom.setAttribute(FontColorNodeAttrName, this.__color.getName());\n        dom.style.color = this.__color.getValue();\n        return isUpdated;\n    }\n\n    getColorStyle() {\n        return {\n            color: this.__color.getValue(),\n            themeColor: this.__color.getName()\n        };\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.addColorValueToHTMLElement(element, config.theme);\n    }\n}\n\nexport const $createFontColorNode = (text: string, color: ThemeColorValue): FontColorNode => {\n    return new FontColorNode(text, color);\n};\n\nexport const $isFontColorNode = (node: LexicalNode): node is FontColorNode => {\n    return node instanceof FontColorNode;\n};\n\nexport function $applyStylesToNode(node: TextNode, source: TextNode) {\n    node.setFormat(source.getFormat());\n    node.setStyle(source.getStyle());\n}\n"],"mappings":"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","ignoreList":[]}

package/HeadingNode.d.ts

@@ -1,6 +1,6 @@
 import { EditorConfig, LexicalNode, NodeKey, RangeSelection, Spread } from "lexical";
 import { HeadingNode as BaseHeadingNode, HeadingTagType, SerializedHeadingNode as BaseSerializedHeadingNode } from "@lexical/rich-text";
-import { WebinyTheme, ThemeEmotionMap } from "@webiny/lexical-theme";
+import { WebinyTheme } from "@webiny/lexical-theme";
 import { ParagraphNode } from "./ParagraphNode";
 import { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from "./types";
 export declare type SerializeHeadingNode = Spread<{
@@ -10,11 +10,9 @@ export declare type SerializeHeadingNode = Spread<{
 export declare class HeadingNode extends BaseHeadingNode implements TextNodeThemeStyles, TypographyStylesNode {
     __styles: ThemeStyleValue[];
     constructor(tag: HeadingTagType, typographyStyleId?: string, key?: NodeKey);
-    protected setDefaultTypography(themeEmotionMap: ThemeEmotionMap): void;
-    setTypography(typographyStyleId: string): this;
+    private setDefaultTypography;
     getTypographyStyleId(): string | undefined;
-    clearTypographyStyle(): this;
-    hasTypographyStyle(): boolean;
+    private hasTypographyStyle;
     getThemeStyles(): ThemeStyleValue[];
     setThemeStyles(styles: ThemeStyleValue[]): this;
     static getType(): string;

package/HeadingNode.js

@@ -46,19 +46,6 @@ var HeadingNode = exports.HeadingNode = /*#__PURE__*/function (_BaseHeadingNode)
         });
       }
     }
-  }, {
-    key: "setTypography",
-    value: function setTypography(typographyStyleId) {
-      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getWritable", this).call(this);
-      if (!this.hasTypographyStyle()) {
-        var themeStyle = {
-          styleId: typographyStyleId,
-          type: "typography"
-        };
-        self.__styles.push(themeStyle);
-      }
-      return self;
-    }
   }, {
     key: "getTypographyStyleId",
     value: function getTypographyStyleId() {
@@ -67,15 +54,6 @@ var HeadingNode = exports.HeadingNode = /*#__PURE__*/function (_BaseHeadingNode)
       });
       return style?.styleId || undefined;
     }
-  }, {
-    key: "clearTypographyStyle",
-    value: function clearTypographyStyle() {
-      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getWritable", this).call(this);
-      self.__styles = self.__styles.filter(function (s) {
-        return s.type !== "typography";
-      });
-      return self;
-    }
   }, {
     key: "hasTypographyStyle",
     value: function hasTypographyStyle() {

package/HeadingNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lexical","require","_utils","_richText","_lexicalTheme","HeadingNode","exports","_BaseHeadingNode","tag","typographyStyleId","key","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","__styles","push","styleId","type","_inherits2","_createClass2","value","setDefaultTypography","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","__tag","id","setTypography","self","_get2","_getPrototypeOf2","prototype","call","hasTypographyStyle","themeStyle","getTypographyStyleId","style","find","x","undefined","clearTypographyStyle","filter","s","getThemeStyles","setThemeStyles","styles","_toConsumableArray2","updateElementWithThemeClasses","element","theme","emotionMap","typoStyleId","themeClasses","className","addClassNamesToElement","createDOM","config","exportJSON","_objectSpread2","version","insertNewAfter","selection","restoreSelection","arguments","length","newElement","$createHeadingNode","getTag","direction","getDirection","setDirection","insertAfter","collapseAtStart","children","getChildren","forEach","child","append","replace","getType","clone","node","__key","importJSON","serializedNode","setFormat","format","setIndent","indent","BaseHeadingNode","$applyNodeReplacement","$isHeadingNode"],"sources":["HeadingNode.ts"],"sourcesContent":["import {\n    EditorConfig,\n    $applyNodeReplacement,\n    LexicalNode,\n    NodeKey,\n    RangeSelection,\n    Spread\n} from \"lexical\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport {\n    HeadingNode as BaseHeadingNode,\n    HeadingTagType,\n    SerializedHeadingNode as BaseSerializedHeadingNode\n} from \"@lexical/rich-text\";\nimport { WebinyTheme, ThemeEmotionMap, findTypographyStyleByHtmlTag } from \"@webiny/lexical-theme\";\nimport { ParagraphNode } from \"~/ParagraphNode\";\nimport { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from \"~/types\";\n\nexport type SerializeHeadingNode = Spread<\n    {\n        styles: ThemeStyleValue[];\n        type: \"heading-element\";\n    },\n    BaseSerializedHeadingNode\n>;\n\nexport class HeadingNode\n    extends BaseHeadingNode\n    implements TextNodeThemeStyles, TypographyStylesNode\n{\n    __styles: ThemeStyleValue[] = [];\n\n    constructor(tag: HeadingTagType, typographyStyleId?: string, key?: NodeKey) {\n        super(tag, key);\n\n        if (typographyStyleId) {\n            this.__styles.push({ styleId: typographyStyleId, type: \"typography\" });\n        }\n    }\n\n    protected setDefaultTypography(themeEmotionMap: ThemeEmotionMap) {\n        const typographyStyle = findTypographyStyleByHtmlTag(this.__tag, themeEmotionMap);\n        if (typographyStyle) {\n            this.__styles.push({ styleId: typographyStyle.id, type: \"typography\" });\n        }\n    }\n\n    setTypography(typographyStyleId: string): this {\n        const self = super.getWritable();\n        if (!this.hasTypographyStyle()) {\n            const themeStyle = {\n                styleId: typographyStyleId,\n                type: \"typography\"\n            } as ThemeStyleValue;\n            self.__styles.push(themeStyle);\n        }\n        return self;\n    }\n\n    getTypographyStyleId(): string | undefined {\n        const style = this.__styles.find(x => x.type === \"typography\");\n        return style?.styleId || undefined;\n    }\n\n    clearTypographyStyle(): this {\n        const self = super.getWritable();\n        self.__styles = self.__styles.filter(s => s.type !== \"typography\");\n        return self;\n    }\n\n    hasTypographyStyle(): boolean {\n        return !!this.getTypographyStyleId();\n    }\n\n    getThemeStyles(): ThemeStyleValue[] {\n        const self = super.getLatest();\n        return self.__styles;\n    }\n\n    setThemeStyles(styles: ThemeStyleValue[]) {\n        const self = super.getWritable();\n        self.__styles = [...styles];\n        return self;\n    }\n\n    static override getType(): string {\n        return \"heading-element\";\n    }\n\n    static override clone(node: HeadingNode): HeadingNode {\n        return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: WebinyTheme): HTMLElement {\n        if (!theme?.emotionMap) {\n            return element;\n        }\n\n        if (!this.hasTypographyStyle()) {\n            this.setDefaultTypography(theme.emotionMap);\n        }\n\n        const typoStyleId = this.getTypographyStyleId();\n\n        let themeClasses;\n\n        // Typography css class\n        if (typoStyleId) {\n            const typographyStyle = theme.emotionMap[typoStyleId];\n            if (typographyStyle) {\n                themeClasses = typographyStyle.className;\n            }\n        }\n\n        if (themeClasses) {\n            addClassNamesToElement(element, themeClasses);\n        }\n\n        return element;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, config.theme as WebinyTheme);\n    }\n\n    static override importJSON(serializedNode: SerializeHeadingNode): BaseHeadingNode {\n        const node = $createHeadingNode(serializedNode.tag);\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        node.setThemeStyles(serializedNode.styles);\n        return node;\n    }\n\n    override exportJSON(): SerializeHeadingNode {\n        return {\n            ...super.exportJSON(),\n            styles: this.__styles,\n            type: \"heading-element\",\n            version: 1\n        };\n    }\n\n    // Mutation\n    override insertNewAfter(\n        selection?: RangeSelection,\n        restoreSelection = true\n    ): ParagraphNode | HeadingNode {\n        // Next line for headings are always headings with the same tag\n        const newElement = $createHeadingNode(this.getTag());\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        this.insertAfter(newElement, restoreSelection);\n        return newElement;\n    }\n\n    override collapseAtStart(): true {\n        const newElement = $createHeadingNode(this.getTag());\n        const children = this.getChildren();\n        children.forEach(child => newElement.append(child));\n        this.replace(newElement);\n        return true;\n    }\n}\n\nexport function $createHeadingNode(tag: HeadingTagType, typographyStyleId?: string): HeadingNode {\n    return $applyNodeReplacement(new HeadingNode(tag, typographyStyleId));\n}\n\nexport function $isHeadingNode(node: LexicalNode | null | undefined): node is HeadingNode {\n    return node instanceof HeadingNode;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_lexical","require","_utils","_richText","_lexicalTheme","HeadingNode","exports","_BaseHeadingNode","tag","typographyStyleId","key","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","__styles","push","styleId","type","_inherits2","_createClass2","value","setDefaultTypography","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","__tag","id","getTypographyStyleId","style","find","x","undefined","hasTypographyStyle","getThemeStyles","self","_get2","_getPrototypeOf2","prototype","call","setThemeStyles","styles","_toConsumableArray2","updateElementWithThemeClasses","element","theme","emotionMap","typoStyleId","themeClasses","className","addClassNamesToElement","createDOM","config","exportJSON","_objectSpread2","version","insertNewAfter","selection","restoreSelection","arguments","length","newElement","$createHeadingNode","getTag","direction","getDirection","setDirection","insertAfter","collapseAtStart","children","getChildren","forEach","child","append","replace","getType","clone","node","__key","importJSON","serializedNode","setFormat","format","setIndent","indent","BaseHeadingNode","$applyNodeReplacement","$isHeadingNode"],"sources":["HeadingNode.ts"],"sourcesContent":["import {\n    EditorConfig,\n    $applyNodeReplacement,\n    LexicalNode,\n    NodeKey,\n    RangeSelection,\n    Spread\n} from \"lexical\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport {\n    HeadingNode as BaseHeadingNode,\n    HeadingTagType,\n    SerializedHeadingNode as BaseSerializedHeadingNode\n} from \"@lexical/rich-text\";\nimport { WebinyTheme, ThemeEmotionMap, findTypographyStyleByHtmlTag } from \"@webiny/lexical-theme\";\nimport { ParagraphNode } from \"~/ParagraphNode\";\nimport { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from \"~/types\";\n\nexport type SerializeHeadingNode = Spread<\n    {\n        styles: ThemeStyleValue[];\n        type: \"heading-element\";\n    },\n    BaseSerializedHeadingNode\n>;\n\nexport class HeadingNode\n    extends BaseHeadingNode\n    implements TextNodeThemeStyles, TypographyStylesNode\n{\n    __styles: ThemeStyleValue[] = [];\n\n    constructor(tag: HeadingTagType, typographyStyleId?: string, key?: NodeKey) {\n        super(tag, key);\n\n        if (typographyStyleId) {\n            this.__styles.push({ styleId: typographyStyleId, type: \"typography\" });\n        }\n    }\n\n    private setDefaultTypography(themeEmotionMap: ThemeEmotionMap) {\n        const typographyStyle = findTypographyStyleByHtmlTag(this.__tag, themeEmotionMap);\n        if (typographyStyle) {\n            this.__styles.push({ styleId: typographyStyle.id, type: \"typography\" });\n        }\n    }\n\n    getTypographyStyleId(): string | undefined {\n        const style = this.__styles.find(x => x.type === \"typography\");\n        return style?.styleId || undefined;\n    }\n\n    private hasTypographyStyle(): boolean {\n        return !!this.getTypographyStyleId();\n    }\n\n    getThemeStyles(): ThemeStyleValue[] {\n        const self = super.getLatest();\n        return self.__styles;\n    }\n\n    setThemeStyles(styles: ThemeStyleValue[]) {\n        const self = super.getWritable();\n        self.__styles = [...styles];\n        return self;\n    }\n\n    static override getType(): string {\n        return \"heading-element\";\n    }\n\n    static override clone(node: HeadingNode): HeadingNode {\n        return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: WebinyTheme): HTMLElement {\n        if (!theme?.emotionMap) {\n            return element;\n        }\n\n        if (!this.hasTypographyStyle()) {\n            this.setDefaultTypography(theme.emotionMap);\n        }\n\n        const typoStyleId = this.getTypographyStyleId();\n\n        let themeClasses;\n\n        // Typography css class\n        if (typoStyleId) {\n            const typographyStyle = theme.emotionMap[typoStyleId];\n            if (typographyStyle) {\n                themeClasses = typographyStyle.className;\n            }\n        }\n\n        if (themeClasses) {\n            addClassNamesToElement(element, themeClasses);\n        }\n\n        return element;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, config.theme as WebinyTheme);\n    }\n\n    static override importJSON(serializedNode: SerializeHeadingNode): BaseHeadingNode {\n        const node = $createHeadingNode(serializedNode.tag);\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        node.setThemeStyles(serializedNode.styles);\n        return node;\n    }\n\n    override exportJSON(): SerializeHeadingNode {\n        return {\n            ...super.exportJSON(),\n            styles: this.__styles,\n            type: \"heading-element\",\n            version: 1\n        };\n    }\n\n    // Mutation\n    override insertNewAfter(\n        selection?: RangeSelection,\n        restoreSelection = true\n    ): ParagraphNode | HeadingNode {\n        // Next line for headings are always headings with the same tag\n        const newElement = $createHeadingNode(this.getTag());\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        this.insertAfter(newElement, restoreSelection);\n        return newElement;\n    }\n\n    override collapseAtStart(): true {\n        const newElement = $createHeadingNode(this.getTag());\n        const children = this.getChildren();\n        children.forEach(child => newElement.append(child));\n        this.replace(newElement);\n        return true;\n    }\n}\n\nexport function $createHeadingNode(tag: HeadingTagType, typographyStyleId?: string): HeadingNode {\n    return $applyNodeReplacement(new HeadingNode(tag, typographyStyleId));\n}\n\nexport function $isHeadingNode(node: LexicalNode | null | undefined): node is HeadingNode {\n    return node instanceof HeadingNode;\n}\n"],"mappings":"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","ignoreList":[]}

package/ImageNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard3","require","_lexical","ImageComponent","React","lazy","Promise","resolve","then","_interopRequireWildcard2","default","ImageNode","exports","_DecoratorNode","props","key","_this","_classCallCheck2","_callSuper2","__id","id","__src","src","__altText","altText","__maxWidth","maxWidth","__width","width","__height","height","__showCaption","showCaption","__caption","caption","createEditor","__captionsEnabled","captionsEnabled","undefined","_inherits2","_createClass2","value","exportDOM","element","document","createElement","setAttribute","toString","exportJSON","getAltText","toJSON","getSrc","type","version","setWidthAndHeight","writable","getWritable","setShowCaption","createDOM","config","span","theme","className","image","updateDOM","decorate","Suspense","fallback","nodeKey","getKey","resizable","getType","clone","node","__key","importJSON","serializedNode","$createImageNode","nestedEditor","editorState","parseEditorState","isEmpty","setEditorState","importDOM","DecoratorNode","$applyNodeReplacement","$isImageNode"],"sources":["ImageNode.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport React, { Suspense } from \"react\";\nimport type {\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    SerializedEditor,\n    SerializedLexicalNode,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, createEditor, DecoratorNode } from \"lexical\";\n\nconst ImageComponent = React.lazy(\n    () =>\n        import(\n            /* webpackChunkName: \"LexicalNodesComponentsImageNodeImageComponent\" */\n            \"./components/ImageNode/ImageComponent\"\n        )\n);\n\nexport type SerializedImageNode = Spread<\n    {\n        id: string;\n        altText: string;\n        caption: SerializedEditor;\n        height?: number;\n        maxWidth: number;\n        showCaption: boolean;\n        src: string;\n        width?: number;\n    },\n    SerializedLexicalNode\n>;\n\nexport interface ImageNodeProps {\n    id: string;\n    src: string;\n    altText: string;\n    maxWidth: number;\n    width?: \"inherit\" | number;\n    height?: \"inherit\" | number;\n    showCaption?: boolean;\n    caption?: LexicalEditor;\n    captionsEnabled?: boolean;\n}\n\nexport class ImageNode extends DecoratorNode<JSX.Element> {\n    __id: string;\n    __src: string;\n    __altText: string;\n    __width: \"inherit\" | number;\n    __height: \"inherit\" | number;\n    __maxWidth: number;\n    __showCaption: boolean;\n    __caption: LexicalEditor;\n    // Captions cannot yet be used within editor cells\n    __captionsEnabled: boolean;\n\n    static override getType(): string {\n        return \"image\";\n    }\n\n    static override clone(node: ImageNode): ImageNode {\n        return new ImageNode(\n            {\n                id: node.__id,\n                src: node.__src,\n                altText: node.__altText,\n                maxWidth: node.__maxWidth,\n                width: node.__width,\n                height: node.__height,\n                showCaption: node.__showCaption,\n                caption: node.__caption,\n                captionsEnabled: node.__captionsEnabled\n            },\n            node.__key\n        );\n    }\n\n    static override importJSON(serializedNode: SerializedImageNode): ImageNode {\n        const { id, altText, height, width, maxWidth, caption, src, showCaption } = serializedNode;\n        const node = $createImageNode({\n            id,\n            altText,\n            height,\n            maxWidth,\n            showCaption,\n            src,\n            width\n        });\n        const nestedEditor = node.__caption;\n        const editorState = nestedEditor.parseEditorState(caption.editorState);\n        if (!editorState.isEmpty()) {\n            nestedEditor.setEditorState(editorState);\n        }\n        return node;\n    }\n\n    override exportDOM(): DOMExportOutput {\n        const element = document.createElement(\"img\");\n        element.setAttribute(\"id\", this.__id);\n        element.setAttribute(\"src\", this.__src);\n        element.setAttribute(\"alt\", this.__altText);\n        element.setAttribute(\"width\", this.__width.toString());\n        element.setAttribute(\"height\", this.__height.toString());\n        return { element };\n    }\n\n    /**\n     * Control how an HTMLElement is represented in Lexical.\n     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.\n     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).\n     */\n    static importDOM(): DOMConversionMap | null {\n        /**\n         * By returning 'null' value, we are preventing image node to be created.\n         * Example of how to implement and create the node:\n         * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94\n         */\n        return null;\n    }\n\n    constructor(props: ImageNodeProps, key?: NodeKey) {\n        super(key);\n        this.__id = props.id;\n        this.__src = props.src;\n        this.__altText = props.altText;\n        this.__maxWidth = props.maxWidth;\n        this.__width = props.width || \"inherit\";\n        this.__height = props.height || \"inherit\";\n        this.__showCaption = props.showCaption || false;\n        this.__caption = props.caption || createEditor();\n        this.__captionsEnabled = props.captionsEnabled || props.captionsEnabled === undefined;\n    }\n\n    override exportJSON(): SerializedImageNode {\n        return {\n            id: this.__id,\n            altText: this.getAltText(),\n            caption: this.__caption.toJSON(),\n            height: this.__height === \"inherit\" ? 0 : this.__height,\n            maxWidth: this.__maxWidth,\n            showCaption: this.__showCaption,\n            src: this.getSrc(),\n            type: \"image\",\n            version: 1,\n            width: this.__width === \"inherit\" ? 0 : this.__width\n        };\n    }\n\n    setWidthAndHeight(width: \"inherit\" | number, height: \"inherit\" | number): void {\n        const writable = this.getWritable();\n        writable.__width = width;\n        writable.__height = height;\n    }\n\n    setShowCaption(showCaption: boolean): void {\n        const writable = this.getWritable();\n        writable.__showCaption = showCaption;\n    }\n\n    // View\n    override createDOM(config: EditorConfig): HTMLElement {\n        const span = document.createElement(\"span\");\n        const theme = config.theme;\n        const className = theme.image;\n        if (className !== undefined) {\n            span.className = className;\n        }\n        return span;\n    }\n\n    override updateDOM(): false {\n        return false;\n    }\n\n    getSrc(): string {\n        return this.__src;\n    }\n\n    getAltText(): string {\n        return this.__altText;\n    }\n\n    override decorate(): JSX.Element {\n        return (\n            <Suspense fallback={null}>\n                <ImageComponent\n                    id={this.__id}\n                    src={this.__src}\n                    altText={this.__altText}\n                    width={this.__width}\n                    height={this.__height}\n                    maxWidth={this.__maxWidth}\n                    nodeKey={this.getKey()}\n                    showCaption={this.__showCaption}\n                    caption={this.__caption}\n                    captionsEnabled={this.__captionsEnabled}\n                    resizable={true}\n                />\n            </Suspense>\n        );\n    }\n}\n\nexport function $createImageNode(props: ImageNodeProps, key?: string): ImageNode {\n    return $applyNodeReplacement(new ImageNode(props, key));\n}\n\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n    return node instanceof ImageNode;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard3","require","_lexical","ImageComponent","React","lazy","Promise","resolve","then","_interopRequireWildcard2","default","ImageNode","exports","_DecoratorNode","props","key","_this","_classCallCheck2","_callSuper2","__id","id","__src","src","__altText","altText","__maxWidth","maxWidth","__width","width","__height","height","__showCaption","showCaption","__caption","caption","createEditor","__captionsEnabled","captionsEnabled","undefined","_inherits2","_createClass2","value","exportDOM","element","document","createElement","setAttribute","toString","exportJSON","getAltText","toJSON","getSrc","type","version","setWidthAndHeight","writable","getWritable","setShowCaption","createDOM","config","span","theme","className","image","updateDOM","decorate","Suspense","fallback","nodeKey","getKey","resizable","getType","clone","node","__key","importJSON","serializedNode","$createImageNode","nestedEditor","editorState","parseEditorState","isEmpty","setEditorState","importDOM","DecoratorNode","$applyNodeReplacement","$isImageNode"],"sources":["ImageNode.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport React, { Suspense } from \"react\";\nimport type {\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    SerializedEditor,\n    SerializedLexicalNode,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, createEditor, DecoratorNode } from \"lexical\";\n\nconst ImageComponent = React.lazy(\n    () =>\n        import(\n            /* webpackChunkName: \"LexicalNodesComponentsImageNodeImageComponent\" */\n            \"./components/ImageNode/ImageComponent\"\n        )\n);\n\nexport type SerializedImageNode = Spread<\n    {\n        id: string;\n        altText: string;\n        caption: SerializedEditor;\n        height?: number;\n        maxWidth: number;\n        showCaption: boolean;\n        src: string;\n        width?: number;\n    },\n    SerializedLexicalNode\n>;\n\nexport interface ImageNodeProps {\n    id: string;\n    src: string;\n    altText: string;\n    maxWidth: number;\n    width?: \"inherit\" | number;\n    height?: \"inherit\" | number;\n    showCaption?: boolean;\n    caption?: LexicalEditor;\n    captionsEnabled?: boolean;\n}\n\nexport class ImageNode extends DecoratorNode<JSX.Element> {\n    __id: string;\n    __src: string;\n    __altText: string;\n    __width: \"inherit\" | number;\n    __height: \"inherit\" | number;\n    __maxWidth: number;\n    __showCaption: boolean;\n    __caption: LexicalEditor;\n    // Captions cannot yet be used within editor cells\n    __captionsEnabled: boolean;\n\n    static override getType(): string {\n        return \"image\";\n    }\n\n    static override clone(node: ImageNode): ImageNode {\n        return new ImageNode(\n            {\n                id: node.__id,\n                src: node.__src,\n                altText: node.__altText,\n                maxWidth: node.__maxWidth,\n                width: node.__width,\n                height: node.__height,\n                showCaption: node.__showCaption,\n                caption: node.__caption,\n                captionsEnabled: node.__captionsEnabled\n            },\n            node.__key\n        );\n    }\n\n    static override importJSON(serializedNode: SerializedImageNode): ImageNode {\n        const { id, altText, height, width, maxWidth, caption, src, showCaption } = serializedNode;\n        const node = $createImageNode({\n            id,\n            altText,\n            height,\n            maxWidth,\n            showCaption,\n            src,\n            width\n        });\n        const nestedEditor = node.__caption;\n        const editorState = nestedEditor.parseEditorState(caption.editorState);\n        if (!editorState.isEmpty()) {\n            nestedEditor.setEditorState(editorState);\n        }\n        return node;\n    }\n\n    override exportDOM(): DOMExportOutput {\n        const element = document.createElement(\"img\");\n        element.setAttribute(\"id\", this.__id);\n        element.setAttribute(\"src\", this.__src);\n        element.setAttribute(\"alt\", this.__altText);\n        element.setAttribute(\"width\", this.__width.toString());\n        element.setAttribute(\"height\", this.__height.toString());\n        return { element };\n    }\n\n    /**\n     * Control how an HTMLElement is represented in Lexical.\n     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.\n     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).\n     */\n    static override importDOM(): DOMConversionMap | null {\n        /**\n         * By returning 'null' value, we are preventing image node to be created.\n         * Example of how to implement and create the node:\n         * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94\n         */\n        return null;\n    }\n\n    constructor(props: ImageNodeProps, key?: NodeKey) {\n        super(key);\n        this.__id = props.id;\n        this.__src = props.src;\n        this.__altText = props.altText;\n        this.__maxWidth = props.maxWidth;\n        this.__width = props.width || \"inherit\";\n        this.__height = props.height || \"inherit\";\n        this.__showCaption = props.showCaption || false;\n        this.__caption = props.caption || createEditor();\n        this.__captionsEnabled = props.captionsEnabled || props.captionsEnabled === undefined;\n    }\n\n    override exportJSON(): SerializedImageNode {\n        return {\n            id: this.__id,\n            altText: this.getAltText(),\n            caption: this.__caption.toJSON(),\n            height: this.__height === \"inherit\" ? 0 : this.__height,\n            maxWidth: this.__maxWidth,\n            showCaption: this.__showCaption,\n            src: this.getSrc(),\n            type: \"image\",\n            version: 1,\n            width: this.__width === \"inherit\" ? 0 : this.__width\n        };\n    }\n\n    setWidthAndHeight(width: \"inherit\" | number, height: \"inherit\" | number): void {\n        const writable = this.getWritable();\n        writable.__width = width;\n        writable.__height = height;\n    }\n\n    setShowCaption(showCaption: boolean): void {\n        const writable = this.getWritable();\n        writable.__showCaption = showCaption;\n    }\n\n    // View\n    override createDOM(config: EditorConfig): HTMLElement {\n        const span = document.createElement(\"span\");\n        const theme = config.theme;\n        const className = theme.image;\n        if (className !== undefined) {\n            span.className = className;\n        }\n        return span;\n    }\n\n    override updateDOM(): false {\n        return false;\n    }\n\n    getSrc(): string {\n        return this.__src;\n    }\n\n    getAltText(): string {\n        return this.__altText;\n    }\n\n    override decorate(): JSX.Element {\n        return (\n            <Suspense fallback={null}>\n                <ImageComponent\n                    id={this.__id}\n                    src={this.__src}\n                    altText={this.__altText}\n                    width={this.__width}\n                    height={this.__height}\n                    maxWidth={this.__maxWidth}\n                    nodeKey={this.getKey()}\n                    showCaption={this.__showCaption}\n                    caption={this.__caption}\n                    captionsEnabled={this.__captionsEnabled}\n                    resizable={true}\n                />\n            </Suspense>\n        );\n    }\n}\n\nexport function $createImageNode(props: ImageNodeProps, key?: string): ImageNode {\n    return $applyNodeReplacement(new ImageNode(props, key));\n}\n\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n    return node instanceof ImageNode;\n}\n"],"mappings":"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","ignoreList":[]}

package/LinkNode.d.ts

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { DOMConversionMap, EditorConfig, GridSelection, LexicalCommand, LexicalNode, NodeKey, NodeSelection, RangeSelection, SerializedElementNode } from "lexical";
+import type { DOMConversionMap, EditorConfig, RangeSelection, LexicalCommand, LexicalNode, NodeKey, SerializedElementNode } from "lexical";
 import { ElementNode, Spread } from "lexical";
 export declare type LinkAttributes = {
     rel?: null | string;
@@ -58,7 +58,7 @@ export declare class LinkNode extends ElementNode {
     canInsertTextAfter(): false;
     canBeEmpty(): false;
     isInline(): true;
-    extractWithChild(_: LexicalNode, selection: RangeSelection | NodeSelection | GridSelection): boolean;
+    extractWithChild(_: LexicalNode, selection: RangeSelection): boolean;
 }
 /**
  * Takes a URL and creates a LinkNode.

package/LinkNode.js

@@ -355,7 +355,7 @@ var AutoLinkNode = exports.AutoLinkNode = /*#__PURE__*/function (_LinkNode) {
       var element = this.getParentOrThrow().insertNewAfter(selection, restoreSelection);
       if ((0, _lexical.$isElementNode)(element)) {
         var linkNode = $createAutoLinkNode(this.__url, {
-          rel: this._rel,
+          rel: this.__rel,
           target: this.__target,
           title: this.__title
         });