@mdxeditor/editor 3.9.2 → 3.10.0

package/dist/index.d.ts

@@ -747,6 +747,53 @@ export declare const DEFAULT_FORMAT: 0;
  */
 export declare const defaultCodeBlockLanguage$: NodeRef<string>;
 
+export declare const defaultSvgIcons: {
+    undo: default_2.JSX.Element;
+    redo: default_2.JSX.Element;
+    format_bold: default_2.JSX.Element;
+    format_italic: default_2.JSX.Element;
+    format_underlined: default_2.JSX.Element;
+    code: default_2.JSX.Element;
+    strikeThrough: default_2.JSX.Element;
+    superscript: default_2.JSX.Element;
+    subscript: default_2.JSX.Element;
+    format_list_bulleted: default_2.JSX.Element;
+    format_list_numbered: default_2.JSX.Element;
+    format_list_checked: default_2.JSX.Element;
+    link: default_2.JSX.Element;
+    add_photo: default_2.JSX.Element;
+    table: default_2.JSX.Element;
+    horizontal_rule: default_2.JSX.Element;
+    frontmatter: default_2.JSX.Element;
+    frame_source: default_2.JSX.Element;
+    arrow_drop_down: default_2.JSX.Element;
+    admonition: default_2.JSX.Element;
+    sandpack: default_2.JSX.Element;
+    rich_text: default_2.JSX.Element;
+    difference: default_2.JSX.Element;
+    markdown: default_2.JSX.Element;
+    open_in_new: default_2.JSX.Element;
+    link_off: default_2.JSX.Element;
+    edit: default_2.JSX.Element;
+    content_copy: default_2.JSX.Element;
+    more_horiz: default_2.JSX.Element;
+    more_vert: default_2.JSX.Element;
+    close: default_2.JSX.Element;
+    settings: default_2.JSX.Element;
+    delete_big: default_2.JSX.Element;
+    delete_small: default_2.JSX.Element;
+    format_align_center: default_2.JSX.Element;
+    format_align_left: default_2.JSX.Element;
+    format_align_right: default_2.JSX.Element;
+    add_row: default_2.JSX.Element;
+    add_column: default_2.JSX.Element;
+    insert_col_left: default_2.JSX.Element;
+    insert_row_above: default_2.JSX.Element;
+    insert_row_below: default_2.JSX.Element;
+    insert_col_right: default_2.JSX.Element;
+    check: default_2.JSX.Element;
+};
+
 /**
  * The registered descriptors for composite nodes (jsx, directives, code blocks).
  */
@@ -1175,7 +1222,7 @@ export declare const htmlTags: readonly ["a", "abbr", "address", "area", "articl
  */
 export declare const iconComponentFor$: NodeRef<(name: IconKey) => default_2.ReactNode>;
 
-declare type IconKey = 'undo' | 'redo' | 'format_bold' | 'format_italic' | 'format_underlined' | 'code' | 'strikeThrough' | 'superscript' | 'subscript' | 'format_list_bulleted' | 'format_list_numbered' | 'format_list_checked' | 'link' | 'add_photo' | 'table' | 'horizontal_rule' | 'frontmatter' | 'frame_source' | 'arrow_drop_down' | 'admonition' | 'sandpack' | 'rich_text' | 'difference' | 'markdown' | 'open_in_new' | 'link_off' | 'edit' | 'content_copy' | 'more_horiz' | 'more_vert' | 'close' | 'settings' | 'delete_big' | 'delete_small' | 'format_align_center' | 'format_align_left' | 'format_align_right' | 'add_row' | 'add_column' | 'insert_col_left' | 'insert_row_above' | 'insert_row_below' | 'insert_col_right' | 'check';
+export declare type IconKey = 'undo' | 'redo' | 'format_bold' | 'format_italic' | 'format_underlined' | 'code' | 'strikeThrough' | 'superscript' | 'subscript' | 'format_list_bulleted' | 'format_list_numbered' | 'format_list_checked' | 'link' | 'add_photo' | 'table' | 'horizontal_rule' | 'frontmatter' | 'frame_source' | 'arrow_drop_down' | 'admonition' | 'sandpack' | 'rich_text' | 'difference' | 'markdown' | 'open_in_new' | 'link_off' | 'edit' | 'content_copy' | 'more_horiz' | 'more_vert' | 'close' | 'settings' | 'delete_big' | 'delete_small' | 'format_align_center' | 'format_align_left' | 'format_align_right' | 'add_row' | 'add_column' | 'insert_col_left' | 'insert_row_above' | 'insert_row_below' | 'insert_col_right' | 'check';
 
 /**
  * Holds the autocomplete suggestions for image sources.

package/dist/index.js

@@ -1,6 +1,7 @@
 import "./styles/globals.css.js";
 export * from "@mdxeditor/gurx";
 import { MDXEditor } from "./MDXEditor.js";
+import { defaultSvgIcons } from "./defaultSvgIcons.js";
 import { MarkdownParseError, UnrecognizedMarkdownConstructError, importMarkdownToLexical, importMdastTreeToLexical } from "./importMarkdownToLexical.js";
 import { exportLexicalTreeToMdast, exportMarkdownFromLexical } from "./exportMarkdownFromLexical.js";
 import { Appender, NESTED_EDITOR_UPDATED_COMMAND, activeEditor$, activeEditorSubscriptions$, activePlugins$, addActivePlugin$, addComposerChild$, addEditorWrapper$, addExportVisitor$, addImportVisitor$, addLexicalNode$, addMdastExtension$, addNestedEditorChild$, addSyntaxExtension$, addToMarkdownExtension$, addTopAreaChild$, applyBlockType$, applyFormat$, autoFocus$, codeBlockEditorDescriptors$, composerChildren$, contentEditableClassName$, convertSelectionToNode$, corePlugin, createActiveEditorSubscription$, createRootEditorSubscription$, currentBlockType$, currentFormat$, currentSelection$, directiveDescriptors$, editorInFocus$, editorRootElementRef$, editorWrappers$, exportVisitors$, historyState$, iconComponentFor$, importVisitors$, inFocus$, initialMarkdown$, insertDecoratorNode$, insertMarkdown$, jsxComponentDescriptors$, jsxIsAvailable$, markdown$, markdownErrorSignal$, markdownProcessingError$, markdownSourceEditorValue$, mdastExtensions$, muteChange$, nestedEditorChildren$, onBlur$, placeholder$, readOnly$, rootEditor$, rootEditorSubscriptions$, setMarkdown$, syntaxExtensions$, toMarkdownExtensions$, toMarkdownOptions$, topAreaChildren$, translation$, useTranslation, usedLexicalNodes$, viewMode$ } from "./plugins/core/index.js";
@@ -195,6 +196,7 @@ export {
   curry1to0,
   curry2to1,
   defaultCodeBlockLanguage$,
+  defaultSvgIcons,
   diffMarkdown$,
   diffSourcePlugin,
   directiveDescriptors$,

package/dist/plugins/core/NestedLexicalEditor.js

@@ -1,4 +1,4 @@
-import { $addUpdateTag, $getNodeByKey, createEditor, $getRoot, BLUR_COMMAND, COMMAND_PRIORITY_EDITOR, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_HIGH, KEY_BACKSPACE_COMMAND, COMMAND_PRIORITY_CRITICAL } from "lexical";
+import { $addUpdateTag, $getNodeByKey, createEditor, $getRoot, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, BLUR_COMMAND, COMMAND_PRIORITY_EDITOR, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_HIGH, KEY_BACKSPACE_COMMAND, COMMAND_PRIORITY_CRITICAL } from "lexical";
 import React__default from "react";
 import { NESTED_EDITOR_UPDATED_COMMAND, rootEditor$, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, jsxIsAvailable$, nestedEditorChildren$, editorInFocus$ } from "./index.js";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable.js";
@@ -127,6 +127,14 @@ const NestedLexicalEditor = function(props) {
       });
     }
     return mergeRegister(
+      editor.registerCommand(
+        FOCUS_COMMAND,
+        () => {
+          setEditorInFocus({ editorType: "lexical", rootNode: lexicalNode });
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
       editor.registerCommand(
         BLUR_COMMAND,
         (payload) => {

package/dist/plugins/image/ImageDialog.js

@@ -51,7 +51,7 @@ const ImageDialog = () => {
           },
           className: styles.multiFieldForm
         },
-        imageUploadHandler !== null && /* @__PURE__ */ React__default.createElement("div", { className: styles.formField }, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "file" }, t("uploadImage.uploadInstructions", "Upload an image from your device:")), /* @__PURE__ */ React__default.createElement("input", { type: "file", accept: "image/*", ...register("file") })),
+        imageUploadHandler === null ? /* @__PURE__ */ React__default.createElement("input", { type: "hidden", accept: "image/*", ...register("file") }) : /* @__PURE__ */ React__default.createElement("div", { className: styles.formField }, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "file" }, t("uploadImage.uploadInstructions", "Upload an image from your device:")), /* @__PURE__ */ React__default.createElement("input", { type: "file", accept: "image/*", ...register("file") })),
         /* @__PURE__ */ React__default.createElement("div", { className: styles.formField }, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "src" }, imageUploadHandler !== null ? t("uploadImage.addViaUrlInstructions", "Or add an image from an URL:") : t("uploadImage.addViaUrlInstructionsNoUpload", "Add an image from an URL:")), /* @__PURE__ */ React__default.createElement(
           DownshiftAutoComplete,
           {

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 ? width : "inherit";
+    this.__height = height ? height : "inherit";
   }
   /** @internal */
   static getType() {

package/dist/plugins/image/index.js

@@ -83,9 +83,6 @@ const imageDialogState$ = Cell(
         editor.registerCommand(
           DRAGSTART_COMMAND,
           (event) => {
-            if (!theUploadHandler) {
-              return false;
-            }
             return onDragStart(event);
           },
           COMMAND_PRIORITY_HIGH
@@ -93,7 +90,7 @@ const imageDialogState$ = Cell(
         editor.registerCommand(
           DRAGOVER_COMMAND,
           (event) => {
-            return onDragover(event);
+            return onDragover(event, !!theUploadHandler);
           },
           COMMAND_PRIORITY_LOW
         ),
@@ -104,32 +101,38 @@ const imageDialogState$ = Cell(
           },
           COMMAND_PRIORITY_HIGH
         ),
-        ...theUploadHandler !== null ? [
-          editor.registerCommand(
-            PASTE_COMMAND,
-            (event) => {
-              var _a;
-              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;
+        editor.registerCommand(
+          PASTE_COMMAND,
+          (event) => {
+            var _a, _b;
+            if (!theUploadHandler) {
+              let fromWeb = Array.from(((_a = event.clipboardData) == null ? void 0 : _a.items) ?? []);
+              fromWeb = fromWeb.filter((i) => i.type.includes("text"));
+              if (!fromWeb.length || fromWeb.length === 0) {
+                return true;
               }
-              const imageUploadHandlerValue = r.getValue(imageUploadHandler$);
-              Promise.all(cbPayload.map((file) => imageUploadHandlerValue(file.getAsFile()))).then((urls) => {
-                urls.forEach((url) => {
-                  editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
-                    src: url,
-                    altText: ""
-                  });
+              return false;
+            }
+            let cbPayload = Array.from(((_b = event.clipboardData) == null ? void 0 : _b.items) ?? []);
+            cbPayload = cbPayload.filter((i) => i.type.includes("image"));
+            if (!cbPayload.length || cbPayload.length === 0) {
+              return false;
+            }
+            const imageUploadHandlerValue = r.getValue(imageUploadHandler$);
+            Promise.all(cbPayload.map((file) => imageUploadHandlerValue(file.getAsFile()))).then((urls) => {
+              urls.forEach((url) => {
+                editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+                  src: url,
+                  altText: ""
                 });
-              }).catch((e) => {
-                throw e;
               });
-              return true;
-            },
-            COMMAND_PRIORITY_CRITICAL
-          )
-        ] : []
+            }).catch((e) => {
+              throw e;
+            });
+            return true;
+          },
+          COMMAND_PRIORITY_CRITICAL
+        )
       );
     });
   }
@@ -204,13 +207,15 @@ function onDragStart(event) {
   );
   return true;
 }
-function onDragover(event) {
+function onDragover(event, hasUploadHandler) {
   var _a;
-  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;
+  if (hasUploadHandler) {
+    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;
+    }
   }
   const node = getImageNodeInSelection();
   if (!node) {

package/dist/plugins/table/TableEditor.js

@@ -3,7 +3,7 @@ import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary.js";
 import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer.js";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin.js";
 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 } from "lexical";
+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 React__default from "react";
 import { exportLexicalTreeToMdast } from "../../exportMarkdownFromLexical.js";
 import { importMdastTreeToLexical } from "../../importMarkdownToLexical.js";
@@ -307,7 +307,7 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
           saveAndFocus(null);
           return true;
         },
-        COMMAND_PRIORITY_CRITICAL
+        COMMAND_PRIORITY_EDITOR
       ),
       editor.registerCommand(
         NESTED_EDITOR_UPDATED_COMMAND,

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.9.2",
+  "version": "3.10.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",