@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -1,15 +1,15 @@
-import { SuggestFieldDesktopDropdown as ro } from "./SuggestFieldDesktopDropdown.js";
-import { jsxs as B, jsx as s } from "react/jsx-runtime";
-import fo, { useState as n, useRef as x, useLayoutEffect as so, useCallback as r, useEffect as no } from "react";
-import { EComponentSize as co } from "../../../enums/EComponentSize.js";
-import { Tooltip as E } from "../../Tooltip/Tooltip.js";
-import { ETooltipSize as lo } from "../../Tooltip/enums.js";
-import { TextFieldBase as ao } from "../../TextField/TextFieldBase.js";
-import { EFormFieldStatus as _ } from "../../FormField/enums.js";
-import { FormFieldClear as go } from "../../FormField/components/FormFieldClear.js";
+import { SuggestFieldDesktopDropdown } from "./SuggestFieldDesktopDropdown.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState, useRef, useLayoutEffect, useCallback, useEffect } from "react";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { Tooltip } from "../../Tooltip/Tooltip.js";
+import { ETooltipSize } from "../../Tooltip/enums.js";
+import { TextFieldBase } from "../../TextField/TextFieldBase.js";
+import { EFormFieldStatus } from "../../FormField/enums.js";
+import { FormFieldClear } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-CxAdhoLS.js";
+import { F as FormFieldInput } from "../../../chunks/FormFieldInput-oyG8nnC2.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -17,13 +17,13 @@ import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTarget.js";
 import "../../FormField/components/FormFieldTextarea.js";
 import "../../FormField/FormField.js";
-import { LoaderSmall as Do } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as wo } from "../../Loader/LoaderSmall/enum.js";
+import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
+import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DfdRzHWo.js";
+import "../../../chunks/DropdownListItem-Bar1VVOv.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -34,167 +34,238 @@ import "../../Dropdown/mobile/DropdownMobileInput.js";
 import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Dropdown/Dropdown.js";
-import { DataTestId as q } from "../../../consts/DataTestId.js";
-import { u as Fo } from "../../../chunks/vendor-D5cfSbgz.js";
-import { isKey as Lo } from "../../../utils/keyboard.js";
-const rt = ({
-  value: e,
-  options: h,
-  size: F = co.LG,
-  status: L,
-  placeholder: z,
-  "data-test-id": c,
-  tooltipHint: G,
-  loading: N,
-  tooltipOpen: T,
-  dropdownListLoading: H,
-  clearInputOnFocus: R,
-  onFilter: l,
-  onClear: D,
-  onSelect: a,
-  onScrollEnd: w,
-  prefix: J,
-  postfix: Q,
-  renderInput: O,
-  renderDropdown: k,
-  renderDropdownList: U,
-  renderDropdownListItem: W,
-  inputProps: t,
-  ...X
+import { DataTestId } from "../../../consts/DataTestId.js";
+import { u as uniqueId } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { isKey } from "../../../utils/keyboard.js";
+const SuggestFieldDesktop = ({
+  value,
+  options,
+  size = EComponentSize.LG,
+  status,
+  placeholder,
+  "data-test-id": dataTestId,
+  tooltipHint,
+  loading,
+  tooltipOpen,
+  dropdownListLoading,
+  clearInputOnFocus,
+  onFilter,
+  onClear,
+  onSelect,
+  onScrollEnd,
+  prefix,
+  postfix,
+  renderInput,
+  renderDropdown,
+  renderDropdownList,
+  renderDropdownListItem,
+  inputProps,
+  ...restProps
 }) => {
-  const [d, g] = n((e == null ? void 0 : e.label) || ""), [I, M] = n(!1), [f, p] = n(!1), [C, S] = n(!1), [K] = n(() => Fo()), [$, b] = n(), [A, Y] = n(e);
-  (e == null ? void 0 : e.id) !== (A == null ? void 0 : A.id) && (Y(e), g((e == null ? void 0 : e.label) || ""));
-  const y = x(null), Z = x(w);
-  so(() => {
-    Z.current = w;
-  }, [w]);
-  const V = r(
-    (o) => {
-      var i;
-      M(!0), R && d.length !== 0 && (g(""), l("")), (i = t.onFocus) == null || i.call(t, o);
+  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);
+  const [dropdownListId] = useState(() => uniqueId());
+  const [activeDescendant, setActiveDescendant] = useState();
+  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) || "");
+  }
+  const suggestRef = useRef(null);
+  const onScrollEndRef = useRef(onScrollEnd);
+  useLayoutEffect(() => {
+    onScrollEndRef.current = onScrollEnd;
+  }, [onScrollEnd]);
+  const handleInputFocus = useCallback(
+    (event) => {
+      var _a;
+      setInputFocused(true);
+      if (clearInputOnFocus && inputValue.length !== 0) {
+        setInputValue("");
+        onFilter("");
+      }
+      (_a = inputProps.onFocus) == null ? void 0 : _a.call(inputProps, event);
     },
-    [R, d, l, t]
-  ), m = r((o) => {
-    S(o), b(void 0), p(!1);
-  }, []), u = r(
-    (o) => {
-      var i;
-      M(!1), m(!1), d.length !== 0 ? g((e == null ? void 0 : e.label) || "") : e !== void 0 && a(void 0), (i = t.onBlur) == null || i.call(t, o);
+    [clearInputOnFocus, inputValue, onFilter, inputProps]
+  );
+  const closeDropdown = useCallback((nextIgnoreAutoOpen) => {
+    setIgnoreAutoOpen(nextIgnoreAutoOpen);
+    setActiveDescendant(void 0);
+    setDropdownOpen(false);
+  }, []);
+  const handleInputBlur = useCallback(
+    (event) => {
+      var _a;
+      setInputFocused(false);
+      closeDropdown(false);
+      if (inputValue.length !== 0) {
+        setInputValue((value == null ? void 0 : value.label) || "");
+      } else if (value !== void 0) {
+        onSelect(void 0);
+      }
+      (_a = inputProps.onBlur) == null ? void 0 : _a.call(inputProps, event);
     },
-    [m, d, e, a, t]
-  ), v = r(
-    (o) => {
-      var i;
-      Lo(o.key, "ESCAPE") && f && (o.stopPropagation(), m(!0)), (i = t.onKeyDown) == null || i.call(t, o);
+    [closeDropdown, inputValue, value, onSelect, inputProps]
+  );
+  const handleInputKeyDown = useCallback(
+    (event) => {
+      var _a;
+      if (isKey(event.key, "ESCAPE")) {
+        if (dropdownOpen) {
+          event.stopPropagation();
+          closeDropdown(true);
+        }
+      }
+      (_a = inputProps.onKeyDown) == null ? void 0 : _a.call(inputProps, event);
     },
-    [f, m, t]
-  ), P = r(
-    (o) => {
-      var i;
-      f || (S(!1), p(!0)), (i = t.onMouseDown) == null || i.call(t, o);
+    [dropdownOpen, closeDropdown, inputProps]
+  );
+  const handleInputMouseDown = useCallback(
+    (event) => {
+      var _a;
+      if (!dropdownOpen) {
+        setIgnoreAutoOpen(false);
+        setDropdownOpen(true);
+      }
+      (_a = inputProps.onMouseDown) == null ? void 0 : _a.call(inputProps, event);
     },
-    [f, t]
-  ), oo = r(
-    (o) => {
-      var i;
-      S(!1), b(void 0), g(o.target.value), l(o.target.value), (i = t.onChange) == null || i.call(t, o);
+    [dropdownOpen, inputProps]
+  );
+  const handleInputChange = useCallback(
+    (event) => {
+      var _a;
+      setIgnoreAutoOpen(false);
+      setActiveDescendant(void 0);
+      setInputValue(event.target.value);
+      onFilter(event.target.value);
+      (_a = inputProps.onChange) == null ? void 0 : _a.call(inputProps, event);
     },
-    [l, t]
-  ), to = r(
-    (o) => {
-      e !== void 0 && a(void 0), d.length !== 0 && (l(""), g("")), D == null || D(o);
+    [onFilter, inputProps]
+  );
+  const handleClear = useCallback(
+    (event) => {
+      if (value !== void 0) {
+        onSelect(void 0);
+      }
+      if (inputValue.length !== 0) {
+        onFilter("");
+        setInputValue("");
+      }
+      onClear == null ? void 0 : onClear(event);
     },
-    [e, a, d.length, l, D]
-  ), eo = r(
-    (o) => {
-      o ? p(o) : m(!1);
+    [value, onSelect, inputValue.length, onFilter, onClear]
+  );
+  const handleDropdownOpen = useCallback(
+    (nextDropdownOpen) => {
+      if (nextDropdownOpen) {
+        setDropdownOpen(nextDropdownOpen);
+      } else {
+        closeDropdown(false);
+      }
     },
-    [m]
-  ), io = r(
-    (o) => {
-      m(!0), g((o == null ? void 0 : o.label) || ""), a(o);
+    [closeDropdown]
+  );
+  const handleSelect = useCallback(
+    (nextValue) => {
+      closeDropdown(true);
+      setInputValue((nextValue == null ? void 0 : nextValue.label) || "");
+      onSelect(nextValue);
     },
-    [m, a]
+    [closeDropdown, onSelect]
   );
-  no(() => {
-    I && (f ? h.length === 0 && m(!1) : h.length !== 0 && !C && p(!0));
-  }, [I, f, h.length, m, C]);
-  const mo = () => {
-    const o = O === void 0 ? ho : O, i = k === void 0 ? ro : k, j = f && h.length !== 0;
-    return /* @__PURE__ */ B(
-      ao,
+  useEffect(() => {
+    if (inputFocused) {
+      if (dropdownOpen) {
+        if (options.length === 0) {
+          closeDropdown(false);
+        }
+      } else {
+        if (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 dropdownActuallyOpen = dropdownOpen && options.length !== 0;
+    return /* @__PURE__ */ jsxs(
+      TextFieldBase,
       {
-        "data-test-id": c,
-        status: L,
-        size: F,
-        prefix: J,
-        postfix: /* @__PURE__ */ B(fo.Fragment, { children: [
-          D !== void 0 && /* @__PURE__ */ s(go, { onClick: to }),
-          N && /* @__PURE__ */ s(Do, { theme: wo.BRAND, size: F }),
-          Q
+        "data-test-id": dataTestId,
+        status,
+        size,
+        prefix,
+        postfix: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+          onClear !== void 0 && /* @__PURE__ */ jsx(FormFieldClear, { onClick: handleClear }),
+          loading && /* @__PURE__ */ jsx(LoaderSmall, { theme: ELoaderSmallTheme.BRAND, size }),
+          postfix
         ] }),
-        ...X,
-        ref: y,
+        ...restProps,
+        ref: suggestRef,
         children: [
-          /* @__PURE__ */ s(
-            o,
+          /* @__PURE__ */ jsx(
+            Input,
             {
-              value: d,
-              placeholder: z,
-              "data-test-id": c && `${c}${q.Suggest.input}`,
-              ...t,
+              value: inputValue,
+              placeholder,
+              "data-test-id": dataTestId && `${dataTestId}${DataTestId.Suggest.input}`,
+              ...inputProps,
               role: "combobox",
               "aria-autocomplete": "list",
-              "aria-controls": K,
-              "aria-activedescendant": $,
-              "aria-expanded": j,
-              disabled: L === _.DISABLED,
-              onFocus: V,
-              onBlur: u,
-              onKeyDown: v,
-              onMouseDown: P,
-              onChange: oo
+              "aria-controls": dropdownListId,
+              "aria-activedescendant": activeDescendant,
+              "aria-expanded": dropdownActuallyOpen,
+              disabled: status === EFormFieldStatus.DISABLED,
+              onFocus: handleInputFocus,
+              onBlur: handleInputBlur,
+              onKeyDown: handleInputKeyDown,
+              onMouseDown: handleInputMouseDown,
+              onChange: handleInputChange
             }
           ),
-          /* @__PURE__ */ s(po.Provider, { value: { activeDescendant: $, setActiveDescendant: b }, children: /* @__PURE__ */ s(
-            i,
+          /* @__PURE__ */ jsx(DropdownListContext.Provider, { value: { activeDescendant, setActiveDescendant }, children: /* @__PURE__ */ jsx(
+            Dropdown,
             {
-              value: e,
-              options: h,
-              size: F,
-              dataTestId: c,
-              listId: K,
-              opened: j,
-              listLoading: H,
-              targetRef: y,
-              setOpened: eo,
-              onSelect: io,
-              onScrollEnd: w,
-              renderList: U,
-              renderListItem: W
+              value,
+              options,
+              size,
+              dataTestId,
+              listId: dropdownListId,
+              opened: dropdownActuallyOpen,
+              listLoading: dropdownListLoading,
+              targetRef: suggestRef,
+              setOpened: handleDropdownOpen,
+              onSelect: handleSelect,
+              onScrollEnd,
+              renderList: renderDropdownList,
+              renderListItem: renderDropdownListItem
             }
           ) })
         ]
       }
     );
   };
-  return /* @__PURE__ */ B(
-    E,
+  return /* @__PURE__ */ jsxs(
+    Tooltip,
     {
-      size: lo.SM,
-      isOpen: !!(T && I) && L !== _.DISABLED,
+      size: ETooltipSize.SM,
+      isOpen: !!(tooltipOpen && inputFocused) && status !== EFormFieldStatus.DISABLED,
       toggle: () => {
       },
-      targetRef: y,
-      disableAdaptiveMode: !0,
+      targetRef: suggestRef,
+      disableAdaptiveMode: true,
       children: [
-        /* @__PURE__ */ s(E.Body, { "data-test-id": c && `${c}${q.Suggest.tooltip}`, children: G }),
-        /* @__PURE__ */ s(E.Target, { children: mo() })
+        /* @__PURE__ */ jsx(Tooltip.Body, { "data-test-id": dataTestId && `${dataTestId}${DataTestId.Suggest.tooltip}`, children: tooltipHint }),
+        /* @__PURE__ */ jsx(Tooltip.Target, { children: renderSuggestField() })
       ]
     }
   );
 };
 export {
-  rt as SuggestFieldDesktop
+  SuggestFieldDesktop
 };
 //# sourceMappingURL=SuggestFieldDesktop.js.map

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

@@ -0,0 +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                    disabled={status === EFormFieldStatus.DISABLED}\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

@@ -1,11 +1,11 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useCallback as h } from "react";
-import { Portal as _ } from "../../Portal/Portal.js";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Portal } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
-import { DropdownDesktop as b } from "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
-import { D as O } from "../../../chunks/DropdownListItem-DfdRzHWo.js";
-import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
+import { DropdownDesktop } from "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-Bar1VVOv.js";
+import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,65 +18,73 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../../Dropdown/Dropdown.js";
-import { EVENT_KEY_CODES as x } from "../../../utils/keyboard.js";
-import { DataTestId as e } from "../../../consts/DataTestId.js";
-const y = [x.ENTER], rr = ({
-  size: l,
-  value: m,
-  options: d,
-  targetRef: E,
-  listId: D,
-  dataTestId: t,
-  opened: s,
-  listLoading: p,
-  onMouseDown: o,
-  onSelect: w,
-  onScrollEnd: c,
-  renderList: f,
-  renderListItem: n,
-  ...a
+import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
+import { DataTestId } from "../../../consts/DataTestId.js";
+const KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];
+const SuggestFieldDesktopDropdown = ({
+  size,
+  value,
+  options,
+  targetRef,
+  listId,
+  dataTestId,
+  opened,
+  listLoading,
+  onMouseDown,
+  onSelect,
+  onScrollEnd,
+  renderList,
+  renderListItem,
+  ...restProps
 }) => {
-  const g = f === void 0 ? L : f, S = n === void 0 ? O : n, C = h(
-    (r) => {
-      r.preventDefault(), o == null || o(r);
+  const List = renderList === void 0 ? DropdownList : renderList;
+  const ListItem = renderListItem === void 0 ? DropdownListItem : renderListItem;
+  const handleMouseDown = useCallback(
+    (event) => {
+      event.preventDefault();
+      onMouseDown == null ? void 0 : onMouseDown(event);
     },
-    [o]
-  ), T = h(
-    (r) => {
-      if (c === void 0 || p)
+    [onMouseDown]
+  );
+  const handleListScroll = useCallback(
+    (event) => {
+      if (onScrollEnd === void 0 || listLoading) {
         return;
-      const { scrollHeight: $, scrollTop: k, clientHeight: N } = r.currentTarget;
-      $ - k - N < 1 && c();
+      }
+      const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;
+      if (scrollHeight - scrollTop - clientHeight < 1) {
+        onScrollEnd();
+      }
     },
-    [c, p]
+    [onScrollEnd, listLoading]
   );
-  return /* @__PURE__ */ i(_, { container: document.body, children: /* @__PURE__ */ i(
-    b,
+  return /* @__PURE__ */ jsx(Portal, { container: document.body, children: /* @__PURE__ */ jsx(
+    DropdownDesktop,
     {
-      size: l,
-      targetRef: E,
-      "data-test-id": t && `${t}${e.Suggest.dropdown}`,
-      opened: s,
-      ...a,
-      width: u.TARGET,
-      onMouseDown: C,
-      children: /* @__PURE__ */ i(g, { id: D, size: l, dropdownOpened: s, loading: p, onScroll: T, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
-        S,
+      size,
+      targetRef,
+      "data-test-id": dataTestId && `${dataTestId}${DataTestId.Suggest.dropdown}`,
+      opened,
+      ...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(
+        ListItem,
         {
-          id: r.id,
-          keyCodesForSelection: y,
-          "data-test-id": t && `${t}${e.Suggest.dropdown}${e.Dropdown.listItem}`,
-          selected: r.id === (m == null ? void 0 : m.id),
-          showNotificationIcon: r.showNotificationIcon,
-          onSelect: () => w(r),
-          children: r.content || r.label
+          id: option.id,
+          keyCodesForSelection: KEY_CODES_SELECTABLE,
+          "data-test-id": dataTestId && `${dataTestId}${DataTestId.Suggest.dropdown}${DataTestId.Dropdown.listItem}`,
+          selected: option.id === (value == null ? void 0 : value.id),
+          showNotificationIcon: option.showNotificationIcon,
+          onSelect: () => onSelect(option),
+          children: option.content || option.label
         },
-        r.id
+        option.id
       )) })
     }
   ) });
 };
 export {
-  rr as SuggestFieldDesktopDropdown
+  SuggestFieldDesktopDropdown
 };
 //# sourceMappingURL=SuggestFieldDesktopDropdown.js.map

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

@@ -0,0 +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;"}

package/components/SuggestField/desktop/index.js

@@ -1,7 +1,7 @@
-import { SuggestFieldDesktopDropdown as t } from "./SuggestFieldDesktopDropdown.js";
-import { SuggestFieldDesktop as r } from "./SuggestFieldDesktop.js";
+import { SuggestFieldDesktopDropdown } from "./SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop } from "./SuggestFieldDesktop.js";
 export {
-  r as SuggestFieldDesktop,
-  t as SuggestFieldDesktopDropdown
+  SuggestFieldDesktop,
+  SuggestFieldDesktopDropdown
 };
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}