@sberbusiness/triplex-next 1.28.0 → 1.30.0

package/components/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as x } from "react/jsx-runtime";
 import y from "react";
-import { c as m } from "../../chunks/vendor-DudMBGKr.js";
+import { c as m } from "../../chunks/vendor-82AnkPpo.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as p } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
@@ -9,22 +9,22 @@ import { EButtonTheme as e } from "./enums.js";
 import { EComponentSize as u } from "../../enums/EComponentSize.js";
 import { IconWrapper as D } from "../IconWrapper/IconWrapper.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const k = "general__6a6bde37", M = "expanded__a34e1aa7", E = {
+const k = "general__2f57aad6", M = "expanded__246bac08", E = {
   general: k,
   expanded: M
-}, I = "secondary__eeab70b7", O = "expanded__a34e1aa7", N = {
+}, I = "secondary__b3e1d6e8", O = "expanded__246bac08", N = {
   secondary: I,
   expanded: O
-}, G = "secondaryLight__0228936f", B = "expanded__a34e1aa7", g = {
+}, G = "secondaryLight__c097d40d", B = "expanded__246bac08", g = {
   secondaryLight: G,
   expanded: B
-}, Y = "danger__64625c01", H = "expanded__a34e1aa7", A = {
+}, Y = "danger__18223e84", H = "expanded__246bac08", b = {
   danger: Y,
   expanded: H
-}, P = "link__5e98d100", $ = "expanded__a34e1aa7", S = {
+}, P = "link__9f11ede7", $ = "expanded__246bac08", A = {
   link: P,
   expanded: $
-}, v = "button__7dba5980", z = "sm__57ee5dd3", j = "icon__3fe37c5f", K = "md__4866c404", w = "lg__39a35b96", U = "block__2c14160a", W = "content__062d3a2b", X = "loading__95212ae0", Z = "loader__13d5d048", q = "hidden__1c171fc7", n = {
+}, v = "button__fb159c32", z = "sm__f42efb22", j = "icon__4586e72b", K = "md__e66763d1", w = "lg__03210b21", U = "block__97071934", W = "content__fa613606", X = "loading__20acbf98", Z = "loader__05951adb", q = "hidden__f916299e", n = {
   button: v,
   sm: z,
   icon: j,
@@ -39,36 +39,36 @@ const k = "general__6a6bde37", M = "expanded__a34e1aa7", E = {
   [e.GENERAL]: E.general,
   [e.SECONDARY]: N.secondary,
   [e.SECONDARY_LIGHT]: g.secondaryLight,
-  [e.DANGER]: A.danger,
-  [e.LINK]: S.link
+  [e.DANGER]: b.danger,
+  [e.LINK]: A.link
 }, J = {
   [e.GENERAL]: E.expanded,
   [e.SECONDARY]: N.expanded,
   [e.SECONDARY_LIGHT]: g.expanded,
-  [e.DANGER]: A.expanded,
-  [e.LINK]: S.expanded
-}, Q = C(n), V = (o, d) => {
-  const a = [e.SECONDARY, e.SECONDARY_LIGHT].includes(o) ? p.BRAND : p.NEUTRAL;
-  return /* @__PURE__ */ x(R, { theme: a, size: d });
-}, ee = y.forwardRef((o, d) => {
-  const { children: a, className: L, disabled: s, theme: t, size: r = u.MD, block: h, loading: c, icon: _, ...b } = o, { "aria-expanded": l } = o, f = m(
+  [e.DANGER]: b.expanded,
+  [e.LINK]: A.expanded
+}, Q = C(n), V = (o, t) => {
+  const d = [e.SECONDARY, e.SECONDARY_LIGHT].includes(o) ? p.BRAND : p.NEUTRAL;
+  return /* @__PURE__ */ x(R, { theme: d, size: t });
+}, ee = y.forwardRef((o, t) => {
+  const { children: d, className: S, disabled: s, theme: a, size: r = u.MD, block: f, loading: c, icon: _, ...L } = o, { "aria-expanded": l } = o, h = m(
     n.button,
-    F[t],
+    F[a],
     Q[r],
     {
-      [n.block]: !!h,
+      [n.block]: !!f,
       [n.loading]: !!c,
-      [n.icon]: !!_ && !a,
-      [J[t]]: !!l
+      [n.icon]: !!_ && !d,
+      [J[a]]: !!l
     },
-    L
+    S
   );
-  return /* @__PURE__ */ i(T, { className: f, tabIndex: c ? -1 : void 0, disabled: s, ...b, ref: d, children: [
+  return /* @__PURE__ */ i(T, { className: h, tabIndex: c ? -1 : void 0, disabled: s, ...L, ref: t, children: [
     /* @__PURE__ */ i(D, { className: n.content, disabled: s, active: !!l, children: [
       _,
-      a
+      d
     ] }),
-    /* @__PURE__ */ x("div", { className: m(n.loader, !c && n.hidden), children: V(t, r) })
+    /* @__PURE__ */ x("div", { className: m(n.loader, !c && n.hidden), children: V(a, r) })
   ] });
 });
 ee.displayName = "Button";

package/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import e from "react";
-const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.28.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.30.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -3,7 +3,7 @@ import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as t, jsxs as x, Fragment as Z } from "react/jsx-runtime";
 import q, { useRef as I, useState as F, createElement as B } from "react";
-import { c as w, u as V } from "../../chunks/vendor-DudMBGKr.js";
+import { c as w, u as V } from "../../chunks/vendor-82AnkPpo.js";
 import { DotshorizontalStrokeSrvIcon32 as J, DotshorizontalStrokeSrvIcon20 as y, CaretdownStrokeSrvIcon24 as Q, CaretdownStrokeSrvIcon20 as X, CaretdownStrokeSrvIcon16 as $ } from "@sberbusiness/icons-next";
 import { ButtonDropdownExtended as g } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme as N, EButtonTheme as l } from "./enums.js";
@@ -11,16 +11,16 @@ import { isKey as D } from "../../utils/keyboard.js";
 import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-CVJjluxY.js";
+import "../../chunks/DropdownListItem-PhDNj_sI.js";
 import { EDropdownAlignment as to, EDropdownWidth as ro } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as no } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as co } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as ao } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
 import "../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as ao } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileList as co } from "../Dropdown/mobile/DropdownMobileList.js";
 import { DropdownMobileListItem as so } from "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
@@ -31,32 +31,32 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as mo } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const lo = "buttonDropdown__a32ef8cf", uo = "block__2c14160a", po = "buttonDropdownTarget__ea4d0632", Do = "caretIcon__3ca075b8", fo = "active__3c71c87d", wo = "buttonDropdownMenuItem__911eb9eb", n = {
+const lo = "buttonDropdown__b6bbc945", uo = "block__97071934", po = "buttonDropdownTarget__5a1b024a", Do = "caretIcon__1143e207", bo = "active__4543bd8a", wo = "buttonDropdownMenuItem__d725b6a2", n = {
   buttonDropdown: lo,
   block: uo,
   buttonDropdownTarget: po,
   caretIcon: Do,
-  active: fo,
+  active: bo,
   buttonDropdownMenuItem: wo
-}, bo = {
+}, fo = {
   [d.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
   [d.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
   [d.LG]: /* @__PURE__ */ t(J, { paletteIndex: 0 })
 }, G = {
-  [d.SM]: (a) => /* @__PURE__ */ t($, { paletteIndex: a, className: n.caretIcon }),
-  [d.MD]: (a) => /* @__PURE__ */ t(X, { paletteIndex: a, className: n.caretIcon }),
-  [d.LG]: (a) => /* @__PURE__ */ t(Q, { paletteIndex: a, className: n.caretIcon })
+  [d.SM]: (c) => /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }),
+  [d.MD]: (c) => /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }),
+  [d.LG]: (c) => /* @__PURE__ */ t(Q, { paletteIndex: c, className: n.caretIcon })
 }, So = q.forwardRef(
-  (a, f) => {
-    const { buttonAttributes: R, children: h, className: P, theme: u, size: s, options: E, selected: m, block: b, disabled: T, ...W } = a, C = I(null), A = I(null), Y = w(n.buttonDropdown, { [n.block]: !!b }, P), [S, z] = F(), _ = I(V()), H = ({ opened: o, setOpened: e }) => {
-      const c = w(n.buttonDropdownTarget, {
-        [n.block]: !!b,
+  (c, b) => {
+    const { buttonAttributes: R, children: h, className: P, theme: u, size: s, options: E, selected: m, block: f, disabled: T, ...W } = c, C = I(null), A = I(null), Y = w(n.buttonDropdown, { [n.block]: !!f }, P), [S, z] = F(), _ = I(V()), H = ({ opened: o, setOpened: e }) => {
+      const a = w(n.buttonDropdownTarget, {
+        [n.block]: !!f,
         [n.active]: o
       });
       return /* @__PURE__ */ x(
         v,
         {
-          className: c,
+          className: a,
           theme: u,
           size: s,
           onKeyDown: O({ opened: o, setOpened: e }),
@@ -75,13 +75,13 @@ const lo = "buttonDropdown__a32ef8cf", uo = "block__2c14160a", po = "buttonDropd
         }
       );
     }, K = ({ opened: o, setOpened: e }) => {
-      const c = w(n.buttonDropdownTarget, {
-        [n.block]: !!b
+      const a = w(n.buttonDropdownTarget, {
+        [n.block]: !!f
       });
       return /* @__PURE__ */ t(
         v,
         {
-          className: c,
+          className: a,
           theme: u === N.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
           size: s,
           onKeyDown: O({ opened: o, setOpened: e }),
@@ -93,12 +93,12 @@ const lo = "buttonDropdown__a32ef8cf", uo = "block__2c14160a", po = "buttonDropd
           "aria-activedescendant": S,
           ...R,
           ref: M,
-          icon: bo[s]
+          icon: fo[s]
         }
       );
-    }, k = ({ opened: o, setOpened: e }) => () => e(!o), O = ({ opened: o, setOpened: e }) => (c) => {
-      const { key: i } = c;
-      (D(i, "SPACE") || D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && c.preventDefault(), !o && (D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && e(!0);
+    }, k = ({ opened: o, setOpened: e }) => () => e(!o), O = ({ opened: o, setOpened: e }) => (a) => {
+      const { key: i } = a;
+      (D(i, "SPACE") || D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && a.preventDefault(), !o && (D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && e(!0);
     }, j = () => {
       switch (u) {
         case l.GENERAL:
@@ -110,8 +110,8 @@ const lo = "buttonDropdown__a32ef8cf", uo = "block__2c14160a", po = "buttonDropd
         default:
           return null;
       }
-    }, U = ({ opened: o, setOpened: e, className: c }) => {
-      const i = w(n.buttonDropdownMenu, c);
+    }, U = ({ opened: o, setOpened: e, className: a }) => {
+      const i = w(n.buttonDropdownMenu, a);
       return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: S, setActiveDescendant: z }, children: /* @__PURE__ */ t(
         g.Dropdown,
         {
@@ -126,13 +126,13 @@ const lo = "buttonDropdown__a32ef8cf", uo = "block__2c14160a", po = "buttonDropd
           mobileViewProps: {
             children: /* @__PURE__ */ x(Z, { children: [
               /* @__PURE__ */ t(
-                co,
+                ao,
                 {
                   controlButtons: /* @__PURE__ */ t(no, { onClick: () => e(!1) }),
                   children: /* @__PURE__ */ t(mo, { tag: "div", size: io.B3, children: h })
                 }
               ),
-              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ao, { children: E.map((r) => /* @__PURE__ */ B(
+              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(co, { children: E.map((r) => /* @__PURE__ */ B(
                 so,
                 {
                   ...r,
@@ -164,7 +164,7 @@ const lo = "buttonDropdown__a32ef8cf", uo = "block__2c14160a", po = "buttonDropd
         }
       ) });
     }, M = (o) => {
-      C.current = o, typeof f == "function" ? f(o) : f && (f.current = o);
+      C.current = o, typeof b == "function" ? b(o) : b && (b.current = o);
     };
     return /* @__PURE__ */ t(
       g,

package/components/Button/ButtonDropdownExtended.js

@@ -3,12 +3,12 @@ import { useRef as f, useState as C, useCallback as N, useEffect as R } from "re
 import { Dropdown as _ } from "../Dropdown/Dropdown.js";
 import { isKey as w } from "../../utils/keyboard.js";
 import { DropdownList as g } from "../Dropdown/desktop/DropdownList.js";
-import { c as A } from "../../chunks/vendor-DudMBGKr.js";
-const K = "buttonDropdownExtended__a30da15a", S = "buttonDropdownExtendedBlock__3a2c8d6b", E = {
+import { c as A } from "../../chunks/vendor-82AnkPpo.js";
+const K = "buttonDropdownExtended__63111ce8", S = "buttonDropdownExtendedBlock__a38df295", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  const { className: v, opened: x, setOpened: c, renderButton: b, renderDropdown: k, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!x : O, o = N(
+  const { className: v, opened: x, setOpened: c, renderButton: k, renderDropdown: b, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!x : O, o = N(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -37,8 +37,8 @@ const K = "buttonDropdownExtended__a30da15a", S = "buttonDropdownExtendedBlock__
   }, [e, p, l, o, u]);
   const B = A(E.buttonDropdownExtended, v);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    b({ opened: e, setOpened: o }),
-    k({
+    k({ opened: e, setOpened: o }),
+    b({
       className: E.buttonDropdownExtendedBlock,
       opened: e,
       setOpened: o

package/components/Button/ButtonIcon.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
-import l from "react";
-import { c as m } from "../../chunks/vendor-DudMBGKr.js";
+import a from "react";
+import { c as m } from "../../chunks/vendor-82AnkPpo.js";
 import { EButtonIconShape as t } from "./enums.js";
 import { IconWrapper as p } from "../IconWrapper/IconWrapper.js";
-const _ = "buttonIcon__aafffa55", f = "circle__c7b608ca", I = "squircle__a9b332e7", o = {
+const _ = "buttonIcon__3715625d", I = "circle__8a02a808", f = "squircle__d8104184", o = {
   buttonIcon: _,
-  circle: f,
-  squircle: I
-}, b = {
+  circle: I,
+  squircle: f
+}, C = {
   [t.SQUIRCLE]: o.squircle,
   [t.CIRCLE]: o.circle
-}, C = l.forwardRef(
-  ({ className: r, disabled: c, shape: e = t.SQUIRCLE, active: s, ...a }, u) => {
-    const i = m(o.buttonIcon, b[e], r);
-    return /* @__PURE__ */ n(p, { displayContents: !0, disabled: c, active: s, children: /* @__PURE__ */ n("button", { type: "button", className: i, disabled: c, ...a, ref: u }) });
+}, E = a.forwardRef(
+  ({ className: r, disabled: c, shape: s = t.SQUIRCLE, active: e, ...u }, i) => {
+    const l = m(o.buttonIcon, C[s], r);
+    return /* @__PURE__ */ n(p, { displayContents: !0, disabled: c, active: e, children: /* @__PURE__ */ n("button", { type: "button", className: l, disabled: c, ...u, ref: i }) });
   }
 );
-C.displayName = "ButtonIcon";
+E.displayName = "ButtonIcon";
 export {
-  C as ButtonIcon
+  E as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Calendar/Calendar.js

@@ -1,178 +1,184 @@
-var M = Object.defineProperty;
-var H = (m, d, t) => d in m ? M(m, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[d] = t;
-var c = (m, d, t) => H(m, typeof d != "symbol" ? d + "" : d, t);
-import { jsx as h, jsxs as S } from "react/jsx-runtime";
-import { u as I, c as R } from "../../chunks/vendor-DudMBGKr.js";
-import V from "react";
-import D from "moment";
-import { globalLimitRange as _, dateFormatYYYYMMDD as O } from "../../consts/DateConst.js";
-import { ECalendarPickType as y, ECalendarViewMode as l } from "./enums.js";
-import { CalendarContext as w } from "./CalendarContext.js";
-import { CalendarControls as x } from "./components/CalendarControls.js";
-import { CalendarView as N } from "./components/CalendarView.js";
-import { CalendarFooter as E } from "./components/CalendarFooter.js";
-import { CalendarFooterButton as v } from "./components/CalendarFooterButton.js";
-import { parsePickedDate as f, formatDate as P, getHeader as j } from "./utils.js";
-const q = "calendar__0e698d5e", L = "adaptive__201e9210", g = {
+var x = Object.defineProperty;
+var F = (h, p, t) => p in h ? x(h, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[p] = t;
+var c = (h, p, t) => F(h, typeof p != "symbol" ? p + "" : p, t);
+import { jsx as f, jsxs as T } from "react/jsx-runtime";
+import E from "react";
+import { u as H, c as R } from "../../chunks/vendor-82AnkPpo.js";
+import y from "moment";
+import { globalLimitRange as I, dateFormatYYYYMMDD as O } from "../../consts/DateConst.js";
+import { EComponentSize as A } from "../../enums/EComponentSize.js";
+import { ECalendarPickType as v, ECalendarViewMode as l } from "./enums.js";
+import { CalendarContext as B } from "./CalendarContext.js";
+import { CalendarControls as V } from "./components/CalendarControls.js";
+import { CalendarView as z } from "./components/CalendarView.js";
+import { CalendarFooter as N } from "./components/CalendarFooter.js";
+import { CalendarFooterButton as S } from "./components/CalendarFooterButton.js";
+import { parsePickedDate as D, formatDate as w, getHeader as j } from "./utils.js";
+const q = "calendar__ee82cd11", L = "extraBottom__9b302202", U = "adaptive__ce7be00f", C = {
   calendar: q,
-  adaptive: L
+  extraBottom: L,
+  adaptive: U
 };
-class k extends V.PureComponent {
+class k extends E.PureComponent {
   constructor(t) {
     super(t);
     // Уникальный идентификатор для связи периода с таблицей.
-    c(this, "periodId", `calendar-period-${I()}`);
+    c(this, "periodId", `calendar-period-${H()}`);
     /** Обработчик выбора даты. */
     c(this, "handleDateSelect", (t) => {
       this.props.onDateChange(t);
     });
     /** Обработчик смены страницы. */
-    c(this, "handlePageChange", (t, a) => {
-      const { onPageChange: o } = this.props;
+    c(this, "handlePageChange", (t, r) => {
+      const { onPageChange: e } = this.props;
       this.setState({
-        header: P(t, a),
+        header: w(t, r),
         viewDate: t
-      }), o == null || o(t, a);
+      }), e == null || e(t, r);
     });
     /** Обработчик изменения вида отображения. */
-    c(this, "handleViewChange", (t, a) => {
-      const { onViewChange: o } = this.props;
+    c(this, "handleViewChange", (t, r) => {
+      const { onViewChange: e } = this.props;
       this.setState({
-        header: P(t, a),
+        header: w(t, r),
         viewDate: t,
-        viewMode: a
-      }), o == null || o(t, a);
+        viewMode: r
+      }), e == null || e(t, r);
     });
     /** Рендер футера. */
     c(this, "renderFooter", () => {
-      const { pickType: t, yesterdayButtonProps: a, todayButtonProps: o, tomorrowButtonProps: r } = this.props, { viewDate: n, viewMode: e } = this.state;
-      let i, s;
-      t === y.datePick ? (i = D().startOf("day"), s = e === l.DAYS && n.isSame(i, "month")) : (i = D().startOf("month"), s = e === l.MONTHS && n.isSame(i, "year"));
-      const p = s && e === l.DAYS;
-      return /* @__PURE__ */ S(E, { children: [
-        p && a && /* @__PURE__ */ h(
-          v,
+      const { pickType: t, adaptiveMode: r, yesterdayButtonProps: e, todayButtonProps: o, tomorrowButtonProps: i } = this.props, { viewDate: a, viewMode: s } = this.state;
+      let n, d;
+      t === v.DATE ? (n = y().startOf("day"), d = s === l.DAYS && a.isSame(n, "month")) : (n = y().startOf("month"), d = s === l.MONTHS && a.isSame(n, "year"));
+      const m = d && s === l.DAYS, u = r ? A.MD : A.SM;
+      return /* @__PURE__ */ T(N, { children: [
+        m && e && /* @__PURE__ */ f(
+          S,
           {
-            date: i.clone().subtract(1, "day"),
-            currentPeriodSelected: s,
-            ...typeof a == "function" ? a(e) : a
+            size: u,
+            date: n.clone().subtract(1, "day"),
+            currentPeriodSelected: d,
+            ...typeof e == "function" ? e(s) : e
           }
         ),
-        /* @__PURE__ */ h(
-          v,
+        /* @__PURE__ */ f(
+          S,
           {
-            date: i,
-            currentPeriodSelected: s,
-            ...typeof o == "function" ? o({ viewMode: e, currentPeriodSelected: s }) : o
+            size: u,
+            date: n,
+            currentPeriodSelected: d,
+            ...typeof o == "function" ? o({ viewMode: s, currentPeriodSelected: d }) : o
           }
         ),
-        p && r && /* @__PURE__ */ h(
-          v,
+        m && i && /* @__PURE__ */ f(
+          S,
           {
-            date: i.clone().add(1, "day"),
-            currentPeriodSelected: s,
-            ...typeof r == "function" ? r(e) : r
+            size: u,
+            date: n.clone().add(1, "day"),
+            currentPeriodSelected: d,
+            ...typeof i == "function" ? i(s) : i
           }
         )
       ] });
     });
-    const { format: a, pickType: o, reversedPick: r } = this.props, n = f(this.props.pickedDate, a), e = this.getInitialViewDate(n);
-    let i;
-    r ? i = l.YEARS : o == y.monthYearPick ? i = l.MONTHS : i = l.DAYS;
-    const s = P(e, i);
+    const { format: r, pickType: e, reversedPick: o } = this.props, i = D(this.props.pickedDate, r), a = this.getInitialViewDate(i);
+    let s;
+    o ? s = l.YEARS : e == v.MONTH_YEAR ? s = l.MONTHS : s = l.DAYS;
+    const n = w(a, s);
     this.state = {
-      header: s,
-      pickedDate: n,
-      viewDate: e,
-      viewMode: i
+      header: n,
+      pickedDate: i,
+      viewDate: a,
+      viewMode: s
     };
   }
   /** Получить изначальную дату для навигации. */
   getInitialViewDate(t) {
-    const { defaultViewDate: a, format: o, limitRange: r } = this.props;
+    const { defaultViewDate: r, format: e, limitRange: o } = this.props;
     if (t && t.isValid())
       return t.clone();
-    if (a) {
-      const e = f(a, o);
-      if (e && e.isValid())
-        return e.clone();
-    }
-    const n = D().startOf("day");
     if (r) {
-      if (r.dateFrom && n.isBefore(r.dateFrom))
-        return r.dateFrom.clone();
-      if (r.dateTo && n.isAfter(r.dateTo))
-        return r.dateTo.clone();
+      const a = D(r, e);
+      if (a && a.isValid())
+        return a.clone();
+    }
+    const i = y().startOf("day");
+    if (o) {
+      if (o.dateFrom && i.isBefore(o.dateFrom))
+        return o.dateFrom.clone();
+      if (o.dateTo && i.isAfter(o.dateTo))
+        return o.dateTo.clone();
     }
-    return n;
+    return i;
   }
-  componentDidUpdate(t, a) {
-    const { format: o } = this.props, { viewDate: r } = this.state, { viewDate: n } = a, e = f(this.props.pickedDate, o), i = e == null ? void 0 : e.isValid(), s = i ? e : n, p = f(t.pickedDate, o);
-    if (!(!i || p != null && p.isSame(s, "day"))) {
-      let u = {};
-      r && !r.isSame(e, "month") && (u = {
+  componentDidUpdate(t, r) {
+    const { format: e } = this.props, { viewDate: o } = this.state, { viewDate: i } = r, a = D(this.props.pickedDate, e), s = a == null ? void 0 : a.isValid(), n = s ? a : i, d = D(t.pickedDate, e);
+    if (!(!s || d != null && d.isSame(n, "day"))) {
+      let m = {};
+      o && !o.isSame(a, "month") && (m = {
         currentTab: l.DAYS,
-        header: j(s),
-        viewDate: s.clone()
+        header: j(n),
+        viewDate: n.clone()
       }), this.setState({
-        ...u,
-        pickedDate: e
+        ...m,
+        pickedDate: a
       });
     }
   }
   render() {
     const {
       format: t,
-      pickType: a,
-      limitRange: o,
-      markedDays: r,
-      disabledDays: n,
-      dayHtmlAttributes: e,
-      monthHtmlAttributes: i,
-      yearHtmlAttributes: s,
-      prevButtonProps: p,
-      nextButtonProps: u,
-      viewButtonProps: C,
-      todayButtonProps: T
-    } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, F = R(g.calendar, {
-      [g.adaptive]: !!this.props.adaptiveMode
-    }), b = f(this.props.pickedDate, t);
-    return /* @__PURE__ */ h("div", { className: F, "data-tx": "1.28.0", children: /* @__PURE__ */ S(
-      w.Provider,
+      pickType: r,
+      limitRange: e,
+      markedDays: o,
+      disabledDays: i,
+      dayHtmlAttributes: a,
+      monthHtmlAttributes: s,
+      yearHtmlAttributes: n,
+      prevButtonProps: d,
+      nextButtonProps: m,
+      viewButtonProps: u,
+      todayButtonProps: g
+    } = this.props, { viewMode: P, viewDate: M, header: Y } = this.state, b = R(
+      C.calendar,
+      this.props.adaptiveMode ? C.adaptive : (P !== l.DAYS || g) && C.extraBottom
+    ), _ = D(this.props.pickedDate, t);
+    return /* @__PURE__ */ f("div", { className: b, "data-tx": "1.30.0", children: /* @__PURE__ */ T(
+      B.Provider,
       {
         value: {
           format: t,
-          limitRange: o,
-          pickType: a,
-          markedDays: r,
-          disabledDays: n,
-          viewDate: B,
-          viewMode: A,
+          limitRange: e,
+          pickType: r,
+          markedDays: o,
+          disabledDays: i,
+          viewDate: M,
+          viewMode: P,
           periodId: this.periodId,
           onDateSelect: this.handleDateSelect,
           onPageChange: this.handlePageChange,
           onViewChange: this.handleViewChange
         },
         children: [
-          /* @__PURE__ */ h(
-            x,
+          /* @__PURE__ */ f(
+            V,
             {
-              prevButtonProps: p,
-              nextButtonProps: u,
-              viewButtonProps: C,
+              prevButtonProps: d,
+              nextButtonProps: m,
+              viewButtonProps: u,
               children: Y
             }
           ),
-          /* @__PURE__ */ h(
-            N,
+          /* @__PURE__ */ f(
+            z,
             {
-              pickedDate: b,
-              dayHtmlAttributes: e,
-              monthHtmlAttributes: i,
-              yearHtmlAttributes: s
+              pickedDate: _,
+              dayHtmlAttributes: a,
+              monthHtmlAttributes: s,
+              yearHtmlAttributes: n
             }
           ),
-          T && this.renderFooter()
+          g && this.renderFooter()
         ]
       }
     ) });
@@ -180,9 +186,9 @@ class k extends V.PureComponent {
 }
 c(k, "defaultProps", {
   format: O,
-  limitRange: _,
-  pickType: y.datePick
-}), c(k, "contextType", w);
+  limitRange: I,
+  pickType: v.DATE
+}), c(k, "contextType", B);
 export {
   k as Calendar
 };

package/components/Calendar/CalendarContext.js

@@ -5,7 +5,7 @@ import { ECalendarViewMode as r, ECalendarPickType as i } from "./enums.js";
 const l = e.createContext({
   format: o,
   limitRange: a,
-  pickType: i.datePick,
+  pickType: i.DATE,
   viewDate: t().startOf("day"),
   viewMode: r.DAYS,
   periodId: "",

package/components/Calendar/components/CalendarControls.js

@@ -8,7 +8,7 @@ import { EButtonIconShape as E, EButtonTheme as L } from "../../Button/enums.js"
 import { ECalendarViewMode as e } from "../enums.js";
 import { globalLimitRange as O } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__011359e1", j = {
+const U = "calendarControls__c9936d9e", j = {
   calendarControls: U
 }, X = ({
   children: m,