@webiny/lexical-editor 0.0.0-unstable.085ff6572f

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.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+/// <reference types="web" />
+import { EditorConfig, ElementNode, LexicalCommand, LexicalEditor, LexicalNode, NodeKey, SerializedElementNode, Spread } from "lexical";
+import { WebinyEditorTheme } from "../themes/webinyLexicalTheme";
+import { TypographyHTMLTag, TypographyValue } from "../types";
+export declare const ADD_TYPOGRAPHY_ELEMENT_COMMAND: LexicalCommand<TypographyPayload>;
+export interface TypographyPayload {
+    value: TypographyValue;
+    caption?: LexicalEditor;
+    key?: NodeKey;
+}
+export declare type SerializedTypographyNode = Spread<{
+    tag: TypographyHTMLTag;
+    styleId: string;
+    name: string;
+    typographyStyles: Record<string, any>;
+    type: "typography-el-node";
+    version: 1;
+}, SerializedElementNode>;
+/**
+ * Main responsibility of this node is to apply custom or Webiny theme typography to selected text.
+ * Extends the original ElementNode node to add additional transformation and support for webiny theme typography.
+ */
+export declare class TypographyElementNode extends ElementNode {
+    __styleId: string;
+    __tag: TypographyHTMLTag;
+    __name: string;
+    __css: Record<string, any>;
+    constructor(value: TypographyValue, key?: NodeKey);
+    static getType(): string;
+    static clone(node: TypographyElementNode): TypographyElementNode;
+    getTypographyValue(): TypographyValue;
+    addStylesHTMLElement(element: HTMLElement, theme: WebinyEditorTheme): HTMLElement;
+    exportJSON(): SerializedTypographyNode;
+    static importJSON(serializedNode: SerializedTypographyNode): TypographyElementNode;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): boolean;
+    insertNewAfter(): TypographyElementNode;
+    collapseAtStart(): true;
+}
+export declare const $createTypographyNode: (value: TypographyValue, key?: NodeKey) => TypographyElementNode;
+export declare const $isTypographyElementNode: (node: ElementNode | LexicalNode | null) => boolean;

package/nodes/TypographyElementNode.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypographyElementNode = exports.ADD_TYPOGRAPHY_ELEMENT_COMMAND = exports.$isTypographyElementNode = exports.$createTypographyNode = 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 _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 _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;
+var TypographyNodeAttrName = "data-typography-style-id";
+/**
+ * Main responsibility of this node is to apply custom or Webiny theme typography to selected text.
+ * Extends the original ElementNode node to add additional transformation and support for webiny theme typography.
+ */
+var TypographyElementNode = /*#__PURE__*/function (_ElementNode) {
+  (0, _inherits2.default)(TypographyElementNode, _ElementNode);
+  var _super = (0, _createSuper2.default)(TypographyElementNode);
+  function TypographyElementNode(value, key) {
+    var _this;
+    (0, _classCallCheck2.default)(this, TypographyElementNode);
+    _this = _super.call(this, key);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__styleId", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__tag", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__name", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__css", void 0);
+    _this.__tag = value.tag;
+    _this.__styleId = value.id;
+    _this.__name = value.name;
+    _this.__css = value.css;
+    return _this;
+  }
+  (0, _createClass2.default)(TypographyElementNode, [{
+    key: "getTypographyValue",
+    value: function getTypographyValue() {
+      return {
+        tag: this.__tag,
+        css: this.__css,
+        id: this.__styleId,
+        name: this.__name
+      };
+    }
+  }, {
+    key: "addStylesHTMLElement",
+    value: function addStylesHTMLElement(element, theme) {
+      var typographyStyleValue = theme !== null && theme !== void 0 && theme.emotionMap ? theme === null || theme === void 0 ? void 0 : theme.emotionMap[this.__styleId] : undefined;
+      if (typographyStyleValue) {
+        this.__css = typographyStyleValue.styles;
+        (0, _utils.addClassNamesToElement)(element, typographyStyleValue.className);
+      }
+      element.setAttribute(TypographyNodeAttrName, this.__styleId);
+      return element;
+    }
+  }, {
+    key: "exportJSON",
+    value: function exportJSON() {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(TypographyElementNode.prototype), "exportJSON", this).call(this)), {}, {
+        tag: this.__tag,
+        typographyStyles: this.__css,
+        name: this.__name,
+        styleId: this.__styleId,
+        type: "typography-el-node",
+        version: 1
+      });
+    }
+  }, {
+    key: "createDOM",
+    value: function createDOM(config) {
+      var tag = this.__tag;
+      var element = document.createElement(tag);
+      return this.addStylesHTMLElement(element, config.theme);
+    }
+  }, {
+    key: "updateDOM",
+    value: function updateDOM() {
+      return false;
+    }
+  }, {
+    key: "insertNewAfter",
+    value: function insertNewAfter() {
+      var newElement = $createTypographyNode({
+        tag: this.__tag,
+        name: this.__name,
+        css: this.__css,
+        id: this.__styleId
+      });
+      var direction = this.getDirection();
+      newElement.setDirection(direction);
+      this.insertAfter(newElement);
+      return newElement;
+    }
+  }, {
+    key: "collapseAtStart",
+    value: function collapseAtStart() {
+      var paragraph = (0, _ParagraphNode.$createParagraphNode)();
+      var children = this.getChildren();
+      children.forEach(function (child) {
+        return paragraph.append(child);
+      });
+      this.replace(paragraph);
+      return true;
+    }
+  }], [{
+    key: "getType",
+    value: function getType() {
+      return "typography-el-node";
+    }
+  }, {
+    key: "clone",
+    value: function clone(node) {
+      return new TypographyElementNode({
+        css: node.__css,
+        id: node.__styleId,
+        name: node.__name,
+        tag: node.__tag
+      }, node.__key);
+    }
+  }, {
+    key: "importJSON",
+    value: function importJSON(serializedNode) {
+      var node = new TypographyElementNode({
+        id: serializedNode.styleId,
+        css: serializedNode.typographyStyles,
+        tag: serializedNode.tag,
+        name: serializedNode.name
+      });
+      node.setFormat(serializedNode.format);
+      node.setIndent(serializedNode.indent);
+      node.setDirection(serializedNode.direction);
+      return node;
+    }
+  }]);
+  return TypographyElementNode;
+}(_lexical.ElementNode);
+exports.TypographyElementNode = TypographyElementNode;
+var $createTypographyNode = function $createTypographyNode(value, key) {
+  return new TypographyElementNode(value, key);
+};
+exports.$createTypographyNode = $createTypographyNode;
+var $isTypographyElementNode = function $isTypographyElementNode(node) {
+  return node instanceof TypographyElementNode;
+};
+exports.$isTypographyElementNode = $isTypographyElementNode;

package/nodes/TypographyElementNode.js.map

@@ -0,0 +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    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/types.d.ts

@@ -0,0 +1,15 @@
+export declare type ThemeStyleType = "typography" | "colors" | "fonts";
+export interface ThemeStyleValue {
+    styleId: string;
+    type: ThemeStyleType;
+}
+export interface TextNodeThemeStyles {
+    getThemeStyles: () => ThemeStyleValue[];
+    setThemeStyles: (styles: ThemeStyleValue[]) => void;
+}
+export interface TypographyStylesNode {
+    setTypography: (typographyStyleId: string) => void;
+    getTypographyStyleId: () => string | undefined;
+    clearTypographyStyle: () => void;
+    hasTypographyStyle: () => boolean;
+}

package/nodes/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/nodes/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type ThemeStyleType = \"typography\" | \"colors\" | \"fonts\";\n\nexport interface ThemeStyleValue {\n    styleId: string;\n    type: ThemeStyleType;\n}\n\nexport interface TextNodeThemeStyles {\n    getThemeStyles: () => ThemeStyleValue[];\n    setThemeStyles: (styles: ThemeStyleValue[]) => void;\n}\n\n/*\n * Indicates that the node is implementing the typography styles\n */\nexport interface TypographyStylesNode {\n    setTypography: (typographyStyleId: string) => void;\n    getTypographyStyleId: () => string | undefined;\n    clearTypographyStyle: () => void;\n    hasTypographyStyle: () => boolean;\n}\n"],"mappings":""}

package/nodes/webinyNodes.d.ts

@@ -0,0 +1,7 @@
+import type { Klass, LexicalNode } from "lexical";
+export declare const WebinyNodes: ReadonlyArray<Klass<LexicalNode> | {
+    replace: Klass<LexicalNode>;
+    with: <T extends {
+        new (...args: any): any;
+    }>(node: InstanceType<T>) => LexicalNode;
+}>;

package/nodes/webinyNodes.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebinyNodes = void 0;
+var _code = require("@lexical/code");
+var _hashtag = require("@lexical/hashtag");
+var _link = require("@lexical/link");
+var _mark = require("@lexical/mark");
+var _overflow = require("@lexical/overflow");
+var _FontColorNode = require("./FontColorNode");
+var _TypographyElementNode = require("./TypographyElementNode");
+var _ListNode = require("./ListNode");
+var _ListItemNode = require("./ListItemNode");
+var _lexical = require("lexical");
+var _HeadingNode = require("./HeadingNode");
+var _ParagraphNode = require("./ParagraphNode");
+var _richText = require("@lexical/rich-text");
+var _QuoteNode = require("./QuoteNode");
+/*
+ * This is a list of all the nodes that Webiny's Lexical implementation supports OOTB.
+ * */
+var WebinyNodes = [_ListNode.ListNode, _ListItemNode.ListItemNode, _code.CodeNode, _hashtag.HashtagNode, _code.CodeHighlightNode, _link.AutoLinkNode, _link.LinkNode, _overflow.OverflowNode, _mark.MarkNode, _FontColorNode.FontColorNode, _TypographyElementNode.TypographyElementNode,
+/*
+ * In order to provide additional Webiny-related functionality, we override Lexical's ParagraphNode and HeadingNode nodes.
+ * More info on overriding can be found here: https://lexical.dev/docs/concepts/node-replacement.
+ * */
+_ParagraphNode.ParagraphNode, {
+  replace: _lexical.ParagraphNode,
+  with: function _with() {
+    return new _ParagraphNode.ParagraphNode();
+  }
+}, _HeadingNode.HeadingNode, {
+  replace: _richText.HeadingNode,
+  with: function _with(node) {
+    return new _HeadingNode.HeadingNode(node.getTag());
+  }
+}, _QuoteNode.QuoteNode, {
+  replace: _richText.QuoteNode,
+  with: function _with() {
+    return new _QuoteNode.QuoteNode();
+  }
+}];
+exports.WebinyNodes = WebinyNodes;

package/nodes/webinyNodes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WebinyNodes","ListNode","ListItemNode","CodeNode","HashtagNode","CodeHighlightNode","AutoLinkNode","LinkNode","OverflowNode","MarkNode","FontColorNode","TypographyElementNode","ParagraphNode","replace","BaseParagraphNode","with","HeadingNode","BaseHeadingNode","node","getTag","QuoteNode","BaseQuoteNode"],"sources":["webinyNodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from \"lexical\";\n\nimport { CodeHighlightNode, CodeNode } from \"@lexical/code\";\nimport { HashtagNode } from \"@lexical/hashtag\";\nimport { AutoLinkNode, LinkNode } from \"@lexical/link\";\nimport { MarkNode } from \"@lexical/mark\";\nimport { OverflowNode } from \"@lexical/overflow\";\nimport { FontColorNode } from \"~/nodes/FontColorNode\";\nimport { TypographyElementNode } from \"~/nodes/TypographyElementNode\";\nimport { ListNode } from \"~/nodes/ListNode\";\nimport { ListItemNode } from \"~/nodes/ListItemNode\";\nimport { ParagraphNode as BaseParagraphNode } from \"lexical\";\nimport { HeadingNode } from \"~/nodes/HeadingNode\";\nimport { ParagraphNode } from \"~/nodes/ParagraphNode\";\nimport { HeadingNode as BaseHeadingNode, QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode } from \"~/nodes/QuoteNode\";\n\n/*\n * This is a list of all the nodes that Webiny's Lexical implementation supports OOTB.\n * */\nexport const WebinyNodes: ReadonlyArray<\n    | Klass<LexicalNode>\n    | {\n          replace: Klass<LexicalNode>;\n          with: <T extends { new (...args: any): any }>(node: InstanceType<T>) => LexicalNode;\n      }\n> = [\n    ListNode,\n    ListItemNode,\n    CodeNode,\n    HashtagNode,\n    CodeHighlightNode,\n    AutoLinkNode,\n    LinkNode,\n    OverflowNode,\n    MarkNode,\n    FontColorNode,\n    TypographyElementNode,\n    /*\n     * In order to provide additional Webiny-related functionality, we override Lexical's ParagraphNode and HeadingNode nodes.\n     * More info on overriding can be found here: https://lexical.dev/docs/concepts/node-replacement.\n     * */\n    ParagraphNode,\n    {\n        replace: BaseParagraphNode,\n        with: () => {\n            return new ParagraphNode();\n        }\n    },\n    HeadingNode,\n    {\n        replace: BaseHeadingNode,\n        with: (node: BaseHeadingNode) => {\n            return new HeadingNode(node.getTag());\n        }\n    },\n    QuoteNode,\n    {\n        replace: BaseQuoteNode,\n        with: () => {\n            return new QuoteNode();\n        }\n    }\n];\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACO,IAAMA,WAMZ,GAAG,CACAC,kBAAQ,EACRC,0BAAY,EACZC,cAAQ,EACRC,oBAAW,EACXC,uBAAiB,EACjBC,kBAAY,EACZC,cAAQ,EACRC,sBAAY,EACZC,cAAQ,EACRC,4BAAa,EACbC,4CAAqB;AACrB;AACJ;AACA;AACA;AACIC,4BAAa,EACb;EACIC,OAAO,EAAEC,sBAAiB;EAC1BC,IAAI,EAAE,iBAAM;IACR,OAAO,IAAIH,4BAAa,EAAE;EAC9B;AACJ,CAAC,EACDI,wBAAW,EACX;EACIH,OAAO,EAAEI,qBAAe;EACxBF,IAAI,EAAE,eAACG,IAAqB,EAAK;IAC7B,OAAO,IAAIF,wBAAW,CAACE,IAAI,CAACC,MAAM,EAAE,CAAC;EACzC;AACJ,CAAC,EACDC,oBAAS,EACT;EACIP,OAAO,EAAEQ,mBAAa;EACtBN,IAAI,EAAE,iBAAM;IACR,OAAO,IAAIK,oBAAS,EAAE;EAC1B;AACJ,CAAC,CACJ;AAAC"}

package/package.json

@@ -0,0 +1,41 @@
+{
+	"name": "@webiny/lexical-editor",
+	"version": "0.0.0-unstable.085ff6572f",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"license": "MIT",
+	"dependencies": {
+		"@emotion/react": "11.10.8",
+		"@lexical/code": "0.10.0",
+		"@lexical/hashtag": "0.10.0",
+		"@lexical/history": "0.10.0",
+		"@lexical/link": "0.10.0",
+		"@lexical/list": "0.10.0",
+		"@lexical/mark": "0.10.0",
+		"@lexical/overflow": "0.10.0",
+		"@lexical/react": "0.10.0",
+		"@lexical/rich-text": "0.10.0",
+		"@lexical/selection": "0.10.0",
+		"@lexical/utils": "0.10.0",
+		"@webiny/react-composition": "0.0.0-unstable.085ff6572f",
+		"lexical": "0.10.0",
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"react-style-object-to-css": "1.1.2"
+	},
+	"devDependencies": {
+		"@webiny/cli": "0.0.0-unstable.085ff6572f",
+		"@webiny/project-utils": "0.0.0-unstable.085ff6572f"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"gitHead": "085ff6572f6bb6a76d218088b06d9f4ef92bbea7"
+}

package/plugins/AutoLinkPlugin/AutoLinkPlugin.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const LexicalAutoLinkPlugin: () => JSX.Element;