@gravity-ui/markdown-editor 14.12.0 → 14.12.1

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"]}

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';
-import { FilesBatchUploadProcess } from '../../../behavior/utils/upload';
-import { CreateImageNodeOptions } from '../utils';
-import { ImageSkeletonDescriptor } from './skeleton';
+import { FileUploadHandler, UploadSuccessItem } from "../../../../utils/index.js";
+import { FilesBatchUploadProcess } from "../../../behavior/utils/upload.js";
+import { 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/esm/extensions/yfm/ImgSize/ImagePaste/upload.js

@@ -1,11 +1,14 @@
-import { logger } from '../../../../logger';
-import { getProportionalSize } from '../../../../utils';
-import { FilesBatchUploadProcess } from '../../../behavior/utils/upload';
-import { imageType } from '../../../markdown';
-import { IMG_MAX_HEIGHT } from '../const';
-import { createImageNode, loadImage } from '../utils';
-import { ImageSkeletonDescriptor } from './skeleton';
+import { logger } from "../../../../logger.js";
+import { getProportionalSize } from "../../../../utils/index.js";
+import { FilesBatchUploadProcess } from "../../../behavior/utils/upload.js";
+import { imageType } from "../../../markdown/index.js";
+import { IMG_MAX_HEIGHT } from "../const.js";
+import { createImageNode, loadImage } from "../utils.js";
+import { ImageSkeletonDescriptor } from "./skeleton.js";
 export class ImagesUploadProcess extends FilesBatchUploadProcess {
+    createImage;
+    initPosition;
+    enableNewImageSizeCalculation;
     constructor(view, files, uploadHandler, position, opts) {
         super(view, files, uploadHandler);
         this.initPosition = position;
@@ -25,7 +28,7 @@ async function getSkeletonSize(files, opts) {
     const skeletonSize = { width: '300', height: '200' };
     if (files.length === 1) {
         try {
-            const size = await loadImage(files[0]).then((opts === null || opts === void 0 ? void 0 : opts.enableNewImageSizeCalculation) ? calcSkeletonSizeNew : calcSkeletonSize);
+            const size = await loadImage(files[0]).then(opts?.enableNewImageSizeCalculation ? calcSkeletonSizeNew : calcSkeletonSize);
             skeletonSize.width = String(size.width);
             skeletonSize.height = String(size.height);
         }
@@ -48,3 +51,4 @@ function calcSkeletonSizeNew({ width, height }) {
         imgMaxHeight: IMG_MAX_HEIGHT,
     });
 }
+//# sourceMappingURL=upload.js.map

package/build/esm/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,OAAO,EAAC,MAAM,EAAC,8BAA2B;AAC1C,OAAO,EAAuC,mBAAmB,EAAC,mCAA0B;AAC5F,OAAO,EAAC,uBAAuB,EAAC,0CAAuC;AACvE,OAAO,EAAC,SAAS,EAAC,mCAA0B;AAC5C,OAAO,EAAC,cAAc,EAAC,oBAAiB;AACxC,OAAO,EAAyB,eAAe,EAAE,SAAS,EAAC,oBAAiB;AAE5E,OAAO,EAAC,uBAAuB,EAAC,sBAAmB;AAEnD,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;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,eAAe,CAAC,SAAS,CAAC,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,uBAAuB,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;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,SAAS,CAAC,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,MAAM,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,cAAc;QAAE,OAAO,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC;IAErD,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,CAAC,CAAC,UAAU;IACjD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAC,CAAC;AAC1D,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IAC1D,OAAO,mBAAmB,CAAC;QACvB,KAAK;QACL,MAAM;QACN,YAAY,EAAE,cAAc;KAC/B,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {Node} from 'prosemirror-model';\nimport {EditorView} from 'prosemirror-view';\n\nimport {logger} from '../../../../logger';\nimport {FileUploadHandler, UploadSuccessItem, getProportionalSize} from '../../../../utils';\nimport {FilesBatchUploadProcess} from '../../../behavior/utils/upload';\nimport {imageType} from '../../../markdown';\nimport {IMG_MAX_HEIGHT} from '../const';\nimport {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/esm/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 { ImageWidgetDescriptorOpts } from "./widget.js";
 export declare const addImageWidget: (deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) => ActionSpec;

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

@@ -1,7 +1,8 @@
-import { addWidget } from './widget';
+import { addWidget } from "./widget.js";
 export const addImageWidget = (deps, opts) => ({
     isEnable: (state) => state.selection.empty,
     run(state, dispatch) {
         dispatch(addWidget(state.tr, deps, opts));
     },
 });
+//# sourceMappingURL=actions.js.map

package/build/esm/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,OAAO,EAA4B,SAAS,EAAC,oBAAiB;AAE9D,MAAM,CAAC,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,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC;CACJ,CAAC,CAAC","sourcesContent":["import type {ActionSpec, ExtensionDeps} from '../../../../core';\n\nimport {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/esm/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 { 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/esm/extensions/yfm/ImgSize/ImageWidget/index.js

@@ -1,4 +1,4 @@
-import { addImageWidget } from './actions';
+import { addImageWidget } from "./actions.js";
 const addImageWidgetAction = 'addImageWidget';
 export const ImageWidget = (builder, opts) => {
     builder.addAction(addImageWidgetAction, (deps) => addImageWidget(deps, {
@@ -6,3 +6,4 @@ export const ImageWidget = (builder, opts) => {
         needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
     }));
 };
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,cAAc,EAAC,qBAAkB;AAGzC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAS9C,MAAM,CAAC,MAAM,WAAW,GAAsC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC5E,OAAO,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC7C,cAAc,CAAC,IAAI,EAAE;QACjB,YAAY,EAAE,IAAI,CAAC,kBAAkB;QACrC,oCAAoC,EAAE,IAAI,CAAC,oCAAoC;KAClF,CAAC,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionAuto} from '../../../../core';\nimport {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"]}

package/build/esm/extensions/yfm/ImgSize/ImageWidget/view.css

@@ -6,7 +6,8 @@
   padding: 12px 20px;
   border-radius: 4px;
   background-color: var(--g-color-base-simple-hover-solid);
+  font-family: var(--g-text-body-font-family);
+  font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
-  font-weight: var(--g-text-body-font-weight);
 }

package/build/esm/extensions/yfm/ImgSize/ImageWidget/view.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { ImageFormProps } from '../../../../forms/ImageForm';
-import './view.css';
-export declare type FilePlaceholderProps = {
+import { ImageFormProps } from "../../../../forms/ImageForm.js";
+import "./view.css";
+export type FilePlaceholderProps = {
     onCancel: () => void;
     onSubmit: ImageFormProps['onSubmit'];
     onAttach?: (files: File[]) => Promise<void>;

package/build/esm/extensions/yfm/ImgSize/ImageWidget/view.js

@@ -1,19 +1,20 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Picture as ImageIcon } from '@gravity-ui/icons';
 import { Icon, Popup } from '@gravity-ui/uikit';
 import { useMountedState } from 'react-use';
-import { cn } from '../../../../classname';
-import { ImageForm } from '../../../../forms/ImageForm';
-import { i18n } from '../../../../i18n/widgets';
-import { useBooleanState } from '../../../../react-utils/hooks';
-import './view.css';
+import { cn } from "../../../../classname.js";
+import { ImageForm } from "../../../../forms/ImageForm.js";
+import { i18n } from "../../../../i18n/widgets/index.js";
+import { useBooleanState, useElementState } from "../../../../react-utils/hooks.js";
+import "./view.css";
 const b = cn('image-placeholder');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
 export const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
     const isMounted = useMountedState();
     const [loading, showLoading, hideLoading] = useBooleanState(false);
-    const divRef = React.useRef(null);
-    const attachHandler = React.useCallback((files) => {
+    const [anchor, setAnchor] = useElementState();
+    const attachHandler = useCallback((files) => {
         if (!onAttach)
             return;
         if (isMounted()) {
@@ -25,10 +26,6 @@ export const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
             });
         }
     }, [isMounted, onAttach, showLoading, hideLoading]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: divRef, className: b() },
-            React.createElement(Icon, { data: ImageIcon, size: 24 }),
-            i18n('image')),
-        React.createElement(Popup, { open: true, onClose: onCancel, anchorRef: divRef, placement: placement },
-            React.createElement(ImageForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }))));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: setAnchor, className: b(), children: [_jsx(Icon, { data: ImageIcon, size: 24 }), i18n('image')] }), _jsx(Popup, { open: true, modal: true, onOpenChange: onCancel, anchorElement: anchor, placement: placement, children: _jsx(ImageForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }) })] }));
 };
+//# sourceMappingURL=view.js.map

package/build/esm/extensions/yfm/ImgSize/ImageWidget/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAC,IAAI,EAAE,KAAK,EAAiB,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAC,eAAe,EAAC,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EAAC,SAAS,EAAiB,uCAAoC;AACtE,OAAO,EAAC,IAAI,EAAC,0CAAiC;AAC9C,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,yCAAsC;AAE/E,oBAAqB;AAErB,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAClC,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAQzF,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC9F,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,SAAS,EAAE,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;YACd,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACzB,IAAI,SAAS,EAAE,EAAE,CAAC;oBACd,WAAW,EAAE,CAAC;gBAClB,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAClD,CAAC;IAEF,OAAO,CACH,8BACI,eAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,aAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EAClC,IAAI,CAAC,OAAO,CAAC,IACZ,EACN,KAAC,KAAK,IAAC,IAAI,QAAC,KAAK,QAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,YACjF,KAAC,SAAS,IACN,SAAS,QACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,aAAa,GACrC,GACE,IACT,CACN,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {Picture as ImageIcon} from '@gravity-ui/icons';\nimport {Icon, Popup, PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {ImageForm, ImageFormProps} from '../../../../forms/ImageForm';\nimport {i18n} from '../../../../i18n/widgets';\nimport {useBooleanState, useElementState} from '../../../../react-utils/hooks';\n\nimport './view.scss';\n\nconst b = cn('image-placeholder');\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nexport type FilePlaceholderProps = {\n    onCancel: () => void;\n    onSubmit: ImageFormProps['onSubmit'];\n    onAttach?: (files: File[]) => Promise<void>;\n};\n\nexport const FilePlaceholder: React.FC<FilePlaceholderProps> = ({onCancel, onSubmit, onAttach}) => {\n    const isMounted = useMountedState();\n    const [loading, showLoading, hideLoading] = useBooleanState(false);\n    const [anchor, setAnchor] = useElementState();\n    const attachHandler = useCallback<NonNullable<ImageFormProps['onAttach']>>(\n        (files) => {\n            if (!onAttach) return;\n            if (isMounted()) {\n                showLoading();\n                onAttach(files).finally(() => {\n                    if (isMounted()) {\n                        hideLoading();\n                    }\n                });\n            }\n        },\n        [isMounted, onAttach, showLoading, hideLoading],\n    );\n\n    return (\n        <>\n            <div ref={setAnchor} className={b()}>\n                <Icon data={ImageIcon} size={24} />\n                {i18n('image')}\n            </div>\n            <Popup open modal onOpenChange={onCancel} anchorElement={anchor} placement={placement}>\n                <ImageForm\n                    autoFocus\n                    loading={loading}\n                    onCancel={onCancel}\n                    onSubmit={onSubmit}\n                    onAttach={onAttach && attachHandler}\n                />\n            </Popup>\n        </>\n    );\n};\n"]}

package/build/esm/extensions/yfm/ImgSize/ImageWidget/widget.d.ts

@@ -1,9 +1,9 @@
 import { Transaction } from 'prosemirror-state';
-import { ExtensionDeps } from '../../../../core';
-import { FileUploadHandler } from '../../../../utils/upload';
+import { ExtensionDeps } from "../../../../core/index.js";
+import { FileUploadHandler } from "../../../../utils/upload.js";
 export declare const addWidget: (tr: Transaction, deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) => Transaction;
 export declare const removeWidget: (tr: Transaction, id: string) => Transaction;
-export declare type ImageWidgetDescriptorOpts = {
+export type ImageWidgetDescriptorOpts = {
     needToSetDimensionsForUploadedImages: boolean;
     uploadImages?: FileUploadHandler;
 };