@mdxeditor/editor 2.7.0 → 2.8.0

package/dist/exportMarkdownFromLexical.js

@@ -231,7 +231,7 @@ function exportMarkdownFromLexical({
   return toMarkdown(exportLexicalTreeToMdast({ root, visitors, jsxComponentDescriptors, jsxIsAvailable }), {
     extensions: toMarkdownExtensions,
     ...toMarkdownOptions
-  });
+  }) + "\n";
 }
 export {
   exportLexicalTreeToMdast,

package/dist/index.d.ts

@@ -1721,12 +1721,15 @@ export declare const linkPlugin: (params?: {
 export declare const listsPlugin: (params?: unknown) => RealmPlugin;
 
 /**
- * A toolbar toggle that allows the user to toggle between bulleted and numbered lists.
+ * A toolbar toggle that allows the user to toggle between bulleted, numbered, and check lists.
  * Pressing the selected button will convert the current list to the other type. Pressing it again will remove the list.
  * For this button to work, you need to have the `listsPlugin` plugin enabled.
  * @group Toolbar Components
+ * @param options - The list types that the user can toggle between. Defaults to `['bullet', 'number', 'check']`.
  */
-export declare const ListsToggle: React_2.FC;
+export declare const ListsToggle: React_2.FC<{
+    options?: Array<'bullet' | 'number' | 'check'>;
+}>;
 
 /* Excluded from this release type: makeHslTransparent */
 

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

@@ -3,21 +3,25 @@ import { currentListType$, applyListType$ } from "../../lists/index.js";
 import { SingleChoiceToggleGroup } from "../primitives/toolbar.js";
 import { useCellValues, usePublisher } from "@mdxeditor/gurx";
 import { iconComponentFor$ } from "../../core/index.js";
-const ListsToggle = () => {
+const LIST_TITLE_MAP = {
+  bullet: "Bulleted list",
+  number: "Numbered list",
+  check: "Check list"
+};
+const ICON_NAME_MAP = {
+  bullet: "format_list_bulleted",
+  number: "format_list_numbered",
+  check: "format_list_checked"
+};
+const ListsToggle = ({ options = ["bullet", "number", "check"] }) => {
   const [currentListType, iconComponentFor] = useCellValues(currentListType$, iconComponentFor$);
   const applyListType = usePublisher(applyListType$);
-  return /* @__PURE__ */ React__default.createElement(
-    SingleChoiceToggleGroup,
-    {
-      value: currentListType || "",
-      items: [
-        { title: "Bulleted list", contents: iconComponentFor("format_list_bulleted"), value: "bullet" },
-        { title: "Numbered list", contents: iconComponentFor("format_list_numbered"), value: "number" },
-        { title: "Check list", contents: iconComponentFor("format_list_checked"), value: "check" }
-      ],
-      onChange: applyListType
-    }
-  );
+  const items = options.map((type) => ({
+    value: type,
+    title: LIST_TITLE_MAP[type],
+    contents: iconComponentFor(ICON_NAME_MAP[type])
+  }));
+  return /* @__PURE__ */ React__default.createElement(SingleChoiceToggleGroup, { value: currentListType || "", items, onChange: applyListType });
 };
 export {
   ListsToggle

package/package.json

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