@sberbusiness/triplex-next 0.49.0 → 0.51.0

package/components/SuggestField/desktop/SuggestFieldDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestFieldDesktop.js","sources":["../../../../src/components/SuggestField/desktop/SuggestFieldDesktop.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils\";\nimport { ISuggestFieldDesktopProps } from \"./types\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { EComponentSize } from \"../../../enums\";\nimport { Tooltip, ETooltipSize } from \"../../Tooltip\";\nimport { TextFieldBase } from \"../../TextField/TextFieldBase\";\nimport { FormFieldInput, FormFieldClear, EFormFieldStatus } from \"../../FormField\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport { DropdownListContext } from \"../../Dropdown\";\nimport { DataTestId } from \"../../../consts/DataTestId\";\nimport { SuggestFieldDesktopDropdown } from \"./SuggestFieldDesktopDropdown\";\n\n/**\n * Выпадающий список с возможностью поиска по введённому значению, позволяет задать кастомные компоненты для отображения всех\n * элементов управления.\n *\n * @template T - тип опции, должен расширять ISuggestFieldOption\n */\nexport const SuggestFieldDesktop = <T extends ISuggestFieldOption = ISuggestFieldOption>({\n    value,\n    options,\n    size = EComponentSize.LG,\n    status,\n    placeholder,\n    \"data-test-id\": dataTestId,\n    tooltipHint,\n    loading,\n    tooltipOpen,\n    dropdownListLoading,\n    clearInputOnFocus,\n    onFilter,\n    onClear,\n    onSelect,\n    onScrollEnd,\n    prefix,\n    postfix,\n    renderInput,\n    renderDropdown,\n    renderDropdownList,\n    renderDropdownListItem,\n    inputProps,\n    ...restProps\n}: ISuggestFieldDesktopProps<T>) => {\n    const [inputValue, setInputValue] = useState(value?.label ?? \"\");\n    const [inputFocused, setInputFocused] = useState(false);\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    // Флаг для предотвращения автоматического открытия Dropdown сразу после выбора значения.\n    const [ignoreAutoOpen, setIgnoreAutoOpen] = useState(false);\n    const [dropdownListId] = useState(() => uniqueId());\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n\n    const [prevValue, setPrevValue] = useState(value);\n    if (value?.id !== prevValue?.id) {\n        setPrevValue(value);\n        setInputValue(value?.label ?? \"\");\n    }\n\n    const suggestRef = useRef<HTMLDivElement>(null);\n\n    const handleInputFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputFocused(true);\n\n            if (clearInputOnFocus && inputValue.length !== 0) {\n                setInputValue(\"\");\n                onFilter(\"\");\n            }\n\n            inputProps.onFocus?.(event);\n        },\n        [clearInputOnFocus, inputValue, onFilter, inputProps],\n    );\n\n    const closeDropdown = useCallback((nextIgnoreAutoOpen: boolean) => {\n        setIgnoreAutoOpen(nextIgnoreAutoOpen);\n        setActiveDescendant(undefined);\n        setDropdownOpen(false);\n    }, []);\n\n    const handleInputBlur = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputFocused(false);\n            closeDropdown(false);\n\n            if (inputValue.length !== 0) {\n                setInputValue(value?.label ?? \"\");\n            } else if (value !== undefined) {\n                onSelect(undefined);\n            }\n\n            inputProps.onBlur?.(event);\n        },\n        [closeDropdown, inputValue, value, onSelect, inputProps],\n    );\n\n    const handleInputKeyDown = useCallback<React.KeyboardEventHandler<HTMLInputElement>>(\n        (event) => {\n            if (isKey(event.key, \"ESCAPE\")) {\n                if (dropdownOpen) {\n                    event.stopPropagation();\n                    closeDropdown(true);\n                }\n            }\n\n            inputProps.onKeyDown?.(event);\n        },\n        [dropdownOpen, closeDropdown, inputProps],\n    );\n\n    const handleInputMouseDown = useCallback<React.MouseEventHandler<HTMLInputElement>>(\n        (event) => {\n            if (!dropdownOpen) {\n                setIgnoreAutoOpen(false);\n                setDropdownOpen(true);\n            }\n\n            inputProps.onMouseDown?.(event);\n        },\n        [dropdownOpen, inputProps],\n    );\n\n    const handleInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n        (event) => {\n            setIgnoreAutoOpen(false);\n            setActiveDescendant(undefined);\n            setInputValue(event.target.value);\n            onFilter(event.target.value);\n            inputProps.onChange?.(event);\n        },\n        [onFilter, inputProps],\n    );\n\n    const handleClear = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n        (event) => {\n            if (value !== undefined) {\n                onSelect(undefined);\n            }\n\n            if (inputValue.length !== 0) {\n                onFilter(\"\");\n                setInputValue(\"\");\n            }\n\n            onClear?.(event);\n        },\n        [value, onSelect, inputValue.length, onFilter, onClear],\n    );\n\n    // Тип ровно как у Dropdown.setOpened — (opened: boolean) => void. Через typeof setDropdownOpen\n    // сюда пролезал бы функциональный updater: он всегда truthy, поэтому закрытие молча уходило бы\n    // в ветку открытия мимо cleanup в closeDropdown.\n    const handleDropdownOpen = useCallback(\n        (nextDropdownOpen: boolean) => {\n            if (nextDropdownOpen) {\n                setDropdownOpen(true);\n            } else {\n                closeDropdown(false);\n            }\n        },\n        [closeDropdown],\n    );\n\n    const handleSelect = useCallback<typeof onSelect>(\n        (nextValue) => {\n            closeDropdown(true);\n            setInputValue(nextValue?.label ?? \"\");\n            onSelect(nextValue);\n        },\n        [closeDropdown, onSelect],\n    );\n\n    // Пока поле в фокусе, видимость списка следует за наличием опций: появились — открываем\n    // (если открытие не подавлено), закончились — закрываем. Состояние синхронизируется во время\n    // рендера, а не в эффекте: так React пересчитывает его до коммита, без лишнего кадра.\n    if (inputFocused) {\n        if (dropdownOpen && options.length === 0) {\n            closeDropdown(false);\n        } else if (!dropdownOpen && options.length !== 0 && !ignoreAutoOpen) {\n            setDropdownOpen(true);\n        }\n    }\n\n    const renderSuggestField = () => {\n        const Input = renderInput ?? FormFieldInput;\n        const Dropdown = renderDropdown ?? SuggestFieldDesktopDropdown;\n        // Фактическое состояние открытия выпадающего списка.\n        const dropdownActuallyOpen = dropdownOpen && options.length !== 0;\n\n        return (\n            <TextFieldBase\n                data-test-id={dataTestId}\n                status={status}\n                size={size}\n                prefix={prefix}\n                postfix={\n                    <React.Fragment>\n                        {onClear !== undefined && <FormFieldClear onClick={handleClear} />}\n                        {loading && <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={size} />}\n                        {postfix}\n                    </React.Fragment>\n                }\n                {...restProps}\n                ref={suggestRef}\n            >\n                <Input\n                    value={inputValue}\n                    placeholder={placeholder}\n                    data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.input}`}\n                    {...inputProps}\n                    role=\"combobox\"\n                    aria-autocomplete=\"list\"\n                    aria-controls={dropdownListId}\n                    aria-activedescendant={activeDescendant}\n                    aria-expanded={dropdownActuallyOpen}\n                    onFocus={handleInputFocus}\n                    onBlur={handleInputBlur}\n                    onKeyDown={handleInputKeyDown}\n                    onMouseDown={handleInputMouseDown}\n                    onChange={handleInputChange}\n                />\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <Dropdown\n                        value={value}\n                        options={options}\n                        size={size}\n                        dataTestId={dataTestId}\n                        listId={dropdownListId}\n                        opened={dropdownActuallyOpen}\n                        listLoading={dropdownListLoading}\n                        targetRef={suggestRef}\n                        setOpened={handleDropdownOpen}\n                        onSelect={handleSelect}\n                        onScrollEnd={onScrollEnd}\n                        renderList={renderDropdownList}\n                        renderListItem={renderDropdownListItem}\n                    />\n                </DropdownListContext.Provider>\n            </TextFieldBase>\n        );\n    };\n\n    return (\n        <Tooltip\n            size={ETooltipSize.SM}\n            isOpen={tooltipOpen && inputFocused && status !== EFormFieldStatus.DISABLED}\n            toggle={() => {}}\n            targetRef={suggestRef}\n            disableAdaptiveMode\n        >\n            <Tooltip.Body data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.tooltip}`}>\n                {tooltipHint}\n            </Tooltip.Body>\n            <Tooltip.Target>{renderSuggestField()}</Tooltip.Target>\n        </Tooltip>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SuggestFieldDesktop.js","sources":["../../../../src/components/SuggestField/desktop/SuggestFieldDesktop.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils\";\nimport { ISuggestFieldDesktopProps } from \"./types\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { EComponentSize } from \"../../../enums\";\nimport { Tooltip, ETooltipSize } from \"../../Tooltip\";\nimport { TextFieldBase } from \"../../TextField/TextFieldBase\";\nimport { FormFieldInput, FormFieldClear, EFormFieldStatus } from \"../../FormField\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport { DropdownListContext } from \"../../Dropdown\";\nimport { DataTestId } from \"../../../consts/DataTestId\";\nimport { SuggestFieldDesktopDropdown } from \"./SuggestFieldDesktopDropdown\";\n\n/**\n * Выпадающий список с возможностью поиска по введённому значению, позволяет задать кастомные компоненты для отображения всех\n * элементов управления.\n *\n * @template T - тип опции, должен расширять ISuggestFieldOption\n */\nexport const SuggestFieldDesktop = <T extends ISuggestFieldOption = ISuggestFieldOption>({\n    value,\n    options,\n    size = EComponentSize.LG,\n    status,\n    placeholder,\n    \"data-test-id\": dataTestId,\n    tooltipHint,\n    loading,\n    tooltipOpen,\n    dropdownListLoading,\n    clearInputOnFocus,\n    onFilter,\n    onClear,\n    onSelect,\n    onScrollEnd,\n    prefix,\n    postfix,\n    renderInput,\n    renderDropdown,\n    renderDropdownList,\n    renderDropdownListItem,\n    inputProps,\n    ...restProps\n}: ISuggestFieldDesktopProps<T>) => {\n    const [inputValue, setInputValue] = useState(value?.label ?? \"\");\n    const [inputFocused, setInputFocused] = useState(false);\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    // Флаг для предотвращения автоматического открытия Dropdown сразу после выбора значения.\n    const [ignoreAutoOpen, setIgnoreAutoOpen] = useState(false);\n    const [dropdownListId] = useState(() => uniqueId());\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n\n    const [prevValue, setPrevValue] = useState(value);\n    if (value?.id !== prevValue?.id) {\n        setPrevValue(value);\n        setInputValue(value?.label ?? \"\");\n    }\n\n    const suggestRef = useRef<HTMLDivElement>(null);\n\n    const handleInputFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputFocused(true);\n\n            if (clearInputOnFocus && inputValue.length !== 0) {\n                setInputValue(\"\");\n                onFilter(\"\");\n            }\n\n            inputProps.onFocus?.(event);\n        },\n        [clearInputOnFocus, inputValue, onFilter, inputProps],\n    );\n\n    const closeDropdown = useCallback((nextIgnoreAutoOpen: boolean) => {\n        setIgnoreAutoOpen(nextIgnoreAutoOpen);\n        setActiveDescendant(undefined);\n        setDropdownOpen(false);\n    }, []);\n\n    const handleInputBlur = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputFocused(false);\n            closeDropdown(false);\n\n            const nextInputValue = value !== undefined ? value.label : \"\";\n            if (inputValue !== nextInputValue) {\n                setInputValue(nextInputValue);\n            }\n\n            inputProps.onBlur?.(event);\n        },\n        [closeDropdown, inputValue, value, inputProps],\n    );\n\n    const handleInputKeyDown = useCallback<React.KeyboardEventHandler<HTMLInputElement>>(\n        (event) => {\n            if (isKey(event.key, \"ESCAPE\")) {\n                if (dropdownOpen) {\n                    event.stopPropagation();\n                    closeDropdown(true);\n                }\n            }\n\n            inputProps.onKeyDown?.(event);\n        },\n        [dropdownOpen, closeDropdown, inputProps],\n    );\n\n    const handleInputMouseDown = useCallback<React.MouseEventHandler<HTMLInputElement>>(\n        (event) => {\n            if (!dropdownOpen) {\n                setIgnoreAutoOpen(false);\n                setDropdownOpen(true);\n            }\n\n            inputProps.onMouseDown?.(event);\n        },\n        [dropdownOpen, inputProps],\n    );\n\n    const handleInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n        (event) => {\n            setIgnoreAutoOpen(false);\n            setActiveDescendant(undefined);\n            setInputValue(event.target.value);\n            onFilter(event.target.value);\n            inputProps.onChange?.(event);\n        },\n        [onFilter, inputProps],\n    );\n\n    const handleClear = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n        (event) => {\n            if (value !== undefined) {\n                onSelect(undefined);\n            }\n\n            if (inputValue.length !== 0) {\n                onFilter(\"\");\n                setInputValue(\"\");\n            }\n\n            onClear?.(event);\n        },\n        [value, onSelect, inputValue.length, onFilter, onClear],\n    );\n\n    // Тип ровно как у Dropdown.setOpened — (opened: boolean) => void. Через typeof setDropdownOpen\n    // сюда пролезал бы функциональный updater: он всегда truthy, поэтому закрытие молча уходило бы\n    // в ветку открытия мимо cleanup в closeDropdown.\n    const handleDropdownOpen = useCallback(\n        (nextDropdownOpen: boolean) => {\n            if (nextDropdownOpen) {\n                setDropdownOpen(true);\n            } else {\n                closeDropdown(false);\n            }\n        },\n        [closeDropdown],\n    );\n\n    const handleSelect = useCallback<typeof onSelect>(\n        (nextValue) => {\n            closeDropdown(true);\n            setInputValue(nextValue?.label ?? \"\");\n            onSelect(nextValue);\n        },\n        [closeDropdown, onSelect],\n    );\n\n    // Пока поле в фокусе, видимость списка следует за наличием опций: появились — открываем\n    // (если открытие не подавлено), закончились — закрываем. Состояние синхронизируется во время\n    // рендера, а не в эффекте: так React пересчитывает его до коммита, без лишнего кадра.\n    if (inputFocused) {\n        if (dropdownOpen && options.length === 0) {\n            closeDropdown(false);\n        } else if (!dropdownOpen && options.length !== 0 && !ignoreAutoOpen) {\n            setDropdownOpen(true);\n        }\n    }\n\n    const renderSuggestField = () => {\n        const Input = renderInput ?? FormFieldInput;\n        const Dropdown = renderDropdown ?? SuggestFieldDesktopDropdown;\n        // Фактическое состояние открытия выпадающего списка.\n        const dropdownActuallyOpen = dropdownOpen && options.length !== 0;\n\n        return (\n            <TextFieldBase\n                data-test-id={dataTestId}\n                status={status}\n                size={size}\n                prefix={prefix}\n                postfix={\n                    <React.Fragment>\n                        {onClear !== undefined && <FormFieldClear onClick={handleClear} />}\n                        {loading && <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={size} />}\n                        {postfix}\n                    </React.Fragment>\n                }\n                {...restProps}\n                ref={suggestRef}\n            >\n                <Input\n                    value={inputValue}\n                    placeholder={placeholder}\n                    data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.input}`}\n                    {...inputProps}\n                    role=\"combobox\"\n                    aria-autocomplete=\"list\"\n                    aria-controls={dropdownListId}\n                    aria-activedescendant={activeDescendant}\n                    aria-expanded={dropdownActuallyOpen}\n                    onFocus={handleInputFocus}\n                    onBlur={handleInputBlur}\n                    onKeyDown={handleInputKeyDown}\n                    onMouseDown={handleInputMouseDown}\n                    onChange={handleInputChange}\n                />\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <Dropdown\n                        value={value}\n                        options={options}\n                        size={size}\n                        dataTestId={dataTestId}\n                        listId={dropdownListId}\n                        opened={dropdownActuallyOpen}\n                        listLoading={dropdownListLoading}\n                        targetRef={suggestRef}\n                        setOpened={handleDropdownOpen}\n                        onSelect={handleSelect}\n                        onScrollEnd={onScrollEnd}\n                        renderList={renderDropdownList}\n                        renderListItem={renderDropdownListItem}\n                    />\n                </DropdownListContext.Provider>\n            </TextFieldBase>\n        );\n    };\n\n    return (\n        <Tooltip\n            size={ETooltipSize.SM}\n            isOpen={tooltipOpen && inputFocused && status !== EFormFieldStatus.DISABLED}\n            toggle={() => {}}\n            targetRef={suggestRef}\n            disableAdaptiveMode\n        >\n            <Tooltip.Body data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.tooltip}`}>\n                {tooltipHint}\n            </Tooltip.Body>\n            <Tooltip.Target>{renderSuggestField()}</Tooltip.Target>\n        </Tooltip>\n    );\n};\n"],"names":[],"mappings":"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"}

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-DmP0Jy6a.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-DbG8a_Rw.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown } from "./desktop/SuggestFieldDesktopDropdo
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-D3k4WQD_.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-Dwl6zzq8.js";
 import { SuggestField } from "./SuggestField.js";
 export {
   SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-D3k4WQD_.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-Dwl6zzq8.js";
 const SuggestFieldMobile = ({
   value,
   options,
@@ -57,13 +57,25 @@ const SuggestFieldMobile = ({
     },
     [inputProps]
   );
+  const handleClear = useCallback(
+    (event) => {
+      if (value !== void 0) {
+        onSelect(void 0);
+        if (value.label.length !== 0) {
+          onFilter("");
+        }
+      }
+      onClear == null ? void 0 : onClear(event);
+    },
+    [value, onSelect, onFilter, onClear]
+  );
   return /* @__PURE__ */ jsxs(
     TextFieldBase,
     {
       "data-test-id": dataTestId,
       size,
       postfix: /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        onClear !== void 0 && /* @__PURE__ */ jsx(FormFieldClear, { onClick: onClear }),
+        onClear !== void 0 && /* @__PURE__ */ jsx(FormFieldClear, { onClick: handleClear }),
         loading && /* @__PURE__ */ jsx(LoaderSmall, { theme: ELoaderSmallTheme.BRAND, size }),
         postfix
       ] }),

package/components/SuggestField/mobile/SuggestFieldMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestFieldMobile.js","sources":["../../../../src/components/SuggestField/mobile/SuggestFieldMobile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport { ISuggestFieldMobileProps } from \"./types\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { EComponentSize } from \"../../../enums\";\nimport { SuggestFieldMobileDropdown } from \"./SuggestFieldMobileDropdown\";\nimport { TextFieldBase } from \"../../TextField/TextFieldBase\";\nimport { DataTestId } from \"../../../consts/DataTestId\";\nimport { FormFieldInput, FormFieldClear } from \"../../FormField\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\n\n/**\n * Мобильный SuggestField.\n * Отображает поле ввода (target). При получении полем ввода фокуса - отображает мобильный Dropdown.\n */\nexport const SuggestFieldMobile = <T extends ISuggestFieldOption = ISuggestFieldOption>({\n    value,\n    options,\n    size = EComponentSize.LG,\n    placeholder,\n    \"data-test-id\": dataTestId,\n    postfix,\n    tooltipHint,\n    loading,\n    tooltipOpen,\n    dropdownListLoading,\n    clearInputOnFocus,\n    onFilter,\n    onSelect,\n    onClear,\n    onScrollEnd,\n    renderInput,\n    inputProps,\n    ...restProps\n}: ISuggestFieldMobileProps<T>) => {\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const ref = useRef<HTMLInputElement>(null);\n    // Предыдущее состояние dropdownOpened.\n    const prevDropdownOpen = useRef(false);\n    const Input = renderInput ?? FormFieldInput;\n\n    useEffect(() => {\n        // Дропдаун закрылся.\n        if (prevDropdownOpen.current && !dropdownOpen && ref.current) {\n            // Обратный скролл к инпуту т.к. при открытии Dropdown в iOS страница скроллится вверх.\n            ref.current.scrollIntoView({ block: \"center\" });\n        }\n        prevDropdownOpen.current = dropdownOpen;\n    }, [dropdownOpen]);\n\n    const handleInputFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n        (event) => {\n            setDropdownOpen(true);\n            inputProps.onFocus?.(event);\n        },\n        [inputProps],\n    );\n\n    return (\n        <TextFieldBase\n            data-test-id={dataTestId}\n            size={size}\n            postfix={\n                <React.Fragment>\n                    {onClear !== undefined && <FormFieldClear onClick={onClear} />}\n                    {loading && <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={size} />}\n                    {postfix}\n                </React.Fragment>\n            }\n            {...restProps}\n            ref={ref}\n        >\n            <Input\n                value={value?.label ?? \"\"}\n                placeholder={placeholder}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-expanded={dropdownOpen}\n                data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.input}`}\n                {...inputProps}\n                readOnly={true}\n                onFocus={handleInputFocus}\n            />\n            <SuggestFieldMobileDropdown\n                value={value}\n                options={options}\n                placeholder={placeholder}\n                tooltipHint={tooltipHint}\n                opened={dropdownOpen}\n                loading={loading}\n                tooltipOpen={tooltipOpen}\n                dropdownListLoading={dropdownListLoading}\n                clearInputOnFocus={clearInputOnFocus}\n                setOpened={setDropdownOpen}\n                onFilter={onFilter}\n                onSelect={onSelect}\n                onScrollEnd={onScrollEnd}\n            />\n        </TextFieldBase>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,qBAAqB,CAAsD;AAAA,EACpF;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAmC;AAC/B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,MAAM,OAAyB,IAAI;AAEzC,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,QAAQ,eAAe;AAE7B,YAAU,MAAM;AAEZ,QAAI,iBAAiB,WAAW,CAAC,gBAAgB,IAAI,SAAS;AAE1D,UAAI,QAAQ,eAAe,EAAE,OAAO,UAAU;AAAA,IAClD;AACA,qBAAiB,UAAU;AAAA,EAC/B,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU;;AACP,sBAAgB,IAAI;AACpB,uBAAW,YAAX,oCAAqB;AAAA,IACzB;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGf,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc;AAAA,MACd;AAAA,MACA,SACI,qBAAC,MAAM,UAAN,EACI,UAAA;AAAA,QAAA,YAAY,UAAa,oBAAC,gBAAA,EAAe,SAAS,SAAS;AAAA,QAC3D,WAAW,oBAAC,aAAA,EAAY,OAAO,kBAAkB,OAAO,MAAY;AAAA,QACpE;AAAA,MAAA,GACL;AAAA,MAEH,GAAG;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,QAAO,+BAAO,UAAS;AAAA,YACvB;AAAA,YACA,MAAK;AAAA,YACL,qBAAkB;AAAA,YAClB,iBAAe;AAAA,YACf,gBAAc,cAAc,GAAG,UAAU,GAAG,WAAW,QAAQ,KAAK;AAAA,YACnE,GAAG;AAAA,YACJ,UAAU;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"SuggestFieldMobile.js","sources":["../../../../src/components/SuggestField/mobile/SuggestFieldMobile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport { ISuggestFieldMobileProps } from \"./types\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { EComponentSize } from \"../../../enums\";\nimport { SuggestFieldMobileDropdown } from \"./SuggestFieldMobileDropdown\";\nimport { TextFieldBase } from \"../../TextField/TextFieldBase\";\nimport { DataTestId } from \"../../../consts/DataTestId\";\nimport { FormFieldInput, FormFieldClear } from \"../../FormField\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\n\n/**\n * Мобильный SuggestField.\n * Отображает поле ввода (target). При получении полем ввода фокуса - отображает мобильный Dropdown.\n */\nexport const SuggestFieldMobile = <T extends ISuggestFieldOption = ISuggestFieldOption>({\n    value,\n    options,\n    size = EComponentSize.LG,\n    placeholder,\n    \"data-test-id\": dataTestId,\n    postfix,\n    tooltipHint,\n    loading,\n    tooltipOpen,\n    dropdownListLoading,\n    clearInputOnFocus,\n    onFilter,\n    onSelect,\n    onClear,\n    onScrollEnd,\n    renderInput,\n    inputProps,\n    ...restProps\n}: ISuggestFieldMobileProps<T>) => {\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const ref = useRef<HTMLInputElement>(null);\n    // Предыдущее состояние dropdownOpened.\n    const prevDropdownOpen = useRef(false);\n    const Input = renderInput ?? FormFieldInput;\n\n    useEffect(() => {\n        // Дропдаун закрылся.\n        if (prevDropdownOpen.current && !dropdownOpen && ref.current) {\n            // Обратный скролл к инпуту т.к. при открытии Dropdown в iOS страница скроллится вверх.\n            ref.current.scrollIntoView({ block: \"center\" });\n        }\n        prevDropdownOpen.current = dropdownOpen;\n    }, [dropdownOpen]);\n\n    const handleInputFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n        (event) => {\n            setDropdownOpen(true);\n            inputProps.onFocus?.(event);\n        },\n        [inputProps],\n    );\n\n    const handleClear = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n        (event) => {\n            if (value !== undefined) {\n                onSelect(undefined);\n\n                // Поле-триггер показывает label значения, поэтому «поле не пустое» здесь равно «label не пустой».\n                if (value.label.length !== 0) {\n                    onFilter(\"\");\n                }\n            }\n\n            onClear?.(event);\n        },\n        [value, onSelect, onFilter, onClear],\n    );\n\n    return (\n        <TextFieldBase\n            data-test-id={dataTestId}\n            size={size}\n            postfix={\n                <React.Fragment>\n                    {onClear !== undefined && <FormFieldClear onClick={handleClear} />}\n                    {loading && <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={size} />}\n                    {postfix}\n                </React.Fragment>\n            }\n            {...restProps}\n            ref={ref}\n        >\n            <Input\n                value={value?.label ?? \"\"}\n                placeholder={placeholder}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-expanded={dropdownOpen}\n                data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.input}`}\n                {...inputProps}\n                readOnly={true}\n                onFocus={handleInputFocus}\n            />\n            <SuggestFieldMobileDropdown\n                value={value}\n                options={options}\n                placeholder={placeholder}\n                tooltipHint={tooltipHint}\n                opened={dropdownOpen}\n                loading={loading}\n                tooltipOpen={tooltipOpen}\n                dropdownListLoading={dropdownListLoading}\n                clearInputOnFocus={clearInputOnFocus}\n                setOpened={setDropdownOpen}\n                onFilter={onFilter}\n                onSelect={onSelect}\n                onScrollEnd={onScrollEnd}\n            />\n        </TextFieldBase>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,qBAAqB,CAAsD;AAAA,EACpF;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAmC;AAC/B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,MAAM,OAAyB,IAAI;AAEzC,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,QAAQ,eAAe;AAE7B,YAAU,MAAM;AAEZ,QAAI,iBAAiB,WAAW,CAAC,gBAAgB,IAAI,SAAS;AAE1D,UAAI,QAAQ,eAAe,EAAE,OAAO,UAAU;AAAA,IAClD;AACA,qBAAiB,UAAU;AAAA,EAC/B,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU;;AACP,sBAAgB,IAAI;AACpB,uBAAW,YAAX,oCAAqB;AAAA,IACzB;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGf,QAAM,cAAc;AAAA,IAChB,CAAC,UAAU;AACP,UAAI,UAAU,QAAW;AACrB,iBAAS,MAAS;AAGlB,YAAI,MAAM,MAAM,WAAW,GAAG;AAC1B,mBAAS,EAAE;AAAA,QACf;AAAA,MACJ;AAEA,yCAAU;AAAA,IACd;AAAA,IACA,CAAC,OAAO,UAAU,UAAU,OAAO;AAAA,EAAA;AAGvC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc;AAAA,MACd;AAAA,MACA,SACI,qBAAC,MAAM,UAAN,EACI,UAAA;AAAA,QAAA,YAAY,UAAa,oBAAC,gBAAA,EAAe,SAAS,aAAa;AAAA,QAC/D,WAAW,oBAAC,aAAA,EAAY,OAAO,kBAAkB,OAAO,MAAY;AAAA,QACpE;AAAA,MAAA,GACL;AAAA,MAEH,GAAG;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,QAAO,+BAAO,UAAS;AAAA,YACvB;AAAA,YACA,MAAK;AAAA,YACL,qBAAkB;AAAA,YAClB,iBAAe;AAAA,YACf,gBAAc,cAAc,GAAG,UAAU,GAAG,WAAW,QAAQ,KAAK;AAAA,YACnE,GAAG;AAAA,YACJ,UAAU;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import React, { useState, useRef, useCallback } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DmP0Jy6a.js";
+import "../../../chunks/DropdownListItem-DbG8a_Rw.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList } from "../../Dropdown/mobile/DropdownMobileList.js"
 import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
-import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-D3k4WQD_.js";
+import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-Dwl6zzq8.js";
 const SuggestFieldMobileDropdownBase = ({
   value,
   options,
@@ -37,7 +37,6 @@ const SuggestFieldMobileDropdownBase = ({
     setPrevValue(value);
     setInputValue((value == null ? void 0 : value.label) || "");
   }
-  const closedBySelectionRef = useRef(false);
   const targetRef = useRef(null);
   const handleInputFocus = useCallback(() => {
     if (!clearInputOnFocus) {
@@ -57,14 +56,8 @@ const SuggestFieldMobileDropdownBase = ({
     setOpened(false);
   }, [setOpened]);
   const handleDropdownClose = useCallback(() => {
-    if (closedBySelectionRef.current) {
-      closedBySelectionRef.current = false;
-      return;
-    }
-    if (inputValue.length === 0 && value !== void 0) {
-      onSelect(void 0);
-    }
-  }, [inputValue.length, onSelect, value]);
+    setInputValue((value == null ? void 0 : value.label) || "");
+  }, [value == null ? void 0 : value.label]);
   const handleListScroll = useCallback(
     (event) => {
       if (onScrollEnd === void 0 || dropdownListLoading) {
@@ -112,7 +105,6 @@ const SuggestFieldMobileDropdownBase = ({
               selected: option.id === (value == null ? void 0 : value.id),
               showNotificationIcon: option.showNotificationIcon,
               onSelect: () => {
-                closedBySelectionRef.current = true;
                 onSelect(option);
                 setOpened(false);
               },

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestFieldMobileDropdown.js","sources":["../../../../src/components/SuggestField/mobile/SuggestFieldMobileDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { ISuggestFieldMobileDropdownProps } from \"./types\";\nimport {\n    Dropdown,\n    DropdownMobileHeader,\n    DropdownMobileInput,\n    DropdownMobileLoader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownProps,\n} from \"../../Dropdown\";\nimport { SuggestFieldMobileDropdownHint } from \"./SuggestFieldMobileDropdownHint\";\nimport styles from \"../styles/SuggestFieldMobile.module.less\";\n\n/** Отображает мобильный dropdown с полем ввода и списком для выбора. */\nconst SuggestFieldMobileDropdownBase = <T extends ISuggestFieldOption = ISuggestFieldOption>(\n    {\n        value,\n        options,\n        placeholder,\n        tooltipHint,\n        opened,\n        loading,\n        tooltipOpen,\n        dropdownListLoading,\n        clearInputOnFocus,\n        setOpened,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n    }: ISuggestFieldMobileDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const [inputValue, setInputValue] = useState(value?.label || \"\");\n\n    const [prevValue, setPrevValue] = useState(value);\n    if (value?.id !== prevValue?.id) {\n        setPrevValue(value);\n        setInputValue(value?.label || \"\");\n    }\n\n    // Флаг для предотвращения сброса значения, когда закрытие вызвано выбором конкретной опции из списка.\n    const closedBySelectionRef = useRef(false);\n\n    // Не используется в мобильном Dropdown, нужен как обязательное свойство Dropdown.\n    const targetRef = useRef<HTMLDivElement>(null);\n\n    const handleInputFocus = useCallback(() => {\n        if (!clearInputOnFocus) {\n            setInputValue(value?.label || \"\");\n        } else {\n            setInputValue(\"\");\n        }\n    }, [clearInputOnFocus, value?.label]);\n\n    const handleInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputValue(event.target.value);\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleCloseClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n        setOpened(false);\n    }, [setOpened]);\n\n    const handleDropdownClose = useCallback<NonNullable<IDropdownProps[\"onClose\"]>>(() => {\n        if (closedBySelectionRef.current) {\n            closedBySelectionRef.current = false;\n            return;\n        }\n\n        if (inputValue.length === 0 && value !== undefined) {\n            onSelect(undefined);\n        }\n    }, [inputValue.length, onSelect, value]);\n\n    const handleListScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined || dropdownListLoading) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd, dropdownListLoading],\n    );\n\n    return (\n        <Dropdown\n            opened={opened}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            onClose={handleDropdownClose}\n            mobileViewProps={{\n                children: (\n                    <>\n                        <DropdownMobileHeader\n                            controlButtons={\n                                <>\n                                    {loading && <DropdownMobileLoader />}\n                                    <DropdownMobileClose onClick={handleCloseClick} />\n                                </>\n                            }\n                        >\n                            <DropdownMobileInput\n                                value={inputValue}\n                                placeholder={placeholder}\n                                autoFocus={true}\n                                onFocus={handleInputFocus}\n                                onChange={handleInputChange}\n                            />\n                        </DropdownMobileHeader>\n\n                        <DropdownMobileBody className={styles.suggestFieldMobileBody} onScroll={handleListScroll}>\n                            {tooltipOpen ? (\n                                <SuggestFieldMobileDropdownHint>{tooltipHint}</SuggestFieldMobileDropdownHint>\n                            ) : (\n                                <DropdownMobileList loading={dropdownListLoading}>\n                                    {options.map((option) => (\n                                        <DropdownMobileListItem\n                                            key={option.id}\n                                            id={option.id}\n                                            selected={option.id === value?.id}\n                                            showNotificationIcon={option.showNotificationIcon}\n                                            onSelect={() => {\n                                                closedBySelectionRef.current = true;\n                                                onSelect(option);\n                                                setOpened(false);\n                                            }}\n                                        >\n                                            {option.content || option.label}\n                                        </DropdownMobileListItem>\n                                    ))}\n                                </DropdownMobileList>\n                            )}\n                        </DropdownMobileBody>\n                    </>\n                ),\n            }}\n            ref={ref}\n        />\n    );\n};\n\nexport const SuggestFieldMobileDropdown = React.forwardRef(SuggestFieldMobileDropdownBase) as <\n    T extends ISuggestFieldOption = ISuggestFieldOption,\n>(\n    props: ISuggestFieldMobileDropdownProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SuggestFieldMobileDropdown.js","sources":["../../../../src/components/SuggestField/mobile/SuggestFieldMobileDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { ISuggestFieldMobileDropdownProps } from \"./types\";\nimport {\n    Dropdown,\n    DropdownMobileHeader,\n    DropdownMobileInput,\n    DropdownMobileLoader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n} from \"../../Dropdown\";\nimport { SuggestFieldMobileDropdownHint } from \"./SuggestFieldMobileDropdownHint\";\nimport styles from \"../styles/SuggestFieldMobile.module.less\";\n\n/** Отображает мобильный dropdown с полем ввода и списком для выбора. */\nconst SuggestFieldMobileDropdownBase = <T extends ISuggestFieldOption = ISuggestFieldOption>(\n    {\n        value,\n        options,\n        placeholder,\n        tooltipHint,\n        opened,\n        loading,\n        tooltipOpen,\n        dropdownListLoading,\n        clearInputOnFocus,\n        setOpened,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n    }: ISuggestFieldMobileDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const [inputValue, setInputValue] = useState(value?.label || \"\");\n\n    const [prevValue, setPrevValue] = useState(value);\n    if (value?.id !== prevValue?.id) {\n        setPrevValue(value);\n        setInputValue(value?.label || \"\");\n    }\n\n    // Не используется в мобильном Dropdown, нужен как обязательное свойство Dropdown.\n    const targetRef = useRef<HTMLDivElement>(null);\n\n    const handleInputFocus = useCallback(() => {\n        if (!clearInputOnFocus) {\n            setInputValue(value?.label || \"\");\n        } else {\n            setInputValue(\"\");\n        }\n    }, [clearInputOnFocus, value?.label]);\n\n    const handleInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputValue(event.target.value);\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleCloseClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n        setOpened(false);\n    }, [setOpened]);\n\n    // Закрытие без выбора значение не сбрасывает, поэтому и поле ввода возвращается к его label.\n    // Иначе при повторном открытии во время анимации закрытия (содержимое ещё смонтировано,\n    // автофокус не срабатывает) в поле остался бы прежний ввод.\n    const handleDropdownClose = useCallback(() => {\n        setInputValue(value?.label || \"\");\n    }, [value?.label]);\n\n    const handleListScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined || dropdownListLoading) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd, dropdownListLoading],\n    );\n\n    return (\n        <Dropdown\n            opened={opened}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            onClose={handleDropdownClose}\n            mobileViewProps={{\n                children: (\n                    <>\n                        <DropdownMobileHeader\n                            controlButtons={\n                                <>\n                                    {loading && <DropdownMobileLoader />}\n                                    <DropdownMobileClose onClick={handleCloseClick} />\n                                </>\n                            }\n                        >\n                            <DropdownMobileInput\n                                value={inputValue}\n                                placeholder={placeholder}\n                                autoFocus={true}\n                                onFocus={handleInputFocus}\n                                onChange={handleInputChange}\n                            />\n                        </DropdownMobileHeader>\n\n                        <DropdownMobileBody className={styles.suggestFieldMobileBody} onScroll={handleListScroll}>\n                            {tooltipOpen ? (\n                                <SuggestFieldMobileDropdownHint>{tooltipHint}</SuggestFieldMobileDropdownHint>\n                            ) : (\n                                <DropdownMobileList loading={dropdownListLoading}>\n                                    {options.map((option) => (\n                                        <DropdownMobileListItem\n                                            key={option.id}\n                                            id={option.id}\n                                            selected={option.id === value?.id}\n                                            showNotificationIcon={option.showNotificationIcon}\n                                            onSelect={() => {\n                                                onSelect(option);\n                                                setOpened(false);\n                                            }}\n                                        >\n                                            {option.content || option.label}\n                                        </DropdownMobileListItem>\n                                    ))}\n                                </DropdownMobileList>\n                            )}\n                        </DropdownMobileBody>\n                    </>\n                ),\n            }}\n            ref={ref}\n        />\n    );\n};\n\nexport const SuggestFieldMobileDropdown = React.forwardRef(SuggestFieldMobileDropdownBase) as <\n    T extends ISuggestFieldOption = ISuggestFieldOption,\n>(\n    props: ISuggestFieldMobileDropdownProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":[],"mappings":"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"}

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-D3k4WQD_.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-Dwl6zzq8.js";
 export {
   S as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestFieldMobileDropdown.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-D3k4WQD_.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-Dwl6zzq8.js";
 export {
   SuggestFieldMobile,
   SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback, useEffect, useImperativeHandle } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { getElementWidth, getSwipeableAreaOpacity, resolveSwipeEnd, ESwipeDirection, resolveSwipeMove } from "./utils.js";
-const swipeableArea = "swipeableArea__3d268784";
-const content = "content__52a98b47";
-const disableScroll = "disableScroll__26fc75ee";
-const disablePointerEvents = "disablePointerEvents__4b59e947";
-const swipeAnimationFinish = "swipeAnimationFinish__c8d05492";
-const leftContent = "leftContent__affe492e";
-const rightContent = "rightContent__d38c61b1";
+const swipeableArea = "swipeableArea__1cb33b0d";
+const content = "content__4292f6c8";
+const disableScroll = "disableScroll__ce6e9828";
+const disablePointerEvents = "disablePointerEvents__37a28871";
+const swipeAnimationFinish = "swipeAnimationFinish__86a069ce";
+const leftContent = "leftContent__b3b69b9b";
+const rightContent = "rightContent__52d052be";
 const styles = {
   swipeableArea,
   content,
@@ -136,7 +136,7 @@ const SwipeableArea = React.forwardRef(
       {
         className: clsx(styles.swipeableArea, className),
         ...rest,
-        "data-tx": "0.49.0",
+        "data-tx": "0.51.0",
         ref: containerRef,
         children: [
           hasLeftSwipeableArea ? /* @__PURE__ */ jsx(

package/components/Table/ChipPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ChipPanelLinks } from "./ChipPanelLinks.js";
-const chipPanel = "chipPanel__57f6c5a9";
+const chipPanel = "chipPanel__bab1b553";
 const styles = {
   chipPanel
 };

package/components/Table/ChipPanelLinks.js

@@ -3,7 +3,7 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { Text } from "../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../Typography/enums.js";
-const chipPanelLinks = "chipPanelLinks__d1ea904b";
+const chipPanelLinks = "chipPanelLinks__a323a738";
 const styles = {
   chipPanelLinks
 };

package/components/Table/FilterPanel.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const filterPanel = "filterPanel__3d7a616d";
+const filterPanel = "filterPanel__16cfa96c";
 const styles = {
   filterPanel
 };
@@ -11,7 +11,7 @@ const FilterPanel = React.forwardRef(
     {
       className: clsx(styles.filterPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "0.49.0",
+      "data-tx": "0.51.0",
       ref,
       children
     }

package/components/Table/MasterTable.js

@@ -15,7 +15,7 @@ import "./TableFooter/components/TableFooterSummaryAmount.js";
 import "./TableFooter/components/TableFooterSummarySelectAllButton.js";
 import "./TableFooter/components/TableFooterSummarySelectedCount.js";
 import "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
-const masterTable = "masterTable__2b3d44ae";
+const masterTable = "masterTable__2a6ea7df";
 const styles = {
   masterTable
 };
@@ -31,7 +31,7 @@ const MasterTable = Object.assign(
       {
         className: clsx(styles.masterTable, className),
         ...htmlDivAttributes,
-        "data-tx": "0.49.0",
+        "data-tx": "0.51.0",
         ref,
         children
       }

package/components/Table/NoColumns.js

@@ -3,8 +3,8 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__911d441d";
-const content = "content__3ceb9126";
+const noColumns = "noColumns__5dafc1b8";
+const content = "content__d65a28b0";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const paginationPanel = "paginationPanel__2a537a78";
+const paginationPanel = "paginationPanel__10a24d02";
 const styles = {
   paginationPanel
 };
@@ -11,7 +11,7 @@ const PaginationPanel = React.forwardRef(
     {
       className: clsx(styles.paginationPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "0.49.0",
+      "data-tx": "0.51.0",
       ref,
       children
     }

package/components/Table/TableBasic/TableBasic.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext, useEffect } from "react";
 import { i as isEqual } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-QVrUCCAs.js";
+import { s as styles } from "../../../chunks/utils-TRZEn9vv.js";
 import { TableBasicHeader } from "./components/TableBasicHeader.js";
 import { TableBasicBody } from "./components/TableBasicBody.js";
 import { LoaderMiddle } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TableBasicRow } from "./TableBasicRow.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/utils-QVrUCCAs.js";
+import { s as styles } from "../../../../chunks/utils-TRZEn9vv.js";
 const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
   if (data.length === 0) {
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -4,7 +4,7 @@ import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js"
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { ECellType, EHorizontalAlign, EOrderDirection } from "../enums.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-QVrUCCAs.js";
+import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-TRZEn9vv.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";
 const getNextOrderDirection = (currentDirection) => {

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -3,7 +3,7 @@ import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js"
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId } from "../../../../consts/DataTestId.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-QVrUCCAs.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-TRZEn9vv.js";
 import { ECellType, EVerticalAlign } from "../enums.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -7,8 +7,8 @@ import { ColumnSettings } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader } from "./components/TableBasicSettingsHeader.js";
 import { Link } from "../../Link/Link.js";
-const tableSettingsLink = "tableSettingsLink__e9f9483e";
-const tableSettingsDropdown = "tableSettingsDropdown__fe1759d2";
+const tableSettingsLink = "tableSettingsLink__9c9923d9";
+const tableSettingsDropdown = "tableSettingsDropdown__120792e7";
 const styles = {
   tableSettingsLink,
   tableSettingsDropdown

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js

@@ -3,8 +3,8 @@ import React from "react";
 import { ListSortableItemTarget } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls } from "../../../List/components/ListSortableItemControls.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__c749ad96";
-const dragging = "dragging__ae1fe669";
+const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__4ac4f62f";
+const dragging = "dragging__74844e0a";
 const styles = {
   columnSettingsSortableListItemTarget,
   dragging

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { ListItem } from "../../../List/components/ListItem.js";
-const columnSettingsStaticListItem = "columnSettingsStaticListItem__716f716f";
+const columnSettingsStaticListItem = "columnSettingsStaticListItem__70f96b02";
 const styles = {
   columnSettingsStaticListItem
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-const tableBasicSettingsBody = "tableBasicSettingsBody__934dad35";
+const tableBasicSettingsBody = "tableBasicSettingsBody__d213da50";
 const styles = {
   tableBasicSettingsBody
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-const tableBasicSettingsFooter = "tableBasicSettingsFooter__23495885";
+const tableBasicSettingsFooter = "tableBasicSettingsFooter__18ae15fd";
 const styles = {
   tableBasicSettingsFooter
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { Text } from "../../../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../../../Typography/enums.js";
-const tableBasicSettingsHeader = "tableBasicSettingsHeader__c0ad8856";
+const tableBasicSettingsHeader = "tableBasicSettingsHeader__9e921317";
 const styles = {
   tableBasicSettingsHeader
 };

package/components/Table/TableFooter/TableFooter.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/TableFooter.module-3pqtxzbw.js";
+import { s as styles } from "../../../chunks/TableFooter.module-0fRaQavw.js";
 import { FooterDescription } from "../../Footer/components/FooterDescription.js";
 import { FooterDescriptionControls } from "../../Footer/components/FooterDescriptionControls.js";
 import { TableFooterSummary } from "./components/TableFooterSummary.js";

package/components/Table/TableFooter/components/TableFooterSummary.js

@@ -3,7 +3,7 @@ import { FooterDescription } from "../../../Footer/components/FooterDescription.
 import { TableFooterSummaryAmount } from "./TableFooterSummaryAmount.js";
 import { TableFooterSummarySelectedCount } from "./TableFooterSummarySelectedCount.js";
 import { TableFooterSummarySelectAllButton } from "./TableFooterSummarySelectAllButton.js";
-import { s as styles } from "../../../../chunks/TableFooter.module-3pqtxzbw.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-0fRaQavw.js";
 const TableFooterSummary = Object.assign(
   ({ children, ...htmlDivAttributes }) => {
     return /* @__PURE__ */ jsx(FooterDescription.Content, { ...htmlDivAttributes, children: /* @__PURE__ */ jsx("div", { className: styles.tableFooterSummary, children }) });

package/components/Table/TableFooter/components/TableFooterSummaryAmount.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-3pqtxzbw.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-0fRaQavw.js";
 import { Amount } from "../../../Amount/Amount.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-3pqtxzbw.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-0fRaQavw.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Link } from "../../../Link/Link.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-3pqtxzbw.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-0fRaQavw.js";
 const TableFooterSummarySelectedCount = ({ children }) => /* @__PURE__ */ jsx("span", { className: styles.tableFooterSummarySelectedCount, children });
 TableFooterSummarySelectedCount.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/utils.js

@@ -1,5 +1,5 @@
 import "./TableBasic/enums.js";
-import { b, m, a } from "../../chunks/utils-QVrUCCAs.js";
+import { b, m, a } from "../../chunks/utils-TRZEn9vv.js";
 export {
   b as mapCellTypeToClassName,
   m as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -17,14 +17,14 @@ import { ETabsExtendedType } from "../TabsExtended/enums.js";
 import { TabsExtendedContext } from "../TabsExtended/TabsExtendedContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { isKey } from "../../utils/keyboard.js";
-const tabsContent = "tabsContent__f81f2af0";
-const tabButtonDropdown = "tabButtonDropdown__4a6b1de9";
-const sm = "sm__75886f99";
-const md = "md__6f90dc94";
-const lg = "lg__b89d84bd";
-const selected = "selected__407af4bd";
-const type1 = "type1__58f2bbef";
-const type2 = "type2__ea2f6cc5";
+const tabsContent = "tabsContent__0c69398d";
+const tabButtonDropdown = "tabButtonDropdown__f0981a03";
+const sm = "sm__d0944234";
+const md = "md__20c9cdc2";
+const lg = "lg__064365be";
+const selected = "selected__4582538f";
+const type1 = "type1__4e3642a6";
+const type2 = "type2__a6625edf";
 const styles = {
   tabsContent,
   tabButtonDropdown,

package/components/TabsExtended/TabsExtended.js

@@ -4,8 +4,8 @@ import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-v5wcO4u9.js";
-import { s as styles } from "../../chunks/TabsExtended.module-CeJWYl0W.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-NWb0RM-6.js";
+import { s as styles } from "../../chunks/TabsExtended.module-edmUKSS3.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -7,7 +7,7 @@ import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-CeJWYl0W.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-edmUKSS3.js";
 import "./TabsExtendedTabContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsExtendedContent = Object.assign(