@webiny/lexical-nodes 5.43.3 → 6.0.0-alpha.1

package/QuoteNode.js

@@ -1,201 +1,119 @@
-"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 _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-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", []);
-    _this.__themeStyleId = themeStyleId || "";
-    if (themeStyleId) {
-      _this.__styles.push({
-        styleId: themeStyleId,
-        type: "typography"
-      });
-    }
-    return _this;
+import { $applyNodeReplacement } from "lexical";
+import { findTypographyStyleByHtmlTag } from "@webiny/lexical-theme";
+import { addClassNamesToElement } from "@lexical/utils";
+import { QuoteNode as BaseQuoteNode } from "@lexical/rich-text";
+import { getStyleId } from "./utils/getStyleId";
+export class QuoteNode extends BaseQuoteNode {
+  constructor(options = {}) {
+    super(options.key);
+    this.__styleId = options?.styleId;
+    this.__className = options?.className;
   }
-  (0, _inherits2.default)(QuoteNode, _BaseQuoteNode);
-  return (0, _createClass2.default)(QuoteNode, [{
-    key: "getStyleId",
-    value: function getStyleId() {
-      return this.__themeStyleId;
-    }
-
-    /*
-     * Find the first occurrence of the quoteblock in the theme styles and set as default.
-     */
-  }, {
-    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: "getTypographyStyleId",
-    value: function getTypographyStyleId() {
-      var style = this.__styles.find(function (x) {
-        return x.type === "typography";
-      });
-      return style?.styleId || undefined;
-    }
-  }, {
-    key: "hasTypographyStyle",
-    value: function hasTypographyStyle() {
-      return !!this.getTypographyStyleId();
-    }
-  }, {
-    key: "getThemeStyles",
-    value: function getThemeStyles() {
-      var self = (0, _superPropGet2.default)(QuoteNode, "getLatest", this, 3)([]);
-      return self.__styles;
-    }
-  }, {
-    key: "setThemeStyles",
-    value: function setThemeStyles(styles) {
-      var self = (0, _superPropGet2.default)(QuoteNode, "getWritable", this, 3)([]);
-      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(themeEmotionMap) {
+    // For some time in v5 we had `quoteblock` as tag name :facepalm: We must not break it.
+    const typographyStyle = findTypographyStyleByHtmlTag(["blockquote", "quoteblock"], themeEmotionMap);
+    if (typographyStyle) {
+      this.__styleId = typographyStyle.id;
+      this.__className = typographyStyle.className;
     }
-  }, {
-    key: "createDOM",
-    value: function createDOM(config) {
-      var element = (0, _superPropGet2.default)(QuoteNode, "createDOM", this, 3)([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, 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);
+    };
+  }
+  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 (!theme?.emotionMap) {
       return element;
     }
-  }, {
-    key: "exportJSON",
-    value: function exportJSON() {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _superPropGet2.default)(QuoteNode, "exportJSON", this, 3)([])), {}, {
-        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);
+    if (!this.__styleId || !this.__className) {
+      this.setDefaultTypography(theme.emotionMap);
     }
-  }, {
-    key: "importDomConversionMap",
-    value: function importDomConversionMap() {
-      return {
-        conversion: convertBlockquoteElement,
-        priority: 0
-      };
+    if (this.__className) {
+      addClassNamesToElement(element, this.__className);
     }
-  }, {
-    key: "importDOM",
-    value: function importDOM() {
-      var _this2 = this;
-      return {
-        blockquote: function blockquote() {
-          return _this2.importDomConversionMap();
-        }
-      };
-    }
-  }, {
-    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;
-    }
-  }]);
-}(_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","__themeStyleId","__styles","push","styleId","type","_inherits2","_createClass2","value","getStyleId","setDefaultTypography","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","id","typographyStyleExist","getTypographyStyleId","style","find","x","undefined","hasTypographyStyle","getThemeStyles","self","_superPropGet2","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 { EditorTheme, ThemeEmotionMap, findTypographyStyleByHtmlTag } 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    private __themeStyleId: string;\n    private __styles: ThemeStyleValue[] = [];\n\n    constructor(themeStyleId?: string, key?: NodeKey) {\n        super(key);\n        this.__themeStyleId = themeStyleId || \"\";\n\n        if (themeStyleId) {\n            this.__styles.push({ styleId: themeStyleId, type: \"typography\" });\n        }\n    }\n\n    getStyleId(): string {\n        return this.__themeStyleId;\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    getTypographyStyleId(): string | undefined {\n        const style = this.__styles.find(x => x.type === \"typography\");\n        return style?.styleId || undefined;\n    }\n\n    private hasTypographyStyle(): boolean {\n        return !!this.getTypographyStyleId();\n    }\n\n    getThemeStyles(): ThemeStyleValue[] {\n        const self = super.getLatest();\n        return self.__styles;\n    }\n\n    setThemeStyles(styles: ThemeStyleValue[]) {\n        const self = super.getWritable();\n        self.__styles = [...styles];\n        return self;\n    }\n\n    static override getType(): string {\n        return \"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 EditorTheme;\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 as EditorTheme);\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","findTypographyStyleByHtmlTag","addClassNamesToElement","QuoteNode","BaseQuoteNode","getStyleId","constructor","options","key","__styleId","styleId","__className","className","setStyleId","setClassName","getClassName","setDefaultTypography","themeEmotionMap","typographyStyle","id","getType","clone","node","getKey","createDOM","config","element","updateElementWithThemeClasses","theme","exportDOM","editor","base","classList","add","importDomConversionMap","conversion","convertBlockquoteElement","priority","importDOM","blockquote","importJSON","serializedNode","$createQuoteNode","setFormat","format","setIndent","indent","setDirection","direction","styles","exportJSON","type","emotionMap","$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 } from \"lexical\";\nimport type { EditorTheme, ThemeEmotionMap } from \"@webiny/lexical-theme\";\nimport { findTypographyStyleByHtmlTag } from \"@webiny/lexical-theme\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport type { SerializedQuoteNode as BaseSerializedQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport type { ThemeStyleValue, TypographyStylesNode } from \"~/types\";\nimport { getStyleId } from \"~/utils/getStyleId\";\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(themeEmotionMap: ThemeEmotionMap) {\n        // For some time in v5 we had `quoteblock` as tag name :facepalm: We must not break it.\n        const typographyStyle = findTypographyStyleByHtmlTag(\n            [\"blockquote\", \"quoteblock\"],\n            themeEmotionMap\n        );\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, config.theme as EditorTheme);\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: EditorTheme): HTMLElement {\n        if (!theme?.emotionMap) {\n            return element;\n        }\n\n        if (!this.__styleId || !this.__className) {\n            this.setDefaultTypography(theme.emotionMap);\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/components/ImageNode/ContentEditable.js

@@ -1,13 +1,3 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LexicalContentEditable = LexicalContentEditable;
-require("./ContentEditable.css");
-var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
-var React = _interopRequireWildcard(require("react"));
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -15,10 +5,13 @@ var React = _interopRequireWildcard(require("react"));
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-function LexicalContentEditable(_ref) {
-  var className = _ref.className;
-  return /*#__PURE__*/React.createElement(_LexicalContentEditable.ContentEditable, {
+import "./ContentEditable.css";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import * as React from "react";
+export function LexicalContentEditable({
+  className
+}) {
+  return /*#__PURE__*/React.createElement(ContentEditable, {
     className: className || "ContentEditable__root"
   });
 }

package/components/ImageNode/ContentEditable.js.map

@@ -1 +1 @@
-{"version":3,"names":["require","_LexicalContentEditable","React","_interopRequireWildcard","LexicalContentEditable","_ref","className","createElement","ContentEditable"],"sources":["ContentEditable.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport \"./ContentEditable.css\";\n\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport * as React from \"react\";\n\nexport function LexicalContentEditable({ className }: { className?: string }): JSX.Element {\n    return <ContentEditable className={className || \"ContentEditable__root\"} />;\n}\n"],"mappings":";;;;;;;AAOAA,OAAA;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAC,uBAAA,CAAAH,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,SAASI,sBAAsBA,CAAAC,IAAA,EAAqD;EAAA,IAAlDC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAC9C,oBAAOJ,KAAA,CAAAK,aAAA,CAACN,uBAAA,CAAAO,eAAe;IAACF,SAAS,EAAEA,SAAS,IAAI;EAAwB,CAAE,CAAC;AAC/E","ignoreList":[]}
+{"version":3,"names":["ContentEditable","React","LexicalContentEditable","className","createElement"],"sources":["ContentEditable.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport \"./ContentEditable.css\";\n\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport * as React from \"react\";\n\nexport function LexicalContentEditable({ className }: { className?: string }): JSX.Element {\n    return <ContentEditable className={className || \"ContentEditable__root\"} />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,eAAe,QAAQ,uCAAuC;AACvE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,sBAAsBA,CAAC;EAAEC;AAAkC,CAAC,EAAe;EACvF,oBAAOF,KAAA,CAAAG,aAAA,CAACJ,eAAe;IAACG,SAAS,EAAEA,SAAS,IAAI;EAAwB,CAAE,CAAC;AAC/E","ignoreList":[]}