@gravity-ui/markdown-editor 14.12.1 → 14.12.3

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImgSize = void 0;
-const ImagePaste_1 = require("./ImagePaste/index.js");
-const ImageWidget_1 = require("./ImageWidget/index.js");
-const ImgSizeSpecs_1 = require("./ImgSizeSpecs/index.js");
-const actions_1 = require("./actions.js");
-const const_1 = require("./const.js");
-const ImgSizeNodeView_1 = require("./plugins/ImgSizeNodeView/index.js");
+const ImagePaste_1 = require("./ImagePaste");
+const ImageWidget_1 = require("./ImageWidget");
+const ImgSizeSpecs_1 = require("./ImgSizeSpecs");
+const actions_1 = require("./actions");
+const const_1 = require("./const");
+const ImgSizeNodeView_1 = require("./plugins/ImgSizeNodeView");
 const ImgSize = (builder, opts) => {
     builder.use(ImgSizeSpecs_1.ImgSizeSpecs, opts);
     builder.use(ImageWidget_1.ImageWidget, {
@@ -25,4 +25,3 @@ const ImgSize = (builder, opts) => {
     builder.addPlugin(ImgSizeNodeView_1.imgSizeNodeViewPlugin);
 };
 exports.ImgSize = ImgSize;
-//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImgSettingsButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../../../../classname.js");
-const common_1 = require("../../../../../i18n/common/index.js");
-const hooks_1 = require("../../../../../react-utils/hooks.js");
-const react_node_view_1 = require("../../../../../react-utils/react-node-view.js");
-const ImageForm_1 = require("./ImageForm/index.js");
-require("./ImgSettingsButton.css");
+const classname_1 = require("../../../../../classname");
+const common_1 = require("../../../../../i18n/common");
+const hooks_1 = require("../../../../../react-utils/hooks");
+const ImageForm_1 = require("./ImageForm");
 const b = (0, classname_1.cn)('img-settings-button');
-const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edit, toggleEdit, nodeElement, unsetEdit, onDelete, }) {
-    const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
-    const [popupOpen, _setPopupOpen, unsetPopupOpen, togglePopup] = (0, hooks_1.useBooleanState)(false);
+const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edit, toggleEdit, nodeRef, unsetEdit, onDelete, }) {
+    const [popupOpen, setPopupOpen, unsetPopupOpen] = (0, hooks_1.useBooleanState)(false);
     const placement = ['bottom-end', 'bottom-start'];
+    const buttonRef = (0, react_1.useRef)(null);
     const handleEdit = () => {
         toggleEdit();
         unsetPopupOpen();
@@ -22,7 +21,17 @@ const ImgSettingsButton = function ({ node, view, updateAttributes, visible, edi
     const isVisibleImageForm = edit;
     const isVisibleEditButton = !edit && (visible || popupOpen);
     const isVisiblePopup = !edit && popupOpen;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isVisibleImageForm && ((0, jsx_runtime_1.jsx)(ImageForm_1.ImageForm, { node: node, view: view, updateAttributes: updateAttributes, anchorElement: nodeElement, unsetEdit: unsetEdit })), isVisibleEditButton && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: togglePopup, ref: setAnchorElement, size: "s", view: 'raised', className: b(null, react_node_view_1.ReactNodeStopEventCn), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Ellipsis, className: react_node_view_1.ReactNodeStopEventCn }) })), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: isVisiblePopup, anchorElement: anchorElement, onOpenChange: unsetPopupOpen, placement: placement, children: (0, jsx_runtime_1.jsxs)(uikit_1.Menu, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: handleEdit, children: (0, common_1.i18n)('edit') }), (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: onDelete, children: (0, common_1.i18n)('delete') })] }) })] }));
+    const handleEditButtonClick = (event) => {
+        event.preventDefault();
+        setPopupOpen();
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        isVisibleImageForm && (react_1.default.createElement(ImageForm_1.ImageForm, { node: node, view: view, updateAttributes: updateAttributes, dom: nodeRef, unsetEdit: unsetEdit })),
+        isVisibleEditButton && (react_1.default.createElement(uikit_1.Button, { onClick: handleEditButtonClick, ref: buttonRef, size: "s", view: 'raised', className: b() },
+            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Ellipsis }))),
+        react_1.default.createElement(uikit_1.Popup, { open: isVisiblePopup, anchorRef: buttonRef, onClose: unsetPopupOpen, placement: placement },
+            react_1.default.createElement(uikit_1.Menu, null,
+                react_1.default.createElement(uikit_1.Menu.Item, { onClick: handleEdit }, (0, common_1.i18n)('edit')),
+                react_1.default.createElement(uikit_1.Menu.Item, { onClick: onDelete }, (0, common_1.i18n)('delete'))))));
 };
 exports.ImgSettingsButton = ImgSettingsButton;
-//# sourceMappingURL=ImgSettingsButton.js.map

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/NodeView.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNodeViewProps } from "../../../../../react-utils/index.js";
-import "./ImgNodeView.css";
+import React from 'react';
+import { ReactNodeViewProps } from '../../../../../react-utils';
 export declare const cnImgSizeNodeView: import("@bem-react/classname").ClassNameFormatter;
 export declare const ImageNodeView: React.FC<ReactNodeViewProps>;

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/NodeView.js

@@ -1,23 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageNodeView = exports.cnImgSizeNodeView = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../../../../classname.js");
-const react_utils_1 = require("../../../../../react-utils/index.js");
-const useNodeResizing_1 = require("../../../../../react-utils/useNodeResizing.js");
-const utils_1 = require("../../../../../utils/index.js");
-const Resizable_1 = require("../../../../behavior/Resizable/Resizable.js");
-const ImgSizeSpecs_1 = require("../../ImgSizeSpecs/index.js");
-const const_1 = require("../../const.js");
-const ImgSettingsButton_1 = require("./ImgSettingsButton.js");
-require("./ImgNodeView.css");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const classname_1 = require("../../../../../classname");
+const react_utils_1 = require("../../../../../react-utils");
+const useNodeResizing_1 = require("../../../../../react-utils/useNodeResizing");
+const utils_1 = require("../../../../../utils");
+const Resizable_1 = require("../../../../behavior/Resizable/Resizable");
+const ImgSizeSpecs_1 = require("../../ImgSizeSpecs");
+const const_1 = require("../../const");
+const ImgSettingsButton_1 = require("./ImgSettingsButton");
 exports.cnImgSizeNodeView = (0, classname_1.cn)('img-size-node-view');
 const ImageNodeView = ({ node, view, getPos, updateAttributes, }) => {
     const imageContainerRef = (0, react_1.useRef)(null);
     const imageRef = (0, react_1.useRef)(null);
-    const [imageElement, setImageElement] = (0, react_utils_1.useElementState)();
     const alt = node.attrs[ImgSizeSpecs_1.ImgSizeAttr.Alt] || '';
     const initialHeight = node.attrs[ImgSizeSpecs_1.ImgSizeAttr.Height];
     const initialWidth = node.attrs[ImgSizeSpecs_1.ImgSizeAttr.Width];
@@ -71,15 +68,14 @@ const ImageNodeView = ({ node, view, getPos, updateAttributes, }) => {
         startResizing(event, direction);
     };
     (0, react_1.useEffect)(() => {
-        if (const_1.imageRendererKey.getState(view.state)?.linkAdded) {
+        var _a;
+        if ((_a = const_1.imageRendererKey.getState(view.state)) === null || _a === void 0 ? void 0 : _a.linkAdded) {
             setEditing();
         }
     }, [view, setEditing]);
-    const refFn = (0, react_1.useCallback)((elem) => {
-        (0, uikit_1.setRef)(imageRef, elem);
-        setImageElement(elem);
-    }, [setImageElement]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: imageContainerRef, children: (0, jsx_runtime_1.jsxs)(Resizable_1.Resizable, { hover: isNodeHovered, resizing: state.resizing, onResizeLeft: createHandleResize('left'), onResizeRight: createHandleResize('right'), children: [(0, jsx_runtime_1.jsx)(ImgSettingsButton_1.ImgSettingsButton, { node: node, view: view, getPos: getPos, updateAttributes: updateAttributes, visible: isNodeHovered && !edit && !state.resizing, edit: edit, toggleEdit: toggleEdit, nodeElement: imageElement, onDelete: handleDelete, unsetEdit: unsetEdit }), (0, jsx_runtime_1.jsx)("img", { ref: refFn, src: src, alt: alt, style: style })] }) }));
+    return (react_1.default.createElement("div", { ref: imageContainerRef },
+        react_1.default.createElement(Resizable_1.Resizable, { hover: isNodeHovered, resizing: state.resizing, onResizeLeft: createHandleResize('left'), onResizeRight: createHandleResize('right') },
+            react_1.default.createElement(ImgSettingsButton_1.ImgSettingsButton, { node: node, view: view, getPos: getPos, updateAttributes: updateAttributes, visible: isNodeHovered && !edit && !state.resizing, edit: edit, toggleEdit: toggleEdit, nodeRef: imageRef, onDelete: handleDelete, unsetEdit: unsetEdit }),
+            react_1.default.createElement("img", { ref: imageRef, src: src, alt: alt, style: style }))));
 };
 exports.ImageNodeView = ImageNodeView;
-//# sourceMappingURL=NodeView.js.map

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

@@ -1,3 +1,3 @@
 import { Plugin } from 'prosemirror-state';
-import { ExtensionDeps } from "../../../../../core/index.js";
+import { ExtensionDeps } from '../../../../../core';
 export declare const imgSizeNodeViewPlugin: (deps: ExtensionDeps) => Plugin<any>;

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imgSizeNodeViewPlugin = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-const react_utils_1 = require("../../../../../react-utils/index.js");
-const const_1 = require("../../const.js");
-const NodeView_1 = require("./NodeView.js");
+const react_utils_1 = require("../../../../../react-utils");
+const const_1 = require("../../const");
+const NodeView_1 = require("./NodeView");
 const imgSizeNodeViewPlugin = (deps) => new prosemirror_state_1.Plugin({
     key: const_1.imageRendererKey,
     state: {
@@ -23,4 +23,3 @@ const imgSizeNodeViewPlugin = (deps) => new prosemirror_state_1.Plugin({
     },
 });
 exports.imgSizeNodeViewPlugin = imgSizeNodeViewPlugin;
-//# sourceMappingURL=index.js.map

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

@@ -1,8 +1,8 @@
 import { Node, NodeType } from 'prosemirror-model';
-import { UploadSuccessItem } from "../../../utils/index.js";
-import { ImgSizeAttr } from "../../specs.js";
+import { UploadSuccessItem } from '../../../utils';
+import { ImgSizeAttr } from '../../specs';
 export declare function isImageNode(node: Node): boolean;
-export type CreateImageNodeOptions = {
+export declare type CreateImageNodeOptions = {
     needDimensions: boolean;
     enableNewImageSizeCalculation?: boolean;
 };

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

@@ -1,22 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createImageNode = void 0;
-exports.isImageNode = isImageNode;
-exports.loadImage = loadImage;
-exports.getImageSize = getImageSize;
-exports.getImageSizeNew = getImageSizeNew;
-const logger_1 = require("../../../logger.js");
-const utils_1 = require("../../../utils/index.js");
-const markdown_1 = require("../../markdown/index.js");
-const specs_1 = require("../../specs.js");
-const const_1 = require("./const.js");
+exports.getImageSizeNew = exports.getImageSize = exports.loadImage = exports.createImageNode = exports.isImageNode = void 0;
+const logger_1 = require("../../../logger");
+const utils_1 = require("../../../utils");
+const markdown_1 = require("../../markdown");
+const specs_1 = require("../../specs");
+const const_1 = require("./const");
 function isImageNode(node) {
     return node.type.name === markdown_1.imageNodeName;
 }
+exports.isImageNode = isImageNode;
 const createImageNode = (imgType, opts) => async ({ result, file }) => {
+    var _a;
     const attrs = {
         [specs_1.ImgSizeAttr.Src]: result.url,
-        [specs_1.ImgSizeAttr.Alt]: result.name ?? file.name,
+        [specs_1.ImgSizeAttr.Alt]: (_a = result.name) !== null && _a !== void 0 ? _a : file.name,
     };
     if (opts.needDimensions) {
         try {
@@ -41,9 +39,11 @@ async function loadImage(imgFile) {
         img.onerror = (_e, _s, _l, _c, error) => reject(error);
     });
 }
+exports.loadImage = loadImage;
 function getImageSize(img) {
     return { height: String(Math.min(const_1.IMG_MAX_HEIGHT, img.height)) };
 }
+exports.getImageSize = getImageSize;
 function getImageSizeNew({ width, height }) {
     const size = (0, utils_1.getProportionalSize)({
         width,
@@ -52,4 +52,4 @@ function getImageSizeNew({ width, height }) {
     });
     return { width: String(size.width), height: String(size.height) };
 }
-//# sourceMappingURL=utils.js.map
+exports.getImageSizeNew = getImageSizeNew;

package/build/cjs/extensions/yfm/Monospace/MonospaceSpecs/index.d.ts

@@ -1,4 +1,4 @@
-import type { ExtensionAuto } from "../../../../core/index.js";
+import type { ExtensionAuto } from '../../../../core';
 export declare const monospaceMarkName = "monospace";
-export declare const monospaceType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").MarkType;
+export declare const monospaceType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").MarkType;
 export declare const MonospaceSpecs: ExtensionAuto;

package/build/cjs/extensions/yfm/Monospace/MonospaceSpecs/index.js

@@ -4,7 +4,7 @@ exports.MonospaceSpecs = exports.monospaceType = exports.monospaceMarkName = voi
 const tslib_1 = require("tslib");
 const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
 const monospace_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/monospace"));
-const schema_1 = require("../../../../utils/schema.js");
+const schema_1 = require("../../../../utils/schema");
 exports.monospaceMarkName = 'monospace';
 exports.monospaceType = (0, schema_1.markTypeFactory)(exports.monospaceMarkName);
 const MonospaceSpecs = (builder) => {
@@ -32,4 +32,3 @@ const MonospaceSpecs = (builder) => {
     }));
 };
 exports.MonospaceSpecs = MonospaceSpecs;
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,7 @@
-import type { Action, ExtensionAuto } from "../../../core/index.js";
-export { monospaceMarkName, monospaceType } from "./MonospaceSpecs/index.js";
+import type { Action, ExtensionAuto } from '../../../core';
+export { monospaceMarkName, monospaceType } from './MonospaceSpecs';
+/** @deprecated Use `monospaceMarkName` instead */
+export declare const monospace = "monospace";
 declare const monoAction = "mono";
 export declare const Monospace: ExtensionAuto;
 declare global {

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

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Monospace = exports.monospaceType = exports.monospaceMarkName = void 0;
-const actions_1 = require("../../../utils/actions.js");
-const inputrules_1 = require("../../../utils/inputrules.js");
-const MonospaceSpecs_1 = require("./MonospaceSpecs/index.js");
-var MonospaceSpecs_2 = require("./MonospaceSpecs/index.js");
+exports.Monospace = exports.monospace = exports.monospaceType = exports.monospaceMarkName = void 0;
+const actions_1 = require("../../../utils/actions");
+const inputrules_1 = require("../../../utils/inputrules");
+const MonospaceSpecs_1 = require("./MonospaceSpecs");
+var MonospaceSpecs_2 = require("./MonospaceSpecs");
 Object.defineProperty(exports, "monospaceMarkName", { enumerable: true, get: function () { return MonospaceSpecs_2.monospaceMarkName; } });
 Object.defineProperty(exports, "monospaceType", { enumerable: true, get: function () { return MonospaceSpecs_2.monospaceType; } });
+/** @deprecated Use `monospaceMarkName` instead */
+exports.monospace = MonospaceSpecs_1.monospaceMarkName;
 const monoAction = 'mono';
 const Monospace = (builder) => {
     builder.use(MonospaceSpecs_1.MonospaceSpecs);
@@ -19,4 +21,3 @@ const Monospace = (builder) => {
     }));
 };
 exports.Monospace = Monospace;
-//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/Video/VideoSpecs/const.js

@@ -6,5 +6,4 @@ var VideoAttr;
 (function (VideoAttr) {
     VideoAttr["Service"] = "service";
     VideoAttr["VideoID"] = "videoid";
-})(VideoAttr || (exports.VideoAttr = VideoAttr = {}));
-//# sourceMappingURL=const.js.map
+})(VideoAttr = exports.VideoAttr || (exports.VideoAttr = {}));

package/build/cjs/extensions/yfm/Video/VideoSpecs/index.d.ts

@@ -1,6 +1,6 @@
-import type { ExtensionAuto } from "../../../../core/index.js";
-import { VideoPluginOptions } from "./md-video.js";
-export { videoNodeName } from "./const.js";
-export { videoType } from "./utils.js";
-export type VideoSpecsOptions = VideoPluginOptions & {};
+import type { ExtensionAuto } from '../../../../core';
+import { VideoPluginOptions } from './md-video';
+export { videoNodeName } from './const';
+export { videoType } from './utils';
+export declare type VideoSpecsOptions = VideoPluginOptions & {};
 export declare const VideoSpecs: ExtensionAuto<VideoSpecsOptions>;

package/build/cjs/extensions/yfm/Video/VideoSpecs/index.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoSpecs = exports.videoType = exports.videoNodeName = void 0;
 const tslib_1 = require("tslib");
 const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
-const const_1 = require("./const.js");
-const md_video_1 = require("./md-video.js");
-const utils_1 = require("./utils.js");
+const const_1 = require("./const");
+const md_video_1 = require("./md-video");
+const utils_1 = require("./utils");
 // we don't support osf service
 const availableServices = new Set([
     md_video_1.VideoService.YouTube,
@@ -13,12 +13,12 @@ const availableServices = new Set([
     md_video_1.VideoService.Vine,
     md_video_1.VideoService.Prezi,
 ]);
-var const_2 = require("./const.js");
+var const_2 = require("./const");
 Object.defineProperty(exports, "videoNodeName", { enumerable: true, get: function () { return const_2.videoNodeName; } });
-var utils_2 = require("./utils.js");
+var utils_2 = require("./utils");
 Object.defineProperty(exports, "videoType", { enumerable: true, get: function () { return utils_2.videoType; } });
 const VideoSpecs = (builder, opts) => {
-    const options = { ...md_video_1.defaults, ...opts, log: log_1.default };
+    const options = Object.assign(Object.assign(Object.assign({}, md_video_1.defaults), opts), { log: log_1.default });
     builder.configureMd((md) => md.use(md_video_1.videoPlugin, options));
     builder.addNode(const_1.videoNodeName, () => ({
         spec: {
@@ -53,10 +53,13 @@ const VideoSpecs = (builder, opts) => {
                 const service = node.attrs[const_1.VideoAttr.Service];
                 const videoId = node.attrs[const_1.VideoAttr.VideoID];
                 if (availableServices.has(service) || !videoId) {
+                    // TODO: remove in next major
+                    // see https://github.com/gravity-ui/markdown-editor/pull/478
                     let src = '';
-                    if (typeof options.videoUrl === 'function') {
+                    if (typeof options.url === 'function')
+                        src = options.url(service, videoId, options);
+                    else if (typeof options.videoUrl === 'function')
                         src = options.videoUrl(service, videoId, options);
-                    }
                     return [
                         'div',
                         {
@@ -99,4 +102,3 @@ const VideoSpecs = (builder, opts) => {
     }));
 };
 exports.VideoSpecs = VideoSpecs;
-//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/Video/VideoSpecs/md-video.js

@@ -9,4 +9,3 @@ Object.defineProperty(exports, "VideoService", { enumerable: true, get: function
 Object.defineProperty(exports, "defaults", { enumerable: true, get: function () { return const_1.defaults; } });
 var parsers_1 = require("@diplodoc/transform/lib/plugins/video/parsers");
 Object.defineProperty(exports, "parseVideoUrl", { enumerable: true, get: function () { return parsers_1.parseVideoUrl; } });
-//# sourceMappingURL=md-video.js.map

package/build/cjs/extensions/yfm/Video/VideoSpecs/utils.d.ts

@@ -1,4 +1,4 @@
 import type { Node } from 'prosemirror-model';
-export declare const videoType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export declare const videoType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 export declare function serializeNodeToString(node: Node): string;
 export declare function createViewStub(node: Node): HTMLSpanElement;

package/build/cjs/extensions/yfm/Video/VideoSpecs/utils.js

@@ -1,16 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.videoType = void 0;
-exports.serializeNodeToString = serializeNodeToString;
-exports.createViewStub = createViewStub;
-const schema_1 = require("../../../../utils/schema.js");
-const const_1 = require("./const.js");
+exports.createViewStub = exports.serializeNodeToString = exports.videoType = void 0;
+const schema_1 = require("../../../../utils/schema");
+const const_1 = require("./const");
 exports.videoType = (0, schema_1.nodeTypeFactory)(const_1.videoNodeName);
 function serializeNodeToString(node) {
     const service = node.attrs[const_1.VideoAttr.Service];
     const videoId = node.attrs[const_1.VideoAttr.VideoID];
     return `@[${service}](${videoId})`;
 }
+exports.serializeNodeToString = serializeNodeToString;
 function createViewStub(node) {
     const elem = document.createElement('span');
     elem.setAttribute(const_1.VideoAttr.Service, node.attrs[const_1.VideoAttr.Service]);
@@ -19,4 +18,4 @@ function createViewStub(node) {
     elem.textContent = serializeNodeToString(node);
     return elem;
 }
-//# sourceMappingURL=utils.js.map
+exports.createViewStub = createViewStub;

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

@@ -1,2 +1,2 @@
-import type { ActionSpec } from "../../../core/index.js";
+import type { ActionSpec } from '../../../core';
 export declare const addVideo: ActionSpec;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addVideo = void 0;
-const const_1 = require("./VideoSpecs/const.js");
-const md_video_1 = require("./VideoSpecs/md-video.js");
-const utils_1 = require("./VideoSpecs/utils.js");
+const const_1 = require("./VideoSpecs/const");
+const md_video_1 = require("./VideoSpecs/md-video");
+const utils_1 = require("./VideoSpecs/utils");
 exports.addVideo = {
     isEnable(state) {
         return state.selection.empty;
@@ -20,4 +20,3 @@ exports.addVideo = {
         })));
     },
 };
-//# sourceMappingURL=actions.js.map

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

@@ -1,2 +1,2 @@
-export * from "./VideoSpecs/const.js";
+export * from './VideoSpecs/const';
 export declare const vAction = "video";

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

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.vAction = void 0;
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./VideoSpecs/const.js"), exports);
+tslib_1.__exportStar(require("./VideoSpecs/const"), exports);
 exports.vAction = 'video';
-//# sourceMappingURL=const.js.map

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

@@ -1,13 +1,13 @@
-import type { Action, ExtensionAuto } from "../../../core/index.js";
-import { VideoSpecsOptions } from "./VideoSpecs/index.js";
-import { VideoService } from "./VideoSpecs/md-video.js";
-import { vAction } from "./const.js";
-export { videoNodeName, videoType } from "./VideoSpecs/index.js";
-export type VideoActionAttrs = {
+import type { Action, ExtensionAuto } from '../../../core';
+import { VideoSpecsOptions } from './VideoSpecs';
+import { VideoService } from './VideoSpecs/md-video';
+import { vAction } from './const';
+export { videoNodeName, videoType } from './VideoSpecs';
+export declare type VideoActionAttrs = {
     service: VideoService;
     url: string;
 };
-export type VideoOptions = VideoSpecsOptions & {};
+export declare type VideoOptions = VideoSpecsOptions & {};
 export declare const Video: ExtensionAuto<VideoOptions>;
 declare global {
     namespace WysiwygEditor {