@webiny/lexical-editor 5.35.2 → 5.36.0-beta.1

package/nodes/ParagraphNode.js

@@ -0,0 +1,218 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$createParagraphNode = $createParagraphNode;
+exports.$isParagraphNode = $isParagraphNode;
+exports.ParagraphNode = 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 _findTypographyStyleByHtmlTag = require("../utils/findTypographyStyleByHtmlTag");
+var ParagraphNode = /*#__PURE__*/function (_BaseParagraphNode) {
+  (0, _inherits2.default)(ParagraphNode, _BaseParagraphNode);
+  var _super = (0, _createSuper2.default)(ParagraphNode);
+  function ParagraphNode(typographyStyleId, key) {
+    var _this;
+    (0, _classCallCheck2.default)(this, ParagraphNode);
+    _this = _super.call(this, key);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__styles", []);
+    if (typographyStyleId) {
+      _this.__styles.push({
+        styleId: typographyStyleId,
+        type: "typography"
+      });
+    }
+    return _this;
+  }
+  (0, _createClass2.default)(ParagraphNode, [{
+    key: "setDefaultTypography",
+    value: function setDefaultTypography(themeEmotionMap) {
+      var typographyStyle = (0, _findTypographyStyleByHtmlTag.findTypographyStyleByHtmlTag)("p", 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)(ParagraphNode.prototype), "getWritable", this).call(this);
+      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)(ParagraphNode.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() {
+      // getLatest() ensures we are getting the most
+      // up-to-date value from the EditorState.
+      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(ParagraphNode.prototype), "getLatest", this).call(this);
+      return self.__styles;
+    }
+  }, {
+    key: "setThemeStyles",
+    value: function setThemeStyles(styles) {
+      // getWritable() creates a clone of the node
+      // if needed, to ensure we don't try and mutate
+      // a stale version of this node.
+      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(ParagraphNode.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)(ParagraphNode.prototype), "createDOM", this).call(this, config);
+      return this.updateElementWithThemeClasses(element, config.theme);
+    }
+  }, {
+    key: "updateDOM",
+    value: function updateDOM(prevNode, dom, config) {
+      var prevTypoStyleId = prevNode.getTypographyStyleId();
+      var nextTypoStyleId = this.getTypographyStyleId();
+      if (!nextTypoStyleId) {
+        this.updateElementWithThemeClasses(dom, config.theme);
+        return false;
+      }
+      if (prevTypoStyleId !== nextTypoStyleId && nextTypoStyleId) {
+        this.updateElementWithThemeClasses(dom, config.theme);
+      }
+      // Returning false tells Lexical that this node does not need its
+      // DOM element replacing with a new copy from createDOM.
+      return false;
+    }
+
+    /*
+     * On copy/paste event this method will be executed in and create a node
+     * */
+  }, {
+    key: "exportJSON",
+    value:
+    /*
+     * Serialize the node to JSON data representation.
+     * */
+    function exportJSON() {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(ParagraphNode.prototype), "exportJSON", this).call(this)), {}, {
+        styles: this.__styles,
+        type: "paragraph-element",
+        version: 1
+      });
+    }
+  }], [{
+    key: "getType",
+    value: function getType() {
+      return "paragraph-element";
+    }
+  }, {
+    key: "clone",
+    value: function clone(node) {
+      return new ParagraphNode(node.getTypographyStyleId(), node.__key);
+    }
+  }, {
+    key: "importDOM",
+    value: function importDOM() {
+      return {
+        p: function p() {
+          return {
+            conversion: convertParagraphElement,
+            priority: 0
+          };
+        }
+      };
+    }
+
+    /*
+     * Serialize the JSON data back into a node
+     */
+  }, {
+    key: "importJSON",
+    value: function importJSON(serializedNode) {
+      var node = $createParagraphNode();
+      node.setFormat(serializedNode.format);
+      node.setIndent(serializedNode.indent);
+      node.setDirection(serializedNode.direction);
+      node.setThemeStyles(serializedNode.styles);
+      return node;
+    }
+  }]);
+  return ParagraphNode;
+}(_lexical.ParagraphNode);
+exports.ParagraphNode = ParagraphNode;
+function convertParagraphElement(element) {
+  var node = $createParagraphNode();
+  if (element.style) {
+    node.setFormat(element.style.textAlign);
+  }
+  return {
+    node: node
+  };
+}
+function $createParagraphNode(typographyStyleId) {
+  return (0, _lexical.$applyNodeReplacement)(new ParagraphNode(typographyStyleId));
+}
+function $isParagraphNode(node) {
+  return node instanceof ParagraphNode;
+}

package/nodes/ParagraphNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ParagraphNode","typographyStyleId","key","__styles","push","styleId","type","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","id","self","themeStyle","style","find","x","undefined","filter","s","getTypographyStyleId","styles","element","theme","emotionMap","hasTypographyStyle","setDefaultTypography","typoStyleId","themeClasses","className","addClassNamesToElement","config","updateElementWithThemeClasses","prevNode","dom","prevTypoStyleId","nextTypoStyleId","version","node","__key","p","conversion","convertParagraphElement","priority","serializedNode","$createParagraphNode","setFormat","format","setIndent","indent","setDirection","direction","setThemeStyles","BaseParagraphNode","textAlign","$applyNodeReplacement","$isParagraphNode"],"sources":["ParagraphNode.ts"],"sourcesContent":["import {\n    $applyNodeReplacement,\n    DOMConversionMap,\n    DOMConversionOutput,\n    ElementFormatType,\n    LexicalNode,\n    NodeKey,\n    ParagraphNode as BaseParagraphNode,\n    SerializedParagraphNode as SerializedBaseParagraphNode,\n    Spread\n} from \"lexical\";\nimport { EditorConfig } from \"lexical\";\nimport { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from \"~/nodes/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport { findTypographyStyleByHtmlTag } from \"~/utils/findTypographyStyleByHtmlTag\";\nimport { ThemeEmotionMap } from \"~/types\";\n\nexport type SerializeParagraphNode = Spread<\n    {\n        styles: ThemeStyleValue[];\n        type: \"paragraph-element\";\n    },\n    SerializedBaseParagraphNode\n>;\n\nexport class ParagraphNode\n    extends BaseParagraphNode\n    implements TextNodeThemeStyles, TypographyStylesNode\n{\n    __styles: ThemeStyleValue[] = [];\n\n    constructor(typographyStyleId?: string, key?: NodeKey) {\n        super(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(\"p\", 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        const themeStyle = {\n            styleId: typographyStyleId,\n            type: \"typography\"\n        } as ThemeStyleValue;\n        self.__styles.push(themeStyle);\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        // getLatest() ensures we are getting the most\n        // up-to-date value from the EditorState.\n        const self = super.getLatest();\n        return self.__styles;\n    }\n\n    setThemeStyles(styles: ThemeStyleValue[]) {\n        // getWritable() creates a clone of the node\n        // if needed, to ensure we don't try and mutate\n        // a stale version of this node.\n        const self = super.getWritable();\n        self.__styles = [...styles];\n        return self;\n    }\n\n    static override getType(): string {\n        return \"paragraph-element\";\n    }\n\n    static override clone(node: ParagraphNode): ParagraphNode {\n        return new ParagraphNode(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    override updateDOM(\n        prevNode: BaseParagraphNode,\n        dom: HTMLElement,\n        config: EditorConfig\n    ): boolean {\n        const prevTypoStyleId = prevNode.getTypographyStyleId();\n        const nextTypoStyleId = this.getTypographyStyleId();\n\n        if (!nextTypoStyleId) {\n            this.updateElementWithThemeClasses(dom, config.theme as WebinyTheme);\n            return false;\n        }\n\n        if (prevTypoStyleId !== nextTypoStyleId && nextTypoStyleId) {\n            this.updateElementWithThemeClasses(dom, config.theme as WebinyTheme);\n        }\n        // Returning false tells Lexical that this node does not need its\n        // DOM element replacing with a new copy from createDOM.\n        return false;\n    }\n\n    /*\n     * On copy/paste event this method will be executed in and create a node\n     * */\n    static override importDOM(): DOMConversionMap | null {\n        return {\n            p: () => ({\n                conversion: convertParagraphElement,\n                priority: 0\n            })\n        };\n    }\n\n    /*\n     * Serialize the JSON data back into a node\n     */\n    static override importJSON(serializedNode: SerializeParagraphNode): BaseParagraphNode {\n        const node = $createParagraphNode();\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    /*\n     * Serialize the node to JSON data representation.\n     * */\n    override exportJSON(): SerializeParagraphNode {\n        return {\n            ...super.exportJSON(),\n            styles: this.__styles,\n            type: \"paragraph-element\",\n            version: 1\n        };\n    }\n}\n\nfunction convertParagraphElement(element: HTMLElement): DOMConversionOutput {\n    const node = $createParagraphNode();\n    if (element.style) {\n        node.setFormat(element.style.textAlign as ElementFormatType);\n    }\n\n    return { node };\n}\n\nexport function $createParagraphNode(typographyStyleId?: string): ParagraphNode {\n    return $applyNodeReplacement(new ParagraphNode(typographyStyleId));\n}\n\nexport function $isParagraphNode(node: LexicalNode | null | undefined): node is ParagraphNode {\n    return node instanceof ParagraphNode;\n}\n"],"mappings":"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"}

package/nodes/QuoteNode.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+/// <reference types="web" />
+import { DOMConversion, DOMConversionMap, EditorConfig, LexicalNode, NodeKey, Spread } from "lexical";
+import { WebinyEditorTheme } from "../themes/webinyLexicalTheme";
+import { ThemeEmotionMap } from "../types";
+import { QuoteNode as BaseQuoteNode, SerializedQuoteNode as BaseSerializedQuoteNode } from "@lexical/rich-text";
+import { TextNodeThemeStyles, ThemeStyleValue, TypographyStylesNode } from "./types";
+export declare type SerializedQuoteNode = Spread<{
+    styleId?: string;
+    styles: ThemeStyleValue[];
+    type: "webiny-quote";
+}, BaseSerializedQuoteNode>;
+export declare class QuoteNode extends BaseQuoteNode implements TextNodeThemeStyles, TypographyStylesNode {
+    __styles: ThemeStyleValue[];
+    constructor(themeStyleId?: string, key?: NodeKey);
+    protected setDefaultTypography(themeEmotionMap: ThemeEmotionMap): void;
+    protected typographyStyleExist(themeEmotionMap: ThemeEmotionMap): boolean;
+    setTypography(typographyStyleId: string): this;
+    getTypographyStyleId(): string | undefined;
+    clearTypographyStyle(): this;
+    hasTypographyStyle(): boolean;
+    getThemeStyles(): ThemeStyleValue[];
+    setThemeStyles(styles: ThemeStyleValue[]): this;
+    static getType(): string;
+    static clone(node: QuoteNode): QuoteNode;
+    addThemeStylesToHTMLElement(element: HTMLElement, theme: WebinyEditorTheme): HTMLElement;
+    createDOM(config: EditorConfig): HTMLElement;
+    static importDomConversionMap(): DOMConversion<HTMLElement> | null;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedQuoteNode): QuoteNode;
+    exportJSON(): SerializedQuoteNode;
+}
+export declare function $createQuoteNode(themeStyleId?: string, key?: NodeKey): QuoteNode;
+export declare function $isQuoteNode(node: LexicalNode | null | undefined): node is QuoteNode;

package/nodes/QuoteNode.js

@@ -0,0 +1,225 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$createQuoteNode = $createQuoteNode;
+exports.$isQuoteNode = $isQuoteNode;
+exports.QuoteNode = 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 _utils = require("@lexical/utils");
+var _findTypographyStyleByHtmlTag = require("../utils/findTypographyStyleByHtmlTag");
+var _richText = require("@lexical/rich-text");
+var QuoteNode = /*#__PURE__*/function (_BaseQuoteNode) {
+  (0, _inherits2.default)(QuoteNode, _BaseQuoteNode);
+  var _super = (0, _createSuper2.default)(QuoteNode);
+  function QuoteNode(themeStyleId, key) {
+    var _this;
+    (0, _classCallCheck2.default)(this, QuoteNode);
+    _this = _super.call(this, key);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__styles", []);
+    if (themeStyleId) {
+      _this.__styles.push({
+        styleId: themeStyleId,
+        type: "typography"
+      });
+    }
+    return _this;
+  }
+
+  /*
+   * Find the first occurrence of the quoteblock in the theme styles and set as default.
+   */
+  (0, _createClass2.default)(QuoteNode, [{
+    key: "setDefaultTypography",
+    value: function setDefaultTypography(themeEmotionMap) {
+      var typographyStyle = (0, _findTypographyStyleByHtmlTag.findTypographyStyleByHtmlTag)("quoteblock", themeEmotionMap);
+      if (typographyStyle) {
+        this.__styles.push({
+          styleId: typographyStyle.id,
+          type: "typography"
+        });
+      }
+    }
+  }, {
+    key: "typographyStyleExist",
+    value: function typographyStyleExist(themeEmotionMap) {
+      var styleId = this.getTypographyStyleId();
+      if (!styleId) {
+        return false;
+      }
+      var style = themeEmotionMap[styleId];
+      return !!style;
+    }
+  }, {
+    key: "setTypography",
+    value: function setTypography(typographyStyleId) {
+      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(QuoteNode.prototype), "getWritable", this).call(this);
+      if (!typographyStyleId) {
+        return self;
+      }
+      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)(QuoteNode.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)(QuoteNode.prototype), "getLatest", this).call(this);
+      return self.__styles;
+    }
+  }, {
+    key: "setThemeStyles",
+    value: function setThemeStyles(styles) {
+      var self = (0, _get2.default)((0, _getPrototypeOf2.default)(QuoteNode.prototype), "getWritable", this).call(this);
+      self.__styles = (0, _toConsumableArray2.default)(styles);
+      return self;
+    }
+  }, {
+    key: "addThemeStylesToHTMLElement",
+    value: function addThemeStylesToHTMLElement(element, theme) {
+      var themeEmotionMap = theme === null || theme === void 0 ? void 0 : theme.emotionMap;
+      if (!themeEmotionMap) {
+        return element;
+      }
+
+      // style exist and is in active use
+      if (this.hasTypographyStyle() && this.typographyStyleExist(themeEmotionMap)) {
+        var styleId = this.getTypographyStyleId();
+        if (styleId) {
+          var typographyValue = themeEmotionMap[styleId];
+          (0, _utils.addClassNamesToElement)(element, typographyValue === null || typographyValue === void 0 ? void 0 : typographyValue.className);
+          return element;
+        }
+      }
+      return element;
+    }
+  }, {
+    key: "createDOM",
+    value: function createDOM(config) {
+      var element = (0, _get2.default)((0, _getPrototypeOf2.default)(QuoteNode.prototype), "createDOM", this).call(this, config);
+      var wTheme = config.theme;
+      var emotionThemeMap = wTheme === null || wTheme === void 0 ? void 0 : wTheme.emotionMap;
+      if (!emotionThemeMap) {
+        return element;
+      }
+
+      // if styleId is not set or user removed the style from theme, set default style
+      if (!this.hasTypographyStyle() || !this.typographyStyleExist(emotionThemeMap)) {
+        this.setDefaultTypography(emotionThemeMap);
+      }
+      this.addThemeStylesToHTMLElement(element, config.theme);
+      return element;
+    }
+  }, {
+    key: "exportJSON",
+    value: function exportJSON() {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(QuoteNode.prototype), "exportJSON", this).call(this)), {}, {
+        type: "webiny-quote",
+        styles: this.__styles,
+        styleId: this.getTypographyStyleId()
+      });
+    }
+  }], [{
+    key: "getType",
+    value: function getType() {
+      return "webiny-quote";
+    }
+  }, {
+    key: "clone",
+    value: function clone(node) {
+      return new QuoteNode(node.getTypographyStyleId(), node.__key);
+    }
+  }, {
+    key: "importDomConversionMap",
+    value: function importDomConversionMap() {
+      return {
+        conversion: convertBlockquoteElement,
+        priority: 0
+      };
+    }
+  }, {
+    key: "importDOM",
+    value: function importDOM() {
+      var _this2 = this;
+      return {
+        blockquote: function blockquote() {
+          return _this2.importDomConversionMap();
+        }
+      };
+    }
+  }, {
+    key: "importJSON",
+    value: function importJSON(serializedNode) {
+      var _serializedNode$style;
+      var node = $createQuoteNode();
+      node.setFormat(serializedNode.format);
+      node.setIndent(serializedNode.indent);
+      node.setDirection(serializedNode.direction);
+      if (!!(serializedNode !== null && serializedNode !== void 0 && (_serializedNode$style = serializedNode.styles) !== null && _serializedNode$style !== void 0 && _serializedNode$style.length)) {
+        node.setThemeStyles(serializedNode.styles);
+        return node;
+      }
+      // for old nodes data migrate the style id into the list
+      if (!!(serializedNode !== null && serializedNode !== void 0 && serializedNode.styleId)) {
+        var styles = [{
+          styleId: serializedNode.styleId,
+          type: "typography"
+        }];
+        node.setThemeStyles(styles);
+      }
+      return node;
+    }
+  }]);
+  return QuoteNode;
+}(_richText.QuoteNode);
+exports.QuoteNode = QuoteNode;
+function convertBlockquoteElement() {
+  var node = $createQuoteNode();
+  return {
+    node: node
+  };
+}
+function $createQuoteNode(themeStyleId, key) {
+  return new QuoteNode(themeStyleId, key);
+}
+function $isQuoteNode(node) {
+  return node instanceof QuoteNode;
+}

package/nodes/QuoteNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QuoteNode","themeStyleId","key","__styles","push","styleId","type","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","id","getTypographyStyleId","style","typographyStyleId","self","hasTypographyStyle","themeStyle","find","x","undefined","filter","s","styles","element","theme","emotionMap","typographyStyleExist","typographyValue","addClassNamesToElement","className","config","wTheme","emotionThemeMap","setDefaultTypography","addThemeStylesToHTMLElement","node","__key","conversion","convertBlockquoteElement","priority","blockquote","importDomConversionMap","serializedNode","$createQuoteNode","setFormat","format","setIndent","indent","setDirection","direction","length","setThemeStyles","BaseQuoteNode","$isQuoteNode"],"sources":["QuoteNode.ts"],"sourcesContent":["import {\n    DOMConversion,\n    DOMConversionMap,\n    EditorConfig,\n    LexicalNode,\n    NodeKey,\n    Spread\n} from \"lexical\";\nimport { WebinyEditorTheme, WebinyTheme } from \"~/themes/webinyLexicalTheme\";\nimport { ThemeEmotionMap } from \"~/types\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport { findTypographyStyleByHtmlTag } from \"~/utils/findTypographyStyleByHtmlTag\";\nimport {\n    QuoteNode as BaseQuoteNode,\n    SerializedQuoteNode as BaseSerializedQuoteNode\n} from \"@lexical/rich-text\";\nimport { TextNodeThemeStyles, ThemeStyleValue, TypographyStylesNode } from \"~/nodes/types\";\n\nexport type SerializedQuoteNode = Spread<\n    {\n        styleId?: string;\n        styles: ThemeStyleValue[];\n        type: \"webiny-quote\";\n    },\n    BaseSerializedQuoteNode\n>;\n\nexport class QuoteNode extends BaseQuoteNode implements TextNodeThemeStyles, TypographyStylesNode {\n    __styles: ThemeStyleValue[] = [];\n\n    constructor(themeStyleId?: string, key?: NodeKey) {\n        super(key);\n        if (themeStyleId) {\n            this.__styles.push({ styleId: themeStyleId, type: \"typography\" });\n        }\n    }\n\n    /*\n     * Find the first occurrence of the quoteblock in the theme styles and set as default.\n     */\n    protected setDefaultTypography(themeEmotionMap: ThemeEmotionMap) {\n        const typographyStyle = findTypographyStyleByHtmlTag(\"quoteblock\", themeEmotionMap);\n        if (typographyStyle) {\n            this.__styles.push({ styleId: typographyStyle.id, type: \"typography\" });\n        }\n    }\n\n    protected typographyStyleExist(themeEmotionMap: ThemeEmotionMap): boolean {\n        const styleId = this.getTypographyStyleId();\n        if (!styleId) {\n            return false;\n        }\n        const style = themeEmotionMap[styleId];\n        return !!style;\n    }\n\n    setTypography(typographyStyleId: string): this {\n        const self = super.getWritable();\n        if (!typographyStyleId) {\n            return self;\n        }\n\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 \"webiny-quote\";\n    }\n\n    static override clone(node: QuoteNode): QuoteNode {\n        return new QuoteNode(node.getTypographyStyleId(), node.__key);\n    }\n\n    addThemeStylesToHTMLElement(element: HTMLElement, theme: WebinyEditorTheme): HTMLElement {\n        const themeEmotionMap = theme?.emotionMap;\n\n        if (!themeEmotionMap) {\n            return element;\n        }\n\n        // style exist and is in active use\n        if (this.hasTypographyStyle() && this.typographyStyleExist(themeEmotionMap)) {\n            const styleId = this.getTypographyStyleId();\n            if (styleId) {\n                const typographyValue = themeEmotionMap[styleId];\n                addClassNamesToElement(element, typographyValue?.className);\n                return element;\n            }\n        }\n\n        return element;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        const wTheme = config.theme as WebinyTheme;\n        const emotionThemeMap = wTheme?.emotionMap;\n\n        if (!emotionThemeMap) {\n            return element;\n        }\n\n        // if styleId is not set or user removed the style from theme, set default style\n        if (!this.hasTypographyStyle() || !this.typographyStyleExist(emotionThemeMap)) {\n            this.setDefaultTypography(emotionThemeMap);\n        }\n\n        this.addThemeStylesToHTMLElement(element, config.theme);\n        return element;\n    }\n\n    static importDomConversionMap(): DOMConversion<HTMLElement> | null {\n        return {\n            conversion: convertBlockquoteElement,\n            priority: 0\n        };\n    }\n\n    static override importDOM(): DOMConversionMap | null {\n        return {\n            blockquote: () => {\n                return this.importDomConversionMap();\n            }\n        };\n    }\n\n    static override importJSON(serializedNode: SerializedQuoteNode): QuoteNode {\n        const node = $createQuoteNode();\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        if (!!serializedNode?.styles?.length) {\n            node.setThemeStyles(serializedNode.styles);\n            return node;\n        }\n        // for old nodes data migrate the style id into the list\n        if (!!serializedNode?.styleId) {\n            const styles = [\n                { styleId: serializedNode.styleId, type: \"typography\" }\n            ] as ThemeStyleValue[];\n            node.setThemeStyles(styles);\n        }\n        return node;\n    }\n\n    override exportJSON(): SerializedQuoteNode {\n        return {\n            ...super.exportJSON(),\n            type: \"webiny-quote\",\n            styles: this.__styles,\n            styleId: this.getTypographyStyleId()\n        };\n    }\n}\n\nfunction convertBlockquoteElement() {\n    const node = $createQuoteNode();\n    return {\n        node\n    };\n}\n\nexport function $createQuoteNode(themeStyleId?: string, key?: NodeKey): QuoteNode {\n    return new QuoteNode(themeStyleId, key);\n}\n\nexport function $isQuoteNode(node: LexicalNode | null | undefined): node is QuoteNode {\n    return node instanceof QuoteNode;\n}\n"],"mappings":"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"}

package/nodes/TypographyElementNode.js

@@ -16,6 +16,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _lexical = require("lexical");
 var _utils = require("@lexical/utils");
+var _ParagraphNode = require("./ParagraphNode");
 // Command and payload
 var ADD_TYPOGRAPHY_ELEMENT_COMMAND = (0, _lexical.createCommand)("ADD_TYPOGRAPHY_ELEMENT_COMMAND");
 exports.ADD_TYPOGRAPHY_ELEMENT_COMMAND = ADD_TYPOGRAPHY_ELEMENT_COMMAND;
@@ -103,7 +104,7 @@ var TypographyElementNode = /*#__PURE__*/function (_ElementNode) {
   }, {
     key: "collapseAtStart",
     value: function collapseAtStart() {
-      var paragraph = (0, _lexical.$createParagraphNode)();
+      var paragraph = (0, _ParagraphNode.$createParagraphNode)();
       var children = this.getChildren();
       children.forEach(function (child) {
         return paragraph.append(child);

package/nodes/TypographyElementNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["ADD_TYPOGRAPHY_ELEMENT_COMMAND","createCommand","TypographyNodeAttrName","TypographyElementNode","value","key","__tag","tag","__styleId","id","__name","name","__css","css","element","theme","typographyStyleValue","emotionMap","undefined","styles","addClassNamesToElement","className","setAttribute","typographyStyles","styleId","type","version","config","document","createElement","addStylesHTMLElement","newElement","$createTypographyNode","direction","getDirection","setDirection","insertAfter","paragraph","$createParagraphNode","children","getChildren","forEach","child","append","replace","node","__key","serializedNode","setFormat","format","setIndent","indent","ElementNode","$isTypographyElementNode"],"sources":["TypographyElementNode.ts"],"sourcesContent":["import {\n    $createParagraphNode,\n    createCommand,\n    EditorConfig,\n    ElementNode,\n    LexicalCommand,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    SerializedElementNode,\n    Spread\n} from \"lexical\";\nimport { WebinyEditorTheme } from \"~/themes/webinyLexicalTheme\";\nimport { TypographyHTMLTag, TypographyValue } from \"~/types\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\n\n// Command and payload\nexport const ADD_TYPOGRAPHY_ELEMENT_COMMAND: LexicalCommand<TypographyPayload> = createCommand(\n    \"ADD_TYPOGRAPHY_ELEMENT_COMMAND\"\n);\nconst TypographyNodeAttrName = \"data-typography-style-id\";\n\nexport interface TypographyPayload {\n    value: TypographyValue;\n    caption?: LexicalEditor;\n    key?: NodeKey;\n}\n\n// Node\nexport type SerializedTypographyNode = Spread<\n    {\n        tag: TypographyHTMLTag;\n        styleId: string;\n        name: string;\n        typographyStyles: Record<string, any>;\n        type: \"typography-el-node\";\n        version: 1;\n    },\n    SerializedElementNode\n>;\n\n/**\n * Main responsibility of this node is to apply custom or Webiny theme typography to selected text.\n * Extends the original ElementNode node to add additional transformation and support for webiny theme typography.\n */\nexport class TypographyElementNode extends ElementNode {\n    __styleId: string;\n    __tag: TypographyHTMLTag;\n    __name: string;\n    __css: Record<string, any>;\n\n    constructor(value: TypographyValue, key?: NodeKey) {\n        super(key);\n        this.__tag = value.tag;\n        this.__styleId = value.id;\n        this.__name = value.name;\n        this.__css = value.css;\n    }\n\n    static override getType(): string {\n        return \"typography-el-node\";\n    }\n\n    static override clone(node: TypographyElementNode): TypographyElementNode {\n        return new TypographyElementNode(\n            {\n                css: node.__css,\n                id: node.__styleId,\n                name: node.__name,\n                tag: node.__tag\n            },\n            node.__key\n        );\n    }\n    getTypographyValue(): TypographyValue {\n        return {\n            tag: this.__tag,\n            css: this.__css,\n            id: this.__styleId,\n            name: this.__name\n        };\n    }\n\n    addStylesHTMLElement(element: HTMLElement, theme: WebinyEditorTheme): HTMLElement {\n        const typographyStyleValue = theme?.emotionMap\n            ? theme?.emotionMap[this.__styleId]\n            : undefined;\n        if (typographyStyleValue) {\n            this.__css = typographyStyleValue.styles;\n            addClassNamesToElement(element, typographyStyleValue.className);\n        }\n        element.setAttribute(TypographyNodeAttrName, this.__styleId);\n\n        return element;\n    }\n\n    override exportJSON(): SerializedTypographyNode {\n        return {\n            ...super.exportJSON(),\n            tag: this.__tag,\n            typographyStyles: this.__css,\n            name: this.__name,\n            styleId: this.__styleId,\n            type: \"typography-el-node\",\n            version: 1\n        };\n    }\n\n    static override importJSON(serializedNode: SerializedTypographyNode): TypographyElementNode {\n        const node = new TypographyElementNode({\n            id: serializedNode.styleId,\n            css: serializedNode.typographyStyles,\n            tag: serializedNode.tag,\n            name: serializedNode.name\n        });\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        return node;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const tag = this.__tag;\n        const element = document.createElement(tag);\n        return this.addStylesHTMLElement(element, config.theme);\n    }\n\n    override updateDOM(): boolean {\n        return false;\n    }\n\n    override insertNewAfter(): TypographyElementNode {\n        const newElement = $createTypographyNode({\n            tag: this.__tag,\n            name: this.__name,\n            css: this.__css,\n            id: this.__styleId\n        });\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        this.insertAfter(newElement);\n        return newElement;\n    }\n\n    override collapseAtStart(): true {\n        const paragraph = $createParagraphNode();\n        const children = this.getChildren();\n        children.forEach(child => paragraph.append(child));\n        this.replace(paragraph);\n        return true;\n    }\n}\n\nexport const $createTypographyNode = (\n    value: TypographyValue,\n    key?: NodeKey\n): TypographyElementNode => {\n    return new TypographyElementNode(value, key);\n};\n\nexport const $isTypographyElementNode = (node: ElementNode | LexicalNode | null): boolean => {\n    return node instanceof TypographyElementNode;\n};\n"],"mappings":"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"}
+{"version":3,"names":["ADD_TYPOGRAPHY_ELEMENT_COMMAND","createCommand","TypographyNodeAttrName","TypographyElementNode","value","key","__tag","tag","__styleId","id","__name","name","__css","css","element","theme","typographyStyleValue","emotionMap","undefined","styles","addClassNamesToElement","className","setAttribute","typographyStyles","styleId","type","version","config","document","createElement","addStylesHTMLElement","newElement","$createTypographyNode","direction","getDirection","setDirection","insertAfter","paragraph","$createParagraphNode","children","getChildren","forEach","child","append","replace","node","__key","serializedNode","setFormat","format","setIndent","indent","ElementNode","$isTypographyElementNode"],"sources":["TypographyElementNode.ts"],"sourcesContent":["import {\n    createCommand,\n    EditorConfig,\n    ElementNode,\n    LexicalCommand,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    SerializedElementNode,\n    Spread\n} from \"lexical\";\nimport { WebinyEditorTheme } from \"~/themes/webinyLexicalTheme\";\nimport { TypographyHTMLTag, TypographyValue } from \"~/types\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport { $createParagraphNode } from \"~/nodes/ParagraphNode\";\n\n// Command and payload\nexport const ADD_TYPOGRAPHY_ELEMENT_COMMAND: LexicalCommand<TypographyPayload> = createCommand(\n    \"ADD_TYPOGRAPHY_ELEMENT_COMMAND\"\n);\nconst TypographyNodeAttrName = \"data-typography-style-id\";\n\nexport interface TypographyPayload {\n    value: TypographyValue;\n    caption?: LexicalEditor;\n    key?: NodeKey;\n}\n\n// Node\nexport type SerializedTypographyNode = Spread<\n    {\n        tag: TypographyHTMLTag;\n        styleId: string;\n        name: string;\n        typographyStyles: Record<string, any>;\n        type: \"typography-el-node\";\n        version: 1;\n    },\n    SerializedElementNode\n>;\n\n/**\n * Main responsibility of this node is to apply custom or Webiny theme typography to selected text.\n * Extends the original ElementNode node to add additional transformation and support for webiny theme typography.\n */\nexport class TypographyElementNode extends ElementNode {\n    __styleId: string;\n    __tag: TypographyHTMLTag;\n    __name: string;\n    __css: Record<string, any>;\n\n    constructor(value: TypographyValue, key?: NodeKey) {\n        super(key);\n        this.__tag = value.tag;\n        this.__styleId = value.id;\n        this.__name = value.name;\n        this.__css = value.css;\n    }\n\n    static override getType(): string {\n        return \"typography-el-node\";\n    }\n\n    static override clone(node: TypographyElementNode): TypographyElementNode {\n        return new TypographyElementNode(\n            {\n                css: node.__css,\n                id: node.__styleId,\n                name: node.__name,\n                tag: node.__tag\n            },\n            node.__key\n        );\n    }\n    getTypographyValue(): TypographyValue {\n        return {\n            tag: this.__tag,\n            css: this.__css,\n            id: this.__styleId,\n            name: this.__name\n        };\n    }\n\n    addStylesHTMLElement(element: HTMLElement, theme: WebinyEditorTheme): HTMLElement {\n        const typographyStyleValue = theme?.emotionMap\n            ? theme?.emotionMap[this.__styleId]\n            : undefined;\n        if (typographyStyleValue) {\n            this.__css = typographyStyleValue.styles;\n            addClassNamesToElement(element, typographyStyleValue.className);\n        }\n        element.setAttribute(TypographyNodeAttrName, this.__styleId);\n\n        return element;\n    }\n\n    override exportJSON(): SerializedTypographyNode {\n        return {\n            ...super.exportJSON(),\n            tag: this.__tag,\n            typographyStyles: this.__css,\n            name: this.__name,\n            styleId: this.__styleId,\n            type: \"typography-el-node\",\n            version: 1\n        };\n    }\n\n    static override importJSON(serializedNode: SerializedTypographyNode): TypographyElementNode {\n        const node = new TypographyElementNode({\n            id: serializedNode.styleId,\n            css: serializedNode.typographyStyles,\n            tag: serializedNode.tag,\n            name: serializedNode.name\n        });\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        return node;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const tag = this.__tag;\n        const element = document.createElement(tag);\n        return this.addStylesHTMLElement(element, config.theme);\n    }\n\n    override updateDOM(): boolean {\n        return false;\n    }\n\n    override insertNewAfter(): TypographyElementNode {\n        const newElement = $createTypographyNode({\n            tag: this.__tag,\n            name: this.__name,\n            css: this.__css,\n            id: this.__styleId\n        });\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        this.insertAfter(newElement);\n        return newElement;\n    }\n\n    override collapseAtStart(): true {\n        const paragraph = $createParagraphNode();\n        const children = this.getChildren();\n        children.forEach(child => paragraph.append(child));\n        this.replace(paragraph);\n        return true;\n    }\n}\n\nexport const $createTypographyNode = (\n    value: TypographyValue,\n    key?: NodeKey\n): TypographyElementNode => {\n    return new TypographyElementNode(value, key);\n};\n\nexport const $isTypographyElementNode = (node: ElementNode | LexicalNode | null): boolean => {\n    return node instanceof TypographyElementNode;\n};\n"],"mappings":"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"}

package/nodes/list-node/WebinyListItemNode.js

@@ -22,6 +22,7 @@ var _WebinyListNode = require("./WebinyListNode");
 var _list = require("@lexical/list");
 var _utils = require("@lexical/utils");
 var _formatList = require("./formatList");
+var _ParagraphNode = require("../ParagraphNode");
 /** @noInheritDoc */
 var WebinyListItemNode = /*#__PURE__*/function (_ElementNode) {
   (0, _inherits2.default)(WebinyListItemNode, _ElementNode);
@@ -184,7 +185,7 @@ var WebinyListItemNode = /*#__PURE__*/function (_ElementNode) {
   }, {
     key: "collapseAtStart",
     value: function collapseAtStart(selection) {
-      var paragraph = (0, _lexical.$createParagraphNode)();
+      var paragraph = (0, _ParagraphNode.$createParagraphNode)();
       var children = this.getChildren();
       children.forEach(function (child) {
         return paragraph.append(child);