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

package/notification/moderncssm/Component.d.ts

@@ -0,0 +1,45 @@
+import React, { MouseEvent } from 'react';
+import { ToastPlateDesktopProps } from '../../toast-plate/desktop';
+export declare type NotificationProps = ToastPlateDesktopProps & {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number;
+    /**
+     * Время до закрытия компонента
+     */
+    autoCloseDelay?: number | null;
+    /**
+     * Использовать портал
+     */
+    usePortal?: boolean;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Позиционирование компонента от верхнего или нижнего края экрана
+     */
+    position?: 'top' | 'bottom';
+    /**
+     * Обработчик события истечения времени до закрытия компонента
+     */
+    onCloseTimeout?: () => void;
+    /**
+     * Обработчик события наведения курсора на компонент
+     */
+    onMouseEnter?: (event?: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик события снятия курсора с компонента
+     */
+    onMouseLeave?: (event?: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик клика вне компонента
+     */
+    onClickOutside?: (event?: MouseEvent<any>) => void;
+};
+export declare const Notification: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/notification/moderncssm/utils/getNotificationTestIds.d.ts

@@ -0,0 +1,4 @@
+export declare function getNotificationTestIds(dataTestId: string): {
+    badge: any;
+    component: any;
+};

package/notification/utils/getNotificationTestIds.d.ts

@@ -0,0 +1,4 @@
+export declare function getNotificationTestIds(dataTestId: string): {
+    badge: any;
+    component: any;
+};

package/notification-manager/component.d.ts

@@ -0,0 +1,69 @@
+import React, { HTMLAttributes } from 'react';
+import { PortalProps } from '../portal';
+import { NotificationElement } from './components';
+export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps['getPortalContainer'];
+};
+export declare const NotificationManager: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number | undefined;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number | undefined;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: any;
+} & React.RefAttributes<HTMLDivElement>>;

package/notification-manager/components/notification/component.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactElement } from 'react';
+import { NotificationProps as CoreNotificationProps } from '../../../notification';
+export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+    id: string;
+}>;
+declare type NotificationProps = {
+    element: NotificationElement;
+    className: string;
+    onRemoveNotification: (id: string) => void;
+};
+export declare const Notification: FC<NotificationProps>;
+export {};

package/notification-manager/cssm/component.d.ts

@@ -0,0 +1,69 @@
+import React, { HTMLAttributes } from 'react';
+import { PortalProps } from '../../portal';
+import { NotificationElement } from './components';
+export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps['getPortalContainer'];
+};
+export declare const NotificationManager: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number | undefined;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number | undefined;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: any;
+} & React.RefAttributes<HTMLDivElement>>;

package/notification-manager/cssm/components/notification/component.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactElement } from 'react';
+import { NotificationProps as CoreNotificationProps } from '../../../../notification';
+export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+    id: string;
+}>;
+declare type NotificationProps = {
+    element: NotificationElement;
+    className: string;
+    onRemoveNotification: (id: string) => void;
+};
+export declare const Notification: FC<NotificationProps>;
+export {};

package/notification-manager/esm/component.d.ts

@@ -0,0 +1,69 @@
+import React, { HTMLAttributes } from 'react';
+import { PortalProps } from '../../portal';
+import { NotificationElement } from './components';
+export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps['getPortalContainer'];
+};
+export declare const NotificationManager: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number | undefined;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number | undefined;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: any;
+} & React.RefAttributes<HTMLDivElement>>;

package/notification-manager/esm/components/notification/component.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactElement } from 'react';
+import { NotificationProps as CoreNotificationProps } from '../../../../notification';
+export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+    id: string;
+}>;
+declare type NotificationProps = {
+    element: NotificationElement;
+    className: string;
+    onRemoveNotification: (id: string) => void;
+};
+export declare const Notification: FC<NotificationProps>;
+export {};

package/notification-manager/modern/component.d.ts

@@ -0,0 +1,69 @@
+import React, { HTMLAttributes } from 'react';
+import { PortalProps } from '../../portal';
+import { NotificationElement } from './components';
+export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps['getPortalContainer'];
+};
+export declare const NotificationManager: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number | undefined;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number | undefined;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: any;
+} & React.RefAttributes<HTMLDivElement>>;

package/notification-manager/modern/components/notification/component.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactElement } from 'react';
+import { NotificationProps as CoreNotificationProps } from '../../../../notification';
+export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+    id: string;
+}>;
+declare type NotificationProps = {
+    element: NotificationElement;
+    className: string;
+    onRemoveNotification: (id: string) => void;
+};
+export declare const Notification: FC<NotificationProps>;
+export {};

package/notification-manager/moderncssm/component.d.ts

@@ -0,0 +1,69 @@
+import React, { HTMLAttributes } from 'react';
+import { PortalProps } from '../../portal';
+import { NotificationElement } from './components';
+export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps['getPortalContainer'];
+};
+export declare const NotificationManager: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Массив нотификаций.
+     * В нотификации обязательно передавайте id.
+     */
+    notifications: NotificationElement[];
+    /**
+     * Дополнительный класс (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number | undefined;
+    /**
+     * Отступ от верхнего края
+     */
+    offset?: number | undefined;
+    /**
+     * Удаление нотификации
+     */
+    onRemoveNotification: (id: string) => void;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: any;
+} & React.RefAttributes<HTMLDivElement>>;

package/notification-manager/moderncssm/components/notification/component.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactElement } from 'react';
+import { NotificationProps as CoreNotificationProps } from '../../../../notification';
+export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+    id: string;
+}>;
+declare type NotificationProps = {
+    element: NotificationElement;
+    className: string;
+    onRemoveNotification: (id: string) => void;
+};
+export declare const Notification: FC<NotificationProps>;
+export {};

package/number-input/Component.responsive.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberInputProps } from './components/number-input';
+export declare type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;
+export declare const NumberInputResponsive: React.ForwardRefExoticComponent<Omit<NumberInputResponsiveProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/number-input/components/number-input/Component.d.ts

@@ -0,0 +1,57 @@
+import React, { ChangeEvent, FC, Ref } from 'react';
+import type { InputProps } from '../../../input';
+export interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
+    /**
+     * Значение поля ввода
+     */
+    value?: string | number | null;
+    /**
+     *  Значение по-умолчанию
+     */
+    defaultValue?: string | number | null;
+    /**
+     * Разделитель ',' или '.'
+     */
+    separator?: '.' | ',';
+    /**
+     * Количество символов после разделителя
+     * Если указан проп step, то всегда 0
+     */
+    fractionLength?: number;
+    /**
+     *  Шаг инкремента/декремента. Используйте только целочисленные значения
+     */
+    step?: number;
+    /**
+     * Минимальное значение
+     * @default Number.MIN_SAFE_INTEGER
+     */
+    min?: number;
+    /**
+     * Максимальное значение
+     * @default Number.MAX_SAFE_INTEGER
+     */
+    max?: number;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: 'desktop' | 'mobile';
+    /**
+     *  Компонент инпута
+     */
+    Input: FC<InputProps & {
+        ref?: Ref<HTMLInputElement>;
+    }>;
+    /**
+     * Обработчик события изменения значения
+     */
+    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: number | null;
+    }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button
+     */
+    dataTestId?: string;
+}
+export declare const NumberInput: React.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/number-input/cssm/Component.responsive.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberInputProps } from './components/number-input';
+export declare type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;
+export declare const NumberInputResponsive: React.ForwardRefExoticComponent<Omit<NumberInputResponsiveProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/number-input/cssm/components/number-input/Component.d.ts

@@ -0,0 +1,57 @@
+import React, { ChangeEvent, FC, Ref } from 'react';
+import type { InputProps } from '../../../../input';
+export interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
+    /**
+     * Значение поля ввода
+     */
+    value?: string | number | null;
+    /**
+     *  Значение по-умолчанию
+     */
+    defaultValue?: string | number | null;
+    /**
+     * Разделитель ',' или '.'
+     */
+    separator?: '.' | ',';
+    /**
+     * Количество символов после разделителя
+     * Если указан проп step, то всегда 0
+     */
+    fractionLength?: number;
+    /**
+     *  Шаг инкремента/декремента. Используйте только целочисленные значения
+     */
+    step?: number;
+    /**
+     * Минимальное значение
+     * @default Number.MIN_SAFE_INTEGER
+     */
+    min?: number;
+    /**
+     * Максимальное значение
+     * @default Number.MAX_SAFE_INTEGER
+     */
+    max?: number;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: 'desktop' | 'mobile';
+    /**
+     *  Компонент инпута
+     */
+    Input: FC<InputProps & {
+        ref?: Ref<HTMLInputElement>;
+    }>;
+    /**
+     * Обработчик события изменения значения
+     */
+    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: number | null;
+    }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button
+     */
+    dataTestId?: string;
+}
+export declare const NumberInput: React.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/number-input/cssm/desktop/Component.desktop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberInputProps } from '../components/number-input';
+export declare type NumberInputDesktopProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;
+export declare const NumberInputDesktop: React.ForwardRefExoticComponent<Omit<NumberInputDesktopProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/number-input/cssm/mobile/Component.mobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberInputProps } from '../components/number-input';
+export declare type NumberInputMobileProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;
+export declare const NumberInputMobile: React.ForwardRefExoticComponent<Omit<NumberInputMobileProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/number-input/cssm/utils.d.ts

@@ -0,0 +1,33 @@
+import { MaskitoOptions, MaskitoPlugin } from '@maskito/core';
+export declare const MINUS_SIGN = "-";
+export declare const SEPARATORS: string[];
+export declare const MAX_SAFE_INTEGER: number;
+export declare const MIN_SAFE_INTEGER: number;
+export declare const MAX_DIGITS = 15;
+export declare function parseNumber(value?: string | number | null): number;
+/**
+ * Преобразовать число в строку с заменой экспоненты на десятичную дробь
+ */
+export declare function stringifyNumberWithoutExp(value: number): string;
+export declare function createMaskOptions({ separator, fractionLength, min, max, }: {
+    separator: string;
+    fractionLength: number;
+    min: number;
+    max: number;
+}): MaskitoOptions;
+export declare function createMinMaxPlugin({ min, max }: {
+    min: number;
+    max: number;
+}): MaskitoPlugin;
+export declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
+export declare function getNumberInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: any;
+    inputWrapperInner: any;
+    leftAddons: any;
+    rightAddons: any;
+    error: any;
+    hint: any;
+    decrementButton: any;
+    incrementButton: any;
+};

package/number-input/desktop/Component.desktop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberInputProps } from '../components/number-input';
+export declare type NumberInputDesktopProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;
+export declare const NumberInputDesktop: React.ForwardRefExoticComponent<Omit<NumberInputDesktopProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/number-input/esm/Component.responsive.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberInputProps } from './components/number-input';
+export declare type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;
+export declare const NumberInputResponsive: React.ForwardRefExoticComponent<Omit<NumberInputResponsiveProps, "ref"> & React.RefAttributes<HTMLInputElement>>;