@sberbusiness/triplex-next 0.51.0 → 0.53.0

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__6e9db015";
-const selected = "selected__b0793ef7";
-const checkboxWrapper = "checkboxWrapper__e21641d5";
-const childrenWrapper = "childrenWrapper__7496c154";
-const checkboxLabel = "checkboxLabel__052ed837";
-const checkboxLabelClickArea = "checkboxLabelClickArea__422f23c2";
+const listItemSelectable = "listItemSelectable__101b5be5";
+const selected = "selected__3e216dc2";
+const checkboxWrapper = "checkboxWrapper__cce50e2e";
+const childrenWrapper = "childrenWrapper__ff1e75df";
+const checkboxLabel = "checkboxLabel__e1b2816f";
+const checkboxLabelClickArea = "checkboxLabelClickArea__f610e113";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-DNcipOgP.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-Dj4lU9aU.js";
 const ListItemTailLeft = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-DNcipOgP.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-Dj4lU9aU.js";
 const ListItemTailRight = React.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 { n as useSortable, o as CSS, c as clsx } from "../../../chunks/vendor-Bf
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__52c680ae";
-const dragging = "dragging__29add7bc";
+const listSortableItem = "listSortableItem__075ac17e";
+const dragging = "dragging__6dcecaef";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const listSortableItemControls = "listSortableItemControls__26d53ef9";
+const listSortableItemControls = "listSortableItemControls__d5a12695";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const listSortableItemTarget = "listSortableItemTarget__74f6e83b";
-const dragging = "dragging__29add7bc";
-const listSortableItemTargetContent = "listSortableItemTargetContent__4bc38a21";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__aa4e8b75";
+const listSortableItemTarget = "listSortableItemTarget__6d450ef5";
+const dragging = "dragging__6dcecaef";
+const listSortableItemTargetContent = "listSortableItemTargetContent__6f07b22e";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__4651da3f";
 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-Bf_-FiU6.js";
-const listTableItem = "listTableItem__933360a3";
-const swipeableArea = "swipeableArea__9676449e";
-const content = "content__78624471";
+const listTableItem = "listTableItem__1e4b289b";
+const swipeableArea = "swipeableArea__44780433";
+const content = "content__eef9b3a4";
 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-EF-ovU6G.js";
+import { L } from "../../chunks/ListItemControlsButton-CTZwACLC.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.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.51.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.53.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const ListMasterBody = React.forwardRef(
     {
       className,
       ...rest,
-      "data-tx": "0.51.0",
+      "data-tx": "0.53.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const listMasterChipGroup = "listMasterChipGroup__6d6b2e61";
+const listMasterChipGroup = "listMasterChipGroup__086d4d27";
 const styles = {
   listMasterChipGroup
 };

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-BO7_lx0S.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-MxUcjmi_.js";
 const ListMasterFooter = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-BO7_lx0S.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-MxUcjmi_.js";
 const ListMasterFooterControls = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-BO7_lx0S.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-MxUcjmi_.js";
 const ListMasterFooterDescription = React.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, { useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const listMasterHeader = "listMasterHeader__2e665e8c";
-const sticky = "sticky__f89872f0";
+const listMasterHeader = "listMasterHeader__45db0a1e";
+const sticky = "sticky__7aee0d13";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const selectionControls = "selectionControls__879856e1";
+const selectionControls = "selectionControls__67c328ce";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "0.51.0",
+      "data-tx": "0.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-Bf_-FiU6.js";
-const loaderMiddle = "loaderMiddle__81cc6ed7";
-const loaderMiddleDots = "loaderMiddleDots__603fd16a";
-const dot = "dot__48aaeb11";
-const line = "line__c866c2df";
-const dot1 = "dot1__9cee4c02";
-const dot2 = "dot2__f83ac85a";
-const dot3 = "dot3__a22036af";
-const dot4 = "dot4__5a31f7e7";
+const loaderMiddle = "loaderMiddle__0d2ef2dc";
+const loaderMiddleDots = "loaderMiddleDots__45e102ae";
+const dot = "dot__24c478f1";
+const line = "line__6c895650";
+const dot1 = "dot1__d034ae1b";
+const dot2 = "dot2__f58c398f";
+const dot3 = "dot3__8e9291eb";
+const dot4 = "dot4__5832320f";
 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-Bf_-FiU6.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { ELoaderSmallTheme } from "./enum.js";
-const loaderSmall = "loaderSmall__51030953";
-const sm = "sm__9ad0d445";
-const dot = "dot__48aaeb11";
-const md = "md__8b3e0a45";
-const lg = "lg__f831363d";
-const neutral = "neutral__21847ed5";
-const brand = "brand__8b314568";
-const dot1 = "dot1__9cee4c02";
-const dot2 = "dot2__f83ac85a";
-const dot3 = "dot3__a22036af";
+const loaderSmall = "loaderSmall__10de73fd";
+const sm = "sm__1cb54548";
+const dot = "dot__24c478f1";
+const md = "md__add8b67e";
+const lg = "lg__df38bfb8";
+const neutral = "neutral__17e12e59";
+const brand = "brand__9f5f8ae5";
+const dot1 = "dot1__d034ae1b";
+const dot2 = "dot2__f58c398f";
+const dot3 = "dot3__8e9291eb";
 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__1f06c063";
-const loaderSmallBackdrop = "loaderSmallBackdrop__90fd11aa";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__a8388a77";
-const loaderContent = "loaderContent__817d6865";
-const description = "description__8642b306";
+const loaderScreen = "loaderScreen__6bddf561";
+const loaderSmallBackdrop = "loaderSmallBackdrop__e39b178d";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__66189b23";
+const loaderContent = "loaderContent__6906b78f";
+const description = "description__51dba592";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { Badge } from "../Badge/Badge.js";
-import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-C5ANP-lJ.js";
+import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CR7AKWB9.js";
 import "./enums.js";
 const Marker = React.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-C5ANP-lJ.js";
+import { S } from "../../chunks/utils-CR7AKWB9.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-Bf_-FiU6.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-C5ANP-lJ.js";
+import { S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CR7AKWB9.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__ea27bcf8";
-const contentContainer = "contentContainer__272f7d0f";
-const md = "md__3d600dca";
-const markerContainer = "markerContainer__2794647d";
-const lg = "lg__39900090";
+const markerStatus = "markerStatus__d80fd8e4";
+const contentContainer = "contentContainer__aab68cdc";
+const md = "md__6b97f105";
+const markerContainer = "markerContainer__5546f0e8";
+const lg = "lg__5845f631";
 const styles = {
   markerStatus,
   contentContainer,
@@ -35,7 +35,7 @@ const MarkerStatus = React.forwardRef(
       STATUS_TO_CLASS_NAME_MAP[status],
       className
     );
-    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "0.51.0", ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "0.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-Bb8wLMOR.js";
+import { s as styles } from "../../chunks/ModalWindow.module-DACUI-Ug.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-Bf_-FiU6.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__0585214f";
+const modalWindowBody = "modalWindowBody__23edb5af";
 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__f394399d";
+const modalWindowClose = "modalWindowClose__3baf9b47";
 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-Bf_-FiU6.js";
 import React from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-Bb8wLMOR.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DACUI-Ug.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React.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-Bf_-FiU6.js";
-const modalWindowHeader = "modalWindowHeader__d19fb518";
+const modalWindowHeader = "modalWindowHeader__a60b5c26";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, useLayoutEffect } from "react";
 import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-Bb8wLMOR.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DACUI-Ug.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__9578c16c";
-const minWidthSM = "minWidthSM__c9b89edc";
-const minWidthMD = "minWidthMD__3da115b7";
-const minWidthLG = "minWidthLG__dd1708aa";
+const monthYearFieldTarget = "monthYearFieldTarget__265b3bc0";
+const minWidthSM = "minWidthSM__d595067e";
+const minWidthMD = "minWidthMD__b30a2863";
+const minWidthLG = "minWidthLG__3338a73c";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,

package/components/MonthYearRange/MonthYearRange.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { shiftDateRange, isDateAfter } from "../DateRange/utils.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__588266e5";
-const monthYearRangeButton = "monthYearRangeButton__58287e99";
-const separator = "separator__e5513688";
+const monthYearRange = "monthYearRange__8e58acbc";
+const monthYearRangeButton = "monthYearRangeButton__4d20d96a";
+const separator = "separator__3d127e9c";
 const styles = {
   monthYearRange,
   monthYearRangeButton,
@@ -17,48 +17,41 @@ const MonthYearRange = React.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.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":[],"mappings":";;;;;;;;;;;;;;;AAyDO,MAAM,iBAAiB,MAAM;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":[],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAiB,MAAM;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 { F as FocusTrap } from "../../../chunks/vendor-Bf_-FiU6.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DbG8a_Rw.js";
+import "../../../chunks/DropdownListItem-DtBDNMDu.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.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 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?: FocusTrap.Props;\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,2BAA2E,CAAA;AAQ1E,MAAM,2BAA2B,OAAO;AAAA,EAC3C,MAAM;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,YAAC;AAAA,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 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?: FocusTrap.Props;\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":[],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,sBAAkE,CAAA;AAQjE,MAAM,2BAA2B,OAAO;AAAA,EAC3C,MAAM;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,YAAC;AAAA,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;"}