@gravity-ui/markdown-editor 15.0.2 → 15.1.0

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

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

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

@@ -6,7 +6,9 @@ const addImageWidgetAction = 'addImageWidget';
 const ImageWidget = (builder, opts) => {
     builder.addAction(addImageWidgetAction, (deps) => (0, actions_1.addImageWidget)(deps, {
         uploadImages: opts.imageUploadHandler,
+        renderImageForm: opts.renderImageWidgetForm,
         needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
+        enableNewImageSizeCalculation: opts.enableNewImageSizeCalculation,
     }));
 };
 exports.ImageWidget = ImageWidget;

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

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

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

@@ -1,8 +1,20 @@
-import { type ImageFormProps } from "../../../../forms/ImageForm.js";
+import { type ImageFormProps, type ImageFormSubmitParams } from "../../../../forms/ImageForm.js";
 import "./view.css";
-export type FilePlaceholderProps = {
+export type RenderImageWidgetFormProps = {
+    /** Handler for submitting form */
+    onSubmit: (params: ImageFormSubmitParams) => void;
+    /** Handler for cancellation */
+    onCancel: () => void;
+    /** Handler for attach file from device */
+    onAttach?: (files: File[]) => void;
+    /** Uploading attached file */
+    uploading?: boolean;
+};
+export type RenderImageWidgetFormFn = (props: RenderImageWidgetFormProps) => React.ReactNode;
+export type ImagePlaceholderProps = {
     onCancel: () => void;
     onSubmit: ImageFormProps['onSubmit'];
     onAttach?: (files: File[]) => Promise<void>;
+    renderForm?: RenderImageWidgetFormFn;
 };
-export declare const FilePlaceholder: React.FC<FilePlaceholderProps>;
+export declare const ImagePlaceholder: React.FC<ImagePlaceholderProps>;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilePlaceholder = void 0;
+exports.ImagePlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const icons_1 = require("@gravity-ui/icons");
@@ -13,23 +13,31 @@ const hooks_1 = require("../../../../react-utils/hooks.js");
 require("./view.css");
 const b = (0, classname_1.cn)('image-placeholder');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
-const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
+const defaultFormRenderer = (props) => {
+    return ((0, jsx_runtime_1.jsx)(ImageForm_1.ImageForm, { autoFocus: true, loading: props.uploading, onCancel: props.onCancel, onSubmit: props.onSubmit, onAttach: props.onAttach }));
+};
+const ImagePlaceholder = ({ onCancel, onSubmit, onAttach, renderForm, }) => {
     const isMounted = (0, react_use_1.useMountedState)();
-    const [loading, showLoading, hideLoading] = (0, hooks_1.useBooleanState)(false);
+    const [uploading, startUploading, stopUploading] = (0, hooks_1.useBooleanState)(false);
     const [anchor, setAnchor] = (0, hooks_1.useElementState)();
     const attachHandler = (0, react_1.useCallback)((files) => {
         if (!onAttach)
             return;
         if (isMounted()) {
-            showLoading();
+            startUploading();
             onAttach(files).finally(() => {
                 if (isMounted()) {
-                    hideLoading();
+                    stopUploading();
                 }
             });
         }
-    }, [isMounted, onAttach, showLoading, hideLoading]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { ref: setAnchor, className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Picture, size: 24 }), (0, widgets_1.i18n)('image')] }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, modal: true, onOpenChange: onCancel, anchorElement: anchor, placement: placement, children: (0, jsx_runtime_1.jsx)(ImageForm_1.ImageForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }) })] }));
+    }, [isMounted, onAttach, startUploading, stopUploading]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { ref: setAnchor, className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Picture, size: 24 }), (0, widgets_1.i18n)('image')] }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, modal: true, onOpenChange: onCancel, anchorElement: anchor, placement: placement, children: (renderForm || defaultFormRenderer)({
+                    onCancel,
+                    onSubmit,
+                    uploading,
+                    onAttach: onAttach && attachHandler,
+                }) })] }));
 };
-exports.FilePlaceholder = FilePlaceholder;
+exports.ImagePlaceholder = ImagePlaceholder;
 //# sourceMappingURL=view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/view.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,6CAAuD;AACvD,6CAAmE;AACnE,yCAA0C;AAE1C,wDAAyC;AACzC,8DAA2E;AAC3E,+DAA8C;AAC9C,4DAA+E;AAE/E,sBAAqB;AAErB,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,mBAAmB,CAAC,CAAC;AAClC,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAQlF,MAAM,eAAe,GAAmC,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC9F,MAAM,SAAS,GAAG,IAAA,2BAAe,GAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC7B,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,6DACI,iCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,aAC/B,uBAAC,YAAI,IAAC,IAAI,EAAE,eAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EAClC,IAAA,cAAI,EAAC,OAAO,CAAC,IACZ,EACN,uBAAC,aAAK,IAAC,IAAI,QAAC,KAAK,QAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,YACjF,uBAAC,qBAAS,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;AApCW,QAAA,eAAe,mBAoC1B","sourcesContent":["import {useCallback} from 'react';\n\nimport {Picture as ImageIcon} from '@gravity-ui/icons';\nimport {Icon, Popup, type PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {ImageForm, type 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"]}
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/view.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,6CAAuD;AACvD,6CAAmE;AACnE,yCAA0C;AAE1C,wDAAyC;AACzC,8DAIqC;AACrC,+DAA8C;AAC9C,4DAA+E;AAE/E,sBAAqB;AAErB,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,mBAAmB,CAAC,CAAC;AAClC,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAczF,MAAM,mBAAmB,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACH,uBAAC,qBAAS,IACN,SAAS,QACT,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,CACL,CAAC;AACN,CAAC,CAAC;AASK,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,IAAA,2BAAe,GAAE,CAAC;IACpC,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,SAAS,EAAE,EAAE,CAAC;YACd,cAAc,EAAE,CAAC;YACjB,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACzB,IAAI,SAAS,EAAE,EAAE,CAAC;oBACd,aAAa,EAAE,CAAC;gBACpB,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CACvD,CAAC;IAEF,OAAO,CACH,6DACI,iCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,aAC/B,uBAAC,YAAI,IAAC,IAAI,EAAE,eAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EAClC,IAAA,cAAI,EAAC,OAAO,CAAC,IACZ,EACN,uBAAC,aAAK,IAAC,IAAI,QAAC,KAAK,QAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,YAChF,CAAC,UAAU,IAAI,mBAAmB,CAAC,CAAC;oBACjC,QAAQ;oBACR,QAAQ;oBACR,SAAS;oBACT,QAAQ,EAAE,QAAQ,IAAI,aAAa;iBACtC,CAAC,GACE,IACT,CACN,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,gBAAgB,oBAwC3B","sourcesContent":["import {useCallback} from 'react';\n\nimport {Picture as ImageIcon} from '@gravity-ui/icons';\nimport {Icon, Popup, type PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {\n    ImageForm,\n    type ImageFormProps,\n    type ImageFormSubmitParams,\n} 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 RenderImageWidgetFormProps = {\n    /** Handler for submitting form */\n    onSubmit: (params: ImageFormSubmitParams) => void;\n    /** Handler for cancellation */\n    onCancel: () => void;\n    /** Handler for attach file from device */\n    onAttach?: (files: File[]) => void;\n    /** Uploading attached file */\n    uploading?: boolean;\n};\nexport type RenderImageWidgetFormFn = (props: RenderImageWidgetFormProps) => React.ReactNode;\n\nconst defaultFormRenderer: RenderImageWidgetFormFn = (props) => {\n    return (\n        <ImageForm\n            autoFocus\n            loading={props.uploading}\n            onCancel={props.onCancel}\n            onSubmit={props.onSubmit}\n            onAttach={props.onAttach}\n        />\n    );\n};\n\nexport type ImagePlaceholderProps = {\n    onCancel: () => void;\n    onSubmit: ImageFormProps['onSubmit'];\n    onAttach?: (files: File[]) => Promise<void>;\n    renderForm?: RenderImageWidgetFormFn;\n};\n\nexport const ImagePlaceholder: React.FC<ImagePlaceholderProps> = ({\n    onCancel,\n    onSubmit,\n    onAttach,\n    renderForm,\n}) => {\n    const isMounted = useMountedState();\n    const [uploading, startUploading, stopUploading] = useBooleanState(false);\n    const [anchor, setAnchor] = useElementState();\n    const attachHandler = useCallback<NonNullable<ImageFormProps['onAttach']>>(\n        (files) => {\n            if (!onAttach) return;\n            if (isMounted()) {\n                startUploading();\n                onAttach(files).finally(() => {\n                    if (isMounted()) {\n                        stopUploading();\n                    }\n                });\n            }\n        },\n        [isMounted, onAttach, startUploading, stopUploading],\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                {(renderForm || defaultFormRenderer)({\n                    onCancel,\n                    onSubmit,\n                    uploading,\n                    onAttach: onAttach && attachHandler,\n                })}\n            </Popup>\n        </>\n    );\n};\n"]}

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

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

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

@@ -19,13 +19,17 @@ class ImageWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
     deps;
     uploadImages;
     needToSetDimensionsForUploadedImages;
+    enableNewImageSizeCalculation;
+    renderImageForm;
     widgetHandler = null;
     constructor(initPos, deps, opts) {
         super(initPos, 'image_placeholder');
         this.domElem = document.createElement('span');
         this.deps = deps;
         this.uploadImages = opts.uploadImages;
+        this.renderImageForm = opts.renderImageForm;
         this.needToSetDimensionsForUploadedImages = opts.needToSetDimensionsForUploadedImages;
+        this.enableNewImageSizeCalculation = opts.enableNewImageSizeCalculation;
     }
     getWidgetHandler(view, getPos) {
         if (!this.widgetHandler) {
@@ -34,7 +38,9 @@ class ImageWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
                 getPos,
                 decoId: this.id,
                 uploadImages: this.uploadImages,
+                renderImageForm: this.renderImageForm,
                 needToSetDimensionsForUploadedImages: this.needToSetDimensionsForUploadedImages,
+                enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,
             }, this.deps);
         }
         return this.widgetHandler;
@@ -58,14 +64,18 @@ class ImageWidgetHandler {
     uploadImages;
     normalizeUrl;
     needToSetDimensionsForUploadedImages;
+    enableNewImageSizeCalculation;
+    renderImageForm;
     cancelled = false;
-    constructor({ decoId, view, getPos, uploadImages, needToSetDimensionsForUploadedImages, }, deps) {
+    constructor({ decoId, view, getPos, uploadImages, renderImageForm, needToSetDimensionsForUploadedImages, enableNewImageSizeCalculation, }, deps) {
         this.decoId = decoId;
         this.view = view;
         this.getPos = getPos;
         this.uploadImages = uploadImages;
         this.normalizeUrl = (0, markdown_1.normalizeUrlFactory)(deps);
+        this.renderImageForm = renderImageForm;
         this.needToSetDimensionsForUploadedImages = needToSetDimensionsForUploadedImages;
+        this.enableNewImageSizeCalculation = enableNewImageSizeCalculation;
     }
     destruct() {
         this.cancelled = true;
@@ -73,7 +83,7 @@ class ImageWidgetHandler {
     renderWidgetView(view, getPos) {
         this.view = view;
         this.getPos = getPos;
-        return ((0, jsx_runtime_1.jsx)(view_1.FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
+        return ((0, jsx_runtime_1.jsx)(view_1.ImagePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach, renderForm: this.renderImageForm }));
     }
     onCancel = () => {
         this.cancelled = true;
@@ -102,6 +112,7 @@ class ImageWidgetHandler {
         const { view } = this;
         new upload_1.ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
             needDimensions: this.needToSetDimensionsForUploadedImages,
+            enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,
         }).run();
         view.dispatch((0, exports.removeWidget)(view.state.tr, this.decoId));
         view.focus();

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

@@ -1 +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 type {Node} from 'prosemirror-model';\nimport type {Transaction} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ExtensionDeps} from '../../../../core';\nimport type {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, type 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"]}
+{"version":3,"file":"widget.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/widget.tsx"],"names":[],"mappings":";;;;;AAAA,kEAAiC;AAOjC,kFAA2F;AAC3F,yDAAiE;AACjE,6CAA2C;AAC3C,oDAAyD;AAEzD,oCAAkG;AAE3F,MAAM,SAAS,GAAG,CACrB,EAAe,EACf,IAAmB,EACnB,IAA+B,EACjC,EAAE;IACA,OAAO,IAAI,qBAAqB,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAChF,CAAC,CAAC;AANW,QAAA,SAAS,aAMpB;AAEW,QAAA,YAAY,GAAG,mCAAgB,CAAC;AAS7C,MAAM,qBAAsB,SAAQ,wCAAqB;IACpC,OAAO,CAAC;IACR,IAAI,CAAC;IACL,YAAY,CAAC;IACb,oCAAoC,CAAU;IAC9C,6BAA6B,CAAW;IACxC,eAAe,CAAsC;IAE9D,aAAa,GAA8B,IAAI,CAAC;IAExD,YAAY,OAAe,EAAE,IAAmB,EAAE,IAA+B;QAC7E,KAAK,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACtC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,IAAI,CAAC,oCAAoC,GAAG,IAAI,CAAC,oCAAoC,CAAC;QACtF,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC,6BAA6B,CAAC;IAC5E,CAAC;IAED,gBAAgB,CAAC,IAAgB,EAAE,MAAoB;QACnD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACtB,IAAI,CAAC,aAAa,GAAG,IAAI,kBAAkB,CACvC;gBACI,IAAI;gBACJ,MAAM;gBACN,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,oCAAoC,EAAE,IAAI,CAAC,oCAAoC;gBAC/E,6BAA6B,EAAE,IAAI,CAAC,6BAA6B;aACpE,EACD,IAAI,CAAC,IAAI,CACZ,CAAC;QACN,CAAC;QACD,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,UAAU;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,kBAAkB,CAAC,IAAgB,EAAE,MAAoB;QACrD,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC9E,CAAC;IAED,MAAM;QACF,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,CAAC;QAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC9B,CAAC;CACJ;AAYD,MAAM,kBAAkB;IACZ,IAAI,CAAC;IACL,MAAM,CAAC;IAEE,MAAM,CAAS;IACf,YAAY,CAAC;IACb,YAAY,CAAC;IACb,oCAAoC,CAAU;IAC9C,6BAA6B,CAAW;IACxC,eAAe,CAAsC;IAE9D,SAAS,GAAG,KAAK,CAAC;IAE1B,YACI,EACI,MAAM,EACN,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,oCAAoC,EACpC,6BAA6B,GACP,EAC1B,IAAmB;QAEnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,YAAY,GAAG,IAAA,8BAAmB,EAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,oCAAoC,GAAG,oCAAoC,CAAC;QACjF,IAAI,CAAC,6BAA6B,GAAG,6BAA6B,CAAC;IACvE,CAAC;IAED,QAAQ;QACJ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,gBAAgB,CAAC,IAAgB,EAAE,MAAoB;QACnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,OAAO,CACH,uBAAC,uBAAgB,IACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EAC5C,UAAU,EAAE,IAAI,CAAC,eAAe,GAClC,CACL,CAAC;IACN,CAAC;IAEO,QAAQ,GAAsC,GAAG,EAAE;QACvD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAA,mCAAgB,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACtE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC,CAAC;IAEM,QAAQ,GAAsC,CAAC,MAAM,EAAE,EAAE;QAC7D,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;QAE3B,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;QAC/C,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,KAAK,GAAG;YACV,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,GAAG;YACtB,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,IAAI;YAChC,CAAC,mBAAW,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;YAC7B,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,IAAA,mBAAQ,EAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;YACzE,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,IAAA,mBAAQ,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;SAC/E,CAAC;QAEF,MAAM,IAAI,GAAG,IAAA,oBAAS,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEM,QAAQ,GAAsC,KAAK,EAAE,KAAK,EAAE,EAAE;QAClE,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO;QAEjD,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;QACpB,IAAI,4BAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE;YACnE,cAAc,EAAE,IAAI,CAAC,oCAAoC;YACzD,6BAA6B,EAAE,IAAI,CAAC,6BAA6B;SACpE,CAAC,CAAC,GAAG,EAAE,CAAC;QACT,IAAI,CAAC,QAAQ,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC,CAAC;IAEM,WAAW,CAAC,SAAiB;QACjC,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;QAE3B,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;QACzD,EAAE,GAAG,IAAA,oBAAY,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CACJ","sourcesContent":["import isNumber from 'is-number';\nimport type {Node} from 'prosemirror-model';\nimport type {Transaction} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ExtensionDeps} from '../../../../core';\nimport type {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 {ImagePlaceholder, type ImagePlaceholderProps, type RenderImageWidgetFormFn} 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    enableNewImageSizeCalculation?: boolean;\n    renderImageForm?: RenderImageWidgetFormFn;\n};\n\nclass ImageWidgetDescriptor extends ReactWidgetDescriptor {\n    private readonly domElem;\n    private readonly deps;\n    private readonly uploadImages;\n    private readonly needToSetDimensionsForUploadedImages: boolean;\n    private readonly enableNewImageSizeCalculation?: boolean;\n    private readonly renderImageForm: RenderImageWidgetFormFn | undefined;\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.renderImageForm = opts.renderImageForm;\n        this.needToSetDimensionsForUploadedImages = opts.needToSetDimensionsForUploadedImages;\n        this.enableNewImageSizeCalculation = opts.enableNewImageSizeCalculation;\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                    renderImageForm: this.renderImageForm,\n                    needToSetDimensionsForUploadedImages: this.needToSetDimensionsForUploadedImages,\n                    enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\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    renderImageForm?: RenderImageWidgetFormFn;\n    needToSetDimensionsForUploadedImages: boolean;\n    enableNewImageSizeCalculation?: 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    private readonly enableNewImageSizeCalculation?: boolean;\n    private readonly renderImageForm: RenderImageWidgetFormFn | undefined;\n\n    private cancelled = false;\n\n    constructor(\n        {\n            decoId,\n            view,\n            getPos,\n            uploadImages,\n            renderImageForm,\n            needToSetDimensionsForUploadedImages,\n            enableNewImageSizeCalculation,\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.renderImageForm = renderImageForm;\n        this.needToSetDimensionsForUploadedImages = needToSetDimensionsForUploadedImages;\n        this.enableNewImageSizeCalculation = enableNewImageSizeCalculation;\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            <ImagePlaceholder\n                onCancel={this.onCancel}\n                onSubmit={this.onSubmit}\n                onAttach={this.uploadImages && this.onAttach}\n                renderForm={this.renderImageForm}\n            />\n        );\n    }\n\n    private onCancel: ImagePlaceholderProps['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: ImagePlaceholderProps['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: ImagePlaceholderProps['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            enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\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/cjs/extensions/yfm/ImgSize/index.d.ts

@@ -1,5 +1,6 @@
 import type { Action, ExtensionAuto } from "../../../core/index.js";
 import { type ImagePasteOptions } from "./ImagePaste/index.js";
+import { type ImageWidgetOptions } from "./ImageWidget/index.js";
 import { type ImgSizeSpecsOptions } from "./ImgSizeSpecs/index.js";
 import { type AddImageAttrs } from "./actions.js";
 import { addImageAction } from "./const.js";
@@ -10,7 +11,7 @@ export type ImgSizeOptions = ImgSizeSpecsOptions & {
      * @default false
      */
     needToSetDimensionsForUploadedImages?: boolean;
-} & Pick<ImagePasteOptions, 'imageUploadHandler' | 'parseInsertedUrlAsImage' | 'enableNewImageSizeCalculation'>;
+} & Pick<ImagePasteOptions, 'imageUploadHandler' | 'parseInsertedUrlAsImage' | 'enableNewImageSizeCalculation'> & Pick<ImageWidgetOptions, 'renderImageWidgetForm'>;
 export declare const ImgSize: ExtensionAuto<ImgSizeOptions>;
 declare global {
     namespace WysiwygEditor {

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

@@ -11,7 +11,9 @@ const ImgSize = (builder, opts) => {
     builder.use(ImgSizeSpecs_1.ImgSizeSpecs, opts);
     builder.use(ImageWidget_1.ImageWidget, {
         imageUploadHandler: opts.imageUploadHandler,
+        renderImageWidgetForm: opts.renderImageWidgetForm,
         needToSetDimensionsForUploadedImages: Boolean(opts.needToSetDimensionsForUploadedImages),
+        enableNewImageSizeCalculation: Boolean(opts.enableNewImageSizeCalculation),
     });
     if (opts.imageUploadHandler || opts.parseInsertedUrlAsImage) {
         builder.use(ImagePaste_1.ImagePaste, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/index.ts"],"names":[],"mappings":";;;AAEA,sDAAgE;AAChE,wDAA0C;AAC1C,0DAAsE;AACtE,0CAAuD;AACvD,sCAAuC;AACvC,wEAAgE;AAczD,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACpE,OAAO,CAAC,GAAG,CAAC,2BAAY,EAAE,IAAI,CAAC,CAAC;IAEhC,OAAO,CAAC,GAAG,CAAC,yBAAW,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,uBAAU,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,sBAAc,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,kBAAQ,EAAC,MAAM,CAAC,CAAC,CAAC;IAElE,OAAO,CAAC,SAAS,CAAC,uCAAqB,CAAC,CAAC;AAC7C,CAAC,CAAC;AApBW,QAAA,OAAO,WAoBlB","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"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/index.ts"],"names":[],"mappings":";;;AAEA,sDAAgE;AAChE,wDAAmE;AACnE,0DAAsE;AACtE,0CAAuD;AACvD,sCAAuC;AACvC,wEAAgE;AAezD,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACpE,OAAO,CAAC,GAAG,CAAC,2BAAY,EAAE,IAAI,CAAC,CAAC;IAEhC,OAAO,CAAC,GAAG,CAAC,yBAAW,EAAE;QACrB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;QAC3C,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;QACjD,oCAAoC,EAAE,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC;QACxF,6BAA6B,EAAE,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC;KAC7E,CAAC,CAAC;IAEH,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,uBAAU,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,sBAAc,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,kBAAQ,EAAC,MAAM,CAAC,CAAC,CAAC;IAElE,OAAO,CAAC,SAAS,CAAC,uCAAqB,CAAC,CAAC;AAC7C,CAAC,CAAC;AAtBW,QAAA,OAAO,WAsBlB","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\n\nimport {ImagePaste, type ImagePasteOptions} from './ImagePaste';\nimport {ImageWidget, type ImageWidgetOptions} 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    Pick<ImageWidgetOptions, 'renderImageWidgetForm'>;\n\nexport const ImgSize: ExtensionAuto<ImgSizeOptions> = (builder, opts) => {\n    builder.use(ImgSizeSpecs, opts);\n\n    builder.use(ImageWidget, {\n        imageUploadHandler: opts.imageUploadHandler,\n        renderImageWidgetForm: opts.renderImageWidgetForm,\n        needToSetDimensionsForUploadedImages: Boolean(opts.needToSetDimensionsForUploadedImages),\n        enableNewImageSizeCalculation: Boolean(opts.enableNewImageSizeCalculation),\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/cjs/extensions/yfm/YfmCut/index.css

@@ -11,6 +11,6 @@
 .ProseMirror.yfm .yfm-cut .yfm-cut-title:focus {
   outline: 0;
 }
-.ProseMirror.yfm .yfm-cut.open .yfm-cut-title:before {
+.ProseMirror.yfm .yfm-cut.open > .yfm-cut-title:before {
   transform: translateY(-50%);
 }

package/build/cjs/version.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '15.0.2' !== 'undefined' ? '15.0.2' : 'unknown';
+exports.VERSION = typeof '15.1.0' !== 'undefined' ? '15.1.0' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.0.2' !== 'undefined' ? '15.0.2' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.1.0' !== 'undefined' ? '15.1.0' : 'unknown';\n"]}

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

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

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

@@ -3,7 +3,9 @@ const addImageWidgetAction = 'addImageWidget';
 export const ImageWidget = (builder, opts) => {
     builder.addAction(addImageWidgetAction, (deps) => addImageWidget(deps, {
         uploadImages: opts.imageUploadHandler,
+        renderImageForm: opts.renderImageWidgetForm,
         needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
+        enableNewImageSizeCalculation: opts.enableNewImageSizeCalculation,
     }));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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 type {FileUploadHandler} from '../../../../utils/upload';\n\nimport {addImageWidget} from './actions';\nimport type {ImageWidgetDescriptorOpts} from './widget';\n\nconst addImageWidgetAction = 'addImageWidget';\n\nexport type ImageWidgetOptions = Pick<\n    ImageWidgetDescriptorOpts,\n    'needToSetDimensionsForUploadedImages'\n> & {\n    imageUploadHandler?: FileUploadHandler;\n};\n\nexport const ImageWidget: ExtensionAuto<ImageWidgetOptions> = (builder, opts) => {\n    builder.addAction(addImageWidgetAction, (deps) =>\n        addImageWidget(deps, {\n            uploadImages: opts.imageUploadHandler,\n            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,\n        }),\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [addImageWidgetAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/ImgSize/ImageWidget/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,qBAAkB;AAIzC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAU9C,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,eAAe,EAAE,IAAI,CAAC,qBAAqB;QAC3C,oCAAoC,EAAE,IAAI,CAAC,oCAAoC;QAC/E,6BAA6B,EAAE,IAAI,CAAC,6BAA6B;KACpE,CAAC,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionAuto} from '../../../../core';\nimport type {FileUploadHandler} from '../../../../utils/upload';\n\nimport {addImageWidget} from './actions';\nimport type {RenderImageWidgetFormFn} from './view';\nimport type {ImageWidgetDescriptorOpts} from './widget';\n\nconst addImageWidgetAction = 'addImageWidget';\n\nexport type ImageWidgetOptions = Pick<\n    ImageWidgetDescriptorOpts,\n    'needToSetDimensionsForUploadedImages' | 'enableNewImageSizeCalculation'\n> & {\n    imageUploadHandler?: FileUploadHandler;\n    renderImageWidgetForm?: RenderImageWidgetFormFn;\n};\n\nexport const ImageWidget: ExtensionAuto<ImageWidgetOptions> = (builder, opts) => {\n    builder.addAction(addImageWidgetAction, (deps) =>\n        addImageWidget(deps, {\n            uploadImages: opts.imageUploadHandler,\n            renderImageForm: opts.renderImageWidgetForm,\n            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,\n            enableNewImageSizeCalculation: opts.enableNewImageSizeCalculation,\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.d.ts

@@ -1,8 +1,20 @@
-import { type ImageFormProps } from "../../../../forms/ImageForm.js";
+import { type ImageFormProps, type ImageFormSubmitParams } from "../../../../forms/ImageForm.js";
 import "./view.css";
-export type FilePlaceholderProps = {
+export type RenderImageWidgetFormProps = {
+    /** Handler for submitting form */
+    onSubmit: (params: ImageFormSubmitParams) => void;
+    /** Handler for cancellation */
+    onCancel: () => void;
+    /** Handler for attach file from device */
+    onAttach?: (files: File[]) => void;
+    /** Uploading attached file */
+    uploading?: boolean;
+};
+export type RenderImageWidgetFormFn = (props: RenderImageWidgetFormProps) => React.ReactNode;
+export type ImagePlaceholderProps = {
     onCancel: () => void;
     onSubmit: ImageFormProps['onSubmit'];
     onAttach?: (files: File[]) => Promise<void>;
+    renderForm?: RenderImageWidgetFormFn;
 };
-export declare const FilePlaceholder: React.FC<FilePlaceholderProps>;
+export declare const ImagePlaceholder: React.FC<ImagePlaceholderProps>;

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

@@ -4,28 +4,36 @@ import { Picture as ImageIcon } from '@gravity-ui/icons';
 import { Icon, Popup } from '@gravity-ui/uikit';
 import { useMountedState } from 'react-use';
 import { cn } from "../../../../classname.js";
-import { ImageForm } from "../../../../forms/ImageForm.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 defaultFormRenderer = (props) => {
+    return (_jsx(ImageForm, { autoFocus: true, loading: props.uploading, onCancel: props.onCancel, onSubmit: props.onSubmit, onAttach: props.onAttach }));
+};
+export const ImagePlaceholder = ({ onCancel, onSubmit, onAttach, renderForm, }) => {
     const isMounted = useMountedState();
-    const [loading, showLoading, hideLoading] = useBooleanState(false);
+    const [uploading, startUploading, stopUploading] = useBooleanState(false);
     const [anchor, setAnchor] = useElementState();
     const attachHandler = useCallback((files) => {
         if (!onAttach)
             return;
         if (isMounted()) {
-            showLoading();
+            startUploading();
             onAttach(files).finally(() => {
                 if (isMounted()) {
-                    hideLoading();
+                    stopUploading();
                 }
             });
         }
-    }, [isMounted, onAttach, showLoading, hideLoading]);
-    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 }) })] }));
+    }, [isMounted, onAttach, startUploading, stopUploading]);
+    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: (renderForm || defaultFormRenderer)({
+                    onCancel,
+                    onSubmit,
+                    uploading,
+                    onAttach: onAttach && attachHandler,
+                }) })] }));
 };
 //# sourceMappingURL=view.js.map

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

@@ -1 +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,EAAsB,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EAAC,SAAS,EAAsB,uCAAoC;AAC3E,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, type PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {ImageForm, type 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"]}
+{"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,EAAsB,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EACH,SAAS,GAGZ,uCAAoC;AACrC,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;AAczF,MAAM,mBAAmB,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACH,KAAC,SAAS,IACN,SAAS,QACT,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,CACL,CAAC;AACN,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;IACpC,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1E,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,cAAc,EAAE,CAAC;YACjB,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACzB,IAAI,SAAS,EAAE,EAAE,CAAC;oBACd,aAAa,EAAE,CAAC;gBACpB,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CACvD,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,YAChF,CAAC,UAAU,IAAI,mBAAmB,CAAC,CAAC;oBACjC,QAAQ;oBACR,QAAQ;oBACR,SAAS;oBACT,QAAQ,EAAE,QAAQ,IAAI,aAAa;iBACtC,CAAC,GACE,IACT,CACN,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {Picture as ImageIcon} from '@gravity-ui/icons';\nimport {Icon, Popup, type PopupPlacement} from '@gravity-ui/uikit';\nimport {useMountedState} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport {\n    ImageForm,\n    type ImageFormProps,\n    type ImageFormSubmitParams,\n} 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 RenderImageWidgetFormProps = {\n    /** Handler for submitting form */\n    onSubmit: (params: ImageFormSubmitParams) => void;\n    /** Handler for cancellation */\n    onCancel: () => void;\n    /** Handler for attach file from device */\n    onAttach?: (files: File[]) => void;\n    /** Uploading attached file */\n    uploading?: boolean;\n};\nexport type RenderImageWidgetFormFn = (props: RenderImageWidgetFormProps) => React.ReactNode;\n\nconst defaultFormRenderer: RenderImageWidgetFormFn = (props) => {\n    return (\n        <ImageForm\n            autoFocus\n            loading={props.uploading}\n            onCancel={props.onCancel}\n            onSubmit={props.onSubmit}\n            onAttach={props.onAttach}\n        />\n    );\n};\n\nexport type ImagePlaceholderProps = {\n    onCancel: () => void;\n    onSubmit: ImageFormProps['onSubmit'];\n    onAttach?: (files: File[]) => Promise<void>;\n    renderForm?: RenderImageWidgetFormFn;\n};\n\nexport const ImagePlaceholder: React.FC<ImagePlaceholderProps> = ({\n    onCancel,\n    onSubmit,\n    onAttach,\n    renderForm,\n}) => {\n    const isMounted = useMountedState();\n    const [uploading, startUploading, stopUploading] = useBooleanState(false);\n    const [anchor, setAnchor] = useElementState();\n    const attachHandler = useCallback<NonNullable<ImageFormProps['onAttach']>>(\n        (files) => {\n            if (!onAttach) return;\n            if (isMounted()) {\n                startUploading();\n                onAttach(files).finally(() => {\n                    if (isMounted()) {\n                        stopUploading();\n                    }\n                });\n            }\n        },\n        [isMounted, onAttach, startUploading, stopUploading],\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                {(renderForm || defaultFormRenderer)({\n                    onCancel,\n                    onSubmit,\n                    uploading,\n                    onAttach: onAttach && attachHandler,\n                })}\n            </Popup>\n        </>\n    );\n};\n"]}

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

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

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

@@ -4,7 +4,7 @@ import { ReactWidgetDescriptor, removeDecoration } from "../../../behavior/Widge
 import { imageType, normalizeUrlFactory } from "../../../markdown/index.js";
 import { ImgSizeAttr } from "../../../specs.js";
 import { ImagesUploadProcess } from "../ImagePaste/upload.js";
-import { FilePlaceholder } from "./view.js";
+import { ImagePlaceholder } from "./view.js";
 export const addWidget = (tr, deps, opts) => {
     return new ImageWidgetDescriptor(tr.selection.from, deps, opts).applyTo(tr);
 };
@@ -14,13 +14,17 @@ class ImageWidgetDescriptor extends ReactWidgetDescriptor {
     deps;
     uploadImages;
     needToSetDimensionsForUploadedImages;
+    enableNewImageSizeCalculation;
+    renderImageForm;
     widgetHandler = null;
     constructor(initPos, deps, opts) {
         super(initPos, 'image_placeholder');
         this.domElem = document.createElement('span');
         this.deps = deps;
         this.uploadImages = opts.uploadImages;
+        this.renderImageForm = opts.renderImageForm;
         this.needToSetDimensionsForUploadedImages = opts.needToSetDimensionsForUploadedImages;
+        this.enableNewImageSizeCalculation = opts.enableNewImageSizeCalculation;
     }
     getWidgetHandler(view, getPos) {
         if (!this.widgetHandler) {
@@ -29,7 +33,9 @@ class ImageWidgetDescriptor extends ReactWidgetDescriptor {
                 getPos,
                 decoId: this.id,
                 uploadImages: this.uploadImages,
+                renderImageForm: this.renderImageForm,
                 needToSetDimensionsForUploadedImages: this.needToSetDimensionsForUploadedImages,
+                enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,
             }, this.deps);
         }
         return this.widgetHandler;
@@ -53,14 +59,18 @@ class ImageWidgetHandler {
     uploadImages;
     normalizeUrl;
     needToSetDimensionsForUploadedImages;
+    enableNewImageSizeCalculation;
+    renderImageForm;
     cancelled = false;
-    constructor({ decoId, view, getPos, uploadImages, needToSetDimensionsForUploadedImages, }, deps) {
+    constructor({ decoId, view, getPos, uploadImages, renderImageForm, needToSetDimensionsForUploadedImages, enableNewImageSizeCalculation, }, deps) {
         this.decoId = decoId;
         this.view = view;
         this.getPos = getPos;
         this.uploadImages = uploadImages;
         this.normalizeUrl = normalizeUrlFactory(deps);
+        this.renderImageForm = renderImageForm;
         this.needToSetDimensionsForUploadedImages = needToSetDimensionsForUploadedImages;
+        this.enableNewImageSizeCalculation = enableNewImageSizeCalculation;
     }
     destruct() {
         this.cancelled = true;
@@ -68,7 +78,7 @@ class ImageWidgetHandler {
     renderWidgetView(view, getPos) {
         this.view = view;
         this.getPos = getPos;
-        return (_jsx(FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
+        return (_jsx(ImagePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach, renderForm: this.renderImageForm }));
     }
     onCancel = () => {
         this.cancelled = true;
@@ -97,6 +107,7 @@ class ImageWidgetHandler {
         const { view } = this;
         new ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
             needDimensions: this.needToSetDimensionsForUploadedImages,
+            enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,
         }).run();
         view.dispatch(removeWidget(view.state.tr, this.decoId));
         view.focus();

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

@@ -1 +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 type {Node} from 'prosemirror-model';\nimport type {Transaction} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ExtensionDeps} from '../../../../core';\nimport type {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, type 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"]}
+{"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 type {Node} from 'prosemirror-model';\nimport type {Transaction} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ExtensionDeps} from '../../../../core';\nimport type {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 {ImagePlaceholder, type ImagePlaceholderProps, type RenderImageWidgetFormFn} 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    enableNewImageSizeCalculation?: boolean;\n    renderImageForm?: RenderImageWidgetFormFn;\n};\n\nclass ImageWidgetDescriptor extends ReactWidgetDescriptor {\n    private readonly domElem;\n    private readonly deps;\n    private readonly uploadImages;\n    private readonly needToSetDimensionsForUploadedImages: boolean;\n    private readonly enableNewImageSizeCalculation?: boolean;\n    private readonly renderImageForm: RenderImageWidgetFormFn | undefined;\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.renderImageForm = opts.renderImageForm;\n        this.needToSetDimensionsForUploadedImages = opts.needToSetDimensionsForUploadedImages;\n        this.enableNewImageSizeCalculation = opts.enableNewImageSizeCalculation;\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                    renderImageForm: this.renderImageForm,\n                    needToSetDimensionsForUploadedImages: this.needToSetDimensionsForUploadedImages,\n                    enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\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    renderImageForm?: RenderImageWidgetFormFn;\n    needToSetDimensionsForUploadedImages: boolean;\n    enableNewImageSizeCalculation?: 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    private readonly enableNewImageSizeCalculation?: boolean;\n    private readonly renderImageForm: RenderImageWidgetFormFn | undefined;\n\n    private cancelled = false;\n\n    constructor(\n        {\n            decoId,\n            view,\n            getPos,\n            uploadImages,\n            renderImageForm,\n            needToSetDimensionsForUploadedImages,\n            enableNewImageSizeCalculation,\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.renderImageForm = renderImageForm;\n        this.needToSetDimensionsForUploadedImages = needToSetDimensionsForUploadedImages;\n        this.enableNewImageSizeCalculation = enableNewImageSizeCalculation;\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            <ImagePlaceholder\n                onCancel={this.onCancel}\n                onSubmit={this.onSubmit}\n                onAttach={this.uploadImages && this.onAttach}\n                renderForm={this.renderImageForm}\n            />\n        );\n    }\n\n    private onCancel: ImagePlaceholderProps['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: ImagePlaceholderProps['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: ImagePlaceholderProps['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            enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\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/index.d.ts

@@ -1,5 +1,6 @@
 import type { Action, ExtensionAuto } from "../../../core/index.js";
 import { type ImagePasteOptions } from "./ImagePaste/index.js";
+import { type ImageWidgetOptions } from "./ImageWidget/index.js";
 import { type ImgSizeSpecsOptions } from "./ImgSizeSpecs/index.js";
 import { type AddImageAttrs } from "./actions.js";
 import { addImageAction } from "./const.js";
@@ -10,7 +11,7 @@ export type ImgSizeOptions = ImgSizeSpecsOptions & {
      * @default false
      */
     needToSetDimensionsForUploadedImages?: boolean;
-} & Pick<ImagePasteOptions, 'imageUploadHandler' | 'parseInsertedUrlAsImage' | 'enableNewImageSizeCalculation'>;
+} & Pick<ImagePasteOptions, 'imageUploadHandler' | 'parseInsertedUrlAsImage' | 'enableNewImageSizeCalculation'> & Pick<ImageWidgetOptions, 'renderImageWidgetForm'>;
 export declare const ImgSize: ExtensionAuto<ImgSizeOptions>;
 declare global {
     namespace WysiwygEditor {

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

@@ -8,7 +8,9 @@ export const ImgSize = (builder, opts) => {
     builder.use(ImgSizeSpecs, opts);
     builder.use(ImageWidget, {
         imageUploadHandler: opts.imageUploadHandler,
+        renderImageWidgetForm: opts.renderImageWidgetForm,
         needToSetDimensionsForUploadedImages: Boolean(opts.needToSetDimensionsForUploadedImages),
+        enableNewImageSizeCalculation: Boolean(opts.enableNewImageSizeCalculation),
     });
     if (opts.imageUploadHandler || opts.parseInsertedUrlAsImage) {
         builder.use(ImagePaste, {

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

@@ -1 +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"]}
+{"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,EAA0B,+BAAsB;AACnE,OAAO,EAAC,YAAY,EAA2B,gCAAuB;AACtE,OAAO,EAAqB,QAAQ,EAAC,qBAAkB;AACvD,OAAO,EAAC,cAAc,EAAC,mBAAgB;AACvC,OAAO,EAAC,qBAAqB,EAAC,2CAAkC;AAehE,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,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;QACjD,oCAAoC,EAAE,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC;QACxF,6BAA6B,EAAE,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC;KAC7E,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, type ImageWidgetOptions} 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    Pick<ImageWidgetOptions, 'renderImageWidgetForm'>;\n\nexport const ImgSize: ExtensionAuto<ImgSizeOptions> = (builder, opts) => {\n    builder.use(ImgSizeSpecs, opts);\n\n    builder.use(ImageWidget, {\n        imageUploadHandler: opts.imageUploadHandler,\n        renderImageWidgetForm: opts.renderImageWidgetForm,\n        needToSetDimensionsForUploadedImages: Boolean(opts.needToSetDimensionsForUploadedImages),\n        enableNewImageSizeCalculation: Boolean(opts.enableNewImageSizeCalculation),\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/YfmCut/index.css

@@ -11,6 +11,6 @@
 .ProseMirror.yfm .yfm-cut .yfm-cut-title:focus {
   outline: 0;
 }
-.ProseMirror.yfm .yfm-cut.open .yfm-cut-title:before {
+.ProseMirror.yfm .yfm-cut.open > .yfm-cut-title:before {
   transform: translateY(-50%);
 }

package/build/esm/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.0.2' !== 'undefined' ? '15.0.2' : 'unknown';
+export const VERSION = typeof '15.1.0' !== 'undefined' ? '15.1.0' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.0.2' !== 'undefined' ? '15.0.2' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.1.0' !== 'undefined' ? '15.1.0' : 'unknown';\n"]}

package/build/styles.css

@@ -1162,7 +1162,7 @@ body :has(.g-md-resizable_resizing) {
 .ProseMirror.yfm .yfm-cut .yfm-cut-title:focus {
   outline: 0;
 }
-.ProseMirror.yfm .yfm-cut.open .yfm-cut-title:before {
+.ProseMirror.yfm .yfm-cut.open > .yfm-cut-title:before {
   transform: translateY(-50%);
 }
 .yfm-editor .yfm-file {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.0.2",
+  "version": "15.1.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -259,7 +259,7 @@
     "jsdom": "25.0.1",
     "lowlight": "3.0.0",
     "markdown-it-testgen": "^0.1.6",
-    "mermaid": "10.9.3",
+    "mermaid": "11.4.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.27",
     "prettier": "3.1.1",