@gravity-ui/markdown-editor 14.7.0 → 14.9.0

package/build/cjs/modules/toolbars/presets.d.ts

@@ -0,0 +1,6 @@
+import { ToolbarsPreset } from './types';
+export declare const zero: ToolbarsPreset;
+export declare const commonmark: ToolbarsPreset;
+export declare const defaultPreset: ToolbarsPreset;
+export declare const yfm: ToolbarsPreset;
+export declare const full: ToolbarsPreset;

package/build/cjs/modules/toolbars/presets.js

@@ -0,0 +1,465 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.full = exports.yfm = exports.defaultPreset = exports.commonmark = exports.zero = void 0;
+const action_names_1 = require("../../bundle/config/action-names");
+const constants_1 = require("./constants");
+const items_1 = require("./items");
+// presets
+exports.zero = {
+    items: {
+        [action_names_1.ActionName.undo]: {
+            view: items_1.undoItemView,
+            wysiwyg: items_1.undoItemWysiwyg,
+            markup: items_1.undoItemMarkup,
+        },
+        [action_names_1.ActionName.redo]: {
+            view: items_1.redoItemView,
+            wysiwyg: items_1.redoItemWysiwyg,
+            markup: items_1.redoItemMarkup,
+        },
+    },
+    orders: {
+        [constants_1.ToolbarName.wysiwygMain]: [[action_names_1.ActionName.undo, action_names_1.ActionName.redo]],
+        [constants_1.ToolbarName.markupMain]: [[action_names_1.ActionName.undo, action_names_1.ActionName.redo]],
+    },
+};
+exports.commonmark = {
+    items: Object.assign(Object.assign({}, exports.zero.items), { [action_names_1.ActionName.bold]: {
+            view: items_1.boldItemView,
+            wysiwyg: items_1.boldItemWysiwyg,
+            markup: items_1.boldItemMarkup,
+        }, [action_names_1.ActionName.italic]: {
+            view: items_1.italicItemView,
+            wysiwyg: items_1.italicItemWysiwyg,
+            markup: items_1.italicItemMarkup,
+        }, [constants_1.ListName.heading]: {
+            view: items_1.headingListItemView,
+        }, [action_names_1.ActionName.paragraph]: {
+            view: items_1.paragraphItemView,
+            wysiwyg: items_1.paragraphItemWisywig,
+            markup: items_1.paragraphItemMarkup,
+        }, [action_names_1.ActionName.heading1]: {
+            view: items_1.heading1ItemView,
+            wysiwyg: items_1.heading1ItemWysiwyg,
+            markup: items_1.heading1ItemMarkup,
+        }, [action_names_1.ActionName.heading2]: {
+            view: items_1.heading2ItemView,
+            wysiwyg: items_1.heading2ItemWysiwyg,
+            markup: items_1.heading2ItemMarkup,
+        }, [action_names_1.ActionName.heading3]: {
+            view: items_1.heading3ItemView,
+            wysiwyg: items_1.heading3ItemWysiwyg,
+            markup: items_1.heading3ItemMarkup,
+        }, [action_names_1.ActionName.heading4]: {
+            view: items_1.heading4ItemView,
+            wysiwyg: items_1.heading4ItemWysiwyg,
+            markup: items_1.heading4ItemMarkup,
+        }, [action_names_1.ActionName.heading5]: {
+            view: items_1.heading5ItemView,
+            wysiwyg: items_1.heading5ItemWysiwyg,
+            markup: items_1.heading5ItemMarkup,
+        }, [action_names_1.ActionName.heading6]: {
+            view: items_1.heading6ItemView,
+            wysiwyg: items_1.heading6ItemWysiwyg,
+            markup: items_1.heading6ItemMarkup,
+        }, [constants_1.ListName.lists]: {
+            view: items_1.listsListItemView,
+        }, [action_names_1.ActionName.bulletList]: {
+            view: items_1.bulletListItemView,
+            wysiwyg: items_1.bulletListItemWysiwyg,
+            markup: items_1.bulletListItemMarkup,
+        }, [action_names_1.ActionName.orderedList]: {
+            view: items_1.orderedListItemView,
+            wysiwyg: items_1.orderedListItemWysiwyg,
+            markup: items_1.orderedListItemMarkup,
+        }, [action_names_1.ActionName.sinkListItem]: {
+            view: items_1.sinkListItemView,
+            wysiwyg: items_1.sinkListItemWysiwyg,
+            markup: items_1.sinkListItemMarkup,
+        }, [action_names_1.ActionName.liftListItem]: {
+            view: items_1.liftListItemView,
+            wysiwyg: items_1.liftListItemWysiwyg,
+            markup: items_1.liftListItemMarkup,
+        }, [action_names_1.ActionName.link]: {
+            view: items_1.linkItemView,
+            wysiwyg: items_1.linkItemWysiwyg,
+            markup: items_1.linkItemMarkup,
+        }, [action_names_1.ActionName.quote]: {
+            view: items_1.quoteItemView,
+            wysiwyg: items_1.quoteItemWysiwyg,
+            markup: items_1.quoteItemMarkup,
+        }, [constants_1.ListName.code]: {
+            view: items_1.codeBlocksListItemView,
+        }, [action_names_1.ActionName.codeInline]: {
+            view: items_1.codeItemView,
+            wysiwyg: items_1.codeItemWysiwyg,
+            markup: items_1.codeItemMarkup,
+        }, [action_names_1.ActionName.codeBlock]: {
+            view: items_1.codeBlockItemView,
+            wysiwyg: items_1.codeBlockItemWysiwyg,
+            markup: items_1.codeBlockItemMarkup,
+        }, [action_names_1.ActionName.horizontalRule]: {
+            view: items_1.hruleItemView,
+            wysiwyg: items_1.hruleItemWysiwyg,
+            markup: items_1.hruleItemMarkup,
+        } }),
+    orders: {
+        [constants_1.ToolbarName.wysiwygMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+        ],
+        [constants_1.ToolbarName.markupMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+        ],
+        [constants_1.ToolbarName.wysiwygHidden]: [[action_names_1.ActionName.horizontalRule]],
+        [constants_1.ToolbarName.markupHidden]: [[action_names_1.ActionName.horizontalRule]],
+    },
+};
+exports.defaultPreset = {
+    items: Object.assign(Object.assign({}, exports.commonmark.items), { [action_names_1.ActionName.strike]: {
+            view: items_1.strikethroughItemView,
+            wysiwyg: items_1.sinkListItemWysiwyg,
+            markup: items_1.strikethroughItemMarkup,
+        } }),
+    orders: {
+        [constants_1.ToolbarName.wysiwygMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic, action_names_1.ActionName.strike],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+        ],
+        [constants_1.ToolbarName.markupMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic, action_names_1.ActionName.strike],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+        ],
+        [constants_1.ToolbarName.wysiwygHidden]: [[action_names_1.ActionName.horizontalRule]],
+        [constants_1.ToolbarName.markupHidden]: [[action_names_1.ActionName.horizontalRule]],
+    },
+};
+exports.yfm = {
+    items: Object.assign(Object.assign({}, exports.defaultPreset.items), { [action_names_1.ActionName.underline]: {
+            view: items_1.underlineItemView,
+            wysiwyg: items_1.underlineItemWysiwyg,
+            markup: items_1.underlineItemMarkup,
+        }, [action_names_1.ActionName.mono]: {
+            view: items_1.monospaceItemView,
+            wysiwyg: items_1.monospaceItemWysiwyg,
+            markup: items_1.monospaceItemMarkup,
+        }, [action_names_1.ActionName.note]: {
+            view: items_1.noteItemView,
+            wysiwyg: items_1.noteItemWysiwyg,
+            markup: items_1.noteItemMarkup,
+        }, [action_names_1.ActionName.cut]: {
+            view: items_1.cutItemView,
+            wysiwyg: items_1.cutItemWysiwyg,
+            markup: items_1.cutItemMarkup,
+        }, [action_names_1.ActionName.image]: {
+            view: items_1.imageItemView,
+            wysiwyg: items_1.imageItemWysiwyg,
+        }, [action_names_1.ActionName.imagePopup]: {
+            view: items_1.imagePopupItemView,
+            markup: items_1.imageItemMarkup,
+        }, [action_names_1.ActionName.file]: {
+            view: items_1.fileItemView,
+            wysiwyg: items_1.fileItemWysiwyg,
+        }, [action_names_1.ActionName.filePopup]: {
+            view: items_1.filePopupItemView,
+            markup: items_1.fileItemMarkup,
+        }, [action_names_1.ActionName.table]: {
+            view: items_1.tableItemView,
+            wysiwyg: items_1.tableItemWysiwyg,
+            markup: items_1.tableItemMarkup,
+        }, [action_names_1.ActionName.checkbox]: {
+            view: items_1.checkboxItemView,
+            wysiwyg: items_1.checkboxItemWysiwyg,
+            markup: items_1.checkboxItemMarkup,
+        }, [action_names_1.ActionName.tabs]: {
+            view: items_1.tableItemView,
+            wysiwyg: items_1.tableItemWysiwyg,
+            markup: items_1.tableItemMarkup,
+        } }),
+    orders: {
+        [constants_1.ToolbarName.wysiwygMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic, action_names_1.ActionName.underline, action_names_1.ActionName.strike, action_names_1.ActionName.mono],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.note,
+                action_names_1.ActionName.cut,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+            [action_names_1.ActionName.image, action_names_1.ActionName.file, action_names_1.ActionName.table, action_names_1.ActionName.checkbox],
+        ],
+        [constants_1.ToolbarName.markupMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic, action_names_1.ActionName.underline, action_names_1.ActionName.strike, action_names_1.ActionName.mono],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.note,
+                action_names_1.ActionName.cut,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+            [action_names_1.ActionName.imagePopup, action_names_1.ActionName.filePopup, action_names_1.ActionName.table, action_names_1.ActionName.checkbox],
+        ],
+        [constants_1.ToolbarName.wysiwygHidden]: [[action_names_1.ActionName.horizontalRule, action_names_1.ActionName.tabs]],
+        [constants_1.ToolbarName.markupHidden]: [[action_names_1.ActionName.horizontalRule, action_names_1.ActionName.tabs]],
+    },
+};
+exports.full = {
+    items: Object.assign(Object.assign({}, exports.yfm.items), { [action_names_1.ActionName.mark]: {
+            view: items_1.markedItemView,
+            wysiwyg: items_1.markedItemWysiwyg,
+            markup: items_1.markedItemMarkup,
+        }, [action_names_1.ActionName.colorify]: {
+            view: items_1.colorifyItemView,
+            wysiwyg: items_1.colorifyItemWysiwyg,
+            markup: items_1.colorifyItemMarkup,
+        }, [action_names_1.ActionName.emoji]: {
+            view: items_1.emojiItemView,
+            wysiwyg: items_1.emojiItemWysiwyg,
+            markup: items_1.emojiItemMarkup,
+        } }),
+    orders: {
+        [constants_1.ToolbarName.wysiwygMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic, action_names_1.ActionName.underline, action_names_1.ActionName.strike, action_names_1.ActionName.mono, action_names_1.ActionName.mark],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.colorify,
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.note,
+                action_names_1.ActionName.cut,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+            [action_names_1.ActionName.image, action_names_1.ActionName.file, action_names_1.ActionName.table, action_names_1.ActionName.checkbox],
+        ],
+        [constants_1.ToolbarName.markupMain]: [
+            [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
+            [action_names_1.ActionName.bold, action_names_1.ActionName.italic, action_names_1.ActionName.underline, action_names_1.ActionName.strike, action_names_1.ActionName.mono, action_names_1.ActionName.mark],
+            [
+                {
+                    id: constants_1.ListName.heading,
+                    items: [
+                        action_names_1.ActionName.paragraph,
+                        action_names_1.ActionName.heading1,
+                        action_names_1.ActionName.heading2,
+                        action_names_1.ActionName.heading3,
+                        action_names_1.ActionName.heading4,
+                        action_names_1.ActionName.heading5,
+                        action_names_1.ActionName.heading6,
+                    ],
+                },
+                {
+                    id: constants_1.ListName.lists,
+                    items: [
+                        action_names_1.ActionName.bulletList,
+                        action_names_1.ActionName.orderedList,
+                        action_names_1.ActionName.sinkListItem,
+                        action_names_1.ActionName.liftListItem,
+                    ],
+                },
+                action_names_1.ActionName.colorify,
+                action_names_1.ActionName.link,
+                action_names_1.ActionName.note,
+                action_names_1.ActionName.cut,
+                action_names_1.ActionName.quote,
+                {
+                    id: constants_1.ListName.code,
+                    items: [action_names_1.ActionName.codeInline, action_names_1.ActionName.codeBlock],
+                },
+            ],
+            [action_names_1.ActionName.imagePopup, action_names_1.ActionName.filePopup, action_names_1.ActionName.table, action_names_1.ActionName.checkbox],
+        ],
+        [constants_1.ToolbarName.wysiwygHidden]: [[action_names_1.ActionName.horizontalRule, action_names_1.ActionName.emoji, action_names_1.ActionName.tabs]],
+        [constants_1.ToolbarName.markupHidden]: [[action_names_1.ActionName.horizontalRule, action_names_1.ActionName.emoji, action_names_1.ActionName.tabs]],
+    },
+};

package/build/cjs/modules/toolbars/types.d.ts

@@ -0,0 +1,62 @@
+import type { RefObject } from 'react';
+import type { HotkeyProps } from '@gravity-ui/uikit';
+import type { EditorState } from 'prosemirror-state';
+import type { ActionStorage } from '../../core';
+import type { CodeEditor } from '../../markup';
+import type { ToolbarBaseProps, ToolbarDataType, ToolbarIconData } from '../../toolbar';
+export declare type ToolbarItemId = string & {};
+export declare type ToolbarListId = string & {};
+export interface ToolbarList {
+    id: ToolbarListId;
+    items: ToolbarItemId[];
+}
+/**
+ * The default value for the `type` property is `ToolbarDataType.SingleButton`.
+ */
+export declare type ToolbarItemView<T extends ToolbarDataType = ToolbarDataType.SingleButton> = {
+    className?: string;
+    hint?: string | (() => string);
+    hotkey?: HotkeyProps['value'];
+    type?: ToolbarDataType;
+    doNotActivateList?: boolean;
+} & (T extends ToolbarDataType.SingleButton ? {
+    icon: ToolbarIconData;
+    title: string | (() => string);
+} : T extends ToolbarDataType.ListButton ? {
+    withArrow?: boolean;
+    icon: ToolbarIconData;
+    title: string | (() => string);
+} : {});
+export interface EditorActions<E> {
+    exec(editor: E): void;
+    isActive(editor: E): boolean;
+    isEnable(editor: E): boolean;
+}
+declare type ToolbarItemEditor<T, E> = Partial<EditorActions<E>> & {
+    hintWhenDisabled?: boolean | string | (() => string);
+    condition?: ((state: EditorState) => void) | 'enabled';
+} & (T extends ToolbarDataType.ButtonPopup ? {
+    renderPopup: (props: ToolbarBaseProps<E> & {
+        hide: () => void;
+        anchorRef: RefObject<HTMLElement>;
+    }) => React.ReactNode;
+} : T extends ToolbarDataType.ReactComponent ? {
+    width: number;
+    component: React.ComponentType<ToolbarBaseProps<E>>;
+} : {});
+export declare type ToolbarItemWysiwyg<T extends ToolbarDataType = ToolbarDataType.SingleButton> = ToolbarItemEditor<T, ActionStorage>;
+export declare type ToolbarItemMarkup<T extends ToolbarDataType = ToolbarDataType.SingleButton> = ToolbarItemEditor<T, CodeEditor>;
+export declare type ToolbarItem<T extends ToolbarDataType> = {
+    view: ToolbarItemView<T>;
+    wysiwyg?: ToolbarItemWysiwyg<T>;
+    markup?: ToolbarItemMarkup<T>;
+};
+export declare type ToolbarsItems = Record<ToolbarItemId, ToolbarItem<ToolbarDataType>>;
+export declare type ToolbarId = string;
+export declare type ToolbarOrders = (ToolbarList | ToolbarItemId)[][];
+export declare type ToolbarsOrders = Record<ToolbarId, ToolbarOrders>;
+export interface ToolbarsPreset {
+    items: ToolbarsItems;
+    orders: ToolbarsOrders;
+}
+export {};

package/build/cjs/modules/toolbars/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/toolbar/types.d.ts

@@ -38,7 +38,9 @@ export declare enum ToolbarDataType {
     SingleButton = "s-button",
     ListButton = "list-b",
     ButtonPopup = "b-popup",
+    /** @deprecated Use ReactComponent type instead */
     ReactNode = "r-node",
+    /** @deprecated Use ReactComponent type instead */
     ReactNodeFn = "r-node-fn",
     ReactComponent = "r-component"
 }
@@ -73,12 +75,18 @@ export declare type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {
 export declare type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {
     doNotActivateList?: boolean;
 };
+/**
+ * @deprecated Use ReactComponent type instead
+ * */
 export declare type ToolbarReactNodeData = {
     id: string;
     type: ToolbarDataType.ReactNode;
     width: number;
     content: React.ReactNode;
 };
+/**
+ * @deprecated Use ReactComponent type instead
+ * */
 export declare type ToolbarReactNodeFnData<E> = {
     id: string;
     type: ToolbarDataType.ReactNodeFn;

package/build/cjs/toolbar/types.js

@@ -6,7 +6,9 @@ var ToolbarDataType;
     ToolbarDataType["SingleButton"] = "s-button";
     ToolbarDataType["ListButton"] = "list-b";
     ToolbarDataType["ButtonPopup"] = "b-popup";
+    /** @deprecated Use ReactComponent type instead */
     ToolbarDataType["ReactNode"] = "r-node";
+    /** @deprecated Use ReactComponent type instead */
     ToolbarDataType["ReactNodeFn"] = "r-node-fn";
     ToolbarDataType["ReactComponent"] = "r-component";
 })(ToolbarDataType = exports.ToolbarDataType || (exports.ToolbarDataType = {}));

package/build/cjs/version.js

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

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ToasterPublicMethods } from '@gravity-ui/uikit';
 import { ClassNameProps } from '../classname';
+import type { ToolbarsPreset } from '../modules/toolbars/types';
 import type { Editor } from './Editor';
 import { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from './config';
 import '../styles/styles.css';
@@ -9,9 +10,22 @@ export declare const cnEditorComponent: import("@bem-react/classname").ClassName
 export declare type MarkdownEditorViewProps = ClassNameProps & {
     editor?: Editor;
     autofocus?: boolean;
+    toolbarsPreset?: ToolbarsPreset;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupToolbarConfig?: MToolbarData;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygToolbarConfig?: WToolbarData;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupHiddenActionsConfig?: MToolbarItemData[];
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygHiddenActionsConfig?: WToolbarItemData[];
     /** @default true */
     settingsVisible?: boolean;
@@ -23,9 +37,22 @@ export declare type MarkdownEditorViewProps = ClassNameProps & {
 export declare const MarkdownEditorView: React.ForwardRefExoticComponent<ClassNameProps & {
     editor?: Editor | undefined;
     autofocus?: boolean | undefined;
+    toolbarsPreset?: ToolbarsPreset | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupToolbarConfig?: MToolbarData | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygToolbarConfig?: WToolbarData | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupHiddenActionsConfig?: MToolbarItemData[] | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygHiddenActionsConfig?: WToolbarItemData[] | undefined;
     /** @default true */
     settingsVisible?: boolean | undefined;

package/build/esm/bundle/MarkdownEditorView.js

@@ -10,10 +10,10 @@ import { HorizontalDrag } from './HorizontalDrag';
 import { MarkupEditorView } from './MarkupEditorView';
 import { SplitModeView } from './SplitModeView';
 import { WysiwygEditorView } from './WysiwygEditorView';
-import { mHiddenDataByPreset, mToolbarConfigByPreset, wHiddenDataByPreset, wToolbarConfigByPreset, } from './config';
 import { useMarkdownEditorContext } from './context';
 import { EditorSettings } from './settings';
 import { stickyCn } from './sticky';
+import { getToolbarsConfigs } from './toolbar/utils';
 import '../styles/styles.css';
 import './MarkdownEditorView.css'; // eslint-disable-line import/order
 export const cnEditorComponent = cn('editor-component');
@@ -30,7 +30,24 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
     const editor = ((_a = props.editor) !== null && _a !== void 0 ? _a : context);
     if (!editor)
         throw new Error('[MarkdownEditorView]: an instance of the editor must be passed through the props or context');
-    const { autofocus, className, settingsVisible = true, markupToolbarConfig = mToolbarConfigByPreset[editor.preset], wysiwygToolbarConfig = wToolbarConfigByPreset[editor.preset], markupHiddenActionsConfig = mHiddenDataByPreset[editor.preset], wysiwygHiddenActionsConfig = wHiddenDataByPreset[editor.preset], toaster, stickyToolbar, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+    const { autofocus, className, settingsVisible = true, toolbarsPreset, toaster, stickyToolbar, wysiwygToolbarConfig: initialWysiwygToolbarConfig, markupToolbarConfig: initialMarkupToolbarConfig, wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig, markupHiddenActionsConfig: initialMarkupHiddenActionsConfig, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+    const { wysiwygToolbarConfig, markupToolbarConfig, wysiwygHiddenActionsConfig, markupHiddenActionsConfig, } = useMemo(() => getToolbarsConfigs({
+        toolbarsPreset,
+        props: {
+            wysiwygToolbarConfig: initialWysiwygToolbarConfig,
+            markupToolbarConfig: initialMarkupToolbarConfig,
+            wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig,
+            markupHiddenActionsConfig: initialMarkupHiddenActionsConfig,
+        },
+        preset: editor.preset,
+    }), [
+        toolbarsPreset,
+        initialWysiwygToolbarConfig,
+        initialMarkupToolbarConfig,
+        initialWysiwygHiddenActionsConfig,
+        initialMarkupHiddenActionsConfig,
+        editor.preset,
+    ]);
     const rerender = useUpdate();
     React.useLayoutEffect(() => {
         editor.on('rerender', rerender);