@sberbusiness/triplex-next 0.36.0 → 0.37.0

package/index.d.ts

@@ -1344,7 +1344,9 @@ export declare const FormFieldLabel: default_2.ForwardRefExoticComponent<IFormFi
  * Компонент маскированного ввода.
  * Основан на https://github.com/text-mask/text-mask.
  */
-export declare const FormFieldMaskedInput: IFormFieldIMaskedInputFC;
+export declare const FormFieldMaskedInput: default_2.ForwardRefExoticComponent<IFormFieldMaskedInputProps & default_2.RefAttributes<HTMLDivElement>> & {
+    presets: TFormFieldMaskedInputPresets;
+};
 
 /** Контейнер элементов, отображающихся в правой части FormField. */
 export declare const FormFieldPostfix: default_2.ForwardRefExoticComponent<IFormFieldPostfixProps & default_2.RefAttributes<HTMLSpanElement>>;
@@ -1385,6 +1387,27 @@ export declare function getCaretPosition(field: HTMLInputElement): number;
  */
 export declare const getDataHTMLAttributes: (dataAttributes: TDataHTMLAttributes) => Record<string, string>;
 
+/**
+ * Возвращает безопасное значение атрибута rel для гиперссылки.
+ *
+ * При открытии ссылки в новой вкладке (target="_blank") новая страница получает доступ
+ * к window.opener исходной вкладки и может перенаправить её на фишинговый ресурс
+ * (атака reverse tabnabbing). Чтобы это предотвратить, для target="_blank" по умолчанию
+ * подставляется rel="noopener".
+ *
+ * Используется только noopener (без noreferrer): noopener разрывает доступ к window.opener
+ * и закрывает уязвимость, тогда как noreferrer дополнительно скрывает заголовок Referer,
+ * что ломает реферальную аналитику на целевом сайте — нежелательный побочный эффект.
+ *
+ * Если потребитель явно задал непустой rel, его значение сохраняется без изменений.
+ * Пустая строка трактуется как отсутствие rel: она не является осмысленным способом
+ * отключить защиту, поэтому для target="_blank" всё равно подставляется noopener.
+ *
+ * @param target Значение атрибута target гиперссылки.
+ * @param rel Значение атрибута rel, переданное потребителем (если есть).
+ */
+export declare const getSafeRel: (target: default_2.AnchorHTMLAttributes<HTMLAnchorElement>["target"], rel: default_2.AnchorHTMLAttributes<HTMLAnchorElement>["rel"]) => default_2.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+
 /**
  * Возвращает ширину скроллбара.
  */
@@ -1734,6 +1757,8 @@ export declare interface IButtonDropdownOption extends Omit<IDropdownListItemPro
 export declare interface IButtonDropdownProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /** HTML-атрибуты кнопки. */
     buttonAttributes?: default_2.ButtonHTMLAttributes<HTMLButtonElement>;
+    /** HTML-атрибуты Dropdown. */
+    dropdownAttributes?: default_2.HTMLAttributes<HTMLDivElement> & DataAttributes;
     /** Размер кнопки. */
     size: EComponentSize;
     /** Список опций. */
@@ -2226,6 +2251,8 @@ export declare interface ICollapsibleTreeNodeBranch {
     label: default_2.ReactNode;
     /** Начальное состояние раскрытия ветки. */
     defaultOpened?: boolean;
+    /** Отключает узел: кнопка заголовка становится неактивной, текст и шеврон отображаются приглушённым цветом. */
+    disabled?: boolean;
     /** Дочерние узлы — другие ветки или листья. Если массив пуст или не передан — ветка отображается без шеврона и не раскрывается. */
     children?: TCollapsibleTreeNode[];
 }
@@ -2387,6 +2414,8 @@ export declare interface IDateLimitRange {
 
 /** Свойства компонента DatePickerExtended. */
 export declare interface IDatePickerExtendedProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "onChange">, Pick<IDropdownProps, "alignment">, ICalendarProps {
+    /** Ссылка на целевой элемент для Dropdown. */
+    dropdownTargetRef?: default_2.RefObject<HTMLElement>;
     /** Рендер-функция целевого элемента. */
     renderTarget: () => default_2.ReactNode;
     /** Рендер-функция целевого элемента в заголовке DropdownMobile. */
@@ -2703,10 +2732,6 @@ export declare interface IFormFieldCounterProps extends default_2.HTMLAttributes
 export declare interface IFormFieldDescriptionProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
-export declare interface IFormFieldIMaskedInputFC extends default_2.FC<IFormFieldMaskedInputProps> {
-    presets: TFormFieldMaskedInputPresets;
-}
-
 /** Свойства компонента FormFieldInput. */
 export declare interface IFormFieldInputProps extends default_2.InputHTMLAttributes<HTMLInputElement>, DataAttributes {
     /** Рендер-функция, в которую можно передать любой инпут с нужным функционалом (валидация ввода, маска).
@@ -2726,16 +2751,15 @@ export declare interface IFormFieldLabelProps extends Omit<default_2.LabelHTMLAt
     floating?: boolean;
 }
 
-/** Свойства компонента FormFieldInput. */
+/** Свойства компонента FormFieldMaskedInput. */
 export declare interface IFormFieldMaskedInputProps extends Omit<MaskedInputProps, "guide" | "mask" | "render">, DataAttributes {
     value: string;
-    /** Состояние ошибки. */
-    error?: boolean;
     /** Ссылка на поле ввода. */
     forwardedRef?: default_2.Ref<HTMLInputElement>;
-    /** Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.
+    /**
+     * Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.
      * Подробнее можно ознакомиться https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask.
-     * */
+     */
     mask: TFormFieldMaskedInputMask;
     /** Плейсхолдер, отображаемый при вводе. Например: дд.мм.гггг, при вводе будет отображаться как 22.1м.гггг. */
     placeholderMask?: string;
@@ -3561,10 +3585,8 @@ export declare interface IMasterTableProps extends default_2.HTMLAttributes<HTML
     loading?: boolean;
 }
 
-/**
- * Свойства MediaBetweenWidth.
- */
-declare interface IMediaBetweenWidthProps {
+/** Свойства компонента MediaBetweenWidth. */
+export declare interface IMediaBetweenWidthProps {
     /** Элементы, которые рендерятся, когда ширина окна браузера попадает в диапазон minWidth и/или maxWidth. */
     children: default_2.ReactElement | null;
     /** Минимальная ширина экран, при которой будут отрендерены children. */
@@ -3575,10 +3597,8 @@ declare interface IMediaBetweenWidthProps {
     fallback: default_2.ReactElement | null;
 }
 
-/**
- * Свойства MediaMaxWidth.
- */
-declare interface IMediaMaxWidthProps {
+/** Свойства компонента MediaMaxWidth. */
+export declare interface IMediaMaxWidthProps {
     /** Элементы, которые рендерятся, когда ширина окна браузера соответствует значению maxWidth. */
     children: default_2.ReactElement | null;
     /** Максимальная ширина экран, при которой будут отрендерены children. */
@@ -3587,10 +3607,8 @@ declare interface IMediaMaxWidthProps {
     fallback: default_2.ReactElement | null;
 }
 
-/**
- * Свойства MediaMinWidth.
- */
-declare interface IMediaMinWidthProps {
+/** Свойства компонента MediaMinWidth. */
+export declare interface IMediaMinWidthProps {
     /** Элементы, которые рендерятся, когда ширина окна браузера соответствует значению minWidth. */
     children: default_2.ReactElement | null;
     /** Минимальная ширина экран, при которой будут отрендерены children. */
@@ -3599,10 +3617,8 @@ declare interface IMediaMinWidthProps {
     fallback: default_2.ReactElement | null;
 }
 
-/**
- * Свойства MediaWidth.
- */
-declare interface IMediaProps {
+/** Свойства компонента MediaWidth. */
+export declare interface IMediaProps {
     /** Элементы, которые рендерятся, когда ширина окна браузера попадает в диапазон minWidth и/или maxWidth. */
     children: default_2.ReactElement | null;
     /** Минимальная ширина экран, при которой будут отрендерены children. */
@@ -4058,6 +4074,17 @@ export declare interface ISelectExtendedFieldDefaultOption extends Omit<IDropdow
     label: default_2.ReactNode;
 }
 
+declare interface ISelectExtendedFieldDropdownDefaultProps extends ISelectExtendedFieldDropdownProvideProps, Pick<IDropdownProps, "size" | "width"> {
+    dropdownListItemClassName?: string;
+    dropdownProps?: Omit<IDropdownProps, "children" | "opened" | "setOpened" | "targetRef" | "size" | "mobileViewProps">;
+    loading?: boolean;
+    listId?: string;
+    mobileTitle?: default_2.ReactNode;
+    options: ISelectExtendedFieldDefaultOption[];
+    onChange: (option: ISelectExtendedFieldDefaultOption) => void;
+    value?: ISelectExtendedFieldDefaultOption;
+}
+
 export declare interface ISelectExtendedFieldDropdownFC extends default_2.FC<ISelectExtendedFieldDropdownProps> {
     List: typeof DropdownList;
 }
@@ -4130,6 +4157,8 @@ export declare interface ISelectFieldProps extends Omit<ISelectExtendedFieldProp
     onChange: (option: ISelectFieldOption) => void;
     /** Свойства, передающиеся в SelectExtendedField.Target. */
     targetProps?: Omit<ISelectExtendedFieldTargetProps, "opened" | "setOpened" | "size">;
+    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */
+    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps["dropdownProps"];
     /** ClassName передающийся в DropdownListItem. */
     dropdownListItemClassName?: string;
     /** Название Select отображающееся в мобильном режиме. */
@@ -5057,7 +5086,7 @@ declare interface ITextFieldBaseProps extends Omit<IFormFieldProps, "prefix" | "
     label?: default_2.ReactNode;
 }
 
-/** Свойства TextField. */
+/** Свойства компонента TextField. */
 export declare interface ITextFieldProps extends Omit<ITextFieldBaseProps, "children"> {
     /** Свойства поля ввода. */
     inputProps: IFormFieldInputProps & {
@@ -5065,7 +5094,7 @@ export declare interface ITextFieldProps extends Omit<ITextFieldBaseProps, "chil
     };
 }
 
-declare interface ITextProps extends ITypographyProps {
+export declare interface ITextProps extends ITypographyProps {
     /** Размер текста. */
     size: ETextSize;
     /** Высота блока строки. */
@@ -5565,7 +5594,7 @@ export declare const Marker: default_2.FC<IMarkerProps>;
 export declare const MarkerStatus: default_2.ForwardRefExoticComponent<IMarkerStatusProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Компонент ввода с маской. */
-export declare const MaskedField: default_2.FC<IMaskedFieldProps>;
+export declare const MaskedField: default_2.ForwardRefExoticComponent<IMaskedFieldProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare const MasterTable: IMasterTableFC;
 
@@ -5587,9 +5616,7 @@ export declare const MediaMaxWidth: default_2.FC<IMediaMaxWidthProps>;
  */
 export declare const MediaMinWidth: default_2.FC<IMediaMinWidthProps>;
 
-/**
- * Компонент, который рендерит элементы в зависимости от ширины окна браузера.
- */
+/** Компонент, который рендерит элементы в зависимости от ширины окна браузера. */
 export declare const MediaWidth: default_2.FC<IMediaProps>;
 
 /**
@@ -6752,10 +6779,11 @@ declare type TextComponent = (<T extends default_2.ElementType = "span">(props:
     displayName?: string;
 };
 
-/** Компонент текстового ввода.
- *  Является более компактным вариантом отображения инпутов, чем FormGroup.
- * */
-export declare const TextField: default_2.FC<ITextFieldProps>;
+/**
+ * Компонент текстового ввода.
+ * Является более компактным вариантом отображения инпутов, чем FormGroup.
+ */
+export declare const TextField: default_2.ForwardRefExoticComponent<ITextFieldProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.
  * Подробнее можно ознакомиться https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask.
@@ -7094,7 +7122,7 @@ export declare type UploadZoneOnChangeType = (files: FileList | null, e: default
  * @param initial Начальное значение
  * @returns Результат window.matchMedia(query)
  */
-export declare function useMatchMedia(query: string, initialMatch: boolean): boolean;
+export declare function useMatchMedia(query: string): boolean;
 
 /**
  * Хук для проверки, является ли устройство мобильным (экран <= SM_MAX).

package/index.js

@@ -29,7 +29,7 @@ import { checkChildrenCheckboxes, checkParentCheckboxes, traverseCheckboxes } fr
 import { CheckboxTreeExtended } from "./components/CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js";
 import { EChipType } from "./components/Chip/enums.js";
-import { C } from "./chunks/Chip-DfOiV8Zj.js";
+import { C } from "./chunks/Chip-CugeMcpv.js";
 import { ChipDatePicker } from "./components/Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./components/Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./components/Chip/ChipClearButton.js";
@@ -65,7 +65,7 @@ import { DocumentNumberEdit } from "./components/DocumentNumberEdit/DocumentNumb
 import { DropdownListContext } from "./components/Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "./components/Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "./components/Dropdown/desktop/DropdownList.js";
-import { D } from "./chunks/DropdownListItem-C8XRR4IC.js";
+import { D } from "./chunks/DropdownListItem-XgkJENoJ.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./components/Dropdown/desktop/enums.js";
 import { DropdownMobile } from "./components/Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./components/Dropdown/mobile/DropdownMobileBody.js";
@@ -90,7 +90,7 @@ import { EFormFieldStatus } from "./components/FormField/enums.js";
 import { FormFieldClear } from "./components/FormField/components/FormFieldClear.js";
 import { FormFieldCounter } from "./components/FormField/components/FormFieldCounter.js";
 import { FormFieldDescription } from "./components/FormField/components/FormFieldDescription.js";
-import { F } from "./chunks/FormFieldInput-B5knOj4H.js";
+import { FormFieldInput } from "./components/FormField/components/FormFieldInput.js";
 import { FormFieldLabel } from "./components/FormField/components/FormFieldLabel.js";
 import { FormFieldMaskedInput } from "./components/FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix } from "./components/FormField/components/FormFieldPostfix.js";
@@ -120,7 +120,7 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtended/comp
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import { I } from "./chunks/ImageGalleryExtendedThumb-DcpxzNn0.js";
+import { I } from "./chunks/ImageGalleryExtendedThumb-C64QW6_F.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./components/ImageGalleryExtended/enums.js";
 import { Island } from "./components/Island/Island.js";
@@ -150,7 +150,7 @@ import { AdvancedMouseSensor, AdvancedTouchSensor, ListSortable } from "./compon
 import { ListItem } from "./components/List/components/ListItem.js";
 import { ListItemControls } from "./components/List/components/ListItemControls.js";
 import { ListItemContent } from "./components/List/components/ListItemContent.js";
-import { L } from "./chunks/ListItemControlsButton-BM8dRSBy.js";
+import { L } from "./chunks/ListItemControlsButton-y8aHAdNp.js";
 import { ListItemControlsButtonDropdown } from "./components/List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/List/components/ListEmptyState.js";
 import { ListItemLoading } from "./components/List/components/ListItemLoading.js";
@@ -264,7 +264,7 @@ import { SuggestFieldDesktopDropdown } from "./components/SuggestField/desktop/S
 import { SuggestFieldDesktop } from "./components/SuggestField/desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./components/SuggestField/mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./components/SuggestField/mobile/SuggestFieldMobileDropdown.js";
-import { S } from "./chunks/SuggestFieldMobileDropdownHint-B6Xialt1.js";
+import { S } from "./chunks/SuggestFieldMobileDropdownHint-Ce8nkA7q.js";
 import { SuggestField } from "./components/SuggestField/SuggestField.js";
 import { SwipeableArea } from "./components/SwipeableArea/SwipeableArea.js";
 import { MasterTable } from "./components/Table/MasterTable.js";
@@ -321,7 +321,7 @@ import { Title } from "./components/Typography/Title.js";
 import { UnorderedList } from "./components/UnorderedList/UnorderedList.js";
 import { UnorderedListItem } from "./components/UnorderedList/UnorderedListItem.js";
 import { UploadZone } from "./components/UploadZone/UploadZone.js";
-import { U } from "./chunks/UploadZoneInput-R_IOodWL.js";
+import { U } from "./chunks/UploadZoneInput-CXHoO_4p.js";
 import { WindowResizeListener } from "./components/WindowResizeListener/WindowResizeListener.js";
 import { EComponentSize } from "./enums/EComponentSize.js";
 import { EFocusSource } from "./enums/EFocusSource.js";
@@ -335,6 +335,7 @@ import { StringUtils } from "./utils/stringUtils.js";
 import { FocusTrapUtils } from "./utils/focus/FocusTrapUtils.js";
 import { getAriaHTMLAttributes } from "./utils/html/AriaAttributes.js";
 import { getDataHTMLAttributes } from "./utils/html/DataAttributes.js";
+import { getSafeRel } from "./utils/html/anchorSecurity.js";
 import { addClassNameWithScrollbarWidth, getScrollbarWidth } from "./utils/scroll/scrollbar.js";
 import { MONTHS_SET, WEEKDAYS_SET, WEEKS_SET, dateFormatYYYYMMDD, globalLimitRange, headerDateFormat } from "./consts/DateConst.js";
 import { AmountConst } from "./consts/AmountConst.js";
@@ -507,7 +508,7 @@ export {
   FormFieldClear,
   FormFieldCounter,
   FormFieldDescription,
-  F as FormFieldInput,
+  FormFieldInput,
   FormFieldLabel,
   FormFieldMaskedInput,
   FormFieldPostfix,
@@ -724,6 +725,7 @@ export {
   getAriaHTMLAttributes,
   getCaretPosition,
   getDataHTMLAttributes,
+  getSafeRel,
   getScrollbarWidth,
   globalLimitRange,
   headerDateFormat,

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

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