@webiny/lexical-nodes 5.38.0-beta.0

package/FontColorNode.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+/// <reference types="web" />
+import { EditorConfig, LexicalCommand, LexicalEditor, LexicalNode, NodeKey, RangeSelection, SerializedTextNode, Spread, TextNode } from "lexical";
+import { EditorTheme } from "@webiny/lexical-theme";
+export declare const ADD_FONT_COLOR_COMMAND: LexicalCommand<FontColorPayload>;
+export interface FontColorPayload {
+    color: string;
+    themeColorName: string | undefined;
+    caption?: LexicalEditor;
+    key?: NodeKey;
+}
+declare type ThemeStyleColorName = string;
+declare type ThemeColor = "custom" | ThemeStyleColorName;
+export declare type SerializedFontColorNode = Spread<{
+    themeColor: ThemeColor;
+    color: string;
+    type: "font-color-node";
+    version: 1;
+}, SerializedTextNode>;
+/**
+ * Main responsibility of this node is to apply custom or Webiny theme color to selected text.
+ * 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);
+    static getType(): string;
+    static clone(node: FontColorNode): FontColorNode;
+    static importJSON(serializedNode: SerializedFontColorNode): TextNode;
+    exportJSON(): SerializedFontColorNode;
+    addColorValueToHTMLElement(element: HTMLElement, theme: EditorTheme): HTMLElement;
+    updateDOM(prevNode: FontColorNode, dom: HTMLElement, config: EditorConfig): boolean;
+    getColorStyle(): {
+        color: string;
+        themeColor: ThemeColor;
+    };
+    createDOM(config: EditorConfig): HTMLElement;
+}
+export declare const $createFontColorNode: (text: string, color: string, themeColor?: ThemeColor, key?: NodeKey) => FontColorNode;
+export declare const $isFontColorNode: (node: LexicalNode) => node is FontColorNode;
+export declare function $applyStylesToNode(node: FontColorNode, nodeStyleProvider: RangeSelection): void;
+export {};

package/FontColorNode.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$applyStylesToNode = $applyStylesToNode;
+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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _lexical = require("lexical");
+var ADD_FONT_COLOR_COMMAND = (0, _lexical.createCommand)("ADD_FONT_COLOR_COMMAND");
+exports.ADD_FONT_COLOR_COMMAND = ADD_FONT_COLOR_COMMAND;
+var FontColorNodeAttrName = "data-theme-font-color-name";
+/**
+ * Main responsibility of this node is to apply custom or Webiny theme color to selected text.
+ * Extends the original TextNode node to add additional transformation and support for webiny theme font color.
+ */
+var FontColorNode = /*#__PURE__*/function (_TextNode) {
+  (0, _inherits2.default)(FontColorNode, _TextNode);
+  var _super = (0, _createSuper2.default)(FontColorNode);
+  function FontColorNode(text, color, themeColor, key) {
+    var _this;
+    (0, _classCallCheck2.default)(this, FontColorNode);
+    _this = _super.call(this, text, key);
+    _this.__themeColor = themeColor || "custom";
+    _this.__color = color;
+    return _this;
+  }
+  (0, _createClass2.default)(FontColorNode, [{
+    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,
+        type: "font-color-node",
+        version: 1
+      });
+    }
+  }, {
+    key: "addColorValueToHTMLElement",
+    value: function addColorValueToHTMLElement(element, theme) {
+      var _theme$styles;
+      var hasThemeColor = this.__themeColor !== "custom";
+      // get the updated color from webiny theme
+      if (hasThemeColor && theme !== null && theme !== void 0 && (_theme$styles = theme.styles) !== null && _theme$styles !== void 0 && _theme$styles.colors) {
+        this.__color = theme.styles.colors[this.__themeColor];
+      }
+      element.setAttribute(FontColorNodeAttrName, this.__themeColor);
+      element.style.color = this.__color;
+      return element;
+    }
+  }, {
+    key: "updateDOM",
+    value: function updateDOM(prevNode, dom, config) {
+      var _theme$styles2;
+      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 !== null && theme !== void 0 && (_theme$styles2 = theme.styles) !== null && _theme$styles2 !== void 0 && _theme$styles2.colors) {
+        this.__color = theme.styles.colors[this.__themeColor];
+      }
+      dom.setAttribute(FontColorNodeAttrName, this.__themeColor);
+      dom.style.color = this.__color;
+      return isUpdated;
+    }
+  }, {
+    key: "getColorStyle",
+    value: function getColorStyle() {
+      return {
+        color: this.__color,
+        themeColor: this.__themeColor
+      };
+    }
+  }, {
+    key: "createDOM",
+    value: function createDOM(config) {
+      var element = (0, _get2.default)((0, _getPrototypeOf2.default)(FontColorNode.prototype), "createDOM", this).call(this, config);
+      return this.addColorValueToHTMLElement(element, config.theme);
+    }
+  }], [{
+    key: "getType",
+    value: function getType() {
+      return "font-color-node";
+    }
+  }, {
+    key: "clone",
+    value: function clone(node) {
+      return new FontColorNode(node.__text, node.__color, node.__themeColor, node.__key);
+    }
+  }, {
+    key: "importJSON",
+    value: function importJSON(serializedNode) {
+      var node = new FontColorNode(serializedNode.text, serializedNode.color, serializedNode.themeColor);
+      node.setTextContent(serializedNode.text);
+      node.setFormat(serializedNode.format);
+      node.setDetail(serializedNode.detail);
+      node.setMode(serializedNode.mode);
+      node.setStyle(serializedNode.style);
+      return node;
+    }
+  }]);
+  return FontColorNode;
+}(_lexical.TextNode);
+exports.FontColorNode = FontColorNode;
+var $createFontColorNode = function $createFontColorNode(text, color, themeColor, key) {
+  return new FontColorNode(text, color, themeColor, key);
+};
+exports.$createFontColorNode = $createFontColorNode;
+var $isFontColorNode = function $isFontColorNode(node) {
+  return node instanceof FontColorNode;
+};
+exports.$isFontColorNode = $isFontColorNode;
+function $applyStylesToNode(node, nodeStyleProvider) {
+  node.setFormat(nodeStyleProvider.format);
+  node.setStyle(nodeStyleProvider.style);
+}
+
+//# sourceMappingURL=FontColorNode.js.map

package/FontColorNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lexical","require","ADD_FONT_COLOR_COMMAND","createCommand","exports","FontColorNodeAttrName","FontColorNode","_TextNode","_inherits2","default","_super","_createSuper2","text","color","themeColor","key","_this","_classCallCheck2","call","__themeColor","__color","_createClass2","value","exportJSON","_objectSpread2","_get2","_getPrototypeOf2","prototype","type","version","addColorValueToHTMLElement","element","theme","_theme$styles","hasThemeColor","styles","colors","setAttribute","style","updateDOM","prevNode","dom","config","_theme$styles2","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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"}

package/HeadingNode.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+/// <reference types="web" />
+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 { ParagraphNode } from "./ParagraphNode";
+import { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from "./types";
+export declare type SerializeHeadingNode = Spread<{
+    styles: ThemeStyleValue[];
+    type: "heading-element";
+}, BaseSerializedHeadingNode>;
+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;
+    getTypographyStyleId(): string | undefined;
+    clearTypographyStyle(): this;
+    hasTypographyStyle(): boolean;
+    getThemeStyles(): ThemeStyleValue[];
+    setThemeStyles(styles: ThemeStyleValue[]): this;
+    static getType(): string;
+    static clone(node: HeadingNode): HeadingNode;
+    protected updateElementWithThemeClasses(element: HTMLElement, theme: WebinyTheme): HTMLElement;
+    createDOM(config: EditorConfig): HTMLElement;
+    static importJSON(serializedNode: SerializeHeadingNode): BaseHeadingNode;
+    exportJSON(): SerializeHeadingNode;
+    insertNewAfter(selection?: RangeSelection, restoreSelection?: boolean): ParagraphNode | HeadingNode;
+    collapseAtStart(): true;
+}
+export declare function $createHeadingNode(tag: HeadingTagType, typographyStyleId?: string): HeadingNode;
+export declare function $isHeadingNode(node: LexicalNode | null | undefined): node is HeadingNode;

package/HeadingNode.js

@@ -0,0 +1,193 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$createHeadingNode = $createHeadingNode;
+exports.$isHeadingNode = $isHeadingNode;
+exports.HeadingNode = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _lexical = require("lexical");
+var _utils = require("@lexical/utils");
+var _richText = require("@lexical/rich-text");
+var _lexicalTheme = require("@webiny/lexical-theme");
+var HeadingNode = /*#__PURE__*/function (_BaseHeadingNode) {
+  (0, _inherits2.default)(HeadingNode, _BaseHeadingNode);
+  var _super = (0, _createSuper2.default)(HeadingNode);
+  function HeadingNode(tag, typographyStyleId, key) {
+    var _this;
+    (0, _classCallCheck2.default)(this, HeadingNode);
+    _this = _super.call(this, tag, key);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__styles", []);
+    if (typographyStyleId) {
+      _this.__styles.push({
+        styleId: typographyStyleId,
+        type: "typography"
+      });
+    }
+    return _this;
+  }
+  (0, _createClass2.default)(HeadingNode, [{
+    key: "setDefaultTypography",
+    value: function setDefaultTypography(themeEmotionMap) {
+      var typographyStyle = (0, _lexicalTheme.findTypographyStyleByHtmlTag)(this.__tag, themeEmotionMap);
+      if (typographyStyle) {
+        this.__styles.push({
+          styleId: typographyStyle.id,
+          type: "typography"
+        });
+      }
+    }
+  }, {
+    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() {
+      var style = this.__styles.find(function (x) {
+        return x.type === "typography";
+      });
+      return (style === null || style === void 0 ? void 0 : 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() {
+      return !!this.getTypographyStyleId();
+    }
+  }, {
+    key: "getThemeStyles",
+    value: function getThemeStyles() {
+      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getLatest", this).call(this);
+      return self.__styles;
+    }
+  }, {
+    key: "setThemeStyles",
+    value: function setThemeStyles(styles) {
+      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getWritable", this).call(this);
+      self.__styles = (0, _toConsumableArray2.default)(styles);
+      return self;
+    }
+  }, {
+    key: "updateElementWithThemeClasses",
+    value: function updateElementWithThemeClasses(element, theme) {
+      if (!(theme !== null && theme !== void 0 && theme.emotionMap)) {
+        return element;
+      }
+      if (!this.hasTypographyStyle()) {
+        this.setDefaultTypography(theme.emotionMap);
+      }
+      var typoStyleId = this.getTypographyStyleId();
+      var themeClasses;
+
+      // Typography css class
+      if (typoStyleId) {
+        var typographyStyle = theme.emotionMap[typoStyleId];
+        if (typographyStyle) {
+          themeClasses = typographyStyle.className;
+        }
+      }
+      if (themeClasses) {
+        (0, _utils.addClassNamesToElement)(element, themeClasses);
+      }
+      return element;
+    }
+  }, {
+    key: "createDOM",
+    value: function createDOM(config) {
+      var element = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "createDOM", this).call(this, config);
+      return this.updateElementWithThemeClasses(element, config.theme);
+    }
+  }, {
+    key: "exportJSON",
+    value: function exportJSON() {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "exportJSON", this).call(this)), {}, {
+        styles: this.__styles,
+        type: "heading-element",
+        version: 1
+      });
+    }
+
+    // Mutation
+  }, {
+    key: "insertNewAfter",
+    value: function insertNewAfter(selection) {
+      var restoreSelection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      // Next line for headings are always headings with the same tag
+      var newElement = $createHeadingNode(this.getTag());
+      var direction = this.getDirection();
+      newElement.setDirection(direction);
+      this.insertAfter(newElement, restoreSelection);
+      return newElement;
+    }
+  }, {
+    key: "collapseAtStart",
+    value: function collapseAtStart() {
+      var newElement = $createHeadingNode(this.getTag());
+      var children = this.getChildren();
+      children.forEach(function (child) {
+        return newElement.append(child);
+      });
+      this.replace(newElement);
+      return true;
+    }
+  }], [{
+    key: "getType",
+    value: function getType() {
+      return "heading-element";
+    }
+  }, {
+    key: "clone",
+    value: function clone(node) {
+      return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);
+    }
+  }, {
+    key: "importJSON",
+    value: function importJSON(serializedNode) {
+      var node = $createHeadingNode(serializedNode.tag);
+      node.setFormat(serializedNode.format);
+      node.setIndent(serializedNode.indent);
+      node.setDirection(serializedNode.direction);
+      node.setThemeStyles(serializedNode.styles);
+      return node;
+    }
+  }]);
+  return HeadingNode;
+}(_richText.HeadingNode);
+exports.HeadingNode = HeadingNode;
+function $createHeadingNode(tag, typographyStyleId) {
+  return (0, _lexical.$applyNodeReplacement)(new HeadingNode(tag, typographyStyleId));
+}
+function $isHeadingNode(node) {
+  return node instanceof HeadingNode;
+}
+
+//# sourceMappingURL=HeadingNode.js.map

package/HeadingNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lexical","require","_utils","_richText","_lexicalTheme","HeadingNode","_BaseHeadingNode","_inherits2","default","_super","_createSuper2","tag","typographyStyleId","key","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","__styles","push","styleId","type","_createClass2","value","setDefaultTypography","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","__tag","id","setTypography","self","_get2","_getPrototypeOf2","prototype","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","exports","$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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"}

package/ImageNode.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedEditor, SerializedLexicalNode, Spread } from "lexical";
+import { DecoratorNode } from "lexical";
+export declare type SerializedImageNode = Spread<{
+    id: string;
+    altText: string;
+    caption: SerializedEditor;
+    height?: number;
+    maxWidth: number;
+    showCaption: boolean;
+    src: string;
+    width?: number;
+}, SerializedLexicalNode>;
+export interface ImageNodeProps {
+    id: string;
+    src: string;
+    altText: string;
+    maxWidth: number;
+    width?: "inherit" | number;
+    height?: "inherit" | number;
+    showCaption?: boolean;
+    caption?: LexicalEditor;
+    captionsEnabled?: boolean;
+}
+export declare class ImageNode extends DecoratorNode<JSX.Element> {
+    __id: string;
+    __src: string;
+    __altText: string;
+    __width: "inherit" | number;
+    __height: "inherit" | number;
+    __maxWidth: number;
+    __showCaption: boolean;
+    __caption: LexicalEditor;
+    __captionsEnabled: boolean;
+    static getType(): string;
+    static clone(node: ImageNode): ImageNode;
+    static importJSON(serializedNode: SerializedImageNode): ImageNode;
+    exportDOM(): DOMExportOutput;
+    /**
+     * Control how an HTMLElement is represented in Lexical.
+     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.
+     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).
+     */
+    static importDOM(): DOMConversionMap | null;
+    constructor(props: ImageNodeProps, key?: NodeKey);
+    exportJSON(): SerializedImageNode;
+    setWidthAndHeight(width: "inherit" | number, height: "inherit" | number): void;
+    setShowCaption(showCaption: boolean): void;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): false;
+    getSrc(): string;
+    getAltText(): string;
+    decorate(): JSX.Element;
+}
+export declare function $createImageNode(props: ImageNodeProps, key?: string): ImageNode;
+export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;