@sberbusiness/triplex-next 1.5.0 → 1.6.1

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-9KVE23Ri.js";
-const K = "buttonDropdownExtended__2ab30b24", S = "buttonDropdownExtendedBlock__1c1c022f", E = {
+import { c as A } from "../../chunks/vendor-D3hUOusX.js";
+const K = "buttonDropdownExtended__7887ea82", S = "buttonDropdownExtendedBlock__1a023b6c", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  const { className: b, opened: v, setOpened: c, renderButton: x, 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 ? !!v : O, o = N(
+  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(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -35,9 +35,9 @@ const K = "buttonDropdownExtended__2ab30b24", S = "buttonDropdownExtendedBlock__
       document.removeEventListener("keydown", t), document.removeEventListener("mousedown", d), document.removeEventListener("touchstart", d);
     };
   }, [e, p, l, o, u]);
-  const B = A(E.buttonDropdownExtended, b);
+  const B = A(E.buttonDropdownExtended, v);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    x({ opened: e, setOpened: o }),
+    b({ opened: e, setOpened: o }),
     k({
       className: E.buttonDropdownExtendedBlock,
       opened: e,

package/components/Button/ButtonIcon.js

@@ -1,25 +1,25 @@
 import { jsx as i } from "react/jsx-runtime";
 import u from "react";
-import { c as m } from "../../chunks/vendor-9KVE23Ri.js";
+import { c as m } from "../../chunks/vendor-D3hUOusX.js";
 import { EButtonIconShape as o } from "./enums.js";
-const I = "buttonIcon__9e1e8692", p = "circle__e581729c", _ = "squircle__6d9e8a82", c = {
-  buttonIcon: I,
+const b = "buttonIcon__d0e6dc72", p = "circle__f9b54e06", I = "squircle__8bb04467", t = {
+  buttonIcon: b,
   circle: p,
-  squircle: _
+  squircle: I
 }, f = {
-  [o.SQUIRCLE]: c.squircle,
-  [o.CIRCLE]: c.circle
-}, b = u.forwardRef(
-  ({ className: e, disabled: t, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
-    const l = m(c.buttonIcon, f[n], "hoverable", e, {
+  [o.SQUIRCLE]: t.squircle,
+  [o.CIRCLE]: t.circle
+}, _ = u.forwardRef(
+  ({ className: e, disabled: c, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
+    const l = m(t.buttonIcon, f[n], "hoverable", e, {
       active: !!s,
-      disabled: !!t
+      disabled: !!c
     });
-    return /* @__PURE__ */ i("button", { className: l, disabled: t, ...r, ref: a });
+    return /* @__PURE__ */ i("button", { type: "button", className: l, disabled: c, ...r, ref: a });
   }
 );
-b.displayName = "ButtonIcon";
+_.displayName = "ButtonIcon";
 export {
-  b as ButtonIcon
+  _ as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Calendar/Calendar.js

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

package/components/Calendar/CalendarContext.js

@@ -1,5 +1,5 @@
 import e from "react";
-import { h as a } from "../../chunks/vendor-9KVE23Ri.js";
+import { k as a } from "../../chunks/vendor-D3hUOusX.js";
 import { globalLimitRange as t, dateFormatYYYYMMDD as o } from "../../consts/DateConst.js";
 import { ECalendarViewMode as r, ECalendarPickType as i } from "./enums.js";
 const l = e.createContext({

package/components/Calendar/components/CalendarControls.js

@@ -1,7 +1,6 @@
 import { jsxs as T, jsx as s } from "react/jsx-runtime";
 import { useContext as D } from "react";
-import B from "@sberbusiness/icons-next/CaretleftStrokeSrvIcon24";
-import v from "@sberbusiness/icons-next/CaretrightStrokeSrvIcon24";
+import { CaretleftStrokeSrvIcon24 as B, CaretrightStrokeSrvIcon24 as v } from "@sberbusiness/icons-next";
 import { CalendarContext as w } from "../CalendarContext.js";
 import { Button as H } from "../../Button/Button.js";
 import { ButtonIcon as A } from "../../Button/ButtonIcon.js";
@@ -9,9 +8,9 @@ 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__8319a1a8", j = {
+const U = "calendarControls__6c96e423", j = {
   calendarControls: U
-}, Z = ({
+}, X = ({
   children: m,
   prevButtonProps: i = {},
   nextButtonProps: d = {},
@@ -93,6 +92,6 @@ const U = "calendarControls__8319a1a8", j = {
   ] });
 };
 export {
-  Z as CalendarControls
+  X as CalendarControls
 };
 //# sourceMappingURL=CalendarControls.js.map

package/components/Calendar/components/CalendarFooter.js

@@ -1,7 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-const a = "calendarFooter__99e0f409", r = {
-  calendarFooter: a
-}, t = ({ children: o }) => /* @__PURE__ */ e("div", { className: r.calendarFooter, children: o });
+import { jsx as a } from "react/jsx-runtime";
+const e = "calendarFooter__deda22d6", r = {
+  calendarFooter: e
+}, t = ({ children: o }) => /* @__PURE__ */ a("div", { className: r.calendarFooter, children: o });
 t.displayName = "CalendarFooter";
 export {
   t as CalendarFooter

package/components/Calendar/components/CalendarFooterButton.js

@@ -0,0 +1,31 @@
+import { jsx as M } from "react/jsx-runtime";
+import O, { useContext as T } from "react";
+import { CalendarContext as g } from "../CalendarContext.js";
+import { Button as E } from "../../Button/Button.js";
+import { EButtonTheme as N } from "../../Button/enums.js";
+import { ECalendarPickType as f, ECalendarViewMode as o } from "../enums.js";
+import { isDateOutOfRange as l, isDayDisabled as R } from "../utils.js";
+import { EComponentSize as w } from "../../../enums/EComponentSize.js";
+const x = O.forwardRef(
+  ({ date: e, currentPeriodSelected: p, disabled: r, onClick: t, ...d }, u) => {
+    const { format: D, limitRange: i, pickType: n, viewMode: a, disabledDays: S, onPageChange: m, onViewChange: s, onDateSelect: C } = T(g), c = (y) => {
+      p ? C(e) : n === f.datePick ? a === o.DAYS ? m(e, o.DAYS) : s(e, o.DAYS) : a === o.MONTHS ? m(e, o.MONTHS) : s(e, o.MONTHS), t == null || t(y);
+    }, h = () => r !== void 0 ? r : n === f.datePick ? l(e, i, "day") || R(e.format(D), S) : l(e, i, "month");
+    return /* @__PURE__ */ M(
+      E,
+      {
+        theme: N.SECONDARY,
+        size: w.SM,
+        onClick: c,
+        disabled: h(),
+        ...d,
+        ref: u
+      }
+    );
+  }
+);
+x.displayName = "CalendarFooterButton";
+export {
+  x as CalendarFooterButton
+};
+//# sourceMappingURL=CalendarFooterButton.js.map