@sberbusiness/triplex-next 1.44.0 → 1.46.0

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
@@ -20,12 +20,12 @@ import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__73056979";
-const caretIcon = "caretIcon__3a18d8f8";
-const selectOpened = "selectOpened__f7b8ed98";
-const disabled = "disabled__2d51f149";
-const target = "target__a62ebf45";
-const caretWrapper = "caretWrapper__5ba108cc";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__0834ce2d";
+const caretIcon = "caretIcon__4e7e84f2";
+const selectOpened = "selectOpened__3889226f";
+const disabled = "disabled__dbe17343";
+const target = "target__f9d3fffb";
+const caretWrapper = "caretWrapper__a38dabd4";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.44.0",
+        "data-tx": "1.46.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useRef } from "react";
+import React__default, { useState } from "react";
 import { SelectExtendedField } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DOjFvzKN.js";
+import "../../chunks/DropdownListItem-BaP5AaMK.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,9 +21,10 @@ import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../Dropdown/Dropdown.js";
-import { u as uniqueId } from "../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId } from "../../chunks/vendor-DqjKLGwf.js";
 const SelectField = React__default.forwardRef((props, ref) => {
   const {
+    // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).
     children,
     className,
     value,
@@ -33,6 +34,7 @@ const SelectField = React__default.forwardRef((props, ref) => {
     placeholder,
     loading,
     status,
+    // aria-labelledby адресован полю выбора, а не корневому <div>, поэтому не уходит в rest.
     "aria-labelledby": ariaLabelledby,
     dropdownListItemClassName,
     mobileTitle,
@@ -41,17 +43,8 @@ const SelectField = React__default.forwardRef((props, ref) => {
     ...rest
   } = props;
   const [activeDescendant, setActiveDescendant] = useState();
-  const targetRef = useRef(null);
-  const instanceId = useRef(uniqueId());
-  const setRef = (node) => {
-    targetRef.current = node;
-    if (typeof ref === "function") {
-      ref(node);
-    } else if (ref) {
-      ref.current = node;
-    }
-  };
-  const renderTarget = (props2) => /* @__PURE__ */ jsx(
+  const [listId] = useState(() => uniqueId());
+  const renderTarget = (targetProvideProps) => /* @__PURE__ */ jsx(
     SelectExtendedField.Target,
     {
       label: value == null ? void 0 : value.label,
@@ -59,26 +52,26 @@ const SelectField = React__default.forwardRef((props, ref) => {
       loading,
       status,
       role: "combobox",
-      "aria-controls": instanceId.current,
+      "aria-controls": listId,
       "aria-activedescendant": activeDescendant,
       "aria-labelledby": ariaLabelledby,
-      ref: setRef,
+      ref,
       size,
       fieldLabel: void 0,
       ...targetProps,
-      ...props2
+      ...targetProvideProps
     }
   );
-  const renderDropdown = (props2) => /* @__PURE__ */ jsx(DropdownListContext.Provider, { value: { activeDescendant, setActiveDescendant }, children: /* @__PURE__ */ jsx(
+  const renderDropdown = (dropdownProvideProps) => /* @__PURE__ */ jsx(DropdownListContext.Provider, { value: { activeDescendant, setActiveDescendant }, children: /* @__PURE__ */ jsx(
     SelectExtendedFieldDropdownDefault,
     {
-      ...props2,
+      ...dropdownProvideProps,
       size,
       width: EDropdownWidth.TARGET,
       dropdownProps,
       dropdownListItemClassName,
       loading,
-      listId: instanceId.current,
+      listId,
       mobileTitle,
       onChange,
       options,

package/components/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport {\n    ISelectExtendedFieldDropdownDefaultProps,\n    SelectExtendedFieldDropdownDefault,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { uniqueId } from \"lodash-es\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EDropdownWidth } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    children?: never;\n    /** Текущее выбранное значение. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */\n    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps[\"dropdownProps\"];\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/* Базовый компонент SelectField. */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        dropdownProps,\n        ...rest\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const instanceId = useRef(uniqueId());\n\n    const setRef = (node: HTMLInputElement | null) => {\n        targetRef.current = node;\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    const renderTarget = (props: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={instanceId.current}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={setRef}\n            size={size}\n            fieldLabel={undefined}\n            {...targetProps}\n            {...props}\n        />\n    );\n\n    const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                dropdownProps={dropdownProps}\n                dropdownListItemClassName={dropdownListItemClassName}\n                loading={loading}\n                listId={instanceId.current}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":["React","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6CO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAChD,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,aAAa,OAAO,UAAU;AAEpC,QAAM,SAAS,CAAC,SAAkC;AAC9C,cAAU,UAAU;AACpB,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,IAAI;AAAA,IACZ,WAAW,KAAK;AACZ,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ;AAEA,QAAM,eAAe,CAACC,WAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe,WAAW;AAAA,MAC1B,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB,KAAK;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAGA;AAAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAACA,WACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGA;AAAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}
+{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport {\n    ISelectExtendedFieldDropdownDefaultProps,\n    SelectExtendedFieldDropdownDefault,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { EDropdownWidth } from \"@sberbusiness/triplex-next/components/Dropdown\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\n/** Свойства компонента SelectField. */\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    /** Выпадающий блок компонент рендерит сам, поэтому children не принимаются. */\n    children?: never;\n    /** Текущее выбранное значение. С опцией списка сопоставляется по полю id. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. Вызывается с выбранной опцией, список при этом закрывается. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */\n    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps[\"dropdownProps\"];\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/**\n * Базовый компонент SelectField.\n * Готовый Select со списком опций: поле выбора и выпадающий блок собраны заранее, состоянием\n * открытости владеет SelectExtendedField. Сам компонент отвечает только за связку поля со списком\n * (aria-controls, aria-activedescendant) и за прокидывание опций в выпадающий блок.\n */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        // aria-labelledby адресован полю выбора, а не корневому <div>, поэтому не уходит в rest.\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        dropdownProps,\n        ...rest\n    } = props;\n\n    // Идентификатор активной (подсвеченной с клавиатуры) опции. Его выставляет DropdownList\n    // через DropdownListContext, а поле выбора отдаёт в aria-activedescendant.\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    // Идентификатор списка опций. Должен быть стабилен на всё время жизни компонента:\n    // на него ссылается aria-controls поля выбора.\n    const [listId] = useState(() => uniqueId());\n\n    const renderTarget = (targetProvideProps: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={listId}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={ref}\n            size={size}\n            // fieldLabel обязателен в Target, но у SelectField его нет: заголовок задаётся\n            // только через targetProps, поэтому здесь стоит заглушка, которую спред перекрывает.\n            fieldLabel={undefined}\n            {...targetProps}\n            // Состояние открытости приходит от SelectExtendedField и перекрывает targetProps.\n            {...targetProvideProps}\n        />\n    );\n\n    const renderDropdown = (dropdownProvideProps: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...dropdownProvideProps}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                dropdownProps={dropdownProps}\n                dropdownListItemClassName={dropdownListItemClassName}\n                loading={loading}\n                listId={listId}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAIJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAGhD,QAAM,CAAC,MAAM,IAAI,SAAS,MAAM,UAAU;AAE1C,QAAM,eAAe,CAAC,uBAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MAGA,YAAY;AAAA,MACX,GAAG;AAAA,MAEH,GAAG;AAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAAC,yBACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Skeleton/Skeleton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__4b94adc4";
-const type1 = "type1__8b5b56f4";
-const type2 = "type2__33f02b48";
-const type3 = "type3__0e9d0128";
+const skeleton = "skeleton__663e3d7f";
+const type1 = "type1__5a456f03";
+const type2 = "type2__0bd37e50";
+const type3 = "type3__9914d4d7";
 const styles = {
   skeleton,
   type1,
@@ -25,7 +25,7 @@ const Skeleton = ({
   {
     className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
     ...htmlDivAttributes,
-    "data-tx": "1.44.0"
+    "data-tx": "1.46.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo } from "react";
-import { k as range, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { k as range, c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { SliderExtendedDot } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-CBpr9S0R.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-BI8zsX61.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
@@ -73,7 +73,7 @@ const SliderExtendedBase = React__default.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "1.44.0",
+            "data-tx": "1.46.0",
             ref,
             children
           }

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useRef, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
@@ -10,11 +10,11 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../utils.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
-const sliderExtendedDot = "sliderExtendedDot__7a04bea4";
-const focusedByClick = "focusedByClick__15c93251";
-const disabled = "disabled__53183f83";
-const dragByMouse = "dragByMouse__4dd9fdb2";
-const lg = "lg__eb1e1db2";
+const sliderExtendedDot = "sliderExtendedDot__0ebbb0c7";
+const focusedByClick = "focusedByClick__604046ae";
+const disabled = "disabled__149ce62c";
+const dragByMouse = "dragByMouse__5b86dd37";
+const lg = "lg__7c8d5a17";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
 import { EComponentSize } from "../../../../enums/EComponentSize.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CuyZnXA3.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-m4ckCTSy.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SliderExtendedMark = React__default.forwardRef(
   ({ children, className, style, value, ...htmlSpanAttributes }, ref) => {

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CuyZnXA3.js";
+import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-m4ckCTSy.js";
 const SliderExtendedMarks = React__default.forwardRef(
   ({ className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes, ref })
 );

package/components/SliderExtended/components/SliderExtendedMoveHandler.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { t as throttle } from "../../../chunks/vendor-D4wvHis9.js";
+import { t as throttle } from "../../../chunks/vendor-DqjKLGwf.js";
 const DEFAULT_MOUSE_MOVE_WAIT = 50;
 const SliderExtendedMoveHandler = ({
   children,

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D4wvHis9.js";
+import "../../../chunks/vendor-DqjKLGwf.js";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../utils.js";
-import { S } from "../../../chunks/SliderExtendedRail-CBpr9S0R.js";
+import { S } from "../../../chunks/SliderExtendedRail-BI8zsX61.js";
 export {
   S as SliderExtendedRail
 };

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useCallback } from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { setForwardedRef } from "../../utils.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__1982a7b8";
-const lg = "lg__eb1e1db2";
-const tooltipBody = "tooltipBody__c888391c";
-const tooltipTip = "tooltipTip__e1cd0765";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__669b04ef";
+const lg = "lg__7c8d5a17";
+const tooltipBody = "tooltipBody__2c3d59b9";
+const tooltipTip = "tooltipTip__225cc008";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useRef, useCallback } from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
@@ -10,12 +10,12 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../utils.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
-const sliderExtendedTrack = "sliderExtendedTrack__416e2284";
-const lg = "lg__eb1e1db2";
-const focusedByClick = "focusedByClick__15c93251";
-const hoverOrDragByMouse = "hoverOrDragByMouse__cbfac577";
-const staticSlider = "staticSlider__4a86f5a5";
-const disabled = "disabled__53183f83";
+const sliderExtendedTrack = "sliderExtendedTrack__461f4f92";
+const lg = "lg__7c8d5a17";
+const focusedByClick = "focusedByClick__604046ae";
+const hoverOrDragByMouse = "hoverOrDragByMouse__a9bcba70";
+const staticSlider = "staticSlider__ee0a15fa";
+const disabled = "disabled__149ce62c";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

@@ -1,11 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const smallInput = "smallInput__8433ec10";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+const smallInput = "smallInput__c2688ac8";
 const styles = {
   smallInput
 };
-const SmallInput = React__default.forwardRef(({ className, ...rest }, ref) => /* @__PURE__ */ jsx("input", { className: clsx(styles.smallInput, className), ...rest, type: "text", ref }));
+const SmallInput = React__default.forwardRef(({ className, ...rest }, ref) => (
+  // type стоит после ...rest: компонент всегда рендерит текстовое поле, переданный извне type не применяется.
+  /* @__PURE__ */ jsx("input", { className: clsx(styles.smallInput, className), ...rest, type: "text", ref })
+));
 SmallInput.displayName = "SmallInput";
 export {
   SmallInput

package/components/SmallInput/SmallInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallInput.js","sources":["../../../src/components/SmallInput/SmallInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/SmallInput.module.less\";\n\n/** Свойства компонента SmallInput. */\nexport interface ISmallInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/** Уменьшенное поле ввода, используется в HeaderPage. */\nexport const SmallInput = React.forwardRef<HTMLInputElement, ISmallInputProps>(({ className, ...rest }, ref) => (\n    <input className={clsx(styles.smallInput, className)} {...rest} type=\"text\" ref={ref} />\n));\n\nSmallInput.displayName = \"SmallInput\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,aAAaA,eAAM,WAA+C,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QACpG,oBAAC,WAAM,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,MAAK,QAAO,KAAU,CACzF;AAED,WAAW,cAAc;"}
+{"version":3,"file":"SmallInput.js","sources":["../../../src/components/SmallInput/SmallInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/SmallInput.module.less\";\n\n/** Свойства компонента SmallInput. */\nexport interface ISmallInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/**\n * Компактное однострочное поле ввода высотой 20px без лейбла, статусов и обвязки FormField.\n * Рассчитано на инлайн-редактирование в плотной вёрстке — например, номера документа в DocumentNumberEdit.\n * Всегда рендерит `type=\"text\"`: переданный извне `type` не применяется.\n */\nexport const SmallInput = React.forwardRef<HTMLInputElement, ISmallInputProps>(({ className, ...rest }, ref) => (\n    // type стоит после ...rest: компонент всегда рендерит текстовое поле, переданный извне type не применяется.\n    <input className={clsx(styles.smallInput, className)} {...rest} type=\"text\" ref={ref} />\n));\n\nSmallInput.displayName = \"SmallInput\";\n"],"names":["React"],"mappings":";;;;;;;AAYO,MAAM,aAAaA,eAAM,WAA+C,CAAC,EAAE,WAAW,GAAG,QAAQ;AAAA;AAAA,EAEpG,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,MAAK,QAAO,IAAA,CAAU;AAAA,CACzF;AAED,WAAW,cAAc;"}

package/components/Spoiler/Spoiler.js

@@ -8,16 +8,16 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const spoiler = "spoiler__63929db6";
-const opened = "opened__0f17e142";
-const caretIcon = "caretIcon__ef5bdf1c";
-const head = "head__04c58f94";
-const content = "content__cdc8e088";
-const hidden = "hidden__bf68e286";
-const lg = "lg__8cd315b3";
-const md = "md__bce8553a";
-const sm = "sm__df7c63b2";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+const spoiler = "spoiler__220764bf";
+const opened = "opened__54395337";
+const caretIcon = "caretIcon__8c0e8e0c";
+const head = "head__5ca5277b";
+const content = "content__9a8ce140";
+const hidden = "hidden__2b4559b0";
+const lg = "lg__adc5ee59";
+const md = "md__5fda0729";
+const sm = "sm__34b15a71";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.44.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.46.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../chunks/StatusTracker.module-Duk0PPcv.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -30,7 +30,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.44.0",
+        "data-tx": "1.46.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 const StatusTrackerBody = Object.assign(
   React__default.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 const StatusTrackerDescription = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton } from "./StatusTrackerButton.js";
 const StatusTrackerFooter = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 const StatusTrackerHeader = Object.assign(
   React__default.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 const StatusTrackerMedia = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, children });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
 const StatusTrackerStatus = (props) => {
   const { children, className, ...rest } = props;

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__b62e6956";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__4b41f0d5";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { ETitleSize, EFontWeightTitle } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import { Amount } from "../../Amount/Amount.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 const StatusTrackerSum = (props) => {
   const { className, amountProps, ...restProps } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { ETitleSize, EFontWeightTitle } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Duk0PPcv.js";
 const StatusTrackerTitle = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/Step/Step.js

@@ -8,24 +8,24 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__a09cc861";
-const sm = "sm__4242039a";
-const md = "md__2d7d9b1e";
-const lg = "lg__745c47f4";
-const done = "done__e124dee2";
-const warning = "warning__a78413ff";
-const active = "active__4fc39f87";
-const error = "error__6835d48b";
-const disabled = "disabled__4603f722";
+const step = "step__95255334";
+const sm = "sm__c96b263c";
+const md = "md__ee9bbf1e";
+const lg = "lg__22c5fd76";
+const done = "done__d69c127f";
+const warning = "warning__9a358877";
+const active = "active__9dc6ac72";
+const error = "error__a68e8c11";
+const disabled = "disabled__acee10e2";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__1e40d9ee",
+  "default": "default__0e826597",
   done,
   warning,
   active,