@sberbusiness/triplex-next 0.21.0 → 0.23.0

package/index.d.ts

@@ -3,7 +3,6 @@ import { default as default_2 } from 'react';
 import { default as default_3 } from 'moment';
 import { default as default_4 } from 'focus-trap-react';
 import { default as default_5 } from 'big.js';
-import { FC } from 'react';
 import { ISingleColorIconProps } from '@sberbusiness/icons-next';
 import { MaskedInputProps } from 'react-text-mask';
 import { Moment } from 'moment';
@@ -210,6 +209,12 @@ export declare const CheckboxXGroup: default_2.FC<ICheckboxXGroupProps>;
 /** Группа чекбоксов с направлением по оси Y. */
 export declare const CheckboxYGroup: default_2.FC<ICheckboxYGroupProps>;
 
+/** Обновление флага checked дочерних чекбоксов, при изменении родителя. */
+export declare const checkChildrenCheckboxes: (checkbox: ICheckboxTreeCheckboxData) => void;
+
+/** Обновление флага checked и bulk родителя, при изменении дочернего чекбокса. */
+export declare const checkParentCheckboxes: (checkbox: ICheckboxTreeCheckboxData) => void;
+
 /**
  * Предоставляет возможность произвести действие по нажатию, также отображает выбранное состояние.
  * Рекомендуется всегда располагать Chip внутри компонента ChipGroup.
@@ -384,9 +389,9 @@ declare const designTokensComponentsLinkKeys: readonly ["BorderColor_Focus", "Te
 
 declare const designTokensComponentsListItemControlsButtonKeys: readonly ["Background_Active", "Background_Default", "Background_Hover", "Color_Active", "Color_Default", "Color_Hover"];
 
-declare const designTokensComponentsListItemKeys: readonly ["Background", "Background_Dragging", "Background_Selected", "Shadow"];
+declare const designTokensComponentsListItemKeys: readonly ["Background", "Background_Dragging", "Background_Selected", "Shadow_Dragging"];
 
-declare const designTokensComponentsListMasterKeys: readonly ["Background", "Footer_Color", "Footer_Background", "Header_Background", "Header_Color"];
+declare const designTokensComponentsListMasterKeys: readonly ["Background", "Footer_Background", "Footer_Shadow", "Header_Background", "Header_Shadow"];
 
 declare const designTokensComponentsLoaderKeys: readonly ["Element_Background_Neutral", "Element_Background_Brand", "Middle_Background_Default"];
 
@@ -428,7 +433,7 @@ declare const designTokensComponentsStepperKeys: readonly ["Step_Background_Defa
 
 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"];
 
-declare const designTokensComponentsTabsKeys: readonly ["Type1_Background", "Type2_Background", "Type1_Tab_Background_Default", "Type2_Tab_Background_Default", "Type1_Tab_Background_Selected", "Type2_Tab_Background_Selected", "Type1_Tab_Background_Hover", "Type2_Tab_Background_Hover", "Type1_Tab_Color_Default", "Type2_Tab_Color_Default", "Type1_Tab_Color_Selected", "Type2_Tab_Color_Selected", "Type1_Tab_Color_Hover", "Type2_Tab_Color_Hover", "Tab_BorderColor_Default", "Tab_BorderColor_Focus"];
+declare const designTokensComponentsTabsKeys: readonly ["Type1_Background", "Type2_Background", "Type1_Tab_Background_Default", "Type2_Tab_Background_Default", "Type1_Tab_Background_Selected", "Type2_Tab_Background_Selected", "Type1_Tab_Background_Hover", "Type2_Tab_Background_Hover", "Tab_BorderColor_Default", "Tab_BorderColor_Focus"];
 
 declare const designTokensComponentsTabsLineKeys: readonly ["BorderColor_Active", "BorderColor_Hover", "Separator_Color", "Shadow_Focus"];
 
@@ -669,18 +674,14 @@ export declare enum EDropdownDirection {
     TOP = "top"
 }
 
-/** Размеры DropdownList. */
-export declare enum EDropdownListSize {
-    SM = "sm",
-    MD = "md",
-    LG = "lg"
-}
-
-/** Размеры Dropdown. */
-export declare enum EDropdownSize {
-    SM = "sm",
-    MD = "md",
-    LG = "lg"
+/** Варианты расчёта ширины Dropdown. */
+export declare enum EDropdownWidth {
+    /** Ширина определяется контентом. */
+    CONTENT = "content",
+    /** Ширина равна ширине управляющего элемента. */
+    TARGET = "target",
+    /** Минимальная ширина ограничена шириной управляющего элемента. */
+    MIN_TARGET = "min-target"
 }
 
 /** Возможные источники фокуса. */
@@ -1795,7 +1796,7 @@ export declare interface ICardProps extends default_2.HTMLAttributes<HTMLDivElem
     /** Возможные размеры скругления карточки. */
     roundingSize?: ECardRoundingSize;
     /** Возможные темы оформления карточки. */
-    theme: ECardTheme;
+    theme?: ECardTheme;
 }
 
 /** Внутренние составляющие статичной карточки. */
@@ -1952,6 +1953,8 @@ export declare interface IChipProps extends Omit<default_2.HTMLAttributes<HTMLSp
     prefix?: default_2.ReactNode;
     /** Контент, следующий за основным контентом, например иконка справа. */
     postfix?: default_2.ReactNode;
+    /** Флаг отображения значка новых уведомлений. */
+    showNotificationIcon?: boolean;
     /** Размер Chip. */
     size?: EComponentSize;
 }
@@ -1988,7 +1991,7 @@ export declare interface IChipSuggestProps<T extends ISuggestOption = ISuggestOp
     /** Свойства компонента Chip. */
     targetProps?: IChipSuggestTargetProps<T>;
     /** Свойства компонента Dropdown. */
-    dropdownProps?: IChipSuggestDropdownProps<T>;
+    dropdownProps?: Omit<IChipSuggestDropdownProps<T>, "targetRef">;
 }
 
 /** Свойства компонента ChipSuggestTarget. */
@@ -2266,14 +2269,14 @@ export declare interface IDropdownDesktopProps extends default_2.HTMLAttributes<
     setOpened: (opened: boolean) => void;
     /** Ссылка на управляющий элемент. */
     targetRef: default_2.RefObject<HTMLElement>;
+    /** Размер дропдауна. */
+    size?: EComponentSize;
     /** Направление выпадающего меню. */
     direction?: EDropdownDirection;
     /** Выравнивание списка относительно управляющего элемента. */
     alignment?: EDropdownAlignment;
-    /** Фиксированная ширина по управляющему элементу. */
-    fixedWidth?: boolean;
-    /** Размер дропдауна. */
-    size?: EComponentSize;
+    /** Вариант расчёта ширины выпадающего списка. */
+    width?: EDropdownWidth;
 }
 
 /** Композиция компонента DropdownList. */
@@ -2454,8 +2457,7 @@ export declare interface IFooterProps extends default_2.HTMLAttributes<HTMLDivEl
 }
 
 /** Свойства компонета FormFieldClear. */
-export declare interface IFormFieldClearProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    children?: never;
+export declare interface IFormFieldClearProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
 }
 
 /** Свойства компонента FormFieldCounter. */
@@ -2484,7 +2486,7 @@ export declare interface IFormFieldInputProvideProps extends Omit<IFormFieldInpu
 }
 
 /** Свойства компонента FormFieldLabel. */
-export declare interface IFormFieldLabelProps extends default_2.LabelHTMLAttributes<HTMLLabelElement> {
+export declare interface IFormFieldLabelProps extends Omit<default_2.LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> {
     /** Label отображается в уменьшенном виде над полем ввода/селектом. */
     floating?: boolean;
 }
@@ -2763,6 +2765,12 @@ declare interface ILightBoxControlsProps extends default_2.HTMLAttributes<HTMLDi
 declare interface ILightBoxLeftSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /** Фиксация боковой панели. */
     fixed?: boolean;
+    /** Минимальная ширина (в пикселях), при которой содержимое боковой панели отображается. По умолчанию 100. */
+    minVisibleWidth?: number;
+    /** Callback при отображении содержимого боковой панели. */
+    onShow?: () => void;
+    /** Callback при скрытии содержимого боковой панели. */
+    onHide?: () => void;
 }
 
 /** Свойства LightBoxNext. */
@@ -2807,6 +2815,12 @@ export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDiv
 declare interface ILightBoxRightSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /** Фиксация боковой панели. */
     fixed?: boolean;
+    /** Минимальная ширина (в пикселях), при которой содержимое боковой панели отображается. По умолчанию 100. */
+    minVisibleWidth?: number;
+    /** Callback при отображении содержимого боковой панели. */
+    onShow?: () => void;
+    /** Callback при скрытии содержимого боковой панели. */
+    onHide?: () => void;
 }
 
 declare interface ILightBoxSideOverlayCloseDesktopProps extends default_2.HTMLAttributes<HTMLButtonElement> {
@@ -3578,7 +3592,7 @@ export declare interface ISelectFieldProps extends Omit<ISelectExtendedFieldProp
     /** Обработчик изменения значения. */
     onChange: (option: ISelectFieldOption) => void;
     /** Свойства, передающиеся в SelectExtendedField.Target. */
-    targetProps: Omit<ISelectExtendedFieldTargetProps, "opened" | "setOpened" | "size">;
+    targetProps?: Omit<ISelectExtendedFieldTargetProps, "opened" | "setOpened" | "size">;
     /** ClassName передающийся в DropdownListItem. */
     dropdownListItemClassName?: string;
     /** Название Select отображающееся в мобильном режиме. */
@@ -3980,7 +3994,7 @@ export declare interface ISuggestDropdownProps<T extends ISuggestOption = ISugge
 }
 
 /** Свойства, передаваемые в рендер-функцию DropdownListItem. */
-export declare interface ISuggestFieldDesktopDropdownListItemProvideProps extends Pick<IDropdownListItemProps, "children" | "id" | "data-test-id" | "keyCodesForSelection" | "selected" | "onMouseDown" | "onSelect"> {
+export declare interface ISuggestFieldDesktopDropdownListItemProvideProps extends Pick<IDropdownListItemProps, "children" | "id" | "data-test-id" | "keyCodesForSelection" | "selected" | "onMouseDown" | "onSelect" | "showNotificationIcon"> {
 }
 
 /** Свойства, передаваемые в рендер-функцию DropdownList. */
@@ -4032,6 +4046,8 @@ export declare interface ISuggestFieldOption {
     label: string;
     /** Кастомное содержимое опции в списке. */
     content?: default_2.ReactNode;
+    /** Флаг отображения значка новых уведомлений. */
+    showNotificationIcon?: boolean;
 }
 
 /** Свойства компонента SuggestField. */
@@ -4078,6 +4094,8 @@ export declare interface ISuggestOption {
     label: string;
     /** Кастомное содержимое опции в списке. */
     content?: default_2.ReactNode;
+    /** Флаг отображения значка новых уведомлений. */
+    showNotificationIcon?: boolean;
 }
 
 /** Свойства компонента Suggest. */
@@ -4257,10 +4275,28 @@ declare interface ITableFooterFC extends default_2.FC<ITableFooterProps> {
 export declare interface ITableFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
+declare interface ITableFooterSummaryAmountProps {
+    /** Текст лейбла.*/
+    label: string;
+    /** Сумма подытога.*/
+    sum: string;
+    /** Валюта подытога.*/
+    currency: string;
+}
+
 /** Свойства компонента TableFooterSummary. */
 export declare interface ITableFooterSummaryProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
+/** Свойства компонента TableFooterSummarySelectAllButton. */
+declare interface ITableFooterSummarySelectAllButtonProps extends ILinkCommonProps {
+}
+
+/** Свойства компонента TableFooterSummarySelectedCount. */
+declare interface ITableFooterSummarySelectedCountProps {
+    children?: default_2.ReactNode;
+}
+
 /** Свойства объединенной ячейки в строке. */
 export declare interface ITableRowCellSpanProps {
     /** Число ячеек для объединения по вертикали. */
@@ -4777,8 +4813,8 @@ export declare const LightBox: default_2.FC<ILightBoxProps> & {
     SideOverlay: ILightBoxSideOverlayFC;
     TopOverlay: default_2.FC<ITopOverlayProps>;
     Controls: ILightBoxControlsFC;
-    LeftSidebar: default_2.FC<ILightBoxLeftSidebarProps>;
-    RightSidebar: default_2.FC<ILightBoxRightSidebarProps>;
+    LeftSidebar: default_2.ForwardRefExoticComponent<ILightBoxLeftSidebarProps & default_2.RefAttributes<HTMLDivElement>>;
+    RightSidebar: default_2.ForwardRefExoticComponent<ILightBoxRightSidebarProps & default_2.RefAttributes<HTMLDivElement>>;
 };
 
 /** Кнопка закрытия лайтбокса. */
@@ -5364,7 +5400,12 @@ declare const TableBasicSettingsHeader: default_2.FC<ITableBasicSettingsHeaderPr
 export declare const TableFooter: ITableFooterFC;
 
 /** Компонент суммарной информации в подвале таблицы. */
-declare const TableFooterSummary: FC<ITableFooterSummaryProps>;
+declare const TableFooterSummary: (({ children, ...htmlDivAttributes }: ITableFooterSummaryProps) => JSX.Element) & {
+    Amount: default_2.FC<ITableFooterSummaryAmountProps>;
+    SelectedCount: default_2.FC<ITableFooterSummarySelectedCountProps>;
+    SelectAllButton: default_2.FC<ITableFooterSummarySelectAllButtonProps>;
+    displayName: string;
+};
 
 /** Компонент Tabs. */
 export declare const Tabs: default_2.FC<ITabsProps>;
@@ -6134,6 +6175,9 @@ export declare type TPickedDate = Moment | null;
 /** Внешний тип даты, который можно передать в компонент через свойства компонента. */
 export declare type TPickedDateProp = string | Moment | null;
 
+/** Обход ICheckboxData[]. */
+export declare const traverseCheckboxes: (checkboxes: ICheckboxTreeCheckboxData[], cb: (checkbox: ICheckboxTreeCheckboxData) => void) => void;
+
 /** Свойства компонента SegmentedControl. */
 export declare type TSegmentedControlProps = ISegmentedControlSingleProps | ISegmentedControlMultipleProps;
 
@@ -6184,7 +6228,7 @@ export declare const UploadZone: default_2.ForwardRefExoticComponent<IUploadZone
     Input: default_2.FC<IUploadZoneInputProps>;
 };
 
-declare type UploadZoneOnChangeType = (files: FileList | null, e: default_2.SyntheticEvent) => void;
+export declare type UploadZoneOnChangeType = (files: FileList | null, e: default_2.SyntheticEvent) => void;
 
 /**
  * Хук для императивного выполнения и отслеживания media queries