@lexical/react 0.3.2 → 0.3.3

package/LexicalCollaborationPlugin.d.ts

@@ -6,7 +6,7 @@
  *
  */
 
-import {WebsocketProvider} from 'y-websocket';
+import type {Provider} from '@lexical/yjs';
 import type {Doc, RelativePosition} from 'yjs';
 
 export type UserState = {
@@ -31,7 +31,7 @@ type CollaborationContextType = {
 };
 export function CollaborationPlugin(arg0: {
   id: string;
-  providerFactory(id: string, yjsDocMap: Map<string, Doc>): WebsocketProvider;
+  providerFactory(id: string, yjsDocMap: Map<string, Doc>): Provider;
   shouldBootstrap: boolean;
   username?: string;
 }): JSX.Element | null;

package/LexicalComposer.d.ts

@@ -11,6 +11,7 @@ import type {EditorThemeClasses, LexicalEditor, LexicalNode} from 'lexical';
 
 type Props = {
   initialConfig: {
+    namespace: string;
     editor__DEPRECATED?: LexicalEditor | null;
     readOnly?: boolean;
     nodes?: Array<Class<LexicalNode>>;

package/LexicalComposer.dev.js

@@ -43,6 +43,7 @@ function LexicalComposer({
   const composerContext = React.useMemo(() => {
     const {
       theme,
+      namespace,
       editor__DEPRECATED: initialEditor,
       nodes,
       onError
@@ -52,6 +53,7 @@ function LexicalComposer({
 
     if (editor === null) {
       const newEditor = lexical.createEditor({
+        namespace,
         nodes,
         onError: error => onError(error, newEditor),
         readOnly: true,

package/LexicalComposer.js.flow

@@ -13,7 +13,7 @@ type Props = {
   initialConfig: $ReadOnly<{
     editor__DEPRECATED?: LexicalEditor | null,
     readOnly?: boolean,
-    namespace?: string,
+    namespace: string,
     nodes?: $ReadOnlyArray<Class<LexicalNode>>,
     theme?: EditorThemeClasses,
     onError: (error: Error, editor: LexicalEditor) => void,

package/LexicalComposer.prod.js

@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var a=require("@lexical/react/LexicalComposerContext"),e=require("lexical"),k=require("react"),l="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?k.useLayoutEffect:k.useEffect;
-exports.LexicalComposer=function({initialConfig:f,children:m}){let h=k.useMemo(()=>{const {theme:b,editor__DEPRECATED:c,nodes:n,onError:p}=f,q=a.createLexicalComposerContext(null,b);let d=c||null;if(null===d){const g=e.createEditor({nodes:n,onError:r=>p(r,g),readOnly:!0,theme:b});d=g}return[d,q]},[]);l(()=>{let b=f.readOnly,[c]=h;c.setReadOnly(b||!1)},[]);return k.createElement(a.LexicalComposerContext.Provider,{value:h},m)}
+exports.LexicalComposer=function({initialConfig:f,children:m}){let h=k.useMemo(()=>{const {theme:b,namespace:c,editor__DEPRECATED:n,nodes:p,onError:q}=f,r=a.createLexicalComposerContext(null,b);let d=n||null;if(null===d){const g=e.createEditor({namespace:c,nodes:p,onError:t=>q(t,g),readOnly:!0,theme:b});d=g}return[d,r]},[]);l(()=>{let b=f.readOnly,[c]=h;c.setReadOnly(b||!1)},[]);return k.createElement(a.LexicalComposerContext.Provider,{value:h},m)}

package/LexicalContentEditable.js.flow

@@ -24,7 +24,7 @@ export type Props = $ReadOnly<{
   className?: string,
   readOnly?: boolean,
   role?: string,
-  style?: StyleSheetList,
+  style?: $Shape<{[string]: string | number}>,
   spellCheck?: boolean,
   tabIndex?: number,
   testid?: string,

package/LexicalNestedComposer.dev.js

@@ -41,6 +41,7 @@ function LexicalNestedComposer({
 
     initialEditor._parentEditor = parentEditor;
     initialEditor._nodes = parentEditor._nodes;
+    initialEditor._config.namespace = parentEditor._config.namespace;
     return [initialEditor, context];
   }, // We only do this for init
   // eslint-disable-next-line react-hooks/exhaustive-deps

package/LexicalNestedComposer.prod.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var c=require("@lexical/react/LexicalCollaborationPlugin"),d=require("@lexical/react/LexicalComposerContext"),h=require("react");
-exports.LexicalNestedComposer=function({initialEditor:a,children:k,initialTheme:l}){let e=h.useContext(d.LexicalComposerContext);if(null==e)throw Error("Minified Lexical error #9; see codes.json for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");let p=h.useMemo(()=>{const [g,m]=e,f=l||m.getTheme()||void 0,n=d.createLexicalComposerContext(e,f);void 0!==f&&(a._config.theme=f);a._parentEditor=g;a._nodes=g._nodes;return[a,n]},[]);var {yjsDocMap:b}=
-c.useCollaborationContext();let q=void 0!==b.get("main");b=b.has(a.getKey());return h.createElement(d.LexicalComposerContext.Provider,{value:p},!q||b?k:null)}
+exports.LexicalNestedComposer=function({initialEditor:a,children:k,initialTheme:l}){let e=h.useContext(d.LexicalComposerContext);if(null==e)throw Error("Minified Lexical error #9; see codes.json for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");let p=h.useMemo(()=>{const [f,m]=e,g=l||m.getTheme()||void 0,n=d.createLexicalComposerContext(e,g);void 0!==g&&(a._config.theme=g);a._parentEditor=f;a._nodes=f._nodes;a._config.namespace=f._config.namespace;
+return[a,n]},[]);var {yjsDocMap:b}=c.useCollaborationContext();let q=void 0!==b.get("main");b=b.has(a.getKey());return h.createElement(d.LexicalComposerContext.Provider,{value:p},!q||b?k:null)}

package/LexicalPlainTextPlugin.d.ts

@@ -6,9 +6,9 @@
  *
  */
 
-import type {EditorState} from 'lexical';
+import {InitialEditorStateType} from '@lexical/plain-text';
+import type {EditorState, LexicalEditor} from 'lexical';
 
-type InitialEditorStateType = null | string | EditorState | (() => void);
 export function PlainTextPlugin(arg0: {
   contentEditable: JSX.Element | null;
   initialEditorState?: InitialEditorStateType;

package/LexicalPlainTextPlugin.js.flow

@@ -7,9 +7,13 @@
  * @flow strict
  */
 
-import type {EditorState} from 'lexical';
+import type {EditorState, LexicalEditor} from 'lexical';
 
-type InitialEditorStateType = null | string | EditorState | (() => void);
+type InitialEditorStateType =
+  | null
+  | string
+  | EditorState
+  | ((editor: LexicalEditor) => void);
 
 declare export function PlainTextPlugin({
   contentEditable: React$Node,

package/LexicalRichTextPlugin.d.ts

@@ -6,9 +6,9 @@
  *
  */
 
-import type {EditorState} from 'lexical';
+import {InitialEditorStateType} from '@lexical/rich-text';
+import type {EditorState, LexicalEditor} from 'lexical';
 
-type InitialEditorStateType = null | string | EditorState | (() => void);
 export function RichTextPlugin(arg0: {
   contentEditable: JSX.Element | null;
   initialEditorState?: InitialEditorStateType;

package/LexicalRichTextPlugin.js.flow

@@ -7,9 +7,13 @@
  * @flow strict
  */
 
-import type {EditorState} from 'lexical';
+import type {EditorState, LexicalEditor} from 'lexical';
 
-type InitialEditorStateType = null | string | EditorState | (() => void);
+type InitialEditorStateType =
+  | null
+  | string
+  | EditorState
+  | ((editor: LexicalEditor) => void);
 
 declare export function RichTextPlugin({
   contentEditable: React$Node,

package/README.md

@@ -66,12 +66,11 @@ function onError(error) {
 
 function Editor() {
   const initialConfig = {
+    namespace: 'MyEditor',
     theme,
     onError,
   };
 
-  
-
 return (
     <LexicalComposer initialConfig={initialConfig}>
       <LexicalPlainTextPlugin

package/package.json

@@ -8,28 +8,28 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "dependencies": {
-    "@lexical/clipboard": "0.3.2",
-    "@lexical/list": "0.3.2",
-    "@lexical/table": "0.3.2",
-    "@lexical/yjs": "0.3.2",
-    "@lexical/hashtag": "0.3.2",
-    "@lexical/selection": "0.3.2",
-    "@lexical/utils": "0.3.2",
-    "@lexical/dragon": "0.3.2",
-    "@lexical/plain-text": "0.3.2",
-    "@lexical/rich-text": "0.3.2",
-    "@lexical/code": "0.3.2",
-    "@lexical/text": "0.3.2",
-    "@lexical/link": "0.3.2",
-    "@lexical/overflow": "0.3.2",
-    "@lexical/history": "0.3.2",
-    "@lexical/markdown": "0.3.2",
-    "@lexical/mark": "0.3.2"
+    "@lexical/clipboard": "0.3.3",
+    "@lexical/code": "0.3.3",
+    "@lexical/dragon": "0.3.3",
+    "@lexical/hashtag": "0.3.3",
+    "@lexical/history": "0.3.3",
+    "@lexical/link": "0.3.3",
+    "@lexical/list": "0.3.3",
+    "@lexical/mark": "0.3.3",
+    "@lexical/markdown": "0.3.3",
+    "@lexical/overflow": "0.3.3",
+    "@lexical/plain-text": "0.3.3",
+    "@lexical/rich-text": "0.3.3",
+    "@lexical/selection": "0.3.3",
+    "@lexical/table": "0.3.3",
+    "@lexical/text": "0.3.3",
+    "@lexical/utils": "0.3.3",
+    "@lexical/yjs": "0.3.3"
   },
   "peerDependencies": {
-    "lexical": "0.3.2",
+    "lexical": "0.3.3",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },
@@ -37,5 +37,8 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-react"
+  },
+  "devDependencies": {
+    "utility-types": "^3.10.0"
   }
 }