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

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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-f642a386.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-3dcecb18.js');
 require('../button');
 require('../spinner');
 

package/date-range-input/esm/Component-10db897e.d.ts

@@ -1,6 +1,297 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-1c79e231";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-69921c40";
-export { NavigationBar };
+import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
+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;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
+};
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "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" | "card" | "money" | "password" | 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;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    } & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors | undefined;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component-72dda473";
+export * from "./Component.responsive-785df74d";
+export { StyleColors, BaseInputProps, BaseInput };

package/date-range-input/esm/Component-b5b4c59f.d.ts

@@ -383,7 +383,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
      */
     allowSelectionFromEmptyRange?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { ButtonMobile } from "./Component.mobile-16b1285a";
+export { ButtonMobile } from "./Component.mobile-89f0cb07";
 export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
 export { ModalMobile, ModalMobileProps, Content, ResponsiveContext, Modal, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, CalendarMobileProps, CalendarMobile };
 export type { SavedStyle };

package/date-range-input/esm/Component.desktop-b5b4c59f.d.ts

@@ -2,7 +2,6 @@
 import React from "react";
 import { FC, ReactNode, MouseEvent } from "react";
 import { SelectorView, Month, DayAddons, View } from "./typings-5684a67d";
-import { PeriodType } from "./index-f034f741";
 type HeaderProps = {
     /**
      * Вид шапки — месяц и год или только месяц
@@ -64,12 +63,6 @@ type MonthsTableProps = {
     responsive?: boolean;
 };
 declare const MonthsTable: FC<MonthsTableProps>;
-declare const formatPeriod: (valueFrom: Date, valueTo: Date, periodType: PeriodType, showCurrentYear?: boolean) => string;
-declare const getYearSelectorValue: (valueFrom: Date | undefined, showCurrentYear: boolean) => number | "";
-declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: "prev" | "next") => {
-    valueFrom: Date;
-    valueTo: Date;
-};
 type YearsTableProps = {
     /**
      * Массив лет
@@ -201,5 +194,5 @@ type CalendarDesktopProps = {
     showCurrentYearSelector?: boolean;
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
+export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
 export * from "./Component-69921c40";

package/date-range-input/esm/index-ebda875c.d.ts

@@ -1,35 +1,2 @@
 /// <reference types="react" />
-import React from "react";
-import { ButtonHTMLAttributes, ElementType, FC } from "react";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-declare const Closer: FC<CloserProps>;
-export { CloserProps, Closer };
+export * from "./Component-10db897e";

package/date-range-input/esm/index-f034f741.d.ts

@@ -76,5 +76,8 @@ type PeriodSliderProps = {
     dataTestId?: string;
 };
 declare const PeriodSlider: FC<PeriodSliderProps>;
-export { PeriodType, PeriodSliderProps, PeriodSlider };
-export { shiftValues } from "./Component.desktop-b5b4c59f";
+declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: "prev" | "next") => {
+    valueFrom: Date;
+    valueTo: Date;
+};
+export { PeriodType, PeriodSliderProps, PeriodSlider, shiftValues };