@gravity-ui/markdown-editor 13.25.1 → 14.0.1

package/build/cjs/extensions/{yfm → additional}/Math/view-and-edit.d.ts

@@ -1,7 +1,7 @@
 import type { Node } from 'prosemirror-model';
 import { Plugin } from 'prosemirror-state';
 import { Decoration, NodeView } from 'prosemirror-view';
-import type { ReactRenderer, RendererItem } from '../../../extensions/behavior/ReactRenderer';
+import type { ReactRenderer, RendererItem } from '../../behavior/ReactRenderer';
 import type { KatexOptions, RunOptions } from './types';
 export declare type MathNodeViewOptions = Pick<RunOptions, 'sanitize'> & {
     katexOptions?: KatexOptions;

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

@@ -1,6 +1,8 @@
-import '@diplodoc/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/base';
+import '@diplodoc/transform/dist/js/_yfm-only';
 import type { ExtensionAuto } from '../../../core';
 import { YfmConfigsSpecsOptions } from './YfmConfigsSpecs';
-import '@diplodoc/transform/dist/css/yfm.css';
+import '@diplodoc/transform/dist/css/base.css';
+import '@diplodoc/transform/dist/css/_yfm-only.css';
 export declare type YfmConfigsOptions = YfmConfigsSpecsOptions & {};
 export declare const YfmConfigs: ExtensionAuto<YfmConfigsOptions>;

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

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmConfigs = void 0;
-require("@diplodoc/transform/dist/js/yfm");
+require("@diplodoc/transform/dist/js/base");
+require("@diplodoc/transform/dist/js/_yfm-only"); // eslint-disable-line import/order
 const prosemirror_state_1 = require("prosemirror-state");
 const YfmConfigsSpecs_1 = require("./YfmConfigsSpecs");
-require("@diplodoc/transform/dist/css/yfm.css");
+require("@diplodoc/transform/dist/css/base.css");
+require("@diplodoc/transform/dist/css/_yfm-only.css"); // eslint-disable-line import/order
 const YfmConfigs = (builder, opts) => {
     // apply md-it-attrs plugin and ignore yfm lint token
     builder.use(YfmConfigsSpecs_1.YfmConfigsSpecs, opts);

package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmCutSpecs = exports.cutContentType = exports.cutTitleType = exports.cutType = exports.CutNode = void 0;
-const tslib_1 = require("tslib");
-const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
-const cut_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/cut"));
+const cut_extension_1 = require("@diplodoc/cut-extension");
 const const_1 = require("./const");
 const parser_1 = require("./parser");
 const schema_1 = require("./schema");
@@ -16,7 +14,7 @@ Object.defineProperty(exports, "cutContentType", { enumerable: true, get: functi
 const YfmCutSpecs = (builder, opts) => {
     const schemaSpecs = (0, schema_1.getSchemaSpecs)(opts, builder.context.get('placeholder'));
     builder
-        .configureMd((md) => md.use(cut_1.default, { log: log_1.default }))
+        .configureMd((md) => md.use((0, cut_extension_1.transform)({ bundle: false })))
         .addNode(const_1.CutNode.Cut, () => ({
         spec: schemaSpecs[const_1.CutNode.Cut],
         toMd: serializer_1.serializerTokens[const_1.CutNode.Cut],

package/build/cjs/extensions/yfm/YfmCut/index.css

@@ -1,8 +1,6 @@
 .ProseMirror.yfm .yfm-cut {
   border: 1px dashed transparent;
   border-radius: var(--g-border-radius-s);
-  /* TODO: Remove this after updating @diplodoc/transform to version 4.19.0 or higher */
-  /* This ensures backward compatibility with earlier versions of cut-extension */
 }
 .ProseMirror.yfm .yfm-cut:hover {
   border-color: var(--g-color-line-generic);
@@ -12,11 +10,4 @@
 }
 .ProseMirror.yfm .yfm-cut .yfm-cut-title:focus {
   outline: 0;
-}
-.ProseMirror.yfm .yfm-cut .yfm-cut-title {
-  list-style: none;
-}
-.ProseMirror.yfm .yfm-cut .yfm-cut-title::-webkit-details-marker,
-.ProseMirror.yfm .yfm-cut .yfm-cut-title::marker {
-  display: none;
 }

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

@@ -1,5 +1,7 @@
+import '@diplodoc/cut-extension/runtime';
 import type { Action, ExtensionAuto } from '../../../core';
 import { YfmCutSpecsOptions } from './YfmCutSpecs';
+import '@diplodoc/cut-extension/runtime/styles.css';
 declare const cutAction = "toYfmCut";
 export { CutNode, cutType, cutTitleType, cutContentType } from './YfmCutSpecs';
 export declare type YfmCutOptions = Pick<YfmCutSpecsOptions, 'yfmCutTitlePlaceholder' | 'yfmCutContentPlaceholder'> & {

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmCut = exports.cutContentType = exports.cutTitleType = exports.cutType = exports.CutNode = void 0;
+require("@diplodoc/cut-extension/runtime");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const inputrules_1 = require("../../../utils/inputrules");
 const keymap_1 = require("../../../utils/keymap");
@@ -11,6 +12,8 @@ const const_1 = require("./const");
 const yfm_cut_title_1 = require("./nodeviews/yfm-cut-title");
 const active_1 = require("./plugins/active");
 const auto_open_1 = require("./plugins/auto-open");
+require("@diplodoc/cut-extension/runtime/styles.css");
+// eslint-disable-line import/order
 const cutAction = 'toYfmCut';
 var YfmCutSpecs_2 = require("./YfmCutSpecs");
 Object.defineProperty(exports, "CutNode", { enumerable: true, get: function () { return YfmCutSpecs_2.CutNode; } });

package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.css

@@ -1,66 +1,16 @@
-.yfm .yfm-note {
-  max-width: 1296px;
-  margin: 20px 0;
-  padding: 20px 20px 20px 64px;
-  border-radius: 10px;
-}
-.yfm .yfm-note .yfm-note-title {
-  font-weight: 700;
-}
-.yfm .yfm-note > p {
-  margin: 0 0 10px 0;
-}
-.yfm .yfm-note > p:first-child::before {
-  box-sizing: content-box;
-  display: block;
-  width: 24px;
-  height: 24px;
-  margin-top: -2px;
-  margin-left: -44px;
-  padding-right: 20px;
-  float: left;
-}
-.yfm .yfm-note > p:last-child {
-  margin-bottom: 0;
-}
-.yfm .yfm-note.yfm-accent-info > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(2,123,243)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-tip > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-warning > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-info {
-  background: rgba(2, 123, 243, 0.08);
-}
-.yfm .yfm-note.yfm-accent-tip {
-  background: rgba(63, 201, 46, 0.1);
-}
-.yfm .yfm-note.yfm-accent-alert {
-  background: rgba(235, 50, 38, 0.08);
-}
-.yfm .yfm-note.yfm-accent-warning {
-  background: rgba(255, 136, 0, 0.15);
-}
-
 .g-md-yfm-note-toolbar {
   margin: 2px 8px;
 }
 
 .g-md-toolbar-group__s-button_id_note-type-tip {
-  color: #56bd67;
+  color: var(--yfm-color-note-tip);
 }
 .g-md-toolbar-group__s-button_id_note-type-info {
-  color: #027bf3;
+  color: var(--yfm-color-note-info);
 }
 .g-md-toolbar-group__s-button_id_note-type-alert {
-  color: #ff4645;
+  color: var(--yfm-color-note-important);
 }
 .g-md-toolbar-group__s-button_id_note-type-warning {
-  color: #f19518;
+  color: var(--yfm-color-note-warning);
 }

package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.js

@@ -28,7 +28,10 @@ const yfmNoteTooltipPlugin = ({ actions, schema }) => new prosemirror_state_1.Pl
             idPrefix: 'yfm-note-tooltip',
             nodeType: (0, index_1.noteType)(view.state.schema),
             popupPlacement: ['bottom', 'top'],
-            content: (view, { node, pos }) => (react_1.default.createElement(toolbar_1.Toolbar, { editor: actions, focus: () => view.focus(), className: "g-md-yfm-note-toolbar", data: [
+            content: (view, { node, pos }) => (react_1.default.createElement(toolbar_1.Toolbar, { editor: actions, focus: () => view.focus(), 
+                // the yfm class allows to access css variables
+                // https://github.com/diplodoc-platform/transform/blob/master/src/scss/_common.scss#L17
+                className: "yfm g-md-yfm-note-toolbar", data: [
                     [
                         YfmNoteType.info,
                         YfmNoteType.tip,

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/const.d.ts

@@ -10,7 +10,8 @@ export declare enum TabsNode {
 }
 export declare enum TabsAttrs {
     class = "class",
-    dataDiplodocGroup = "data-diplodoc-group"
+    dataDiplodocGroup = "data-diplodoc-group",
+    dataDiplodocVariant = "data-diplodoc-variant"
 }
 export declare enum TabsListAttrs {
     class = "class",

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

@@ -17,6 +17,7 @@ var TabsAttrs;
 (function (TabsAttrs) {
     TabsAttrs["class"] = "class";
     TabsAttrs["dataDiplodocGroup"] = "data-diplodoc-group";
+    TabsAttrs["dataDiplodocVariant"] = "data-diplodoc-variant";
 })(TabsAttrs = exports.TabsAttrs || (exports.TabsAttrs = {}));
 var TabsListAttrs;
 (function (TabsListAttrs) {

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

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmTabsSpecs = exports.tabsListType = exports.tabsType = exports.tabType = exports.tabPanelType = exports.TabsNode = void 0;
-const tslib_1 = require("tslib");
-const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
-const tabs_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/tabs"));
+const tabs_extension_1 = require("@diplodoc/tabs-extension");
 const schema_1 = require("../../../../utils/schema");
 const const_1 = require("./const");
 const md_plugin_1 = require("./md-plugin");
@@ -19,7 +17,19 @@ exports.tabsListType = (0, schema_1.nodeTypeFactory)(const_1.TabsNode.TabsList);
 const YfmTabsSpecs = (builder, opts) => {
     const schemaSpecs = (0, schema_2.getSchemaSpecs)(opts);
     builder
-        .configureMd((md) => md.use(tabs_1.default, { log: log_1.default }).use(md_plugin_1.tabsPostPlugin))
+        .configureMd((md) => md
+        .use((0, tabs_extension_1.transform)({
+        bundle: false,
+        features: {
+            enabledVariants: {
+                regular: true,
+                radio: true,
+                dropdown: false,
+                accordion: false,
+            },
+        },
+    }))
+        .use(md_plugin_1.tabsPostPlugin))
         .addNode(const_1.TabsNode.Tab, () => ({
         spec: schemaSpecs[const_1.TabsNode.Tab],
         toMd: serializer_1.serializerTokens[const_1.TabsNode.Tab],

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/md-plugin.js

@@ -7,7 +7,6 @@ const tabsPostPlugin = (md) => {
     md.core.ruler.push('me_tabs_after', (state) => {
         var _a;
         const stack = [];
-        const tabCloseIndexes = [];
         for (const token of state.tokens) {
             switch (token.type) {
                 case 'tabs_open': {
@@ -26,11 +25,6 @@ const tabsPostPlugin = (md) => {
                 case 'tab_open': {
                     const item = stack.at(-1);
                     if (item === null || item === void 0 ? void 0 : item.vertical) {
-                        // --> TODO: remove after updating to tabs-extension v^3.4.0
-                        const isInput = token.tag === 'input';
-                        if (isInput)
-                            token.type = 'tab-input';
-                        // <--
                         token.type = prefix + token.type;
                     }
                     break;
@@ -39,9 +33,6 @@ const tabsPostPlugin = (md) => {
                     const item = stack.at(-1);
                     if (item === null || item === void 0 ? void 0 : item.vertical) {
                         token.type = prefix + token.type;
-                        // --> TODO: remove after updating to tabs-extension v^3.4.0
-                        tabCloseIndexes.push(state.tokens.indexOf(token));
-                        // <--
                     }
                     break;
                 }
@@ -54,26 +45,8 @@ const tabsPostPlugin = (md) => {
                     }
                     break;
                 }
-                // --> TODO: remove after updating to tabs-extension v^3.4.0
-                case 'label_open': {
-                    const tokenIndex = state.tokens.indexOf(token);
-                    const prevToken = tokenIndex > 0 && state.tokens.at(tokenIndex - 1);
-                    if (prevToken && prevToken.type === 'r-tab-input') {
-                        token.type = prefix + 'tab-' + token.type;
-                    }
-                    break;
-                }
-                // <--
             }
         }
-        // --> TODO: remove after updating to tabs-extension v^3.4.0
-        for (const index of tabCloseIndexes.reverse()) {
-            if (index === -1)
-                continue;
-            const labelCloseToken = new state.Token(prefix + 'tab-label_close', 'label', -1);
-            state.tokens.splice(index, 0, labelCloseToken);
-        }
-        // <--
     });
 };
 exports.tabsPostPlugin = tabsPostPlugin;

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

@@ -59,6 +59,7 @@ const getSchemaSpecs = (opts, placeholder) => {
             attrs: {
                 [const_1.TabsAttrs.class]: { default: 'yfm-tabs' },
                 [const_1.TabsAttrs.dataDiplodocGroup]: { default: 'unknown' },
+                [const_1.TabsAttrs.dataDiplodocVariant]: { default: 'regular' },
             },
             content: `${const_1.TabsNode.TabsList} ${const_1.TabsNode.TabPanel}+`,
             group: 'block',
@@ -87,6 +88,7 @@ const getSchemaSpecs = (opts, placeholder) => {
             attrs: {
                 [const_1.TabsAttrs.class]: { default: 'yfm-tabs yfm-tabs-vertical' },
                 [const_1.TabsAttrs.dataDiplodocGroup]: { default: 'unknown' },
+                [const_1.TabsAttrs.dataDiplodocVariant]: { default: 'radio' },
             },
             content: `(${const_1.TabsNode.RadioTab} ${const_1.TabsNode.TabPanel})+`,
             group: 'block',

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

@@ -1,4 +1,6 @@
+import '@diplodoc/tabs-extension/runtime';
 import type { Action, ExtensionAuto } from '../../../core';
+import '@diplodoc/tabs-extension/runtime/styles.css';
 export { TabsNode, tabType, tabsType, tabsListType, tabPanelType } from './YfmTabsSpecs';
 declare const actionName = "toYfmTabs";
 export declare const YfmTabs: ExtensionAuto;

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

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmTabs = exports.tabPanelType = exports.tabsListType = exports.tabsType = exports.tabType = exports.TabsNode = void 0;
+require("@diplodoc/tabs-extension/runtime");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const YfmTabsSpecs_1 = require("./YfmTabsSpecs");
 const actions_1 = require("./actions");
 const plugins_1 = require("./plugins");
 const views_1 = require("./views");
+require("@diplodoc/tabs-extension/runtime/styles.css");
 var YfmTabsSpecs_2 = require("./YfmTabsSpecs");
 Object.defineProperty(exports, "TabsNode", { enumerable: true, get: function () { return YfmTabsSpecs_2.TabsNode; } });
 Object.defineProperty(exports, "tabType", { enumerable: true, get: function () { return YfmTabsSpecs_2.tabType; } });

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

@@ -2,3 +2,4 @@ export type { CreateCodemirrorParams } from './create';
 export { createCodemirror } from './create';
 export { ReactRendererFacet } from './react-facet';
 export { getImageDimensions, IMG_MAX_HEIGHT } from './files-upload-plugin';
+export type { YfmLangOptions } from './yfm';

package/build/cjs/markup/codemirror/search-plugin/plugin.d.ts

@@ -1,5 +1,6 @@
 import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
-import { EditorMode, EventMap } from '../../../bundle/Editor';
+import type { MarkdownEditorMode } from '../../../bundle';
+import type { EventMap } from '../../../bundle/Editor';
 import type { RendererItem } from '../../../extensions';
 import { Receiver } from '../../../utils';
 interface SearchQueryParams {
@@ -28,7 +29,7 @@ export declare const SearchPanelPlugin: (params: SearchPanelPluginParams) => Vie
     destroy(): void;
     setViewSearch(config: Partial<SearchQueryParams>): void;
     handleEditorModeChange({ mode }: {
-        mode: EditorMode;
+        mode: MarkdownEditorMode;
     }): void;
     handleChange(search: string): void;
     handleClose(): void;

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

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

@@ -1,19 +1,7 @@
-import type { ReactNode } from 'react';
-import type { Extension as CodemirrorExtension } from '@codemirror/state';
-import { CommonEditor, MarkupString } from '../common';
-import { WysiwygEditorOptions } from '../core';
+import type { CommonEditor } from '../common';
 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';
-export declare type SplitMode = false | 'horizontal' | 'vertical';
-export declare type EditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';
-export declare type RenderPreview = ({ getValue, mode, }: {
-    getValue: () => MarkupString;
-    mode: 'preview' | 'split';
-}) => ReactNode;
+import { type Receiver } from '../utils/event-emitter';
+import type { MarkdownEditorMode as EditorMode, MarkdownEditorPreset as EditorPreset, MarkdownEditorOptions } from './types';
 export declare type ToolbarActionData = {
     editorMode: EditorMode;
     id: string;
@@ -45,63 +33,13 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
     }): void;
 }
 declare type SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;
-declare type ChangeEditorModeOptions = {
+export declare type ChangeEditorModeOptions = {
     mode: EditorMode;
     reason: 'error-boundary' | 'settings' | 'manually';
     emit?: boolean;
 };
-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'];
-    /** Overrides the default placeholder content. */
-    placeholder?: CreateCodemirrorParams['placeholder'];
-    /**
-     * 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'];
-    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */
-    autocompletion?: CreateCodemirrorParams['autocompletion'];
-};
-export declare type EscapeConfig = {
-    commonEscape?: RegExp;
-    startOfLineEscape?: RegExp;
-};
-export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'linkify' | 'linkifyTlds' | 'extensions'> & {
-    initialMarkup?: MarkupString;
-    /** @default 'wysiwyg' */
-    initialEditorMode?: EditorMode;
-    /** @default true */
-    initialToolbarVisible?: boolean;
-    /** @default false
-     * Has no effect if splitMode is false or undefined
-     */
-    initialSplitModeEnabled?: boolean;
+export declare type EditorOptions = Pick<MarkdownEditorOptions, 'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig'> & {
     renderStorage: ReactRenderStorage;
-    fileUploadHandler?: FileUploadHandler;
-    /**
-     * If we need to set dimensions for uploaded images
-     *
-     * @default false
-     */
-    needToSetDimensionsForUploadedImages?: boolean;
-    /**
-     * Called before switching from the markup editor to the wysiwyg editor.
-     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.
-     */
-    prepareRawMarkup?: (value: MarkupString) => MarkupString;
-    experimental_beforeEditorModeChange?: (options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>) => boolean | undefined;
-    splitMode?: SplitMode;
-    renderPreview?: RenderPreview;
     preset: EditorPreset;
-    /** @deprecated Put extra extensions via MarkdownEditorMarkupConfig */
-    extraMarkupExtensions?: CodemirrorExtension[];
-    markupConfig?: MarkupConfig;
-    escapeConfig?: EscapeConfig;
 };
 export {};

package/build/esm/bundle/Editor.js

@@ -1,8 +1,8 @@
-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;
+var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_mdOptions, _EditorImpl_preset, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_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 { WysiwygEditor, } from '../core';
 import { i18n } from '../i18n/bundle';
 import { logger } from '../logger';
 import { createCodemirror } from '../markup/codemirror';
@@ -12,7 +12,6 @@ import { SafeEventEmitter } from '../utils/event-emitter';
 export class EditorImpl extends SafeEventEmitter {
     constructor(opts) {
         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);
@@ -24,10 +23,8 @@ export class EditorImpl extends SafeEventEmitter {
         _EditorImpl_markupEditor.set(this, void 0);
         _EditorImpl_markupConfig.set(this, void 0);
         _EditorImpl_escapeConfig.set(this, void 0);
+        _EditorImpl_mdOptions.set(this, void 0);
         _EditorImpl_preset.set(this, void 0);
-        _EditorImpl_allowHTML.set(this, void 0);
-        _EditorImpl_linkify.set(this, void 0);
-        _EditorImpl_linkifyTlds.set(this, void 0);
         _EditorImpl_extensions.set(this, void 0);
         _EditorImpl_renderStorage.set(this, void 0);
         _EditorImpl_fileUploadHandler.set(this, void 0);
@@ -35,25 +32,23 @@ export class EditorImpl extends SafeEventEmitter {
         _EditorImpl_prepareRawMarkup.set(this, void 0);
         _EditorImpl_beforeEditorModeChange.set(this, void 0);
         this.getValue = () => this.currentEditor.getValue();
-        __classPrivateFieldSet(this, _EditorImpl_editorMode, (_a = opts.initialEditorMode) !== null && _a !== void 0 ? _a : 'wysiwyg', "f");
-        __classPrivateFieldSet(this, _EditorImpl_toolbarVisible, Boolean(opts.initialToolbarVisible), "f");
-        __classPrivateFieldSet(this, _EditorImpl_splitMode, (_b = (opts.renderPreview && opts.splitMode)) !== null && _b !== void 0 ? _b : false, "f");
-        __classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, (_c = (__classPrivateFieldGet(this, _EditorImpl_splitMode, "f") && opts.initialSplitModeEnabled)) !== null && _c !== void 0 ? _c : false, "f");
-        __classPrivateFieldSet(this, _EditorImpl_renderPreview, opts.renderPreview, "f");
-        __classPrivateFieldSet(this, _EditorImpl_markup, (_d = opts.initialMarkup) !== null && _d !== void 0 ? _d : '', "f");
-        __classPrivateFieldSet(this, _EditorImpl_preset, (_e = opts.preset) !== null && _e !== void 0 ? _e : 'full', "f");
-        __classPrivateFieldSet(this, _EditorImpl_linkify, opts.linkify, "f");
-        __classPrivateFieldSet(this, _EditorImpl_linkifyTlds, opts.linkifyTlds, "f");
-        __classPrivateFieldSet(this, _EditorImpl_allowHTML, opts.allowHTML, "f");
-        __classPrivateFieldSet(this, _EditorImpl_extensions, opts.extensions, "f");
+        const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = opts;
+        __classPrivateFieldSet(this, _EditorImpl_editorMode, (_a = initial.mode) !== null && _a !== void 0 ? _a : 'wysiwyg', "f");
+        __classPrivateFieldSet(this, _EditorImpl_toolbarVisible, (_b = initial.toolbarVisible) !== null && _b !== void 0 ? _b : true, "f");
+        __classPrivateFieldSet(this, _EditorImpl_splitMode, (_c = (markupConfig.renderPreview && markupConfig.splitMode)) !== null && _c !== void 0 ? _c : false, "f");
+        __classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, (_d = (__classPrivateFieldGet(this, _EditorImpl_splitMode, "f") && initial.splitModeEnabled)) !== null && _d !== void 0 ? _d : false, "f");
+        __classPrivateFieldSet(this, _EditorImpl_renderPreview, markupConfig.renderPreview, "f");
+        __classPrivateFieldSet(this, _EditorImpl_markup, (_e = initial.markup) !== null && _e !== void 0 ? _e : '', "f");
+        __classPrivateFieldSet(this, _EditorImpl_preset, (_f = opts.preset) !== null && _f !== void 0 ? _f : 'full', "f");
+        __classPrivateFieldSet(this, _EditorImpl_mdOptions, md, "f");
+        __classPrivateFieldSet(this, _EditorImpl_extensions, wysiwygConfig.extensions, "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");
-        __classPrivateFieldSet(this, _EditorImpl_prepareRawMarkup, opts.prepareRawMarkup, "f");
-        __classPrivateFieldSet(this, _EditorImpl_escapeConfig, opts.escapeConfig, "f");
-        __classPrivateFieldSet(this, _EditorImpl_beforeEditorModeChange, opts.experimental_beforeEditorModeChange, "f");
+        __classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, handlers.uploadFile, "f");
+        __classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(experimental.needToSetDimensionsForUploadedImages), "f");
+        __classPrivateFieldSet(this, _EditorImpl_prepareRawMarkup, experimental.prepareRawMarkup, "f");
+        __classPrivateFieldSet(this, _EditorImpl_escapeConfig, wysiwygConfig.escapeConfig, "f");
+        __classPrivateFieldSet(this, _EditorImpl_beforeEditorModeChange, experimental.beforeEditorModeChange, "f");
     }
     get _wysiwygView() {
         var _a;
@@ -115,6 +110,9 @@ export class EditorImpl extends SafeEventEmitter {
     get preset() {
         return __classPrivateFieldGet(this, _EditorImpl_preset, "f");
     }
+    get mdOptions() {
+        return __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f");
+    }
     get renderPreview() {
         return __classPrivateFieldGet(this, _EditorImpl_renderPreview, "f");
     }
@@ -136,9 +134,9 @@ export class EditorImpl extends SafeEventEmitter {
                 mdPreset,
                 initialContent: __classPrivateFieldGet(this, _EditorImpl_markup, "f"),
                 extensions: __classPrivateFieldGet(this, _EditorImpl_extensions, "f"),
-                allowHTML: __classPrivateFieldGet(this, _EditorImpl_allowHTML, "f"),
-                linkify: __classPrivateFieldGet(this, _EditorImpl_linkify, "f"),
-                linkifyTlds: __classPrivateFieldGet(this, _EditorImpl_linkifyTlds, "f"),
+                allowHTML: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").html,
+                linkify: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkify,
+                linkifyTlds: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkifyTlds,
                 escapeConfig: __classPrivateFieldGet(this, _EditorImpl_escapeConfig, "f"),
                 onChange: () => this.emit('rerender-toolbar', null),
                 onDocChange: () => this.emit('change', null),
@@ -298,7 +296,7 @@ export class EditorImpl extends SafeEventEmitter {
         return (serializedEditorMarkup === null || serializedEditorMarkup === void 0 ? void 0 : serializedEditorMarkup.trim()) !== wysiwygValue.trim();
     }
 }
-_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_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();
+_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_mdOptions = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap(), _EditorImpl_beforeEditorModeChange = new WeakMap();
 function getTopOffset(elem) {
     const TOOLBAR_HEIGHT = 36; //px
     const TOOLBAR_BOTTOM_OFFSET = 8; // px

package/build/esm/bundle/MarkdownEditorView.js

@@ -119,6 +119,7 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
                     React.createElement("div", { className: b('preview-wrapper') }, (_b = editor.renderPreview) === null || _b === void 0 ? void 0 : _b.call(editor, {
                         getValue: editor.getValue,
                         mode: 'preview',
+                        md: editor.mdOptions,
                     })),
                     settings)) : (React.createElement(React.Fragment, null,
                     editorMode === 'wysiwyg' && (React.createElement(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar }, editor.toolbarVisible && settingsVisible && settings)),

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { ClassNameProps } from '../classname';
-import type { EditorInt, SplitMode } from './Editor';
+import type { EditorInt } from './Editor';
 import type { MToolbarData, MToolbarItemData } from './config/markup';
+import type { MarkdownEditorSplitMode } from './types';
 import './MarkupEditorView.css';
 export declare type MarkupEditorViewProps = ClassNameProps & {
     editor: EditorInt;
@@ -11,7 +12,7 @@ export declare type MarkupEditorViewProps = ClassNameProps & {
     toolbarVisible?: boolean;
     stickyToolbar?: boolean;
     toolbarClassName?: string;
-    splitMode?: SplitMode;
+    splitMode?: MarkdownEditorSplitMode;
     splitModeEnabled: boolean;
     hiddenActionsConfig?: MToolbarItemData[];
     children?: React.ReactNode;

package/build/esm/bundle/SplitModeView.js

@@ -64,7 +64,11 @@ const SplitModeView = React.forwardRef(({ editor }, ref) => {
             vertical: editor.splitMode === 'vertical',
         }), ref: outerRef },
         React.createElement(Label, { icon: React.createElement(Eye, null), className: b('preview-sign'), size: 'm' }, i18n('split-mode-text')), (_a = editor.renderPreview) === null || _a === void 0 ? void 0 :
-        _a.call(editor, { getValue: editor.getValue, mode: 'split' })));
+        _a.call(editor, {
+            getValue: editor.getValue,
+            mode: 'split',
+            md: editor.mdOptions,
+        })));
 });
 SplitModeView.displayName = 'SplitModeView';
 export { SplitModeView };

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import { ClassNameProps } from '../classname';
 import { ToolbarData, ToolbarItemData } from '../toolbar';
-import type { EditorInt, EditorMode } from './Editor';
+import type { EditorInt } from './Editor';
+import type { MarkdownEditorMode } from './types';
 export declare type ToolbarViewProps<T> = ClassNameProps & {
     editor: EditorInt;
-    editorMode: EditorMode;
+    editorMode: MarkdownEditorMode;
     toolbarEditor: T;
     toolbarFocus: () => void;
     toolbarConfig: ToolbarData<T>;