@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/esm/forms/ImageForm.js

@@ -1,25 +1,32 @@
-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';
+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";
 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] = 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 [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 shouldRenderTabs = isFunction(onAttach);
-    React.useLayoutEffect(() => {
-        if (!shouldRenderTabs && tabId === "attach" /* ImageTabId.Attach */) {
-            setTabId("link" /* ImageTabId.Link */);
+    useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === ImageTabId.Attach) {
+            setTabId(ImageTabId.Link);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -35,23 +42,9 @@ export const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach,
         onSubmit(data);
     };
     const inputEnterKeyHandler = enterKeyHandler(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 })))));
+    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 })] }))] }));
 };
+//# sourceMappingURL=ImageForm.js.map

package/build/esm/forms/ImageForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageForm.js","sourceRoot":"../../../src","sources":["forms/ImageForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useLayoutEffect, useState} from 'react';\n\nimport {TextInput, TextInputProps} from '@gravity-ui/uikit';\nimport {Tabs} from '@gravity-ui/uikit/legacy';\n\nimport {ClassNameProps, cn} from '../classname';\nimport {i18n} from '../i18n/forms';\nimport {isFunction} from '../lodash';\nimport {enterKeyHandler} from '../utils/handlers';\n\nimport {TextInputFixed} from './TextInput';\nimport Form from './base';\nimport {ButtonAttach, NumberInput} from './components';\n\nimport './ImageForm.scss';\n\nconst b = cn('image-form');\n\nconst enum ImageTabId {\n    Attach = 'attach',\n    Link = 'link',\n}\n\nexport type ImageFormSubmitParams = {\n    url: string;\n    name: string;\n    alt: string;\n    width?: number;\n    height?: number;\n};\n\nexport type ImageFormProps = ClassNameProps & {\n    autoFocus?: boolean;\n    onSubmit(params: ImageFormSubmitParams): void;\n    onCancel(): void;\n    onAttach?: (files: File[]) => void;\n    loading?: boolean;\n};\n\nexport const ImageForm: React.FC<ImageFormProps> = ({\n    className,\n    autoFocus,\n    onCancel,\n    onSubmit,\n    onAttach,\n    loading,\n}) => {\n    const [tabId, setTabId] = useState<string>(() =>\n        isFunction(onAttach) ? ImageTabId.Attach : ImageTabId.Link,\n    );\n    const [url, setUrl] = useState('');\n    const [name, setName] = useState('');\n    const [alt, setAlt] = useState('');\n    const [width, setWidth] = useState<number | undefined>();\n    const [height, setHeight] = useState<number | undefined>();\n\n    const shouldRenderTabs = isFunction(onAttach);\n    useLayoutEffect(() => {\n        if (!shouldRenderTabs && tabId === ImageTabId.Attach) {\n            setTabId(ImageTabId.Link);\n        }\n    }, [shouldRenderTabs, tabId]);\n\n    const handleSubmit = () => {\n        const data: ImageFormSubmitParams = {\n            url: url.trim(),\n            name: name.trim(),\n            alt: alt.trim(),\n        };\n        if (typeof width === 'number' && width >= 0) data.width = width;\n        if (typeof height === 'number' && height >= 0) data.height = height;\n        onSubmit(data);\n    };\n    const inputEnterKeyHandler: TextInputProps['onKeyDown'] = enterKeyHandler(handleSubmit);\n\n    return (\n        <Form.Form className={b(null, [className])}>\n            {shouldRenderTabs && (\n                <Tabs\n                    activeTab={tabId}\n                    onSelectTab={setTabId}\n                    items={[\n                        {id: ImageTabId.Attach, title: i18n('common_tab_attach')},\n                        {id: ImageTabId.Link, title: i18n('common_tab_link')},\n                    ]}\n                />\n            )}\n            {tabId === ImageTabId.Attach && onAttach && (\n                <>\n                    <Form.Layout>{i18n('image_upload_help')}</Form.Layout>\n                    <Form.Footer onCancel={onCancel}>\n                        <ButtonAttach\n                            multiple\n                            accept=\"image/*\"\n                            onUpdate={onAttach}\n                            buttonProps={{size: 's', view: 'action', loading}}\n                        >\n                            {i18n('common_action_upload')}\n                        </ButtonAttach>\n                    </Form.Footer>\n                </>\n            )}\n            {tabId === ImageTabId.Link && (\n                <>\n                    <Form.Layout>\n                        <Form.Row\n                            label={i18n('common_link')}\n                            control={\n                                <TextInputFixed\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={url}\n                                    onUpdate={setUrl}\n                                    placeholder=\"https://\"\n                                    autoFocus={autoFocus}\n                                    className={b('input', {type: 'link'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('image_name')}\n                            control={\n                                <TextInput\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                                        onKeyDown={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                                        onKeyDown={inputEnterKeyHandler}\n                                    />\n                                </div>\n                            }\n                        />\n                    </Form.Layout>\n                    <Form.Footer onCancel={onCancel} onSubmit={handleSubmit} />\n                </>\n            )}\n        </Form.Form>\n    );\n};\n"]}

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

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

package/build/esm/forms/LinkForm.js

@@ -1,20 +1,18 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from 'react';
 import { TextInput } from '@gravity-ui/uikit';
-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 : '');
+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 ?? '');
     const handleSubmit = () => {
         onSubmit({ url, text });
     };
     const inputEnterKeyHandler = enterKeyHandler(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 })));
+    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 })] }));
 });
+//# sourceMappingURL=LinkForm.js.map

package/build/esm/forms/LinkForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkForm.js","sourceRoot":"../../../src","sources":["forms/LinkForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,EAAC,SAAS,EAAiB,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAC,IAAI,EAAC,+BAAsB;AACnC,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAElD,OAAO,EAAC,cAAc,EAAC,uBAAoB;AAC3C,OAAO,EAAC,WAAW,EAAC,yBAAsB;AAC1C,OAAO,IAAI,wBAAe;AAgB1B,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgB,SAAS,QAAQ,CAAC,EAC1D,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,GACX;IACG,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IACF,MAAM,oBAAoB,GAAiC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEzF,OAAO,CACH,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAE,SAAS,aAC3B,MAAC,IAAI,CAAC,MAAM,eACR,KAAC,IAAI,CAAC,GAAG,IACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAC1B,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,EAC3B,OAAO,EACH,KAAC,WAAW,IACR,IAAI,EAAE,GAAG,EACT,KAAK,EACD,KAAC,cAAc,IACX,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAC,UAAU,EACtB,UAAU,EAAE,oBAAoB,GAClC,GAER,GAER,EACF,KAAC,IAAI,CAAC,GAAG,IACL,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EACxB,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAC5B,OAAO,EACH,KAAC,SAAS,IACN,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,oBAAoB,GAClC,GAER,IACQ,EACd,KAAC,IAAI,CAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAI,IACnD,CACf,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import {memo, useState} from 'react';\n\nimport {TextInput, TextInputProps} from '@gravity-ui/uikit';\n\nimport {ClassNameProps} from '../classname';\nimport {i18n} from '../i18n/forms';\nimport {enterKeyHandler} from '../utils/handlers';\n\nimport {TextInputFixed} from './TextInput';\nimport {UrlInputRow} from './UrlInputRow';\nimport Form from './base';\n\nexport type LinkFormSubmitParams = {\n    url: string;\n    text: string;\n};\n\nexport type LinkFormProps = ClassNameProps & {\n    autoFocus?: boolean;\n    initialUrl?: string;\n    initialText?: string;\n    readOnlyText?: boolean;\n    onSubmit(params: LinkFormSubmitParams): void;\n    onCancel(): void;\n};\n\nexport const LinkForm = memo<LinkFormProps>(function LinkForm({\n    className,\n    autoFocus,\n    initialUrl,\n    initialText,\n    readOnlyText,\n    onSubmit,\n    onCancel,\n}) {\n    const [url, setUrl] = useState(initialUrl ?? '');\n    const [text, setText] = useState(initialText ?? '');\n\n    const handleSubmit = () => {\n        onSubmit({url, text});\n    };\n    const inputEnterKeyHandler: TextInputProps['onKeyPress'] = enterKeyHandler(handleSubmit);\n\n    return (\n        <Form.Form className={className}>\n            <Form.Layout>\n                <Form.Row\n                    label={i18n('common_link')}\n                    help={i18n('link_url_help')}\n                    control={\n                        <UrlInputRow\n                            href={url}\n                            input={\n                                <TextInputFixed\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={url}\n                                    onUpdate={setUrl}\n                                    autoFocus={autoFocus}\n                                    placeholder=\"https://\"\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                    }\n                />\n                <Form.Row\n                    label={i18n('link_text')}\n                    help={i18n('link_text_help')}\n                    control={\n                        <TextInput\n                            size=\"s\"\n                            view=\"normal\"\n                            value={text}\n                            onUpdate={setText}\n                            disabled={readOnlyText}\n                            onKeyPress={inputEnterKeyHandler}\n                        />\n                    }\n                />\n            </Form.Layout>\n            <Form.Footer onCancel={onCancel} onSubmit={handleSubmit} />\n        </Form.Form>\n    );\n});\n"]}

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

@@ -1,70 +1,69 @@
-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;
+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;
     errorMessage?: React.ReactNode;
-    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;
+    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;
 } & {
-    type?: "number" | "text" | "url" | "search" | "tel" | "email" | "password" | undefined;
-    controlProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;
-    label?: string | undefined;
-    leftContent?: React.ReactNode;
-    rightContent?: React.ReactNode;
+    type?: "email" | "number" | "password" | "search" | "tel" | "text" | "url";
+    controlProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    label?: string;
     startContent?: React.ReactNode;
     endContent?: React.ReactNode;
     note?: React.ReactNode;
-} & 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;
+} & 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;
     errorMessage?: React.ReactNode;
-    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;
+    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;
 } & {
-    controlProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement> | undefined;
-    rows?: number | undefined;
-    minRows?: number | undefined;
-    maxRows?: number | undefined;
+    controlProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
     note?: React.ReactNode;
-} & React.RefAttributes<HTMLSpanElement>>;
+} & import("react").RefAttributes<HTMLSpanElement>>;

package/build/esm/forms/TextInput.js

@@ -1,36 +1,34 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useRef } 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 = React.forwardRef((props, ref) => {
-    var _a;
-    const inputRef = React.useRef(null);
-    const controlRef = (_a = props.controlRef) !== null && _a !== void 0 ? _a : inputRef;
+export const TextInputFixed = forwardRef((props, ref) => {
+    const inputRef = useRef(null);
+    const controlRef = props.controlRef ?? inputRef;
     useEffectOnce(() => {
         if (props.autoFocus) {
             setTimeout(() => {
-                var _a;
-                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                controlRef.current?.focus();
             }, 30);
         }
     });
     // eslint-disable-next-line jsx-a11y/no-autofocus
-    return React.createElement(TextInputUIKit, Object.assign({ ref: ref }, props, { controlRef: controlRef, autoFocus: false }));
+    return _jsx(TextInputUIKit, { 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 = React.forwardRef((props, ref) => {
-    var _a;
-    const inputRef = React.useRef(null);
-    const controlRef = (_a = props.controlRef) !== null && _a !== void 0 ? _a : inputRef;
+export const TextAreaFixed = forwardRef((props, ref) => {
+    const inputRef = useRef(null);
+    const controlRef = props.controlRef ?? inputRef;
     useEffectOnce(() => {
         if (props.autoFocus) {
             setTimeout(() => {
-                var _a;
-                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                controlRef.current?.focus();
             }, 30);
         }
     });
-    return React.createElement(TextAreaUIKit, Object.assign({ ref: ref }, props, { controlRef: controlRef, autoFocus: false }));
+    return _jsx(TextAreaUIKit, { ref: ref, ...props, controlRef: controlRef, autoFocus: false });
 });
 TextAreaFixed.displayName = 'TextInputFixed';
+//# sourceMappingURL=TextInput.js.map

package/build/esm/forms/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"../../../src","sources":["forms/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,EAEH,QAAQ,IAAI,aAAa,EAEzB,SAAS,IAAI,cAAc,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC;AAExC,0EAA0E;AAC1E,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAI,KAAK,CAAC,UAAgD,IAAI,QAAQ,CAAC;IAEvF,aAAa,CAAC,GAAG,EAAE;QACf,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE;gBACZ,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAChC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,iDAAiD;IACjD,OAAO,KAAC,cAAc,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC;AAC7F,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,0EAA0E;AAC1E,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAI,KAAK,CAAC,UAAmD,IAAI,QAAQ,CAAC;IAE1F,aAAa,CAAC,GAAG,EAAE;QACf,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE;gBACZ,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAChC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC;AAC5F,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import {forwardRef, useRef} from 'react';\n\nimport {\n    TextAreaProps,\n    TextArea as TextAreaUIKit,\n    TextInputProps,\n    TextInput as TextInputUIKit,\n} from '@gravity-ui/uikit';\nimport {useEffectOnce} from 'react-use';\n\n// TODO: remove after fix https://github.com/yandex-cloud/uikit/issues/133\nexport const TextInputFixed = forwardRef<HTMLSpanElement, TextInputProps>((props, ref) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const controlRef = (props.controlRef as React.RefObject<HTMLInputElement>) ?? inputRef;\n\n    useEffectOnce(() => {\n        if (props.autoFocus) {\n            setTimeout(() => {\n                controlRef.current?.focus();\n            }, 30);\n        }\n    });\n\n    // eslint-disable-next-line jsx-a11y/no-autofocus\n    return <TextInputUIKit ref={ref} {...props} controlRef={controlRef} autoFocus={false} />;\n});\n\nTextInputFixed.displayName = 'TextInputFixed';\n\n// TODO: remove after fix https://github.com/yandex-cloud/uikit/issues/133\nexport const TextAreaFixed = forwardRef<HTMLSpanElement, TextAreaProps>((props, ref) => {\n    const inputRef = useRef<HTMLTextAreaElement>(null);\n    const controlRef = (props.controlRef as React.RefObject<HTMLTextAreaElement>) ?? inputRef;\n\n    useEffectOnce(() => {\n        if (props.autoFocus) {\n            setTimeout(() => {\n                controlRef.current?.focus();\n            }, 30);\n        }\n    });\n\n    return <TextAreaUIKit ref={ref} {...props} controlRef={controlRef} autoFocus={false} />;\n});\n\nTextAreaFixed.displayName = 'TextInputFixed';\n"]}

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

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

package/build/esm/forms/UrlInputRow.js

@@ -1,14 +1,12 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
 import { ArrowUpRightFromSquare as LinkIcon } from '@gravity-ui/icons';
 import { ActionTooltip, Button, Icon } from '@gravity-ui/uikit';
-import { cn } from '../classname';
-import { i18n } from '../i18n/forms';
-import './UrlInputRow.css';
+import { cn } from "../classname.js";
+import { i18n } from "../i18n/forms/index.js";
+import "./UrlInputRow.css";
 const b = cn('url-input-row');
-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 })))));
+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 }) }) })] }));
 });
+//# sourceMappingURL=UrlInputRow.js.map

package/build/esm/forms/UrlInputRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlInputRow.js","sourceRoot":"../../../src","sources":["forms/UrlInputRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAC,sBAAsB,IAAI,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,wBAAqB;AAChC,OAAO,EAAC,IAAI,EAAC,+BAAsB;AAEnC,2BAA4B;AAE5B,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAO9B,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAmB,SAAS,WAAW,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC;IAChF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACd,KAAK,EACN,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,YACxC,KAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,YAC5E,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,GAC7B,GACG,IACd,CACT,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport {ArrowUpRightFromSquare as LinkIcon} from '@gravity-ui/icons';\nimport {ActionTooltip, Button, Icon} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/forms';\n\nimport './UrlInputRow.scss';\n\nconst b = cn('url-input-row');\n\nexport type UrlInputRowProps = {\n    input: React.ReactNode;\n    href: string;\n};\n\nexport const UrlInputRow = memo<UrlInputRowProps>(function UrlInputRow({href, input}) {\n    return (\n        <div className={b()}>\n            {input}\n            <ActionTooltip title={i18n('link_open_help')}>\n                <Button className={b('button')} view=\"flat\" size=\"s\" href={href} target=\"_blank\">\n                    <Icon data={LinkIcon} size={16} />\n                </Button>\n            </ActionTooltip>\n        </div>\n    );\n});\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"../../../../src","sources":["forms/base/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,EAAE,EAAC,2BAAwB;AAEnD,oBAAqB;AAErB,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;AAMrB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC/D,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,YAAG,QAAQ,GAAO,CAAC;AAClE,CAAC,CAAC","sourcesContent":["import {ClassNameProps, cn} from '../../classname';\n\nimport './Form.scss';\n\nconst b = cn('form');\n\nexport type FormProps = ClassNameProps & {\n    children?: React.ReactNode;\n};\n\nexport const Form: React.FC<FormProps> = ({className, children}) => {\n    return <div className={b(null, [className])}>{children}</div>;\n};\n"]}

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

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

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

@@ -1,12 +1,10 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@gravity-ui/uikit';
-import { cn } from '../../classname';
-import { i18n } from '../../i18n/forms';
-import './FormFooter.css';
+import { cn } from "../../classname.js";
+import { i18n } from "../../i18n/forms/index.js";
+import "./FormFooter.css";
 const b = cn('form-footer');
 export const FormFooter = ({ className, onCancel, onSubmit, 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));
+    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] }));
 };
+//# sourceMappingURL=FormFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.js","sourceRoot":"../../../../src","sources":["forms/base/FormFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAiB,EAAE,EAAC,2BAAwB;AACnD,OAAO,EAAC,IAAI,EAAC,kCAAyB;AAEtC,0BAA2B;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAQ5B,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,aAC/B,QAAQ,IAAI,CACT,KAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,gBAAgB,EAAC,OAAO,EAAE,QAAQ,YACnD,IAAI,CAAC,sBAAsB,CAAC,GACxB,CACZ,EACA,QAAQ,IAAI,CACT,KAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YAC3C,IAAI,CAAC,sBAAsB,CAAC,GACxB,CACZ,EACA,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Button} from '@gravity-ui/uikit';\n\nimport {ClassNameProps, cn} from '../../classname';\nimport {i18n} from '../../i18n/forms';\n\nimport './FormFooter.scss';\n\nconst b = cn('form-footer');\n\nexport type FormFooterProps = ClassNameProps & {\n    onCancel?(): void;\n    onSubmit?(): void;\n    children?: React.ReactNode;\n};\n\nexport const FormFooter: React.FC<FormFooterProps> = ({\n    className,\n    onCancel,\n    onSubmit,\n    children,\n}) => {\n    return (\n        <div className={b(null, [className])}>\n            {onCancel && (\n                <Button size=\"s\" view=\"flat-secondary\" onClick={onCancel}>\n                    {i18n('common_action_cancel')}\n                </Button>\n            )}\n            {onSubmit && (\n                <Button size=\"s\" view=\"action\" onClick={onSubmit}>\n                    {i18n('common_action_submit')}\n                </Button>\n            )}\n            {children}\n        </div>\n    );\n};\n"]}

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

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

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

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

package/build/esm/forms/base/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","sourceRoot":"../../../../src","sources":["forms/base/FormLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,EAAE,EAAC,2BAAwB;AAEnD,0BAA2B;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAM5B,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC3E,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,YAAG,QAAQ,GAAO,CAAC;AAChE,CAAC,CAAC","sourcesContent":["import {ClassNameProps, cn} from '../../classname';\n\nimport './FormLayout.scss';\n\nconst b = cn('form-layout');\n\nexport type FormLayoutProps = ClassNameProps & {\n    children?: React.ReactNode;\n};\n\nexport const FormLayout: React.FC<FormLayoutProps> = ({className, children}) => {\n    return <div className={b({}, [className])}>{children}</div>;\n};\n"]}

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import { ClassNameProps } from '../../classname';
-import './FormRow.css';
-export declare type FormRowProps = ClassNameProps & {
+import { type ClassNameProps } from "../../classname.js";
+import "./FormRow.css";
+export type FormRowProps = ClassNameProps & {
     label: React.ReactNode;
     help?: React.ReactNode;
     control: React.ReactNode;

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

@@ -1,12 +1,9 @@
-import React from 'react';
-import { HelpPopover } from '@gravity-ui/components';
-import { cn } from '../../classname';
-import './FormRow.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HelpMark } from '@gravity-ui/uikit';
+import { cn } from "../../classname.js";
+import "./FormRow.css";
 const b = cn('form-row');
 export const FormRow = ({ className, label, help, control, controlClassName, }) => {
-    return (React.createElement("div", { className: b(null, [className]) },
-        React.createElement("div", { className: b('label') },
-            React.createElement("span", { className: b('label-text') }, label),
-            help && React.createElement(HelpPopover, { content: help, className: b('label-help') })),
-        React.createElement("div", { className: b('control', [controlClassName]) }, control)));
+    return (_jsxs("div", { className: b(null, [className]), children: [_jsxs("div", { className: b('label'), children: [_jsx("span", { className: b('label-text'), children: label }), help && (_jsx(HelpMark, { popoverProps: { modal: false }, className: b('label-help'), children: help }))] }), _jsx("div", { className: b('control', [controlClassName]), children: control })] }));
 };
+//# sourceMappingURL=FormRow.js.map

package/build/esm/forms/base/FormRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.js","sourceRoot":"../../../../src","sources":["forms/base/FormRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAsB,EAAE,EAAC,2BAAwB;AAExD,uBAAwB;AAExB,MAAM,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;AASzB,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,gBAAgB,GACnB,EAAE,EAAE;IACD,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,aAChC,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,eAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,KAAK,GAAQ,EAC/C,IAAI,IAAI,CACL,KAAC,QAAQ,IAAC,YAAY,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC7D,IAAI,GACE,CACd,IACC,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAAG,OAAO,GAAO,IAC/D,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {HelpMark} from '@gravity-ui/uikit';\n\nimport {type ClassNameProps, cn} from '../../classname';\n\nimport './FormRow.scss';\n\nconst b = cn('form-row');\n\nexport type FormRowProps = ClassNameProps & {\n    label: React.ReactNode;\n    help?: React.ReactNode;\n    control: React.ReactNode;\n    controlClassName?: string;\n};\n\nexport const FormRow: React.FC<FormRowProps> = ({\n    className,\n    label,\n    help,\n    control,\n    controlClassName,\n}) => {\n    return (\n        <div className={b(null, [className])}>\n            <div className={b('label')}>\n                <span className={b('label-text')}>{label}</span>\n                {help && (\n                    <HelpMark popoverProps={{modal: false}} className={b('label-help')}>\n                        {help}\n                    </HelpMark>\n                )}\n            </div>\n            <div className={b('control', [controlClassName])}>{control}</div>\n        </div>\n    );\n};\n"]}

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

@@ -1,7 +1,7 @@
-export * from './Form';
-export * from './FormLayout';
-export * from './FormRow';
-export * from './FormFooter';
+export * from "./Form.js";
+export * from "./FormLayout.js";
+export * from "./FormRow.js";
+export * from "./FormFooter.js";
 declare const _default: {
     Form: import("react").FC<import("./Form").FormProps>;
     Layout: import("react").FC<import("./FormLayout").FormLayoutProps>;

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

@@ -1,9 +1,10 @@
-export * from './Form';
-export * from './FormLayout';
-export * from './FormRow';
-export * from './FormFooter';
-import { Form } from './Form';
-import { FormFooter as Footer } from './FormFooter';
-import { FormLayout as Layout } from './FormLayout';
-import { FormRow as Row } from './FormRow';
+export * from "./Form.js";
+export * from "./FormLayout.js";
+export * from "./FormRow.js";
+export * from "./FormFooter.js";
+import { Form } from "./Form.js";
+import { FormFooter as Footer } from "./FormFooter.js";
+import { FormLayout as Layout } from "./FormLayout.js";
+import { FormRow as Row } from "./FormRow.js";
 export default { Form, Layout, Row, Footer };
+//# sourceMappingURL=index.js.map