@sberbusiness/triplex-next 1.46.0 → 1.48.0

package/components/Stepper/StepperExtendedContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperExtendedContext.js","sources":["../../../src/components/Stepper/StepperExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums\";\n\n/** Контекст компонента StepperExtended. */\nexport interface IStepperExtendedContext {\n    /** Размер Stepper. */\n    size: EComponentSize;\n    /** Уникальный идентификатор выбранного шага. */\n    selectedId?: string;\n    /** Обработчик выбора шага. */\n    onSelectStep: (selectedId: string) => void;\n}\n\n/** Контекст в StepperExtended. */\nexport const StepperExtendedContext = React.createContext<IStepperExtendedContext>({\n    size: EComponentSize.LG,\n    selectedId: undefined,\n    onSelectStep: () => {},\n});\n"],"names":["React"],"mappings":";;AAcO,MAAM,yBAAyBA,eAAM,cAAuC;AAAA,EAC/E,MAAM,eAAe;AAAA,EACrB,YAAY;AAAA,EACZ,cAAc,MAAM;AAAA,EAAC;AACzB,CAAC;"}
+{"version":3,"file":"StepperExtendedContext.js","sources":["../../../src/components/Stepper/StepperExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums\";\n\n/** Значение контекста StepperExtended: его читает каждый StepperExtended.Step. */\nexport interface IStepperExtendedContext {\n    /** Размер шагов. */\n    size: EComponentSize;\n    /** Уникальный идентификатор выбранного шага. */\n    selectedId?: string;\n    /** Обработчик выбора шага. */\n    onSelectStep: (selectedId: string) => void;\n}\n\n/** Контекст StepperExtended. Через barrel не экспортируется — это внутренняя деталь компонента. */\nexport const StepperExtendedContext = React.createContext<IStepperExtendedContext>({\n    size: EComponentSize.MD,\n    selectedId: undefined,\n    onSelectStep: () => {},\n});\n"],"names":["React"],"mappings":";;AAcO,MAAM,yBAAyBA,eAAM,cAAuC;AAAA,EAC/E,MAAM,eAAe;AAAA,EACrB,YAAY;AAAA,EACZ,cAAc,MAAM;AAAA,EAAC;AACzB,CAAC;"}

package/components/Stepper/StepperStep.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext, useState, useRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { StepperStepIcon } from "./StepperStepIcon.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { isKey } from "../../utils/keyboard.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { EStepperStepType } from "./enums.js";
-import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-Q22ED8Yo.js";
+import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-B5HGnDby.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const StepperStep = ({
@@ -92,7 +92,7 @@ const StepperStep = ({
     }
   };
   const renderIcon = () => /* @__PURE__ */ jsx(IconWrapper, { className: styles.icon, disabled: !!disabled, children: icon });
-  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.46.0", children: [
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.48.0", children: [
     icon && renderIcon(),
     children
   ] });

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S } from "../../chunks/StepperStepArrowBorder-Q22ED8Yo.js";
+import { S } from "../../chunks/StepperStepArrowBorder-B5HGnDby.js";
 export {
   S as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BaP5AaMK.js";
+import "../../chunks/DropdownListItem-cXbzcYKR.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,8 +21,8 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const suggestDropdownMobileBody = "suggestDropdownMobileBody__1ce7c29a";
-const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__0d6cedd3";
+const suggestDropdownMobileBody = "suggestDropdownMobileBody__331bbb31";
+const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__48999b01";
 const styles = {
   suggestDropdownMobileBody,
   suggestDropdownMobileNoOptionsText

package/components/Suggest/useSuggest.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useLayoutEffect, useCallback, useMemo } from "react";
-import { u as uniqueId } from "../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId } from "../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../utils/keyboard.js";
 const getOptionLabel = (option) => (option == null ? void 0 : option.label) ?? "";
 const useSuggest = ({

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-3ySBEFFO.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.js";
 import { jsx } from "react/jsx-runtime";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -1,7 +1,9 @@
 import { SuggestFieldDesktopDropdown } from "./SuggestFieldDesktopDropdown.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { useState, useRef, useLayoutEffect, useCallback, useEffect } from "react";
+import React__default, { useState, useRef, useCallback } from "react";
+import { u as uniqueId } from "../../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { isKey } from "../../../utils/keyboard.js";
 import { Tooltip } from "../../Tooltip/Tooltip.js";
 import { ETooltipSize } from "../../Tooltip/enums.js";
 import { TextFieldBase } from "../../TextField/TextFieldBase.js";
@@ -23,7 +25,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BaP5AaMK.js";
+import "../../../chunks/DropdownListItem-cXbzcYKR.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -35,8 +37,6 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Dropdown/Dropdown.js";
 import { DataTestId } from "../../../consts/DataTestId.js";
-import { u as uniqueId } from "../../../chunks/vendor-DqjKLGwf.js";
-import { isKey } from "../../../utils/keyboard.js";
 const SuggestFieldDesktop = ({
   value,
   options,
@@ -62,7 +62,7 @@ const SuggestFieldDesktop = ({
   inputProps,
   ...restProps
 }) => {
-  const [inputValue, setInputValue] = useState((value == null ? void 0 : value.label) || "");
+  const [inputValue, setInputValue] = useState((value == null ? void 0 : value.label) ?? "");
   const [inputFocused, setInputFocused] = useState(false);
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const [ignoreAutoOpen, setIgnoreAutoOpen] = useState(false);
@@ -71,13 +71,9 @@ const SuggestFieldDesktop = ({
   const [prevValue, setPrevValue] = useState(value);
   if ((value == null ? void 0 : value.id) !== (prevValue == null ? void 0 : prevValue.id)) {
     setPrevValue(value);
-    setInputValue((value == null ? void 0 : value.label) || "");
+    setInputValue((value == null ? void 0 : value.label) ?? "");
   }
   const suggestRef = useRef(null);
-  const onScrollEndRef = useRef(onScrollEnd);
-  useLayoutEffect(() => {
-    onScrollEndRef.current = onScrollEnd;
-  }, [onScrollEnd]);
   const handleInputFocus = useCallback(
     (event) => {
       var _a;
@@ -101,7 +97,7 @@ const SuggestFieldDesktop = ({
       setInputFocused(false);
       closeDropdown(false);
       if (inputValue.length !== 0) {
-        setInputValue((value == null ? void 0 : value.label) || "");
+        setInputValue((value == null ? void 0 : value.label) ?? "");
       } else if (value !== void 0) {
         onSelect(void 0);
       }
@@ -160,7 +156,7 @@ const SuggestFieldDesktop = ({
   const handleDropdownOpen = useCallback(
     (nextDropdownOpen) => {
       if (nextDropdownOpen) {
-        setDropdownOpen(nextDropdownOpen);
+        setDropdownOpen(true);
       } else {
         closeDropdown(false);
       }
@@ -170,27 +166,21 @@ const SuggestFieldDesktop = ({
   const handleSelect = useCallback(
     (nextValue) => {
       closeDropdown(true);
-      setInputValue((nextValue == null ? void 0 : nextValue.label) || "");
+      setInputValue((nextValue == null ? void 0 : nextValue.label) ?? "");
       onSelect(nextValue);
     },
     [closeDropdown, onSelect]
   );
-  useEffect(() => {
-    if (inputFocused) {
-      if (dropdownOpen) {
-        if (options.length === 0) {
-          closeDropdown(false);
-        }
-      } else {
-        if (options.length !== 0 && !ignoreAutoOpen) {
-          setDropdownOpen(true);
-        }
-      }
+  if (inputFocused) {
+    if (dropdownOpen && options.length === 0) {
+      closeDropdown(false);
+    } else if (!dropdownOpen && options.length !== 0 && !ignoreAutoOpen) {
+      setDropdownOpen(true);
     }
-  }, [inputFocused, dropdownOpen, options.length, closeDropdown, ignoreAutoOpen]);
+  }
   const renderSuggestField = () => {
-    const Input = renderInput === void 0 ? FormFieldInput : renderInput;
-    const Dropdown = renderDropdown === void 0 ? SuggestFieldDesktopDropdown : renderDropdown;
+    const Input = renderInput ?? FormFieldInput;
+    const Dropdown = renderDropdown ?? SuggestFieldDesktopDropdown;
     const dropdownActuallyOpen = dropdownOpen && options.length !== 0;
     return /* @__PURE__ */ jsxs(
       TextFieldBase,
@@ -252,7 +242,7 @@ const SuggestFieldDesktop = ({
     Tooltip,
     {
       size: ETooltipSize.SM,
-      isOpen: !!(tooltipOpen && inputFocused) && status !== EFormFieldStatus.DISABLED,
+      isOpen: tooltipOpen && inputFocused && status !== EFormFieldStatus.DISABLED,
       toggle: () => {
       },
       targetRef: suggestRef,

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, useLayoutEffect, useEffect, useCallback } from \"react\";\nimport { uniqueId } from \"lodash-es\";\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\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils\";\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 onScrollEndRef = useRef(onScrollEnd);\n    useLayoutEffect(() => {\n        onScrollEndRef.current = onScrollEnd;\n    }, [onScrollEnd]);\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    const handleDropdownOpen = useCallback<typeof setDropdownOpen>(\n        (nextDropdownOpen) => {\n            if (nextDropdownOpen) {\n                setDropdownOpen(nextDropdownOpen);\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    useEffect(() => {\n        if (inputFocused) {\n            if (dropdownOpen) {\n                if (options.length === 0) {\n                    closeDropdown(false);\n                }\n            } else {\n                if (options.length !== 0 && !ignoreAutoOpen) {\n                    setDropdownOpen(true);\n                }\n            }\n        }\n    }, [inputFocused, dropdownOpen, options.length, closeDropdown, ignoreAutoOpen]);\n\n    const renderSuggestField = () => {\n        const Input = renderInput === undefined ? FormFieldInput : renderInput;\n        const Dropdown = renderDropdown === undefined ? SuggestFieldDesktopDropdown : renderDropdown;\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":["React"],"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            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":["React"],"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-BaP5AaMK.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-cXbzcYKR.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -37,8 +37,8 @@ const SuggestFieldDesktopDropdown = ({
   renderListItem,
   ...restProps
 }) => {
-  const List = renderList === void 0 ? DropdownList : renderList;
-  const ListItem = renderListItem === void 0 ? DropdownListItem : renderListItem;
+  const List = renderList ?? DropdownList;
+  const ListItem = renderListItem ?? DropdownListItem;
   const handleMouseDown = useCallback(
     (event) => {
       event.preventDefault();
@@ -68,7 +68,7 @@ const SuggestFieldDesktopDropdown = ({
       ...restProps,
       width: EDropdownWidth.TARGET,
       onMouseDown: handleMouseDown,
-      children: /* @__PURE__ */ jsx(List, { id: listId, size, dropdownOpened: opened, loading: listLoading, onScroll: handleListScroll, children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(List, { id: listId, size, dropdownOpened: opened, loading: listLoading, onScroll: handleListScroll, children: options.map((option) => /* @__PURE__ */ jsx(
         ListItem,
         {
           id: option.id,

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

@@ -1 +1 @@
-{"version":3,"file":"SuggestFieldDesktopDropdown.js","sources":["../../../../src/components/SuggestField/desktop/SuggestFieldDesktopDropdown.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { ISuggestFieldDesktopDropdownProps } from \"./types\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { DropdownDesktop, DropdownList, DropdownListItem, EDropdownWidth } from \"../../Dropdown\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { DataTestId } from \"../../../consts/DataTestId\";\n\nconst KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];\n\nexport const SuggestFieldDesktopDropdown = <T extends ISuggestFieldOption = ISuggestFieldOption>({\n    size,\n    value,\n    options,\n    targetRef,\n    listId,\n    dataTestId,\n    opened,\n    listLoading,\n    onMouseDown,\n    onSelect,\n    onScrollEnd,\n    renderList,\n    renderListItem,\n    ...restProps\n}: ISuggestFieldDesktopDropdownProps<T>) => {\n    const List = renderList === undefined ? DropdownList : renderList;\n    const ListItem = renderListItem === undefined ? DropdownListItem : renderListItem;\n\n    const handleMouseDown = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            // Предотвращаем получение фокуса.\n            event.preventDefault();\n            onMouseDown?.(event);\n        },\n        [onMouseDown],\n    );\n\n    const handleListScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined || listLoading) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd, listLoading],\n    );\n\n    return (\n        <Portal container={document.body}>\n            <DropdownDesktop\n                size={size}\n                targetRef={targetRef}\n                data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.dropdown}`}\n                opened={opened}\n                {...restProps}\n                width={EDropdownWidth.TARGET}\n                onMouseDown={handleMouseDown}\n            >\n                <List id={listId} size={size} dropdownOpened={opened} loading={listLoading} onScroll={handleListScroll}>\n                    {options?.map((option) => (\n                        <ListItem\n                            key={option.id}\n                            id={option.id}\n                            keyCodesForSelection={KEY_CODES_SELECTABLE}\n                            data-test-id={\n                                dataTestId &&\n                                `${dataTestId}${DataTestId.Suggest.dropdown}${DataTestId.Dropdown.listItem}`\n                            }\n                            selected={option.id === value?.id}\n                            showNotificationIcon={option.showNotificationIcon}\n                            onSelect={() => onSelect(option)}\n                        >\n                            {option.content || option.label}\n                        </ListItem>\n                    ))}\n                </List>\n            </DropdownDesktop>\n        </Portal>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,uBAAuB,CAAC,gBAAgB,KAAK;AAE5C,MAAM,8BAA8B,CAAsD;AAAA,EAC7F;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,GAAG;AACP,MAA4C;AACxC,QAAM,OAAO,eAAe,SAAY,eAAe;AACvD,QAAM,WAAW,mBAAmB,SAAY,mBAAmB;AAEnE,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAU;AAEP,YAAM,eAAA;AACN,iDAAc;AAAA,IAClB;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAGhB,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU;AACP,UAAI,gBAAgB,UAAa,aAAa;AAC1C;AAAA,MACJ;AAEA,YAAM,EAAE,cAAc,WAAW,aAAA,IAAiB,MAAM;AAExD,UAAI,eAAe,YAAY,eAAe,GAAG;AAC7C,oBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,aAAa,WAAW;AAAA,EAAA;AAG7B,SACI,oBAAC,QAAA,EAAO,WAAW,SAAS,MACxB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,gBAAc,cAAc,GAAG,UAAU,GAAG,WAAW,QAAQ,QAAQ;AAAA,MACvE;AAAA,MACC,GAAG;AAAA,MACJ,OAAO,eAAe;AAAA,MACtB,aAAa;AAAA,MAEb,UAAA,oBAAC,MAAA,EAAK,IAAI,QAAQ,MAAY,gBAAgB,QAAQ,SAAS,aAAa,UAAU,kBACjF,UAAA,mCAAS,IAAI,CAAC,WACX;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,IAAI,OAAO;AAAA,UACX,sBAAsB;AAAA,UACtB,gBACI,cACA,GAAG,UAAU,GAAG,WAAW,QAAQ,QAAQ,GAAG,WAAW,SAAS,QAAQ;AAAA,UAE9E,UAAU,OAAO,QAAO,+BAAO;AAAA,UAC/B,sBAAsB,OAAO;AAAA,UAC7B,UAAU,MAAM,SAAS,MAAM;AAAA,UAE9B,UAAA,OAAO,WAAW,OAAO;AAAA,QAAA;AAAA,QAXrB,OAAO;AAAA,MAAA,GAanB,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"SuggestFieldDesktopDropdown.js","sources":["../../../../src/components/SuggestField/desktop/SuggestFieldDesktopDropdown.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ISuggestFieldOption } from \"../types\";\nimport { ISuggestFieldDesktopDropdownProps } from \"./types\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { DropdownDesktop, DropdownList, DropdownListItem, EDropdownWidth } from \"../../Dropdown\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { DataTestId } from \"../../../consts/DataTestId\";\n\nconst KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];\n\n/**\n * Выпадающий список десктопного SuggestField. Рендерится в портале, повторяет ширину поля ввода\n * и вызывает onScrollEnd при прокрутке списка до конца.\n *\n * @template T - тип опции, должен расширять ISuggestFieldOption\n */\nexport const SuggestFieldDesktopDropdown = <T extends ISuggestFieldOption = ISuggestFieldOption>({\n    size,\n    value,\n    options,\n    targetRef,\n    listId,\n    dataTestId,\n    opened,\n    listLoading,\n    onMouseDown,\n    onSelect,\n    onScrollEnd,\n    renderList,\n    renderListItem,\n    ...restProps\n}: ISuggestFieldDesktopDropdownProps<T>) => {\n    const List = renderList ?? DropdownList;\n    const ListItem = renderListItem ?? DropdownListItem;\n\n    const handleMouseDown = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            // Предотвращаем получение фокуса.\n            event.preventDefault();\n            onMouseDown?.(event);\n        },\n        [onMouseDown],\n    );\n\n    const handleListScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined || listLoading) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd, listLoading],\n    );\n\n    return (\n        <Portal container={document.body}>\n            <DropdownDesktop\n                size={size}\n                targetRef={targetRef}\n                data-test-id={dataTestId && `${dataTestId}${DataTestId.Suggest.dropdown}`}\n                opened={opened}\n                {...restProps}\n                width={EDropdownWidth.TARGET}\n                onMouseDown={handleMouseDown}\n            >\n                <List id={listId} size={size} dropdownOpened={opened} loading={listLoading} onScroll={handleListScroll}>\n                    {options.map((option) => (\n                        <ListItem\n                            key={option.id}\n                            id={option.id}\n                            keyCodesForSelection={KEY_CODES_SELECTABLE}\n                            data-test-id={\n                                dataTestId &&\n                                `${dataTestId}${DataTestId.Suggest.dropdown}${DataTestId.Dropdown.listItem}`\n                            }\n                            selected={option.id === value?.id}\n                            showNotificationIcon={option.showNotificationIcon}\n                            onSelect={() => onSelect(option)}\n                        >\n                            {option.content || option.label}\n                        </ListItem>\n                    ))}\n                </List>\n            </DropdownDesktop>\n        </Portal>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,uBAAuB,CAAC,gBAAgB,KAAK;AAQ5C,MAAM,8BAA8B,CAAsD;AAAA,EAC7F;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,GAAG;AACP,MAA4C;AACxC,QAAM,OAAO,cAAc;AAC3B,QAAM,WAAW,kBAAkB;AAEnC,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAU;AAEP,YAAM,eAAA;AACN,iDAAc;AAAA,IAClB;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAGhB,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU;AACP,UAAI,gBAAgB,UAAa,aAAa;AAC1C;AAAA,MACJ;AAEA,YAAM,EAAE,cAAc,WAAW,aAAA,IAAiB,MAAM;AAExD,UAAI,eAAe,YAAY,eAAe,GAAG;AAC7C,oBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,aAAa,WAAW;AAAA,EAAA;AAG7B,SACI,oBAAC,QAAA,EAAO,WAAW,SAAS,MACxB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,gBAAc,cAAc,GAAG,UAAU,GAAG,WAAW,QAAQ,QAAQ;AAAA,MACvE;AAAA,MACC,GAAG;AAAA,MACJ,OAAO,eAAe;AAAA,MACtB,aAAa;AAAA,MAEb,UAAA,oBAAC,MAAA,EAAK,IAAI,QAAQ,MAAY,gBAAgB,QAAQ,SAAS,aAAa,UAAU,kBACjF,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,IAAI,OAAO;AAAA,UACX,sBAAsB;AAAA,UACtB,gBACI,cACA,GAAG,UAAU,GAAG,WAAW,QAAQ,QAAQ,GAAG,WAAW,SAAS,QAAQ;AAAA,UAE9E,UAAU,OAAO,QAAO,+BAAO;AAAA,UAC/B,sBAAsB,OAAO;AAAA,UAC7B,UAAU,MAAM,SAAS,MAAM;AAAA,UAE9B,UAAA,OAAO,WAAW,OAAO;AAAA,QAAA;AAAA,QAXrB,OAAO;AAAA,MAAA,CAanB,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

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-3ySBEFFO.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.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-3ySBEFFO.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.js";
 const SuggestFieldMobile = ({
   value,
   options,
@@ -42,7 +42,7 @@ const SuggestFieldMobile = ({
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const ref = useRef(null);
   const prevDropdownOpen = useRef(false);
-  const Input = renderInput === void 0 ? FormFieldInput : renderInput;
+  const Input = renderInput ?? FormFieldInput;
   useEffect(() => {
     if (prevDropdownOpen.current && !dropdownOpen && ref.current) {
       ref.current.scrollIntoView({ block: "center" });
@@ -73,7 +73,7 @@ const SuggestFieldMobile = ({
         /* @__PURE__ */ jsx(
           Input,
           {
-            value: value ? value.label : "",
+            value: (value == null ? void 0 : value.label) ?? "",
             placeholder,
             role: "combobox",
             "aria-autocomplete": "list",

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 === undefined ? FormFieldInput : renderInput;\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 ? 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":["React"],"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,gBAAgB,SAAY,iBAAiB;AAE3D,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,qBAACA,eAAM,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,OAAO,QAAQ,MAAM,QAAQ;AAAA,YAC7B;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    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":["React"],"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,qBAACA,eAAM,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;"}

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useCallback } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BaP5AaMK.js";
+import "../../../chunks/DropdownListItem-cXbzcYKR.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-3ySBEFFO.js";
+import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.js";
 const SuggestFieldMobileDropdownBase = ({
   value,
   options,
@@ -38,7 +38,6 @@ const SuggestFieldMobileDropdownBase = ({
     setInputValue((value == null ? void 0 : value.label) || "");
   }
   const closedBySelectionRef = useRef(false);
-  const listRef = useRef(null);
   const targetRef = useRef(null);
   const handleInputFocus = useCallback(() => {
     if (!clearInputOnFocus) {
@@ -106,7 +105,7 @@ const SuggestFieldMobileDropdownBase = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx(DropdownMobileBody, { className: styles.suggestFieldMobileBody, onScroll: handleListScroll, children: tooltipOpen ? /* @__PURE__ */ jsx(SuggestFieldMobileDropdownHint, { children: tooltipHint }) : /* @__PURE__ */ jsx(DropdownMobileList, { loading: dropdownListLoading, ref: listRef, children: options.map((option) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(DropdownMobileBody, { className: styles.suggestFieldMobileBody, onScroll: handleListScroll, children: tooltipOpen ? /* @__PURE__ */ jsx(SuggestFieldMobileDropdownHint, { children: tooltipHint }) : /* @__PURE__ */ jsx(DropdownMobileList, { loading: dropdownListLoading, children: options.map((option) => /* @__PURE__ */ jsx(
             DropdownMobileListItem,
             {
               id: option.id,

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 \"@sberbusiness/triplex-next/components/SuggestField/types\";\nimport { ISuggestFieldMobileDropdownProps } from \"@sberbusiness/triplex-next/components/SuggestField/mobile/types\";\nimport {\n    Dropdown,\n    DropdownMobileHeader,\n    DropdownMobileInput,\n    DropdownMobileLoader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownProps,\n} from \"@sberbusiness/triplex-next/components/Dropdown\";\nimport { SuggestFieldMobileDropdownHint } from \"@sberbusiness/triplex-next/components/SuggestField/mobile/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    const listRef = useRef<HTMLDivElement>(null);\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} ref={listRef}>\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":["React"],"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    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":["React"],"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-3ySBEFFO.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.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-3ySBEFFO.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.js";
 export {
   SuggestFieldMobile,
   SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useImperativeHandle } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { getElementWidth, getSwipeableAreaOpacity, resolveSwipeEnd, ESwipeDirection, resolveSwipeMove } from "./utils.js";
-const swipeableArea = "swipeableArea__5720e7ac";
-const content = "content__0ca5dd3c";
-const disableScroll = "disableScroll__248b2a0f";
-const disablePointerEvents = "disablePointerEvents__76ab8781";
-const swipeAnimationFinish = "swipeAnimationFinish__436a81cd";
-const leftContent = "leftContent__dd30d3fb";
-const rightContent = "rightContent__9e9ed43a";
+const swipeableArea = "swipeableArea__0385fbe7";
+const content = "content__6624056d";
+const disableScroll = "disableScroll__9ee1e77b";
+const disablePointerEvents = "disablePointerEvents__716f991f";
+const swipeAnimationFinish = "swipeAnimationFinish__9e28d5aa";
+const leftContent = "leftContent__5f0fb541";
+const rightContent = "rightContent__de5659d4";
 const styles = {
   swipeableArea,
   content,
@@ -136,7 +136,7 @@ const SwipeableArea = React__default.forwardRef(
       {
         className: clsx(styles.swipeableArea, className),
         ...rest,
-        "data-tx": "1.46.0",
+        "data-tx": "1.48.0",
         ref: containerRef,
         children: [
           hasLeftSwipeableArea ? /* @__PURE__ */ jsx(

package/components/Table/ChipPanel.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ChipPanelLinks } from "./ChipPanelLinks.js";
-const chipPanel = "chipPanel__1475873d";
+const chipPanel = "chipPanel__30eedde6";
 const styles = {
   chipPanel
 };

package/components/Table/ChipPanelLinks.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Text } from "../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../Typography/enums.js";
-const chipPanelLinks = "chipPanelLinks__25b2f36b";
+const chipPanelLinks = "chipPanelLinks__fed7042c";
 const styles = {
   chipPanelLinks
 };

package/components/Table/FilterPanel.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const filterPanel = "filterPanel__83bab052";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const filterPanel = "filterPanel__7497c152";
 const styles = {
   filterPanel
 };
@@ -11,7 +11,7 @@ const FilterPanel = React__default.forwardRef(
     {
       className: clsx(styles.filterPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "1.46.0",
+      "data-tx": "1.48.0",
       ref,
       children
     }

package/components/Table/MasterTable.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo } from "react";
 import { MasterTableContext } from "./MasterTableContext.js";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { NoColumns } from "./NoColumns.js";
 import { FilterPanel } from "./FilterPanel.js";
 import { ChipPanel } from "./ChipPanel.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__0bfd6244";
+const masterTable = "masterTable__3a0027d8";
 const styles = {
   masterTable
 };
@@ -31,7 +31,7 @@ const MasterTable = Object.assign(
       {
         className: clsx(styles.masterTable, className),
         ...htmlDivAttributes,
-        "data-tx": "1.46.0",
+        "data-tx": "1.48.0",
         ref,
         children
       }