@gravity-ui/markdown-editor 13.7.0 → 13.9.0

package/README.md

@@ -46,9 +46,16 @@ function Editor({onSubmit}) {
     };
   }, [onSubmit]);
 
-  return <MarkdownEditorView autofocus toaster={toaster} editor={editor} />;
+  return <MarkdownEditorView stickyToolbar autofocus toaster={toaster} editor={editor} />;
 }
 ```
+Read more:
+- [How to connect the editor in the Create React App](docs/how-to-add-editor-with-create-react-app.md)
+- [How to add preview for markup mode](docs/how-to-add-preview.md)
+- [How to add HTML extension](docs/how-to-connect-html-extension.md)
+- [How to add Latex extension](docs/how-to-connect-latex-extension.md)
+- [How to add Mermaid extension](docs/how-to-connect-mermaid-extension.md)
+- [How to write extension](docs/how-to-create-extension.md)
 
 ### i18n
 

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

@@ -3,6 +3,8 @@ import type { Extension as CodemirrorExtension } from '@codemirror/state';
 import { CommonEditor, MarkupString } from '../common';
 import { WysiwygEditorOptions } from '../core';
 import { ReactRenderStorage } from '../extensions';
+import { type CreateCodemirrorParams } from '../markup/codemirror';
+import type { YfmLangOptions } from '../markup/codemirror/yfm';
 import { Receiver } from '../utils/event-emitter';
 import type { FileUploadHandler } from '../utils/upload';
 export declare type EditorMode = 'wysiwyg' | 'markup';
@@ -42,6 +44,16 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
         line: number;
     }): void;
 }
+export declare type MarkupConfig = {
+    /** Additional extensions for codemirror instance. */
+    extensions?: CreateCodemirrorParams['extensions'];
+    /**
+     * Additional language data for markdown language in codemirror.
+     * Can be used to configure additional autocompletions and others.
+     * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt
+     */
+    languageData?: YfmLangOptions['languageData'];
+};
 export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'linkify' | 'linkifyTlds' | 'extensions'> & {
     initialMarkup?: MarkupString;
     /** @default 'wysiwyg' */
@@ -68,5 +80,7 @@ export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'li
     splitMode?: SplitMode;
     renderPreview?: RenderPreview;
     preset: EditorPreset;
+    /** @deprecated Put extra extensions via MarkdownEditorMarkupConfig */
     extraMarkupExtensions?: CodemirrorExtension[];
+    markupConfig?: MarkupConfig;
 };

package/build/cjs/bundle/Editor.js

@@ -1,5 +1,5 @@
 "use strict";
-var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_extraMarkupExtensions, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
+var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorImpl = void 0;
 const tslib_1 = require("tslib");
@@ -13,7 +13,8 @@ const event_emitter_1 = require("../utils/event-emitter");
 /** @internal */
 class EditorImpl extends event_emitter_1.SafeEventEmitter {
     constructor(opts) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
+        var _g;
         super({ onError: logger_1.logger.error.bind(logger_1.logger) });
         _EditorImpl_markup.set(this, void 0);
         _EditorImpl_editorMode.set(this, void 0);
@@ -23,7 +24,7 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
         _EditorImpl_renderPreview.set(this, void 0);
         _EditorImpl_wysiwygEditor.set(this, void 0);
         _EditorImpl_markupEditor.set(this, void 0);
-        _EditorImpl_extraMarkupExtensions.set(this, void 0);
+        _EditorImpl_markupConfig.set(this, void 0);
         _EditorImpl_preset.set(this, void 0);
         _EditorImpl_allowHTML.set(this, void 0);
         _EditorImpl_linkify.set(this, void 0);
@@ -45,7 +46,8 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_linkifyTlds, opts.linkifyTlds, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_allowHTML, opts.allowHTML, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_extensions, opts.extensions, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_extraMarkupExtensions, opts.extraMarkupExtensions, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markupConfig, Object.assign({}, opts.markupConfig), "f");
+        (_f = (_g = tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f")).extensions) !== null && _f !== void 0 ? _f : (_g.extensions = opts.extraMarkupExtensions);
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_renderStorage, opts.renderStorage, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, opts.fileUploadHandler, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(opts.needToSetDimensionsForUploadedImages), "f");
@@ -154,7 +156,8 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
                 reactRenderer: tslib_1.__classPrivateFieldGet(this, _EditorImpl_renderStorage, "f"),
                 uploadHandler: this.fileUploadHandler,
                 needImgDimms: this.needToSetDimensionsForUploadedImages,
-                extraMarkupExtensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_extraMarkupExtensions, "f"),
+                extensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").extensions,
+                yfmLangOptions: { languageData: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").languageData },
                 receiver: this,
             })), "f");
         }
@@ -275,4 +278,4 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
     }
 }
 exports.EditorImpl = EditorImpl;
-_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_extraMarkupExtensions = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = 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_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap();

package/build/cjs/bundle/index.d.ts

@@ -1,4 +1,4 @@
-export type { Editor as MarkdownEditorInstance, EditorMode as MarkdownEditorMode, EditorPreset as MarkdownEditorPreset, RenderPreview, SplitMode, } from './Editor';
+export type { Editor as MarkdownEditorInstance, EditorMode as MarkdownEditorMode, EditorPreset as MarkdownEditorPreset, MarkupConfig as MarkdownEditorMarkupConfig, RenderPreview, SplitMode, } from './Editor';
 export { MarkdownEditorProvider, useMarkdownEditorContext } from './context';
 export { useMarkdownEditor } from './useMarkdownEditor';
 export type { UseMarkdownEditorProps } from './useMarkdownEditor';

package/build/cjs/extensions/yfm/Checkbox/CheckboxSpecs/index.js

@@ -16,7 +16,7 @@ exports.checkboxInputType = (0, schema_1.nodeTypeFactory)(const_1.CheckboxNode.I
 const CheckboxSpecs = (builder, opts) => {
     const schemaSpecs = (0, schema_2.getSchemaSpecs)(opts, builder.context.get('placeholder'));
     builder
-        .configureMd((md) => (0, checkbox_1.default)(md, { idPrefix: const_1.idPrefix, divClass: (0, const_1.b)() }))
+        .configureMd((md) => md.use(checkbox_1.default, { idPrefix: const_1.idPrefix, divClass: (0, const_1.b)() }))
         .addNode(const_1.CheckboxNode.Checkbox, () => ({
         spec: schemaSpecs[const_1.CheckboxNode.Checkbox],
         toMd: serializer_1.serializerTokens[const_1.CheckboxNode.Checkbox],

package/build/cjs/extensions/yfm/FoldingHeading/plugins/Folding.js

@@ -106,7 +106,8 @@ function buildDecosSet(doc) {
         while ((child = parent.maybeChild(++idx))) {
             const childPos = $pos.posAtIndex(idx, depth);
             if ((0, utils_1.isHeading)(child)) {
-                if ((0, utils_1.isFoldingHeading)(child)) {
+                const hasFolding = (0, utils_1.isFoldingHeading)(child);
+                if (hasFolding) {
                     nextFoldingHeadingFound = true;
                 }
                 const level = (0, utils_1.parseLevel)(child);
@@ -115,12 +116,14 @@ function buildDecosSet(doc) {
                 if (!hidden) {
                     lastNonHiddenChild = { node: child, pos: childPos, level: hLevel };
                 }
-                if ((0, utils_1.isUnfoldedHeading)(child)) {
-                    hLevel = level;
-                    hidden = false;
-                }
-                else {
-                    hidden = true;
+                if (hasFolding) {
+                    if ((0, utils_1.isUnfoldedHeading)(child)) {
+                        hLevel = level;
+                        hidden = false;
+                    }
+                    else {
+                        hidden = true;
+                    }
                 }
             }
             if (!hidden) {

package/build/cjs/extensions/yfm/YfmTable/YfmTableSpecs/const.d.ts

@@ -4,3 +4,8 @@ export declare enum YfmTableNode {
     Row = "yfm_tr",
     Cell = "yfm_td"
 }
+export declare enum YfmTableAttr {
+    Colspan = "colspan",
+    Rowspan = "rowspan",
+    CellAlign = "data-cell-align"
+}

package/build/cjs/extensions/yfm/YfmTable/YfmTableSpecs/const.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.YfmTableNode = void 0;
+exports.YfmTableAttr = exports.YfmTableNode = void 0;
 var YfmTableNode;
 (function (YfmTableNode) {
     YfmTableNode["Table"] = "yfm_table";
@@ -8,3 +8,9 @@ var YfmTableNode;
     YfmTableNode["Row"] = "yfm_tr";
     YfmTableNode["Cell"] = "yfm_td";
 })(YfmTableNode = exports.YfmTableNode || (exports.YfmTableNode = {}));
+var YfmTableAttr;
+(function (YfmTableAttr) {
+    YfmTableAttr["Colspan"] = "colspan";
+    YfmTableAttr["Rowspan"] = "rowspan";
+    YfmTableAttr["CellAlign"] = "data-cell-align";
+})(YfmTableAttr = exports.YfmTableAttr || (exports.YfmTableAttr = {}));

package/build/cjs/extensions/yfm/YfmTable/YfmTableSpecs/parser.js

@@ -6,5 +6,16 @@ exports.parserTokens = {
     [const_1.YfmTableNode.Table]: { name: const_1.YfmTableNode.Table, type: 'block' },
     [const_1.YfmTableNode.Body]: { name: const_1.YfmTableNode.Body, type: 'block' },
     [const_1.YfmTableNode.Row]: { name: const_1.YfmTableNode.Row, type: 'block' },
-    [const_1.YfmTableNode.Cell]: { name: const_1.YfmTableNode.Cell, type: 'block' },
+    [const_1.YfmTableNode.Cell]: {
+        name: const_1.YfmTableNode.Cell,
+        type: 'block',
+        getAttrs: (token) => {
+            var _a, _b;
+            const attrs = Object.fromEntries(token.attrs || []);
+            const align = (_b = (_a = token.attrGet('class')) === null || _a === void 0 ? void 0 : _a.match(/cell-align-[a-z-]*/)) === null || _b === void 0 ? void 0 : _b[0];
+            if (align)
+                attrs[const_1.YfmTableAttr.CellAlign] = align;
+            return attrs;
+        },
+    },
 };

package/build/cjs/extensions/yfm/YfmTable/YfmTableSpecs/schema.js

@@ -57,12 +57,17 @@ const getSchemaSpecs = (opts, placeholder) => {
             content: 'block+',
             isolating: true,
             definingAsContext: true,
+            attrs: {
+                [const_1.YfmTableAttr.Colspan]: { default: null },
+                [const_1.YfmTableAttr.Rowspan]: { default: null },
+                [const_1.YfmTableAttr.CellAlign]: { default: null },
+            },
             parseDOM: [
                 { tag: 'td', priority: 200 },
                 { tag: 'th', priority: 200 },
             ],
-            toDOM() {
-                return ['td', 0];
+            toDOM(node) {
+                return ['td', node.attrs, 0];
             },
             placeholder: {
                 content: (_b = (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder[const_1.YfmTableNode.Cell]) !== null && _a !== void 0 ? _a : opts === null || opts === void 0 ? void 0 : opts.yfmTableCellPlaceholder) !== null && _b !== void 0 ? _b : DEFAULT_CELL_PLACEHOLDER,

package/build/cjs/extensions/yfm/YfmTable/YfmTableSpecs/serializer.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serializerTokens = void 0;
+const tslib_1 = require("tslib");
+const is_number_1 = tslib_1.__importDefault(require("is-number"));
 const const_1 = require("./const");
 exports.serializerTokens = {
     [const_1.YfmTableNode.Table]: (state, node) => {
@@ -13,24 +15,62 @@ exports.serializerTokens = {
         state.closeBlock();
         state.write('\n');
     },
-    [const_1.YfmTableNode.Body]: (state, node) => {
-        state.renderContent(node);
-    },
-    [const_1.YfmTableNode.Row]: (state, node) => {
-        state.write('||');
-        state.ensureNewLine();
-        state.write('\n');
-        state.renderContent(node);
-        state.write('||');
-        state.ensureNewLine();
-    },
-    [const_1.YfmTableNode.Cell]: (state, node, parent) => {
-        state.renderContent(node);
-        const isLastCell = parent.lastChild === node;
-        if (!isLastCell) {
-            state.write('|');
+    [const_1.YfmTableNode.Body]: (state, tbody) => {
+        const rowspanStack = {};
+        tbody.forEach((trow) => {
+            state.write('||');
             state.ensureNewLine();
             state.write('\n');
-        }
+            let colIndex = 0;
+            trow.forEach((td) => {
+                while (colIndex in rowspanStack && rowspanStack[colIndex] > 0) {
+                    state.write(colIndex === 0 ? '^' : '|^');
+                    rowspanStack[colIndex]--;
+                    colIndex++;
+                }
+                let rowspan = -1;
+                if ((0, is_number_1.default)(td.attrs[const_1.YfmTableAttr.Rowspan])) {
+                    rowspan = Math.max(0, Number.parseInt(td.attrs[const_1.YfmTableAttr.Rowspan], 10));
+                    rowspanStack[colIndex] = rowspan - 1;
+                }
+                if (colIndex > 0) {
+                    state.write('|');
+                    state.ensureNewLine();
+                    state.write('\n');
+                }
+                state.renderContent(td);
+                if (td.attrs[const_1.YfmTableAttr.CellAlign]) {
+                    state.write(`{.${td.attrs[const_1.YfmTableAttr.CellAlign]}}`);
+                    state.ensureNewLine();
+                }
+                colIndex++;
+                if ((0, is_number_1.default)(td.attrs[const_1.YfmTableAttr.Colspan])) {
+                    let colspan = Math.max(0, Number.parseInt(td.attrs[const_1.YfmTableAttr.Colspan], 10));
+                    while (--colspan > 0) {
+                        state.write('|>');
+                        if (rowspan > 0)
+                            rowspanStack[colIndex] = rowspan - 1;
+                        colIndex++;
+                    }
+                }
+                const isLastCell = trow.lastChild === td;
+                if (isLastCell) {
+                    while (colIndex in rowspanStack && rowspanStack[colIndex] > 0) {
+                        state.write('|^');
+                        rowspanStack[colIndex]--;
+                        colIndex++;
+                    }
+                }
+            });
+            state.ensureNewLine();
+            state.write('||');
+            state.ensureNewLine();
+        });
+    },
+    [const_1.YfmTableNode.Row]: (_state, node) => {
+        throw new Error(`Should not serialize ${node.type.name} node via serialize-token`);
+    },
+    [const_1.YfmTableNode.Cell]: (_state, node) => {
+        throw new Error(`Should not serialize ${node.type.name} node via serialize-token`);
     },
 };

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/yfmTableCellView.js

@@ -14,6 +14,7 @@ const table_utils_1 = require("../../../../../table-utils");
 const node_children_1 = require("../../../../../utils/node-children");
 const nodes_1 = require("../../../../../utils/nodes");
 const ReactRenderer_1 = require("../../../../behavior/ReactRenderer");
+const const_1 = require("../../const");
 const actions_1 = require("./actions");
 exports.yfmTableCellCn = (0, classname_1.cn)('table-cell-view');
 const b = exports.yfmTableCellCn;
@@ -179,6 +180,14 @@ const yfmTableCellView = (node, view, getPos) => {
         return {};
     }
     const dom = document.createElement('td');
+    if (node.attrs[const_1.YfmTableAttr.Colspan])
+        dom.setAttribute('colspan', node.attrs[const_1.YfmTableAttr.Colspan]);
+    if (node.attrs[const_1.YfmTableAttr.Rowspan])
+        dom.setAttribute('rowspan', node.attrs[const_1.YfmTableAttr.Rowspan]);
+    if (node.attrs[const_1.YfmTableAttr.CellAlign]) {
+        dom.classList.add(node.attrs[const_1.YfmTableAttr.CellAlign]);
+        dom.setAttribute(const_1.YfmTableAttr.CellAlign, node.attrs[const_1.YfmTableAttr.Rowspan]);
+    }
     const contentDOM = document.createElement('div');
     const control = document.createElement('span');
     control.setAttribute('style', 'width: 0; height: 0; float: left;');

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

@@ -4,6 +4,8 @@ import { EventMap } from '../../bundle/Editor';
 import { ReactRenderStorage } from '../../extensions';
 import { Receiver } from '../../utils';
 import { FileUploadHandler } from './files-upload-facet';
+import { type YfmLangOptions } from './yfm';
+export type { YfmLangOptions };
 export declare type CreateCodemirrorParams = {
     doc: EditorViewConfig['doc'];
     placeholderText: string;
@@ -15,8 +17,9 @@ export declare type CreateCodemirrorParams = {
     reactRenderer: ReactRenderStorage;
     uploadHandler?: FileUploadHandler;
     needImgDimms?: boolean;
-    extraMarkupExtensions?: Extension[];
+    extensions?: Extension[];
     receiver?: Receiver<EventMap>;
+    yfmLangOptions?: YfmLangOptions;
 };
 export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
 export declare function withLogger(action: string, command: StateCommand): StateCommand;

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

@@ -16,7 +16,7 @@ const react_facet_1 = require("./react-facet");
 const plugin_1 = require("./search-plugin/plugin");
 const yfm_1 = require("./yfm");
 function createCodemirror(params) {
-    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extraMarkupExtensions, receiver, } = params;
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extensions: extraExtensions, receiver, yfmLangOptions, } = params;
     const extensions = [
         gravity_1.gravityTheme,
         (0, view_1.placeholder)(placeholderText),
@@ -60,7 +60,7 @@ function createCodemirror(params) {
             ...commands_1.historyKeymap,
         ]),
         (0, autocomplete_1.autocompletion)(),
-        (0, yfm_1.yfmLang)(),
+        (0, yfm_1.yfmLang)(yfmLangOptions),
         react_facet_1.ReactRendererFacet.of(reactRenderer),
         pairing_chars_1.PairingCharactersExtension,
         view_1.EditorView.lineWrapping,
@@ -81,8 +81,8 @@ function createCodemirror(params) {
             imgWithDimms: params.needImgDimms,
         }));
     }
-    if (extraMarkupExtensions) {
-        extensions.push(...extraMarkupExtensions);
+    if (extraExtensions) {
+        extensions.push(...extraExtensions);
     }
     return new view_1.EditorView({
         doc,

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 '13.7.0' !== 'undefined' ? '13.7.0' : 'unknown';
+exports.VERSION = typeof '13.9.0' !== 'undefined' ? '13.9.0' : 'unknown';

package/build/cjs/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 export declare function useYfmShowElemWithId(ref: RefObject<HTMLElement>, id: string): void;

package/build/cjs/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.js

@@ -13,6 +13,10 @@ const YfmTabsCN = {
     Tab: 'yfm-tab',
     TabPanel: 'yfm-tab-panel',
 };
+const FoldingHeadingsCN = {
+    Open: 'open',
+    Section: 'heading-section',
+};
 function useYfmShowElemWithId(ref, id) {
     (0, react_1.useEffect)(() => {
         const { current: containerDom } = ref;
@@ -23,7 +27,7 @@ function useYfmShowElemWithId(ref, id) {
             return;
         while (elem && elem !== containerDom) {
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-            openYfmCut(elem) || switchYfmTabs(elem);
+            openYfmCut(elem) || openFoldingHeadings(elem, id) || switchYfmTabs(elem);
             elem = elem.parentElement;
         }
     }, [id]);
@@ -66,3 +70,13 @@ function switchYfmTabs(tabPanelElem) {
     }
     return true;
 }
+function openFoldingHeadings(elem, id) {
+    var _a;
+    if (elem.classList.contains(FoldingHeadingsCN.Section) &&
+        !elem.classList.contains(FoldingHeadingsCN.Open) &&
+        id !== ((_a = elem.firstElementChild) === null || _a === void 0 ? void 0 : _a.id)) {
+        elem.classList.add(FoldingHeadingsCN.Open);
+        return true;
+    }
+    return false;
+}

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

@@ -3,6 +3,8 @@ import type { Extension as CodemirrorExtension } from '@codemirror/state';
 import { CommonEditor, MarkupString } from '../common';
 import { WysiwygEditorOptions } from '../core';
 import { ReactRenderStorage } from '../extensions';
+import { type CreateCodemirrorParams } from '../markup/codemirror';
+import type { YfmLangOptions } from '../markup/codemirror/yfm';
 import { Receiver } from '../utils/event-emitter';
 import type { FileUploadHandler } from '../utils/upload';
 export declare type EditorMode = 'wysiwyg' | 'markup';
@@ -42,6 +44,16 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
         line: number;
     }): void;
 }
+export declare type MarkupConfig = {
+    /** Additional extensions for codemirror instance. */
+    extensions?: CreateCodemirrorParams['extensions'];
+    /**
+     * Additional language data for markdown language in codemirror.
+     * Can be used to configure additional autocompletions and others.
+     * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt
+     */
+    languageData?: YfmLangOptions['languageData'];
+};
 export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'linkify' | 'linkifyTlds' | 'extensions'> & {
     initialMarkup?: MarkupString;
     /** @default 'wysiwyg' */
@@ -68,5 +80,7 @@ export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'li
     splitMode?: SplitMode;
     renderPreview?: RenderPreview;
     preset: EditorPreset;
+    /** @deprecated Put extra extensions via MarkdownEditorMarkupConfig */
     extraMarkupExtensions?: CodemirrorExtension[];
+    markupConfig?: MarkupConfig;
 };

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_extraMarkupExtensions, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
+var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup;
 import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { TextSelection } from 'prosemirror-state';
 import { WysiwygEditor } from '../core';
@@ -10,7 +10,8 @@ import { SafeEventEmitter } from '../utils/event-emitter';
 /** @internal */
 export class EditorImpl extends SafeEventEmitter {
     constructor(opts) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
+        var _g;
         super({ onError: logger.error.bind(logger) });
         _EditorImpl_markup.set(this, void 0);
         _EditorImpl_editorMode.set(this, void 0);
@@ -20,7 +21,7 @@ export class EditorImpl extends SafeEventEmitter {
         _EditorImpl_renderPreview.set(this, void 0);
         _EditorImpl_wysiwygEditor.set(this, void 0);
         _EditorImpl_markupEditor.set(this, void 0);
-        _EditorImpl_extraMarkupExtensions.set(this, void 0);
+        _EditorImpl_markupConfig.set(this, void 0);
         _EditorImpl_preset.set(this, void 0);
         _EditorImpl_allowHTML.set(this, void 0);
         _EditorImpl_linkify.set(this, void 0);
@@ -42,7 +43,8 @@ export class EditorImpl extends SafeEventEmitter {
         __classPrivateFieldSet(this, _EditorImpl_linkifyTlds, opts.linkifyTlds, "f");
         __classPrivateFieldSet(this, _EditorImpl_allowHTML, opts.allowHTML, "f");
         __classPrivateFieldSet(this, _EditorImpl_extensions, opts.extensions, "f");
-        __classPrivateFieldSet(this, _EditorImpl_extraMarkupExtensions, opts.extraMarkupExtensions, "f");
+        __classPrivateFieldSet(this, _EditorImpl_markupConfig, Object.assign({}, opts.markupConfig), "f");
+        (_f = (_g = __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f")).extensions) !== null && _f !== void 0 ? _f : (_g.extensions = opts.extraMarkupExtensions);
         __classPrivateFieldSet(this, _EditorImpl_renderStorage, opts.renderStorage, "f");
         __classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, opts.fileUploadHandler, "f");
         __classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(opts.needToSetDimensionsForUploadedImages), "f");
@@ -151,7 +153,8 @@ export class EditorImpl extends SafeEventEmitter {
                 reactRenderer: __classPrivateFieldGet(this, _EditorImpl_renderStorage, "f"),
                 uploadHandler: this.fileUploadHandler,
                 needImgDimms: this.needToSetDimensionsForUploadedImages,
-                extraMarkupExtensions: __classPrivateFieldGet(this, _EditorImpl_extraMarkupExtensions, "f"),
+                extensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").extensions,
+                yfmLangOptions: { languageData: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").languageData },
                 receiver: this,
             })), "f");
         }
@@ -271,4 +274,4 @@ 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_extraMarkupExtensions = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = 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_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap();

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

@@ -1,4 +1,4 @@
-export type { Editor as MarkdownEditorInstance, EditorMode as MarkdownEditorMode, EditorPreset as MarkdownEditorPreset, RenderPreview, SplitMode, } from './Editor';
+export type { Editor as MarkdownEditorInstance, EditorMode as MarkdownEditorMode, EditorPreset as MarkdownEditorPreset, MarkupConfig as MarkdownEditorMarkupConfig, RenderPreview, SplitMode, } from './Editor';
 export { MarkdownEditorProvider, useMarkdownEditorContext } from './context';
 export { useMarkdownEditor } from './useMarkdownEditor';
 export type { UseMarkdownEditorProps } from './useMarkdownEditor';

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/index.js

@@ -11,7 +11,7 @@ export const checkboxInputType = nodeTypeFactory(CheckboxNode.Input);
 export const CheckboxSpecs = (builder, opts) => {
     const schemaSpecs = getSchemaSpecs(opts, builder.context.get('placeholder'));
     builder
-        .configureMd((md) => checkboxPlugin(md, { idPrefix, divClass: b() }))
+        .configureMd((md) => md.use(checkboxPlugin, { idPrefix, divClass: b() }))
         .addNode(CheckboxNode.Checkbox, () => ({
         spec: schemaSpecs[CheckboxNode.Checkbox],
         toMd: serializerTokens[CheckboxNode.Checkbox],

package/build/esm/extensions/yfm/FoldingHeading/plugins/Folding.js

@@ -103,7 +103,8 @@ function buildDecosSet(doc) {
         while ((child = parent.maybeChild(++idx))) {
             const childPos = $pos.posAtIndex(idx, depth);
             if (isHeading(child)) {
-                if (isFoldingHeading(child)) {
+                const hasFolding = isFoldingHeading(child);
+                if (hasFolding) {
                     nextFoldingHeadingFound = true;
                 }
                 const level = parseLevel(child);
@@ -112,12 +113,14 @@ function buildDecosSet(doc) {
                 if (!hidden) {
                     lastNonHiddenChild = { node: child, pos: childPos, level: hLevel };
                 }
-                if (isUnfoldedHeading(child)) {
-                    hLevel = level;
-                    hidden = false;
-                }
-                else {
-                    hidden = true;
+                if (hasFolding) {
+                    if (isUnfoldedHeading(child)) {
+                        hLevel = level;
+                        hidden = false;
+                    }
+                    else {
+                        hidden = true;
+                    }
                 }
             }
             if (!hidden) {

package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/const.d.ts

@@ -4,3 +4,8 @@ export declare enum YfmTableNode {
     Row = "yfm_tr",
     Cell = "yfm_td"
 }
+export declare enum YfmTableAttr {
+    Colspan = "colspan",
+    Rowspan = "rowspan",
+    CellAlign = "data-cell-align"
+}

package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/const.js

@@ -5,3 +5,9 @@ export var YfmTableNode;
     YfmTableNode["Row"] = "yfm_tr";
     YfmTableNode["Cell"] = "yfm_td";
 })(YfmTableNode || (YfmTableNode = {}));
+export var YfmTableAttr;
+(function (YfmTableAttr) {
+    YfmTableAttr["Colspan"] = "colspan";
+    YfmTableAttr["Rowspan"] = "rowspan";
+    YfmTableAttr["CellAlign"] = "data-cell-align";
+})(YfmTableAttr || (YfmTableAttr = {}));

package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/parser.js

@@ -1,7 +1,18 @@
-import { YfmTableNode } from './const';
+import { YfmTableAttr, YfmTableNode } from './const';
 export const parserTokens = {
     [YfmTableNode.Table]: { name: YfmTableNode.Table, type: 'block' },
     [YfmTableNode.Body]: { name: YfmTableNode.Body, type: 'block' },
     [YfmTableNode.Row]: { name: YfmTableNode.Row, type: 'block' },
-    [YfmTableNode.Cell]: { name: YfmTableNode.Cell, type: 'block' },
+    [YfmTableNode.Cell]: {
+        name: YfmTableNode.Cell,
+        type: 'block',
+        getAttrs: (token) => {
+            var _a, _b;
+            const attrs = Object.fromEntries(token.attrs || []);
+            const align = (_b = (_a = token.attrGet('class')) === null || _a === void 0 ? void 0 : _a.match(/cell-align-[a-z-]*/)) === null || _b === void 0 ? void 0 : _b[0];
+            if (align)
+                attrs[YfmTableAttr.CellAlign] = align;
+            return attrs;
+        },
+    },
 };

package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/schema.js

@@ -1,5 +1,5 @@
 import { TableRole } from '../../../../table-utils';
-import { YfmTableNode } from './const';
+import { YfmTableAttr, YfmTableNode } from './const';
 const DEFAULT_CELL_PLACEHOLDER = 'Table cell';
 export const getSchemaSpecs = (opts, placeholder) => {
     var _a, _b;
@@ -54,12 +54,17 @@ export const getSchemaSpecs = (opts, placeholder) => {
             content: 'block+',
             isolating: true,
             definingAsContext: true,
+            attrs: {
+                [YfmTableAttr.Colspan]: { default: null },
+                [YfmTableAttr.Rowspan]: { default: null },
+                [YfmTableAttr.CellAlign]: { default: null },
+            },
             parseDOM: [
                 { tag: 'td', priority: 200 },
                 { tag: 'th', priority: 200 },
             ],
-            toDOM() {
-                return ['td', 0];
+            toDOM(node) {
+                return ['td', node.attrs, 0];
             },
             placeholder: {
                 content: (_b = (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder[YfmTableNode.Cell]) !== null && _a !== void 0 ? _a : opts === null || opts === void 0 ? void 0 : opts.yfmTableCellPlaceholder) !== null && _b !== void 0 ? _b : DEFAULT_CELL_PLACEHOLDER,

package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/serializer.js

@@ -1,4 +1,5 @@
-import { YfmTableNode } from './const';
+import isNumber from 'is-number';
+import { YfmTableAttr, YfmTableNode } from './const';
 export const serializerTokens = {
     [YfmTableNode.Table]: (state, node) => {
         state.ensureNewLine();
@@ -10,24 +11,62 @@ export const serializerTokens = {
         state.closeBlock();
         state.write('\n');
     },
-    [YfmTableNode.Body]: (state, node) => {
-        state.renderContent(node);
-    },
-    [YfmTableNode.Row]: (state, node) => {
-        state.write('||');
-        state.ensureNewLine();
-        state.write('\n');
-        state.renderContent(node);
-        state.write('||');
-        state.ensureNewLine();
-    },
-    [YfmTableNode.Cell]: (state, node, parent) => {
-        state.renderContent(node);
-        const isLastCell = parent.lastChild === node;
-        if (!isLastCell) {
-            state.write('|');
+    [YfmTableNode.Body]: (state, tbody) => {
+        const rowspanStack = {};
+        tbody.forEach((trow) => {
+            state.write('||');
             state.ensureNewLine();
             state.write('\n');
-        }
+            let colIndex = 0;
+            trow.forEach((td) => {
+                while (colIndex in rowspanStack && rowspanStack[colIndex] > 0) {
+                    state.write(colIndex === 0 ? '^' : '|^');
+                    rowspanStack[colIndex]--;
+                    colIndex++;
+                }
+                let rowspan = -1;
+                if (isNumber(td.attrs[YfmTableAttr.Rowspan])) {
+                    rowspan = Math.max(0, Number.parseInt(td.attrs[YfmTableAttr.Rowspan], 10));
+                    rowspanStack[colIndex] = rowspan - 1;
+                }
+                if (colIndex > 0) {
+                    state.write('|');
+                    state.ensureNewLine();
+                    state.write('\n');
+                }
+                state.renderContent(td);
+                if (td.attrs[YfmTableAttr.CellAlign]) {
+                    state.write(`{.${td.attrs[YfmTableAttr.CellAlign]}}`);
+                    state.ensureNewLine();
+                }
+                colIndex++;
+                if (isNumber(td.attrs[YfmTableAttr.Colspan])) {
+                    let colspan = Math.max(0, Number.parseInt(td.attrs[YfmTableAttr.Colspan], 10));
+                    while (--colspan > 0) {
+                        state.write('|>');
+                        if (rowspan > 0)
+                            rowspanStack[colIndex] = rowspan - 1;
+                        colIndex++;
+                    }
+                }
+                const isLastCell = trow.lastChild === td;
+                if (isLastCell) {
+                    while (colIndex in rowspanStack && rowspanStack[colIndex] > 0) {
+                        state.write('|^');
+                        rowspanStack[colIndex]--;
+                        colIndex++;
+                    }
+                }
+            });
+            state.ensureNewLine();
+            state.write('||');
+            state.ensureNewLine();
+        });
+    },
+    [YfmTableNode.Row]: (_state, node) => {
+        throw new Error(`Should not serialize ${node.type.name} node via serialize-token`);
+    },
+    [YfmTableNode.Cell]: (_state, node) => {
+        throw new Error(`Should not serialize ${node.type.name} node via serialize-token`);
     },
 };

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/yfmTableCellView.js

@@ -10,6 +10,7 @@ import { getTableDimensions, isTableNode } from '../../../../../table-utils';
 import { getChildByNode } from '../../../../../utils/node-children';
 import { getChildrenOfNode } from '../../../../../utils/nodes';
 import { getReactRendererFromState } from '../../../../behavior/ReactRenderer';
+import { YfmTableAttr } from '../../const';
 import { controlActions } from './actions';
 import './yfmTableCellView.css';
 export const yfmTableCellCn = cn('table-cell-view');
@@ -176,6 +177,14 @@ export const yfmTableCellView = (node, view, getPos) => {
         return {};
     }
     const dom = document.createElement('td');
+    if (node.attrs[YfmTableAttr.Colspan])
+        dom.setAttribute('colspan', node.attrs[YfmTableAttr.Colspan]);
+    if (node.attrs[YfmTableAttr.Rowspan])
+        dom.setAttribute('rowspan', node.attrs[YfmTableAttr.Rowspan]);
+    if (node.attrs[YfmTableAttr.CellAlign]) {
+        dom.classList.add(node.attrs[YfmTableAttr.CellAlign]);
+        dom.setAttribute(YfmTableAttr.CellAlign, node.attrs[YfmTableAttr.Rowspan]);
+    }
     const contentDOM = document.createElement('div');
     const control = document.createElement('span');
     control.setAttribute('style', 'width: 0; height: 0; float: left;');

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

@@ -4,6 +4,8 @@ import { EventMap } from '../../bundle/Editor';
 import { ReactRenderStorage } from '../../extensions';
 import { Receiver } from '../../utils';
 import { FileUploadHandler } from './files-upload-facet';
+import { type YfmLangOptions } from './yfm';
+export type { YfmLangOptions };
 export declare type CreateCodemirrorParams = {
     doc: EditorViewConfig['doc'];
     placeholderText: string;
@@ -15,8 +17,9 @@ export declare type CreateCodemirrorParams = {
     reactRenderer: ReactRenderStorage;
     uploadHandler?: FileUploadHandler;
     needImgDimms?: boolean;
-    extraMarkupExtensions?: Extension[];
+    extensions?: Extension[];
     receiver?: Receiver<EventMap>;
+    yfmLangOptions?: YfmLangOptions;
 };
 export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
 export declare function withLogger(action: string, command: StateCommand): StateCommand;

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

@@ -13,7 +13,7 @@ import { ReactRendererFacet } from './react-facet';
 import { SearchPanelPlugin } from './search-plugin/plugin';
 import { yfmLang } from './yfm';
 export function createCodemirror(params) {
-    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extraMarkupExtensions, receiver, } = params;
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extensions: extraExtensions, receiver, yfmLangOptions, } = params;
     const extensions = [
         gravityTheme,
         placeholder(placeholderText),
@@ -57,7 +57,7 @@ export function createCodemirror(params) {
             ...historyKeymap,
         ]),
         autocompletion(),
-        yfmLang(),
+        yfmLang(yfmLangOptions),
         ReactRendererFacet.of(reactRenderer),
         PairingCharactersExtension,
         EditorView.lineWrapping,
@@ -78,8 +78,8 @@ export function createCodemirror(params) {
             imgWithDimms: params.needImgDimms,
         }));
     }
-    if (extraMarkupExtensions) {
-        extensions.push(...extraMarkupExtensions);
+    if (extraExtensions) {
+        extensions.push(...extraExtensions);
     }
     return new EditorView({
         doc,

package/build/esm/version.js

@@ -1,2 +1,2 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '13.7.0' !== 'undefined' ? '13.7.0' : 'unknown';
+export const VERSION = typeof '13.9.0' !== 'undefined' ? '13.9.0' : 'unknown';

package/build/esm/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 export declare function useYfmShowElemWithId(ref: RefObject<HTMLElement>, id: string): void;

package/build/esm/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.js

@@ -10,6 +10,10 @@ const YfmTabsCN = {
     Tab: 'yfm-tab',
     TabPanel: 'yfm-tab-panel',
 };
+const FoldingHeadingsCN = {
+    Open: 'open',
+    Section: 'heading-section',
+};
 export function useYfmShowElemWithId(ref, id) {
     useEffect(() => {
         const { current: containerDom } = ref;
@@ -20,7 +24,7 @@ export function useYfmShowElemWithId(ref, id) {
             return;
         while (elem && elem !== containerDom) {
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-            openYfmCut(elem) || switchYfmTabs(elem);
+            openYfmCut(elem) || openFoldingHeadings(elem, id) || switchYfmTabs(elem);
             elem = elem.parentElement;
         }
     }, [id]);
@@ -62,3 +66,13 @@ function switchYfmTabs(tabPanelElem) {
     }
     return true;
 }
+function openFoldingHeadings(elem, id) {
+    var _a;
+    if (elem.classList.contains(FoldingHeadingsCN.Section) &&
+        !elem.classList.contains(FoldingHeadingsCN.Open) &&
+        id !== ((_a = elem.firstElementChild) === null || _a === void 0 ? void 0 : _a.id)) {
+        elem.classList.add(FoldingHeadingsCN.Open);
+        return true;
+    }
+    return false;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.7.0",
+  "version": "13.9.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -203,7 +203,7 @@
     "@diplodoc/html-extension": "1.2.7",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
-    "@diplodoc/transform": "4.5.0",
+    "@diplodoc/transform": "4.22.0",
     "@gravity-ui/components": "3.0.0",
     "@gravity-ui/eslint-config": "3.1.1",
     "@gravity-ui/prettier-config": "1.1.0",