@gravity-ui/markdown-editor 14.8.0 → 14.10.0

package/build/esm/bundle/Editor.js

@@ -1,7 +1,8 @@
-var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_mdOptions, _EditorImpl_preset, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_parseInsertedUrlAsImage, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_enableNewImageSizeCalculation, _EditorImpl_directiveSyntax, _EditorImpl_prepareRawMarkup, _EditorImpl_beforeEditorModeChange;
+var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_mdOptions, _EditorImpl_pmTransformers, _EditorImpl_preserveEmptyRows, _EditorImpl_preset, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_parseInsertedUrlAsImage, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_enableNewImageSizeCalculation, _EditorImpl_directiveSyntax, _EditorImpl_prepareRawMarkup, _EditorImpl_beforeEditorModeChange;
 import { __classPrivateFieldGet, __classPrivateFieldSet, __rest } from "tslib";
 import { EditorView as CMEditorView } from '@codemirror/view';
 import { TextSelection } from 'prosemirror-state';
+import { getAutocompleteConfig } from '../../src/markup/codemirror/autocomplete';
 import { WysiwygEditor, } from '../core';
 import { i18n } from '../i18n/bundle';
 import { logger } from '../logger';
@@ -24,6 +25,8 @@ export class EditorImpl extends SafeEventEmitter {
         _EditorImpl_markupConfig.set(this, void 0);
         _EditorImpl_escapeConfig.set(this, void 0);
         _EditorImpl_mdOptions.set(this, void 0);
+        _EditorImpl_pmTransformers.set(this, []);
+        _EditorImpl_preserveEmptyRows.set(this, void 0);
         _EditorImpl_preset.set(this, void 0);
         _EditorImpl_extensions.set(this, void 0);
         _EditorImpl_renderStorage.set(this, void 0);
@@ -43,6 +46,7 @@ export class EditorImpl extends SafeEventEmitter {
         __classPrivateFieldSet(this, _EditorImpl_renderPreview, markupConfig.renderPreview, "f");
         __classPrivateFieldSet(this, _EditorImpl_markup, (_e = initial.markup) !== null && _e !== void 0 ? _e : '', "f");
         __classPrivateFieldSet(this, _EditorImpl_preset, (_f = opts.preset) !== null && _f !== void 0 ? _f : 'full', "f");
+        __classPrivateFieldSet(this, _EditorImpl_pmTransformers, opts.pmTransformers, "f");
         __classPrivateFieldSet(this, _EditorImpl_mdOptions, md, "f");
         __classPrivateFieldSet(this, _EditorImpl_extensions, wysiwygConfig.extensions, "f");
         __classPrivateFieldSet(this, _EditorImpl_markupConfig, Object.assign({}, opts.markupConfig), "f");
@@ -52,6 +56,7 @@ export class EditorImpl extends SafeEventEmitter {
         __classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(experimental.needToSetDimensionsForUploadedImages), "f");
         __classPrivateFieldSet(this, _EditorImpl_directiveSyntax, opts.directiveSyntax, "f");
         __classPrivateFieldSet(this, _EditorImpl_enableNewImageSizeCalculation, Boolean(experimental.enableNewImageSizeCalculation), "f");
+        __classPrivateFieldSet(this, _EditorImpl_preserveEmptyRows, experimental.preserveEmptyRows || false, "f");
         __classPrivateFieldSet(this, _EditorImpl_prepareRawMarkup, experimental.prepareRawMarkup, "f");
         __classPrivateFieldSet(this, _EditorImpl_escapeConfig, wysiwygConfig.escapeConfig, "f");
         __classPrivateFieldSet(this, _EditorImpl_beforeEditorModeChange, experimental.beforeEditorModeChange, "f");
@@ -143,6 +148,7 @@ export class EditorImpl extends SafeEventEmitter {
                 mdPreset,
                 initialContent: __classPrivateFieldGet(this, _EditorImpl_markup, "f"),
                 extensions: __classPrivateFieldGet(this, _EditorImpl_extensions, "f"),
+                pmTransformers: __classPrivateFieldGet(this, _EditorImpl_pmTransformers, "f"),
                 allowHTML: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").html,
                 linkify: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkify,
                 linkifyTlds: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkifyTlds,
@@ -154,7 +160,7 @@ export class EditorImpl extends SafeEventEmitter {
         return __classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f");
     }
     get markupEditor() {
-        var _a;
+        var _a, _b;
         if (!__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) {
             __classPrivateFieldSet(this, _EditorImpl_markupEditor, new MarkupEditor(createCodemirror({
                 doc: __classPrivateFieldGet(this, _EditorImpl_markup, "f"),
@@ -173,7 +179,12 @@ export class EditorImpl extends SafeEventEmitter {
                 extensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").extensions,
                 disabledExtensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").disabledExtensions,
                 keymaps: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").keymaps,
-                yfmLangOptions: { languageData: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").languageData },
+                preserveEmptyRows: __classPrivateFieldGet(this, _EditorImpl_preserveEmptyRows, "f"),
+                yfmLangOptions: {
+                    languageData: getAutocompleteConfig({
+                        preserveEmptyRows: __classPrivateFieldGet(this, _EditorImpl_preserveEmptyRows, "f"),
+                    }).concat(((_b = __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f")) === null || _b === void 0 ? void 0 : _b.languageData) || []),
+                },
                 autocompletion: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").autocompletion,
                 directiveSyntax: this.directiveSyntax,
                 receiver: this,
@@ -315,7 +326,7 @@ export class EditorImpl extends SafeEventEmitter {
         return (serializedEditorMarkup === null || serializedEditorMarkup === void 0 ? void 0 : serializedEditorMarkup.trim()) !== wysiwygValue.trim();
     }
 }
-_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_mdOptions = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_parseInsertedUrlAsImage = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_enableNewImageSizeCalculation = new WeakMap(), _EditorImpl_directiveSyntax = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap(), _EditorImpl_beforeEditorModeChange = new WeakMap();
+_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_mdOptions = new WeakMap(), _EditorImpl_pmTransformers = new WeakMap(), _EditorImpl_preserveEmptyRows = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_parseInsertedUrlAsImage = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_enableNewImageSizeCalculation = new WeakMap(), _EditorImpl_directiveSyntax = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap(), _EditorImpl_beforeEditorModeChange = new WeakMap();
 function getTopOffset(elem) {
     const TOOLBAR_HEIGHT = 36; //px
     const TOOLBAR_BOTTOM_OFFSET = 8; // px

package/build/esm/bundle/MarkdownEditorView.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ToasterPublicMethods } from '@gravity-ui/uikit';
 import { ClassNameProps } from '../classname';
+import type { ToolbarsPreset } from '../modules/toolbars/types';
 import type { Editor } from './Editor';
 import { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from './config';
 import '../styles/styles.css';
@@ -9,9 +10,22 @@ export declare const cnEditorComponent: import("@bem-react/classname").ClassName
 export declare type MarkdownEditorViewProps = ClassNameProps & {
     editor?: Editor;
     autofocus?: boolean;
+    toolbarsPreset?: ToolbarsPreset;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupToolbarConfig?: MToolbarData;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygToolbarConfig?: WToolbarData;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupHiddenActionsConfig?: MToolbarItemData[];
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygHiddenActionsConfig?: WToolbarItemData[];
     /** @default true */
     settingsVisible?: boolean;
@@ -23,9 +37,22 @@ export declare type MarkdownEditorViewProps = ClassNameProps & {
 export declare const MarkdownEditorView: React.ForwardRefExoticComponent<ClassNameProps & {
     editor?: Editor | undefined;
     autofocus?: boolean | undefined;
+    toolbarsPreset?: ToolbarsPreset | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupToolbarConfig?: MToolbarData | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygToolbarConfig?: WToolbarData | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupHiddenActionsConfig?: MToolbarItemData[] | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygHiddenActionsConfig?: WToolbarItemData[] | undefined;
     /** @default true */
     settingsVisible?: boolean | undefined;

package/build/esm/bundle/MarkdownEditorView.js

@@ -10,10 +10,10 @@ import { HorizontalDrag } from './HorizontalDrag';
 import { MarkupEditorView } from './MarkupEditorView';
 import { SplitModeView } from './SplitModeView';
 import { WysiwygEditorView } from './WysiwygEditorView';
-import { mHiddenDataByPreset, mToolbarConfigByPreset, wHiddenDataByPreset, wToolbarConfigByPreset, } from './config';
 import { useMarkdownEditorContext } from './context';
 import { EditorSettings } from './settings';
 import { stickyCn } from './sticky';
+import { getToolbarsConfigs } from './toolbar/utils/toolbarsConfigs';
 import '../styles/styles.css';
 import './MarkdownEditorView.css'; // eslint-disable-line import/order
 export const cnEditorComponent = cn('editor-component');
@@ -30,7 +30,24 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
     const editor = ((_a = props.editor) !== null && _a !== void 0 ? _a : context);
     if (!editor)
         throw new Error('[MarkdownEditorView]: an instance of the editor must be passed through the props or context');
-    const { autofocus, className, settingsVisible = true, markupToolbarConfig = mToolbarConfigByPreset[editor.preset], wysiwygToolbarConfig = wToolbarConfigByPreset[editor.preset], markupHiddenActionsConfig = mHiddenDataByPreset[editor.preset], wysiwygHiddenActionsConfig = wHiddenDataByPreset[editor.preset], toaster, stickyToolbar, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+    const { autofocus, className, settingsVisible = true, toolbarsPreset, toaster, stickyToolbar, wysiwygToolbarConfig: initialWysiwygToolbarConfig, markupToolbarConfig: initialMarkupToolbarConfig, wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig, markupHiddenActionsConfig: initialMarkupHiddenActionsConfig, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+    const { wysiwygToolbarConfig, markupToolbarConfig, wysiwygHiddenActionsConfig, markupHiddenActionsConfig, } = useMemo(() => getToolbarsConfigs({
+        toolbarsPreset,
+        props: {
+            wysiwygToolbarConfig: initialWysiwygToolbarConfig,
+            markupToolbarConfig: initialMarkupToolbarConfig,
+            wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig,
+            markupHiddenActionsConfig: initialMarkupHiddenActionsConfig,
+        },
+        preset: editor.preset,
+    }), [
+        toolbarsPreset,
+        initialWysiwygToolbarConfig,
+        initialMarkupToolbarConfig,
+        initialWysiwygHiddenActionsConfig,
+        initialMarkupHiddenActionsConfig,
+        editor.preset,
+    ]);
     const rerender = useUpdate();
     React.useLayoutEffect(() => {
         editor.on('rerender', rerender);

package/build/esm/bundle/config/action-names.d.ts

@@ -1,3 +1,3 @@
-declare const namesObj: Record<"bold" | "mono" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "paragraph" | "anchor" | "table" | "image" | "code_inline" | "code_block" | "file" | "checkbox" | "emoji" | "undo" | "redo" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "bulletList" | "orderedList" | "liftListItem" | "sinkListItem" | "yfm_cut" | "yfm_note" | "yfm_block" | "yfm_html_block" | "yfm_layout" | "horizontalrule" | "math_inline" | "math_block" | "tabs" | "mermaid" | "gpt", string>;
+declare const namesObj: Record<"bold" | "colorify" | "mono" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "block" | "paragraph" | "cut" | "anchor" | "table" | "image" | "code_inline" | "code_block" | "note" | "file" | "codeBlock" | "checkbox" | "emoji" | "bulletList" | "codeInline" | "filePopup" | "gpt" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "emptyRow" | "horizontalrule" | "horizontalRule" | "imagePopup" | "liftListItem" | "math_block" | "mathBlock" | "math_inline" | "mathInline" | "mermaid" | "orderedList" | "redo" | "sinkListItem" | "tabs" | "undo" | "yfm_block" | "yfm_cut" | "yfm_html_block" | "htmlBlock" | "yfm_layout" | "layout" | "yfm_note", string>;
 export declare const ActionName: Readonly<typeof namesObj>;
 export {};

package/build/esm/bundle/config/action-names.js

@@ -1,44 +1,68 @@
 const names = [
-    'undo',
-    'redo',
+    'anchor',
     'bold',
-    'italic',
-    'underline',
-    'strike',
-    'mono',
-    'mark',
-    'paragraph',
+    'bulletList',
+    'checkbox',
+    /** @deprecated use codeBlock */
+    'code_block',
+    'codeBlock',
+    /** @deprecated use codeInline */
+    'code_inline',
+    'codeInline',
+    'colorify',
+    'emoji',
+    'file',
+    'filePopup',
+    'gpt',
     'heading1',
     'heading2',
     'heading3',
     'heading4',
     'heading5',
     'heading6',
-    'bulletList',
-    'orderedList',
+    'emptyRow',
+    /** @deprecated use horizontalRule */
+    'horizontalrule',
+    'horizontalRule',
+    'image',
+    'imagePopup',
+    'italic',
     'liftListItem',
-    'sinkListItem',
-    'checkbox',
     'link',
+    'mark',
+    /** @deprecated use mathBlock */
+    'math_block',
+    'mathBlock',
+    /** @deprecated use mathInline */
+    'math_inline',
+    'mathInline',
+    'mermaid',
+    'mono',
+    'orderedList',
+    'paragraph',
     'quote',
-    'yfm_cut',
-    'yfm_note',
+    'redo',
+    'sinkListItem',
+    'strike',
+    'table',
+    'tabs',
+    'underline',
+    'undo',
+    /** @deprecated use block */
     'yfm_block',
+    'block',
+    /** @deprecated use cut */
+    'yfm_cut',
+    'cut',
+    /** @deprecated use htmlBlock */
     'yfm_html_block',
+    'htmlBlock',
+    /** @deprecated use layout */
     'yfm_layout',
-    'table',
-    'code_inline',
-    'code_block',
-    'image',
-    'horizontalrule',
-    'emoji',
-    'file',
-    'anchor',
-    'math_inline',
-    'math_block',
-    'tabs',
-    'mermaid',
-    'gpt',
+    'layout',
+    /** @deprecated use note */
+    'yfm_note',
+    'note',
 ];
 const namesObj = names.reduce((obj, val) => {
     obj[val] = val;

package/build/esm/bundle/config/index.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 export * from './wysiwyg';
 export * from './markup';

package/build/esm/bundle/config/index.js

@@ -1,2 +1,5 @@
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 export * from './wysiwyg';
 export * from './markup';

package/build/esm/bundle/config/markup.js

@@ -1,3 +1,6 @@
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 import React from 'react';
 import { i18n } from '../../i18n/menubar';
 import { insertHRule, insertLink, insertMermaidDiagram, insertYfmHtmlBlock, insertYfmTable, insertYfmTabs, liftListItem, redo, redoDepth, sinkListItem, toBulletList, toH1, toH2, toH3, toH4, toH5, toH6, toOrderedList, toggleBold, toggleItalic, toggleMarked, toggleMonospace, toggleStrikethrough, toggleUnderline, undo, undoDepth, wrapToBlockquote, wrapToCheckbox, wrapToCodeBlock, wrapToInlineCode, wrapToMathBlock, wrapToMathInline, wrapToYfmCut, wrapToYfmNote, } from '../../markup/commands';

package/build/esm/bundle/config/wysiwyg.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 import { ActionStorage } from 'src/core';
 import type { SelectionContextConfig, SelectionContextItemData } from '../../extensions/behavior/SelectionContext';
 import { ToolbarGroupItemData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarSingleItemData } from '../../toolbar';

package/build/esm/bundle/toolbar/utils/flattenPreset.d.ts

@@ -0,0 +1,2 @@
+import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from '../../config';
+export declare const flattenPreset: <T extends MToolbarData | WToolbarData>(config: T) => T extends WToolbarData ? WToolbarItemData[] : MToolbarItemData[];

package/build/esm/bundle/toolbar/utils/flattenPreset.js

@@ -0,0 +1,10 @@
+import { ToolbarDataType } from '../../../toolbar/types';
+export const flattenPreset = (config) => {
+    return config.flat().reduce((acc, item) => {
+        if (item.type === ToolbarDataType.ListButton && Array.isArray(item.data)) {
+            return acc.concat(item.data);
+        }
+        acc.push(item);
+        return acc;
+    }, []);
+};

package/build/esm/bundle/toolbar/utils/toolbarsConfigs.d.ts

@@ -0,0 +1,17 @@
+import type { ToolbarsPreset } from '../../../modules/toolbars/types';
+import type { MToolbarData, WToolbarData } from '../../../toolbar';
+import type { MarkdownEditorViewProps } from '../../MarkdownEditorView';
+import { MarkdownEditorPreset } from '../../types';
+export declare const createToolbarConfig: <T extends MToolbarData | WToolbarData>(editorType: 'wysiwyg' | 'markup', toolbarPreset: ToolbarsPreset | MarkdownEditorPreset, toolbarName: string) => T;
+interface GetToolbarsConfigsArgs {
+    toolbarsPreset?: ToolbarsPreset;
+    props: Pick<MarkdownEditorViewProps, 'markupToolbarConfig' | 'wysiwygToolbarConfig' | 'wysiwygHiddenActionsConfig' | 'markupHiddenActionsConfig'>;
+    preset: MarkdownEditorPreset;
+}
+export declare const getToolbarsConfigs: ({ toolbarsPreset, props, preset }: GetToolbarsConfigsArgs) => {
+    wysiwygToolbarConfig: WToolbarData;
+    markupToolbarConfig: MToolbarData;
+    wysiwygHiddenActionsConfig: import("../../config/wysiwyg").WToolbarItemData[];
+    markupHiddenActionsConfig: import("../../config/markup").MToolbarItemData[];
+};
+export {};

package/build/esm/bundle/toolbar/utils/toolbarsConfigs.js

@@ -0,0 +1,55 @@
+import { ToolbarName } from '../../../modules/toolbars/constants';
+import { commonmark, defaultPreset, full, yfm, zero } from '../../../modules/toolbars/presets';
+import { ToolbarDataType } from '../../../toolbar';
+import { flattenPreset } from './flattenPreset';
+const defaultPresets = {
+    zero,
+    commonmark,
+    default: defaultPreset,
+    yfm,
+    full,
+};
+const transformItem = (type, item, id = 'unknown') => {
+    var _a;
+    if (!item) {
+        console.warn(`Toolbar item "${id}" not found, it might not have been added to the items dictionary.`);
+        return {};
+    }
+    const isListButton = item.view.type === ToolbarDataType.ListButton;
+    return Object.assign(Object.assign(Object.assign({ type: (_a = item.view.type) !== null && _a !== void 0 ? _a : ToolbarDataType.SingleButton, id, title: item.view.title, hint: item.view.hint, icon: item.view.icon, hotkey: item.view.hotkey }, (isListButton && { withArrow: item.view.withArrow })), (type === 'wysiwyg' && item.wysiwyg && Object.assign({}, item.wysiwyg))), (type === 'markup' && item.markup && Object.assign({}, item.markup)));
+};
+export const createToolbarConfig = (editorType, toolbarPreset, toolbarName) => {
+    var _a;
+    const preset = typeof toolbarPreset === 'string'
+        ? defaultPresets[toolbarPreset] || defaultPresets.default
+        : toolbarPreset;
+    const orders = (_a = preset.orders[toolbarName]) !== null && _a !== void 0 ? _a : [[]];
+    const { items } = preset;
+    const toolbarData = orders.map((group) => group.map((action) => {
+        return typeof action === 'string'
+            ? transformItem(editorType, items[action], action)
+            : Object.assign(Object.assign({}, transformItem(editorType, items[action.id], action.id)), { data: action.items.map((id) => transformItem(editorType, items[id], id)) });
+    }));
+    return toolbarData;
+};
+export const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
+    var _a, _b, _c, _d;
+    const wysiwygToolbarConfig = toolbarsPreset
+        ? createToolbarConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygMain)
+        : (_a = props.wysiwygToolbarConfig) !== null && _a !== void 0 ? _a : createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygMain);
+    const markupToolbarConfig = toolbarsPreset
+        ? createToolbarConfig('markup', toolbarsPreset, ToolbarName.markupMain)
+        : (_b = props.markupToolbarConfig) !== null && _b !== void 0 ? _b : createToolbarConfig('markup', preset, ToolbarName.markupMain);
+    const wysiwygHiddenActionsConfig = toolbarsPreset
+        ? flattenPreset(createToolbarConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygHidden))
+        : (_c = props.wysiwygHiddenActionsConfig) !== null && _c !== void 0 ? _c : flattenPreset(createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygHidden));
+    const markupHiddenActionsConfig = toolbarsPreset
+        ? flattenPreset(createToolbarConfig('markup', toolbarsPreset, ToolbarName.markupHidden))
+        : (_d = props.markupHiddenActionsConfig) !== null && _d !== void 0 ? _d : flattenPreset(createToolbarConfig('markup', preset, ToolbarName.markupHidden));
+    return {
+        wysiwygToolbarConfig,
+        markupToolbarConfig,
+        wysiwygHiddenActionsConfig,
+        markupHiddenActionsConfig,
+    };
+};

package/build/esm/bundle/types.d.ts

@@ -93,6 +93,12 @@ export declare type MarkdownEditorExperimentalOptions = {
      * Default value is 'disabled'.
      */
     directiveSyntax?: DirectiveSyntaxOption;
+    /**
+     * If we need support for empty strings
+     *
+     * @default false
+     */
+    preserveEmptyRows?: boolean;
 };
 export declare type MarkdownEditorMarkupConfig = {
     /**

package/build/esm/bundle/useMarkdownEditor.js

@@ -1,4 +1,5 @@
 import { useLayoutEffect, useMemo } from 'react';
+import { getPMTransformers } from '../core/markdown/ProseMirrorTransformer/getTransformers';
 import { ReactRenderStorage } from '../extensions';
 import { logger } from '../logger';
 import { DirectiveSyntaxContext } from '../utils/directive';
@@ -10,11 +11,15 @@ export function useMarkdownEditor(props, deps = []) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = props;
         const breaks = (_a = md.breaks) !== null && _a !== void 0 ? _a : props.breaks;
+        const preserveEmptyRows = experimental.preserveEmptyRows;
         const preset = (_b = props.preset) !== null && _b !== void 0 ? _b : 'full';
         const renderStorage = new ReactRenderStorage();
         const uploadFile = (_c = handlers.uploadFile) !== null && _c !== void 0 ? _c : props.fileUploadHandler;
         const needToSetDimensionsForUploadedImages = (_d = experimental.needToSetDimensionsForUploadedImages) !== null && _d !== void 0 ? _d : props.needToSetDimensionsForUploadedImages;
         const enableNewImageSizeCalculation = experimental.enableNewImageSizeCalculation;
+        const pmTransformers = getPMTransformers({
+            emptyRowTransformer: preserveEmptyRows,
+        });
         const directiveSyntax = new DirectiveSyntaxContext(experimental.directiveSyntax);
         const extensions = (builder) => {
             var _a;
@@ -26,7 +31,7 @@ export function useMarkdownEditor(props, deps = []) {
                 }, onSubmit: () => {
                     editor.emit('submit', null);
                     return true;
-                }, placeholderOptions: wysiwygConfig.placeholderOptions, mdBreaks: breaks, fileUploadHandler: uploadFile, needToSetDimensionsForUploadedImages,
+                }, preserveEmptyRows: preserveEmptyRows, placeholderOptions: wysiwygConfig.placeholderOptions, mdBreaks: breaks, fileUploadHandler: uploadFile, needToSetDimensionsForUploadedImages,
                 enableNewImageSizeCalculation }));
             {
                 const extraExtensions = wysiwygConfig.extensions || props.extraExtensions;
@@ -37,7 +42,8 @@ export function useMarkdownEditor(props, deps = []) {
         };
         return new EditorImpl(Object.assign(Object.assign({}, props), { preset,
             renderStorage,
-            directiveSyntax, md: Object.assign(Object.assign({}, md), { breaks, html: (_e = md.html) !== null && _e !== void 0 ? _e : props.allowHTML, linkify: (_f = md.linkify) !== null && _f !== void 0 ? _f : props.linkify, linkifyTlds: (_g = md.linkifyTlds) !== null && _g !== void 0 ? _g : props.linkifyTlds }), initial: Object.assign(Object.assign({}, initial), { markup: (_h = initial.markup) !== null && _h !== void 0 ? _h : props.initialMarkup, mode: (_j = initial.mode) !== null && _j !== void 0 ? _j : props.initialEditorMode, toolbarVisible: (_k = initial.toolbarVisible) !== null && _k !== void 0 ? _k : props.initialToolbarVisible, splitModeEnabled: (_l = initial.splitModeEnabled) !== null && _l !== void 0 ? _l : props.initialSplitModeEnabled }), handlers: Object.assign(Object.assign({}, handlers), { uploadFile }), experimental: Object.assign(Object.assign({}, experimental), { needToSetDimensionsForUploadedImages,
+            directiveSyntax,
+            pmTransformers, md: Object.assign(Object.assign({}, md), { breaks, html: (_e = md.html) !== null && _e !== void 0 ? _e : props.allowHTML, linkify: (_f = md.linkify) !== null && _f !== void 0 ? _f : props.linkify, linkifyTlds: (_g = md.linkifyTlds) !== null && _g !== void 0 ? _g : props.linkifyTlds }), initial: Object.assign(Object.assign({}, initial), { markup: (_h = initial.markup) !== null && _h !== void 0 ? _h : props.initialMarkup, mode: (_j = initial.mode) !== null && _j !== void 0 ? _j : props.initialEditorMode, toolbarVisible: (_k = initial.toolbarVisible) !== null && _k !== void 0 ? _k : props.initialToolbarVisible, splitModeEnabled: (_l = initial.splitModeEnabled) !== null && _l !== void 0 ? _l : props.initialSplitModeEnabled }), handlers: Object.assign(Object.assign({}, handlers), { uploadFile }), experimental: Object.assign(Object.assign({}, experimental), { needToSetDimensionsForUploadedImages,
                 enableNewImageSizeCalculation, prepareRawMarkup: (_m = experimental.prepareRawMarkup) !== null && _m !== void 0 ? _m : props.prepareRawMarkup, beforeEditorModeChange: (_o = experimental.beforeEditorModeChange) !== null && _o !== void 0 ? _o : props.experimental_beforeEditorModeChange }), markupConfig: Object.assign(Object.assign({}, markupConfig), { splitMode: (_p = markupConfig.splitMode) !== null && _p !== void 0 ? _p : props.splitMode, renderPreview: (_q = markupConfig.renderPreview) !== null && _q !== void 0 ? _q : props.renderPreview, extensions: (_r = markupConfig.extensions) !== null && _r !== void 0 ? _r : props.extraMarkupExtensions }), wysiwygConfig: Object.assign(Object.assign({}, wysiwygConfig), { extensions, escapeConfig: (_s = wysiwygConfig.escapeConfig) !== null && _s !== void 0 ? _s : props.escapeConfig }) }));
     }, deps);
     useLayoutEffect(() => {

package/build/esm/bundle/wysiwyg-preset.d.ts

@@ -9,6 +9,7 @@ export declare type ExtensionsOptions = BehaviorPresetOptions & FullPresetOption
 export declare type BundlePresetOptions = ExtensionsOptions & EditorModeKeymapOptions & {
     preset: MarkdownEditorPreset;
     mdBreaks?: boolean;
+    preserveEmptyRows?: boolean;
     fileUploadHandler?: FileUploadHandler;
     placeholderOptions?: WysiwygPlaceholderOptions;
     /**

package/build/esm/bundle/wysiwyg-preset.js

@@ -31,7 +31,7 @@ export const BundlePreset = (builder, opts) => {
                 return typeof value === 'function'
                     ? value()
                     : value !== null && value !== void 0 ? value : i18nPlaceholder('doc_empty');
-            } }, opts.baseSchema) });
+            }, preserveEmptyRows: opts.preserveEmptyRows }, opts.baseSchema) });
     const commonMarkOptions = Object.assign(Object.assign({}, zeroOptions), { selectionContext: Object.assign({ config: wSelectionMenuConfigByPreset.commonmark }, opts.selectionContext), commandMenu: Object.assign({ actions: wCommandMenuConfigByPreset.commonmark }, opts.commandMenu), breaks: Object.assign({ preferredBreak: (opts.mdBreaks ? 'soft' : 'hard') }, opts.breaks), bold: Object.assign({ boldKey: f.toPM(A.Bold) }, opts.bold), italic: Object.assign({ italicKey: f.toPM(A.Italic) }, opts.italic), code: Object.assign({ codeKey: f.toPM(A.Code) }, opts.code), codeBlock: Object.assign({ codeBlockKey: f.toPM(A.CodeBlock) }, opts.codeBlock), blockquote: Object.assign({ qouteKey: f.toPM(A.Quote) }, opts.blockquote), link: Object.assign({ linkKey: f.toPM(A.Link) }, opts.link), lists: Object.assign({ ulKey: f.toPM(A.BulletList), olKey: f.toPM(A.OrderedList), ulInputRules: { plus: false } }, opts.lists), image: {
             parseInsertedUrlAsImage: (_a = opts.imgSize) === null || _a === void 0 ? void 0 : _a.parseInsertedUrlAsImage,
         } });

package/build/esm/core/Editor.d.ts

@@ -1,5 +1,6 @@
 import type { PresetName } from 'markdown-it';
 import type { CommonEditor, MarkupString } from '../common';
+import { TransformFn } from './markdown/ProseMirrorTransformer';
 import type { ActionStorage } from './types/actions';
 import type { Extension } from './types/extension';
 import type { Parser } from './types/parser';
@@ -18,6 +19,7 @@ export declare type WysiwygEditorOptions = {
     mdPreset?: PresetName;
     allowHTML?: boolean;
     linkify?: boolean;
+    pmTransformers?: TransformFn[];
     linkifyTlds?: string | string[];
     escapeConfig?: EscapeConfig;
     /** Call on any state change (move cursor, change selection, etc...) */
@@ -31,7 +33,7 @@ export declare class WysiwygEditor implements CommonEditor, ActionStorage {
     get serializer(): Serializer;
     get parser(): Parser;
     get actions(): WysiwygEditor.Actions;
-    constructor({ domElem, initialContent, extensions, allowHTML, mdPreset, linkify, linkifyTlds, escapeConfig, onChange, onDocChange, }: WysiwygEditorOptions);
+    constructor({ domElem, initialContent, extensions, allowHTML, mdPreset, linkify, pmTransformers, linkifyTlds, escapeConfig, onChange, onDocChange, }: WysiwygEditorOptions);
     action<T extends keyof WysiwygEditor.Actions>(actionName: T): WysiwygEditor.Actions[T];
     focus(): void;
     hasFocus(): boolean;

package/build/esm/core/Editor.js

@@ -7,7 +7,7 @@ import { ExtensionsManager } from './ExtensionsManager';
 import { bindActions } from './utils/actions';
 import { logTransactionMetrics } from './utils/metrics';
 export class WysiwygEditor {
-    constructor({ domElem, initialContent = '', extensions = () => { }, allowHTML, mdPreset, linkify, linkifyTlds, escapeConfig, onChange, onDocChange, }) {
+    constructor({ domElem, initialContent = '', extensions = () => { }, allowHTML, mdPreset, linkify, pmTransformers, linkifyTlds, escapeConfig, onChange, onDocChange, }) {
         _WysiwygEditor_view.set(this, void 0);
         _WysiwygEditor_serializer.set(this, void 0);
         _WysiwygEditor_parser.set(this, void 0);
@@ -18,6 +18,7 @@ export class WysiwygEditor {
             // "breaks" option only affects the renderer, but not the parser
             mdOpts: { html: allowHTML, linkify, breaks: true, preset: mdPreset },
             linkifyTlds,
+            pmTransformers,
         });
         const state = EditorState.create({
             schema,

package/build/esm/core/ExtensionsManager.d.ts

@@ -1,6 +1,7 @@
 import MarkdownIt, { PresetName } from 'markdown-it';
 import type { Plugin } from 'prosemirror-state';
 import { ActionsManager } from './ActionsManager';
+import { TransformFn } from './markdown/ProseMirrorTransformer';
 import type { ActionSpec } from './types/actions';
 import type { Extension, ExtensionDeps } from './types/extension';
 import type { MarkViewConstructor, NodeViewConstructor } from './types/node-views';
@@ -13,6 +14,7 @@ declare type ExtensionsManagerOptions = {
         preset?: PresetName;
     };
     linkifyTlds?: string | string[];
+    pmTransformers?: TransformFn[];
 };
 export declare class ExtensionsManager {
     #private;

package/build/esm/core/ExtensionsManager.js

@@ -1,4 +1,4 @@
-var _ExtensionsManager_schemaRegistry, _ExtensionsManager_parserRegistry, _ExtensionsManager_serializerRegistry, _ExtensionsManager_nodeViewCreators, _ExtensionsManager_markViewCreators, _ExtensionsManager_mdForMarkup, _ExtensionsManager_mdForText, _ExtensionsManager_extensions, _ExtensionsManager_builder, _ExtensionsManager_spec, _ExtensionsManager_deps, _ExtensionsManager_plugins, _ExtensionsManager_actions, _ExtensionsManager_nodeViews, _ExtensionsManager_markViews;
+var _ExtensionsManager_schemaRegistry, _ExtensionsManager_parserRegistry, _ExtensionsManager_serializerRegistry, _ExtensionsManager_nodeViewCreators, _ExtensionsManager_markViewCreators, _ExtensionsManager_pmTransformers, _ExtensionsManager_mdForMarkup, _ExtensionsManager_mdForText, _ExtensionsManager_extensions, _ExtensionsManager_builder, _ExtensionsManager_spec, _ExtensionsManager_deps, _ExtensionsManager_plugins, _ExtensionsManager_actions, _ExtensionsManager_nodeViews, _ExtensionsManager_markViews;
 import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import MarkdownIt from 'markdown-it';
 import { ActionsManager } from './ActionsManager';
@@ -14,6 +14,7 @@ export class ExtensionsManager {
         _ExtensionsManager_serializerRegistry.set(this, new SerializerTokensRegistry());
         _ExtensionsManager_nodeViewCreators.set(this, new Map());
         _ExtensionsManager_markViewCreators.set(this, new Map());
+        _ExtensionsManager_pmTransformers.set(this, []);
         _ExtensionsManager_mdForMarkup.set(this, void 0);
         _ExtensionsManager_mdForText.set(this, void 0);
         _ExtensionsManager_extensions.set(this, void 0);
@@ -48,6 +49,9 @@ export class ExtensionsManager {
             __classPrivateFieldGet(this, _ExtensionsManager_mdForMarkup, "f").linkify.tlds(options.linkifyTlds, true);
             __classPrivateFieldGet(this, _ExtensionsManager_mdForText, "f").linkify.tlds(options.linkifyTlds, true);
         }
+        if (options.pmTransformers) {
+            __classPrivateFieldSet(this, _ExtensionsManager_pmTransformers, options.pmTransformers, "f");
+        }
         // TODO: add prefilled context
         __classPrivateFieldSet(this, _ExtensionsManager_builder, new ExtensionBuilder(), "f");
     }
@@ -77,8 +81,8 @@ export class ExtensionsManager {
         __classPrivateFieldSet(this, _ExtensionsManager_deps, {
             schema,
             actions: new ActionsManager(),
-            markupParser: __classPrivateFieldGet(this, _ExtensionsManager_parserRegistry, "f").createParser(schema, __classPrivateFieldGet(this, _ExtensionsManager_mdForMarkup, "f")),
-            textParser: __classPrivateFieldGet(this, _ExtensionsManager_parserRegistry, "f").createParser(schema, __classPrivateFieldGet(this, _ExtensionsManager_mdForText, "f")),
+            markupParser: __classPrivateFieldGet(this, _ExtensionsManager_parserRegistry, "f").createParser(schema, __classPrivateFieldGet(this, _ExtensionsManager_mdForMarkup, "f"), __classPrivateFieldGet(this, _ExtensionsManager_pmTransformers, "f")),
+            textParser: __classPrivateFieldGet(this, _ExtensionsManager_parserRegistry, "f").createParser(schema, __classPrivateFieldGet(this, _ExtensionsManager_mdForText, "f"), __classPrivateFieldGet(this, _ExtensionsManager_pmTransformers, "f")),
             serializer: __classPrivateFieldGet(this, _ExtensionsManager_serializerRegistry, "f").createSerializer(),
         }, "f");
     }
@@ -93,4 +97,4 @@ export class ExtensionsManager {
         }
     }
 }
-_ExtensionsManager_schemaRegistry = new WeakMap(), _ExtensionsManager_parserRegistry = new WeakMap(), _ExtensionsManager_serializerRegistry = new WeakMap(), _ExtensionsManager_nodeViewCreators = new WeakMap(), _ExtensionsManager_markViewCreators = new WeakMap(), _ExtensionsManager_mdForMarkup = new WeakMap(), _ExtensionsManager_mdForText = new WeakMap(), _ExtensionsManager_extensions = new WeakMap(), _ExtensionsManager_builder = new WeakMap(), _ExtensionsManager_spec = new WeakMap(), _ExtensionsManager_deps = new WeakMap(), _ExtensionsManager_plugins = new WeakMap(), _ExtensionsManager_actions = new WeakMap(), _ExtensionsManager_nodeViews = new WeakMap(), _ExtensionsManager_markViews = new WeakMap();
+_ExtensionsManager_schemaRegistry = new WeakMap(), _ExtensionsManager_parserRegistry = new WeakMap(), _ExtensionsManager_serializerRegistry = new WeakMap(), _ExtensionsManager_nodeViewCreators = new WeakMap(), _ExtensionsManager_markViewCreators = new WeakMap(), _ExtensionsManager_pmTransformers = new WeakMap(), _ExtensionsManager_mdForMarkup = new WeakMap(), _ExtensionsManager_mdForText = new WeakMap(), _ExtensionsManager_extensions = new WeakMap(), _ExtensionsManager_builder = new WeakMap(), _ExtensionsManager_spec = new WeakMap(), _ExtensionsManager_deps = new WeakMap(), _ExtensionsManager_plugins = new WeakMap(), _ExtensionsManager_actions = new WeakMap(), _ExtensionsManager_nodeViews = new WeakMap(), _ExtensionsManager_markViews = new WeakMap();

package/build/esm/core/ParserTokensRegistry.d.ts

@@ -1,8 +1,9 @@
 import type MarkdownIt from 'markdown-it';
 import type { Schema } from 'prosemirror-model';
+import { TransformFn } from './markdown/ProseMirrorTransformer';
 import type { Parser, ParserToken } from './types/parser';
 export declare class ParserTokensRegistry {
     #private;
     addToken(name: string, token: ParserToken): this;
-    createParser(schema: Schema, tokenizer: MarkdownIt): Parser;
+    createParser(schema: Schema, tokenizer: MarkdownIt, pmTransformers: TransformFn[]): Parser;
 }

package/build/esm/core/ParserTokensRegistry.js

@@ -9,8 +9,8 @@ export class ParserTokensRegistry {
         __classPrivateFieldGet(this, _ParserTokensRegistry_tokens, "f")[name] = token;
         return this;
     }
-    createParser(schema, tokenizer) {
-        return new MarkdownParser(schema, tokenizer, __classPrivateFieldGet(this, _ParserTokensRegistry_tokens, "f"));
+    createParser(schema, tokenizer, pmTransformers) {
+        return new MarkdownParser(schema, tokenizer, __classPrivateFieldGet(this, _ParserTokensRegistry_tokens, "f"), pmTransformers);
     }
 }
 _ParserTokensRegistry_tokens = new WeakMap();

package/build/esm/core/markdown/MarkdownParser.d.ts

@@ -2,6 +2,7 @@ import type { Match } from 'linkify-it';
 import type MarkdownIt from 'markdown-it';
 import { Mark, Node, NodeType, Schema } from 'prosemirror-model';
 import type { Parser, ParserToken } from '../types/parser';
+import { TransformFn } from './ProseMirrorTransformer';
 declare type TokenAttrs = {
     [name: string]: unknown;
 };
@@ -15,7 +16,8 @@ export declare class MarkdownParser implements Parser {
     marks: readonly Mark[];
     tokens: Record<string, ParserToken>;
     tokenizer: MarkdownIt;
-    constructor(schema: Schema, tokenizer: MarkdownIt, tokens: Record<string, ParserToken>);
+    pmTransformers: TransformFn[];
+    constructor(schema: Schema, tokenizer: MarkdownIt, tokens: Record<string, ParserToken>, pmTransformers: TransformFn[]);
     validateLink(url: string): boolean;
     normalizeLink(url: string): string;
     normalizeLinkText(url: string): string;