@mdxeditor/editor 3.2.0 → 3.3.0

package/dist/plugins/sandpack/useCodeMirrorRef.js

@@ -18,7 +18,7 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
   }, [editorType, lexicalNode, setEditorInFocus]);
   const onKeyDownHandler = React__default.useCallback(
     (e) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       if (e.key === "ArrowDown") {
         const state = (_b = (_a = codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.state;
         if (state) {
@@ -66,6 +66,15 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
         }
       } else if (e.key === "Enter") {
         e.stopPropagation();
+      } else if (e.key === "Backspace" || e.key === "Delete") {
+        const state = (_f = (_e = codeMirrorRef.current) == null ? void 0 : _e.getCodemirror()) == null ? void 0 : _f.state;
+        const docLength = state == null ? void 0 : state.doc.length;
+        if (docLength === 0) {
+          activeEditor == null ? void 0 : activeEditor.update(() => {
+            const node = $getNodeByKey(nodeKey);
+            node.remove();
+          });
+        }
       }
     },
     [activeEditor, nodeKey]

package/dist/plugins/table/TableEditor.js

@@ -137,7 +137,21 @@ const TableEditor = ({ mdastNode, parentEditor, lexicalTable }) => {
       const className = AlignToTailwindClassMap[currentColumnAlign];
       return /* @__PURE__ */ React__default.createElement("col", { key: colIndex, className });
     }), readOnly ? null : /* @__PURE__ */ React__default.createElement("col", null)),
-    readOnly || /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", { className: styles.tableToolsColumn, "data-tool-cell": true }, /* @__PURE__ */ React__default.createElement(
+    readOnly || /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", { className: styles.tableToolsColumn }), Array.from({ length: mdastNode.children[0].children.length }, (_, colIndex) => {
+      return /* @__PURE__ */ React__default.createElement("th", { key: colIndex, "data-tool-cell": true }, /* @__PURE__ */ React__default.createElement(
+        ColumnEditor,
+        {
+          ...{
+            setActiveCellWithBoundaries,
+            parentEditor,
+            colIndex,
+            highlightedCoordinates,
+            lexicalTable,
+            align: (mdastNode.align ?? [])[colIndex]
+          }
+        }
+      ));
+    }), /* @__PURE__ */ React__default.createElement("th", { className: styles.tableToolsColumn, "data-tool-cell": true }, /* @__PURE__ */ React__default.createElement(
       "button",
       {
         className: styles.iconButton,
@@ -152,21 +166,7 @@ const TableEditor = ({ mdastNode, parentEditor, lexicalTable }) => {
         }
       },
       iconComponentFor("delete_small")
-    )), Array.from({ length: mdastNode.children[0].children.length }, (_, colIndex) => {
-      return /* @__PURE__ */ React__default.createElement("th", { key: colIndex, "data-tool-cell": true }, /* @__PURE__ */ React__default.createElement(
-        ColumnEditor,
-        {
-          ...{
-            setActiveCellWithBoundaries,
-            parentEditor,
-            colIndex,
-            highlightedCoordinates,
-            lexicalTable,
-            align: (mdastNode.align ?? [])[colIndex]
-          }
-        }
-      ));
-    }), /* @__PURE__ */ React__default.createElement("th", { className: styles.tableToolsColumn }))),
+    )))),
     /* @__PURE__ */ React__default.createElement("tbody", null, mdastNode.children.map((row, rowIndex) => {
       const CellElement = getCellType(rowIndex);
       return /* @__PURE__ */ React__default.createElement("tr", { key: rowIndex }, readOnly || /* @__PURE__ */ React__default.createElement(CellElement, { className: styles.toolCell, "data-tool-cell": true }, /* @__PURE__ */ React__default.createElement(RowEditor, { ...{ setActiveCellWithBoundaries, parentEditor, rowIndex, highlightedCoordinates, lexicalTable } })), row.children.map((mdastCell, colIndex) => {

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

@@ -4,7 +4,7 @@ import React__default from "react";
 import { IS_BOLD, IS_ITALIC, IS_UNDERLINE, IS_STRIKETHROUGH, IS_SUPERSCRIPT, IS_SUBSCRIPT } from "../../../FormatConstants.js";
 import { ToggleSingleGroupWithItem } from "../primitives/toolbar.js";
 import styles from "../../../styles/ui.module.css.js";
-const FormatButton = ({ format, addTitle, removeTitle, icon, style, formatName }) => {
+const FormatButton = ({ format, addTitle, removeTitle, icon, formatName }) => {
   const [currentFormat, iconComponentFor] = useCellValues(currentFormat$, iconComponentFor$);
   const applyFormat = usePublisher(applyFormat$);
   const active = (currentFormat & format) !== 0;
@@ -17,7 +17,7 @@ const FormatButton = ({ format, addTitle, removeTitle, icon, style, formatName }
         applyFormat(formatName);
       }
     },
-    /* @__PURE__ */ React__default.createElement("div", { style }, iconComponentFor(icon))
+    iconComponentFor(icon)
   );
 };
 const BoldItalicUnderlineToggles = () => {
@@ -47,8 +47,7 @@ const BoldItalicUnderlineToggles = () => {
       addTitle: t("toolbar.underline", "Underline"),
       removeTitle: t("toolbar.removeUnderline", "Remove underline"),
       icon: "format_underlined",
-      formatName: "underline",
-      style: { transform: "translateY(2px)" }
+      formatName: "underline"
     }
   ));
 };