@mdxeditor/editor 3.22.1 → 3.23.0

package/dist/index.d.ts

@@ -1204,7 +1204,17 @@ export declare class GenericHTMLNode extends ElementNode {
  * Use this editor for the {@link JsxComponentDescriptor} Editor option.
  * @group JSX
  */
-export declare const GenericJsxEditor: default_2.FC<JsxEditorProps>;
+export declare const GenericJsxEditor: default_2.FC<GenericJsxEditorProps>;
+
+/**
+ * Properties for the Generic Jsx Editor
+ */
+export declare interface GenericJsxEditorProps extends JsxEditorProps {
+    /**
+     * A custom property editor component {@link PropertyEditorType}
+     */
+    PropertyEditor?: PropertyEditorType;
+}
 
 /**
  * Gets the selected node from the Lexical editor.
@@ -2320,6 +2330,11 @@ export declare interface PreviewLinkDialog {
  */
 export declare function prop<T extends Record<string, unknown>>(property: keyof T): (object: T) => T[keyof T];
 
+/**
+ * A component capable of editing JSX properties
+ */
+declare type PropertyEditorType = typeof PropertyPopover;
+
 /**
  * A React component that can be used in custom editors to edit the properties of the node.
  * Displays a simple, static key/value editing UI in a popover.

package/dist/jsx-editors/GenericJsxEditor.js

@@ -15,7 +15,7 @@ const isMdxJsxAttribute = (value) => {
   }
   return false;
 };
-const GenericJsxEditor = ({ mdastNode, descriptor }) => {
+const GenericJsxEditor = ({ mdastNode, descriptor, PropertyEditor }) => {
   const updateMdastNode = useMdastNodeUpdater();
   const properties = React__default.useMemo(
     () => descriptor.props.reduce((acc, { name }) => {
@@ -61,8 +61,9 @@ const GenericJsxEditor = ({ mdastNode, descriptor }) => {
     },
     [mdastNode, updateMdastNode, descriptor]
   );
+  const PropertyEditorComponent = PropertyEditor ?? PropertyPopover;
   const shouldRenderComponentName = descriptor.props.length == 0 && descriptor.hasChildren && descriptor.kind === "flow";
-  return /* @__PURE__ */ React__default.createElement("div", { className: descriptor.kind === "text" ? styles.inlineEditor : styles.blockEditor }, shouldRenderComponentName ? /* @__PURE__ */ React__default.createElement("span", { className: styles.genericComponentName }, mdastNode.name ?? "Fragment") : null, descriptor.props.length > 0 ? /* @__PURE__ */ React__default.createElement(PropertyPopover, { properties, title: mdastNode.name ?? "", onChange }) : null, descriptor.hasChildren ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: descriptor.kind === "text" ? styles.inlineEditor : styles.blockEditor }, shouldRenderComponentName ? /* @__PURE__ */ React__default.createElement("span", { className: styles.genericComponentName }, mdastNode.name ?? "Fragment") : null, descriptor.props.length > 0 ? /* @__PURE__ */ React__default.createElement(PropertyEditorComponent, { properties, title: mdastNode.name ?? "", onChange }) : null, descriptor.hasChildren ? /* @__PURE__ */ React__default.createElement(
     NestedLexicalEditor,
     {
       block: descriptor.kind === "flow",

package/dist/plugins/lists/LexicalListItemVisitor.js

@@ -1,5 +1,5 @@
 import { $isListItemNode, $isListNode } from "@lexical/list";
-import { $isTextNode, $isElementNode } from "lexical";
+import { $isTextNode, $isElementNode, $isDecoratorNode } from "lexical";
 const LexicalListItemVisitor = {
   testLexicalNode: $isListItemNode,
   visitLexicalNode: ({ lexicalNode, mdastParent, actions }) => {
@@ -22,7 +22,7 @@ const LexicalListItemVisitor = {
       });
       let surroundingParagraph = null;
       for (const child of lexicalNode.getChildren()) {
-        if ($isTextNode(child) || $isElementNode(child) && child.isInline()) {
+        if ($isTextNode(child) || $isElementNode(child) && child.isInline() || $isDecoratorNode(child) && child.isInline()) {
           if (!surroundingParagraph) {
             surroundingParagraph = actions.appendToParent(listItem, {
               type: "paragraph",

package/package.json

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