@mdxeditor/editor 4.0.4 → 4.1.1

package/dist/plugins/table/TableEditor.js

@@ -1,14 +1,12 @@
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
-import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
+import { LexicalExtensionEditorComposer } from "@lexical/react/LexicalExtensionEditorComposer";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import * as RadixPopover from "@radix-ui/react-popover";
-import { $createParagraphNode, createEditor, $getRoot, KEY_TAB_COMMAND, COMMAND_PRIORITY_CRITICAL, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, KEY_ENTER_COMMAND, BLUR_COMMAND, COMMAND_PRIORITY_EDITOR } from "lexical";
+import { $createParagraphNode, $getRoot, KEY_TAB_COMMAND, COMMAND_PRIORITY_CRITICAL, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, KEY_ENTER_COMMAND, BLUR_COMMAND, COMMAND_PRIORITY_EDITOR } from "lexical";
 import React__default from "react";
 import { exportLexicalTreeToMdast } from "../../exportMarkdownFromLexical.js";
 import { importMdastTreeToLexical } from "../../importMarkdownToLexical.js";
-import { lexicalTheme } from "../../styles/lexicalTheme.js";
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { mergeRegister } from "@lexical/utils";
 import * as RadixToolbar from "@radix-ui/react-toolbar";
 import classNames from "classnames";
@@ -17,6 +15,7 @@ import { isPartOftheEditorUI } from "../../utils/isPartOftheEditorUI.js";
 import { uuidv4 } from "../../utils/uuid4.js";
 import { iconComponentFor$, readOnly$, useTranslation, editorRootElementRef$, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, defaultCodeBlockLanguage$, jsxIsAvailable$, rootEditor$, tableCellEditorChildren$, NESTED_EDITOR_UPDATED_COMMAND } from "../core/index.js";
 import { useCellValues } from "@mdxeditor/gurx";
+import { createExtensionEditor } from "../core/lexicalExtensions.js";
 const getCellType = (rowIndex) => {
   if (rowIndex === 0) {
     return "th";
@@ -192,7 +191,7 @@ const TableEditor = ({ mdastNode, parentEditor, lexicalTable }) => {
 };
 const Cell = ({ align, ...props }) => {
   const { activeCell, setActiveCell } = props;
-  const isActive = Boolean(activeCell && activeCell[0] === props.colIndex && activeCell[1] === props.rowIndex);
+  const isActive = (activeCell == null ? void 0 : activeCell[0]) === props.colIndex && activeCell[1] === props.rowIndex;
   const className = AlignToTailwindClassMap[align ?? "left"];
   const CellElement = getCellType(props.rowIndex);
   return /* @__PURE__ */ React__default.createElement(
@@ -231,27 +230,36 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
     rootEditor$,
     tableCellEditorChildren$
   );
-  const [editor] = React__default.useState(() => {
-    const editor2 = createEditor({
+  const [editor, setEditor] = React__default.useState(null);
+  React__default.useEffect(() => {
+    const editor2 = createExtensionEditor({
+      name: "@mdxeditor/table-cell",
       nodes: usedLexicalNodes,
-      theme: lexicalTheme,
-      namespace: "TableCellEditor"
-    });
-    editor2.update(() => {
-      importMdastTreeToLexical({
-        root: $getRoot(),
-        mdastRoot: { type: "root", children: [{ type: "paragraph", children: contents }] },
-        visitors: importVisitors,
-        jsxComponentDescriptors,
-        directiveDescriptors,
-        codeBlockEditorDescriptors,
-        defaultCodeBlockLanguage
-      });
+      namespace: "TableCellEditor",
+      parentEditor,
+      historyMode: "table-local",
+      initialEditorState: () => {
+        importMdastTreeToLexical({
+          root: $getRoot(),
+          mdastRoot: { type: "root", children: [{ type: "paragraph", children: contents }] },
+          visitors: importVisitors,
+          jsxComponentDescriptors,
+          directiveDescriptors,
+          codeBlockEditorDescriptors,
+          defaultCodeBlockLanguage
+        });
+      }
     });
-    return editor2;
-  });
+    setEditor(editor2);
+    return () => {
+      editor2.dispose();
+    };
+  }, []);
   const saveAndFocus = React__default.useCallback(
     (nextCell) => {
+      if (!editor) {
+        return;
+      }
       editor.getEditorState().read(() => {
         const mdast = exportLexicalTreeToMdast({
           root: $getRoot(),
@@ -272,6 +280,9 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
     [colIndex, editor, exportVisitors, jsxComponentDescriptors, jsxIsAvailable, lexicalTable, parentEditor, rowIndex, setActiveCell]
   );
   React__default.useEffect(() => {
+    if (!editor) {
+      return;
+    }
     return mergeRegister(
       editor.registerCommand(
         KEY_TAB_COMMAND,
@@ -324,11 +335,14 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
     );
   }, [colIndex, editor, rootEditor, rowIndex, saveAndFocus, setActiveCell]);
   React__default.useEffect(() => {
-    if (focus) {
+    if (focus && editor) {
       editor.focus();
     }
   }, [focus, editor]);
-  return /* @__PURE__ */ React__default.createElement(LexicalNestedComposer, { initialEditor: editor }, /* @__PURE__ */ React__default.createElement(RichTextPlugin, { contentEditable: /* @__PURE__ */ React__default.createElement(ContentEditable, null), placeholder: /* @__PURE__ */ React__default.createElement("div", null), ErrorBoundary: LexicalErrorBoundary }), tableCellEditorChildren.map((Child, index) => /* @__PURE__ */ React__default.createElement(Child, { key: index })), /* @__PURE__ */ React__default.createElement(HistoryPlugin, null));
+  if (!editor) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(LexicalExtensionEditorComposer, { initialEditor: editor }, /* @__PURE__ */ React__default.createElement(RichTextPlugin, { contentEditable: /* @__PURE__ */ React__default.createElement(ContentEditable, null), placeholder: /* @__PURE__ */ React__default.createElement("div", null), ErrorBoundary: LexicalErrorBoundary }), tableCellEditorChildren.map((Child, index) => /* @__PURE__ */ React__default.createElement(Child, { key: index })));
 };
 const ColumnEditor = ({
   parentEditor,

package/dist/plugins/table/TableNode.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { DecoratorNode } from "lexical";
 import React__default from "react";
 import { noop } from "../../utils/fp.js";

package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.js

@@ -1,6 +1,6 @@
-import { $isHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode.js";
+import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode.js";
 const LexicalThematicBreakVisitor = {
-  testLexicalNode: $isHorizontalRuleNode,
+  testLexicalNode: (node) => node instanceof HorizontalRuleNode,
   visitLexicalNode({ actions }) {
     actions.addAndStepInto("thematicBreak");
   }

package/dist/plugins/toolbar/components/KitchenSinkToolbar.js

@@ -18,7 +18,7 @@ import { CreateLink } from "./CreateLink.js";
 import { HighlightToggle } from "./HighlightToggle.js";
 function whenInAdmonition(editorInFocus) {
   const node = editorInFocus == null ? void 0 : editorInFocus.rootNode;
-  if (!node || node.getType() !== "directive") {
+  if ((node == null ? void 0 : node.getType()) !== "directive") {
     return false;
   }
   return ["note", "tip", "danger", "info", "caution"].includes(node.getMdastNode().name);

package/dist/plugins/toolbar/primitives/toolbar.js

@@ -5,7 +5,7 @@ import React__default from "react";
 import styles from "../../../styles/ui.module.css.js";
 import { TooltipWrap } from "./TooltipWrap.js";
 import { SelectButtonTrigger, SelectContent, SelectItem } from "./select.js";
-import { useTranslation, readOnly$, editorInFocus$ } from "../../core/index.js";
+import { readOnly$, editorInFocus$, useTranslation } from "../../core/index.js";
 import { useCellValue } from "@mdxeditor/gurx";
 function decorateWithRef(Component, decoratedProps) {
   return React__default.forwardRef((props, ref) => {

package/dist/realmSession.js

@@ -0,0 +1,38 @@
+const realmCleanups = /* @__PURE__ */ new WeakMap();
+function registerRealmCleanup(realm, cleanup) {
+  let cleanups = realmCleanups.get(realm);
+  if (!cleanups) {
+    cleanups = /* @__PURE__ */ new Set();
+    realmCleanups.set(realm, cleanups);
+  }
+  cleanups.add(cleanup);
+  return () => {
+    cleanups.delete(cleanup);
+  };
+}
+function disposeRealmSession(realm) {
+  const cleanups = realmCleanups.get(realm);
+  realmCleanups.delete(realm);
+  if (!cleanups) {
+    return;
+  }
+  let hasError = false;
+  let firstError;
+  for (const cleanup of [...cleanups].reverse()) {
+    try {
+      cleanup();
+    } catch (error) {
+      if (!hasError) {
+        hasError = true;
+        firstError = error;
+      }
+    }
+  }
+  if (hasError) {
+    throw firstError instanceof Error ? firstError : new Error("Realm cleanup failed with a non-Error value");
+  }
+}
+export {
+  disposeRealmSession,
+  registerRealmCleanup
+};