@lexical/react 0.3.0 → 0.3.1

package/LexicalCheckListPlugin.dev.js

@@ -46,7 +46,7 @@ function CheckListPlugin() {
     }, lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical.KEY_SPACE_COMMAND, event => {
       const activeItem = getActiveCheckListItem();
 
-      if (activeItem != null) {
+      if (activeItem != null && !editor.isReadOnly()) {
         editor.update(() => {
           const listItemNode = lexical.$getNearestNodeFromDOMNode(activeItem);
 
@@ -139,7 +139,7 @@ function handleClick(event) {
   handleCheckItemEvent(event, () => {
     const editor = findEditor(event.target);
 
-    if (editor != null) {
+    if (editor != null && !editor.isReadOnly()) {
       editor.update(() => {
         const node = lexical.$getNearestNodeFromDOMNode(event.target);
 

package/LexicalCheckListPlugin.prod.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var e=require("@lexical/list"),g=require("@lexical/react/LexicalComposerContext"),k=require("@lexical/utils"),l=require("lexical"),m=require("react");let n=0;function p(){0===n++&&(document.addEventListener("click",q),document.addEventListener("pointerdown",r));return()=>{0===--n&&(document.removeEventListener("click",q),document.removeEventListener("pointerdown",r))}}
-function t(a,c){let b=a.target;if(b instanceof HTMLElement){var d=b.firstChild;(null==d||"UL"!==d.tagName&&"OL"!==d.tagName)&&(d=b.parentNode)&&"check"===d.__lexicalListType&&(a=a.pageX,d=b.getBoundingClientRect(),("rtl"===b.dir?a<d.right&&a>d.right-20:a>d.left&&a<d.left+20)&&c())}}function q(a){t(a,()=>{let c=u(a.target);null!=c&&c.update(()=>{let b=l.$getNearestNodeFromDOMNode(a.target);e.$isListItemNode(b)&&(a.target.focus(),b.toggleChecked())})})}function r(a){t(a,()=>{a.preventDefault()})}
-function u(a){for(;a;){if(a.__lexicalEditor)return a.__lexicalEditor;a=a.parentNode}return null}function v(){let a=document.activeElement;return null!=a&&"LI"===a.tagName&&null!=a.parentNode&&"check"===a.parentNode.__lexicalListType?a:null}
+function t(a,c){let b=a.target;if(b instanceof HTMLElement){var d=b.firstChild;(null==d||"UL"!==d.tagName&&"OL"!==d.tagName)&&(d=b.parentNode)&&"check"===d.__lexicalListType&&(a=a.pageX,d=b.getBoundingClientRect(),("rtl"===b.dir?a<d.right&&a>d.right-20:a>d.left&&a<d.left+20)&&c())}}function q(a){t(a,()=>{let c=u(a.target);null==c||c.isReadOnly()||c.update(()=>{let b=l.$getNearestNodeFromDOMNode(a.target);e.$isListItemNode(b)&&(a.target.focus(),b.toggleChecked())})})}
+function r(a){t(a,()=>{a.preventDefault()})}function u(a){for(;a;){if(a.__lexicalEditor)return a.__lexicalEditor;a=a.parentNode}return null}function v(){let a=document.activeElement;return null!=a&&"LI"===a.tagName&&null!=a.parentNode&&"check"===a.parentNode.__lexicalListType?a:null}
 function w(a,c){let b=c?a.getPreviousSibling():a.getNextSibling();for(;null==b&&e.$isListItemNode(a);)a=a.getParentOrThrow().getParent(),null!=a&&(b=c?a.getPreviousSibling():a.getNextSibling());for(;e.$isListItemNode(b);){a=c?b.getLastChild():b.getFirstChild();if(!e.$isListNode(a))return b;b=c?a.getLastChild():a.getFirstChild()}return null}
 function x(a,c,b){let d=v();null!=d&&c.update(()=>{var f=l.$getNearestNodeFromDOMNode(d);if(e.$isListItemNode(f)&&(f=w(f,b),null!=f)){f.selectStart();let h=c.getElementByKey(f.__key);null!=h&&(a.preventDefault(),setTimeout(()=>{h.focus()},0))}});return!1}
 exports.CheckListPlugin=function(){let [a]=g.useLexicalComposerContext();m.useEffect(()=>k.mergeRegister(a.registerCommand(e.INSERT_CHECK_LIST_COMMAND,()=>{e.insertList(a,"check");return!0},l.COMMAND_PRIORITY_LOW),a.registerCommand(l.KEY_ARROW_DOWN_COMMAND,c=>x(c,a,!1),l.COMMAND_PRIORITY_LOW),a.registerCommand(l.KEY_ARROW_UP_COMMAND,c=>x(c,a,!0),l.COMMAND_PRIORITY_LOW),a.registerCommand(l.KEY_ESCAPE_COMMAND,()=>{if(null!=v()){let c=a.getRootElement();null!=c&&c.focus();return!0}return!1},l.COMMAND_PRIORITY_LOW),
-a.registerCommand(l.KEY_SPACE_COMMAND,c=>{let b=v();return null!=b?(a.update(()=>{let d=l.$getNearestNodeFromDOMNode(b);e.$isListItemNode(d)&&(c.preventDefault(),d.toggleChecked())}),!0):!1},l.COMMAND_PRIORITY_LOW),a.registerCommand(l.KEY_ARROW_LEFT_COMMAND,c=>a.getEditorState().read(()=>{var b=l.$getSelection();if(l.$isRangeSelection(b)&&b.isCollapsed()){var {anchor:d}=b;if((b="element"===d.type)||0===d.offset){d=d.getNode();let f=k.$findMatchingParent(d,h=>l.$isElementNode(h)&&!h.isInline());if(e.$isListItemNode(f)&&
-(b||f.getFirstDescendant()===d)&&(b=a.getElementByKey(f.__key),null!=b&&document.activeElement!==b))return b.focus(),c.preventDefault(),!0}}return!1}),l.COMMAND_PRIORITY_LOW),p()));return null}
+a.registerCommand(l.KEY_SPACE_COMMAND,c=>{let b=v();return null==b||a.isReadOnly()?!1:(a.update(()=>{let d=l.$getNearestNodeFromDOMNode(b);e.$isListItemNode(d)&&(c.preventDefault(),d.toggleChecked())}),!0)},l.COMMAND_PRIORITY_LOW),a.registerCommand(l.KEY_ARROW_LEFT_COMMAND,c=>a.getEditorState().read(()=>{var b=l.$getSelection();if(l.$isRangeSelection(b)&&b.isCollapsed()){var {anchor:d}=b;if((b="element"===d.type)||0===d.offset){d=d.getNode();let f=k.$findMatchingParent(d,h=>l.$isElementNode(h)&&!h.isInline());
+if(e.$isListItemNode(f)&&(b||f.getFirstDescendant()===d)&&(b=a.getElementByKey(f.__key),null!=b&&document.activeElement!==b))return b.focus(),c.preventDefault(),!0}}return!1}),l.COMMAND_PRIORITY_LOW),p()));return null}

package/LexicalHorizontalRuleNode.dev.js

@@ -31,21 +31,6 @@ class HorizontalRuleNode extends lexical.DecoratorNode {
     return new HorizontalRuleNode(node.__key);
   }
 
-  static importDOM() {
-    return {
-      hr: node => ({
-        conversion: convertHorizontalRuleElement,
-        priority: 0
-      })
-    };
-  }
-
-  exportDOM() {
-    return {
-      element: document.createElement('hr')
-    };
-  }
-
   static importJSON(serializedNode) {
     return $createHorizontalRuleNode();
   }
@@ -80,13 +65,6 @@ class HorizontalRuleNode extends lexical.DecoratorNode {
   }
 
 }
-
-function convertHorizontalRuleElement() {
-  return {
-    node: $createHorizontalRuleNode()
-  };
-}
-
 function $createHorizontalRuleNode() {
   return new HorizontalRuleNode();
 }

package/LexicalHorizontalRuleNode.prod.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var b=require("lexical"),c=require("react");let d=b.createCommand();function e(){return c.createElement("hr",null)}
-class f extends b.DecoratorNode{static getType(){return"horizontalrule"}static clone(a){return new f(a.__key)}static importDOM(){return{hr:()=>({conversion:g,priority:0})}}exportDOM(){return{element:document.createElement("hr")}}static importJSON(){return h()}exportJSON(){return{type:"horizontalrule",version:1}}createDOM(){let a=document.createElement("div");a.style.display="contents";return a}getTextContent(){return"\n"}isTopLevel(){return!0}updateDOM(){return!1}decorate(){return c.createElement(e,
-null)}}function g(){return{node:h()}}function h(){return new f}exports.$createHorizontalRuleNode=h;exports.$isHorizontalRuleNode=function(a){return a instanceof f};exports.HorizontalRuleNode=f;exports.INSERT_HORIZONTAL_RULE_COMMAND=d
+class f extends b.DecoratorNode{static getType(){return"horizontalrule"}static clone(a){return new f(a.__key)}static importJSON(){return g()}exportJSON(){return{type:"horizontalrule",version:1}}createDOM(){let a=document.createElement("div");a.style.display="contents";return a}getTextContent(){return"\n"}isTopLevel(){return!0}updateDOM(){return!1}decorate(){return c.createElement(e,null)}}function g(){return new f}exports.$createHorizontalRuleNode=g;
+exports.$isHorizontalRuleNode=function(a){return a instanceof f};exports.HorizontalRuleNode=f;exports.INSERT_HORIZONTAL_RULE_COMMAND=d

package/README.md

@@ -17,10 +17,10 @@ import {$getRoot, $getSelection} from 'lexical';
 import {useEffect} from 'react';
 
 import {LexicalComposer} from '@lexical/react/LexicalComposer';
-import {LexicalPlainTextPlugin} from '@lexical/react/LexicalPlainTextPlugin';
-import {LexicalContentEditable} from '@lexical/react/LexicalContentEditable';
+import {PlainTextPlugin} from '@lexical/react/LexicalPlainTextPlugin';
+import {ContentEditable} from '@lexical/react/LexicalContentEditable';
 import {HistoryPlugin} from '@lexical/react/LexicalHistoryPlugin';
-import {LexicalOnChangePlugin} from '@lexical/react/LexicalOnChangePlugin';
+import {OnChangePlugin} from '@lexical/react/LexicalOnChangePlugin';
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 
 const theme = {

package/package.json

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