@gravity-ui/markdown-editor 14.12.1 → 14.12.2

package/build/esm/markup/editor.js

@@ -1,48 +1,50 @@
+var _Editor_cm;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 export class Editor {
-    #cm;
+    constructor(cm) {
+        _Editor_cm.set(this, void 0);
+        __classPrivateFieldSet(this, _Editor_cm, cm, "f");
+    }
     get cm() {
-        return this.#cm;
+        return __classPrivateFieldGet(this, _Editor_cm, "f");
     }
     get codemirror() {
-        return this.#cm;
-    }
-    constructor(cm) {
-        this.#cm = cm;
+        return __classPrivateFieldGet(this, _Editor_cm, "f");
     }
     focus() {
-        return this.#cm.focus();
+        return __classPrivateFieldGet(this, _Editor_cm, "f").focus();
     }
     hasFocus() {
-        return this.#cm.hasFocus;
+        return __classPrivateFieldGet(this, _Editor_cm, "f").hasFocus;
     }
     getValue() {
-        return this.#cm.state.doc.toString();
+        return __classPrivateFieldGet(this, _Editor_cm, "f").state.doc.toString();
     }
     isEmpty() {
-        return (this.#cm.state.doc.lines === 1 && this.#cm.state.doc.line(1).text.trim().length === 0);
+        return (__classPrivateFieldGet(this, _Editor_cm, "f").state.doc.lines === 1 && __classPrivateFieldGet(this, _Editor_cm, "f").state.doc.line(1).text.trim().length === 0);
     }
     clear() {
         this.replace('');
     }
     replace(newMarkup) {
-        this.#cm.dispatch({ changes: { from: 0, to: this.#cm.state.doc.length, insert: newMarkup } });
+        __classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes: { from: 0, to: __classPrivateFieldGet(this, _Editor_cm, "f").state.doc.length, insert: newMarkup } });
     }
     prepend(markup) {
-        const changes = this.#cm.state.changes({
+        const changes = __classPrivateFieldGet(this, _Editor_cm, "f").state.changes({
             from: 0,
             insert: this._fixMarkupBeforeInsert(markup),
         });
-        this.#cm.dispatch({ changes, selection: this.#cm.state.selection.map(changes, 1) });
+        __classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes, selection: __classPrivateFieldGet(this, _Editor_cm, "f").state.selection.map(changes, 1) });
     }
     append(markup) {
         if (this.isEmpty()) {
-            this.#cm.dispatch({ changes: { from: 0, insert: this._fixMarkupBeforeInsert(markup) } });
+            __classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes: { from: 0, insert: this._fixMarkupBeforeInsert(markup) } });
             this.moveCursor('end');
             return;
         }
-        const { lineBreak } = this.#cm.state;
+        const { lineBreak } = __classPrivateFieldGet(this, _Editor_cm, "f").state;
         let insert;
-        const { doc, doc: { lines }, } = this.#cm.state;
+        const { doc, doc: { lines }, } = __classPrivateFieldGet(this, _Editor_cm, "f").state;
         if (lines >= 2 && doc.lineAt(lines).length === 0) {
             if (doc.lineAt(lines - 1).length === 0)
                 insert = markup;
@@ -52,7 +54,7 @@ export class Editor {
         else {
             insert = lineBreak + lineBreak + markup;
         }
-        this.#cm.dispatch({ changes: { from: doc.length, insert } });
+        __classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes: { from: doc.length, insert } });
     }
     moveCursor(position) {
         let pos;
@@ -61,12 +63,12 @@ export class Editor {
                 pos = 0;
                 break;
             case 'end':
-                pos = this.#cm.state.doc.length;
+                pos = __classPrivateFieldGet(this, _Editor_cm, "f").state.doc.length;
                 break;
             default:
                 throw new Error('The "position" argument must be "start" or "end"');
         }
-        this.#cm.dispatch({ selection: { anchor: pos } });
+        __classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ selection: { anchor: pos } });
     }
     _fixMarkupBeforeInsert(markup) {
         if (markup.endsWith('\n\n'))
@@ -76,4 +78,4 @@ export class Editor {
         return markup + '\n\n';
     }
 }
-//# sourceMappingURL=editor.js.map
+_Editor_cm = new WeakMap();

package/build/esm/markup/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./codemirror/index.js";
-export * from "./commands/index.js";
-export * from "./editor.js";
+export * from './codemirror';
+export * from './commands';
+export * from './editor';

package/build/esm/markup/index.js

@@ -1,4 +1,3 @@
-export * from "./codemirror/index.js";
-export * from "./commands/index.js";
-export * from "./editor.js";
-//# sourceMappingURL=index.js.map
+export * from './codemirror';
+export * from './commands';
+export * from './editor';

package/build/esm/modules/toolbars/constants.d.ts

@@ -1,4 +1,3 @@
-export { ActionName } from "../../bundle/config/action-names.js";
 export declare enum ListName {
     code = "code",
     heading = "heading",

package/build/esm/modules/toolbars/constants.js

@@ -1,4 +1,3 @@
-export { ActionName } from "../../bundle/config/action-names.js";
 export var ListName;
 (function (ListName) {
     ListName["code"] = "code";
@@ -15,4 +14,3 @@ export var ToolbarName;
     ToolbarName["wysiwygSelection"] = "wysiwygSelection";
     ToolbarName["wysiwygSlash"] = "wysiwygSlash";
 })(ToolbarName || (ToolbarName = {}));
-//# sourceMappingURL=constants.js.map

package/build/esm/modules/toolbars/items.d.ts

@@ -1,5 +1,5 @@
-import { ToolbarDataType } from "../../toolbar/index.js";
-import { ToolbarItemMarkup, ToolbarItemView, ToolbarItemWysiwyg } from "./types.js";
+import { ToolbarDataType } from '../../toolbar';
+import { ToolbarItemMarkup, ToolbarItemView, ToolbarItemWysiwyg } from './types';
 export declare const undoItemView: ToolbarItemView;
 export declare const undoItemWysiwyg: ToolbarItemWysiwyg;
 export declare const undoItemMarkup: ToolbarItemMarkup;

package/build/esm/modules/toolbars/items.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons } from "../../bundle/config/icons.js";
-import { HeadingPreview } from "../../bundle/config/previews/HeadingPreview.js";
-import { TextPreview } from "../../bundle/config/previews/TextPreview.js";
-import { MToolbarColors } from "../../bundle/toolbar/markup/MToolbarColors.js";
-import { MToolbarFilePopup } from "../../bundle/toolbar/markup/MToolbarFilePopup.js";
-import { MToolbarImagePopup } from "../../bundle/toolbar/markup/MToolbarImagePopup.js";
-import { WToolbarColors } from "../../bundle/toolbar/wysiwyg/WToolbarColors.js";
-import { WToolbarTextSelect } from "../../bundle/toolbar/wysiwyg/WToolbarTextSelect.js";
-import { gptHotKeys } from "../../extensions/additional/GPT/constants.js";
-import { headingType, pType } from "../../extensions/specs.js";
-import { i18n as i18nHint } from "../../i18n/hints/index.js";
-import { i18n } from "../../i18n/menubar/index.js";
-import { insertHRule, insertLink, insertMermaidDiagram, insertYfmHtmlBlock, insertYfmTable, insertYfmTabs, liftListItem as liftListItemCommand, redo, redoDepth, sinkListItem as sinkListItemCommand, 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/index.js";
-import { Action as A, formatter as f } from "../../shortcuts/index.js";
-import { ToolbarDataType } from "../../toolbar/index.js";
+import React from 'react';
+import { icons } from '../../bundle/config/icons';
+import { HeadingPreview } from '../../bundle/config/previews/HeadingPreview';
+import { TextPreview } from '../../bundle/config/previews/TextPreview';
+import { MToolbarColors } from '../../bundle/toolbar/markup/MToolbarColors';
+import { MToolbarFilePopup } from '../../bundle/toolbar/markup/MToolbarFilePopup';
+import { MToolbarImagePopup } from '../../bundle/toolbar/markup/MToolbarImagePopup';
+import { WToolbarColors } from '../../bundle/toolbar/wysiwyg/WToolbarColors';
+import { WToolbarTextSelect } from '../../bundle/toolbar/wysiwyg/WToolbarTextSelect';
+import { headingType, pType } from '../../extensions';
+import { gptHotKeys } from '../../extensions/additional/GPT/constants';
+import { i18n as i18nHint } from '../../i18n/hints';
+import { i18n } from '../../i18n/menubar';
+import { insertHRule, insertLink, insertMermaidDiagram, insertYfmHtmlBlock, insertYfmTable, insertYfmTabs, liftListItem as liftListItemCommand, redo, redoDepth, sinkListItem as sinkListItemCommand, 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';
 const noop = () => { };
 const inactive = () => false;
 const enable = () => true;
@@ -293,7 +293,7 @@ export const imageItemMarkup = {
     exec: noop,
     isActive: inactive,
     isEnable: enable,
-    renderPopup: (props) => _jsx(MToolbarImagePopup, { ...props }),
+    renderPopup: (props) => React.createElement(MToolbarImagePopup, Object.assign({}, props)),
 };
 // ---- File ----
 export const fileItemView = {
@@ -315,7 +315,7 @@ export const fileItemMarkup = {
     exec: noop,
     isActive: inactive,
     isEnable: enable,
-    renderPopup: (props) => _jsx(MToolbarFilePopup, { ...props }),
+    renderPopup: (props) => React.createElement(MToolbarFilePopup, Object.assign({}, props)),
 };
 // ---- Tabs ----
 export const tabsItemView = {
@@ -455,7 +455,7 @@ export const heading1ItemView = {
     title: i18n.bind(null, 'heading1'),
     icon: icons.h1,
     hotkey: f.toView(A.Heading1),
-    preview: _jsx(HeadingPreview, { level: 1 }),
+    preview: React.createElement(HeadingPreview, { level: 1 }),
 };
 export const heading1ItemWysiwyg = {
     exec: (e) => e.actions.toH1.run(),
@@ -473,7 +473,7 @@ export const heading2ItemView = {
     title: i18n.bind(null, 'heading2'),
     icon: icons.h2,
     hotkey: f.toView(A.Heading2),
-    preview: _jsx(HeadingPreview, { level: 2 }),
+    preview: React.createElement(HeadingPreview, { level: 2 }),
 };
 export const heading2ItemWysiwyg = {
     exec: (e) => e.actions.toH2.run(),
@@ -491,7 +491,7 @@ export const heading3ItemView = {
     title: i18n.bind(null, 'heading3'),
     icon: icons.h3,
     hotkey: f.toView(A.Heading3),
-    preview: _jsx(HeadingPreview, { level: 3 }),
+    preview: React.createElement(HeadingPreview, { level: 3 }),
 };
 export const heading3ItemWysiwyg = {
     exec: (e) => e.actions.toH3.run(),
@@ -509,7 +509,7 @@ export const heading4ItemView = {
     title: i18n.bind(null, 'heading4'),
     icon: icons.h4,
     hotkey: f.toView(A.Heading4),
-    preview: _jsx(HeadingPreview, { level: 4 }),
+    preview: React.createElement(HeadingPreview, { level: 4 }),
 };
 export const heading4ItemWysiwyg = {
     exec: (e) => e.actions.toH4.run(),
@@ -527,7 +527,7 @@ export const heading5ItemView = {
     title: i18n.bind(null, 'heading5'),
     icon: icons.h5,
     hotkey: f.toView(A.Heading5),
-    preview: _jsx(HeadingPreview, { level: 5 }),
+    preview: React.createElement(HeadingPreview, { level: 5 }),
 };
 export const heading5ItemWysiwyg = {
     exec: (e) => e.actions.toH5.run(),
@@ -545,7 +545,7 @@ export const heading6ItemView = {
     title: i18n.bind(null, 'heading6'),
     icon: icons.h6,
     hotkey: f.toView(A.Heading6),
-    preview: _jsx(HeadingPreview, { level: 6 }),
+    preview: React.createElement(HeadingPreview, { level: 6 }),
 };
 export const heading6ItemWysiwyg = {
     exec: (e) => e.actions.toH6.run(),
@@ -635,8 +635,8 @@ export const toggleHeadingFoldingItemView = {
     hint: () => i18n('folding-heading__hint'),
 };
 export const toggleHeadingFoldingItemWysiwyg = {
-    isActive: (editor) => editor.actions.toggleHeadingFolding?.isActive() ?? false,
-    isEnable: (editor) => editor.actions.toggleHeadingFolding?.isEnable() ?? false,
+    isActive: (editor) => { var _a, _b; return (_b = (_a = editor.actions.toggleHeadingFolding) === null || _a === void 0 ? void 0 : _a.isActive()) !== null && _b !== void 0 ? _b : false; },
+    isEnable: (editor) => { var _a, _b; return (_b = (_a = editor.actions.toggleHeadingFolding) === null || _a === void 0 ? void 0 : _a.isEnable()) !== null && _b !== void 0 ? _b : false; },
     exec: (editor) => editor.actions.toggleHeadingFolding.run(),
     condition: 'enabled',
 };
@@ -661,7 +661,7 @@ export const paragraphItemView = {
     icon: icons.text,
     hotkey: f.toView(A.Text),
     doNotActivateList: true,
-    preview: _jsx(TextPreview, {}),
+    preview: React.createElement(TextPreview, null),
 };
 export const paragraphItemWisywig = {
     exec: (e) => e.actions.toParagraph.run(),
@@ -737,4 +737,3 @@ export const mathListItemView = {
     withArrow: true,
     title: i18n.bind(null, 'math'),
 };
-//# sourceMappingURL=items.js.map

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

@@ -1,4 +1,4 @@
-import { ToolbarsPreset } from "./types.js";
+import { ToolbarsPreset } from './types';
 export declare const zero: ToolbarsPreset;
 export declare const commonmark: ToolbarsPreset;
 export declare const defaultPreset: ToolbarsPreset;

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

@@ -1,6 +1,6 @@
-import { ActionName as Action } from "../../bundle/config/action-names.js";
-import { ListName as List, ToolbarName as Toolbar } from "./constants.js";
-import { boldItemMarkup, boldItemView, boldItemWysiwyg, bulletListItemMarkup, bulletListItemView, bulletListItemWysiwyg, checkboxItemMarkup, checkboxItemView, checkboxItemWysiwyg, codeBlockItemMarkup, codeBlockItemView, codeBlockItemWysiwyg, codeBlocksListItemView, codeItemMarkup, codeItemView, codeItemWysiwyg, colorifyItemMarkup, colorifyItemView, colorifyItemWysiwyg, cutItemMarkup, cutItemView, cutItemWysiwyg, emojiItemMarkup, emojiItemView, emojiItemWysiwyg, fileItemMarkup, fileItemView, fileItemWysiwyg, filePopupItemView, heading1ItemMarkup, heading1ItemView, heading1ItemWysiwyg, heading2ItemMarkup, heading2ItemView, heading2ItemWysiwyg, heading3ItemMarkup, heading3ItemView, heading3ItemWysiwyg, heading4ItemMarkup, heading4ItemView, heading4ItemWysiwyg, heading5ItemMarkup, heading5ItemView, heading5ItemWysiwyg, heading6ItemMarkup, heading6ItemView, heading6ItemWysiwyg, headingListItemView, hruleItemMarkup, hruleItemView, hruleItemWysiwyg, imageItemMarkup, imageItemView, imageItemWysiwyg, imagePopupItemView, italicItemMarkup, italicItemView, italicItemWysiwyg, liftListItemMarkup, liftListItemView, liftListItemWysiwyg, linkItemMarkup, linkItemView, linkItemWysiwyg, listsListItemView, markedItemMarkup, markedItemView, markedItemWysiwyg, monospaceItemMarkup, monospaceItemView, monospaceItemWysiwyg, noteItemMarkup, noteItemView, noteItemWysiwyg, orderedListItemMarkup, orderedListItemView, orderedListItemWysiwyg, paragraphItemMarkup, paragraphItemView, paragraphItemWisywig, quoteItemMarkup, quoteItemView, quoteItemWysiwyg, redoItemMarkup, redoItemView, redoItemWysiwyg, sinkListItemMarkup, sinkListItemView, sinkListItemWysiwyg, strikethroughItemMarkup, strikethroughItemView, strikethroughItemWysiwyg, tableItemMarkup, tableItemView, tableItemWysiwyg, tabsItemMarkup, tabsItemView, tabsItemWysiwyg, underlineItemMarkup, underlineItemView, underlineItemWysiwyg, undoItemMarkup, undoItemView, undoItemWysiwyg, } from "./items.js";
+import { ActionName as Action } from '../../bundle/config/action-names';
+import { ListName as List, ToolbarName as Toolbar } from './constants';
+import { boldItemMarkup, boldItemView, boldItemWysiwyg, bulletListItemMarkup, bulletListItemView, bulletListItemWysiwyg, checkboxItemMarkup, checkboxItemView, checkboxItemWysiwyg, codeBlockItemMarkup, codeBlockItemView, codeBlockItemWysiwyg, codeBlocksListItemView, codeItemMarkup, codeItemView, codeItemWysiwyg, colorifyItemMarkup, colorifyItemView, colorifyItemWysiwyg, cutItemMarkup, cutItemView, cutItemWysiwyg, emojiItemMarkup, emojiItemView, emojiItemWysiwyg, fileItemMarkup, fileItemView, fileItemWysiwyg, filePopupItemView, heading1ItemMarkup, heading1ItemView, heading1ItemWysiwyg, heading2ItemMarkup, heading2ItemView, heading2ItemWysiwyg, heading3ItemMarkup, heading3ItemView, heading3ItemWysiwyg, heading4ItemMarkup, heading4ItemView, heading4ItemWysiwyg, heading5ItemMarkup, heading5ItemView, heading5ItemWysiwyg, heading6ItemMarkup, heading6ItemView, heading6ItemWysiwyg, headingListItemView, hruleItemMarkup, hruleItemView, hruleItemWysiwyg, imageItemMarkup, imageItemView, imageItemWysiwyg, imagePopupItemView, italicItemMarkup, italicItemView, italicItemWysiwyg, liftListItemMarkup, liftListItemView, liftListItemWysiwyg, linkItemMarkup, linkItemView, linkItemWysiwyg, listsListItemView, markedItemMarkup, markedItemView, markedItemWysiwyg, monospaceItemMarkup, monospaceItemView, monospaceItemWysiwyg, noteItemMarkup, noteItemView, noteItemWysiwyg, orderedListItemMarkup, orderedListItemView, orderedListItemWysiwyg, paragraphItemMarkup, paragraphItemView, paragraphItemWisywig, quoteItemMarkup, quoteItemView, quoteItemWysiwyg, redoItemMarkup, redoItemView, redoItemWysiwyg, sinkListItemMarkup, sinkListItemView, sinkListItemWysiwyg, strikethroughItemMarkup, strikethroughItemView, strikethroughItemWysiwyg, tableItemMarkup, tableItemView, tableItemWysiwyg, tabsItemMarkup, tabsItemView, tabsItemWysiwyg, underlineItemMarkup, underlineItemView, underlineItemWysiwyg, undoItemMarkup, undoItemView, undoItemWysiwyg, } from './items';
 // presets
 export const zero = {
     items: {
@@ -21,108 +21,85 @@ export const zero = {
     },
 };
 export const commonmark = {
-    items: {
-        ...zero.items,
-        [Action.bold]: {
+    items: Object.assign(Object.assign({}, zero.items), { [Action.bold]: {
             view: boldItemView,
             wysiwyg: boldItemWysiwyg,
             markup: boldItemMarkup,
-        },
-        [Action.italic]: {
+        }, [Action.italic]: {
             view: italicItemView,
             wysiwyg: italicItemWysiwyg,
             markup: italicItemMarkup,
-        },
-        [List.heading]: {
+        }, [List.heading]: {
             view: headingListItemView,
-        },
-        [Action.paragraph]: {
+        }, [Action.paragraph]: {
             view: paragraphItemView,
             wysiwyg: paragraphItemWisywig,
             markup: paragraphItemMarkup,
-        },
-        [Action.heading1]: {
+        }, [Action.heading1]: {
             view: heading1ItemView,
             wysiwyg: heading1ItemWysiwyg,
             markup: heading1ItemMarkup,
-        },
-        [Action.heading2]: {
+        }, [Action.heading2]: {
             view: heading2ItemView,
             wysiwyg: heading2ItemWysiwyg,
             markup: heading2ItemMarkup,
-        },
-        [Action.heading3]: {
+        }, [Action.heading3]: {
             view: heading3ItemView,
             wysiwyg: heading3ItemWysiwyg,
             markup: heading3ItemMarkup,
-        },
-        [Action.heading4]: {
+        }, [Action.heading4]: {
             view: heading4ItemView,
             wysiwyg: heading4ItemWysiwyg,
             markup: heading4ItemMarkup,
-        },
-        [Action.heading5]: {
+        }, [Action.heading5]: {
             view: heading5ItemView,
             wysiwyg: heading5ItemWysiwyg,
             markup: heading5ItemMarkup,
-        },
-        [Action.heading6]: {
+        }, [Action.heading6]: {
             view: heading6ItemView,
             wysiwyg: heading6ItemWysiwyg,
             markup: heading6ItemMarkup,
-        },
-        [List.lists]: {
+        }, [List.lists]: {
             view: listsListItemView,
-        },
-        [Action.bulletList]: {
+        }, [Action.bulletList]: {
             view: bulletListItemView,
             wysiwyg: bulletListItemWysiwyg,
             markup: bulletListItemMarkup,
-        },
-        [Action.orderedList]: {
+        }, [Action.orderedList]: {
             view: orderedListItemView,
             wysiwyg: orderedListItemWysiwyg,
             markup: orderedListItemMarkup,
-        },
-        [Action.sinkListItem]: {
+        }, [Action.sinkListItem]: {
             view: sinkListItemView,
             wysiwyg: sinkListItemWysiwyg,
             markup: sinkListItemMarkup,
-        },
-        [Action.liftListItem]: {
+        }, [Action.liftListItem]: {
             view: liftListItemView,
             wysiwyg: liftListItemWysiwyg,
             markup: liftListItemMarkup,
-        },
-        [Action.link]: {
+        }, [Action.link]: {
             view: linkItemView,
             wysiwyg: linkItemWysiwyg,
             markup: linkItemMarkup,
-        },
-        [Action.quote]: {
+        }, [Action.quote]: {
             view: quoteItemView,
             wysiwyg: quoteItemWysiwyg,
             markup: quoteItemMarkup,
-        },
-        [List.code]: {
+        }, [List.code]: {
             view: codeBlocksListItemView,
-        },
-        [Action.codeInline]: {
+        }, [Action.codeInline]: {
             view: codeItemView,
             wysiwyg: codeItemWysiwyg,
             markup: codeItemMarkup,
-        },
-        [Action.codeBlock]: {
+        }, [Action.codeBlock]: {
             view: codeBlockItemView,
             wysiwyg: codeBlockItemWysiwyg,
             markup: codeBlockItemMarkup,
-        },
-        [Action.horizontalRule]: {
+        }, [Action.horizontalRule]: {
             view: hruleItemView,
             wysiwyg: hruleItemWysiwyg,
             markup: hruleItemMarkup,
-        },
-    },
+        } }),
     orders: {
         [Toolbar.wysiwygMain]: [
             [Action.undo, Action.redo],
@@ -195,14 +172,11 @@ export const commonmark = {
     },
 };
 export const defaultPreset = {
-    items: {
-        ...commonmark.items,
-        [Action.strike]: {
+    items: Object.assign(Object.assign({}, commonmark.items), { [Action.strike]: {
             view: strikethroughItemView,
             wysiwyg: strikethroughItemWysiwyg,
             markup: strikethroughItemMarkup,
-        },
-    },
+        } }),
     orders: {
         [Toolbar.wysiwygMain]: [
             [Action.undo, Action.redo],
@@ -275,60 +249,47 @@ export const defaultPreset = {
     },
 };
 export const yfm = {
-    items: {
-        ...defaultPreset.items,
-        [Action.underline]: {
+    items: Object.assign(Object.assign({}, defaultPreset.items), { [Action.underline]: {
             view: underlineItemView,
             wysiwyg: underlineItemWysiwyg,
             markup: underlineItemMarkup,
-        },
-        [Action.mono]: {
+        }, [Action.mono]: {
             view: monospaceItemView,
             wysiwyg: monospaceItemWysiwyg,
             markup: monospaceItemMarkup,
-        },
-        [Action.note]: {
+        }, [Action.note]: {
             view: noteItemView,
             wysiwyg: noteItemWysiwyg,
             markup: noteItemMarkup,
-        },
-        [Action.cut]: {
+        }, [Action.cut]: {
             view: cutItemView,
             wysiwyg: cutItemWysiwyg,
             markup: cutItemMarkup,
-        },
-        [Action.image]: {
+        }, [Action.image]: {
             view: imageItemView,
             wysiwyg: imageItemWysiwyg,
-        },
-        [Action.imagePopup]: {
+        }, [Action.imagePopup]: {
             view: imagePopupItemView,
             markup: imageItemMarkup,
-        },
-        [Action.file]: {
+        }, [Action.file]: {
             view: fileItemView,
             wysiwyg: fileItemWysiwyg,
-        },
-        [Action.filePopup]: {
+        }, [Action.filePopup]: {
             view: filePopupItemView,
             markup: fileItemMarkup,
-        },
-        [Action.table]: {
+        }, [Action.table]: {
             view: tableItemView,
             wysiwyg: tableItemWysiwyg,
             markup: tableItemMarkup,
-        },
-        [Action.checkbox]: {
+        }, [Action.checkbox]: {
             view: checkboxItemView,
             wysiwyg: checkboxItemWysiwyg,
             markup: checkboxItemMarkup,
-        },
-        [Action.tabs]: {
+        }, [Action.tabs]: {
             view: tabsItemView,
             wysiwyg: tabsItemWysiwyg,
             markup: tabsItemMarkup,
-        },
-    },
+        } }),
     orders: {
         [Toolbar.wysiwygMain]: [
             [Action.undo, Action.redo],
@@ -407,24 +368,19 @@ export const yfm = {
     },
 };
 export const full = {
-    items: {
-        ...yfm.items,
-        [Action.mark]: {
+    items: Object.assign(Object.assign({}, yfm.items), { [Action.mark]: {
             view: markedItemView,
             wysiwyg: markedItemWysiwyg,
             markup: markedItemMarkup,
-        },
-        [Action.colorify]: {
+        }, [Action.colorify]: {
             view: colorifyItemView,
             wysiwyg: colorifyItemWysiwyg,
             markup: colorifyItemMarkup,
-        },
-        [Action.emoji]: {
+        }, [Action.emoji]: {
             view: emojiItemView,
             wysiwyg: emojiItemWysiwyg,
             markup: emojiItemMarkup,
-        },
-    },
+        } }),
     orders: {
         [Toolbar.wysiwygMain]: [
             [Action.undo, Action.redo],
@@ -504,4 +460,3 @@ export const full = {
         [Toolbar.markupHidden]: [[Action.horizontalRule, Action.emoji, Action.tabs]],
     },
 };
-//# sourceMappingURL=presets.js.map

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

@@ -1,10 +1,11 @@
+import type { RefObject } from 'react';
 import type { HotkeyProps } from '@gravity-ui/uikit';
 import type { EditorState } from 'prosemirror-state';
-import type { ActionStorage } from "../../core/index.js";
-import type { CodeEditor } from "../../markup/index.js";
-import type { ToolbarBaseProps, ToolbarDataType, ToolbarIconData } from "../../toolbar/index.js";
-export type ToolbarItemId = string & {};
-export type ToolbarListId = string & {};
+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[];
@@ -12,7 +13,7 @@ export interface ToolbarList {
 /**
  * The default value for the `type` property is `ToolbarDataType.SingleButton`.
  */
-export type ToolbarItemView<T extends ToolbarDataType = ToolbarDataType.SingleButton> = {
+export declare type ToolbarItemView<T extends ToolbarDataType = ToolbarDataType.SingleButton> = {
     className?: string;
     hint?: string | (() => string);
     hotkey?: HotkeyProps['value'];
@@ -32,29 +33,29 @@ export interface EditorActions<E> {
     isActive(editor: E): boolean;
     isEnable(editor: E): boolean;
 }
-type ToolbarItemEditor<T, E> = Partial<EditorActions<E>> & {
+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;
-        anchorElement: HTMLElement | null;
+        anchorRef: RefObject<HTMLElement>;
     }) => React.ReactNode;
 } : T extends ToolbarDataType.ReactComponent ? {
     width: number;
     component: React.ComponentType<ToolbarBaseProps<E>>;
 } : {});
-export type ToolbarItemWysiwyg<T extends ToolbarDataType = ToolbarDataType.SingleButton> = ToolbarItemEditor<T, ActionStorage>;
-export type ToolbarItemMarkup<T extends ToolbarDataType = ToolbarDataType.SingleButton> = ToolbarItemEditor<T, CodeEditor>;
-export type ToolbarItem<T extends ToolbarDataType> = {
+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 type ToolbarsItems = Record<ToolbarItemId, ToolbarItem<ToolbarDataType>>;
-export type ToolbarId = string;
-export type ToolbarOrders = (ToolbarList | ToolbarItemId)[][];
-export type ToolbarsOrders = Record<ToolbarId, ToolbarOrders>;
+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;

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

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map