@alfalab/core-components 47.26.0-beta.0 → 47.26.0-beta.1

package/attach/cssm/Component.d.ts

@@ -0,0 +1,138 @@
+import React, { ButtonHTMLAttributes, ChangeEvent, InputHTMLAttributes, MouseEvent } from 'react';
+import { ButtonProps } from '../../button';
+export declare type AttachProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'multiple' | 'enterKeyHint'> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 32 | 40 | 48 | 56 | 64;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const Attach: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "multiple" | "enterKeyHint"> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string | undefined;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string | undefined;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number | undefined;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string | undefined;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number | undefined;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | 32 | 40 | 48 | 56 | 64 | undefined;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null | undefined;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/attach/esm/Component.d.ts

@@ -0,0 +1,138 @@
+import React, { ButtonHTMLAttributes, ChangeEvent, InputHTMLAttributes, MouseEvent } from 'react';
+import { ButtonProps } from '../../button';
+export declare type AttachProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'multiple' | 'enterKeyHint'> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 32 | 40 | 48 | 56 | 64;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const Attach: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "multiple" | "enterKeyHint"> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string | undefined;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string | undefined;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number | undefined;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string | undefined;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number | undefined;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | 32 | 40 | 48 | 56 | 64 | undefined;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null | undefined;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/attach/modern/Component.d.ts

@@ -0,0 +1,138 @@
+import React, { ButtonHTMLAttributes, ChangeEvent, InputHTMLAttributes, MouseEvent } from 'react';
+import { ButtonProps } from '../../button';
+export declare type AttachProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'multiple' | 'enterKeyHint'> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 32 | 40 | 48 | 56 | 64;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const Attach: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "multiple" | "enterKeyHint"> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string | undefined;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string | undefined;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number | undefined;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string | undefined;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number | undefined;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | 32 | 40 | 48 | 56 | 64 | undefined;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null | undefined;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/attach/moderncssm/Component.d.ts

@@ -0,0 +1,138 @@
+import React, { ButtonHTMLAttributes, ChangeEvent, InputHTMLAttributes, MouseEvent } from 'react';
+import { ButtonProps } from '../../button';
+export declare type AttachProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'multiple' | 'enterKeyHint'> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 32 | 40 | 48 | 56 | 64;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const Attach: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "multiple" | "enterKeyHint"> & {
+    /**
+     * Содержимое кнопки для выбора файла
+     * @default 'Выберите файл'
+     */
+    buttonContent?: React.ReactNode;
+    /**
+     * Свойства для кнопки
+     */
+    buttonProps?: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для блока с файлами
+     */
+    fileClassName?: string | undefined;
+    /**
+     * Дополнительный класс для блока с подсказкой, когда файл не загружен
+     */
+    noFileClassName?: string | undefined;
+    /**
+     * Число символов, после которого имя файла будет обрезаться
+     */
+    maxFilenameLength?: number | undefined;
+    /**
+     * Текст для случая, когда файл не загружен
+     * @default 'Нет файла'
+     */
+    noFileText?: string | undefined;
+    /**
+     * Процент выполнения загрузки файла
+     */
+    progressBarPercent?: number | undefined;
+    /**
+     * Размер компонента
+     * @default 48
+     * @description xxs, xs, s, m, l deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | 32 | 40 | 48 | 56 | 64 | undefined;
+    /**
+     * Возможность прикрепления нескольких файлов
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Содержимое поля ввода. Принимает массив объектов типа File или null.
+     */
+    value?: File[] | null | undefined;
+    /**
+     * Содержимое поля ввода, указанное по умолчанию. Принимает массив объектов типа File или null.
+     */
+    defaultValue?: File[] | null | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        files: File[];
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/badge/Component.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { BackgroundColorType, GraphicColorType } from '../types';
+export declare type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
+export declare type BadgeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     *  Вид компонента
+     */
+    view: 'icon' | 'count';
+    /**
+     * Размер компонента (только для view=icon)
+     * //deprecated(используйте height для view=count )
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     *  Видимость белой обводки вокруг иконки
+     */
+    visibleIconOutline?: boolean;
+    /**
+     *  Видимость цветной обводки вокруг иконки (только для view=icon)
+     */
+    visibleColorOutline?: boolean;
+    /**
+     * Контент компонента
+     */
+    content?: React.ReactElement | number;
+    /**
+     * Высота компонента, min = 16; max = 48 (только для view=count)
+     */
+    height?: number;
+    /**
+     * Цветовое оформление бейджа при view='count'
+     */
+    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
+    /**
+     * Цветовое оформление бейджа при view='icon'
+     */
+    iconColor?: IconColorType;
+    /**
+     * Цвет подложки под иконкой
+     */
+    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+/**
+ * @deprecated Используйте StatusBadge или Indicator
+ */
+export declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;