@gravity-ui/markdown-editor 14.12.2 → 15.0.0

package/build/cjs/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 type {Schema} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {AutocompletePopupCloser} from '../../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../../utils/carousel';\nimport {type RendererItem, getReactRendererFromState} from '../../../behavior';\nimport {\n    type AutocompleteAction,\n    AutocompleteActionKind,\n    type AutocompleteHandler,\n    type FromTo,\n    closeAutocomplete,\n} from '../../../behavior/Autocomplete';\nimport {EmojiConsts} from '../EmojiSpecs';\n\nimport {type 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/cjs/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/cjs/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggest.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmojiSuggest = void 0;
-const Autocomplete_1 = require("../../../behavior/Autocomplete");
-const EmojiHandler_1 = require("./EmojiHandler");
-const const_1 = require("./const");
+const Autocomplete_1 = require("../../../behavior/Autocomplete/index.js");
+const EmojiHandler_1 = require("./EmojiHandler.js");
+const const_1 = require("./const.js");
 const emojiSuggestActionName = 'openEmojiSuggest';
 const EmojiSuggest = (builder, { defs, shortcuts }) => {
     if (!defs)
@@ -28,9 +28,10 @@ const EmojiSuggest = (builder, { defs, shortcuts }) => {
                 return state.selection.empty;
             },
             run: (_s, _d, view, attrs) => {
-                return (0, Autocomplete_1.openAutocomplete)(view, ':', attrs === null || attrs === void 0 ? void 0 : attrs.text);
+                return (0, Autocomplete_1.openAutocomplete)(view, ':', attrs?.text);
             },
         };
     });
 };
 exports.EmojiSuggest = EmojiSuggest;
+//# sourceMappingURL=EmojiSuggest.js.map

package/build/cjs/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,0EAIwC;AAGxC,oDAA4C;AAC5C,sCAAsC;AAEtC,MAAM,sBAAsB,GAAG,kBAAkB,CAAC;AAG3C,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,2BAAY,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,qBAAa,EAAC;SAC1C;QACD,OAAO,EAAE,IAAI,2BAAY,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,IAAA,+BAAgB,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;YACpD,CAAC;SACJ,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AA9BW,QAAA,YAAY,gBA8BvB","sourcesContent":["import type {Action, ExtensionAuto} from '../../../../core';\nimport {\n    Autocomplete,\n    type AutocompleteItem,\n    openAutocomplete,\n} 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/cjs/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/cjs/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggestComponent.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { AutocompletePopupProps } from '../../../../utils/autocomplete-popup';
-import type { EmojiDef } from './types';
-export declare type EmojiSuggestComponentProps = AutocompletePopupProps & {
+import type { 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/cjs/extensions/yfm/Emoji/EmojiSuggest/EmojiSuggestComponent.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.render = exports.EmojiSuggestComponent = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+exports.EmojiSuggestComponent = void 0;
+exports.render = render;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../../../classname");
-const ErrorBoundary_1 = require("../../../../react-utils/ErrorBoundary");
+const classname_1 = require("../../../../classname.js");
+const ErrorBoundary_1 = require("../../../../react-utils/ErrorBoundary.js");
+require("./EmojiSuggestComponent.css");
 const b = (0, classname_1.cn)('emoji-suggest');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
 const ITEM_HEIGHT = 28; // px
@@ -16,26 +17,16 @@ function calcListHeight(itemsCount) {
         return undefined;
     return Math.min(MAX_LIST_HEIGHT, itemsCount * ITEM_HEIGHT);
 }
-const EmojiSuggestComponent = ({ anchor, currentIndex, items, onClick, onEnterKeyDown, onEscapeKeyDown, onOutsideClick, }) => {
-    if (!anchor)
+const EmojiSuggestComponent = ({ anchorElement, currentIndex, items, onClick, onOpenChange, }) => {
+    if (!anchorElement)
         return null;
-    return (react_1.default.createElement(uikit_1.Popup, { open: Boolean(items.length), anchorRef: { current: anchor }, placement: placement, onEnterKeyDown: onEnterKeyDown, onEscapeKeyDown: onEscapeKeyDown, onOutsideClick: onOutsideClick },
-        react_1.default.createElement("div", { className: b() },
-            react_1.default.createElement(uikit_1.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 ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: Boolean(items.length), anchorElement: anchorElement, placement: placement, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(uikit_1.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') }) }) }));
 };
 exports.EmojiSuggestComponent = EmojiSuggestComponent;
 function renderItem({ origName, symbol, origShortcuts }) {
-    return (react_1.default.createElement("div", { key: origName, className: b('item') },
-        react_1.default.createElement("div", { className: b('item-info') },
-            react_1.default.createElement("div", { className: b('item-icon') }, symbol),
-            react_1.default.createElement("div", { className: b('item-name') },
-                ":",
-                origName,
-                ":")),
-        origShortcuts !== undefined && (react_1.default.createElement("div", { className: b('item-shortcuts') }, origShortcuts.slice(0, 4).map((val) => (react_1.default.createElement("span", { key: `${origName}_${val}`, className: b('item-shortcut') }, val)))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b('item'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('item-info'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('item-icon'), children: symbol }), (0, jsx_runtime_1.jsxs)("div", { className: b('item-name'), children: [":", origName, ":"] })] }), origShortcuts !== undefined && ((0, jsx_runtime_1.jsx)("div", { className: b('item-shortcuts'), children: origShortcuts.slice(0, 4).map((val) => ((0, jsx_runtime_1.jsx)("span", { className: b('item-shortcut'), children: val }, `${origName}_${val}`))) }))] }, origName));
 }
 function render(props) {
-    return (react_1.default.createElement(ErrorBoundary_1.ErrorLoggerBoundary, null,
-        react_1.default.createElement(exports.EmojiSuggestComponent, Object.assign({}, props))));
+    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: (0, jsx_runtime_1.jsx)(exports.EmojiSuggestComponent, { ...props }) }));
 }
-exports.render = render;
+//# sourceMappingURL=EmojiSuggestComponent.js.map

package/build/cjs/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":";;;AAmFA,wBAMC;;AAzFD,6CAAmE;AAEnE,wDAAyC;AACzC,4EAA0E;AAK1E,uCAAsC;AAEtC,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,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;AAQM,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,uBAAC,aAAK,IACF,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAC3B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,YAE1B,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,YAAI,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;AAlCW,QAAA,qBAAqB,yBAkChC;AAEF,SAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAW;IAC3D,OAAO,CACH,iCAAoB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACpC,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,MAAM,GAAO,EAC9C,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,kBAAI,QAAQ,SAAQ,IAChD,EACL,aAAa,KAAK,SAAS,IAAI,CAC5B,gCAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC9B,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpC,iCAAiC,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,SAAgB,MAAM,CAAC,KAAiC;IACpD,OAAO,CACH,uBAAC,mCAAmB,cAChB,uBAAC,6BAAqB,OAAK,KAAK,GAAI,GAClB,CACzB,CAAC;AACN,CAAC","sourcesContent":["import {List, Popup, type PopupPlacement} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../classname';\nimport {ErrorLoggerBoundary} from '../../../../react-utils/ErrorBoundary';\nimport type {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/cjs/extensions/yfm/Emoji/EmojiSuggest/const.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DecoClassName = void 0;
 exports.DecoClassName = 'pm-emoji-input';
+//# sourceMappingURL=const.js.map

package/build/cjs/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,QAAA,aAAa,GAAG,gBAAgB,CAAC","sourcesContent":["export const DecoClassName = 'pm-emoji-input';\n"]}

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

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

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

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

package/build/cjs/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,4DAA+B","sourcesContent":["export * from './EmojiSuggest';\n"]}

package/build/cjs/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/cjs/extensions/yfm/Emoji/EmojiSuggest/types.js

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

package/build/cjs/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/cjs/extensions/yfm/Emoji/EmojiSuggest/utils.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findDecoElem = void 0;
-const Autocomplete_1 = require("../../../behavior/Autocomplete");
-const const_1 = require("./const");
+exports.findDecoElem = findDecoElem;
+const Autocomplete_1 = require("../../../behavior/Autocomplete/index.js");
+const const_1 = require("./const.js");
 function findDecoElem(targetElem) {
-    var _a;
-    const target = targetElem !== null && targetElem !== void 0 ? targetElem : document;
-    return ((_a = target.getElementsByClassName(const_1.DecoClassName).item(0)) !== null && _a !== void 0 ? _a : target.getElementsByClassName(Autocomplete_1.AutocompleteDecoClassName).item(0));
+    const target = targetElem ?? document;
+    return (target.getElementsByClassName(const_1.DecoClassName).item(0) ??
+        target.getElementsByClassName(Autocomplete_1.AutocompleteDecoClassName).item(0));
 }
-exports.findDecoElem = findDecoElem;
+//# sourceMappingURL=utils.js.map

package/build/cjs/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":";;AAIA,oCAMC;AAVD,0EAAyE;AAEzE,sCAAsC;AAEtC,SAAgB,YAAY,CAAC,UAAoB;IAC7C,MAAM,MAAM,GAAG,UAAU,IAAI,QAAQ,CAAC;IACtC,OAAO,CACH,MAAM,CAAC,sBAAsB,CAAC,qBAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,sBAAsB,CAAC,wCAAyB,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/cjs/extensions/yfm/Emoji/index.d.ts

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

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

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

package/build/cjs/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,qDAAwB","sourcesContent":["export * from './Emoji';\n"]}

package/build/cjs/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 type { ExtensionAuto } from "../../../../core/index.js";
+import type { FileUploadHandler } from "../../../../utils/index.js";
+import { type 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/cjs/extensions/yfm/ImgSize/ImagePaste/index.js

@@ -5,22 +5,21 @@ const base64_arraybuffer_1 = require("base64-arraybuffer");
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_transform_1 = require("prosemirror-transform");
-const lodash_1 = require("../../../../lodash");
-const Clipboard_1 = require("../../../behavior/Clipboard");
-const utils_1 = require("../../../behavior/Clipboard/utils");
-const specs_1 = require("../../../specs");
-const utils_2 = require("../utils");
-const upload_1 = require("./upload");
+const lodash_1 = require("../../../../lodash.js");
+const Clipboard_1 = require("../../../behavior/Clipboard/index.js");
+const utils_1 = require("../../../behavior/Clipboard/utils.js");
+const specs_1 = require("../../../specs.js");
+const utils_2 = require("../utils.js");
+const upload_1 = require("./upload.js");
 const { isFilesFromHtml, isFilesOnly, isImageFile } = Clipboard_1.clipboardUtils;
 const ImagePaste = (builder, opts) => {
-    const { parseInsertedUrlAsImage, imageUploadHandler } = opts !== null && opts !== void 0 ? opts : {};
-    if (!(0, lodash_1.isFunction)(imageUploadHandler !== null && imageUploadHandler !== void 0 ? imageUploadHandler : parseInsertedUrlAsImage))
+    const { parseInsertedUrlAsImage, imageUploadHandler } = opts ?? {};
+    if (!(0, lodash_1.isFunction)(imageUploadHandler ?? parseInsertedUrlAsImage))
         throw new Error(`ImagePaste extension: ${opts.imageUploadHandler ? 'imageUploadHandler' : 'parseInsertedUrlAsImage'} is not a function`);
     builder.addPlugin(() => new prosemirror_state_1.Plugin({
         props: {
             handleDOMEvents: {
                 paste(view, e) {
-                    var _a, _b;
                     const files = getPastedImages(e.clipboardData);
                     if (imageUploadHandler && files) {
                         e.preventDefault();
@@ -28,7 +27,7 @@ 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(utils_1.DataTransferType.Text)) !== null && _b !== void 0 ? _b : '') || {};
+                        const { imageUrl, title } = parseInsertedUrlAsImage(e.clipboardData?.getData(utils_1.DataTransferType.Text) ?? '') || {};
                         if (!imageUrl) {
                             return false;
                         }
@@ -44,7 +43,6 @@ const ImagePaste = (builder, opts) => {
                     return false;
                 },
                 drop(view, e) {
-                    var _a, _b;
                     if (!imageUploadHandler) {
                         return false;
                     }
@@ -54,7 +52,7 @@ 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 = (0, prosemirror_transform_1.dropPoint)(view.state.doc, dropPos, createFakeImageSlice(view.state.schema));
@@ -105,12 +103,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([(0, base64_arraybuffer_1.decode)(base64String)], filename, { type: mime });
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/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, type Node, type Schema, Slice} from 'prosemirror-model';\nimport {Plugin} from 'prosemirror-state';\nimport {dropPoint} from 'prosemirror-transform';\n\nimport type {ParseInsertedUrlAsImage} from '../../../../bundle';\nimport type {ExtensionAuto} from '../../../../core';\nimport {isFunction} from '../../../../lodash';\nimport type {FileUploadHandler} from '../../../../utils';\nimport {clipboardUtils} from '../../../behavior/Clipboard';\nimport {DataTransferType} from '../../../behavior/Clipboard/utils';\nimport {ImageAttr, ImgSizeAttr, imageType} from '../../../specs';\nimport {type 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/cjs/extensions/yfm/ImgSize/ImagePaste/skeleton.d.ts

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

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

@@ -1,34 +1,32 @@
 "use strict";
-var _ImageSkeletonDescriptor_domElem;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageSkeletonDescriptor = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../../../classname");
-const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration");
+const classname_1 = require("../../../../classname.js");
+const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration/index.js");
+require("./skeleton.css");
 const b = (0, classname_1.cn)('image-skeleton');
 class ImageSkeletonDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
+    #domElem;
+    get pos() {
+        return this.getPos?.() ?? this.initPos;
+    }
     constructor(initPos, size) {
         super(initPos, 'image_skeleton');
-        _ImageSkeletonDescriptor_domElem.set(this, void 0);
-        tslib_1.__classPrivateFieldSet(this, _ImageSkeletonDescriptor_domElem, document.createElement('span'), "f");
-        tslib_1.__classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").classList.add(b());
+        this.#domElem = document.createElement('span');
+        this.#domElem.classList.add(b());
         if (size) {
-            tslib_1.__classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f").style.setProperty('--img-skeleton-width', size.width);
-            tslib_1.__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 tslib_1.__classPrivateFieldGet(this, _ImageSkeletonDescriptor_domElem, "f");
+        return this.#domElem;
     }
     renderReactElement() {
-        return react_1.default.createElement(uikit_1.Skeleton, { className: b('skeleton') });
+        return (0, jsx_runtime_1.jsx)(uikit_1.Skeleton, { className: b('skeleton') });
     }
 }
 exports.ImageSkeletonDescriptor = ImageSkeletonDescriptor;
-_ImageSkeletonDescriptor_domElem = new WeakMap();
+//# sourceMappingURL=skeleton.js.map

package/build/cjs/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,6CAA2C;AAE3C,wDAAyC;AACzC,kFAAyE;AAEzE,0BAAyB;AAEzB,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,gBAAgB,CAAC,CAAC;AAE/B,MAAa,uBAAwB,SAAQ,wCAAqB;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,uBAAC,gBAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,GAAI,CAAC;IAClD,CAAC;CACJ;AAzBD,0DAyBC","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"]}

package/build/cjs/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';
-import { FilesBatchUploadProcess } from '../../../behavior/utils/upload';
-import { CreateImageNodeOptions } from '../utils';
-import { ImageSkeletonDescriptor } from './skeleton';
+import type { Node } from 'prosemirror-model';
+import type { EditorView } from 'prosemirror-view';
+import { type FileUploadHandler, type UploadSuccessItem } from "../../../../utils/index.js";
+import { FilesBatchUploadProcess } from "../../../behavior/utils/upload.js";
+import { type CreateImageNodeOptions } from "../utils.js";
+import { ImageSkeletonDescriptor } from "./skeleton.js";
 export declare class ImagesUploadProcess extends FilesBatchUploadProcess {
     protected readonly createImage: ({ result, file }: UploadSuccessItem) => Promise<Node>;
     protected readonly initPosition: number;

package/build/cjs/extensions/yfm/ImgSize/ImagePaste/upload.js

@@ -1,14 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImagesUploadProcess = void 0;
-const logger_1 = require("../../../../logger");
-const utils_1 = require("../../../../utils");
-const upload_1 = require("../../../behavior/utils/upload");
-const markdown_1 = require("../../../markdown");
-const const_1 = require("../const");
-const utils_2 = require("../utils");
-const skeleton_1 = require("./skeleton");
+const logger_1 = require("../../../../logger.js");
+const utils_1 = require("../../../../utils/index.js");
+const upload_1 = require("../../../behavior/utils/upload.js");
+const markdown_1 = require("../../../markdown/index.js");
+const const_1 = require("../const.js");
+const utils_2 = require("../utils.js");
+const skeleton_1 = require("./skeleton.js");
 class ImagesUploadProcess extends upload_1.FilesBatchUploadProcess {
+    createImage;
+    initPosition;
+    enableNewImageSizeCalculation;
     constructor(view, files, uploadHandler, position, opts) {
         super(view, files, uploadHandler);
         this.initPosition = position;
@@ -29,7 +32,7 @@ async function getSkeletonSize(files, opts) {
     const skeletonSize = { width: '300', height: '200' };
     if (files.length === 1) {
         try {
-            const size = await (0, utils_2.loadImage)(files[0]).then((opts === null || opts === void 0 ? void 0 : opts.enableNewImageSizeCalculation) ? calcSkeletonSizeNew : calcSkeletonSize);
+            const size = await (0, utils_2.loadImage)(files[0]).then(opts?.enableNewImageSizeCalculation ? calcSkeletonSizeNew : calcSkeletonSize);
             skeletonSize.width = String(size.width);
             skeletonSize.height = String(size.height);
         }
@@ -52,3 +55,4 @@ function calcSkeletonSizeNew({ width, height }) {
         imgMaxHeight: const_1.IMG_MAX_HEIGHT,
     });
 }
+//# sourceMappingURL=upload.js.map

package/build/cjs/extensions/yfm/ImgSize/ImagePaste/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImagePaste/upload.ts"],"names":[],"mappings":";;;AAGA,kDAA0C;AAC1C,sDAI2B;AAC3B,8DAAuE;AACvE,yDAA4C;AAC5C,uCAAwC;AACxC,uCAAiF;AAEjF,4CAAmD;AAEnD,MAAa,mBAAoB,SAAQ,gCAAuB;IACzC,WAAW,CAAC;IAEZ,YAAY,CAAS;IACvB,6BAA6B,CAAW;IAEzD,YACI,IAAgB,EAChB,KAAsB,EACtB,aAAgC,EAChC,QAAgB,EAChB,IAA4B;QAE5B,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QAElC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,WAAW,GAAG,IAAA,uBAAe,EAAC,IAAA,oBAAS,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;QAC5E,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC,6BAA6B,CAAC;IAC5E,CAAC;IAES,KAAK,CAAC,cAAc;QAC1B,OAAO,IAAI,kCAAuB,CAC9B,IAAI,CAAC,YAAY,EACjB,MAAM,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE;YAC9B,6BAA6B,EAAE,IAAI,CAAC,6BAA6B;SACpE,CAAC,CACL,CAAC;IACN,CAAC;IAES,KAAK,CAAC,YAAY,CAAC,GAAsB;QAC/C,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC;CACJ;AAhCD,kDAgCC;AAED,KAAK,UAAU,eAAe,CAC1B,KAAsB,EACtB,IAAgD;IAEhD,MAAM,YAAY,GAAG,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC;IACnD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CACvC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAC/E,CAAC;YACF,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxC,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,eAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;IACL,CAAC;IACD,OAAO,YAAY,CAAC;AACxB,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IACvD,IAAI,MAAM,IAAI,sBAAc;QAAE,OAAO,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC;IAErD,MAAM,KAAK,GAAG,sBAAc,GAAG,MAAM,CAAC,CAAC,UAAU;IACjD,OAAO,EAAC,MAAM,EAAE,sBAAc,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAC,CAAC;AAC1D,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IAC1D,OAAO,IAAA,2BAAmB,EAAC;QACvB,KAAK;QACL,MAAM;QACN,YAAY,EAAE,sBAAc;KAC/B,CAAC,CAAC;AACP,CAAC","sourcesContent":["import type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {logger} from '../../../../logger';\nimport {\n    type FileUploadHandler,\n    type UploadSuccessItem,\n    getProportionalSize,\n} from '../../../../utils';\nimport {FilesBatchUploadProcess} from '../../../behavior/utils/upload';\nimport {imageType} from '../../../markdown';\nimport {IMG_MAX_HEIGHT} from '../const';\nimport {type CreateImageNodeOptions, createImageNode, loadImage} from '../utils';\n\nimport {ImageSkeletonDescriptor} from './skeleton';\n\nexport class ImagesUploadProcess extends FilesBatchUploadProcess {\n    protected readonly createImage;\n\n    protected readonly initPosition: number;\n    private readonly enableNewImageSizeCalculation?: boolean;\n\n    constructor(\n        view: EditorView,\n        files: readonly File[],\n        uploadHandler: FileUploadHandler,\n        position: number,\n        opts: CreateImageNodeOptions,\n    ) {\n        super(view, files, uploadHandler);\n\n        this.initPosition = position;\n        this.createImage = createImageNode(imageType(this.view.state.schema), opts);\n        this.enableNewImageSizeCalculation = opts.enableNewImageSizeCalculation;\n    }\n\n    protected async createSkeleton() {\n        return new ImageSkeletonDescriptor(\n            this.initPosition,\n            await getSkeletonSize(this.files, {\n                enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\n            }),\n        );\n    }\n\n    protected async createPMNode(res: UploadSuccessItem): Promise<Node> {\n        return this.createImage(res);\n    }\n}\n\nasync function getSkeletonSize(\n    files: readonly File[],\n    opts?: {enableNewImageSizeCalculation?: boolean},\n) {\n    const skeletonSize = {width: '300', height: '200'};\n    if (files.length === 1) {\n        try {\n            const size = await loadImage(files[0]).then(\n                opts?.enableNewImageSizeCalculation ? calcSkeletonSizeNew : calcSkeletonSize,\n            );\n            skeletonSize.width = String(size.width);\n            skeletonSize.height = String(size.height);\n        } catch (err) {\n            logger.error(err);\n        }\n    }\n    return skeletonSize;\n}\n\nfunction calcSkeletonSize({width, height}: HTMLImageElement): {width: number; height: number} {\n    if (height <= IMG_MAX_HEIGHT) return {width, height};\n\n    const ratio = IMG_MAX_HEIGHT / height; // ratio<1\n    return {height: IMG_MAX_HEIGHT, width: width * ratio};\n}\n\nfunction calcSkeletonSizeNew({width, height}: HTMLImageElement): {width: number; height: number} {\n    return getProportionalSize({\n        width,\n        height,\n        imgMaxHeight: IMG_MAX_HEIGHT,\n    });\n}\n"]}

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/actions.d.ts

@@ -1,3 +1,3 @@
-import type { ActionSpec, ExtensionDeps } from '../../../../core';
-import { ImageWidgetDescriptorOpts } from './widget';
+import type { ActionSpec, ExtensionDeps } from "../../../../core/index.js";
+import { type ImageWidgetDescriptorOpts } from "./widget.js";
 export declare const addImageWidget: (deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) => ActionSpec;

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/actions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImageWidget = void 0;
-const widget_1 = require("./widget");
+const widget_1 = require("./widget.js");
 const addImageWidget = (deps, opts) => ({
     isEnable: (state) => state.selection.empty,
     run(state, dispatch) {
@@ -9,3 +9,4 @@ const addImageWidget = (deps, opts) => ({
     },
 });
 exports.addImageWidget = addImageWidget;
+//# sourceMappingURL=actions.js.map

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/actions.ts"],"names":[],"mappings":";;;AAEA,wCAAmE;AAE5D,MAAM,cAAc,GAGT,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;IAC1C,GAAG,CAAC,KAAK,EAAE,QAAQ;QACf,QAAQ,CAAC,IAAA,kBAAS,EAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC;CACJ,CAAC,CAAC;AARU,QAAA,cAAc,kBAQxB","sourcesContent":["import type {ActionSpec, ExtensionDeps} from '../../../../core';\n\nimport {type ImageWidgetDescriptorOpts, addWidget} from './widget';\n\nexport const addImageWidget: (\n    deps: ExtensionDeps,\n    opts: ImageWidgetDescriptorOpts,\n) => ActionSpec = (deps, opts) => ({\n    isEnable: (state) => state.selection.empty,\n    run(state, dispatch) {\n        dispatch(addWidget(state.tr, deps, opts));\n    },\n});\n"]}

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/index.d.ts

@@ -1,8 +1,8 @@
-import type { Action, ExtensionAuto } from '../../../../core';
-import { FileUploadHandler } from '../../../../utils/upload';
-import type { ImageWidgetDescriptorOpts } from './widget';
+import type { Action, ExtensionAuto } from "../../../../core/index.js";
+import type { FileUploadHandler } from "../../../../utils/upload.js";
+import type { ImageWidgetDescriptorOpts } from "./widget.js";
 declare const addImageWidgetAction = "addImageWidget";
-export declare type ImageWidgetOptions = Pick<ImageWidgetDescriptorOpts, 'needToSetDimensionsForUploadedImages'> & {
+export type ImageWidgetOptions = Pick<ImageWidgetDescriptorOpts, 'needToSetDimensionsForUploadedImages'> & {
     imageUploadHandler?: FileUploadHandler;
 };
 export declare const ImageWidget: ExtensionAuto<ImageWidgetOptions>;

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageWidget = void 0;
-const actions_1 = require("./actions");
+const actions_1 = require("./actions.js");
 const addImageWidgetAction = 'addImageWidget';
 const ImageWidget = (builder, opts) => {
     builder.addAction(addImageWidgetAction, (deps) => (0, actions_1.addImageWidget)(deps, {
@@ -10,3 +10,4 @@ const ImageWidget = (builder, opts) => {
     }));
 };
 exports.ImageWidget = ImageWidget;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/index.ts"],"names":[],"mappings":";;;AAGA,0CAAyC;AAGzC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AASvC,MAAM,WAAW,GAAsC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC5E,OAAO,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC7C,IAAA,wBAAc,EAAC,IAAI,EAAE;QACjB,YAAY,EAAE,IAAI,CAAC,kBAAkB;QACrC,oCAAoC,EAAE,IAAI,CAAC,oCAAoC;KAClF,CAAC,CACL,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,WAAW,eAOtB","sourcesContent":["import type {Action, ExtensionAuto} from '../../../../core';\nimport type {FileUploadHandler} from '../../../../utils/upload';\n\nimport {addImageWidget} from './actions';\nimport type {ImageWidgetDescriptorOpts} from './widget';\n\nconst addImageWidgetAction = 'addImageWidget';\n\nexport type ImageWidgetOptions = Pick<\n    ImageWidgetDescriptorOpts,\n    'needToSetDimensionsForUploadedImages'\n> & {\n    imageUploadHandler?: FileUploadHandler;\n};\n\nexport const ImageWidget: ExtensionAuto<ImageWidgetOptions> = (builder, opts) => {\n    builder.addAction(addImageWidgetAction, (deps) =>\n        addImageWidget(deps, {\n            uploadImages: opts.imageUploadHandler,\n            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,\n        }),\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [addImageWidgetAction]: Action;\n        }\n    }\n}\n"]}