@mdxeditor/editor 3.0.8 → 3.1.1

package/dist/plugins/image/ImageEditor.js

@@ -36,7 +36,7 @@ function LazyImage({
   return /* @__PURE__ */ React__default.createElement(
     "img",
     {
-      className: className || void 0,
+      className: className ?? void 0,
       alt,
       src,
       title,
@@ -120,7 +120,9 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
         const updatedSrc = await imagePreviewHandler(src);
         setImageSource(updatedSrc);
       };
-      callPreviewHandler().catch(console.error);
+      callPreviewHandler().catch((e) => {
+        console.error(e);
+      });
     } else {
       setImageSource(src);
     }
@@ -207,8 +209,8 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
         [styles.focusedImage]: isFocused
       }),
       src: imageSource,
-      title: title || "",
-      alt: alt || "",
+      title: title ?? "",
+      alt: alt ?? "",
       imageRef
     }
   )), draggable && isFocused && !disableImageResize && /* @__PURE__ */ React__default.createElement(ImageResizer, { editor, imageRef, onResizeStart, onResizeEnd }), !disableImageSettingsButton && /* @__PURE__ */ React__default.createElement(
@@ -223,8 +225,8 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
           nodeKey,
           initialValues: {
             src: !initialImagePath ? imageSource : initialImagePath,
-            title: title || "",
-            altText: alt || ""
+            title: title ?? "",
+            altText: alt ?? ""
           }
         });
       }

package/dist/plugins/image/ImageNode.js

@@ -35,8 +35,8 @@ class ImageNode extends DecoratorNode {
     this.__src = src;
     this.__title = title;
     this.__altText = altText;
-    this.__width = width || "inherit";
-    this.__height = height || "inherit";
+    this.__width = width ?? "inherit";
+    this.__height = height ?? "inherit";
   }
   /** @internal */
   static getType() {

package/dist/plugins/image/MdastImageVisitor.js

@@ -6,8 +6,8 @@ const MdastImageVisitor = {
     actions.addAndStepInto(
       $createImageNode({
         src: mdastNode.url,
-        altText: mdastNode.alt || "",
-        title: mdastNode.title || ""
+        altText: mdastNode.alt ?? "",
+        title: mdastNode.title ?? ""
       })
     );
   }
@@ -60,7 +60,7 @@ const MdastJsxImageVisitor = {
     if (!src) {
       return;
     }
-    const altText = getAttributeValue(mdastNode, "alt") || "";
+    const altText = getAttributeValue(mdastNode, "alt") ?? "";
     const title = getAttributeValue(mdastNode, "title");
     const height = getAttributeValue(mdastNode, "height");
     const width = getAttributeValue(mdastNode, "width");

package/dist/plugins/image/index.js

@@ -68,7 +68,7 @@ const imageDialogState$ = Cell(
     r.pub(createActiveEditorSubscription$, (editor) => {
       const theUploadHandler = r.getValue(imageUploadHandler$);
       return mergeRegister(
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           INSERT_IMAGE_COMMAND,
           (payload) => {
             const imageNode = $createImageNode(payload);
@@ -80,21 +80,21 @@ const imageDialogState$ = Cell(
           },
           COMMAND_PRIORITY_EDITOR
         ),
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           DRAGSTART_COMMAND,
           (event) => {
             return onDragStart(event);
           },
           COMMAND_PRIORITY_HIGH
         ),
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           DRAGOVER_COMMAND,
           (event) => {
             return onDragover(event);
           },
           COMMAND_PRIORITY_LOW
         ),
-        editor == null ? void 0 : editor.registerCommand(
+        editor.registerCommand(
           DROP_COMMAND,
           (event) => {
             return onDrop(event, editor, r.getValue(imageUploadHandler$));
@@ -102,12 +102,12 @@ const imageDialogState$ = Cell(
           COMMAND_PRIORITY_HIGH
         ),
         ...theUploadHandler !== null ? [
-          editor == null ? void 0 : editor.registerCommand(
+          editor.registerCommand(
             PASTE_COMMAND,
             (event) => {
               var _a;
-              let cbPayload = Array.from(((_a = event.clipboardData) == null ? void 0 : _a.items) || []);
-              cbPayload = cbPayload.filter((i) => /image/.test(i.type));
+              let cbPayload = Array.from(((_a = event.clipboardData) == null ? void 0 : _a.items) ?? []);
+              cbPayload = cbPayload.filter((i) => i.type.includes("image"));
               if (!cbPayload.length || cbPayload.length === 0) {
                 return false;
               }
@@ -154,24 +154,24 @@ const imagePlugin = realmPlugin({
       [addImportVisitor$]: [MdastImageVisitor, MdastHtmlImageVisitor, MdastJsxImageVisitor],
       [addLexicalNode$]: ImageNode,
       [addExportVisitor$]: LexicalImageVisitor,
-      [addComposerChild$]: (params == null ? void 0 : params.ImageDialog) || ImageDialog,
-      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) || null,
-      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) || [],
+      [addComposerChild$]: (params == null ? void 0 : params.ImageDialog) ?? ImageDialog,
+      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) ?? null,
+      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) ?? [],
       [disableImageResize$]: Boolean(params == null ? void 0 : params.disableImageResize),
       [disableImageSettingsButton$]: Boolean(params == null ? void 0 : params.disableImageSettingsButton),
-      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) || null
+      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) ?? null
     });
   },
   update(realm, params) {
     realm.pubIn({
-      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) || null,
-      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) || [],
+      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) ?? null,
+      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) ?? [],
       [disableImageResize$]: Boolean(params == null ? void 0 : params.disableImageResize),
-      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) || null
+      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) ?? null
     });
   }
 });
-const getDOMSelection = (targetWindow) => CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+const getDOMSelection = (targetWindow) => CAN_USE_DOM ? (targetWindow ?? window).getSelection() : null;
 const INSERT_IMAGE_COMMAND = createCommand("INSERT_IMAGE_COMMAND");
 const TRANSPARENT_IMAGE = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 function onDragStart(event) {
@@ -203,8 +203,8 @@ function onDragStart(event) {
 }
 function onDragover(event) {
   var _a;
-  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) || []);
-  cbPayload = cbPayload.filter((i) => /image/.test(i.type));
+  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) ?? []);
+  cbPayload = cbPayload.filter((i) => i.type.includes("image"));
   if (cbPayload.length > 0) {
     event.preventDefault();
     return true;
@@ -220,8 +220,8 @@ function onDragover(event) {
 }
 function onDrop(event, editor, imageUploadHandler) {
   var _a;
-  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) || []);
-  cbPayload = cbPayload.filter((i) => /image/.test(i.type));
+  let cbPayload = Array.from(((_a = event.dataTransfer) == null ? void 0 : _a.items) ?? []);
+  cbPayload = cbPayload.filter((i) => i.type.includes("image"));
   if (cbPayload.length > 0) {
     if (imageUploadHandler !== null) {
       event.preventDefault();
@@ -292,7 +292,7 @@ function getDragSelection(event) {
   if (document.caretRangeFromPoint) {
     range = document.caretRangeFromPoint(event.clientX, event.clientY);
   } else if (event.rangeParent && domSelection !== null) {
-    domSelection.collapse(event.rangeParent, event.rangeOffset || 0);
+    domSelection.collapse(event.rangeParent, event.rangeOffset ?? 0);
     range = domSelection.getRangeAt(0);
   } else {
     throw Error(`Cannot get the selection when dragging`);

package/dist/plugins/jsx/index.js

@@ -15,7 +15,7 @@ function isMdastJsxNode(node) {
   return node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement";
 }
 const isExpressionValue = (value) => {
-  if (typeof value === "object" && value !== null && "type" in value && value.type === "expression" && "value" in value && typeof value.value === "string") {
+  if (value !== null && typeof value === "object" && "type" in value && "value" in value && typeof value.value === "string") {
     return true;
   }
   return false;

package/dist/plugins/link-dialog/LinkDialog.js

@@ -102,7 +102,7 @@ const LinkDialog = () => {
   }, [activeEditor, publishWindowChange]);
   const [copyUrlTooltipOpen, setCopyUrlTooltipOpen] = React__default.useState(false);
   const t = useTranslation();
-  const theRect = linkDialogState == null ? void 0 : linkDialogState.rectangle;
+  const theRect = linkDialogState.rectangle;
   const urlIsExternal = linkDialogState.type === "preview" && linkDialogState.url.startsWith("http");
   return /* @__PURE__ */ React__default.createElement(RadixPopover.Root, { open: linkDialogState.type !== "inactive" }, /* @__PURE__ */ React__default.createElement(
     RadixPopover.Anchor,
@@ -121,7 +121,9 @@ const LinkDialog = () => {
     {
       className: classNames(styles.linkDialogPopoverContent),
       sideOffset: 5,
-      onOpenAutoFocus: (e) => e.preventDefault(),
+      onOpenAutoFocus: (e) => {
+        e.preventDefault();
+      },
       key: linkDialogState.linkNodeKey
     },
     linkDialogState.type === "edit" && /* @__PURE__ */ React__default.createElement(
@@ -153,7 +155,9 @@ const LinkDialog = () => {
     ), /* @__PURE__ */ React__default.createElement(
       ActionButton,
       {
-        onClick: () => switchFromPreviewToLinkEdit(),
+        onClick: () => {
+          switchFromPreviewToLinkEdit();
+        },
         title: t("linkPreview.edit", "Edit link URL"),
         "aria-label": t("linkPreview.edit", "Edit link URL")
       },
@@ -166,7 +170,9 @@ const LinkDialog = () => {
         onClick: () => {
           void window.navigator.clipboard.writeText(linkDialogState.url).then(() => {
             setCopyUrlTooltipOpen(true);
-            setTimeout(() => setCopyUrlTooltipOpen(false), 1e3);
+            setTimeout(() => {
+              setCopyUrlTooltipOpen(false);
+            }, 1e3);
           });
         }
       },
@@ -176,7 +182,9 @@ const LinkDialog = () => {
       {
         title: t("linkPreview.remove", "Remove link"),
         "aria-label": t("linkPreview.remove", "Remove link"),
-        onClick: () => removeLink()
+        onClick: () => {
+          removeLink();
+        }
       },
       iconComponentFor("link_off")
     )),

package/dist/plugins/link-dialog/index.js

@@ -80,9 +80,8 @@ const linkDialogState$ = Cell({ type: "inactive" }, (r) => {
     linkDialogState$
   );
   r.sub(r.pipe(updateLink$, withLatestFrom(activeEditor$, linkDialogState$, currentSelection$)), ([payload, editor, state, selection]) => {
-    var _a, _b;
-    const url = ((_a = payload.url) == null ? void 0 : _a.trim()) ?? "";
-    const title = ((_b = payload.title) == null ? void 0 : _b.trim()) ?? "";
+    const url = payload.url.trim();
+    const title = payload.title.trim();
     if (url !== "") {
       if (selection == null ? void 0 : selection.isCollapsed()) {
         const linkContent = title || url;
@@ -186,16 +185,16 @@ const openLinkEditDialog$ = Action((r) => {
     ),
     ([, selection, editor]) => {
       editor == null ? void 0 : editor.focus(() => {
-        editor == null ? void 0 : editor.getEditorState().read(() => {
+        editor.getEditorState().read(() => {
           const node = getLinkNodeInSelection(selection);
           const rectangle = getSelectionRectangle(editor);
           if (node) {
             r.pub(linkDialogState$, {
               type: "edit",
               initialUrl: node.getURL(),
-              initialTitle: node.getTitle() || "",
+              initialTitle: node.getTitle() ?? "",
               url: node.getURL(),
-              title: node.getTitle() || "",
+              title: node.getTitle() ?? "",
               linkNodeKey: node.getKey(),
               rectangle
             });
@@ -219,11 +218,11 @@ const linkAutocompleteSuggestions$ = Cell([]);
 const onClickLinkCallback$ = Cell(null);
 const linkDialogPlugin = realmPlugin({
   init(r, params) {
-    r.pub(addComposerChild$, (params == null ? void 0 : params.LinkDialog) || LinkDialog);
+    r.pub(addComposerChild$, (params == null ? void 0 : params.LinkDialog) ?? LinkDialog);
     r.pub(onClickLinkCallback$, (params == null ? void 0 : params.onClickLinkCallback) ?? null);
   },
   update(r, params = {}) {
-    r.pub(linkAutocompleteSuggestions$, params.linkAutocompleteSuggestions || []);
+    r.pub(linkAutocompleteSuggestions$, params.linkAutocompleteSuggestions ?? []);
   }
 });
 export {

package/dist/plugins/lists/MdastListVisitor.js

@@ -2,8 +2,7 @@ import { $createListNode, $isListItemNode, $createListItemNode } from "@lexical/
 const MdastListVisitor = {
   testNode: "list",
   visitNode: function({ mdastNode, lexicalParent, actions }) {
-    var _a;
-    const listType = ((_a = mdastNode.children) == null ? void 0 : _a.some((e) => typeof e.checked === "boolean")) ? "check" : mdastNode.ordered ? "number" : "bullet";
+    const listType = mdastNode.children.some((e) => typeof e.checked === "boolean") ? "check" : mdastNode.ordered ? "number" : "bullet";
     const lexicalNode = $createListNode(listType);
     if ($isListItemNode(lexicalParent)) {
       const dedicatedParent = $createListItemNode();

package/dist/plugins/lists/index.js

@@ -87,7 +87,7 @@ function isIndentPermitted(maxDepth) {
     } else if ($isListItemNode(elementNode)) {
       const parent = elementNode.getParent();
       if ((parent == null ? void 0 : parent.getChildren().length) === 1) {
-        const grandParentListItem = parent == null ? void 0 : parent.getParent();
+        const grandParentListItem = parent.getParent();
         if ($isListItemNode(grandParentListItem) && grandParentListItem.getChildren().length === 1) {
           return false;
         }

package/dist/plugins/markdown-shortcut/index.js

@@ -73,9 +73,11 @@ function pickTransformersForActivePlugins(pluginIds, allowedHeadingLevels) {
       ...CODE,
       dependencies: [CodeBlockNode],
       replace: (parentNode, _children, match) => {
-        const codeBlockNode = $createCodeBlockNode({ code: "", language: match ? match[1] : "", meta: "" });
+        const codeBlockNode = $createCodeBlockNode({ code: "", language: match[1] ?? "", meta: "" });
         parentNode.replace(codeBlockNode);
-        setTimeout(() => codeBlockNode.select(), 80);
+        setTimeout(() => {
+          codeBlockNode.select();
+        }, 80);
       }
     };
     transformers.push(codeTransformerCopy);

package/dist/plugins/sandpack/SandpackEditor.js

@@ -20,7 +20,7 @@ const SandpackEditor = ({ nodeKey, code, focusEmitter, preset }) => {
       theme: preset.sandpackTheme,
       files: {
         [preset.snippetFileName]: code,
-        ...Object.entries(preset.files || {}).reduce(
+        ...Object.entries(preset.files ?? {}).reduce(
           (acc, [filePath, fileContents]) => ({ ...acc, ...{ [filePath]: { code: fileContents, readOnly: true } } }),
           {}
         )

package/dist/plugins/sandpack/index.js

@@ -40,8 +40,8 @@ const insertSandpack$ = Signal((r) => {
           throw new Error(`No sandpack preset found with name ${presetName}`);
         }
         return {
-          code: preset.initialSnippetContent || "",
-          language: preset.snippetLanguage || "jsx",
+          code: preset.initialSnippetContent ?? "",
+          language: preset.snippetLanguage ?? "jsx",
           meta: preset.meta
         };
       })

package/dist/plugins/sandpack/useCodeMirrorRef.js

@@ -20,7 +20,7 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
     (e) => {
       var _a, _b, _c, _d;
       if (e.key === "ArrowDown") {
-        const state = (_b = (_a = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.state;
+        const state = (_b = (_a = codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.state;
         if (state) {
           const docLength = state.doc.length;
           const selectionEnd = state.selection.ranges[0].to;
@@ -33,7 +33,7 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
                 const node = $getNodeByKey(nodeKey);
                 const nextSibling = node.getNextSibling();
                 if (nextSibling) {
-                  (_b2 = (_a2 = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a2.getCodemirror()) == null ? void 0 : _b2.contentDOM.blur();
+                  (_b2 = (_a2 = codeMirrorRef.current) == null ? void 0 : _a2.getCodemirror()) == null ? void 0 : _b2.contentDOM.blur();
                   node.selectNext();
                 } else {
                   node.insertAfter($createParagraphNode());
@@ -44,7 +44,7 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
           }
         }
       } else if (e.key === "ArrowUp") {
-        const state = (_d = (_c = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _c.getCodemirror()) == null ? void 0 : _d.state;
+        const state = (_d = (_c = codeMirrorRef.current) == null ? void 0 : _c.getCodemirror()) == null ? void 0 : _d.state;
         if (state) {
           const selectionStart = state.selection.ranges[0].from;
           if (selectionStart === 0) {
@@ -56,7 +56,7 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
                 const node = $getNodeByKey(nodeKey);
                 const previousSibling = node.getPreviousSibling();
                 if (previousSibling) {
-                  (_b2 = (_a2 = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a2.getCodemirror()) == null ? void 0 : _b2.contentDOM.blur();
+                  (_b2 = (_a2 = codeMirrorRef.current) == null ? void 0 : _a2.getCodemirror()) == null ? void 0 : _b2.contentDOM.blur();
                   node.selectPrevious();
                 }
               });
@@ -73,9 +73,9 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
   React__default.useEffect(() => {
     const codeMirror = codeMirrorRef.current;
     setTimeout(() => {
-      var _a, _b, _c, _d;
-      (_b = (_a = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _a.contentDOM) == null ? void 0 : _b.addEventListener("focus", onFocusHandler);
-      (_d = (_c = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _c.contentDOM) == null ? void 0 : _d.addEventListener("keydown", onKeyDownHandler);
+      var _a, _b;
+      (_a = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _a.contentDOM.addEventListener("focus", onFocusHandler);
+      (_b = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _b.contentDOM.addEventListener("keydown", onKeyDownHandler);
     }, 300);
     return () => {
       var _a, _b;
@@ -86,7 +86,7 @@ function useCodeMirrorRef(nodeKey, editorType, language, focusEmitter) {
   React__default.useEffect(() => {
     focusEmitter.subscribe(() => {
       var _a, _b;
-      (_b = (_a = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.focus();
+      (_b = (_a = codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.focus();
       onFocusHandler();
     });
   }, [focusEmitter, codeMirrorRef, nodeKey, onFocusHandler]);

package/dist/plugins/table/TableEditor.js

@@ -122,67 +122,80 @@ const TableEditor = ({ mdastNode, parentEditor, lexicalTable }) => {
     setHighlightedCoordinates([colIndex, rowIndex]);
   }, []);
   const t = useTranslation();
-  return /* @__PURE__ */ React__default.createElement("table", { className: styles.tableEditor, onMouseOver: onTableMouseOver, onMouseLeave: () => setHighlightedCoordinates([-1, -1]) }, /* @__PURE__ */ React__default.createElement("colgroup", null, readOnly ? null : /* @__PURE__ */ React__default.createElement("col", null), Array.from({ length: mdastNode.children[0].children.length }, (_, colIndex) => {
-    const align = mdastNode.align || [];
-    const currentColumnAlign = align[colIndex] || "left";
-    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(
-    "button",
+  return /* @__PURE__ */ React__default.createElement(
+    "table",
     {
-      className: styles.iconButton,
-      type: "button",
-      title: t("table.deleteTable", "Delete table"),
-      onClick: (e) => {
-        e.preventDefault();
-        parentEditor.update(() => {
-          lexicalTable.selectNext();
-          lexicalTable.remove();
-        });
+      className: styles.tableEditor,
+      onMouseOver: onTableMouseOver,
+      onMouseLeave: () => {
+        setHighlightedCoordinates([-1, -1]);
       }
     },
-    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,
+    /* @__PURE__ */ React__default.createElement("colgroup", null, readOnly ? null : /* @__PURE__ */ React__default.createElement("col", null), Array.from({ length: mdastNode.children[0].children.length }, (_, colIndex) => {
+      const align = mdastNode.align ?? [];
+      const currentColumnAlign = align[colIndex] ?? "left";
+      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(
+      "button",
       {
-        ...{
-          setActiveCellWithBoundaries,
-          parentEditor,
-          colIndex,
-          highlightedCoordinates,
-          lexicalTable,
-          align: (mdastNode.align || [])[colIndex]
+        className: styles.iconButton,
+        type: "button",
+        title: t("table.deleteTable", "Delete table"),
+        onClick: (e) => {
+          e.preventDefault();
+          parentEditor.update(() => {
+            lexicalTable.selectNext();
+            lexicalTable.remove();
+          });
         }
-      }
-    ));
-  }), /* @__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) => {
-      var _a;
-      return /* @__PURE__ */ React__default.createElement(
-        Cell,
+      },
+      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,
         {
-          align: (_a = mdastNode.align) == null ? void 0 : _a[colIndex],
-          key: getCellKey(mdastCell),
-          contents: mdastCell.children,
-          setActiveCell: setActiveCellWithBoundaries,
           ...{
-            rowIndex,
+            setActiveCellWithBoundaries,
+            parentEditor,
             colIndex,
+            highlightedCoordinates,
             lexicalTable,
-            parentEditor,
-            activeCell: readOnly ? [-1, -1] : activeCell
+            align: (mdastNode.align ?? [])[colIndex]
           }
         }
-      );
-    }), readOnly || rowIndex === 0 && /* @__PURE__ */ React__default.createElement("th", { rowSpan: lexicalTable.getRowCount(), "data-tool-cell": true }, /* @__PURE__ */ React__default.createElement("button", { type: "button", className: styles.addColumnButton, onClick: addColumnToRight }, iconComponentFor("add_column"))));
-  })), readOnly || /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", null), /* @__PURE__ */ React__default.createElement("th", { colSpan: lexicalTable.getColCount() }, /* @__PURE__ */ React__default.createElement("button", { type: "button", className: styles.addRowButton, onClick: addRowToBottom }, iconComponentFor("add_row"))), /* @__PURE__ */ React__default.createElement("th", null))));
+      ));
+    }), /* @__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) => {
+        var _a;
+        return /* @__PURE__ */ React__default.createElement(
+          Cell,
+          {
+            align: (_a = mdastNode.align) == null ? void 0 : _a[colIndex],
+            key: getCellKey(mdastCell),
+            contents: mdastCell.children,
+            setActiveCell: setActiveCellWithBoundaries,
+            ...{
+              rowIndex,
+              colIndex,
+              lexicalTable,
+              parentEditor,
+              activeCell: readOnly ? [-1, -1] : activeCell
+            }
+          }
+        );
+      }), readOnly || rowIndex === 0 && /* @__PURE__ */ React__default.createElement("th", { rowSpan: lexicalTable.getRowCount(), "data-tool-cell": true }, /* @__PURE__ */ React__default.createElement("button", { type: "button", className: styles.addColumnButton, onClick: addColumnToRight }, iconComponentFor("add_column"))));
+    })),
+    readOnly || /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", null), /* @__PURE__ */ React__default.createElement("th", { colSpan: lexicalTable.getColCount() }, /* @__PURE__ */ React__default.createElement("button", { type: "button", className: styles.addRowButton, onClick: addRowToBottom }, iconComponentFor("add_row"))), /* @__PURE__ */ React__default.createElement("th", null)))
+  );
 };
 const Cell = ({ align, ...props }) => {
   const { activeCell, setActiveCell } = props;
   const isActive = Boolean(activeCell && activeCell[0] === props.colIndex && activeCell[1] === props.rowIndex);
-  const className = AlignToTailwindClassMap[align || "left"];
+  const className = AlignToTailwindClassMap[align ?? "left"];
   const CellElement = getCellType(props.rowIndex);
   return /* @__PURE__ */ React__default.createElement(
     CellElement,
@@ -307,7 +320,7 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
     );
   }, [colIndex, editor, rootEditor, rowIndex, saveAndFocus, setActiveCell]);
   React__default.useEffect(() => {
-    focus && (editor == null ? void 0 : editor.focus());
+    focus && 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 }), /* @__PURE__ */ React__default.createElement(HistoryPlugin, null));
 };
@@ -358,7 +371,9 @@ const ColumnEditor = ({
     RadixPopover.PopoverContent,
     {
       className: classNames(styles.tableColumnEditorPopoverContent),
-      onOpenAutoFocus: (e) => e.preventDefault(),
+      onOpenAutoFocus: (e) => {
+        e.preventDefault();
+      },
       sideOffset: 5,
       side: "top"
     },
@@ -369,7 +384,7 @@ const ColumnEditor = ({
         onValueChange: (value) => {
           setColumnAlign(colIndex, value);
         },
-        value: align || "left",
+        value: align ?? "left",
         type: "single",
         "aria-label": t("table.textAlignment", "Text alignment")
       },
@@ -432,7 +447,9 @@ const RowEditor = ({
     RadixPopover.PopoverContent,
     {
       className: classNames(styles.tableColumnEditorPopoverContent),
-      onOpenAutoFocus: (e) => e.preventDefault(),
+      onOpenAutoFocus: (e) => {
+        e.preventDefault();
+      },
       sideOffset: 5,
       side: "bottom"
     },

package/dist/plugins/table/TableNode.js

@@ -31,7 +31,7 @@ class TableNode extends DecoratorNode {
     __publicField(this, "__mdastNode");
     /** @internal */
     __publicField(this, "focusEmitter", coordinatesEmitter());
-    this.__mdastNode = mdastNode || { type: "table", children: [] };
+    this.__mdastNode = mdastNode ?? { type: "table", children: [] };
   }
   /** @internal */
   static getType() {
@@ -160,7 +160,7 @@ class TableNode extends DecoratorNode {
    * Pass `undefined` to remove the focus.
    */
   select(coords) {
-    this.focusEmitter.publish(coords || [0, 0]);
+    this.focusEmitter.publish(coords ?? [0, 0]);
   }
   /** @internal */
   isInline() {

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

@@ -41,10 +41,10 @@ const BlockTypeSelect = () => {
           case "paragraph":
             convertSelectionToNode(() => $createParagraphNode());
             break;
+          case "":
+            break;
           default:
-            if (blockType == "")
-              ;
-            else if (blockType.startsWith("h")) {
+            if (blockType.startsWith("h")) {
               convertSelectionToNode(() => $createHeadingNode(blockType));
             } else {
               throw new Error(`Unknown block type: ${blockType}`);