@sberbusiness/triplex-next 1.46.0 → 1.47.0

package/components/Triggers/TriggerClickOnKeyDownEvent.js

@@ -7,14 +7,11 @@ const TriggerClickOnKeyDownEvent = ({
 }) => {
   const handleKeyDown = () => {
     const buttonEl = targetRef.current;
-    if (!buttonEl) {
-      return;
-    }
-    if (buttonEl.offsetParent !== null) {
+    if (buttonEl && buttonEl.offsetParent !== null) {
       buttonEl.click();
     }
   };
-  return /* @__PURE__ */ jsx(KeyDownListener, { onMatch: handleKeyDown, eventKeyCode, children });
+  return /* @__PURE__ */ jsx(KeyDownListener, { eventKeyCode, onMatch: handleKeyDown, children });
 };
 TriggerClickOnKeyDownEvent.displayName = "TriggerClickOnKeyDownEvent";
 export {

package/components/Triggers/TriggerClickOnKeyDownEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerClickOnKeyDownEvent.js","sources":["../../../src/components/Triggers/TriggerClickOnKeyDownEvent.tsx"],"sourcesContent":["import { IKeyDownListenerProps, KeyDownListener } from \"../KeyDownListener/KeyDownListener\";\nimport React from \"react\";\n\n/**\n * Свойства TriggerClickOnKeyDownEvent.\n */\ninterface ITriggerClickOnKeyDownEventProps extends Pick<IKeyDownListenerProps, \"eventKeyCode\"> {\n    /** Ссылка на оборачиваемую кнопку. */\n    targetRef: React.RefObject<HTMLButtonElement>;\n    children: React.ReactElement;\n}\n\n/**\n * При нажатии на клавишу вызывает onClick на дочерний элемент.\n */\nexport const TriggerClickOnKeyDownEvent: React.FC<ITriggerClickOnKeyDownEventProps> = ({\n    children,\n    eventKeyCode,\n    targetRef,\n}) => {\n    const handleKeyDown = () => {\n        const buttonEl = targetRef.current;\n        if (!buttonEl) {\n            return;\n        }\n\n        /**\n         * Проверка: node не имеет свойства display: none, иначе происходит триггер на скрытых элементах.\n         * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n         */\n        if (buttonEl.offsetParent !== null) {\n            buttonEl.click();\n        }\n    };\n\n    return (\n        <KeyDownListener onMatch={handleKeyDown} eventKeyCode={eventKeyCode}>\n            {children}\n        </KeyDownListener>\n    );\n};\n\nTriggerClickOnKeyDownEvent.displayName = \"TriggerClickOnKeyDownEvent\";\n"],"names":[],"mappings":";;AAeO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,gBAAgB,MAAM;AACxB,UAAM,WAAW,UAAU;AAC3B,QAAI,CAAC,UAAU;AACX;AAAA,IACJ;AAMA,QAAI,SAAS,iBAAiB,MAAM;AAChC,eAAS,MAAA;AAAA,IACb;AAAA,EACJ;AAEA,SACI,oBAAC,iBAAA,EAAgB,SAAS,eAAe,cACpC,UACL;AAER;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"TriggerClickOnKeyDownEvent.js","sources":["../../../src/components/Triggers/TriggerClickOnKeyDownEvent.tsx"],"sourcesContent":["import React from \"react\";\nimport { IKeyDownListenerProps, KeyDownListener } from \"../KeyDownListener/KeyDownListener\";\n\n/**\n * Свойства компонента TriggerClickOnKeyDownEvent.\n */\nexport interface ITriggerClickOnKeyDownEventProps extends Pick<IKeyDownListenerProps, \"eventKeyCode\"> {\n    /** Содержимое. Рендерится как есть, без обёртки и без собственной разметки. */\n    children: React.ReactElement;\n    /** Ссылка на кнопку, по которой выполняется клик. Скрытая кнопка кликом не вызывается. */\n    targetRef: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * При нажатии на клавишу вызывает click на кнопке из targetRef.\n * Клавиша слушается на window (через KeyDownListener), собственной разметки компонент не рендерит.\n */\nexport const TriggerClickOnKeyDownEvent: React.FC<ITriggerClickOnKeyDownEventProps> = ({\n    children,\n    eventKeyCode,\n    targetRef,\n}) => {\n    /**\n     * Кликает по кнопке, если она смонтирована и видима.\n     * offsetParent === null — как правило признак того, что элемент или его предок скрыт через\n     * display: none; то же значение дают собственный position: fixed у элемента и элементы вне\n     * документа (fixed на предке на проверку не влияет). Без этой проверки триггер срабатывал бы\n     * и на скрытых кнопках (например, на мобильной копии кнопки).\n     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n     */\n    const handleKeyDown = (): void => {\n        const buttonEl = targetRef.current;\n\n        if (buttonEl && buttonEl.offsetParent !== null) {\n            buttonEl.click();\n        }\n    };\n\n    return (\n        <KeyDownListener eventKeyCode={eventKeyCode} onMatch={handleKeyDown}>\n            {children}\n        </KeyDownListener>\n    );\n};\n\nTriggerClickOnKeyDownEvent.displayName = \"TriggerClickOnKeyDownEvent\";\n"],"names":[],"mappings":";;AAiBO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AASF,QAAM,gBAAgB,MAAY;AAC9B,UAAM,WAAW,UAAU;AAE3B,QAAI,YAAY,SAAS,iBAAiB,MAAM;AAC5C,eAAS,MAAA;AAAA,IACb;AAAA,EACJ;AAEA,SACI,oBAAC,iBAAA,EAAgB,cAA4B,SAAS,eACjD,UACL;AAER;AAEA,2BAA2B,cAAc;"}

package/components/Typography/Caption.js

@@ -1,15 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-865Unx.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
 import { getTextDecorationClassName } from "./utils.js";
-const caption = "caption__a6a5ec9a";
-const regular = "regular__04ee8780";
-const semibold = "semibold__691050e4";
-const c1 = "c1__5f1f2bdf";
-const c2 = "c2__8ead7d4d";
-const d1 = "d1__434bb4e1";
+const caption = "caption__6e90ceb8";
+const regular = "regular__8c989f6d";
+const semibold = "semibold__e3086eb6";
+const c1 = "c1__ce45aff5";
+const c2 = "c2__302a11fd";
+const d1 = "d1__e6fb5ea7";
 const styles = {
   caption,
   regular,

package/components/Typography/CodeText.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-865Unx.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
 import { getTextDecorationClassName } from "./utils.js";
-const codeText = "codeText__0de22727";
+const codeText = "codeText__b843cc10";
 const styles = {
   codeText
 };

package/components/Typography/Text.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-865Unx.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
 import { getTextDecorationClassName } from "./utils.js";
-const text = "text__78be3d85";
-const regular = "regular__04ee8780";
-const semibold = "semibold__691050e4";
-const b1 = "b1__fc1ce6e2";
-const b2 = "b2__2caea585";
-const b3 = "b3__a7a3d8f0";
-const compact = "compact__f3b58c5a";
-const b4 = "b4__0d8e1305";
+const text = "text__fe5b5fec";
+const regular = "regular__8c989f6d";
+const semibold = "semibold__e3086eb6";
+const b1 = "b1__8d180cf0";
+const b2 = "b2__26a1684c";
+const b3 = "b3__1f25260b";
+const compact = "compact__c52ec197";
+const b4 = "b4__60173a62";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ETitleSize, EFontWeightTitle, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-865Unx.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
 import { getTextDecorationClassName } from "./utils.js";
-const title = "title__6aed2076";
-const regular = "regular__04ee8780";
-const medium = "medium__0af1efbb";
-const semibold = "semibold__691050e4";
-const bold = "bold__c0864f19";
-const h1 = "h1__48398f2a";
-const h2 = "h2__22e51c3f";
-const h3 = "h3__f63feef5";
+const title = "title__ef601c38";
+const regular = "regular__8c989f6d";
+const medium = "medium__b40d67ae";
+const semibold = "semibold__e3086eb6";
+const bold = "bold__0ea35262";
+const h1 = "h1__6e8e55fe";
+const h2 = "h2__71ad621f";
+const h3 = "h3__69a3f596";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { F } from "../../chunks/constants-C-865Unx.js";
+import { F } from "../../chunks/constants-DUgeKsf9.js";
 export {
   F as FONT_TYPE_TO_CLASS_NAME_MAP
 };

package/components/UnorderedListExtended/UnorderedListExtended.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { UnorderedListExtendedItem } from "./UnorderedListExtendedItem.js";
-const unorderedListExtended = "unorderedListExtended__6473e299";
+const unorderedListExtended = "unorderedListExtended__ce3d5589";
 const styles = {
   unorderedListExtended
 };
@@ -12,7 +12,7 @@ const UnorderedListExtendedRoot = React__default.forwardRef(
     {
       className: clsx(styles.unorderedListExtended, className),
       ...restProps,
-      "data-tx": "1.46.0",
+      "data-tx": "1.47.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItem.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { UnorderedListExtendedItemMarker } from "./UnorderedListExtendedItemMarker.js";
-const unorderedListExtendedItem = "unorderedListExtendedItem__de37742b";
+const unorderedListExtendedItem = "unorderedListExtendedItem__fbfde691";
 const styles = {
   unorderedListExtendedItem
 };
@@ -19,7 +19,7 @@ const UnorderedListExtendedItemRoot = React__default.forwardRef(
       size,
       tag: "li",
       ...restProps,
-      "data-tx": "1.46.0",
+      "data-tx": "1.47.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItemMarker.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const markerWrapper = "markerWrapper__c620dbbc";
-const marker = "marker__798762e2";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const markerWrapper = "markerWrapper__13b3835f";
+const marker = "marker__badc5ec8";
 const styles = {
   markerWrapper,
   marker
@@ -13,7 +13,7 @@ const UnorderedListExtendedItemMarker = React__default.forwardRef(
     {
       className: clsx(styles.markerWrapper, className),
       ...restProps,
-      "data-tx": "1.46.0",
+      "data-tx": "1.47.0",
       ref,
       children: children === void 0 ? /* @__PURE__ */ jsx("span", { className: styles.marker }) : children
     }

package/components/UploadZone/UploadZone.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, createElement, useEffect } from "react";
 import { createRoot } from "react-dom/client";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-BqBNrWzw.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-1DuaS4IR.js";
 import { UploadZoneContext } from "./UploadZoneContext.js";
 const UploadZone = Object.assign(
   forwardRef((props, ref) => {
@@ -144,7 +144,7 @@ const UploadZone = Object.assign(
           openUploadDialog,
           setInputNode
         },
-        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.46.0", ref, children: [
+        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.47.0", ref, children: [
           /* @__PURE__ */ createElement(
             "div",
             {

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
-import "../../../chunks/vendor-DqjKLGwf.js";
-import { U } from "../../../chunks/UploadZoneInput-BqBNrWzw.js";
+import "../../../chunks/vendor-CUIykw0y.js";
+import { U } from "../../../chunks/UploadZoneInput-1DuaS4IR.js";
 export {
   U as UploadZoneInput
 };

package/components/UploadZone/index.js

@@ -1,5 +1,5 @@
 import { UploadZone } from "./UploadZone.js";
-import { U } from "../../chunks/UploadZoneInput-BqBNrWzw.js";
+import { U } from "../../chunks/UploadZoneInput-1DuaS4IR.js";
 export {
   UploadZone,
   U as UploadZoneInput

package/components/WindowResizeListener/WindowResizeListener.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { t as throttle } from "../../chunks/vendor-DqjKLGwf.js";
+import { t as throttle } from "../../chunks/vendor-CUIykw0y.js";
 const WindowResizeListener = ({
   children,
   onResize,

package/components/index.js

@@ -30,7 +30,7 @@ import { checkChildrenCheckboxes, checkParentCheckboxes, traverseCheckboxes } fr
 import { CheckboxTreeExtended } from "./CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { CheckboxTreeExtendedNode } from "./CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js";
 import { EChipType } from "./Chip/enums.js";
-import { C } from "../chunks/Chip-Bi7plvOY.js";
+import { C } from "../chunks/Chip-DNn2jKWv.js";
 import { ChipDatePicker } from "./Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./Chip/ChipClearButton.js";
@@ -69,7 +69,7 @@ import { DocumentNumberEdit } from "./DocumentNumberEdit/DocumentNumberEdit.js";
 import { DropdownListContext } from "./Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "./Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "./Dropdown/desktop/DropdownList.js";
-import { D } from "../chunks/DropdownListItem-BaP5AaMK.js";
+import { D } from "../chunks/DropdownListItem-B9cIx_8A.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./Dropdown/desktop/enums.js";
 import { DropdownMobile } from "./Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./Dropdown/mobile/DropdownMobileBody.js";
@@ -124,7 +124,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtended/components/Imag
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../chunks/ImageGalleryExtendedThumb-BFa7GPtt.js";
+import { I } from "../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./ImageGalleryExtended/enums.js";
 import { Island } from "./Island/Island.js";
@@ -155,7 +155,7 @@ import { ListItem } from "./List/components/ListItem.js";
 import { ListItemControls } from "./List/components/ListItemControls.js";
 import { ListItemContent } from "./List/components/ListItemContent.js";
 import { ListActionItem } from "./List/components/ListActionItem.js";
-import { L } from "../chunks/ListItemControlsButton-DoNJ-Yfe.js";
+import { L } from "../chunks/ListItemControlsButton-DATlwch8.js";
 import { ListItemControlsButtonDropdown } from "./List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./List/components/ListEmptyState.js";
 import { ListItemLoading } from "./List/components/ListItemLoading.js";
@@ -270,7 +270,7 @@ import { SuggestFieldDesktopDropdown } from "./SuggestField/desktop/SuggestField
 import { SuggestFieldDesktop } from "./SuggestField/desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./SuggestField/mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestField/mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../chunks/SuggestFieldMobileDropdownHint-3ySBEFFO.js";
+import { S } from "../chunks/SuggestFieldMobileDropdownHint-BESIIDZs.js";
 import { SuggestField } from "./SuggestField/SuggestField.js";
 import { SwipeableArea } from "./SwipeableArea/SwipeableArea.js";
 import { MasterTable } from "./Table/MasterTable.js";
@@ -326,7 +326,7 @@ import { Title } from "./Typography/Title.js";
 import { UnorderedList } from "./UnorderedList/UnorderedList.js";
 import { UnorderedListExtended } from "./UnorderedListExtended/UnorderedListExtended.js";
 import { UploadZone } from "./UploadZone/UploadZone.js";
-import { U } from "../chunks/UploadZoneInput-BqBNrWzw.js";
+import { U } from "../chunks/UploadZoneInput-1DuaS4IR.js";
 import { WindowResizeListener } from "./WindowResizeListener/WindowResizeListener.js";
 export {
   ALERT_TYPE_TO_CLASS_NAME_MAP,

package/{components/SliderExtended/utils.js → helpers/setForwardedRef.js}

@@ -1,11 +1,11 @@
 function setForwardedRef(ref, instance) {
   if (typeof ref === "function") {
     ref(instance);
-  } else if (ref) {
+  } else if (ref != null) {
     ref.current = instance;
   }
 }
 export {
   setForwardedRef
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=setForwardedRef.js.map

package/helpers/setForwardedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setForwardedRef.js","sources":["../../src/helpers/setForwardedRef.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * Записать значение в forwarded ref (callback-ref или объектный ref).\n *\n * Внутренний хелпер библиотеки: лежит в `src/helpers`, из корневого barrel не экспортируется\n * и в публичный API не входит. Используется компонентами, которые совмещают внешний ref\n * с собственным — AmountField, ChipSuggest, FormField, List, SliderExtended.\n *\n * @param ref Внешняя ссылка, переданная потребителем.\n * @param instance Экземпляр элемента или null при размонтировании.\n */\nexport function setForwardedRef<T>(ref: React.Ref<T> | undefined, instance: T | null): void {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref != null) {\n        // React.RefObject помечен readonly, но запись в current — единственный способ заполнить объектный ref.\n        (ref as React.MutableRefObject<T | null>).current = instance;\n    }\n}\n"],"names":[],"mappings":"AAYO,SAAS,gBAAmB,KAA+B,UAA0B;AACxF,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,OAAO,MAAM;AAEnB,QAAyC,UAAU;AAAA,EACxD;AACJ;"}