@sberbusiness/triplex-next 1.44.0 → 1.46.0

package/components/List/components/ListSortableItem.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { q as useSortable, s as CSS, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { q as useSortable, s as CSS, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__945e9b33";
-const dragging = "dragging__983d4962";
+const listSortableItem = "listSortableItem__bfc66aa9";
+const dragging = "dragging__213b124a";
 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-D4wvHis9.js";
-const listSortableItemControls = "listSortableItemControls__fb59863e";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const listSortableItemControls = "listSortableItemControls__9fe7b5fc";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -1,11 +1,11 @@
 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-D4wvHis9.js";
-const listSortableItemTarget = "listSortableItemTarget__da676152";
-const dragging = "dragging__983d4962";
-const listSortableItemTargetContent = "listSortableItemTargetContent__21c1cbd2";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__1a8ff7a8";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const listSortableItemTarget = "listSortableItemTarget__9e45f761";
+const dragging = "dragging__213b124a";
+const listSortableItemTargetContent = "listSortableItemTargetContent__d0ac1a2b";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__9ab17264";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/components/ListTableItem.js

@@ -6,10 +6,10 @@ import { ListItemContent } from "./ListItemContent.js";
 import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listTableItem = "listTableItem__72aa7676";
-const swipeableArea = "swipeableArea__c2552e29";
-const content = "content__af44530c";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const listTableItem = "listTableItem__ab1b34d1";
+const swipeableArea = "swipeableArea__29fc4016";
+const content = "content__57e8ae79";
 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-BFkW7b6S.js";
+import { L } from "../../chunks/ListItemControlsButton-DoNJ-Yfe.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.44.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.46.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.44.0",
+      "data-tx": "1.46.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listMasterChipGroup = "listMasterChipGroup__51d72258";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const listMasterChipGroup = "listMasterChipGroup__384ea738";
 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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-B5viguka.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-9x6ntzLF.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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-B5viguka.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-9x6ntzLF.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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-B5viguka.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-9x6ntzLF.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-D4wvHis9.js";
-const listMasterHeader = "listMasterHeader__c867a321";
-const sticky = "sticky__1ffe02f8";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const listMasterHeader = "listMasterHeader__a63ac5da";
+const sticky = "sticky__8f28b0bb";
 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-D4wvHis9.js";
-const selectionControls = "selectionControls__20679d06";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const selectionControls = "selectionControls__0f93ab7e";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React__default.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "1.44.0",
+      "data-tx": "1.46.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-D4wvHis9.js";
-const loaderMiddle = "loaderMiddle__d5dc8352";
-const loaderMiddleDots = "loaderMiddleDots__651d7864";
-const dot = "dot__2596829c";
-const line = "line__90c610b0";
-const dot1 = "dot1__5e38a9ab";
-const dot2 = "dot2__f050b517";
-const dot3 = "dot3__3be2fee0";
-const dot4 = "dot4__98e8dc9d";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const loaderMiddle = "loaderMiddle__ea8c2fb4";
+const loaderMiddleDots = "loaderMiddleDots__1d035bf9";
+const dot = "dot__68333d00";
+const line = "line__6bd78dd6";
+const dot1 = "dot1__dea047dd";
+const dot2 = "dot2__181ebb08";
+const dot3 = "dot3__b759c854";
+const dot4 = "dot4__33619f1d";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { ELoaderSmallTheme } from "./enum.js";
-const loaderSmall = "loaderSmall__70ee854c";
-const sm = "sm__bce345d6";
-const dot = "dot__2596829c";
-const md = "md__b80658f4";
-const lg = "lg__75bb11c3";
-const neutral = "neutral__cf4f7a24";
-const brand = "brand__e842ec9b";
-const dot1 = "dot1__5e38a9ab";
-const dot2 = "dot2__f050b517";
-const dot3 = "dot3__3be2fee0";
+const loaderSmall = "loaderSmall__d0340649";
+const sm = "sm__b40780e8";
+const dot = "dot__68333d00";
+const md = "md__6847408a";
+const lg = "lg__c00ea95d";
+const neutral = "neutral__bb567a50";
+const brand = "brand__7ee6e7dd";
+const dot1 = "dot1__dea047dd";
+const dot2 = "dot2__181ebb08";
+const dot3 = "dot3__b759c854";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { Gap } from "../Gap/Gap.js";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.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__15af3e5a";
-const loaderSmallBackdrop = "loaderSmallBackdrop__9feb9e6a";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__31ba2d59";
-const loaderContent = "loaderContent__c2b2879e";
-const description = "description__c6eaff5b";
+const loaderScreen = "loaderScreen__11e9cd4c";
+const loaderSmallBackdrop = "loaderSmallBackdrop__38706da5";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__1de3b510";
+const loaderContent = "loaderContent__01f35203";
+const description = "description__57a6f3d1";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-W5dHMPw5.js";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { Badge } from "../Badge/Badge.js";
+import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CRayPY0c.js";
 import "./enums.js";
-const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });
+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";
 export {
   Marker

package/components/Marker/Marker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marker.js","sources":["../../../src/components/Marker/Marker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { EMarkerStatus } from \"./enums\";\nimport React from \"react\";\nimport { statusToClassNameMap } from \"./utils\";\nimport { Badge } from \"../Badge\";\nimport { IBadgeDotProps } from \"../Badge/types\";\nimport styles from \"./styles/Marker.module.less\";\n\nexport interface IMarkerProps extends IBadgeDotProps {\n    status: EMarkerStatus;\n}\n\nexport const Marker: React.FC<IMarkerProps> = ({ className, status, ...rest }) => (\n    <Badge.Dot className={clsx(styles.marker, statusToClassNameMap[status], className)} {...rest} />\n);\n\nMarker.displayName = \"Marker\";\n"],"names":[],"mappings":";;;;;AAYO,MAAM,SAAiC,CAAC,EAAE,WAAW,QAAQ,GAAG,WACnE,oBAAC,MAAM,KAAN,EAAU,WAAW,KAAK,OAAO,QAAQ,qBAAqB,MAAM,GAAG,SAAS,GAAI,GAAG,KAAA,CAAM;AAGlG,OAAO,cAAc;"}
+{"version":3,"file":"Marker.js","sources":["../../../src/components/Marker/Marker.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Badge } from \"../Badge\";\nimport { IBadgeDotProps } from \"../Badge/types\";\nimport { EMarkerStatus } from \"./enums\";\nimport { STATUS_TO_CLASS_NAME_MAP } from \"./utils\";\nimport styles from \"./styles/Marker.module.less\";\n\n/** Свойства компонента Marker. */\nexport interface IMarkerProps extends IBadgeDotProps {\n    /** Статус, задающий цвет точки. Обязательный, значения по умолчанию нет. */\n    status: EMarkerStatus;\n}\n\n/**\n * Точка-индикатор статуса.\n * Обёртка над Badge.Dot: добавляет цвет по статусу, всё остальное (размер, разметка, ref) — от Badge.Dot.\n * */\nexport const Marker = React.forwardRef<HTMLSpanElement, IMarkerProps>(({ className, status, ...restProps }, ref) => (\n    <Badge.Dot className={clsx(styles.marker, STATUS_TO_CLASS_NAME_MAP[status], className)} {...restProps} ref={ref} />\n));\n\nMarker.displayName = \"Marker\";\n"],"names":["React"],"mappings":";;;;;;AAkBO,MAAM,SAASA,eAAM,WAA0C,CAAC,EAAE,WAAW,QAAQ,GAAG,UAAA,GAAa,QACxG,oBAAC,MAAM,KAAN,EAAU,WAAW,KAAK,OAAO,QAAQ,yBAAyB,MAAM,GAAG,SAAS,GAAI,GAAG,WAAW,IAAA,CAAU,CACpH;AAED,OAAO,cAAc;"}

package/components/Marker/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Marker/enums.ts"],"sourcesContent":["export enum EMarkerStatus {\n    SUCCESS = \"success\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n    WAITING = \"waiting\",\n}\n"],"names":["EMarkerStatus"],"mappings":"AAAO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,SAAA,IAAU;AACVA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,SAAA,IAAU;AACVA,iBAAA,SAAA,IAAU;AAJF,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Marker/enums.ts"],"sourcesContent":["/** Статус Marker. Задаёт цвет точки. */\nexport enum EMarkerStatus {\n    /** Успешное завершение. */\n    SUCCESS = \"success\",\n    /** Ошибка. */\n    ERROR = \"error\",\n    /** Предупреждение. */\n    WARNING = \"warning\",\n    /** Ожидание, процесс в работе. */\n    WAITING = \"waiting\",\n}\n"],"names":["EMarkerStatus"],"mappings":"AACO,IAAK,kCAAAA,mBAAL;AAEHA,iBAAA,SAAA,IAAU;AAEVA,iBAAA,OAAA,IAAQ;AAERA,iBAAA,SAAA,IAAU;AAEVA,iBAAA,SAAA,IAAU;AARF,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/components/Marker/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
-import { s } from "../../chunks/utils-W5dHMPw5.js";
+import { S } from "../../chunks/utils-CRayPY0c.js";
 export {
-  s as statusToClassNameMap
+  S as STATUS_TO_CLASS_NAME_MAP
 };
 //# sourceMappingURL=utils.js.map

package/components/MarkerStatus/MarkerStatus.js

@@ -1,20 +1,20 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { Marker } from "../Marker/Marker.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-W5dHMPw5.js";
+import { S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CRayPY0c.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";
-import { EComponentSize } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const markerStatus = "markerStatus__4c753235";
-const contentContainer = "contentContainer__fed670bd";
-const md = "md__9814e5ee";
-const markerContainer = "markerContainer__41065bae";
-const lg = "lg__c4611211";
+const markerStatus = "markerStatus__a456d70b";
+const contentContainer = "contentContainer__6cfe1772";
+const md = "md__314cf268";
+const markerContainer = "markerContainer__dfbd4110";
+const lg = "lg__4c123854";
 const styles = {
   markerStatus,
   contentContainer,
@@ -22,23 +22,29 @@ const styles = {
   markerContainer,
   lg
 };
-const markerStatusSizeToTextSizeMap = {
+const SIZE_TO_TEXT_SIZE_MAP = {
   [EComponentSize.MD]: ETextSize.B4,
   [EComponentSize.LG]: ETextSize.B3
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const MarkerStatus = React__default.forwardRef(
   ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
-    const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
-    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.44.0", ...restProps, ref, children: [
+    const classNames = clsx(
+      styles.markerStatus,
+      SIZE_TO_CLASS_NAME_MAP[size],
+      STATUS_TO_CLASS_NAME_MAP[status],
+      className
+    );
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "1.46.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: markerStatusSizeToTextSizeMap[size], children }),
+        /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], children }),
         description && (size === EComponentSize.MD ? /* @__PURE__ */ jsx(Caption, { size: ECaptionSize.C1, type: EFontType.SECONDARY, children: description }) : /* @__PURE__ */ jsx(Text, { size: ETextSize.B4, type: EFontType.SECONDARY, children: description }))
       ] })
     ] });
   }
 );
+MarkerStatus.displayName = "MarkerStatus";
 export {
   MarkerStatus
 };

package/components/MarkerStatus/MarkerStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerStatus.js","sources":["../../../src/components/MarkerStatus/MarkerStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { Marker } from \"../Marker\";\nimport { EMarkerStatus } from \"../Marker/enums\";\nimport styles from \"./styles/MarkerStatus.module.less\";\nimport clsx from \"clsx\";\nimport { statusToClassNameMap } from \"../Marker/utils\";\nimport { ETextSize, ECaptionSize, Caption, Text, EFontType } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\n\nexport interface IMarkerStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Статус. */\n    status: EMarkerStatus;\n    /** Дополнительное описание под наименованием статуса. */\n    description?: React.ReactNode;\n    /** Размер. */\n    size?: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst markerStatusSizeToTextSizeMap = {\n    [EComponentSize.MD]: ETextSize.B4,\n    [EComponentSize.LG]: ETextSize.B3,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const MarkerStatus = React.forwardRef<HTMLDivElement, IMarkerStatusProps>(\n    ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {\n        const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);\n\n        return (\n            <div className={classNames} data-tx={process.env.npm_package_version} {...restProps} ref={ref}>\n                <div className={styles.markerContainer}>\n                    <Marker status={status} size={size} />\n                </div>\n\n                <div className={styles.contentContainer}>\n                    <Text size={markerStatusSizeToTextSizeMap[size]}>{children}</Text>\n\n                    {description &&\n                        (size === EComponentSize.MD ? (\n                            <Caption size={ECaptionSize.C1} type={EFontType.SECONDARY}>\n                                {description}\n                            </Caption>\n                        ) : (\n                            <Text size={ETextSize.B4} type={EFontType.SECONDARY}>\n                                {description}\n                            </Text>\n                        ))}\n                </div>\n            </div>\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,gCAAgC;AAAA,EAClC,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,eAAeA,eAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,aAAa,QAAQ,OAAO,eAAe,IAAI,GAAG,UAAA,GAAa,QAAQ;AAC3F,UAAM,aAAa,KAAK,OAAO,cAAc,mBAAmB,IAAI,GAAG,qBAAqB,MAAM,GAAG,SAAS;AAE9G,WACI,qBAAC,OAAA,EAAI,WAAW,YAAY,WAAS,UAAkC,GAAG,WAAW,KACjF,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,iBACnB,8BAAC,QAAA,EAAO,QAAgB,KAAA,CAAY,GACxC;AAAA,2BAEC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,8BAA8B,IAAI,GAAI,UAAS;AAAA,QAE1D,gBACI,SAAS,eAAe,yBACpB,SAAA,EAAQ,MAAM,aAAa,IAAI,MAAM,UAAU,WAC3C,UAAA,YAAA,CACL,wBAEC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,WACrC,UAAA,YAAA,CACL;AAAA,MAAA,GAEZ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;"}
+{"version":3,"file":"MarkerStatus.js","sources":["../../../src/components/MarkerStatus/MarkerStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport { Marker } from \"../Marker\";\nimport { EMarkerStatus } from \"../Marker/enums\";\nimport { STATUS_TO_CLASS_NAME_MAP } from \"../Marker/utils\";\nimport { ETextSize, ECaptionSize, Caption, Text, EFontType } from \"../Typography\";\nimport styles from \"./styles/MarkerStatus.module.less\";\n\n/** Свойства компонента MarkerStatus. */\nexport interface IMarkerStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Статус. Задаёт цвет маркера. */\n    status: EMarkerStatus;\n    /** Наименование статуса. */\n    children?: React.ReactNode;\n    /** Дополнительное описание под наименованием статуса. */\n    description?: React.ReactNode;\n    /** Размер. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize.MD | EComponentSize.LG;\n}\n\n/** Соответствие размера компонента размеру текста наименования статуса. */\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize.MD | EComponentSize.LG, ETextSize> = {\n    [EComponentSize.MD]: ETextSize.B4,\n    [EComponentSize.LG]: ETextSize.B3,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Статус: цветной маркер, наименование статуса и необязательное описание под ним. */\nexport const MarkerStatus = React.forwardRef<HTMLDivElement, IMarkerStatusProps>(\n    ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {\n        const classNames = clsx(\n            styles.markerStatus,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            STATUS_TO_CLASS_NAME_MAP[status],\n            className,\n        );\n\n        return (\n            <div className={classNames} {...restProps} data-tx={process.env.npm_package_version} ref={ref}>\n                <div className={styles.markerContainer}>\n                    <Marker status={status} size={size} />\n                </div>\n\n                <div className={styles.contentContainer}>\n                    <Text size={SIZE_TO_TEXT_SIZE_MAP[size]}>{children}</Text>\n\n                    {description &&\n                        (size === EComponentSize.MD ? (\n                            <Caption size={ECaptionSize.C1} type={EFontType.SECONDARY}>\n                                {description}\n                            </Caption>\n                        ) : (\n                            <Text size={ETextSize.B4} type={EFontType.SECONDARY}>\n                                {description}\n                            </Text>\n                        ))}\n                </div>\n            </div>\n        );\n    },\n);\n\nMarkerStatus.displayName = \"MarkerStatus\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,wBAAkF;AAAA,EACpF,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,eAAeA,eAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,aAAa,QAAQ,OAAO,eAAe,IAAI,GAAG,UAAA,GAAa,QAAQ;AAC3F,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,yBAAyB,MAAM;AAAA,MAC/B;AAAA,IAAA;AAGJ,WACI,qBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,WAAW,WAAS,UAAiC,KACjF,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,iBACnB,8BAAC,QAAA,EAAO,QAAgB,KAAA,CAAY,GACxC;AAAA,2BAEC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAI,UAAS;AAAA,QAElD,gBACI,SAAS,eAAe,yBACpB,SAAA,EAAQ,MAAM,aAAa,IAAI,MAAM,UAAU,WAC3C,UAAA,YAAA,CACL,wBAEC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,WACrC,UAAA,YAAA,CACL;AAAA,MAAA,GAEZ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,aAAa,cAAc;"}

package/components/{TextField → MaskedField}/MaskedField.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { FormFieldMaskedInput } from "../FormField/components/FormFieldMaskedInput.js";
-import { TextFieldBase } from "./TextFieldBase.js";
+import { TextFieldBase } from "../TextField/TextFieldBase.js";
 const MaskedField = React__default.forwardRef(
   ({ maskedInputProps, ...restProps }, ref) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, ref, children: /* @__PURE__ */ jsx(FormFieldMaskedInput, { ...maskedInputProps }) })
 );

package/components/MaskedField/MaskedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedField.js","sources":["../../../src/components/MaskedField/MaskedField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"../TextField/TextFieldBase\";\n\n/** Свойства компонента MaskedField. */\nexport interface IMaskedFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /**\n     * Свойства поля ввода с маской: обязательные `mask` и `value`, опциональный `placeholderMask`\n     * и остальные атрибуты input. Ссылка на элемент input передаётся через `forwardedRef`.\n     */\n    maskedInputProps: IFormFieldMaskedInputProps & {\n        /**\n         * Ссылка на корневой div-обёртку FormFieldMaskedInput.\n         * Для ссылки на элемент input используйте `forwardedRef`.\n         */\n        ref?: React.RefObject<HTMLDivElement>;\n    };\n}\n\n/**\n * Компонент ввода с маской.\n * Отличается от TextField элементом ввода — вместо обычного input используется FormFieldMaskedInput.\n */\nexport const MaskedField = React.forwardRef<HTMLDivElement, IMaskedFieldProps>(\n    ({ maskedInputProps, ...restProps }, ref) => (\n        <TextFieldBase {...restProps} ref={ref}>\n            <FormFieldMaskedInput {...maskedInputProps} />\n        </TextFieldBase>\n    ),\n);\n\nMaskedField.displayName = \"MaskedField\";\n"],"names":["React"],"mappings":";;;;AAuBO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,kBAAkB,GAAG,UAAA,GAAa,QACjC,oBAAC,eAAA,EAAe,GAAG,WAAW,KAC1B,UAAA,oBAAC,sBAAA,EAAsB,GAAG,kBAAkB,EAAA,CAChD;AAER;AAEA,YAAY,cAAc;"}

package/components/MaskedField/index.js

@@ -0,0 +1,5 @@
+import { MaskedField } from "./MaskedField.js";
+export {
+  MaskedField
+};
+//# sourceMappingURL=index.js.map

package/components/MaskedField/index.js.map

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

package/components/ModalWindow/ModalWindow.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect } from "react";
-import { c as clsx, C as CSSTransition } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx, C as CSSTransition } from "../../chunks/vendor-DqjKLGwf.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 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-C0p5ZVLh.js";
+import { s as styles } from "../../chunks/ModalWindow.module-DVlh8Hck.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__35a6e383";
+const modalWindowBody = "modalWindowBody__0b4085a5";
 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__67182820";
+const modalWindowClose = "modalWindowClose__f7ad4dd3";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-C0p5ZVLh.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DVlh8Hck.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

@@ -1,8 +1,8 @@
 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-D4wvHis9.js";
-const modalWindowHeader = "modalWindowHeader__8a19f29e";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const modalWindowHeader = "modalWindowHeader__21de276f";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,8 +1,8 @@
 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-D4wvHis9.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-DqjKLGwf.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-C0p5ZVLh.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DVlh8Hck.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { TextField } from "../TextField/TextField.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__eaf77f06";
-const minWidthSM = "minWidthSM__cb25388c";
-const minWidthMD = "minWidthMD__0e85c754";
-const minWidthLG = "minWidthLG__9c584ea5";
+const monthYearFieldTarget = "monthYearFieldTarget__b705e702";
+const minWidthSM = "minWidthSM__1f72434a";
+const minWidthMD = "minWidthMD__51fd6878";
+const minWidthLG = "minWidthLG__4043ab76";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,
@@ -86,7 +86,6 @@ const MonthYearFieldTarget = React__default.forwardRef(
           ...restInputProps,
           className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),
           readOnly: true,
-          disabled,
           onMouseDown: handleMouseDown,
           onKeyDown: handleInputKeyDown
         },

package/components/MonthYearField/MonthYearFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\nimport styles from \"./styles/MonthYearFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                className={clsx(styles.monthYearFieldTarget, className)}\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    readOnly: true,\n                    disabled: disabled,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC1F,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,oCAA0B,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACtD;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,UAAU;AAAA,UACV;AAAA,UACA,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\nimport styles from \"./styles/MonthYearFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                className={clsx(styles.monthYearFieldTarget, className)}\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    readOnly: true,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC1F,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,oCAA0B,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACtD;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,UAAU;AAAA,UACV,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}

package/components/MonthYearRange/MonthYearRange.js

@@ -2,12 +2,12 @@ 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-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__ee787be9";
-const monthYearRangeButton = "monthYearRangeButton__f74f1fa6";
-const separator = "separator__db968bba";
+const monthYearRange = "monthYearRange__f9240620";
+const monthYearRangeButton = "monthYearRangeButton__7d867d83";
+const separator = "separator__c02cc3c7";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/MultiselectField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useRef } from "react";
+import React__default, { useRef, useCallback, useMemo } from "react";
 import { SelectExtendedField } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import { SelectExtendedFieldTarget } from "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
@@ -10,11 +10,15 @@ const MultiselectField = Object.assign(
   React__default.forwardRef(
     ({ children, className, size = EComponentSize.MD, onMouseDown, ...props }, ref) => {
       const mouseUsedRef = useRef(false);
-      const handleMouseDown = (event) => {
-        mouseUsedRef.current = true;
-        onMouseDown == null ? void 0 : onMouseDown(event);
-      };
-      return /* @__PURE__ */ jsx(MultiselectFieldContext.Provider, { value: { size, mouseUsedRef }, children: /* @__PURE__ */ jsx(SelectExtendedField, { className, onMouseDown: handleMouseDown, ref, ...props, children }) });
+      const handleMouseDown = useCallback(
+        (event) => {
+          mouseUsedRef.current = true;
+          onMouseDown == null ? void 0 : onMouseDown(event);
+        },
+        [onMouseDown]
+      );
+      const contextValue = useMemo(() => ({ size, mouseUsedRef }), [size]);
+      return /* @__PURE__ */ jsx(MultiselectFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(SelectExtendedField, { className, onMouseDown: handleMouseDown, ref, ...props, children }) });
     }
   ),
   {