@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.d.ts

@@ -1,5 +1,5 @@
-import { AutocompleteAction, AutocompleteHandler } from '../../../behavior/Autocomplete';
-export declare type EmojiHandlerParams = {
+import { AutocompleteAction, AutocompleteHandler } from "../../../behavior/Autocomplete/index.js";
+export type EmojiHandlerParams = {
     defs: Record<string, string>;
     shortcuts?: Partial<Record<string, string | string[]>>;
 };
@@ -7,7 +7,7 @@ export declare class EmojiHandler implements AutocompleteHandler {
     private readonly _emojis;
     private _emojiCarousel?;
     private _view?;
-    private _anchor?;
+    private _anchor;
     private _range?;
     private _popupCloser?;
     private _suggestProps?;

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.js

@@ -1,21 +1,21 @@
-import { AutocompletePopupCloser } from '../../../../utils/autocomplete-popup';
-import { ArrayCarousel } from '../../../../utils/carousel';
-import { getReactRendererFromState } from '../../../behavior';
-import { AutocompleteActionKind, closeAutocomplete, } from '../../../behavior/Autocomplete';
-import { EmojiConsts } from '../EmojiSpecs';
-import { render } from './EmojiSuggestComponent';
-import { findDecoElem } from './utils';
+import { AutocompletePopupCloser } from "../../../../utils/autocomplete-popup.js";
+import { ArrayCarousel } from "../../../../utils/carousel/index.js";
+import { getReactRendererFromState } from "../../../behavior/index.js";
+import { AutocompleteActionKind, closeAutocomplete, } from "../../../behavior/Autocomplete/index.js";
+import { EmojiConsts } from "../EmojiSpecs/index.js";
+import { render } from "./EmojiSuggestComponent.js";
+import { findDecoElem } from "./utils.js";
 const emptyArray = new Array(0);
 export class EmojiHandler {
+    _emojis;
+    _emojiCarousel;
+    _view;
+    _anchor = null;
+    _range;
+    _popupCloser;
+    _suggestProps;
+    _suggestRenderItem;
     constructor({ defs, shortcuts = {} }) {
-        this.onItemClick = (index) => {
-            var _a;
-            if (this._emojiCarousel) {
-                this._emojiCarousel.currentIndex = index;
-                this.select();
-            }
-            (_a = this._view) === null || _a === void 0 ? void 0 : _a.focus();
-        };
         this._emojis = Object.entries(defs).map(([name, symbol]) => {
             const def = { symbol, origName: name, name: name.toLowerCase() };
             const short = shortcuts[name];
@@ -39,13 +39,12 @@ export class EmojiHandler {
         return true;
     }
     onFilter(action) {
-        var _a, _b;
-        if ((_a = action.filter) === null || _a === void 0 ? void 0 : _a.endsWith('  ')) {
+        if (action.filter?.endsWith('  ')) {
             this.closeAutocomplete(action.view);
             return true;
         }
         this.updateState(action);
-        const needToClose = this.filterActions((_b = action.filter) === null || _b === void 0 ? void 0 : _b.trim());
+        const needToClose = this.filterActions(action.filter?.trim());
         this.render();
         if (needToClose) {
             this.closeAutocomplete(action.view);
@@ -90,11 +89,10 @@ export class EmojiHandler {
         });
     }
     select() {
-        var _a;
         const { _view: view, _range: range } = this;
         if (!view || !range)
             return;
-        const emojiDef = (_a = this._emojiCarousel) === null || _a === void 0 ? void 0 : _a.currentItem;
+        const emojiDef = this._emojiCarousel?.currentItem;
         if (!emojiDef)
             return;
         const { tr, schema } = view.state;
@@ -102,8 +100,7 @@ export class EmojiHandler {
         view.focus();
     }
     filterActions(inputText) {
-        var _a;
-        const currentItem = (_a = this._emojiCarousel) === null || _a === void 0 ? void 0 : _a.currentItem;
+        const currentItem = this._emojiCarousel?.currentItem;
         let filteredEmojis = this._emojis;
         let needToClose = false;
         if (inputText) {
@@ -120,56 +117,58 @@ export class EmojiHandler {
         return needToClose;
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
         this.findAnchor();
-        const viewItems = (_b = (_a = this._emojiCarousel) === null || _a === void 0 ? void 0 : _a.array) !== null && _b !== void 0 ? _b : [];
+        const viewItems = this._emojiCarousel?.array ?? [];
         this._suggestProps = {
-            anchor: this._anchor,
-            currentIndex: (_c = this._emojiCarousel) === null || _c === void 0 ? void 0 : _c.currentIndex,
+            anchorElement: this._anchor,
+            currentIndex: this._emojiCarousel?.currentIndex,
             items: viewItems,
             onClick: this.onItemClick,
-            onEscapeKeyDown: (_d = this._popupCloser) === null || _d === void 0 ? void 0 : _d.popupEscapeKeyHandler,
-            onOutsideClick: (_e = this._popupCloser) === null || _e === void 0 ? void 0 : _e.popupOutsideClickHandler,
+            onOpenChange: this._popupCloser?.popupOpenChangeHandler,
         };
-        this._suggestRenderItem = (_f = this._suggestRenderItem) !== null && _f !== void 0 ? _f : this.createMenuRenderItem();
+        this._suggestRenderItem = this._suggestRenderItem ?? this.createMenuRenderItem();
         this._suggestRenderItem.rerender();
     }
+    onItemClick = (index) => {
+        if (this._emojiCarousel) {
+            this._emojiCarousel.currentIndex = index;
+            this.select();
+        }
+        this._view?.focus();
+    };
     updateState({ view, range }) {
         this._view = view;
         this._range = range;
     }
     clear() {
-        var _a, _b;
         this._view = undefined;
         this._range = undefined;
-        this._anchor = undefined;
+        this._anchor = null;
         this._emojiCarousel = undefined;
-        (_a = this._popupCloser) === null || _a === void 0 ? void 0 : _a.cancelTimer();
+        this._popupCloser?.cancelTimer();
         this._popupCloser = undefined;
         this._suggestProps = undefined;
-        (_b = this._suggestRenderItem) === null || _b === void 0 ? void 0 : _b.remove();
+        this._suggestRenderItem?.remove();
         this._suggestRenderItem = undefined;
     }
     createMenuRenderItem() {
         return getReactRendererFromState(this._view.state).createItem('emoji_suggest', () => this._suggestProps ? render(this._suggestProps) : null);
     }
     findAnchor() {
-        var _a;
-        this._anchor = findDecoElem((_a = this._view) === null || _a === void 0 ? void 0 : _a.dom);
+        this._anchor = findDecoElem(this._view?.dom);
     }
 }
 function createEmoji(schema, def) {
     return EmojiConsts.nodeType(schema).create({ [EmojiConsts.NodeAttrs.Markup]: def.name }, schema.text(def.symbol));
 }
 function filterEmojis(defs, text) {
-    var _a;
     if (!text)
         return defs;
     const textLowerCase = text.toLowerCase();
     const byShortcuts = [];
     const byName = [];
     for (const emoji of defs) {
-        if ((_a = emoji.shortcuts) === null || _a === void 0 ? void 0 : _a.some((val) => val.startsWith(text))) {
+        if (emoji.shortcuts?.some((val) => val.startsWith(text))) {
             byShortcuts.push(emoji);
         }
         else if (emoji.name.startsWith(textLowerCase)) {
@@ -190,3 +189,4 @@ function needToHide(defs, text) {
     } while (iter < text.length && iter < CHARS_TO_HIDE);
     return iter >= CHARS_TO_HIDE;
 }
+//# sourceMappingURL=EmojiHandler.js.map

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiHandler.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import {Schema} from 'prosemirror-model';\nimport {EditorView} from 'prosemirror-view';\n\nimport {AutocompletePopupCloser} from '../../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../../utils/carousel';\nimport {RendererItem, getReactRendererFromState} from '../../../behavior';\nimport {\n    AutocompleteAction,\n    AutocompleteActionKind,\n    AutocompleteHandler,\n    FromTo,\n    closeAutocomplete,\n} from '../../../behavior/Autocomplete';\nimport {EmojiConsts} from '../EmojiSpecs';\n\nimport {EmojiSuggestComponentProps, render} from './EmojiSuggestComponent';\nimport type {EmojiDef} from './types';\nimport {findDecoElem} from './utils';\n\nconst emptyArray = new Array<string>(0);\n\nexport type EmojiHandlerParams = {\n    defs: Record<string, string>;\n    shortcuts?: Partial<Record<string, string | string[]>>;\n};\n\nexport class EmojiHandler implements AutocompleteHandler {\n    private readonly _emojis: readonly EmojiDef[];\n    private _emojiCarousel?: ArrayCarousel<EmojiDef>;\n\n    private _view?: EditorView;\n    private _anchor: Element | null = null;\n    private _range?: FromTo;\n    private _popupCloser?: AutocompletePopupCloser;\n\n    private _suggestProps?: EmojiSuggestComponentProps;\n    private _suggestRenderItem?: RendererItem;\n\n    constructor({defs, shortcuts = {}}: EmojiHandlerParams) {\n        this._emojis = Object.entries(defs).map(([name, symbol]) => {\n            const def: EmojiDef = {symbol, origName: name, name: name.toLowerCase()};\n            const short = shortcuts[name];\n            if (short) {\n                def.origShortcuts = emptyArray.concat(short);\n                def.shortcuts = def.origShortcuts.map((val) =>\n                    val.startsWith(':') ? val.slice(1) : val,\n                );\n            }\n            return def;\n        });\n    }\n\n    onOpen(action: AutocompleteAction): boolean {\n        this.findAnchor();\n        if (!this._anchor) {\n            this.closeAutocomplete(action.view);\n            return true;\n        }\n\n        this._popupCloser = new AutocompletePopupCloser(action.view);\n        this.updateState(action);\n        this.filterActions();\n        this.render();\n\n        return true;\n    }\n\n    onFilter(action: AutocompleteAction): boolean {\n        if (action.filter?.endsWith('  ')) {\n            this.closeAutocomplete(action.view);\n            return true;\n        }\n\n        this.updateState(action);\n\n        const needToClose = this.filterActions(action.filter?.trim());\n        this.render();\n\n        if (needToClose) {\n            this.closeAutocomplete(action.view);\n        }\n\n        return true;\n    }\n\n    onArrow(action: AutocompleteAction): boolean {\n        this.updateState(action);\n\n        if (!this._emojiCarousel) return false;\n\n        switch (action.kind) {\n            case AutocompleteActionKind.up: {\n                this._emojiCarousel.prev();\n                break;\n            }\n            case AutocompleteActionKind.down: {\n                this._emojiCarousel.next();\n                break;\n            }\n            default:\n                return false;\n        }\n\n        this.render();\n\n        return true;\n    }\n\n    onEnter(action: AutocompleteAction): boolean {\n        this.updateState(action);\n\n        this.select();\n\n        return true;\n    }\n\n    onClose(action: AutocompleteAction): boolean {\n        this.updateState(action);\n\n        this.clear();\n\n        return true;\n    }\n\n    onDestroy(): void {\n        this.clear();\n    }\n\n    private closeAutocomplete(view: EditorView) {\n        setTimeout(() => {\n            closeAutocomplete(view);\n        });\n    }\n\n    private select() {\n        const {_view: view, _range: range} = this;\n        if (!view || !range) return;\n\n        const emojiDef = this._emojiCarousel?.currentItem;\n        if (!emojiDef) return;\n\n        const {tr, schema} = view.state;\n        view.dispatch(\n            tr.replaceWith(range.from, range.to, createEmoji(schema, emojiDef)).scrollIntoView(),\n        );\n        view.focus();\n    }\n\n    private filterActions(inputText?: string): boolean {\n        const currentItem = this._emojiCarousel?.currentItem;\n\n        let filteredEmojis = this._emojis;\n        let needToClose = false;\n\n        if (inputText) {\n            filteredEmojis = filterEmojis(filteredEmojis, inputText);\n            needToClose = !filteredEmojis.length && needToHide(this._emojis, inputText);\n        }\n\n        this._emojiCarousel = new ArrayCarousel(filteredEmojis);\n\n        if (currentItem) {\n            const newIndex = this._emojiCarousel.array.findIndex((item) => item === currentItem);\n            if (newIndex !== -1) {\n                this._emojiCarousel.currentIndex = newIndex;\n            }\n        }\n\n        return needToClose;\n    }\n\n    private render() {\n        this.findAnchor();\n        const viewItems = this._emojiCarousel?.array ?? [];\n        this._suggestProps = {\n            anchorElement: this._anchor,\n            currentIndex: this._emojiCarousel?.currentIndex,\n            items: viewItems,\n            onClick: this.onItemClick,\n            onOpenChange: this._popupCloser?.popupOpenChangeHandler,\n        };\n        this._suggestRenderItem = this._suggestRenderItem ?? this.createMenuRenderItem();\n        this._suggestRenderItem.rerender();\n    }\n\n    private onItemClick = (index: number) => {\n        if (this._emojiCarousel) {\n            this._emojiCarousel.currentIndex = index;\n            this.select();\n        }\n        this._view?.focus();\n    };\n\n    private updateState({view, range}: AutocompleteAction) {\n        this._view = view;\n        this._range = range;\n    }\n\n    private clear() {\n        this._view = undefined;\n        this._range = undefined;\n        this._anchor = null;\n        this._emojiCarousel = undefined;\n        this._popupCloser?.cancelTimer();\n        this._popupCloser = undefined;\n        this._suggestProps = undefined;\n        this._suggestRenderItem?.remove();\n        this._suggestRenderItem = undefined;\n    }\n\n    private createMenuRenderItem(): RendererItem {\n        return getReactRendererFromState(this._view!.state).createItem('emoji_suggest', () =>\n            this._suggestProps ? render(this._suggestProps) : null,\n        );\n    }\n\n    private findAnchor() {\n        this._anchor = findDecoElem(this._view?.dom);\n    }\n}\n\nfunction createEmoji(schema: Schema, def: EmojiDef) {\n    return EmojiConsts.nodeType(schema).create(\n        {[EmojiConsts.NodeAttrs.Markup]: def.name},\n        schema.text(def.symbol),\n    );\n}\n\nfunction filterEmojis(defs: readonly EmojiDef[], text: string): readonly EmojiDef[] {\n    if (!text) return defs;\n    const textLowerCase = text.toLowerCase();\n\n    const byShortcuts: EmojiDef[] = [];\n    const byName: EmojiDef[] = [];\n    for (const emoji of defs) {\n        if (emoji.shortcuts?.some((val) => val.startsWith(text))) {\n            byShortcuts.push(emoji);\n        } else if (emoji.name.startsWith(textLowerCase)) {\n            byName.push(emoji);\n        }\n    }\n    return byShortcuts.concat(byName);\n}\n\nconst CHARS_TO_HIDE = 4;\nfunction needToHide(defs: readonly EmojiDef[], text: string): boolean {\n    let iter = 1;\n    do {\n        const prevInput = text.slice(0, text.length - iter);\n        const prevActions = filterEmojis(defs, prevInput);\n        if (prevActions.length) break;\n        iter++;\n    } while (iter < text.length && iter < CHARS_TO_HIDE);\n    return iter >= CHARS_TO_HIDE;\n}\n"]}

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggest.d.ts

@@ -1,7 +1,7 @@
-import type { Action, ExtensionAuto } from '../../../../core';
-import type { EmojiSpecsOptions } from '../EmojiSpecs';
+import type { Action, ExtensionAuto } from "../../../../core/index.js";
+import type { EmojiSpecsOptions } from "../EmojiSpecs/index.js";
 declare const emojiSuggestActionName = "openEmojiSuggest";
-declare type EmojiSuggestActionAttrs = {
+type EmojiSuggestActionAttrs = {
     text?: string;
 };
 export declare const EmojiSuggest: ExtensionAuto<EmojiSpecsOptions>;

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggest.js

@@ -1,6 +1,6 @@
-import { Autocomplete, openAutocomplete } from '../../../behavior/Autocomplete';
-import { EmojiHandler } from './EmojiHandler';
-import { DecoClassName } from './const';
+import { Autocomplete, openAutocomplete } from "../../../behavior/Autocomplete/index.js";
+import { EmojiHandler } from "./EmojiHandler.js";
+import { DecoClassName } from "./const.js";
 const emojiSuggestActionName = 'openEmojiSuggest';
 export const EmojiSuggest = (builder, { defs, shortcuts }) => {
     if (!defs)
@@ -25,8 +25,9 @@ export const EmojiSuggest = (builder, { defs, shortcuts }) => {
                 return state.selection.empty;
             },
             run: (_s, _d, view, attrs) => {
-                return openAutocomplete(view, ':', attrs === null || attrs === void 0 ? void 0 : attrs.text);
+                return openAutocomplete(view, ':', attrs?.text);
             },
         };
     });
 };
+//# sourceMappingURL=EmojiSuggest.js.map

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiSuggest.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/EmojiSuggest.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAoB,gBAAgB,EAAC,gDAAuC;AAGhG,OAAO,EAAC,YAAY,EAAC,0BAAuB;AAC5C,OAAO,EAAC,aAAa,EAAC,mBAAgB;AAEtC,MAAM,sBAAsB,GAAG,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,YAAY,GAAqC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE;IACzF,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM,IAAI,GAAqB;QAC3B,OAAO,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,KAAK;YACnB,kBAAkB,EAAE,IAAI;YACxB,eAAe,EAAE,EAAC,KAAK,EAAE,aAAa,EAAC;SAC1C;QACD,OAAO,EAAE,IAAI,YAAY,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC;KAC/C,CAAC;IAEF,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC3C,OAAO;YACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;YACjC,CAAC;YACD,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,KAA+B,EAAE,EAAE;gBACnD,OAAO,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;YACpD,CAAC;SACJ,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionAuto} from '../../../../core';\nimport {Autocomplete, AutocompleteItem, openAutocomplete} from '../../../behavior/Autocomplete';\nimport type {EmojiSpecsOptions} from '../EmojiSpecs';\n\nimport {EmojiHandler} from './EmojiHandler';\nimport {DecoClassName} from './const';\n\nconst emojiSuggestActionName = 'openEmojiSuggest';\ntype EmojiSuggestActionAttrs = {text?: string};\n\nexport const EmojiSuggest: ExtensionAuto<EmojiSpecsOptions> = (builder, {defs, shortcuts}) => {\n    if (!defs) return;\n\n    if (!builder.context.has('autocomplete')) {\n        builder.use(Autocomplete);\n    }\n\n    const item: AutocompleteItem = {\n        trigger: {\n            name: 'emoji',\n            trigger: /(?:^|\\s)(:)$/,\n            allArrowKeys: false,\n            cancelOnFirstSpace: true,\n            decorationAttrs: {class: DecoClassName},\n        },\n        handler: new EmojiHandler({defs, shortcuts}),\n    };\n\n    builder.context.get('autocomplete')!.add(item);\n\n    builder.addAction(emojiSuggestActionName, () => {\n        return {\n            isEnable: (state) => {\n                return state.selection.empty;\n            },\n            run: (_s, _d, view, attrs?: EmojiSuggestActionAttrs) => {\n                return openAutocomplete(view, ':', attrs?.text);\n            },\n        };\n    });\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [emojiSuggestActionName]: Action<EmojiSuggestActionAttrs>;\n        }\n    }\n}\n"]}

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggestComponent.css

@@ -26,9 +26,10 @@
   justify-content: center;
   width: 20px;
   margin-right: 8px;
+  font-family: var(--g-text-body-font-family);
+  font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
-  font-weight: var(--g-text-body-font-weight);
 }
 .g-md-emoji-suggest__item-name {
   margin-right: 12px;
@@ -44,8 +45,8 @@
   white-space: nowrap;
   border-radius: var(--g-border-radius-xs);
   background-color: var(--g-color-base-generic);
-  font-family: var(--g-font-family-monospace);
+  font-family: var(--g-text-code-font-family);
+  font-weight: var(--g-text-code-font-weight);
   font-size: var(--g-text-code-inline-1-font-size);
   line-height: var(--g-text-code-inline-1-line-height);
-  font-weight: var(--g-text-code-font-weight);
 }

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggestComponent.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { AutocompletePopupProps } from '../../../../utils/autocomplete-popup';
-import type { EmojiDef } from './types';
-import './EmojiSuggestComponent.css';
-export declare type EmojiSuggestComponentProps = AutocompletePopupProps & {
+import { AutocompletePopupProps } from "../../../../utils/autocomplete-popup.js";
+import type { EmojiDef } from "./types.js";
+import "./EmojiSuggestComponent.css";
+export type EmojiSuggestComponentProps = AutocompletePopupProps & {
     currentIndex?: number;
     items: readonly EmojiDef[];
     onClick(itemIndex: number): void;

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggestComponent.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { List, Popup } from '@gravity-ui/uikit';
-import { cn } from '../../../../classname';
-import { ErrorLoggerBoundary } from '../../../../react-utils/ErrorBoundary';
-import './EmojiSuggestComponent.css';
+import { cn } from "../../../../classname.js";
+import { ErrorLoggerBoundary } from "../../../../react-utils/ErrorBoundary.js";
+import "./EmojiSuggestComponent.css";
 const b = cn('emoji-suggest');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
 const ITEM_HEIGHT = 28; // px
@@ -13,24 +13,15 @@ function calcListHeight(itemsCount) {
         return undefined;
     return Math.min(MAX_LIST_HEIGHT, itemsCount * ITEM_HEIGHT);
 }
-export const EmojiSuggestComponent = ({ anchor, currentIndex, items, onClick, onEnterKeyDown, onEscapeKeyDown, onOutsideClick, }) => {
-    if (!anchor)
+export const EmojiSuggestComponent = ({ anchorElement, currentIndex, items, onClick, onOpenChange, }) => {
+    if (!anchorElement)
         return null;
-    return (React.createElement(Popup, { open: Boolean(items.length), anchorRef: { current: anchor }, placement: placement, onEnterKeyDown: onEnterKeyDown, onEscapeKeyDown: onEscapeKeyDown, onOutsideClick: onOutsideClick },
-        React.createElement("div", { className: b() },
-            React.createElement(List, { virtualized: true, items: items, sortable: false, filterable: false, itemHeight: ITEM_HEIGHT, itemsHeight: calcListHeight(items.length), renderItem: renderItem, deactivateOnLeave: false, activeItemIndex: currentIndex, onItemClick: (_item, index) => onClick(index), className: b('list'), itemClassName: b('list-item') }))));
+    return (_jsx(Popup, { open: Boolean(items.length), anchorElement: anchorElement, placement: placement, onOpenChange: onOpenChange, children: _jsx("div", { className: b(), children: _jsx(List, { virtualized: true, items: items, sortable: false, filterable: false, itemHeight: ITEM_HEIGHT, itemsHeight: calcListHeight(items.length), renderItem: renderItem, deactivateOnLeave: false, activeItemIndex: currentIndex, onItemClick: (_item, index) => onClick(index), className: b('list'), itemClassName: b('list-item') }) }) }));
 };
 function renderItem({ origName, symbol, origShortcuts }) {
-    return (React.createElement("div", { key: origName, className: b('item') },
-        React.createElement("div", { className: b('item-info') },
-            React.createElement("div", { className: b('item-icon') }, symbol),
-            React.createElement("div", { className: b('item-name') },
-                ":",
-                origName,
-                ":")),
-        origShortcuts !== undefined && (React.createElement("div", { className: b('item-shortcuts') }, origShortcuts.slice(0, 4).map((val) => (React.createElement("span", { key: `${origName}_${val}`, className: b('item-shortcut') }, val)))))));
+    return (_jsxs("div", { className: b('item'), children: [_jsxs("div", { className: b('item-info'), children: [_jsx("div", { className: b('item-icon'), children: symbol }), _jsxs("div", { className: b('item-name'), children: [":", origName, ":"] })] }), origShortcuts !== undefined && (_jsx("div", { className: b('item-shortcuts'), children: origShortcuts.slice(0, 4).map((val) => (_jsx("span", { className: b('item-shortcut'), children: val }, `${origName}_${val}`))) }))] }, origName));
 }
 export function render(props) {
-    return (React.createElement(ErrorLoggerBoundary, null,
-        React.createElement(EmojiSuggestComponent, Object.assign({}, props))));
+    return (_jsx(ErrorLoggerBoundary, { children: _jsx(EmojiSuggestComponent, { ...props }) }));
 }
+//# sourceMappingURL=EmojiSuggestComponent.js.map

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggestComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiSuggestComponent.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/EmojiSuggestComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,KAAK,EAAiB,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EAAC,mBAAmB,EAAC,iDAA8C;AAK1E,qCAAsC;AAEtC,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAC9B,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAEzF,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,KAAK;AAC7B,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,eAAe,GAAG,WAAW,GAAG,mBAAmB,CAAC,CAAC,KAAK;AAChE,SAAS,cAAc,CAAC,UAAkB;IACtC,IAAI,UAAU,IAAI,CAAC;QAAE,OAAO,SAAS,CAAC;IACtC,OAAO,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAC/D,CAAC;AAQD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EACxE,aAAa,EACb,YAAY,EACZ,KAAK,EACL,OAAO,EACP,YAAY,GACf,EAAE,EAAE;IACD,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACH,KAAC,KAAK,IACF,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAC3B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,YAE1B,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IACD,WAAW,QACX,KAAK,EAAE,KAAmB,EAC1B,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,WAAW,EACvB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,EACzC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,KAAK,EACxB,eAAe,EAAE,YAAY,EAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,aAAa,EAAE,CAAC,CAAC,WAAW,CAAC,GAC/B,GACA,GACF,CACX,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAW;IAC3D,OAAO,CACH,eAAoB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACpC,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,MAAM,GAAO,EAC9C,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,kBAAI,QAAQ,SAAQ,IAChD,EACL,aAAa,KAAK,SAAS,IAAI,CAC5B,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC9B,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpC,eAAiC,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YACzD,GAAG,IADG,GAAG,QAAQ,IAAI,GAAG,EAAE,CAExB,CACV,CAAC,GACA,CACT,KAbK,QAAQ,CAcZ,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAiC;IACpD,OAAO,CACH,KAAC,mBAAmB,cAChB,KAAC,qBAAqB,OAAK,KAAK,GAAI,GAClB,CACzB,CAAC;AACN,CAAC","sourcesContent":["import {List, Popup, PopupPlacement} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../classname';\nimport {ErrorLoggerBoundary} from '../../../../react-utils/ErrorBoundary';\nimport {AutocompletePopupProps} from '../../../../utils/autocomplete-popup';\n\nimport type {EmojiDef} from './types';\n\nimport './EmojiSuggestComponent.scss';\n\nconst b = cn('emoji-suggest');\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nconst ITEM_HEIGHT = 28; // px\nconst VISIBLE_ITEMS_COUNT = 10;\nconst MAX_LIST_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS_COUNT; // px\nfunction calcListHeight(itemsCount: number): number | undefined {\n    if (itemsCount <= 0) return undefined;\n    return Math.min(MAX_LIST_HEIGHT, itemsCount * ITEM_HEIGHT);\n}\n\nexport type EmojiSuggestComponentProps = AutocompletePopupProps & {\n    currentIndex?: number;\n    items: readonly EmojiDef[];\n    onClick(itemIndex: number): void;\n};\n\nexport const EmojiSuggestComponent: React.FC<EmojiSuggestComponentProps> = ({\n    anchorElement,\n    currentIndex,\n    items,\n    onClick,\n    onOpenChange,\n}) => {\n    if (!anchorElement) return null;\n\n    return (\n        <Popup\n            open={Boolean(items.length)}\n            anchorElement={anchorElement}\n            placement={placement}\n            onOpenChange={onOpenChange}\n        >\n            <div className={b()}>\n                <List<EmojiDef>\n                    virtualized\n                    items={items as EmojiDef[]}\n                    sortable={false}\n                    filterable={false}\n                    itemHeight={ITEM_HEIGHT}\n                    itemsHeight={calcListHeight(items.length)}\n                    renderItem={renderItem}\n                    deactivateOnLeave={false}\n                    activeItemIndex={currentIndex}\n                    onItemClick={(_item, index) => onClick(index)}\n                    className={b('list')}\n                    itemClassName={b('list-item')}\n                />\n            </div>\n        </Popup>\n    );\n};\n\nfunction renderItem({origName, symbol, origShortcuts}: EmojiDef): React.ReactNode {\n    return (\n        <div key={origName} className={b('item')}>\n            <div className={b('item-info')}>\n                <div className={b('item-icon')}>{symbol}</div>\n                <div className={b('item-name')}>:{origName}:</div>\n            </div>\n            {origShortcuts !== undefined && (\n                <div className={b('item-shortcuts')}>\n                    {origShortcuts.slice(0, 4).map((val) => (\n                        <span key={`${origName}_${val}`} className={b('item-shortcut')}>\n                            {val}\n                        </span>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport function render(props: EmojiSuggestComponentProps): React.ReactNode {\n    return (\n        <ErrorLoggerBoundary>\n            <EmojiSuggestComponent {...props} />\n        </ErrorLoggerBoundary>\n    );\n}\n"]}

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/const.js

@@ -1 +1,2 @@
 export const DecoClassName = 'pm-emoji-input';
+//# sourceMappingURL=const.js.map

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC","sourcesContent":["export const DecoClassName = 'pm-emoji-input';\n"]}

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/index.d.ts

@@ -1 +1 @@
-export * from './EmojiSuggest';
+export * from "./EmojiSuggest.js";

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/index.js

@@ -1 +1,2 @@
-export * from './EmojiSuggest';
+export * from "./EmojiSuggest.js";
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/index.ts"],"names":[],"mappings":"AAAA,kCAA+B","sourcesContent":["export * from './EmojiSuggest';\n"]}

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/types.d.ts

@@ -1,4 +1,4 @@
-export declare type EmojiDef = {
+export type EmojiDef = {
     symbol: string;
     name: string;
     origName: string;

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/types.js

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

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/types.ts"],"names":[],"mappings":"","sourcesContent":["export type EmojiDef = {\n    symbol: string;\n    name: string;\n    origName: string;\n    shortcuts?: readonly string[];\n    origShortcuts?: readonly string[];\n};\n"]}

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/utils.js

@@ -1,7 +1,8 @@
-import { AutocompleteDecoClassName } from '../../../behavior/Autocomplete';
-import { DecoClassName } from './const';
+import { AutocompleteDecoClassName } from "../../../behavior/Autocomplete/index.js";
+import { DecoClassName } from "./const.js";
 export function findDecoElem(targetElem) {
-    var _a;
-    const target = targetElem !== null && targetElem !== void 0 ? targetElem : document;
-    return ((_a = target.getElementsByClassName(DecoClassName).item(0)) !== null && _a !== void 0 ? _a : target.getElementsByClassName(AutocompleteDecoClassName).item(0));
+    const target = targetElem ?? document;
+    return (target.getElementsByClassName(DecoClassName).item(0) ??
+        target.getElementsByClassName(AutocompleteDecoClassName).item(0));
 }
+//# sourceMappingURL=utils.js.map

package/build/esm/extensions/yfm/Emoji/EmojiSuggest/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,yBAAyB,EAAC,gDAAuC;AAEzE,OAAO,EAAC,aAAa,EAAC,mBAAgB;AAEtC,MAAM,UAAU,YAAY,CAAC,UAAoB;IAC7C,MAAM,MAAM,GAAG,UAAU,IAAI,QAAQ,CAAC;IACtC,OAAO,CACH,MAAM,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,sBAAsB,CAAC,yBAAyB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnE,CAAC;AACN,CAAC","sourcesContent":["import {AutocompleteDecoClassName} from '../../../behavior/Autocomplete';\n\nimport {DecoClassName} from './const';\n\nexport function findDecoElem(targetElem?: Element) {\n    const target = targetElem ?? document;\n    return (\n        target.getElementsByClassName(DecoClassName).item(0) ??\n        target.getElementsByClassName(AutocompleteDecoClassName).item(0)\n    );\n}\n"]}

package/build/esm/extensions/yfm/Emoji/index.d.ts

@@ -1 +1 @@
-export * from './Emoji';
+export * from "./Emoji.js";

package/build/esm/extensions/yfm/Emoji/index.js

@@ -1 +1,2 @@
-export * from './Emoji';
+export * from "./Emoji.js";
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/Emoji/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/Emoji/index.ts"],"names":[],"mappings":"AAAA,2BAAwB","sourcesContent":["export * from './Emoji';\n"]}

package/build/esm/extensions/yfm/ImgSize/ImagePaste/index.d.ts

@@ -1,8 +1,8 @@
-import type { ParseInsertedUrlAsImage } from '../../../../bundle';
-import { ExtensionAuto } from '../../../../core';
-import { FileUploadHandler } from '../../../../utils';
-import { CreateImageNodeOptions } from '../utils';
-export declare type ImagePasteOptions = Pick<CreateImageNodeOptions, 'needDimensions' | 'enableNewImageSizeCalculation'> & {
+import type { ParseInsertedUrlAsImage } from "../../../../bundle/index.js";
+import { ExtensionAuto } from "../../../../core/index.js";
+import { FileUploadHandler } from "../../../../utils/index.js";
+import { CreateImageNodeOptions } from "../utils.js";
+export type ImagePasteOptions = Pick<CreateImageNodeOptions, 'needDimensions' | 'enableNewImageSizeCalculation'> & {
     imageUploadHandler?: FileUploadHandler;
     /**
      * The function, used to determine if the pasted text is the image url and should be inserted as an image

package/build/esm/extensions/yfm/ImgSize/ImagePaste/index.js

@@ -2,22 +2,21 @@ import { decode as base64ToBuffer } from 'base64-arraybuffer';
 import { Fragment, Slice } from 'prosemirror-model';
 import { Plugin } from 'prosemirror-state';
 import { dropPoint } from 'prosemirror-transform';
-import { isFunction } from '../../../../lodash';
-import { clipboardUtils } from '../../../behavior/Clipboard';
-import { DataTransferType } from '../../../behavior/Clipboard/utils';
-import { ImageAttr, ImgSizeAttr, imageType } from '../../../specs';
-import { isImageNode } from '../utils';
-import { ImagesUploadProcess } from './upload';
+import { isFunction } from "../../../../lodash.js";
+import { clipboardUtils } from "../../../behavior/Clipboard/index.js";
+import { DataTransferType } from "../../../behavior/Clipboard/utils.js";
+import { ImageAttr, ImgSizeAttr, imageType } from "../../../specs.js";
+import { isImageNode } from "../utils.js";
+import { ImagesUploadProcess } from "./upload.js";
 const { isFilesFromHtml, isFilesOnly, isImageFile } = clipboardUtils;
 export const ImagePaste = (builder, opts) => {
-    const { parseInsertedUrlAsImage, imageUploadHandler } = opts !== null && opts !== void 0 ? opts : {};
-    if (!isFunction(imageUploadHandler !== null && imageUploadHandler !== void 0 ? imageUploadHandler : parseInsertedUrlAsImage))
+    const { parseInsertedUrlAsImage, imageUploadHandler } = opts ?? {};
+    if (!isFunction(imageUploadHandler ?? parseInsertedUrlAsImage))
         throw new Error(`ImagePaste extension: ${opts.imageUploadHandler ? 'imageUploadHandler' : 'parseInsertedUrlAsImage'} is not a function`);
     builder.addPlugin(() => new Plugin({
         props: {
             handleDOMEvents: {
                 paste(view, e) {
-                    var _a, _b;
                     const files = getPastedImages(e.clipboardData);
                     if (imageUploadHandler && files) {
                         e.preventDefault();
@@ -25,7 +24,7 @@ export const ImagePaste = (builder, opts) => {
                         return true;
                     }
                     else if (parseInsertedUrlAsImage) {
-                        const { imageUrl, title } = parseInsertedUrlAsImage((_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData(DataTransferType.Text)) !== null && _b !== void 0 ? _b : '') || {};
+                        const { imageUrl, title } = parseInsertedUrlAsImage(e.clipboardData?.getData(DataTransferType.Text) ?? '') || {};
                         if (!imageUrl) {
                             return false;
                         }
@@ -41,7 +40,6 @@ export const ImagePaste = (builder, opts) => {
                     return false;
                 },
                 drop(view, e) {
-                    var _a, _b;
                     if (!imageUploadHandler) {
                         return false;
                     }
@@ -51,7 +49,7 @@ export const ImagePaste = (builder, opts) => {
                     const files = getPastedImages(e.dataTransfer);
                     if (!files)
                         return false;
-                    const dropPos = (_b = (_a = view.posAtCoords({ left: e.clientX, top: e.clientY })) === null || _a === void 0 ? void 0 : _a.pos) !== null && _b !== void 0 ? _b : -1;
+                    const dropPos = view.posAtCoords({ left: e.clientX, top: e.clientY })?.pos ?? -1;
                     if (dropPos === -1)
                         return false;
                     const posToInsert = dropPoint(view.state.doc, dropPos, createFakeImageSlice(view.state.schema));
@@ -101,12 +99,12 @@ function sliceSingleNode(slice) {
         : null;
 }
 function dataUrlToFile(dataUrl, filename) {
-    var _a;
     const [data, base64String] = dataUrl.split(',');
     if (!data || !base64String)
         return null;
-    const mime = (_a = data.match(/^data:(.+);base64/)) === null || _a === void 0 ? void 0 : _a[1];
+    const mime = data.match(/^data:(.+);base64/)?.[1];
     if (!mime)
         return null;
     return new File([base64ToBuffer(base64String)], filename, { type: mime });
 }
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/ImgSize/ImagePaste/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImagePaste/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {decode as base64ToBuffer} from 'base64-arraybuffer';\nimport {Fragment, Node, Schema, Slice} from 'prosemirror-model';\nimport {Plugin} from 'prosemirror-state';\nimport {dropPoint} from 'prosemirror-transform';\n\nimport type {ParseInsertedUrlAsImage} from '../../../../bundle';\nimport {ExtensionAuto} from '../../../../core';\nimport {isFunction} from '../../../../lodash';\nimport {FileUploadHandler} from '../../../../utils';\nimport {clipboardUtils} from '../../../behavior/Clipboard';\nimport {DataTransferType} from '../../../behavior/Clipboard/utils';\nimport {ImageAttr, ImgSizeAttr, imageType} from '../../../specs';\nimport {CreateImageNodeOptions, isImageNode} from '../utils';\n\nimport {ImagesUploadProcess} from './upload';\n\nconst {isFilesFromHtml, isFilesOnly, isImageFile} = clipboardUtils;\n\nexport type ImagePasteOptions = Pick<\n    CreateImageNodeOptions,\n    'needDimensions' | 'enableNewImageSizeCalculation'\n> & {\n    imageUploadHandler?: FileUploadHandler;\n    /**\n     * The function, used to determine if the pasted text is the image url and should be inserted as an image\n     */\n    parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n};\n\nexport const ImagePaste: ExtensionAuto<ImagePasteOptions> = (builder, opts) => {\n    const {parseInsertedUrlAsImage, imageUploadHandler} = opts ?? {};\n\n    if (!isFunction(imageUploadHandler ?? parseInsertedUrlAsImage))\n        throw new Error(\n            `ImagePaste extension: ${\n                opts.imageUploadHandler ? 'imageUploadHandler' : 'parseInsertedUrlAsImage'\n            } is not a function`,\n        );\n\n    builder.addPlugin(\n        () =>\n            new Plugin({\n                props: {\n                    handleDOMEvents: {\n                        paste(view, e) {\n                            const files = getPastedImages(e.clipboardData);\n                            if (imageUploadHandler && files) {\n                                e.preventDefault();\n                                new ImagesUploadProcess(\n                                    view,\n                                    files,\n                                    imageUploadHandler,\n                                    view.state.tr.selection.from,\n                                    opts,\n                                ).run();\n                                return true;\n                            } else if (parseInsertedUrlAsImage) {\n                                const {imageUrl, title} =\n                                    parseInsertedUrlAsImage(\n                                        e.clipboardData?.getData(DataTransferType.Text) ?? '',\n                                    ) || {};\n\n                                if (!imageUrl) {\n                                    return false;\n                                }\n\n                                e.preventDefault();\n\n                                const imageNode = imageType(view.state.schema).create({\n                                    src: imageUrl,\n                                    alt: title,\n                                });\n\n                                const tr = view.state.tr.replaceSelectionWith(imageNode);\n                                view.dispatch(tr.scrollIntoView());\n\n                                return true;\n                            }\n\n                            return false;\n                        },\n                        drop(view, e) {\n                            if (!imageUploadHandler) {\n                                return false;\n                            }\n\n                            // handle drop images from device\n                            if (view.dragging) return false;\n\n                            const files = getPastedImages(e.dataTransfer);\n                            if (!files) return false;\n\n                            const dropPos =\n                                view.posAtCoords({left: e.clientX, top: e.clientY})?.pos ?? -1;\n                            if (dropPos === -1) return false;\n\n                            const posToInsert = dropPoint(\n                                view.state.doc,\n                                dropPos,\n                                createFakeImageSlice(view.state.schema),\n                            );\n\n                            if (posToInsert !== null) {\n                                new ImagesUploadProcess(\n                                    view,\n                                    files,\n                                    imageUploadHandler,\n                                    posToInsert,\n                                    opts,\n                                ).run();\n                            }\n\n                            e.preventDefault();\n                            return true;\n                        },\n                    },\n                    handlePaste(view, _event, slice) {\n                        if (!imageUploadHandler) {\n                            return false;\n                        }\n\n                        const node = sliceSingleNode(slice);\n                        if (node && isImageNode(node)) {\n                            const imgUrl = node.attrs[ImgSizeAttr.Src];\n                            const imgFile = dataUrlToFile(imgUrl, 'image');\n                            if (imgFile) {\n                                new ImagesUploadProcess(\n                                    view,\n                                    [imgFile],\n                                    imageUploadHandler,\n                                    view.state.tr.selection.from,\n                                    opts,\n                                ).run();\n                                return true;\n                            }\n                        }\n                        return false;\n                    },\n                },\n            }),\n        builder.Priority.High,\n    );\n};\n\nfunction getPastedImages(data: DataTransfer | null): File[] | null {\n    if (!data || data.files.length === 0) return null;\n    if (!isFilesOnly(data) && !isFilesFromHtml(data)) return null;\n    const files = Array.from(data.files);\n    return files.every(isImageFile) ? files : null;\n}\n\nfunction createFakeImageSlice(schema: Schema): Slice {\n    return new Slice(\n        Fragment.from(\n            imageType(schema).create({\n                [ImageAttr.Src]: 'fake',\n                [ImageAttr.Title]: 'image',\n            }),\n        ),\n        0,\n        0,\n    );\n}\n\n// copied from prosemirror-view input.ts\nfunction sliceSingleNode(slice: Slice): Node | null {\n    return slice.openStart === 0 && slice.openEnd === 0 && slice.content.childCount === 1\n        ? slice.content.firstChild\n        : null;\n}\n\nfunction dataUrlToFile(dataUrl: string, filename: string): File | null {\n    const [data, base64String] = dataUrl.split(',');\n    if (!data || !base64String) return null;\n    const mime = data.match(/^data:(.+);base64/)?.[1];\n    if (!mime) return null;\n    return new File([base64ToBuffer(base64String)], filename, {type: mime});\n}\n"]}

package/build/esm/extensions/yfm/ImgSize/ImagePaste/skeleton.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { ReactWidgetDescriptor } from '../../../behavior/WidgetDecoration';
-import './skeleton.css';
+import { ReactWidgetDescriptor } from "../../../behavior/WidgetDecoration/index.js";
+import "./skeleton.css";
 export declare class ImageSkeletonDescriptor extends ReactWidgetDescriptor {
     #private;
     get pos(): number;

package/build/esm/extensions/yfm/ImgSize/ImagePaste/skeleton.js

@@ -1,31 +1,28 @@
-var _ImageSkeletonDescriptor_domElem;
-import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Skeleton } from '@gravity-ui/uikit';
-import { cn } from '../../../../classname';
-import { ReactWidgetDescriptor } from '../../../behavior/WidgetDecoration';
-import './skeleton.css';
+import { cn } from "../../../../classname.js";
+import { ReactWidgetDescriptor } from "../../../behavior/WidgetDecoration/index.js";
+import "./skeleton.css";
 const b = cn('image-skeleton');
 export class ImageSkeletonDescriptor extends ReactWidgetDescriptor {
+    #domElem;
+    get pos() {
+        return this.getPos?.() ?? this.initPos;
+    }
     constructor(initPos, size) {
         super(initPos, 'image_skeleton');
-        _ImageSkeletonDescriptor_domElem.set(this, void 0);
-        __classPrivateFieldSet(this, _ImageSkeletonDescriptor_domElem, document.createElement('span'), "f");
-        __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").classList.add(b());
+        this.#domElem = document.createElement('span');
+        this.#domElem.classList.add(b());
         if (size) {
-            __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").style.setProperty('--img-skeleton-width', size.width);
-            __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").style.setProperty('--img-skeleton-height', size.height);
+            this.#domElem.style.setProperty('--img-skeleton-width', size.width);
+            this.#domElem.style.setProperty('--img-skeleton-height', size.height);
         }
     }
-    get pos() {
-        var _a, _b;
-        return (_b = (_a = this.getPos) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.initPos;
-    }
     getDomElem() {
-        return __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f");
+        return this.#domElem;
     }
     renderReactElement() {
-        return React.createElement(Skeleton, { className: b('skeleton') });
+        return _jsx(Skeleton, { className: b('skeleton') });
     }
 }
-_ImageSkeletonDescriptor_domElem = new WeakMap();
+//# sourceMappingURL=skeleton.js.map

package/build/esm/extensions/yfm/ImgSize/ImagePaste/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImagePaste/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EAAC,qBAAqB,EAAC,oDAA2C;AAEzE,wBAAyB;AAEzB,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAE/B,MAAM,OAAO,uBAAwB,SAAQ,qBAAqB;IAC9D,QAAQ,CAAC;IAET,IAAI,GAAG;QACH,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC;IAC3C,CAAC;IAED,YAAY,OAAe,EAAE,IAAsC;QAC/D,KAAK,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAEjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;QACjC,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACpE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1E,CAAC;IACL,CAAC;IAED,UAAU;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,kBAAkB;QACd,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,GAAI,CAAC;IAClD,CAAC;CACJ","sourcesContent":["import {Skeleton} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../classname';\nimport {ReactWidgetDescriptor} from '../../../behavior/WidgetDecoration';\n\nimport './skeleton.scss';\n\nconst b = cn('image-skeleton');\n\nexport class ImageSkeletonDescriptor extends ReactWidgetDescriptor {\n    #domElem;\n\n    get pos() {\n        return this.getPos?.() ?? this.initPos;\n    }\n\n    constructor(initPos: number, size?: {width: string; height: string}) {\n        super(initPos, 'image_skeleton');\n\n        this.#domElem = document.createElement('span');\n        this.#domElem.classList.add(b());\n        if (size) {\n            this.#domElem.style.setProperty('--img-skeleton-width', size.width);\n            this.#domElem.style.setProperty('--img-skeleton-height', size.height);\n        }\n    }\n\n    getDomElem(): HTMLElement {\n        return this.#domElem;\n    }\n\n    renderReactElement(): React.ReactElement {\n        return <Skeleton className={b('skeleton')} />;\n    }\n}\n"]}