@lexical/react 0.1.14 → 0.1.17

package/LexicalTablePlugin.dev.js

@@ -29,52 +29,49 @@ function TablePlugin() {
       }
     }
 
-    return editor.addListener('command', (type, payload) => {
-      if (type === 'insertTable') {
-        const {
-          columns,
-          rows
-        } = payload;
-        const selection = lexical.$getSelection();
+    return editor.registerCommand(table.INSERT_TABLE_COMMAND, payload => {
+      const {
+        columns,
+        rows
+      } = payload;
+      const selection = lexical.$getSelection();
 
-        if (!lexical.$isRangeSelection(selection)) {
-          return true;
-        }
+      if (!lexical.$isRangeSelection(selection)) {
+        return true;
+      }
 
-        const focus = selection.focus;
-        const focusNode = focus.getNode();
+      const focus = selection.focus;
+      const focusNode = focus.getNode();
 
-        if (focusNode !== null) {
-          const tableNode = table.$createTableNodeWithDimensions(rows, columns);
+      if (focusNode !== null) {
+        const tableNode = table.$createTableNodeWithDimensions(Number(rows), Number(columns));
 
-          if (lexical.$isRootNode(focusNode)) {
-            const target = focusNode.getChildAtIndex(focus.offset);
+        if (lexical.$isRootNode(focusNode)) {
+          const target = focusNode.getChildAtIndex(focus.offset);
 
-            if (target !== null) {
-              target.insertBefore(tableNode);
-            } else {
-              focusNode.append(tableNode);
-            }
+          if (target !== null) {
+            target.insertBefore(tableNode);
           } else {
-            const topLevelNode = focusNode.getTopLevelElementOrThrow();
-            topLevelNode.insertAfter(tableNode);
+            focusNode.append(tableNode);
           }
 
-          tableNode.insertAfter(lexical.$createParagraphNode());
-          const firstCell = tableNode.getFirstChildOrThrow().getFirstChildOrThrow();
-          firstCell.select();
+          tableNode.insertBefore(lexical.$createParagraphNode());
+        } else {
+          const topLevelNode = focusNode.getTopLevelElementOrThrow();
+          topLevelNode.insertAfter(tableNode);
         }
 
-        return true;
+        tableNode.insertAfter(lexical.$createParagraphNode());
+        const firstCell = tableNode.getFirstChildOrThrow().getFirstChildOrThrow();
+        firstCell.select();
       }
 
-      return false;
+      return true;
     }, EditorPriority);
   }, [editor]);
   react.useEffect(() => {
-    const listeners = new Map();
-    return editor.addListener('mutation', table.TableNode, nodeMutations => {
-      // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    const tableSelections = new Map();
+    return editor.registerMutationListener(table.TableNode, nodeMutations => {
       for (const [nodeKey, mutation] of nodeMutations) {
         if (mutation === 'created') {
           editor.update(() => {
@@ -82,13 +79,17 @@ function TablePlugin() {
             const tableNode = lexical.$getNodeByKey(nodeKey);
 
             if (tableElement && tableNode) {
-              const removeListeners = table.$applyCustomTableHandlers(tableNode, tableElement, editor);
-              listeners.set(nodeKey, removeListeners);
+              const tableSelection = table.applyTableHandlers(tableNode, tableElement, editor);
+              tableSelections.set(nodeKey, tableSelection);
             }
           });
         } else if (mutation === 'destroyed') {
-          const cleanup = listeners.get(nodeKey);
-          if (cleanup) cleanup();
+          const tableSelection = tableSelections.get(nodeKey);
+
+          if (tableSelection) {
+            tableSelection.removeListeners();
+            tableSelections.delete(nodeKey);
+          }
         }
       }
     });

package/LexicalTablePlugin.prod.js

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 var e=require("@lexical/react/LexicalComposerContext"),g=require("@lexical/table"),k=require("lexical"),m=require("react");
-module.exports=function(){const [d]=e.useLexicalComposerContext();m.useEffect(()=>{if(!d.hasNodes([g.TableNode,g.TableCellNode,g.TableRowNode]))throw Error("Minified Lexical error #54; see codes.json for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");return d.addListener("command",(a,b)=>{if("insertTable"===a){const {columns:h,rows:f}=b;a=k.$getSelection();if(!k.$isRangeSelection(a))return!0;var c=a.focus;a=c.getNode();null!==a&&(b=g.$createTableNodeWithDimensions(f,
-h),k.$isRootNode(a)?(c=a.getChildAtIndex(c.offset),null!==c?c.insertBefore(b):a.append(b)):a.getTopLevelElementOrThrow().insertAfter(b),b.insertAfter(k.$createParagraphNode()),b.getFirstChildOrThrow().getFirstChildOrThrow().select());return!0}return!1},0)},[d]);m.useEffect(()=>{const a=new Map;return d.addListener("mutation",g.TableNode,b=>{for(const [c,h]of b)"created"===h?d.update(()=>{var f=d.getElementByKey(c);const l=k.$getNodeByKey(c);f&&l&&(f=g.$applyCustomTableHandlers(l,f,d),a.set(c,f))}):
-"destroyed"===h&&(b=a.get(c))&&b()})},[d]);return null};
+module.exports=function(){const [c]=e.useLexicalComposerContext();m.useEffect(()=>{if(!c.hasNodes([g.TableNode,g.TableCellNode,g.TableRowNode]))throw Error("Minified Lexical error #54; see codes.json for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");return c.registerCommand(g.INSERT_TABLE_COMMAND,a=>{const {columns:h,rows:f}=a;a=k.$getSelection();if(!k.$isRangeSelection(a))return!0;var d=a.focus;a=d.getNode();if(null!==a){const b=g.$createTableNodeWithDimensions(Number(f),
+Number(h));k.$isRootNode(a)?(d=a.getChildAtIndex(d.offset),null!==d?d.insertBefore(b):a.append(b),b.insertBefore(k.$createParagraphNode())):a.getTopLevelElementOrThrow().insertAfter(b);b.insertAfter(k.$createParagraphNode());b.getFirstChildOrThrow().getFirstChildOrThrow().select()}return!0},0)},[c]);m.useEffect(()=>{const a=new Map;return c.registerMutationListener(g.TableNode,h=>{for(const [f,d]of h)"created"===d?c.update(()=>{var b=c.getElementByKey(f);const l=k.$getNodeByKey(f);b&&l&&(b=g.applyTableHandlers(l,
+b,c),a.set(f,b))}):"destroyed"===d&&(h=a.get(f))&&(h.removeListeners(),a.delete(f))})},[c]);return null};

package/LexicalTreeView.dev.js

@@ -47,7 +47,7 @@ function TreeView({
   const [isPlaying, setIsPlaying] = React.useState(false);
   React.useEffect(() => {
     setContent(generateContent(editor.getEditorState()));
-    return editor.addListener('update', ({
+    return editor.registerUpdateListener(({
       editorState
     }) => {
       const compositionKey = editor._compositionKey;

package/LexicalTreeView.prod.js

@@ -14,7 +14,7 @@ function M(a){let b=Q.map(c=>c(a)).filter(Boolean).join(", ").toLocaleLowerCase(
 function N({indent:a,isSelected:b,node:c,nodeKeyDisplay:e,selection:d,typeDisplay:f}){if(!k.$isTextNode(c)||!k.$isRangeSelection(d)||!b||k.$isElementNode(c))return"";b=d.anchor;var g=d.focus;if(""===c.getTextContent()||b.getNode()===d.focus.getNode()&&b.offset===g.offset)return"";g=d.anchor;const m=d.focus,v=c.getTextContent(!0),u=v.length;b=d=-1;if("text"===g.type&&"text"===m.type){const n=g.getNode(),w=m.getNode();n===w&&c===n&&g.offset!==m.offset?[d,b]=g.offset<m.offset?[g.offset,m.offset]:[m.offset,
 g.offset]:c===n?[d,b]=n.isBefore(w)?[g.offset,u]:[0,g.offset]:c===w?[d,b]=w.isBefore(n)?[m.offset,u]:[0,m.offset]:[d,b]=[0,u]}c=(v.slice(0,d).match(D)||[]).length;g=(v.slice(d,b).match(D)||[]).length;const [r,l]=[d+c,b+c+g];if(r===l)return"";c=a[a.length-1]===E.hasNextSibling?E.ancestorHasNextSibling:E.ancestorIsLastChild;a=[...a.slice(0,a.length-1),c];c=Array(r).fill(" ");d=Array(l-r).fill(E.selectedChar);e=Array(e.length+(f.length+3)).fill(" ");return[E.selectedLine,a.join(" "),[...e,...c,...d].join("")].join(" ")+
 "\n"}
-module.exports=function({timeTravelButtonClassName:a,timeTravelPanelSliderClassName:b,timeTravelPanelButtonClassName:c,viewClassName:e,timeTravelPanelClassName:d,editor:f}){const [g,m]=q.useState([]),[v,u]=q.useState(""),[r,l]=q.useState(!1),n=q.useRef(0),w=q.useRef(null),B=q.useRef(null),[z,C]=q.useState(!1);q.useEffect(()=>{u(H(f.getEditorState()));return f.addListener("update",({editorState:h})=>{const p=f._compositionKey,x=H(f.getEditorState());u([x,null!==p&&`Composition key: ${p}`].filter(Boolean).join("\n\n"));r||
+module.exports=function({timeTravelButtonClassName:a,timeTravelPanelSliderClassName:b,timeTravelPanelButtonClassName:c,viewClassName:e,timeTravelPanelClassName:d,editor:f}){const [g,m]=q.useState([]),[v,u]=q.useState(""),[r,l]=q.useState(!1),n=q.useRef(0),w=q.useRef(null),B=q.useRef(null),[z,C]=q.useState(!1);q.useEffect(()=>{u(H(f.getEditorState()));return f.registerUpdateListener(({editorState:h})=>{const p=f._compositionKey,x=H(f.getEditorState());u([x,null!==p&&`Composition key: ${p}`].filter(Boolean).join("\n\n"));r||
 m(A=>[...A,[Date.now(),h]])})},[r,f]);const y=g.length;q.useEffect(()=>{if(z){let h;const p=()=>{const x=n.current;x===y-1?C(!1):h=setTimeout(()=>{n.current++;const A=n.current,I=B.current;null!==I&&(I.value=String(A));f.setEditorState(g[A][1]);p()},g[x+1][0]-g[x][0])};p();return()=>{window.clearTimeout(h)}}},[g,z,f,y]);q.useEffect(()=>{const h=w.current;if(null!==h)return h.__lexicalEditor=f,()=>{h.__lexicalEditor=null}},[f]);return q.createElement("div",{className:e},!r&&2<y&&q.createElement("button",
 {onClick:()=>{const h=f.getRootElement();null!==h&&(h.contentEditable="false",n.current=y-1,l(!0))},className:a},"Time Travel"),q.createElement("pre",{ref:w},v),r&&q.createElement("div",{className:d},q.createElement("button",{className:c,onClick:()=>{C(!z)}},z?"Pause":"Play"),q.createElement("input",{className:b,ref:B,onChange:h=>{h=Number(h.target.value);const p=g[h];p&&(n.current=h,f.setEditorState(p[1]))},type:"range",min:"1",max:y-1}),q.createElement("button",{className:c,onClick:()=>{var h=f.getRootElement();
 if(null!==h){h.contentEditable="true";h=g.length-1;f.setEditorState(g[h][1]);const p=B.current;null!==p&&(p.value=String(h));l(!1);C(!1)}}},"Exit")))};

package/package.json

@@ -1,9 +1,5 @@
 {
   "name": "@lexical/react",
-  "author": {
-    "name": "Dominic Gannaway",
-    "email": "dg@domgan.com"
-  },
   "description": "This package provides Lexical components and hooks for React applications.",
   "keywords": [
     "react",
@@ -12,16 +8,26 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.1.14",
+  "version": "0.1.17",
   "dependencies": {
-    "@lexical/helpers": "0.1.14",
-    "@lexical/clipboard": "0.1.14",
-    "@lexical/list": "0.1.14",
-    "@lexical/table": "0.1.14",
-    "@lexical/yjs": "0.1.14"
+    "@lexical/clipboard": "0.1.17",
+    "@lexical/list": "0.1.17",
+    "@lexical/table": "0.1.17",
+    "@lexical/yjs": "0.1.17",
+    "@lexical/hashtag": "0.1.17",
+    "@lexical/selection": "0.1.17",
+    "@lexical/utils": "0.1.17",
+    "@lexical/dragon": "0.1.17",
+    "@lexical/plain-text": "0.1.17",
+    "@lexical/rich-text": "0.1.17",
+    "@lexical/code": "0.1.17",
+    "@lexical/text": "0.1.17",
+    "@lexical/link": "0.1.17",
+    "@lexical/overflow": "0.1.17",
+    "@lexical/history": "0.1.17"
   },
   "peerDependencies": {
-    "lexical": "0.1.14",
+    "lexical": "0.1.17",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },

package/useLexicalIsTextContentEmpty.dev.js

@@ -6,38 +6,9 @@
  */
 'use strict';
 
-var lexical = require('lexical');
+var text = require('@lexical/text');
 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.
- *
- * 
- */
-function $textContent() {
-  const root = lexical.$getRoot();
-  return root.getTextContent();
-}
-function $isTextContentEmpty(isEditorComposing, trim = true) {
-  if (isEditorComposing) {
-    return false;
-  }
-
-  let text = $textContent();
-
-  if (trim) {
-    text = text.trim();
-  }
-
-  return text === '';
-}
-function $isTextContentEmptyCurry(isEditorComposing, trim) {
-  return () => $isTextContentEmpty(isEditorComposing, trim);
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -68,13 +39,13 @@ var useLayoutEffect = useLayoutEffectImpl;
  * 
  */
 function useLexicalIsTextContentEmpty(editor, trim) {
-  const [isEmpty, setIsEmpty] = react.useState(editor.getEditorState().read($isTextContentEmptyCurry(editor.isComposing(), trim)));
+  const [isEmpty, setIsEmpty] = react.useState(editor.getEditorState().read(text.$isRootTextContentEmptyCurry(editor.isComposing(), trim)));
   useLayoutEffect(() => {
-    return editor.addListener('update', ({
+    return editor.registerUpdateListener(({
       editorState
     }) => {
       const isComposing = editor.isComposing();
-      const currentIsEmpty = editorState.read($isTextContentEmptyCurry(isComposing, trim));
+      const currentIsEmpty = editorState.read(text.$isRootTextContentEmptyCurry(isComposing, trim));
       setIsEmpty(currentIsEmpty);
     });
   }, [editor, trim]);

package/useLexicalIsTextContentEmpty.prod.js

@@ -4,5 +4,4 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var c=require("lexical"),e=require("react");function f(a,b=!0){if(a)return!1;a=c.$getRoot().getTextContent();b&&(a=a.trim());return""===a}function g(a,b){return()=>f(a,b)}var h="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?e.useLayoutEffect:e.useEffect;
-module.exports=function(a,b){const [k,l]=e.useState(a.getEditorState().read(g(a.isComposing(),b)));h(()=>a.addListener("update",({editorState:d})=>{const m=a.isComposing();d=d.read(g(m,b));l(d)}),[a,b]);return k};
+var b=require("@lexical/text"),e=require("react"),f="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?e.useLayoutEffect:e.useEffect;module.exports=function(a,c){const [g,h]=e.useState(a.getEditorState().read(b.$isRootTextContentEmptyCurry(a.isComposing(),c)));f(()=>a.registerUpdateListener(({editorState:d})=>{const k=a.isComposing();d=d.read(b.$isRootTextContentEmptyCurry(k,c));h(d)}),[a,c]);return g};

package/useLexicalNodeSelection.dev.js

@@ -35,7 +35,7 @@ function useLexicalNodeSelection(key) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const [isSelected, setIsSelected] = react.useState(() => isNodeSelected(editor, key));
   react.useEffect(() => {
-    return editor.addListener('update', () => {
+    return editor.registerUpdateListener(() => {
       setIsSelected(isNodeSelected(editor, key));
     });
   }, [editor, key]);

package/useLexicalNodeSelection.prod.js

@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 var c=require("@lexical/react/LexicalComposerContext"),e=require("lexical"),h=require("react");function k(b,a){return b.getEditorState().read(()=>{const f=e.$getNodeByKey(a);return null===f?!1:f.isSelected()})}
-module.exports=function(b){const [a]=c.useLexicalComposerContext(),[f,l]=h.useState(()=>k(a,b));h.useEffect(()=>a.addListener("update",()=>{l(k(a,b))}),[a,b]);const m=h.useCallback(g=>{a.update(()=>{let d=e.$getSelection();e.$isNodeSelection(d)||(d=e.$createNodeSelection(),e.$setSelection(d));g?d.add(b):d.delete(b)})},[a,b]),n=h.useCallback(()=>{a.update(()=>{const g=e.$getSelection();e.$isNodeSelection(g)&&g.clear()})},[a]);return[f,m,n]};
+module.exports=function(b){const [a]=c.useLexicalComposerContext(),[f,l]=h.useState(()=>k(a,b));h.useEffect(()=>a.registerUpdateListener(()=>{l(k(a,b))}),[a,b]);const m=h.useCallback(g=>{a.update(()=>{let d=e.$getSelection();e.$isNodeSelection(d)||(d=e.$createNodeSelection(),e.$setSelection(d));g?d.add(b):d.delete(b)})},[a,b]),n=h.useCallback(()=>{a.update(()=>{const g=e.$getSelection();e.$isNodeSelection(g)&&g.clear()})},[a]);return[f,m,n]};

package/useLexicalTextEntity.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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 {Class} from 'utility-types';
+import type {TextNode} from 'lexical';
+export type EntityMatch = {
+  end: number;
+  start: number;
+};
+export default function useLexicalTextEntity<N extends TextNode>(
+  getMatch: (text: string) => null | EntityMatch,
+  targetNode: Class<N>,
+  createNode: (textNode: TextNode) => N,
+): void;

package/useLexicalTextEntity.dev.js

@@ -0,0 +1,29 @@
+/**
+ * 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 text = require('@lexical/text');
+var utils = require('@lexical/utils');
+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.
+ *
+ * 
+ */
+function useLexicalTextEntity(getMatch, targetNode, createNode) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  react.useEffect(() => {
+    return utils.mergeRegister(...text.registerLexicalTextEntity(editor, getMatch, targetNode, createNode));
+  }, [createNode, editor, getMatch, targetNode]);
+}
+
+module.exports = useLexicalTextEntity;

package/{withSubscriptions.js → useLexicalTextEntity.js}

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict'
-const withSubscriptions = process.env.NODE_ENV === 'development' ? require('./withSubscriptions.dev.js') : require('./withSubscriptions.prod.js')
-module.exports = withSubscriptions;
+const useLexicalTextEntity = process.env.NODE_ENV === 'development' ? require('./useLexicalTextEntity.dev.js') : require('./useLexicalTextEntity.prod.js')
+module.exports = useLexicalTextEntity;

package/useLexicalTextEntity.js.flow

@@ -0,0 +1,18 @@
+/**
+ * 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
+ */
+
+import type {TextNode} from 'lexical';
+
+export type EntityMatch = {end: number, start: number};
+
+declare export default function useLexicalTextEntity<N: TextNode>(
+  getMatch: (text: string) => null | EntityMatch,
+  targetNode: Class<N>,
+  createNode: (textNode: TextNode) => N,
+): void;

package/useLexicalTextEntity.prod.js

@@ -0,0 +1,7 @@
+/**
+ * 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.
+ */
+var e=require("@lexical/react/LexicalComposerContext"),f=require("@lexical/text"),g=require("@lexical/utils"),h=require("react");module.exports=function(a,b,c){const [d]=e.useLexicalComposerContext();h.useEffect(()=>g.mergeRegister(...f.registerLexicalTextEntity(d,a,b,c)),[c,d,a,b])};