@mdxeditor/editor 3.21.1 → 3.21.3

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.

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/link-dialog/index.js

@@ -162,7 +162,6 @@ const linkDialogState$ = Cell({ type: "inactive" }, (r) => {
               rectangle: getSelectionRectangle(activeEditor)
             };
           } else {
-            console.log("setting to inactive");
             return { type: "inactive" };
           }
         } else {

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.1",
+  "version": "3.21.3",
   "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",