@gravity-ui/markdown-editor 13.0.0

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

@@ -0,0 +1,18 @@
+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 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/esm/forms/ImageForm.js

@@ -0,0 +1,57 @@
+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 { TextInputFixed } from './TextInput';
+import Form from './base';
+import { ButtonAttach, NumberInput } from './components';
+import { enterKeyHandler } from './utils';
+import './ImageForm.css';
+const b = cn('image-form');
+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 shouldRenderTabs = isFunction(onAttach);
+    React.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 = 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 })))));
+};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TextInput } from '@gravity-ui/uikit';
+import { i18n } from '../i18n/forms';
+import { TextInputFixed } from './TextInput';
+import { UrlInputRow } from './UrlInputRow';
+import Form from './base';
+import { enterKeyHandler } from './utils';
+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 (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 })));
+});

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

@@ -0,0 +1,36 @@
+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 = 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(() => {
+                var _a;
+                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 30);
+        }
+    });
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    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 = 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(() => {
+                var _a;
+                (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 30);
+        }
+    });
+    return React.createElement(TextAreaUIKit, Object.assign({ ref: ref }, props, { controlRef: controlRef, autoFocus: false }));
+});
+TextAreaFixed.displayName = 'TextInputFixed';

package/build/esm/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/esm/forms/UrlInputRow.d.ts

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

package/build/esm/forms/UrlInputRow.js

@@ -0,0 +1,14 @@
+import React 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';
+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 })))));
+});

package/build/esm/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/esm/forms/base/Form.d.ts

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { cn } from '../../classname';
+import './Form.css';
+const b = cn('form');
+export const Form = ({ className, children }) => {
+    return React.createElement("div", { className: b(null, [className]) }, children);
+};

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Button } from '@gravity-ui/uikit';
+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 (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));
+};

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

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

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

@@ -0,0 +1,7 @@
+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>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { cn } from '../../classname';
+import './FormLayout.css';
+const b = cn('form-layout');
+export const FormLayout = ({ className, children }) => {
+    return React.createElement("div", { className: b({}, [className]) }, children);
+};

package/build/esm/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/esm/forms/base/FormRow.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ClassNameProps } from '../../classname';
+import './FormRow.css';
+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/esm/forms/base/FormRow.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { HelpPopover } from '@gravity-ui/components';
+import { cn } from '../../classname';
+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)));
+};

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

@@ -0,0 +1,9 @@
+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 default { Form, Layout, Row, Footer };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Button, useFileInput } from '@gravity-ui/uikit';
+export const ButtonAttach = ({ onUpdate, onChange, multiple, buttonProps, accept, children, }) => {
+    const { controlProps, triggerProps } = useFileInput({ onUpdate, onChange });
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", Object.assign({ type: "file", multiple: multiple, accept: accept }, controlProps)),
+        React.createElement(Button, Object.assign({}, buttonProps, triggerProps), children)));
+};

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

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { TextInput } from '@gravity-ui/uikit';
+import isNumber from 'is-number';
+export const NumberInput = (props) => {
+    const { value, onUpdate, min, max } = props, textInputProps = __rest(props, ["value", "onUpdate", "min", "max"]);
+    return (React.createElement(TextInput, Object.assign({ value: isNumber(value) ? String(value) : '', onUpdate: (v) => {
+            if (isNumber(v)) {
+                onUpdate(parseInt(v, 10));
+            }
+            else {
+                onUpdate();
+            }
+        }, controlProps: { min, max }, type: "number" }, textInputProps)));
+};

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

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

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

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

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

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

package/build/esm/forms/index.js

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

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

@@ -0,0 +1,7 @@
+export function enterKeyHandler(handler) {
+    return (event) => {
+        if (event.key === 'Enter') {
+            handler(event);
+        }
+    };
+}

package/build/esm/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"
+}

package/build/esm/i18n/bundle/index.d.ts

@@ -0,0 +1,14 @@
+export declare const i18n: <G extends "error-title" | "settings_wysiwyg" | "settings_markup" | "settings_menubar" | "settings_hint" | "settings_split-mode" | "split-mode-text" | "settings_split-mode-hint" | "markup_placeholder" | "preview_hint", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "error-title": string;
+    settings_wysiwyg: string;
+    settings_markup: string;
+    settings_menubar: string;
+    settings_hint: string;
+    "settings_split-mode": string;
+    "split-mode-text": string;
+    "settings_split-mode-hint": string;
+    markup_placeholder: string;
+    preview_hint: string;
+}[G] : string;

package/build/esm/i18n/bundle/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../i18n';
+import en from './en.json';
+import ru from './ru.json';
+const KEYSET = 'bundle';
+export const i18n = registerKeyset(KEYSET, { en, ru });

package/build/esm/i18n/bundle/ru.json

@@ -0,0 +1,12 @@
+{
+  "error-title": "Ошибка в редакторе YFM",
+  "settings_wysiwyg": "Визуальный редактор (wysiwyg)",
+  "settings_markup": "Разметка Markdown",
+  "settings_menubar": "Панель инструментов",
+  "settings_hint": "Можно отключить верхнее меню и вызывать все команды ‘/’ или кнопкой «+»",
+  "settings_split-mode": "Сплит-режим",
+  "settings_split-mode-hint": "Разделение редактора на два окна: предпросмотр и редактирование",
+  "split-mode-text": "Предпросмотр",
+  "markup_placeholder": "Добавьте вашу разметку",
+  "preview_hint": "Предпросмотр"
+}

package/build/esm/i18n/codeblock/en.json

@@ -0,0 +1,4 @@
+{
+  "remove": "Remove",
+  "empty_option": "No matches found"
+}

package/build/esm/i18n/codeblock/index.d.ts

@@ -0,0 +1,6 @@
+export declare const i18n: <G extends "remove" | "empty_option", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    remove: string;
+    empty_option: string;
+}[G] : string;

package/build/esm/i18n/codeblock/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../i18n';
+import en from './en.json';
+import ru from './ru.json';
+const KEYSET = 'codeblock';
+export const i18n = registerKeyset(KEYSET, { en, ru });

package/build/esm/i18n/codeblock/ru.json

@@ -0,0 +1,4 @@
+{
+  "remove": "Удалить",
+  "empty_option": "Ничего не найдено"
+}

package/build/esm/i18n/common/en.json

@@ -0,0 +1,5 @@
+{
+  "toolbar_action_disabled": "Incompatible markup element",
+  "edit": "Edit",
+  "delete": "Delete"
+}

package/build/esm/i18n/common/index.d.ts

@@ -0,0 +1,7 @@
+export declare const i18n: <G extends "toolbar_action_disabled" | "edit" | "delete", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    toolbar_action_disabled: string;
+    edit: string;
+    delete: string;
+}[G] : string;

package/build/esm/i18n/common/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../i18n';
+import en from './en.json';
+import ru from './ru.json';
+const KEYSET = 'common';
+export const i18n = registerKeyset(KEYSET, { en, ru });

package/build/esm/i18n/common/ru.json

@@ -0,0 +1,5 @@
+{
+  "toolbar_action_disabled": "Несовместимый элемент разметки",
+  "edit": "Редактировать",
+  "delete": "Удалить"
+}

package/build/esm/i18n/forms/en.json

@@ -0,0 +1,31 @@
+{
+  "common_action_cancel": "Cancel",
+  "common_action_submit": "Submit",
+  "common_action_upload": "Upload",
+  "common_tab_attach": "Upload from device",
+  "common_tab_link": "Add by link",
+  "common_link": "Link",
+  "common_sizes": "Size, px",
+  "image_name": "Title",
+  "image_link_href": "Image link",
+  "image_link_href_help": "Adress the image link leads to.",
+  "image_alt": "Alt text",
+  "image_alt_help": "Alt text is displayed if the image cannot be loaded.",
+  "image_upload_help": "JPEG, GIF or PNG image no larger than 1 MB.",
+  "image_upload_failed": "Image failed to upload",
+  "image_size_width": "Width",
+  "image_size_height": "Height",
+  "link_url_help": "Address the link leads to.",
+  "link_text": "Link text",
+  "link_text_help": "Text displayed as a link.",
+  "link_open_help": "Open the link in a new tab",
+  "file_link_help": "Link to download the file",
+  "file_name": "File name",
+  "file_upload_help": "Upload multiple files at once from your device.",
+  "file_upload_failed": "Failed to upload files",
+  "anchor_href": "Anchor identifier",
+  "anchor_href_help": "Consists of numbers, symbols and Latin letters. Anchors are used for page navigation.",
+  "anchor_title": "Hint",
+  "anchor_title_help": "The text of the popup hint when hovering over the anchor node",
+  "form_id": "Link or Form ID"
+}