@lexical/react 0.1.9 → 0.1.12

package/LexicalContentEditable.dev.js

@@ -9,6 +9,27 @@
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 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.
  *
@@ -32,7 +53,6 @@ function LexicalContentEditable({
   autoComplete,
   autoCorrect,
   className,
-  readOnly = false,
   role = 'textbox',
   spellCheck = true,
   style,
@@ -40,28 +60,35 @@ function LexicalContentEditable({
   testid
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const [isReadOnly, setReadOnly] = React.useState(true);
   const ref = React.useCallback(rootElement => {
     editor.setRootElement(rootElement);
   }, [editor]);
+  useLayoutEffect(() => {
+    setReadOnly(editor.isReadOnly());
+    return editor.addListener('readonly', currentIsReadOnly => {
+      setReadOnly(currentIsReadOnly);
+    });
+  }, [editor]);
   return /*#__PURE__*/React.createElement("div", {
-    "aria-activedescendant": readOnly ? null : ariaActiveDescendantID,
-    "aria-autocomplete": readOnly ? null : ariaAutoComplete,
-    "aria-controls": readOnly ? null : ariaControls,
+    "aria-activedescendant": isReadOnly ? null : ariaActiveDescendantID,
+    "aria-autocomplete": isReadOnly ? null : ariaAutoComplete,
+    "aria-controls": isReadOnly ? null : ariaControls,
     "aria-describedby": ariaDescribedBy,
-    "aria-expanded": readOnly ? null : role === 'combobox' ? !!ariaExpanded : null,
+    "aria-expanded": isReadOnly ? null : role === 'combobox' ? !!ariaExpanded : null,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-multiline": ariaMultiline,
-    "aria-owns": readOnly ? null : ariaOwneeID,
+    "aria-owns": isReadOnly ? null : ariaOwneeID,
     "aria-required": ariaRequired,
     autoCapitalize: autoCapitalize,
     autoComplete: autoComplete,
     autoCorrect: autoCorrect,
     className: className,
-    contentEditable: !readOnly,
+    contentEditable: !isReadOnly,
     "data-testid": testid,
     ref: ref,
-    role: readOnly ? null : role,
+    role: isReadOnly ? null : role,
     spellCheck: spellCheck,
     style: style,
     tabIndex: tabIndex

package/LexicalContentEditable.js.flow

@@ -0,0 +1,35 @@
+/**
+ * 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
+ */
+
+export type Props = $ReadOnly<{
+  ariaActiveDescendantID?: string,
+  ariaAutoComplete?: string,
+  ariaControls?: string,
+  ariaDescribedBy?: string,
+  ariaExpanded?: boolean,
+  ariaLabel?: string,
+  ariaLabelledBy?: string,
+  ariaMultiline?: boolean,
+  ariaOwneeID?: string,
+  ariaRequired?: string,
+  autoCapitalize?: boolean,
+  autoComplete?: boolean,
+  autoCorrect?: boolean,
+  className?: string,
+  readOnly?: boolean,
+  role?: string,
+  style?: StyleSheetList,
+  spellCheck?: boolean,
+  tabIndex?: number,
+  testid?: string,
+}>;
+
+declare export default function LexicalContentEditable(
+  props: Props,
+): React$Node;

package/LexicalContentEditable.prod.js

@@ -4,6 +4,6 @@
  * 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/react/LexicalComposerContext"),e=require("react");
-module.exports=function({ariaActiveDescendantID:f,ariaAutoComplete:g,ariaControls:h,ariaDescribedBy:k,ariaExpanded:l,ariaLabel:m,ariaLabelledBy:n,ariaMultiline:p,ariaOwneeID:q,ariaRequired:r,autoCapitalize:t,autoComplete:u,autoCorrect:v,className:w,readOnly:a=!1,role:c="textbox",spellCheck:x=!0,style:y,tabIndex:z,testid:A}){const [d]=b.useLexicalComposerContext(),C=e.useCallback(B=>{d.setRootElement(B)},[d]);return e.createElement("div",{"aria-activedescendant":a?null:f,"aria-autocomplete":a?null:
-g,"aria-controls":a?null:h,"aria-describedby":k,"aria-expanded":a?null:"combobox"===c?!!l:null,"aria-label":m,"aria-labelledby":n,"aria-multiline":p,"aria-owns":a?null:q,"aria-required":r,autoCapitalize:t,autoComplete:u,autoCorrect:v,className:w,contentEditable:!a,"data-testid":A,ref:C,role:a?null:c,spellCheck:x,style:y,tabIndex:z})};
+var b=require("@lexical/react/LexicalComposerContext"),g=require("react"),h="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?g.useLayoutEffect:g.useEffect;
+module.exports=function({ariaActiveDescendantID:k,ariaAutoComplete:l,ariaControls:m,ariaDescribedBy:n,ariaExpanded:p,ariaLabel:q,ariaLabelledBy:r,ariaMultiline:t,ariaOwneeID:u,ariaRequired:v,autoCapitalize:w,autoComplete:x,autoCorrect:y,className:z,role:e="textbox",spellCheck:A=!0,style:B,tabIndex:C,testid:D}){const [c]=b.useLexicalComposerContext(),[a,f]=g.useState(!0),E=g.useCallback(d=>{c.setRootElement(d)},[c]);h(()=>{f(c.isReadOnly());return c.addListener("readonly",d=>{f(d)})},[c]);return g.createElement("div",
+{"aria-activedescendant":a?null:k,"aria-autocomplete":a?null:l,"aria-controls":a?null:m,"aria-describedby":n,"aria-expanded":a?null:"combobox"===e?!!p:null,"aria-label":q,"aria-labelledby":r,"aria-multiline":t,"aria-owns":a?null:u,"aria-required":v,autoCapitalize:w,autoComplete:x,autoCorrect:y,className:z,contentEditable:!a,"data-testid":D,ref:E,role:a?null:e,spellCheck:A,style:B,tabIndex:C})};

package/LexicalHashtagPlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ *
+ */
+
+export default function LexicalHashtagPlugin(): React.ReactNode;

package/LexicalHashtagPlugin.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 LexicalHashtagPlugin(): React$Node;

package/LexicalHistoryPlugin.d.ts

@@ -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.
+ *
+ */
+
+import type {
+  EditorState,
+  GridSelection,
+  LexicalEditor,
+  NodeSelection,
+  RangeSelection,
+} from 'lexical';
+export type HistoryStateEntry = {
+  editor: LexicalEditor;
+  editorState: EditorState;
+  undoSelection?: RangeSelection | NodeSelection | GridSelection | null;
+};
+export type HistoryState = {
+  current: null | HistoryStateEntry;
+  redoStack: Array<HistoryStateEntry>;
+  undoStack: Array<HistoryStateEntry>;
+};
+export function HistoryPlugin(arg0: {
+  externalHistoryState?: HistoryState;
+}): React.ReactNode;
+export function createEmptyHistoryState(): HistoryState;

package/LexicalHistoryPlugin.dev.js

@@ -74,7 +74,7 @@ function getChangeType(prevEditorState, nextEditorState, dirtyLeavesSet, dirtyEl
     return COMPOSING_CHARACTER;
   }
 
-  if (nextSelection === null || prevSelection === null || !prevSelection.isCollapsed() || !nextSelection.isCollapsed()) {
+  if (!lexical.$isRangeSelection(nextSelection) || !lexical.$isRangeSelection(prevSelection) || !prevSelection.isCollapsed() || !nextSelection.isCollapsed()) {
     return OTHER;
   }
 

package/LexicalHistoryPlugin.js.flow

@@ -0,0 +1,34 @@
+/**
+ * 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 {
+  EditorState,
+  GridSelection,
+  LexicalEditor,
+  NodeSelection,
+  RangeSelection,
+} from 'lexical';
+
+export type HistoryStateEntry = {
+  editor: LexicalEditor,
+  editorState: EditorState,
+  undoSelection?: RangeSelection | NodeSelection | GridSelection | null,
+};
+
+export type HistoryState = {
+  current: null | HistoryStateEntry,
+  redoStack: Array<HistoryStateEntry>,
+  undoStack: Array<HistoryStateEntry>,
+};
+
+declare export function HistoryPlugin({
+  externalHistoryState?: HistoryState,
+}): React$Node;
+
+declare export function createEmptyHistoryState(): HistoryState;

package/LexicalHistoryPlugin.prod.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 var n=require("@lexical/react/LexicalComposerContext"),t=require("@lexical/react/withSubscriptions"),v=require("lexical"),w=require("react");
-function x(b,d,l,a,h){if(null===b||0===l.size&&0===a.size)return 0;var g=d._selection,c=b._selection;if(h)return 1;if(null===g||null===c||!c.isCollapsed()||!g.isCollapsed())return 0;var e=Array.from(l);a=Array.from(a);l=d._nodeMap;h=[];for(var f=0;f<e.length;f++){const k=l.get(e[f]);void 0!==k&&h.push(k)}for(e=0;e<a.length;e++)a[e][1]&&(f=l.get(a[e][0]),void 0===f||v.$isRootNode(f)||h.push(f));if(0===h.length)return 0;if(1<h.length)return a=d._nodeMap,d=a.get(g.anchor.key),c=a.get(c.anchor.key),d&&
-c&&!b._nodeMap.has(d.__key)&&v.$isTextNode(d)&&1===d.__text.length&&1===g.anchor.offset?2:0;d=h[0];b=b._nodeMap.get(d.__key);if(!v.$isTextNode(b)||!v.$isTextNode(d)||b.__mode!==d.__mode)return 0;b=b.__text;d=d.__text;if(b===d)return 0;g=g.anchor;c=c.anchor;if(g.key!==c.key||"text"!==g.type)return 0;g=g.offset;c=c.offset;b=d.length-b.length;return 1===b&&c===g-1?2:-1===b&&c===g+1?3:-1===b&&c===g?4:0}
+function x(b,d,l,a,h){if(null===b||0===l.size&&0===a.size)return 0;var g=d._selection,c=b._selection;if(h)return 1;if(!(v.$isRangeSelection(g)&&v.$isRangeSelection(c)&&c.isCollapsed()&&g.isCollapsed()))return 0;var e=Array.from(l);a=Array.from(a);l=d._nodeMap;h=[];for(var f=0;f<e.length;f++){const k=l.get(e[f]);void 0!==k&&h.push(k)}for(e=0;e<a.length;e++)a[e][1]&&(f=l.get(a[e][0]),void 0===f||v.$isRootNode(f)||h.push(f));if(0===h.length)return 0;if(1<h.length)return a=d._nodeMap,d=a.get(g.anchor.key),
+c=a.get(c.anchor.key),d&&c&&!b._nodeMap.has(d.__key)&&v.$isTextNode(d)&&1===d.__text.length&&1===g.anchor.offset?2:0;d=h[0];b=b._nodeMap.get(d.__key);if(!v.$isTextNode(b)||!v.$isTextNode(d)||b.__mode!==d.__mode)return 0;b=b.__text;d=d.__text;if(b===d)return 0;g=g.anchor;c=c.anchor;if(g.key!==c.key||"text"!==g.type)return 0;g=g.offset;c=c.offset;b=d.length-b.length;return 1===b&&c===g-1?2:-1===b&&c===g+1?3:-1===b&&c===g?4:0}
 function y(b,d){let l=Date.now(),a=0;return(h,g,c,e,f,k)=>{const p=Date.now();if(k.has("historic"))return a=0,l=p,2;const m=x(h,g,e,f,b.isComposing()),u=(()=>{const r=k.has("history-push");if(!r&&k.has("history-merge"))return 0;if(null===h)return 1;var q=g._selection;const A=h._selection;if(!(0<e.size||0<f.size))return null===A&&null!==q?0:2;q=null===c||c.editor===b;return!1===r&&0!==m&&m===a&&p<l+d&&q?0:1})();l=p;a=m;return u}}
 function z(b,d,l=1E3){const a=w.useMemo(()=>d||B(),[d]),h=w.useCallback(()=>{a.undoStack=[];a.redoStack=[];a.current=null},[a]);w.useEffect(()=>{const g=y(b,l);return t(b.addListener("command",c=>{switch(c){case "undo":c=a.redoStack;var e=a.undoStack;if(0!==e.length){var f=a.current;const k=e.pop();null!==f&&(c.push(f),b.execCommand("canRedo",!0));0===e.length&&b.execCommand("canUndo",!1);a.current=k;k.editor.setEditorState(k.editorState.clone(k.undoSelection),{tag:"historic"})}return!0;case "redo":return c=
 a.redoStack,e=a.undoStack,0!==c.length&&(f=a.current,null!==f&&(e.push(f),b.execCommand("canUndo",!0)),e=c.pop(),0===c.length&&b.execCommand("canRedo",!1),a.current=e,e.editor.setEditorState(e.editorState,{tag:"historic"})),!0;case "clearEditor":return h(),!1;case "clearHistory":return h(),!0;default:return!1}},0),b.addListener("update",({editorState:c,prevEditorState:e,dirtyLeaves:f,dirtyElements:k,tags:p})=>{const m=a.current,u=a.redoStack,r=a.undoStack,q=null===m?null:m.editorState;if(null===m||

package/LexicalHorizontalRuleNode.d.ts

@@ -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.
+ *
+ */
+
+import type {LexicalNode} from 'lexical';
+import {DecoratorNode} from 'lexical';
+export declare class HorizontalRuleNode extends DecoratorNode<React.ReactNode> {
+  getType(): string;
+  clone(node: HorizontalRuleNode): HorizontalRuleNode;
+  createDOM(): HTMLElement;
+  getTextContent(): '\n';
+  isTopLevel(): true;
+  updateDOM(): false;
+  decorate(): React.ReactNode;
+}
+export function $createHorizontalRuleNode(): HorizontalRuleNode;
+export function $isHorizontalRuleNode(
+  node: LexicalNode | null | undefined,
+): boolean;

package/LexicalHorizontalRuleNode.js.flow

@@ -0,0 +1,25 @@
+/**
+ * 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 {LexicalNode} from 'lexical';
+
+import {DecoratorNode} from 'lexical';
+
+declare export class HorizontalRuleNode extends DecoratorNode<React$Node> {
+  static getType(): string;
+  static clone(node: HorizontalRuleNode): HorizontalRuleNode;
+  createDOM(): HTMLElement;
+  getTextContent(): '\n';
+  isTopLevel(): true;
+  updateDOM(): false;
+  decorate(): React$Node;
+}
+
+declare export function $createHorizontalRuleNode(): HorizontalRuleNode;
+declare export function $isHorizontalRuleNode(node: ?LexicalNode): boolean;

package/LexicalLinkPlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ *
+ */
+
+export default function LexicalLinkPlugin(): null;

package/LexicalLinkPlugin.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 LexicalLinkPlugin(): null;

package/LexicalListPlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ *
+ */
+
+export default function ListPlugin(): null;

package/LexicalListPlugin.dev.js

@@ -43,6 +43,12 @@ function useList(editor) {
       } else if (type === 'removeList') {
         list.removeList(editor);
         return true;
+      } else if (type === 'insertParagraph') {
+        const hasHandledInsertParagraph = list.$handleListInsertParagraph();
+
+        if (hasHandledInsertParagraph) {
+          return true;
+        }
       }
 
       return false;

package/LexicalListPlugin.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 ListPlugin(): null;

package/LexicalListPlugin.prod.js

@@ -4,5 +4,5 @@
  * 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/react/LexicalComposerContext"),d=require("@lexical/list"),e=require("react");function f(a){e.useEffect(()=>a.addListener("command",c=>{if("indentContent"===c){if(d.indentList())return!0}else if("outdentContent"===c){if(d.outdentList())return!0}else{if("insertOrderedList"===c)return d.insertList(a,"ol"),!0;if("insertUnorderedList"===c)return d.insertList(a,"ul"),!0;if("removeList"===c)return d.removeList(a),!0}return!1},1),[a])}
-module.exports=function(){const [a]=b.useLexicalComposerContext();f(a);return null};
+var b=require("@lexical/react/LexicalComposerContext"),d=require("@lexical/list"),e=require("react");
+function f(a){e.useEffect(()=>a.addListener("command",c=>{if("indentContent"===c){if(d.indentList())return!0}else if("outdentContent"===c){if(d.outdentList())return!0}else{if("insertOrderedList"===c)return d.insertList(a,"ol"),!0;if("insertUnorderedList"===c)return d.insertList(a,"ul"),!0;if("removeList"===c)return d.removeList(a),!0;if("insertParagraph"===c&&d.$handleListInsertParagraph())return!0}return!1},1),[a])}module.exports=function(){const [a]=b.useLexicalComposerContext();f(a);return null};

package/LexicalNestedComposer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 {DecoratorEditor, EditorThemeClasses, LexicalNode} from 'lexical';
+export default function LexicalNestedComposer(arg0: {
+  initialConfig?: {
+    namespace?: string;
+    decoratorEditor: DecoratorEditor;
+    nodes?: Array<Class<LexicalNode>>;
+    theme?: EditorThemeClasses;
+    onError?: (arg0: Error) => void;
+  };
+  children?: React.ReactNode;
+}): React.ReactNode;

package/LexicalNestedComposer.js.flow

@@ -0,0 +1,21 @@
+/**
+ * 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 {DecoratorEditor, EditorThemeClasses, LexicalNode} from 'lexical';
+
+declare export default function LexicalNestedComposer({
+  initialConfig?: {
+    namespace?: string,
+    decoratorEditor: DecoratorEditor,
+    nodes?: Array<Class<LexicalNode>>,
+    theme?: EditorThemeClasses,
+    onError?: (Error) => void,
+  },
+  children?: React$Node,
+}): React$Node;

package/LexicalOnChangePlugin.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 type {EditorState, LexicalEditor} from 'lexical';
+export default function OnChangePlugin(arg0: {
+  onChange: (editorState: EditorState, editor: LexicalEditor) => void;
+}): null;

package/LexicalOnChangePlugin.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 {EditorState, LexicalEditor} from 'lexical';
+
+declare export default function OnChangePlugin({
+  onChange: (editorState: EditorState, editor: LexicalEditor) => void,
+}): null;

package/LexicalPlainTextPlugin.d.ts

@@ -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.
+ *
+ */
+
+import type {EditorState} from 'lexical';
+type InitialEditorStateType = null | string | EditorState | (() => void);
+export default function PlainTextPlugin(arg0: {
+  contentEditable: React.ReactNode;
+  initialEditorState?: InitialEditorStateType;
+  placeholder: React.ReactNode;
+}): React.ReactNode;