@sberbusiness/triplex-next 0.11.0 → 0.13.0

package/consts/DateConst.js

@@ -1,4 +1,4 @@
-import { j as t } from "../chunks/vendor-BlJo2ILB.js";
+import { j as t } from "../chunks/vendor-BARd5eYq.js";
 const Y = [0, 1, 2, 3, 4, 5, 6], a = [0, 1, 2, 3, 4, 5], e = [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6], n = "MMMM YYYY", M = "YYYYMMDD", s = {
   dateFrom: t(/* @__PURE__ */ new Date("1900-01-01")),
   dateTo: t(/* @__PURE__ */ new Date("2199-12-31"))

package/index.d.ts

@@ -65,6 +65,9 @@ export declare const AmountConst: IAmountConst;
 
 export declare const AmountField: default_2.ForwardRefExoticComponent<IAmountFieldProps & default_2.RefAttributes<HTMLInputElement>>;
 
+/** Аватар, предназначен для отображения изображений профиля пользователя, инициалов или иконок. */
+export declare const Avatar: default_2.ForwardRefExoticComponent<IAvatarProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /**
  * Компонент Body, используется как один из детей(Header, Body и Footer) компонента Page.
  * Используется как контейнер для контента страницы. Имеет дефолтные отступы со всех сторон.
@@ -182,25 +185,14 @@ export declare const CheckboxTreeExtended: ICheckboxTreeExtendedSFC;
  * Обертка над базовым компонентом чекбокс.
  * Используется для фокуса чекбокса при перемещении с клавиатуры.
  */
-declare class CheckboxTreeExtendedCheckbox extends default_2.Component<ICheckboxTreeExtendedCheckboxProps> {
-    private checkboxNode?;
-    componentDidUpdate(prevProps: ICheckboxTreeExtendedCheckboxProps): void;
-    render(): JSX.Element;
-    private handleFocus;
-    private setCheckboxNode;
-}
+declare const CheckboxTreeExtendedCheckbox: default_2.FC<ICheckboxTreeExtendedCheckboxProps>;
 
 /**
  * Нода CheckboxTreeExtendedNode.
  * Является оберткой CollapsableTree.Node.
  * Добавляет стили дерева чекбоксов.
  */
-declare class CheckboxTreeExtendedNode extends default_2.Component<ICheckboxTreeExtendedNodeProps> {
-    render(): JSX.Element;
-    private handleHeaderMouseDown;
-    private renderHeader;
-    private renderBody;
-}
+declare const CheckboxTreeExtendedNode: default_2.FC<ICheckboxTreeExtendedNodeProps>;
 
 /** Группа чекбоксов с направлением по оси X. */
 export declare const CheckboxXGroup: default_2.FC<ICheckboxXGroupProps>;
@@ -326,6 +318,9 @@ export declare const DateField: default_2.ForwardRefExoticComponent<IDateFieldPr
 /** Транспортный (backend) формат даты. */
 export declare const dateFormatYYYYMMDD = "YYYYMMDD";
 
+/** Выбор диапазона дат. */
+export declare const DateRange: default_2.FC<IDateRangeProps>;
+
 /** Утилита типов, которая делает все свойства объекта (и его вложенные свойства) необязательными. */
 declare type DeepPartial<T> = T extends BuiltIn ? T : T extends object ? {
     [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends object ? DeepPartial<T[P]> : T[P];
@@ -337,7 +332,7 @@ declare const designTokensComponentsAlertContextKeys: readonly ["Error_Color", "
 
 declare const designTokensComponentsAlertProcessKeys: readonly ["Info_Background", "Warning_Background", "Error_Background", "System_Background", "Feature_Background"];
 
-declare const designTokensComponentsAmountFieldKeys: readonly ["Currency_Color_Default", "Currency_Color_Disabled"];
+declare const designTokensComponentsAvatarKeys: readonly ["Background"];
 
 declare const designTokensComponentsButtonKeys: readonly ["General_Background_Active", "General_Background_Default", "General_Background_Disabled", "General_Background_Hover", "General_Color_Active", "General_Color_Default", "General_Color_Disabled", "General_Color_Hover", "General_Shadow_Focus", "Secondary_Background_Active", "Secondary_Background_Default", "Secondary_Background_Disabled", "Secondary_Background_Hover", "Secondary_Color_Active", "Secondary_Color_Default", "Secondary_Color_Disabled", "Secondary_Color_Hover", "Secondary_Shadow_Focus", "SecondaryLight_Background_Active", "SecondaryLight_Background_Default", "SecondaryLight_Background_Disabled", "SecondaryLight_Background_Hover", "SecondaryLight_Color_Active", "SecondaryLight_Color_Default", "SecondaryLight_Color_Disabled", "SecondaryLight_Color_Hover", "SecondaryLight_Shadow_Focus", "Danger_Background_Active", "Danger_Background_Default", "Danger_Background_Disabled", "Danger_Background_Hover", "Danger_Color_Active", "Danger_Color_Default", "Danger_Color_Disabled", "Danger_Color_Hover", "Danger_Shadow_Focus", "Icon_Shadow_Focus", "Link_Color_Active", "Link_Color_Default", "Link_Color_Disabled", "Link_Color_Hover", "Link_Shadow_Focus"];
 
@@ -528,6 +523,17 @@ export declare enum EAlertType {
     FEATURE = "feature"
 }
 
+/** Размеры компонента Avatar. */
+export declare enum EAvatarSize {
+    XXS = "xxs",
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "xxl"
+}
+
 export declare enum EBodyPageType {
     FIRST = "first",
     SECOND = "second"
@@ -628,6 +634,15 @@ declare enum EConfirmParentComponent {
     SIDE_OVERLAY_LG = "sideOverlayLG"
 }
 
+/** Единица измерения сдвига диапазона дат. */
+export declare enum EDateRangeShiftUnit {
+    DAY = "day",
+    WEEK = "week",
+    MONTH = "month",
+    QUARTER = "quarter",
+    YEAR = "year"
+}
+
 /** Варианты выравнивания Dropdown. */
 export declare enum EDropdownAlignment {
     AUTO = "auto",
@@ -1286,6 +1301,12 @@ export declare interface IAmountProps extends default_2.HTMLAttributes<HTMLSpanE
     dataTestId?: string;
 }
 
+/** Свойства компонента Avatar. */
+export declare interface IAvatarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Размер. */
+    size: EAvatarSize;
+}
+
 declare interface IBodyPageTypeFirstProps extends IBodyProps {
     children: default_2.ReactNode;
     /** Тип компонента BodyPage. */
@@ -1688,20 +1709,13 @@ declare interface ICheckboxTreeExtendedCheckboxProps extends ICheckboxProps {
     opened?: boolean;
 }
 
-/**
- * Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса.
- *
- * @prop {boolean} [active] - Текущая нода является активной при перемещении с клавиатуры.
- * @prop {boolean} [opened] -  Текущая нода раскрыта.
- */
+/** Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса. */
 declare interface ICheckboxTreeExtendedCheckboxProvideProps {
     active?: boolean;
     opened?: boolean;
 }
 
-/**
- * Свойства CheckboxTreeExtendedNode.
- */
+/** Свойства CheckboxTreeExtendedNode. */
 declare interface ICheckboxTreeExtendedNodeProps extends Omit<ICollapsableTreeNodeProps, "children" | "renderBody" | "renderHeader"> {
     checkbox: (props: ICheckboxTreeExtendedCheckboxProvideProps) => JSX.Element;
     children?: default_2.ReactNode;
@@ -1710,6 +1724,8 @@ declare interface ICheckboxTreeExtendedNodeProps extends Omit<ICollapsableTreeNo
 
 /** Свойства CheckboxTreeExtended. */
 export declare interface ICheckboxTreeExtendedProps extends ICollapsableTreeProps {
+    /** Размер дерева чекбоксов. */
+    size?: EComponentSize;
 }
 
 export declare interface ICheckboxTreeExtendedSFC extends default_2.FC<ICheckboxTreeExtendedProps> {
@@ -2023,6 +2039,42 @@ declare interface IDatePickerExtendedProps extends Omit<default_2.HTMLAttributes
     focusTrapProps?: default_4.Props;
 }
 
+/** Свойства функции рендеринга кнопки сдвига диапазона дат. */
+export declare interface IDateRangeButtonProvideProps {
+    children: default_2.ReactNode;
+    className: string;
+    onClick: () => void;
+    disabled: boolean;
+}
+
+/** Свойства функции рендеринга поля выбора даты. */
+export declare interface IDateRangePickerProvideProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+
+/** Свойства компонента DateRange. */
+export declare interface IDateRangeProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+    /** Диапазон дат. */
+    value: TDateRangeValue;
+    /** Функция, вызывающаяся при изменении диапазона дат. */
+    onChange: (value: TDateRangeValue) => void;
+    /** Численная величина сдвига диапазона дат. */
+    shiftAmount?: number;
+    /** Единица измерения сдвига диапазона дат. */
+    shiftUnit?: EDateRangeShiftUnit;
+    /** Управление отображением/скрытием кнопок сдвига диапазона дат. */
+    hideNavigation?: boolean;
+    /** Функция рендеринга поля выбора даты "от". */
+    renderPickerFrom: (props: IDateRangePickerProvideProps) => default_2.ReactNode;
+    /** Функция рендеринга поля выбора даты "до". */
+    renderPickerTo: (props: IDateRangePickerProvideProps) => default_2.ReactNode;
+    /** Функция рендеринга кнопки сдвига диапазона дат "назад". */
+    renderButtonBack: (props: IDateRangeButtonProvideProps) => default_2.ReactNode;
+    /** Функция рендеринга кнопки сдвига диапазона дат "вперёд". */
+    renderButtonForward: (props: IDateRangeButtonProvideProps) => default_2.ReactNode;
+}
+
 /**
  * Интерфейс параметров, которые можно передать в функцию для получения HTML атрибутов компонента дня,
  * если они участвуют в формировании значений атрибутов.
@@ -2555,6 +2607,7 @@ declare interface ILightBoxControlsProps extends default_2.HTMLAttributes<HTMLDi
 }
 
 declare interface ILightBoxLeftSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    fixed?: boolean;
 }
 
 /** Свойства LightBoxNext. */
@@ -2597,6 +2650,7 @@ export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDiv
 }
 
 declare interface ILightBoxRightSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    fixed?: boolean;
 }
 
 declare interface ILightBoxSideOverlayCloseDesktopProps extends default_2.HTMLAttributes<HTMLButtonElement> {
@@ -2962,6 +3016,7 @@ declare interface IMonthYearFieldProps extends Omit<IDatePickerExtendedProps, "p
 
 /** Свойства компонента MultiselectFieldDropdownContent. */
 declare interface IMultiselectFieldDropdownContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    loading?: boolean;
 }
 
 /** Свойства компонента MultiselectFieldDropdownFooter. */
@@ -2979,6 +3034,7 @@ declare interface IMultiselectFieldDropdownProps extends IDropdownProps {
 }
 
 export declare interface IMultiselectFieldProps extends ISelectExtendedFieldProps {
+    /** Размер компонента. */
     size?: EComponentSize;
 }
 
@@ -3181,12 +3237,19 @@ declare interface IPaginationNavigationExtendedProps_2 extends default_2.HTMLAtt
 }
 
 export declare interface IPaginationNavigationProps extends default_2.HTMLAttributes<HTMLUListElement> {
+    /** Свойства кнопки "Следующая страница". */
     buttonNextProps?: Omit<IPaginationNavigationButtonProps, "direction" | "children">;
+    /** Свойства кнопки "Предыдущая страница". */
     buttonPrevProps?: Omit<IPaginationNavigationButtonProps, "direction" | "children">;
+    /** Номер текущей страницы. */
     currentPage: number;
+    /** Функция при смене страницы. */
     onCurrentPageChange: (currentPage: number) => void;
+    /** Общее число страниц. */
     totalPages: number;
+    /** Количество всегда видимых страниц в начале и в конце. */
     boundaryCount?: number;
+    /** Количество всегда видимых страниц по краям текущей страницы. */
     siblingCount?: number;
 }
 
@@ -3198,17 +3261,17 @@ export declare interface IPaginationPanelProps extends default_2.HTMLAttributes<
 }
 
 declare interface IPaginationProps extends IPaginationExtendedProps {
+    /** Свойства компонента PaginationSelect. */
     paginationSelectProps: IPaginationSelectProps;
+    /** Свойства компонента PaginationNavigation. */
     paginationNavigationProps: IPaginationNavigationProps;
 }
 
-export declare interface IPaginationSelectProps {
+export declare interface IPaginationSelectProps extends Omit<ISelectFieldProps, "size"> {
+    /** Текст лейбла пагинации. */
     paginationLabel: default_2.ReactNode;
-    className?: string;
+    /** Компонент скрыт. */
     hidden?: boolean;
-    options?: number[];
-    value?: number;
-    onChange?: (value: number) => void;
 }
 
 /** Свойства компонента Radio. */
@@ -3294,23 +3357,34 @@ export declare interface ISelectExtendedFieldDropdownProvideProps {
 }
 
 export declare interface ISelectExtendedFieldProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Рендер-функция поля выбора. */
     renderTarget: (props: ISelectExtendedFieldTargetProvideProps) => default_2.ReactNode;
+    /** Рендер-функция выпадающего блока. */
     children: (props: ISelectExtendedFieldDropdownProvideProps) => default_2.ReactNode;
+    /** Функция, срабатывающая при закрытии выпадающего блока. */
     onClose?: () => void;
+    /** Функция, срабатывающая при открытии выпадающего блока. */
     onOpen?: () => void;
+    /** Закрытие выпадающего блока при нажатии клавиши Tab. */
     closeOnTab?: boolean;
 }
 
 export declare interface ISelectExtendedFieldTargetProps extends Omit<IFormFieldProps, "prefix" | "postfix"> {
+    /**  Текст или компонент, отображающий выбранное значение. */
     label?: default_2.ReactNode;
+    /** Текст или компонент, отображающий выбранное значение для Target. */
     fieldLabel: default_2.ReactNode;
+    /** Состояние загрузки. */
     loading?: boolean;
+    /** Состояние открытости выпадающего списка. */
     opened: boolean;
+    /** Текст или компонент, отображающий выбранное placeholder. */
     placeholder?: default_2.ReactNode;
     /** Префикс поля ввода. */
     prefix?: default_2.ReactNode;
     /** Постфикс поля ввода. */
     postfix?: default_2.ReactNode;
+    /** Функция открытия/закрытия выпадающего списка. */
     setOpened: (opened: boolean) => void;
 }
 
@@ -3325,11 +3399,17 @@ export declare interface ISelectFieldOption extends ISelectExtendedFieldDefaultO
 export declare interface ISelectFieldProps extends Omit<ISelectExtendedFieldProps, "children" | "onChange" | "renderTarget" | "placeholder">, Pick<ISelectExtendedFieldTargetProps, "loading" | "status" | "placeholder"> {
     size: EComponentSize;
     children?: never;
+    /** Текущее выбранное значение. */
     value?: ISelectFieldOption;
+    /** Список опций. */
     options: ISelectFieldOption[];
+    /** Обработчик изменения значения. */
     onChange: (option: ISelectFieldOption) => void;
+    /** Свойства, передающиеся в SelectExtendedField.Target. */
     targetProps: Omit<ISelectExtendedFieldTargetProps, "opened" | "setOpened" | "size">;
+    /** ClassName передающийся в DropdownListItem. */
     dropdownListItemClassName?: string;
+    /** Название Select отображающееся в мобильном режиме. */
     mobileTitle?: default_2.ReactNode;
 }
 
@@ -4960,6 +5040,13 @@ declare const SMSFieldTooltip: default_2.FC<ISMSFieldTooltipProps>;
 /** Компонент "Спойлер", используется для раскрытия внутреннего содержимого. */
 export declare const Spoiler: default_2.ForwardRefExoticComponent<TSpoilerProps & default_2.RefAttributes<HTMLDivElement>>;
 
+export declare const statusToClassNameMap: {
+    default: string;
+    disabled: string;
+    error: string;
+    warning: string;
+};
+
 /**
  * Компонент предназначен для визуального отображения статуса документа.
  */
@@ -5200,6 +5287,9 @@ declare type TDataAttributeAlias = `data-${string}`;
  */
 export declare type TDataHTMLAttributes = Record<string, string>;
 
+/** Значение компонента DateRange. */
+export declare type TDateRangeValue = [string, string];
+
 /** Тип HTML атрибутов компонента дня. */
 export declare type TDayHtmlAttributes = TTdHTMLAttributesWithData | TDayHtmlAttributesFunction;
 
@@ -5208,7 +5298,7 @@ export declare type TDayHtmlAttributesFunction = (params: IDayHtmlAttributesFunc
 
 declare type TDesignTokens = TDesignTokensCore & TDesignTokensComponents;
 
-declare type TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsAmountField | TDesignTokensComponentsButton | TDesignTokensComponentsCalendar | TDesignTokensComponentsCard | TDesignTokensComponentsCheckbox | TDesignTokensComponentsChip | TDesignTokensComponentsDivider | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsFooterPage | TDesignTokensComponentsFormField | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsIsland | TDesignTokensComponentsIslandAccordion | TDesignTokensComponentsIslandWidget | TDesignTokensComponentsLightBox | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsModalWindow | TDesignTokensComponentsMultiselectField | TDesignTokensComponentsNotification | TDesignTokensComponentsOverlay | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSmallInput | TDesignTokensComponentsSMSField | TDesignTokensComponentsSlider | TDesignTokensComponentsStep | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTagColor | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTopOverlay | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker | TDesignTokensComponentsUploadZone;
+declare type TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsAvatar | TDesignTokensComponentsButton | TDesignTokensComponentsCalendar | TDesignTokensComponentsCard | TDesignTokensComponentsCheckbox | TDesignTokensComponentsChip | TDesignTokensComponentsDivider | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsFooterPage | TDesignTokensComponentsFormField | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsIsland | TDesignTokensComponentsIslandAccordion | TDesignTokensComponentsIslandWidget | TDesignTokensComponentsLightBox | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsModalWindow | TDesignTokensComponentsMultiselectField | TDesignTokensComponentsNotification | TDesignTokensComponentsOverlay | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSmallInput | TDesignTokensComponentsSMSField | TDesignTokensComponentsSlider | TDesignTokensComponentsStep | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTagColor | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTopOverlay | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker | TDesignTokensComponentsUploadZone;
 
 declare type TDesignTokensComponentsAlertContext = {
     AlertContext: TDesignTokensComponentsAlertContextValue;
@@ -5226,13 +5316,13 @@ declare type TDesignTokensComponentsAlertProcessKeys = (typeof designTokensCompo
 
 declare type TDesignTokensComponentsAlertProcessValue = Record<TDesignTokensComponentsAlertProcessKeys, TDesignTokenValue>;
 
-declare type TDesignTokensComponentsAmountField = {
-    AmountField: TDesignTokensComponentsAmountFieldValue;
+declare type TDesignTokensComponentsAvatar = {
+    Avatar: TDesignTokensComponentsAvatarValue;
 };
 
-declare type TDesignTokensComponentsAmountFieldKeys = (typeof designTokensComponentsAmountFieldKeys)[number];
+declare type TDesignTokensComponentsAvatarKeys = (typeof designTokensComponentsAvatarKeys)[number];
 
-declare type TDesignTokensComponentsAmountFieldValue = Record<TDesignTokensComponentsAmountFieldKeys, TDesignTokenValue>;
+declare type TDesignTokensComponentsAvatarValue = Record<TDesignTokensComponentsAvatarKeys, TDesignTokenValue>;
 
 declare type TDesignTokensComponentsButton = {
     Button: TDesignTokensComponentsButtonValue;