@lexical/react 0.1.10 → 0.1.11

package/LexicalTablePlugin.dev.js

@@ -71,6 +71,28 @@ function TablePlugin() {
       return false;
     }, 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
+      for (const [nodeKey, mutation] of nodeMutations) {
+        if (mutation === 'created') {
+          editor.update(() => {
+            const tableElement = editor.getElementByKey(nodeKey);
+            const tableNode = lexical.$getNodeByKey(nodeKey);
+
+            if (tableElement && tableNode) {
+              const removeListeners = table.$applyCustomTableHandlers(tableNode, tableElement, editor);
+              listeners.set(nodeKey, removeListeners);
+            }
+          });
+        } else if (mutation === 'destroyed') {
+          const cleanup = listeners.get(nodeKey);
+          if (cleanup) cleanup();
+        }
+      }
+    });
+  }, [editor]);
   return null;
 }
 

package/LexicalTablePlugin.js.flow

@@ -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.
+ *
+ * @flow strict
+ */
+
+declare export default function LexicalTablePlugin(): null;

package/LexicalTablePlugin.prod.js

@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var d=require("@lexical/react/LexicalComposerContext"),e=require("@lexical/table"),g=require("lexical"),h=require("react");
-module.exports=function(){const [f]=d.useLexicalComposerContext();h.useEffect(()=>{if(!f.hasNodes([e.TableNode,e.TableCellNode,e.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 f.addListener("command",(a,b)=>{if("insertTable"===a){const {columns:k,rows:l}=b;a=g.$getSelection();if(!g.$isRangeSelection(a))return!0;var c=a.focus;a=c.getNode();null!==a&&(b=e.$createTableNodeWithDimensions(l,
-k),g.$isRootNode(a)?(c=a.getChildAtIndex(c.offset),null!==c?c.insertBefore(b):a.append(b)):a.getTopLevelElementOrThrow().insertAfter(b),b.insertAfter(g.$createParagraphNode()),b.getFirstChildOrThrow().getFirstChildOrThrow().select());return!0}return!1},0)},[f]);return null};
+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};

package/LexicalTreeView.js.flow

@@ -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.
+ *
+ * @flow strict
+ */
+
+import type {LexicalEditor} from 'lexical';
+
+declare export default function TreeView(props: {
+  timeTravelPanelClassName: string,
+  timeTravelPanelSliderClassName: string,
+  timeTravelPanelButtonClassName: string,
+  timeTravelButtonClassName: string,
+  viewClassName: string,
+  editor: LexicalEditor,
+}): React$Node;

package/README.md

@@ -70,7 +70,6 @@ function Editor() {
 
   return (
     <LexicalComposer initialConfig={initialConfig}>
-      <LexicalBootstrapPlugin />
       <LexicalPlainTextPlugin
         contentEditable={<LexicalContentEditable />}
         placeholder={<div>Enter some text...</div>}

package/package.json

@@ -12,12 +12,12 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "peerDependencies": {
-    "lexical": "0.1.10",
-    "@lexical/helpers": "0.1.10",
-    "@lexical/table": "0.1.10",
-    "@lexical/yjs": "0.1.10",
+    "lexical": "0.1.11",
+    "@lexical/helpers": "0.1.11",
+    "@lexical/table": "0.1.11",
+    "@lexical/yjs": "0.1.11",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },

package/useLexicalDecoratorMap.js.flow

@@ -0,0 +1,16 @@
+/**
+ * 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 {DecoratorMap, DecoratorStateValue} from 'lexical';
+
+declare export default function useLexicalDecoratorMap<V: DecoratorStateValue>(
+  decoratorMap: DecoratorMap,
+  key: string,
+  initialValue: (() => V) | V,
+): [V, (DecoratorStateValue) => void];

package/useLexicalIsTextContentEmpty.js.flow

@@ -0,0 +1,15 @@
+/**
+ * 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 {LexicalEditor} from 'lexical';
+
+declare export default function useLexicalIsTextContentEmpty(
+  editor: LexicalEditor,
+  trim?: boolean,
+): boolean;

package/useLexicalNodeSelection.js.flow

@@ -0,0 +1,14 @@
+/**
+ * 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 {NodeKey} from 'lexical';
+
+declare export default function useLexicalNodeSelection(
+  key: NodeKey,
+): [boolean, (boolean) => void, () => void];

package/withSubscriptions.js.flow

@@ -0,0 +1,13 @@
+/**
+ * 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
+ */
+
+type UnsubscribeFn = () => void;
+declare export default function withSubscriptions(
+  ...unsubscribe: Array<UnsubscribeFn>
+): () => void;

package/LexicalBootstrapPlugin.dev.js

@@ -1,122 +0,0 @@
-/**
- * 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 lexical = require('lexical');
-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.
- *
- * 
- */
-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 ? react.useLayoutEffect : react.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.
- *
- * 
- */
-const BootstrapPriority = 0;
-
-function shouldSelectParagraph(editor) {
-  const activeElement = document.activeElement;
-  return lexical.$getSelection() !== null || activeElement !== null && activeElement === editor.getRootElement();
-}
-
-function initParagraph(root, editor) {
-  const paragraph = lexical.$createParagraphNode();
-  root.append(paragraph);
-
-  if (shouldSelectParagraph(editor)) {
-    paragraph.select();
-  }
-}
-
-function defaultInitEditor(editor) {
-  const root = lexical.$getRoot();
-  const firstChild = root.getFirstChild();
-
-  if (firstChild === null) {
-    initParagraph(root, editor);
-  }
-}
-
-function defaultClearEditor(editor) {
-  const root = lexical.$getRoot();
-  root.clear();
-  initParagraph(root, editor);
-}
-
-function initEditor(editor, initialPayloadFn) {
-  editor.update(() => {
-    initialPayloadFn(editor);
-  });
-}
-
-function clearEditor(editor, clearEditorFn, callbackFn) {
-  editor.update(() => {
-    clearEditorFn(editor);
-  }, {
-    onUpdate: callbackFn
-  });
-}
-
-function useBootstrapEditor(editor, initialPayloadFn, clearEditorFn) {
-  useLayoutEffect(() => {
-    return editor.addListener('command', (type, payload) => {
-      if (type === 'bootstrapEditor') {
-        initEditor(editor, initialPayloadFn != null ? initialPayloadFn : defaultInitEditor);
-        return true;
-      }
-
-      if (type === 'clearEditor') {
-        clearEditor(editor, clearEditorFn != null ? clearEditorFn : defaultClearEditor);
-        return true;
-      }
-
-      return false;
-    }, BootstrapPriority);
-  }, [clearEditorFn, editor, initialPayloadFn]);
-}
-
-/**
- * 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 LexicalBootstrapPlugin({
-  initialPayloadFn,
-  clearEditorFn
-}) {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  useBootstrapEditor(editor, initialPayloadFn, clearEditorFn);
-  return null;
-}
-
-module.exports = LexicalBootstrapPlugin;

package/LexicalBootstrapPlugin.js

@@ -1,9 +0,0 @@
-/**
- * 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'
-const LexicalBootstrapPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalBootstrapPlugin.dev.js') : require('./LexicalBootstrapPlugin.prod.js')
-module.exports = LexicalBootstrapPlugin;

package/LexicalBootstrapPlugin.prod.js

@@ -1,8 +0,0 @@
-/**
- * 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 d=require("@lexical/react/LexicalComposerContext"),e=require("lexical"),f=require("react"),h="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?f.useLayoutEffect:f.useEffect;function k(a,b){const c=e.$createParagraphNode();a.append(c);a=document.activeElement;(null!==e.$getSelection()||null!==a&&a===b.getRootElement())&&c.select()}function l(a){const b=e.$getRoot();null===b.getFirstChild()&&k(b,a)}
-function m(a){const b=e.$getRoot();b.clear();k(b,a)}function n(a,b){a.update(()=>{b(a)})}function p(a,b,c){a.update(()=>{b(a)},{onUpdate:c})}function q(a,b,c){h(()=>a.addListener("command",g=>"bootstrapEditor"===g?(n(a,null!=b?b:l),!0):"clearEditor"===g?(p(a,null!=c?c:m),!0):!1,0),[c,a,b])}module.exports=function({initialPayloadFn:a,clearEditorFn:b}){const [c]=d.useLexicalComposerContext();q(c,a,b);return null};