@webiny/lexical-nodes 6.0.0-beta.0 → 6.0.0-rc.0

package/QuoteNode.js

@@ -1,221 +1,115 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lexicalTheme = require("@webiny/lexical-theme");
-var _utils = require("@lexical/utils");
-var _richText = require("@lexical/rich-text");
-var QuoteNode = exports.QuoteNode = /*#__PURE__*/function (_BaseQuoteNode) {
-  function QuoteNode(themeStyleId, key) {
-    var _this;
-    (0, _classCallCheck2.default)(this, QuoteNode);
-    _this = (0, _callSuper2.default)(this, QuoteNode, [key]);
-    (0, _defineProperty2.default)(_this, "__styles", []);
-    if (themeStyleId) {
-      _this.__styles.push({
-        styleId: themeStyleId,
-        type: "typography"
-      });
-    }
-    return _this;
+import { $applyNodeReplacement, addClassNamesToElement } from "lexical";
+import { Theme } from "@webiny/lexical-theme";
+import { QuoteNode as BaseQuoteNode } from "@lexical/rich-text";
+import { getStyleId } from "./utils/getStyleId.js";
+export class QuoteNode extends BaseQuoteNode {
+  constructor(options = {}) {
+    super(options.key);
+    this.__styleId = options?.styleId;
+    this.__className = options?.className;
   }
-
-  /*
-   * Find the first occurrence of the quoteblock in the theme styles and set as default.
-   */
-  (0, _inherits2.default)(QuoteNode, _BaseQuoteNode);
-  return (0, _createClass2.default)(QuoteNode, [{
-    key: "setDefaultTypography",
-    value: function setDefaultTypography(themeEmotionMap) {
-      var typographyStyle = (0, _lexicalTheme.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?.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?.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?.className);
-          return element;
-        }
-      }
-      return element;
+  getStyleId() {
+    return this.__styleId;
+  }
+  setStyleId(styleId) {
+    this.__styleId = styleId;
+  }
+  setClassName(className) {
+    this.__className = className;
+  }
+  getClassName() {
+    return this.__className;
+  }
+  setDefaultTypography(theme) {
+    // For some time in v5 we had `quoteblock` as tag name :facepalm: We must not break it.
+    const typographyStyle = theme.getTypographyByTag(["blockquote", "quoteblock"]);
+    if (typographyStyle) {
+      this.__styleId = typographyStyle.id;
+      this.__className = typographyStyle.className;
     }
-  }, {
-    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?.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);
+  }
+  static getType() {
+    return "wby-quote";
+  }
+  static clone(node) {
+    return new QuoteNode({
+      styleId: node.getStyleId(),
+      className: node.getClassName(),
+      key: node.getKey()
+    });
+  }
+  createDOM(config) {
+    const element = super.createDOM(config);
+    return this.updateElementWithThemeClasses(element, Theme.from(config.theme));
+  }
+  exportDOM(editor) {
+    const base = super.exportDOM(editor);
+    const element = base.element;
+    if (element && this.__className) {
+      element.classList.add(this.__className);
+    }
+    return {
+      ...base,
+      element
+    };
+  }
+  static importDomConversionMap() {
+    return {
+      conversion: convertBlockquoteElement,
+      priority: 0
+    };
+  }
+  static importDOM() {
+    return {
+      blockquote: () => {
+        return this.importDomConversionMap();
       }
-      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();
-        }
-      };
+    };
+  }
+  static importJSON(serializedNode) {
+    const node = $createQuoteNode();
+    node.setFormat(serializedNode.format);
+    node.setIndent(serializedNode.indent);
+    node.setDirection(serializedNode.direction);
+    const styleId = getStyleId({
+      styleId: serializedNode.styleId,
+      styles: serializedNode.styles
+    });
+    node.setStyleId(styleId);
+    node.setClassName(serializedNode.className);
+    return node;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "wby-quote",
+      className: this.__className,
+      styleId: this.__styleId
+    };
+  }
+  updateElementWithThemeClasses(element, theme) {
+    if (!this.__styleId || !this.__className) {
+      this.setDefaultTypography(theme);
     }
-  }, {
-    key: "importJSON",
-    value: function importJSON(serializedNode) {
-      var node = $createQuoteNode();
-      node.setFormat(serializedNode.format);
-      node.setIndent(serializedNode.indent);
-      node.setDirection(serializedNode.direction);
-      if (!!serializedNode?.styles?.length) {
-        node.setThemeStyles(serializedNode.styles);
-        return node;
-      }
-      // for old nodes data migrate the style id into the list
-      if (!!serializedNode?.styleId) {
-        var styles = [{
-          styleId: serializedNode.styleId,
-          type: "typography"
-        }];
-        node.setThemeStyles(styles);
-      }
-      return node;
+    if (this.__className) {
+      addClassNamesToElement(element, this.__className);
     }
-  }]);
-}(_richText.QuoteNode);
+    return element;
+  }
+}
 function convertBlockquoteElement() {
-  var node = $createQuoteNode();
+  const node = $createQuoteNode();
   return {
-    node: node
+    node
   };
 }
-function $createQuoteNode(themeStyleId, key) {
-  return new QuoteNode(themeStyleId, key);
+export function $createQuoteNode(styleId, key) {
+  return $applyNodeReplacement(new QuoteNode({
+    styleId,
+    key
+  }));
 }
-function $isQuoteNode(node) {
+export function $isQuoteNode(node) {
   return node instanceof QuoteNode;
 }
 

package/QuoteNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lexicalTheme","require","_utils","_richText","QuoteNode","exports","_BaseQuoteNode","themeStyleId","key","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","__styles","push","styleId","type","_inherits2","_createClass2","value","setDefaultTypography","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","id","typographyStyleExist","getTypographyStyleId","style","setTypography","typographyStyleId","self","_get2","_getPrototypeOf2","prototype","call","hasTypographyStyle","themeStyle","find","x","undefined","clearTypographyStyle","filter","s","getThemeStyles","setThemeStyles","styles","_toConsumableArray2","addThemeStylesToHTMLElement","element","theme","emotionMap","typographyValue","addClassNamesToElement","className","createDOM","config","wTheme","emotionThemeMap","exportJSON","_objectSpread2","getType","clone","node","__key","importDomConversionMap","conversion","convertBlockquoteElement","priority","importDOM","_this2","blockquote","importJSON","serializedNode","$createQuoteNode","setFormat","format","setIndent","indent","setDirection","direction","length","BaseQuoteNode","$isQuoteNode"],"sources":["QuoteNode.ts"],"sourcesContent":["import {\n    DOMConversion,\n    DOMConversionMap,\n    EditorConfig,\n    LexicalNode,\n    NodeKey,\n    Spread\n} from \"lexical\";\nimport {\n    EditorTheme,\n    ThemeEmotionMap,\n    WebinyTheme,\n    findTypographyStyleByHtmlTag\n} from \"@webiny/lexical-theme\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport {\n    QuoteNode as BaseQuoteNode,\n    SerializedQuoteNode as BaseSerializedQuoteNode\n} from \"@lexical/rich-text\";\nimport { TextNodeThemeStyles, ThemeStyleValue, TypographyStylesNode } from \"~/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: EditorTheme): 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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","ignoreList":[]}
+{"version":3,"names":["$applyNodeReplacement","addClassNamesToElement","Theme","QuoteNode","BaseQuoteNode","getStyleId","constructor","options","key","__styleId","styleId","__className","className","setStyleId","setClassName","getClassName","setDefaultTypography","theme","typographyStyle","getTypographyByTag","id","getType","clone","node","getKey","createDOM","config","element","updateElementWithThemeClasses","from","exportDOM","editor","base","classList","add","importDomConversionMap","conversion","convertBlockquoteElement","priority","importDOM","blockquote","importJSON","serializedNode","$createQuoteNode","setFormat","format","setIndent","indent","setDirection","direction","styles","exportJSON","type","$isQuoteNode"],"sources":["QuoteNode.ts"],"sourcesContent":["import type {\n    DOMConversion,\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, addClassNamesToElement } from \"lexical\";\nimport { Theme } from \"@webiny/lexical-theme\";\nimport type { SerializedQuoteNode as BaseSerializedQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport type { ThemeStyleValue, TypographyStylesNode } from \"~/types.js\";\nimport { getStyleId } from \"~/utils/getStyleId.js\";\n\nexport type SerializedQuoteNode = Spread<\n    {\n        styleId?: string;\n        styles?: ThemeStyleValue[];\n        className?: string;\n        type: \"wby-quote\";\n    },\n    BaseSerializedQuoteNode\n>;\n\ninterface QuoteNodeOptions {\n    className?: string;\n    styleId?: string;\n    key?: NodeKey;\n}\n\nexport class QuoteNode extends BaseQuoteNode implements TypographyStylesNode {\n    private __styleId: string | undefined;\n    private __className: string | undefined;\n\n    constructor(options: QuoteNodeOptions = {}) {\n        super(options.key);\n        this.__styleId = options?.styleId;\n        this.__className = options?.className;\n    }\n\n    getStyleId(): string | undefined {\n        return this.__styleId;\n    }\n\n    setStyleId(styleId: string | undefined) {\n        this.__styleId = styleId;\n    }\n\n    setClassName(className: string | undefined) {\n        this.__className = className;\n    }\n\n    getClassName(): string | undefined {\n        return this.__className;\n    }\n\n    private setDefaultTypography(theme: Theme) {\n        // For some time in v5 we had `quoteblock` as tag name :facepalm: We must not break it.\n        const typographyStyle = theme.getTypographyByTag([\"blockquote\", \"quoteblock\"]);\n\n        if (typographyStyle) {\n            this.__styleId = typographyStyle.id;\n            this.__className = typographyStyle.className;\n        }\n    }\n\n    static override getType(): string {\n        return \"wby-quote\";\n    }\n\n    static override clone(node: QuoteNode): QuoteNode {\n        return new QuoteNode({\n            styleId: node.getStyleId(),\n            className: node.getClassName(),\n            key: node.getKey()\n        });\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, Theme.from(config.theme));\n    }\n\n    override exportDOM(editor: LexicalEditor): DOMExportOutput {\n        const base = super.exportDOM(editor);\n\n        const element = base.element as HTMLElement;\n        if (element && this.__className) {\n            element.classList.add(this.__className);\n        }\n\n        return { ...base, 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\n        const styleId = getStyleId({\n            styleId: serializedNode.styleId,\n            styles: serializedNode.styles\n        });\n\n        node.setStyleId(styleId);\n        node.setClassName(serializedNode.className);\n\n        return node;\n    }\n\n    override exportJSON(): SerializedQuoteNode {\n        return {\n            ...super.exportJSON(),\n            type: \"wby-quote\",\n            className: this.__className,\n            styleId: this.__styleId\n        };\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: Theme): HTMLElement {\n        if (!this.__styleId || !this.__className) {\n            this.setDefaultTypography(theme);\n        }\n\n        if (this.__className) {\n            addClassNamesToElement(element, this.__className);\n        }\n\n        return element;\n    }\n}\n\nfunction convertBlockquoteElement() {\n    const node = $createQuoteNode();\n    return {\n        node\n    };\n}\n\nexport function $createQuoteNode(styleId?: string, key?: NodeKey): QuoteNode {\n    return $applyNodeReplacement(new QuoteNode({ styleId, 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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","ignoreList":[]}

package/README.md

@@ -1,6 +1,11 @@
 # @webiny/lexical-nodes
 
-[![](https://img.shields.io/npm/dw/@webiny/lexical-nodes.svg)](https://www.npmjs.com/package/@webiny/llexical-lexical-nodes)
-[![](https://img.shields.io/npm/v/@webiny/lexical-nodes.svg)](https://www.npmjs.com/package/@webiny/lexical-nodes)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/components/ImageNode/ImageComponent.d.ts

@@ -1,18 +1,13 @@
-/// <reference types="react" />
-import type { LexicalEditor, NodeKey } from "lexical";
-import "./ImageComponent.css";
+import type { NodeKey } from "lexical";
 interface ImageComponentProps {
     id: string;
     altText: string;
-    caption: LexicalEditor;
     height: "inherit" | number;
     maxWidth: number;
     nodeKey: NodeKey;
     resizable: boolean;
-    showCaption: boolean;
     src: string;
     width: "inherit" | number;
-    captionsEnabled: boolean;
 }
-export default function ImageComponent({ id, src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, captionsEnabled }: ImageComponentProps): JSX.Element;
+export default function ImageComponent({ id, src, altText, nodeKey, width, height, maxWidth, resizable }: ImageComponentProps): JSX.Element;
 export {};