@gravity-ui/markdown-editor 14.12.1 → 14.12.2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilePlaceholder = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const react_use_1 = require("react-use");
-const classname_1 = require("../../../../classname.js");
-const ImageForm_1 = require("../../../../forms/ImageForm.js");
-const widgets_1 = require("../../../../i18n/widgets/index.js");
-const hooks_1 = require("../../../../react-utils/hooks.js");
-require("./view.css");
+const classname_1 = require("../../../../classname");
+const ImageForm_1 = require("../../../../forms/ImageForm");
+const widgets_1 = require("../../../../i18n/widgets");
+const hooks_1 = require("../../../../react-utils/hooks");
 const b = (0, classname_1.cn)('image-placeholder');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
 const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
     const isMounted = (0, react_use_1.useMountedState)();
     const [loading, showLoading, hideLoading] = (0, hooks_1.useBooleanState)(false);
-    const [anchor, setAnchor] = (0, hooks_1.useElementState)();
-    const attachHandler = (0, react_1.useCallback)((files) => {
+    const divRef = react_1.default.useRef(null);
+    const attachHandler = react_1.default.useCallback((files) => {
         if (!onAttach)
             return;
         if (isMounted()) {
@@ -29,7 +28,11 @@ const FilePlaceholder = ({ onCancel, onSubmit, onAttach }) => {
             });
         }
     }, [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 }) })] }));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: divRef, className: b() },
+            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Picture, size: 24 }),
+            (0, widgets_1.i18n)('image')),
+        react_1.default.createElement(uikit_1.Popup, { open: true, onClose: onCancel, anchorRef: divRef, placement: placement },
+            react_1.default.createElement(ImageForm_1.ImageForm, { autoFocus: true, loading: loading, onCancel: onCancel, onSubmit: onSubmit, onAttach: onAttach && attachHandler }))));
 };
 exports.FilePlaceholder = FilePlaceholder;
-//# sourceMappingURL=view.js.map

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

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

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

@@ -2,26 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeWidget = exports.addWidget = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration/index.js");
-const markdown_1 = require("../../../markdown/index.js");
-const specs_1 = require("../../../specs.js");
-const upload_1 = require("../ImagePaste/upload.js");
-const view_1 = require("./view.js");
+const WidgetDecoration_1 = require("../../../behavior/WidgetDecoration");
+const markdown_1 = require("../../../markdown");
+const specs_1 = require("../../../specs");
+const upload_1 = require("../ImagePaste/upload");
+const view_1 = require("./view");
 const addWidget = (tr, deps, opts) => {
     return new ImageWidgetDescriptor(tr.selection.from, deps, opts).applyTo(tr);
 };
 exports.addWidget = addWidget;
 exports.removeWidget = WidgetDecoration_1.removeDecoration;
 class ImageWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
-    domElem;
-    deps;
-    uploadImages;
-    needToSetDimensionsForUploadedImages;
-    widgetHandler = null;
     constructor(initPos, deps, opts) {
         super(initPos, 'image_placeholder');
+        this.widgetHandler = null;
         this.domElem = document.createElement('span');
         this.deps = deps;
         this.uploadImages = opts.uploadImages;
@@ -46,20 +42,47 @@ class ImageWidgetDescriptor extends WidgetDecoration_1.ReactWidgetDescriptor {
         return this.getWidgetHandler(view, getPos).renderWidgetView(view, getPos);
     }
     remove() {
+        var _a;
         super.remove();
-        this.widgetHandler?.destruct();
+        (_a = this.widgetHandler) === null || _a === void 0 ? void 0 : _a.destruct();
         this.widgetHandler = null;
     }
 }
 class ImageWidgetHandler {
-    view;
-    getPos;
-    decoId;
-    uploadImages;
-    normalizeUrl;
-    needToSetDimensionsForUploadedImages;
-    cancelled = false;
     constructor({ decoId, view, getPos, uploadImages, needToSetDimensionsForUploadedImages, }, deps) {
+        this.cancelled = false;
+        this.onCancel = () => {
+            this.cancelled = true;
+            this.view.dispatch((0, WidgetDecoration_1.removeDecoration)(this.view.state.tr, this.decoId));
+            this.view.focus();
+        };
+        this.onSubmit = (params) => {
+            var _a;
+            if (this.cancelled)
+                return;
+            const url = (_a = this.normalizeUrl(params.url)) === null || _a === void 0 ? void 0 : _a.url;
+            if (!url)
+                return;
+            const attrs = {
+                [specs_1.ImgSizeAttr.Src]: url,
+                [specs_1.ImgSizeAttr.Title]: params.name,
+                [specs_1.ImgSizeAttr.Alt]: params.alt,
+                [specs_1.ImgSizeAttr.Width]: (0, is_number_1.default)(params.width) ? String(params.width) : null,
+                [specs_1.ImgSizeAttr.Height]: (0, is_number_1.default)(params.height) ? String(params.height) : null,
+            };
+            const node = (0, markdown_1.imageType)(this.view.state.schema).create(attrs);
+            this.insertNodes([node]);
+        };
+        this.onAttach = async (files) => {
+            if (this.cancelled || !this.uploadImages)
+                return;
+            const { view } = this;
+            new upload_1.ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
+                needDimensions: this.needToSetDimensionsForUploadedImages,
+            }).run();
+            view.dispatch((0, exports.removeWidget)(view.state.tr, this.decoId));
+            view.focus();
+        };
         this.decoId = decoId;
         this.view = view;
         this.getPos = getPos;
@@ -73,39 +96,8 @@ 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 (react_1.default.createElement(view_1.FilePlaceholder, { onCancel: this.onCancel, onSubmit: this.onSubmit, onAttach: this.uploadImages && this.onAttach }));
     }
-    onCancel = () => {
-        this.cancelled = true;
-        this.view.dispatch((0, WidgetDecoration_1.removeDecoration)(this.view.state.tr, this.decoId));
-        this.view.focus();
-    };
-    onSubmit = (params) => {
-        if (this.cancelled)
-            return;
-        const url = this.normalizeUrl(params.url)?.url;
-        if (!url)
-            return;
-        const attrs = {
-            [specs_1.ImgSizeAttr.Src]: url,
-            [specs_1.ImgSizeAttr.Title]: params.name,
-            [specs_1.ImgSizeAttr.Alt]: params.alt,
-            [specs_1.ImgSizeAttr.Width]: (0, is_number_1.default)(params.width) ? String(params.width) : null,
-            [specs_1.ImgSizeAttr.Height]: (0, is_number_1.default)(params.height) ? String(params.height) : null,
-        };
-        const node = (0, markdown_1.imageType)(this.view.state.schema).create(attrs);
-        this.insertNodes([node]);
-    };
-    onAttach = async (files) => {
-        if (this.cancelled || !this.uploadImages)
-            return;
-        const { view } = this;
-        new upload_1.ImagesUploadProcess(view, files, this.uploadImages, this.getPos(), {
-            needDimensions: this.needToSetDimensionsForUploadedImages,
-        }).run();
-        view.dispatch((0, exports.removeWidget)(view.state.tr, this.decoId));
-        view.focus();
-    };
     insertNodes(fileNodes) {
         if (this.cancelled)
             return;
@@ -116,4 +108,3 @@ class ImageWidgetHandler {
         this.view.focus();
     }
 }
-//# sourceMappingURL=widget.js.map

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

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

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

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

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

@@ -5,11 +5,12 @@ const tslib_1 = require("tslib");
 const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
 const imsize_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/imsize"));
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const const_1 = require("../../../markdown/Image/const.js");
-const const_2 = require("./const.js");
+const const_1 = require("../../../markdown/Image/const");
+const const_2 = require("./const");
 Object.defineProperty(exports, "ImgSizeAttr", { enumerable: true, get: function () { return const_2.ImgSizeAttr; } });
 const ImgSizeSpecs = (builder, opts) => {
-    const placeholderContent = builder.context.get('placeholder')?.imgSize;
+    var _a;
+    const placeholderContent = (_a = builder.context.get('placeholder')) === null || _a === void 0 ? void 0 : _a.imgSize;
     builder.configureMd((md) => md.use(imsize_1.default, { log: log_1.default, enableInlineStyling: true }));
     builder.addNode(const_1.imageNodeName, () => ({
         spec: {
@@ -50,14 +51,17 @@ const ImgSizeSpecs = (builder, opts) => {
             tokenSpec: {
                 name: const_1.imageNodeName,
                 type: 'node',
-                getAttrs: (tok) => ({
-                    [const_2.ImgSizeAttr.Src]: tok.attrGet(const_2.ImgSizeAttr.Src),
-                    [const_2.ImgSizeAttr.Title]: tok.attrGet(const_2.ImgSizeAttr.Title),
-                    [const_2.ImgSizeAttr.Height]: tok.attrGet(const_2.ImgSizeAttr.Height),
-                    [const_2.ImgSizeAttr.Width]: tok.attrGet(const_2.ImgSizeAttr.Width),
-                    [const_2.ImgSizeAttr.Loading]: tok.attrGet(const_2.ImgSizeAttr.Loading),
-                    [const_2.ImgSizeAttr.Alt]: tok.children?.[0]?.content || null,
-                }),
+                getAttrs: (tok) => {
+                    var _a, _b;
+                    return ({
+                        [const_2.ImgSizeAttr.Src]: tok.attrGet(const_2.ImgSizeAttr.Src),
+                        [const_2.ImgSizeAttr.Title]: tok.attrGet(const_2.ImgSizeAttr.Title),
+                        [const_2.ImgSizeAttr.Height]: tok.attrGet(const_2.ImgSizeAttr.Height),
+                        [const_2.ImgSizeAttr.Width]: tok.attrGet(const_2.ImgSizeAttr.Width),
+                        [const_2.ImgSizeAttr.Loading]: tok.attrGet(const_2.ImgSizeAttr.Loading),
+                        [const_2.ImgSizeAttr.Alt]: ((_b = (_a = tok.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.content) || null,
+                    });
+                },
             },
         },
         toMd: (state, node) => {
@@ -86,4 +90,3 @@ function getSize({ width, height }) {
     }
     return '';
 }
-//# sourceMappingURL=index.js.map

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

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

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

@@ -3,19 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImage = void 0;
 const tslib_1 = require("tslib");
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const Image_1 = require("../../markdown/Image/index.js");
-const const_1 = require("./const.js");
+const Image_1 = require("../../markdown/Image");
+const const_1 = require("./const");
 const addImage = (schema) => {
     return {
         isEnable: (state) => state.selection.empty,
         run(state, dispatch, _view, attrs) {
             const params = attrs;
-            if (params?.src) {
+            if (params === null || params === void 0 ? void 0 : params.src) {
                 const { src, title, alt, width, height } = params;
                 const imgAttrs = {
                     [const_1.ImgSizeAttr.Src]: src,
-                    [const_1.ImgSizeAttr.Title]: title ?? '',
-                    [const_1.ImgSizeAttr.Alt]: alt ?? '',
+                    [const_1.ImgSizeAttr.Title]: title !== null && title !== void 0 ? title : '',
+                    [const_1.ImgSizeAttr.Alt]: alt !== null && alt !== void 0 ? alt : '',
                 };
                 if ((0, is_number_1.default)(width)) {
                     imgAttrs[const_1.ImgSizeAttr.Width] = String(width);
@@ -23,10 +23,9 @@ const addImage = (schema) => {
                 if ((0, is_number_1.default)(height)) {
                     imgAttrs[const_1.ImgSizeAttr.Height] = String(height);
                 }
-                dispatch(state.tr.insert(state.selection.from, (0, Image_1.imageType)(schema).create(imgAttrs)));
+                dispatch(state.tr.insert(state.selection.from, (0, Image_1.imgType)(schema).create(imgAttrs)));
             }
         },
     };
 };
 exports.addImage = addImage;
-//# sourceMappingURL=actions.js.map

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

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

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

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imageRendererKey = exports.IMG_MAX_HEIGHT = exports.addImageAction = exports.imageNodeName = exports.ImgSizeAttr = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-var ImgSizeSpecs_1 = require("./ImgSizeSpecs/index.js");
+var ImgSizeSpecs_1 = require("./ImgSizeSpecs");
 Object.defineProperty(exports, "ImgSizeAttr", { enumerable: true, get: function () { return ImgSizeSpecs_1.ImgSizeAttr; } });
-var const_1 = require("../../markdown/Image/const.js");
+var const_1 = require("../../markdown/Image/const");
 Object.defineProperty(exports, "imageNodeName", { enumerable: true, get: function () { return const_1.imageNodeName; } });
 Object.defineProperty(exports, "addImageAction", { enumerable: true, get: function () { return const_1.addImageAction; } });
 exports.IMG_MAX_HEIGHT = 600; //px
 exports.imageRendererKey = new prosemirror_state_1.PluginKey('imageRenderer');
-//# sourceMappingURL=const.js.map

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

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