npm - @sberbusiness/triplex-next - Versions diffs - 0.32.0 → 0.33.0 - Mend

@sberbusiness/triplex-next 0.32.0 → 0.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (443) hide show

package/index.d.ts CHANGED Viewed

@@ -503,7 +503,7 @@ declare const designTokensComponentsIslandKeys: readonly ["Type1_Background", "T
 declare const designTokensComponentsIslandWidgetKeys: readonly ["ExtraFooter_Background", "ExtraFooter_Shadow"];
-declare const designTokensComponentsLightBoxKeys: readonly ["Backdrop_Background", "Content_Background"];
+declare const designTokensComponentsLightBoxKeys: readonly ["Backdrop_Background", "Content_Background", "SideOverlay_Background"];
 declare const designTokensComponentsLinkKeys: readonly ["BorderColor_Focus", "Text_Color_Active", "Text_Color_Default", "Text_Color_Hover"];
@@ -867,8 +867,8 @@ export declare enum EFontWeightText {
 /** Возможные начертания шрифта компонента Title. */
 export declare enum EFontWeightTitle {
-    MEDIUM = "medium",
     REGULAR = "regular",
+    MEDIUM = "medium",
     SEMIBOLD = "semibold",
     BOLD = "bold"
 }
@@ -2634,6 +2634,10 @@ export declare interface IExpandAnimationProps extends default_2.HTMLAttributes<
 export declare interface IFilterPanelProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
+/** Свойства компонента FocusTrapExtended. */
+declare interface IFocusTrapExtendedProps extends default_4.Props {
+}
 declare interface IFocusTrapUtils {
     /** Data-атрибут, на который будет установлен фокус при использовании FocusTrap. */
     firstInteractionElementDataAttr: string;
@@ -3207,8 +3211,8 @@ declare interface ILightBoxPrevProps extends default_2.HTMLAttributes<HTMLDivEle
 /** Свойства компонента LightBox. */
 export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDivElement> {
     children: default_2.ReactElement[];
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Ref на контейнер LightBox. */
     forwardRef?: default_2.MutableRefObject<HTMLElement | null>;
     /** DOM-нода в которую будет рендерится лайтбокс. */
@@ -3246,15 +3250,10 @@ declare interface ILightBoxSideOverlayCloseDesktopProps extends default_2.HTMLAt
 declare interface ILightBoxSideOverlayCloseMobileProps extends default_2.HTMLAttributes<HTMLButtonElement> {
 }
-export declare interface ILightBoxSideOverlayFC extends default_2.FC<ILightBoxSideOverlayProps> {
-    CloseDesktop: typeof LightBoxSideOverlayCloseDesktop;
-    CloseMobile: typeof LightBoxSideOverlayCloseMobile;
-}
 /** Свойства компонента LightBoxSideOverlay. */
 export declare interface ILightBoxSideOverlayProps extends default_2.HTMLAttributes<HTMLDivElement>, Pick<IOverlayBaseProps, "opened" | "onClose" | "onOpen"> {
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Состояние загрузки. */
     isLoading?: boolean;
     /** Текст под спиннером. */
@@ -3604,9 +3603,7 @@ declare interface IMediaProps {
     fallback: default_2.ReactElement | null;
 }
-/**
- * Свойства MobileView.
- */
+/** Свойства компонента MobileView. */
 export declare interface IMobileViewProps {
     /** Элементы, которые рендерятся, когда ширина окна браузера соответствует ширине мобильного устройства (<768px). */
     children: default_2.ReactElement | null;
@@ -3661,8 +3658,8 @@ export declare interface IModalWindowProps extends default_2.HTMLAttributes<HTML
     children: default_2.ReactElement;
     /** ClassName контейнера модального окна. */
     containerClassName?: string;
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Callback после анимации закрытия модального окна. */
     onExited?: () => void;
     /** Кнопка закрыть. Обычно — `ModalWindowClose`. Рендерится внутри корневого dialog-элемента поверх контента. */
@@ -5264,8 +5261,8 @@ export declare interface ITooltipYCoordinates {
 /** Свойства компонента TopOverlay. */
 export declare interface ITopOverlayProps extends Pick<IOverlayProps, "opened" | "onOpen" | "onClose"> {
     children?: default_2.ReactNode;
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
 }
 /**
@@ -5420,7 +5417,10 @@ export declare class KeyDownListener extends default_2.Component<IKeyDownListene
 export declare const LightBox: default_2.FC<ILightBoxProps> & {
     Content: default_2.FC<ILightBoxContentProps>;
-    SideOverlay: ILightBoxSideOverlayFC;
+    SideOverlay: default_2.ForwardRefExoticComponent<ILightBoxSideOverlayProps & default_2.RefAttributes<HTMLDivElement>> & {
+        CloseDesktop: default_2.FC<ILightBoxSideOverlayCloseDesktopProps>;
+        CloseMobile: default_2.FC<ILightBoxSideOverlayCloseMobileProps>;
+    };
     TopOverlay: default_2.FC<ITopOverlayProps>;
     Controls: ILightBoxControlsFC;
     LeftSidebar: default_2.ForwardRefExoticComponent<ILightBoxLeftSidebarProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -5438,23 +5438,11 @@ declare const LightBoxNext: default_2.FC<ILightBoxNextProps>;
 /** Стрелка лайтбокса "Назад". */
 declare const LightBoxPrev: default_2.FC<ILightBoxPrevProps>;
-/**
- * Боковая панель LightBox.
- * Выезжает из правой границы LightBox.
- */
-export declare const LightBoxSideOverlay: ILightBoxSideOverlayFC;
-/**
- * Компонент закрытия SideOverlay для десктопа.
- * Отображается только на десктопе, справа от заголовка SideOverlay.
- */
-declare const LightBoxSideOverlayCloseDesktop: default_2.FC<ILightBoxSideOverlayCloseDesktopProps>;
-/**
- * Компонент закрытия SideOverlay для мобильного устройства.
- * Отображается только на мобильном устройстве, внутри заголовка SideOverlay.
- */
-declare const LightBoxSideOverlayCloseMobile: default_2.FC<ILightBoxSideOverlayCloseMobileProps>;
+/** Боковая панель LightBox, выезжающая с правой стороны. */
+export declare const LightBoxSideOverlay: default_2.ForwardRefExoticComponent<ILightBoxSideOverlayProps & default_2.RefAttributes<HTMLDivElement>> & {
+    CloseDesktop: default_2.FC<ILightBoxSideOverlayCloseDesktopProps>;
+    CloseMobile: default_2.FC<ILightBoxSideOverlayCloseMobileProps>;
+};
 export declare const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";
@@ -6029,7 +6017,7 @@ export declare const StepperExtended: default_2.FC<IStepperExtendedProps> & ISte
 declare const StepperStep: default_2.FC<IStepperStepProps> & IStepperStepComposition;
 /** Компонент StepperStepIcon, иконка в шаге. */
-declare const StepperStepIcon: default_2.FC<TStepperStepIconProps>;
+export declare const StepperStepIcon: default_2.FC<TStepperStepIconProps>;
 /** Утилиты для работы со строками. */
 export declare const StringUtils: {
@@ -7043,7 +7031,7 @@ export declare type TSliderRangeValues = [number, number];
 declare type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;
 /** Свойства иконки в шаге. */
-declare type TStepperStepIconProps = {
+export declare type TStepperStepIconProps = {
     /** Тип иконки. */
     type: EStepperStepIconType;
 };
@@ -7116,7 +7104,13 @@ export declare type UploadZoneOnChangeType = (files: FileList | null, e: default
  * @param initial Начальное значение
  * @returns Результат window.matchMedia(query)
  */
-export declare function useMatchMedia(query: string, initial: boolean): boolean;
+export declare function useMatchMedia(query: string, initialMatch: boolean): boolean;
+/**
+ * Хук для проверки, является ли устройство мобильным (экран <= SM_MAX).
+ * @returns true, если ширина экрана соответствует мобильному устройству
+ */
+export declare const useMobileView: () => boolean;
 /** Хук для получения контекста Suggest. */
 export declare const useSuggestContext: <T extends ISuggestOption>() => ISuggestContext<T>;