npm - @sberbusiness/triplex-next - Versions diffs - 0.26.0 → 0.27.0 - Mend

@sberbusiness/triplex-next 0.26.0 → 0.27.0

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

Files changed (412) hide show

package/components/Col/Col.js CHANGED Viewed

@@ -1,136 +1,136 @@
 import { jsx as v } from "react/jsx-runtime";
 import { c as j } from "../../chunks/vendor---Om3uMV.js";
 const A = {
-  "col-1": "col-1__bb817117",
-  "col-2": "col-2__7bafd85c",
-  "col-3": "col-3__0d06dd7d",
-  "col-4": "col-4__0534329b",
-  "col-5": "col-5__9e030f1d",
-  "col-6": "col-6__cf1ea37d",
-  "col-7": "col-7__ed3349a1",
-  "col-8": "col-8__01bac1f8",
-  "col-9": "col-9__7957d3b0",
-  "col-10": "col-10__7a847f60",
-  "col-11": "col-11__61b04152",
-  "col-12": "col-12__54f4a399",
-  "offset-0": "offset-0__e5bb633b",
-  "offset-1": "offset-1__52c47123",
-  "offset-2": "offset-2__97d439c7",
-  "offset-3": "offset-3__857b2a16",
-  "offset-4": "offset-4__0fef8025",
-  "offset-5": "offset-5__bb0cbcef",
-  "offset-6": "offset-6__5c3f0ae9",
-  "offset-7": "offset-7__d87c0611",
-  "offset-8": "offset-8__465ebe76",
-  "offset-9": "offset-9__b44115ec",
-  "offset-10": "offset-10__2adb9351",
-  "offset-11": "offset-11__4b2f2c05",
-  "d-none": "d-none__9fed1384",
-  "d-block": "d-block__3d83a703",
-  "col-sm-1": "col-sm-1__ec78d775",
-  "col-sm-2": "col-sm-2__d2f251c6",
-  "col-sm-3": "col-sm-3__f5d882bc",
-  "col-sm-4": "col-sm-4__4778b291",
-  "col-sm-5": "col-sm-5__78e06aaf",
-  "col-sm-6": "col-sm-6__48181e7d",
-  "col-sm-7": "col-sm-7__8b0e8b46",
-  "col-sm-8": "col-sm-8__f5da2ed7",
-  "col-sm-9": "col-sm-9__5f878f78",
-  "col-sm-10": "col-sm-10__5ca69063",
-  "col-sm-11": "col-sm-11__65ca0b4e",
-  "col-sm-12": "col-sm-12__3d78cc4c",
-  "offset-sm-0": "offset-sm-0__ee794d77",
-  "offset-sm-1": "offset-sm-1__005ed7b7",
-  "offset-sm-2": "offset-sm-2__7b3b37b7",
-  "offset-sm-3": "offset-sm-3__f5cc1ea5",
-  "offset-sm-4": "offset-sm-4__1e39b9fb",
-  "offset-sm-5": "offset-sm-5__e3f101ce",
-  "offset-sm-6": "offset-sm-6__5fcd847d",
-  "offset-sm-7": "offset-sm-7__a961d5df",
-  "offset-sm-8": "offset-sm-8__786d4111",
-  "offset-sm-9": "offset-sm-9__438b2465",
-  "offset-sm-10": "offset-sm-10__7ed4a7ce",
-  "offset-sm-11": "offset-sm-11__7af237f9",
-  "d-none-sm": "d-none-sm__2197fc47",
-  "d-block-sm": "d-block-sm__84ea2e88",
-  "col-md-1": "col-md-1__864040fd",
-  "col-md-2": "col-md-2__74caff79",
-  "col-md-3": "col-md-3__f1263414",
-  "col-md-4": "col-md-4__d34dff38",
-  "col-md-5": "col-md-5__b97e6438",
-  "col-md-6": "col-md-6__635d51a9",
-  "col-md-7": "col-md-7__4b7942dc",
-  "col-md-8": "col-md-8__35a46f4e",
-  "col-md-9": "col-md-9__d4365af1",
-  "col-md-10": "col-md-10__d5fa25fd",
-  "col-md-11": "col-md-11__4d8a900f",
-  "col-md-12": "col-md-12__7b0ef6a9",
-  "offset-md-0": "offset-md-0__1f9ca60a",
-  "offset-md-1": "offset-md-1__00dc2887",
-  "offset-md-2": "offset-md-2__3ab77685",
-  "offset-md-3": "offset-md-3__0ff45c8a",
-  "offset-md-4": "offset-md-4__bfae54cb",
-  "offset-md-5": "offset-md-5__e59fdcdd",
-  "offset-md-6": "offset-md-6__1ba76be3",
-  "offset-md-7": "offset-md-7__c055ab52",
-  "offset-md-8": "offset-md-8__e395747a",
-  "offset-md-9": "offset-md-9__a0a15a91",
-  "offset-md-10": "offset-md-10__a5752fff",
-  "offset-md-11": "offset-md-11__8c14a24f",
-  "d-none-md": "d-none-md__bd2caa32",
-  "d-block-md": "d-block-md__4e55c31a",
-  "col-lg-1": "col-lg-1__bc5358c4",
-  "col-lg-2": "col-lg-2__f91bb4e4",
-  "col-lg-3": "col-lg-3__459b9846",
-  "col-lg-4": "col-lg-4__41db9c5d",
-  "col-lg-5": "col-lg-5__6fdc8d56",
-  "col-lg-6": "col-lg-6__fe9f8fe9",
-  "col-lg-7": "col-lg-7__3d44e31d",
-  "col-lg-8": "col-lg-8__c094d89e",
-  "col-lg-9": "col-lg-9__f8ae5d12",
-  "col-lg-10": "col-lg-10__1208337f",
-  "col-lg-11": "col-lg-11__e3a51f8a",
-  "col-lg-12": "col-lg-12__98215555",
-  "offset-lg-0": "offset-lg-0__45982751",
-  "offset-lg-1": "offset-lg-1__2b959abf",
-  "offset-lg-2": "offset-lg-2__03ac7367",
-  "offset-lg-3": "offset-lg-3__7323e702",
-  "offset-lg-4": "offset-lg-4__30937c24",
-  "offset-lg-5": "offset-lg-5__ce834153",
-  "offset-lg-6": "offset-lg-6__9f12a314",
-  "offset-lg-7": "offset-lg-7__f314236c",
-  "offset-lg-8": "offset-lg-8__56e6f6bf",
-  "offset-lg-9": "offset-lg-9__50364321",
-  "offset-lg-10": "offset-lg-10__1d91b657",
-  "offset-lg-11": "offset-lg-11__4669bd3a",
-  "d-none-lg": "d-none-lg__063574f3",
-  "d-block-lg": "d-block-lg__572a35af",
-  "col-xl-1": "col-xl-1__f6eea5ec",
-  "col-xl-2": "col-xl-2__6a394563",
-  "col-xl-3": "col-xl-3__2b1ad7b1",
-  "col-xl-4": "col-xl-4__1f6b1058",
-  "col-xl-5": "col-xl-5__d797504b",
-  "col-xl-6": "col-xl-6__d9d1d615",
-  "col-xl-7": "col-xl-7__5393a104",
-  "col-xl-8": "col-xl-8__e067f43c",
-  "col-xl-9": "col-xl-9__3f5b85ff",
-  "col-xl-10": "col-xl-10__c322861e",
-  "col-xl-11": "col-xl-11__77884fe8",
-  "col-xl-12": "col-xl-12__8a49d86a",
-  "offset-xl-0": "offset-xl-0__5994f74f",
-  "offset-xl-1": "offset-xl-1__473fac4e",
-  "offset-xl-2": "offset-xl-2__6ff5d1fc",
-  "offset-xl-3": "offset-xl-3__ddf85791",
-  "offset-xl-4": "offset-xl-4__dbe491e8",
-  "offset-xl-5": "offset-xl-5__fb90b241",
-  "offset-xl-6": "offset-xl-6__a1550bad",
-  "offset-xl-7": "offset-xl-7__16637d32",
-  "offset-xl-8": "offset-xl-8__ff68a2cf",
-  "offset-xl-9": "offset-xl-9__94751e7d",
-  "offset-xl-10": "offset-xl-10__5e5d317a",
-  "offset-xl-11": "offset-xl-11__7295dff0",
-  "d-none-xl": "d-none-xl__9f5ef275",
-  "d-block-xl": "d-block-xl__7d49d133"
+  "col-1": "col-1__fe11bc84",
+  "col-2": "col-2__973a00b5",
+  "col-3": "col-3__ec95e494",
+  "col-4": "col-4__1444a566",
+  "col-5": "col-5__d120581b",
+  "col-6": "col-6__3927d588",
+  "col-7": "col-7__27f0d9f7",
+  "col-8": "col-8__f4814fbb",
+  "col-9": "col-9__ff1e090a",
+  "col-10": "col-10__b9ff1b42",
+  "col-11": "col-11__7647c977",
+  "col-12": "col-12__f69d81d3",
+  "offset-0": "offset-0__8044726f",
+  "offset-1": "offset-1__f1b42ee2",
+  "offset-2": "offset-2__964f3d19",
+  "offset-3": "offset-3__8de5e988",
+  "offset-4": "offset-4__fc303b8e",
+  "offset-5": "offset-5__a006f14d",
+  "offset-6": "offset-6__0a7aae9a",
+  "offset-7": "offset-7__151dbb9c",
+  "offset-8": "offset-8__80111278",
+  "offset-9": "offset-9__81b017c3",
+  "offset-10": "offset-10__1f79acd5",
+  "offset-11": "offset-11__b125ae06",
+  "d-none": "d-none__c988aafb",
+  "d-block": "d-block__c54cc864",
+  "col-sm-1": "col-sm-1__c0edfcb7",
+  "col-sm-2": "col-sm-2__65bc60ec",
+  "col-sm-3": "col-sm-3__babc041c",
+  "col-sm-4": "col-sm-4__b10fcac2",
+  "col-sm-5": "col-sm-5__1c9a0dd8",
+  "col-sm-6": "col-sm-6__9ee9f0e6",
+  "col-sm-7": "col-sm-7__16edf49d",
+  "col-sm-8": "col-sm-8__d115bd4d",
+  "col-sm-9": "col-sm-9__1194d0d9",
+  "col-sm-10": "col-sm-10__a469e8cc",
+  "col-sm-11": "col-sm-11__eb6dd363",
+  "col-sm-12": "col-sm-12__f84b35d0",
+  "offset-sm-0": "offset-sm-0__d54d53e6",
+  "offset-sm-1": "offset-sm-1__45217ac8",
+  "offset-sm-2": "offset-sm-2__efa5d7bf",
+  "offset-sm-3": "offset-sm-3__2c30cdea",
+  "offset-sm-4": "offset-sm-4__4b0d6bb6",
+  "offset-sm-5": "offset-sm-5__a51e231a",
+  "offset-sm-6": "offset-sm-6__9c93809c",
+  "offset-sm-7": "offset-sm-7__2ce9076b",
+  "offset-sm-8": "offset-sm-8__c7c0d02e",
+  "offset-sm-9": "offset-sm-9__524c299b",
+  "offset-sm-10": "offset-sm-10__391a6bf4",
+  "offset-sm-11": "offset-sm-11__02406ea5",
+  "d-none-sm": "d-none-sm__4239f4ec",
+  "d-block-sm": "d-block-sm__d5820cd2",
+  "col-md-1": "col-md-1__d0a99b90",
+  "col-md-2": "col-md-2__235d486b",
+  "col-md-3": "col-md-3__c34a7d66",
+  "col-md-4": "col-md-4__8938402d",
+  "col-md-5": "col-md-5__6a19d38d",
+  "col-md-6": "col-md-6__6959134e",
+  "col-md-7": "col-md-7__0d7013cb",
+  "col-md-8": "col-md-8__903437c6",
+  "col-md-9": "col-md-9__84f3ba19",
+  "col-md-10": "col-md-10__577c02e6",
+  "col-md-11": "col-md-11__b9d2ec4f",
+  "col-md-12": "col-md-12__7118ac0d",
+  "offset-md-0": "offset-md-0__2dba170e",
+  "offset-md-1": "offset-md-1__15113cb7",
+  "offset-md-2": "offset-md-2__40fdb775",
+  "offset-md-3": "offset-md-3__0d308582",
+  "offset-md-4": "offset-md-4__79ced70c",
+  "offset-md-5": "offset-md-5__a7619795",
+  "offset-md-6": "offset-md-6__591b77f1",
+  "offset-md-7": "offset-md-7__2c371149",
+  "offset-md-8": "offset-md-8__5fa3f7de",
+  "offset-md-9": "offset-md-9__e7a0250b",
+  "offset-md-10": "offset-md-10__09e08944",
+  "offset-md-11": "offset-md-11__b3de2323",
+  "d-none-md": "d-none-md__4f0927f3",
+  "d-block-md": "d-block-md__07df29e4",
+  "col-lg-1": "col-lg-1__ce9dd809",
+  "col-lg-2": "col-lg-2__b1e9bf3b",
+  "col-lg-3": "col-lg-3__13d903a0",
+  "col-lg-4": "col-lg-4__73df8db9",
+  "col-lg-5": "col-lg-5__363372f0",
+  "col-lg-6": "col-lg-6__af8c915b",
+  "col-lg-7": "col-lg-7__41e30115",
+  "col-lg-8": "col-lg-8__9dd7722b",
+  "col-lg-9": "col-lg-9__58628dff",
+  "col-lg-10": "col-lg-10__fe7558c2",
+  "col-lg-11": "col-lg-11__b6b81325",
+  "col-lg-12": "col-lg-12__06363fb0",
+  "offset-lg-0": "offset-lg-0__b8b374e0",
+  "offset-lg-1": "offset-lg-1__8bc59642",
+  "offset-lg-2": "offset-lg-2__15aa5a91",
+  "offset-lg-3": "offset-lg-3__9d71ecbf",
+  "offset-lg-4": "offset-lg-4__9708efbc",
+  "offset-lg-5": "offset-lg-5__e211c5c9",
+  "offset-lg-6": "offset-lg-6__266f81e1",
+  "offset-lg-7": "offset-lg-7__d24d1b64",
+  "offset-lg-8": "offset-lg-8__1c0ac2ba",
+  "offset-lg-9": "offset-lg-9__284435f4",
+  "offset-lg-10": "offset-lg-10__1dc94221",
+  "offset-lg-11": "offset-lg-11__6b6133fd",
+  "d-none-lg": "d-none-lg__43d9daf0",
+  "d-block-lg": "d-block-lg__63132d33",
+  "col-xl-1": "col-xl-1__96b582a9",
+  "col-xl-2": "col-xl-2__eb4d7c29",
+  "col-xl-3": "col-xl-3__426cd851",
+  "col-xl-4": "col-xl-4__dde4426b",
+  "col-xl-5": "col-xl-5__e6b98e57",
+  "col-xl-6": "col-xl-6__2316467d",
+  "col-xl-7": "col-xl-7__7e0bd4e3",
+  "col-xl-8": "col-xl-8__d78d2d9e",
+  "col-xl-9": "col-xl-9__8a0da086",
+  "col-xl-10": "col-xl-10__0b7e3343",
+  "col-xl-11": "col-xl-11__e82b219e",
+  "col-xl-12": "col-xl-12__26e7106b",
+  "offset-xl-0": "offset-xl-0__66387ff1",
+  "offset-xl-1": "offset-xl-1__818a1413",
+  "offset-xl-2": "offset-xl-2__aae116b6",
+  "offset-xl-3": "offset-xl-3__d68f111a",
+  "offset-xl-4": "offset-xl-4__590dd226",
+  "offset-xl-5": "offset-xl-5__bcb536c6",
+  "offset-xl-6": "offset-xl-6__cd28bf87",
+  "offset-xl-7": "offset-xl-7__4117f53b",
+  "offset-xl-8": "offset-xl-8__2738d22c",
+  "offset-xl-9": "offset-xl-9__4be8731a",
+  "offset-xl-10": "offset-xl-10__337e7592",
+  "offset-xl-11": "offset-xl-11__951e5a72",
+  "d-none-xl": "d-none-xl__302e8847",
+  "d-block-xl": "d-block-xl__099aca49"
 };
 function _({
   block: d,
@@ -152,8 +152,8 @@ const B = ({
   hiddenXl: s,
   block: c,
   blockSm: m,
-  blockMd: a,
-  blockLg: b,
+  blockMd: b,
+  blockLg: a,
   blockXl: x,
   size: g = 12,
   sizeSm: n,
@@ -170,8 +170,8 @@ const B = ({
   const y = [
     ..._({ block: c, hidden: l, offset: p, size: g }),
     ..._({ block: m, hidden: o, offset: u, prefix: "sm", size: n }),
-    ..._({ block: a, hidden: e, offset: h, prefix: "md", size: i }),
-    ..._({ block: b, hidden: f, offset: $, prefix: "lg", size: r }),
+    ..._({ block: b, hidden: e, offset: h, prefix: "md", size: i }),
+    ..._({ block: a, hidden: f, offset: $, prefix: "lg", size: r }),
     ..._({ block: x, hidden: s, offset: N, prefix: "xl", size: k })
   ].map((z) => A[z]).filter(Boolean);
   return /* @__PURE__ */ v("div", { ...C, className: j(t, ...y), children: d });

package/components/CollapsableTree/components/CollapsableTreeNode.js CHANGED Viewed

@@ -6,7 +6,7 @@ import f from "react";
 import { TreeView as g } from "../../TreeView/TreeView.js";
 import { AccordionBase as y } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as u } from "../../../chunks/vendor---Om3uMV.js";
-const T = "collapsableTreeNodeContent__d98c859c", B = {
+const T = "collapsableTreeNodeContent__7a654621", B = {
   collapsableTreeNodeContent: T
 };
 class b extends f.Component {

package/components/Confirm/Confirm.js CHANGED Viewed

@@ -9,7 +9,7 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent as o } from "./enums.js";
-import { s as r } from "../../chunks/Confirm.module-bXfHpEZY.js";
+import { s as r } from "../../chunks/Confirm.module-D5UicEEs.js";
 const d = {
   [o.LIGHTBOX]: r.isInLightBox,
   [o.SIDE_OVERLAY_SM]: r.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
 import { c as n } from "../../../chunks/vendor---Om3uMV.js";
-import { s as f } from "../../../chunks/Confirm.module-bXfHpEZY.js";
+import { s as f } from "../../../chunks/Confirm.module-D5UicEEs.js";
 import { Button as p } from "../../Button/Button.js";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as c } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { ConfirmContentSubTitle as r } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle as e } from "./ConfirmContentTitle.js";
 import { c as s } from "../../../chunks/vendor---Om3uMV.js";
-import { s as f } from "../../../chunks/Confirm.module-bXfHpEZY.js";
+import { s as f } from "../../../chunks/Confirm.module-D5UicEEs.js";
 const o = ({ children: t, className: m, ...i }) => /* @__PURE__ */ n("div", { className: s(m, f.confirmContent), ...i, children: t });
 o.displayName = "ConfirmContent";
 o.Title = e;

package/components/Confirm/components/ConfirmContentTitle.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { ETitleSize as e } from "../../Typography/enums.js";
 import { Title as s } from "../../Typography/Title.js";
 import { c as n } from "../../../chunks/vendor---Om3uMV.js";
-import { s as l } from "../../../chunks/Confirm.module-bXfHpEZY.js";
+import { s as l } from "../../../chunks/Confirm.module-D5UicEEs.js";
 const f = ({
   children: t,
   className: o,

package/components/Confirm/components/ConfirmControls.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as t } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/Confirm.module-bXfHpEZY.js";
+import { s as i } from "../../../chunks/Confirm.module-D5UicEEs.js";
 const l = ({ children: o, className: s, ...r }) => /* @__PURE__ */ m("div", { className: t(s, i.confirmControls), ...r, children: o });
 l.displayName = "ConfirmControls";
 export {

package/components/DateField/DateField.js CHANGED Viewed

@@ -1,28 +1,28 @@
-import { jsx as n, jsxs as K } from "react/jsx-runtime";
-import Q, { useState as W, useRef as l, useEffect as X } from "react";
+import { jsx as n, jsxs as Q } from "react/jsx-runtime";
+import W, { useState as X, useRef as l, useEffect as Z } from "react";
 import y from "moment";
-import { DatePickerExtended as Z } from "../DatePickerExtended/DatePickerExtended.js";
-import { dateFormatYYYYMMDD as _, globalLimitRange as $ } from "../../consts/DateConst.js";
+import { DatePickerExtended as _ } from "../DatePickerExtended/DatePickerExtended.js";
+import { dateFormatYYYYMMDD as $, globalLimitRange as ee } from "../../consts/DateConst.js";
 import { DateFieldUtils as m } from "./utils.js";
-import { DateFieldTarget as ee } from "./DateFieldTarget.js";
+import { DateFieldTarget as te } from "./DateFieldTarget.js";
 import { inputDateFormat as b } from "./constants.js";
 import { Tooltip as S } from "../Tooltip/Tooltip.js";
-import { ETooltipSize as te } from "../Tooltip/enums.js";
-import { MobileView as re } from "../MobileView/MobileView.js";
+import { ETooltipSize as re } from "../Tooltip/enums.js";
+import { MobileView as ae } from "../MobileView/MobileView.js";
 import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { DateFieldContext as ae } from "./DateFieldContext.js";
+import { DateFieldContext as ne } from "./DateFieldContext.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-CyAOOwnJ.js";
+import "../../chunks/FormFieldInput-q8qt9K5c.js";
 import "../FormField/components/FormFieldLabel.js";
-import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
+import { FormFieldMaskedInput as ie } from "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-const ie = Q.forwardRef((x, p) => {
+const oe = W.forwardRef((x, p) => {
   const {
     size: I,
     status: E,
@@ -31,47 +31,49 @@ const ie = Q.forwardRef((x, p) => {
     placeholderMask: P,
     "aria-label": Y,
     "aria-labelledby": z,
-    format: a = _,
-    limitRange: i = $,
+    format: a = $,
+    limitRange: i = ee,
     disabledDays: o,
-    onChange: c,
+    onChange: d,
+    onClear: L,
     onDropdownOpen: f,
     onDropdownClose: g,
-    invalidDateHint: L,
-    targetProps: j,
-    ...A
-  } = x, [r, D] = W(
+    invalidDateHint: j,
+    targetProps: A,
+    ...B
+  } = x, [r, D] = X(
     m.getPickerValues(s, a, i, o)
-  ), R = l(null), d = l(r), C = l(!1), F = l(!1), h = l(!1), u = l(!1);
-  X(() => {
+  ), C = l(null), c = l(r), F = l(!1), R = l(!1), h = l(!1), u = l(!1);
+  Z(() => {
     const e = m.getPickerValues(s, a, i, o);
-    e.inputString !== r.inputString && D(e), d.current = e;
+    e.inputString !== r.inputString && D(e), c.current = e;
   }, [s, a, i, o]);
-  const B = (e) => {
-    R.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-  }, H = () => {
-    const { maskedInputProps: e, ...t } = j || {}, { onChange: k, ...J } = e || {};
-    return /* @__PURE__ */ n(ae.Provider, { value: { inputFocusedRef: C, onChange: c, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
-      ee,
+  const H = (e) => {
+    C.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+  }, N = () => {
+    const { maskedInputProps: e, ...t } = A || {}, { onChange: k, ...K } = e || {};
+    return /* @__PURE__ */ n(ne.Provider, { value: { inputFocusedRef: F, onChange: d, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
+      te,
       {
         size: I,
         status: E,
         label: O,
+        onClear: L,
         maskedInputProps: {
           value: r.inputString,
-          mask: ne.presets.masks.date,
+          mask: ie.presets.masks.date,
           placeholderMask: P,
           "aria-label": Y,
           "aria-labelledby": z,
           onChange: (v) => {
             V(v), k == null || k(v);
           },
-          ...J
+          ...K
         },
         ...t
       }
     ) });
-  }, N = () => /* @__PURE__ */ n(
+  }, U = () => /* @__PURE__ */ n(
     T,
     {
       value: r.inputString,
@@ -85,51 +87,51 @@ const ie = Q.forwardRef((x, p) => {
     e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !m.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
   }, w = () => {
     if (r.inputString.length === 0 && s.length !== 0)
-      return c(r.inputString);
+      return d(r.inputString);
     const e = y(r.inputString, b, !0);
     if (e.isValid()) {
       const t = e.format(a);
       if (t === s)
         return;
       if (m.isAvailableDate(e, t, i, o))
-        return c(t);
+        return d(t);
     }
-    r.inputString !== d.current.inputString && (u.current = !1, D(d.current));
-  }, U = () => {
-    F.current = !0, f == null || f();
+    r.inputString !== c.current.inputString && (u.current = !1, D(c.current));
   }, q = () => {
-    F.current = !1, h.current ? h.current = !1 : !C.current && r.inputString !== d.current.inputString && w(), g == null || g();
-  }, G = (e) => {
-    h.current = !0, u.current = !1, c(e.format(a));
+    R.current = !0, f == null || f();
+  }, G = () => {
+    R.current = !1, h.current ? h.current = !1 : !F.current && r.inputString !== c.current.inputString && w(), g == null || g();
+  }, J = (e) => {
+    h.current = !0, u.current = !1, d(e.format(a));
   }, M = () => /* @__PURE__ */ n(
-    Z,
+    _,
     {
-      renderTarget: H,
-      renderDropdownHeaderTarget: N,
+      renderTarget: N,
+      renderDropdownHeaderTarget: U,
       pickedDate: r.calendarDate,
       format: a,
       limitRange: i,
       disabledDays: o,
-      onDropdownOpen: U,
-      onDropdownClose: q,
-      onDateChange: G,
-      ...A,
-      ref: B
+      onDropdownOpen: q,
+      onDropdownClose: G,
+      onDateChange: J,
+      ...B,
+      ref: H
     }
   );
   return /* @__PURE__ */ n(
-    re,
+    ae,
     {
-      fallback: /* @__PURE__ */ K(S, { targetRef: R, size: te.SM, isOpen: u.current, children: [
-        /* @__PURE__ */ n(S.Body, { children: L }),
+      fallback: /* @__PURE__ */ Q(S, { targetRef: C, size: re.SM, isOpen: u.current, children: [
+        /* @__PURE__ */ n(S.Body, { children: j }),
         /* @__PURE__ */ n(S.Target, { children: M() })
       ] }),
       children: M()
     }
   );
 });
-ie.displayName = "DatePicker";
+oe.displayName = "DateField";
 export {
-  ie as DateField
+  oe as DateField
 };
 //# sourceMappingURL=DateField.js.map

package/components/DateField/DateFieldTarget.js CHANGED Viewed

@@ -1,57 +1,58 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import K, { useContext as f } from "react";
-import { CalendarStrokeSrvIcon20 as u, CalendarStrokeSrvIcon16 as R } from "@sberbusiness/icons-next";
-import { MaskedField as T } from "../TextField/MaskedField.js";
+import { jsx as e, jsxs as w, Fragment as P } from "react/jsx-runtime";
+import { useContext as u } from "react";
+import { CalendarStrokeSrvIcon24 as y, CalendarStrokeSrvIcon20 as K, CalendarStrokeSrvIcon16 as T } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext as j } from "../DatePickerExtended/DatePickerExtendedContext.js";
-import { DateFieldContext as A } from "./DateFieldContext.js";
-import { EFormFieldStatus as L } from "../FormField/enums.js";
-import { FormFieldClear as O } from "../FormField/components/FormFieldClear.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { ButtonIcon as b } from "../Button/ButtonIcon.js";
+import { DateFieldContext as v } from "./DateFieldContext.js";
+import { MaskedField as A } from "../TextField/MaskedField.js";
+import { FormFieldClear as L } from "../FormField/components/FormFieldClear.js";
+import { ButtonIcon as O } from "../Button/ButtonIcon.js";
 import { isKey as C } from "../../utils/keyboard.js";
-const v = {
-  [r.SM]: /* @__PURE__ */ e(R, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ e(u, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ e(u, { paletteIndex: 5 })
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { EFormFieldStatus as R } from "../FormField/enums.js";
+const b = {
+  [r.SM]: /* @__PURE__ */ e(T, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ e(K, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ e(y, { paletteIndex: 5 })
 }, Y = ({
-  size: l = r.MD,
+  size: a = r.MD,
   postfix: x,
   maskedInputProps: F,
-  ...d
+  onClear: l,
+  ...m
 }) => {
-  const { dropdownOpen: t, setDropdownOpen: n } = f(j), { inputFocusedRef: m, onChange: k, triggerChangeFromInput: D } = f(A), { status: I } = d, {
+  const { dropdownOpen: t, setDropdownOpen: n } = u(j), { inputFocusedRef: p, triggerChangeFromInput: I } = u(v), { status: k } = m, {
     onFocus: i,
     onBlur: c,
-    onKeyDown: a,
-    onClick: s,
-    ...h
-  } = F, p = I === L.DISABLED, S = (o) => {
-    m.current = !0, i == null || i(o);
+    onKeyDown: s,
+    onClick: d,
+    ...D
+  } = F, f = k === R.DISABLED, S = (o) => {
+    p.current = !0, i == null || i(o);
+  }, h = (o) => {
+    p.current = !1, t || I(), c == null || c(o);
   }, E = (o) => {
-    m.current = !1, t || D(), c == null || c(o);
+    t || n(!0), d == null || d(o);
   }, g = (o) => {
-    t || n(!0), s == null || s(o);
-  }, B = (o) => {
-    C(o.code, "ENTER") ? n(!t) : C(o.code, "SPACE") && (o.preventDefault(), n(!t)), a == null || a(o);
-  }, M = () => n(!t), w = () => k(""), P = () => /* @__PURE__ */ y(K.Fragment, { children: [
-    /* @__PURE__ */ e(O, { onClick: w }),
-    /* @__PURE__ */ e(b, { active: t, disabled: p, onClick: M, children: v[l] }),
+    C(o.code, "ENTER") ? n(!t) : C(o.code, "SPACE") && (o.preventDefault(), n(!t)), s == null || s(o);
+  }, B = () => n(!t), M = () => /* @__PURE__ */ w(P, { children: [
+    l && /* @__PURE__ */ e(L, { onClick: l }),
+    /* @__PURE__ */ e(O, { active: t, disabled: f, onClick: B, children: b[a] }),
     x
   ] });
   return /* @__PURE__ */ e(
-    T,
+    A,
     {
-      size: l,
+      size: a,
       maskedInputProps: {
-        disabled: p,
+        disabled: f,
         onFocus: S,
-        onBlur: E,
-        onClick: g,
-        onKeyDown: B,
-        ...h
+        onBlur: h,
+        onClick: E,
+        onKeyDown: g,
+        ...D
       },
-      postfix: P(),
-      ...d
+      postfix: M(),
+      ...m
     }
   );
 };