@gravity-ui/markdown-editor 14.12.1 → 14.12.2

package/build/esm/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/esm/extensions/yfm/specs.js

@@ -1,14 +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";
-//# sourceMappingURL=specs.js.map
+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/esm/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/esm/forms/FileForm.js

@@ -1,28 +1,21 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useState } from 'react';
-import { TextInput } from '@gravity-ui/uikit';
-import { Tabs } from '@gravity-ui/uikit/legacy';
-import { cn } from "../classname.js";
-import { i18n } from "../i18n/forms/index.js";
-import { isFunction } from "../lodash.js";
-import { enterKeyHandler } from "../utils/handlers.js";
-import { TextInputFixed } from "./TextInput.js";
-import Form from "./base/index.js";
-import { ButtonAttach } from "./components/index.js";
+import React from 'react';
+import { Tabs, TextInput } from '@gravity-ui/uikit';
+import { cn } from '../classname';
+import { i18n } from '../i18n/forms';
+import { isFunction } from '../lodash';
+import { enterKeyHandler } from '../utils/handlers';
+import { TextInputFixed } from './TextInput';
+import Form from './base';
+import { ButtonAttach } from './components';
 const b = cn('file-form');
-var TabId;
-(function (TabId) {
-    TabId["Attach"] = "attach";
-    TabId["Link"] = "link";
-})(TabId || (TabId = {}));
 export const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
-    const [tabId, setTabId] = useState(() => isFunction(onAttach) ? TabId.Attach : TabId.Link);
-    const [src, setSrc] = useState('');
-    const [name, setName] = useState('');
+    const [tabId, setTabId] = React.useState(() => isFunction(onAttach) ? "attach" /* TabId.Attach */ : "link" /* TabId.Link */);
+    const [src, setSrc] = React.useState('');
+    const [name, setName] = React.useState('');
     const shouldRenderTabs = isFunction(onAttach);
-    useLayoutEffect(() => {
-        if (!shouldRenderTabs && tabId === TabId.Attach) {
-            setTabId(TabId.Link);
+    React.useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === "attach" /* TabId.Attach */) {
+            setTabId("link" /* TabId.Link */);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -32,13 +25,22 @@ export const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, l
         });
     };
     const inputEnterKeyHandler = enterKeyHandler(handleSubmit);
-    return (_jsxs(Form.Form, { className: b(null, [className]), children: [shouldRenderTabs && (_jsx(Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
-                    { id: TabId.Attach, title: i18n('common_tab_attach') },
-                    { id: TabId.Link, title: i18n('common_tab_link') },
-                ] })), tabId === TabId.Attach && onAttach && (_jsxs(_Fragment, { children: [_jsx(Form.Layout, { children: i18n('file_upload_help') }), _jsx(Form.Footer, { onCancel: onCancel, children: _jsx(ButtonAttach, { multiple: true, buttonProps: {
-                                size: 's',
-                                view: 'action',
-                                loading,
-                            }, onUpdate: onAttach, children: i18n('common_action_upload') }) })] })), tabId === TabId.Link && (_jsxs(_Fragment, { children: [_jsxs(Form.Layout, { children: [_jsx(Form.Row, { label: i18n('common_link'), help: i18n('file_link_help'), control: _jsx(TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }), _jsx(Form.Row, { label: i18n('file_name'), control: _jsx(TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })] }), _jsx(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }))] }));
+    return (React.createElement(Form.Form, { className: b(null, [className]) },
+        shouldRenderTabs && (React.createElement(Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
+                { id: "attach" /* TabId.Attach */, title: i18n('common_tab_attach') },
+                { id: "link" /* TabId.Link */, title: i18n('common_tab_link') },
+            ] })),
+        tabId === "attach" /* TabId.Attach */ && onAttach && (React.createElement(React.Fragment, null,
+            React.createElement(Form.Layout, null, i18n('file_upload_help')),
+            React.createElement(Form.Footer, { onCancel: onCancel },
+                React.createElement(ButtonAttach, { multiple: true, buttonProps: {
+                        size: 's',
+                        view: 'action',
+                        loading,
+                    }, onUpdate: onAttach }, i18n('common_action_upload'))))),
+        tabId === "link" /* TabId.Link */ && (React.createElement(React.Fragment, null,
+            React.createElement(Form.Layout, null,
+                React.createElement(Form.Row, { label: i18n('common_link'), help: i18n('file_link_help'), control: React.createElement(TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }),
+                React.createElement(Form.Row, { label: i18n('file_name'), control: React.createElement(TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })),
+            React.createElement(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })))));
 };
-//# sourceMappingURL=FileForm.js.map

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

@@ -1,13 +1,14 @@
-import { ClassNameProps } from "../classname.js";
-import "./ImageForm.css";
-export type ImageFormSubmitParams = {
+import React from 'react';
+import { ClassNameProps } from '../classname';
+import './ImageForm.css';
+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/esm/forms/ImageForm.js

@@ -1,32 +1,25 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useState } from 'react';
-import { TextInput } from '@gravity-ui/uikit';
-import { Tabs } from '@gravity-ui/uikit/legacy';
-import { cn } from "../classname.js";
-import { i18n } from "../i18n/forms/index.js";
-import { isFunction } from "../lodash.js";
-import { enterKeyHandler } from "../utils/handlers.js";
-import { TextInputFixed } from "./TextInput.js";
-import Form from "./base/index.js";
-import { ButtonAttach, NumberInput } from "./components/index.js";
-import "./ImageForm.css";
+import React from 'react';
+import { Tabs, TextInput } from '@gravity-ui/uikit';
+import { cn } from '../classname';
+import { i18n } from '../i18n/forms';
+import { isFunction } from '../lodash';
+import { enterKeyHandler } from '../utils/handlers';
+import { TextInputFixed } from './TextInput';
+import Form from './base';
+import { ButtonAttach, NumberInput } from './components';
+import './ImageForm.css';
 const b = cn('image-form');
-var ImageTabId;
-(function (ImageTabId) {
-    ImageTabId["Attach"] = "attach";
-    ImageTabId["Link"] = "link";
-})(ImageTabId || (ImageTabId = {}));
 export const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
-    const [tabId, setTabId] = useState(() => isFunction(onAttach) ? ImageTabId.Attach : ImageTabId.Link);
-    const [url, setUrl] = useState('');
-    const [name, setName] = useState('');
-    const [alt, setAlt] = useState('');
-    const [width, setWidth] = useState();
-    const [height, setHeight] = useState();
+    const [tabId, setTabId] = React.useState(() => isFunction(onAttach) ? "attach" /* ImageTabId.Attach */ : "link" /* ImageTabId.Link */);
+    const [url, setUrl] = React.useState('');
+    const [name, setName] = React.useState('');
+    const [alt, setAlt] = React.useState('');
+    const [width, setWidth] = React.useState();
+    const [height, setHeight] = React.useState();
     const shouldRenderTabs = isFunction(onAttach);
-    useLayoutEffect(() => {
-        if (!shouldRenderTabs && tabId === ImageTabId.Attach) {
-            setTabId(ImageTabId.Link);
+    React.useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === "attach" /* ImageTabId.Attach */) {
+            setTabId("link" /* ImageTabId.Link */);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -42,9 +35,23 @@ export const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach,
         onSubmit(data);
     };
     const inputEnterKeyHandler = enterKeyHandler(handleSubmit);
-    return (_jsxs(Form.Form, { className: b(null, [className]), children: [shouldRenderTabs && (_jsx(Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
-                    { id: ImageTabId.Attach, title: i18n('common_tab_attach') },
-                    { id: ImageTabId.Link, title: i18n('common_tab_link') },
-                ] })), tabId === ImageTabId.Attach && onAttach && (_jsxs(_Fragment, { children: [_jsx(Form.Layout, { children: i18n('image_upload_help') }), _jsx(Form.Footer, { onCancel: onCancel, children: _jsx(ButtonAttach, { multiple: true, accept: "image/*", onUpdate: onAttach, buttonProps: { size: 's', view: 'action', loading }, children: i18n('common_action_upload') }) })] })), tabId === ImageTabId.Link && (_jsxs(_Fragment, { children: [_jsxs(Form.Layout, { children: [_jsx(Form.Row, { label: i18n('common_link'), control: _jsx(TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }), _jsx(Form.Row, { label: i18n('image_name'), control: _jsx(TextInput, { 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' }), onKeyDown: inputEnterKeyHandler }), "x", _jsx(NumberInput, { min: 0, size: "s", view: "normal", value: height, onUpdate: setHeight, placeholder: i18n('image_size_height'), className: b('input', { type: 'height' }), onKeyDown: inputEnterKeyHandler })] }) })] }), _jsx(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }))] }));
+    return (React.createElement(Form.Form, { className: b(null, [className]) },
+        shouldRenderTabs && (React.createElement(Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
+                { id: "attach" /* ImageTabId.Attach */, title: i18n('common_tab_attach') },
+                { id: "link" /* ImageTabId.Link */, title: i18n('common_tab_link') },
+            ] })),
+        tabId === "attach" /* ImageTabId.Attach */ && onAttach && (React.createElement(React.Fragment, null,
+            React.createElement(Form.Layout, null, i18n('image_upload_help')),
+            React.createElement(Form.Footer, { onCancel: onCancel },
+                React.createElement(ButtonAttach, { multiple: true, accept: "image/*", onUpdate: onAttach, buttonProps: { size: 's', view: 'action', loading } }, i18n('common_action_upload'))))),
+        tabId === "link" /* ImageTabId.Link */ && (React.createElement(React.Fragment, null,
+            React.createElement(Form.Layout, null,
+                React.createElement(Form.Row, { label: i18n('common_link'), control: React.createElement(TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }),
+                React.createElement(Form.Row, { label: i18n('image_name'), control: React.createElement(TextInput, { 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' }), onKeyDown: 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' }), onKeyDown: inputEnterKeyHandler })) })),
+            React.createElement(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })))));
 };
-//# sourceMappingURL=ImageForm.js.map

package/build/esm/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/esm/forms/LinkForm.js

@@ -1,18 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
+import React from 'react';
 import { TextInput } from '@gravity-ui/uikit';
-import { i18n } from "../i18n/forms/index.js";
-import { enterKeyHandler } from "../utils/handlers.js";
-import { TextInputFixed } from "./TextInput.js";
-import { UrlInputRow } from "./UrlInputRow.js";
-import Form from "./base/index.js";
-export const LinkForm = memo(function LinkForm({ className, autoFocus, initialUrl, initialText, readOnlyText, onSubmit, onCancel, }) {
-    const [url, setUrl] = useState(initialUrl ?? '');
-    const [text, setText] = useState(initialText ?? '');
+import { i18n } from '../i18n/forms';
+import { enterKeyHandler } from '../utils/handlers';
+import { TextInputFixed } from './TextInput';
+import { UrlInputRow } from './UrlInputRow';
+import Form from './base';
+export const LinkForm = React.memo(function LinkForm({ className, autoFocus, initialUrl, initialText, readOnlyText, onSubmit, onCancel, }) {
+    const [url, setUrl] = React.useState(initialUrl !== null && initialUrl !== void 0 ? initialUrl : '');
+    const [text, setText] = React.useState(initialText !== null && initialText !== void 0 ? initialText : '');
     const handleSubmit = () => {
         onSubmit({ url, text });
     };
     const inputEnterKeyHandler = enterKeyHandler(handleSubmit);
-    return (_jsxs(Form.Form, { className: className, children: [_jsxs(Form.Layout, { children: [_jsx(Form.Row, { label: i18n('common_link'), help: i18n('link_url_help'), control: _jsx(UrlInputRow, { href: url, input: _jsx(TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, autoFocus: autoFocus, placeholder: "https://", onKeyPress: inputEnterKeyHandler }) }) }), _jsx(Form.Row, { label: i18n('link_text'), help: i18n('link_text_help'), control: _jsx(TextInput, { size: "s", view: "normal", value: text, onUpdate: setText, disabled: readOnlyText, onKeyPress: inputEnterKeyHandler }) })] }), _jsx(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }));
+    return (React.createElement(Form.Form, { className: className },
+        React.createElement(Form.Layout, null,
+            React.createElement(Form.Row, { label: i18n('common_link'), help: i18n('link_url_help'), control: React.createElement(UrlInputRow, { href: url, input: React.createElement(TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, autoFocus: autoFocus, placeholder: "https://", onKeyPress: inputEnterKeyHandler }) }) }),
+            React.createElement(Form.Row, { label: i18n('link_text'), help: i18n('link_text_help'), control: React.createElement(TextInput, { size: "s", view: "normal", value: text, onUpdate: setText, disabled: readOnlyText, onKeyPress: inputEnterKeyHandler }) })),
+        React.createElement(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })));
 });
-//# sourceMappingURL=LinkForm.js.map

package/build/esm/forms/TextInput.d.ts

@@ -1,69 +1,70 @@
-export declare const TextInputFixed: import("react").ForwardRefExoticComponent<import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    autoComplete?: boolean | "on" | "off" | string;
-    autoFocus?: boolean;
-    controlRef?: import("react").Ref<HTMLInputElement> | undefined;
-    defaultValue?: string;
-    disabled?: boolean;
-    error?: string | boolean;
+import React from 'react';
+export declare const TextInputFixed: React.ForwardRefExoticComponent<import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
+    autoComplete?: string | boolean | undefined;
+    autoFocus?: boolean | undefined;
+    controlRef?: React.Ref<HTMLInputElement> | undefined;
+    defaultValue?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: string | boolean | undefined;
     errorMessage?: React.ReactNode;
-    errorPlacement?: "outside" | "inside";
-    validationState?: "invalid";
-    hasClear?: boolean;
-    id?: string;
-    name?: string;
-    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
-    onUpdate?: (value: string) => void;
-    pin?: import("@gravity-ui/uikit").InputControlPin;
-    placeholder?: string;
-    readOnly?: boolean;
-    size?: import("@gravity-ui/uikit").InputControlSize;
-    tabIndex?: number;
-    value?: string;
-    view?: import("@gravity-ui/uikit").InputControlView;
+    errorPlacement?: "inside" | "outside" | undefined;
+    validationState?: "invalid" | undefined;
+    hasClear?: boolean | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onUpdate?: ((value: string) => void) | undefined;
+    pin?: import("@gravity-ui/uikit").InputControlPin | undefined;
+    placeholder?: string | undefined;
+    size?: import("@gravity-ui/uikit").InputControlSize | undefined;
+    tabIndex?: number | undefined;
+    value?: string | undefined;
+    view?: import("@gravity-ui/uikit").InputControlView | undefined;
 } & {
-    type?: "email" | "number" | "password" | "search" | "tel" | "text" | "url";
-    controlProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    label?: string;
+    type?: "number" | "text" | "url" | "search" | "tel" | "email" | "password" | undefined;
+    controlProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;
+    label?: string | undefined;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
     startContent?: React.ReactNode;
     endContent?: React.ReactNode;
     note?: React.ReactNode;
-} & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const TextAreaFixed: import("react").ForwardRefExoticComponent<import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    autoComplete?: boolean | "on" | "off" | string;
-    autoFocus?: boolean;
-    controlRef?: import("react").Ref<HTMLTextAreaElement> | undefined;
-    defaultValue?: string;
-    disabled?: boolean;
-    error?: string | boolean;
+} & React.RefAttributes<HTMLSpanElement>>;
+export declare const TextAreaFixed: React.ForwardRefExoticComponent<import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
+    autoComplete?: string | boolean | undefined;
+    autoFocus?: boolean | undefined;
+    controlRef?: React.Ref<HTMLTextAreaElement> | undefined;
+    defaultValue?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: string | boolean | undefined;
     errorMessage?: React.ReactNode;
-    errorPlacement?: "outside" | "inside";
-    validationState?: "invalid";
-    hasClear?: boolean;
-    id?: string;
-    name?: string;
-    onBlur?: import("react").FocusEventHandler<HTMLTextAreaElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLTextAreaElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLTextAreaElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLTextAreaElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLTextAreaElement> | undefined;
-    onUpdate?: (value: string) => void;
-    pin?: import("@gravity-ui/uikit").InputControlPin;
-    placeholder?: string;
-    readOnly?: boolean;
-    size?: import("@gravity-ui/uikit").InputControlSize;
-    tabIndex?: number;
-    value?: string;
-    view?: import("@gravity-ui/uikit").InputControlView;
+    errorPlacement?: "inside" | "outside" | undefined;
+    validationState?: "invalid" | undefined;
+    hasClear?: boolean | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLTextAreaElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement> | undefined;
+    onUpdate?: ((value: string) => void) | undefined;
+    pin?: import("@gravity-ui/uikit").InputControlPin | undefined;
+    placeholder?: string | undefined;
+    size?: import("@gravity-ui/uikit").InputControlSize | undefined;
+    tabIndex?: number | undefined;
+    value?: string | undefined;
+    view?: import("@gravity-ui/uikit").InputControlView | undefined;
 } & {
-    controlProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-    rows?: number;
-    minRows?: number;
-    maxRows?: number;
+    controlProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement> | undefined;
+    rows?: number | undefined;
+    minRows?: number | undefined;
+    maxRows?: number | undefined;
     note?: React.ReactNode;
-} & import("react").RefAttributes<HTMLSpanElement>>;
+} & React.RefAttributes<HTMLSpanElement>>;

package/build/esm/forms/TextInput.js

@@ -1,34 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useRef } from 'react';
+import React from 'react';
 import { TextArea as TextAreaUIKit, TextInput as TextInputUIKit, } from '@gravity-ui/uikit';
 import { useEffectOnce } from 'react-use';
 // TODO: remove after fix https://github.com/yandex-cloud/uikit/issues/133
-export const TextInputFixed = forwardRef((props, ref) => {
-    const inputRef = useRef(null);
-    const controlRef = props.controlRef ?? inputRef;
+export const TextInputFixed = React.forwardRef((props, ref) => {
+    var _a;
+    const inputRef = React.useRef(null);
+    const controlRef = (_a = props.controlRef) !== null && _a !== void 0 ? _a : inputRef;
     useEffectOnce(() => {
         if (props.autoFocus) {
             setTimeout(() => {
-                controlRef.current?.focus();
+                var _a;
+                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }, 30);
         }
     });
     // eslint-disable-next-line jsx-a11y/no-autofocus
-    return _jsx(TextInputUIKit, { ref: ref, ...props, controlRef: controlRef, autoFocus: false });
+    return React.createElement(TextInputUIKit, Object.assign({ ref: ref }, props, { controlRef: controlRef, autoFocus: false }));
 });
 TextInputFixed.displayName = 'TextInputFixed';
 // TODO: remove after fix https://github.com/yandex-cloud/uikit/issues/133
-export const TextAreaFixed = forwardRef((props, ref) => {
-    const inputRef = useRef(null);
-    const controlRef = props.controlRef ?? inputRef;
+export const TextAreaFixed = React.forwardRef((props, ref) => {
+    var _a;
+    const inputRef = React.useRef(null);
+    const controlRef = (_a = props.controlRef) !== null && _a !== void 0 ? _a : inputRef;
     useEffectOnce(() => {
         if (props.autoFocus) {
             setTimeout(() => {
-                controlRef.current?.focus();
+                var _a;
+                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }, 30);
         }
     });
-    return _jsx(TextAreaUIKit, { ref: ref, ...props, controlRef: controlRef, autoFocus: false });
+    return React.createElement(TextAreaUIKit, Object.assign({ ref: ref }, props, { controlRef: controlRef, autoFocus: false }));
 });
 TextAreaFixed.displayName = 'TextInputFixed';
-//# sourceMappingURL=TextInput.js.map

package/build/esm/forms/UrlInputRow.d.ts

@@ -1,6 +1,7 @@
-import "./UrlInputRow.css";
-export type UrlInputRowProps = {
+import React from 'react';
+import './UrlInputRow.css';
+export declare type UrlInputRowProps = {
     input: React.ReactNode;
     href: string;
 };
-export declare const UrlInputRow: import("react").NamedExoticComponent<UrlInputRowProps>;
+export declare const UrlInputRow: React.NamedExoticComponent<UrlInputRowProps>;

package/build/esm/forms/UrlInputRow.js

@@ -1,12 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
+import React from 'react';
 import { ArrowUpRightFromSquare as LinkIcon } from '@gravity-ui/icons';
 import { ActionTooltip, Button, Icon } from '@gravity-ui/uikit';
-import { cn } from "../classname.js";
-import { i18n } from "../i18n/forms/index.js";
-import "./UrlInputRow.css";
+import { cn } from '../classname';
+import { i18n } from '../i18n/forms';
+import './UrlInputRow.css';
 const b = cn('url-input-row');
-export const UrlInputRow = memo(function UrlInputRow({ href, input }) {
-    return (_jsxs("div", { className: b(), children: [input, _jsx(ActionTooltip, { title: i18n('link_open_help'), children: _jsx(Button, { className: b('button'), view: "flat", size: "s", href: href, target: "_blank", children: _jsx(Icon, { data: LinkIcon, size: 16 }) }) })] }));
+export const UrlInputRow = React.memo(function UrlInputRow({ href, input }) {
+    return (React.createElement("div", { className: b() },
+        input,
+        React.createElement(ActionTooltip, { title: i18n('link_open_help') },
+            React.createElement(Button, { className: b('button'), view: "flat", size: "s", href: href, target: "_blank" },
+                React.createElement(Icon, { data: LinkIcon, size: 16 })))));
 });
-//# sourceMappingURL=UrlInputRow.js.map

package/build/esm/forms/base/Form.d.ts

@@ -1,6 +1,7 @@
-import { ClassNameProps } from "../../classname.js";
-import "./Form.css";
-export type FormProps = ClassNameProps & {
+import React from 'react';
+import { ClassNameProps } from '../../classname';
+import './Form.css';
+export declare type FormProps = ClassNameProps & {
     children?: React.ReactNode;
 };
 export declare const Form: React.FC<FormProps>;

package/build/esm/forms/base/Form.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../classname.js";
-import "./Form.css";
+import React from 'react';
+import { cn } from '../../classname';
+import './Form.css';
 const b = cn('form');
 export const Form = ({ className, children }) => {
-    return _jsx("div", { className: b(null, [className]), children: children });
+    return React.createElement("div", { className: b(null, [className]) }, children);
 };
-//# sourceMappingURL=Form.js.map

package/build/esm/forms/base/FormFooter.d.ts

@@ -1,6 +1,7 @@
-import { ClassNameProps } from "../../classname.js";
-import "./FormFooter.css";
-export type FormFooterProps = ClassNameProps & {
+import React from 'react';
+import { ClassNameProps } from '../../classname';
+import './FormFooter.css';
+export declare type FormFooterProps = ClassNameProps & {
     onCancel?(): void;
     onSubmit?(): void;
     children?: React.ReactNode;

package/build/esm/forms/base/FormFooter.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { cn } from "../../classname.js";
-import { i18n } from "../../i18n/forms/index.js";
-import "./FormFooter.css";
+import { cn } from '../../classname';
+import { i18n } from '../../i18n/forms';
+import './FormFooter.css';
 const b = cn('form-footer');
 export const FormFooter = ({ className, onCancel, onSubmit, children, }) => {
-    return (_jsxs("div", { className: b(null, [className]), children: [onCancel && (_jsx(Button, { size: "s", view: "flat-secondary", onClick: onCancel, children: i18n('common_action_cancel') })), onSubmit && (_jsx(Button, { size: "s", view: "action", onClick: onSubmit, children: i18n('common_action_submit') })), children] }));
+    return (React.createElement("div", { className: b(null, [className]) },
+        onCancel && (React.createElement(Button, { size: "s", view: "flat-secondary", onClick: onCancel }, i18n('common_action_cancel'))),
+        onSubmit && (React.createElement(Button, { size: "s", view: "action", onClick: onSubmit }, i18n('common_action_submit'))),
+        children));
 };
-//# sourceMappingURL=FormFooter.js.map

package/build/esm/forms/base/FormLayout.d.ts

@@ -1,6 +1,7 @@
-import { ClassNameProps } from "../../classname.js";
-import "./FormLayout.css";
-export type FormLayoutProps = ClassNameProps & {
+import React from 'react';
+import { ClassNameProps } from '../../classname';
+import './FormLayout.css';
+export declare type FormLayoutProps = ClassNameProps & {
     children?: React.ReactNode;
 };
 export declare const FormLayout: React.FC<FormLayoutProps>;