@sberbusiness/triplex-next 1.41.1 → 1.43.0

package/components/ChipGroup/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ChipGroup.module.less\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\nexport interface IChipGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Чипсы выводятся в одну строку со скроллом. */\n    oneLine?: boolean;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/**\n * Компонент ChipGroup.\n * Контейнер компонентов Chip.\n */\nexport const ChipGroup = React.forwardRef<HTMLDivElement, IChipGroupProps>(\n    ({ children, className, oneLine, size = EComponentSize.MD, ...rest }, ref) => {\n        return (\n            <div\n                className={clsx(styles.chipGroup, sizeToClassNameMap[size], className, {\n                    [styles.multiLine]: !oneLine,\n                    [styles.oneLine]: Boolean(oneLine),\n                })}\n                {...rest}\n                ref={ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nChipGroup.displayName = \"ChipGroup\";\n"],"names":["React","oneLine"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAMnD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,WAAW,SAAAC,UAAS,OAAO,eAAe,IAAI,GAAG,KAAA,GAAQ,QAAQ;AAC1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,WAAW,mBAAmB,IAAI,GAAG,WAAW;AAAA,UACnE,CAAC,OAAO,SAAS,GAAG,CAACA;AAAA,UACrB,CAAC,OAAO,OAAO,GAAG,QAAQA,QAAO;AAAA,QAAA,CACpC;AAAA,QACA,GAAG;AAAA,QACJ;AAAA,QACA,WAAS;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/ChipGroup.module.less\";\n\n/** Свойства компонента ChipGroup. */\nexport interface IChipGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое группы, обычно набор Chip и его вариантов. */\n    children?: React.ReactNode;\n    /** Размер компонента. Задаёт только отступ между чипсами, размер самих чипсов не меняет. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Чипсы выводятся в одну строку с горизонтальной прокруткой, без переноса. По умолчанию false. */\n    oneLine?: boolean;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Контейнер компонентов Chip.\n * Раскладывает чипсы с переносом по строкам либо в одну строку с горизонтальной прокруткой и задаёт отступ между ними.\n * Корневой элемент — div, на него указывает ref и приходят className и остальные props.\n */\nexport const ChipGroup = React.forwardRef<HTMLDivElement, IChipGroupProps>(\n    ({ children, className, oneLine, size = EComponentSize.MD, ...rest }, ref) => {\n        return (\n            <div\n                className={clsx(\n                    styles.chipGroup,\n                    SIZE_TO_CLASS_NAME_MAP[size],\n                    oneLine ? styles.oneLine : styles.multiLine,\n                    className,\n                )}\n                {...rest}\n                ref={ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nChipGroup.displayName = \"ChipGroup\";\n"],"names":["React","oneLine"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,WAAW,SAAAC,UAAS,OAAO,eAAe,IAAI,GAAG,KAAA,GAAQ,QAAQ;AAC1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,uBAAuB,IAAI;AAAA,UAC3BA,WAAU,OAAO,UAAU,OAAO;AAAA,UAClC;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ;AAAA,QACA,WAAS;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,UAAU,cAAc;"}

package/components/Col/Col.js

@@ -1,143 +1,143 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__307c11ac";
-const gridHorizontalGapMD = "gridHorizontalGapMD__61029447";
+const gridHorizontalGapSM = "gridHorizontalGapSM__4a73bab1";
+const gridHorizontalGapMD = "gridHorizontalGapMD__0567562c";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__cd1af5d6",
-  "col-2": "col-2__7d843ed4",
-  "col-3": "col-3__cc840088",
-  "col-4": "col-4__ab822f53",
-  "col-5": "col-5__3ba4d9be",
-  "col-6": "col-6__99b70534",
-  "col-7": "col-7__cc230528",
-  "col-8": "col-8__e021c020",
-  "col-9": "col-9__a5a3679f",
-  "col-10": "col-10__aeb2d4bb",
-  "col-11": "col-11__3837165d",
-  "col-12": "col-12__d4ff3f51",
-  "offset-0": "offset-0__44da0e53",
-  "offset-1": "offset-1__f43daa43",
-  "offset-2": "offset-2__4de5929c",
-  "offset-3": "offset-3__fa440ce2",
-  "offset-4": "offset-4__3037f824",
-  "offset-5": "offset-5__c26e4442",
-  "offset-6": "offset-6__14e25f94",
-  "offset-7": "offset-7__edd7cf74",
-  "offset-8": "offset-8__00411c35",
-  "offset-9": "offset-9__275166a4",
-  "offset-10": "offset-10__37ba2b42",
-  "offset-11": "offset-11__e3058551",
-  "d-none": "d-none__3abfc60b",
-  "d-block": "d-block__af8250b4",
-  "col-sm-1": "col-sm-1__f784fd1c",
-  "col-sm-2": "col-sm-2__648f18c2",
-  "col-sm-3": "col-sm-3__cd3b8f45",
-  "col-sm-4": "col-sm-4__d4a6ac3a",
-  "col-sm-5": "col-sm-5__061c43b2",
-  "col-sm-6": "col-sm-6__f95ea5c4",
-  "col-sm-7": "col-sm-7__75b5be59",
-  "col-sm-8": "col-sm-8__3094a855",
-  "col-sm-9": "col-sm-9__3e52c376",
-  "col-sm-10": "col-sm-10__c83b546b",
-  "col-sm-11": "col-sm-11__1756daf2",
-  "col-sm-12": "col-sm-12__d69988a9",
-  "offset-sm-0": "offset-sm-0__8eb05b99",
-  "offset-sm-1": "offset-sm-1__be15a737",
-  "offset-sm-2": "offset-sm-2__79d08190",
-  "offset-sm-3": "offset-sm-3__3a887311",
-  "offset-sm-4": "offset-sm-4__987d0f98",
-  "offset-sm-5": "offset-sm-5__1d393922",
-  "offset-sm-6": "offset-sm-6__6fd48802",
-  "offset-sm-7": "offset-sm-7__79801a54",
-  "offset-sm-8": "offset-sm-8__ae9b75e7",
-  "offset-sm-9": "offset-sm-9__c8c80b1c",
-  "offset-sm-10": "offset-sm-10__3410a2ba",
-  "offset-sm-11": "offset-sm-11__98d834fa",
-  "d-none-sm": "d-none-sm__12470663",
-  "d-block-sm": "d-block-sm__97ea999c",
-  "col-md-1": "col-md-1__14e1ca35",
-  "col-md-2": "col-md-2__3ac2c8ba",
-  "col-md-3": "col-md-3__9780ad47",
-  "col-md-4": "col-md-4__70f3085d",
-  "col-md-5": "col-md-5__ad212ec9",
-  "col-md-6": "col-md-6__dbe6265c",
-  "col-md-7": "col-md-7__445bc850",
-  "col-md-8": "col-md-8__7c59f934",
-  "col-md-9": "col-md-9__742b06b8",
-  "col-md-10": "col-md-10__0098ee0f",
-  "col-md-11": "col-md-11__32f1005f",
-  "col-md-12": "col-md-12__fab57327",
-  "offset-md-0": "offset-md-0__b6dff895",
-  "offset-md-1": "offset-md-1__06f5cacb",
-  "offset-md-2": "offset-md-2__94fe7838",
-  "offset-md-3": "offset-md-3__c257235e",
-  "offset-md-4": "offset-md-4__7b42dd3e",
-  "offset-md-5": "offset-md-5__578cad89",
-  "offset-md-6": "offset-md-6__3a6d3c32",
-  "offset-md-7": "offset-md-7__69f35669",
-  "offset-md-8": "offset-md-8__0f4b5ec9",
-  "offset-md-9": "offset-md-9__6fa8de9b",
-  "offset-md-10": "offset-md-10__54753711",
-  "offset-md-11": "offset-md-11__83f3f417",
-  "d-none-md": "d-none-md__8cff6b29",
-  "d-block-md": "d-block-md__2bddd1a2",
-  "col-lg-1": "col-lg-1__d6e9445a",
-  "col-lg-2": "col-lg-2__5adff67c",
-  "col-lg-3": "col-lg-3__3c3c1c06",
-  "col-lg-4": "col-lg-4__25ff3f15",
-  "col-lg-5": "col-lg-5__53307ce3",
-  "col-lg-6": "col-lg-6__28653097",
-  "col-lg-7": "col-lg-7__8f46e867",
-  "col-lg-8": "col-lg-8__99466f94",
-  "col-lg-9": "col-lg-9__73cd7101",
-  "col-lg-10": "col-lg-10__c626646c",
-  "col-lg-11": "col-lg-11__4f50cb09",
-  "col-lg-12": "col-lg-12__4da1adb5",
-  "offset-lg-0": "offset-lg-0__9f82352b",
-  "offset-lg-1": "offset-lg-1__e9a839d5",
-  "offset-lg-2": "offset-lg-2__834712b3",
-  "offset-lg-3": "offset-lg-3__0d845e25",
-  "offset-lg-4": "offset-lg-4__b10f6ce0",
-  "offset-lg-5": "offset-lg-5__f8786050",
-  "offset-lg-6": "offset-lg-6__5e916b07",
-  "offset-lg-7": "offset-lg-7__f41d9fdb",
-  "offset-lg-8": "offset-lg-8__93634b63",
-  "offset-lg-9": "offset-lg-9__3cbdaaf8",
-  "offset-lg-10": "offset-lg-10__4e50e08f",
-  "offset-lg-11": "offset-lg-11__78d97a7a",
-  "d-none-lg": "d-none-lg__44100db2",
-  "d-block-lg": "d-block-lg__e743c0bb",
-  "col-xl-1": "col-xl-1__46b34111",
-  "col-xl-2": "col-xl-2__fca5076b",
-  "col-xl-3": "col-xl-3__f2cfffd8",
-  "col-xl-4": "col-xl-4__a064d3ec",
-  "col-xl-5": "col-xl-5__428af0a5",
-  "col-xl-6": "col-xl-6__0735368a",
-  "col-xl-7": "col-xl-7__5a5e4003",
-  "col-xl-8": "col-xl-8__4f7ed6e9",
-  "col-xl-9": "col-xl-9__ab1cf787",
-  "col-xl-10": "col-xl-10__ec7aa61b",
-  "col-xl-11": "col-xl-11__67ceb40e",
-  "col-xl-12": "col-xl-12__b95da519",
-  "offset-xl-0": "offset-xl-0__0eca80e3",
-  "offset-xl-1": "offset-xl-1__6aee5d4d",
-  "offset-xl-2": "offset-xl-2__8a6ff53f",
-  "offset-xl-3": "offset-xl-3__fb706de6",
-  "offset-xl-4": "offset-xl-4__00ab1b77",
-  "offset-xl-5": "offset-xl-5__125c748a",
-  "offset-xl-6": "offset-xl-6__0e75ff70",
-  "offset-xl-7": "offset-xl-7__e315199a",
-  "offset-xl-8": "offset-xl-8__a8935879",
-  "offset-xl-9": "offset-xl-9__49b0f0ff",
-  "offset-xl-10": "offset-xl-10__d13a56c0",
-  "offset-xl-11": "offset-xl-11__0b30fe18",
-  "d-none-xl": "d-none-xl__85e0a86c",
-  "d-block-xl": "d-block-xl__2a8fdc76"
+  "col-1": "col-1__d13b583c",
+  "col-2": "col-2__97ccff22",
+  "col-3": "col-3__814ad076",
+  "col-4": "col-4__eaadbaf3",
+  "col-5": "col-5__a9c2c644",
+  "col-6": "col-6__28cf35c5",
+  "col-7": "col-7__ab3a376b",
+  "col-8": "col-8__940f4b3e",
+  "col-9": "col-9__632eeecf",
+  "col-10": "col-10__59727669",
+  "col-11": "col-11__a377f914",
+  "col-12": "col-12__fca68d35",
+  "offset-0": "offset-0__d55b2c66",
+  "offset-1": "offset-1__c80ce80d",
+  "offset-2": "offset-2__521d6e3c",
+  "offset-3": "offset-3__c818dcea",
+  "offset-4": "offset-4__1cdb24a4",
+  "offset-5": "offset-5__8e63dacf",
+  "offset-6": "offset-6__d41e837c",
+  "offset-7": "offset-7__2c034184",
+  "offset-8": "offset-8__89230e2a",
+  "offset-9": "offset-9__8bd102c4",
+  "offset-10": "offset-10__2306662b",
+  "offset-11": "offset-11__9910e5b7",
+  "d-none": "d-none__6b2fa208",
+  "d-block": "d-block__df4948f5",
+  "col-sm-1": "col-sm-1__693c639b",
+  "col-sm-2": "col-sm-2__5ceb7975",
+  "col-sm-3": "col-sm-3__cf892ef1",
+  "col-sm-4": "col-sm-4__573c4e0b",
+  "col-sm-5": "col-sm-5__df9cd8c1",
+  "col-sm-6": "col-sm-6__94ef54d5",
+  "col-sm-7": "col-sm-7__6c3e274d",
+  "col-sm-8": "col-sm-8__0309d1d4",
+  "col-sm-9": "col-sm-9__b6d95a31",
+  "col-sm-10": "col-sm-10__26aecd34",
+  "col-sm-11": "col-sm-11__f40aabe3",
+  "col-sm-12": "col-sm-12__86f35110",
+  "offset-sm-0": "offset-sm-0__c76f76db",
+  "offset-sm-1": "offset-sm-1__5478bdc6",
+  "offset-sm-2": "offset-sm-2__098bdd21",
+  "offset-sm-3": "offset-sm-3__70b4b29b",
+  "offset-sm-4": "offset-sm-4__27dd29c9",
+  "offset-sm-5": "offset-sm-5__6a3cdfac",
+  "offset-sm-6": "offset-sm-6__4e040028",
+  "offset-sm-7": "offset-sm-7__43a5310a",
+  "offset-sm-8": "offset-sm-8__30076dbd",
+  "offset-sm-9": "offset-sm-9__d7b7da31",
+  "offset-sm-10": "offset-sm-10__2d2c2049",
+  "offset-sm-11": "offset-sm-11__1628bbed",
+  "d-none-sm": "d-none-sm__bcfa1413",
+  "d-block-sm": "d-block-sm__efcb2dc9",
+  "col-md-1": "col-md-1__fea99a93",
+  "col-md-2": "col-md-2__01bcff83",
+  "col-md-3": "col-md-3__4e122d68",
+  "col-md-4": "col-md-4__2594a4a2",
+  "col-md-5": "col-md-5__3d04e065",
+  "col-md-6": "col-md-6__4a2f4579",
+  "col-md-7": "col-md-7__f203ea6e",
+  "col-md-8": "col-md-8__423a81d1",
+  "col-md-9": "col-md-9__3eea48fb",
+  "col-md-10": "col-md-10__da2a6ce0",
+  "col-md-11": "col-md-11__f393b3a0",
+  "col-md-12": "col-md-12__e4791647",
+  "offset-md-0": "offset-md-0__28ba3cd8",
+  "offset-md-1": "offset-md-1__812654c3",
+  "offset-md-2": "offset-md-2__59eaea29",
+  "offset-md-3": "offset-md-3__b42d30dd",
+  "offset-md-4": "offset-md-4__dddf65b3",
+  "offset-md-5": "offset-md-5__f78dd637",
+  "offset-md-6": "offset-md-6__69e252c4",
+  "offset-md-7": "offset-md-7__a9b409ea",
+  "offset-md-8": "offset-md-8__7ae36a03",
+  "offset-md-9": "offset-md-9__073fb87e",
+  "offset-md-10": "offset-md-10__e4c384e2",
+  "offset-md-11": "offset-md-11__4702a8b7",
+  "d-none-md": "d-none-md__f76394ca",
+  "d-block-md": "d-block-md__6f7ab7af",
+  "col-lg-1": "col-lg-1__f21cef1b",
+  "col-lg-2": "col-lg-2__49dda90b",
+  "col-lg-3": "col-lg-3__eed91629",
+  "col-lg-4": "col-lg-4__7e586722",
+  "col-lg-5": "col-lg-5__9e33d11d",
+  "col-lg-6": "col-lg-6__8d1e1733",
+  "col-lg-7": "col-lg-7__1042adc6",
+  "col-lg-8": "col-lg-8__3c299a4d",
+  "col-lg-9": "col-lg-9__28a1a29e",
+  "col-lg-10": "col-lg-10__4f633423",
+  "col-lg-11": "col-lg-11__097a9409",
+  "col-lg-12": "col-lg-12__f2704ef7",
+  "offset-lg-0": "offset-lg-0__5f524fe8",
+  "offset-lg-1": "offset-lg-1__0212297e",
+  "offset-lg-2": "offset-lg-2__0d7269ef",
+  "offset-lg-3": "offset-lg-3__954bd9df",
+  "offset-lg-4": "offset-lg-4__cf9fe750",
+  "offset-lg-5": "offset-lg-5__35cc7808",
+  "offset-lg-6": "offset-lg-6__d6afefb9",
+  "offset-lg-7": "offset-lg-7__fba59708",
+  "offset-lg-8": "offset-lg-8__23fac18c",
+  "offset-lg-9": "offset-lg-9__ff2feab3",
+  "offset-lg-10": "offset-lg-10__8d728d05",
+  "offset-lg-11": "offset-lg-11__c9d5544a",
+  "d-none-lg": "d-none-lg__299f25d4",
+  "d-block-lg": "d-block-lg__f74121b9",
+  "col-xl-1": "col-xl-1__10ef51e8",
+  "col-xl-2": "col-xl-2__ddc6ec7c",
+  "col-xl-3": "col-xl-3__c5dffb73",
+  "col-xl-4": "col-xl-4__fa19e0fc",
+  "col-xl-5": "col-xl-5__a4a8817f",
+  "col-xl-6": "col-xl-6__431bec36",
+  "col-xl-7": "col-xl-7__bbb9cfaa",
+  "col-xl-8": "col-xl-8__f2035654",
+  "col-xl-9": "col-xl-9__ffac4df4",
+  "col-xl-10": "col-xl-10__61eb01d8",
+  "col-xl-11": "col-xl-11__3c07d30c",
+  "col-xl-12": "col-xl-12__f984f06c",
+  "offset-xl-0": "offset-xl-0__51484700",
+  "offset-xl-1": "offset-xl-1__1f55e93e",
+  "offset-xl-2": "offset-xl-2__065fbc44",
+  "offset-xl-3": "offset-xl-3__f9a14bfd",
+  "offset-xl-4": "offset-xl-4__19373d66",
+  "offset-xl-5": "offset-xl-5__6f989e63",
+  "offset-xl-6": "offset-xl-6__fd4a3644",
+  "offset-xl-7": "offset-xl-7__c40ff428",
+  "offset-xl-8": "offset-xl-8__9065653a",
+  "offset-xl-9": "offset-xl-9__7cf930c4",
+  "offset-xl-10": "offset-xl-10__06c52863",
+  "offset-xl-11": "offset-xl-11__6981f600",
+  "d-none-xl": "d-none-xl__049271b3",
+  "d-block-xl": "d-block-xl__b5e98132"
 };
 const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.gridHorizontalGapSM,

package/components/CollapsibleTree/CollapsibleTree.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__9c6c5d8f";
+const collapsibleTree = "collapsibleTree__06ad754a";
 const styles = {
   collapsibleTree
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__39ff3aba";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__f1877421";
 const styles = {
   collapsibleTreeLeafContent
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeLeafContent } from "./CollapsibleTreeLeafContent.js";
-import { y as noop } from "../../../chunks/vendor-CtuAQuEN.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__2db97007";
+import { z as noop } from "../../../chunks/vendor-D4wvHis9.js";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__9a751110";
 const styles = {
   collapsibleTreeLeafNode
 };

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__8b252d6e";
-const interactive = "interactive__2e6984a1";
-const chevron = "chevron__b06c5b90";
-const opened = "opened__e91b22ae";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__e202a8c3";
+const interactive = "interactive__d606cfc1";
+const chevron = "chevron__c919b46d";
+const opened = "opened__04cb1980";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -5,8 +5,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__4cc8d1de";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__f25c97d1";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { ConfirmClose } from "./components/ConfirmClose.js";
 import { ConfirmContent } from "./components/ConfirmContent.js";
 import { ConfirmControls } from "./components/ConfirmControls.js";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Island } from "../Island/Island.js";
 import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent } from "./enums.js";
-import { s as styles } from "../../chunks/Confirm.module-Cpg9tBFI.js";
+import { s as styles } from "../../chunks/Confirm.module-fkOpZSTz.js";
 const parentComponentToClassNameMap = {
   [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
   [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/Confirm.module-Cpg9tBFI.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/Confirm.module-fkOpZSTz.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/Confirm.module-Cpg9tBFI.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/Confirm.module-fkOpZSTz.js";
 const ConfirmContent = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmContent), ...htmlDivAttributes, children });
 ConfirmContent.displayName = "ConfirmContent";
 ConfirmContent.Title = ConfirmContentTitle;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/Confirm.module-Cpg9tBFI.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/Confirm.module-fkOpZSTz.js";
 const ConfirmContentTitle = ({
   children,
   className,

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/Confirm.module-Cpg9tBFI.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/Confirm.module-fkOpZSTz.js";
 const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
 ConfirmControls.displayName = "ConfirmControls";
 export {

package/components/DateField/DateField.js

@@ -30,7 +30,7 @@ const DateField = React__default.forwardRef((props, ref) => {
     onDropdownClose,
     invalidDateHint,
     targetProps,
-    ...rest
+    ...restProps
   } = props;
   const [pickerValues, setPickerValues] = useState(
     DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays)
@@ -157,7 +157,7 @@ const DateField = React__default.forwardRef((props, ref) => {
       onDropdownOpen: handleDropdownOpen,
       onDropdownClose: handleDropdownClose,
       onDateChange: handleDateChange,
-      ...rest,
+      ...restProps,
       ref: setRef
     }
   );

package/components/DateField/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sources":["../../../src/components/DateField/DateField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"./types\";\nimport { DatePickerExtended } from \"../DatePickerExtended/DatePickerExtended\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { DateFieldUtils } from \"./utils\";\nimport { DateFieldTarget } from \"./DateFieldTarget\";\nimport { inputDateFormat } from \"./constants\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { DropdownMobileMaskedInput } from \"../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { FormFieldMaskedInput } from \"../FormField/components/FormFieldMaskedInput\";\n\n/** Компонент ввода и выбора даты. */\nexport const DateField = React.forwardRef<HTMLDivElement, IDateFieldProps>((props, ref) => {\n    const {\n        size,\n        status,\n        value,\n        label,\n        placeholderMask,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledby,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        onChange,\n        onClear,\n        onDropdownOpen,\n        onDropdownClose,\n        invalidDateHint,\n        targetProps,\n        ...rest\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const tooltipTargetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownTargetRef = useRef<HTMLDivElement | null>(null);\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const inputFocusedRef = useRef(false);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n    const tooltipOpened = useRef(false);\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        lastValidPickerValuesRef.current = newPickerValues;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        tooltipTargetRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    /** Рендер-функция управляющего элемента. */\n    const renderTarget = () => {\n        const { maskedInputProps, ...restTargetProps } = targetProps || {};\n        const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};\n\n        return (\n            <DateFieldContext.Provider value={{ inputFocusedRef, onChange, triggerChangeFromInput }}>\n                <DateFieldTarget\n                    size={size}\n                    status={status}\n                    label={label}\n                    onClear={onClear}\n                    maskedInputProps={{\n                        value: pickerValues.inputString,\n                        mask: FormFieldMaskedInput.presets.masks.date,\n                        placeholderMask,\n                        \"aria-label\": ariaLabel,\n                        \"aria-labelledby\": ariaLabelledby,\n                        onChange: (event) => {\n                            handleInputChange(event);\n                            onInputChange?.(event);\n                        },\n                        ...restMaskedInputProps,\n                    }}\n                    {...restTargetProps}\n                    ref={dropdownTargetRef}\n                />\n            </DateFieldContext.Provider>\n        );\n    };\n\n    /** Рендер-функция управляющего элемента в заголовке DropdownMobile. */\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileMaskedInput\n            value={pickerValues.inputString}\n            mask={DropdownMobileMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    /** Обработчик изменения значения DatePickerTargetInput. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n\n            tooltipOpened.current = !date;\n        } else {\n            tooltipOpened.current = false;\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    /** Триггер изменения значения из поля ввода. */\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        // Текущее значение в поле невалидно, возвращаем последнее валидное.\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            tooltipOpened.current = false;\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    /** Обработчик открытия Dropdown. */\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    /** Обработчик закрытия Dropdown. */\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (\n            !inputFocusedRef.current &&\n            pickerValues.inputString !== lastValidPickerValuesRef.current.inputString\n        ) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    /** Обработчик изменения даты. */\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n        tooltipOpened.current = false;\n\n        onChange(date.format(format));\n    };\n\n    const renderDatePickerExtended = () => (\n        <DatePickerExtended\n            dropdownTargetRef={dropdownTargetRef}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            format={format}\n            limitRange={limitRange}\n            disabledDays={disabledDays}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            {...rest}\n            ref={setRef}\n        />\n    );\n\n    return (\n        <MobileView\n            fallback={\n                <Tooltip targetRef={tooltipTargetRef} size={ETooltipSize.SM} isOpen={tooltipOpened.current}>\n                    <Tooltip.Body>{invalidDateHint}</Tooltip.Body>\n                    <Tooltip.Target>{renderDatePickerExtended()}</Tooltip.Target>\n                </Tooltip>\n            }\n        >\n            {renderDatePickerExtended()}\n        </MobileView>\n    );\n});\n\nDateField.displayName = \"DateField\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DateField.js","sources":["../../../src/components/DateField/DateField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"./types\";\nimport { DatePickerExtended } from \"../DatePickerExtended/DatePickerExtended\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { DateFieldUtils } from \"./utils\";\nimport { DateFieldTarget } from \"./DateFieldTarget\";\nimport { inputDateFormat } from \"./constants\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { DropdownMobileMaskedInput } from \"../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { FormFieldMaskedInput } from \"../FormField/components/FormFieldMaskedInput\";\n\n/** Компонент ввода и выбора даты. */\nexport const DateField = React.forwardRef<HTMLDivElement, IDateFieldProps>((props, ref) => {\n    const {\n        size,\n        status,\n        value,\n        label,\n        placeholderMask,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledby,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        onChange,\n        onClear,\n        onDropdownOpen,\n        onDropdownClose,\n        invalidDateHint,\n        targetProps,\n        ...restProps\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const tooltipTargetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownTargetRef = useRef<HTMLDivElement | null>(null);\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const inputFocusedRef = useRef(false);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n    const tooltipOpened = useRef(false);\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        lastValidPickerValuesRef.current = newPickerValues;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        tooltipTargetRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    /** Рендер-функция управляющего элемента. */\n    const renderTarget = () => {\n        const { maskedInputProps, ...restTargetProps } = targetProps || {};\n        const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};\n\n        return (\n            <DateFieldContext.Provider value={{ inputFocusedRef, onChange, triggerChangeFromInput }}>\n                <DateFieldTarget\n                    size={size}\n                    status={status}\n                    label={label}\n                    onClear={onClear}\n                    maskedInputProps={{\n                        value: pickerValues.inputString,\n                        mask: FormFieldMaskedInput.presets.masks.date,\n                        placeholderMask,\n                        \"aria-label\": ariaLabel,\n                        \"aria-labelledby\": ariaLabelledby,\n                        onChange: (event) => {\n                            handleInputChange(event);\n                            onInputChange?.(event);\n                        },\n                        ...restMaskedInputProps,\n                    }}\n                    {...restTargetProps}\n                    ref={dropdownTargetRef}\n                />\n            </DateFieldContext.Provider>\n        );\n    };\n\n    /** Рендер-функция управляющего элемента в заголовке DropdownMobile. */\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileMaskedInput\n            value={pickerValues.inputString}\n            mask={DropdownMobileMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    /** Обработчик изменения значения DatePickerTargetInput. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n\n            tooltipOpened.current = !date;\n        } else {\n            tooltipOpened.current = false;\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    /** Триггер изменения значения из поля ввода. */\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        // Текущее значение в поле невалидно, возвращаем последнее валидное.\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            tooltipOpened.current = false;\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    /** Обработчик открытия Dropdown. */\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    /** Обработчик закрытия Dropdown. */\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (\n            !inputFocusedRef.current &&\n            pickerValues.inputString !== lastValidPickerValuesRef.current.inputString\n        ) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    /** Обработчик изменения даты. */\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n        tooltipOpened.current = false;\n\n        onChange(date.format(format));\n    };\n\n    const renderDatePickerExtended = () => (\n        <DatePickerExtended\n            dropdownTargetRef={dropdownTargetRef}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            format={format}\n            limitRange={limitRange}\n            disabledDays={disabledDays}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            {...restProps}\n            ref={setRef}\n        />\n    );\n\n    return (\n        <MobileView\n            fallback={\n                <Tooltip targetRef={tooltipTargetRef} size={ETooltipSize.SM} isOpen={tooltipOpened.current}>\n                    <Tooltip.Body>{invalidDateHint}</Tooltip.Body>\n                    <Tooltip.Target>{renderDatePickerExtended()}</Tooltip.Target>\n                </Tooltip>\n            }\n        >\n            {renderDatePickerExtended()}\n        </MobileView>\n    );\n});\n\nDateField.displayName = \"DateField\";\n"],"names":["React"],"mappings":"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"}

package/components/DateField/DateFieldTarget.js

@@ -1,26 +1,44 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { DateFieldContext } from "./DateFieldContext.js";
 import { MaskedField } from "../TextField/MaskedField.js";
 import { FormFieldClear } from "../FormField/components/FormFieldClear.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
+import "../MobileView/MobileView.js";
 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 sizeToCalendarIconMap = {
+const dateFieldTarget = "dateFieldTarget__71f53b32";
+const minWidthSM = "minWidthSM__df71c96c";
+const minWidthMD = "minWidthMD__e8e3e536";
+const minWidthLG = "minWidthLG__b7b3c306";
+const styles = {
+  dateFieldTarget,
+  minWidthSM,
+  minWidthMD,
+  minWidthLG
+};
+const SIZE_TO_INPUT_CLASS_NAME_MAP = {
+  [EComponentSize.SM]: styles.minWidthSM,
+  [EComponentSize.MD]: styles.minWidthMD,
+  [EComponentSize.LG]: styles.minWidthLG
+};
+const SIZE_TO_CALENDAR_ICON_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon16, { paletteIndex: 5 }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon20, { paletteIndex: 5 }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon24, { paletteIndex: 5 })
 };
 const DateFieldTarget = React__default.forwardRef(
-  ({ size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {
+  ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {
     const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);
     const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);
     const { status } = restProps;
     const {
+      className: inputClassName,
       onFocus: onInputFocus,
       onBlur: onInputBlur,
       onKeyDown: onInputKeyDown,
@@ -61,15 +79,17 @@ const DateFieldTarget = React__default.forwardRef(
     const handleButtonClick = () => setDropdownOpen(!dropdownOpen);
     const renderPostfixContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
       onClear && /* @__PURE__ */ jsx(FormFieldClear, { onClick: onClear }),
-      /* @__PURE__ */ jsx(ButtonIcon, { active: dropdownOpen, disabled, onClick: handleButtonClick, children: sizeToCalendarIconMap[size] }),
+      /* @__PURE__ */ jsx(ButtonIcon, { active: dropdownOpen, disabled, onClick: handleButtonClick, children: SIZE_TO_CALENDAR_ICON_MAP[size] }),
       postfix
     ] });
     return /* @__PURE__ */ jsx(
       MaskedField,
       {
+        className: clsx(styles.dateFieldTarget, className),
         size,
         maskedInputProps: {
           ...restInputProps,
+          className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),
           disabled,
           onFocus: handleInputFocus,
           onBlur: handleInputBlur,

package/components/DateField/DateFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../TextField/MaskedField\";\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 { IDateFieldTargetProps } from \"./types\";\n\n/** Соответствие размера иконке календаря. */\nconst sizeToCalendarIconMap = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\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\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {sizeToCalendarIconMap[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    disabled: disabled,\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAcA,MAAM,wBAAwB;AAAA,EAC1B,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,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AACrF,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,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;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,sBAAsB,IAAI,EAAA,CAC/B;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH;AAAA,UACA,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,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":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.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 { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../TextField/MaskedField\";\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 { IDateFieldTargetProps } from \"./types\";\nimport styles from \"./styles/DateFieldTarget.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 DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\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\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                className={clsx(styles.dateFieldTarget, className)}\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    disabled: disabled,\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,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,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AAChG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,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;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,0BAA0B,IAAI,EAAA,CACnC;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,QACjD;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE;AAAA,UACA,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}