@sberbusiness/triplex-next 1.52.0 → 1.53.0

package/components/StatusTracker/components/StatusTrackerFooter.js

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

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerHeader = Object.assign(
   React__default.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerMedia = React__default.forwardRef(function StatusTrackerMedia2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });
 });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
 const StatusTrackerStatus = React__default.forwardRef(function StatusTrackerStatus2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(MarkerStatus, { className: clsx(styles.statusTrackerStatus, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

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

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -7,7 +7,7 @@ import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import { Amount } from "../../Amount/Amount.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerSum = React__default.forwardRef(function StatusTrackerSum2({ className, amountProps, ...restProps }, ref) {
   return /* @__PURE__ */ jsx(
     Title,

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-CvJSNkUB.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-DJJRZUEF.js";
 const StatusTrackerTitle = React__default.forwardRef(function StatusTrackerTitle2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     Title,

package/components/Step/Step.js

@@ -12,21 +12,21 @@ import "../Typography/Title.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__407f3abb";
-const sm = "sm__84349047";
-const md = "md__59fa597b";
-const lg = "lg__3bd7b066";
-const done = "done__9c6ae911";
-const warning = "warning__014479a3";
-const active = "active__4091442d";
-const error = "error__dad27f9c";
-const disabled = "disabled__dce8bb42";
+const step = "step__5534882c";
+const sm = "sm__3552dbf8";
+const md = "md__89fd1460";
+const lg = "lg__fb25fd73";
+const done = "done__0faf6ed4";
+const warning = "warning__1c1877a2";
+const active = "active__4dade1ca";
+const error = "error__a17bc944";
+const disabled = "disabled__aabc6197";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__b5d1d57f",
+  "default": "default__944493c0",
   done,
   warning,
   active,

package/components/Stepper/Stepper.js

@@ -12,14 +12,14 @@ import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./StepperStepIcon.js";
-const stepperCarousel = "stepperCarousel__d4fe0f95";
-const stepperButtonWrapper = "stepperButtonWrapper__4d6d3758";
-const prev = "prev__4bda8d36";
-const next = "next__df3ce267";
-const stepperButton = "stepperButton__bf834643";
-const sm = "sm__e27d98d0";
-const md = "md__ea27cb33";
-const lg = "lg__50f242c9";
+const stepperCarousel = "stepperCarousel__e0a0ac8c";
+const stepperButtonWrapper = "stepperButtonWrapper__cede133a";
+const prev = "prev__f727a954";
+const next = "next__7cbf1886";
+const stepperButton = "stepperButton__2e1b923f";
+const sm = "sm__08c40e6a";
+const md = "md__4b604b01";
+const lg = "lg__f91b745e";
 const styles = {
   stepperCarousel,
   stepperButtonWrapper,

package/components/Stepper/StepperExtended.js

@@ -5,7 +5,7 @@ import { StepperStep } from "./StepperStep.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const stepperExtended = "stepperExtended__3fd60758";
+const stepperExtended = "stepperExtended__b89d8cfe";
 const styles = {
   stepperExtended
 };

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ 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-BVia57h0.js";
+import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-6XFHP1Ii.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.52.0", children: [
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.53.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-BVia57h0.js";
+import { S } from "../../chunks/StepperStepArrowBorder-6XFHP1Ii.js";
 export {
   S as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -1,28 +1,23 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { useSuggestContext } from "./SuggestContext.js";
-import "../Dropdown/DropdownListContext.js";
-import "../Dropdown/desktop/DropdownDesktop.js";
-import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DkX7SolI.js";
-import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
-import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader } from "../Dropdown/mobile/DropdownMobileHeader.js";
-import "../Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput } from "../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem } from "../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader } from "../Dropdown/mobile/DropdownMobileLoader.js";
-import "../Dropdown/Dropdown.js";
+import "../Puller/Puller.js";
+import { PullerBody } from "../Puller/PullerBody.js";
+import { PullerClose } from "../Puller/PullerClose.js";
+import "../Puller/PullerFooter.js";
+import { PullerHeader } from "../Puller/PullerHeader.js";
+import { PullerInput } from "../Puller/PullerInput.js";
+import { PullerList } from "../Puller/PullerList.js";
+import { PullerListItem } from "../Puller/PullerListItem.js";
+import { PullerLoader } from "../Puller/PullerLoader.js";
+import "../Puller/PullerMaskedInput.js";
 import { ETextSize, EFontType } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const suggestDropdownMobileBody = "suggestDropdownMobileBody__ede5a71b";
-const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__4b8269da";
+const suggestDropdownMobileBody = "suggestDropdownMobileBody__d706a5cb";
+const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__9e04dbbf";
 const styles = {
   suggestDropdownMobileBody,
   suggestDropdownMobileNoOptionsText
@@ -68,14 +63,14 @@ const SuggestMobileDropdownContent = () => {
   }, [inputValue.length, clearInputOnFocus, onFilter]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      DropdownMobileHeader,
+      PullerHeader,
       {
         controlButtons: /* @__PURE__ */ jsxs(Fragment, { children: [
-          loading && /* @__PURE__ */ jsx(DropdownMobileLoader, {}),
-          /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: handleMobileDropdownClose })
+          loading && /* @__PURE__ */ jsx(PullerLoader, {}),
+          /* @__PURE__ */ jsx(PullerClose, { onClick: handleMobileDropdownClose })
         ] }),
         children: /* @__PURE__ */ jsx(
-          DropdownMobileInput,
+          PullerInput,
           {
             value: inputValue,
             placeholder,
@@ -86,7 +81,7 @@ const SuggestMobileDropdownContent = () => {
         )
       }
     ),
-    /* @__PURE__ */ jsx(DropdownMobileBody, { className: styles.suggestDropdownMobileBody, onScroll: handleDropdownScroll, children: options.length === 0 ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(PullerBody, { className: styles.suggestDropdownMobileBody, onScroll: handleDropdownScroll, children: options.length === 0 ? /* @__PURE__ */ jsx(
       Text,
       {
         className: styles.suggestDropdownMobileNoOptionsText,
@@ -95,8 +90,8 @@ const SuggestMobileDropdownContent = () => {
         tag: "div",
         children: noOptionsText
       }
-    ) : /* @__PURE__ */ jsx(DropdownMobileList, { loading: dropdownListLoading, children: options.map((option) => /* @__PURE__ */ jsx(
-      DropdownMobileListItem,
+    ) : /* @__PURE__ */ jsx(PullerList, { loading: dropdownListLoading, children: options.map((option) => /* @__PURE__ */ jsx(
+      PullerListItem,
       {
         id: option.id,
         selected: option.id === (value == null ? void 0 : value.id),

package/components/Suggest/SuggestMobileDropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestMobileDropdownContent.js","sources":["../../../src/components/Suggest/SuggestMobileDropdownContent.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ISuggestOption } from \"./types\";\nimport { useSuggestContext } from \"./SuggestContext\";\nimport {\n    DropdownMobileHeader,\n    DropdownMobileInput,\n    DropdownMobileLoader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n} from \"../Dropdown\";\nimport { Text, EFontType, ETextSize } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"./styles/SuggestDropdown.module.less\";\n\n/**\n * Наполнение полноэкранного мобильного Dropdown внутри Suggest.\n * Данные и обработчики берёт из SuggestContext, поэтому рендерится только внутри Suggest.\n */\nexport const SuggestMobileDropdownContent = <T extends ISuggestOption>() => {\n    const {\n        value,\n        options,\n        inputValue,\n        placeholder,\n        noOptionsText,\n        loading,\n        clearInputOnFocus,\n        dropdownListLoading,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n        closeDropdown,\n    } = useSuggestContext<T>();\n\n    const handleDropdownScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd],\n    );\n\n    const handleMobileDropdownClose = useCallback(() => closeDropdown(), [closeDropdown]);\n\n    const handleInputChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleInputFocus = useCallback(() => {\n        if (inputValue.length !== 0 && clearInputOnFocus) {\n            onFilter(\"\");\n        }\n    }, [inputValue.length, clearInputOnFocus, onFilter]);\n\n    return (\n        <>\n            <DropdownMobileHeader\n                controlButtons={\n                    <>\n                        {loading && <DropdownMobileLoader />}\n                        <DropdownMobileClose onClick={handleMobileDropdownClose} />\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.suggestDropdownMobileBody} onScroll={handleDropdownScroll}>\n                {options.length === 0 ? (\n                    <Text\n                        className={styles.suggestDropdownMobileNoOptionsText}\n                        type={EFontType.PRIMARY}\n                        size={ETextSize.B2}\n                        tag=\"div\"\n                    >\n                        {noOptionsText}\n                    </Text>\n                ) : (\n                    <DropdownMobileList loading={dropdownListLoading}>\n                        {options.map((option) => (\n                            <DropdownMobileListItem\n                                key={option.id}\n                                id={option.id}\n                                selected={option.id === value?.id}\n                                showNotificationIcon={option.showNotificationIcon}\n                                onSelect={() => {\n                                    onSelect(option);\n                                }}\n                            >\n                                {option.content || option.label}\n                            </DropdownMobileListItem>\n                        ))}\n                    </DropdownMobileList>\n                )}\n            </DropdownMobileBody>\n        </>\n    );\n};\n\nSuggestMobileDropdownContent.displayName = \"SuggestMobileDropdownContent\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,+BAA+B,MAAgC;AACxE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AAEJ,QAAM,uBAAuB;AAAA,IACzB,CAAC,UAAU;AACP,UAAI,gBAAgB,QAAW;AAC3B;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,WAAW;AAAA,EAAA;AAGhB,QAAM,4BAA4B,YAAY,MAAM,iBAAiB,CAAC,aAAa,CAAC;AAEpF,QAAM,oBAAoB;AAAA,IACtB,CAAC,UAA+C;AAC5C,eAAS,MAAM,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGb,QAAM,mBAAmB,YAAY,MAAM;AACvC,QAAI,WAAW,WAAW,KAAK,mBAAmB;AAC9C,eAAS,EAAE;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,mBAAmB,QAAQ,CAAC;AAEnD,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBACI,qBAAA,UAAA,EACK,UAAA;AAAA,UAAA,+BAAY,sBAAA,EAAqB;AAAA,UAClC,oBAAC,qBAAA,EAAoB,SAAS,0BAAA,CAA2B;AAAA,QAAA,GAC7D;AAAA,QAGJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,YACP;AAAA,YACA,WAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAGJ,oBAAC,sBAAmB,WAAW,OAAO,2BAA2B,UAAU,sBACtE,UAAA,QAAQ,WAAW,IAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,MAAM,UAAU;AAAA,QAChB,MAAM,UAAU;AAAA,QAChB,KAAI;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA,wBAGJ,oBAAA,EAAmB,SAAS,qBACxB,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,IAAI,OAAO;AAAA,QACX,UAAU,OAAO,QAAO,+BAAO;AAAA,QAC/B,sBAAsB,OAAO;AAAA,QAC7B,UAAU,MAAM;AACZ,mBAAS,MAAM;AAAA,QACnB;AAAA,QAEC,UAAA,OAAO,WAAW,OAAO;AAAA,MAAA;AAAA,MARrB,OAAO;AAAA,IAAA,CAUnB,GACL,EAAA,CAER;AAAA,EAAA,GACJ;AAER;AAEA,6BAA6B,cAAc;"}
+{"version":3,"file":"SuggestMobileDropdownContent.js","sources":["../../../src/components/Suggest/SuggestMobileDropdownContent.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ISuggestOption } from \"./types\";\nimport { useSuggestContext } from \"./SuggestContext\";\nimport {\n    PullerHeader,\n    PullerInput,\n    PullerLoader,\n    PullerClose,\n    PullerBody,\n    PullerList,\n    PullerListItem,\n} from \"../Puller\";\nimport { Text, EFontType, ETextSize } from \"../Typography\";\nimport styles from \"./styles/SuggestDropdown.module.less\";\n\n/**\n * Наполнение мобильного Dropdown (шторки Puller) внутри Suggest.\n * Данные и обработчики берёт из SuggestContext, поэтому рендерится только внутри Suggest.\n */\nexport const SuggestMobileDropdownContent = <T extends ISuggestOption>() => {\n    const {\n        value,\n        options,\n        inputValue,\n        placeholder,\n        noOptionsText,\n        loading,\n        clearInputOnFocus,\n        dropdownListLoading,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n        closeDropdown,\n    } = useSuggestContext<T>();\n\n    const handleDropdownScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd],\n    );\n\n    const handleMobileDropdownClose = useCallback(() => closeDropdown(), [closeDropdown]);\n\n    const handleInputChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleInputFocus = useCallback(() => {\n        if (inputValue.length !== 0 && clearInputOnFocus) {\n            onFilter(\"\");\n        }\n    }, [inputValue.length, clearInputOnFocus, onFilter]);\n\n    return (\n        <>\n            <PullerHeader\n                controlButtons={\n                    <>\n                        {loading && <PullerLoader />}\n                        <PullerClose onClick={handleMobileDropdownClose} />\n                    </>\n                }\n            >\n                <PullerInput\n                    value={inputValue}\n                    placeholder={placeholder}\n                    autoFocus={true}\n                    onFocus={handleInputFocus}\n                    onChange={handleInputChange}\n                />\n            </PullerHeader>\n\n            <PullerBody className={styles.suggestDropdownMobileBody} onScroll={handleDropdownScroll}>\n                {options.length === 0 ? (\n                    <Text\n                        className={styles.suggestDropdownMobileNoOptionsText}\n                        type={EFontType.PRIMARY}\n                        size={ETextSize.B2}\n                        tag=\"div\"\n                    >\n                        {noOptionsText}\n                    </Text>\n                ) : (\n                    <PullerList loading={dropdownListLoading}>\n                        {options.map((option) => (\n                            <PullerListItem\n                                key={option.id}\n                                id={option.id}\n                                selected={option.id === value?.id}\n                                showNotificationIcon={option.showNotificationIcon}\n                                onSelect={() => {\n                                    onSelect(option);\n                                }}\n                            >\n                                {option.content || option.label}\n                            </PullerListItem>\n                        ))}\n                    </PullerList>\n                )}\n            </PullerBody>\n        </>\n    );\n};\n\nSuggestMobileDropdownContent.displayName = \"SuggestMobileDropdownContent\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,+BAA+B,MAAgC;AACxE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AAEJ,QAAM,uBAAuB;AAAA,IACzB,CAAC,UAAU;AACP,UAAI,gBAAgB,QAAW;AAC3B;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,WAAW;AAAA,EAAA;AAGhB,QAAM,4BAA4B,YAAY,MAAM,iBAAiB,CAAC,aAAa,CAAC;AAEpF,QAAM,oBAAoB;AAAA,IACtB,CAAC,UAA+C;AAC5C,eAAS,MAAM,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGb,QAAM,mBAAmB,YAAY,MAAM;AACvC,QAAI,WAAW,WAAW,KAAK,mBAAmB;AAC9C,eAAS,EAAE;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,mBAAmB,QAAQ,CAAC;AAEnD,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBACI,qBAAA,UAAA,EACK,UAAA;AAAA,UAAA,+BAAY,cAAA,EAAa;AAAA,UAC1B,oBAAC,aAAA,EAAY,SAAS,0BAAA,CAA2B;AAAA,QAAA,GACrD;AAAA,QAGJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,YACP;AAAA,YACA,WAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAGJ,oBAAC,cAAW,WAAW,OAAO,2BAA2B,UAAU,sBAC9D,UAAA,QAAQ,WAAW,IAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,MAAM,UAAU;AAAA,QAChB,MAAM,UAAU;AAAA,QAChB,KAAI;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA,wBAGJ,YAAA,EAAW,SAAS,qBAChB,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,IAAI,OAAO;AAAA,QACX,UAAU,OAAO,QAAO,+BAAO;AAAA,QAC/B,sBAAsB,OAAO;AAAA,QAC7B,UAAU,MAAM;AACZ,mBAAS,MAAM;AAAA,QACnB;AAAA,QAEC,UAAA,OAAO,WAAW,OAAO;AAAA,MAAA;AAAA,MARrB,OAAO;AAAA,IAAA,CAUnB,GACL,EAAA,CAER;AAAA,EAAA,GACJ;AAER;AAEA,6BAA6B,cAAc;"}

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-Bd5V-v7D.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.js";
 import { jsx } from "react/jsx-runtime";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -25,16 +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-DkX7SolI.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../../chunks/DropdownListItem-BeusEvEd.js";
 import "../../Dropdown/Dropdown.js";
 import { DataTestId } from "../../../consts/DataTestId.js";
 const SuggestFieldDesktop = ({

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

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

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,19 +4,8 @@ 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-DkX7SolI.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-BeusEvEd.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../../Dropdown/Dropdown.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DataTestId } from "../../../consts/DataTestId.js";

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\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;"}
+{"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-Bd5V-v7D.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.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-Bd5V-v7D.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.js";
 const SuggestFieldMobile = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,19 +3,19 @@ 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-DkX7SolI.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader } from "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput } from "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList } from "../../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader } from "../../Dropdown/mobile/DropdownMobileLoader.js";
+import "../../../chunks/DropdownListItem-BeusEvEd.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
-import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-Bd5V-v7D.js";
+import "../../Puller/Puller.js";
+import { PullerBody } from "../../Puller/PullerBody.js";
+import { PullerClose } from "../../Puller/PullerClose.js";
+import "../../Puller/PullerFooter.js";
+import { PullerHeader } from "../../Puller/PullerHeader.js";
+import { PullerInput } from "../../Puller/PullerInput.js";
+import { PullerList } from "../../Puller/PullerList.js";
+import { PullerListItem } from "../../Puller/PullerListItem.js";
+import { PullerLoader } from "../../Puller/PullerLoader.js";
+import "../../Puller/PullerMaskedInput.js";
+import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.js";
 const SuggestFieldMobileDropdownBase = ({
   value,
   options,
@@ -77,17 +77,17 @@ const SuggestFieldMobileDropdownBase = ({
       setOpened,
       targetRef,
       onClose: handleDropdownClose,
-      mobileViewProps: {
+      pullerProps: {
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
-            DropdownMobileHeader,
+            PullerHeader,
             {
               controlButtons: /* @__PURE__ */ jsxs(Fragment, { children: [
-                loading && /* @__PURE__ */ jsx(DropdownMobileLoader, {}),
-                /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: handleCloseClick })
+                loading && /* @__PURE__ */ jsx(PullerLoader, {}),
+                /* @__PURE__ */ jsx(PullerClose, { onClick: handleCloseClick })
               ] }),
               children: /* @__PURE__ */ jsx(
-                DropdownMobileInput,
+                PullerInput,
                 {
                   value: inputValue,
                   placeholder,
@@ -98,8 +98,8 @@ const SuggestFieldMobileDropdownBase = ({
               )
             }
           ),
-          /* @__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,
+          /* @__PURE__ */ jsx(PullerBody, { className: styles.suggestFieldMobileBody, onScroll: handleListScroll, children: tooltipOpen ? /* @__PURE__ */ jsx(SuggestFieldMobileDropdownHint, { children: tooltipHint }) : /* @__PURE__ */ jsx(PullerList, { loading: dropdownListLoading, children: options.map((option) => /* @__PURE__ */ jsx(
+            PullerListItem,
             {
               id: option.id,
               selected: option.id === (value == null ? void 0 : value.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 \"../types\";\nimport { ISuggestFieldMobileDropdownProps } from \"./types\";\nimport {\n    Dropdown,\n    DropdownMobileHeader,\n    DropdownMobileInput,\n    DropdownMobileLoader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n} from \"../../Dropdown\";\nimport { SuggestFieldMobileDropdownHint } from \"./SuggestFieldMobileDropdownHint\";\nimport styles from \"../styles/SuggestFieldMobile.module.less\";\n\n/** Отображает мобильный dropdown с полем ввода и списком для выбора. */\nconst SuggestFieldMobileDropdownBase = <T extends ISuggestFieldOption = ISuggestFieldOption>(\n    {\n        value,\n        options,\n        placeholder,\n        tooltipHint,\n        opened,\n        loading,\n        tooltipOpen,\n        dropdownListLoading,\n        clearInputOnFocus,\n        setOpened,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n    }: ISuggestFieldMobileDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const [inputValue, setInputValue] = useState(value?.label || \"\");\n\n    const [prevValue, setPrevValue] = useState(value);\n    if (value?.id !== prevValue?.id) {\n        setPrevValue(value);\n        setInputValue(value?.label || \"\");\n    }\n\n    // Не используется в мобильном Dropdown, нужен как обязательное свойство Dropdown.\n    const targetRef = useRef<HTMLDivElement>(null);\n\n    const handleInputFocus = useCallback(() => {\n        if (!clearInputOnFocus) {\n            setInputValue(value?.label || \"\");\n        } else {\n            setInputValue(\"\");\n        }\n    }, [clearInputOnFocus, value?.label]);\n\n    const handleInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputValue(event.target.value);\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleCloseClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n        setOpened(false);\n    }, [setOpened]);\n\n    // Закрытие без выбора значение не сбрасывает, поэтому и поле ввода возвращается к его label.\n    // Иначе при повторном открытии во время анимации закрытия (содержимое ещё смонтировано,\n    // автофокус не срабатывает) в поле остался бы прежний ввод.\n    const handleDropdownClose = useCallback(() => {\n        setInputValue(value?.label || \"\");\n    }, [value?.label]);\n\n    const handleListScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined || dropdownListLoading) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd, dropdownListLoading],\n    );\n\n    return (\n        <Dropdown\n            opened={opened}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            onClose={handleDropdownClose}\n            mobileViewProps={{\n                children: (\n                    <>\n                        <DropdownMobileHeader\n                            controlButtons={\n                                <>\n                                    {loading && <DropdownMobileLoader />}\n                                    <DropdownMobileClose onClick={handleCloseClick} />\n                                </>\n                            }\n                        >\n                            <DropdownMobileInput\n                                value={inputValue}\n                                placeholder={placeholder}\n                                autoFocus={true}\n                                onFocus={handleInputFocus}\n                                onChange={handleInputChange}\n                            />\n                        </DropdownMobileHeader>\n\n                        <DropdownMobileBody className={styles.suggestFieldMobileBody} onScroll={handleListScroll}>\n                            {tooltipOpen ? (\n                                <SuggestFieldMobileDropdownHint>{tooltipHint}</SuggestFieldMobileDropdownHint>\n                            ) : (\n                                <DropdownMobileList loading={dropdownListLoading}>\n                                    {options.map((option) => (\n                                        <DropdownMobileListItem\n                                            key={option.id}\n                                            id={option.id}\n                                            selected={option.id === value?.id}\n                                            showNotificationIcon={option.showNotificationIcon}\n                                            onSelect={() => {\n                                                onSelect(option);\n                                                setOpened(false);\n                                            }}\n                                        >\n                                            {option.content || option.label}\n                                        </DropdownMobileListItem>\n                                    ))}\n                                </DropdownMobileList>\n                            )}\n                        </DropdownMobileBody>\n                    </>\n                ),\n            }}\n            ref={ref}\n        />\n    );\n};\n\nexport const SuggestFieldMobileDropdown = React.forwardRef(SuggestFieldMobileDropdownBase) as <\n    T extends ISuggestFieldOption = ISuggestFieldOption,\n>(\n    props: ISuggestFieldMobileDropdownProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":["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 { Dropdown } from \"../../Dropdown\";\nimport {\n    PullerHeader,\n    PullerInput,\n    PullerLoader,\n    PullerClose,\n    PullerBody,\n    PullerList,\n    PullerListItem,\n} from \"../../Puller\";\nimport { SuggestFieldMobileDropdownHint } from \"./SuggestFieldMobileDropdownHint\";\nimport styles from \"../styles/SuggestFieldMobile.module.less\";\n\n/** Отображает мобильный dropdown с полем ввода и списком для выбора. */\nconst SuggestFieldMobileDropdownBase = <T extends ISuggestFieldOption = ISuggestFieldOption>(\n    {\n        value,\n        options,\n        placeholder,\n        tooltipHint,\n        opened,\n        loading,\n        tooltipOpen,\n        dropdownListLoading,\n        clearInputOnFocus,\n        setOpened,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n    }: ISuggestFieldMobileDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const [inputValue, setInputValue] = useState(value?.label || \"\");\n\n    const [prevValue, setPrevValue] = useState(value);\n    if (value?.id !== prevValue?.id) {\n        setPrevValue(value);\n        setInputValue(value?.label || \"\");\n    }\n\n    // Не используется в мобильном Dropdown, нужен как обязательное свойство Dropdown.\n    const targetRef = useRef<HTMLDivElement>(null);\n\n    const handleInputFocus = useCallback(() => {\n        if (!clearInputOnFocus) {\n            setInputValue(value?.label || \"\");\n        } else {\n            setInputValue(\"\");\n        }\n    }, [clearInputOnFocus, value?.label]);\n\n    const handleInputChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n        (event) => {\n            setInputValue(event.target.value);\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleCloseClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n        setOpened(false);\n    }, [setOpened]);\n\n    // Закрытие без выбора значение не сбрасывает, поэтому и поле ввода возвращается к его label.\n    // Иначе при повторном открытии во время анимации закрытия (содержимое ещё смонтировано,\n    // автофокус не срабатывает) в поле остался бы прежний ввод.\n    const handleDropdownClose = useCallback(() => {\n        setInputValue(value?.label || \"\");\n    }, [value?.label]);\n\n    const handleListScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined || dropdownListLoading) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd, dropdownListLoading],\n    );\n\n    return (\n        <Dropdown\n            opened={opened}\n            setOpened={setOpened}\n            targetRef={targetRef}\n            onClose={handleDropdownClose}\n            pullerProps={{\n                children: (\n                    <>\n                        <PullerHeader\n                            controlButtons={\n                                <>\n                                    {loading && <PullerLoader />}\n                                    <PullerClose onClick={handleCloseClick} />\n                                </>\n                            }\n                        >\n                            <PullerInput\n                                value={inputValue}\n                                placeholder={placeholder}\n                                autoFocus={true}\n                                onFocus={handleInputFocus}\n                                onChange={handleInputChange}\n                            />\n                        </PullerHeader>\n\n                        <PullerBody className={styles.suggestFieldMobileBody} onScroll={handleListScroll}>\n                            {tooltipOpen ? (\n                                <SuggestFieldMobileDropdownHint>{tooltipHint}</SuggestFieldMobileDropdownHint>\n                            ) : (\n                                <PullerList loading={dropdownListLoading}>\n                                    {options.map((option) => (\n                                        <PullerListItem\n                                            key={option.id}\n                                            id={option.id}\n                                            selected={option.id === value?.id}\n                                            showNotificationIcon={option.showNotificationIcon}\n                                            onSelect={() => {\n                                                onSelect(option);\n                                                setOpened(false);\n                                            }}\n                                        >\n                                            {option.content || option.label}\n                                        </PullerListItem>\n                                    ))}\n                                </PullerList>\n                            )}\n                        </PullerBody>\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-Bd5V-v7D.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.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-Bd5V-v7D.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.js";
 export {
   SuggestFieldMobile,
   SuggestFieldMobileDropdown,