@sberbusiness/triplex-next 0.24.0 → 0.26.0

package/index.d.ts

@@ -29,16 +29,8 @@ export declare class AdvancedTouchSensor extends TouchSensor {
     }[];
 }
 
-/** Компонент контекстного предупреждения. */
-export declare const AlertContext: default_2.ForwardRefExoticComponent<IAlertContextProps & default_2.RefAttributes<HTMLSpanElement>>;
-
-/** Компонент процессного предупреждения. */
-export declare const AlertProcess: default_2.ForwardRefExoticComponent<IAlertProcessProps & default_2.RefAttributes<HTMLDivElement>> & {
-    Spoiler: default_2.FC<IAlertProcessSpoilerProps>;
-};
-
 /** Получить класс по типу предупреждения. */
-export declare const alertTypeToClassNameMap: {
+export declare const ALERT_TYPE_TO_CLASS_NAME_MAP: {
     info: (styles: Record<string, string>) => string;
     warning: (styles: Record<string, string>) => string;
     error: (styles: Record<string, string>) => string;
@@ -46,6 +38,14 @@ export declare const alertTypeToClassNameMap: {
     feature: (styles: Record<string, string>) => string;
 };
 
+/** Компонент контекстного предупреждения. */
+export declare const AlertContext: default_2.ForwardRefExoticComponent<IAlertContextProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+/** Компонент процессного предупреждения. */
+export declare const AlertProcess: default_2.ForwardRefExoticComponent<IAlertProcessProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Spoiler: default_2.FC<IAlertProcessSpoilerProps>;
+};
+
 /** Компонент отображения суммы. */
 export declare const Amount: default_2.FC<IAmountProps>;
 
@@ -204,10 +204,10 @@ declare const CheckboxTreeExtendedCheckbox: default_2.FC<ICheckboxTreeExtendedCh
 declare const CheckboxTreeExtendedNode: default_2.FC<ICheckboxTreeExtendedNodeProps>;
 
 /** Группа чекбоксов с направлением по оси X. */
-export declare const CheckboxXGroup: default_2.FC<ICheckboxXGroupProps>;
+export declare const CheckboxXGroup: default_2.ForwardRefExoticComponent<ICheckboxXGroupProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Группа чекбоксов с направлением по оси Y. */
-export declare const CheckboxYGroup: default_2.FC<ICheckboxYGroupProps>;
+export declare const CheckboxYGroup: default_2.ForwardRefExoticComponent<ICheckboxYGroupProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Обновление флага checked дочерних чекбоксов, при изменении родителя. */
 export declare const checkChildrenCheckboxes: (checkbox: ICheckboxTreeCheckboxData) => void;
@@ -436,7 +436,7 @@ declare const designTokensComponentsStatusTrackerKeys: readonly ["Draft_Backgrou
 
 declare const designTokensComponentsStepKeys: readonly ["Color_Active", "Color_Default", "Color_Disabled", "Color_Done", "Color_Error", "Color_Warning", "Background_Active", "Background_Default", "Background_Disabled", "Background_Done", "Background_Error", "Background_Warning"];
 
-declare const designTokensComponentsStepperKeys: readonly ["Step_Background_Default", "Step_Background_Disabled", "Step_Background_Hover", "Step_Background_Error", "Step_Background_Error_Hover", "Step_Background_Warning", "Step_Background_Warning_Hover", "Step_BorderColor_Focus", "Step_BorderColor_Error", "Step_BorderColor_Warning", "Step_BorderColor_Success", "Step_Color_Default", "Step_Color_Hover", "Step_Color_Disabled", "Background", "ButtonNext_Background", "ButtonPrev_Background", "Wrapper_Background", "Wrapper_BoxShadow"];
+declare const designTokensComponentsStepperKeys: readonly ["Step_Background_Default", "Step_Background_Disabled", "Step_Background_Hover", "Step_Background_Error", "Step_Background_Error_Hover", "Step_Background_Warning", "Step_Background_Warning_Hover", "Step_BorderColor_Focus", "Step_BorderColor_Error", "Step_BorderColor_Warning", "Step_BorderColor_Success", "Step_Color_Default", "Step_Color_Hover", "Step_Color_Disabled", "ButtonWrapper_Background_Prev", "ButtonWrapper_Background_Next"];
 
 declare const designTokensComponentsTableBasicKeys: readonly ["Background_Hover", "Background_Selected", "Color", "Header_Background", "TableFooter_Background", "TableFooter_Highlight", "TableBasicSettings_Footer_BorderColor", "TableBasicSettings_ListItem_Background_Default", "TableBasicSettings_ListItem_Background_Hover", "TableBasicSettings_ListItem_Background_Dragging"];
 
@@ -538,6 +538,12 @@ export declare const DropdownMobileListItem: default_2.ForwardRefExoticComponent
 /** Лоадер компонента DropdownMobile. */
 export declare const DropdownMobileLoader: default_2.FC<IDropownMobileLoaderProps>;
 
+/** Возможные варианты скругления визуальной формы. */
+export declare enum EAlertProcessBorderRadius {
+    MD = "md",
+    LG = "lg"
+}
+
 /** Тип компонентов-предупреждений. */
 export declare enum EAlertType {
     INFO = "info",
@@ -690,6 +696,11 @@ export declare enum EDropdownWidth {
     MIN_TARGET = "min-target"
 }
 
+export declare enum EEmptyViewSize {
+    SM = "sm",
+    MD = "md"
+}
+
 /** Возможные источники фокуса. */
 export declare enum EFocusSource {
     NONE = 0,
@@ -774,6 +785,13 @@ export declare enum EIslandType {
     TYPE_3 = "type_3"
 }
 
+export declare enum ELightBoxSize {
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}
+
 /** Возможные типы интерлиньяжа компонентов типографики. */
 export declare enum ELineType {
     NORMAL = "normal",
@@ -800,6 +818,16 @@ export declare enum EMarkerStatus {
     WAITING = "waiting"
 }
 
+/** Единица измерения сдвига диапазона месяцев. */
+export declare enum EMonthYearRangeShiftUnit {
+    MONTH = "month",
+    QUARTER = "quarter",
+    YEAR = "year"
+}
+
+/** Заглушка для пустых состояний. */
+export declare const EmptyView: default_2.ForwardRefExoticComponent<IEmptyViewProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /** Перечисление направлений сортировки колонки. (ASC - по возрастанию, DESC - по убыванию) */
 export declare enum EOrderDirection {
     NONE = "none",
@@ -872,13 +900,6 @@ export declare enum EStatusTrackerVerticalAlign {
     BOTTOM = "bottom"
 }
 
-/** Возможные размеры шагов Step. */
-export declare enum EStepperSize {
-    SM = "sm",
-    MD = "md",
-    LG = "lg"
-}
-
 /** Возможные типы Иконок для шагов Step. */
 export declare enum EStepperStepIconType {
     FILLED = "filled",
@@ -920,7 +941,7 @@ export declare enum ETabsExtendedType {
     TYPE_2 = "type2"
 }
 
-declare enum ETagColorStatus {
+export declare enum ETagColorStatus {
     DEFAULT = "default",
     SUCCESS = "success",
     INFO = "info",
@@ -1317,7 +1338,7 @@ export declare const HeaderTitleContent: default_2.ForwardRefExoticComponent<IHe
 export declare const HeaderTitleControls: default_2.ForwardRefExoticComponent<IHeaderTitleControlsProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Иконка "?" со всплывающей подсказкой выбранного размера. */
-export declare const HelpBox: default_2.FC<IHelpBoxProps>;
+export declare const HelpBox: default_2.ForwardRefExoticComponent<IHelpBoxProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Свойства AccordionBase.
@@ -1369,6 +1390,8 @@ export declare interface IAlertProcessProps extends default_2.HTMLAttributes<HTM
     onClose?: () => void;
     /** Отображаемая иконка. */
     renderIcon?: default_2.ReactNode;
+    /** Вариант скругления визуальной формы. */
+    borderRadius?: EAlertProcessBorderRadius;
 }
 
 /** Свойства компонента AlertProcessSpoiler. */
@@ -1836,6 +1859,8 @@ export declare interface ICheckboxProps extends Omit<default_2.InputHTMLAttribut
     bulk?: boolean;
     /** Размер чекбокса. */
     size?: EComponentSize;
+    /** Контент лейбла чекбокса. */
+    children?: default_2.ReactNode;
 }
 
 /** Описание чекбокса компонента CheckboxTree. */
@@ -1889,13 +1914,15 @@ export declare interface ICheckboxTreeProps extends Omit<ICheckboxTreeExtendedPr
 }
 
 /** Свойства компонента CheckboxXGroup. */
-export declare interface ICheckboxXGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface ICheckboxXGroupProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "role"> {
+    children?: default_2.ReactNode;
     /** Размер отступа. */
     indent?: TIndentSize;
 }
 
 /** Свойства компонента CheckboxYGroup. */
-export declare interface ICheckboxYGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface ICheckboxYGroupProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "role"> {
+    children?: default_2.ReactNode;
 }
 
 /** Свойства компонента ChipClearButton. */
@@ -2150,6 +2177,12 @@ export declare interface IConfirmProps extends IIslandProps {
     parentComponent?: EConfirmParentComponent;
 }
 
+/**
+ * Обёртка для иконок из @sberbusiness/icons-next.
+ * Добавляет классы hoverable/active/disabled, которые управляют цветом иконки при взаимодействии.
+ */
+export declare const IconWrapper: default_2.ForwardRefExoticComponent<IIconWrapperProps & default_2.RefAttributes<HTMLSpanElement>>;
+
 /** Свойства компонента DateField. */
 export declare interface IDateFieldProps extends Omit<IDatePickerExtendedProps, "pickedDate" | "onDateChange" | "renderTarget" | "renderDropdownHeaderTarget">, Pick<IMaskedFieldProps, "size" | "status" | "label"> {
     /** Значение даты. */
@@ -2397,6 +2430,22 @@ export declare interface IEllipsisProps extends default_2.HTMLAttributes<HTMLDiv
     maxLines: number;
 }
 
+/** Свойства компонента EmptyView. */
+export declare interface IEmptyViewProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Размер компонента. */
+    size: EEmptyViewSize;
+    /** Иконка. */
+    icon?: default_2.ReactNode;
+    /** Заголовок. */
+    title?: default_2.ReactNode;
+    /** Описание. */
+    description?: default_2.ReactNode;
+    /** Подпись. */
+    caption?: default_2.ReactNode;
+    /** Кнопки. */
+    buttons?: default_2.ReactNode;
+}
+
 /** Свойства компонента ExpandAnimation. */
 export declare interface IExpandAnimationProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /** Время анимации (мс). */
@@ -2632,6 +2681,21 @@ export declare interface IHelpBoxProps extends default_2.HTMLAttributes<HTMLButt
     mobileHeaderContent?: default_2.ReactNode;
     /** Свойства иконки. */
     iconProps?: ISingleColorIconProps;
+    /** Свойства кнопки закрытия Tooltip. */
+    tooltipXButtonProps?: ITooltipXButtonProps;
+}
+
+/** Свойства компонента IconWrapper. */
+export declare interface IIconWrapperProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    children: default_2.ReactNode;
+    /** Активное состояние иконки. */
+    active?: boolean;
+    /** Отключённое состояние иконки. */
+    disabled?: boolean;
+    /** Отключить взаимодействие с иконкой. Например, чтобы иконка могла быть тусклой в состоянии disabled и не реагировать на hover, если по клику на нее не должно быть действий. */
+    disableInteraction?: boolean;
+    /** Отобразить элемент со свойством display: contents. */
+    displayContents?: boolean;
 }
 
 /** Свойства компонента IslandAccordionContent. */
@@ -2816,6 +2880,8 @@ export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDiv
     isSideOverlayOpened?: boolean;
     /** Флаг открытия верхней панели. */
     isTopOverlayOpened?: boolean;
+    /** Размер контента LightBox. */
+    size?: ELightBoxSize;
 }
 
 declare interface ILightBoxRightSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -3191,6 +3257,42 @@ declare interface IMonthYearFieldProps extends Omit<IDatePickerExtendedProps, "p
     targetProps?: ITextFieldProps;
 }
 
+/** Свойства функции рендеринга кнопки сдвига диапазона месяцев. */
+export declare interface IMonthYearRangeButtonProvideProps {
+    children: default_2.ReactNode;
+    className: string;
+    onClick: () => void;
+    disabled: boolean;
+}
+
+/** Свойства функции рендеринга поля выбора месяца. */
+export declare interface IMonthYearRangePickerProvideProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+
+/** Свойства компонента MonthYearRange. */
+export declare interface IMonthYearRangeProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+    /** Диапазон месяцев. */
+    value: TMonthYearRangeValue;
+    /** Функция, вызывающаяся при изменении диапазона месяцев. */
+    onChange: (value: TMonthYearRangeValue) => void;
+    /** Численная величина сдвига диапазона месяцев. */
+    shiftAmount?: number;
+    /** Единица измерения сдвига диапазона месяцев. */
+    shiftUnit?: EMonthYearRangeShiftUnit;
+    /** Управление отображением/скрытием кнопок сдвига диапазона месяцев. */
+    hideNavigation?: boolean;
+    /** Функция рендеринга поля выбора месяца "от". */
+    renderPickerFrom: (props: IMonthYearRangePickerProvideProps) => default_2.ReactNode;
+    /** Функция рендеринга поля выбора месяца "до". */
+    renderPickerTo: (props: IMonthYearRangePickerProvideProps) => default_2.ReactNode;
+    /** Функция рендеринга кнопки сдвига диапазона месяцев "назад". */
+    renderButtonBack: (props: IMonthYearRangeButtonProvideProps) => default_2.ReactNode;
+    /** Функция рендеринга кнопки сдвига диапазона месяцев "вперёд". */
+    renderButtonForward: (props: IMonthYearRangeButtonProvideProps) => default_2.ReactNode;
+}
+
 /** Свойства компонента MultiselectFieldDropdownContent. */
 declare interface IMultiselectFieldDropdownContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
     loading?: boolean;
@@ -3909,19 +4011,17 @@ declare interface IStatusTrackerTitleProps extends default_2.HTMLAttributes<HTML
 /** Внутренние составляющие Stepper. */
 declare interface IStepperComposition {
     Step: typeof StepperStep;
-    Wrapper: typeof StepperWrapper;
 }
 
 /** Внутренние составляющие StepperExtended. */
 declare interface IStepperExtendedComposition {
     Step: typeof StepperStep;
-    Wrapper: typeof StepperWrapper;
 }
 
 /** Свойства компонента StepperExtended. */
 export declare interface IStepperExtendedProps extends default_2.HTMLAttributes<HTMLOListElement> {
-    /** Размер Stepper. */
-    size?: EStepperSize;
+    /** Размер. */
+    size?: EComponentSize;
     /** Уникальный идентификатор выбранного шага. */
     selectedStepId?: string;
     /** Обработчик выбора шага. */
@@ -3930,13 +4030,10 @@ export declare interface IStepperExtendedProps extends default_2.HTMLAttributes<
     forwardedRef?: default_2.Ref<HTMLOListElement>;
 }
 
-/** Свойства Stepper. */
-export declare interface IStepperProps extends IStepperExtendedProps {
-    children?: never;
+/** Свойства компонента Stepper. */
+export declare interface IStepperProps extends Omit<IStepperExtendedProps, "children"> {
     /** Шаги. */
     steps: Array<IStepperStep>;
-    /** Размеры шагов Stepper*/
-    size?: EStepperSize;
 }
 
 /** Свойства шага в Stepper */
@@ -3951,7 +4048,7 @@ declare interface IStepperStepComposition {
 }
 
 /** Свойства компонента StepperStep. */
-declare interface IStepperStepProps extends default_2.LiHTMLAttributes<HTMLLIElement> {
+export declare interface IStepperStepProps extends default_2.LiHTMLAttributes<HTMLLIElement> {
     id: string;
     disabled?: boolean;
     /** Иконка, отображающая статус шага. */
@@ -5011,6 +5108,9 @@ export declare const MONTHS_SET: number[];
 /** Поле для выбора месяца. */
 export declare const MonthYearField: default_2.ForwardRefExoticComponent<IMonthYearFieldProps & default_2.RefAttributes<HTMLDivElement>>;
 
+/** Выбор диапазона месяцев. */
+export declare const MonthYearRange: default_2.ForwardRefExoticComponent<IMonthYearRangeProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /** Компонент мульти-списка. */
 export declare const MultiselectField: default_2.ForwardRefExoticComponent<IMultiselectFieldProps & default_2.RefAttributes<HTMLDivElement>> & {
     Dropdown: default_2.ForwardRefExoticComponent<IMultiselectFieldDropdownProps & default_2.RefAttributes<HTMLDivElement>> & {
@@ -5336,9 +5436,6 @@ declare const StepperStep: default_2.FC<IStepperStepProps> & IStepperStepComposi
 /** Компонент StepperStepIcon, иконка в шаге. */
 declare const StepperStepIcon: default_2.FC<TStepperStepIconProps>;
 
-/** Компонент StepperWrapper, обёртка для Stepper. */
-declare const StepperWrapper: default_2.FC<default_2.HTMLAttributes<HTMLDivElement>>;
-
 /** Утилиты для работы со строками. */
 export declare const StringUtils: {
     /** Является ли символ арабской цифрой. */
@@ -6149,6 +6246,9 @@ declare type TitleComponent_2 = (<T extends default_2.ElementType = "span">(prop
     displayName?: string;
 };
 
+/** Значение компонента MonthYearRange. */
+export declare type TMonthYearRangeValue = [string, string];
+
 export declare type TOffsetSize = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
 
 /** Всплывающая подсказка. */