@mdxeditor/editor 3.25.0 → 3.26.0

package/dist/MDXEditor.js

@@ -2,15 +2,15 @@ import { useCellValue, usePublisher, useCellValues, useRealm } from "@mdxeditor/
 import React__default from "react";
 import { RealmWithPlugins } from "./RealmWithPlugins.js";
 import { corePlugin, rootEditor$, useTranslation, contentEditableRef$, contentEditableClassName$, spellCheck$, composerChildren$, topAreaChildren$, editorWrappers$, placeholder$, editorRootElementRef$, viewMode$, markdownSourceEditorValue$, markdown$, setMarkdown$, insertMarkdown$ } from "./plugins/core/index.js";
-import { ContentEditable } from "@lexical/react/LexicalContentEditable.js";
-import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary.js";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin.js";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import classNames from "classnames";
 import { lexicalTheme } from "./styles/lexicalTheme.js";
 import styles from "./styles/ui.module.css.js";
 import { noop } from "./utils/fp.js";
 import { createLexicalComposerContext, LexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { defaultSvgIcons } from "./defaultSvgIcons.js";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 const LexicalProvider = ({ children }) => {
   const rootEditor = useCellValue(rootEditor$);
   const composerContextValue = React__default.useMemo(() => {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Config } from 'mdast-util-from-markdown/lib';
-import { ContentEditable } from '@lexical/react/LexicalContentEditable.js';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
 import { DecoratorNode } from 'lexical';
 import { default as default_2 } from 'react';
 import { Directives } from 'mdast-util-directive';
@@ -18,7 +18,7 @@ import { LexicalCommand } from 'lexical';
 import { LexicalEditor } from 'lexical';
 import { LexicalNode } from 'lexical';
 import { LinkNode } from '@lexical/link';
-import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin.js';
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
 import { ListType } from '@lexical/list';
 import * as Mdast from 'mdast';
 import { MdxJsxAttribute } from 'mdast-util-mdx-jsx';
@@ -203,7 +203,7 @@ export declare const addToMarkdownExtension$: NodeRef< Options_2 | Options_2[]>;
  */
 export declare const addTopAreaChild$: NodeRef<default_2.ComponentType<{}> | default_2.ComponentType<{}>[]>;
 
-/* Excluded from this release type: ADMONITION_TYPES */
+export declare const ADMONITION_TYPES: readonly ["note", "tip", "danger", "info", "caution"];
 
 /**
  * Pass this descriptor to the `directivesPlugin` `directiveDescriptors` parameter to enable {@link https://docusaurus.io/docs/markdown-features/admonitions | markdown admonitions}.
@@ -2132,8 +2132,7 @@ export declare interface MDXEditorProps {
      */
     plugins?: RealmPlugin[];
     /**
-     * The class name to apply to the root component element. Use this if you want to change the editor dimensions, maximum height, etc.
-     * For a content-specific styling, Use `contentEditableClassName` property.
+     * The class name to apply to the root component element, including the toolbar and the popups. For styling the content editable area,  Use `contentEditableClassName` property.
      */
     className?: string;
     /**

package/dist/plugins/core/NestedLexicalEditor.js

@@ -1,10 +1,10 @@
 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$, lexicalTheme$, editorInFocus$ } from "./index.js";
-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 { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import classNames from "classnames";
 import { exportLexicalTreeToMdast } from "../../exportMarkdownFromLexical.js";
 import { importMdastTreeToLexical } from "../../importMarkdownToLexical.js";

package/dist/plugins/core/SharedHistoryPlugin.js

@@ -1,4 +1,4 @@
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin.js";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import React__default from "react";
 import { historyState$ } from "./index.js";
 import { useCellValue } from "@mdxeditor/gurx";

package/dist/plugins/image/ImageEditor.js

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext.js";
-import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection.js";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+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";

package/dist/plugins/link/AutoLinkPlugin.js

@@ -1,4 +1,4 @@
-import { createLinkMatcherWithRegExp, AutoLinkPlugin } from "@lexical/react/LexicalAutoLinkPlugin.js";
+import { createLinkMatcherWithRegExp, AutoLinkPlugin } from "@lexical/react/LexicalAutoLinkPlugin";
 import React__default from "react";
 const URL_REGEX = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 const EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;

package/dist/plugins/link/index.js

@@ -2,7 +2,7 @@ import React__default from "react";
 import { MdastLinkVisitor } from "./MdastLinkVisitor.js";
 import { LexicalLinkVisitor } from "./LexicalLinkVisitor.js";
 import { LinkNode, AutoLinkNode } from "@lexical/link";
-import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin.js";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
 import { LexicalAutoLinkPlugin } from "./AutoLinkPlugin.js";
 import { Cell } from "@mdxeditor/gurx";
 import { realmPlugin } from "../../RealmWithPlugins.js";

package/dist/plugins/markdown-shortcut/index.js

@@ -1,11 +1,12 @@
 import { QUOTE, LINK, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST, CODE, BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR, BOLD_UNDERSCORE, INLINE_CODE, ITALIC_STAR, ITALIC_UNDERSCORE } from "@lexical/markdown";
-import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin.js";
+import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
 import { HeadingNode, $isHeadingNode, $createHeadingNode } from "@lexical/rich-text";
 import React__default from "react";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { CodeBlockNode, $createCodeBlockNode } from "../codeblock/CodeBlockNode.js";
 import { activePlugins$, addComposerChild$, addNestedEditorChild$ } from "../core/index.js";
 import { allowedHeadingLevels$ } from "../headings/index.js";
+import { HorizontalRuleNode, $isHorizontalRuleNode, $createHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 const markdownShortcutPlugin = realmPlugin({
   init(realm) {
     const pluginIds = realm.getValue(activePlugins$);
@@ -25,6 +26,18 @@ const createBlockNode = (createNode) => {
     node.select(0, 0);
   };
 };
+const THEMATIC_BREAK = {
+  dependencies: [HorizontalRuleNode],
+  export: (node) => {
+    return $isHorizontalRuleNode(node) ? "***" : null;
+  },
+  regExp: /^(---|\*\*\*|___)?/,
+  replace: (parentNode) => {
+    const node = $createHorizontalRuleNode();
+    parentNode.replace(node);
+  },
+  type: "element"
+};
 function pickTransformersForActivePlugins(pluginIds, allowedHeadingLevels) {
   const transformers = [
     BOLD_ITALIC_STAR,
@@ -59,6 +72,9 @@ function pickTransformersForActivePlugins(pluginIds, allowedHeadingLevels) {
     };
     transformers.push(HEADING);
   }
+  if (pluginIds.includes("thematicBreak")) {
+    transformers.push(THEMATIC_BREAK);
+  }
   if (pluginIds.includes("quote")) {
     transformers.push(QUOTE);
   }

package/dist/plugins/table/TableEditor.js

@@ -1,14 +1,14 @@
-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 { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 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, COMMAND_PRIORITY_EDITOR } from "lexical";
 import React__default from "react";
 import { exportLexicalTreeToMdast } from "../../exportMarkdownFromLexical.js";
 import { importMdastTreeToLexical } from "../../importMarkdownToLexical.js";
 import { lexicalTheme } from "../../styles/lexicalTheme.js";
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin.js";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { mergeRegister } from "@lexical/utils";
 import * as RadixToolbar from "@radix-ui/react-toolbar";
 import classNames from "classnames";

package/dist/plugins/thematic-break/index.js

@@ -2,7 +2,7 @@ import { realmPlugin } from "../../RealmWithPlugins.js";
 import { INSERT_HORIZONTAL_RULE_COMMAND, HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode.js";
 import { HorizontalRulePlugin } from "@lexical/react/LexicalHorizontalRulePlugin.js";
 import { Action, withLatestFrom } from "@mdxeditor/gurx";
-import { activeEditor$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addComposerChild$ } from "../core/index.js";
+import { activeEditor$, addActivePlugin$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addComposerChild$ } from "../core/index.js";
 import { LexicalThematicBreakVisitor } from "./LexicalThematicBreakVisitor.js";
 import { MdastThematicBreakVisitor } from "./MdastThematicBreakVisitor.js";
 const insertThematicBreak$ = Action((r) => {
@@ -13,6 +13,7 @@ const insertThematicBreak$ = Action((r) => {
 const thematicBreakPlugin = realmPlugin({
   init(realm) {
     realm.pubIn({
+      [addActivePlugin$]: "thematicBreak",
       [addImportVisitor$]: MdastThematicBreakVisitor,
       [addLexicalNode$]: HorizontalRuleNode,
       [addExportVisitor$]: LexicalThematicBreakVisitor,

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.25.0",
+  "version": "3.26.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -43,15 +43,15 @@
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.23.0",
     "@codesandbox/sandpack-react": "^2.19.11",
-    "@lexical/clipboard": "^0.23.1",
-    "@lexical/link": "^0.23.1",
-    "@lexical/list": "^0.23.1",
-    "@lexical/markdown": "^0.23.1",
-    "@lexical/plain-text": "^0.23.1",
-    "@lexical/react": "^0.23.1",
-    "@lexical/rich-text": "^0.23.1",
-    "@lexical/selection": "^0.23.1",
-    "@lexical/utils": "^0.23.1",
+    "@lexical/clipboard": "^0.27.1",
+    "@lexical/link": "^0.27.1",
+    "@lexical/list": "^0.27.1",
+    "@lexical/markdown": "^0.27.1",
+    "@lexical/plain-text": "^0.27.1",
+    "@lexical/react": "^0.27.1",
+    "@lexical/rich-text": "^0.27.1",
+    "@lexical/selection": "^0.27.1",
+    "@lexical/utils": "^0.27.1",
     "@mdxeditor/gurx": "^1.1.4",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-dialog": "^1.0.5",
@@ -66,7 +66,7 @@
     "codemirror": "^6.0.1",
     "downshift": "^7.6.0",
     "js-yaml": "4.1.0",
-    "lexical": "^0.23.1",
+    "lexical": "^0.27.1",
     "mdast-util-directive": "^3.0.0",
     "mdast-util-from-markdown": "^2.0.0",
     "mdast-util-frontmatter": "^2.0.1",