@mdxeditor/editor 2.13.1 → 2.14.0

package/dist/index.d.ts

@@ -965,6 +965,8 @@ export declare const disableAutoLink$: NodeRef<boolean>;
  */
 export declare const disableImageResize$: NodeRef<boolean>;
 
+export declare const disableImageSettingsButton$: NodeRef<boolean>;
+
 /**
  * The state of the image dialog when it is in editing an existing node.
  * @group Image
@@ -1229,6 +1231,7 @@ export declare const imagePlugin: (params?: {
     imageUploadHandler?: ImageUploadHandler | undefined;
     imageAutocompleteSuggestions?: string[] | undefined;
     disableImageResize?: boolean | undefined;
+    disableImageSettingsButton?: boolean | undefined;
     imagePreviewHandler?: ImagePreviewHandler | undefined;
     ImageDialog?: FC<{}> | (() => JSX.Element) | undefined;
 } | undefined) => RealmPlugin;

package/dist/index.js

@@ -9,7 +9,7 @@ import { insertThematicBreak$, thematicBreakPlugin } from "./plugins/thematic-br
 import { applyListType$, currentListType$, listsPlugin } from "./plugins/lists/index.js";
 import { insertTable$, tablePlugin } from "./plugins/table/index.js";
 import { disableAutoLink$, linkPlugin } from "./plugins/link/index.js";
-import { INSERT_IMAGE_COMMAND, closeImageDialog$, disableImageResize$, imageAutocompleteSuggestions$, imageDialogState$, imagePlugin, imagePreviewHandler$, imageUploadHandler$, insertImage$, openEditImageDialog$, openNewImageDialog$, saveImage$ } from "./plugins/image/index.js";
+import { INSERT_IMAGE_COMMAND, closeImageDialog$, disableImageResize$, disableImageSettingsButton$, imageAutocompleteSuggestions$, imageDialogState$, imagePlugin, imagePreviewHandler$, imageUploadHandler$, insertImage$, openEditImageDialog$, openNewImageDialog$, saveImage$ } from "./plugins/image/index.js";
 import { frontmatterDialogOpen$, frontmatterPlugin, hasFrontmatter$, insertFrontmatter$, removeFrontmatter$ } from "./plugins/frontmatter/index.js";
 import { quotePlugin } from "./plugins/quote/index.js";
 import { maxLengthPlugin } from "./plugins/maxlength/index.js";
@@ -188,6 +188,7 @@ export {
   directivesPlugin,
   disableAutoLink$,
   disableImageResize$,
+  disableImageSettingsButton$,
   editorInFocus$,
   editorRootElementRef$,
   editorWrappers$,

package/dist/plugins/core/NestedLexicalEditor.js

@@ -5,6 +5,7 @@ import { ContentEditable } from "@lexical/react/LexicalContentEditable.js";
 import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary.js";
 import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer.js";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin.js";
+import classNames from "classnames";
 import { lexicalTheme } from "../../styles/lexicalTheme.js";
 import { exportLexicalTreeToMdast } from "../../exportMarkdownFromLexical.js";
 import { importMdastTreeToLexical } from "../../importMarkdownToLexical.js";
@@ -186,7 +187,7 @@ const NestedLexicalEditor = function(props) {
   return /* @__PURE__ */ React__default.createElement(LexicalNestedComposer, { initialEditor: editor }, /* @__PURE__ */ React__default.createElement(
     RichTextPlugin,
     {
-      contentEditable: /* @__PURE__ */ React__default.createElement(ContentEditable, { ...contentEditableProps, className: styles.nestedEditor }),
+      contentEditable: /* @__PURE__ */ React__default.createElement(ContentEditable, { ...contentEditableProps, className: classNames(styles.nestedEditor, contentEditableProps == null ? void 0 : contentEditableProps.className) }),
       placeholder: null,
       ErrorBoundary: LexicalErrorBoundary
     }

package/dist/plugins/image/ImageEditor.js

@@ -4,7 +4,7 @@ import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection.
 import { mergeRegister } from "@lexical/utils";
 import classNames from "classnames";
 import { $isNodeSelection, $getSelection, $getNodeByKey, $setSelection, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, CLICK_COMMAND, DRAGSTART_COMMAND, KEY_DELETE_COMMAND, KEY_BACKSPACE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND } from "lexical";
-import { disableImageResize$, imagePreviewHandler$, openEditImageDialog$ } from "./index.js";
+import { disableImageResize$, disableImageSettingsButton$, imagePreviewHandler$, openEditImageDialog$ } from "./index.js";
 import styles from "../../styles/ui.module.css.js";
 import { iconComponentFor$, readOnly$, useTranslation } from "../core/index.js";
 import { $isImageNode } from "./ImageNode.js";
@@ -48,8 +48,9 @@ function LazyImage({
   );
 }
 function ImageEditor({ src, title, alt, nodeKey, width, height }) {
-  const [disableImageResize, imagePreviewHandler, iconComponentFor, readOnly] = useCellValues(
+  const [disableImageResize, disableImageSettingsButton, imagePreviewHandler, iconComponentFor, readOnly] = useCellValues(
     disableImageResize$,
+    disableImageSettingsButton$,
     imagePreviewHandler$,
     iconComponentFor$,
     readOnly$
@@ -210,7 +211,7 @@ function ImageEditor({ src, title, alt, nodeKey, width, height }) {
       alt: alt || "",
       imageRef
     }
-  )), draggable && isFocused && !disableImageResize && /* @__PURE__ */ React__default.createElement(ImageResizer, { editor, imageRef, onResizeStart, onResizeEnd }), /* @__PURE__ */ React__default.createElement(
+  )), draggable && isFocused && !disableImageResize && /* @__PURE__ */ React__default.createElement(ImageResizer, { editor, imageRef, onResizeStart, onResizeEnd }), !disableImageSettingsButton && /* @__PURE__ */ React__default.createElement(
     "button",
     {
       type: "button",

package/dist/plugins/image/index.js

@@ -128,6 +128,7 @@ const openEditImageDialog$ = Signal((r) => {
 const closeImageDialog$ = Action((r) => {
   r.link(r.pipe(closeImageDialog$, mapTo({ type: "inactive" })), imageDialogState$);
 });
+const disableImageSettingsButton$ = Cell(false);
 const saveImage$ = Signal();
 const imagePlugin = realmPlugin({
   init(realm, params) {
@@ -139,6 +140,7 @@ const imagePlugin = realmPlugin({
       [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
     });
   },
@@ -286,6 +288,7 @@ export {
   ImageNode,
   closeImageDialog$,
   disableImageResize$,
+  disableImageSettingsButton$,
   imageAutocompleteSuggestions$,
   imageDialogState$,
   imagePlugin,

package/package.json

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