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

package/ImageNode.js

@@ -1,20 +1,3 @@
-"use strict";
-
-var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.$createImageNode = $createImageNode;
-exports.$isImageNode = $isImageNode;
-exports.ImageNode = void 0;
-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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
-var _react = _interopRequireWildcard3(require("react"));
-var _lexical = require("lexical");
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -22,190 +5,133 @@ var _lexical = require("lexical");
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-var ImageComponent = /*#__PURE__*/_react.default.lazy(function () {
-  return Promise.resolve().then(function () {
-    return (0, _interopRequireWildcard2.default)(require( /* webpackChunkName: "LexicalNodesComponentsImageNodeImageComponent" */"./components/ImageNode/ImageComponent"));
-  });
+import React, { Suspense } from "react";
+import { $applyNodeReplacement, DecoratorNode } from "lexical";
+const ImageComponent = /*#__PURE__*/React.lazy(() => {
+  return import(/* webpackChunkName: "lexical-image" */"./components/ImageNode/ImageComponent.js");
 });
-var ImageNode = exports.ImageNode = /*#__PURE__*/function (_DecoratorNode) {
-  function ImageNode(props, key) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ImageNode);
-    _this = (0, _callSuper2.default)(this, ImageNode, [key]);
-    _this.__id = props.id;
-    _this.__src = props.src;
-    _this.__altText = props.altText;
-    _this.__maxWidth = props.maxWidth;
-    _this.__width = props.width || "inherit";
-    _this.__height = props.height || "inherit";
-    _this.__showCaption = props.showCaption || false;
-    _this.__caption = props.caption || (0, _lexical.createEditor)();
-    _this.__captionsEnabled = props.captionsEnabled || props.captionsEnabled === undefined;
-    return _this;
+export class ImageNode extends DecoratorNode {
+  static getType() {
+    return "wby-image";
+  }
+  static clone(node) {
+    return new ImageNode({
+      id: node.__id,
+      src: node.__src,
+      altText: node.__altText,
+      maxWidth: node.__maxWidth,
+      width: node.__width,
+      height: node.__height
+    }, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const {
+      id,
+      altText,
+      height,
+      width,
+      maxWidth,
+      src
+    } = serializedNode;
+    return $createImageNode({
+      id,
+      altText,
+      height,
+      maxWidth,
+      src,
+      width
+    });
+  }
+  exportDOM() {
+    const element = document.createElement("img");
+    element.setAttribute("id", this.__id);
+    element.setAttribute("src", this.__src);
+    element.setAttribute("alt", this.__altText);
+    element.setAttribute("width", this.__width.toString());
+    element.setAttribute("height", this.__height.toString());
+    return {
+      element
+    };
   }
-  (0, _inherits2.default)(ImageNode, _DecoratorNode);
-  return (0, _createClass2.default)(ImageNode, [{
-    key: "exportDOM",
-    value: function exportDOM() {
-      var element = document.createElement("img");
-      element.setAttribute("id", this.__id);
-      element.setAttribute("src", this.__src);
-      element.setAttribute("alt", this.__altText);
-      element.setAttribute("width", this.__width.toString());
-      element.setAttribute("height", this.__height.toString());
-      return {
-        element: element
-      };
-    }
 
+  /**
+   * Control how an HTMLElement is represented in Lexical.
+   * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.
+   * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).
+   */
+  static importDOM() {
     /**
-     * Control how an HTMLElement is represented in Lexical.
-     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.
-     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).
+     * By returning 'null' value, we are preventing image node to be created.
+     * Example of how to implement and create the node:
+     * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94
      */
-  }, {
-    key: "exportJSON",
-    value: function exportJSON() {
-      return {
-        id: this.__id,
-        altText: this.getAltText(),
-        caption: this.__caption.toJSON(),
-        height: this.__height === "inherit" ? 0 : this.__height,
-        maxWidth: this.__maxWidth,
-        showCaption: this.__showCaption,
-        src: this.getSrc(),
-        type: "image",
-        version: 1,
-        width: this.__width === "inherit" ? 0 : this.__width
-      };
-    }
-  }, {
-    key: "setWidthAndHeight",
-    value: function setWidthAndHeight(width, height) {
-      var writable = this.getWritable();
-      writable.__width = width;
-      writable.__height = height;
-    }
-  }, {
-    key: "setShowCaption",
-    value: function setShowCaption(showCaption) {
-      var writable = this.getWritable();
-      writable.__showCaption = showCaption;
-    }
-
-    // View
-  }, {
-    key: "createDOM",
-    value: function createDOM(config) {
-      var span = document.createElement("span");
-      var theme = config.theme;
-      var className = theme.image;
-      if (className !== undefined) {
-        span.className = className;
-      }
-      return span;
-    }
-  }, {
-    key: "updateDOM",
-    value: function updateDOM() {
-      return false;
-    }
-  }, {
-    key: "getSrc",
-    value: function getSrc() {
-      return this.__src;
-    }
-  }, {
-    key: "getAltText",
-    value: function getAltText() {
-      return this.__altText;
-    }
-  }, {
-    key: "decorate",
-    value: function decorate() {
-      return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-        fallback: null
-      }, /*#__PURE__*/_react.default.createElement(ImageComponent, {
-        id: this.__id,
-        src: this.__src,
-        altText: this.__altText,
-        width: this.__width,
-        height: this.__height,
-        maxWidth: this.__maxWidth,
-        nodeKey: this.getKey(),
-        showCaption: this.__showCaption,
-        caption: this.__caption,
-        captionsEnabled: this.__captionsEnabled,
-        resizable: true
-      }));
-    }
-  }], [{
-    key: "getType",
-    value:
-    // Captions cannot yet be used within editor cells
+    return null;
+  }
+  constructor(props, key) {
+    super(key);
+    this.__id = props.id;
+    this.__src = props.src;
+    this.__altText = props.altText;
+    this.__maxWidth = props.maxWidth;
+    this.__width = props.width || "inherit";
+    this.__height = props.height || "inherit";
+  }
+  exportJSON() {
+    return {
+      id: this.__id,
+      src: this.getSrc(),
+      altText: this.getAltText(),
+      width: this.__width === "inherit" ? 0 : this.__width,
+      height: this.__height === "inherit" ? 0 : this.__height,
+      maxWidth: this.__maxWidth,
+      type: this.getType(),
+      version: 1
+    };
+  }
+  setWidthAndHeight(width, height) {
+    const writable = this.getWritable();
+    writable.__width = width;
+    writable.__height = height;
+  }
 
-    function getType() {
-      return "image";
-    }
-  }, {
-    key: "clone",
-    value: function clone(node) {
-      return new ImageNode({
-        id: node.__id,
-        src: node.__src,
-        altText: node.__altText,
-        maxWidth: node.__maxWidth,
-        width: node.__width,
-        height: node.__height,
-        showCaption: node.__showCaption,
-        caption: node.__caption,
-        captionsEnabled: node.__captionsEnabled
-      }, node.__key);
-    }
-  }, {
-    key: "importJSON",
-    value: function importJSON(serializedNode) {
-      var id = serializedNode.id,
-        altText = serializedNode.altText,
-        height = serializedNode.height,
-        width = serializedNode.width,
-        maxWidth = serializedNode.maxWidth,
-        caption = serializedNode.caption,
-        src = serializedNode.src,
-        showCaption = serializedNode.showCaption;
-      var node = $createImageNode({
-        id: id,
-        altText: altText,
-        height: height,
-        maxWidth: maxWidth,
-        showCaption: showCaption,
-        src: src,
-        width: width
-      });
-      var nestedEditor = node.__caption;
-      var editorState = nestedEditor.parseEditorState(caption.editorState);
-      if (!editorState.isEmpty()) {
-        nestedEditor.setEditorState(editorState);
-      }
-      return node;
+  // View
+  createDOM(config) {
+    const span = document.createElement("span");
+    const theme = config.theme;
+    const className = theme.image;
+    if (className !== undefined) {
+      span.className = className;
     }
-  }, {
-    key: "importDOM",
-    value: function importDOM() {
-      /**
-       * By returning 'null' value, we are preventing image node to be created.
-       * Example of how to implement and create the node:
-       * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94
-       */
-      return null;
-    }
-  }]);
-}(_lexical.DecoratorNode);
-function $createImageNode(props, key) {
-  return (0, _lexical.$applyNodeReplacement)(new ImageNode(props, key));
+    return span;
+  }
+  updateDOM() {
+    return false;
+  }
+  getSrc() {
+    return this.__src;
+  }
+  getAltText() {
+    return this.__altText;
+  }
+  decorate() {
+    return /*#__PURE__*/React.createElement(Suspense, {
+      fallback: null
+    }, /*#__PURE__*/React.createElement(ImageComponent, {
+      id: this.__id,
+      src: this.__src,
+      altText: this.__altText,
+      width: this.__width,
+      height: this.__height,
+      maxWidth: this.__maxWidth,
+      nodeKey: this.getKey(),
+      resizable: true
+    }));
+  }
+}
+export function $createImageNode(props, key) {
+  return $applyNodeReplacement(new ImageNode(props, key));
 }
-function $isImageNode(node) {
+export function $isImageNode(node) {
   return node instanceof ImageNode;
 }
 

package/ImageNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard3","require","_lexical","ImageComponent","React","lazy","Promise","resolve","then","_interopRequireWildcard2","default","ImageNode","exports","_DecoratorNode","props","key","_this","_classCallCheck2","_callSuper2","__id","id","__src","src","__altText","altText","__maxWidth","maxWidth","__width","width","__height","height","__showCaption","showCaption","__caption","caption","createEditor","__captionsEnabled","captionsEnabled","undefined","_inherits2","_createClass2","value","exportDOM","element","document","createElement","setAttribute","toString","exportJSON","getAltText","toJSON","getSrc","type","version","setWidthAndHeight","writable","getWritable","setShowCaption","createDOM","config","span","theme","className","image","updateDOM","decorate","Suspense","fallback","nodeKey","getKey","resizable","getType","clone","node","__key","importJSON","serializedNode","$createImageNode","nestedEditor","editorState","parseEditorState","isEmpty","setEditorState","importDOM","DecoratorNode","$applyNodeReplacement","$isImageNode"],"sources":["ImageNode.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 React, { Suspense } from \"react\";\nimport type {\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    SerializedEditor,\n    SerializedLexicalNode,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, createEditor, DecoratorNode } from \"lexical\";\n\nconst ImageComponent = React.lazy(\n    () =>\n        import(\n            /* webpackChunkName: \"LexicalNodesComponentsImageNodeImageComponent\" */\n            \"./components/ImageNode/ImageComponent\"\n        )\n);\n\nexport type SerializedImageNode = Spread<\n    {\n        id: string;\n        altText: string;\n        caption: SerializedEditor;\n        height?: number;\n        maxWidth: number;\n        showCaption: boolean;\n        src: string;\n        width?: number;\n    },\n    SerializedLexicalNode\n>;\n\nexport interface ImageNodeProps {\n    id: string;\n    src: string;\n    altText: string;\n    maxWidth: number;\n    width?: \"inherit\" | number;\n    height?: \"inherit\" | number;\n    showCaption?: boolean;\n    caption?: LexicalEditor;\n    captionsEnabled?: boolean;\n}\n\nexport class ImageNode extends DecoratorNode<JSX.Element> {\n    __id: string;\n    __src: string;\n    __altText: string;\n    __width: \"inherit\" | number;\n    __height: \"inherit\" | number;\n    __maxWidth: number;\n    __showCaption: boolean;\n    __caption: LexicalEditor;\n    // Captions cannot yet be used within editor cells\n    __captionsEnabled: boolean;\n\n    static override getType(): string {\n        return \"image\";\n    }\n\n    static override clone(node: ImageNode): ImageNode {\n        return new ImageNode(\n            {\n                id: node.__id,\n                src: node.__src,\n                altText: node.__altText,\n                maxWidth: node.__maxWidth,\n                width: node.__width,\n                height: node.__height,\n                showCaption: node.__showCaption,\n                caption: node.__caption,\n                captionsEnabled: node.__captionsEnabled\n            },\n            node.__key\n        );\n    }\n\n    static override importJSON(serializedNode: SerializedImageNode): ImageNode {\n        const { id, altText, height, width, maxWidth, caption, src, showCaption } = serializedNode;\n        const node = $createImageNode({\n            id,\n            altText,\n            height,\n            maxWidth,\n            showCaption,\n            src,\n            width\n        });\n        const nestedEditor = node.__caption;\n        const editorState = nestedEditor.parseEditorState(caption.editorState);\n        if (!editorState.isEmpty()) {\n            nestedEditor.setEditorState(editorState);\n        }\n        return node;\n    }\n\n    override exportDOM(): DOMExportOutput {\n        const element = document.createElement(\"img\");\n        element.setAttribute(\"id\", this.__id);\n        element.setAttribute(\"src\", this.__src);\n        element.setAttribute(\"alt\", this.__altText);\n        element.setAttribute(\"width\", this.__width.toString());\n        element.setAttribute(\"height\", this.__height.toString());\n        return { element };\n    }\n\n    /**\n     * Control how an HTMLElement is represented in Lexical.\n     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.\n     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).\n     */\n    static importDOM(): DOMConversionMap | null {\n        /**\n         * By returning 'null' value, we are preventing image node to be created.\n         * Example of how to implement and create the node:\n         * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94\n         */\n        return null;\n    }\n\n    constructor(props: ImageNodeProps, key?: NodeKey) {\n        super(key);\n        this.__id = props.id;\n        this.__src = props.src;\n        this.__altText = props.altText;\n        this.__maxWidth = props.maxWidth;\n        this.__width = props.width || \"inherit\";\n        this.__height = props.height || \"inherit\";\n        this.__showCaption = props.showCaption || false;\n        this.__caption = props.caption || createEditor();\n        this.__captionsEnabled = props.captionsEnabled || props.captionsEnabled === undefined;\n    }\n\n    override exportJSON(): SerializedImageNode {\n        return {\n            id: this.__id,\n            altText: this.getAltText(),\n            caption: this.__caption.toJSON(),\n            height: this.__height === \"inherit\" ? 0 : this.__height,\n            maxWidth: this.__maxWidth,\n            showCaption: this.__showCaption,\n            src: this.getSrc(),\n            type: \"image\",\n            version: 1,\n            width: this.__width === \"inherit\" ? 0 : this.__width\n        };\n    }\n\n    setWidthAndHeight(width: \"inherit\" | number, height: \"inherit\" | number): void {\n        const writable = this.getWritable();\n        writable.__width = width;\n        writable.__height = height;\n    }\n\n    setShowCaption(showCaption: boolean): void {\n        const writable = this.getWritable();\n        writable.__showCaption = showCaption;\n    }\n\n    // View\n    override createDOM(config: EditorConfig): HTMLElement {\n        const span = document.createElement(\"span\");\n        const theme = config.theme;\n        const className = theme.image;\n        if (className !== undefined) {\n            span.className = className;\n        }\n        return span;\n    }\n\n    override updateDOM(): false {\n        return false;\n    }\n\n    getSrc(): string {\n        return this.__src;\n    }\n\n    getAltText(): string {\n        return this.__altText;\n    }\n\n    override decorate(): JSX.Element {\n        return (\n            <Suspense fallback={null}>\n                <ImageComponent\n                    id={this.__id}\n                    src={this.__src}\n                    altText={this.__altText}\n                    width={this.__width}\n                    height={this.__height}\n                    maxWidth={this.__maxWidth}\n                    nodeKey={this.getKey()}\n                    showCaption={this.__showCaption}\n                    caption={this.__caption}\n                    captionsEnabled={this.__captionsEnabled}\n                    resizable={true}\n                />\n            </Suspense>\n        );\n    }\n}\n\nexport function $createImageNode(props: ImageNodeProps, key?: string): ImageNode {\n    return $applyNodeReplacement(new ImageNode(props, key));\n}\n\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n    return node instanceof ImageNode;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Suspense","$applyNodeReplacement","DecoratorNode","ImageComponent","lazy","ImageNode","getType","clone","node","id","__id","src","__src","altText","__altText","maxWidth","__maxWidth","width","__width","height","__height","__key","importJSON","serializedNode","$createImageNode","exportDOM","element","document","createElement","setAttribute","toString","importDOM","constructor","props","key","exportJSON","getSrc","getAltText","type","version","setWidthAndHeight","writable","getWritable","createDOM","config","span","theme","className","image","undefined","updateDOM","decorate","fallback","nodeKey","getKey","resizable","$isImageNode"],"sources":["ImageNode.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 React, { Suspense } from \"react\";\nimport type {\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalNode,\n    NodeKey,\n    SerializedLexicalNode,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, DecoratorNode } from \"lexical\";\n\nconst ImageComponent = React.lazy(() => {\n    return import(\n        /* webpackChunkName: \"lexical-image\" */\n        \"./components/ImageNode/ImageComponent.js\"\n    );\n});\n\nexport type SerializedImageNode = Spread<\n    {\n        id: string;\n        altText: string;\n        height?: number;\n        maxWidth: number;\n        src: string;\n        width?: number;\n    },\n    SerializedLexicalNode\n>;\n\nexport interface ImageNodeProps {\n    id: string;\n    src: string;\n    altText: string;\n    maxWidth: number;\n    width?: \"inherit\" | number;\n    height?: \"inherit\" | number;\n}\n\nexport class ImageNode extends DecoratorNode<JSX.Element> {\n    __id: string;\n    __src: string;\n    __altText: string;\n    __width: \"inherit\" | number;\n    __height: \"inherit\" | number;\n    __maxWidth: number;\n\n    static override getType(): string {\n        return \"wby-image\";\n    }\n\n    static override clone(node: ImageNode): ImageNode {\n        return new ImageNode(\n            {\n                id: node.__id,\n                src: node.__src,\n                altText: node.__altText,\n                maxWidth: node.__maxWidth,\n                width: node.__width,\n                height: node.__height\n            },\n            node.__key\n        );\n    }\n\n    static override importJSON(serializedNode: SerializedImageNode): ImageNode {\n        const { id, altText, height, width, maxWidth, src } = serializedNode;\n        return $createImageNode({\n            id,\n            altText,\n            height,\n            maxWidth,\n            src,\n            width\n        });\n    }\n\n    override exportDOM(): DOMExportOutput {\n        const element = document.createElement(\"img\");\n        element.setAttribute(\"id\", this.__id);\n        element.setAttribute(\"src\", this.__src);\n        element.setAttribute(\"alt\", this.__altText);\n        element.setAttribute(\"width\", this.__width.toString());\n        element.setAttribute(\"height\", this.__height.toString());\n        return { element };\n    }\n\n    /**\n     * Control how an HTMLElement is represented in Lexical.\n     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.\n     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).\n     */\n    static override importDOM(): DOMConversionMap | null {\n        /**\n         * By returning 'null' value, we are preventing image node to be created.\n         * Example of how to implement and create the node:\n         * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94\n         */\n        return null;\n    }\n\n    constructor(props: ImageNodeProps, key?: NodeKey) {\n        super(key);\n        this.__id = props.id;\n        this.__src = props.src;\n        this.__altText = props.altText;\n        this.__maxWidth = props.maxWidth;\n        this.__width = props.width || \"inherit\";\n        this.__height = props.height || \"inherit\";\n    }\n\n    override exportJSON(): SerializedImageNode {\n        return {\n            id: this.__id,\n            src: this.getSrc(),\n            altText: this.getAltText(),\n            width: this.__width === \"inherit\" ? 0 : this.__width,\n            height: this.__height === \"inherit\" ? 0 : this.__height,\n            maxWidth: this.__maxWidth,\n            type: this.getType(),\n            version: 1\n        };\n    }\n\n    setWidthAndHeight(width: \"inherit\" | number, height: \"inherit\" | number): void {\n        const writable = this.getWritable();\n        writable.__width = width;\n        writable.__height = height;\n    }\n\n    // View\n    override createDOM(config: EditorConfig): HTMLElement {\n        const span = document.createElement(\"span\");\n        const theme = config.theme;\n        const className = theme.image;\n        if (className !== undefined) {\n            span.className = className;\n        }\n        return span;\n    }\n\n    override updateDOM(): false {\n        return false;\n    }\n\n    getSrc(): string {\n        return this.__src;\n    }\n\n    getAltText(): string {\n        return this.__altText;\n    }\n\n    override decorate(): JSX.Element {\n        return (\n            <Suspense fallback={null}>\n                <ImageComponent\n                    id={this.__id}\n                    src={this.__src}\n                    altText={this.__altText}\n                    width={this.__width}\n                    height={this.__height}\n                    maxWidth={this.__maxWidth}\n                    nodeKey={this.getKey()}\n                    resizable={true}\n                />\n            </Suspense>\n        );\n    }\n}\n\nexport function $createImageNode(props: ImageNodeProps, key?: string): ImageNode {\n    return $applyNodeReplacement(new ImageNode(props, key));\n}\n\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n    return node instanceof ImageNode;\n}\n"],"mappings":"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","ignoreList":[]}

package/LinkNode.d.ts

@@ -6,9 +6,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { DOMConversionMap, EditorConfig, GridSelection, LexicalCommand, LexicalNode, NodeKey, NodeSelection, RangeSelection, SerializedElementNode } from "lexical";
-import { ElementNode, Spread } from "lexical";
-export declare type LinkAttributes = {
+import type { DOMConversionMap, EditorConfig, RangeSelection, LexicalCommand, LexicalNode, NodeKey, SerializedElementNode, Spread } from "lexical";
+import { ElementNode } from "lexical";
+export type LinkAttributes = {
     rel?: null | string;
     target?: null | string;
     title?: null | string;
@@ -19,7 +19,7 @@ declare global {
         alt?: string;
     }
 }
-export declare type SerializedLinkNode = Spread<{
+export type SerializedLinkNode = Spread<{
     url: string;
 }, Spread<LinkAttributes, SerializedElementNode>>;
 /** @noInheritDoc */
@@ -58,7 +58,7 @@ export declare class LinkNode extends ElementNode {
     canInsertTextAfter(): false;
     canBeEmpty(): false;
     isInline(): true;
-    extractWithChild(_: LexicalNode, selection: RangeSelection | NodeSelection | GridSelection): boolean;
+    extractWithChild(_: LexicalNode, selection: RangeSelection): boolean;
 }
 /**
  * Takes a URL and creates a LinkNode.
@@ -73,7 +73,7 @@ export declare function $createLinkNode(url: string, attributes?: LinkAttributes
  * @returns true if node is a LinkNode, false otherwise.
  */
 export declare function $isLinkNode(node: LexicalNode | null | undefined): node is LinkNode;
-export declare type SerializedAutoLinkNode = SerializedLinkNode;
+export type SerializedAutoLinkNode = SerializedLinkNode;
 export declare class AutoLinkNode extends LinkNode {
     static getType(): string;
     static clone(node: AutoLinkNode): AutoLinkNode;