@lexical/react 0.13.1 → 0.14.1

package/useLexicalEditable.dev.esm.js

@@ -0,0 +1,82 @@
+/**
+ * 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 { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useLayoutEffect as useLayoutEffect$1, useEffect, useMemo, useRef, useState } from '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 ? useLayoutEffect$1 : 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.
+ *
+ */
+/**
+ * Shortcut to Lexical subscriptions when values are used for render.
+ */
+function useLexicalSubscription(subscription) {
+  const [editor] = useLexicalComposerContext();
+  const initializedSubscription = useMemo(() => subscription(editor), [editor, subscription]);
+  const valueRef = useRef(initializedSubscription.initialValueFn());
+  const [value, setValue] = useState(valueRef.current);
+  useLayoutEffect(() => {
+    const {
+      initialValueFn,
+      subscribe
+    } = initializedSubscription;
+    const currentValue = initialValueFn();
+    if (valueRef.current !== currentValue) {
+      valueRef.current = currentValue;
+      setValue(currentValue);
+    }
+    return subscribe(newValue => {
+      valueRef.current = newValue;
+      setValue(newValue);
+    });
+  }, [initializedSubscription, subscription]);
+  return value;
+}
+
+/**
+ * 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 subscription(editor) {
+  return {
+    initialValueFn: () => editor.isEditable(),
+    subscribe: callback => {
+      return editor.registerEditableListener(callback);
+    }
+  };
+}
+function useLexicalEditable() {
+  return useLexicalSubscription(subscription);
+}
+
+export { useLexicalEditable as default };

package/useLexicalEditable.esm.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * as modDev from './useLexicalEditable.dev.esm.js';
+import * as modProd from './useLexicalEditable.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export default mod.default;

package/useLexicalEditable.js

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

package/useLexicalEditable.prod.esm.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.
+ */
+import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{useLayoutEffect as t,useEffect as n,useMemo as r,useRef as i,useState as o}from"react";var u="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t:n;function c(e){return{initialValueFn:()=>e.isEditable(),subscribe:t=>e.registerEditableListener(t)}}function a(){return function(t){const[n]=e(),c=r((()=>t(n)),[n,t]),a=i(c.initialValueFn()),[l,s]=o(a.current);return u((()=>{const{initialValueFn:e,subscribe:t}=c,n=e();return a.current!==n&&(a.current=n,s(n)),t((e=>{a.current=e,s(e)}))}),[c,t]),l}(c)}export{a as default};

package/useLexicalIsTextContentEmpty.dev.esm.js

@@ -0,0 +1,51 @@
+/**
+ * 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 { $isRootTextContentEmptyCurry } from '@lexical/text';
+import { useLayoutEffect as useLayoutEffect$1, useEffect, useState } from '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 ? useLayoutEffect$1 : 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 useLexicalIsTextContentEmpty(editor, trim) {
+  const [isEmpty, setIsEmpty] = useState(editor.getEditorState().read($isRootTextContentEmptyCurry(editor.isComposing(), trim)));
+  useLayoutEffect(() => {
+    return editor.registerUpdateListener(({
+      editorState
+    }) => {
+      const isComposing = editor.isComposing();
+      const currentIsEmpty = editorState.read($isRootTextContentEmptyCurry(isComposing, trim));
+      setIsEmpty(currentIsEmpty);
+    });
+  }, [editor, trim]);
+  return isEmpty;
+}
+
+export { useLexicalIsTextContentEmpty };

package/useLexicalIsTextContentEmpty.esm.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * as modDev from './useLexicalIsTextContentEmpty.dev.esm.js';
+import * as modProd from './useLexicalIsTextContentEmpty.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const useLexicalIsTextContentEmpty = mod.useLexicalIsTextContentEmpty;

package/useLexicalIsTextContentEmpty.js

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

package/useLexicalIsTextContentEmpty.prod.esm.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.
+ */
+import{$isRootTextContentEmptyCurry as e}from"@lexical/text";import{useLayoutEffect as t,useEffect as o,useState as i}from"react";var r="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t:o;function n(t,o){const[n,d]=i(t.getEditorState().read(e(t.isComposing(),o)));return r((()=>t.registerUpdateListener((({editorState:i})=>{const r=t.isComposing(),n=i.read(e(r,o));d(n)}))),[t,o]),n}export{n as useLexicalIsTextContentEmpty};

package/useLexicalNodeSelection.dev.esm.js

@@ -0,0 +1,69 @@
+/**
+ * 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 { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $getNodeByKey, $getSelection, $isNodeSelection, $createNodeSelection, $setSelection } from 'lexical';
+import { useState, useEffect, useCallback } from '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 isNodeSelected(editor, key) {
+  return editor.getEditorState().read(() => {
+    const node = $getNodeByKey(key);
+    if (node === null) {
+      return false;
+    }
+    return node.isSelected();
+  });
+}
+function useLexicalNodeSelection(key) {
+  const [editor] = useLexicalComposerContext();
+  const [isSelected, setIsSelected] = useState(() => isNodeSelected(editor, key));
+  useEffect(() => {
+    let isMounted = true;
+    const unregister = editor.registerUpdateListener(() => {
+      if (isMounted) {
+        setIsSelected(isNodeSelected(editor, key));
+      }
+    });
+    return () => {
+      isMounted = false;
+      unregister();
+    };
+  }, [editor, key]);
+  const setSelected = useCallback(selected => {
+    editor.update(() => {
+      let selection = $getSelection();
+      if (!$isNodeSelection(selection)) {
+        selection = $createNodeSelection();
+        $setSelection(selection);
+      }
+      if ($isNodeSelection(selection)) {
+        if (selected) {
+          selection.add(key);
+        } else {
+          selection.delete(key);
+        }
+      }
+    });
+  }, [editor, key]);
+  const clearSelected = useCallback(() => {
+    editor.update(() => {
+      const selection = $getSelection();
+      if ($isNodeSelection(selection)) {
+        selection.clear();
+      }
+    });
+  }, [editor]);
+  return [isSelected, setSelected, clearSelected];
+}
+
+export { useLexicalNodeSelection };

package/useLexicalNodeSelection.esm.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * as modDev from './useLexicalNodeSelection.dev.esm.js';
+import * as modProd from './useLexicalNodeSelection.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const useLexicalNodeSelection = mod.useLexicalNodeSelection;

package/useLexicalNodeSelection.js

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

package/useLexicalNodeSelection.prod.esm.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.
+ */
+import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{$getNodeByKey as t,$getSelection as r,$isNodeSelection as o,$createNodeSelection as n,$setSelection as c}from"lexical";import{useState as a,useEffect as i,useCallback as l}from"react";function d(e,r){return e.getEditorState().read((()=>{const e=t(r);return null!==e&&e.isSelected()}))}function u(t){const[u]=e(),[p,s]=a((()=>d(u,t)));i((()=>{let e=!0;const r=u.registerUpdateListener((()=>{e&&s(d(u,t))}));return()=>{e=!1,r()}}),[u,t]);return[p,l((e=>{u.update((()=>{let a=r();o(a)||(a=n(),c(a)),o(a)&&(e?a.add(t):a.delete(t))}))}),[u,t]),l((()=>{u.update((()=>{const e=r();o(e)&&e.clear()}))}),[u])]}export{u as useLexicalNodeSelection};

package/useLexicalSubscription.dev.esm.js

@@ -0,0 +1,63 @@
+/**
+ * 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 { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useLayoutEffect as useLayoutEffect$1, useEffect, useMemo, useRef, useState } from '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 ? useLayoutEffect$1 : 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.
+ *
+ */
+/**
+ * Shortcut to Lexical subscriptions when values are used for render.
+ */
+function useLexicalSubscription(subscription) {
+  const [editor] = useLexicalComposerContext();
+  const initializedSubscription = useMemo(() => subscription(editor), [editor, subscription]);
+  const valueRef = useRef(initializedSubscription.initialValueFn());
+  const [value, setValue] = useState(valueRef.current);
+  useLayoutEffect(() => {
+    const {
+      initialValueFn,
+      subscribe
+    } = initializedSubscription;
+    const currentValue = initialValueFn();
+    if (valueRef.current !== currentValue) {
+      valueRef.current = currentValue;
+      setValue(currentValue);
+    }
+    return subscribe(newValue => {
+      valueRef.current = newValue;
+      setValue(newValue);
+    });
+  }, [initializedSubscription, subscription]);
+  return value;
+}
+
+export { useLexicalSubscription as default };

package/useLexicalSubscription.esm.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * as modDev from './useLexicalSubscription.dev.esm.js';
+import * as modProd from './useLexicalSubscription.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export default mod.default;

package/useLexicalSubscription.js

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

package/useLexicalSubscription.prod.esm.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.
+ */
+import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{useLayoutEffect as t,useEffect as n,useMemo as r,useRef as o,useState as i}from"react";var c="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t:n;function u(t){const[n]=e(),u=r((()=>t(n)),[n,t]),a=o(u.initialValueFn()),[d,l]=i(a.current);return c((()=>{const{initialValueFn:e,subscribe:t}=u,n=e();return a.current!==n&&(a.current=n,l(n)),t((e=>{a.current=e,l(e)}))}),[u,t]),d}export{u as default};

package/useLexicalTextEntity.dev.esm.js

@@ -0,0 +1,26 @@
+/**
+ * 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 { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { registerLexicalTextEntity } from '@lexical/text';
+import { mergeRegister } from '@lexical/utils';
+import { useEffect } from '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] = useLexicalComposerContext();
+  useEffect(() => {
+    return mergeRegister(...registerLexicalTextEntity(editor, getMatch, targetNode, createNode));
+  }, [createNode, editor, getMatch, targetNode]);
+}
+
+export { useLexicalTextEntity };

package/useLexicalTextEntity.esm.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * as modDev from './useLexicalTextEntity.dev.esm.js';
+import * as modProd from './useLexicalTextEntity.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const useLexicalTextEntity = mod.useLexicalTextEntity;

package/useLexicalTextEntity.js

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

package/useLexicalTextEntity.prod.esm.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.
+ */
+import{useLexicalComposerContext as o}from"@lexical/react/LexicalComposerContext";import{registerLexicalTextEntity as t}from"@lexical/text";import{mergeRegister as r}from"@lexical/utils";import{useEffect as e}from"react";function i(i,m,c){const[l]=o();e((()=>r(...t(l,i,m,c))),[c,l,i,m])}export{i as useLexicalTextEntity};