@lexical/react 0.1.4 → 0.1.8

package/README.md

@@ -19,7 +19,7 @@ import {useEffect} from 'react';
 import LexicalComposer from '@lexical/react/LexicalComposer';
 import LexicalPlainTextPlugin from '@lexical/react/LexicalPlainTextPlugin';
 import LexicalContentEditable from '@lexical/react/LexicalContentEditable';
-import LexicalHistoryPlugin from '@lexical/react/LexicalHistoryPlugin';
+import {HistoryPlugin} from '@lexical/react/LexicalHistoryPlugin';
 import LexicalOnChangePlugin from '@lexical/react/LexicalOnChangePlugin';
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 
@@ -63,17 +63,22 @@ function onError(error) {
 }
 
 function Editor() {
+  const initialConfig = {
+    theme,
+    onError,
+  };
+
   return (
-    <LexicalComposer theme={theme}>
+    <LexicalComposer initialConfig={initialConfig}>
+      <LexicalBootstrapPlugin />
       <LexicalPlainTextPlugin
-        contentEditable={<LexicalContentEditable className="editor-input" />}
+        contentEditable={<LexicalContentEditable />}
         placeholder={<div>Enter some text...</div>}
-        onError={onError}
       />
       <LexicalOnChangePlugin onChange={onChange} />
-      <LexicalHistoryPlugin />
+      <HistoryPlugin />
       <MyCustomAutoFocusPlugin />
     </LexicalComposer>
   );
 }
-```
+```

package/package.json

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

package/useLexicalDecoratorMap.dev.js

@@ -0,0 +1,83 @@
+/**
+ * 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 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.
+ *
+ * 
+ */
+
+function getInitialMapValue(decoratorMap, key, initialValue) {
+  // $FlowFixMe: Flow struggles with the generic
+  const value = decoratorMap.get(key);
+
+  if (value !== undefined) {
+    return value;
+  }
+
+  return typeof initialValue === 'function' ? initialValue() : initialValue;
+}
+
+function useLexicalDecoratorMap(decoratorMap, key, initialValue) {
+  const [latestValue, setReactValue] = react.useState(() => getInitialMapValue(decoratorMap, key, initialValue));
+  const [, triggerUpdate] = react.useState();
+  useLayoutEffect(() => {
+    const prevValue = decoratorMap.get(key);
+
+    if (prevValue !== latestValue) {
+      decoratorMap.set(key, latestValue);
+    }
+  }, [key, latestValue, decoratorMap]);
+  useLayoutEffect(() => {
+    if (lexical.isDecoratorArray(latestValue)) {
+      return latestValue.observe(() => {
+        triggerUpdate({});
+      });
+    }
+  }, [latestValue]);
+  useLayoutEffect(() => {
+    return decoratorMap.observe((changedKey, value) => {
+      if (changedKey === key) {
+        decoratorMap._map.set(changedKey, value);
+
+        setReactValue(value);
+      }
+    });
+  }, [decoratorMap, key]); // $FlowFixMe: needs refining
+
+  return [latestValue, setReactValue];
+}
+
+module.exports = useLexicalDecoratorMap;

package/useLexicalDecoratorMap.js

@@ -1 +1,9 @@
-'use strict';var e=require("react"),g="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?e.useLayoutEffect:e.useEffect;module.exports=function(a,c,f){const [d,h]=e.useState(()=>{var b=a.get(c);b=void 0!==b?b:"function"===typeof f?f():f;return b});g(()=>{a.get(c)!==d&&a.set(c,d)},[c,d,a]);g(()=>a.observe((b,k)=>{b===c&&(a._map.set(b,k),h(k))}),[a,c]);return[d,h]};
+/**
+ * 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 useLexicalDecoratorMap = process.env.NODE_ENV === 'development' ? require('./useLexicalDecoratorMap.dev.js') : require('./useLexicalDecoratorMap.prod.js')
+module.exports = useLexicalDecoratorMap;

package/useLexicalDecoratorMap.prod.js

@@ -0,0 +1,8 @@
+/**
+ * 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 e=require("lexical"),f=require("react"),l="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?f.useLayoutEffect:f.useEffect;
+module.exports=function(a,d,g){const [b,h]=f.useState(()=>{var c=a.get(d);c=void 0!==c?c:"function"===typeof g?g():g;return c}),[,m]=f.useState();l(()=>{a.get(d)!==b&&a.set(d,b)},[d,b,a]);l(()=>{if(e.isDecoratorArray(b))return b.observe(()=>{m({})})},[b]);l(()=>a.observe((c,k)=>{c===d&&(a._map.set(c,k),h(k))}),[a,d]);return[b,h]};

package/useLexicalIsTextContentEmpty.dev.js

@@ -0,0 +1,84 @@
+/**
+ * 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 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.
+ *
+ * 
+ */
+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.
+ *
+ * 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) Facebook, Inc. and its 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] = react.useState(editor.getEditorState().read($isTextContentEmptyCurry(editor.isComposing(), trim)));
+  useLayoutEffect(() => {
+    return editor.addListener('update', ({
+      editorState
+    }) => {
+      const isComposing = editor.isComposing();
+      const currentIsEmpty = editorState.read($isTextContentEmptyCurry(isComposing, trim));
+      setIsEmpty(currentIsEmpty);
+    });
+  }, [editor, trim]);
+  return isEmpty;
+}
+
+module.exports = useLexicalIsTextContentEmpty;

package/useLexicalIsTextContentEmpty.js

@@ -1,2 +1,9 @@
-'use strict';var c=require("react"),e=require("lexical"),f="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?c.useLayoutEffect:c.useEffect;function g(a,b=!0){if(a)return!1;a=e.$getRoot().getTextContent();b&&(a=a.trim());return""===a}function h(a,b){return()=>g(a,b)}
-module.exports=function(a,b){const [k,l]=c.useState(a.getEditorState().read(h(a.isComposing(),b)));f(()=>a.addListener("update",({editorState:d})=>{const m=a.isComposing();d=d.read(h(m,b));l(d)}),[a,b]);return k};
+/**
+ * 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 useLexicalIsTextContentEmpty = process.env.NODE_ENV === 'development' ? require('./useLexicalIsTextContentEmpty.dev.js') : require('./useLexicalIsTextContentEmpty.prod.js')
+module.exports = useLexicalIsTextContentEmpty;

package/useLexicalIsTextContentEmpty.prod.js

@@ -0,0 +1,8 @@
+/**
+ * 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 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};

package/withSubscriptions.dev.js

@@ -0,0 +1,23 @@
+/**
+ * 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';
+
+/**
+ * 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 withSubscriptions(...func) {
+  return () => {
+    func.forEach(f => f());
+  };
+}
+
+module.exports = withSubscriptions;

package/withSubscriptions.js

@@ -1 +1,9 @@
-'use strict';module.exports=function(...a){return()=>{a.forEach(b=>b())}};
+/**
+ * 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 withSubscriptions = process.env.NODE_ENV === 'development' ? require('./withSubscriptions.dev.js') : require('./withSubscriptions.prod.js')
+module.exports = withSubscriptions;

package/withSubscriptions.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.
+ */
+'use strict';module.exports=function(...a){return()=>{a.forEach(b=>b())}};