@lexical/react 0.1.14 → 0.1.15

package/DEPRECATED_useLexicalRichText.dev.js

@@ -10,6 +10,7 @@ var withSubscriptions = require('@lexical/react/withSubscriptions');
 var lexical = require('lexical');
 var react = require('react');
 var clipboard = require('@lexical/clipboard');
+var selection = require('@lexical/selection');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -339,32 +340,6 @@ function useLexicalHistory(editor, externalHistoryState, delay = 1000) {
   return useHistory(editor, externalHistoryState, delay);
 }
 
-/**
- * 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 $moveCaretSelection(selection, isHoldingShift, isBackward, granularity) {
-  selection.modify(isHoldingShift ? 'extend' : 'move', isBackward, granularity);
-}
-function $isParentElementRTL(selection) {
-  const anchorNode = selection.anchor.getNode();
-  const parent = lexical.$isRootNode(anchorNode) ? anchorNode : anchorNode.getParentOrThrow();
-  return parent.getDirection() === 'rtl';
-}
-function $moveCharacter(selection, isHoldingShift, isBackward) {
-  const isRTL = $isParentElementRTL(selection);
-  $moveCaretSelection(selection, isHoldingShift, isBackward ? !isRTL : isRTL, 'character');
-}
-function $shouldOverrideDefaultCharacterSelection(selection, isBackward) {
-  const possibleNode = lexical.$getDecoratorNode(selection.focus, isBackward);
-  return lexical.$isDecoratorNode(possibleNode) && !possibleNode.isIsolated();
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -595,14 +570,14 @@ function useLexicalDragonSupport(editor) {
 function useRichTextSetup(editor, initialEditorState) {
   useLayoutEffect(() => {
     const removeListener = editor.addListener('command', (type, payload) => {
-      const selection = lexical.$getSelection();
+      const selection$1 = lexical.$getSelection();
 
-      if (type === 'click' && lexical.$isNodeSelection(selection)) {
-        selection.clear();
+      if (type === 'click' && lexical.$isNodeSelection(selection$1)) {
+        selection$1.clear();
         return true;
       }
 
-      if (!lexical.$isRangeSelection(selection)) {
+      if (!lexical.$isRangeSelection(selection$1)) {
         return false;
       }
 
@@ -610,21 +585,21 @@ function useRichTextSetup(editor, initialEditorState) {
         case 'deleteCharacter':
           {
             const isBackward = payload;
-            selection.deleteCharacter(isBackward);
+            selection$1.deleteCharacter(isBackward);
             return true;
           }
 
         case 'deleteWord':
           {
             const isBackward = payload;
-            selection.deleteWord(isBackward);
+            selection$1.deleteWord(isBackward);
             return true;
           }
 
         case 'deleteLine':
           {
             const isBackward = payload;
-            selection.deleteLine(isBackward);
+            selection$1.deleteLine(isBackward);
             return true;
           }
 
@@ -633,17 +608,17 @@ function useRichTextSetup(editor, initialEditorState) {
             const eventOrText = payload;
 
             if (typeof eventOrText === 'string') {
-              selection.insertText(eventOrText);
+              selection$1.insertText(eventOrText);
             } else {
               const dataTransfer = eventOrText.dataTransfer;
 
               if (dataTransfer != null) {
-                clipboard.$insertDataTransferForRichText(dataTransfer, selection, editor);
+                clipboard.$insertDataTransferForRichText(dataTransfer, selection$1, editor);
               } else {
                 const data = eventOrText.data;
 
                 if (data) {
-                  selection.insertText(data);
+                  selection$1.insertText(data);
                 }
               }
             }
@@ -652,20 +627,20 @@ function useRichTextSetup(editor, initialEditorState) {
           }
 
         case 'removeText':
-          selection.removeText();
+          selection$1.removeText();
           return true;
 
         case 'formatText':
           {
             const format = payload;
-            selection.formatText(format);
+            selection$1.formatText(format);
             return true;
           }
 
         case 'formatElement':
           {
             const format = payload;
-            const node = selection.anchor.getNode();
+            const node = selection$1.anchor.getNode();
             const element = lexical.$isElementNode(node) ? node : node.getParentOrThrow();
             element.setFormat(format);
             return true;
@@ -673,17 +648,17 @@ function useRichTextSetup(editor, initialEditorState) {
 
         case 'insertLineBreak':
           const selectStart = payload;
-          selection.insertLineBreak(selectStart);
+          selection$1.insertLineBreak(selectStart);
           return true;
 
         case 'insertParagraph':
-          selection.insertParagraph();
+          selection$1.insertParagraph();
           return true;
 
         case 'indentContent':
           {
             // Handle code blocks
-            const anchor = selection.anchor;
+            const anchor = selection$1.anchor;
             const parentBlock = anchor.type === 'element' ? anchor.getNode() : anchor.getNode().getParentOrThrow();
 
             if (parentBlock.canInsertTab()) {
@@ -700,7 +675,7 @@ function useRichTextSetup(editor, initialEditorState) {
         case 'outdentContent':
           {
             // Handle code blocks
-            const anchor = selection.anchor;
+            const anchor = selection$1.anchor;
             const anchorNode = anchor.getNode();
             const parentBlock = anchor.type === 'element' ? anchor.getNode() : anchor.getNode().getParentOrThrow();
 
@@ -725,9 +700,9 @@ function useRichTextSetup(editor, initialEditorState) {
             const event = payload;
             const isHoldingShift = event.shiftKey;
 
-            if ($shouldOverrideDefaultCharacterSelection(selection, true)) {
+            if (selection.$shouldOverrideDefaultCharacterSelection(selection$1, true)) {
               event.preventDefault();
-              $moveCharacter(selection, isHoldingShift, true);
+              selection.$moveCharacter(selection$1, isHoldingShift, true);
               return true;
             }
 
@@ -739,9 +714,9 @@ function useRichTextSetup(editor, initialEditorState) {
             const event = payload;
             const isHoldingShift = event.shiftKey;
 
-            if ($shouldOverrideDefaultCharacterSelection(selection, false)) {
+            if (selection.$shouldOverrideDefaultCharacterSelection(selection$1, false)) {
               event.preventDefault();
-              $moveCharacter(selection, isHoldingShift, false);
+              selection.$moveCharacter(selection$1, isHoldingShift, false);
               return true;
             }
 
@@ -754,9 +729,9 @@ function useRichTextSetup(editor, initialEditorState) {
             event.preventDefault();
             const {
               anchor
-            } = selection;
+            } = selection$1;
 
-            if (selection.isCollapsed() && anchor.offset === 0) {
+            if (selection$1.isCollapsed() && anchor.offset === 0) {
               const element = anchor.type === 'element' ? anchor.getNode() : anchor.getNode().getParentOrThrow();
 
               if (element.getIndent() > 0) {

package/DEPRECATED_useLexicalRichText.prod.js

@@ -4,20 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var h=require("@lexical/react/withSubscriptions"),u=require("lexical"),v=require("react"),w=require("@lexical/clipboard");
-function x(a,e,f,d,c){if(null===a||0===f.size&&0===d.size)return 0;var b=e._selection,g=a._selection;if(c)return 1;if(!(u.$isRangeSelection(b)&&u.$isRangeSelection(g)&&g.isCollapsed()&&b.isCollapsed()))return 0;var k=Array.from(f);d=Array.from(d);f=e._nodeMap;c=[];for(var l=0;l<k.length;l++){const n=f.get(k[l]);void 0!==n&&c.push(n)}for(k=0;k<d.length;k++)d[k][1]&&(l=f.get(d[k][0]),void 0===l||u.$isRootNode(l)||c.push(l));if(0===c.length)return 0;if(1<c.length)return d=e._nodeMap,e=d.get(b.anchor.key),
+var l=require("@lexical/react/withSubscriptions"),u=require("lexical"),v=require("react"),w=require("@lexical/clipboard"),x=require("@lexical/selection");
+function y(a,e,f,d,c){if(null===a||0===f.size&&0===d.size)return 0;var b=e._selection,g=a._selection;if(c)return 1;if(!(u.$isRangeSelection(b)&&u.$isRangeSelection(g)&&g.isCollapsed()&&b.isCollapsed()))return 0;var h=Array.from(f);d=Array.from(d);f=e._nodeMap;c=[];for(var k=0;k<h.length;k++){const n=f.get(h[k]);void 0!==n&&c.push(n)}for(h=0;h<d.length;h++)d[h][1]&&(k=f.get(d[h][0]),void 0===k||u.$isRootNode(k)||c.push(k));if(0===c.length)return 0;if(1<c.length)return d=e._nodeMap,e=d.get(b.anchor.key),
 g=d.get(g.anchor.key),e&&g&&!a._nodeMap.has(e.__key)&&u.$isTextNode(e)&&1===e.__text.length&&1===b.anchor.offset?2:0;e=c[0];a=a._nodeMap.get(e.__key);if(!u.$isTextNode(a)||!u.$isTextNode(e)||a.__mode!==e.__mode)return 0;a=a.__text;e=e.__text;if(a===e)return 0;b=b.anchor;g=g.anchor;if(b.key!==g.key||"text"!==b.type)return 0;b=b.offset;g=g.offset;a=e.length-a.length;return 1===a&&g===b-1?2:-1===a&&g===b+1?3:-1===a&&g===b?4:0}
-function y(a,e){let f=Date.now(),d=0;return(c,b,g,k,l,n)=>{const t=Date.now();if(n.has("historic"))return d=0,f=t,2;const m=x(c,b,k,l,a.isComposing()),r=(()=>{const q=n.has("history-push");if(!q&&n.has("history-merge"))return 0;if(null===c)return 1;var p=b._selection;const D=c._selection;if(!(0<k.size||0<l.size))return null===D&&null!==p?0:2;p=null===g||g.editor===a;return!1===q&&0!==m&&m===d&&t<f+e&&p?0:1})();f=t;d=m;return r}}
-function z(a,e,f=1E3){const d=v.useMemo(()=>e||{current:null,redoStack:[],undoStack:[]},[e]),c=v.useCallback(()=>{d.undoStack=[];d.redoStack=[];d.current=null},[d]);v.useEffect(()=>{const b=y(a,f);return h(a.addListener("command",g=>{switch(g){case "undo":g=d.redoStack;var k=d.undoStack;if(0!==k.length){var l=d.current;const n=k.pop();null!==l&&(g.push(l),a.execCommand("canRedo",!0));0===k.length&&a.execCommand("canUndo",!1);d.current=n;n.editor.setEditorState(n.editorState.clone(n.undoSelection),
-{tag:"historic"})}return!0;case "redo":return g=d.redoStack,k=d.undoStack,0!==g.length&&(l=d.current,null!==l&&(k.push(l),a.execCommand("canUndo",!0)),k=g.pop(),0===g.length&&a.execCommand("canRedo",!1),d.current=k,k.editor.setEditorState(k.editorState,{tag:"historic"})),!0;case "clearEditor":return c(),!1;case "clearHistory":return c(),!0;default:return!1}},0),a.addListener("update",({editorState:g,prevEditorState:k,dirtyLeaves:l,dirtyElements:n,tags:t})=>{const m=d.current,r=d.redoStack,q=d.undoStack,
-p=null===m?null:m.editorState;if(null===m||g!==p){l=b(k,g,m,l,n,t);if(1===l)0!==r.length&&(d.redoStack=[]),null!==m&&(q.push({...m,undoSelection:k.read(u.$getSelection)}),a.execCommand("canUndo",!0));else if(2===l)return;d.current={editor:a,editorState:g}}}))},[c,f,a,d])}function A(a,e,f=1E3){return z(a,e,f)}function B(a){a=a.anchor.getNode();return"rtl"===(u.$isRootNode(a)?a:a.getParentOrThrow()).getDirection()}
-function C(a,e){a=u.$getDecoratorNode(a.focus,e);return u.$isDecoratorNode(a)&&!a.isIsolated()}var E="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?v.useLayoutEffect:v.useEffect;function F(a,e){G(a,e);e.update(()=>{const f=u.$getSelection();u.$isRangeSelection(f)&&f.removeText()})}
-function G(a,e){a.preventDefault();e.update(()=>{const f=a.clipboardData,d=u.$getSelection();if(null!==d&&null!=f){const c=w.getHtmlContent(e),b=w.$getLexicalContent(e);null!==c&&f.setData("text/html",c);null!==b&&f.setData("application/x-lexical-editor",b);f.setData("text/plain",d.getTextContent())}})}function H(a,e){a.preventDefault();e.update(()=>{const f=u.$getSelection(),d=a.clipboardData;null!=d&&u.$isRangeSelection(f)&&w.$insertDataTransferForRichText(d,f,e)})}const I={tag:"history-merge"};
-function J(a,e){if(null!==e)if(void 0===e)a.update(()=>{var f=u.$getRoot();if(null===f.getFirstChild()){const d=u.$createParagraphNode();f.append(d);f=document.activeElement;(null!==u.$getSelection()||null!==f&&f===a.getRootElement())&&d.select()}},I);else if(null!==e)switch(typeof e){case "string":e=a.parseEditorState(e);a.setEditorState(e,I);break;case "object":a.setEditorState(e,I);break;case "function":a.update(e,I)}}
-function K(a){v.useEffect(()=>{const e=f=>{var d=a.getRootElement();if(document.activeElement===d&&(d=f.data,"string"===typeof d)){try{var c=JSON.parse(d)}catch(b){return}if(c&&"nuanria_messaging"===c.protocol&&"request"===c.type&&(c=c.payload)&&"makeChanges"===c.functionId&&(c=c.args)){const [b,g,k,l,n]=c;a.update(()=>{const t=u.$getSelection();if(u.$isRangeSelection(t)){var m=t.anchor;let r=m.getNode(),q=0,p=0;u.$isTextNode(r)&&0<=b&&0<=g&&(q=b,p=b+g,t.setTextNodeRange(r,q,r,p));if(q!==p||""!==
-k)t.insertRawText(k),r=m.getNode();u.$isTextNode(r)&&(q=l,p=l+n,m=r.getTextContentSize(),q=q>m?m:q,p=p>m?m:p,t.setTextNodeRange(r,q,r,p));f.stopImmediatePropagation()}})}}};window.addEventListener("message",e,!0);return()=>{window.removeEventListener("message",e,!0)}},[a])}
-function L(a,e){E(()=>{const f=a.addListener("command",(d,c)=>{var b=u.$getSelection();if("click"===d&&u.$isNodeSelection(b))return b.clear(),!0;if(!u.$isRangeSelection(b))return!1;switch(d){case "deleteCharacter":return b.deleteCharacter(c),!0;case "deleteWord":return b.deleteWord(c),!0;case "deleteLine":return b.deleteLine(c),!0;case "insertText":return"string"===typeof c?b.insertText(c):(d=c.dataTransfer,null!=d?w.$insertDataTransferForRichText(d,b,a):(c=c.data)&&b.insertText(c)),!0;case "removeText":return b.removeText(),
+function z(a,e){let f=Date.now(),d=0;return(c,b,g,h,k,n)=>{const t=Date.now();if(n.has("historic"))return d=0,f=t,2;const m=y(c,b,h,k,a.isComposing()),r=(()=>{const q=n.has("history-push");if(!q&&n.has("history-merge"))return 0;if(null===c)return 1;var p=b._selection;const C=c._selection;if(!(0<h.size||0<k.size))return null===C&&null!==p?0:2;p=null===g||g.editor===a;return!1===q&&0!==m&&m===d&&t<f+e&&p?0:1})();f=t;d=m;return r}}
+function A(a,e,f=1E3){const d=v.useMemo(()=>e||{current:null,redoStack:[],undoStack:[]},[e]),c=v.useCallback(()=>{d.undoStack=[];d.redoStack=[];d.current=null},[d]);v.useEffect(()=>{const b=z(a,f);return l(a.addListener("command",g=>{switch(g){case "undo":g=d.redoStack;var h=d.undoStack;if(0!==h.length){var k=d.current;const n=h.pop();null!==k&&(g.push(k),a.execCommand("canRedo",!0));0===h.length&&a.execCommand("canUndo",!1);d.current=n;n.editor.setEditorState(n.editorState.clone(n.undoSelection),
+{tag:"historic"})}return!0;case "redo":return g=d.redoStack,h=d.undoStack,0!==g.length&&(k=d.current,null!==k&&(h.push(k),a.execCommand("canUndo",!0)),h=g.pop(),0===g.length&&a.execCommand("canRedo",!1),d.current=h,h.editor.setEditorState(h.editorState,{tag:"historic"})),!0;case "clearEditor":return c(),!1;case "clearHistory":return c(),!0;default:return!1}},0),a.addListener("update",({editorState:g,prevEditorState:h,dirtyLeaves:k,dirtyElements:n,tags:t})=>{const m=d.current,r=d.redoStack,q=d.undoStack,
+p=null===m?null:m.editorState;if(null===m||g!==p){k=b(h,g,m,k,n,t);if(1===k)0!==r.length&&(d.redoStack=[]),null!==m&&(q.push({...m,undoSelection:h.read(u.$getSelection)}),a.execCommand("canUndo",!0));else if(2===k)return;d.current={editor:a,editorState:g}}}))},[c,f,a,d])}function B(a,e,f=1E3){return A(a,e,f)}var D="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?v.useLayoutEffect:v.useEffect;
+function E(a,e){F(a,e);e.update(()=>{const f=u.$getSelection();u.$isRangeSelection(f)&&f.removeText()})}function F(a,e){a.preventDefault();e.update(()=>{const f=a.clipboardData,d=u.$getSelection();if(null!==d&&null!=f){const c=w.getHtmlContent(e),b=w.$getLexicalContent(e);null!==c&&f.setData("text/html",c);null!==b&&f.setData("application/x-lexical-editor",b);f.setData("text/plain",d.getTextContent())}})}
+function G(a,e){a.preventDefault();e.update(()=>{const f=u.$getSelection(),d=a.clipboardData;null!=d&&u.$isRangeSelection(f)&&w.$insertDataTransferForRichText(d,f,e)})}const H={tag:"history-merge"};
+function I(a,e){if(null!==e)if(void 0===e)a.update(()=>{var f=u.$getRoot();if(null===f.getFirstChild()){const d=u.$createParagraphNode();f.append(d);f=document.activeElement;(null!==u.$getSelection()||null!==f&&f===a.getRootElement())&&d.select()}},H);else if(null!==e)switch(typeof e){case "string":e=a.parseEditorState(e);a.setEditorState(e,H);break;case "object":a.setEditorState(e,H);break;case "function":a.update(e,H)}}
+function J(a){v.useEffect(()=>{const e=f=>{var d=a.getRootElement();if(document.activeElement===d&&(d=f.data,"string"===typeof d)){try{var c=JSON.parse(d)}catch(b){return}if(c&&"nuanria_messaging"===c.protocol&&"request"===c.type&&(c=c.payload)&&"makeChanges"===c.functionId&&(c=c.args)){const [b,g,h,k,n]=c;a.update(()=>{const t=u.$getSelection();if(u.$isRangeSelection(t)){var m=t.anchor;let r=m.getNode(),q=0,p=0;u.$isTextNode(r)&&0<=b&&0<=g&&(q=b,p=b+g,t.setTextNodeRange(r,q,r,p));if(q!==p||""!==
+h)t.insertRawText(h),r=m.getNode();u.$isTextNode(r)&&(q=k,p=k+n,m=r.getTextContentSize(),q=q>m?m:q,p=p>m?m:p,t.setTextNodeRange(r,q,r,p));f.stopImmediatePropagation()}})}}};window.addEventListener("message",e,!0);return()=>{window.removeEventListener("message",e,!0)}},[a])}
+function K(a,e){D(()=>{const f=a.addListener("command",(d,c)=>{var b=u.$getSelection();if("click"===d&&u.$isNodeSelection(b))return b.clear(),!0;if(!u.$isRangeSelection(b))return!1;switch(d){case "deleteCharacter":return b.deleteCharacter(c),!0;case "deleteWord":return b.deleteWord(c),!0;case "deleteLine":return b.deleteLine(c),!0;case "insertText":return"string"===typeof c?b.insertText(c):(d=c.dataTransfer,null!=d?w.$insertDataTransferForRichText(d,b,a):(c=c.data)&&b.insertText(c)),!0;case "removeText":return b.removeText(),
 !0;case "formatText":return b.formatText(c),!0;case "formatElement":return b=b.anchor.getNode(),(u.$isElementNode(b)?b:b.getParentOrThrow()).setFormat(c),!0;case "insertLineBreak":return b.insertLineBreak(c),!0;case "insertParagraph":return b.insertParagraph(),!0;case "indentContent":return b=b.anchor,b="element"===b.type?b.getNode():b.getNode().getParentOrThrow(),b.canInsertTab()?a.execCommand("insertText","\t"):10!==b.getIndent()&&b.setIndent(b.getIndent()+1),!0;case "outdentContent":return b=b.anchor,
-c=b.getNode(),d="element"===b.type?b.getNode():b.getNode().getParentOrThrow(),d.canInsertTab()?"\t"===c.getTextContent()[b.offset-1]&&a.execCommand("deleteCharacter",!0):0!==d.getIndent()&&d.setIndent(d.getIndent()-1),!0;case "keyArrowLeft":d=c.shiftKey;if(C(b,!0))return c.preventDefault(),c=d,d=B(b),b.modify(c?"extend":"move",!d,"character"),!0;break;case "keyArrowRight":d=c.shiftKey;if(C(b,!1))return c.preventDefault(),c=d,d=B(b),b.modify(c?"extend":"move",d,"character"),!0;break;case "keyBackspace":return c.preventDefault(),
-{anchor:c}=b,b.isCollapsed()&&0===c.offset&&0<("element"===c.type?c.getNode():c.getNode().getParentOrThrow()).getIndent()?a.execCommand("outdentContent"):a.execCommand("deleteCharacter",!0);case "keyDelete":return c.preventDefault(),a.execCommand("deleteCharacter",!1);case "keyEnter":return c.preventDefault(),c.shiftKey?a.execCommand("insertLineBreak"):a.execCommand("insertParagraph");case "keyTab":return c.preventDefault(),a.execCommand(c.shiftKey?"outdentContent":"indentContent");case "keyEscape":return a.blur(),
-!0;case "copy":return G(c,a),!0;case "cut":return F(c,a),!0;case "paste":return H(c,a),!0;case "drop":case "dragstart":return c.preventDefault(),!0}return!1},0);J(a,e);return f},[a]);K(a)}module.exports=function(a,e,f){L(a,f);A(a,e)};
+c=b.getNode(),d="element"===b.type?b.getNode():b.getNode().getParentOrThrow(),d.canInsertTab()?"\t"===c.getTextContent()[b.offset-1]&&a.execCommand("deleteCharacter",!0):0!==d.getIndent()&&d.setIndent(d.getIndent()-1),!0;case "keyArrowLeft":d=c.shiftKey;if(x.$shouldOverrideDefaultCharacterSelection(b,!0))return c.preventDefault(),x.$moveCharacter(b,d,!0),!0;break;case "keyArrowRight":d=c.shiftKey;if(x.$shouldOverrideDefaultCharacterSelection(b,!1))return c.preventDefault(),x.$moveCharacter(b,d,!1),
+!0;break;case "keyBackspace":return c.preventDefault(),{anchor:c}=b,b.isCollapsed()&&0===c.offset&&0<("element"===c.type?c.getNode():c.getNode().getParentOrThrow()).getIndent()?a.execCommand("outdentContent"):a.execCommand("deleteCharacter",!0);case "keyDelete":return c.preventDefault(),a.execCommand("deleteCharacter",!1);case "keyEnter":return c.preventDefault(),c.shiftKey?a.execCommand("insertLineBreak"):a.execCommand("insertParagraph");case "keyTab":return c.preventDefault(),a.execCommand(c.shiftKey?
+"outdentContent":"indentContent");case "keyEscape":return a.blur(),!0;case "copy":return F(c,a),!0;case "cut":return E(c,a),!0;case "paste":return G(c,a),!0;case "drop":case "dragstart":return c.preventDefault(),!0}return!1},0);I(a,e);return f},[a]);J(a)}module.exports=function(a,e,f){K(a,f);B(a,e)};