@sberbusiness/triplex-next 1.33.0 → 1.34.0

package/index.d.ts

@@ -103,7 +103,7 @@ export declare const Badge: default_2.ForwardRefExoticComponent<IBadgeProps & de
 declare const Body_2: default_2.ForwardRefExoticComponent<IBodyProps & default_2.RefAttributes<HTMLDivElement>>;
 export { Body_2 as Body }
 
-/** Тело компонента Page. */
+/** Тело компонента Page. Контейнер для основного контента страницы. */
 export declare const BodyPage: default_2.ForwardRefExoticComponent<(IBodyPageTypeFirstProps | IBodyPageTypeSecondProps) & default_2.RefAttributes<HTMLDivElement>>;
 
 declare type BuiltIn = Function | Date | RegExp | Map<any, any> | Set<any> | Promise<any> | Symbol;
@@ -1290,7 +1290,9 @@ export declare enum EBodyPageType {
 }
 
 export declare enum EBodyPageVerticalMargin {
-    LARGE = "large",// 24px
+    /** Большие вертикальные отступы: 24px (16px на узких экранах). Значение по умолчанию. */
+    LARGE = "large",
+    /** Маленькие вертикальные отступы: 16px (8px на узких экранах). Используется в LightBox. */
     SMALL = "small"
 }
 
@@ -2210,27 +2212,29 @@ export declare interface IBadgeProps extends Omit<default_2.HTMLAttributes<HTMLS
 }
 
 export declare interface IBodyPageTypeFirstProps extends IBodyProps {
+    /** Контент тела страницы. */
     children: default_2.ReactNode;
-    /** Тип компонента BodyPage. */
+    /** Тип компонента BodyPage. FIRST оборачивает контент в Island (карточку). */
     type: EBodyPageType.FIRST;
-    /** Размер острова. */
+    /** Размер острова (Island). */
     size?: EComponentSize;
     /**
-     * Отступы сверху и снизу.
-     * По-умолчанию LARGE (24px), в LightBox следует использовать SMALL (16px).
+     * Вертикальные отступы (сверху и снизу).
+     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).
      */
     verticalMargin?: EBodyPageVerticalMargin;
 }
 
 export declare interface IBodyPageTypeSecondProps extends IBodyProps {
+    /** Контент тела страницы. */
     children: default_2.ReactNode;
-    /** Тип компонента BodyPage. */
+    /** Тип компонента BodyPage. SECOND рендерит контент без карточки. */
     type: EBodyPageType.SECOND;
-    /** Размер острова. */
+    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */
     size?: never;
     /**
-     * Отступы сверху и снизу.
-     * По-умолчанию LARGE (24px), в LightBox следует использовать SMALL (16px).
+     * Вертикальные отступы (сверху и снизу).
+     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).
      */
     verticalMargin?: EBodyPageVerticalMargin;
 }
@@ -3878,10 +3882,10 @@ export declare interface ILinkCommonProps extends default_2.AnchorHTMLAttributes
 export declare interface IListEmptyStateProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
-declare interface IListItemContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface IListItemContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
-declare interface IListItemControlsButtonDropdownProps extends Omit<IButtonDropdownProps, "size">, Pick<IListItemControlsButtonProps, "icon"> {
+export declare interface IListItemControlsButtonDropdownProps extends Omit<IButtonDropdownProps, "size">, Pick<IListItemControlsButtonProps, "icon"> {
 }
 
 export declare interface IListItemControlsButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -3889,7 +3893,7 @@ export declare interface IListItemControlsButtonProps extends default_2.ButtonHT
     icon?: default_2.ReactNode;
 }
 
-declare interface IListItemControlsProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface IListItemControlsProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
 /** Свойства компонента ListItemLoading. */
@@ -3909,7 +3913,7 @@ export declare interface IListItemSelectableProps extends Omit<default_2.HTMLAtt
     disabled?: boolean;
 }
 
-declare interface IListItemTableProps extends Omit<IListItemProps, "onSelect"> {
+export declare interface IListItemTableProps extends Omit<IListItemProps, "onSelect"> {
     /** Кнопки действий - <ListItemControlsButton ... /> */
     controlButtons?: default_2.ReactNode;
     /** Обработчик клика по контенту элемента списка. Событие onClick передается на контейнер контента. */
@@ -3922,18 +3926,18 @@ declare interface IListItemTableProps extends Omit<IListItemProps, "onSelect"> {
     swipeableAreaRef?: default_2.Ref<ISwipeableAreaRef>;
 }
 
-declare interface IListItemTableSelectableProps extends Omit<IListItemTableProps, "selected" | "onSelect"> {
+export declare interface IListItemTableSelectableProps extends Omit<IListItemTableProps, "selected" | "onSelect"> {
     /** Обработчик изменения флага selected. */
     onSelect: (selected: boolean) => void;
     /** Флаг состояния selected. */
     selected: boolean;
 }
 
-declare interface IListItemTailLeftProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface IListItemTailLeftProps extends default_2.HTMLAttributes<HTMLSpanElement> {
     children?: never;
 }
 
-declare interface IListItemTailRightProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface IListItemTailRightProps extends default_2.HTMLAttributes<HTMLSpanElement> {
     children?: never;
 }
 
@@ -4352,99 +4356,70 @@ export declare interface INoColumnsProps extends default_2.HTMLAttributes<HTMLDi
 
 /** Свойства компонента NotificationBodyContent. */
 declare interface INotificationBodyContentProps {
+    /** Основное сообщение нотификации. */
     children?: default_2.ReactNode;
 }
 
 /** Свойства компонента NotificationBodyList. */
 declare interface INotificationBodyListProps extends IUnorderedListProps {
+    /** Значения элементов списка. */
     values: string[];
 }
 
 /** Свойства компонента NotificationBody. */
 declare interface INotificationBodyProps {
+    /** Содержимое тела нотификации: Header, Content, List, Footer. */
     children?: default_2.ReactNode;
 }
 
-declare interface INotificationBodySFC extends default_2.FC<INotificationBodyProps> {
-    Header: typeof NotificationHeader;
-    Content: typeof NotificationBodyContent;
-    List: typeof NotificationBodyList;
-    Footer: typeof NotificationFooter;
-}
-
-/**
- * Свойства компонента кнопки закрытия нотификации.
- *
- * @prop {Function} onClick Обработчик закрытия нотификации.
- * @prop {never} [children] Дочерний элемент.
- */
+/** Свойства компонента кнопки закрытия нотификации. */
 declare interface INotificationCloseProps extends Omit<IButtonIconProps, "children"> {
+    /** Обработчик закрытия нотификации. */
     onClick: () => void;
+    /** Дочерний элемент. */
     children?: never;
 }
 
-/**
- * Опции футера нотификации.
- *
- * @prop {React.ReactNode} children Дочерний элемент футера нотификации.
- */
+/** Опции футера нотификации. */
 declare interface INotificationFooterProps {
+    /** Дочерний элемент футера нотификации. */
     children: default_2.ReactNode;
 }
 
-/**
- * Свойства NotificationGrouped.
- */
+/** Свойства NotificationGrouped. */
 export declare interface INotificationGroupedProps {
+    /** Нотификация. */
     children: default_2.ReactNode;
 }
 
-/**
- * Опции хэдера нотификации.
- *
- * @prop {React.ReactNode} children Дочерний элемент хэдера нотификации.
- */
+/** Опции хэдера нотификации. */
 declare interface INotificationHeaderProps {
+    /** Дочерний элемент хэдера нотификации. */
     children: default_2.ReactNode;
 }
 
-/**
- * Опции кастомной иконки нотификации.
- *
- * @prop {React.ReactElement} children Кастомная иконка нотификации.
- */
+/** Опции кастомной иконки нотификации. */
 declare interface INotificationIconProps {
+    /** Кастомная иконка нотификации. */
     children: default_2.ReactElement;
 }
 
-/**
- * Свойства Notification.
- * @prop {React.ReactElement | React.ReactElement[]} children Тело нотификации.
- * @prop {boolean} [withExtraBottomPadding] Признак для увеличения отступа снизу, по дефолту есть в нотификации типа mail.
- * @prop {boolean} [isShowCloseOnHover] Признак является ли нотификация из sideoverlay или алертом, сделано для того чтобы в sideoverlay кнопка закрытия появлялась по ховеру.
- * @prop {Function} [onClick] Обработчик клика на нотификацию.
- */
+/** Свойства Notification. */
 export declare interface INotificationProps extends default_2.ButtonHTMLAttributes<HTMLElement> {
+    /** Тело нотификации. */
     children: default_2.ReactElement | default_2.ReactElement[];
+    /** Признак для увеличения отступа снизу, по дефолту есть в нотификации типа mail. */
     withExtraBottomPadding?: boolean;
+    /** Признак является ли нотификация из sideoverlay или алертом, сделано для того чтобы в sideoverlay кнопка закрытия появлялась по ховеру. */
     isShowCloseOnHover?: boolean;
+    /** Обработчик клика на нотификацию. */
     onClick?: () => void;
 }
 
-export declare interface INotificationSFC extends default_2.FC<INotificationProps> {
-    Icon: typeof NotificationIcon;
-    Body: typeof NotificationBody;
-    Close: typeof NotificationClose;
-    Time: typeof NotificationTime;
-}
-
-/**
- * Опции надписи времени нотификации.
- *
- * @prop {React.ReactText} time Строковое значение времени нотификации.
- */
+/** Опции надписи времени нотификации. */
 declare interface INotificationTimeProps {
-    time: default_2.ReactText;
+    /** Значение времени нотификации. */
+    time: default_2.ReactNode;
 }
 
 /** Свойства компонента NumberField. */
@@ -4460,6 +4435,9 @@ export declare interface IOrderedListProps extends default_2.OlHTMLAttributes<HT
 }
 
 export declare interface IOverlayBaseProps {
+    /**
+     * Render-функция контента оверлея. Получает свойства состояния оверлея.
+     */
     children: (props: IOverlayChildrenProvideProps) => default_2.ReactElement;
     /**
      * Расположение панели с контентом.
@@ -4492,7 +4470,7 @@ export declare interface IOverlayBaseProps {
 }
 
 /**
- * Свойства, передаваемые в render-фцнкцию панели оверлея.
+ * Свойства, передаваемые в render-функцию панели оверлея.
  */
 export declare interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseProps, "direction" | "opened" | "setOpened"> {
     /**
@@ -4513,21 +4491,20 @@ export declare interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseP
     setOpening: (opening: boolean) => void;
 }
 
-export declare interface IOverlayFC extends default_2.FC<IOverlayProps> {
-    Mask: typeof OverlayMask;
-    Panel: typeof OverlayPanel;
-}
-
 export declare interface IOverlayMaskProps extends Pick<IOverlayChildrenProvideProps, "opened">, default_2.HTMLAttributes<HTMLDivElement> {
 }
 
 /** Свойства компонента OverlayPanel. */
 export declare interface IOverlayPanelProps extends default_2.HTMLAttributes<HTMLDivElement>, IOverlayChildrenProvideProps {
+    /**
+     * Контент панели оверлея.
+     */
+    children?: default_2.ReactNode;
 }
 
-export declare interface IOverlayProps extends IOverlayBaseProps, Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface IOverlayProps extends IOverlayBaseProps, Omit<default_2.HTMLAttributes<HTMLDivElement>, "children"> {
     /**
-     * Оврелей с фиксированным позиционированием на всю страницу, иначе с абсолютным поверх родителя.
+     * Оверлей с фиксированным позиционированием на всю страницу, иначе с абсолютным поверх родителя.
      */
     fixed?: boolean;
 }
@@ -6069,10 +6046,10 @@ export declare const ListItemSelectable: default_2.ForwardRefExoticComponent<ILi
 export declare const ListItemTable: default_2.ForwardRefExoticComponent<(IListItemTableSelectableProps | IListItemTableProps) & default_2.RefAttributes<HTMLLIElement>>;
 
 /** Хвост listItem, видимый при свайпе вправо. Размещается внутри компонента SwipeableArea. */
-export declare const ListItemTailLeft: default_2.ForwardRefExoticComponent<IListItemTailLeftProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const ListItemTailLeft: default_2.ForwardRefExoticComponent<IListItemTailLeftProps & default_2.RefAttributes<HTMLSpanElement>>;
 
 /** Хвост listItem, видимый при свайпе влево. Размещается внутри компонента SwipeableArea. */
-export declare const ListItemTailRight: default_2.ForwardRefExoticComponent<IListItemTailRightProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const ListItemTailRight: default_2.ForwardRefExoticComponent<IListItemTailRightProps & default_2.RefAttributes<HTMLSpanElement>>;
 
 /**
  * Compound-компонент, оборачивающий список и фильтры. Содержит набор
@@ -6257,48 +6234,23 @@ export declare const NoColumns: default_2.FC<INoColumnsProps>;
 /**
  * Notification. Может содержать только Icon, Body, Close, Time.
  */
-declare const Notification_2: INotificationSFC;
+declare const Notification_2: default_2.ForwardRefExoticComponent<INotificationProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Icon: default_2.FC<INotificationIconProps>;
+    Body: default_2.ForwardRefExoticComponent<INotificationBodyProps & default_2.RefAttributes<HTMLDivElement>> & {
+        Header: default_2.FC<INotificationHeaderProps>;
+        Content: default_2.FC<INotificationBodyContentProps>;
+        List: default_2.FC<INotificationBodyListProps>;
+        Footer: default_2.FC<INotificationFooterProps>;
+    };
+    Close: default_2.FC<INotificationCloseProps>;
+    Time: default_2.FC<INotificationTimeProps>;
+};
 export { Notification_2 as Notification }
 
-/** Тело нотификации. Состоит из 4х уровней Header, Content, List, Footer. */
-declare const NotificationBody: INotificationBodySFC;
-
-/** Основное сообщение нотификации. */
-declare const NotificationBodyContent: default_2.FC<INotificationBodyContentProps>;
-
-/** Список нотификации. */
-declare const NotificationBodyList: default_2.FC<INotificationBodyListProps>;
-
-/**
- * Компонент кнопки закрытия нотификации.
- */
-declare const NotificationClose: default_2.FC<INotificationCloseProps>;
-
-/**
- * Футер нотификации.
- */
-declare const NotificationFooter: default_2.FC<INotificationFooterProps>;
-
 /**
  * Компонент NotificationGrouped.
- * @prop {React.ReactNode} children Нотификация.
  */
-export declare const NotificationGrouped: default_2.FC<INotificationGroupedProps>;
-
-/**
- * Хэдер нотификации.
- */
-declare const NotificationHeader: default_2.FC<INotificationHeaderProps>;
-
-/**
- * Кастомная иконка нотификации.
- */
-declare const NotificationIcon: default_2.FC<INotificationIconProps>;
-
-/**
- * Надпись времени нотификации.
- */
-declare const NotificationTime: default_2.FC<INotificationTimeProps>;
+export declare const NotificationGrouped: default_2.ForwardRefExoticComponent<INotificationGroupedProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Текстовое поле для ввода числовых значений. */
 export declare const NumberField: default_2.FC<INumberFieldProps>;
@@ -6314,7 +6266,10 @@ export declare const OrderedListItem: default_2.ForwardRefExoticComponent<IOrder
 /**
  * Оверлей элемента/страницы с выезжающей панелью.
  */
-export declare const Overlay: IOverlayFC;
+export declare const Overlay: default_2.ForwardRefExoticComponent<IOverlayProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Mask: default_2.ForwardRefExoticComponent<IOverlayMaskProps & default_2.RefAttributes<HTMLDivElement>>;
+    Panel: default_2.ForwardRefExoticComponent<IOverlayPanelProps & default_2.RefAttributes<HTMLDivElement>>;
+};
 
 /**
  * Базовый функциональный компонент оверлея.

package/index.js

@@ -29,7 +29,7 @@ import { checkChildrenCheckboxes as io, checkParentCheckboxes as fo, traverseChe
 import { CheckboxTreeExtended as so } from "./components/CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { CheckboxTreeExtendedNode as So } from "./components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js";
 import { EChipType as go } from "./components/Chip/enums.js";
-import { C as uo } from "./chunks/Chip-DUgRidoA.js";
+import { C as uo } from "./chunks/Chip-l3XTM9L_.js";
 import { ChipDatePicker as bo } from "./components/Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget as Do } from "./components/Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton as ho } from "./components/Chip/ChipClearButton.js";
@@ -65,7 +65,7 @@ import { DocumentNumberEdit as we } from "./components/DocumentNumberEdit/Docume
 import { DropdownListContext as Pe } from "./components/Dropdown/DropdownListContext.js";
 import { DropdownDesktop as Ae } from "./components/Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as Ne } from "./components/Dropdown/desktop/DropdownList.js";
-import { D as ve } from "./chunks/DropdownListItem-DfdRzHWo.js";
+import { D as ve } from "./chunks/DropdownListItem-Db1_Qf-T.js";
 import { EDropdownAlignment as ze, EDropdownDirection as Ve, EDropdownWidth as Oe } from "./components/Dropdown/desktop/enums.js";
 import { DropdownMobile as Ye } from "./components/Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as Ue } from "./components/Dropdown/mobile/DropdownMobileBody.js";
@@ -90,7 +90,7 @@ import { EFormFieldStatus as Lr } from "./components/FormField/enums.js";
 import { FormFieldClear as wr } from "./components/FormField/components/FormFieldClear.js";
 import { FormFieldCounter as Pr } from "./components/FormField/components/FormFieldCounter.js";
 import { FormFieldDescription as Ar } from "./components/FormField/components/FormFieldDescription.js";
-import { F as Nr } from "./chunks/FormFieldInput-CxAdhoLS.js";
+import { F as Nr } from "./chunks/FormFieldInput-DFQ9utC5.js";
 import { FormFieldLabel as vr } from "./components/FormField/components/FormFieldLabel.js";
 import { FormFieldMaskedInput as zr } from "./components/FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as Or } from "./components/FormField/components/FormFieldPostfix.js";
@@ -120,7 +120,7 @@ import { ImageGalleryExtendedMain as Wt } from "./components/ImageGalleryExtende
 import { ImageGalleryExtendedNav as Ht } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow as Gt } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails as Vt } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import { I as Rt } from "./chunks/ImageGalleryExtendedThumb-Cpk1nE0q.js";
+import { I as Rt } from "./chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
 import { ImageGalleryExtendedDots as _t } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection as Kt } from "./components/ImageGalleryExtended/enums.js";
 import { Island as Zt } from "./components/Island/Island.js";
@@ -150,7 +150,7 @@ import { AdvancedMouseSensor as Rp, AdvancedTouchSensor as Yp, ListSortable as _
 import { ListItem as Kp } from "./components/List/components/ListItem.js";
 import { ListItemControls as Zp } from "./components/List/components/ListItemControls.js";
 import { ListItemContent as qp } from "./components/List/components/ListItemContent.js";
-import { L as Qp } from "./chunks/ListItemControlsButton-Dc6wY6Fp.js";
+import { L as Qp } from "./chunks/ListItemControlsButton-DOzJu8QS.js";
 import { ListItemControlsButtonDropdown as om } from "./components/List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState as rm } from "./components/List/components/ListEmptyState.js";
 import { ListItemLoading as pm } from "./components/List/components/ListItemLoading.js";
@@ -264,7 +264,7 @@ import { SuggestFieldDesktopDropdown as Ef } from "./components/SuggestField/des
 import { SuggestFieldDesktop as Cf } from "./components/SuggestField/desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as cf } from "./components/SuggestField/mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as Ff } from "./components/SuggestField/mobile/SuggestFieldMobileDropdown.js";
-import { S as Mf } from "./chunks/SuggestFieldMobileDropdownHint-C8OEdlFf.js";
+import { S as Mf } from "./chunks/SuggestFieldMobileDropdownHint-AG8aD2R1.js";
 import { SuggestField as If } from "./components/SuggestField/SuggestField.js";
 import { SwipeableArea as yf } from "./components/SwipeableArea/SwipeableArea.js";
 import { MasterTable as kf } from "./components/Table/MasterTable.js";
@@ -321,7 +321,7 @@ import { Title as Yd } from "./components/Typography/Title.js";
 import { UnorderedList as Ud } from "./components/UnorderedList/UnorderedList.js";
 import { UnorderedListItem as Xd } from "./components/UnorderedList/UnorderedListItem.js";
 import { UploadZone as jd } from "./components/UploadZone/UploadZone.js";
-import { U as Jd } from "./chunks/UploadZoneInput-B_FFSQm7.js";
+import { U as Jd } from "./chunks/UploadZoneInput-DsuMWKCX.js";
 import { WindowResizeListener as $d } from "./components/WindowResizeListener/WindowResizeListener.js";
 import { EComponentSize as el } from "./enums/EComponentSize.js";
 import { EFocusSource as tl } from "./enums/EFocusSource.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sberbusiness/triplex-next",
-  "version": "1.33.0",
+  "version": "1.34.0",
   "description": "Библиотека компонентов дизайн-системы Triplex.",
   "license": "Sber Public License at-nc-sa v.2",
   "repository": {