npm - @sberbusiness/triplex-next - Versions diffs - 1.51.0 → 1.53.0 - Mend

@sberbusiness/triplex-next 1.51.0 → 1.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (612) hide show

package/components/Stepper/StepperStep.js CHANGED Viewed

@@ -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-DppBTMJR.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.51.0", children: [
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.53.0", children: [
     icon && renderIcon(),
     children
   ] });

package/components/Stepper/StepperStepArrowBorder.js CHANGED Viewed

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

package/components/Suggest/SuggestMobileDropdownContent.js CHANGED Viewed

@@ -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-CGEa4kss.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__ae4bc87b";
-const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__0e8bbf05";
+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 CHANGED Viewed

	@@ -1 +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;"}
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 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 CHANGED Viewed

@@ -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-xI8WqPMN.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 CHANGED Viewed

@@ -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-CGEa4kss.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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,MAAM,sBAAsB,CAAsD;AAAA,EACrF;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAoC;AAChC,QAAM,CAAC,YAAY,aAAa,IAAI,UAAS,+BAAO,UAAS,EAAE;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,cAAc,IAAI,SAAS,MAAM,UAAU;AAClD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAEhD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,OAAI,+BAAO,SAAO,uCAAW,KAAI;AAC7B,iBAAa,KAAK;AAClB,mBAAc,+BAAO,UAAS,EAAE;AAAA,EACpC;AAEA,QAAM,aAAa,OAAuB,IAAI;AAE9C,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU;;AACP,sBAAgB,IAAI;AAEpB,UAAI,qBAAqB,WAAW,WAAW,GAAG;AAC9C,sBAAc,EAAE;AAChB,iBAAS,EAAE;AAAA,MACf;AAEA,uBAAW,YAAX,oCAAqB;AAAA,IACzB;AAAA,IACA,CAAC,mBAAmB,YAAY,UAAU,UAAU;AAAA,EAAA;AAGxD,QAAM,gBAAgB,YAAY,CAAC,uBAAgC;AAC/D,sBAAkB,kBAAkB;AACpC,wBAAoB,MAAS;AAC7B,oBAAgB,KAAK;AAAA,EACzB,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAU;;AACP,sBAAgB,KAAK;AACrB,oBAAc,KAAK;AAEnB,YAAM,iBAAiB,UAAU,SAAY,MAAM,QAAQ;AAC3D,UAAI,eAAe,gBAAgB;AAC/B,sBAAc,cAAc;AAAA,MAChC;AAEA,uBAAW,WAAX,oCAAoB;AAAA,IACxB;AAAA,IACA,CAAC,eAAe,YAAY,OAAO,UAAU;AAAA,EAAA;AAGjD,QAAM,qBAAqB;AAAA,IACvB,CAAC,UAAU;;AACP,UAAI,MAAM,MAAM,KAAK,QAAQ,GAAG;AAC5B,YAAI,cAAc;AACd,gBAAM,gBAAA;AACN,wBAAc,IAAI;AAAA,QACtB;AAAA,MACJ;AAEA,uBAAW,cAAX,oCAAuB;AAAA,IAC3B;AAAA,IACA,CAAC,cAAc,eAAe,UAAU;AAAA,EAAA;AAG5C,QAAM,uBAAuB;AAAA,IACzB,CAAC,UAAU;;AACP,UAAI,CAAC,cAAc;AACf,0BAAkB,KAAK;AACvB,wBAAgB,IAAI;AAAA,MACxB;AAEA,uBAAW,gBAAX,oCAAyB;AAAA,IAC7B;AAAA,IACA,CAAC,cAAc,UAAU;AAAA,EAAA;AAG7B,QAAM,oBAAoB;AAAA,IACtB,CAAC,UAAU;;AACP,wBAAkB,KAAK;AACvB,0BAAoB,MAAS;AAC7B,oBAAc,MAAM,OAAO,KAAK;AAChC,eAAS,MAAM,OAAO,KAAK;AAC3B,uBAAW,aAAX,oCAAsB;AAAA,IAC1B;AAAA,IACA,CAAC,UAAU,UAAU;AAAA,EAAA;AAGzB,QAAM,cAAc;AAAA,IAChB,CAAC,UAAU;AACP,UAAI,UAAU,QAAW;AACrB,iBAAS,MAAS;AAAA,MACtB;AAEA,UAAI,WAAW,WAAW,GAAG;AACzB,iBAAS,EAAE;AACX,sBAAc,EAAE;AAAA,MACpB;AAEA,yCAAU;AAAA,IACd;AAAA,IACA,CAAC,OAAO,UAAU,WAAW,QAAQ,UAAU,OAAO;AAAA,EAAA;AAM1D,QAAM,qBAAqB;AAAA,IACvB,CAAC,qBAA8B;AAC3B,UAAI,kBAAkB;AAClB,wBAAgB,IAAI;AAAA,MACxB,OAAO;AACH,sBAAc,KAAK;AAAA,MACvB;AAAA,IACJ;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGlB,QAAM,eAAe;AAAA,IACjB,CAAC,cAAc;AACX,oBAAc,IAAI;AAClB,qBAAc,uCAAW,UAAS,EAAE;AACpC,eAAS,SAAS;AAAA,IACtB;AAAA,IACA,CAAC,eAAe,QAAQ;AAAA,EAAA;AAM5B,MAAI,cAAc;AACd,QAAI,gBAAgB,QAAQ,WAAW,GAAG;AACtC,oBAAc,KAAK;AAAA,IACvB,WAAW,CAAC,gBAAgB,QAAQ,WAAW,KAAK,CAAC,gBAAgB;AACjE,sBAAgB,IAAI;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,qBAAqB,MAAM;AAC7B,UAAM,QAAQ,eAAe;AAC7B,UAAM,WAAW,kBAAkB;AAEnC,UAAM,uBAAuB,gBAAgB,QAAQ,WAAW;AAEhE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA,SACI,qBAACA,eAAM,UAAN,EACI,UAAA;AAAA,UAAA,YAAY,UAAa,oBAAC,gBAAA,EAAe,SAAS,aAAa;AAAA,UAC/D,WAAW,oBAAC,aAAA,EAAY,OAAO,kBAAkB,OAAO,MAAY;AAAA,UACpE;AAAA,QAAA,GACL;AAAA,QAEH,GAAG;AAAA,QACJ,KAAK;AAAA,QAEL,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAO;AAAA,cACP;AAAA,cACA,gBAAc,cAAc,GAAG,UAAU,GAAG,WAAW,QAAQ,KAAK;AAAA,cACnE,GAAG;AAAA,cACJ,MAAK;AAAA,cACL,qBAAkB;AAAA,cAClB,iBAAe;AAAA,cACf,yBAAuB;AAAA,cACvB,iBAAe;AAAA,cACf,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,aAAa;AAAA,cACb,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,uBACrD,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,aAAa;AAAA,cACb,WAAW;AAAA,cACX,WAAW;AAAA,cACX,UAAU;AAAA,cACV;AAAA,cACA,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAAA;AAAA,UAAA,EACpB,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,aAAa;AAAA,MACnB,QAAQ,eAAe,gBAAgB,WAAW,iBAAiB;AAAA,MACnE,QAAQ,MAAM;AAAA,MAAC;AAAA,MACf,WAAW;AAAA,MACX,qBAAmB;AAAA,MAEnB,UAAA;AAAA,QAAA,oBAAC,QAAQ,MAAR,EAAa,gBAAc,cAAc,GAAG,UAAU,GAAG,WAAW,QAAQ,OAAO,IAC/E,UAAA,YAAA,CACL;AAAA,QACA,oBAAC,QAAQ,QAAR,EAAgB,+BAAmB,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlD;"}
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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"}

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js CHANGED Viewed

@@ -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-CGEa4kss.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 CHANGED Viewed

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

package/components/SuggestField/index.js CHANGED Viewed

@@ -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-xI8WqPMN.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.js";
 import { SuggestField } from "./SuggestField.js";
 export {
   SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js CHANGED Viewed

@@ -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-xI8WqPMN.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.js";
 const SuggestFieldMobile = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js CHANGED Viewed

@@ -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-CGEa4kss.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-xI8WqPMN.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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,iCAAiC,CACnC;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GACA,QACC;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,UAAS,+BAAO,UAAS,EAAE;AAE/D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,OAAI,+BAAO,SAAO,uCAAW,KAAI;AAC7B,iBAAa,KAAK;AAClB,mBAAc,+BAAO,UAAS,EAAE;AAAA,EACpC;AAGA,QAAM,YAAY,OAAuB,IAAI;AAE7C,QAAM,mBAAmB,YAAY,MAAM;AACvC,QAAI,CAAC,mBAAmB;AACpB,qBAAc,+BAAO,UAAS,EAAE;AAAA,IACpC,OAAO;AACH,oBAAc,EAAE;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,mBAAmB,+BAAO,KAAK,CAAC;AAEpC,QAAM,oBAAoB;AAAA,IACtB,CAAC,UAAU;AACP,oBAAc,MAAM,OAAO,KAAK;AAChC,eAAS,MAAM,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGb,QAAM,mBAAmB,YAAwD,MAAM;AACnF,cAAU,KAAK;AAAA,EACnB,GAAG,CAAC,SAAS,CAAC;AAKd,QAAM,sBAAsB,YAAY,MAAM;AAC1C,mBAAc,+BAAO,UAAS,EAAE;AAAA,EACpC,GAAG,CAAC,+BAAO,KAAK,CAAC;AAEjB,QAAM,mBAAmB;AAAA,IACrB,CAAC,UAAU;AACP,UAAI,gBAAgB,UAAa,qBAAqB;AAClD;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,mBAAmB;AAAA,EAAA;AAGrC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,~~iBAAiB~~;AAAA,~~QACb~~,UACI,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,gBACI,qBAAA,UAAA,EACK,UAAA;AAAA,gBAAA,+BAAY,~~sBAAA~~,~~EAAqB~~;AAAA,~~gBAClC~~,oBAAC,~~qBAAA~~,~~EAAoB~~,SAAS,iBAAA,CAAkB;AAAA,cAAA,~~GACpD~~;AAAA,cAGJ,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,OAAO;AAAA,kBACP;AAAA,kBACA,WAAW;AAAA,kBACX,SAAS;AAAA,kBACT,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,8BAGH,~~oBAAA~~,~~EAAmB~~,WAAW,OAAO,wBAAwB,UAAU,~~kBACnE~~,UAAA,cACG,oBAAC,kCAAgC,UAAA,aAAY,wBAE5C,~~oBAAA~~,~~EAAmB~~,SAAS,~~qBACxB~~,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,IAAI,OAAO;AAAA,cACX,UAAU,OAAO,QAAO,+BAAO;AAAA,cAC/B,sBAAsB,OAAO;AAAA,cAC7B,UAAU,MAAM;AACZ,yBAAS,MAAM;AACf,0BAAU,KAAK;AAAA,cACnB;AAAA,cAEC,UAAA,OAAO,WAAW,OAAO;AAAA,YAAA;AAAA,YATrB,OAAO;AAAA,UAAA,CAWnB,GACL,EAAA,CAER;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,MAGR;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEO,MAAM,6BAA6BA,eAAM,WAAW,8BAA8B;"}
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 { 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 CHANGED Viewed

@@ -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-xI8WqPMN.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-pFhZ7owU.js";
 export {
   S as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js CHANGED Viewed

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

package/components/SwipeableArea/SwipeableArea.js CHANGED Viewed

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useImperativeHandle } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { getElementWidth, getSwipeableAreaOpacity, resolveSwipeEnd, ESwipeDirection, resolveSwipeMove } from "./utils.js";
-const swipeableArea = "swipeableArea__86c0c1e7";
-const content = "content__9d370835";
-const disableScroll = "disableScroll__5b790772";
-const disablePointerEvents = "disablePointerEvents__8e533303";
-const swipeAnimationFinish = "swipeAnimationFinish__36de1c48";
-const leftContent = "leftContent__027c90e5";
-const rightContent = "rightContent__e7ab45af";
+const swipeableArea = "swipeableArea__82339da7";
+const content = "content__3847e404";
+const disableScroll = "disableScroll__6cc4ed26";
+const disablePointerEvents = "disablePointerEvents__dbf4e985";
+const swipeAnimationFinish = "swipeAnimationFinish__03f2eea1";
+const leftContent = "leftContent__efcb119f";
+const rightContent = "rightContent__ffacbcf3";
 const styles = {
   swipeableArea,
   content,
@@ -136,7 +136,7 @@ const SwipeableArea = React__default.forwardRef(
       {
         className: clsx(styles.swipeableArea, className),
         ...rest,
-        "data-tx": "1.51.0",
+        "data-tx": "1.53.0",
         ref: containerRef,
         children: [
           hasLeftSwipeableArea ? /* @__PURE__ */ jsx(

package/components/Table/ChipPanel.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ChipPanelLinks } from "./ChipPanelLinks.js";
-const chipPanel = "chipPanel__db2abbd7";
+const chipPanel = "chipPanel__d2dce282";
 const styles = {
   chipPanel
 };

package/components/Table/ChipPanelLinks.js CHANGED Viewed

@@ -3,7 +3,7 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Text } from "../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../Typography/enums.js";
-const chipPanelLinks = "chipPanelLinks__fe0fc633";
+const chipPanelLinks = "chipPanelLinks__65aea85f";
 const styles = {
   chipPanelLinks
 };

package/components/Table/FilterPanel.js CHANGED Viewed

@@ -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 filterPanel = "filterPanel__39a5b567";
+const filterPanel = "filterPanel__99cdf4b4";
 const styles = {
   filterPanel
 };
@@ -11,7 +11,7 @@ const FilterPanel = React__default.forwardRef(
     {
       className: clsx(styles.filterPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "1.51.0",
+      "data-tx": "1.53.0",
       ref,
       children
     }

package/components/Table/MasterTable.js CHANGED Viewed

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

package/components/Table/NoColumns.js CHANGED Viewed

@@ -3,8 +3,8 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__39be4e1b";
-const content = "content__e1216862";
+const noColumns = "noColumns__02265bdc";
+const content = "content__856e55e6";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.js CHANGED Viewed

@@ -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 paginationPanel = "paginationPanel__84a054af";
+const paginationPanel = "paginationPanel__0c170f1c";
 const styles = {
   paginationPanel
 };
@@ -11,7 +11,7 @@ const PaginationPanel = React__default.forwardRef(
     {
       className: clsx(styles.paginationPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "1.51.0",
+      "data-tx": "1.53.0",
       ref,
       children
     }

package/components/Table/TableBasic/TableBasic.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
 import { i as isEqual } from "../../../chunks/vendor-CUIykw0y.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-yPGBXSfW.js";
+import { s as styles } from "../../../chunks/utils-CovzG_zb.js";
 import { TableBasicHeader } from "./components/TableBasicHeader.js";
 import { TableBasicBody } from "./components/TableBasicBody.js";
 import { LoaderMiddle } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

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

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

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

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

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

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