@mdxeditor/editor 0.18.0 → 0.20.0

package/dist/plugins/frontmatter/FrontmatterEditor.js

@@ -1,22 +1,25 @@
+import * as Dialog from "@radix-ui/react-dialog";
 import classNames from "classnames";
 import YamlParser from "js-yaml";
 import React__default from "react";
 import { useForm, useFieldArray } from "react-hook-form";
-import DropDownIcon from "../../icons/arrow_drop_down.svg.js";
-import ArrowRight from "../../icons/arrow_right.svg.js";
+import { frontmatterPluginHooks } from "./index.js";
+import CloseIcon from "../../icons/close.svg.js";
 import DeleteIcon from "../../icons/delete.svg.js";
 import styles from "../../styles/ui.module.css.js";
 import { corePluginHooks } from "../core/index.js";
 const FrontmatterEditor = ({ yaml, onChange }) => {
-  const [expanded, setExpanded] = React__default.useState(true);
-  const [readOnly] = corePluginHooks.useEmitterValues("readOnly");
+  const [readOnly, editorRootElementRef] = corePluginHooks.useEmitterValues("readOnly", "editorRootElementRef");
+  const [frontmatterDialogOpen] = frontmatterPluginHooks.useEmitterValues("frontmatterDialogOpen");
+  const setFrontmatterDialogOpen = frontmatterPluginHooks.usePublisher("frontmatterDialogOpen");
+  const removeFrontmatter = frontmatterPluginHooks.usePublisher("removeFrontmatter");
   const yamlConfig = React__default.useMemo(() => {
     if (!yaml) {
       return [];
     }
     return Object.entries(YamlParser.load(yaml)).map(([key, value]) => ({ key, value }));
   }, [yaml]);
-  const { register, control, watch } = useForm({
+  const { register, control, handleSubmit } = useForm({
     defaultValues: {
       yamlConfig
     }
@@ -25,8 +28,13 @@ const FrontmatterEditor = ({ yaml, onChange }) => {
     control,
     name: "yamlConfig"
   });
-  React__default.useEffect(() => {
-    const subscription = watch(({ yamlConfig: yamlConfig2 }) => {
+  const onSubmit = React__default.useCallback(
+    ({ yamlConfig: yamlConfig2 }) => {
+      if (yamlConfig2.length === 0) {
+        removeFrontmatter(true);
+        setFrontmatterDialogOpen(false);
+        return;
+      }
       const yaml2 = yamlConfig2.reduce((acc, { key, value }) => {
         if (key && value) {
           acc[key] = value;
@@ -34,34 +42,24 @@ const FrontmatterEditor = ({ yaml, onChange }) => {
         return acc;
       }, {});
       onChange(YamlParser.dump(yaml2).trim());
-    });
-    return () => subscription.unsubscribe();
-  }, [watch, onChange]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.frontmatterWrapper, "data-expanded": expanded, "data-editor-type": "frontmatter" }, /* @__PURE__ */ React__default.createElement(
-    "button",
-    {
-      className: styles.frontmatterToggleButton,
-      onClick: (e) => {
-        e.preventDefault();
-        setExpanded((v) => !v);
-      }
+      setFrontmatterDialogOpen(false);
     },
-    expanded ? /* @__PURE__ */ React__default.createElement(DropDownIcon, null) : /* @__PURE__ */ React__default.createElement(ArrowRight, null),
-    "Document frontmatter"
-  ), expanded && /* @__PURE__ */ React__default.createElement("form", null, /* @__PURE__ */ React__default.createElement("table", { className: styles.propertyEditorTable }, /* @__PURE__ */ React__default.createElement("colgroup", null, /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null)), /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", null, "Key"), /* @__PURE__ */ React__default.createElement("th", null, "Value"), /* @__PURE__ */ React__default.createElement("th", null))), /* @__PURE__ */ React__default.createElement("tbody", null, fields.map((item, index) => {
+    [onChange, setFrontmatterDialogOpen, removeFrontmatter]
+  );
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Dialog.Root, { open: frontmatterDialogOpen, onOpenChange: (open) => setFrontmatterDialogOpen(open) }, /* @__PURE__ */ React__default.createElement(Dialog.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Dialog.Overlay, { className: styles.dialogOverlay }), /* @__PURE__ */ React__default.createElement(Dialog.Content, { className: styles.largeDialogContent, "data-editor-type": "frontmatter" }, /* @__PURE__ */ React__default.createElement(Dialog.Title, { className: styles.dialogTitle }, "Edit document frontmatter"), /* @__PURE__ */ React__default.createElement("form", { onSubmit: handleSubmit(onSubmit), onReset: () => setFrontmatterDialogOpen(false) }, /* @__PURE__ */ React__default.createElement("table", { className: styles.propertyEditorTable }, /* @__PURE__ */ React__default.createElement("colgroup", null, /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null)), /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", null, "Key"), /* @__PURE__ */ React__default.createElement("th", null, "Value"), /* @__PURE__ */ React__default.createElement("th", null))), /* @__PURE__ */ React__default.createElement("tbody", null, fields.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("tr", { key: item.id }, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.key`, { required: true }), autofocusIfEmpty: true, readOnly })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.value`, { required: true }), readOnly })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement("button", { type: "button", onClick: () => remove(index), className: styles.iconButton, disabled: readOnly }, /* @__PURE__ */ React__default.createElement(DeleteIcon, null))));
   })), /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       disabled: readOnly,
-      className: styles.primaryButton,
+      className: classNames(styles.primaryButton, styles.smallButton),
       type: "button",
       onClick: () => {
         append({ key: "", value: "" });
       }
     },
-    "Add new key"
-  )))))));
+    "Add entry"
+  ))))), /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--spacing-2)" } }, /* @__PURE__ */ React__default.createElement("button", { type: "reset", className: styles.secondaryButton }, "Cancel"), /* @__PURE__ */ React__default.createElement("button", { type: "submit", className: styles.primaryButton }, "Save"))), /* @__PURE__ */ React__default.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ React__default.createElement("button", { className: styles.dialogCloseButton, "aria-label": "Close" }, /* @__PURE__ */ React__default.createElement(CloseIcon, null)))))));
 };
 const TableInput = React__default.forwardRef(({ className, autofocusIfEmpty: _, ...props }, ref) => {
   return /* @__PURE__ */ React__default.createElement("input", { className: classNames(styles.propertyEditorInput, className), ...props, ref });

package/dist/plugins/frontmatter/index.d.ts

@@ -63,7 +63,8 @@ export declare const frontmatterSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
-}>], (r: Realm, [{ rootEditor }]: [{
+    onBlur: RealmNode<FocusEvent>;
+}>], (r: Realm, [{ rootEditor, createRootEditorSubscription }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
     historyState: RealmNode<HistoryState>;
@@ -114,8 +115,12 @@ export declare const frontmatterSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     insertFrontmatter: RealmNode<true>;
+    removeFrontmatter: RealmNode<true>;
+    hasFrontmatter: RealmNode<boolean>;
+    frontmatterDialogOpen: RealmNode<boolean>;
 }>;
 export declare const 
 /** @internal */
@@ -170,7 +175,8 @@ frontmatterPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
-}>], (r: Realm, [{ rootEditor }]: [{
+    onBlur: RealmNode<FocusEvent>;
+}>], (r: Realm, [{ rootEditor, createRootEditorSubscription }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
     historyState: RealmNode<HistoryState>;
@@ -221,13 +227,20 @@ frontmatterPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     insertFrontmatter: RealmNode<true>;
+    removeFrontmatter: RealmNode<true>;
+    hasFrontmatter: RealmNode<boolean>;
+    frontmatterDialogOpen: RealmNode<boolean>;
 }>, object>, 
 /** @internal */
 frontmatterPluginHooks: {
     useRealmContext: () => TypedRealm<{
         insertFrontmatter: RealmNode<true>;
+        removeFrontmatter: RealmNode<true>;
+        hasFrontmatter: RealmNode<boolean>;
+        frontmatterDialogOpen: RealmNode<boolean>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -279,9 +292,13 @@ frontmatterPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertFrontmatter">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertFrontmatter" | "removeFrontmatter" | "hasFrontmatter" | "frontmatterDialogOpen">(key: K, callback: (value: ValueForKey<{
         insertFrontmatter: RealmNode<true>;
+        removeFrontmatter: RealmNode<true>;
+        hasFrontmatter: RealmNode<boolean>;
+        frontmatterDialogOpen: RealmNode<boolean>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -333,9 +350,13 @@ frontmatterPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
         insertFrontmatter: RealmNode<true>;
+        removeFrontmatter: RealmNode<true>;
+        hasFrontmatter: RealmNode<boolean>;
+        frontmatterDialogOpen: RealmNode<boolean>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -387,8 +408,12 @@ frontmatterPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>>(...keys: K_1) => ValuesForKeys<{
         insertFrontmatter: RealmNode<true>;
+        removeFrontmatter: RealmNode<true>;
+        hasFrontmatter: RealmNode<boolean>;
+        frontmatterDialogOpen: RealmNode<boolean>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -440,9 +465,13 @@ frontmatterPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
         insertFrontmatter: RealmNode<true>;
+        removeFrontmatter: RealmNode<true>;
+        hasFrontmatter: RealmNode<boolean>;
+        frontmatterDialogOpen: RealmNode<boolean>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -494,9 +523,13 @@ frontmatterPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertFrontmatter">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertFrontmatter" | "removeFrontmatter" | "hasFrontmatter" | "frontmatterDialogOpen">(key: K_2) => (value: ValueForKey<{
         insertFrontmatter: RealmNode<true>;
+        removeFrontmatter: RealmNode<true>;
+        hasFrontmatter: RealmNode<boolean>;
+        frontmatterDialogOpen: RealmNode<boolean>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -548,5 +581,6 @@ frontmatterPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_2>) => void;
 };

package/dist/plugins/frontmatter/index.js

@@ -8,8 +8,11 @@ import { $isFrontmatterNode, $createFrontmatterNode, FrontmatterNode } from "./F
 import { system } from "../../gurx/realmFactory.js";
 import { realmPlugin } from "../../gurx/react.js";
 const frontmatterSystem = system(
-  (r, [{ rootEditor }]) => {
+  (r, [{ rootEditor, createRootEditorSubscription }]) => {
     const insertFrontmatter = r.node();
+    const removeFrontmatter = r.node();
+    const frontmatterDialogOpen = r.node(false);
+    const hasFrontmatter = r.node(false);
     r.sub(r.pipe(insertFrontmatter, r.o.withLatestFrom(rootEditor)), ([, theEditor]) => {
       theEditor == null ? void 0 : theEditor.update(() => {
         const firstItem = $getRoot().getFirstChild();
@@ -22,9 +25,29 @@ const frontmatterSystem = system(
           }
         }
       });
+      r.pub(frontmatterDialogOpen, true);
+    });
+    r.sub(r.pipe(removeFrontmatter, r.o.withLatestFrom(rootEditor)), ([, theEditor]) => {
+      theEditor == null ? void 0 : theEditor.update(() => {
+        const firstItem = $getRoot().getFirstChild();
+        if ($isFrontmatterNode(firstItem)) {
+          firstItem.remove();
+        }
+      });
+      r.pub(frontmatterDialogOpen, false);
+    });
+    r.pub(createRootEditorSubscription, (rootEditor2) => {
+      return rootEditor2.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          r.pub(hasFrontmatter, $isFrontmatterNode($getRoot().getFirstChild()));
+        });
+      });
     });
     return {
-      insertFrontmatter
+      insertFrontmatter,
+      removeFrontmatter,
+      hasFrontmatter,
+      frontmatterDialogOpen
     };
   },
   [coreSystem]

package/dist/plugins/headings/index.d.ts

@@ -67,6 +67,7 @@ export declare const headingsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }>], (r: Realm, [{ createRootEditorSubscription, convertSelectionToNode }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -118,6 +119,7 @@ export declare const headingsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     allowedHeadingLevels: RealmNode<readonly (1 | 2 | 4 | 3 | 5 | 6)[]>;
 }>;
@@ -185,6 +187,7 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }>], (r: Realm, [{ createRootEditorSubscription, convertSelectionToNode }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -236,6 +239,7 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     allowedHeadingLevels: RealmNode<readonly (1 | 2 | 4 | 3 | 5 | 6)[]>;
 }>, HeadingsPluginParams>, headingsPluginHooks: {
@@ -292,8 +296,9 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "allowedHeadingLevels">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "allowedHeadingLevels">(key: K, callback: (value: ValueForKey<{
         allowedHeadingLevels: RealmNode<readonly (1 | 2 | 4 | 3 | 5 | 6)[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -346,6 +351,7 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
         allowedHeadingLevels: RealmNode<readonly (1 | 2 | 4 | 3 | 5 | 6)[]>;
@@ -400,6 +406,7 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>>(...keys: K_1) => ValuesForKeys<{
         allowedHeadingLevels: RealmNode<readonly (1 | 2 | 4 | 3 | 5 | 6)[]>;
     } & {
@@ -453,6 +460,7 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
         allowedHeadingLevels: RealmNode<readonly (1 | 2 | 4 | 3 | 5 | 6)[]>;
@@ -507,8 +515,9 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "allowedHeadingLevels">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "allowedHeadingLevels">(key: K_2) => (value: ValueForKey<{
         allowedHeadingLevels: RealmNode<readonly (1 | 2 | 4 | 3 | 5 | 6)[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -561,6 +570,7 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_2>) => void;
 };
 export {};

package/dist/plugins/image/index.d.ts

@@ -66,6 +66,7 @@ export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }>], (r: Realm, [{ rootEditor }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -117,6 +118,7 @@ export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     imageUploadHandler: RealmNode<ImageUploadHandler>;
     imageAutocompleteSuggestions: RealmNode<string[]>;
@@ -181,6 +183,7 @@ imagePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }>], (r: Realm, [{ rootEditor }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -232,6 +235,7 @@ imagePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     imageUploadHandler: RealmNode<ImageUploadHandler>;
     imageAutocompleteSuggestions: RealmNode<string[]>;
@@ -296,8 +300,9 @@ imagePluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "disableImageResize" | "insertImage">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "disableImageResize" | "insertImage">(key: K, callback: (value: ValueForKey<{
         imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
         disableImageResize: RealmNode<boolean>;
@@ -353,6 +358,7 @@ imagePluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
         imageUploadHandler: RealmNode<ImageUploadHandler>;
@@ -410,6 +416,7 @@ imagePluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>>(...keys: K_1) => ValuesForKeys<{
         imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
@@ -466,6 +473,7 @@ imagePluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
         imageUploadHandler: RealmNode<ImageUploadHandler>;
@@ -523,8 +531,9 @@ imagePluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "disableImageResize" | "insertImage">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "imageUploadHandler" | "imageAutocompleteSuggestions" | "disableImageResize" | "insertImage">(key: K_2) => (value: ValueForKey<{
         imageUploadHandler: RealmNode<ImageUploadHandler>;
         imageAutocompleteSuggestions: RealmNode<string[]>;
         disableImageResize: RealmNode<boolean>;
@@ -580,6 +589,7 @@ imagePluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_2>) => void;
 };
 /** @internal */

package/dist/plugins/jsx/index.d.ts

@@ -130,6 +130,7 @@ export declare const jsxSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }>], (r: Realm, [{ insertDecoratorNode }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -181,6 +182,7 @@ export declare const jsxSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     insertJsx: RealmNode<InsertJsxPayload>;
 }>;
@@ -246,6 +248,7 @@ jsxPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }>], (r: Realm, [{ insertDecoratorNode }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -297,6 +300,7 @@ jsxPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }]) => {
     insertJsx: RealmNode<InsertJsxPayload>;
 }>, JsxPluginParams>, 
@@ -355,8 +359,9 @@ jsxPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertJsx">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertJsx">(key: K, callback: (value: ValueForKey<{
         insertJsx: RealmNode<InsertJsxPayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -409,6 +414,7 @@ jsxPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
         insertJsx: RealmNode<InsertJsxPayload>;
@@ -463,6 +469,7 @@ jsxPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>>(...keys: K_1) => ValuesForKeys<{
         insertJsx: RealmNode<InsertJsxPayload>;
     } & {
@@ -516,6 +523,7 @@ jsxPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
         insertJsx: RealmNode<InsertJsxPayload>;
@@ -570,8 +578,9 @@ jsxPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertJsx">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertJsx">(key: K_2) => (value: ValueForKey<{
         insertJsx: RealmNode<InsertJsxPayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -624,6 +633,7 @@ jsxPluginHooks: {
         applyBlockType: RealmNode<BlockType>;
         convertSelectionToNode: RealmNode<() => ElementNode>;
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+        onBlur: RealmNode<FocusEvent>;
     }, K_2>) => void;
 };
 export {};

package/dist/plugins/link/index.d.ts

@@ -80,6 +80,7 @@ export declare const linkPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r
     applyBlockType: RealmNode<BlockType>;
     convertSelectionToNode: RealmNode<() => ElementNode>;
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
+    onBlur: RealmNode<FocusEvent>;
 }>], (r: Realm) => {
     disableAutoLink: RealmNode<boolean>;
 }>, LinkPluginParams>;

package/dist/plugins/link-dialog/LinkDialog.d.ts

@@ -3,10 +3,11 @@ import { LexicalCommand } from 'lexical';
 export declare const OPEN_LINK_DIALOG: LexicalCommand<undefined>;
 interface LinkEditFormProps {
     initialUrl: string;
-    onSubmit: (url: string) => void;
+    initialTitle: string;
+    onSubmit: (link: [string, string]) => void;
     onCancel: () => void;
     linkAutocompleteSuggestions: string[];
 }
-export declare function LinkEditForm({ initialUrl, onSubmit, onCancel, linkAutocompleteSuggestions }: LinkEditFormProps): React.JSX.Element;
+export declare function LinkEditForm({ initialUrl, initialTitle, onSubmit, onCancel, linkAutocompleteSuggestions }: LinkEditFormProps): React.JSX.Element;
 export declare const LinkDialog: React.FC;
 export {};