@lexical/react 0.6.2 → 0.6.3

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/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/LexicalNodeEventPlugin.dev.js

@@ -0,0 +1,65 @@
+/**
+ * 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 LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+var react = require('react');
+
+/**
+ * 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.
+ *
+ */
+const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
+
+/**
+ * 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.
+ *
+ */
+const useLayoutEffectImpl = CAN_USE_DOM ? react.useLayoutEffect : react.useEffect;
+var useLayoutEffect = useLayoutEffectImpl;
+
+/**
+ * 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.
+ *
+ */
+function NodeEventPlugin({
+  nodeType,
+  eventType,
+  eventListener
+}) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const listenerRef = react.useRef(eventListener);
+  listenerRef.current = eventListener;
+  useLayoutEffect(() => {
+    return editor.registerMutationListener(nodeType, mutations => {
+      editor.getEditorState().read(() => {
+        for (const [key, mutation] of mutations) {
+          const element = editor.getElementByKey(key);
+
+          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.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.2",
+  "version": "0.6.3",
   "dependencies": {
-    "@lexical/clipboard": "0.6.2",
-    "@lexical/code": "0.6.2",
-    "@lexical/dragon": "0.6.2",
-    "@lexical/hashtag": "0.6.2",
-    "@lexical/history": "0.6.2",
-    "@lexical/link": "0.6.2",
-    "@lexical/list": "0.6.2",
-    "@lexical/mark": "0.6.2",
-    "@lexical/markdown": "0.6.2",
-    "@lexical/overflow": "0.6.2",
-    "@lexical/plain-text": "0.6.2",
-    "@lexical/rich-text": "0.6.2",
-    "@lexical/selection": "0.6.2",
-    "@lexical/table": "0.6.2",
-    "@lexical/text": "0.6.2",
-    "@lexical/utils": "0.6.2",
-    "@lexical/yjs": "0.6.2",
+    "@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.2",
+    "lexical": "0.6.3",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },