@sberbusiness/triplex-next 1.51.0 → 1.53.0

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React__default, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__55d15737";
-const selected = "selected__d047ee5a";
-const checkboxWrapper = "checkboxWrapper__ca39df44";
-const childrenWrapper = "childrenWrapper__56c107ca";
-const checkboxLabel = "checkboxLabel__d4fde660";
-const checkboxLabelClickArea = "checkboxLabelClickArea__9bb68128";
+const listItemSelectable = "listItemSelectable__3ae17a4f";
+const selected = "selected__ade7ee62";
+const checkboxWrapper = "checkboxWrapper__bc584c3c";
+const childrenWrapper = "childrenWrapper__927c2354";
+const checkboxLabel = "checkboxLabel__750cea74";
+const checkboxLabelClickArea = "checkboxLabelClickArea__c32efed2";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs, 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/ListItemTail.module-CJldCHug.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DrOWbLA4.js";
 const ListItemTailLeft = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailLeft, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListItemTailRight.js

@@ -1,7 +1,7 @@
 import { jsxs, 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/ListItemTail.module-CJldCHug.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DrOWbLA4.js";
 const ListItemTailRight = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailRight, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -4,8 +4,8 @@ import { o as useSortable, q as CSS, c as clsx } from "../../../chunks/vendor-CU
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__c548b12a";
-const dragging = "dragging__7165d43a";
+const listSortableItem = "listSortableItem__6ae8d8de";
+const dragging = "dragging__dbc3837b";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItemControls.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 listSortableItemControls = "listSortableItemControls__3efc15d7";
+const listSortableItemControls = "listSortableItemControls__73df8f19";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const listSortableItemTarget = "listSortableItemTarget__2392cb0d";
-const dragging = "dragging__7165d43a";
-const listSortableItemTargetContent = "listSortableItemTargetContent__d71d2bdb";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__e3e229d1";
+const listSortableItemTarget = "listSortableItemTarget__f4c60fca";
+const dragging = "dragging__dbc3837b";
+const listSortableItemTargetContent = "listSortableItemTargetContent__8f1b7cb2";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__3cb04533";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/components/ListTableItem.js

@@ -7,9 +7,9 @@ import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const listTableItem = "listTableItem__91546369";
-const swipeableArea = "swipeableArea__932b502f";
-const content = "content__c24c28bd";
+const listTableItem = "listTableItem__fc518956";
+const swipeableArea = "swipeableArea__00cf50e6";
+const content = "content__565eb830";
 const styles = {
   listTableItem,
   swipeableArea,

package/components/List/index.js

@@ -4,7 +4,7 @@ import { ListItem } from "./components/ListItem.js";
 import { ListItemControls } from "./components/ListItemControls.js";
 import { ListItemContent } from "./components/ListItemContent.js";
 import { ListActionItem } from "./components/ListActionItem.js";
-import { L } from "../../chunks/ListItemControlsButton-DMTgoNum.js";
+import { L } from "../../chunks/ListItemControlsButton-CxYrsCKg.js";
 import { ListItemControlsButtonDropdown } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/ListEmptyState.js";
 import { ListItemLoading } from "./components/ListItemLoading.js";

package/components/ListMaster/ListMaster.js

@@ -9,7 +9,7 @@ import { ListMasterFooterControls } from "./components/ListMasterFooterControls.
 import { ListMasterFooterDescription } from "./components/ListMasterFooterDescription.js";
 const ListMaster = Object.assign(
   React__default.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.51.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.53.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const ListMasterBody = React__default.forwardRef(
     {
       className,
       ...rest,
-      "data-tx": "1.51.0",
+      "data-tx": "1.53.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const listMasterChipGroup = "listMasterChipGroup__699938d6";
+const listMasterChipGroup = "listMasterChipGroup__47b90e17";
 const styles = {
   listMasterChipGroup
 };

package/components/ListMaster/components/ListMasterFooter.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/ListMasterFooter.module-Do3leoKd.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-1f7sXzJU.js";
 const ListMasterFooter = React__default.forwardRef(
   ({ children, className, sticky = true, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/ListMaster/components/ListMasterFooterControls.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/ListMasterFooter.module-Do3leoKd.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-1f7sXzJU.js";
 const ListMasterFooterControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterControls, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterFooterDescription.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/ListMasterFooter.module-Do3leoKd.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-1f7sXzJU.js";
 const ListMasterFooterDescription = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterDescription, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const listMasterHeader = "listMasterHeader__e1b846bc";
-const sticky = "sticky__7b1c9abc";
+const listMasterHeader = "listMasterHeader__8ab24116";
+const sticky = "sticky__cb45ea14";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.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 selectionControls = "selectionControls__ae1b868a";
+const selectionControls = "selectionControls__e52859c6";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React__default.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "1.51.0",
+      "data-tx": "1.53.0",
       ref,
       children
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const loaderMiddle = "loaderMiddle__dabdca40";
-const loaderMiddleDots = "loaderMiddleDots__ee2c3c36";
-const dot = "dot__731b7107";
-const line = "line__144533c4";
-const dot1 = "dot1__f46d8982";
-const dot2 = "dot2__790390ed";
-const dot3 = "dot3__18477d39";
-const dot4 = "dot4__48eb0896";
+const loaderMiddle = "loaderMiddle__f4eacfda";
+const loaderMiddleDots = "loaderMiddleDots__6194a70f";
+const dot = "dot__3a9abae4";
+const line = "line__f1361e74";
+const dot1 = "dot1__a1f76f42";
+const dot2 = "dot2__d57f5423";
+const dot3 = "dot3__16aafd38";
+const dot4 = "dot4__4e3747c0";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,16 +2,16 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { ELoaderSmallTheme } from "./enum.js";
-const loaderSmall = "loaderSmall__85525468";
-const sm = "sm__3f189a7e";
-const dot = "dot__731b7107";
-const md = "md__4daa33f2";
-const lg = "lg__60a62ca4";
-const neutral = "neutral__50f7e193";
-const brand = "brand__81160aa8";
-const dot1 = "dot1__f46d8982";
-const dot2 = "dot2__790390ed";
-const dot3 = "dot3__18477d39";
+const loaderSmall = "loaderSmall__76bfe6a0";
+const sm = "sm__8555ded9";
+const dot = "dot__3a9abae4";
+const md = "md__82dc99bf";
+const lg = "lg__a863bf1a";
+const neutral = "neutral__700155f1";
+const brand = "brand__782d7df8";
+const dot1 = "dot1__a1f76f42";
+const dot2 = "dot2__d57f5423";
+const dot3 = "dot3__16aafd38";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -11,11 +11,11 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const loaderScreen = "loaderScreen__12b147ae";
-const loaderSmallBackdrop = "loaderSmallBackdrop__d24e0ffd";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__5f9328e3";
-const loaderContent = "loaderContent__cf4e796a";
-const description = "description__2cf39b82";
+const loaderScreen = "loaderScreen__563e092c";
+const loaderSmallBackdrop = "loaderSmallBackdrop__16346e5d";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__bce0b2b2";
+const loaderContent = "loaderContent__71ebe838";
+const description = "description__7a801c43";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -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 { Badge } from "../Badge/Badge.js";
-import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-cTEFugEe.js";
+import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CfDnDmq-.js";
 import "./enums.js";
 const Marker = React__default.forwardRef(({ className, status, ...restProps }, ref) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, STATUS_TO_CLASS_NAME_MAP[status], className), ...restProps, ref }));
 Marker.displayName = "Marker";

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { S } from "../../chunks/utils-cTEFugEe.js";
+import { S } from "../../chunks/utils-CfDnDmq-.js";
 export {
   S as STATUS_TO_CLASS_NAME_MAP
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -4,17 +4,17 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { Marker } from "../Marker/Marker.js";
-import { S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-cTEFugEe.js";
+import { S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CfDnDmq-.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const markerStatus = "markerStatus__9a1b2e4c";
-const contentContainer = "contentContainer__7adf4e0a";
-const md = "md__bfadc455";
-const markerContainer = "markerContainer__0d8a723d";
-const lg = "lg__a2a0bee4";
+const markerStatus = "markerStatus__deb6e75d";
+const contentContainer = "contentContainer__8395c4f0";
+const md = "md__f7cc4dc4";
+const markerContainer = "markerContainer__340cec29";
+const lg = "lg__82082541";
 const styles = {
   markerStatus,
   contentContainer,
@@ -35,7 +35,7 @@ const MarkerStatus = React__default.forwardRef(
       STATUS_TO_CLASS_NAME_MAP[status],
       className
     );
-    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "1.51.0", ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "1.53.0", ref, children: [
       /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
       /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
         /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], children }),

package/components/ModalWindow/ModalWindow.js

@@ -7,7 +7,7 @@ import { ModalWindowViewManager } from "./components/ModalWindowViewManager.js";
 import { useToken } from "../ThemeProvider/useToken.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { s as styles } from "../../chunks/ModalWindow.module-Be8V70hN.js";
+import { s as styles } from "../../chunks/ModalWindow.module-DyKz8Nez.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];

package/components/ModalWindow/components/ModalWindowBody.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__81eb3383";
+const modalWindowBody = "modalWindowBody__17215469";
 const styles = {
   modalWindowBody
 };

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ import { EButtonTheme } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-const modalWindowClose = "modalWindowClose__23dc7be4";
+const modalWindowClose = "modalWindowClose__25fa30e3";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-Be8V70hN.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DyKz8Nez.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React__default.forwardRef(
   ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => /* @__PURE__ */ jsxs(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { HeaderPage } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType } from "../../Page/components/enums.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const modalWindowHeader = "modalWindowHeader__1c80e64a";
+const modalWindowHeader = "modalWindowHeader__ca2c9707";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useLayoutEffect } from "react";
 import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-CUIykw0y.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-Be8V70hN.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DyKz8Nez.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -11,10 +11,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const monthYearFieldTarget = "monthYearFieldTarget__6215f5ea";
-const minWidthSM = "minWidthSM__cff3d3e7";
-const minWidthMD = "minWidthMD__ab5330ca";
-const minWidthLG = "minWidthLG__62e5181a";
+const monthYearFieldTarget = "monthYearFieldTarget__dae6b794";
+const minWidthSM = "minWidthSM__899e2ff4";
+const minWidthMD = "minWidthMD__4dd383c6";
+const minWidthLG = "minWidthLG__038193f0";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,

package/components/MonthYearRange/MonthYearRange.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { shiftDateRange, isDateAfter } from "../DateRange/utils.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__9b8f3545";
-const monthYearRangeButton = "monthYearRangeButton__aa1da797";
-const separator = "separator__9b73e757";
+const monthYearRange = "monthYearRange__51a52be5";
+const monthYearRangeButton = "monthYearRangeButton__608fbde2";
+const separator = "separator__b90f3b7d";
 const styles = {
   monthYearRange,
   monthYearRangeButton,
@@ -17,48 +17,41 @@ const MonthYearRange = React__default.forwardRef(
   ({
     className,
     value,
-    onChange,
+    format = dateFormatYYYYMMDD,
     shiftAmount = 1,
     shiftUnit = EMonthYearRangeShiftUnit.MONTH,
     hideNavigation,
+    onChange,
     renderPickerFrom,
     renderPickerTo,
     renderButtonForward,
     renderButtonBack,
-    ...rest
+    ...restProps
   }, ref) => {
     const [start, end] = value;
     const classNames = clsx(styles.monthYearRange, className);
     const shiftDisabled = !(start && end);
     const handleChangePickerFrom = (date) => {
-      if (!date || !end || date <= end) {
+      if (!date || !end || !isDateAfter(date, end, format)) {
         onChange([date, end]);
       } else {
         onChange([date, ""]);
       }
     };
     const handleChangePickerTo = (date) => {
-      if (!date || !start || date >= start) {
+      if (!date || !start || !isDateAfter(start, date, format)) {
         onChange([start, date]);
       } else {
         onChange(["", date]);
       }
     };
     const shiftRange = (amount) => {
-      if (shiftDisabled) {
-        return;
-      }
-      const momentStart = moment(start, dateFormatYYYYMMDD, true);
-      const momentEnd = moment(end, dateFormatYYYYMMDD, true);
-      if (!momentStart.isValid() || !momentEnd.isValid()) {
-        return;
+      const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);
+      if (shiftedValue) {
+        onChange(shiftedValue);
       }
-      onChange([
-        momentStart.add(amount, shiftUnit).format(dateFormatYYYYMMDD),
-        momentEnd.add(amount, shiftUnit).format(dateFormatYYYYMMDD)
-      ]);
     };
-    return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, ref, children: [
       !hideNavigation && renderButtonBack({
         children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
         className: styles.monthYearRangeButton,
@@ -66,13 +59,15 @@ const MonthYearRange = React__default.forwardRef(
         onClick: () => shiftRange(-shiftAmount)
       }),
       renderPickerFrom({
-        onChange: handleChangePickerFrom,
-        value: start
+        value: start,
+        format,
+        onChange: handleChangePickerFrom
       }),
       /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
       renderPickerTo({
-        onChange: handleChangePickerTo,
-        value: end
+        value: end,
+        format,
+        onChange: handleChangePickerTo
       }),
       !hideNavigation && renderButtonForward({
         children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),

package/components/MonthYearRange/MonthYearRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearRange.js","sources":["../../../src/components/MonthYearRange/MonthYearRange.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EMonthYearRangeShiftUnit } from \"./enums\";\nimport styles from \"./styles/MonthYearRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона месяцев. */\nexport interface IMonthYearRangeButtonProvideProps {\n    /** Содержимое кнопки — иконка направления сдвига. */\n    children: React.ReactNode;\n    /** CSS-класс, который следует передать кнопке. */\n    className: string;\n    /** Обработчик сдвига; не вызывает onChange при пустой или невалидной границе. */\n    onClick: () => void;\n    /** Кнопка отключена, если хотя бы одна граница диапазона пуста. */\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора месяца. */\nexport interface IMonthYearRangePickerProvideProps {\n    /** Дата в формате YYYYMMDD или пустая строка, если граница не выбрана. */\n    value: string;\n    /** Обработчик изменения границы; при пересечении очищает противоположную границу. */\n    onChange: (value: string) => void;\n}\n\n/** Границы диапазона [от, до] в формате YYYYMMDD; пустая строка означает отсутствие границы. */\nexport type TMonthYearRangeValue = [string, string];\n\n/** Свойства компонента MonthYearRange. */\nexport interface IMonthYearRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Границы диапазона [от, до] в формате YYYYMMDD; пустая строка означает отсутствие границы. */\n    value: TMonthYearRangeValue;\n    /** Обработчик изменения диапазона; передаёт новые границы для обновления value. */\n    onChange: (value: TMonthYearRangeValue) => void;\n    /** Величина сдвига диапазона в единицах shiftUnit. По умолчанию 1. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига. По умолчанию EMonthYearRangeShiftUnit.MONTH. */\n    shiftUnit?: EMonthYearRangeShiftUnit;\n    /** Скрывает кнопки сдвига диапазона. По умолчанию кнопки отображаются. */\n    hideNavigation?: boolean;\n    /** Рендерит поле выбора месяца \"от\", используя переданные value и onChange. */\n    renderPickerFrom: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Рендерит поле выбора месяца \"до\", используя переданные value и onChange. */\n    renderPickerTo: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Рендерит кнопку сдвига назад, используя переданные children, className, onClick и disabled. */\n    renderButtonBack: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n    /** Рендерит кнопку сдвига вперёд, используя переданные children, className, onClick и disabled. */\n    renderButtonForward: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n}\n\n/**\n * Выбор диапазона месяцев: поля «от» и «до» и кнопки сдвига диапазона назад и вперёд.\n * Поля и кнопки рендерит потребитель через render-props.\n */\nexport const MonthYearRange = React.forwardRef<HTMLDivElement, IMonthYearRangeProps>(\n    (\n        {\n            className,\n            value,\n            onChange,\n            shiftAmount = 1,\n            shiftUnit = EMonthYearRangeShiftUnit.MONTH,\n            hideNavigation,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.monthYearRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора месяца \"от\". Сбрасывает месяц \"до\", если он оказался меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || date <= end) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора месяца \"до\". Сбрасывает месяц \"от\", если он оказался больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || date >= start) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный или невалидный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            if (shiftDisabled) {\n                return;\n            }\n\n            const momentStart = moment(start, dateFormatYYYYMMDD, true);\n            const momentEnd = moment(end, dateFormatYYYYMMDD, true);\n\n            if (!momentStart.isValid() || !momentEnd.isValid()) {\n                return;\n            }\n\n            onChange([\n                momentStart.add(amount, shiftUnit).format(dateFormatYYYYMMDD),\n                momentEnd.add(amount, shiftUnit).format(dateFormatYYYYMMDD),\n            ]);\n        };\n\n        return (\n            <div className={classNames} {...rest} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    onChange: handleChangePickerFrom,\n                    value: start,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    onChange: handleChangePickerTo,\n                    value: end,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nMonthYearRange.displayName = \"MonthYearRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAyDO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY,yBAAyB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,UAAI,eAAe;AACf;AAAA,MACJ;AAEA,YAAM,cAAc,OAAO,OAAO,oBAAoB,IAAI;AAC1D,YAAM,YAAY,OAAO,KAAK,oBAAoB,IAAI;AAEtD,UAAI,CAAC,YAAY,QAAA,KAAa,CAAC,UAAU,WAAW;AAChD;AAAA,MACJ;AAEA,eAAS;AAAA,QACL,YAAY,IAAI,QAAQ,SAAS,EAAE,OAAO,kBAAkB;AAAA,QAC5D,UAAU,IAAI,QAAQ,SAAS,EAAE,OAAO,kBAAkB;AAAA,MAAA,CAC7D;AAAA,IACL;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,KACjC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"MonthYearRange.js","sources":["../../../src/components/MonthYearRange/MonthYearRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { isDateAfter, shiftDateRange } from \"../DateRange/utils\";\nimport { EMonthYearRangeShiftUnit } from \"./enums\";\nimport { IMonthYearRangeProps } from \"./types\";\nimport styles from \"./styles/MonthYearRange.module.less\";\n\n/**\n * Выбор диапазона месяцев: поля «от» и «до» и кнопки сдвига диапазона назад и вперёд.\n * Поля и кнопки рендерит потребитель через render-props.\n */\nexport const MonthYearRange = React.forwardRef<HTMLDivElement, IMonthYearRangeProps>(\n    (\n        {\n            className,\n            value,\n            format = dateFormatYYYYMMDD,\n            shiftAmount = 1,\n            shiftUnit = EMonthYearRangeShiftUnit.MONTH,\n            hideNavigation,\n            onChange,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.monthYearRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора месяца \"от\". Сбрасывает месяц \"до\", если он оказался меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || !isDateAfter(date, end, format)) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора месяца \"до\". Сбрасывает месяц \"от\", если он оказался больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || !isDateAfter(start, date, format)) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный или невалидный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);\n\n            if (shiftedValue) {\n                onChange(shiftedValue);\n            }\n        };\n\n        return (\n            <div className={classNames} {...restProps} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    value: start,\n                    format,\n                    onChange: handleChangePickerFrom,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    value: end,\n                    format,\n                    onChange: handleChangePickerTo,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nMonthYearRange.displayName = \"MonthYearRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY,yBAAyB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,MAAM,KAAK,MAAM,GAAG;AAClD,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,OAAO,MAAM,MAAM,GAAG;AACtD,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,YAAM,eAAe,eAAe,OAAO,QAAQ,WAAW,MAAM;AAEpE,UAAI,cAAc;AACd,iBAAS,YAAY;AAAA,MACzB;AAAA,IACJ;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,WAAW,KACtC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

package/components/MonthYearRange/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/MonthYearRange/types.js.map

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

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,28 +4,17 @@ import { j as focusTrapReactExports } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CGEa4kss.js";
+import "../../../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 } from "../../Dropdown/Dropdown.js";
 import { MultiselectFieldDropdownHeader } from "./MultiselectFieldDropdownHeader.js";
 import { MultiselectFieldDropdownContent } from "./MultiselectFieldDropdownContent.js";
 import { MultiselectFieldDropdownFooter } from "./MultiselectFieldDropdownFooter.js";
 import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
-const ALWAYS_MOBILE_VIEW_PROPS = {};
+const ALWAYS_PULLER_PROPS = {};
 const MultiselectFieldDropdown = Object.assign(
   React__default.forwardRef(
-    ({ children, focusTrapProps, opened, targetRef, mobileViewProps, ...rest }, ref) => {
+    ({ children, focusTrapProps, opened, targetRef, pullerProps, ...rest }, ref) => {
       const { size, mouseUsedRef } = useContext(MultiselectFieldContext);
       useEffect(() => {
         if (!opened) {
@@ -36,7 +25,7 @@ const MultiselectFieldDropdown = Object.assign(
         Dropdown,
         {
           width: EDropdownWidth.MIN_TARGET,
-          mobileViewProps: mobileViewProps ?? ALWAYS_MOBILE_VIEW_PROPS,
+          pullerProps: pullerProps ?? ALWAYS_PULLER_PROPS,
           targetRef,
           opened,
           size,

package/components/MultiselectField/components/MultiselectFieldDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectFieldDropdown.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdown.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps, EDropdownWidth } from \"../../Dropdown\";\nimport { MultiselectFieldDropdownHeader } from \"./MultiselectFieldDropdownHeader\";\nimport { MultiselectFieldDropdownContent } from \"./MultiselectFieldDropdownContent\";\nimport { MultiselectFieldDropdownFooter } from \"./MultiselectFieldDropdownFooter\";\nimport { MultiselectFieldContext } from \"../MultiselectFieldContext\";\n\n/** Свойства компонента MultiselectFieldDropdown. */\nexport interface IMultiselectFieldDropdownProps extends IDropdownProps {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * Заглушка на случай, когда потребитель не передал mobileViewProps: Dropdown включает\n * мобильную версию по truthiness этого prop'а, поэтому непустой объект нужен всегда —\n * без него на мобильной ширине отрендерился бы десктопный выпадающий блок.\n */\nconst ALWAYS_MOBILE_VIEW_PROPS: NonNullable<IDropdownProps[\"mobileViewProps\"]> = {};\n\n/**\n * Компонент выпадающего блока мульти-списка.\n *\n * Оборачивает Dropdown в FocusTrap, поэтому фокус не уходит за пределы блока,\n * пока он открыт. Размер берёт из MultiselectFieldContext.\n */\nexport const MultiselectFieldDropdown = Object.assign(\n    React.forwardRef<HTMLDivElement, IMultiselectFieldDropdownProps>(\n        ({ children, focusTrapProps, opened, targetRef, mobileViewProps, ...rest }, ref) => {\n            const { size, mouseUsedRef } = useContext(MultiselectFieldContext);\n\n            useEffect(() => {\n                if (!opened) {\n                    mouseUsedRef.current = false;\n                }\n            }, [opened, mouseUsedRef]);\n\n            return (\n                <Dropdown\n                    width={EDropdownWidth.MIN_TARGET}\n                    mobileViewProps={mobileViewProps ?? ALWAYS_MOBILE_VIEW_PROPS}\n                    targetRef={targetRef}\n                    opened={opened}\n                    size={size}\n                    {...rest}\n                    ref={ref}\n                >\n                    <FocusTrap\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            clickOutsideDeactivates: true,\n                            preventScroll: true,\n                            // После открытия мышью фокус на поле не возвращается — иначе клик\n                            // вне блока снова подсветил бы поле выбора.\n                            returnFocusOnDeactivate: !mouseUsedRef.current,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div role=\"presentation\">{children}</div>\n                    </FocusTrap>\n                </Dropdown>\n            );\n        },\n    ),\n    {\n        Header: MultiselectFieldDropdownHeader,\n        Content: MultiselectFieldDropdownContent,\n        Footer: MultiselectFieldDropdownFooter,\n    },\n);\n\nMultiselectFieldDropdown.displayName = \"MultiselectFieldDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,2BAA2E,CAAA;AAQ1E,MAAM,2BAA2B,OAAO;AAAA,EAC3CA,eAAM;AAAA,IACF,CAAC,EAAE,UAAU,gBAAgB,QAAQ,WAAW,iBAAiB,GAAG,KAAA,GAAQ,QAAQ;AAChF,YAAM,EAAE,MAAM,iBAAiB,WAAW,uBAAuB;AAEjE,gBAAU,MAAM;AACZ,YAAI,CAAC,QAAQ;AACT,uBAAa,UAAU;AAAA,QAC3B;AAAA,MACJ,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,eAAe;AAAA,UACtB,iBAAiB,mBAAmB;AAAA,UACpC;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UAEA,UAAA;AAAA,YAACC,sBAAAA;AAAAA,YAAA;AAAA,cACI,GAAG;AAAA,cACJ,kBAAkB;AAAA,gBACd,yBAAyB;AAAA,gBACzB,eAAe;AAAA;AAAA;AAAA,gBAGf,yBAAyB,CAAC,aAAa;AAAA,gBACvC,GAAG,iDAAgB;AAAA,cAAA;AAAA,cAGvB,UAAA,oBAAC,OAAA,EAAI,MAAK,gBAAgB,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACvC;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEhB;AAEA,yBAAyB,cAAc;"}
+{"version":3,"file":"MultiselectFieldDropdown.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdown.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps, EDropdownWidth } from \"../../Dropdown\";\nimport { MultiselectFieldDropdownHeader } from \"./MultiselectFieldDropdownHeader\";\nimport { MultiselectFieldDropdownContent } from \"./MultiselectFieldDropdownContent\";\nimport { MultiselectFieldDropdownFooter } from \"./MultiselectFieldDropdownFooter\";\nimport { MultiselectFieldContext } from \"../MultiselectFieldContext\";\n\n/** Свойства компонента MultiselectFieldDropdown. */\nexport interface IMultiselectFieldDropdownProps extends IDropdownProps {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * Заглушка на случай, когда потребитель не передал pullerProps: Dropdown включает\n * мобильную версию по truthiness этого prop'а, поэтому непустой объект нужен всегда —\n * без него на мобильной ширине отрендерился бы десктопный выпадающий блок.\n */\nconst ALWAYS_PULLER_PROPS: NonNullable<IDropdownProps[\"pullerProps\"]> = {};\n\n/**\n * Компонент выпадающего блока мульти-списка.\n *\n * Оборачивает Dropdown в FocusTrap, поэтому фокус не уходит за пределы блока,\n * пока он открыт. Размер берёт из MultiselectFieldContext.\n */\nexport const MultiselectFieldDropdown = Object.assign(\n    React.forwardRef<HTMLDivElement, IMultiselectFieldDropdownProps>(\n        ({ children, focusTrapProps, opened, targetRef, pullerProps, ...rest }, ref) => {\n            const { size, mouseUsedRef } = useContext(MultiselectFieldContext);\n\n            useEffect(() => {\n                if (!opened) {\n                    mouseUsedRef.current = false;\n                }\n            }, [opened, mouseUsedRef]);\n\n            return (\n                <Dropdown\n                    width={EDropdownWidth.MIN_TARGET}\n                    pullerProps={pullerProps ?? ALWAYS_PULLER_PROPS}\n                    targetRef={targetRef}\n                    opened={opened}\n                    size={size}\n                    {...rest}\n                    ref={ref}\n                >\n                    <FocusTrap\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            clickOutsideDeactivates: true,\n                            preventScroll: true,\n                            // После открытия мышью фокус на поле не возвращается — иначе клик\n                            // вне блока снова подсветил бы поле выбора.\n                            returnFocusOnDeactivate: !mouseUsedRef.current,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div role=\"presentation\">{children}</div>\n                    </FocusTrap>\n                </Dropdown>\n            );\n        },\n    ),\n    {\n        Header: MultiselectFieldDropdownHeader,\n        Content: MultiselectFieldDropdownContent,\n        Footer: MultiselectFieldDropdownFooter,\n    },\n);\n\nMultiselectFieldDropdown.displayName = \"MultiselectFieldDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,sBAAkE,CAAA;AAQjE,MAAM,2BAA2B,OAAO;AAAA,EAC3CA,eAAM;AAAA,IACF,CAAC,EAAE,UAAU,gBAAgB,QAAQ,WAAW,aAAa,GAAG,KAAA,GAAQ,QAAQ;AAC5E,YAAM,EAAE,MAAM,iBAAiB,WAAW,uBAAuB;AAEjE,gBAAU,MAAM;AACZ,YAAI,CAAC,QAAQ;AACT,uBAAa,UAAU;AAAA,QAC3B;AAAA,MACJ,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,eAAe;AAAA,UACtB,aAAa,eAAe;AAAA,UAC5B;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UAEA,UAAA;AAAA,YAACC,sBAAAA;AAAAA,YAAA;AAAA,cACI,GAAG;AAAA,cACJ,kBAAkB;AAAA,gBACd,yBAAyB;AAAA,gBACzB,eAAe;AAAA;AAAA;AAAA,gBAGf,yBAAyB,CAAC,aAAa;AAAA,gBACvC,GAAG,iDAAgB;AAAA,cAAA;AAAA,cAGvB,UAAA,oBAAC,OAAA,EAAI,MAAK,gBAAgB,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACvC;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEhB;AAEA,yBAAyB,cAAc;"}