@gravity-ui/markdown-editor 14.12.1 → 14.12.2

package/build/cjs/markup/editor.js

@@ -1,51 +1,53 @@
 "use strict";
+var _Editor_cm;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Editor = void 0;
+const tslib_1 = require("tslib");
 class Editor {
-    #cm;
+    constructor(cm) {
+        _Editor_cm.set(this, void 0);
+        tslib_1.__classPrivateFieldSet(this, _Editor_cm, cm, "f");
+    }
     get cm() {
-        return this.#cm;
+        return tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f");
     }
     get codemirror() {
-        return this.#cm;
-    }
-    constructor(cm) {
-        this.#cm = cm;
+        return tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f");
     }
     focus() {
-        return this.#cm.focus();
+        return tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").focus();
     }
     hasFocus() {
-        return this.#cm.hasFocus;
+        return tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").hasFocus;
     }
     getValue() {
-        return this.#cm.state.doc.toString();
+        return tslib_1.__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 (tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").state.doc.lines === 1 && tslib_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 } });
+        tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes: { from: 0, to: tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").state.doc.length, insert: newMarkup } });
     }
     prepend(markup) {
-        const changes = this.#cm.state.changes({
+        const changes = tslib_1.__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) });
+        tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes, selection: tslib_1.__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) } });
+            tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes: { from: 0, insert: this._fixMarkupBeforeInsert(markup) } });
             this.moveCursor('end');
             return;
         }
-        const { lineBreak } = this.#cm.state;
+        const { lineBreak } = tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").state;
         let insert;
-        const { doc, doc: { lines }, } = this.#cm.state;
+        const { doc, doc: { lines }, } = tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").state;
         if (lines >= 2 && doc.lineAt(lines).length === 0) {
             if (doc.lineAt(lines - 1).length === 0)
                 insert = markup;
@@ -55,7 +57,7 @@ class Editor {
         else {
             insert = lineBreak + lineBreak + markup;
         }
-        this.#cm.dispatch({ changes: { from: doc.length, insert } });
+        tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ changes: { from: doc.length, insert } });
     }
     moveCursor(position) {
         let pos;
@@ -64,12 +66,12 @@ class Editor {
                 pos = 0;
                 break;
             case 'end':
-                pos = this.#cm.state.doc.length;
+                pos = tslib_1.__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 } });
+        tslib_1.__classPrivateFieldGet(this, _Editor_cm, "f").dispatch({ selection: { anchor: pos } });
     }
     _fixMarkupBeforeInsert(markup) {
         if (markup.endsWith('\n\n'))
@@ -80,4 +82,4 @@ class Editor {
     }
 }
 exports.Editor = Editor;
-//# sourceMappingURL=editor.js.map
+_Editor_cm = new WeakMap();

package/build/cjs/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/cjs/markup/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./codemirror/index.js"), exports);
-tslib_1.__exportStar(require("./commands/index.js"), exports);
-tslib_1.__exportStar(require("./editor.js"), exports);
-//# sourceMappingURL=index.js.map
+tslib_1.__exportStar(require("./codemirror"), exports);
+tslib_1.__exportStar(require("./commands"), exports);
+tslib_1.__exportStar(require("./editor"), exports);

package/build/cjs/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/cjs/modules/toolbars/constants.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarName = exports.ListName = exports.ActionName = void 0;
-var action_names_1 = require("../../bundle/config/action-names.js");
-Object.defineProperty(exports, "ActionName", { enumerable: true, get: function () { return action_names_1.ActionName; } });
+exports.ToolbarName = exports.ListName = void 0;
 var ListName;
 (function (ListName) {
     ListName["code"] = "code";
     ListName["heading"] = "heading";
     ListName["lists"] = "lists";
     ListName["math"] = "math";
-})(ListName || (exports.ListName = ListName = {}));
+})(ListName = exports.ListName || (exports.ListName = {}));
 var ToolbarName;
 (function (ToolbarName) {
     ToolbarName["markupHidden"] = "markupHidden";
@@ -18,5 +16,4 @@ var ToolbarName;
     ToolbarName["wysiwygMain"] = "wysiwygMain";
     ToolbarName["wysiwygSelection"] = "wysiwygSelection";
     ToolbarName["wysiwygSlash"] = "wysiwygSlash";
-})(ToolbarName || (exports.ToolbarName = ToolbarName = {}));
-//# sourceMappingURL=constants.js.map
+})(ToolbarName = exports.ToolbarName || (exports.ToolbarName = {}));

package/build/cjs/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/cjs/modules/toolbars/items.js

@@ -3,22 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fileItemView = exports.imageItemMarkup = exports.imageItemWysiwyg = exports.imagePopupItemView = exports.imageItemView = exports.codeItemMarkup = exports.codeItemWysiwyg = exports.codeItemView = exports.tableItemMarkup = exports.tableItemWysiwyg = exports.tableItemView = exports.noteItemMarkup = exports.noteItemWysiwyg = exports.noteItemView = exports.cutItemMarkup = exports.cutItemWysiwyg = exports.cutItemView = exports.quoteItemMarkup = exports.quoteItemWysiwyg = exports.quoteItemView = exports.linkItemMarkup = exports.linkItemWysiwyg = exports.linkItemView = exports.checkboxItemMarkup = exports.checkboxItemWysiwyg = exports.checkboxItemView = exports.markedItemMarkup = exports.markedItemWysiwyg = exports.markedItemView = exports.monospaceItemMarkup = exports.monospaceItemWysiwyg = exports.monospaceItemView = exports.strikethroughItemMarkup = exports.strikethroughItemWysiwyg = exports.strikethroughItemView = exports.underlineItemMarkup = exports.underlineItemWysiwyg = exports.underlineItemView = exports.italicItemMarkup = exports.italicItemWysiwyg = exports.italicItemView = exports.boldItemMarkup = exports.boldItemWysiwyg = exports.boldItemView = exports.redoItemMarkup = exports.redoItemWysiwyg = exports.redoItemView = exports.undoItemMarkup = exports.undoItemWysiwyg = exports.undoItemView = void 0;
 exports.orderedListItemWysiwyg = exports.orderedListItemView = exports.bulletListItemMarkup = exports.bulletListItemWysiwyg = exports.bulletListItemView = exports.heading6ItemMarkup = exports.heading6ItemWysiwyg = exports.heading6ItemView = exports.heading5ItemMarkup = exports.heading5ItemWysiwyg = exports.heading5ItemView = exports.heading4ItemMarkup = exports.heading4ItemWysiwyg = exports.heading4ItemView = exports.heading3ItemMarkup = exports.heading3ItemWysiwyg = exports.heading3ItemView = exports.heading2ItemMarkup = exports.heading2ItemWysiwyg = exports.heading2ItemView = exports.heading1ItemMarkup = exports.heading1ItemWysiwyg = exports.heading1ItemView = exports.emojiItemMarkup = exports.emojiItemWysiwyg = exports.emojiItemView = exports.hruleItemMarkup = exports.hruleItemWysiwyg = exports.hruleItemView = exports.codeBlockItemMarkup = exports.codeBlockItemWysiwyg = exports.codeBlockItemView = exports.mermaidItemMarkup = exports.mermaidItemWysiwyg = exports.mermaidItemView = exports.yfmHtmlBlockItemMarkup = exports.yfmHtmlBlockItemWysiwyg = exports.yfmHtmlBlockItemView = exports.mathBlockItemMarkup = exports.mathBlockItemWysiwyg = exports.mathBlockItemView = exports.mathInlineItemMarkup = exports.mathInlineItemWysiwyg = exports.mathInlineItemView = exports.tabsItemMarkup = exports.tabsItemWysiwyg = exports.tabsItemView = exports.fileItemMarkup = exports.fileItemWysiwyg = exports.filePopupItemView = void 0;
 exports.mathListItemView = exports.codeBlocksListItemView = exports.moveListItemView = exports.listsListItemView = exports.headingListItemView = exports.gptItemMarkup = exports.gptItemWysiwyg = exports.gptItemView = exports.colorifyItemMarkup = exports.colorifyItemWysiwyg = exports.colorifyItemView = exports.paragraphItemMarkup = exports.paragraphItemWisywig = exports.paragraphItemView = exports.textContextItemWisywig = exports.textContextItemView = exports.toggleHeadingFoldingItemWysiwyg = exports.toggleHeadingFoldingItemView = exports.liftListItemMarkup = exports.liftListItemWysiwyg = exports.liftListItemView = exports.sinkListItemMarkup = exports.sinkListItemWysiwyg = exports.sinkListItemView = exports.orderedListItemMarkup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../bundle/config/icons.js");
-const HeadingPreview_1 = require("../../bundle/config/previews/HeadingPreview.js");
-const TextPreview_1 = require("../../bundle/config/previews/TextPreview.js");
-const MToolbarColors_1 = require("../../bundle/toolbar/markup/MToolbarColors.js");
-const MToolbarFilePopup_1 = require("../../bundle/toolbar/markup/MToolbarFilePopup.js");
-const MToolbarImagePopup_1 = require("../../bundle/toolbar/markup/MToolbarImagePopup.js");
-const WToolbarColors_1 = require("../../bundle/toolbar/wysiwyg/WToolbarColors.js");
-const WToolbarTextSelect_1 = require("../../bundle/toolbar/wysiwyg/WToolbarTextSelect.js");
-const constants_1 = require("../../extensions/additional/GPT/constants.js");
-const specs_1 = require("../../extensions/specs.js");
-const hints_1 = require("../../i18n/hints/index.js");
-const menubar_1 = require("../../i18n/menubar/index.js");
-const commands_1 = require("../../markup/commands/index.js");
-const shortcuts_1 = require("../../shortcuts/index.js");
-const toolbar_1 = require("../../toolbar/index.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("../../bundle/config/icons");
+const HeadingPreview_1 = require("../../bundle/config/previews/HeadingPreview");
+const TextPreview_1 = require("../../bundle/config/previews/TextPreview");
+const MToolbarColors_1 = require("../../bundle/toolbar/markup/MToolbarColors");
+const MToolbarFilePopup_1 = require("../../bundle/toolbar/markup/MToolbarFilePopup");
+const MToolbarImagePopup_1 = require("../../bundle/toolbar/markup/MToolbarImagePopup");
+const WToolbarColors_1 = require("../../bundle/toolbar/wysiwyg/WToolbarColors");
+const WToolbarTextSelect_1 = require("../../bundle/toolbar/wysiwyg/WToolbarTextSelect");
+const extensions_1 = require("../../extensions");
+const constants_1 = require("../../extensions/additional/GPT/constants");
+const hints_1 = require("../../i18n/hints");
+const menubar_1 = require("../../i18n/menubar");
+const commands_1 = require("../../markup/commands");
+const shortcuts_1 = require("../../shortcuts");
+const toolbar_1 = require("../../toolbar");
 const noop = () => { };
 const inactive = () => false;
 const enable = () => true;
@@ -298,7 +299,7 @@ exports.imageItemMarkup = {
     exec: noop,
     isActive: inactive,
     isEnable: enable,
-    renderPopup: (props) => (0, jsx_runtime_1.jsx)(MToolbarImagePopup_1.MToolbarImagePopup, { ...props }),
+    renderPopup: (props) => react_1.default.createElement(MToolbarImagePopup_1.MToolbarImagePopup, Object.assign({}, props)),
 };
 // ---- File ----
 exports.fileItemView = {
@@ -320,7 +321,7 @@ exports.fileItemMarkup = {
     exec: noop,
     isActive: inactive,
     isEnable: enable,
-    renderPopup: (props) => (0, jsx_runtime_1.jsx)(MToolbarFilePopup_1.MToolbarFilePopup, { ...props }),
+    renderPopup: (props) => react_1.default.createElement(MToolbarFilePopup_1.MToolbarFilePopup, Object.assign({}, props)),
 };
 // ---- Tabs ----
 exports.tabsItemView = {
@@ -460,7 +461,7 @@ exports.heading1ItemView = {
     title: menubar_1.i18n.bind(null, 'heading1'),
     icon: icons_1.icons.h1,
     hotkey: shortcuts_1.formatter.toView(shortcuts_1.Action.Heading1),
-    preview: (0, jsx_runtime_1.jsx)(HeadingPreview_1.HeadingPreview, { level: 1 }),
+    preview: react_1.default.createElement(HeadingPreview_1.HeadingPreview, { level: 1 }),
 };
 exports.heading1ItemWysiwyg = {
     exec: (e) => e.actions.toH1.run(),
@@ -478,7 +479,7 @@ exports.heading2ItemView = {
     title: menubar_1.i18n.bind(null, 'heading2'),
     icon: icons_1.icons.h2,
     hotkey: shortcuts_1.formatter.toView(shortcuts_1.Action.Heading2),
-    preview: (0, jsx_runtime_1.jsx)(HeadingPreview_1.HeadingPreview, { level: 2 }),
+    preview: react_1.default.createElement(HeadingPreview_1.HeadingPreview, { level: 2 }),
 };
 exports.heading2ItemWysiwyg = {
     exec: (e) => e.actions.toH2.run(),
@@ -496,7 +497,7 @@ exports.heading3ItemView = {
     title: menubar_1.i18n.bind(null, 'heading3'),
     icon: icons_1.icons.h3,
     hotkey: shortcuts_1.formatter.toView(shortcuts_1.Action.Heading3),
-    preview: (0, jsx_runtime_1.jsx)(HeadingPreview_1.HeadingPreview, { level: 3 }),
+    preview: react_1.default.createElement(HeadingPreview_1.HeadingPreview, { level: 3 }),
 };
 exports.heading3ItemWysiwyg = {
     exec: (e) => e.actions.toH3.run(),
@@ -514,7 +515,7 @@ exports.heading4ItemView = {
     title: menubar_1.i18n.bind(null, 'heading4'),
     icon: icons_1.icons.h4,
     hotkey: shortcuts_1.formatter.toView(shortcuts_1.Action.Heading4),
-    preview: (0, jsx_runtime_1.jsx)(HeadingPreview_1.HeadingPreview, { level: 4 }),
+    preview: react_1.default.createElement(HeadingPreview_1.HeadingPreview, { level: 4 }),
 };
 exports.heading4ItemWysiwyg = {
     exec: (e) => e.actions.toH4.run(),
@@ -532,7 +533,7 @@ exports.heading5ItemView = {
     title: menubar_1.i18n.bind(null, 'heading5'),
     icon: icons_1.icons.h5,
     hotkey: shortcuts_1.formatter.toView(shortcuts_1.Action.Heading5),
-    preview: (0, jsx_runtime_1.jsx)(HeadingPreview_1.HeadingPreview, { level: 5 }),
+    preview: react_1.default.createElement(HeadingPreview_1.HeadingPreview, { level: 5 }),
 };
 exports.heading5ItemWysiwyg = {
     exec: (e) => e.actions.toH5.run(),
@@ -550,7 +551,7 @@ exports.heading6ItemView = {
     title: menubar_1.i18n.bind(null, 'heading6'),
     icon: icons_1.icons.h6,
     hotkey: shortcuts_1.formatter.toView(shortcuts_1.Action.Heading6),
-    preview: (0, jsx_runtime_1.jsx)(HeadingPreview_1.HeadingPreview, { level: 6 }),
+    preview: react_1.default.createElement(HeadingPreview_1.HeadingPreview, { level: 6 }),
 };
 exports.heading6ItemWysiwyg = {
     exec: (e) => e.actions.toH6.run(),
@@ -640,8 +641,8 @@ exports.toggleHeadingFoldingItemView = {
     hint: () => (0, menubar_1.i18n)('folding-heading__hint'),
 };
 exports.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',
 };
@@ -656,7 +657,7 @@ exports.textContextItemWisywig = {
         if (!$from.sameParent($to))
             return false;
         const { parent } = $from;
-        return parent.type === (0, specs_1.pType)(schema) || parent.type === (0, specs_1.headingType)(schema);
+        return parent.type === (0, extensions_1.pType)(schema) || parent.type === (0, extensions_1.headingType)(schema);
     },
 };
 // ---- Paragraph ----
@@ -666,7 +667,7 @@ exports.paragraphItemView = {
     icon: icons_1.icons.text,
     hotkey: shortcuts_1.formatter.toView(shortcuts_1.Action.Text),
     doNotActivateList: true,
-    preview: (0, jsx_runtime_1.jsx)(TextPreview_1.TextPreview, {}),
+    preview: react_1.default.createElement(TextPreview_1.TextPreview, null),
 };
 exports.paragraphItemWisywig = {
     exec: (e) => e.actions.toParagraph.run(),
@@ -742,4 +743,3 @@ exports.mathListItemView = {
     withArrow: true,
     title: menubar_1.i18n.bind(null, 'math'),
 };
-//# sourceMappingURL=items.js.map

package/build/cjs/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/cjs/modules/toolbars/presets.js

@@ -1,9 +1,9 @@
 "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.js");
-const constants_1 = require("./constants.js");
-const items_1 = require("./items.js");
+const action_names_1 = require("../../bundle/config/action-names");
+const constants_1 = require("./constants");
+const items_1 = require("./items");
 // presets
 exports.zero = {
     items: {
@@ -24,108 +24,85 @@ exports.zero = {
     },
 };
 exports.commonmark = {
-    items: {
-        ...exports.zero.items,
-        [action_names_1.ActionName.bold]: {
+    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]: {
+        }, [action_names_1.ActionName.italic]: {
             view: items_1.italicItemView,
             wysiwyg: items_1.italicItemWysiwyg,
             markup: items_1.italicItemMarkup,
-        },
-        [constants_1.ListName.heading]: {
+        }, [constants_1.ListName.heading]: {
             view: items_1.headingListItemView,
-        },
-        [action_names_1.ActionName.paragraph]: {
+        }, [action_names_1.ActionName.paragraph]: {
             view: items_1.paragraphItemView,
             wysiwyg: items_1.paragraphItemWisywig,
             markup: items_1.paragraphItemMarkup,
-        },
-        [action_names_1.ActionName.heading1]: {
+        }, [action_names_1.ActionName.heading1]: {
             view: items_1.heading1ItemView,
             wysiwyg: items_1.heading1ItemWysiwyg,
             markup: items_1.heading1ItemMarkup,
-        },
-        [action_names_1.ActionName.heading2]: {
+        }, [action_names_1.ActionName.heading2]: {
             view: items_1.heading2ItemView,
             wysiwyg: items_1.heading2ItemWysiwyg,
             markup: items_1.heading2ItemMarkup,
-        },
-        [action_names_1.ActionName.heading3]: {
+        }, [action_names_1.ActionName.heading3]: {
             view: items_1.heading3ItemView,
             wysiwyg: items_1.heading3ItemWysiwyg,
             markup: items_1.heading3ItemMarkup,
-        },
-        [action_names_1.ActionName.heading4]: {
+        }, [action_names_1.ActionName.heading4]: {
             view: items_1.heading4ItemView,
             wysiwyg: items_1.heading4ItemWysiwyg,
             markup: items_1.heading4ItemMarkup,
-        },
-        [action_names_1.ActionName.heading5]: {
+        }, [action_names_1.ActionName.heading5]: {
             view: items_1.heading5ItemView,
             wysiwyg: items_1.heading5ItemWysiwyg,
             markup: items_1.heading5ItemMarkup,
-        },
-        [action_names_1.ActionName.heading6]: {
+        }, [action_names_1.ActionName.heading6]: {
             view: items_1.heading6ItemView,
             wysiwyg: items_1.heading6ItemWysiwyg,
             markup: items_1.heading6ItemMarkup,
-        },
-        [constants_1.ListName.lists]: {
+        }, [constants_1.ListName.lists]: {
             view: items_1.listsListItemView,
-        },
-        [action_names_1.ActionName.bulletList]: {
+        }, [action_names_1.ActionName.bulletList]: {
             view: items_1.bulletListItemView,
             wysiwyg: items_1.bulletListItemWysiwyg,
             markup: items_1.bulletListItemMarkup,
-        },
-        [action_names_1.ActionName.orderedList]: {
+        }, [action_names_1.ActionName.orderedList]: {
             view: items_1.orderedListItemView,
             wysiwyg: items_1.orderedListItemWysiwyg,
             markup: items_1.orderedListItemMarkup,
-        },
-        [action_names_1.ActionName.sinkListItem]: {
+        }, [action_names_1.ActionName.sinkListItem]: {
             view: items_1.sinkListItemView,
             wysiwyg: items_1.sinkListItemWysiwyg,
             markup: items_1.sinkListItemMarkup,
-        },
-        [action_names_1.ActionName.liftListItem]: {
+        }, [action_names_1.ActionName.liftListItem]: {
             view: items_1.liftListItemView,
             wysiwyg: items_1.liftListItemWysiwyg,
             markup: items_1.liftListItemMarkup,
-        },
-        [action_names_1.ActionName.link]: {
+        }, [action_names_1.ActionName.link]: {
             view: items_1.linkItemView,
             wysiwyg: items_1.linkItemWysiwyg,
             markup: items_1.linkItemMarkup,
-        },
-        [action_names_1.ActionName.quote]: {
+        }, [action_names_1.ActionName.quote]: {
             view: items_1.quoteItemView,
             wysiwyg: items_1.quoteItemWysiwyg,
             markup: items_1.quoteItemMarkup,
-        },
-        [constants_1.ListName.code]: {
+        }, [constants_1.ListName.code]: {
             view: items_1.codeBlocksListItemView,
-        },
-        [action_names_1.ActionName.codeInline]: {
+        }, [action_names_1.ActionName.codeInline]: {
             view: items_1.codeItemView,
             wysiwyg: items_1.codeItemWysiwyg,
             markup: items_1.codeItemMarkup,
-        },
-        [action_names_1.ActionName.codeBlock]: {
+        }, [action_names_1.ActionName.codeBlock]: {
             view: items_1.codeBlockItemView,
             wysiwyg: items_1.codeBlockItemWysiwyg,
             markup: items_1.codeBlockItemMarkup,
-        },
-        [action_names_1.ActionName.horizontalRule]: {
+        }, [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],
@@ -198,14 +175,11 @@ exports.commonmark = {
     },
 };
 exports.defaultPreset = {
-    items: {
-        ...exports.commonmark.items,
-        [action_names_1.ActionName.strike]: {
+    items: Object.assign(Object.assign({}, exports.commonmark.items), { [action_names_1.ActionName.strike]: {
             view: items_1.strikethroughItemView,
             wysiwyg: items_1.strikethroughItemWysiwyg,
             markup: items_1.strikethroughItemMarkup,
-        },
-    },
+        } }),
     orders: {
         [constants_1.ToolbarName.wysiwygMain]: [
             [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
@@ -278,60 +252,47 @@ exports.defaultPreset = {
     },
 };
 exports.yfm = {
-    items: {
-        ...exports.defaultPreset.items,
-        [action_names_1.ActionName.underline]: {
+    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]: {
+        }, [action_names_1.ActionName.mono]: {
             view: items_1.monospaceItemView,
             wysiwyg: items_1.monospaceItemWysiwyg,
             markup: items_1.monospaceItemMarkup,
-        },
-        [action_names_1.ActionName.note]: {
+        }, [action_names_1.ActionName.note]: {
             view: items_1.noteItemView,
             wysiwyg: items_1.noteItemWysiwyg,
             markup: items_1.noteItemMarkup,
-        },
-        [action_names_1.ActionName.cut]: {
+        }, [action_names_1.ActionName.cut]: {
             view: items_1.cutItemView,
             wysiwyg: items_1.cutItemWysiwyg,
             markup: items_1.cutItemMarkup,
-        },
-        [action_names_1.ActionName.image]: {
+        }, [action_names_1.ActionName.image]: {
             view: items_1.imageItemView,
             wysiwyg: items_1.imageItemWysiwyg,
-        },
-        [action_names_1.ActionName.imagePopup]: {
+        }, [action_names_1.ActionName.imagePopup]: {
             view: items_1.imagePopupItemView,
             markup: items_1.imageItemMarkup,
-        },
-        [action_names_1.ActionName.file]: {
+        }, [action_names_1.ActionName.file]: {
             view: items_1.fileItemView,
             wysiwyg: items_1.fileItemWysiwyg,
-        },
-        [action_names_1.ActionName.filePopup]: {
+        }, [action_names_1.ActionName.filePopup]: {
             view: items_1.filePopupItemView,
             markup: items_1.fileItemMarkup,
-        },
-        [action_names_1.ActionName.table]: {
+        }, [action_names_1.ActionName.table]: {
             view: items_1.tableItemView,
             wysiwyg: items_1.tableItemWysiwyg,
             markup: items_1.tableItemMarkup,
-        },
-        [action_names_1.ActionName.checkbox]: {
+        }, [action_names_1.ActionName.checkbox]: {
             view: items_1.checkboxItemView,
             wysiwyg: items_1.checkboxItemWysiwyg,
             markup: items_1.checkboxItemMarkup,
-        },
-        [action_names_1.ActionName.tabs]: {
+        }, [action_names_1.ActionName.tabs]: {
             view: items_1.tabsItemView,
             wysiwyg: items_1.tabsItemWysiwyg,
             markup: items_1.tabsItemMarkup,
-        },
-    },
+        } }),
     orders: {
         [constants_1.ToolbarName.wysiwygMain]: [
             [action_names_1.ActionName.undo, action_names_1.ActionName.redo],
@@ -410,24 +371,19 @@ exports.yfm = {
     },
 };
 exports.full = {
-    items: {
-        ...exports.yfm.items,
-        [action_names_1.ActionName.mark]: {
+    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]: {
+        }, [action_names_1.ActionName.colorify]: {
             view: items_1.colorifyItemView,
             wysiwyg: items_1.colorifyItemWysiwyg,
             markup: items_1.colorifyItemMarkup,
-        },
-        [action_names_1.ActionName.emoji]: {
+        }, [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],
@@ -507,4 +463,3 @@ exports.full = {
         [constants_1.ToolbarName.markupHidden]: [[action_names_1.ActionName.horizontalRule, action_names_1.ActionName.emoji, action_names_1.ActionName.tabs]],
     },
 };
-//# sourceMappingURL=presets.js.map

package/build/cjs/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/cjs/modules/toolbars/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map