@gravity-ui/markdown-editor 14.12.1 → 14.12.2

package/build/cjs/extensions/yfm/YfmTabs/plugins.js

@@ -1,31 +1,26 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.joinBackwardToOpenTab = exports.removeTabWhenCursorAtTheStartOfTab = exports.removeTab = exports.createTab = exports.liftEmptyBlockFromTabPanel = exports.tabEnter = exports.tabPanelArrowDown = exports.dragAutoSwitch = void 0;
 const utils_1 = require("@diplodoc/transform/lib/plugins/utils");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
-const __1 = require("../../index.js");
-const lodash_1 = require("../../../lodash.js");
-const helpers_1 = require("../../../table-utils/helpers.js");
-const utils_2 = require("../../../utils/index.js");
-const selection_1 = require("../../../utils/selection.js");
-const const_1 = require("./YfmTabsSpecs/const.js");
-const const_2 = require("./const.js");
-const utils_3 = require("./utils.js");
+const __1 = require("../../");
+const lodash_1 = require("../../../lodash");
+const helpers_1 = require("../../../table-utils/helpers");
+const utils_2 = require("../../../utils");
+const selection_1 = require("../../../utils/selection");
+const const_1 = require("./YfmTabsSpecs/const");
+const const_2 = require("./const");
+const utils_3 = require("./utils");
 const dragAutoSwitch = () => new prosemirror_state_1.Plugin({
     view: TabsAutoSwitchOnDragOver.view,
 });
 exports.dragAutoSwitch = dragAutoSwitch;
 class TabsAutoSwitchOnDragOver {
-    static TAB_SELECTOR = '.yfm-tab:not([data-diplodoc-is-active=true])';
-    static OPEN_TIMEOUT = 500; //ms
-    static THROTTLE_WAIT = 50; //ms
-    static view = (view) => new this(view);
-    _tabElem = null;
-    _editorView;
-    _timeout = null;
-    _docListener;
     constructor(view) {
+        this._tabElem = null;
+        this._timeout = null;
         this._editorView = view;
         this._docListener = (0, lodash_1.throttle)(this._onDocEvent.bind(this), TabsAutoSwitchOnDragOver.THROTTLE_WAIT);
         document.addEventListener('mousemove', this._docListener);
@@ -69,22 +64,27 @@ class TabsAutoSwitchOnDragOver {
         this._clear();
     }
 }
+_a = TabsAutoSwitchOnDragOver;
+TabsAutoSwitchOnDragOver.TAB_SELECTOR = '.yfm-tab:not([data-diplodoc-is-active=true])';
+TabsAutoSwitchOnDragOver.OPEN_TIMEOUT = 500; //ms
+TabsAutoSwitchOnDragOver.THROTTLE_WAIT = 50; //ms
+TabsAutoSwitchOnDragOver.view = (view) => new _a(view);
 const tabPanelArrowDown = (state, dispatch, view) => {
+    var _b;
     const { selection: sel } = state;
     const tabsParentNode = (0, prosemirror_utils_1.findParentNodeOfType)((0, const_2.tabsType)(state.schema))(state.selection);
-    if ((0, utils_3.atEndOfPanel)(view) && view?.endOfTextblock('down')) {
+    if ((0, utils_3.atEndOfPanel)(view) && (view === null || view === void 0 ? void 0 : view.endOfTextblock('down'))) {
         const [direction, $cursor] = ['after', sel.$to];
         let $pos;
         if ((0, selection_1.isTextSelection)(sel)) {
             $pos =
-                (0, __1.findFakeParaPosForTextSelection)(sel, direction) ??
-                    (0, __1.findFakeParaPosClosestToPos)($cursor, $cursor.depth - 2, direction);
+                (_b = (0, __1.findFakeParaPosForTextSelection)(sel, direction)) !== null && _b !== void 0 ? _b : (0, __1.findFakeParaPosClosestToPos)($cursor, $cursor.depth - 2, direction);
         }
         if ((0, __1.isGapCursorSelection)(sel) && tabsParentNode) {
             $pos = state.doc.resolve(tabsParentNode.pos + tabsParentNode.node.nodeSize);
         }
         if ($pos) {
-            dispatch?.((0, __1.createFakeParagraph)(state.tr, $pos, direction).scrollIntoView());
+            dispatch === null || dispatch === void 0 ? void 0 : dispatch((0, __1.createFakeParagraph)(state.tr, $pos, direction).scrollIntoView());
             return true;
         }
     }
@@ -93,7 +93,7 @@ const tabPanelArrowDown = (state, dispatch, view) => {
 exports.tabPanelArrowDown = tabPanelArrowDown;
 const tabEnter = (state) => {
     const $cursor = (0, selection_1.get$Cursor)(state.selection);
-    return $cursor?.node($cursor.depth).type === (0, const_2.tabType)(state.schema);
+    return ($cursor === null || $cursor === void 0 ? void 0 : $cursor.node($cursor.depth).type) === (0, const_2.tabType)(state.schema);
 };
 exports.tabEnter = tabEnter;
 const liftEmptyBlockFromTabPanel = (state, dispatch) => {
@@ -155,11 +155,11 @@ const createTab = (afterTab, tabsParentNode) => (state, dispatch, view) => {
     tabPanels.forEach((v) => {
         v.pos = v.pos + tabsParentNode.pos + 1;
     });
-    dispatch?.(tr
+    dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr
         .insert(afterPanelNode.pos + afterPanelNode.node.nodeSize, newPanel)
         .insert(afterTab.pos + afterTab.node.nodeSize, newTab)
         .setSelection(prosemirror_state_1.TextSelection.create(tr.doc, afterTab.pos + afterTab.node.nodeSize + 1)));
-    view?.focus();
+    view === null || view === void 0 ? void 0 : view.focus();
     if (view) {
         (0, utils_3.execAfterPaint)(() => (0, utils_3.switchTabById)(view.dom, tabId));
     }
@@ -204,7 +204,7 @@ const removeTab = (tabToRemove, tabsParentNode) => (state, dispatch, view) => {
                 (0, utils_3.execAfterPaint)(() => (0, utils_3.switchTabById)(view.dom, newActiveTabId));
         }
         dispatch(tr);
-        view?.focus();
+        view === null || view === void 0 ? void 0 : view.focus();
         return true;
     }
     return false;
@@ -250,4 +250,3 @@ const joinBackwardToOpenTab = (state, dispatch) => {
     return true;
 };
 exports.joinBackwardToOpenTab = joinBackwardToOpenTab;
-//# sourceMappingURL=plugins.js.map

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.switchTabById = exports.switchTabByElem = exports.atEndOfPanel = exports.execAfterPaint = void 0;
-const const_1 = require("./const.js");
+const const_1 = require("./const");
 const execAfterPaint = (fn) => {
     requestAnimationFrame(() => {
         requestAnimationFrame(fn);
@@ -18,7 +18,7 @@ const atEndOfPanel = (view) => {
             return false;
         if (parent.type === (0, const_1.tabPanelType)(view.state.schema)) {
             const panelPos = $head.before(d);
-            return view?.endOfTextblock('down') ? panelPos : null;
+            return (view === null || view === void 0 ? void 0 : view.endOfTextblock('down')) ? panelPos : null;
         }
     }
     return null;
@@ -38,4 +38,3 @@ const switchTabById = (container, tabId) => {
     }
 };
 exports.switchTabById = switchTabById;
-//# sourceMappingURL=utils.js.map

package/build/cjs/extensions/yfm/YfmTabs/views.d.ts

@@ -1,5 +1,4 @@
 import { type NodeViewConstructor } from 'prosemirror-view';
-import "./index.css";
 export declare const tabView: NodeViewConstructor;
 export declare const tabPanelView: NodeViewConstructor;
 export declare const vtabView: NodeViewConstructor;

package/build/cjs/extensions/yfm/YfmTabs/views.js

@@ -2,14 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.vtabInputView = exports.vtabView = exports.tabPanelView = exports.tabView = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-// @ts-ignore // TODO: fix cjs build
 const prosemirror_utils_1 = require("prosemirror-utils");
-const classname_1 = require("../../../classname.js");
-const const_1 = require("./const.js");
-const icons_1 = require("./icons.js");
-const plugins_1 = require("./plugins.js");
-const utils_1 = require("./utils.js");
-require("./index.css");
+const classname_1 = require("../../../classname");
+const const_1 = require("./const");
+const icons_1 = require("./icons");
+const plugins_1 = require("./plugins");
+const utils_1 = require("./utils");
 const cnYfmTab = (0, classname_1.cn)('yfm-tab');
 const ignoreMutation = (_node, _view, _getPos) => (mutation) => {
     if (mutation instanceof MutationRecord &&
@@ -112,4 +110,3 @@ const vtabInputView = (node, view, getPos) => ({
     ignoreMutation: ignoreMutation(node, view, getPos),
 });
 exports.vtabInputView = vtabInputView;
-//# sourceMappingURL=views.js.map

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

@@ -1,14 +1,14 @@
-export * from "./Checkbox/index.js";
-export * from "./Color/index.js";
-export * from "./Emoji/index.js";
-export * from "./ImgSize/index.js";
-export * from "./Monospace/index.js";
-export * from "./Video/index.js";
-export * from "./YfmConfigs/index.js";
-export * from "./YfmCut/index.js";
-export * from "./YfmFile/index.js";
-export * from "./YfmHeading/index.js";
-export * from "./YfmNote/index.js";
-export * from "./YfmTable/index.js";
-export * from "./YfmTabs/index.js";
-export * from "../additional/GPT/index.js";
+export * from './Checkbox';
+export * from './Color';
+export * from './Emoji';
+export * from './ImgSize';
+export * from './Monospace';
+export * from './Video';
+export * from './YfmConfigs';
+export * from './YfmCut';
+export * from './YfmFile';
+export * from './YfmHeading';
+export * from './YfmNote';
+export * from './YfmTable';
+export * from './YfmTabs';
+export * from '../additional/GPT';

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

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Checkbox/index.js"), exports);
-tslib_1.__exportStar(require("./Color/index.js"), exports);
-tslib_1.__exportStar(require("./Emoji/index.js"), exports);
-tslib_1.__exportStar(require("./ImgSize/index.js"), exports);
-tslib_1.__exportStar(require("./Monospace/index.js"), exports);
-tslib_1.__exportStar(require("./Video/index.js"), exports);
-tslib_1.__exportStar(require("./YfmConfigs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmCut/index.js"), exports);
-tslib_1.__exportStar(require("./YfmFile/index.js"), exports);
-tslib_1.__exportStar(require("./YfmHeading/index.js"), exports);
-tslib_1.__exportStar(require("./YfmNote/index.js"), exports);
-tslib_1.__exportStar(require("./YfmTable/index.js"), exports);
-tslib_1.__exportStar(require("./YfmTabs/index.js"), exports);
-tslib_1.__exportStar(require("../additional/GPT/index.js"), exports);
-//# sourceMappingURL=index.js.map
+tslib_1.__exportStar(require("./Checkbox"), exports);
+tslib_1.__exportStar(require("./Color"), exports);
+tslib_1.__exportStar(require("./Emoji"), exports);
+tslib_1.__exportStar(require("./ImgSize"), exports);
+tslib_1.__exportStar(require("./Monospace"), exports);
+tslib_1.__exportStar(require("./Video"), exports);
+tslib_1.__exportStar(require("./YfmConfigs"), exports);
+tslib_1.__exportStar(require("./YfmCut"), exports);
+tslib_1.__exportStar(require("./YfmFile"), exports);
+tslib_1.__exportStar(require("./YfmHeading"), exports);
+tslib_1.__exportStar(require("./YfmNote"), exports);
+tslib_1.__exportStar(require("./YfmTable"), exports);
+tslib_1.__exportStar(require("./YfmTabs"), exports);
+tslib_1.__exportStar(require("../additional/GPT"), exports);

package/build/cjs/extensions/yfm/specs.d.ts

@@ -1,13 +1,13 @@
-export * from "./Checkbox/CheckboxSpecs/index.js";
-export * from "./Color/ColorSpecs/index.js";
-export * from "./Emoji/EmojiSpecs/index.js";
-export * from "./ImgSize/ImgSizeSpecs/index.js";
-export * from "./Monospace/MonospaceSpecs/index.js";
-export * from "./Video/VideoSpecs/index.js";
-export * from "./YfmConfigs/YfmConfigsSpecs/index.js";
-export * from "./YfmCut/YfmCutSpecs/index.js";
-export * from "./YfmFile/YfmFileSpecs/index.js";
-export * from "./YfmHeading/YfmHeadingSpecs/index.js";
-export * from "./YfmNote/YfmNoteSpecs/index.js";
-export * from "./YfmTable/YfmTableSpecs/index.js";
-export * from "./YfmTabs/YfmTabsSpecs/index.js";
+export * from './Checkbox/CheckboxSpecs';
+export * from './Color/ColorSpecs';
+export * from './Emoji/EmojiSpecs';
+export * from './ImgSize/ImgSizeSpecs';
+export * from './Monospace/MonospaceSpecs';
+export * from './Video/VideoSpecs';
+export * from './YfmConfigs/YfmConfigsSpecs';
+export * from './YfmCut/YfmCutSpecs';
+export * from './YfmFile/YfmFileSpecs';
+export * from './YfmHeading/YfmHeadingSpecs';
+export * from './YfmNote/YfmNoteSpecs';
+export * from './YfmTable/YfmTableSpecs';
+export * from './YfmTabs/YfmTabsSpecs';

package/build/cjs/extensions/yfm/specs.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Checkbox/CheckboxSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./Color/ColorSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./Emoji/EmojiSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./ImgSize/ImgSizeSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./Monospace/MonospaceSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./Video/VideoSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmConfigs/YfmConfigsSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmCut/YfmCutSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmFile/YfmFileSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmHeading/YfmHeadingSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmNote/YfmNoteSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmTable/YfmTableSpecs/index.js"), exports);
-tslib_1.__exportStar(require("./YfmTabs/YfmTabsSpecs/index.js"), exports);
-//# sourceMappingURL=specs.js.map
+tslib_1.__exportStar(require("./Checkbox/CheckboxSpecs"), exports);
+tslib_1.__exportStar(require("./Color/ColorSpecs"), exports);
+tslib_1.__exportStar(require("./Emoji/EmojiSpecs"), exports);
+tslib_1.__exportStar(require("./ImgSize/ImgSizeSpecs"), exports);
+tslib_1.__exportStar(require("./Monospace/MonospaceSpecs"), exports);
+tslib_1.__exportStar(require("./Video/VideoSpecs"), exports);
+tslib_1.__exportStar(require("./YfmConfigs/YfmConfigsSpecs"), exports);
+tslib_1.__exportStar(require("./YfmCut/YfmCutSpecs"), exports);
+tslib_1.__exportStar(require("./YfmFile/YfmFileSpecs"), exports);
+tslib_1.__exportStar(require("./YfmHeading/YfmHeadingSpecs"), exports);
+tslib_1.__exportStar(require("./YfmNote/YfmNoteSpecs"), exports);
+tslib_1.__exportStar(require("./YfmTable/YfmTableSpecs"), exports);
+tslib_1.__exportStar(require("./YfmTabs/YfmTabsSpecs"), exports);

package/build/cjs/forms/FileForm.d.ts

@@ -1,9 +1,10 @@
-import { ClassNameProps } from "../classname.js";
-export type FileFormSubmitParams = {
+import React from 'react';
+import { ClassNameProps } from '../classname';
+export declare type FileFormSubmitParams = {
     src: string;
     name: string;
 };
-export type FileFormProps = ClassNameProps & {
+export declare type FileFormProps = ClassNameProps & {
     autoFocus?: boolean;
     onSubmit(params: FileFormSubmitParams): void;
     onCancel(): void;

package/build/cjs/forms/FileForm.js

@@ -2,31 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileForm = 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 legacy_1 = require("@gravity-ui/uikit/legacy");
-const classname_1 = require("../classname.js");
-const forms_1 = require("../i18n/forms/index.js");
-const lodash_1 = require("../lodash.js");
-const handlers_1 = require("../utils/handlers.js");
-const TextInput_1 = require("./TextInput.js");
-const base_1 = tslib_1.__importDefault(require("./base/index.js"));
-const components_1 = require("./components/index.js");
+const classname_1 = require("../classname");
+const forms_1 = require("../i18n/forms");
+const lodash_1 = require("../lodash");
+const handlers_1 = require("../utils/handlers");
+const TextInput_1 = require("./TextInput");
+const base_1 = tslib_1.__importDefault(require("./base"));
+const components_1 = require("./components");
 const b = (0, classname_1.cn)('file-form');
-var TabId;
-(function (TabId) {
-    TabId["Attach"] = "attach";
-    TabId["Link"] = "link";
-})(TabId || (TabId = {}));
 const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
-    const [tabId, setTabId] = (0, react_1.useState)(() => (0, lodash_1.isFunction)(onAttach) ? TabId.Attach : TabId.Link);
-    const [src, setSrc] = (0, react_1.useState)('');
-    const [name, setName] = (0, react_1.useState)('');
+    const [tabId, setTabId] = react_1.default.useState(() => (0, lodash_1.isFunction)(onAttach) ? "attach" /* TabId.Attach */ : "link" /* TabId.Link */);
+    const [src, setSrc] = react_1.default.useState('');
+    const [name, setName] = react_1.default.useState('');
     const shouldRenderTabs = (0, lodash_1.isFunction)(onAttach);
-    (0, react_1.useLayoutEffect)(() => {
-        if (!shouldRenderTabs && tabId === TabId.Attach) {
-            setTabId(TabId.Link);
+    react_1.default.useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === "attach" /* TabId.Attach */) {
+            setTabId("link" /* TabId.Link */);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -36,14 +29,23 @@ const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading,
         });
     };
     const inputEnterKeyHandler = (0, handlers_1.enterKeyHandler)(handleSubmit);
-    return ((0, jsx_runtime_1.jsxs)(base_1.default.Form, { className: b(null, [className]), children: [shouldRenderTabs && ((0, jsx_runtime_1.jsx)(legacy_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
-                    { id: TabId.Attach, title: (0, forms_1.i18n)('common_tab_attach') },
-                    { id: TabId.Link, title: (0, forms_1.i18n)('common_tab_link') },
-                ] })), tabId === TabId.Attach && onAttach && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Layout, { children: (0, forms_1.i18n)('file_upload_help') }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, children: (0, jsx_runtime_1.jsx)(components_1.ButtonAttach, { multiple: true, buttonProps: {
-                                size: 's',
-                                view: 'action',
-                                loading,
-                            }, onUpdate: onAttach, children: (0, forms_1.i18n)('common_action_upload') }) })] })), tabId === TabId.Link && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(base_1.default.Layout, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), help: (0, forms_1.i18n)('file_link_help'), control: (0, jsx_runtime_1.jsx)(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }), (0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('file_name'), control: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })] }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }))] }));
+    return (react_1.default.createElement(base_1.default.Form, { className: b(null, [className]) },
+        shouldRenderTabs && (react_1.default.createElement(uikit_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
+                { id: "attach" /* TabId.Attach */, title: (0, forms_1.i18n)('common_tab_attach') },
+                { id: "link" /* TabId.Link */, title: (0, forms_1.i18n)('common_tab_link') },
+            ] })),
+        tabId === "attach" /* TabId.Attach */ && onAttach && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(base_1.default.Layout, null, (0, forms_1.i18n)('file_upload_help')),
+            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel },
+                react_1.default.createElement(components_1.ButtonAttach, { multiple: true, buttonProps: {
+                        size: 's',
+                        view: 'action',
+                        loading,
+                    }, onUpdate: onAttach }, (0, forms_1.i18n)('common_action_upload'))))),
+        tabId === "link" /* TabId.Link */ && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(base_1.default.Layout, null,
+                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), help: (0, forms_1.i18n)('file_link_help'), control: react_1.default.createElement(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }),
+                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('file_name'), control: react_1.default.createElement(uikit_1.TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })),
+            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })))));
 };
 exports.FileForm = FileForm;
-//# sourceMappingURL=FileForm.js.map

package/build/cjs/forms/ImageForm.d.ts

@@ -1,13 +1,13 @@
-import { ClassNameProps } from "../classname.js";
-import "./ImageForm.css";
-export type ImageFormSubmitParams = {
+import React from 'react';
+import { ClassNameProps } from '../classname';
+export declare type ImageFormSubmitParams = {
     url: string;
     name: string;
     alt: string;
     width?: number;
     height?: number;
 };
-export type ImageFormProps = ClassNameProps & {
+export declare type ImageFormProps = ClassNameProps & {
     autoFocus?: boolean;
     onSubmit(params: ImageFormSubmitParams): void;
     onCancel(): void;

package/build/cjs/forms/ImageForm.js

@@ -2,35 +2,27 @@
 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 legacy_1 = require("@gravity-ui/uikit/legacy");
-const classname_1 = require("../classname.js");
-const forms_1 = require("../i18n/forms/index.js");
-const lodash_1 = require("../lodash.js");
-const handlers_1 = require("../utils/handlers.js");
-const TextInput_1 = require("./TextInput.js");
-const base_1 = tslib_1.__importDefault(require("./base/index.js"));
-const components_1 = require("./components/index.js");
-require("./ImageForm.css");
+const classname_1 = require("../classname");
+const forms_1 = require("../i18n/forms");
+const lodash_1 = require("../lodash");
+const handlers_1 = require("../utils/handlers");
+const TextInput_1 = require("./TextInput");
+const base_1 = tslib_1.__importDefault(require("./base"));
+const components_1 = require("./components");
 const b = (0, classname_1.cn)('image-form');
-var ImageTabId;
-(function (ImageTabId) {
-    ImageTabId["Attach"] = "attach";
-    ImageTabId["Link"] = "link";
-})(ImageTabId || (ImageTabId = {}));
 const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
-    const [tabId, setTabId] = (0, react_1.useState)(() => (0, lodash_1.isFunction)(onAttach) ? ImageTabId.Attach : ImageTabId.Link);
-    const [url, setUrl] = (0, react_1.useState)('');
-    const [name, setName] = (0, react_1.useState)('');
-    const [alt, setAlt] = (0, react_1.useState)('');
-    const [width, setWidth] = (0, react_1.useState)();
-    const [height, setHeight] = (0, react_1.useState)();
+    const [tabId, setTabId] = react_1.default.useState(() => (0, lodash_1.isFunction)(onAttach) ? "attach" /* ImageTabId.Attach */ : "link" /* ImageTabId.Link */);
+    const [url, setUrl] = react_1.default.useState('');
+    const [name, setName] = react_1.default.useState('');
+    const [alt, setAlt] = react_1.default.useState('');
+    const [width, setWidth] = react_1.default.useState();
+    const [height, setHeight] = react_1.default.useState();
     const shouldRenderTabs = (0, lodash_1.isFunction)(onAttach);
-    (0, react_1.useLayoutEffect)(() => {
-        if (!shouldRenderTabs && tabId === ImageTabId.Attach) {
-            setTabId(ImageTabId.Link);
+    react_1.default.useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === "attach" /* ImageTabId.Attach */) {
+            setTabId("link" /* ImageTabId.Link */);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -46,10 +38,24 @@ const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading
         onSubmit(data);
     };
     const inputEnterKeyHandler = (0, handlers_1.enterKeyHandler)(handleSubmit);
-    return ((0, jsx_runtime_1.jsxs)(base_1.default.Form, { className: b(null, [className]), children: [shouldRenderTabs && ((0, jsx_runtime_1.jsx)(legacy_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
-                    { id: ImageTabId.Attach, title: (0, forms_1.i18n)('common_tab_attach') },
-                    { id: ImageTabId.Link, title: (0, forms_1.i18n)('common_tab_link') },
-                ] })), tabId === ImageTabId.Attach && onAttach && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Layout, { children: (0, forms_1.i18n)('image_upload_help') }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, children: (0, jsx_runtime_1.jsx)(components_1.ButtonAttach, { multiple: true, accept: "image/*", onUpdate: onAttach, buttonProps: { size: 's', view: 'action', loading }, children: (0, forms_1.i18n)('common_action_upload') }) })] })), tabId === ImageTabId.Link && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(base_1.default.Layout, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), control: (0, jsx_runtime_1.jsx)(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, placeholder: "https://", autoFocus: autoFocus, 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, { 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' }), onKeyDown: 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' }), onKeyDown: inputEnterKeyHandler })] }) })] }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }))] }));
+    return (react_1.default.createElement(base_1.default.Form, { className: b(null, [className]) },
+        shouldRenderTabs && (react_1.default.createElement(uikit_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
+                { id: "attach" /* ImageTabId.Attach */, title: (0, forms_1.i18n)('common_tab_attach') },
+                { id: "link" /* ImageTabId.Link */, title: (0, forms_1.i18n)('common_tab_link') },
+            ] })),
+        tabId === "attach" /* ImageTabId.Attach */ && onAttach && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(base_1.default.Layout, null, (0, forms_1.i18n)('image_upload_help')),
+            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel },
+                react_1.default.createElement(components_1.ButtonAttach, { multiple: true, accept: "image/*", onUpdate: onAttach, buttonProps: { size: 's', view: 'action', loading } }, (0, forms_1.i18n)('common_action_upload'))))),
+        tabId === "link" /* ImageTabId.Link */ && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(base_1.default.Layout, null,
+                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), control: react_1.default.createElement(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, placeholder: "https://", autoFocus: autoFocus, 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, { 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' }), onKeyDown: 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' }), onKeyDown: inputEnterKeyHandler })) })),
+            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })))));
 };
 exports.ImageForm = ImageForm;
-//# sourceMappingURL=ImageForm.js.map

package/build/cjs/forms/LinkForm.d.ts

@@ -1,9 +1,10 @@
-import { ClassNameProps } from "../classname.js";
-export type LinkFormSubmitParams = {
+import React from 'react';
+import { ClassNameProps } from '../classname';
+export declare type LinkFormSubmitParams = {
     url: string;
     text: string;
 };
-export type LinkFormProps = ClassNameProps & {
+export declare type LinkFormProps = ClassNameProps & {
     autoFocus?: boolean;
     initialUrl?: string;
     initialText?: string;
@@ -11,4 +12,4 @@ export type LinkFormProps = ClassNameProps & {
     onSubmit(params: LinkFormSubmitParams): void;
     onCancel(): void;
 };
-export declare const LinkForm: import("react").NamedExoticComponent<LinkFormProps>;
+export declare const LinkForm: React.NamedExoticComponent<LinkFormProps>;

package/build/cjs/forms/LinkForm.js

@@ -2,21 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkForm = 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 forms_1 = require("../i18n/forms/index.js");
-const handlers_1 = require("../utils/handlers.js");
-const TextInput_1 = require("./TextInput.js");
-const UrlInputRow_1 = require("./UrlInputRow.js");
-const base_1 = tslib_1.__importDefault(require("./base/index.js"));
-exports.LinkForm = (0, react_1.memo)(function LinkForm({ className, autoFocus, initialUrl, initialText, readOnlyText, onSubmit, onCancel, }) {
-    const [url, setUrl] = (0, react_1.useState)(initialUrl ?? '');
-    const [text, setText] = (0, react_1.useState)(initialText ?? '');
+const forms_1 = require("../i18n/forms");
+const handlers_1 = require("../utils/handlers");
+const TextInput_1 = require("./TextInput");
+const UrlInputRow_1 = require("./UrlInputRow");
+const base_1 = tslib_1.__importDefault(require("./base"));
+exports.LinkForm = react_1.default.memo(function LinkForm({ className, autoFocus, initialUrl, initialText, readOnlyText, onSubmit, onCancel, }) {
+    const [url, setUrl] = react_1.default.useState(initialUrl !== null && initialUrl !== void 0 ? initialUrl : '');
+    const [text, setText] = react_1.default.useState(initialText !== null && initialText !== void 0 ? initialText : '');
     const handleSubmit = () => {
         onSubmit({ url, text });
     };
     const inputEnterKeyHandler = (0, handlers_1.enterKeyHandler)(handleSubmit);
-    return ((0, jsx_runtime_1.jsxs)(base_1.default.Form, { className: className, children: [(0, jsx_runtime_1.jsxs)(base_1.default.Layout, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), help: (0, forms_1.i18n)('link_url_help'), control: (0, jsx_runtime_1.jsx)(UrlInputRow_1.UrlInputRow, { href: url, input: (0, jsx_runtime_1.jsx)(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, autoFocus: autoFocus, placeholder: "https://", onKeyPress: inputEnterKeyHandler }) }) }), (0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('link_text'), help: (0, forms_1.i18n)('link_text_help'), control: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { size: "s", view: "normal", value: text, onUpdate: setText, disabled: readOnlyText, onKeyPress: inputEnterKeyHandler }) })] }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }));
+    return (react_1.default.createElement(base_1.default.Form, { className: className },
+        react_1.default.createElement(base_1.default.Layout, null,
+            react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), help: (0, forms_1.i18n)('link_url_help'), control: react_1.default.createElement(UrlInputRow_1.UrlInputRow, { href: url, input: react_1.default.createElement(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, autoFocus: autoFocus, placeholder: "https://", onKeyPress: inputEnterKeyHandler }) }) }),
+            react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('link_text'), help: (0, forms_1.i18n)('link_text_help'), control: react_1.default.createElement(uikit_1.TextInput, { size: "s", view: "normal", value: text, onUpdate: setText, disabled: readOnlyText, onKeyPress: inputEnterKeyHandler }) })),
+        react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })));
 });
-//# sourceMappingURL=LinkForm.js.map