@gravity-ui/markdown-editor 14.11.2 → 14.12.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,17 +1,20 @@
-import React, { useCallback, useEffect, useRef } from 'react';
-import { cn } from '../../../../../classname';
-import { useNodeEditing, useNodeHovered } from '../../../../../react-utils';
-import { useNodeResizing } from '../../../../../react-utils/useNodeResizing';
-import { removeNode } from '../../../../../utils';
-import { Resizable } from '../../../../behavior/Resizable/Resizable';
-import { ImgSizeAttr } from '../../ImgSizeSpecs';
-import { imageRendererKey } from '../../const';
-import { ImgSettingsButton } from './ImgSettingsButton';
-import './ImgNodeView.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { setRef } from '@gravity-ui/uikit';
+import { cn } from "../../../../../classname.js";
+import { useElementState, useNodeEditing, useNodeHovered, } from "../../../../../react-utils/index.js";
+import { useNodeResizing } from "../../../../../react-utils/useNodeResizing.js";
+import { removeNode } from "../../../../../utils/index.js";
+import { Resizable } from "../../../../behavior/Resizable/Resizable.js";
+import { ImgSizeAttr } from "../../ImgSizeSpecs/index.js";
+import { imageRendererKey } from "../../const.js";
+import { ImgSettingsButton } from "./ImgSettingsButton.js";
+import "./ImgNodeView.css";
 export const cnImgSizeNodeView = cn('img-size-node-view');
 export const ImageNodeView = ({ node, view, getPos, updateAttributes, }) => {
     const imageContainerRef = useRef(null);
     const imageRef = useRef(null);
+    const [imageElement, setImageElement] = useElementState();
     const alt = node.attrs[ImgSizeAttr.Alt] || '';
     const initialHeight = node.attrs[ImgSizeAttr.Height];
     const initialWidth = node.attrs[ImgSizeAttr.Width];
@@ -65,13 +68,14 @@ export const ImageNodeView = ({ node, view, getPos, updateAttributes, }) => {
         startResizing(event, direction);
     };
     useEffect(() => {
-        var _a;
-        if ((_a = imageRendererKey.getState(view.state)) === null || _a === void 0 ? void 0 : _a.linkAdded) {
+        if (imageRendererKey.getState(view.state)?.linkAdded) {
             setEditing();
         }
     }, [view, setEditing]);
-    return (React.createElement("div", { ref: imageContainerRef },
-        React.createElement(Resizable, { hover: isNodeHovered, resizing: state.resizing, onResizeLeft: createHandleResize('left'), onResizeRight: createHandleResize('right') },
-            React.createElement(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.createElement("img", { ref: imageRef, src: src, alt: alt, style: style }))));
+    const refFn = useCallback((elem) => {
+        setRef(imageRef, elem);
+        setImageElement(elem);
+    }, [setImageElement]);
+    return (_jsx("div", { ref: imageContainerRef, children: _jsxs(Resizable, { hover: isNodeHovered, resizing: state.resizing, onResizeLeft: createHandleResize('left'), onResizeRight: createHandleResize('right'), children: [_jsx(ImgSettingsButton, { node: node, view: view, getPos: getPos, updateAttributes: updateAttributes, visible: isNodeHovered && !edit && !state.resizing, edit: edit, toggleEdit: toggleEdit, nodeElement: imageElement, onDelete: handleDelete, unsetEdit: unsetEdit }), _jsx("img", { ref: refFn, src: src, alt: alt, style: style })] }) }));
 };
+//# sourceMappingURL=NodeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeView.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/NodeView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nimport {setRef} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../../classname';\nimport {\n    type ReactNodeViewProps,\n    useElementState,\n    useNodeEditing,\n    useNodeHovered,\n} from '../../../../../react-utils';\nimport {ResizeDirection, useNodeResizing} from '../../../../../react-utils/useNodeResizing';\nimport {removeNode} from '../../../../../utils';\nimport {Resizable} from '../../../../behavior/Resizable/Resizable';\nimport {ImgSizeAttr} from '../../ImgSizeSpecs';\nimport {imageRendererKey} from '../../const';\n\nimport {ImgSettingsButton} from './ImgSettingsButton';\n\nimport './ImgNodeView.scss';\n\nexport const cnImgSizeNodeView = cn('img-size-node-view');\n\nexport const ImageNodeView: React.FC<ReactNodeViewProps> = ({\n    node,\n    view,\n    getPos,\n    updateAttributes,\n}) => {\n    const imageContainerRef = useRef<HTMLDivElement>(null);\n    const imageRef = useRef<HTMLImageElement>(null);\n    const [imageElement, setImageElement] = useElementState();\n\n    const alt = node.attrs[ImgSizeAttr.Alt] || '';\n    const initialHeight = node.attrs[ImgSizeAttr.Height];\n    const initialWidth = node.attrs[ImgSizeAttr.Width];\n    const src = node.attrs[ImgSizeAttr.Src] || '';\n    const title = node.attrs[ImgSizeAttr.Title] || '';\n\n    const isNodeHovered = useNodeHovered(imageContainerRef);\n    const [edit, setEditing, unsetEdit, toggleEdit] = useNodeEditing({\n        nodeRef: imageContainerRef,\n        view,\n    });\n\n    const handleResize = useCallback(\n        ({width, height}: {width?: number; height?: number}) => {\n            updateAttributes({\n                width: width === undefined ? undefined : String(Math.round(width)),\n                height: height === undefined ? undefined : String(Math.round(height)),\n                name: title,\n                alt,\n            });\n        },\n        [alt, title, updateAttributes],\n    );\n\n    const {state, startResizing} = useNodeResizing({\n        width: initialWidth,\n        height: initialHeight,\n        ref: imageRef,\n        onResize: handleResize,\n    });\n\n    const style: React.HTMLAttributes<HTMLImageElement>['style'] = {\n        transition: 'width 0.15s ease-out, height 0.15s ease-out',\n    };\n\n    if (state.width) {\n        style.width = `${state.width}px`;\n\n        if (state.height) {\n            style.aspectRatio = state.width / state.height;\n            style.height = 'auto;';\n        }\n    } else if (state.height) {\n        style.height = `${state.height}px`;\n    }\n\n    const handleDelete = useCallback(() => {\n        const pos = getPos();\n        if (pos === undefined) return;\n        removeNode({\n            node,\n            pos,\n            tr: view.state.tr,\n            dispatch: view.dispatch,\n        });\n        view.focus();\n    }, [getPos, node, view]);\n\n    const createHandleResize =\n        (direction: ResizeDirection) => (event: React.MouseEvent<HTMLElement>) => {\n            startResizing(event, direction);\n        };\n\n    useEffect(() => {\n        if (imageRendererKey.getState(view.state)?.linkAdded) {\n            setEditing();\n        }\n    }, [view, setEditing]);\n\n    const refFn = useCallback(\n        (elem: HTMLImageElement | null) => {\n            setRef(imageRef, elem);\n            setImageElement(elem);\n        },\n        [setImageElement],\n    );\n\n    return (\n        <div ref={imageContainerRef}>\n            <Resizable\n                hover={isNodeHovered}\n                resizing={state.resizing}\n                onResizeLeft={createHandleResize('left')}\n                onResizeRight={createHandleResize('right')}\n            >\n                <ImgSettingsButton\n                    node={node}\n                    view={view}\n                    getPos={getPos}\n                    updateAttributes={updateAttributes}\n                    visible={isNodeHovered && !edit && !state.resizing}\n                    edit={edit}\n                    toggleEdit={toggleEdit}\n                    nodeElement={imageElement}\n                    onDelete={handleDelete}\n                    unsetEdit={unsetEdit}\n                />\n                <img ref={refFn} src={src} alt={alt} style={style} />\n            </Resizable>\n        </div>\n    );\n};\n"]}

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

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

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

@@ -1,7 +1,7 @@
 import { Plugin } from 'prosemirror-state';
-import { reactNodeViewFactory } from '../../../../../react-utils';
-import { imageNodeName, imageRendererKey } from '../../const';
-import { ImageNodeView, cnImgSizeNodeView } from './NodeView';
+import { reactNodeViewFactory } from "../../../../../react-utils/index.js";
+import { imageNodeName, imageRendererKey } from "../../const.js";
+import { ImageNodeView, cnImgSizeNodeView } from "./NodeView.js";
 export const imgSizeNodeViewPlugin = (deps) => new Plugin({
     key: imageRendererKey,
     state: {
@@ -19,3 +19,4 @@ export const imgSizeNodeViewPlugin = (deps) => new Plugin({
         },
     },
 });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/ImgSize/plugins/ImgSizeNodeView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAC,oBAAoB,EAAC,4CAAmC;AAChE,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,uBAAoB;AAE5D,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAAC,sBAAmB;AAE5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAmB,EAAE,EAAE,CACzD,IAAI,MAAM,CAAC;IACP,GAAG,EAAE,gBAAgB;IACrB,KAAK,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;QACrB,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,OAAO,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QACxC,CAAC;KACJ;IACD,KAAK,EAAE;QACH,SAAS,EAAE;YACP,CAAC,aAAa,CAAC,EAAE,oBAAoB,CAAC,aAAa,EAAE;gBACjD,QAAQ,EAAE,IAAI;gBACd,kBAAkB,EAAE,iBAAiB,CAAC,SAAS,CAAC;aACnD,CAAC,CAAC,IAAI,CAAC;SACX;KACJ;CACJ,CAAC,CAAC","sourcesContent":["import {Plugin} from 'prosemirror-state';\n\nimport {ExtensionDeps} from '../../../../../core';\nimport {reactNodeViewFactory} from '../../../../../react-utils';\nimport {imageNodeName, imageRendererKey} from '../../const';\n\nimport {ImageNodeView, cnImgSizeNodeView} from './NodeView';\n\nexport const imgSizeNodeViewPlugin = (deps: ExtensionDeps) =>\n    new Plugin({\n        key: imageRendererKey,\n        state: {\n            init: () => undefined,\n            apply: (tr) => {\n                return tr.getMeta(imageRendererKey);\n            },\n        },\n        props: {\n            nodeViews: {\n                [imageNodeName]: reactNodeViewFactory(ImageNodeView, {\n                    isInline: true,\n                    reactNodeWrapperCn: cnImgSizeNodeView('wrapper'),\n                })(deps),\n            },\n        },\n    });\n"]}

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

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

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

@@ -1,16 +1,15 @@
-import { logger } from '../../../logger';
-import { getProportionalSize } from '../../../utils';
-import { imageNodeName } from '../../markdown';
-import { ImgSizeAttr } from '../../specs';
-import { IMG_MAX_HEIGHT } from './const';
+import { logger } from "../../../logger.js";
+import { getProportionalSize } from "../../../utils/index.js";
+import { imageNodeName } from "../../markdown/index.js";
+import { ImgSizeAttr } from "../../specs.js";
+import { IMG_MAX_HEIGHT } from "./const.js";
 export function isImageNode(node) {
     return node.type.name === imageNodeName;
 }
 export const createImageNode = (imgType, opts) => async ({ result, file }) => {
-    var _a;
     const attrs = {
         [ImgSizeAttr.Src]: result.url,
-        [ImgSizeAttr.Alt]: (_a = result.name) !== null && _a !== void 0 ? _a : file.name,
+        [ImgSizeAttr.Alt]: result.name ?? file.name,
     };
     if (opts.needDimensions) {
         try {
@@ -45,3 +44,4 @@ export function getImageSizeNew({ width, height }) {
     });
     return { width: String(size.width), height: String(size.height) };
 }
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/ImgSize/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,2BAAwB;AACvC,OAAO,EAAoB,mBAAmB,EAAC,gCAAuB;AACtE,OAAO,EAAC,aAAa,EAAC,gCAAuB;AAC7C,OAAO,EAAC,WAAW,EAAC,uBAAoB;AAExC,OAAO,EAAC,cAAc,EAAC,mBAAgB;AAEvC,MAAM,UAAU,WAAW,CAAC,IAAU;IAClC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC;AAC5C,CAAC;AAOD,MAAM,CAAC,MAAM,eAAe,GACxB,CAAC,OAAiB,EAAE,IAA4B,EAAE,EAAE,CACpD,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,EAAoB,EAAE,EAAE;IACxC,MAAM,KAAK,GAA2B;QAClC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;QAC7B,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;KAC9C,CAAC;IACF,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC;YACD,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CACpC,IAAI,CAAC,6BAA6B,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CACtE,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAChC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;IACL,CAAC;IACD,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC,CAAC;AAEN,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAa;IACzC,OAAO,IAAI,OAAO,CAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACvC,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;YACd,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAqB;IAC9C,OAAO,EAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EAAC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAC,KAAK,EAAE,MAAM,EAAmB;IAI7D,MAAM,IAAI,GAAG,mBAAmB,CAAC;QAC7B,KAAK;QACL,MAAM;QACN,YAAY,EAAE,cAAc;KAC/B,CAAC,CAAC;IACH,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAC,CAAC;AACpE,CAAC","sourcesContent":["import {Node, NodeType} from 'prosemirror-model';\n\nimport {logger} from '../../../logger';\nimport {UploadSuccessItem, getProportionalSize} from '../../../utils';\nimport {imageNodeName} from '../../markdown';\nimport {ImgSizeAttr} from '../../specs';\n\nimport {IMG_MAX_HEIGHT} from './const';\n\nexport function isImageNode(node: Node): boolean {\n    return node.type.name === imageNodeName;\n}\n\nexport type CreateImageNodeOptions = {\n    needDimensions: boolean;\n    enableNewImageSizeCalculation?: boolean;\n};\n\nexport const createImageNode =\n    (imgType: NodeType, opts: CreateImageNodeOptions) =>\n    async ({result, file}: UploadSuccessItem) => {\n        const attrs: Record<string, string> = {\n            [ImgSizeAttr.Src]: result.url,\n            [ImgSizeAttr.Alt]: result.name ?? file.name,\n        };\n        if (opts.needDimensions) {\n            try {\n                const sizes = await loadImage(file).then(\n                    opts.enableNewImageSizeCalculation ? getImageSizeNew : getImageSize,\n                );\n                Object.assign(attrs, sizes);\n            } catch (err) {\n                logger.error(err);\n            }\n        }\n        return imgType.create(attrs);\n    };\n\nexport async function loadImage(imgFile: File) {\n    return new Promise<HTMLImageElement>((resolve, reject) => {\n        const img = document.createElement('img');\n        img.src = URL.createObjectURL(imgFile);\n        img.onload = () => {\n            URL.revokeObjectURL(img.src);\n            resolve(img);\n        };\n        img.onerror = (_e, _s, _l, _c, error) => reject(error);\n    });\n}\n\nexport function getImageSize(img: HTMLImageElement): {[ImgSizeAttr.Height]?: string} {\n    return {height: String(Math.min(IMG_MAX_HEIGHT, img.height))};\n}\n\nexport function getImageSizeNew({width, height}: HTMLImageElement): {\n    [ImgSizeAttr.Width]?: string;\n    [ImgSizeAttr.Height]?: string;\n} {\n    const size = getProportionalSize({\n        width,\n        height,\n        imgMaxHeight: IMG_MAX_HEIGHT,\n    });\n    return {width: String(size.width), height: String(size.height)};\n}\n"]}

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

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

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

@@ -1,6 +1,6 @@
 import log from '@diplodoc/transform/lib/log';
 import yfmPlugin from '@diplodoc/transform/lib/plugins/monospace';
-import { markTypeFactory } from '../../../../utils/schema';
+import { markTypeFactory } from "../../../../utils/schema.js";
 export const monospaceMarkName = 'monospace';
 export const monospaceType = markTypeFactory(monospaceMarkName);
 export const MonospaceSpecs = (builder) => {
@@ -27,3 +27,4 @@ export const MonospaceSpecs = (builder) => {
         },
     }));
 };
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/Monospace/MonospaceSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Monospace/MonospaceSpecs/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,6BAA6B,CAAC;AAC9C,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAGlE,OAAO,EAAC,eAAe,EAAC,oCAAiC;AAEzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,cAAc,GAAkB,CAAC,OAAO,EAAE,EAAE;IACrD,OAAO;SACF,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;SAC7C,OAAO,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC;QAC/B,IAAI,EAAE;YACF,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC;YACzB,KAAK;gBACD,OAAO,CAAC,MAAM,CAAC,CAAC;YACpB,CAAC;SACJ;QACD,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,iBAAiB;gBACvB,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE;YACF,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;YACX,OAAO,EAAE,IAAI;YACb,wBAAwB,EAAE,IAAI;SACjC;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC","sourcesContent":["import log from '@diplodoc/transform/lib/log';\nimport yfmPlugin from '@diplodoc/transform/lib/plugins/monospace';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {markTypeFactory} from '../../../../utils/schema';\n\nexport const monospaceMarkName = 'monospace';\nexport const monospaceType = markTypeFactory(monospaceMarkName);\n\nexport const MonospaceSpecs: ExtensionAuto = (builder) => {\n    builder\n        .configureMd((md) => md.use(yfmPlugin, {log}))\n        .addMark(monospaceMarkName, () => ({\n            spec: {\n                parseDOM: [{tag: 'samp'}],\n                toDOM() {\n                    return ['samp'];\n                },\n            },\n            fromMd: {\n                tokenSpec: {\n                    name: monospaceMarkName,\n                    type: 'mark',\n                },\n            },\n            toMd: {\n                open: '##',\n                close: '##',\n                mixable: true,\n                expelEnclosingWhitespace: true,\n            },\n        }));\n};\n"]}

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

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

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

@@ -1,9 +1,7 @@
-import { createToggleMarkAction } from '../../../utils/actions';
-import { markInputRule } from '../../../utils/inputrules';
-import { MonospaceSpecs, monospaceMarkName, monospaceType } from './MonospaceSpecs';
-export { monospaceMarkName, monospaceType } from './MonospaceSpecs';
-/** @deprecated Use `monospaceMarkName` instead */
-export const monospace = monospaceMarkName;
+import { createToggleMarkAction } from "../../../utils/actions.js";
+import { markInputRule } from "../../../utils/inputrules.js";
+import { MonospaceSpecs, monospaceType } from "./MonospaceSpecs/index.js";
+export { monospaceMarkName, monospaceType } from "./MonospaceSpecs/index.js";
 const monoAction = 'mono';
 export const Monospace = (builder) => {
     builder.use(MonospaceSpecs);
@@ -15,3 +13,4 @@ export const Monospace = (builder) => {
         ],
     }));
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/Monospace/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,sBAAsB,EAAC,kCAA+B;AAC9D,OAAO,EAAC,aAAa,EAAC,qCAAkC;AAExD,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,kCAAyB;AAE/D,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,kCAAyB;AAClE,MAAM,UAAU,GAAG,MAAM,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAE5B,OAAO;SACF,SAAS,CAAC,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;SAClF,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,aAAa,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;SACtF;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\n\nimport {MonospaceSpecs, monospaceType} from './MonospaceSpecs';\n\nexport {monospaceMarkName, monospaceType} from './MonospaceSpecs';\nconst monoAction = 'mono';\n\nexport const Monospace: ExtensionAuto = (builder) => {\n    builder.use(MonospaceSpecs);\n\n    builder\n        .addAction(monoAction, ({schema}) => createToggleMarkAction(monospaceType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '##', close: '##', ignoreBetween: '#'}, monospaceType(schema)),\n            ],\n        }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [monoAction]: Action;\n        }\n    }\n}\n"]}

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

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

package/build/esm/extensions/yfm/Video/VideoSpecs/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;AAErC,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,gCAAmB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB","sourcesContent":["export const videoNodeName = 'video';\n\nexport enum VideoAttr {\n    Service = 'service',\n    VideoID = 'videoid',\n}\n"]}

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

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

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

@@ -1,7 +1,7 @@
 import log from '@diplodoc/transform/lib/log';
-import { VideoAttr, videoNodeName } from './const';
-import { VideoService, defaults, videoPlugin } from './md-video';
-import { createViewStub, serializeNodeToString } from './utils';
+import { VideoAttr, videoNodeName } from "./const.js";
+import { VideoService, defaults, videoPlugin } from "./md-video.js";
+import { createViewStub, serializeNodeToString } from "./utils.js";
 // we don't support osf service
 const availableServices = new Set([
     VideoService.YouTube,
@@ -9,10 +9,10 @@ const availableServices = new Set([
     VideoService.Vine,
     VideoService.Prezi,
 ]);
-export { videoNodeName } from './const';
-export { videoType } from './utils';
+export { videoNodeName } from "./const.js";
+export { videoType } from "./utils.js";
 export const VideoSpecs = (builder, opts) => {
-    const options = Object.assign(Object.assign(Object.assign({}, defaults), opts), { log });
+    const options = { ...defaults, ...opts, log };
     builder.configureMd((md) => md.use(videoPlugin, options));
     builder.addNode(videoNodeName, () => ({
         spec: {
@@ -47,13 +47,10 @@ export const VideoSpecs = (builder, opts) => {
                 const service = node.attrs[VideoAttr.Service];
                 const videoId = node.attrs[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.url === 'function')
-                        src = options.url(service, videoId, options);
-                    else if (typeof options.videoUrl === 'function')
+                    if (typeof options.videoUrl === 'function') {
                         src = options.videoUrl(service, videoId, options);
+                    }
                     return [
                         'div',
                         {
@@ -95,3 +92,4 @@ export const VideoSpecs = (builder, opts) => {
         },
     }));
 };
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/Video/VideoSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import log from '@diplodoc/transform/lib/log';\n\nimport type {ExtensionAuto} from '../../../../core';\n\nimport {VideoAttr, videoNodeName} from './const';\nimport {VideoPluginOptions, VideoService, VideoToken, defaults, videoPlugin} from './md-video';\nimport {createViewStub, serializeNodeToString} from './utils';\n\n// we don't support osf service\nconst availableServices: ReadonlySet<string> = new Set([\n    VideoService.YouTube,\n    VideoService.Vimeo,\n    VideoService.Vine,\n    VideoService.Prezi,\n]);\n\nexport {videoNodeName} from './const';\nexport {videoType} from './utils';\n\nexport type VideoSpecsOptions = VideoPluginOptions & {};\n\nexport const VideoSpecs: ExtensionAuto<VideoSpecsOptions> = (builder, opts) => {\n    const options = {...defaults, ...opts, log};\n\n    builder.configureMd((md) => md.use(videoPlugin, options));\n    builder.addNode(videoNodeName, () => ({\n        spec: {\n            inline: true,\n            atom: true,\n            group: 'inline',\n            attrs: {[VideoAttr.Service]: {}, [VideoAttr.VideoID]: {}},\n            parseDOM: [\n                {\n                    tag: `span[${VideoAttr.Service}][${VideoAttr.VideoID}]`,\n                    getAttrs(dom) {\n                        const domElem = dom as HTMLElement;\n                        return {\n                            [VideoAttr.Service]: domElem.getAttribute(VideoAttr.Service),\n                            [VideoAttr.VideoID]: domElem.getAttribute(VideoAttr.VideoID),\n                        };\n                    },\n                },\n                {\n                    tag: `iframe[${VideoAttr.Service}][${VideoAttr.VideoID}]`,\n                    getAttrs(dom) {\n                        const domElem = dom as HTMLElement;\n                        return {\n                            [VideoAttr.Service]: domElem.getAttribute(VideoAttr.Service),\n                            [VideoAttr.VideoID]: domElem.getAttribute(VideoAttr.VideoID),\n                        };\n                    },\n                    priority: 100,\n                },\n            ],\n            toDOM(node) {\n                const service = node.attrs[VideoAttr.Service];\n                const videoId = node.attrs[VideoAttr.VideoID];\n\n                if (availableServices.has(service) || !videoId) {\n                    let src = '';\n                    if (typeof options.videoUrl === 'function') {\n                        src = options.videoUrl(service, videoId, options);\n                    }\n                    return [\n                        'div',\n                        {\n                            class: 'embed-responsive embed-responsive-16by9',\n                        },\n                        [\n                            'iframe',\n                            {\n                                class: `embed-responsive-item ${service}-player`,\n                                type: 'text/html',\n                                width: String(options[service as VideoService].width),\n                                height: String(options[service as VideoService].height),\n                                src: src,\n                                frameborder: '0',\n                                webkitallowfullscreen: '',\n                                mozallowfullscreen: '',\n                                allowfullscreen: '',\n                                [VideoAttr.Service]: service,\n                                [VideoAttr.VideoID]: videoId,\n                            },\n                        ],\n                    ];\n                }\n\n                return createViewStub(node);\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: videoNodeName,\n                type: 'node',\n                getAttrs: (tok) => ({\n                    [VideoAttr.Service]: (tok as VideoToken).service,\n                    [VideoAttr.VideoID]: (tok as VideoToken).videoID,\n                }),\n            },\n        },\n        toMd: (state, node) => {\n            state.write(serializeNodeToString(node));\n        },\n    }));\n};\n"]}

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

@@ -2,3 +2,4 @@ import video from '@diplodoc/transform/lib/plugins/video';
 export const videoPlugin = video;
 export { VideoService, defaults } from '@diplodoc/transform/lib/plugins/video/const';
 export { parseVideoUrl } from '@diplodoc/transform/lib/plugins/video/parsers';
+//# sourceMappingURL=md-video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"md-video.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/md-video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,uCAAuC,CAAC;AAC1D,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC;AACjC,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAAC,aAAa,EAAC,MAAM,+CAA+C,CAAC","sourcesContent":["import video from '@diplodoc/transform/lib/plugins/video';\nexport const videoPlugin = video;\nexport {VideoService, defaults} from '@diplodoc/transform/lib/plugins/video/const';\nexport type {VideoPluginOptions, VideoToken} from '@diplodoc/transform/lib/plugins/video/types';\nexport {parseVideoUrl} from '@diplodoc/transform/lib/plugins/video/parsers';\n"]}

package/build/esm/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<any, any>) => import("prosemirror-model").NodeType;
+export declare const videoType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
 export declare function serializeNodeToString(node: Node): string;
 export declare function createViewStub(node: Node): HTMLSpanElement;

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

@@ -1,5 +1,5 @@
-import { nodeTypeFactory } from '../../../../utils/schema';
-import { VideoAttr, videoNodeName } from './const';
+import { nodeTypeFactory } from "../../../../utils/schema.js";
+import { VideoAttr, videoNodeName } from "./const.js";
 export const videoType = nodeTypeFactory(videoNodeName);
 export function serializeNodeToString(node) {
     const service = node.attrs[VideoAttr.Service];
@@ -14,3 +14,4 @@ export function createViewStub(node) {
     elem.textContent = serializeNodeToString(node);
     return elem;
 }
+//# sourceMappingURL=utils.js.map

package/build/esm/extensions/yfm/Video/VideoSpecs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Video/VideoSpecs/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,oCAAiC;AAEzD,OAAO,EAAC,SAAS,EAAE,aAAa,EAAC,mBAAgB;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;AAExD,MAAM,UAAU,qBAAqB,CAAC,IAAU;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAE9C,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAU;IACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;IAC/B,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import type {Node} from 'prosemirror-model';\n\nimport {nodeTypeFactory} from '../../../../utils/schema';\n\nimport {VideoAttr, videoNodeName} from './const';\n\nexport const videoType = nodeTypeFactory(videoNodeName);\n\nexport function serializeNodeToString(node: Node) {\n    const service = node.attrs[VideoAttr.Service];\n    const videoId = node.attrs[VideoAttr.VideoID];\n\n    return `@[${service}](${videoId})`;\n}\n\nexport function createViewStub(node: Node) {\n    const elem = document.createElement('span');\n    elem.setAttribute(VideoAttr.Service, node.attrs[VideoAttr.Service]);\n    elem.setAttribute(VideoAttr.VideoID, node.attrs[VideoAttr.VideoID]);\n    elem.contentEditable = 'false';\n    elem.textContent = serializeNodeToString(node);\n\n    return elem;\n}\n"]}

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

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