@gravity-ui/markdown-editor 14.12.1 → 14.12.3

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

@@ -1,7 +1,7 @@
 import { InputRule } from 'prosemirror-inputrules';
-import { escapeRegExp } from "../../../../utils/ecapeRegexp.js";
-import { hasCodeMark } from "../../../../utils/inputrules.js";
-import { EmojiConsts } from "../EmojiSpecs/index.js";
+import { escapeRegExp } from '../../../../utils/ecapeRegexp';
+import { hasCodeMark } from '../../../../utils/inputrules';
+import { EmojiConsts } from '../EmojiSpecs';
 export const EmojiInput = (builder, opts) => {
     const { defs, shortcuts } = opts;
     if (defs && shortcuts) {
@@ -43,4 +43,3 @@ export const EmojiInput = (builder, opts) => {
         }
     }
 };
-//# sourceMappingURL=EmojiInput.js.map

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

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

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

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

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

@@ -1,12 +1,12 @@
-export { EmojiConsts } from "./const.js";
-export type EmojiSpecsOptions = {
+export { EmojiConsts } from './const';
+export declare type EmojiSpecsOptions = {
     defs?: Record<string, string>;
     shortcuts?: Partial<Record<string, string | string[]>>;
 };
-export declare const EmojiSpecs: import("../../../../index.js").ExtensionWithOptions<EmojiSpecsOptions> & {
+export declare const EmojiSpecs: import("../../../../core").ExtensionWithOptions<EmojiSpecsOptions> & {
     readonly NodeName: "emoji";
     readonly NodeAttrs: {
         readonly Markup: "markup";
     };
-    readonly nodeType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+    readonly nodeType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 };

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

@@ -1,6 +1,6 @@
 import emojiPlugin from 'markdown-it-emoji/bare';
-import { EmojiConsts, emojiTokenName, markupDataAttribute } from "./const.js";
-export { EmojiConsts } from "./const.js";
+import { EmojiConsts, emojiTokenName, markupDataAttribute } from './const';
+export { EmojiConsts } from './const';
 const EmojiSpecsExtension = (builder, opts) => {
     builder.configureMd((md) => md.use(emojiPlugin, opts));
     builder.addNode(EmojiConsts.NodeName, () => ({
@@ -48,4 +48,3 @@ const EmojiSpecsExtension = (builder, opts) => {
     }));
 };
 export const EmojiSpecs = Object.assign(EmojiSpecsExtension, EmojiConsts);
-//# sourceMappingURL=EmojiSpecs.js.map

package/build/esm/extensions/yfm/Emoji/EmojiSpecs/const.d.ts

@@ -1,6 +1,6 @@
 export declare const emojiTokenName = "emoji";
 export declare const emojiNodeName = "emoji";
-export declare const emojiNodeType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export declare const emojiNodeType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 export declare const EmojiNodeAttrs: {
     readonly Markup: "markup";
 };
@@ -10,5 +10,5 @@ export declare const EmojiConsts: {
     readonly NodeAttrs: {
         readonly Markup: "markup";
     };
-    readonly nodeType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+    readonly nodeType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 };

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

@@ -1,4 +1,4 @@
-import { nodeTypeFactory } from "../../../../utils/schema.js";
+import { nodeTypeFactory } from '../../../../utils/schema';
 export const emojiTokenName = 'emoji';
 export const emojiNodeName = emojiTokenName;
 export const emojiNodeType = nodeTypeFactory(emojiNodeName);
@@ -11,4 +11,3 @@ export const EmojiConsts = {
     NodeAttrs: EmojiNodeAttrs,
     nodeType: emojiNodeType,
 };
-//# sourceMappingURL=const.js.map

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { AutocompleteAction, AutocompleteHandler } from "../../../behavior/Autocomplete/index.js";
-export type EmojiHandlerParams = {
+import { AutocompleteAction, AutocompleteHandler } from '../../../behavior/Autocomplete';
+export declare 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.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";
+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';
 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,12 +39,13 @@ export class EmojiHandler {
         return true;
     }
     onFilter(action) {
-        if (action.filter?.endsWith('  ')) {
+        var _a, _b;
+        if ((_a = action.filter) === null || _a === void 0 ? void 0 : _a.endsWith('  ')) {
             this.closeAutocomplete(action.view);
             return true;
         }
         this.updateState(action);
-        const needToClose = this.filterActions(action.filter?.trim());
+        const needToClose = this.filterActions((_b = action.filter) === null || _b === void 0 ? void 0 : _b.trim());
         this.render();
         if (needToClose) {
             this.closeAutocomplete(action.view);
@@ -89,10 +90,11 @@ export class EmojiHandler {
         });
     }
     select() {
+        var _a;
         const { _view: view, _range: range } = this;
         if (!view || !range)
             return;
-        const emojiDef = this._emojiCarousel?.currentItem;
+        const emojiDef = (_a = this._emojiCarousel) === null || _a === void 0 ? void 0 : _a.currentItem;
         if (!emojiDef)
             return;
         const { tr, schema } = view.state;
@@ -100,7 +102,8 @@ export class EmojiHandler {
         view.focus();
     }
     filterActions(inputText) {
-        const currentItem = this._emojiCarousel?.currentItem;
+        var _a;
+        const currentItem = (_a = this._emojiCarousel) === null || _a === void 0 ? void 0 : _a.currentItem;
         let filteredEmojis = this._emojis;
         let needToClose = false;
         if (inputText) {
@@ -117,58 +120,56 @@ export class EmojiHandler {
         return needToClose;
     }
     render() {
+        var _a, _b, _c, _d, _e, _f;
         this.findAnchor();
-        const viewItems = this._emojiCarousel?.array ?? [];
+        const viewItems = (_b = (_a = this._emojiCarousel) === null || _a === void 0 ? void 0 : _a.array) !== null && _b !== void 0 ? _b : [];
         this._suggestProps = {
-            anchorElement: this._anchor,
-            currentIndex: this._emojiCarousel?.currentIndex,
+            anchor: this._anchor,
+            currentIndex: (_c = this._emojiCarousel) === null || _c === void 0 ? void 0 : _c.currentIndex,
             items: viewItems,
             onClick: this.onItemClick,
-            onOpenChange: this._popupCloser?.popupOpenChangeHandler,
+            onEscapeKeyDown: (_d = this._popupCloser) === null || _d === void 0 ? void 0 : _d.popupEscapeKeyHandler,
+            onOutsideClick: (_e = this._popupCloser) === null || _e === void 0 ? void 0 : _e.popupOutsideClickHandler,
         };
-        this._suggestRenderItem = this._suggestRenderItem ?? this.createMenuRenderItem();
+        this._suggestRenderItem = (_f = this._suggestRenderItem) !== null && _f !== void 0 ? _f : 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 = null;
+        this._anchor = undefined;
         this._emojiCarousel = undefined;
-        this._popupCloser?.cancelTimer();
+        (_a = this._popupCloser) === null || _a === void 0 ? void 0 : _a.cancelTimer();
         this._popupCloser = undefined;
         this._suggestProps = undefined;
-        this._suggestRenderItem?.remove();
+        (_b = this._suggestRenderItem) === null || _b === void 0 ? void 0 : _b.remove();
         this._suggestRenderItem = undefined;
     }
     createMenuRenderItem() {
         return getReactRendererFromState(this._view.state).createItem('emoji_suggest', () => this._suggestProps ? render(this._suggestProps) : null);
     }
     findAnchor() {
-        this._anchor = findDecoElem(this._view?.dom);
+        var _a;
+        this._anchor = findDecoElem((_a = this._view) === null || _a === void 0 ? void 0 : _a.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 (emoji.shortcuts?.some((val) => val.startsWith(text))) {
+        if ((_a = emoji.shortcuts) === null || _a === void 0 ? void 0 : _a.some((val) => val.startsWith(text))) {
             byShortcuts.push(emoji);
         }
         else if (emoji.name.startsWith(textLowerCase)) {
@@ -189,4 +190,3 @@ 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/EmojiSuggest.d.ts

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

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

@@ -26,10 +26,9 @@
   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;
@@ -45,8 +44,8 @@
   white-space: nowrap;
   border-radius: var(--g-border-radius-xs);
   background-color: var(--g-color-base-generic);
-  font-family: var(--g-text-code-font-family);
-  font-weight: var(--g-text-code-font-weight);
+  font-family: var(--g-font-family-monospace);
   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,7 +1,8 @@
-import { AutocompletePopupProps } from "../../../../utils/autocomplete-popup.js";
-import type { EmojiDef } from "./types.js";
-import "./EmojiSuggestComponent.css";
-export type EmojiSuggestComponentProps = AutocompletePopupProps & {
+import React from 'react';
+import { AutocompletePopupProps } from '../../../../utils/autocomplete-popup';
+import type { EmojiDef } from './types';
+import './EmojiSuggestComponent.css';
+export declare 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { List, Popup } from '@gravity-ui/uikit';
-import { cn } from "../../../../classname.js";
-import { ErrorLoggerBoundary } from "../../../../react-utils/ErrorBoundary.js";
-import "./EmojiSuggestComponent.css";
+import { cn } from '../../../../classname';
+import { ErrorLoggerBoundary } from '../../../../react-utils/ErrorBoundary';
+import './EmojiSuggestComponent.css';
 const b = cn('emoji-suggest');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
 const ITEM_HEIGHT = 28; // px
@@ -13,15 +13,24 @@ function calcListHeight(itemsCount) {
         return undefined;
     return Math.min(MAX_LIST_HEIGHT, itemsCount * ITEM_HEIGHT);
 }
-export const EmojiSuggestComponent = ({ anchorElement, currentIndex, items, onClick, onOpenChange, }) => {
-    if (!anchorElement)
+export const EmojiSuggestComponent = ({ anchor, currentIndex, items, onClick, onEnterKeyDown, onEscapeKeyDown, onOutsideClick, }) => {
+    if (!anchor)
         return null;
-    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') }) }) }));
+    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') }))));
 };
 function renderItem({ origName, symbol, origShortcuts }) {
-    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));
+    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)))))));
 }
 export function render(props) {
-    return (_jsx(ErrorLoggerBoundary, { children: _jsx(EmojiSuggestComponent, { ...props }) }));
+    return (React.createElement(ErrorLoggerBoundary, null,
+        React.createElement(EmojiSuggestComponent, Object.assign({}, props))));
 }
-//# sourceMappingURL=EmojiSuggestComponent.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,7 @@
-import { AutocompleteDecoClassName } from "../../../behavior/Autocomplete/index.js";
-import { DecoClassName } from "./const.js";
+import { AutocompleteDecoClassName } from '../../../behavior/Autocomplete';
+import { DecoClassName } from './const';
 export function findDecoElem(targetElem) {
-    const target = targetElem ?? document;
-    return (target.getElementsByClassName(DecoClassName).item(0) ??
-        target.getElementsByClassName(AutocompleteDecoClassName).item(0));
+    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));
 }
-//# sourceMappingURL=utils.js.map

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

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

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

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

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

@@ -1,8 +1,8 @@
-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'> & {
+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'> & {
     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,21 +2,22 @@ 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.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";
+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';
 const { isFilesFromHtml, isFilesOnly, isImageFile } = clipboardUtils;
 export const ImagePaste = (builder, opts) => {
-    const { parseInsertedUrlAsImage, imageUploadHandler } = opts ?? {};
-    if (!isFunction(imageUploadHandler ?? parseInsertedUrlAsImage))
+    const { parseInsertedUrlAsImage, imageUploadHandler } = opts !== null && opts !== void 0 ? opts : {};
+    if (!isFunction(imageUploadHandler !== null && imageUploadHandler !== void 0 ? 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();
@@ -24,7 +25,7 @@ export const ImagePaste = (builder, opts) => {
                         return true;
                     }
                     else if (parseInsertedUrlAsImage) {
-                        const { imageUrl, title } = parseInsertedUrlAsImage(e.clipboardData?.getData(DataTransferType.Text) ?? '') || {};
+                        const { imageUrl, title } = parseInsertedUrlAsImage((_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData(DataTransferType.Text)) !== null && _b !== void 0 ? _b : '') || {};
                         if (!imageUrl) {
                             return false;
                         }
@@ -40,6 +41,7 @@ export const ImagePaste = (builder, opts) => {
                     return false;
                 },
                 drop(view, e) {
+                    var _a, _b;
                     if (!imageUploadHandler) {
                         return false;
                     }
@@ -49,7 +51,7 @@ export const ImagePaste = (builder, opts) => {
                     const files = getPastedImages(e.dataTransfer);
                     if (!files)
                         return false;
-                    const dropPos = view.posAtCoords({ left: e.clientX, top: e.clientY })?.pos ?? -1;
+                    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;
                     if (dropPos === -1)
                         return false;
                     const posToInsert = dropPoint(view.state.doc, dropPos, createFakeImageSlice(view.state.schema));
@@ -99,12 +101,12 @@ function sliceSingleNode(slice) {
         : null;
 }
 function dataUrlToFile(dataUrl, filename) {
+    var _a;
     const [data, base64String] = dataUrl.split(',');
     if (!data || !base64String)
         return null;
-    const mime = data.match(/^data:(.+);base64/)?.[1];
+    const mime = (_a = data.match(/^data:(.+);base64/)) === null || _a === void 0 ? void 0 : _a[1];
     if (!mime)
         return null;
     return new File([base64ToBuffer(base64String)], filename, { type: mime });
 }
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,28 +1,31 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+var _ImageSkeletonDescriptor_domElem;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import React from 'react';
 import { Skeleton } from '@gravity-ui/uikit';
-import { cn } from "../../../../classname.js";
-import { ReactWidgetDescriptor } from "../../../behavior/WidgetDecoration/index.js";
-import "./skeleton.css";
+import { cn } from '../../../../classname';
+import { ReactWidgetDescriptor } from '../../../behavior/WidgetDecoration';
+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');
-        this.#domElem = document.createElement('span');
-        this.#domElem.classList.add(b());
+        _ImageSkeletonDescriptor_domElem.set(this, void 0);
+        __classPrivateFieldSet(this, _ImageSkeletonDescriptor_domElem, document.createElement('span'), "f");
+        __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").classList.add(b());
         if (size) {
-            this.#domElem.style.setProperty('--img-skeleton-width', size.width);
-            this.#domElem.style.setProperty('--img-skeleton-height', size.height);
+            __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").style.setProperty('--img-skeleton-width', size.width);
+            __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").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 this.#domElem;
+        return __classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f");
     }
     renderReactElement() {
-        return _jsx(Skeleton, { className: b('skeleton') });
+        return React.createElement(Skeleton, { className: b('skeleton') });
     }
 }
-//# sourceMappingURL=skeleton.js.map
+_ImageSkeletonDescriptor_domElem = new WeakMap();

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

@@ -1,9 +1,9 @@
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
-import { FileUploadHandler, UploadSuccessItem } from "../../../../utils/index.js";
-import { FilesBatchUploadProcess } from "../../../behavior/utils/upload.js";
-import { CreateImageNodeOptions } from "../utils.js";
-import { ImageSkeletonDescriptor } from "./skeleton.js";
+import { FileUploadHandler, UploadSuccessItem } from '../../../../utils';
+import { FilesBatchUploadProcess } from '../../../behavior/utils/upload';
+import { CreateImageNodeOptions } from '../utils';
+import { ImageSkeletonDescriptor } from './skeleton';
 export declare class ImagesUploadProcess extends FilesBatchUploadProcess {
     protected readonly createImage: ({ result, file }: UploadSuccessItem) => Promise<Node>;
     protected readonly initPosition: number;