@lexical/react 0.1.16 → 0.1.17

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,19 +8,26 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "dependencies": {
-    "@lexical/clipboard": "0.1.16",
-    "@lexical/list": "0.1.16",
-    "@lexical/table": "0.1.16",
-    "@lexical/yjs": "0.1.16",
-    "@lexical/hashtag": "0.1.16",
-    "@lexical/selection": "0.1.16",
-    "@lexical/utils": "0.1.16",
-    "@lexical/text": "0.1.16"
+    "@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.16",
+    "lexical": "0.1.17",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },

package/useLexicalIsTextContentEmpty.dev.js

@@ -41,7 +41,7 @@ var useLayoutEffect = useLayoutEffectImpl;
 function useLexicalIsTextContentEmpty(editor, 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();

package/useLexicalIsTextContentEmpty.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.
  */
-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.addListener("update",({editorState:d})=>{const k=a.isComposing();d=d.read(b.$isRootTextContentEmptyCurry(k,c));h(d)}),[a,c]);return g};
+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])};