@lexical/react 0.6.4 → 0.6.5

package/LexicalAutoFocusPlugin.dev.js

@@ -29,7 +29,7 @@ function AutoFocusPlugin({
       const activeElement = document.activeElement;
       const rootElement = editor.getRootElement();
 
-      if (!rootElement.contains(activeElement) || rootElement !== null || activeElement === null) {
+      if (rootElement !== null && (activeElement === null || !rootElement.contains(activeElement))) {
         // Note: preventScroll won't work in Webkit.
         rootElement.focus({
           preventScroll: true

package/LexicalAutoFocusPlugin.prod.js

@@ -4,4 +4,4 @@
  * 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("react");exports.AutoFocusPlugin=function({defaultSelection:c}){let [a]=e.useLexicalComposerContext();f.useEffect(()=>{a.focus(()=>{let d=document.activeElement,b=a.getRootElement();b.contains(d)&&null===b&&null!==d||b.focus({preventScroll:!0})},{defaultSelection:c})},[c,a]);return null}
+'use strict';var e=require("@lexical/react/LexicalComposerContext"),f=require("react");exports.AutoFocusPlugin=function({defaultSelection:c}){let [a]=e.useLexicalComposerContext();f.useEffect(()=>{a.focus(()=>{let d=document.activeElement,b=a.getRootElement();null===b||null!==d&&b.contains(d)||b.focus({preventScroll:!0})},{defaultSelection:c})},[c,a]);return null}

package/LexicalNodeEventPlugin.dev.js

@@ -45,11 +45,15 @@ function NodeEventPlugin({
   listenerRef.current = eventListener;
   useLayoutEffect(() => {
     return editor.registerMutationListener(nodeType, mutations => {
+      const registedElements = new WeakSet();
       editor.getEditorState().read(() => {
         for (const [key, mutation] of mutations) {
           const element = editor.getElementByKey(key);
 
-          if (mutation === 'created' && element !== null) {
+          if ( // Updated might be a move, so that might mean a new DOM element
+          // is created. In this case, we need to add and event listener too.
+          (mutation === 'created' || mutation === 'updated') && element !== null && !registedElements.has(element)) {
+            registedElements.add(element);
             element.addEventListener(eventType, event => {
               listenerRef.current(event, editor, key);
             });

package/LexicalNodeEventPlugin.prod.js

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

package/package.json

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