@sberbusiness/triplex-next 0.25.0 → 0.26.0

package/index.d.ts

@@ -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"];
 
@@ -818,6 +818,13 @@ 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>>;
 
@@ -893,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",
@@ -941,7 +941,7 @@ export declare enum ETabsExtendedType {
     TYPE_2 = "type2"
 }
 
-declare enum ETagColorStatus {
+export declare enum ETagColorStatus {
     DEFAULT = "default",
     SUCCESS = "success",
     INFO = "info",
@@ -3257,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;
@@ -3975,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;
     /** Обработчик выбора шага. */
@@ -3996,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 */
@@ -4017,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;
     /** Иконка, отображающая статус шага. */
@@ -5077,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>> & {
@@ -5402,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: {
     /** Является ли символ арабской цифрой. */
@@ -6215,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;
 
 /** Всплывающая подсказка. */