@sberbusiness/triplex-next 0.23.0 → 0.25.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;
@@ -275,6 +275,13 @@ export declare const ChipSuggest: <T extends ISuggestOption = ISuggestOption>(pr
 
 export declare const ChipSuggestTarget: <T extends ISuggestOption>(props: IChipSuggestTargetProps<T> & default_2.RefAttributes<HTMLSpanElement>) => JSX.Element;
 
+/** Моноширинный текст (типографика). */
+export declare const CodeText: CodeTextComponent;
+
+declare type CodeTextComponent = (<T extends default_2.ElementType = "span">(props: TCodeTextProps<T>) => default_2.ReactElement | null) & {
+    displayName?: string;
+};
+
 export declare const Col: default_2.FC<IColProps>;
 
 /** Компонент, для настройки видимости колонок. */
@@ -531,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",
@@ -662,7 +675,6 @@ export declare enum EDateRangeShiftUnit {
 
 /** Варианты выравнивания Dropdown. */
 export declare enum EDropdownAlignment {
-    AUTO = "auto",
     LEFT = "left",
     RIGHT = "right"
 }
@@ -684,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,
@@ -768,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",
@@ -794,6 +818,9 @@ export declare enum EMarkerStatus {
     WAITING = "waiting"
 }
 
+/** Заглушка для пустых состояний. */
+export declare const EmptyView: default_2.ForwardRefExoticComponent<IEmptyViewProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /** Перечисление направлений сортировки колонки. (ASC - по возрастанию, DESC - по убыванию) */
 export declare enum EOrderDirection {
     NONE = "none",
@@ -1311,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.
@@ -1363,6 +1390,8 @@ export declare interface IAlertProcessProps extends default_2.HTMLAttributes<HTM
     onClose?: () => void;
     /** Отображаемая иконка. */
     renderIcon?: default_2.ReactNode;
+    /** Вариант скругления визуальной формы. */
+    borderRadius?: EAlertProcessBorderRadius;
 }
 
 /** Свойства компонента AlertProcessSpoiler. */
@@ -1830,6 +1859,8 @@ export declare interface ICheckboxProps extends Omit<default_2.InputHTMLAttribut
     bulk?: boolean;
     /** Размер чекбокса. */
     size?: EComponentSize;
+    /** Контент лейбла чекбокса. */
+    children?: default_2.ReactNode;
 }
 
 /** Описание чекбокса компонента CheckboxTree. */
@@ -1883,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. */
@@ -2144,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"> {
     /** Значение даты. */
@@ -2391,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> {
     /** Время анимации (мс). */
@@ -2626,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. */
@@ -2810,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> {
@@ -4031,11 +4103,11 @@ export declare interface ISuggestFieldMobileDropdownHintProps {
 }
 
 /** Свойства компонента SuggestFieldMobileDropdown. */
-export declare interface ISuggestFieldMobileDropdownProps<T extends ISuggestFieldOption = ISuggestFieldOption> extends Omit<IDropdownMobileProps, "onSelect">, Pick<ISuggestFieldMobileProps<T>, "value" | "options" | "placeholder" | "tooltipHint" | "loading" | "dropdownListLoading" | "clearInputOnFocus" | "onFilter" | "onSelect" | "onScrollEnd"> {
+export declare interface ISuggestFieldMobileDropdownProps<T extends ISuggestFieldOption = ISuggestFieldOption> extends Omit<IDropdownMobileProps, "onSelect">, Pick<ISuggestFieldMobileProps<T>, "value" | "options" | "placeholder" | "tooltipHint" | "tooltipOpen" | "loading" | "dropdownListLoading" | "clearInputOnFocus" | "onFilter" | "onSelect" | "onScrollEnd"> {
 }
 
 /** Свойства компонента SuggestFieldMobile. */
-export declare interface ISuggestFieldMobileProps<T extends ISuggestFieldOption = ISuggestFieldOption> extends Omit<ISuggestFieldProps<T>, "tooltipOpen"> {
+export declare interface ISuggestFieldMobileProps<T extends ISuggestFieldOption = ISuggestFieldOption> extends ISuggestFieldProps<T> {
 }
 
 /** Опция выпадающего списка SuggestField. */
@@ -4062,10 +4134,10 @@ export declare interface ISuggestFieldProps<T extends ISuggestFieldOption = ISug
     placeholder?: string;
     /** Текст Tooltip. */
     tooltipHint: string;
-    /** Флаг управления видимостью Tooltip. */
-    tooltipOpen: boolean;
     /** Флаг состояния загрузки. */
     loading?: boolean;
+    /** Флаг управления видимостью Tooltip. */
+    tooltipOpen: boolean;
     /** Флаг состояния загрузки DropdownList. */
     dropdownListLoading?: boolean;
     /** Определяет, нужно ли очищать поле ввода при получении фокуса. */
@@ -4110,10 +4182,10 @@ export declare interface ISuggestProps<T extends ISuggestOption = ISuggestOption
     placeholder?: string;
     /** Текст, отображаемый при отсутствии опций. */
     noOptionsText?: string;
-    /** Флаг управления видимостью Tooltip. */
-    tooltipOpen?: boolean;
     /** Флаг состояния загрузки. */
     loading?: boolean;
+    /** Флаг управления видимостью Tooltip. */
+    tooltipOpen?: boolean;
     /** Флаг состояния загрукзи DropdownList. */
     dropdownListLoading?: boolean;
     /** Определяет, нужно ли очищать поле ввода при получении фокуса. */
@@ -5359,7 +5431,7 @@ export declare const SuggestField: (<T extends ISuggestFieldOption = ISuggestFie
  *
  * @template T - тип опции, должен расширять ISuggestFieldOption
  */
-export declare const SuggestFieldDesktop: <T extends ISuggestFieldOption = ISuggestFieldOption>({ value, options, size, status, placeholder, "data-test-id": dataTestId, loading, dropdownListLoading, tooltipHint, tooltipOpen, clearInputOnFocus, onFilter, onClear, onSelect, onScrollEnd, prefix, postfix, renderInput, renderDropdown, renderDropdownList, renderDropdownListItem, inputProps, ...restProps }: ISuggestFieldDesktopProps<T>) => JSX.Element;
+export declare const SuggestFieldDesktop: <T extends ISuggestFieldOption = ISuggestFieldOption>({ value, options, size, status, placeholder, "data-test-id": dataTestId, tooltipHint, loading, tooltipOpen, dropdownListLoading, clearInputOnFocus, onFilter, onClear, onSelect, onScrollEnd, prefix, postfix, renderInput, renderDropdown, renderDropdownList, renderDropdownListItem, inputProps, ...restProps }: ISuggestFieldDesktopProps<T>) => JSX.Element;
 
 export declare const SuggestFieldDesktopDropdown: <T extends ISuggestFieldOption = ISuggestFieldOption>({ size, value, options, targetRef, listId, dataTestId, opened, listLoading, onMouseDown, onSelect, onScrollEnd, renderList, renderListItem, ...restProps }: ISuggestFieldDesktopDropdownProps<T>) => JSX.Element;
 
@@ -5367,7 +5439,7 @@ export declare const SuggestFieldDesktopDropdown: <T extends ISuggestFieldOption
  * Мобильный SuggestField.
  * Отображает поле ввода (target). При получении полем ввода фокуса - отображает мобильный Dropdown.
  */
-export declare const SuggestFieldMobile: <T extends ISuggestFieldOption = ISuggestFieldOption>({ value, options, size, placeholder, "data-test-id": dataTestId, postfix, tooltipHint, loading, dropdownListLoading, clearInputOnFocus, onFilter, onSelect, onClear, onScrollEnd, renderInput, inputProps, ...restProps }: ISuggestFieldMobileProps<T>) => JSX.Element;
+export declare const SuggestFieldMobile: <T extends ISuggestFieldOption = ISuggestFieldOption>({ value, options, size, placeholder, "data-test-id": dataTestId, postfix, tooltipHint, loading, tooltipOpen, dropdownListLoading, clearInputOnFocus, onFilter, onSelect, onClear, onScrollEnd, renderInput, inputProps, ...restProps }: ISuggestFieldMobileProps<T>) => JSX.Element;
 
 export declare const SuggestFieldMobileDropdown: <T extends ISuggestFieldOption = ISuggestFieldOption>(props: ISuggestFieldMobileDropdownProps<T> & default_2.RefAttributes<HTMLDivElement>) => JSX.Element;
 
@@ -5483,6 +5555,9 @@ export declare type TCalendarMarkedDays = string[] | Record<string, ECalendarDat
 /** Свойства компонента Caption. */
 export declare type TCaptionProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, ICaptionProps>;
 
+/** Свойства компонента CodeText. */
+export declare type TCodeTextProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, ITypographyProps>;
+
 export declare type TColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 
 declare type TCreatePartialTokens<Type> = {