@gravity-ui/markdown-editor 14.12.0 → 14.12.1

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

@@ -1,18 +1,22 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import isNumber from 'is-number';
-import { ReactWidgetDescriptor, removeDecoration } from '../../../behavior/WidgetDecoration';
-import { imageType, normalizeUrlFactory } from '../../../markdown';
-import { ImgSizeAttr } from '../../../specs';
-import { ImagesUploadProcess } from '../ImagePaste/upload';
-import { FilePlaceholder } from './view';
+import { ReactWidgetDescriptor, removeDecoration } from "../../../behavior/WidgetDecoration/index.js";
+import { imageType, normalizeUrlFactory } from "../../../markdown/index.js";
+import { ImgSizeAttr } from "../../../specs.js";
+import { ImagesUploadProcess } from "../ImagePaste/upload.js";
+import { FilePlaceholder } from "./view.js";
 export const addWidget = (tr, deps, opts) => {
     return new ImageWidgetDescriptor(tr.selection.from, deps, opts).applyTo(tr);
 };
 export const removeWidget = removeDecoration;
 class ImageWidgetDescriptor extends ReactWidgetDescriptor {
+    domElem;
+    deps;
+    uploadImages;
+    needToSetDimensionsForUploadedImages;
+    widgetHandler = null;
     constructor(initPos, deps, opts) {
         super(initPos, 'image_placeholder');
-        this.widgetHandler = null;
         this.domElem = document.createElement('span');
         this.deps = deps;
         this.uploadImages = opts.uploadImages;
@@ -37,47 +41,20 @@ class ImageWidgetDescriptor extends ReactWidgetDescriptor {
         return this.getWidgetHandler(view, getPos).renderWidgetView(view, getPos);
     }
     remove() {
-        var _a;
         super.remove();
-        (_a = this.widgetHandler) === null || _a === void 0 ? void 0 : _a.destruct();
+        this.widgetHandler?.destruct();
         this.widgetHandler = null;
     }
 }
 class ImageWidgetHandler {
+    view;
+    getPos;
+    decoId;
+    uploadImages;
+    normalizeUrl;
+    needToSetDimensionsForUploadedImages;
+    cancelled = false;
     constructor({ decoId, view, getPos, uploadImages, needToSetDimensionsForUploadedImages, }, deps) {
-        this.cancelled = false;
-        this.onCancel = () => {
-            this.cancelled = true;
-            this.view.dispatch(removeDecoration(this.view.state.tr, this.decoId));
-            this.view.focus();
-        };
-        this.onSubmit = (params) => {
-            var _a;
-            if (this.cancelled)
-                return;
-            const url = (_a = this.normalizeUrl(params.url)) === null || _a === void 0 ? void 0 : _a.url;
-            if (!url)
-                return;
-            const attrs = {
-                [ImgSizeAttr.Src]: url,
-                [ImgSizeAttr.Title]: params.name,
-                [ImgSizeAttr.Alt]: params.alt,
-                [ImgSizeAttr.Width]: isNumber(params.width) ? String(params.width) : null,
-                [ImgSizeAttr.Height]: isNumber(params.height) ? String(params.height) : null,
-            };
-            const node = imageType(this.view.state.schema).create(attrs);
-            this.insertNodes([node]);
-        };
-        this.onAttach = async (files) => {
-            if (this.cancelled || !this.uploadImages)
-                return;
-            const { view } = this;
-            new ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
-                needDimensions: this.needToSetDimensionsForUploadedImages,
-            }).run();
-            view.dispatch(removeWidget(view.state.tr, this.decoId));
-            view.focus();
-        };
         this.decoId = decoId;
         this.view = view;
         this.getPos = getPos;
@@ -91,8 +68,39 @@ class ImageWidgetHandler {
     renderWidgetView(view, getPos) {
         this.view = view;
         this.getPos = getPos;
-        return (React.createElement(FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
+        return (_jsx(FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
     }
+    onCancel = () => {
+        this.cancelled = true;
+        this.view.dispatch(removeDecoration(this.view.state.tr, this.decoId));
+        this.view.focus();
+    };
+    onSubmit = (params) => {
+        if (this.cancelled)
+            return;
+        const url = this.normalizeUrl(params.url)?.url;
+        if (!url)
+            return;
+        const attrs = {
+            [ImgSizeAttr.Src]: url,
+            [ImgSizeAttr.Title]: params.name,
+            [ImgSizeAttr.Alt]: params.alt,
+            [ImgSizeAttr.Width]: isNumber(params.width) ? String(params.width) : null,
+            [ImgSizeAttr.Height]: isNumber(params.height) ? String(params.height) : null,
+        };
+        const node = imageType(this.view.state.schema).create(attrs);
+        this.insertNodes([node]);
+    };
+    onAttach = async (files) => {
+        if (this.cancelled || !this.uploadImages)
+            return;
+        const { view } = this;
+        new ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
+            needDimensions: this.needToSetDimensionsForUploadedImages,
+        }).run();
+        view.dispatch(removeWidget(view.state.tr, this.decoId));
+        view.focus();
+    };
     insertNodes(fileNodes) {
         if (this.cancelled)
             return;
@@ -103,3 +111,4 @@ class ImageWidgetHandler {
         this.view.focus();
     }
 }
+//# sourceMappingURL=widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/widget.tsx"],"names":[],"mappings":"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","sourcesContent":["import isNumber from 'is-number';\nimport {Node} from 'prosemirror-model';\nimport {Transaction} from 'prosemirror-state';\nimport {EditorView} from 'prosemirror-view';\n\nimport {ExtensionDeps} from '../../../../core';\nimport {FileUploadHandler} from '../../../../utils/upload';\nimport {ReactWidgetDescriptor, removeDecoration} from '../../../behavior/WidgetDecoration';\nimport {imageType, normalizeUrlFactory} from '../../../markdown';\nimport {ImgSizeAttr} from '../../../specs';\nimport {ImagesUploadProcess} from '../ImagePaste/upload';\n\nimport {FilePlaceholder, FilePlaceholderProps} from './view';\n\nexport const addWidget = (\n    tr: Transaction,\n    deps: ExtensionDeps,\n    opts: ImageWidgetDescriptorOpts,\n) => {\n    return new ImageWidgetDescriptor(tr.selection.from, deps, opts).applyTo(tr);\n};\n\nexport const removeWidget = removeDecoration;\n\nexport type ImageWidgetDescriptorOpts = {\n    needToSetDimensionsForUploadedImages: boolean;\n    uploadImages?: FileUploadHandler;\n};\n\nclass ImageWidgetDescriptor extends ReactWidgetDescriptor {\n    private readonly domElem;\n    private readonly deps;\n    private readonly uploadImages;\n    private readonly needToSetDimensionsForUploadedImages: boolean;\n\n    private widgetHandler: ImageWidgetHandler | null = null;\n\n    constructor(initPos: number, deps: ExtensionDeps, opts: ImageWidgetDescriptorOpts) {\n        super(initPos, 'image_placeholder');\n        this.domElem = document.createElement('span');\n        this.deps = deps;\n        this.uploadImages = opts.uploadImages;\n        this.needToSetDimensionsForUploadedImages = opts.needToSetDimensionsForUploadedImages;\n    }\n\n    getWidgetHandler(view: EditorView, getPos: () => number): ImageWidgetHandler {\n        if (!this.widgetHandler) {\n            this.widgetHandler = new ImageWidgetHandler(\n                {\n                    view,\n                    getPos,\n                    decoId: this.id,\n                    uploadImages: this.uploadImages,\n                    needToSetDimensionsForUploadedImages: this.needToSetDimensionsForUploadedImages,\n                },\n                this.deps,\n            );\n        }\n        return this.widgetHandler;\n    }\n\n    getDomElem(): HTMLElement {\n        return this.domElem;\n    }\n\n    renderReactElement(view: EditorView, getPos: () => number): React.ReactElement {\n        return this.getWidgetHandler(view, getPos).renderWidgetView(view, getPos);\n    }\n\n    remove(): void {\n        super.remove();\n        this.widgetHandler?.destruct();\n        this.widgetHandler = null;\n    }\n}\n\ntype ImageWidgetHandlerProps = {\n    decoId: string;\n    view: EditorView;\n    getPos: () => number;\n    uploadImages?: FileUploadHandler;\n    needToSetDimensionsForUploadedImages: boolean;\n};\n\nclass ImageWidgetHandler {\n    private view;\n    private getPos;\n\n    private readonly decoId: string;\n    private readonly uploadImages;\n    private readonly normalizeUrl;\n    private readonly needToSetDimensionsForUploadedImages: boolean;\n\n    private cancelled = false;\n\n    constructor(\n        {\n            decoId,\n            view,\n            getPos,\n            uploadImages,\n            needToSetDimensionsForUploadedImages,\n        }: ImageWidgetHandlerProps,\n        deps: ExtensionDeps,\n    ) {\n        this.decoId = decoId;\n        this.view = view;\n        this.getPos = getPos;\n        this.uploadImages = uploadImages;\n        this.normalizeUrl = normalizeUrlFactory(deps);\n        this.needToSetDimensionsForUploadedImages = needToSetDimensionsForUploadedImages;\n    }\n\n    destruct() {\n        this.cancelled = true;\n    }\n\n    renderWidgetView(view: EditorView, getPos: () => number): React.ReactElement {\n        this.view = view;\n        this.getPos = getPos;\n        return (\n            <FilePlaceholder\n                onCancel={this.onCancel}\n                onSubmit={this.onSubmit}\n                onAttach={this.uploadImages && this.onAttach}\n            />\n        );\n    }\n\n    private onCancel: FilePlaceholderProps['onCancel'] = () => {\n        this.cancelled = true;\n        this.view.dispatch(removeDecoration(this.view.state.tr, this.decoId));\n        this.view.focus();\n    };\n\n    private onSubmit: FilePlaceholderProps['onSubmit'] = (params) => {\n        if (this.cancelled) return;\n\n        const url = this.normalizeUrl(params.url)?.url;\n        if (!url) return;\n\n        const attrs = {\n            [ImgSizeAttr.Src]: url,\n            [ImgSizeAttr.Title]: params.name,\n            [ImgSizeAttr.Alt]: params.alt,\n            [ImgSizeAttr.Width]: isNumber(params.width) ? String(params.width) : null,\n            [ImgSizeAttr.Height]: isNumber(params.height) ? String(params.height) : null,\n        };\n\n        const node = imageType(this.view.state.schema).create(attrs);\n        this.insertNodes([node]);\n    };\n\n    private onAttach: FilePlaceholderProps['onAttach'] = async (files) => {\n        if (this.cancelled || !this.uploadImages) return;\n\n        const {view} = this;\n        new ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {\n            needDimensions: this.needToSetDimensionsForUploadedImages,\n        }).run();\n        view.dispatch(removeWidget(view.state.tr, this.decoId));\n        view.focus();\n    };\n\n    private insertNodes(fileNodes: Node[]) {\n        if (this.cancelled) return;\n\n        let tr = this.view.state.tr;\n        tr = tr.insert(tr.mapping.map(this.getPos()), fileNodes);\n        tr = removeWidget(tr, this.decoId);\n        this.view.dispatch(tr);\n        this.view.focus();\n    }\n}\n"]}

package/build/esm/extensions/yfm/ImgSize/ImgSizeSpecs/const.js

@@ -7,3 +7,4 @@ export const ImgSizeAttr = {
     Height: ImsizeAttr.Height,
     Loading: 'loading',
 };
+//# sourceMappingURL=const.js.map

package/build/esm/extensions/yfm/ImgSize/ImgSizeSpecs/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImgSizeSpecs/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8CAA8C,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,GAAG,EAAE,UAAU,CAAC,GAAG;IACnB,GAAG,EAAE,UAAU,CAAC,GAAG;IACnB,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,MAAM,EAAE,UAAU,CAAC,MAAM;IACzB,OAAO,EAAE,SAAS;CACZ,CAAC","sourcesContent":["import {ImsizeAttr} from '@diplodoc/transform/lib/plugins/imsize/const';\n\nexport const ImgSizeAttr = {\n    Alt: ImsizeAttr.Alt,\n    Src: ImsizeAttr.Src,\n    Title: ImsizeAttr.Title,\n    Width: ImsizeAttr.Width,\n    Height: ImsizeAttr.Height,\n    Loading: 'loading',\n} as const;\n"]}

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

@@ -1,8 +1,8 @@
 import type { NodeSpec } from 'prosemirror-model';
-import type { ExtensionAuto } from '../../../../core';
-import { ImgSizeAttr } from './const';
+import type { ExtensionAuto } from "../../../../core/index.js";
+import { ImgSizeAttr } from "./const.js";
 export { ImgSizeAttr };
-export declare type ImgSizeSpecsOptions = {
+export type ImgSizeSpecsOptions = {
     /**
      * @deprecated: use placeholder option in BehaviorPreset instead.
      */

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

@@ -1,12 +1,11 @@
 import log from '@diplodoc/transform/lib/log';
 import imsize from '@diplodoc/transform/lib/plugins/imsize';
 import isNumber from 'is-number';
-import { imageNodeName } from '../../../markdown/Image/const';
-import { ImgSizeAttr } from './const';
+import { imageNodeName } from "../../../markdown/Image/const.js";
+import { ImgSizeAttr } from "./const.js";
 export { ImgSizeAttr };
 export const ImgSizeSpecs = (builder, opts) => {
-    var _a;
-    const placeholderContent = (_a = builder.context.get('placeholder')) === null || _a === void 0 ? void 0 : _a.imgSize;
+    const placeholderContent = builder.context.get('placeholder')?.imgSize;
     builder.configureMd((md) => md.use(imsize, { log, enableInlineStyling: true }));
     builder.addNode(imageNodeName, () => ({
         spec: {
@@ -47,17 +46,14 @@ export const ImgSizeSpecs = (builder, opts) => {
             tokenSpec: {
                 name: imageNodeName,
                 type: 'node',
-                getAttrs: (tok) => {
-                    var _a, _b;
-                    return ({
-                        [ImgSizeAttr.Src]: tok.attrGet(ImgSizeAttr.Src),
-                        [ImgSizeAttr.Title]: tok.attrGet(ImgSizeAttr.Title),
-                        [ImgSizeAttr.Height]: tok.attrGet(ImgSizeAttr.Height),
-                        [ImgSizeAttr.Width]: tok.attrGet(ImgSizeAttr.Width),
-                        [ImgSizeAttr.Loading]: tok.attrGet(ImgSizeAttr.Loading),
-                        [ImgSizeAttr.Alt]: ((_b = (_a = tok.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.content) || null,
-                    });
-                },
+                getAttrs: (tok) => ({
+                    [ImgSizeAttr.Src]: tok.attrGet(ImgSizeAttr.Src),
+                    [ImgSizeAttr.Title]: tok.attrGet(ImgSizeAttr.Title),
+                    [ImgSizeAttr.Height]: tok.attrGet(ImgSizeAttr.Height),
+                    [ImgSizeAttr.Width]: tok.attrGet(ImgSizeAttr.Width),
+                    [ImgSizeAttr.Loading]: tok.attrGet(ImgSizeAttr.Loading),
+                    [ImgSizeAttr.Alt]: tok.children?.[0]?.content || null,
+                }),
             },
         },
         toMd: (state, node) => {
@@ -85,3 +81,4 @@ function getSize({ width, height }) {
     }
     return '';
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImgSizeSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import log from '@diplodoc/transform/lib/log';\nimport imsize from '@diplodoc/transform/lib/plugins/imsize';\nimport isNumber from 'is-number';\nimport type {NodeSpec} from 'prosemirror-model';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {imageNodeName} from '../../../markdown/Image/const';\n\nimport {ImgSizeAttr} from './const';\n\ntype ImsizeTypedAttributes = {\n    [ImgSizeAttr.Src]: string;\n    [ImgSizeAttr.Title]: string | null;\n    [ImgSizeAttr.Alt]: string | null;\n    [ImgSizeAttr.Width]: string | null;\n    [ImgSizeAttr.Height]: string | null;\n    [ImgSizeAttr.Loading]: string | null;\n};\n\nexport {ImgSizeAttr};\n\nexport type ImgSizeSpecsOptions = {\n    /**\n     * @deprecated: use placeholder option in BehaviorPreset instead.\n     */\n    placeholder?: NodeSpec['placeholder'];\n};\n\nexport const ImgSizeSpecs: ExtensionAuto<ImgSizeSpecsOptions> = (builder, opts) => {\n    const placeholderContent = builder.context.get('placeholder')?.imgSize;\n\n    builder.configureMd((md) => md.use(imsize, {log, enableInlineStyling: true}));\n    builder.addNode(imageNodeName, () => ({\n        spec: {\n            inline: true,\n            attrs: {\n                [ImgSizeAttr.Src]: {},\n                [ImgSizeAttr.Alt]: {default: null},\n                [ImgSizeAttr.Title]: {default: null},\n                [ImgSizeAttr.Height]: {default: null},\n                [ImgSizeAttr.Width]: {default: null},\n                [ImgSizeAttr.Loading]: {default: null},\n            },\n            placeholder: placeholderContent ? {content: placeholderContent} : opts.placeholder,\n            group: 'inline',\n            draggable: true,\n            parseDOM: [\n                {\n                    tag: 'img[src]',\n                    getAttrs(dom) {\n                        const height = (dom as Element).getAttribute(ImgSizeAttr.Height);\n                        const width = (dom as Element).getAttribute(ImgSizeAttr.Width);\n\n                        return {\n                            [ImgSizeAttr.Src]: (dom as Element).getAttribute(ImgSizeAttr.Src),\n                            [ImgSizeAttr.Alt]: (dom as Element).getAttribute(ImgSizeAttr.Alt),\n                            [ImgSizeAttr.Title]: (dom as Element).getAttribute(ImgSizeAttr.Title),\n                            [ImgSizeAttr.Loading]: (dom as Element).getAttribute(\n                                ImgSizeAttr.Loading,\n                            ),\n                            [ImgSizeAttr.Height]: isNumber(height) ? height : null,\n                            [ImgSizeAttr.Width]: isNumber(width) ? height : null,\n                        };\n                    },\n                },\n            ],\n            toDOM(node) {\n                return ['img', node.attrs];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: imageNodeName,\n                type: 'node',\n                getAttrs: (tok): ImsizeTypedAttributes => ({\n                    [ImgSizeAttr.Src]: tok.attrGet(ImgSizeAttr.Src)!,\n                    [ImgSizeAttr.Title]: tok.attrGet(ImgSizeAttr.Title),\n                    [ImgSizeAttr.Height]: tok.attrGet(ImgSizeAttr.Height),\n                    [ImgSizeAttr.Width]: tok.attrGet(ImgSizeAttr.Width),\n                    [ImgSizeAttr.Loading]: tok.attrGet(ImgSizeAttr.Loading),\n                    [ImgSizeAttr.Alt]: tok.children?.[0]?.content || null,\n                }),\n            },\n        },\n        toMd: (state, node) => {\n            const attrs = node.attrs as ImsizeTypedAttributes;\n            let result = '![';\n\n            if (attrs.alt) {\n                result += state.esc(attrs.alt);\n            }\n\n            result += '](';\n\n            if (attrs.src) {\n                result += state.esc(attrs.src);\n            }\n\n            if (attrs.title) {\n                result += ` ${state.quote(attrs.title)}`;\n            }\n\n            result += getSize(attrs);\n            result += ')';\n\n            state.write(result);\n        },\n    }));\n};\n\nfunction getSize({width, height}: ImsizeTypedAttributes): string {\n    if (width || height) {\n        return ` =${width || ''}x${height || ''}`;\n    }\n\n    return '';\n}\n"]}

package/build/esm/extensions/yfm/ImgSize/actions.d.ts

@@ -1,7 +1,7 @@
 import type { Schema } from 'prosemirror-model';
-import type { ActionSpec } from '../../../core';
-import { AddImageAttrs as AddImageAttrsBase } from '../../markdown/Image';
-export declare type AddImageAttrs = AddImageAttrsBase & {
+import type { ActionSpec } from "../../../core/index.js";
+import { AddImageAttrs as AddImageAttrsBase } from "../../markdown/Image/index.js";
+export type AddImageAttrs = AddImageAttrsBase & {
     width?: string | number;
     height?: string | number;
 };

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

@@ -1,17 +1,17 @@
 import isNumber from 'is-number';
-import { imgType } from '../../markdown/Image';
-import { ImgSizeAttr } from './const';
+import { imageType } from "../../markdown/Image/index.js";
+import { ImgSizeAttr } from "./const.js";
 export const addImage = (schema) => {
     return {
         isEnable: (state) => state.selection.empty,
         run(state, dispatch, _view, attrs) {
             const params = attrs;
-            if (params === null || params === void 0 ? void 0 : params.src) {
+            if (params?.src) {
                 const { src, title, alt, width, height } = params;
                 const imgAttrs = {
                     [ImgSizeAttr.Src]: src,
-                    [ImgSizeAttr.Title]: title !== null && title !== void 0 ? title : '',
-                    [ImgSizeAttr.Alt]: alt !== null && alt !== void 0 ? alt : '',
+                    [ImgSizeAttr.Title]: title ?? '',
+                    [ImgSizeAttr.Alt]: alt ?? '',
                 };
                 if (isNumber(width)) {
                     imgAttrs[ImgSizeAttr.Width] = String(width);
@@ -19,8 +19,9 @@ export const addImage = (schema) => {
                 if (isNumber(height)) {
                     imgAttrs[ImgSizeAttr.Height] = String(height);
                 }
-                dispatch(state.tr.insert(state.selection.from, imgType(schema).create(imgAttrs)));
+                dispatch(state.tr.insert(state.selection.from, imageType(schema).create(imgAttrs)));
             }
         },
     };
 };
+//# sourceMappingURL=actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/actions.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAIjC,OAAO,EAAqC,SAAS,EAAC,sCAA6B;AAEnF,OAAO,EAAC,WAAW,EAAC,mBAAgB;AAOpC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAc,EAAE;IACnD,OAAO;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;QAC1C,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK;YAC7B,MAAM,MAAM,GAAG,KAAkC,CAAC;YAElD,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC;gBACd,MAAM,EAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;gBAChD,MAAM,QAAQ,GAA4B;oBACtC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAG;oBACtB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,EAAE;oBAChC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE;iBAC/B,CAAC;gBAEF,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;oBAClB,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChD,CAAC;gBACD,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACnB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;gBAClD,CAAC;gBAED,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACxF,CAAC;QACL,CAAC;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import isNumber from 'is-number';\nimport type {Schema} from 'prosemirror-model';\n\nimport type {ActionSpec} from '../../../core';\nimport {AddImageAttrs as AddImageAttrsBase, imageType} from '../../markdown/Image';\n\nimport {ImgSizeAttr} from './const';\n\nexport type AddImageAttrs = AddImageAttrsBase & {\n    width?: string | number;\n    height?: string | number;\n};\n\nexport const addImage = (schema: Schema): ActionSpec => {\n    return {\n        isEnable: (state) => state.selection.empty,\n        run(state, dispatch, _view, attrs) {\n            const params = attrs as AddImageAttrs | undefined;\n\n            if (params?.src) {\n                const {src, title, alt, width, height} = params;\n                const imgAttrs: {[key: string]: string} = {\n                    [ImgSizeAttr.Src]: src,\n                    [ImgSizeAttr.Title]: title ?? '',\n                    [ImgSizeAttr.Alt]: alt ?? '',\n                };\n\n                if (isNumber(width)) {\n                    imgAttrs[ImgSizeAttr.Width] = String(width);\n                }\n                if (isNumber(height)) {\n                    imgAttrs[ImgSizeAttr.Height] = String(height);\n                }\n\n                dispatch(state.tr.insert(state.selection.from, imageType(schema).create(imgAttrs)));\n            }\n        },\n    };\n};\n"]}

package/build/esm/extensions/yfm/ImgSize/const.d.ts

@@ -1,8 +1,8 @@
 import { PluginKey } from 'prosemirror-state';
-export { ImgSizeAttr } from './ImgSizeSpecs';
-export { imageNodeName, addImageAction } from '../../markdown/Image/const';
+export { ImgSizeAttr } from "./ImgSizeSpecs/index.js";
+export { imageNodeName, addImageAction } from "../../markdown/Image/const.js";
 export declare const IMG_MAX_HEIGHT = 600;
-export declare type ImageRendererState = {
+export type ImageRendererState = {
     linkAdded: boolean;
 };
 export declare const imageRendererKey: PluginKey<ImageRendererState>;

package/build/esm/extensions/yfm/ImgSize/const.js

@@ -1,5 +1,6 @@
 import { PluginKey } from 'prosemirror-state';
-export { ImgSizeAttr } from './ImgSizeSpecs';
-export { imageNodeName, addImageAction } from '../../markdown/Image/const';
+export { ImgSizeAttr } from "./ImgSizeSpecs/index.js";
+export { imageNodeName, addImageAction } from "../../markdown/Image/const.js";
 export const IMG_MAX_HEIGHT = 600; //px
 export const imageRendererKey = new PluginKey('imageRenderer');
+//# sourceMappingURL=const.js.map

package/build/esm/extensions/yfm/ImgSize/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,WAAW,EAAC,gCAAuB;AAC3C,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,sCAAmC;AAEzE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,IAAI;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,SAAS,CAAqB,eAAe,CAAC,CAAC","sourcesContent":["import {PluginKey} from 'prosemirror-state';\n\nexport {ImgSizeAttr} from './ImgSizeSpecs';\nexport {imageNodeName, addImageAction} from '../../markdown/Image/const';\n\nexport const IMG_MAX_HEIGHT = 600; //px\nexport type ImageRendererState = {linkAdded: boolean};\nexport const imageRendererKey = new PluginKey<ImageRendererState>('imageRenderer');\n"]}

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

@@ -1,9 +1,9 @@
-import type { Action, ExtensionAuto } from '../../../core';
-import { type ImagePasteOptions } from './ImagePaste';
-import { type ImgSizeSpecsOptions } from './ImgSizeSpecs';
-import { type AddImageAttrs } from './actions';
-import { addImageAction } from './const';
-export declare type ImgSizeOptions = ImgSizeSpecsOptions & {
+import type { Action, ExtensionAuto } from "../../../core/index.js";
+import { type ImagePasteOptions } from "./ImagePaste/index.js";
+import { type ImgSizeSpecsOptions } from "./ImgSizeSpecs/index.js";
+import { type AddImageAttrs } from "./actions.js";
+import { addImageAction } from "./const.js";
+export type ImgSizeOptions = ImgSizeSpecsOptions & {
     /**
      * If we need to set dimensions for uploaded images
      *

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

@@ -1,9 +1,9 @@
-import { ImagePaste } from './ImagePaste';
-import { ImageWidget } from './ImageWidget';
-import { ImgSizeSpecs } from './ImgSizeSpecs';
-import { addImage } from './actions';
-import { addImageAction } from './const';
-import { imgSizeNodeViewPlugin } from './plugins/ImgSizeNodeView';
+import { ImagePaste } from "./ImagePaste/index.js";
+import { ImageWidget } from "./ImageWidget/index.js";
+import { ImgSizeSpecs } from "./ImgSizeSpecs/index.js";
+import { addImage } from "./actions.js";
+import { addImageAction } from "./const.js";
+import { imgSizeNodeViewPlugin } from "./plugins/ImgSizeNodeView/index.js";
 export const ImgSize = (builder, opts) => {
     builder.use(ImgSizeSpecs, opts);
     builder.use(ImageWidget, {
@@ -21,3 +21,4 @@ export const ImgSize = (builder, opts) => {
     builder.addAction(addImageAction, ({ schema }) => addImage(schema));
     builder.addPlugin(imgSizeNodeViewPlugin);
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,UAAU,EAAyB,8BAAqB;AAChE,OAAO,EAAC,WAAW,EAAC,+BAAsB;AAC1C,OAAO,EAAC,YAAY,EAA2B,gCAAuB;AACtE,OAAO,EAAqB,QAAQ,EAAC,qBAAkB;AACvD,OAAO,EAAC,cAAc,EAAC,mBAAgB;AACvC,OAAO,EAAC,qBAAqB,EAAC,2CAAkC;AAchE,MAAM,CAAC,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACpE,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAEhC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE;QACrB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;QAC3C,oCAAoC,EAAE,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC;KAC3F,CAAC,CAAC;IAEH,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE;YACpB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;YAC3C,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC;YAClE,uBAAuB,EAAE,IAAI,CAAC,uBAAuB;YACrD,6BAA6B,EAAE,IAAI,CAAC,6BAA6B;SACpE,CAAC,CAAC;IACP,CAAC;IAED,OAAO,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAElE,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;AAC7C,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\n\nimport {ImagePaste, type ImagePasteOptions} from './ImagePaste';\nimport {ImageWidget} from './ImageWidget';\nimport {ImgSizeSpecs, type ImgSizeSpecsOptions} from './ImgSizeSpecs';\nimport {type AddImageAttrs, addImage} from './actions';\nimport {addImageAction} from './const';\nimport {imgSizeNodeViewPlugin} from './plugins/ImgSizeNodeView';\n\nexport type ImgSizeOptions = ImgSizeSpecsOptions & {\n    /**\n     * If we need to set dimensions for uploaded images\n     *\n     * @default false\n     */\n    needToSetDimensionsForUploadedImages?: boolean;\n} & Pick<\n        ImagePasteOptions,\n        'imageUploadHandler' | 'parseInsertedUrlAsImage' | 'enableNewImageSizeCalculation'\n    >;\n\nexport const ImgSize: ExtensionAuto<ImgSizeOptions> = (builder, opts) => {\n    builder.use(ImgSizeSpecs, opts);\n\n    builder.use(ImageWidget, {\n        imageUploadHandler: opts.imageUploadHandler,\n        needToSetDimensionsForUploadedImages: Boolean(opts.needToSetDimensionsForUploadedImages),\n    });\n\n    if (opts.imageUploadHandler || opts.parseInsertedUrlAsImage) {\n        builder.use(ImagePaste, {\n            imageUploadHandler: opts.imageUploadHandler,\n            needDimensions: Boolean(opts.needToSetDimensionsForUploadedImages),\n            parseInsertedUrlAsImage: opts.parseInsertedUrlAsImage,\n            enableNewImageSizeCalculation: opts.enableNewImageSizeCalculation,\n        });\n    }\n\n    builder.addAction(addImageAction, ({schema}) => addImage(schema));\n\n    builder.addPlugin(imgSizeNodeViewPlugin);\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            // @ts-expect-error\n            [addImageAction]: Action<AddImageAttrs>;\n        }\n    }\n}\n"]}

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.d.ts

@@ -1,10 +1,9 @@
-import React, { RefObject } from 'react';
 import { Mark, Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
-import './ImageForm.css';
+import "./ImageForm.css";
 export declare const ImageForm: React.FC<{
     node: Node;
-    dom: RefObject<HTMLElement>;
+    anchorElement: HTMLElement | null;
     updateAttributes: (o: object, marks?: Mark[]) => void;
     view: EditorView;
     unsetEdit: () => void;

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.js

@@ -1,24 +1,25 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
 import { Popup, TextInput } from '@gravity-ui/uikit';
 import isNumber from 'is-number';
-import { cn } from '../../../../../../classname';
-import Form from '../../../../../../forms/base';
-import { NumberInput } from '../../../../../../forms/components';
-import { i18n } from '../../../../../../i18n/forms';
-import { useAutoFocus } from '../../../../../../react-utils/useAutoFocus';
-import { enterKeyHandler } from '../../../../../../utils/handlers';
-import { LinkAttr, linkType } from '../../../../../markdown';
-import { ImgSizeAttr } from '../../../../../specs';
-import './ImageForm.css';
+import { cn } from "../../../../../../classname.js";
+import Form from "../../../../../../forms/base/index.js";
+import { NumberInput } from "../../../../../../forms/components/index.js";
+import { i18n } from "../../../../../../i18n/forms/index.js";
+import { useAutoFocus } from "../../../../../../react-utils/useAutoFocus.js";
+import { enterKeyHandler } from "../../../../../../utils/handlers.js";
+import { LinkAttr, linkType } from "../../../../../markdown/index.js";
+import { ImgSizeAttr } from "../../../../../specs.js";
+import "./ImageForm.css";
 const b = cn('image-tooltip-form');
-export const ImageForm = ({ node, updateAttributes, view, unsetEdit, dom }) => {
+export const ImageForm = ({ node, updateAttributes, view, unsetEdit, anchorElement }) => {
     const { attrs, marks } = node;
     const link = marks.find((m) => m.type.name === linkType(view.state.schema).name);
-    const [name, setName] = React.useState(attrs[ImgSizeAttr.Title] || '');
-    const [alt, setAlt] = React.useState(attrs[ImgSizeAttr.Alt] || '');
-    const [width, setWidth] = React.useState(attrs[ImgSizeAttr.Width] || '');
-    const [height, setHeight] = React.useState(attrs[ImgSizeAttr.Height] || '');
-    const [linkHref, setLinkHref] = React.useState((link === null || link === void 0 ? void 0 : link.attrs.href) || '');
+    const [name, setName] = useState(attrs[ImgSizeAttr.Title] || '');
+    const [alt, setAlt] = useState(attrs[ImgSizeAttr.Alt] || '');
+    const [width, setWidth] = useState(attrs[ImgSizeAttr.Width] || '');
+    const [height, setHeight] = useState(attrs[ImgSizeAttr.Height] || '');
+    const [linkHref, setLinkHref] = useState(link?.attrs.href || '');
     const handleSubmit = () => {
         updateAttributes({
             title: name.trim(),
@@ -27,24 +28,21 @@ export const ImageForm = ({ node, updateAttributes, view, unsetEdit, dom }) => {
             height: isNumber(height) && Number(height) >= 0 ? String(height) : '',
         }, link
             ? [
-                linkType(view.state.schema).create(Object.assign(Object.assign({}, link.attrs), { [LinkAttr.Href]: linkHref })),
+                linkType(view.state.schema).create({
+                    ...link.attrs,
+                    [LinkAttr.Href]: linkHref,
+                }),
             ]
             : []);
         unsetEdit();
     };
-    const linkRef = React.useRef(null);
-    const imageNameRef = React.useRef(null);
+    const linkRef = useRef(null);
+    const imageNameRef = useRef(null);
     useAutoFocus(link ? linkRef : imageNameRef);
     const inputEnterKeyHandler = enterKeyHandler(handleSubmit);
-    return (React.createElement(Popup, { open: true, anchorRef: dom, placement: ['bottom-start', 'top-start', 'bottom-end', 'top-end'], onOutsideClick: unsetEdit },
-        React.createElement(Form.Form, { className: b() },
-            React.createElement(Form.Layout, null,
-                link && (React.createElement(Form.Row, { label: i18n('image_link_href'), help: i18n('image_link_href_help'), control: React.createElement(TextInput, { controlRef: linkRef, size: "s", view: "normal", value: linkHref, onUpdate: setLinkHref, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) })),
-                React.createElement(Form.Row, { label: i18n('image_name'), control: React.createElement(TextInput, { controlRef: imageNameRef, size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) }),
-                React.createElement(Form.Row, { label: i18n('image_alt'), help: i18n('image_alt_help'), control: React.createElement(TextInput, { size: "s", view: "normal", value: alt, onUpdate: setAlt, className: b('input', { type: 'alt' }), onKeyPress: inputEnterKeyHandler }) }),
-                React.createElement(Form.Row, { label: i18n('common_sizes'), control: React.createElement("div", { className: b('size-controls') },
-                        React.createElement(NumberInput, { min: 0, size: "s", view: "normal", value: width, onUpdate: setWidth, placeholder: i18n('image_size_width'), className: b('input', { type: 'width' }), onKeyPress: inputEnterKeyHandler }),
-                        "x",
-                        React.createElement(NumberInput, { min: 0, size: "s", view: "normal", value: height, onUpdate: setHeight, placeholder: i18n('image_size_height'), className: b('input', { type: 'height' }), onKeyPress: inputEnterKeyHandler })) })),
-            React.createElement(Form.Footer, { onSubmit: handleSubmit }))));
+    return (_jsx(Popup, { open: true, modal: true, anchorElement: anchorElement, placement: ['bottom-start', 'top-start', 'bottom-end', 'top-end'], onOpenChange: (_open, _event, reason) => {
+            if (reason !== 'escape-key')
+                unsetEdit();
+        }, children: _jsxs(Form.Form, { className: b(), children: [_jsxs(Form.Layout, { children: [link && (_jsx(Form.Row, { label: i18n('image_link_href'), help: i18n('image_link_href_help'), control: _jsx(TextInput, { controlRef: linkRef, size: "s", view: "normal", value: linkHref, onUpdate: setLinkHref, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) })), _jsx(Form.Row, { label: i18n('image_name'), control: _jsx(TextInput, { controlRef: imageNameRef, size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) }), _jsx(Form.Row, { label: i18n('image_alt'), help: i18n('image_alt_help'), control: _jsx(TextInput, { size: "s", view: "normal", value: alt, onUpdate: setAlt, className: b('input', { type: 'alt' }), onKeyPress: inputEnterKeyHandler }) }), _jsx(Form.Row, { label: i18n('common_sizes'), control: _jsxs("div", { className: b('size-controls'), children: [_jsx(NumberInput, { min: 0, size: "s", view: "normal", value: width, onUpdate: setWidth, placeholder: i18n('image_size_width'), className: b('input', { type: 'width' }), onKeyPress: inputEnterKeyHandler }), "x", _jsx(NumberInput, { min: 0, size: "s", view: "normal", value: height, onUpdate: setHeight, placeholder: i18n('image_size_height'), className: b('input', { type: 'height' }), onKeyPress: inputEnterKeyHandler })] }) })] }), _jsx(Form.Footer, { onSubmit: handleSubmit })] }) }));
 };
+//# sourceMappingURL=ImageForm.js.map

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageForm.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useRef, useState} from 'react';\n\nimport {Popup, TextInput, TextInputProps} from '@gravity-ui/uikit';\nimport isNumber from 'is-number';\nimport {Mark, Node} from 'prosemirror-model';\nimport {EditorView} from 'prosemirror-view';\n\nimport {cn} from '../../../../../../classname';\nimport Form from '../../../../../../forms/base';\nimport {NumberInput} from '../../../../../../forms/components';\nimport {i18n} from '../../../../../../i18n/forms';\nimport {useAutoFocus} from '../../../../../../react-utils/useAutoFocus';\nimport {enterKeyHandler} from '../../../../../../utils/handlers';\nimport {LinkAttr, linkType} from '../../../../../markdown';\nimport {ImgSizeAttr} from '../../../../../specs';\n\nimport './ImageForm.scss';\n\nconst b = cn('image-tooltip-form');\n\nexport const ImageForm: React.FC<{\n    node: Node;\n    anchorElement: HTMLElement | null;\n    updateAttributes: (o: object, marks?: Mark[]) => void;\n    view: EditorView;\n    unsetEdit: () => void;\n}> = ({node, updateAttributes, view, unsetEdit, anchorElement}) => {\n    const {attrs, marks} = node;\n    const link = marks.find((m) => m.type.name === linkType(view.state.schema).name);\n\n    const [name, setName] = useState(attrs[ImgSizeAttr.Title] || '');\n    const [alt, setAlt] = useState(attrs[ImgSizeAttr.Alt] || '');\n    const [width, setWidth] = useState(attrs[ImgSizeAttr.Width] || '');\n    const [height, setHeight] = useState(attrs[ImgSizeAttr.Height] || '');\n    const [linkHref, setLinkHref] = useState(link?.attrs.href || '');\n    const handleSubmit = () => {\n        updateAttributes(\n            {\n                title: name.trim(),\n                alt: alt.trim(),\n                width: isNumber(width) && Number(width) >= 0 ? String(width) : '',\n                height: isNumber(height) && Number(height) >= 0 ? String(height) : '',\n            },\n            link\n                ? [\n                      linkType(view.state.schema).create({\n                          ...link.attrs,\n                          [LinkAttr.Href]: linkHref,\n                      }),\n                  ]\n                : [],\n        );\n        unsetEdit();\n    };\n    const linkRef = useRef<HTMLInputElement>(null);\n    const imageNameRef = useRef<HTMLInputElement>(null);\n\n    useAutoFocus(link ? linkRef : imageNameRef);\n\n    const inputEnterKeyHandler: TextInputProps['onKeyPress'] = enterKeyHandler(handleSubmit);\n\n    return (\n        <Popup\n            open\n            modal\n            anchorElement={anchorElement}\n            placement={['bottom-start', 'top-start', 'bottom-end', 'top-end']}\n            onOpenChange={(_open, _event, reason) => {\n                if (reason !== 'escape-key') unsetEdit();\n            }}\n        >\n            <Form.Form className={b()}>\n                <Form.Layout>\n                    {link && (\n                        <Form.Row\n                            label={i18n('image_link_href')}\n                            help={i18n('image_link_href_help')}\n                            control={\n                                <TextInput\n                                    controlRef={linkRef}\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={linkHref}\n                                    onUpdate={setLinkHref}\n                                    className={b('input', {type: 'link'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                    )}\n                    <Form.Row\n                        label={i18n('image_name')}\n                        control={\n                            <TextInput\n                                controlRef={imageNameRef}\n                                size=\"s\"\n                                view=\"normal\"\n                                value={name}\n                                onUpdate={setName}\n                                className={b('input', {type: 'name'})}\n                                onKeyPress={inputEnterKeyHandler}\n                            />\n                        }\n                    />\n                    <Form.Row\n                        label={i18n('image_alt')}\n                        help={i18n('image_alt_help')}\n                        control={\n                            <TextInput\n                                size=\"s\"\n                                view=\"normal\"\n                                value={alt}\n                                onUpdate={setAlt}\n                                className={b('input', {type: 'alt'})}\n                                onKeyPress={inputEnterKeyHandler}\n                            />\n                        }\n                    />\n                    <Form.Row\n                        label={i18n('common_sizes')}\n                        control={\n                            <div className={b('size-controls')}>\n                                <NumberInput\n                                    min={0}\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={width}\n                                    onUpdate={setWidth}\n                                    placeholder={i18n('image_size_width')}\n                                    className={b('input', {type: 'width'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                                x\n                                <NumberInput\n                                    min={0}\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={height}\n                                    onUpdate={setHeight}\n                                    placeholder={i18n('image_size_height')}\n                                    className={b('input', {type: 'height'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            </div>\n                        }\n                    />\n                </Form.Layout>\n                <Form.Footer onSubmit={handleSubmit} />\n            </Form.Form>\n        </Popup>\n    );\n};\n"]}

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/index.d.ts

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

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/index.js

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

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/index.js.map

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

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.d.ts

@@ -1,13 +1,12 @@
-import React, { RefObject } from 'react';
-import { Node } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import './ImgSettingsButton.css';
+import type { Node } from 'prosemirror-model';
+import type { EditorView } from 'prosemirror-view';
+import "./ImgSettingsButton.css";
 export declare const ImgSettingsButton: React.FC<{
     node: Node;
     view: EditorView;
     getPos: () => number | undefined;
     updateAttributes: (o: object) => void;
-    nodeRef: RefObject<HTMLDivElement>;
+    nodeElement: HTMLElement | null;
     visible: boolean;
     toggleEdit: () => void;
     edit: boolean;

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.js

@@ -1,16 +1,17 @@
-import React, { useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Ellipsis } from '@gravity-ui/icons';
 import { Button, Icon, Menu, Popup } from '@gravity-ui/uikit';
-import { cn } from '../../../../../classname';
-import { i18n as i18nCommon } from '../../../../../i18n/common';
-import { useBooleanState } from '../../../../../react-utils/hooks';
-import { ImageForm } from './ImageForm';
-import './ImgSettingsButton.css';
+import { cn } from "../../../../../classname.js";
+import { i18n as i18nCommon } from "../../../../../i18n/common/index.js";
+import { useBooleanState, useElementState } from "../../../../../react-utils/hooks.js";
+import { ReactNodeStopEventCn } from "../../../../../react-utils/react-node-view.js";
+import { ImageForm } from "./ImageForm/index.js";
+import "./ImgSettingsButton.css";
 const b = cn('img-settings-button');
-export const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edit, toggleEdit, nodeRef, unsetEdit, onDelete, }) {
-    const [popupOpen, setPopupOpen, unsetPopupOpen] = useBooleanState(false);
+export const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edit, toggleEdit, nodeElement, unsetEdit, onDelete, }) {
+    const [anchorElement, setAnchorElement] = useElementState();
+    const [popupOpen, _setPopupOpen, unsetPopupOpen, togglePopup] = useBooleanState(false);
     const placement = ['bottom-end', 'bottom-start'];
-    const buttonRef = useRef(null);
     const handleEdit = () => {
         toggleEdit();
         unsetPopupOpen();
@@ -18,16 +19,6 @@ export const ImgSettingsButton = function ({ node, view, updateAttributes, visib
     const isVisibleImageForm = edit;
     const isVisibleEditButton = !edit && (visible || popupOpen);
     const isVisiblePopup = !edit && popupOpen;
-    const handleEditButtonClick = (event) => {
-        event.preventDefault();
-        setPopupOpen();
-    };
-    return (React.createElement(React.Fragment, null,
-        isVisibleImageForm && (React.createElement(ImageForm, { node: node, view: view, updateAttributes: updateAttributes, dom: nodeRef, unsetEdit: unsetEdit })),
-        isVisibleEditButton && (React.createElement(Button, { onClick: handleEditButtonClick, ref: buttonRef, size: "s", view: 'raised', className: b() },
-            React.createElement(Icon, { data: Ellipsis }))),
-        React.createElement(Popup, { open: isVisiblePopup, anchorRef: buttonRef, onClose: unsetPopupOpen, placement: placement },
-            React.createElement(Menu, null,
-                React.createElement(Menu.Item, { onClick: handleEdit }, i18nCommon('edit')),
-                React.createElement(Menu.Item, { onClick: onDelete }, i18nCommon('delete'))))));
+    return (_jsxs(_Fragment, { children: [isVisibleImageForm && (_jsx(ImageForm, { node: node, view: view, updateAttributes: updateAttributes, anchorElement: nodeElement, unsetEdit: unsetEdit })), isVisibleEditButton && (_jsx(Button, { onClick: togglePopup, ref: setAnchorElement, size: "s", view: 'raised', className: b(null, ReactNodeStopEventCn), children: _jsx(Icon, { data: Ellipsis, className: ReactNodeStopEventCn }) })), _jsx(Popup, { open: isVisiblePopup, anchorElement: anchorElement, onOpenChange: unsetPopupOpen, placement: placement, children: _jsxs(Menu, { children: [_jsx(Menu.Item, { onClick: handleEdit, children: i18nCommon('edit') }), _jsx(Menu.Item, { onClick: onDelete, children: i18nCommon('delete') })] }) })] }));
 };
+//# sourceMappingURL=ImgSettingsButton.js.map

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgSettingsButton.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAsB,MAAM,mBAAmB,CAAC;AAIjF,OAAO,EAAC,EAAE,EAAC,oCAAiC;AAC5C,OAAO,EAAC,IAAI,IAAI,UAAU,EAAC,4CAAmC;AAC9D,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,4CAAyC;AAClF,OAAO,EAAC,oBAAoB,EAAC,sDAAmD;AAEhF,OAAO,EAAC,SAAS,EAAC,6BAAoB;AAEtC,iCAAkC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAWzB,UAAU,EACX,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,GACX;IACG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACvF,MAAM,SAAS,GAAmB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,UAAU,EAAE,CAAC;QACb,cAAc,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAI,CAAC;IAChC,MAAM,mBAAmB,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,CAAC,IAAI,IAAI,SAAS,CAAC;IAE1C,OAAO,CACH,8BACK,kBAAkB,IAAI,CACnB,KAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAE,SAAS,GACtB,CACL,EAEA,mBAAmB,IAAI,CACpB,KAAC,MAAM,IACH,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,oBAAoB,CAAC,YAExC,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,oBAAoB,GAAI,GACpD,CACZ,EAED,KAAC,KAAK,IACF,IAAI,EAAE,cAAc,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,cAAc,EAC5B,SAAS,EAAE,SAAS,YAEpB,MAAC,IAAI,eACD,KAAC,IAAI,CAAC,IAAI,IAAC,OAAO,EAAE,UAAU,YAAG,UAAU,CAAC,MAAM,CAAC,GAAa,EAChE,KAAC,IAAI,CAAC,IAAI,IAAC,OAAO,EAAE,QAAQ,YAAG,UAAU,CAAC,QAAQ,CAAC,GAAa,IAC7D,GACH,IACT,CACN,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Ellipsis} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Popup, type PopupPlacement} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from '../../../../../classname';\nimport {i18n as i18nCommon} from '../../../../../i18n/common';\nimport {useBooleanState, useElementState} from '../../../../../react-utils/hooks';\nimport {ReactNodeStopEventCn} from '../../../../../react-utils/react-node-view';\n\nimport {ImageForm} from './ImageForm';\n\nimport './ImgSettingsButton.scss';\n\nconst b = cn('img-settings-button');\n\nexport const ImgSettingsButton: React.FC<{\n    node: Node;\n    view: EditorView;\n    getPos: () => number | undefined;\n    updateAttributes: (o: object) => void;\n    nodeElement: HTMLElement | null;\n    visible: boolean;\n    toggleEdit: () => void;\n    edit: boolean;\n    unsetEdit: () => void;\n    onDelete: () => void;\n}> = function ({\n    node,\n    view,\n    updateAttributes,\n    visible,\n    edit,\n    toggleEdit,\n    nodeElement,\n    unsetEdit,\n    onDelete,\n}) {\n    const [anchorElement, setAnchorElement] = useElementState();\n    const [popupOpen, _setPopupOpen, unsetPopupOpen, togglePopup] = useBooleanState(false);\n    const placement: PopupPlacement = ['bottom-end', 'bottom-start'];\n\n    const handleEdit = () => {\n        toggleEdit();\n        unsetPopupOpen();\n    };\n\n    const isVisibleImageForm = edit;\n    const isVisibleEditButton = !edit && (visible || popupOpen);\n    const isVisiblePopup = !edit && popupOpen;\n\n    return (\n        <>\n            {isVisibleImageForm && (\n                <ImageForm\n                    node={node}\n                    view={view}\n                    updateAttributes={updateAttributes}\n                    anchorElement={nodeElement}\n                    unsetEdit={unsetEdit}\n                />\n            )}\n\n            {isVisibleEditButton && (\n                <Button\n                    onClick={togglePopup}\n                    ref={setAnchorElement}\n                    size=\"s\"\n                    view={'raised'}\n                    className={b(null, ReactNodeStopEventCn)}\n                >\n                    <Icon data={Ellipsis} className={ReactNodeStopEventCn} />\n                </Button>\n            )}\n\n            <Popup\n                open={isVisiblePopup}\n                anchorElement={anchorElement}\n                onOpenChange={unsetPopupOpen}\n                placement={placement}\n            >\n                <Menu>\n                    <Menu.Item onClick={handleEdit}>{i18nCommon('edit')}</Menu.Item>\n                    <Menu.Item onClick={onDelete}>{i18nCommon('delete')}</Menu.Item>\n                </Menu>\n            </Popup>\n        </>\n    );\n};\n"]}