@gravity-ui/markdown-editor 13.0.0

package/build/esm/bundle/config/action-names.js

@@ -0,0 +1,45 @@
+const names = [
+    'undo',
+    'redo',
+    'bold',
+    'italic',
+    'underline',
+    'strike',
+    'mono',
+    'mark',
+    'paragraph',
+    'heading1',
+    'heading2',
+    'heading3',
+    'heading4',
+    'heading5',
+    'heading6',
+    'bulletList',
+    'orderedList',
+    'liftListItem',
+    'sinkListItem',
+    'checkbox',
+    'link',
+    'quote',
+    'yfm_cut',
+    'yfm_note',
+    'yfm_block',
+    'yfm_layout',
+    'table',
+    'code_inline',
+    'code_block',
+    'image',
+    'horizontalrule',
+    'emoji',
+    'file',
+    'anchor',
+    'math_inline',
+    'math_block',
+    'tabs',
+    'mermaid',
+];
+const namesObj = names.reduce((obj, val) => {
+    obj[val] = val;
+    return obj;
+}, {});
+export const ActionName = namesObj;

package/build/esm/bundle/config/icons.d.ts

@@ -0,0 +1,5 @@
+import { ToolbarIconData } from '../../toolbar/types';
+declare type Icon = 'undo' | 'redo' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'mono' | 'mark' | 'textColor' | 'text' | 'headline' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'bulletList' | 'orderedList' | 'sink' | 'lift' | 'cut' | 'note' | 'code' | 'codeBlock' | 'link' | 'image' | 'table' | 'quote' | 'checklist' | 'horizontalRule' | 'file' | 'functionInline' | 'functionBlock' | 'emoji' | 'tabs' | 'mermaid';
+declare type Icons = Record<Icon, ToolbarIconData>;
+export declare const icons: Icons;
+export {};

package/build/esm/bundle/config/icons.js

@@ -0,0 +1,40 @@
+import { BoldIcon, CheckListIcon, CodeBlockIcon, CodeInlineIcon, CutIcon, EmojiIcon, FileIcon, FunctionBlockIcon, FunctionInlineIcon, HRuleIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, HeadingIcon, ImageIcon, ItalicIcon, LiftIcon, LinkIcon, ListBlIcon, ListOlIcon, MarkIcon, MermaidIcon, MonoIcon, NoteIcon, QuoteIcon, RedoIcon, SinkIcon, StrikethroughIcon, TableIcon, TabsIcon, TextColorIcon, TextIcon, UnderlineIcon, UndoIcon, } from '../../icons';
+export const icons = {
+    undo: { data: UndoIcon },
+    redo: { data: RedoIcon },
+    bold: { data: BoldIcon },
+    italic: { data: ItalicIcon },
+    underline: { data: UnderlineIcon },
+    strikethrough: { data: StrikethroughIcon },
+    mono: { data: MonoIcon },
+    mark: { data: MarkIcon },
+    textColor: { data: TextColorIcon },
+    text: { data: TextIcon },
+    headline: { data: HeadingIcon },
+    h1: { data: Heading1Icon },
+    h2: { data: Heading2Icon },
+    h3: { data: Heading3Icon },
+    h4: { data: Heading4Icon },
+    h5: { data: Heading5Icon },
+    h6: { data: Heading6Icon },
+    bulletList: { data: ListBlIcon },
+    orderedList: { data: ListOlIcon },
+    sink: { data: SinkIcon },
+    lift: { data: LiftIcon },
+    cut: { data: CutIcon },
+    note: { data: NoteIcon },
+    code: { data: CodeInlineIcon },
+    codeBlock: { data: CodeBlockIcon },
+    link: { data: LinkIcon },
+    image: { data: ImageIcon },
+    table: { data: TableIcon },
+    quote: { data: QuoteIcon },
+    checklist: { data: CheckListIcon },
+    horizontalRule: { data: HRuleIcon },
+    file: { data: FileIcon },
+    functionInline: { data: FunctionInlineIcon },
+    functionBlock: { data: FunctionBlockIcon },
+    emoji: { data: EmojiIcon },
+    tabs: { data: TabsIcon },
+    mermaid: { data: MermaidIcon },
+};

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

@@ -0,0 +1 @@
+export * from './wysiwyg';

package/build/esm/bundle/config/index.js

@@ -0,0 +1 @@
+export * from './wysiwyg';

package/build/esm/bundle/config/markup.d.ts

@@ -0,0 +1,46 @@
+import { CodeEditor } from '../../markup/editor';
+import { ToolbarData } from '../../toolbar/Toolbar';
+import { ToolbarGroupData } from '../../toolbar/ToolbarGroup';
+import { ToolbarListButtonData } from '../../toolbar/ToolbarListButton';
+import { ToolbarButtonPopupData, ToolbarItemData, ToolbarListItemData, ToolbarReactComponentData, ToolbarSingleItemData } from '../../toolbar/types';
+import type { EditorPreset } from '../Editor';
+export declare type MToolbarData = ToolbarData<CodeEditor>;
+export declare type MToolbarItemData = ToolbarItemData<CodeEditor>;
+export declare type MToolbarSingleItemData = ToolbarSingleItemData<CodeEditor>;
+export declare type MToolbarGroupData = ToolbarGroupData<CodeEditor>;
+export declare type MToolbarReactComponentData = ToolbarReactComponentData<CodeEditor>;
+export declare type MToolbarListButtonData = ToolbarListButtonData<CodeEditor>;
+export declare type MToolbarListItemData = ToolbarListItemData<CodeEditor>;
+export declare type MToolbarButtonPopupData = ToolbarButtonPopupData<CodeEditor>;
+export declare const mHistoryGroupConfig: MToolbarGroupData;
+/** Bold, Italic, Underline, Strike buttons group */
+export declare const mBoldItemData: MToolbarSingleItemData;
+export declare const mItalicItemData: MToolbarSingleItemData;
+export declare const mUnderlineItemData: MToolbarSingleItemData;
+export declare const mStrikethroughItemData: MToolbarSingleItemData;
+export declare const mMonospaceItemData: MToolbarSingleItemData;
+export declare const mMarkedItemData: MToolbarSingleItemData;
+export declare const mBiusGroupConfig: MToolbarGroupData;
+export declare const mHeadingListConfig: MToolbarListButtonData;
+export declare const mListsListConfig: MToolbarListButtonData;
+export declare const mCheckboxButton: MToolbarSingleItemData;
+export declare const mListMoveListConfig: MToolbarListButtonData;
+export declare const mLinkButton: MToolbarSingleItemData;
+export declare const mNoteButton: MToolbarSingleItemData;
+export declare const mQuoteButton: MToolbarSingleItemData;
+export declare const mCutButton: MToolbarSingleItemData;
+export declare const mTableButton: MToolbarSingleItemData;
+export declare const mCodeblockItemData: MToolbarItemData;
+export declare const mCodeListConfig: MToolbarListButtonData;
+export declare const mMathListConfig: MToolbarListButtonData;
+export declare const mMathListItem: MToolbarListItemData;
+export declare const mMermaidButton: MToolbarSingleItemData;
+export declare const mImagePopupData: MToolbarButtonPopupData;
+export declare const mFilePopupData: MToolbarButtonPopupData;
+/** prepared markup toolbar config */
+export declare const mToolbarConfig: MToolbarData;
+export declare const mHruleItemData: MToolbarSingleItemData;
+export declare const mTabsItemData: MToolbarSingleItemData;
+export declare const mHiddenData: MToolbarSingleItemData[];
+export declare const mToolbarConfigByPreset: Record<EditorPreset, MToolbarData>;
+export declare const mHiddenDataByPreset: Record<EditorPreset, MToolbarItemData[]>;

package/build/esm/bundle/config/markup.js

@@ -0,0 +1,527 @@
+import React from 'react';
+import { i18n } from '../../i18n/menubar';
+import { insertHRule, insertLink, insertMermaidDiagram, insertYfmTable, insertYfmTabs, liftListItem, redo, redoDepth, sinkListItem, toBulletList, toH1, toH2, toH3, toH4, toH5, toH6, toOrderedList, toggleBold, toggleItalic, toggleMarked, toggleMonospace, toggleStrikethrough, toggleUnderline, undo, undoDepth, wrapToBlockquote, wrapToCheckbox, wrapToCodeBlock, wrapToInlineCode, wrapToMathBlock, wrapToMathInline, wrapToYfmCut, wrapToYfmNote, } from '../../markup/commands';
+import { Action as A, formatter as f } from '../../shortcuts';
+import { ToolbarDataType, } from '../../toolbar/types';
+import { MToolbarColors } from '../toolbar/markup/MToolbarColors';
+import { MToolbarFilePopup } from '../toolbar/markup/MToolbarFilePopup';
+import { MToolbarImagePopup } from '../toolbar/markup/MToolbarImagePopup';
+import { ActionName } from './action-names';
+import { icons } from './icons';
+const noop = () => { };
+const isActiveFn = () => false;
+const isEnableFn = () => true;
+export const mHistoryGroupConfig = [
+    {
+        id: ActionName.undo,
+        type: ToolbarDataType.SingleButton,
+        title: i18n.bind(null, 'undo'),
+        icon: icons.undo,
+        hotkey: f.toView(A.Undo),
+        exec: (e) => undo(e.cm),
+        isActive: isActiveFn,
+        isEnable: (e) => undoDepth(e.cm.state) > 0,
+    },
+    {
+        id: ActionName.redo,
+        type: ToolbarDataType.SingleButton,
+        title: i18n.bind(null, 'redo'),
+        icon: icons.redo,
+        hotkey: f.toView(A.Redo),
+        exec: (e) => redo(e.cm),
+        isActive: isActiveFn,
+        isEnable: (e) => redoDepth(e.cm.state) > 0,
+    },
+];
+/** Bold, Italic, Underline, Strike buttons group */
+export const mBoldItemData = {
+    id: ActionName.bold,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'bold'),
+    icon: icons.bold,
+    hotkey: f.toView(A.Bold),
+    exec: (e) => toggleBold(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mItalicItemData = {
+    id: ActionName.italic,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'italic'),
+    icon: icons.italic,
+    hotkey: f.toView(A.Italic),
+    exec: (e) => toggleItalic(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mUnderlineItemData = {
+    id: ActionName.underline,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'underline'),
+    icon: icons.underline,
+    hotkey: f.toView(A.Underline),
+    exec: (e) => toggleUnderline(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mStrikethroughItemData = {
+    id: ActionName.strike,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'strike'),
+    icon: icons.strikethrough,
+    hotkey: f.toView(A.Strike),
+    exec: (e) => toggleStrikethrough(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mMonospaceItemData = {
+    id: ActionName.mono,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'mono'),
+    icon: icons.mono,
+    exec: (e) => toggleMonospace(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mMarkedItemData = {
+    id: ActionName.mark,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'mark'),
+    icon: icons.mark,
+    exec: (e) => toggleMarked(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mBiusGroupConfig = [
+    mBoldItemData,
+    mItalicItemData,
+    {
+        id: ActionName.underline,
+        type: ToolbarDataType.SingleButton,
+        title: i18n.bind(null, 'underline'),
+        icon: icons.underline,
+        hotkey: f.toView(A.Underline),
+        exec: (e) => toggleUnderline(e.cm),
+        isActive: isActiveFn,
+        isEnable: isEnableFn,
+    },
+    {
+        id: ActionName.strike,
+        type: ToolbarDataType.SingleButton,
+        title: i18n.bind(null, 'strike'),
+        icon: icons.strikethrough,
+        hotkey: f.toView(A.Strike),
+        exec: (e) => toggleStrikethrough(e.cm),
+        isActive: isActiveFn,
+        isEnable: isEnableFn,
+    },
+    {
+        id: ActionName.mono,
+        type: ToolbarDataType.SingleButton,
+        title: i18n.bind(null, 'mono'),
+        icon: icons.mono,
+        exec: (e) => toggleMonospace(e.cm),
+        isActive: isActiveFn,
+        isEnable: isEnableFn,
+    },
+    {
+        id: ActionName.mark,
+        type: ToolbarDataType.SingleButton,
+        title: i18n.bind(null, 'mark'),
+        icon: icons.mark,
+        exec: (e) => toggleMarked(e.cm),
+        isActive: isActiveFn,
+        isEnable: isEnableFn,
+    },
+];
+export const mHeadingListConfig = {
+    icon: icons.headline,
+    withArrow: true,
+    title: i18n.bind(null, 'heading'),
+    data: [
+        {
+            id: ActionName.heading1,
+            title: i18n.bind(null, 'heading1'),
+            icon: icons.h1,
+            hotkey: f.toView(A.Heading1),
+            exec: (e) => toH1(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.heading2,
+            title: i18n.bind(null, 'heading2'),
+            icon: icons.h2,
+            hotkey: f.toView(A.Heading2),
+            exec: (e) => toH2(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.heading3,
+            title: i18n.bind(null, 'heading3'),
+            icon: icons.h3,
+            hotkey: f.toView(A.Heading3),
+            exec: (e) => toH3(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.heading4,
+            title: i18n.bind(null, 'heading4'),
+            icon: icons.h4,
+            hotkey: f.toView(A.Heading4),
+            exec: (e) => toH4(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.heading5,
+            title: i18n.bind(null, 'heading5'),
+            icon: icons.h5,
+            hotkey: f.toView(A.Heading5),
+            exec: (e) => toH5(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.heading6,
+            title: i18n.bind(null, 'heading6'),
+            icon: icons.h6,
+            hotkey: f.toView(A.Heading6),
+            exec: (e) => toH6(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+    ],
+};
+export const mListsListConfig = {
+    icon: icons.bulletList,
+    withArrow: true,
+    title: i18n.bind(null, 'list'),
+    data: [
+        {
+            id: ActionName.bulletList,
+            title: i18n.bind(null, 'ulist'),
+            icon: icons.bulletList,
+            exec: (e) => toBulletList(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.orderedList,
+            title: i18n.bind(null, 'olist'),
+            icon: icons.orderedList,
+            exec: (e) => toOrderedList(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+    ],
+};
+export const mCheckboxButton = {
+    id: ActionName.checkbox,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'checkbox'),
+    icon: icons.checklist,
+    exec: (e) => wrapToCheckbox(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mListMoveListConfig = {
+    icon: icons.lift,
+    withArrow: true,
+    title: 'Move list item',
+    data: [
+        {
+            id: ActionName.sinkListItem,
+            title: i18n.bind(null, 'list__action_sink'),
+            icon: icons.sink,
+            exec: (e) => sinkListItem(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.liftListItem,
+            title: i18n.bind(null, 'list__action_lift'),
+            icon: icons.lift,
+            exec: (e) => liftListItem(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+    ],
+};
+export const mLinkButton = {
+    id: ActionName.link,
+    type: ToolbarDataType.SingleButton,
+    icon: icons.link,
+    title: i18n('link'),
+    exec: (e) => insertLink(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mNoteButton = {
+    id: ActionName.yfm_note,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'note'),
+    icon: icons.note,
+    hotkey: f.toView(A.Note),
+    exec: (e) => wrapToYfmNote(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mQuoteButton = {
+    id: ActionName.quote,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'quote'),
+    icon: icons.quote,
+    exec: (e) => wrapToBlockquote(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mCutButton = {
+    id: ActionName.yfm_cut,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'cut'),
+    icon: icons.cut,
+    hotkey: f.toView(A.Cut),
+    exec: (e) => wrapToYfmCut(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mTableButton = {
+    id: ActionName.table,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'table'),
+    icon: icons.table,
+    exec: (e) => insertYfmTable(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mCodeblockItemData = {
+    id: ActionName.code_block,
+    title: i18n.bind(null, 'codeblock'),
+    icon: icons.codeBlock,
+    hotkey: f.toView(A.CodeBlock),
+    exec: (e) => wrapToCodeBlock(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mCodeListConfig = {
+    icon: icons.code,
+    withArrow: true,
+    title: i18n.bind(null, 'code'),
+    data: [
+        {
+            id: ActionName.code_inline,
+            title: i18n.bind(null, 'code_inline'),
+            icon: icons.code,
+            hotkey: f.toView(A.Code),
+            exec: (e) => wrapToInlineCode(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        mCodeblockItemData,
+    ],
+};
+export const mMathListConfig = {
+    icon: icons.functionInline,
+    withArrow: true,
+    title: i18n.bind(null, 'math'),
+    data: [
+        {
+            id: ActionName.math_inline,
+            title: i18n.bind(null, 'math_inline'),
+            icon: icons.functionInline,
+            exec: (e) => wrapToMathInline(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+        {
+            id: ActionName.math_block,
+            title: i18n.bind(null, 'math_block'),
+            icon: icons.functionBlock,
+            exec: (e) => wrapToMathBlock(e.cm),
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+        },
+    ],
+};
+export const mMathListItem = Object.assign({ id: 'math', type: ToolbarDataType.ListButton }, mMathListConfig);
+export const mMermaidButton = {
+    id: ActionName.mermaid,
+    type: ToolbarDataType.SingleButton,
+    title: i18n.bind(null, 'mermaid'),
+    icon: icons.mermaid,
+    exec: (e) => insertMermaidDiagram(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mImagePopupData = {
+    id: 'image',
+    type: ToolbarDataType.ButtonPopup,
+    icon: icons.image,
+    title: i18n('image'),
+    exec: noop,
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+    renderPopup: (props) => React.createElement(MToolbarImagePopup, Object.assign({}, props)),
+};
+export const mFilePopupData = {
+    id: 'file',
+    type: ToolbarDataType.ButtonPopup,
+    icon: icons.file,
+    title: i18n('file'),
+    exec: noop,
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+    renderPopup: (props) => React.createElement(MToolbarFilePopup, Object.assign({}, props)),
+};
+/** prepared markup toolbar config */
+export const mToolbarConfig = [
+    mHistoryGroupConfig,
+    mBiusGroupConfig,
+    [
+        Object.assign({ id: 'heading', type: ToolbarDataType.ListButton }, mHeadingListConfig),
+        Object.assign({ id: 'list', type: ToolbarDataType.ListButton }, mListsListConfig),
+        {
+            id: 'colorify',
+            type: ToolbarDataType.ReactComponent,
+            component: MToolbarColors,
+            width: 42,
+        },
+        mLinkButton,
+        mNoteButton,
+        mCutButton,
+        mQuoteButton,
+        Object.assign({ id: 'code', type: ToolbarDataType.ListButton }, mCodeListConfig),
+    ],
+    [
+        mImagePopupData,
+        {
+            id: 'file',
+            type: ToolbarDataType.ButtonPopup,
+            icon: icons.file,
+            title: i18n('file'),
+            exec: noop,
+            isActive: isActiveFn,
+            isEnable: isEnableFn,
+            renderPopup: (props) => React.createElement(MToolbarFilePopup, Object.assign({}, props)),
+        },
+        mTableButton,
+        mCheckboxButton,
+    ],
+];
+export const mHruleItemData = {
+    id: 'hrule',
+    title: i18n.bind(null, 'hrule'),
+    icon: icons.horizontalRule,
+    type: ToolbarDataType.SingleButton,
+    exec: (e) => insertHRule(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mTabsItemData = {
+    id: 'tabs',
+    title: i18n.bind(null, 'tabs'),
+    icon: icons.tabs,
+    type: ToolbarDataType.SingleButton,
+    exec: (e) => insertYfmTabs(e.cm),
+    isActive: isActiveFn,
+    isEnable: isEnableFn,
+};
+export const mHiddenData = [mHruleItemData, mTabsItemData];
+export const mToolbarConfigByPreset = {
+    zero: [mHistoryGroupConfig],
+    commonmark: [
+        mHistoryGroupConfig,
+        [mBoldItemData, mItalicItemData],
+        [
+            Object.assign({ id: 'heading', type: ToolbarDataType.ListButton }, mHeadingListConfig),
+            Object.assign({ id: 'list', type: ToolbarDataType.ListButton }, mListsListConfig),
+            mLinkButton,
+            mQuoteButton,
+            Object.assign({ id: 'code', type: ToolbarDataType.ListButton }, mCodeListConfig),
+        ],
+    ],
+    default: [
+        mHistoryGroupConfig,
+        [mBoldItemData, mItalicItemData, mStrikethroughItemData],
+        [
+            Object.assign({ id: 'heading', type: ToolbarDataType.ListButton }, mHeadingListConfig),
+            Object.assign({ id: 'list', type: ToolbarDataType.ListButton }, mListsListConfig),
+            mLinkButton,
+            mQuoteButton,
+            Object.assign({ id: 'code', type: ToolbarDataType.ListButton }, mCodeListConfig),
+        ],
+    ],
+    yfm: [
+        mHistoryGroupConfig,
+        [
+            mBoldItemData,
+            mItalicItemData,
+            mUnderlineItemData,
+            mStrikethroughItemData,
+            mMonospaceItemData,
+        ],
+        [
+            Object.assign({ id: 'heading', type: ToolbarDataType.ListButton }, mHeadingListConfig),
+            Object.assign({ id: 'list', type: ToolbarDataType.ListButton }, mListsListConfig),
+            mLinkButton,
+            mNoteButton,
+            mCutButton,
+            mQuoteButton,
+            Object.assign({ id: 'code', type: ToolbarDataType.ListButton }, mCodeListConfig),
+        ],
+        [mImagePopupData, mFilePopupData, mTableButton, mCheckboxButton],
+    ],
+    full: mToolbarConfig.slice(),
+};
+export const mHiddenDataByPreset = {
+    zero: [],
+    commonmark: [
+        ...mHeadingListConfig.data,
+        ...mListsListConfig.data,
+        mLinkButton,
+        mQuoteButton,
+        mCodeblockItemData,
+        mHruleItemData,
+    ],
+    default: [
+        ...mHeadingListConfig.data,
+        ...mListsListConfig.data,
+        mLinkButton,
+        mQuoteButton,
+        mCodeblockItemData,
+        mHruleItemData,
+    ],
+    yfm: [
+        ...mHeadingListConfig.data,
+        ...mListsListConfig.data,
+        mLinkButton,
+        mQuoteButton,
+        mNoteButton,
+        mCutButton,
+        mCodeblockItemData,
+        mCheckboxButton,
+        mTableButton,
+        mImagePopupData,
+        mHruleItemData,
+        mFilePopupData,
+        mTabsItemData,
+    ],
+    full: [
+        ...mHeadingListConfig.data,
+        ...mListsListConfig.data,
+        mLinkButton,
+        mQuoteButton,
+        mNoteButton,
+        mCutButton,
+        mCodeblockItemData,
+        mCheckboxButton,
+        mTableButton,
+        mImagePopupData,
+        mHruleItemData,
+        mFilePopupData,
+        mTabsItemData,
+    ],
+};