@mdxeditor/editor 2.13.2 → 2.15.0

package/dist/index.d.ts

@@ -44,7 +44,7 @@ import { FC } from 'react';
 import { HeadingTagType } from '@lexical/rich-text';
 import { HistoryState } from '@lexical/history';
 import { InitialEditorStateType } from '@lexical/react/LexicalComposer.js';
-import { Klass } from 'lexical';
+import { KlassConstructor } from 'lexical';
 import { LexicalCommand } from 'lexical';
 import { LexicalEditor } from 'lexical';
 import { LexicalNode } from 'lexical';
@@ -190,7 +190,7 @@ export declare const addImportVisitor$: NodeRef<MdastImportVisitor<Mdast.Nodes>
  * Registers a lexical node to be used in the editor.
  * @group Core
  */
-export declare const addLexicalNode$: NodeRef<Klass<LexicalNode> | Klass<LexicalNode>[]>;
+export declare const addLexicalNode$: NodeRef<KlassConstructor<typeof LexicalNode> | KlassConstructor<typeof LexicalNode>[]>;
 
 /**
  * Adds a mdast extension to the markdown parser.
@@ -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/index.js

@@ -424,9 +424,11 @@ const insertDecoratorNode$ = Signal((r) => {
                 } else {
                   $insertNodeToNearestRoot(node);
                 }
-                if ("select" in node && typeof node.select === "function") {
-                  setTimeout(() => node.select());
-                }
+                setTimeout(() => {
+                  if ("select" in node && typeof node.select === "function") {
+                    node.select();
+                  }
+                });
               });
               setTimeout(() => {
                 theEditor.dispatchCommand(NESTED_EDITOR_UPDATED_COMMAND, void 0);

package/dist/plugins/directives/DirectiveNode.js

@@ -10,7 +10,6 @@ import { NestedEditorsContext } from "../core/NestedLexicalEditor.js";
 import { voidEmitter } from "../../utils/voidEmitter.js";
 import { useCellValues } from "@mdxeditor/gurx";
 import { directiveDescriptors$ } from "../core/index.js";
-let GENERATION = 0;
 class DirectiveNode extends DecoratorNode {
   /**
    * Constructs a new {@link DirectiveNode} with the specified MDAST directive node as the object to edit.
@@ -28,7 +27,6 @@ class DirectiveNode extends DecoratorNode {
       this.__focusEmitter.publish();
     });
     this.__mdastNode = mdastNode;
-    this.generation = GENERATION++;
   }
   /** @internal */
   static getType() {

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.2",
+  "version": "2.15.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -41,15 +41,15 @@
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.23.0",
     "@codesandbox/sandpack-react": "^2.10.0",
-    "@lexical/clipboard": "^0.12.4",
-    "@lexical/link": "^0.12.4",
-    "@lexical/list": "^0.12.4",
-    "@lexical/markdown": "^0.12.4",
-    "@lexical/plain-text": "^0.12.4",
-    "@lexical/react": "^0.12.4",
-    "@lexical/rich-text": "^0.12.4",
-    "@lexical/selection": "^0.12.4",
-    "@lexical/utils": "^0.12.4",
+    "@lexical/clipboard": "^0.13.1",
+    "@lexical/link": "^0.13.1",
+    "@lexical/list": "^0.13.1",
+    "@lexical/markdown": "^0.13.1",
+    "@lexical/plain-text": "^0.13.1",
+    "@lexical/react": "^0.13.1",
+    "@lexical/rich-text": "^0.13.1",
+    "@lexical/selection": "^0.13.1",
+    "@lexical/utils": "^0.13.1",
     "@mdxeditor/gurx": "^1.1.1",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-dialog": "^1.0.5",
@@ -64,7 +64,7 @@
     "codemirror": "^6.0.1",
     "downshift": "^7.6.0",
     "js-yaml": "4.1.0",
-    "lexical": "^0.12.4",
+    "lexical": "^0.13.1",
     "mdast-util-directive": "^3.0.0",
     "mdast-util-from-markdown": "^2.0.0",
     "mdast-util-frontmatter": "^2.0.1",