@gravity-ui/markdown-editor 13.14.0 → 13.16.0

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

@@ -63,6 +63,8 @@ export declare type MarkupConfig = {
      * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt
      */
     languageData?: YfmLangOptions['languageData'];
+    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */
+    autocompletion?: CreateCodemirrorParams['autocompletion'];
 };
 export declare type EscapeConfig = {
     commonEscape?: RegExp;

package/build/cjs/bundle/Editor.js

@@ -3,6 +3,7 @@ var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _Edi
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorImpl = void 0;
 const tslib_1 = require("tslib");
+const view_1 = require("@codemirror/view");
 const prosemirror_state_1 = require("prosemirror-state");
 const core_1 = require("../core");
 const bundle_1 = require("../i18n/bundle");
@@ -165,6 +166,7 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
                 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 },
+                autocompletion: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").autocompletion,
                 receiver: this,
             })), "f");
         }
@@ -264,11 +266,28 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
                 let cmLine = line + 1; // lines in codemirror is 1-based
                 cmLine = Math.max(cmLine, 1);
                 cmLine = Math.min(cmLine, view.state.doc.lines);
+                const yMargin = getTopOffset();
+                const anchor = view.state.doc.line(cmLine).from;
                 view.dispatch({
                     scrollIntoView: true,
-                    selection: { anchor: view.state.doc.line(cmLine).from },
+                    selection: { anchor },
+                    effects: [
+                        view_1.EditorView.scrollIntoView(anchor, { y: 'start', x: 'start', yMargin }),
+                    ],
                 });
                 break;
+                // eslint-disable-next-line no-inner-declarations
+                function getTopOffset() {
+                    const TOOLBAR_HEIGHT = 36; //px
+                    const TOOLBAR_BOTTOM_OFFSET = 8; // px
+                    const TOOLBAR_TOP_ADDITIONAL_OFFSET = 8; // px
+                    const TOOLBAR_TOP_OFFSET_VAR = '--g-md-toolbar-sticky-offset';
+                    const topOffsetValue = window
+                        .getComputedStyle(view.dom)
+                        .getPropertyValue(TOOLBAR_TOP_OFFSET_VAR);
+                    const toolbarTopOffset = calculateCSSNumberValue(topOffsetValue) + TOOLBAR_TOP_ADDITIONAL_OFFSET;
+                    return toolbarTopOffset + TOOLBAR_HEIGHT + TOOLBAR_BOTTOM_OFFSET;
+                }
             }
             case 'wysiwyg': {
                 const node = this.wysiwygEditor.dom.querySelector(`[data-line="${line}"]`);
@@ -291,3 +310,14 @@ 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_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = 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_beforeEditorModeChange = new WeakMap();
+function calculateCSSNumberValue(cssValue) {
+    const tmp = document.createElement('div');
+    tmp.style.position = 'absolute';
+    tmp.style.top = '-99999px';
+    tmp.style.left = '-99999px';
+    tmp.style.width = `calc(${cssValue})`;
+    document.body.appendChild(tmp);
+    const value = tmp.getBoundingClientRect().width;
+    tmp.remove();
+    return value;
+}

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/index.js

@@ -23,12 +23,20 @@ const YfmHeadingSpecs = (builder, opts) => {
                 defining: true,
                 selectable: true,
                 parseDOM: [
-                    { tag: 'h1', getAttrs: (0, utils_1.getNodeAttrs)(1) },
-                    { tag: 'h2', getAttrs: (0, utils_1.getNodeAttrs)(2) },
-                    { tag: 'h3', getAttrs: (0, utils_1.getNodeAttrs)(3) },
-                    { tag: 'h4', getAttrs: (0, utils_1.getNodeAttrs)(4) },
-                    { tag: 'h5', getAttrs: (0, utils_1.getNodeAttrs)(5) },
-                    { tag: 'h6', getAttrs: (0, utils_1.getNodeAttrs)(6) },
+                    { tag: 'h1', getAttrs: (0, utils_1.getNodeAttrs)(1), priority: 100, consuming: true },
+                    { tag: 'h2', getAttrs: (0, utils_1.getNodeAttrs)(2), priority: 100, consuming: true },
+                    { tag: 'h3', getAttrs: (0, utils_1.getNodeAttrs)(3), priority: 100, consuming: true },
+                    { tag: 'h4', getAttrs: (0, utils_1.getNodeAttrs)(4), priority: 100, consuming: true },
+                    { tag: 'h5', getAttrs: (0, utils_1.getNodeAttrs)(5), priority: 100, consuming: true },
+                    { tag: 'h6', getAttrs: (0, utils_1.getNodeAttrs)(6), priority: 100, consuming: true },
+                    {
+                        // ignore anchor link inside headings
+                        tag: 'a.yfm-anchor',
+                        context: `${const_1.headingNodeName}/`,
+                        skip: true,
+                        ignore: true,
+                        priority: 1000,
+                    },
                 ],
                 toDOM(node) {
                     const id = node.attrs[const_1.YfmHeadingAttr.Id];

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

@@ -1,12 +1,9 @@
-import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
+import { PluginOptions } from '@diplodoc/html-extension/plugin/transform';
 import type { ExtensionNodeSpec } from '../../../../core';
 export { yfmHtmlBlockNodeName } from './const';
-export declare type YfmHtmlBlockSpecsOptions = {
+export interface YfmHtmlBlockSpecsOptions extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle'> {
     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";
     readonly NodeAttrs: typeof import("./const").YfmHtmlBlockAttrs;

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

@@ -1,14 +1,10 @@
-import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
+import { PluginOptions } from '@diplodoc/html-extension/plugin/transform';
 import type { IHTMLIFrameElementConfig } from '@diplodoc/html-extension/runtime';
 import { Action, ExtensionAuto } from '../../../core';
 import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
-export declare type YfmHtmlBlockOptions = {
+export interface YfmHtmlBlockOptions extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle'> {
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
-    sanitize?: (dirtyHtml: string) => string;
-    styles?: string | StylesObject;
-    baseTarget?: BaseTarget;
-    head?: string;
-};
+}
 export declare const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions>;
 declare global {
     namespace WysiwygEditor {

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

@@ -6,6 +6,7 @@ const sanitize_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/sani
 // yfmHtmlBlock additional css properties white list
 const getYfmHtmlBlockWhiteList = () => {
     const whiteList = {};
+    // flex, grid, column
     whiteList['align-content'] = true; // default: auto
     whiteList['align-items'] = true; // default: auto
     whiteList['align-self'] = true; // default: auto
@@ -51,6 +52,24 @@ const getYfmHtmlBlockWhiteList = () => {
     whiteList.order = true; // default: 0
     whiteList.orphans = true; // default: 2
     whiteList['row-gap'] = true;
+    // position, opacity, overflow
+    whiteList['all'] = true; // default: depending on individual properties
+    whiteList['bottom'] = true; // default: auto
+    whiteList['content'] = true; // default: normal
+    whiteList['cursor'] = true; // default: auto
+    whiteList['direction'] = true; // default: ltr
+    whiteList['left'] = true; // default: auto
+    whiteList['line-break'] = true; // default: auto
+    whiteList['opacity'] = true; // default: 1
+    whiteList['overflow'] = true; // default: depending on individual properties
+    whiteList['overflow-wrap'] = true; // default: normal
+    whiteList['overflow-x'] = true; // default: visible
+    whiteList['overflow-y'] = true; // default: visible
+    whiteList['position'] = true; // default: static
+    whiteList['right'] = true; // default: auto
+    whiteList['top'] = true; // default: auto
+    whiteList['white-space'] = true; // default: normal
+    whiteList['z-index'] = true; // default: auto
     return whiteList;
 };
 // yfmHtmlBlock additional allowedTags

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

@@ -1,3 +1,4 @@
+import { autocompletion } from '@codemirror/autocomplete';
 import type { Extension, StateCommand } from '@codemirror/state';
 import { EditorView, EditorViewConfig, KeyBinding } from '@codemirror/view';
 import { EventMap } from '../../bundle/Editor';
@@ -6,6 +7,7 @@ import { Receiver } from '../../utils';
 import { FileUploadHandler } from './files-upload-facet';
 import { type YfmLangOptions } from './yfm';
 export type { YfmLangOptions };
+declare type Autocompletion = Parameters<typeof autocompletion>[0];
 export declare type CreateCodemirrorParams = {
     doc: EditorViewConfig['doc'];
     placeholderText: string;
@@ -24,6 +26,7 @@ export declare type CreateCodemirrorParams = {
     keymaps?: readonly KeyBinding[];
     receiver?: Receiver<EventMap>;
     yfmLangOptions?: YfmLangOptions;
+    autocompletion?: Autocompletion;
 };
 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, extensions: extraExtensions, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, } = params;
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extensions: extraExtensions, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, autocompletion: autocompletionConfig, } = params;
     const extensions = [gravity_1.gravityTheme, (0, view_1.placeholder)(placeholderText)];
     if (!disabledExtensions.history) {
         extensions.push((0, commands_1.history)());
@@ -58,7 +58,7 @@ function createCodemirror(params) {
         ...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({
+    ]), (0, autocomplete_1.autocompletion)(autocompletionConfig), (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);
         },

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

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

@@ -63,6 +63,8 @@ export declare type MarkupConfig = {
      * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt
      */
     languageData?: YfmLangOptions['languageData'];
+    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */
+    autocompletion?: CreateCodemirrorParams['autocompletion'];
 };
 export declare type EscapeConfig = {
     commonEscape?: RegExp;

package/build/esm/bundle/Editor.js

@@ -1,5 +1,6 @@
 var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup, _EditorImpl_beforeEditorModeChange;
 import { __classPrivateFieldGet, __classPrivateFieldSet, __rest } from "tslib";
+import { EditorView as CMEditorView } from '@codemirror/view';
 import { TextSelection } from 'prosemirror-state';
 import { WysiwygEditor } from '../core';
 import { i18n } from '../i18n/bundle';
@@ -162,6 +163,7 @@ export class EditorImpl extends SafeEventEmitter {
                 disabledExtensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").disabledExtensions,
                 keymaps: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").keymaps,
                 yfmLangOptions: { languageData: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").languageData },
+                autocompletion: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").autocompletion,
                 receiver: this,
             })), "f");
         }
@@ -261,11 +263,28 @@ export class EditorImpl extends SafeEventEmitter {
                 let cmLine = line + 1; // lines in codemirror is 1-based
                 cmLine = Math.max(cmLine, 1);
                 cmLine = Math.min(cmLine, view.state.doc.lines);
+                const yMargin = getTopOffset();
+                const anchor = view.state.doc.line(cmLine).from;
                 view.dispatch({
                     scrollIntoView: true,
-                    selection: { anchor: view.state.doc.line(cmLine).from },
+                    selection: { anchor },
+                    effects: [
+                        CMEditorView.scrollIntoView(anchor, { y: 'start', x: 'start', yMargin }),
+                    ],
                 });
                 break;
+                // eslint-disable-next-line no-inner-declarations
+                function getTopOffset() {
+                    const TOOLBAR_HEIGHT = 36; //px
+                    const TOOLBAR_BOTTOM_OFFSET = 8; // px
+                    const TOOLBAR_TOP_ADDITIONAL_OFFSET = 8; // px
+                    const TOOLBAR_TOP_OFFSET_VAR = '--g-md-toolbar-sticky-offset';
+                    const topOffsetValue = window
+                        .getComputedStyle(view.dom)
+                        .getPropertyValue(TOOLBAR_TOP_OFFSET_VAR);
+                    const toolbarTopOffset = calculateCSSNumberValue(topOffsetValue) + TOOLBAR_TOP_ADDITIONAL_OFFSET;
+                    return toolbarTopOffset + TOOLBAR_HEIGHT + TOOLBAR_BOTTOM_OFFSET;
+                }
             }
             case 'wysiwyg': {
                 const node = this.wysiwygEditor.dom.querySelector(`[data-line="${line}"]`);
@@ -287,3 +306,14 @@ export class EditorImpl extends SafeEventEmitter {
     }
 }
 _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_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_beforeEditorModeChange = new WeakMap();
+function calculateCSSNumberValue(cssValue) {
+    const tmp = document.createElement('div');
+    tmp.style.position = 'absolute';
+    tmp.style.top = '-99999px';
+    tmp.style.left = '-99999px';
+    tmp.style.width = `calc(${cssValue})`;
+    document.body.appendChild(tmp);
+    const value = tmp.getBoundingClientRect().width;
+    tmp.remove();
+    return value;
+}

package/build/esm/extensions/yfm/YfmHeading/YfmHeadingSpecs/index.js

@@ -19,12 +19,20 @@ export const YfmHeadingSpecs = (builder, opts) => {
                 defining: true,
                 selectable: true,
                 parseDOM: [
-                    { tag: 'h1', getAttrs: getNodeAttrs(1) },
-                    { tag: 'h2', getAttrs: getNodeAttrs(2) },
-                    { tag: 'h3', getAttrs: getNodeAttrs(3) },
-                    { tag: 'h4', getAttrs: getNodeAttrs(4) },
-                    { tag: 'h5', getAttrs: getNodeAttrs(5) },
-                    { tag: 'h6', getAttrs: getNodeAttrs(6) },
+                    { tag: 'h1', getAttrs: getNodeAttrs(1), priority: 100, consuming: true },
+                    { tag: 'h2', getAttrs: getNodeAttrs(2), priority: 100, consuming: true },
+                    { tag: 'h3', getAttrs: getNodeAttrs(3), priority: 100, consuming: true },
+                    { tag: 'h4', getAttrs: getNodeAttrs(4), priority: 100, consuming: true },
+                    { tag: 'h5', getAttrs: getNodeAttrs(5), priority: 100, consuming: true },
+                    { tag: 'h6', getAttrs: getNodeAttrs(6), priority: 100, consuming: true },
+                    {
+                        // ignore anchor link inside headings
+                        tag: 'a.yfm-anchor',
+                        context: `${headingNodeName}/`,
+                        skip: true,
+                        ignore: true,
+                        priority: 1000,
+                    },
                 ],
                 toDOM(node) {
                     const id = node.attrs[YfmHeadingAttr.Id];

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

@@ -1,12 +1,9 @@
-import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
+import { PluginOptions } from '@diplodoc/html-extension/plugin/transform';
 import type { ExtensionNodeSpec } from '../../../../core';
 export { yfmHtmlBlockNodeName } from './const';
-export declare type YfmHtmlBlockSpecsOptions = {
+export interface YfmHtmlBlockSpecsOptions extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle'> {
     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";
     readonly NodeAttrs: typeof import("./const").YfmHtmlBlockAttrs;

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

@@ -1,14 +1,10 @@
-import { BaseTarget, StylesObject } from '@diplodoc/html-extension/plugin';
+import { PluginOptions } from '@diplodoc/html-extension/plugin/transform';
 import type { IHTMLIFrameElementConfig } from '@diplodoc/html-extension/runtime';
 import { Action, ExtensionAuto } from '../../../core';
 import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
-export declare type YfmHtmlBlockOptions = {
+export interface YfmHtmlBlockOptions extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle'> {
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
-    sanitize?: (dirtyHtml: string) => string;
-    styles?: string | StylesObject;
-    baseTarget?: BaseTarget;
-    head?: string;
-};
+}
 export declare const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions>;
 declare global {
     namespace WysiwygEditor {

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

@@ -2,6 +2,7 @@ import diplodocSanitize from '@diplodoc/transform/lib/sanitize';
 // yfmHtmlBlock additional css properties white list
 const getYfmHtmlBlockWhiteList = () => {
     const whiteList = {};
+    // flex, grid, column
     whiteList['align-content'] = true; // default: auto
     whiteList['align-items'] = true; // default: auto
     whiteList['align-self'] = true; // default: auto
@@ -47,6 +48,24 @@ const getYfmHtmlBlockWhiteList = () => {
     whiteList.order = true; // default: 0
     whiteList.orphans = true; // default: 2
     whiteList['row-gap'] = true;
+    // position, opacity, overflow
+    whiteList['all'] = true; // default: depending on individual properties
+    whiteList['bottom'] = true; // default: auto
+    whiteList['content'] = true; // default: normal
+    whiteList['cursor'] = true; // default: auto
+    whiteList['direction'] = true; // default: ltr
+    whiteList['left'] = true; // default: auto
+    whiteList['line-break'] = true; // default: auto
+    whiteList['opacity'] = true; // default: 1
+    whiteList['overflow'] = true; // default: depending on individual properties
+    whiteList['overflow-wrap'] = true; // default: normal
+    whiteList['overflow-x'] = true; // default: visible
+    whiteList['overflow-y'] = true; // default: visible
+    whiteList['position'] = true; // default: static
+    whiteList['right'] = true; // default: auto
+    whiteList['top'] = true; // default: auto
+    whiteList['white-space'] = true; // default: normal
+    whiteList['z-index'] = true; // default: auto
     return whiteList;
 };
 // yfmHtmlBlock additional allowedTags

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

@@ -1,3 +1,4 @@
+import { autocompletion } from '@codemirror/autocomplete';
 import type { Extension, StateCommand } from '@codemirror/state';
 import { EditorView, EditorViewConfig, KeyBinding } from '@codemirror/view';
 import { EventMap } from '../../bundle/Editor';
@@ -6,6 +7,7 @@ import { Receiver } from '../../utils';
 import { FileUploadHandler } from './files-upload-facet';
 import { type YfmLangOptions } from './yfm';
 export type { YfmLangOptions };
+declare type Autocompletion = Parameters<typeof autocompletion>[0];
 export declare type CreateCodemirrorParams = {
     doc: EditorViewConfig['doc'];
     placeholderText: string;
@@ -24,6 +26,7 @@ export declare type CreateCodemirrorParams = {
     keymaps?: readonly KeyBinding[];
     receiver?: Receiver<EventMap>;
     yfmLangOptions?: YfmLangOptions;
+    autocompletion?: Autocompletion;
 };
 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, extensions: extraExtensions, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, } = params;
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extensions: extraExtensions, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, autocompletion: autocompletionConfig, } = params;
     const extensions = [gravityTheme, placeholder(placeholderText)];
     if (!disabledExtensions.history) {
         extensions.push(history());
@@ -55,7 +55,7 @@ export function createCodemirror(params) {
         ...defaultKeymap,
         ...(disabledExtensions.history ? [] : historyKeymap),
         ...keymaps,
-    ]), autocompletion(), yfmLang(yfmLangOptions), ReactRendererFacet.of(reactRenderer), PairingCharactersExtension, EditorView.lineWrapping, EditorView.contentAttributes.of({ spellcheck: 'true' }), EditorView.domEventHandlers({
+    ]), autocompletion(autocompletionConfig), yfmLang(yfmLangOptions), ReactRendererFacet.of(reactRenderer), PairingCharactersExtension, EditorView.lineWrapping, EditorView.contentAttributes.of({ spellcheck: 'true' }), EditorView.domEventHandlers({
         scroll(event) {
             onScroll(event);
         },

package/build/esm/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.14.0",
+  "version": "13.16.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {