@gravity-ui/markdown-editor 13.9.0 → 13.11.0

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

@@ -47,6 +47,10 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
 export declare type MarkupConfig = {
     /** Additional extensions for codemirror instance. */
     extensions?: CreateCodemirrorParams['extensions'];
+    /** Can be used to disable some of the default extensions */
+    disabledExtensions?: CreateCodemirrorParams['disabledExtensions'];
+    /** Additional keymaps for codemirror instance */
+    keymaps?: CreateCodemirrorParams['keymaps'];
     /**
      * Additional language data for markdown language in codemirror.
      * Can be used to configure additional autocompletions and others.

package/build/cjs/bundle/Editor.js

@@ -157,6 +157,8 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
                 uploadHandler: this.fileUploadHandler,
                 needImgDimms: this.needToSetDimensionsForUploadedImages,
                 extensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").extensions,
+                disabledExtensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").disabledExtensions,
+                keymaps: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").keymaps,
                 yfmLangOptions: { languageData: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").languageData },
                 receiver: this,
             })), "f");

package/build/cjs/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.d.ts

@@ -1,8 +1,11 @@
+import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
 import type { ExtensionNodeSpec } from '../../../../core';
 export { yfmHtmlBlockNodeName } from './const';
 export declare type YfmHtmlBlockSpecsOptions = {
     nodeView?: ExtensionNodeSpec['view'];
     sanitize?: (dirtyHtml: string) => string;
+    styles?: string | StylesObject;
+    baseTarget?: BaseTarget;
 };
 export declare const YfmHtmlBlockSpecs: import("../../../../core").ExtensionWithOptions<YfmHtmlBlockSpecsOptions> & {
     readonly NodeName: "yfm_html_block";

package/build/cjs/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmHtmlBlockSpecs = exports.yfmHtmlBlockNodeName = void 0;
+const tslib_1 = require("tslib");
 // eslint-disable-next-line import/no-extraneous-dependencies
 const html_extension_1 = require("@diplodoc/html-extension");
 const const_1 = require("./const");
 var const_2 = require("./const");
 Object.defineProperty(exports, "yfmHtmlBlockNodeName", { enumerable: true, get: function () { return const_2.yfmHtmlBlockNodeName; } });
-const YfmHtmlBlockSpecsExtension = (builder, { nodeView, sanitize }) => {
+const YfmHtmlBlockSpecsExtension = (builder, _a) => {
+    var { nodeView } = _a, options = tslib_1.__rest(_a, ["nodeView"]);
     builder
-        .configureMd((md) => md.use((0, html_extension_1.transform)({ bundle: false, sanitize }), {}))
+        .configureMd((md) => md.use((0, html_extension_1.transform)(Object.assign({ bundle: false }, options)), {}))
         .addNode(const_1.YfmHtmlBlockConsts.NodeName, () => ({
         fromMd: {
             tokenSpec: {

package/build/cjs/extensions/yfm/YfmHtmlBlock/index.d.ts

@@ -1,9 +1,12 @@
+import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
 import type { IHTMLIFrameElementConfig } from '@diplodoc/html-extension/runtime';
 import { Action, ExtensionAuto } from '../../../core';
 import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
 export declare type YfmHtmlBlockOptions = {
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
     sanitize?: (dirtyHtml: string) => string;
+    styles?: string | StylesObject;
+    baseTarget?: BaseTarget;
 };
 export declare const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions>;
 declare global {

package/build/cjs/extensions/yfm/YfmHtmlBlock/index.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmHtmlBlock = void 0;
+const tslib_1 = require("tslib");
 const YfmHtmlBlockNodeView_1 = require("./YfmHtmlBlockNodeView");
 const YfmHtmlBlockSpecs_1 = require("./YfmHtmlBlockSpecs");
 const const_1 = require("./YfmHtmlBlockSpecs/const");
 const actions_1 = require("./actions");
-const YfmHtmlBlock = (builder, options) => {
-    builder.use(YfmHtmlBlockSpecs_1.YfmHtmlBlockSpecs, {
-        nodeView: YfmHtmlBlockNodeViewFactory(options),
-        sanitize: options.sanitize,
-    });
+const YfmHtmlBlock = (builder, _a) => {
+    var { useConfig: _ } = _a, options = tslib_1.__rest(_a, ["useConfig"]);
+    builder.use(YfmHtmlBlockSpecs_1.YfmHtmlBlockSpecs, Object.assign({ nodeView: YfmHtmlBlockNodeViewFactory(options) }, options));
     builder.addAction(const_1.YfmHtmlBlockAction, () => actions_1.addYfmHtmlBlock);
 };
 exports.YfmHtmlBlock = YfmHtmlBlock;

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

@@ -1,5 +1,5 @@
 import type { Extension, StateCommand } from '@codemirror/state';
-import { EditorView, EditorViewConfig } from '@codemirror/view';
+import { EditorView, EditorViewConfig, KeyBinding } from '@codemirror/view';
 import { EventMap } from '../../bundle/Editor';
 import { ReactRenderStorage } from '../../extensions';
 import { Receiver } from '../../utils';
@@ -18,6 +18,10 @@ export declare type CreateCodemirrorParams = {
     uploadHandler?: FileUploadHandler;
     needImgDimms?: boolean;
     extensions?: Extension[];
+    disabledExtensions?: {
+        history?: boolean;
+    };
+    keymaps?: readonly KeyBinding[];
     receiver?: Receiver<EventMap>;
     yfmLangOptions?: YfmLangOptions;
 };

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

@@ -16,65 +16,56 @@ 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, extensions: extraExtensions, receiver, yfmLangOptions, } = params;
-    const extensions = [
-        gravity_1.gravityTheme,
-        (0, view_1.placeholder)(placeholderText),
-        (0, commands_1.history)(),
-        (0, language_1.syntaxHighlighting)(gravity_1.gravityHighlightStyle),
-        view_1.keymap.of([
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Bold), run: withLogger(action_names_1.ActionName.bold, commands_2.toggleBold) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Italic), run: withLogger(action_names_1.ActionName.italic, commands_2.toggleItalic) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Strike), run: withLogger(action_names_1.ActionName.strike, commands_2.toggleStrikethrough) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Underline), run: withLogger(action_names_1.ActionName.underline, commands_2.toggleUnderline) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Link), run: withLogger(action_names_1.ActionName.link, commands_2.insertLink) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading1), run: withLogger(action_names_1.ActionName.heading1, commands_2.toH1) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading2), run: withLogger(action_names_1.ActionName.heading2, commands_2.toH2) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading3), run: withLogger(action_names_1.ActionName.heading3, commands_2.toH3) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading4), run: withLogger(action_names_1.ActionName.heading4, commands_2.toH4) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading5), run: withLogger(action_names_1.ActionName.heading5, commands_2.toH5) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading6), run: withLogger(action_names_1.ActionName.heading6, commands_2.toH6) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Code), run: withLogger(action_names_1.ActionName.code_inline, commands_2.wrapToInlineCode) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.CodeBlock), run: withLogger(action_names_1.ActionName.code_block, commands_2.wrapToCodeBlock) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Cut), run: withLogger(action_names_1.ActionName.yfm_cut, commands_2.wrapToYfmCut) },
-            { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Note), run: withLogger(action_names_1.ActionName.yfm_note, commands_2.wrapToYfmNote) },
-            {
-                key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Cancel),
-                preventDefault: true,
-                run: () => {
-                    onCancel();
-                    return true;
-                },
-            },
-            {
-                key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Submit),
-                preventDefault: true,
-                run: () => {
-                    onSubmit();
-                    return true;
-                },
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extensions: extraExtensions, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, } = params;
+    const extensions = [gravity_1.gravityTheme, (0, view_1.placeholder)(placeholderText)];
+    if (!disabledExtensions.history) {
+        extensions.push((0, commands_1.history)());
+    }
+    extensions.push((0, language_1.syntaxHighlighting)(gravity_1.gravityHighlightStyle), view_1.keymap.of([
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Bold), run: withLogger(action_names_1.ActionName.bold, commands_2.toggleBold) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Italic), run: withLogger(action_names_1.ActionName.italic, commands_2.toggleItalic) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Strike), run: withLogger(action_names_1.ActionName.strike, commands_2.toggleStrikethrough) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Underline), run: withLogger(action_names_1.ActionName.underline, commands_2.toggleUnderline) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Link), run: withLogger(action_names_1.ActionName.link, commands_2.insertLink) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading1), run: withLogger(action_names_1.ActionName.heading1, commands_2.toH1) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading2), run: withLogger(action_names_1.ActionName.heading2, commands_2.toH2) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading3), run: withLogger(action_names_1.ActionName.heading3, commands_2.toH3) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading4), run: withLogger(action_names_1.ActionName.heading4, commands_2.toH4) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading5), run: withLogger(action_names_1.ActionName.heading5, commands_2.toH5) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Heading6), run: withLogger(action_names_1.ActionName.heading6, commands_2.toH6) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Code), run: withLogger(action_names_1.ActionName.code_inline, commands_2.wrapToInlineCode) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.CodeBlock), run: withLogger(action_names_1.ActionName.code_block, commands_2.wrapToCodeBlock) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Cut), run: withLogger(action_names_1.ActionName.yfm_cut, commands_2.wrapToYfmCut) },
+        { key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Note), run: withLogger(action_names_1.ActionName.yfm_note, commands_2.wrapToYfmNote) },
+        {
+            key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Cancel),
+            preventDefault: true,
+            run: () => {
+                onCancel();
+                return true;
             },
-            { key: 'Tab', preventDefault: true, run: commands_1.insertTab },
-            commands_1.indentWithTab,
-            ...commands_1.defaultKeymap,
-            ...commands_1.historyKeymap,
-        ]),
-        (0, autocomplete_1.autocompletion)(),
-        (0, yfm_1.yfmLang)(yfmLangOptions),
-        react_facet_1.ReactRendererFacet.of(reactRenderer),
-        pairing_chars_1.PairingCharactersExtension,
-        view_1.EditorView.lineWrapping,
-        view_1.EditorView.contentAttributes.of({ spellcheck: 'true' }),
-        view_1.EditorView.domEventHandlers({
-            scroll(event) {
-                onScroll(event);
+        },
+        {
+            key: shortcuts_1.formatter.toCM(shortcuts_1.Action.Submit),
+            preventDefault: true,
+            run: () => {
+                onSubmit();
+                return true;
             },
-        }),
-        (0, plugin_1.SearchPanelPlugin)({
-            anchorSelector: '.g-md-search-anchor',
-            receiver,
-        }),
-    ];
+        },
+        { key: 'Tab', preventDefault: true, run: commands_1.insertTab },
+        commands_1.indentWithTab,
+        ...commands_1.defaultKeymap,
+        ...(disabledExtensions.history ? [] : commands_1.historyKeymap),
+        ...keymaps,
+    ]), (0, autocomplete_1.autocompletion)(), (0, yfm_1.yfmLang)(yfmLangOptions), react_facet_1.ReactRendererFacet.of(reactRenderer), pairing_chars_1.PairingCharactersExtension, view_1.EditorView.lineWrapping, view_1.EditorView.contentAttributes.of({ spellcheck: 'true' }), view_1.EditorView.domEventHandlers({
+        scroll(event) {
+            onScroll(event);
+        },
+    }), (0, plugin_1.SearchPanelPlugin)({
+        anchorSelector: '.g-md-search-anchor',
+        receiver,
+    }));
     if (params.uploadHandler) {
         extensions.push(files_upload_facet_1.FileUploadHandlerFacet.of({
             fn: params.uploadHandler,

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

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

@@ -47,6 +47,10 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
 export declare type MarkupConfig = {
     /** Additional extensions for codemirror instance. */
     extensions?: CreateCodemirrorParams['extensions'];
+    /** Can be used to disable some of the default extensions */
+    disabledExtensions?: CreateCodemirrorParams['disabledExtensions'];
+    /** Additional keymaps for codemirror instance */
+    keymaps?: CreateCodemirrorParams['keymaps'];
     /**
      * Additional language data for markdown language in codemirror.
      * Can be used to configure additional autocompletions and others.

package/build/esm/bundle/Editor.js

@@ -154,6 +154,8 @@ export class EditorImpl extends SafeEventEmitter {
                 uploadHandler: this.fileUploadHandler,
                 needImgDimms: this.needToSetDimensionsForUploadedImages,
                 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 },
                 receiver: this,
             })), "f");

package/build/esm/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.d.ts

@@ -1,8 +1,11 @@
+import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
 import type { ExtensionNodeSpec } from '../../../../core';
 export { yfmHtmlBlockNodeName } from './const';
 export declare type YfmHtmlBlockSpecsOptions = {
     nodeView?: ExtensionNodeSpec['view'];
     sanitize?: (dirtyHtml: string) => string;
+    styles?: string | StylesObject;
+    baseTarget?: BaseTarget;
 };
 export declare const YfmHtmlBlockSpecs: import("../../../../core").ExtensionWithOptions<YfmHtmlBlockSpecsOptions> & {
     readonly NodeName: "yfm_html_block";

package/build/esm/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.js

@@ -1,10 +1,12 @@
+import { __rest } from "tslib";
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { transform } from '@diplodoc/html-extension';
 import { YfmHtmlBlockConsts } from './const';
 export { yfmHtmlBlockNodeName } from './const';
-const YfmHtmlBlockSpecsExtension = (builder, { nodeView, sanitize }) => {
+const YfmHtmlBlockSpecsExtension = (builder, _a) => {
+    var { nodeView } = _a, options = __rest(_a, ["nodeView"]);
     builder
-        .configureMd((md) => md.use(transform({ bundle: false, sanitize }), {}))
+        .configureMd((md) => md.use(transform(Object.assign({ bundle: false }, options)), {}))
         .addNode(YfmHtmlBlockConsts.NodeName, () => ({
         fromMd: {
             tokenSpec: {

package/build/esm/extensions/yfm/YfmHtmlBlock/index.d.ts

@@ -1,9 +1,12 @@
+import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
 import type { IHTMLIFrameElementConfig } from '@diplodoc/html-extension/runtime';
 import { Action, ExtensionAuto } from '../../../core';
 import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
 export declare type YfmHtmlBlockOptions = {
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
     sanitize?: (dirtyHtml: string) => string;
+    styles?: string | StylesObject;
+    baseTarget?: BaseTarget;
 };
 export declare const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions>;
 declare global {

package/build/esm/extensions/yfm/YfmHtmlBlock/index.js

@@ -1,12 +1,11 @@
+import { __rest } from "tslib";
 import { WYfmHtmlBlockNodeView } from './YfmHtmlBlockNodeView';
 import { YfmHtmlBlockSpecs } from './YfmHtmlBlockSpecs';
 import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
 import { addYfmHtmlBlock } from './actions';
-export const YfmHtmlBlock = (builder, options) => {
-    builder.use(YfmHtmlBlockSpecs, {
-        nodeView: YfmHtmlBlockNodeViewFactory(options),
-        sanitize: options.sanitize,
-    });
+export const YfmHtmlBlock = (builder, _a) => {
+    var { useConfig: _ } = _a, options = __rest(_a, ["useConfig"]);
+    builder.use(YfmHtmlBlockSpecs, Object.assign({ nodeView: YfmHtmlBlockNodeViewFactory(options) }, options));
     builder.addAction(YfmHtmlBlockAction, () => addYfmHtmlBlock);
 };
 const YfmHtmlBlockNodeViewFactory = (options) => () => (node, view, getPos) => {

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

@@ -1,5 +1,5 @@
 import type { Extension, StateCommand } from '@codemirror/state';
-import { EditorView, EditorViewConfig } from '@codemirror/view';
+import { EditorView, EditorViewConfig, KeyBinding } from '@codemirror/view';
 import { EventMap } from '../../bundle/Editor';
 import { ReactRenderStorage } from '../../extensions';
 import { Receiver } from '../../utils';
@@ -18,6 +18,10 @@ export declare type CreateCodemirrorParams = {
     uploadHandler?: FileUploadHandler;
     needImgDimms?: boolean;
     extensions?: Extension[];
+    disabledExtensions?: {
+        history?: boolean;
+    };
+    keymaps?: readonly KeyBinding[];
     receiver?: Receiver<EventMap>;
     yfmLangOptions?: YfmLangOptions;
 };

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

@@ -13,65 +13,56 @@ 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, extensions: extraExtensions, receiver, yfmLangOptions, } = params;
-    const extensions = [
-        gravityTheme,
-        placeholder(placeholderText),
-        history(),
-        syntaxHighlighting(gravityHighlightStyle),
-        keymap.of([
-            { key: f.toCM(A.Bold), run: withLogger(ActionName.bold, toggleBold) },
-            { key: f.toCM(A.Italic), run: withLogger(ActionName.italic, toggleItalic) },
-            { key: f.toCM(A.Strike), run: withLogger(ActionName.strike, toggleStrikethrough) },
-            { key: f.toCM(A.Underline), run: withLogger(ActionName.underline, toggleUnderline) },
-            { key: f.toCM(A.Link), run: withLogger(ActionName.link, insertLink) },
-            { key: f.toCM(A.Heading1), run: withLogger(ActionName.heading1, toH1) },
-            { key: f.toCM(A.Heading2), run: withLogger(ActionName.heading2, toH2) },
-            { key: f.toCM(A.Heading3), run: withLogger(ActionName.heading3, toH3) },
-            { key: f.toCM(A.Heading4), run: withLogger(ActionName.heading4, toH4) },
-            { key: f.toCM(A.Heading5), run: withLogger(ActionName.heading5, toH5) },
-            { key: f.toCM(A.Heading6), run: withLogger(ActionName.heading6, toH6) },
-            { key: f.toCM(A.Code), run: withLogger(ActionName.code_inline, wrapToInlineCode) },
-            { key: f.toCM(A.CodeBlock), run: withLogger(ActionName.code_block, wrapToCodeBlock) },
-            { key: f.toCM(A.Cut), run: withLogger(ActionName.yfm_cut, wrapToYfmCut) },
-            { key: f.toCM(A.Note), run: withLogger(ActionName.yfm_note, wrapToYfmNote) },
-            {
-                key: f.toCM(A.Cancel),
-                preventDefault: true,
-                run: () => {
-                    onCancel();
-                    return true;
-                },
-            },
-            {
-                key: f.toCM(A.Submit),
-                preventDefault: true,
-                run: () => {
-                    onSubmit();
-                    return true;
-                },
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extensions: extraExtensions, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, } = params;
+    const extensions = [gravityTheme, placeholder(placeholderText)];
+    if (!disabledExtensions.history) {
+        extensions.push(history());
+    }
+    extensions.push(syntaxHighlighting(gravityHighlightStyle), keymap.of([
+        { key: f.toCM(A.Bold), run: withLogger(ActionName.bold, toggleBold) },
+        { key: f.toCM(A.Italic), run: withLogger(ActionName.italic, toggleItalic) },
+        { key: f.toCM(A.Strike), run: withLogger(ActionName.strike, toggleStrikethrough) },
+        { key: f.toCM(A.Underline), run: withLogger(ActionName.underline, toggleUnderline) },
+        { key: f.toCM(A.Link), run: withLogger(ActionName.link, insertLink) },
+        { key: f.toCM(A.Heading1), run: withLogger(ActionName.heading1, toH1) },
+        { key: f.toCM(A.Heading2), run: withLogger(ActionName.heading2, toH2) },
+        { key: f.toCM(A.Heading3), run: withLogger(ActionName.heading3, toH3) },
+        { key: f.toCM(A.Heading4), run: withLogger(ActionName.heading4, toH4) },
+        { key: f.toCM(A.Heading5), run: withLogger(ActionName.heading5, toH5) },
+        { key: f.toCM(A.Heading6), run: withLogger(ActionName.heading6, toH6) },
+        { key: f.toCM(A.Code), run: withLogger(ActionName.code_inline, wrapToInlineCode) },
+        { key: f.toCM(A.CodeBlock), run: withLogger(ActionName.code_block, wrapToCodeBlock) },
+        { key: f.toCM(A.Cut), run: withLogger(ActionName.yfm_cut, wrapToYfmCut) },
+        { key: f.toCM(A.Note), run: withLogger(ActionName.yfm_note, wrapToYfmNote) },
+        {
+            key: f.toCM(A.Cancel),
+            preventDefault: true,
+            run: () => {
+                onCancel();
+                return true;
             },
-            { key: 'Tab', preventDefault: true, run: insertTab },
-            indentWithTab,
-            ...defaultKeymap,
-            ...historyKeymap,
-        ]),
-        autocompletion(),
-        yfmLang(yfmLangOptions),
-        ReactRendererFacet.of(reactRenderer),
-        PairingCharactersExtension,
-        EditorView.lineWrapping,
-        EditorView.contentAttributes.of({ spellcheck: 'true' }),
-        EditorView.domEventHandlers({
-            scroll(event) {
-                onScroll(event);
+        },
+        {
+            key: f.toCM(A.Submit),
+            preventDefault: true,
+            run: () => {
+                onSubmit();
+                return true;
             },
-        }),
-        SearchPanelPlugin({
-            anchorSelector: '.g-md-search-anchor',
-            receiver,
-        }),
-    ];
+        },
+        { key: 'Tab', preventDefault: true, run: insertTab },
+        indentWithTab,
+        ...defaultKeymap,
+        ...(disabledExtensions.history ? [] : historyKeymap),
+        ...keymaps,
+    ]), autocompletion(), yfmLang(yfmLangOptions), ReactRendererFacet.of(reactRenderer), PairingCharactersExtension, EditorView.lineWrapping, EditorView.contentAttributes.of({ spellcheck: 'true' }), EditorView.domEventHandlers({
+        scroll(event) {
+            onScroll(event);
+        },
+    }), SearchPanelPlugin({
+        anchorSelector: '.g-md-search-anchor',
+        receiver,
+    }));
     if (params.uploadHandler) {
         extensions.push(FileUploadHandlerFacet.of({
             fn: params.uploadHandler,

package/build/esm/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.9.0",
+  "version": "13.11.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -200,7 +200,7 @@
   },
   "devDependencies": {
     "@diplodoc/folding-headings-extension": "0.1.0",
-    "@diplodoc/html-extension": "1.2.7",
+    "@diplodoc/html-extension": "1.3.1",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
     "@diplodoc/transform": "4.22.0",