@gravity-ui/markdown-editor 14.9.0 → 14.10.1

package/build/cjs/extensions/base/BaseSchema/BaseSchemaSpecs/index.js

@@ -45,6 +45,7 @@ const BaseSchemaSpecs = (builder, opts) => {
                     0,
                 ];
             },
+            selectable: true,
             placeholder: opts.paragraphPlaceholder
                 ? {
                     content: opts.paragraphPlaceholder,
@@ -53,9 +54,28 @@ const BaseSchemaSpecs = (builder, opts) => {
                 : undefined,
         },
         fromMd: { tokenSpec: { name: BaseNode.Paragraph, type: 'block' } },
-        toMd: (state, node) => {
-            state.renderInline(node);
-            state.closeBlock(node);
+        toMd: (state, node, parent) => {
+            /*
+                An empty line is added only if there is some content in the parent element.
+                This is necessary in order to prevent an empty document with empty lines
+            */
+            if (opts.preserveEmptyRows && !node.content.size) {
+                let isParentEmpty = true;
+                for (let index = 0; index < parent.content.childCount; index++) {
+                    const parentChild = parent.content.child(index);
+                    if (parentChild.content.size !== 0 ||
+                        parentChild.type.name !== 'paragraph') {
+                        isParentEmpty = false;
+                    }
+                }
+                if (!isParentEmpty) {
+                    state.write('&nbsp;\n\n');
+                }
+            }
+            else {
+                state.renderInline(node);
+                state.closeBlock(node);
+            }
         },
     }));
 };

package/build/cjs/extensions/behavior/Selection/selection.js

@@ -74,11 +74,7 @@ const getTopLevelNodesFromSelection = (selection, doc) => {
         const { from, to } = selection;
         doc.nodesBetween(from, to, (node, pos) => {
             const withinSelection = from <= pos && pos + node.nodeSize <= to;
-            if (node &&
-                node.type.name !== 'paragraph' &&
-                !node.isText &&
-                node.type.spec.selectable &&
-                withinSelection) {
+            if (node && !node.isText && node.type.spec.selectable !== false && withinSelection) {
                 nodes.push({ node, pos });
                 return false;
             }

package/build/cjs/extensions/markdown/Blockquote/BlockquoteSpecs/index.js

@@ -16,6 +16,7 @@ const BlockquoteSpecs = (builder) => {
             toDOM() {
                 return ['blockquote', 0];
             },
+            selectable: true,
         },
         fromMd: { tokenSpec: { name: exports.blockquoteNodeName, type: 'block' } },
         toMd: (state, node) => {

package/build/cjs/extensions/markdown/CodeBlock/commands.js

@@ -20,7 +20,7 @@ const setCodeBlockType = ({ serializer }) => (state, dispatch) => {
     if (!(0, prosemirror_commands_1.setBlockType)(nodeType)(state))
         return false;
     if (dispatch) {
-        const markup = serializer.serialize(state.selection.content().content);
+        const markup = serializer.serialize(state.selection.content().content, { escape: false });
         dispatch(state.tr.replaceSelectionWith(nodeType.createAndFill({}, markup ? state.schema.text(markup) : null)));
     }
     return true;

package/build/cjs/extensions/markdown/HorizontalRule/HorizontalRuleSpecs/index.js

@@ -14,6 +14,7 @@ const HorizontalRuleSpecs = (builder) => {
             toDOM() {
                 return ['div', ['hr']];
             },
+            selectable: true,
         },
         fromMd: {
             tokenName: 'hr',

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.js

@@ -67,6 +67,7 @@ const getSchemaSpecs = (opts, placeholder) => {
             toDOM(node) {
                 return ['div', node.attrs, 0];
             },
+            selectable: true,
             complex: 'root',
         },
         [const_1.TabsNode.TabsList]: {

package/build/cjs/i18n/empty-row/en.json

@@ -0,0 +1,3 @@
+{
+  "snippet.text": "Empty row"
+}

package/build/cjs/i18n/empty-row/index.d.ts

@@ -0,0 +1,5 @@
+export declare const i18n: <G extends "snippet.text", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "snippet.text": string;
+}[G] : string;

package/build/cjs/i18n/empty-row/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("../i18n");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const KEYSET = 'empty-row';
+exports.i18n = (0, i18n_1.registerKeyset)(KEYSET, { en: en_json_1.default, ru: ru_json_1.default });

package/build/cjs/i18n/empty-row/ru.json

@@ -0,0 +1,3 @@
+{
+  "snippet.text": "Пустая строка"
+}

package/build/cjs/i18n/yfm-note/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "remove" | "info" | "warning" | "tip" | "alert", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "remove" | "info" | "tip" | "warning" | "alert", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     info: string;

package/build/cjs/index.d.ts

@@ -1,6 +1,7 @@
 export * from './common';
 export * from './core';
 export * from './toolbar';
+export * from './modules/toolbars/types';
 export * from './react-utils';
 export * from './classname';
 export * from './logger';

package/build/cjs/index.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./core"), exports);
 tslib_1.__exportStar(require("./toolbar"), exports);
+tslib_1.__exportStar(require("./modules/toolbars/types"), exports);
 tslib_1.__exportStar(require("./react-utils"), exports);
 tslib_1.__exportStar(require("./classname"), exports);
 tslib_1.__exportStar(require("./logger"), exports);

package/build/cjs/markup/codemirror/autocomplete/emptyRow.d.ts

@@ -0,0 +1,9 @@
+import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
+export declare const emptyRowSnippetTemplate = " \n\n";
+export declare const emptyRowSnippet: (editor: {
+    state: import("@codemirror/state").EditorState;
+    dispatch: (tr: import("@codemirror/state").Transaction) => void;
+}, completion: import("@codemirror/autocomplete").Completion | null, from: number, to: number) => void;
+export declare const emptyRowAutocomplete: {
+    autocomplete: (context: CompletionContext) => CompletionResult | null;
+};

package/build/cjs/markup/codemirror/autocomplete/emptyRow.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emptyRowAutocomplete = exports.emptyRowSnippet = exports.emptyRowSnippetTemplate = void 0;
+const autocomplete_1 = require("@codemirror/autocomplete");
+const empty_row_1 = require("../../../../src/i18n/empty-row");
+exports.emptyRowSnippetTemplate = ' \n\n';
+exports.emptyRowSnippet = (0, autocomplete_1.snippet)(exports.emptyRowSnippetTemplate);
+exports.emptyRowAutocomplete = {
+    autocomplete: (context) => {
+        const word = context.matchBefore(/^.*/);
+        if (word === null || word === void 0 ? void 0 : word.text.startsWith('&')) {
+            return {
+                from: word.from,
+                options: [
+                    {
+                        label: ' ',
+                        displayLabel: (0, empty_row_1.i18n)('snippet.text'),
+                        type: 'text',
+                        apply: exports.emptyRowSnippet,
+                    },
+                ],
+            };
+        }
+        return null;
+    },
+};

package/build/cjs/markup/codemirror/autocomplete/index.d.ts

@@ -0,0 +1,5 @@
+declare type GetAutocompleteConfig = {
+    preserveEmptyRows?: boolean;
+};
+export declare const getAutocompleteConfig: ({ preserveEmptyRows }: GetAutocompleteConfig) => import("../yfm").LanguageData[];
+export {};

package/build/cjs/markup/codemirror/autocomplete/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAutocompleteConfig = void 0;
+const yfm_1 = require("../yfm");
+const emptyRow_1 = require("./emptyRow");
+const getAutocompleteConfig = ({ preserveEmptyRows }) => {
+    const autocompleteItems = [];
+    if (preserveEmptyRows) {
+        autocompleteItems.push(emptyRow_1.emptyRowAutocomplete);
+    }
+    autocompleteItems.push(yfm_1.mdAutocomplete);
+    return autocompleteItems;
+};
+exports.getAutocompleteConfig = getAutocompleteConfig;

package/build/cjs/markup/codemirror/create.d.ts

@@ -33,6 +33,7 @@ export declare type CreateCodemirrorParams = {
     yfmLangOptions?: YfmLangOptions;
     autocompletion?: Autocompletion;
     directiveSyntax: DirectiveSyntaxContext;
+    preserveEmptyRows: boolean;
 };
 export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
 export declare function withLogger(action: string, command: StateCommand): StateCommand;

package/build/cjs/markup/codemirror/create.js

@@ -20,7 +20,7 @@ const plugin_1 = require("./search-plugin/plugin");
 const smart_reindent_1 = require("./smart-reindent");
 const yfm_1 = require("./yfm");
 function createCodemirror(params) {
-    const { doc, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, extensions: extraExtensions, placeholder: placeholderContent, autocompletion: autocompletionConfig, parseHtmlOnPaste, parseInsertedUrlAsImage, directiveSyntax, } = params;
+    const { doc, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, extensions: extraExtensions, placeholder: placeholderContent, autocompletion: autocompletionConfig, parseHtmlOnPaste, parseInsertedUrlAsImage, directiveSyntax, preserveEmptyRows, } = params;
     const extensions = [gravity_1.gravityTheme, (0, view_1.placeholder)(placeholderContent)];
     if (!disabledExtensions.history) {
         extensions.push((0, commands_1.history)());
@@ -139,6 +139,11 @@ function createCodemirror(params) {
         anchorSelector: '.g-md-search-anchor',
         receiver,
     }));
+    if (preserveEmptyRows) {
+        extensions.push(view_1.keymap.of([
+            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.EmptyRow), run: withLogger(action_names_1.ActionName.emptyRow, commands_2.insertEmptyRow) },
+        ]));
+    }
     if (params.uploadHandler) {
         extensions.push(files_upload_facet_1.FileUploadHandlerFacet.of({
             fn: params.uploadHandler,

package/build/cjs/markup/codemirror/yfm.d.ts

@@ -8,7 +8,7 @@ export declare const customTags: {
 };
 export declare type YfmNoteType = 'info' | 'tip' | 'warning' | 'alert';
 export declare const yfmNoteTypes: readonly YfmNoteType[];
-export declare const yfmNoteSnippetTemplate: (type: YfmNoteType) => "{% note info %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note warning %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note tip %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note alert %}\n\n#{}\n\n{% endnote %}\n\n";
+export declare const yfmNoteSnippetTemplate: (type: YfmNoteType) => "{% note info %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note tip %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note warning %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note alert %}\n\n#{}\n\n{% endnote %}\n\n";
 export declare const yfmNoteSnippets: Record<YfmNoteType, ReturnType<typeof snippet>>;
 export declare const yfmCutSnippetTemplate = "{% cut \"#{title}\" %}\n\n#{}\n\n{% endcut %}\n\n";
 export declare const yfmCutSnippet: (editor: {
@@ -27,4 +27,5 @@ export interface LanguageData {
 export interface YfmLangOptions {
     languageData?: LanguageData[];
 }
+export declare const mdAutocomplete: LanguageData;
 export declare function yfmLang({ languageData }?: YfmLangOptions): Extension;

package/build/cjs/markup/codemirror/yfm.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.yfmLang = exports.yfmCutDirectiveSnippet = exports.yfmCutDirectiveSnippetTemplate = exports.yfmCutSnippet = exports.yfmCutSnippetTemplate = exports.yfmNoteSnippets = exports.yfmNoteSnippetTemplate = exports.yfmNoteTypes = exports.customTags = void 0;
+exports.yfmLang = exports.mdAutocomplete = exports.yfmCutDirectiveSnippet = exports.yfmCutDirectiveSnippetTemplate = exports.yfmCutSnippet = exports.yfmCutSnippetTemplate = exports.yfmNoteSnippets = exports.yfmNoteSnippetTemplate = exports.yfmNoteTypes = exports.customTags = void 0;
 const autocomplete_1 = require("@codemirror/autocomplete");
 const lang_markdown_1 = require("@codemirror/lang-markdown");
 const highlight_1 = require("@lezer/highlight");
@@ -61,7 +61,7 @@ exports.yfmCutSnippetTemplate = '{% cut "#{title}" %}\n\n#{}\n\n{% endcut %}\n\n
 exports.yfmCutSnippet = (0, autocomplete_1.snippet)(exports.yfmCutSnippetTemplate);
 exports.yfmCutDirectiveSnippetTemplate = ':::cut [#{title}]\n#{}\n:::\n\n';
 exports.yfmCutDirectiveSnippet = (0, autocomplete_1.snippet)(exports.yfmCutDirectiveSnippetTemplate);
-const mdAutocomplete = {
+exports.mdAutocomplete = {
     autocomplete: (context) => {
         const directiveContext = context.state.facet(directive_facet_1.DirectiveSyntaxFacet);
         // TODO: add more actions and re-enable
@@ -139,7 +139,7 @@ function yfmLang({ languageData = [] } = {}) {
     });
     return [
         mdSupport,
-        mdSupport.language.data.of(mdAutocomplete),
+        mdSupport.language.data.of(exports.mdAutocomplete),
         languageData.map((item) => mdSupport.language.data.of(item)),
     ];
 }

package/build/cjs/markup/commands/emptyRow.d.ts

@@ -0,0 +1,2 @@
+import { StateCommand } from '@codemirror/state';
+export declare const insertEmptyRow: StateCommand;

package/build/cjs/markup/commands/emptyRow.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertEmptyRow = void 0;
+const insertEmptyRow = ({ state, dispatch }) => {
+    const emptyRowMarkup = ' ';
+    const tr = () => {
+        const selrange = state.selection.main;
+        const { before, after, selection } = getBlockExtraLineBreaks(state, state.doc.lineAt(selrange.from));
+        const insert = state.lineBreak.repeat(before) + emptyRowMarkup + state.lineBreak.repeat(after);
+        const from = state.doc.lineAt(selrange.to).to;
+        const selAnchor = from + insert.length + selection;
+        return { changes: { from, insert }, selection: { anchor: selAnchor } };
+    };
+    dispatch(state.update(tr()));
+    return true;
+};
+exports.insertEmptyRow = insertEmptyRow;
+function getBlockExtraLineBreaks(state, line) {
+    let before = 0;
+    let after = 0;
+    let selection = 2;
+    if (line.text) {
+        before = 2;
+    }
+    else if (line.number > 1 && state.doc.line(line.number - 1).text) {
+        before = 1;
+    }
+    if (line.number + 1 <= state.doc.lines && state.doc.line(line.number + 1).text) {
+        after = 1;
+        selection = 1;
+    }
+    else if (line.number + 1 <= state.doc.lines &&
+        !state.doc.line(line.number + 1).text &&
+        line.number + 2 > state.doc.lines) {
+        after = 1;
+        selection = 1;
+    }
+    else if (line.number === state.doc.lines) {
+        after = 2;
+        selection = 0;
+    }
+    return { before, after, selection };
+}

package/build/cjs/markup/commands/index.d.ts

@@ -7,3 +7,4 @@ export * from './lists';
 export * from './marks';
 export * from './math';
 export * from './yfm';
+export * from './emptyRow';

package/build/cjs/markup/commands/index.js

@@ -15,3 +15,4 @@ tslib_1.__exportStar(require("./lists"), exports);
 tslib_1.__exportStar(require("./marks"), exports);
 tslib_1.__exportStar(require("./math"), exports);
 tslib_1.__exportStar(require("./yfm"), exports);
+tslib_1.__exportStar(require("./emptyRow"), exports);

package/build/cjs/shortcuts/const.d.ts

@@ -31,6 +31,7 @@ export declare enum Action {
     Heading4 = "h4",
     Heading5 = "h5",
     Heading6 = "h6",
+    EmptyRow = "EmptyRow",
     BulletList = "ulist",
     OrderedList = "olist",
     LiftListItem = "list__action_lift",

package/build/cjs/shortcuts/const.js

@@ -37,6 +37,7 @@ var Action;
     Action["Heading4"] = "h4";
     Action["Heading5"] = "h5";
     Action["Heading6"] = "h6";
+    Action["EmptyRow"] = "EmptyRow";
     Action["BulletList"] = "ulist";
     Action["OrderedList"] = "olist";
     Action["LiftListItem"] = "list__action_lift";

package/build/cjs/shortcuts/default.js

@@ -22,6 +22,7 @@ formatter_1.formatter
     .set(const_1.Action.Heading4, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '4'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '4'] })
     .set(const_1.Action.Heading5, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '5'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '5'] })
     .set(const_1.Action.Heading6, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '6'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '6'] })
+    .set(const_1.Action.EmptyRow, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, const_1.Key.Enter], mac: [const_1.ModKey.Cmd, const_1.ModKey.Shift, const_1.Key.Enter] })
     .set(const_1.Action.BulletList, [const_1.ModKey.Mod, const_1.ModKey.Shift, 'l'])
     .set(const_1.Action.OrderedList, [const_1.ModKey.Mod, const_1.ModKey.Shift, 'm'])
     .set(const_1.Action.SinkListItem, [const_1.ModKey.Tab])

package/build/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '14.9.0' !== 'undefined' ? '14.9.0' : 'unknown';
+exports.VERSION = typeof '14.10.1' !== 'undefined' ? '14.10.1' : 'unknown';

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

@@ -1,4 +1,5 @@
 import type { CommonEditor } from '../common';
+import { TransformFn } from '../core/markdown/ProseMirrorTransformer';
 import { ReactRenderStorage } from '../extensions';
 import { type Receiver } from '../utils';
 import type { DirectiveSyntaxContext } from '../utils/directive';
@@ -43,5 +44,6 @@ export declare type EditorOptions = Pick<MarkdownEditorOptions, 'md' | 'initial'
     renderStorage: ReactRenderStorage;
     preset: EditorPreset;
     directiveSyntax: DirectiveSyntaxContext;
+    pmTransformers: TransformFn[];
 };
 export {};

package/build/esm/bundle/Editor.js

@@ -1,4 +1,4 @@
-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';
@@ -6,6 +6,7 @@ import { WysiwygEditor, } from '../core';
 import { i18n } from '../i18n/bundle';
 import { logger } from '../logger';
 import { createCodemirror } from '../markup';
+import { getAutocompleteConfig } from '../markup/codemirror/autocomplete';
 import { Editor as MarkupEditor } from '../markup/editor';
 import { SafeEventEmitter } from '../utils';
 /** @internal */
@@ -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.js

@@ -13,7 +13,7 @@ import { WysiwygEditorView } from './WysiwygEditorView';
 import { useMarkdownEditorContext } from './context';
 import { EditorSettings } from './settings';
 import { stickyCn } from './sticky';
-import { getToolbarsConfigs } from './toolbar/utils';
+import { getToolbarsConfigs } from './toolbar/utils/toolbarsConfigs';
 import '../styles/styles.css';
 import './MarkdownEditorView.css'; // eslint-disable-line import/order
 export const cnEditorComponent = cn('editor-component');

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

@@ -1,3 +1,3 @@
-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" | "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>;
+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

@@ -20,6 +20,7 @@ const names = [
     'heading4',
     'heading5',
     'heading6',
+    'emptyRow',
     /** @deprecated use horizontalRule */
     'horizontalrule',
     'horizontalRule',

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.js → utils/toolbarsConfigs.js}

@@ -1,6 +1,7 @@
-import { ToolbarName } from '../../modules/toolbars/constants';
-import { commonmark, defaultPreset, full, yfm, zero } from '../../modules/toolbars/presets';
-import { ToolbarDataType } from '../../toolbar';
+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,
@@ -17,7 +18,7 @@ const transformItem = (type, item, id = 'unknown') => {
     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 createConfig = (editorType, toolbarPreset, toolbarName) => {
+export const createToolbarConfig = (editorType, toolbarPreset, toolbarName) => {
     var _a;
     const preset = typeof toolbarPreset === 'string'
         ? defaultPresets[toolbarPreset] || defaultPresets.default
@@ -31,25 +32,20 @@ export const createConfig = (editorType, toolbarPreset, toolbarName) => {
     }));
     return toolbarData;
 };
-const flattenPreset = (config) => {
-    var _a;
-    // TODO: @makhnatkin add logic for flatten
-    return ((_a = config[0]) !== null && _a !== void 0 ? _a : []);
-};
 export const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
     var _a, _b, _c, _d;
     const wysiwygToolbarConfig = toolbarsPreset
-        ? createConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygMain)
-        : (_a = props.wysiwygToolbarConfig) !== null && _a !== void 0 ? _a : createConfig('wysiwyg', preset, ToolbarName.wysiwygMain);
+        ? createToolbarConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygMain)
+        : (_a = props.wysiwygToolbarConfig) !== null && _a !== void 0 ? _a : createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygMain);
     const markupToolbarConfig = toolbarsPreset
-        ? createConfig('markup', toolbarsPreset, ToolbarName.markupMain)
-        : (_b = props.markupToolbarConfig) !== null && _b !== void 0 ? _b : createConfig('markup', preset, ToolbarName.markupMain);
+        ? createToolbarConfig('markup', toolbarsPreset, ToolbarName.markupMain)
+        : (_b = props.markupToolbarConfig) !== null && _b !== void 0 ? _b : createToolbarConfig('markup', preset, ToolbarName.markupMain);
     const wysiwygHiddenActionsConfig = toolbarsPreset
-        ? flattenPreset(createConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygHidden))
-        : (_c = props.wysiwygHiddenActionsConfig) !== null && _c !== void 0 ? _c : flattenPreset(createConfig('wysiwyg', preset, ToolbarName.wysiwygHidden));
+        ? flattenPreset(createToolbarConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygHidden))
+        : (_c = props.wysiwygHiddenActionsConfig) !== null && _c !== void 0 ? _c : flattenPreset(createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygHidden));
     const markupHiddenActionsConfig = toolbarsPreset
-        ? flattenPreset(createConfig('markup', toolbarsPreset, ToolbarName.markupHidden))
-        : (_d = props.markupHiddenActionsConfig) !== null && _d !== void 0 ? _d : flattenPreset(createConfig('markup', preset, ToolbarName.markupHidden));
+        ? flattenPreset(createToolbarConfig('markup', toolbarsPreset, ToolbarName.markupHidden))
+        : (_d = props.markupHiddenActionsConfig) !== null && _d !== void 0 ? _d : flattenPreset(createToolbarConfig('markup', preset, ToolbarName.markupHidden));
     return {
         wysiwygToolbarConfig,
         markupToolbarConfig,

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 = {
     /**