@gravity-ui/markdown-editor 13.0.0

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ClassNameProps } from '../classname';
+export declare type FileFormSubmitParams = {
+    src: string;
+    name: string;
+};
+export declare type FileFormProps = ClassNameProps & {
+    autoFocus?: boolean;
+    onSubmit(params: FileFormSubmitParams): void;
+    onCancel(): void;
+    onAttach?: (files: File[]) => void;
+    loading?: boolean;
+};
+export declare const FileForm: React.FC<FileFormProps>;

package/build/cjs/forms/FileForm.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileForm = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../classname");
+const forms_1 = require("../i18n/forms");
+const lodash_1 = require("../lodash");
+const TextInput_1 = require("./TextInput");
+const base_1 = tslib_1.__importDefault(require("./base"));
+const components_1 = require("./components");
+const utils_1 = require("./utils");
+const b = (0, classname_1.cn)('file-form');
+const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
+    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);
+    react_1.default.useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === "attach" /* TabId.Attach */) {
+            setTabId("link" /* TabId.Link */);
+        }
+    }, [shouldRenderTabs, tabId]);
+    const handleSubmit = () => {
+        onSubmit({
+            src: src.trim(),
+            name: name.trim(),
+        });
+    };
+    const inputEnterKeyHandler = (0, utils_1.enterKeyHandler)(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;

package/build/cjs/forms/ImageForm.css

@@ -0,0 +1,8 @@
+.g-md-image-form__input_type_width, .g-md-image-form__input_type_height {
+  max-width: 112px;
+}
+.g-md-image-form__size-controls {
+  display: flex;
+  align-items: center;
+  gap: 0 16px;
+}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ClassNameProps } from '../classname';
+export declare type ImageFormSubmitParams = {
+    url: string;
+    name: string;
+    alt: string;
+    width?: number;
+    height?: number;
+};
+export declare type ImageFormProps = ClassNameProps & {
+    autoFocus?: boolean;
+    onSubmit(params: ImageFormSubmitParams): void;
+    onCancel(): void;
+    onAttach?: (files: File[]) => void;
+    loading?: boolean;
+};
+export declare const ImageForm: React.FC<ImageFormProps>;

package/build/cjs/forms/ImageForm.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageForm = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../classname");
+const forms_1 = require("../i18n/forms");
+const lodash_1 = require("../lodash");
+const TextInput_1 = require("./TextInput");
+const base_1 = tslib_1.__importDefault(require("./base"));
+const components_1 = require("./components");
+const utils_1 = require("./utils");
+const b = (0, classname_1.cn)('image-form');
+const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
+    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);
+    react_1.default.useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === "attach" /* ImageTabId.Attach */) {
+            setTabId("link" /* ImageTabId.Link */);
+        }
+    }, [shouldRenderTabs, tabId]);
+    const handleSubmit = () => {
+        const data = {
+            url: url.trim(),
+            name: name.trim(),
+            alt: alt.trim(),
+        };
+        if (typeof width === 'number' && width >= 0)
+            data.width = width;
+        if (typeof height === 'number' && height >= 0)
+            data.height = height;
+        onSubmit(data);
+    };
+    const inputEnterKeyHandler = (0, utils_1.enterKeyHandler)(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;

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

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

package/build/cjs/forms/LinkForm.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkForm = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const forms_1 = require("../i18n/forms");
+const TextInput_1 = require("./TextInput");
+const UrlInputRow_1 = require("./UrlInputRow");
+const base_1 = tslib_1.__importDefault(require("./base"));
+const utils_1 = require("./utils");
+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, utils_1.enterKeyHandler)(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 })));
+});

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

@@ -0,0 +1,70 @@
+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?: "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?: "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;
+} & 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?: "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> | undefined;
+    rows?: number | undefined;
+    minRows?: number | undefined;
+    maxRows?: number | undefined;
+    note?: React.ReactNode;
+} & React.RefAttributes<HTMLSpanElement>>;

package/build/cjs/forms/TextInput.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaFixed = exports.TextInputFixed = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const react_use_1 = require("react-use");
+// TODO: remove after fix https://github.com/yandex-cloud/uikit/issues/133
+exports.TextInputFixed = react_1.default.forwardRef((props, ref) => {
+    var _a;
+    const inputRef = react_1.default.useRef(null);
+    const controlRef = (_a = props.controlRef) !== null && _a !== void 0 ? _a : inputRef;
+    (0, react_use_1.useEffectOnce)(() => {
+        if (props.autoFocus) {
+            setTimeout(() => {
+                var _a;
+                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 30);
+        }
+    });
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    return react_1.default.createElement(uikit_1.TextInput, Object.assign({ ref: ref }, props, { controlRef: controlRef, autoFocus: false }));
+});
+exports.TextInputFixed.displayName = 'TextInputFixed';
+// TODO: remove after fix https://github.com/yandex-cloud/uikit/issues/133
+exports.TextAreaFixed = react_1.default.forwardRef((props, ref) => {
+    var _a;
+    const inputRef = react_1.default.useRef(null);
+    const controlRef = (_a = props.controlRef) !== null && _a !== void 0 ? _a : inputRef;
+    (0, react_use_1.useEffectOnce)(() => {
+        if (props.autoFocus) {
+            setTimeout(() => {
+                var _a;
+                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 30);
+        }
+    });
+    return react_1.default.createElement(uikit_1.TextArea, Object.assign({ ref: ref }, props, { controlRef: controlRef, autoFocus: false }));
+});
+exports.TextAreaFixed.displayName = 'TextInputFixed';

package/build/cjs/forms/UrlInputRow.css

@@ -0,0 +1,6 @@
+.g-md-url-input-row {
+  display: flex;
+}
+.g-md-url-input-row__button {
+  margin-left: 4px;
+}

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

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

package/build/cjs/forms/UrlInputRow.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UrlInputRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../classname");
+const forms_1 = require("../i18n/forms");
+const b = (0, classname_1.cn)('url-input-row');
+exports.UrlInputRow = react_1.default.memo(function UrlInputRow({ href, input }) {
+    return (react_1.default.createElement("div", { className: b() },
+        input,
+        react_1.default.createElement(uikit_1.ActionTooltip, { title: (0, forms_1.i18n)('link_open_help') },
+            react_1.default.createElement(uikit_1.Button, { className: b('button'), view: "flat", size: "s", href: href, target: "_blank" },
+                react_1.default.createElement(uikit_1.Icon, { data: icons_1.ArrowUpRightFromSquare, size: 16 })))));
+});

package/build/cjs/forms/base/Form.css

@@ -0,0 +1,6 @@
+.g-md-form {
+  display: flex;
+  flex-direction: column;
+  gap: 20px 0;
+  padding: 12px 12px 20px;
+}

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classname_1 = require("../../classname");
+const b = (0, classname_1.cn)('form');
+const Form = ({ className, children }) => {
+    return react_1.default.createElement("div", { className: b(null, [className]) }, children);
+};
+exports.Form = Form;

package/build/cjs/forms/base/FormFooter.css

@@ -0,0 +1,5 @@
+.g-md-form-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0 8px;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ClassNameProps } from '../../classname';
+export declare type FormFooterProps = ClassNameProps & {
+    onCancel?(): void;
+    onSubmit?(): void;
+    children?: React.ReactNode;
+};
+export declare const FormFooter: React.FC<FormFooterProps>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormFooter = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../../classname");
+const forms_1 = require("../../i18n/forms");
+const b = (0, classname_1.cn)('form-footer');
+const FormFooter = ({ className, onCancel, onSubmit, children, }) => {
+    return (react_1.default.createElement("div", { className: b(null, [className]) },
+        onCancel && (react_1.default.createElement(uikit_1.Button, { size: "s", view: "flat-secondary", onClick: onCancel }, (0, forms_1.i18n)('common_action_cancel'))),
+        onSubmit && (react_1.default.createElement(uikit_1.Button, { size: "s", view: "action", onClick: onSubmit }, (0, forms_1.i18n)('common_action_submit'))),
+        children));
+};
+exports.FormFooter = FormFooter;

package/build/cjs/forms/base/FormLayout.css

@@ -0,0 +1,5 @@
+.g-md-form-layout {
+  display: flex;
+  flex-direction: column;
+  gap: 8px 0;
+}

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormLayout = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classname_1 = require("../../classname");
+const b = (0, classname_1.cn)('form-layout');
+const FormLayout = ({ className, children }) => {
+    return react_1.default.createElement("div", { className: b({}, [className]) }, children);
+};
+exports.FormLayout = FormLayout;

package/build/cjs/forms/base/FormRow.css

@@ -0,0 +1,22 @@
+.g-md-form-row {
+  display: flex;
+  gap: 0 12px;
+}
+.g-md-form-row__label {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  min-width: 128px;
+}
+.g-md-form-row__label-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.g-md-form-row__label-help {
+  margin-left: 6px;
+}
+.g-md-form-row__control {
+  flex-grow: 1;
+  min-width: 200px;
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ClassNameProps } from '../../classname';
+export declare type FormRowProps = ClassNameProps & {
+    label: React.ReactNode;
+    help?: React.ReactNode;
+    control: React.ReactNode;
+    controlClassName?: string;
+};
+export declare const FormRow: React.FC<FormRowProps>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("@gravity-ui/components");
+const classname_1 = require("../../classname");
+const b = (0, classname_1.cn)('form-row');
+const FormRow = ({ className, label, help, control, controlClassName, }) => {
+    return (react_1.default.createElement("div", { className: b(null, [className]) },
+        react_1.default.createElement("div", { className: b('label') },
+            react_1.default.createElement("span", { className: b('label-text') }, label),
+            help && react_1.default.createElement(components_1.HelpPopover, { content: help, className: b('label-help') })),
+        react_1.default.createElement("div", { className: b('control', [controlClassName]) }, control)));
+};
+exports.FormRow = FormRow;

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

@@ -0,0 +1,11 @@
+export * from './Form';
+export * from './FormLayout';
+export * from './FormRow';
+export * from './FormFooter';
+declare const _default: {
+    Form: import("react").FC<import("./Form").FormProps>;
+    Layout: import("react").FC<import("./FormLayout").FormLayoutProps>;
+    Row: import("react").FC<import("./FormRow").FormRowProps>;
+    Footer: import("react").FC<import("./FormFooter").FormFooterProps>;
+};
+export default _default;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Form"), exports);
+tslib_1.__exportStar(require("./FormLayout"), exports);
+tslib_1.__exportStar(require("./FormRow"), exports);
+tslib_1.__exportStar(require("./FormFooter"), exports);
+const Form_1 = require("./Form");
+const FormFooter_1 = require("./FormFooter");
+const FormLayout_1 = require("./FormLayout");
+const FormRow_1 = require("./FormRow");
+exports.default = { Form: Form_1.Form, Layout: FormLayout_1.FormLayout, Row: FormRow_1.FormRow, Footer: FormFooter_1.FormFooter };

package/build/cjs/forms/components/ButtonAttach.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonProps, UseFileInputProps } from '@gravity-ui/uikit';
+export declare type ButtonAttachProps = UseFileInputProps & {
+    multiple?: boolean;
+    buttonProps?: ButtonProps;
+    accept?: HTMLInputElement['accept'];
+    children?: React.ReactNode;
+};
+export declare const ButtonAttach: React.FC<ButtonAttachProps>;

package/build/cjs/forms/components/ButtonAttach.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonAttach = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const ButtonAttach = ({ onUpdate, onChange, multiple, buttonProps, accept, children, }) => {
+    const { controlProps, triggerProps } = (0, uikit_1.useFileInput)({ onUpdate, onChange });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("input", Object.assign({ type: "file", multiple: multiple, accept: accept }, controlProps)),
+        react_1.default.createElement(uikit_1.Button, Object.assign({}, buttonProps, triggerProps), children)));
+};
+exports.ButtonAttach = ButtonAttach;

package/build/cjs/forms/components/NumberInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TextInputProps } from '@gravity-ui/uikit';
+declare type BaseNumberInputProps = {
+    value?: number;
+    onUpdate: (value?: number) => void;
+    min?: number;
+    max?: number;
+};
+export declare type NumberInputProps = Omit<TextInputProps, keyof BaseNumberInputProps | 'type' | 'controlProps'> & BaseNumberInputProps;
+export declare const NumberInput: React.FC<NumberInputProps>;
+export {};

package/build/cjs/forms/components/NumberInput.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const is_number_1 = tslib_1.__importDefault(require("is-number"));
+const NumberInput = (props) => {
+    const { value, onUpdate, min, max } = props, textInputProps = tslib_1.__rest(props, ["value", "onUpdate", "min", "max"]);
+    return (react_1.default.createElement(uikit_1.TextInput, Object.assign({ value: (0, is_number_1.default)(value) ? String(value) : '', onUpdate: (v) => {
+            if ((0, is_number_1.default)(v)) {
+                onUpdate(parseInt(v, 10));
+            }
+            else {
+                onUpdate();
+            }
+        }, controlProps: { min, max }, type: "number" }, textInputProps)));
+};
+exports.NumberInput = NumberInput;

package/build/cjs/forms/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ButtonAttach';
+export * from './NumberInput';

package/build/cjs/forms/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ButtonAttach"), exports);
+tslib_1.__exportStar(require("./NumberInput"), exports);

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

@@ -0,0 +1,2 @@
+export * from './base';
+export * from './components';

package/build/cjs/forms/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./base"), exports);
+tslib_1.__exportStar(require("./components"), exports);

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function enterKeyHandler<T>(handler: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;

package/build/cjs/forms/utils.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enterKeyHandler = void 0;
+function enterKeyHandler(handler) {
+    return (event) => {
+        if (event.key === 'Enter') {
+            handler(event);
+        }
+    };
+}
+exports.enterKeyHandler = enterKeyHandler;

package/build/cjs/i18n/bundle/en.json

@@ -0,0 +1,12 @@
+{
+  "error-title": "Error in YFM editor",
+  "settings_wysiwyg": "Visual Editor (wysiwyg)",
+  "settings_markup": "Markdown markup",
+  "settings_menubar": "Toolbar",
+  "settings_hint": "You can disable the top menu and invoke all commands with ‘/’ or the «+» button.",
+  "settings_split-mode": "Split mode",
+  "split-mode-text": "Preview",
+  "settings_split-mode-hint": "Splitting the editor into two windows: preview and editing",
+  "markup_placeholder": "Add your markup here",
+  "preview_hint": "Preview"
+}