@lexical/react 0.6.1-next.0 → 0.6.3

package/LexicalAutoLinkPlugin.d.ts

@@ -5,8 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+import type { LinkAttributes } from '@lexical/link';
 declare type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
 declare type LinkMatcherResult = {
+    attributes?: LinkAttributes;
     index: number;
     length: number;
     text: string;

package/LexicalAutoLinkPlugin.dev.js

@@ -99,7 +99,7 @@ function handleLinkCreation(node, matchers, onChange) {
         [, linkTextNode, remainingTextNode] = remainingTextNode.splitText(invalidMatchEnd + matchStart, invalidMatchEnd + matchStart + matchLength);
       }
 
-      const linkNode = link.$createAutoLinkNode(match.url);
+      const linkNode = link.$createAutoLinkNode(match.url, match.attributes);
       const textNode = lexical.$createTextNode(match.text);
       textNode.setFormat(linkTextNode.getFormat());
       textNode.setDetail(linkTextNode.getDetail());
@@ -149,10 +149,26 @@ function handleLinkEdit(linkNode, matchers, onChange) {
 
   const url = linkNode.getURL();
 
-  if (match !== null && url !== match.url) {
+  if (url !== match.url) {
     linkNode.setURL(match.url);
     onChange(match.url, url);
   }
+
+  if (match.attributes) {
+    const rel = linkNode.getRel();
+
+    if (rel !== match.attributes.rel) {
+      linkNode.setRel(match.attributes.rel || null);
+      onChange(match.attributes.rel || null, rel);
+    }
+
+    const target = linkNode.getTarget();
+
+    if (target !== match.attributes.target) {
+      linkNode.setTarget(match.attributes.target || null);
+      onChange(match.attributes.target || null, target);
+    }
+  }
 } // Bad neighbours are edits in neighbor nodes that make AutoLinks incompatible.
 // Given the creation preconditions, these can only be simple text nodes.
 

package/LexicalAutoLinkPlugin.js.flow

@@ -7,13 +7,16 @@
  * @flow strict
  */
 
+import type {LinkAttributes} from '@lexical/link';
+
 type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
 
 type LinkMatcherResult = {
+  attributes?: LinkAttributes,
+  index: number,
+  length: number,
   text: string,
   url: string,
-  length: number,
-  index: number,
 };
 
 export type LinkMatcher = (text: string) => LinkMatcherResult | null;

package/LexicalAutoLinkPlugin.prod.js

@@ -4,9 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var h=require("@lexical/link"),l=require("@lexical/react/LexicalComposerContext"),m=require("@lexical/utils"),q=require("lexical"),y=require("react");function z(b,e){for(let c=0;c<e.length;c++){let a=e[c](b);if(a)return a}return null}let A=/[.,;\s]/;function C(b){b=b.getPreviousSibling();q.$isElementNode(b)&&(b=b.getLastDescendant());var e;!(e=null===b||q.$isLineBreakNode(b))&&(e=q.$isTextNode(b))&&(b=b.getTextContent(),e=A.test(b[b.length-1]));return e}
-function D(b){b=b.getNextSibling();q.$isElementNode(b)&&(b=b.getFirstDescendant());return null===b||q.$isLineBreakNode(b)||q.$isTextNode(b)&&A.test(b.getTextContent()[0])}function E(b){let e=b.getChildren();var c=e.length;for(--c;0<=c;c--)b.insertAfter(e[c]);b.remove();return e.map(a=>a.getLatest())}
-function F(b,e,c){y.useEffect(()=>{if(!b.hasNodes([h.AutoLinkNode]))throw Error("Minified Lexical error #77; visit https://lexical.dev/docs/error?code=77 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");return m.mergeRegister(b.registerNodeTransform(q.TextNode,a=>{var f=a.getParentOrThrow();if(h.$isAutoLinkNode(f))a:{a=f.getChildren();var d=a.length;for(var g=0;g<d;g++){var n=a[g];if(!q.$isTextNode(n)||!n.isSimpleText()){E(f);a=f.getURL();
-c&&c(null,a);break a}}d=f.getTextContent();a=z(d,e);null===a||a.text!==d?(E(f),a=f.getURL(),c&&c(null,a)):C(f)&&D(f)?(d=f.getURL(),null!==a&&d!==a.url&&(f.setURL(a.url),c&&c(a.url,d))):(E(f),a=f.getURL(),c&&c(null,a))}else if(!h.$isLinkNode(f)){if(a.isSimpleText()){n=f=a.getTextContent();let k=0,u=a;for(;(d=z(n,e))&&null!==d;){let r=d.index,v=d.length,w=r+v;var t=k+r,p=k+w,x=f,B=a;(0<t?A.test(x[t-1]):C(B))&&(p<x.length?A.test(x[p]):D(B))?(0===k+r?[g,u]=u.splitText(k+v):[,g,u]=u.splitText(k+r,k+r+
-v),t=h.$createAutoLinkNode(d.url),p=q.$createTextNode(d.text),p.setFormat(g.getFormat()),p.setDetail(g.getDetail()),t.append(p),g.replace(t),c&&c(d.url,null),k=0):k+=w;n=n.substring(w)}}g=a.getPreviousSibling();d=a.getNextSibling();a=a.getTextContent();h.$isAutoLinkNode(g)&&!A.test(a[0])&&(E(g),g=g.getURL(),c&&c(null,g));h.$isAutoLinkNode(d)&&!A.test(a[a.length-1])&&(E(d),a=d.getURL(),c&&c(null,a))}}))},[b,e,c])}
-exports.AutoLinkPlugin=function({matchers:b,onChange:e}){let [c]=l.useLexicalComposerContext();F(c,b,e);return null}
+'use strict';var h=require("@lexical/link"),l=require("@lexical/react/LexicalComposerContext"),m=require("@lexical/utils"),q=require("lexical"),y=require("react");function z(b,f){for(let c=0;c<f.length;c++){let a=f[c](b);if(a)return a}return null}let A=/[.,;\s]/;function C(b){b=b.getPreviousSibling();q.$isElementNode(b)&&(b=b.getLastDescendant());var f;!(f=null===b||q.$isLineBreakNode(b))&&(f=q.$isTextNode(b))&&(b=b.getTextContent(),f=A.test(b[b.length-1]));return f}
+function D(b){b=b.getNextSibling();q.$isElementNode(b)&&(b=b.getFirstDescendant());return null===b||q.$isLineBreakNode(b)||q.$isTextNode(b)&&A.test(b.getTextContent()[0])}function E(b){let f=b.getChildren();var c=f.length;for(--c;0<=c;c--)b.insertAfter(f[c]);b.remove();return f.map(a=>a.getLatest())}
+function F(b,f,c){y.useEffect(()=>{if(!b.hasNodes([h.AutoLinkNode]))throw Error("Minified Lexical error #77; visit https://lexical.dev/docs/error?code=77 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");return m.mergeRegister(b.registerNodeTransform(q.TextNode,a=>{var e=a.getParentOrThrow();if(h.$isAutoLinkNode(e))a:{a=e.getChildren();var d=a.length;for(var g=0;g<d;g++){var n=a[g];if(!q.$isTextNode(n)||!n.isSimpleText()){E(e);a=e.getURL();
+c&&c(null,a);break a}}d=e.getTextContent();a=z(d,f);null===a||a.text!==d?(E(e),a=e.getURL(),c&&c(null,a)):C(e)&&D(e)?(d=e.getURL(),d!==a.url&&(e.setURL(a.url),c&&c(a.url,d)),a.attributes&&(d=e.getRel(),d!==a.attributes.rel&&(e.setRel(a.attributes.rel||null),c&&c(a.attributes.rel||null,d)),d=e.getTarget(),d!==a.attributes.target&&(e.setTarget(a.attributes.target||null),c&&c(a.attributes.target||null,d)))):(E(e),a=e.getURL(),c&&c(null,a))}else if(!h.$isLinkNode(e)){if(a.isSimpleText()){n=e=a.getTextContent();
+let k=0,u=a;for(;(d=z(n,f))&&null!==d;){let r=d.index,v=d.length,w=r+v;var t=k+r,p=k+w,x=e,B=a;(0<t?A.test(x[t-1]):C(B))&&(p<x.length?A.test(x[p]):D(B))?(0===k+r?[g,u]=u.splitText(k+v):[,g,u]=u.splitText(k+r,k+r+v),t=h.$createAutoLinkNode(d.url,d.attributes),p=q.$createTextNode(d.text),p.setFormat(g.getFormat()),p.setDetail(g.getDetail()),t.append(p),g.replace(t),c&&c(d.url,null),k=0):k+=w;n=n.substring(w)}}g=a.getPreviousSibling();d=a.getNextSibling();a=a.getTextContent();h.$isAutoLinkNode(g)&&!A.test(a[0])&&
+(E(g),g=g.getURL(),c&&c(null,g));h.$isAutoLinkNode(d)&&!A.test(a[a.length-1])&&(E(d),a=d.getURL(),c&&c(null,a))}}))},[b,f,c])}exports.AutoLinkPlugin=function({matchers:b,onChange:f}){let [c]=l.useLexicalComposerContext();F(c,b,f);return null}

package/LexicalBlockWithAlignableContents.dev.js

@@ -74,9 +74,9 @@ function BlockWithAlignableContents({
 
       return false;
     }, lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical.CLICK_COMMAND, event => {
-      event.preventDefault();
-
       if (event.target === ref.current) {
+        event.preventDefault();
+
         if (!event.shiftKey) {
           clearSelection();
         }

package/LexicalBlockWithAlignableContents.prod.js

@@ -6,5 +6,5 @@
  */
 'use strict';var a=require("@lexical/react/LexicalComposerContext"),h=require("@lexical/react/LexicalDecoratorBlockNode"),m=require("@lexical/react/useLexicalNodeSelection"),n=require("@lexical/utils"),u=require("lexical"),v=require("react");
 exports.BlockWithAlignableContents=function({children:w,format:p,nodeKey:g,className:q}){let [d]=a.useLexicalComposerContext(),[e,k,r]=m.useLexicalNodeSelection(g),t=v.useRef(null),l=v.useCallback(b=>{e&&u.$isNodeSelection(u.$getSelection())&&(b.preventDefault(),d.update(()=>{const c=u.$getNodeByKey(g);u.$isDecoratorNode(c)&&c.remove();k(!1)}));return!1},[d,e,g,k]);v.useEffect(()=>n.mergeRegister(d.registerCommand(u.FORMAT_ELEMENT_COMMAND,b=>{if(e){var c=u.$getSelection();if(u.$isNodeSelection(c)){var f=
-u.$getNodeByKey(g);h.$isDecoratorBlockNode(f)&&f.setFormat(b)}else if(u.$isRangeSelection(c)){c=c.getNodes();for(f of c)h.$isDecoratorBlockNode(f)?f.setFormat(b):n.$getNearestBlockElementAncestorOrThrow(f).setFormat(b)}return!0}return!1},u.COMMAND_PRIORITY_LOW),d.registerCommand(u.CLICK_COMMAND,b=>{b.preventDefault();return b.target===t.current?(b.shiftKey||r(),k(!e),!0):!1},u.COMMAND_PRIORITY_LOW),d.registerCommand(u.KEY_DELETE_COMMAND,l,u.COMMAND_PRIORITY_LOW),d.registerCommand(u.KEY_BACKSPACE_COMMAND,
-l,u.COMMAND_PRIORITY_LOW)),[r,d,e,g,l,k]);return v.createElement("div",{className:[q.base,e?q.focus:null].filter(Boolean).join(" "),ref:t,style:{textAlign:p?p:void 0}},w)}
+u.$getNodeByKey(g);h.$isDecoratorBlockNode(f)&&f.setFormat(b)}else if(u.$isRangeSelection(c)){c=c.getNodes();for(f of c)h.$isDecoratorBlockNode(f)?f.setFormat(b):n.$getNearestBlockElementAncestorOrThrow(f).setFormat(b)}return!0}return!1},u.COMMAND_PRIORITY_LOW),d.registerCommand(u.CLICK_COMMAND,b=>b.target===t.current?(b.preventDefault(),b.shiftKey||r(),k(!e),!0):!1,u.COMMAND_PRIORITY_LOW),d.registerCommand(u.KEY_DELETE_COMMAND,l,u.COMMAND_PRIORITY_LOW),d.registerCommand(u.KEY_BACKSPACE_COMMAND,l,
+u.COMMAND_PRIORITY_LOW)),[r,d,e,g,l,k]);return v.createElement("div",{className:[q.base,e?q.focus:null].filter(Boolean).join(" "),ref:t,style:{textAlign:p?p:void 0}},w)}

package/LexicalCollaborationContext.dev.js

@@ -15,7 +15,7 @@ var react = require('react');
  * LICENSE file in the root directory of this source tree.
  *
  */
-const entries = [['Cat', 'rgb(255,165,0)'], ['Dog', 'rgb(0,200,55)'], ['Rabbit', 'rgb(160,0,200)'], ['Frog', 'rgb(0,172,200)'], ['Fox', 'rgb(197,200,0)'], ['Hedgehog', 'rgb(31,200,0)'], ['Pigeon', 'rgb(200,0,0)'], ['Squirrel', 'rgb(200,0,148)'], ['Bear', 'rgb(255,235,0)'], ['Tiger', 'rgb(86,255,0)'], ['Leopard', 'rgb(0,255,208)'], ['Zebra', 'rgb(0,243,255)'], ['Wolf', 'rgb(0,102,255)'], ['Owl', 'rgb(147,0,255)'], ['Gull', 'rgb(255,0,153)'], ['Squid', 'rgb(0,220,255)']];
+const entries = [['Cat', 'rgb(125, 50, 0)'], ['Dog', 'rgb(100, 0, 0)'], ['Rabbit', 'rgb(150, 0, 0)'], ['Frog', 'rgb(200, 0, 0)'], ['Fox', 'rgb(200, 75, 0)'], ['Hedgehog', 'rgb(0, 75, 0)'], ['Pigeon', 'rgb(0, 125, 0)'], ['Squirrel', 'rgb(75, 100, 0)'], ['Bear', 'rgb(125, 100, 0)'], ['Tiger', 'rgb(0, 0, 150)'], ['Leopard', 'rgb(0, 0, 200)'], ['Zebra', 'rgb(0, 0, 250)'], ['Wolf', 'rgb(0, 100, 150)'], ['Owl', 'rgb(0, 100, 100)'], ['Gull', 'rgb(100, 0, 100)'], ['Squid', 'rgb(150, 0, 150)']];
 const randomEntry = entries[Math.floor(Math.random() * entries.length)];
 const CollaborationContext = /*#__PURE__*/react.createContext({
   clientID: 0,

package/LexicalCollaborationContext.prod.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var b=require("react");
-let c=[["Cat","rgb(255,165,0)"],["Dog","rgb(0,200,55)"],["Rabbit","rgb(160,0,200)"],["Frog","rgb(0,172,200)"],["Fox","rgb(197,200,0)"],["Hedgehog","rgb(31,200,0)"],["Pigeon","rgb(200,0,0)"],["Squirrel","rgb(200,0,148)"],["Bear","rgb(255,235,0)"],["Tiger","rgb(86,255,0)"],["Leopard","rgb(0,255,208)"],["Zebra","rgb(0,243,255)"],["Wolf","rgb(0,102,255)"],["Owl","rgb(147,0,255)"],["Gull","rgb(255,0,153)"],["Squid","rgb(0,220,255)"]],d=c[Math.floor(Math.random()*c.length)],e=b.createContext({clientID:0,
+let c=[["Cat","rgb(125, 50, 0)"],["Dog","rgb(100, 0, 0)"],["Rabbit","rgb(150, 0, 0)"],["Frog","rgb(200, 0, 0)"],["Fox","rgb(200, 75, 0)"],["Hedgehog","rgb(0, 75, 0)"],["Pigeon","rgb(0, 125, 0)"],["Squirrel","rgb(75, 100, 0)"],["Bear","rgb(125, 100, 0)"],["Tiger","rgb(0, 0, 150)"],["Leopard","rgb(0, 0, 200)"],["Zebra","rgb(0, 0, 250)"],["Wolf","rgb(0, 100, 150)"],["Owl","rgb(0, 100, 100)"],["Gull","rgb(100, 0, 100)"],["Squid","rgb(150, 0, 150)"]],d=c[Math.floor(Math.random()*c.length)],e=b.createContext({clientID:0,
 color:d[1],isCollabActive:!1,name:d[0],yjsDocMap:new Map});exports.CollaborationContext=e;exports.useCollaborationContext=function(f,g){let a=b.useContext(e);null!=f&&(a.name=f);null!=g&&(a.color=g);return a}

package/LexicalComposer.d.ts

@@ -12,7 +12,12 @@ declare type Props = {
     initialConfig: Readonly<{
         editor__DEPRECATED?: LexicalEditor | null;
         namespace: string;
-        nodes?: ReadonlyArray<Klass<LexicalNode>>;
+        nodes?: ReadonlyArray<Klass<LexicalNode> | {
+            replace: Klass<LexicalNode>;
+            with: <T extends {
+                new (...args: any): any;
+            }>(node: InstanceType<T>) => LexicalNode;
+        }>;
         onError: (error: Error, editor: LexicalEditor) => void;
         editable?: boolean;
         theme?: EditorThemeClasses;

package/LexicalComposer.js.flow

@@ -25,7 +25,10 @@ type Props = {
     editor__DEPRECATED?: LexicalEditor | null,
     editable?: boolean,
     namespace: string,
-    nodes?: $ReadOnlyArray<Class<LexicalNode>>,
+    nodes?: $ReadOnlyArray<
+      | Class<LexicalNode>
+      | {replace: Class<LexicalNode>, with: (node: LexicalNode) => LexicalNode},
+    >,
     theme?: EditorThemeClasses,
     editorState?: InitialEditorStateType,
     onError: (error: Error, editor: LexicalEditor) => void,

package/LexicalHorizontalRuleNode.dev.js

@@ -132,7 +132,7 @@ function convertHorizontalRuleElement() {
 }
 
 function $createHorizontalRuleNode() {
-  return new HorizontalRuleNode();
+  return lexical.$applyNodeReplacement(new HorizontalRuleNode());
 }
 function $isHorizontalRuleNode(node) {
   return node instanceof HorizontalRuleNode;

package/LexicalHorizontalRuleNode.prod.js

@@ -8,4 +8,4 @@
 function r({nodeKey:b}){let [f]=a.useLexicalComposerContext(),m=p.useRef(null),[e,g,n]=d.useLexicalNodeSelection(b),k=p.useCallback(c=>{e&&l.$isNodeSelection(l.$getSelection())&&(c.preventDefault(),c=l.$getNodeByKey(b),t(c)&&c.remove(),g(!1));return!1},[e,b,g]);p.useEffect(()=>h.mergeRegister(f.registerCommand(l.CLICK_COMMAND,c=>c.target===m.current?(c.shiftKey||n(),g(!e),!0):!1,l.COMMAND_PRIORITY_LOW),f.registerCommand(l.KEY_DELETE_COMMAND,k,l.COMMAND_PRIORITY_LOW),f.registerCommand(l.KEY_BACKSPACE_COMMAND,
 k,l.COMMAND_PRIORITY_LOW)),[n,f,e,k,g]);return p.createElement("hr",{ref:m,className:e?"selected":void 0})}
 class u extends l.DecoratorNode{static getType(){return"horizontalrule"}static clone(b){return new u(b.__key)}static importJSON(){return v()}static importDOM(){return{hr:()=>({conversion:w,priority:0})}}exportJSON(){return{type:"horizontalrule",version:1}}exportDOM(){return{element:document.createElement("hr")}}createDOM(){let b=document.createElement("div");b.style.display="contents";return b}getTextContent(){return"\n"}isInline(){return!1}updateDOM(){return!1}decorate(){return p.createElement(r,{nodeKey:this.__key})}}
-function w(){return{node:v()}}function v(){return new u}function t(b){return b instanceof u}exports.$createHorizontalRuleNode=v;exports.$isHorizontalRuleNode=t;exports.HorizontalRuleNode=u;exports.INSERT_HORIZONTAL_RULE_COMMAND=q
+function w(){return{node:v()}}function v(){return l.$applyNodeReplacement(new u)}function t(b){return b instanceof u}exports.$createHorizontalRuleNode=v;exports.$isHorizontalRuleNode=t;exports.HorizontalRuleNode=u;exports.INSERT_HORIZONTAL_RULE_COMMAND=q

package/LexicalLinkPlugin.d.ts

@@ -5,4 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare function LinkPlugin(): null;
+declare type Props = {
+    validateUrl?: (url: string) => boolean;
+};
+export declare function LinkPlugin({ validateUrl }: Props): null;
+export {};

package/LexicalLinkPlugin.dev.js

@@ -8,6 +8,7 @@
 
 var link = require('@lexical/link');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+var utils = require('@lexical/utils');
 var lexical = require('lexical');
 var react = require('react');
 
@@ -18,17 +19,26 @@ var react = require('react');
  * LICENSE file in the root directory of this source tree.
  *
  */
-function LinkPlugin() {
+function LinkPlugin({
+  validateUrl
+}) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   react.useEffect(() => {
     if (!editor.hasNodes([link.LinkNode])) {
       throw new Error('LinkPlugin: LinkNode not registered on editor');
     }
-  }, [editor]);
-  react.useEffect(() => {
-    return editor.registerCommand(link.TOGGLE_LINK_COMMAND, payload => {
-      if (typeof payload === 'string' || payload === null) {
+
+    return utils.mergeRegister(editor.registerCommand(link.TOGGLE_LINK_COMMAND, payload => {
+      if (payload === null) {
         link.toggleLink(payload);
+        return true;
+      } else if (typeof payload === 'string') {
+        if (validateUrl === undefined || validateUrl(payload)) {
+          link.toggleLink(payload);
+          return true;
+        }
+
+        return false;
       } else {
         const {
           url,
@@ -39,11 +49,27 @@ function LinkPlugin() {
           rel,
           target
         });
+        return true;
+      }
+    }, lexical.COMMAND_PRIORITY_LOW), validateUrl !== undefined ? editor.registerCommand(lexical.PASTE_COMMAND, event => {
+      const selection = lexical.$getSelection();
+
+      if (!lexical.$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || event.clipboardData == null) {
+        return false;
+      }
+
+      const clipboardText = event.clipboardData.getData('text');
+
+      if (!validateUrl(clipboardText)) {
+        return false;
       }
 
+      editor.dispatchCommand(link.TOGGLE_LINK_COMMAND, clipboardText);
+      event.preventDefault();
       return true;
-    }, lexical.COMMAND_PRIORITY_EDITOR);
-  }, [editor]);
+    }, lexical.COMMAND_PRIORITY_LOW) : () => {// Don't paste arbritrary text as a link when there's no validate function
+    });
+  }, [editor, validateUrl]);
   return null;
 }
 

package/LexicalLinkPlugin.js.flow

@@ -7,4 +7,8 @@
  * @flow strict
  */
 
-declare export function LinkPlugin(): null;
+type Props = $ReadOnly<{
+  validateUrl?: (url: string) => boolean,
+}>;
+
+declare export function LinkPlugin(props: Props): null;

package/LexicalLinkPlugin.prod.js

@@ -4,5 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var a=require("@lexical/link"),d=require("@lexical/react/LexicalComposerContext"),e=require("lexical"),f=require("react");
-exports.LinkPlugin=function(){let [b]=d.useLexicalComposerContext();f.useEffect(()=>{if(!b.hasNodes([a.LinkNode]))throw Error("LinkPlugin: LinkNode not registered on editor");},[b]);f.useEffect(()=>b.registerCommand(a.TOGGLE_LINK_COMMAND,c=>{if("string"===typeof c||null===c)a.toggleLink(c);else{let {url:g,target:h,rel:k}=c;a.toggleLink(g,{rel:k,target:h})}return!0},e.COMMAND_PRIORITY_EDITOR),[b]);return null}
+'use strict';var c=require("@lexical/link"),d=require("@lexical/react/LexicalComposerContext"),g=require("@lexical/utils"),h=require("lexical"),k=require("react");
+exports.LinkPlugin=function({validateUrl:e}){let [f]=d.useLexicalComposerContext();k.useEffect(()=>{if(!f.hasNodes([c.LinkNode]))throw Error("LinkPlugin: LinkNode not registered on editor");return g.mergeRegister(f.registerCommand(c.TOGGLE_LINK_COMMAND,a=>{if(null===a)return c.toggleLink(a),!0;if("string"===typeof a)return void 0===e||e(a)?(c.toggleLink(a),!0):!1;let {url:b,target:l,rel:m}=a;c.toggleLink(b,{rel:m,target:l});return!0},h.COMMAND_PRIORITY_LOW),void 0!==e?f.registerCommand(h.PASTE_COMMAND,
+a=>{var b=h.$getSelection();if(!h.$isRangeSelection(b)||b.isCollapsed()||!(a instanceof ClipboardEvent)||null==a.clipboardData)return!1;b=a.clipboardData.getData("text");if(!e(b))return!1;f.dispatchCommand(c.TOGGLE_LINK_COMMAND,b);a.preventDefault();return!0},h.COMMAND_PRIORITY_LOW):()=>{})},[f,e]);return null}

package/LexicalNestedComposer.dev.js

@@ -50,6 +50,7 @@ function LexicalNestedComposer({
       for (const [type, entry] of parentNodes) {
         initialEditor._nodes.set(type, {
           klass: entry.klass,
+          replace: entry.replace,
           transforms: new Set()
         });
       }
@@ -59,6 +60,7 @@ function LexicalNestedComposer({
 
         initialEditor._nodes.set(type, {
           klass,
+          replace: null,
           transforms: new Set()
         });
       }

package/LexicalNestedComposer.prod.js

@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var b=require("@lexical/react/LexicalCollaborationContext"),e=require("@lexical/react/LexicalComposerContext"),m=require("react");
-exports.LexicalNestedComposer=function({initialEditor:a,children:n,initialNodes:k,initialTheme:p,skipCollabChecks:q}){let l=m.useRef(!1),f=m.useContext(e.LexicalComposerContext);if(null==f)throw Error("Minified Lexical error #9; visit https://lexical.dev/docs/error?code=9 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");let w=m.useMemo(()=>{const [g,r]=f;var c=p||r.getTheme()||void 0;const t=e.createLexicalComposerContext(f,c);void 0!==
-c&&(a._config.theme=c);a._parentEditor=g;if(k)for(var d of k)c=d.getType(),a._nodes.set(c,{klass:d,transforms:new Set});else{d=a._nodes=new Map(g._nodes);for(const [u,v]of d)a._nodes.set(u,{klass:v.klass,transforms:new Set})}a._config.namespace=g._config.namespace;return[a,t]},[]),{isCollabActive:x,yjsDocMap:y}=b.useCollaborationContext(),h=q||l.current||y.has(a.getKey());m.useEffect(()=>{h&&(l.current=!0)},[h]);return m.createElement(e.LexicalComposerContext.Provider,{value:w},!x||h?n:null)}
+'use strict';var b=require("@lexical/react/LexicalCollaborationContext"),e=require("@lexical/react/LexicalComposerContext"),n=require("react");
+exports.LexicalNestedComposer=function({initialEditor:a,children:p,initialNodes:k,initialTheme:q,skipCollabChecks:r}){let l=n.useRef(!1),f=n.useContext(e.LexicalComposerContext);if(null==f)throw Error("Minified Lexical error #9; visit https://lexical.dev/docs/error?code=9 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");let w=n.useMemo(()=>{const [g,t]=f;var c=q||t.getTheme()||void 0;const u=e.createLexicalComposerContext(f,c);void 0!==
+c&&(a._config.theme=c);a._parentEditor=g;if(k)for(var d of k)c=d.getType(),a._nodes.set(c,{klass:d,replace:null,transforms:new Set});else{d=a._nodes=new Map(g._nodes);for(const [v,m]of d)a._nodes.set(v,{klass:m.klass,replace:m.replace,transforms:new Set})}a._config.namespace=g._config.namespace;return[a,u]},[]),{isCollabActive:x,yjsDocMap:y}=b.useCollaborationContext(),h=r||l.current||y.has(a.getKey());n.useEffect(()=>{h&&(l.current=!0)},[h]);return n.createElement(e.LexicalComposerContext.Provider,
+{value:w},!x||h?p:null)}

package/LexicalNodeEventPlugin.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ *
+ */
+import { type Klass, type LexicalEditor, type LexicalNode, type NodeKey } from 'lexical';
+export declare function NodeEventPlugin({ nodeType, eventType, eventListener, }: {
+    nodeType: Klass<LexicalNode>;
+    eventType: string;
+    eventListener: (event: Event, editor: LexicalEditor, nodeKey: NodeKey) => void;
+}): null;

package/{LexicalAutoScrollPlugin.dev.js → LexicalNodeEventPlugin.dev.js}

@@ -7,7 +7,6 @@
 'use strict';
 
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var lexical = require('lexical');
 var react = require('react');
 
 /**
@@ -36,44 +35,31 @@ var useLayoutEffect = useLayoutEffectImpl;
  * LICENSE file in the root directory of this source tree.
  *
  */
-function AutoScrollPlugin({
-  scrollRef
+function NodeEventPlugin({
+  nodeType,
+  eventType,
+  eventListener
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const listenerRef = react.useRef(eventListener);
+  listenerRef.current = eventListener;
   useLayoutEffect(() => {
-    return editor.registerUpdateListener(({
-      tags,
-      editorState
-    }) => {
-      const scrollElement = scrollRef.current;
+    return editor.registerMutationListener(nodeType, mutations => {
+      editor.getEditorState().read(() => {
+        for (const [key, mutation] of mutations) {
+          const element = editor.getElementByKey(key);
 
-      if (scrollElement === null || !tags.has('scroll-into-view')) {
-        return;
-      }
-
-      const selection = editorState.read(() => lexical.$getSelection());
-
-      if (!lexical.$isRangeSelection(selection) || !selection.isCollapsed()) {
-        return;
-      }
-
-      const anchorElement = editor.getElementByKey(selection.anchor.key);
-
-      if (anchorElement === null) {
-        return;
-      }
-
-      const scrollRect = scrollElement.getBoundingClientRect();
-      const rect = anchorElement.getBoundingClientRect();
-
-      if (rect.bottom > scrollRect.bottom) {
-        anchorElement.scrollIntoView(false);
-      } else if (rect.top < scrollRect.top) {
-        anchorElement.scrollIntoView();
-      }
-    });
-  }, [editor, scrollRef]);
+          if (mutation === 'created' && element !== null) {
+            element.addEventListener(eventType, event => {
+              listenerRef.current(event, editor, key);
+            });
+          }
+        }
+      });
+    }); // wW intentionally don't respect changes to eventType.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, nodeType]);
   return null;
 }
 
-exports.AutoScrollPlugin = AutoScrollPlugin;
+exports.NodeEventPlugin = NodeEventPlugin;

package/LexicalNodeEventPlugin.js

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+'use strict'
+const LexicalNodeEventPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalNodeEventPlugin.dev.js') : require('./LexicalNodeEventPlugin.prod.js')
+module.exports = LexicalNodeEventPlugin;

package/LexicalNodeEventPlugin.prod.js

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+'use strict';var b=require("@lexical/react/LexicalComposerContext"),h=require("react"),k="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;
+exports.NodeEventPlugin=function({nodeType:c,eventType:l,eventListener:d}){let [a]=b.useLexicalComposerContext(),e=h.useRef(d);e.current=d;k(()=>a.registerMutationListener(c,m=>{a.getEditorState().read(()=>{for(let [f,n]of m){let g=a.getElementByKey(f);"created"===n&&null!==g&&g.addEventListener(l,p=>{e.current(p,a,f)})}})}),[a,c]);return null}

package/package.json

@@ -8,29 +8,29 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.6.1-next.0",
+  "version": "0.6.3",
   "dependencies": {
-    "@lexical/clipboard": "0.6.1-next.0",
-    "@lexical/code": "0.6.1-next.0",
-    "@lexical/dragon": "0.6.1-next.0",
-    "@lexical/hashtag": "0.6.1-next.0",
-    "@lexical/history": "0.6.1-next.0",
-    "@lexical/link": "0.6.1-next.0",
-    "@lexical/list": "0.6.1-next.0",
-    "@lexical/mark": "0.6.1-next.0",
-    "@lexical/markdown": "0.6.1-next.0",
-    "@lexical/overflow": "0.6.1-next.0",
-    "@lexical/plain-text": "0.6.1-next.0",
-    "@lexical/rich-text": "0.6.1-next.0",
-    "@lexical/selection": "0.6.1-next.0",
-    "@lexical/table": "0.6.1-next.0",
-    "@lexical/text": "0.6.1-next.0",
-    "@lexical/utils": "0.6.1-next.0",
-    "@lexical/yjs": "0.6.1-next.0",
+    "@lexical/clipboard": "0.6.3",
+    "@lexical/code": "0.6.3",
+    "@lexical/dragon": "0.6.3",
+    "@lexical/hashtag": "0.6.3",
+    "@lexical/history": "0.6.3",
+    "@lexical/link": "0.6.3",
+    "@lexical/list": "0.6.3",
+    "@lexical/mark": "0.6.3",
+    "@lexical/markdown": "0.6.3",
+    "@lexical/overflow": "0.6.3",
+    "@lexical/plain-text": "0.6.3",
+    "@lexical/rich-text": "0.6.3",
+    "@lexical/selection": "0.6.3",
+    "@lexical/table": "0.6.3",
+    "@lexical/text": "0.6.3",
+    "@lexical/utils": "0.6.3",
+    "@lexical/yjs": "0.6.3",
     "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
-    "lexical": "0.6.1-next.0",
+    "lexical": "0.6.3",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },

package/LexicalAutoScrollPlugin.d.ts

@@ -1,14 +0,0 @@
-/**
- * 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.
- *
- */
-declare type Props = Readonly<{
-    scrollRef: {
-        current: HTMLElement | null;
-    };
-}>;
-export declare function AutoScrollPlugin({ scrollRef }: Props): JSX.Element | null;
-export {};

package/LexicalAutoScrollPlugin.js

@@ -1,9 +0,0 @@
-/**
- * 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.
- */
-'use strict'
-const LexicalAutoScrollPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalAutoScrollPlugin.dev.js') : require('./LexicalAutoScrollPlugin.prod.js')
-module.exports = LexicalAutoScrollPlugin;

package/LexicalAutoScrollPlugin.js.flow

@@ -1,12 +0,0 @@
-/**
- * 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.
- *
- * @flow strict
- */
-type Props = $ReadOnly<{
-  scrollRef: {current: HTMLElement | null},
-}>;
-declare export function AutoScrollPlugin(props: Props): React$Node;

package/LexicalAutoScrollPlugin.prod.js

@@ -1,8 +0,0 @@
-/**
- * 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.
- */
-'use strict';var e=require("@lexical/react/LexicalComposerContext"),f=require("lexical"),h=require("react"),k="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;
-exports.AutoScrollPlugin=function({scrollRef:g}){let [d]=e.useLexicalComposerContext();k(()=>d.registerUpdateListener(({tags:a,editorState:c})=>{var b=g.current;null!==b&&a.has("scroll-into-view")&&(a=c.read(()=>f.$getSelection()),f.$isRangeSelection(a)&&a.isCollapsed()&&(a=d.getElementByKey(a.anchor.key),null!==a&&(b=b.getBoundingClientRect(),c=a.getBoundingClientRect(),c.bottom>b.bottom?a.scrollIntoView(!1):c.top<b.top&&a.scrollIntoView())))}),[d,g]);return null}