@mdxeditor/editor 3.21.2 → 3.21.4

package/dist/exportMarkdownFromLexical.js

@@ -76,6 +76,7 @@ function exportLexicalTreeToMdast({
         },
         appendToParent,
         visitChildren,
+        visit,
         registerReferredComponent
       }
     });

package/dist/index.d.ts

@@ -1254,7 +1254,7 @@ export declare const headingsPlugin: (params?: {
  * All the HTML tags supported by the generic html node.
  * @group HTML
  */
-export declare const htmlTags: readonly ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "input", "ins", "kbd", "label", "legend", "li", "link", "main", "map", "mark", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr"];
+export declare const htmlTags: string[];
 
 /**
  * A callback that returns the icon component for the given name.
@@ -1782,6 +1782,10 @@ export declare interface LexicalExportVisitor<LN extends LexicalNode, UN extends
              * @see {@link JsxComponentDescriptor}
              */
             registerReferredComponent(componentName: string): void;
+            /**
+             * visits the specified lexical node
+             */
+            visit(node: LexicalNode, parent: Mdast.Parent): void;
         };
     }): void;
     /**

package/dist/plugins/jsx/LexicalJsxVisitor.js

@@ -1,12 +1,13 @@
 import { $isLexicalJsxNode } from "./LexicalJsxNode.js";
 import { isMdastJsxNode } from "./index.js";
+import { htmlTags } from "../core/MdastHTMLNode.js";
 const LexicalJsxVisitor = {
   testLexicalNode: $isLexicalJsxNode,
   visitLexicalNode({ actions, mdastParent, lexicalNode }) {
     function traverseNestedJsxNodes(node) {
       if ("children" in node && node.children instanceof Array) {
         node.children.forEach((child) => {
-          if (isMdastJsxNode(child)) {
+          if (isMdastJsxNode(child) && !htmlTags.includes(child.name.toLowerCase())) {
             actions.registerReferredComponent(child.name);
           }
           traverseNestedJsxNodes(child);

package/dist/plugins/lists/LexicalListItemVisitor.js

@@ -1,4 +1,5 @@
 import { $isListItemNode, $isListNode } from "@lexical/list";
+import { $isTextNode } from "lexical";
 const LexicalListItemVisitor = {
   testLexicalNode: $isListItemNode,
   visitLexicalNode: ({ lexicalNode, mdastParent, actions }) => {
@@ -19,7 +20,21 @@ const LexicalListItemVisitor = {
         spread: false,
         children: []
       });
-      actions.visitChildren(lexicalNode, listItem);
+      let surroundingParagraph = null;
+      for (const child of lexicalNode.getChildren()) {
+        if ($isTextNode(child)) {
+          if (!surroundingParagraph) {
+            surroundingParagraph = actions.appendToParent(listItem, {
+              type: "paragraph",
+              children: []
+            });
+          }
+          actions.visit(child, surroundingParagraph);
+        } else {
+          surroundingParagraph = null;
+          actions.visit(child, listItem);
+        }
+      }
     }
   }
 };

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

@@ -1,19 +1,33 @@
 import { ButtonWithTooltip } from "../primitives/toolbar.js";
 import React__default from "react";
 import { insertTable$ } from "../../table/index.js";
-import { useCellValue, usePublisher } from "@mdxeditor/gurx";
-import { iconComponentFor$, useTranslation } from "../../core/index.js";
+import { Cell, map, useCellValue, usePublisher } from "@mdxeditor/gurx";
+import { activeEditor$, iconComponentFor$, useTranslation } from "../../core/index.js";
+const disableInsertTableButton$ = Cell(false, (r) => {
+  r.link(
+    r.pipe(
+      activeEditor$,
+      map((editor) => {
+        var _a, _b;
+        return ["td", "th"].includes(((_b = (_a = editor == null ? void 0 : editor.getRootElement()) == null ? void 0 : _a.parentNode) == null ? void 0 : _b.nodeName.toLowerCase()) ?? "");
+      })
+    ),
+    disableInsertTableButton$
+  );
+});
 const InsertTable = () => {
   const iconComponentFor = useCellValue(iconComponentFor$);
   const insertTable = usePublisher(insertTable$);
   const t = useTranslation();
+  const isDisabled = useCellValue(disableInsertTableButton$);
   return /* @__PURE__ */ React__default.createElement(
     ButtonWithTooltip,
     {
       title: t("toolbar.table", "Insert Table"),
       onClick: () => {
         insertTable({ rows: 3, columns: 3 });
-      }
+      },
+      ...isDisabled ? { "aria-disabled": true, "data-disabled": true, disabled: true } : {}
     },
     iconComponentFor("table")
   );

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.21.2",
+  "version": "3.21.4",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -42,7 +42,7 @@
     "@codemirror/merge": "^6.4.0",
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.23.0",
-    "@codesandbox/sandpack-react": "^2.10.0",
+    "@codesandbox/sandpack-react": "^2.19.11",
     "@lexical/clipboard": "^0.23.1",
     "@lexical/link": "^0.23.1",
     "@lexical/list": "^0.23.1",