@sberbusiness/triplex-next 1.35.1 → 1.37.0

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -5,9 +5,9 @@ import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__1bbd99f8";
-const selected = "selected__b33c2cc5";
-const content = "content__9056124b";
+const segmentedControlSegment = "segmentedControlSegment__0c8514ea";
+const selected = "selected__689b39af";
+const content = "content__2bb6bb8e";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -5,7 +5,7 @@ import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__ff8820db";
+const selectExtendedField = "selectExtendedField__d62b927a";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CboBGsbx.js";
+import "../../../chunks/DropdownListItem-DlQBVEg0.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -4,7 +4,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CboBGsbx.js";
+import "../../../chunks/DropdownListItem-DlQBVEg0.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -25,6 +25,7 @@ import "../../Typography/Title.js";
 const SelectExtendedFieldDropdownDefault = ({
   dropdownRef,
   dropdownListItemClassName,
+  dropdownProps,
   width,
   loading,
   listId,
@@ -46,6 +47,7 @@ const SelectExtendedFieldDropdownDefault = ({
       setOpened,
       targetRef,
       size,
+      ...dropdownProps,
       mobileViewProps: {
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setOpened(false) }), children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, children: mobileTitle }) }),

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectExtendedFieldDropdownDefault.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    SelectExtendedField,\n} from \"../SelectExtendedField\";\nimport {\n    DropdownMobileBody,\n    DropdownMobileClose,\n    DropdownMobileHeader,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownProps,\n} from \"../../Dropdown\";\nimport { Text, ETextSize } from \"../../Typography\";\n\nexport interface ISelectExtendedFieldDropdownDefaultProps\n    extends ISelectExtendedFieldDropdownProvideProps, Pick<IDropdownProps, \"size\" | \"width\"> {\n    /* ClassName для модификации SelectExtendedField.Dropdown.List.Item. */\n    dropdownListItemClassName?: string;\n    /* Состояние загрузки. В этот момент Dropdown закрыт, Target отображает loader. */\n    loading?: boolean;\n    /* Id SelectExtendedField.Dropdown.List. Нужен для связи с Target. */\n    listId?: string;\n    /* Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n    /* Список опций. */\n    options: ISelectExtendedFieldDefaultOption[];\n    /* Обработчик изменения значения. */\n    onChange: (option: ISelectExtendedFieldDefaultOption) => void;\n    /* Текущее выбранное значение. */\n    value?: ISelectExtendedFieldDefaultOption;\n}\n\n/**\n * Дефолтный рендер Dropdown для SelectExtendedField.\n * Вынесено в отдельный компонент для переиспользования внутри компонентов Triplex.\n */\nexport const SelectExtendedFieldDropdownDefault: React.FC<ISelectExtendedFieldDropdownDefaultProps> = ({\n    dropdownRef,\n    dropdownListItemClassName,\n    width,\n    loading,\n    listId,\n    mobileTitle,\n    onChange,\n    opened,\n    size,\n    options,\n    setOpened,\n    targetRef,\n    value,\n}) => {\n    return (\n        <SelectExtendedField.Dropdown\n            opened={opened && !loading}\n            forwardedRef={dropdownRef}\n            width={width}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            size={size}\n            mobileViewProps={{\n                children: (\n                    <>\n                        <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}>\n                            <Text tag=\"div\" size={ETextSize.B3}>\n                                {mobileTitle}\n                            </Text>\n                        </DropdownMobileHeader>\n                        <DropdownMobileBody>\n                            <DropdownMobileList>\n                                {options.map((option) => {\n                                    const { label, ...restOption } = option;\n\n                                    return (\n                                        <DropdownMobileListItem\n                                            {...restOption}\n                                            className={dropdownListItemClassName}\n                                            id={option.id}\n                                            key={option.id}\n                                            selected={option.id === value?.id}\n                                            onSelect={() => {\n                                                onChange(option);\n                                                setOpened(false);\n                                            }}\n                                        >\n                                            {label}\n                                        </DropdownMobileListItem>\n                                    );\n                                })}\n                            </DropdownMobileList>\n                        </DropdownMobileBody>\n                    </>\n                ),\n            }}\n        >\n            <SelectExtendedField.Dropdown.List id={listId} dropdownOpened={opened} size={size}>\n                {options.map((option) => {\n                    const { label, ...restOption } = option;\n\n                    return (\n                        <SelectExtendedField.Dropdown.List.Item\n                            {...restOption}\n                            className={dropdownListItemClassName}\n                            id={option.id}\n                            key={option.id}\n                            selected={option.id === value?.id}\n                            onSelect={() => {\n                                onChange(option);\n                                setOpened(false);\n                            }}\n                        >\n                            {label}\n                        </SelectExtendedField.Dropdown.List.Item>\n                    );\n                })}\n            </SelectExtendedField.Dropdown.List>\n        </SelectExtendedField.Dropdown>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsCO,MAAM,qCAAyF,CAAC;AAAA,EACnG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,QAAQ,UAAU,CAAC;AAAA,MACnB,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,QACb,UACI,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,wBAAqB,gBAAgB,oBAAC,uBAAoB,SAAS,MAAM,UAAU,KAAK,GAAG,GACxF,UAAA,oBAAC,QAAK,KAAI,OAAM,MAAM,UAAU,IAC3B,uBACL,EAAA,CACJ;AAAA,8BACC,oBAAA,EACG,UAAA,oBAAC,sBACI,UAAA,QAAQ,IAAI,CAAC,WAAW;AACrB,kBAAM,EAAE,OAAO,GAAG,WAAA,IAAe;AAEjC,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW;AAAA,gBACX,IAAI,OAAO;AAAA,gBACX,KAAK,OAAO;AAAA,gBACZ,UAAU,OAAO,QAAO,+BAAO;AAAA,gBAC/B,UAAU,MAAM;AACZ,2BAAS,MAAM;AACf,4BAAU,KAAK;AAAA,gBACnB;AAAA,cAAA;AAAA,cAEC;AAAA,YAAA;AAAA,UAGb,CAAC,GACL,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MAIR,UAAA,oBAAC,oBAAoB,SAAS,MAA7B,EAAkC,IAAI,QAAQ,gBAAgB,QAAQ,MAClE,UAAA,QAAQ,IAAI,CAAC,WAAW;AACrB,cAAM,EAAE,OAAO,GAAG,WAAA,IAAe;AAEjC,eACI;AAAA,UAAC,oBAAoB,SAAS,KAAK;AAAA,UAAlC;AAAA,YACI,GAAG;AAAA,YACJ,WAAW;AAAA,YACX,IAAI,OAAO;AAAA,YACX,KAAK,OAAO;AAAA,YACZ,UAAU,OAAO,QAAO,+BAAO;AAAA,YAC/B,UAAU,MAAM;AACZ,uBAAS,MAAM;AACf,wBAAU,KAAK;AAAA,YACnB;AAAA,UAAA;AAAA,UAEC;AAAA,QAAA;AAAA,MAGb,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"SelectExtendedFieldDropdownDefault.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    SelectExtendedField,\n} from \"../SelectExtendedField\";\nimport {\n    DropdownMobileBody,\n    DropdownMobileClose,\n    DropdownMobileHeader,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownProps,\n} from \"../../Dropdown\";\nimport { Text, ETextSize } from \"../../Typography\";\n\nexport interface ISelectExtendedFieldDropdownDefaultProps\n    extends ISelectExtendedFieldDropdownProvideProps, Pick<IDropdownProps, \"size\" | \"width\"> {\n    /* ClassName для модификации SelectExtendedField.Dropdown.List.Item. */\n    dropdownListItemClassName?: string;\n    /* Свойства, передающиеся в Dropdown. */\n    dropdownProps?: Omit<\n        IDropdownProps,\n        \"children\" | \"opened\" | \"setOpened\" | \"targetRef\" | \"size\" | \"mobileViewProps\"\n    >;\n    /* Состояние загрузки. В этот момент Dropdown закрыт, Target отображает loader. */\n    loading?: boolean;\n    /* Id SelectExtendedField.Dropdown.List. Нужен для связи с Target. */\n    listId?: string;\n    /* Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n    /* Список опций. */\n    options: ISelectExtendedFieldDefaultOption[];\n    /* Обработчик изменения значения. */\n    onChange: (option: ISelectExtendedFieldDefaultOption) => void;\n    /* Текущее выбранное значение. */\n    value?: ISelectExtendedFieldDefaultOption;\n}\n\n/**\n * Дефолтный рендер Dropdown для SelectExtendedField.\n * Вынесено в отдельный компонент для переиспользования внутри компонентов Triplex.\n */\nexport const SelectExtendedFieldDropdownDefault: React.FC<ISelectExtendedFieldDropdownDefaultProps> = ({\n    dropdownRef,\n    dropdownListItemClassName,\n    dropdownProps,\n    width,\n    loading,\n    listId,\n    mobileTitle,\n    onChange,\n    opened,\n    size,\n    options,\n    setOpened,\n    targetRef,\n    value,\n}) => {\n    return (\n        <SelectExtendedField.Dropdown\n            opened={opened && !loading}\n            forwardedRef={dropdownRef}\n            width={width}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            size={size}\n            {...dropdownProps}\n            mobileViewProps={{\n                children: (\n                    <>\n                        <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}>\n                            <Text tag=\"div\" size={ETextSize.B3}>\n                                {mobileTitle}\n                            </Text>\n                        </DropdownMobileHeader>\n                        <DropdownMobileBody>\n                            <DropdownMobileList>\n                                {options.map((option) => {\n                                    const { label, ...restOption } = option;\n\n                                    return (\n                                        <DropdownMobileListItem\n                                            {...restOption}\n                                            className={dropdownListItemClassName}\n                                            id={option.id}\n                                            key={option.id}\n                                            selected={option.id === value?.id}\n                                            onSelect={() => {\n                                                onChange(option);\n                                                setOpened(false);\n                                            }}\n                                        >\n                                            {label}\n                                        </DropdownMobileListItem>\n                                    );\n                                })}\n                            </DropdownMobileList>\n                        </DropdownMobileBody>\n                    </>\n                ),\n            }}\n        >\n            <SelectExtendedField.Dropdown.List id={listId} dropdownOpened={opened} size={size}>\n                {options.map((option) => {\n                    const { label, ...restOption } = option;\n\n                    return (\n                        <SelectExtendedField.Dropdown.List.Item\n                            {...restOption}\n                            className={dropdownListItemClassName}\n                            id={option.id}\n                            key={option.id}\n                            selected={option.id === value?.id}\n                            onSelect={() => {\n                                onChange(option);\n                                setOpened(false);\n                            }}\n                        >\n                            {label}\n                        </SelectExtendedField.Dropdown.List.Item>\n                    );\n                })}\n            </SelectExtendedField.Dropdown.List>\n        </SelectExtendedField.Dropdown>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2CO,MAAM,qCAAyF,CAAC;AAAA,EACnG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,QAAQ,UAAU,CAAC;AAAA,MACnB,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,iBAAiB;AAAA,QACb,UACI,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,wBAAqB,gBAAgB,oBAAC,uBAAoB,SAAS,MAAM,UAAU,KAAK,GAAG,GACxF,UAAA,oBAAC,QAAK,KAAI,OAAM,MAAM,UAAU,IAC3B,uBACL,EAAA,CACJ;AAAA,8BACC,oBAAA,EACG,UAAA,oBAAC,sBACI,UAAA,QAAQ,IAAI,CAAC,WAAW;AACrB,kBAAM,EAAE,OAAO,GAAG,WAAA,IAAe;AAEjC,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW;AAAA,gBACX,IAAI,OAAO;AAAA,gBACX,KAAK,OAAO;AAAA,gBACZ,UAAU,OAAO,QAAO,+BAAO;AAAA,gBAC/B,UAAU,MAAM;AACZ,2BAAS,MAAM;AACf,4BAAU,KAAK;AAAA,gBACnB;AAAA,cAAA;AAAA,cAEC;AAAA,YAAA;AAAA,UAGb,CAAC,GACL,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MAIR,UAAA,oBAAC,oBAAoB,SAAS,MAA7B,EAAkC,IAAI,QAAQ,gBAAgB,QAAQ,MAClE,UAAA,QAAQ,IAAI,CAAC,WAAW;AACrB,cAAM,EAAE,OAAO,GAAG,WAAA,IAAe;AAEjC,eACI;AAAA,UAAC,oBAAoB,SAAS,KAAK;AAAA,UAAlC;AAAA,YACI,GAAG;AAAA,YACJ,WAAW;AAAA,YACX,IAAI,OAAO;AAAA,YACX,KAAK,OAAO;AAAA,YACZ,UAAU,OAAO,QAAO,+BAAO;AAAA,YAC/B,UAAU,MAAM;AACZ,uBAAS,MAAM;AACf,wBAAU,KAAK;AAAA,YACnB;AAAA,UAAA;AAAA,UAEC;AAAA,QAAA;AAAA,MAGb,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -10,7 +10,7 @@ import { EFormFieldStatus } from "../../FormField/enums.js";
 import { FormFieldClear } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import "../../../chunks/FormFieldInput-B1sTDP0Z.js";
+import "../../FormField/components/FormFieldInput.js";
 import { FormFieldLabel } from "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix } from "../../FormField/components/FormFieldPostfix.js";
@@ -20,12 +20,12 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__79e48c69";
-const caretIcon = "caretIcon__6e20a55d";
-const selectOpened = "selectOpened__5ebb7558";
-const disabled = "disabled__c62624b1";
-const target = "target__7ea33784";
-const caretWrapper = "caretWrapper__922f65b7";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__ac32ea89";
+const caretIcon = "caretIcon__9ffe07de";
+const selectOpened = "selectOpened__9feb47cb";
+const disabled = "disabled__4ebd8049";
+const target = "target__609c44b7";
+const caretWrapper = "caretWrapper__3eb0cb9f";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -83,7 +83,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
       onClick == null ? void 0 : onClick(event);
     };
     const handleKeyDown = (event) => {
-      if (loading && status === EFormFieldStatus.DISABLED) {
+      if (loading || status === EFormFieldStatus.DISABLED) {
         return;
       }
       if (!opened) {
@@ -118,7 +118,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         className: classNames,
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.35.1",
+        "data-tx": "1.37.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectExtendedFieldTarget.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldTarget.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { CaretdownStrokeSrvIcon16, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport clsx from \"clsx\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldClear,\n    FormFieldLabel,\n    FormFieldPostfix,\n    FormFieldPrefix,\n    IFormFieldProps,\n} from \"../../FormField\";\nimport { FormFieldTarget } from \"../../FormField/components/FormFieldTarget\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { IconWrapper } from \"../../IconWrapper\";\nimport styles from \"../styles/SelectExtendedFieldTarget.module.less\";\n\n/* Свойства SelectExtendedFieldTarget. */\nexport interface ISelectExtendedFieldTargetProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /**  Текст или компонент, отображающий выбранное значение. */\n    label?: React.ReactNode;\n    /** Текст или компонент, отображающий выбранное значение для Target. */\n    fieldLabel: React.ReactNode;\n    /** Состояние загрузки. */\n    loading?: boolean;\n    /** Состояние открытости выпадающего списка. */\n    opened: boolean;\n    /** Текст или компонент, отображающий выбранное placeholder. */\n    placeholder?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Функция открытия/закрытия выпадающего списка. */\n    setOpened: (opened: boolean) => void;\n    /** Функция очистки значения. */\n    onClear?: () => void;\n}\n\nconst sizeToCaretIconMap = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon24 paletteIndex={5} className={styles.caretIcon} />,\n};\n\nconst sizeToLoaderSizeMap = {\n    [EComponentSize.SM]: <LoaderSmall size={EComponentSize.SM} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.MD]: <LoaderSmall size={EComponentSize.MD} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.LG]: <LoaderSmall size={EComponentSize.LG} theme={ELoaderSmallTheme.BRAND} />,\n};\n\n/**\n * Компонент SelectTarget.\n * Видимая часть Select, при нажатии на которую открывается выпадающий список.\n */\nexport const SelectExtendedFieldTarget = React.forwardRef<HTMLDivElement, ISelectExtendedFieldTargetProps>(\n    (props, ref) => {\n        const {\n            children,\n            className,\n            label,\n            placeholder,\n            onKeyDown,\n            onClick,\n            onClear,\n            opened,\n            postfix,\n            prefix,\n            setOpened,\n            loading,\n            size = EComponentSize.MD,\n            status,\n            tabIndex,\n            fieldLabel,\n            ...rest\n        } = props;\n        const targetRef = useRef<HTMLDivElement | null>(null);\n        const classNames = clsx(\n            styles.selectExtendedFieldTarget,\n            {\n                [styles.selectOpened]: opened,\n                [styles.loading]: loading,\n                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            },\n            className,\n        );\n        /* Обработчик клика. */\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            if (loading || status === EFormFieldStatus.DISABLED) {\n                return; // Не реагируем на клики в состоянии загрузки\n            }\n            setOpened(!opened);\n            onClick?.(event);\n        };\n\n        /* Обработчик нажатия клавиши. */\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (loading && status === EFormFieldStatus.DISABLED) {\n                return; // Не реагируем на клавиши в состоянии загрузки\n            }\n\n            if (!opened) {\n                // При нажатии Enter, Space, ArrowUp или ArrowDown открывается выпадающий список.\n                if (\n                    [\n                        EVENT_KEY_CODES.SPACE,\n                        EVENT_KEY_CODES.ENTER,\n                        EVENT_KEY_CODES.ARROW_DOWN,\n                        EVENT_KEY_CODES.ARROW_UP,\n                    ].includes(event.keyCode)\n                ) {\n                    event.preventDefault();\n                    // Предотвращение срабатывания keydown при открытии Dropdown в document.addEventListener('keydown'...) в src/desktop/components/Dropdown/components/DropdownListItem.tsx.\n                    event.stopPropagation();\n                    setOpened(!opened);\n                }\n            }\n\n            onKeyDown?.(event);\n        };\n\n        /* Функция для хранения ссылки. */\n        const setRef = (instance: HTMLDivElement | null) => {\n            targetRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <FormField\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n                status={status}\n                size={size}\n                className={classNames}\n                aria-expanded={opened}\n                aria-haspopup=\"listbox\"\n                data-tx={process.env.npm_package_version}\n                active={opened}\n                {...rest}\n            >\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                <FormFieldLabel>{fieldLabel}</FormFieldLabel>\n                <FormFieldTarget\n                    ref={setRef}\n                    className={clsx(styles.target, {\n                        [styles.placeholder]: !!placeholder && !label,\n                        [styles.label]: !!label,\n                    })}\n                    placeholder={placeholder}\n                >\n                    {label}\n                </FormFieldTarget>\n\n                <FormFieldPostfix>\n                    {onClear && <FormFieldClear onClick={onClear} />}\n                    {loading ? (\n                        sizeToLoaderSizeMap[size]\n                    ) : (\n                        <IconWrapper\n                            className={styles.caretWrapper}\n                            active={opened}\n                            disabled={status === EFormFieldStatus.DISABLED}\n                            displayContents\n                        >\n                            {sizeToCaretIconMap[size]}\n                        </IconWrapper>\n                    )}\n                    {postfix ? postfix : null}\n                </FormFieldPostfix>\n            </FormField>\n        );\n    },\n);\n\nSelectExtendedFieldTarget.displayName = \"SelectExtendedFieldTarget\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SelectExtendedFieldTarget.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldTarget.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { CaretdownStrokeSrvIcon16, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport clsx from \"clsx\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldClear,\n    FormFieldLabel,\n    FormFieldPostfix,\n    FormFieldPrefix,\n    IFormFieldProps,\n} from \"../../FormField\";\nimport { FormFieldTarget } from \"../../FormField/components/FormFieldTarget\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { IconWrapper } from \"../../IconWrapper\";\nimport styles from \"../styles/SelectExtendedFieldTarget.module.less\";\n\n/* Свойства SelectExtendedFieldTarget. */\nexport interface ISelectExtendedFieldTargetProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /**  Текст или компонент, отображающий выбранное значение. */\n    label?: React.ReactNode;\n    /** Текст или компонент, отображающий выбранное значение для Target. */\n    fieldLabel: React.ReactNode;\n    /** Состояние загрузки. */\n    loading?: boolean;\n    /** Состояние открытости выпадающего списка. */\n    opened: boolean;\n    /** Текст или компонент, отображающий выбранное placeholder. */\n    placeholder?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Функция открытия/закрытия выпадающего списка. */\n    setOpened: (opened: boolean) => void;\n    /** Функция очистки значения. */\n    onClear?: () => void;\n}\n\nconst sizeToCaretIconMap = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon24 paletteIndex={5} className={styles.caretIcon} />,\n};\n\nconst sizeToLoaderSizeMap = {\n    [EComponentSize.SM]: <LoaderSmall size={EComponentSize.SM} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.MD]: <LoaderSmall size={EComponentSize.MD} theme={ELoaderSmallTheme.BRAND} />,\n    [EComponentSize.LG]: <LoaderSmall size={EComponentSize.LG} theme={ELoaderSmallTheme.BRAND} />,\n};\n\n/**\n * Компонент SelectTarget.\n * Видимая часть Select, при нажатии на которую открывается выпадающий список.\n */\nexport const SelectExtendedFieldTarget = React.forwardRef<HTMLDivElement, ISelectExtendedFieldTargetProps>(\n    (props, ref) => {\n        const {\n            children,\n            className,\n            label,\n            placeholder,\n            onKeyDown,\n            onClick,\n            onClear,\n            opened,\n            postfix,\n            prefix,\n            setOpened,\n            loading,\n            size = EComponentSize.MD,\n            status,\n            tabIndex,\n            fieldLabel,\n            ...rest\n        } = props;\n        const targetRef = useRef<HTMLDivElement | null>(null);\n        const classNames = clsx(\n            styles.selectExtendedFieldTarget,\n            {\n                [styles.selectOpened]: opened,\n                [styles.loading]: loading,\n                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            },\n            className,\n        );\n        /* Обработчик клика. */\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            if (loading || status === EFormFieldStatus.DISABLED) {\n                return; // Не реагируем на клики в состоянии загрузки\n            }\n            setOpened(!opened);\n            onClick?.(event);\n        };\n\n        /* Обработчик нажатия клавиши. */\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (loading || status === EFormFieldStatus.DISABLED) {\n                return; // Не реагируем на клавиши в состоянии загрузки или disabled\n            }\n\n            if (!opened) {\n                // При нажатии Enter, Space, ArrowUp или ArrowDown открывается выпадающий список.\n                if (\n                    [\n                        EVENT_KEY_CODES.SPACE,\n                        EVENT_KEY_CODES.ENTER,\n                        EVENT_KEY_CODES.ARROW_DOWN,\n                        EVENT_KEY_CODES.ARROW_UP,\n                    ].includes(event.keyCode)\n                ) {\n                    event.preventDefault();\n                    // Предотвращение срабатывания keydown при открытии Dropdown в document.addEventListener('keydown'...) в src/desktop/components/Dropdown/components/DropdownListItem.tsx.\n                    event.stopPropagation();\n                    setOpened(!opened);\n                }\n            }\n\n            onKeyDown?.(event);\n        };\n\n        /* Функция для хранения ссылки. */\n        const setRef = (instance: HTMLDivElement | null) => {\n            targetRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <FormField\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n                status={status}\n                size={size}\n                className={classNames}\n                aria-expanded={opened}\n                aria-haspopup=\"listbox\"\n                data-tx={process.env.npm_package_version}\n                active={opened}\n                {...rest}\n            >\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                <FormFieldLabel>{fieldLabel}</FormFieldLabel>\n                <FormFieldTarget\n                    ref={setRef}\n                    className={clsx(styles.target, {\n                        [styles.placeholder]: !!placeholder && !label,\n                        [styles.label]: !!label,\n                    })}\n                    placeholder={placeholder}\n                >\n                    {label}\n                </FormFieldTarget>\n\n                <FormFieldPostfix>\n                    {onClear && <FormFieldClear onClick={onClear} />}\n                    {loading ? (\n                        sizeToLoaderSizeMap[size]\n                    ) : (\n                        <IconWrapper\n                            className={styles.caretWrapper}\n                            active={opened}\n                            disabled={status === EFormFieldStatus.DISABLED}\n                            displayContents\n                        >\n                            {sizeToCaretIconMap[size]}\n                        </IconWrapper>\n                    )}\n                    {postfix ? postfix : null}\n                </FormFieldPostfix>\n            </FormField>\n        );\n    },\n);\n\nSelectExtendedFieldTarget.displayName = \"SelectExtendedFieldTarget\";\n"],"names":["React"],"mappings":"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"}

package/components/SelectField/SelectField.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-CboBGsbx.js";
+import "../../chunks/DropdownListItem-DlQBVEg0.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -37,6 +37,7 @@ const SelectField = React__default.forwardRef((props, ref) => {
     dropdownListItemClassName,
     mobileTitle,
     targetProps,
+    dropdownProps,
     ...rest
   } = props;
   const [activeDescendant, setActiveDescendant] = useState();
@@ -74,6 +75,8 @@ const SelectField = React__default.forwardRef((props, ref) => {
       ...props2,
       size,
       width: EDropdownWidth.TARGET,
+      dropdownProps,
+      dropdownListItemClassName,
       loading,
       listId: instanceId.current,
       mobileTitle,

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 { SelectExtendedFieldDropdownDefault } 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    /** 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        ...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                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":";;;;;;;;;;;;;;;;;;;;;;;;AAwCO,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,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,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, 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;"}

package/components/Skeleton/Skeleton.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__ee7a4cf8";
-const light = "light__ed34083b";
-const dark = "dark__28d407da";
+const skeleton = "skeleton__248e6a7e";
+const light = "light__dcae8402";
+const dark = "dark__e8f1ba6e";
 const styles = {
   skeleton,
   light,
@@ -17,7 +17,7 @@ const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }
       [styles.light]: type === ESkeletonType.LIGHT
     }),
     ...htmlDivAttributes,
-    "data-tx": "1.35.1"
+    "data-tx": "1.37.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -4,7 +4,7 @@ import { c as clsx, l as lodashExports } from "../../chunks/vendor-Bco_z_Yi.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-ATcxFJAR.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-CdU_K-MN.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils } from "./SliderExtendedUtils.js";
@@ -100,7 +100,7 @@ const SliderExtendedBase = ({
             [styles.disabled]: Boolean(disabled)
           }),
           ...htmlDivAttributes,
-          "data-tx": "1.35.1",
+          "data-tx": "1.37.0",
           children
         }
       )

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

@@ -9,11 +9,11 @@ import { useSliderExtendedDotTabIndex } from "./useSliderExtendedDotTabIndex.js"
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedDot = "sliderExtendedDot__25fd66da";
-const focusedByClick = "focusedByClick__12e25b76";
-const disabled = "disabled__752a7cb1";
-const dragByMouse = "dragByMouse__db85209c";
-const lg = "lg__bebf28b8";
+const sliderExtendedDot = "sliderExtendedDot__2846d420";
+const focusedByClick = "focusedByClick__caba00a9";
+const disabled = "disabled__6edc73c8";
+const dragByMouse = "dragByMouse__cb6388f5";
+const lg = "lg__ec1ad9e8";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

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

@@ -3,7 +3,7 @@ import React__default from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
 import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-BI35Qnas.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-AZEs5z-3.js";
 import { EComponentSize } from "../../../../enums/EComponentSize.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-BI35Qnas.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-AZEs5z-3.js";
 const SliderExtendedMarks = ({ className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes });
 SliderExtendedMarks.displayName = "SliderExtendedMarks";
 export {

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -3,7 +3,7 @@ import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../../../chunks/vendor-Bco_z_Yi.js";
-import { S } from "../../../chunks/SliderExtendedRail-ATcxFJAR.js";
+import { S } from "../../../chunks/SliderExtendedRail-CdU_K-MN.js";
 export {
   S as SliderExtendedRail
 };

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

@@ -3,10 +3,10 @@ import React__default from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__72f88499";
-const lg = "lg__bebf28b8";
-const tooltipBody = "tooltipBody__77873fb0";
-const tooltipTip = "tooltipTip__b0a13cf5";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__55fc40a0";
+const lg = "lg__ec1ad9e8";
+const tooltipBody = "tooltipBody__09e3807e";
+const tooltipTip = "tooltipTip__46269390";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

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

@@ -8,12 +8,12 @@ import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTrack = "sliderExtendedTrack__541f4de9";
-const lg = "lg__bebf28b8";
-const focusedByClick = "focusedByClick__12e25b76";
-const hoverOrDragByMouse = "hoverOrDragByMouse__ff8d6c25";
-const staticSlider = "staticSlider__011b692f";
-const disabled = "disabled__752a7cb1";
+const sliderExtendedTrack = "sliderExtendedTrack__7d6e2e49";
+const lg = "lg__ec1ad9e8";
+const focusedByClick = "focusedByClick__caba00a9";
+const hoverOrDragByMouse = "hoverOrDragByMouse__7dccf0ae";
+const staticSlider = "staticSlider__66d5472e";
+const disabled = "disabled__6edc73c8";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const smallInput = "smallInput__64183f25";
+const smallInput = "smallInput__7fab8b2b";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -10,15 +10,15 @@ 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-Bco_z_Yi.js";
-const spoiler = "spoiler__8ac65765";
-const opened = "opened__0adb74ac";
-const caretIcon = "caretIcon__7c380ca1";
-const head = "head__fc7f33df";
-const content = "content__8d47d8ee";
-const hidden = "hidden__f66e59d7";
-const lg = "lg__979fea0a";
-const md = "md__c5e6ffdc";
-const sm = "sm__a17a7e0e";
+const spoiler = "spoiler__5dbcdd3d";
+const opened = "opened__451ca3e9";
+const caretIcon = "caretIcon__d7c11bd5";
+const head = "head__e496d3e3";
+const content = "content__238c4adc";
+const hidden = "hidden__a3661860";
+const lg = "lg__74ec6fc0";
+const md = "md__2d9c894b";
+const sm = "sm__94ed9c72";
 const styles = {
   spoiler,
   opened,
@@ -70,7 +70,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.35.1", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.37.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-Bco_z_Yi.js";
-import { s as styles } from "../../chunks/StatusTracker.module-BBf4a1-I.js";
+import { s as styles } from "../../chunks/StatusTracker.module-DXDAY4Em.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -29,7 +29,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.35.1",
+        "data-tx": "1.37.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, typeToClassNameMap[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, typeToClassNameMap[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, verticalAlignToClassNameMap[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.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-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -5,7 +5,7 @@ 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-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton } from "./StatusTrackerButton.js";
 const StatusTrackerFooter = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.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-Bco_z_Yi.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__aa7ae5ba";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__8c86a916";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -6,7 +6,7 @@ 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-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.js";
 const StatusTrackerSum = (props) => {
   const { className, amountProps, ...restProps } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -5,7 +5,7 @@ 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-BBf4a1-I.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DXDAY4Em.js";
 const StatusTrackerTitle = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/Step/Step.js

@@ -11,21 +11,21 @@ import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__247f22f1";
-const sm = "sm__1c0ce837";
-const md = "md__ac89a9dc";
-const lg = "lg__2a9a5d7b";
-const done = "done__24c8b8e3";
-const warning = "warning__3454e836";
-const active = "active__a96217f9";
-const error = "error__14f7fd7f";
-const disabled = "disabled__63a716c4";
+const step = "step__8ad8a43b";
+const sm = "sm__6a2d6e11";
+const md = "md__5a6c9609";
+const lg = "lg__ced89002";
+const done = "done__0bcd4910";
+const warning = "warning__3e8495f6";
+const active = "active__c6b19723";
+const error = "error__f4715041";
+const disabled = "disabled__08d3d5ac";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__f13974c1",
+  "default": "default__c2478612",
   done,
   warning,
   active,