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

package/confirmation/modern/component.desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3348e907.js';
+import './countdown-section-9d58dbd0.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/component.mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3348e907.js';
+import './countdown-section-9d58dbd0.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/component.responsive.js

@@ -12,7 +12,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3348e907.js';
+import './countdown-section-9d58dbd0.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-3348e907.js';
+import '../../countdown-section-9d58dbd0.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/base-confirmation/index.js

@@ -9,7 +9,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-3348e907.js';
+import '../../countdown-section-9d58dbd0.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../screens/hint/component.js';

package/confirmation/modern/components/index.js

@@ -13,7 +13,7 @@ import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-3348e907.js';
+import '../countdown-section-9d58dbd0.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../utils.js';

package/confirmation/modern/components/screens/index.js

@@ -12,7 +12,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-3348e907.js';
+import '../../countdown-section-9d58dbd0.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-3348e907.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-9d58dbd0.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-3348e907.js';
+export { C as CountdownSection } from '../../../countdown-section-9d58dbd0.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -9,7 +9,7 @@ import '../../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-3348e907.js';
+import '../../../countdown-section-9d58dbd0.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../utils.js';

package/confirmation/modern/desktop.js

@@ -11,7 +11,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3348e907.js';
+import './countdown-section-9d58dbd0.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/index.js

@@ -12,7 +12,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3348e907.js';
+import './countdown-section-9d58dbd0.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/mobile.js

@@ -11,7 +11,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3348e907.js';
+import './countdown-section-9d58dbd0.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/shared.js

@@ -15,6 +15,6 @@ import '../../link/modern';
 import '../../typography/modern';
 import '@alfalab/hooks';
 import './components/header/component.js';
-import './countdown-section-3348e907.js';
+import './countdown-section-9d58dbd0.js';
 import '../../button/modern';
 import '../../spinner/modern';

package/confirmation/shared.js

@@ -17,7 +17,7 @@ require('../link');
 require('../typography');
 require('@alfalab/hooks');
 require('./components/header/component.js');
-require('./countdown-section-6c6108cc.js');
+require('./countdown-section-8723262f.js');
 require('../button');
 require('../spinner');
 

package/custom-picker-button/cssm/Component-0f4b9bed.d.ts

@@ -1,22 +1,5 @@
 /// <reference types="react" />
-import React from "react";
-import { OptionShape, OptionsListProps } from "./typings-0f4b9bed";
-import { HeaderProps } from "./Component-ebda875c";
-type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-    selectedDraft?: OptionShape[];
-};
-declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
-declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
-    showClear?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    selectedDraft?: OptionShape[] | undefined;
-    OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
-    Footer?: React.FC<FooterProps> | undefined;
-    Header?: React.FC<HeaderProps> | undefined;
-    headerProps?: HeaderProps | undefined;
-    showHeaderWithSelectAll?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FooterProps, Footer, OptionsListWithApply };
+import React from 'react';
+import { CheckmarkProps } from "./typings-0f4b9bed";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
+export { BaseCheckmark };

package/custom-picker-button/cssm/Component-10db897e.d.ts

@@ -1,72 +1,296 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
-import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-0f4b9bed";
-type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
+import { FormControlProps } from "./index-c44170fe";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Атрибут type
+     */
+    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | null;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
+     * Обработчик клика по полю
      */
-    footer?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
+     * Обработчик MouseDown по полю
      */
-    swipeable?: boolean;
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
     /**
-     * Отображать в BottomSheet
+     * Обработчик MouseUp по полю
      */
-    isBottomSheet?: boolean;
+    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
     /**
-     * Дополнительные пропсы шторки
+     * Компонент FormControl
      */
-    bottomSheetProps?: Partial<BottomSheetProps>;
+    FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
     /**
-     *  Дополнительные пропсы модалки
+     * Идентификатор для систем автоматизированного тестирования
      */
-    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    dataTestId?: string;
     /**
-     *  Дополнительные пропсы шапки модалки
+     * Стили компонента для default и inverted режима.
      */
-    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    colorStyles?: StyleColors;
     /**
-     *  Дополнительные пропсы футера модалки
+     * Запрещает ввод с клавиатуры
      */
-    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    disableUserInput?: boolean;
 };
-declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string | undefined;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean | undefined;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Атрибут type
+     */
+    type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
     /**
-     * Футер
-     * @deprecated Используйте bottomSheetProps.actionButton
+     * Обработчик клика по полю
      */
-    footer?: ReactNode;
+    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
     /**
-     * Будет ли свайпаться шторка
-     * @deprecated Используйте bottomSheetProps.swipeable
+     * Обработчик MouseDown по полю
      */
-    swipeable?: boolean | undefined;
+    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
     /**
-     * Отображать в BottomSheet
+     * Обработчик MouseUp по полю
      */
-    isBottomSheet?: boolean | undefined;
+    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
     /**
-     * Дополнительные пропсы шторки
+     * Компонент FormControl
      */
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    } & React.RefAttributes<HTMLDivElement>> | undefined;
     /**
-     *  Дополнительные пропсы модалки
+     * Идентификатор для систем автоматизированного тестирования
      */
-    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    dataTestId?: string | undefined;
     /**
-     *  Дополнительные пропсы шапки модалки
+     * Стили компонента для default и inverted режима.
      */
-    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
+    colorStyles?: StyleColors | undefined;
     /**
-     *  Дополнительные пропсы футера модалки
+     * Запрещает ввод с клавиатуры
      */
-    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
-} & React.RefAttributes<unknown>>;
-export * from "./Component.mobile-f1f15074";
-export { ModalMobileProps } from "./typings-bdb4c6b9";
-export { SelectMobileProps, BaseSelectMobile };
+    disableUserInput?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { StyleColors, BaseInputProps, BaseInput };

package/custom-picker-button/cssm/Component-aed0af6e.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import React from 'react';
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
+};
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/custom-picker-button/cssm/Component-ebda875c.d.ts

@@ -1,12 +1,101 @@
-/// <reference types="react" />
 /// <reference types="react-transition-group" />
+/// <reference types="react" />
 import React from 'react';
-import { CheckboxProps } from "./index-ebda875c";
-type HeaderProps = {
-    checked?: boolean;
-    indeterminate?: boolean;
-    onChange?: CheckboxProps['onChange'];
-    mobile?: boolean;
+import { CSSProperties, MutableRefObject, ReactNode } from "react";
+import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { BasePlacement, VariationPlacement } from '@popperjs/core';
+type RefElement = HTMLElement | null;
+type Position = BasePlacement | VariationPlacement;
+type PopoverProps = {
+    /**
+     * Управление состоянием поповера (открыт/закрыт)
+     */
+    open: boolean;
+    /**
+     * Элемент, относительного которого появляется поповер
+     */
+    anchorElement: RefElement;
+    /**
+     * Использовать ширину родительского элемента
+     */
+    useAnchorWidth?: boolean;
+    /**
+     * Позиционирование поповера
+     */
+    position?: Position;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     */
+    preventFlip?: boolean;
+    /**
+     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
+     */
+    preventOverflow?: boolean;
+    /**
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
+     */
+    availableHeight?: boolean;
+    /**
+     * Если `true`, будет отрисована стрелочка
+     */
+    withArrow?: boolean;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     */
+    offset?: [number, number];
+    /**
+     * Дополнительный класс для поповера
+     */
+    popperClassName?: string;
+    /**
+     * Дополнительный класс для стрелочки
+     */
+    arrowClassName?: string;
+    /**
+     * Функция, возвращающая контейнер, в который будет рендериться поповер
+     */
+    getPortalContainer?: () => HTMLElement;
+    /**
+     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
+     */
+    transition?: CSSTransitionProps;
+    /**
+     * Выставляет кастомное свойство transition-duration
+     */
+    transitionDuration?: CSSProperties['transitionDuration'];
+    /**
+     * Рендерит компонент, обернутый в Transition
+     */
+    withTransition?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение компонента
+     */
+    update?: MutableRefObject<() => void>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
+     * по очереди для каждой позиции из этого списка.
+     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
+     */
+    fallbackPlacements?: Position[];
+    /**
+     * Контент
+     */
+    children?: ReactNode;
 };
-declare const Header: React.FC<HeaderProps>;
-export { HeaderProps, Header };
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+export { Position, PopoverProps, Popover };