@lexical/react 0.3.3 → 0.3.6

package/DEPRECATED_useLexical.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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, EditorThemeClasses, Klass, LexicalEditor, LexicalNode } from 'lexical';
+export declare function useLexical(editorConfig: {
+    disableEvents?: boolean;
+    editorState?: EditorState;
+    namespace: string;
+    nodes?: ReadonlyArray<Klass<LexicalNode>>;
+    onError: (error: Error) => void;
+    parentEditor?: LexicalEditor;
+    readOnly?: boolean;
+    theme?: EditorThemeClasses;
+}): [LexicalEditor, (arg0: null | HTMLElement) => void, boolean];

package/DEPRECATED_useLexical.dev.js

@@ -9,6 +9,7 @@
 var lexical = require('lexical');
 var react = require('react');
 var text = require('@lexical/text');
+var utils = require('@lexical/utils');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -36,18 +37,26 @@ var useLayoutEffect = useLayoutEffectImpl;
  * LICENSE file in the root directory of this source tree.
  *
  */
+
+function canShowPlaceholderFromCurrentEditorState(editor) {
+  const currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing(), editor.isReadOnly()));
+  return currentCanShowPlaceholder;
+}
+
 function useCanShowPlaceholder(editor) {
-  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing())));
+  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(() => canShowPlaceholderFromCurrentEditorState(editor));
   useLayoutEffect(() => {
-    let currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing()));
-    setCanShowPlaceholder(currentCanShowPlaceholder);
-    return editor.registerUpdateListener(({
-      editorState
-    }) => {
-      const isComposing = editor.isComposing();
-      currentCanShowPlaceholder = editorState.read(text.$canShowPlaceholderCurry(isComposing));
+    function resetCanShowPlaceholder() {
+      const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
       setCanShowPlaceholder(currentCanShowPlaceholder);
-    });
+    }
+
+    resetCanShowPlaceholder();
+    return utils.mergeRegister(editor.registerUpdateListener(() => {
+      resetCanShowPlaceholder();
+    }), editor.registerReadOnlyListener(() => {
+      resetCanShowPlaceholder();
+    }));
   }, [editor]);
   return canShowPlaceholder;
 }

package/DEPRECATED_useLexical.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexical.prod.js

@@ -4,6 +4,5 @@
  * 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 d=require("lexical"),f=require("react"),g=require("@lexical/text"),h="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?f.useLayoutEffect:f.useEffect;
-function k(a){let [b,c]=f.useState(a.getEditorState().read(g.$canShowPlaceholderCurry(a.isComposing())));h(()=>{let e=a.getEditorState().read(g.$canShowPlaceholderCurry(a.isComposing()));c(e);return a.registerUpdateListener(({editorState:l})=>{let m=a.isComposing();e=l.read(g.$canShowPlaceholderCurry(m));c(e)})},[a]);return b}function n(a){let b=k(a);return[f.useCallback(c=>{a.setRootElement(c)},[a]),b]}
-exports.useLexical=function(a){let b=f.useMemo(()=>d.createEditor(a),[]),[c,e]=n(b);return[b,c,e]}
+'use strict';var c=require("lexical"),f=require("react"),g=require("@lexical/text"),h=require("@lexical/utils"),k="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?f.useLayoutEffect:f.useEffect;function l(a){return a.getEditorState().read(g.$canShowPlaceholderCurry(a.isComposing(),a.isReadOnly()))}
+function m(a){let [b,d]=f.useState(()=>l(a));k(()=>{function e(){let n=l(a);d(n)}e();return h.mergeRegister(a.registerUpdateListener(()=>{e()}),a.registerReadOnlyListener(()=>{e()}))},[a]);return b}function p(a){let b=m(a);return[f.useCallback(d=>{a.setRootElement(d)},[a]),b]}exports.useLexical=function(a){let b=f.useMemo(()=>c.createEditor(a),[]),[d,e]=p(b);return[b,d,e]}

package/DEPRECATED_useLexicalAutoFormatter.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.
+ *
+ */
+import type { LexicalEditor } from 'lexical';
+export declare function useLexicalAutoFormatter(editor: LexicalEditor): void;

package/DEPRECATED_useLexicalAutoFormatter.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalCanShowPlaceholder.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.
+ *
+ */
+import type { LexicalEditor } from 'lexical';
+export declare function useLexicalCanShowPlaceholder(editor: LexicalEditor): boolean;

package/DEPRECATED_useLexicalCanShowPlaceholder.dev.js

@@ -7,6 +7,7 @@
 'use strict';
 
 var text = require('@lexical/text');
+var utils = require('@lexical/utils');
 var react = require('react');
 
 /**
@@ -35,18 +36,26 @@ var useLayoutEffect = useLayoutEffectImpl;
  * LICENSE file in the root directory of this source tree.
  *
  */
+
+function canShowPlaceholderFromCurrentEditorState(editor) {
+  const currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing(), editor.isReadOnly()));
+  return currentCanShowPlaceholder;
+}
+
 function useCanShowPlaceholder(editor) {
-  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing())));
+  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(() => canShowPlaceholderFromCurrentEditorState(editor));
   useLayoutEffect(() => {
-    let currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing()));
-    setCanShowPlaceholder(currentCanShowPlaceholder);
-    return editor.registerUpdateListener(({
-      editorState
-    }) => {
-      const isComposing = editor.isComposing();
-      currentCanShowPlaceholder = editorState.read(text.$canShowPlaceholderCurry(isComposing));
+    function resetCanShowPlaceholder() {
+      const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
       setCanShowPlaceholder(currentCanShowPlaceholder);
-    });
+    }
+
+    resetCanShowPlaceholder();
+    return utils.mergeRegister(editor.registerUpdateListener(() => {
+      resetCanShowPlaceholder();
+    }), editor.registerReadOnlyListener(() => {
+      resetCanShowPlaceholder();
+    }));
   }, [editor]);
   return canShowPlaceholder;
 }

package/DEPRECATED_useLexicalCanShowPlaceholder.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalCanShowPlaceholder.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.
  */
-'use strict';var b=require("@lexical/text"),c=require("react"),f="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?c.useLayoutEffect:c.useEffect;
-function g(a){let [h,e]=c.useState(a.getEditorState().read(b.$canShowPlaceholderCurry(a.isComposing())));f(()=>{let d=a.getEditorState().read(b.$canShowPlaceholderCurry(a.isComposing()));e(d);return a.registerUpdateListener(({editorState:k})=>{let l=a.isComposing();d=k.read(b.$canShowPlaceholderCurry(l));e(d)})},[a]);return h}exports.useLexicalCanShowPlaceholder=function(a){return g(a)}
+'use strict';var b=require("@lexical/text"),d=require("@lexical/utils"),e=require("react"),f="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?e.useLayoutEffect:e.useEffect;function g(a){return a.getEditorState().read(b.$canShowPlaceholderCurry(a.isComposing(),a.isReadOnly()))}
+function h(a){let [k,l]=e.useState(()=>g(a));f(()=>{function c(){let m=g(a);l(m)}c();return d.mergeRegister(a.registerUpdateListener(()=>{c()}),a.registerReadOnlyListener(()=>{c()}))},[a]);return k}exports.useLexicalCanShowPlaceholder=function(a){return h(a)}

package/DEPRECATED_useLexicalCharacterLimit.d.ts

@@ -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.
+ *
+ */
+export { mergePrevious, useCharacterLimit } from './shared/useCharacterLimit';

package/DEPRECATED_useLexicalCharacterLimit.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalDecorators.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.
+ *
+ */
+import type { LexicalEditor } from 'lexical';
+export declare function useLexicalDecorators(editor: LexicalEditor): Array<JSX.Element>;

package/DEPRECATED_useLexicalDecorators.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalEditor.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.
+ *
+ */
+import type { LexicalEditor } from 'lexical';
+export declare function useLexicalEditor(editor: LexicalEditor): [(rootElement: null | HTMLElement) => void, boolean];

package/DEPRECATED_useLexicalEditor.dev.js

@@ -8,6 +8,7 @@
 
 var react = require('react');
 var text = require('@lexical/text');
+var utils = require('@lexical/utils');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -35,18 +36,26 @@ var useLayoutEffect = useLayoutEffectImpl;
  * LICENSE file in the root directory of this source tree.
  *
  */
+
+function canShowPlaceholderFromCurrentEditorState(editor) {
+  const currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing(), editor.isReadOnly()));
+  return currentCanShowPlaceholder;
+}
+
 function useCanShowPlaceholder(editor) {
-  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing())));
+  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(() => canShowPlaceholderFromCurrentEditorState(editor));
   useLayoutEffect(() => {
-    let currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing()));
-    setCanShowPlaceholder(currentCanShowPlaceholder);
-    return editor.registerUpdateListener(({
-      editorState
-    }) => {
-      const isComposing = editor.isComposing();
-      currentCanShowPlaceholder = editorState.read(text.$canShowPlaceholderCurry(isComposing));
+    function resetCanShowPlaceholder() {
+      const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
       setCanShowPlaceholder(currentCanShowPlaceholder);
-    });
+    }
+
+    resetCanShowPlaceholder();
+    return utils.mergeRegister(editor.registerUpdateListener(() => {
+      resetCanShowPlaceholder();
+    }), editor.registerReadOnlyListener(() => {
+      resetCanShowPlaceholder();
+    }));
   }, [editor]);
   return canShowPlaceholder;
 }

package/DEPRECATED_useLexicalEditor.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.
  */
-'use strict';var b=require("react"),d=require("@lexical/text"),g="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?b.useLayoutEffect:b.useEffect;
-function h(a){let [e,c]=b.useState(a.getEditorState().read(d.$canShowPlaceholderCurry(a.isComposing())));g(()=>{let f=a.getEditorState().read(d.$canShowPlaceholderCurry(a.isComposing()));c(f);return a.registerUpdateListener(({editorState:k})=>{let l=a.isComposing();f=k.read(d.$canShowPlaceholderCurry(l));c(f)})},[a]);return e}exports.useLexicalEditor=function(a){let e=h(a);return[b.useCallback(c=>{a.setRootElement(c)},[a]),e]}
+'use strict';var b=require("react"),f=require("@lexical/text"),g=require("@lexical/utils"),h="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?b.useLayoutEffect:b.useEffect;function k(a){return a.getEditorState().read(f.$canShowPlaceholderCurry(a.isComposing(),a.isReadOnly()))}
+function l(a){let [c,d]=b.useState(()=>k(a));h(()=>{function e(){let m=k(a);d(m)}e();return g.mergeRegister(a.registerUpdateListener(()=>{e()}),a.registerReadOnlyListener(()=>{e()}))},[a]);return c}exports.useLexicalEditor=function(a){let c=l(a);return[b.useCallback(d=>{a.setRootElement(d)},[a]),c]}

package/DEPRECATED_useLexicalEditorEvents.d.ts

@@ -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 type { InputEvents } from './shared/useEditorEvents';
+import type { LexicalEditor } from 'lexical';
+export declare function useLexicalEditorEvents(events: InputEvents, editor: LexicalEditor): void;

package/DEPRECATED_useLexicalEditorEvents.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalHistory.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 { HistoryState } from '@lexical/history';
+import type { LexicalEditor } from 'lexical';
+export { createEmptyHistoryState } from '@lexical/history';
+export type { HistoryState };
+export declare function useLexicalHistory(editor: LexicalEditor, externalHistoryState?: HistoryState, delay?: number): void;

package/DEPRECATED_useLexicalHistory.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalList.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.
+ *
+ */
+import type { LexicalEditor } from 'lexical';
+export declare function useLexicalList(editor: LexicalEditor): void;

package/DEPRECATED_useLexicalList.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalPlainText.d.ts

@@ -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 type { HistoryState } from './DEPRECATED_useLexicalHistory';
+import type { EditorState, LexicalEditor } from 'lexical';
+export declare function useLexicalPlainText(editor: LexicalEditor, externalHistoryState?: HistoryState, initialEditorState?: null | string | EditorState | (() => void)): void;

package/DEPRECATED_useLexicalPlainText.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/DEPRECATED_useLexicalRichText.d.ts

@@ -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 type { HistoryState } from './DEPRECATED_useLexicalHistory';
+import type { EditorState, LexicalEditor } from 'lexical';
+export declare function useLexicalRichText(editor: LexicalEditor, externalHistoryState?: HistoryState, initialEditorState?: null | string | EditorState | (() => void)): void;

package/DEPRECATED_useLexicalRichText.js.flow

@@ -1,5 +1,8 @@
 /**
- * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ * 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
  * @format

package/LexicalAutoFocusPlugin.d.ts

@@ -5,5 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-export function AutoFocusPlugin(): null;
+export declare function AutoFocusPlugin(): null;

package/LexicalAutoFocusPlugin.dev.js

@@ -27,7 +27,7 @@ function AutoFocusPlugin() {
       const activeElement = document.activeElement;
       const rootElement = editor.getRootElement();
 
-      if (rootElement !== null || activeElement === null || !rootElement.contains(activeElement)) {
+      if (!rootElement.contains(activeElement) || rootElement !== null || activeElement === null) {
         // Note: preventScroll won't work in Webkit.
         rootElement.focus({
           preventScroll: true

package/LexicalAutoFocusPlugin.prod.js

@@ -4,4 +4,4 @@
  * 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 d=require("@lexical/react/LexicalComposerContext"),e=require("react");exports.AutoFocusPlugin=function(){let [a]=d.useLexicalComposerContext();e.useEffect(()=>{a.focus(()=>{let c=document.activeElement,b=a.getRootElement();null===b&&null!==c&&b.contains(c)||b.focus({preventScroll:!0})})},[a]);return null}
+'use strict';var d=require("@lexical/react/LexicalComposerContext"),e=require("react");exports.AutoFocusPlugin=function(){let [a]=d.useLexicalComposerContext();e.useEffect(()=>{a.focus(()=>{let c=document.activeElement,b=a.getRootElement();b.contains(c)&&null===b&&null!==c||b.focus({preventScroll:!0})})},[a]);return null}

package/LexicalAutoLinkPlugin.d.ts

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
-type LinkMatcherResult = {
-  text: string;
-  url: string;
-  length: number;
-  index: number;
+declare type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
+declare type LinkMatcherResult = {
+    index: number;
+    length: number;
+    text: string;
+    url: string;
 };
-export type LinkMatcher = (text: string) => LinkMatcherResult | null;
-export function AutoLinkPlugin(props: {
-  matchers: Array<LinkMatcher>;
-  onChange?: ChangeHandler;
+export declare type LinkMatcher = (text: string) => LinkMatcherResult | null;
+export declare function AutoLinkPlugin({ matchers, onChange, }: {
+    matchers: Array<LinkMatcher>;
+    onChange?: ChangeHandler;
 }): JSX.Element | null;
+export {};

package/LexicalAutoScrollPlugin.d.ts

@@ -5,8 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-type Props = Readonly<{
-  scrollRef: {current: HTMLElement | null};
+declare type Props = Readonly<{
+    scrollRef: {
+        current: HTMLElement | null;
+    };
 }>;
-export function AutoScrollPlugin(props: Props): null;
+export declare function AutoScrollPlugin({ scrollRef }: Props): JSX.Element | null;
+export {};

package/LexicalBlockWithAlignableContents.d.ts

@@ -5,12 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-import type {ElementFormatType, NodeKey} from 'lexical';
-
-type Props = Readonly<{
-  children: JSX.Element | string | (JSX.Element | string)[];
-  format: ElementFormatType | null;
-  nodeKey: NodeKey;
+import type { ElementFormatType, NodeKey } from 'lexical';
+import { ReactNode } from 'react';
+declare type Props = Readonly<{
+    children: ReactNode;
+    format: ElementFormatType | null | undefined;
+    nodeKey: NodeKey;
+    className: Readonly<{
+        base: string;
+        focus: string;
+    }>;
 }>;
-declare function BlockWithAlignableContents(arg0: Props): JSX.Element;
+export declare function BlockWithAlignableContents({ children, format, nodeKey, className, }: Props): JSX.Element;
+export {};

package/LexicalBlockWithAlignableContents.dev.js

@@ -23,14 +23,14 @@ var React = require('react');
 function BlockWithAlignableContents({
   children,
   format,
-  nodeKey
+  nodeKey,
+  className
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection.useLexicalNodeSelection(nodeKey);
-  const ref = React.useRef();
-  const onDelete = React.useCallback(payload => {
+  const ref = React.useRef(null);
+  const onDelete = React.useCallback(event => {
     if (isSelected && lexical.$isNodeSelection(lexical.$getSelection())) {
-      const event = payload;
       event.preventDefault();
       editor.update(() => {
         const node = lexical.$getNodeByKey(nodeKey);
@@ -89,10 +89,10 @@ function BlockWithAlignableContents({
     }, lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical.KEY_DELETE_COMMAND, onDelete, lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical.KEY_BACKSPACE_COMMAND, onDelete, lexical.COMMAND_PRIORITY_LOW));
   }, [clearSelection, editor, isSelected, nodeKey, onDelete, setSelected]);
   return /*#__PURE__*/React.createElement("div", {
-    className: `embed-block${isSelected ? ' focused' : ''}`,
+    className: [className.base, isSelected ? className.focus : null].filter(Boolean).join(' '),
     ref: ref,
     style: {
-      textAlign: format ? format : null
+      textAlign: format ? format : undefined
     }
   }, children);
 }

package/LexicalBlockWithAlignableContents.js.flow

@@ -19,6 +19,10 @@ type Props = $ReadOnly<{
   children: React$Node,
   format: ?ElementFormatType,
   nodeKey: NodeKey,
+  className: $ReadOnly<{
+    base: string,
+    focus: string,
+  }>,
 }>;
 
 declare export function BlockWithAlignableContents(Props): React$Node;

package/LexicalBlockWithAlignableContents.prod.js

@@ -4,7 +4,7 @@
  * 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 a=require("@lexical/react/LexicalComposerContext"),h=require("@lexical/react/LexicalDecoratorBlockNode"),m=require("@lexical/react/useLexicalNodeSelection"),n=require("@lexical/utils"),t=require("lexical"),u=require("react");
-exports.BlockWithAlignableContents=function({children:v,format:p,nodeKey:g}){let [d]=a.useLexicalComposerContext(),[e,k,q]=m.useLexicalNodeSelection(g),r=u.useRef(),l=u.useCallback(b=>{e&&t.$isNodeSelection(t.$getSelection())&&(b.preventDefault(),d.update(()=>{const c=t.$getNodeByKey(g);t.$isDecoratorNode(c)&&c.isTopLevel()&&c.remove();k(!1)}));return!1},[d,e,g,k]);u.useEffect(()=>n.mergeRegister(d.registerCommand(t.FORMAT_ELEMENT_COMMAND,b=>{if(e){var c=t.$getSelection();if(t.$isNodeSelection(c)){var f=
-t.$getNodeByKey(g);h.$isDecoratorBlockNode(f)&&f.setFormat(b)}else if(t.$isRangeSelection(c)){c=c.getNodes();for(f of c)h.$isDecoratorBlockNode(f)?f.setFormat(b):n.$getNearestBlockElementAncestorOrThrow(f).setFormat(b)}return!0}return!1},t.COMMAND_PRIORITY_LOW),d.registerCommand(t.CLICK_COMMAND,b=>{b.preventDefault();return b.target===r.current?(b.shiftKey||q(),k(!e),!0):!1},t.COMMAND_PRIORITY_LOW),d.registerCommand(t.KEY_DELETE_COMMAND,l,t.COMMAND_PRIORITY_LOW),d.registerCommand(t.KEY_BACKSPACE_COMMAND,
-l,t.COMMAND_PRIORITY_LOW)),[q,d,e,g,l,k]);return u.createElement("div",{className:`embed-block${e?" focused":""}`,ref:r,style:{textAlign:p?p:null}},v)}
+'use strict';var a=require("@lexical/react/LexicalComposerContext"),h=require("@lexical/react/LexicalDecoratorBlockNode"),m=require("@lexical/react/useLexicalNodeSelection"),n=require("@lexical/utils"),u=require("lexical"),v=require("react");
+exports.BlockWithAlignableContents=function({children:w,format:p,nodeKey:g,className:q}){let [d]=a.useLexicalComposerContext(),[e,k,r]=m.useLexicalNodeSelection(g),t=v.useRef(null),l=v.useCallback(b=>{e&&u.$isNodeSelection(u.$getSelection())&&(b.preventDefault(),d.update(()=>{const c=u.$getNodeByKey(g);u.$isDecoratorNode(c)&&c.isTopLevel()&&c.remove();k(!1)}));return!1},[d,e,g,k]);v.useEffect(()=>n.mergeRegister(d.registerCommand(u.FORMAT_ELEMENT_COMMAND,b=>{if(e){var c=u.$getSelection();if(u.$isNodeSelection(c)){var f=
+u.$getNodeByKey(g);h.$isDecoratorBlockNode(f)&&f.setFormat(b)}else if(u.$isRangeSelection(c)){c=c.getNodes();for(f of c)h.$isDecoratorBlockNode(f)?f.setFormat(b):n.$getNearestBlockElementAncestorOrThrow(f).setFormat(b)}return!0}return!1},u.COMMAND_PRIORITY_LOW),d.registerCommand(u.CLICK_COMMAND,b=>{b.preventDefault();return b.target===t.current?(b.shiftKey||r(),k(!e),!0):!1},u.COMMAND_PRIORITY_LOW),d.registerCommand(u.KEY_DELETE_COMMAND,l,u.COMMAND_PRIORITY_LOW),d.registerCommand(u.KEY_BACKSPACE_COMMAND,
+l,u.COMMAND_PRIORITY_LOW)),[r,d,e,g,l,k]);return v.createElement("div",{className:[q.base,e?q.focus:null].filter(Boolean).join(" "),ref:t,style:{textAlign:p?p:void 0}},w)}

package/LexicalCharacterLimitPlugin.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-export function CharacterLimitPlugin(props: {
-  charset: 'UTF-8' | 'UTF-16';
-}): JSX.Element | null;
+export declare function CharacterLimitPlugin({ charset, }: {
+    charset: 'UTF-8' | 'UTF-16';
+}): JSX.Element;

package/LexicalCheckListPlugin.d.ts

@@ -5,5 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-export function CheckListPlugin(): null;
+export declare function CheckListPlugin(): null;

package/LexicalCheckListPlugin.dev.js

@@ -117,7 +117,7 @@ function handleCheckItemEvent(event, callback) {
 
   const firstChild = target.firstChild;
 
-  if (firstChild != null && (firstChild.tagName === 'UL' || firstChild.tagName === 'OL')) {
+  if (firstChild != null && firstChild instanceof HTMLElement && (firstChild.tagName === 'UL' || firstChild.tagName === 'OL')) {
     return;
   }
 
@@ -137,15 +137,18 @@ function handleCheckItemEvent(event, callback) {
 
 function handleClick(event) {
   handleCheckItemEvent(event, () => {
-    const editor = findEditor(event.target);
+    const domNode = event.target;
+    const editor = findEditor(domNode);
 
     if (editor != null && !editor.isReadOnly()) {
       editor.update(() => {
-        const node = lexical.$getNearestNodeFromDOMNode(event.target);
+        if (event.target) {
+          const node = lexical.$getNearestNodeFromDOMNode(domNode);
 
-        if (list.$isListItemNode(node)) {
-          event.target.focus();
-          node.toggleChecked();
+          if (list.$isListItemNode(node)) {
+            domNode.focus();
+            node.toggleChecked();
+          }
         }
       });
     }
@@ -163,7 +166,9 @@ function findEditor(target) {
   let node = target;
 
   while (node) {
+    // @ts-ignore internal field
     if (node.__lexicalEditor) {
+      // @ts-ignore internal field
       return node.__lexicalEditor;
     }