urfu-ui-kit-react 2.1.7-next.4 → 2.1.7-next.5

package/dist/components/Calendar/Calendar.js

@@ -1,43 +1,43 @@
-import { jsx as o, jsxs as N, Fragment as tt } from "react/jsx-runtime";
-import { getFieldAccessibility$u as rt } from "../../shared/fieldAccessibility.js";
-import { useRef as ve, useState as h, useInsertionEffect as ot, useEffect as T, useMemo as p, useContext as nt, createContext as at } from "react";
-import { createPortal as it } from "react-dom";
-import lt, { registerLocale$u as ct } from "../../vendor/react-datepicker/dist/es/index.js";
+import { jsx as o, jsxs as T, Fragment as ot } from "react/jsx-runtime";
+import { getFieldAccessibility$u as nt } from "../../shared/fieldAccessibility.js";
+import { useRef as he, useState as g, useInsertionEffect as it, useEffect as A, useMemo as m, useContext as at, createContext as lt } from "react";
+import { createPortal as ct } from "react-dom";
+import st, { registerLocale$u as dt } from "../../vendor/react-datepicker/dist/es/index.js";
 /* empty css                                                  */
-import { MaskedDateInput$u as st } from "./MaskedDateInput.js";
-import { Tooltip$u as ut } from "../Tooltip/Tooltip.js";
-import { ru$u as dt } from "../../vendor/date-fns/locale/ru.js";
-import { toCalendarDay$u as K, isCalendarRangeBlocked$u as be, isCalendarDayBlocked$u as pt } from "../../vanilla/core/dateLimits.js";
+import { MaskedDateInput$u as ut } from "./MaskedDateInput.js";
+import { Tooltip$u as pt } from "../Tooltip/Tooltip.js";
+import { ru$u as mt } from "../../vendor/date-fns/locale/ru.js";
+import { toCalendarDay$u as J, isCalendarRangeBlocked$u as ge, isCalendarDayBlocked$u as ft } from "../../vanilla/core/dateLimits.js";
 /* empty css          */
-import { useMountTransition$u as mt } from "../../hooks/useMountTransition.js";
-import { POPUP_TRANSITION_MS$u as ft } from "../../shared/popupTransition.js";
-import { useAutoId$u as yt } from "../../hooks/useAutoId.js";
-import { isCompact$u as vt, sizeClassName$u as bt } from "../../shared/size.js";
-import { getPortalScopeProps$u as ht } from "../../shared/uiKitDefaults.js";
-import { CalendarSelect$u as he } from "./CalendarSelect.js";
-import { resolveValidation$u as gt } from "../../vanilla/core/validation.js";
-import { getYear$u as Y } from "../../vendor/date-fns/getYear.js";
-import { getMonth$u as kt } from "../../vendor/date-fns/getMonth.js";
-import { differenceInCalendarDays$u as ge } from "../../vendor/date-fns/differenceInCalendarDays.js";
-import { isSameDay$u as xt } from "../../vendor/date-fns/isSameDay.js";
-ct(
+import { useMountTransition$u as yt } from "../../hooks/useMountTransition.js";
+import { POPUP_TRANSITION_MS$u as vt } from "../../shared/popupTransition.js";
+import { useAutoId$u as bt } from "../../hooks/useAutoId.js";
+import { isCompact$u as ht, sizeClassName$u as gt } from "../../shared/size.js";
+import { getUiKitPrefix$u as a, kitCls$u as w, getPortalScopeProps$u as kt } from "../../shared/uiKitDefaults.js";
+import { CalendarSelect$u as ke } from "./CalendarSelect.js";
+import { resolveValidation$u as xt } from "../../vanilla/core/validation.js";
+import { getYear$u as Q } from "../../vendor/date-fns/getYear.js";
+import { getMonth$u as wt } from "../../vendor/date-fns/getMonth.js";
+import { differenceInCalendarDays$u as xe } from "../../vendor/date-fns/differenceInCalendarDays.js";
+import { isSameDay$u as Ct } from "../../vendor/date-fns/isSameDay.js";
+dt(
   "ru",
-  dt
+  mt
 );
-const g = (s) => {
-  if (!s) return null;
-  const d = new Date(s);
-  return d.setHours(12, 0, 0, 0), d;
+const k = (d) => {
+  if (!d) return null;
+  const p = new Date(d);
+  return p.setHours(12, 0, 0, 0), p;
 };
-function wt(s, d, E = 1) {
+function Dt(d, p, B = 1) {
   return {
     *[Symbol.iterator]() {
-      for (let m = s; m < d; m += E)
-        yield m;
+      for (let f = d; f < p; f += B)
+        yield f;
     }
   };
 }
-const A = [
+const E = [
   "Январь",
   "Февраль",
   "Март",
@@ -50,179 +50,179 @@ const A = [
   "Октябрь",
   "Ноябрь",
   "Декабрь"
-], Dt = [
-  ...wt(Y(/* @__PURE__ */ new Date()) - 100, Y(/* @__PURE__ */ new Date()) + 15, 1)
-], ke = at(null), Ct = ({ children: s }) => {
-  const d = nt(ke);
-  return d ? it(/* @__PURE__ */ o("div", { children: s }), d) : /* @__PURE__ */ o(tt, { children: s });
-}, Yt = ({
-  "aria-label": s,
-  "aria-labelledby": d,
-  "aria-describedby": E,
-  title: m = "",
-  selected: $,
-  onChange: v,
+], $t = [
+  ...Dt(Q(/* @__PURE__ */ new Date()) - 100, Q(/* @__PURE__ */ new Date()) + 15, 1)
+], we = lt(null), St = ({ children: d }) => {
+  const p = at(we);
+  return p ? ct(/* @__PURE__ */ o("div", { children: d }), p) : /* @__PURE__ */ o(ot, { children: d });
+}, Qt = ({
+  "aria-label": d,
+  "aria-labelledby": p,
+  "aria-describedby": B,
+  title: f = "",
+  selected: L,
+  onChange: b,
   range: u = !1,
-  startDate: J,
-  endDate: Q,
-  onRangeChange: B,
-  isFilter: xe,
-  placeholder: we,
-  inline: L,
-  portalOn: X = !1,
-  open: Z,
-  greyIcon: De,
-  isClearable: x,
-  setOptionState: U,
-  tableView: R,
-  size: ee,
-  id: Ce,
-  required: te = !1,
-  validationText: Se = "Заполните поле",
-  validationOn: _e,
+  startDate: U,
+  endDate: X,
+  onRangeChange: j,
+  isFilter: Ce,
+  placeholder: De,
+  inline: F,
+  portalOn: Z = !1,
+  open: R,
+  greyIcon: $e,
+  isClearable: C,
+  setOptionState: ee,
+  tableView: te,
+  size: re,
+  id: Se,
+  required: oe = !1,
+  validationText: _e = "Заполните поле",
+  validationOn: Pe,
   error: Ie,
   validationOnWithoutText: Me,
-  absoluteValidationText: Pe,
-  lineUp: j = !1,
-  rowGap: Oe = 4,
-  columnGap: Ne = 20,
-  styleInputContainer: Te,
-  styleTitle: Ae,
-  disabled: re,
-  wheelEdit: Ee = !1,
-  showHint: $e = !1,
-  hintText: Be = "Используйте колесо мыши или стрелки ↑↓ для изменения значения",
-  tooltipMaxWidth: Le = 300,
-  minDate: oe,
-  maxDate: ne,
-  excludeDates: w,
-  allowDisabledInRange: ae = !0
+  absoluteValidationText: Oe,
+  lineUp: H = !1,
+  rowGap: Ne = 4,
+  columnGap: Te = 20,
+  styleInputContainer: Ae,
+  styleTitle: Ee,
+  disabled: ne,
+  wheelEdit: Be = !1,
+  showHint: Le = !1,
+  hintText: je = "Используйте колесо мыши или стрелки ↑↓ для изменения значения",
+  tooltipMaxWidth: Fe = 300,
+  minDate: ie,
+  maxDate: ae,
+  excludeDates: D,
+  allowDisabledInRange: le = !0
 }) => {
-  const je = vt(ee, R), Fe = bt(ee, R), D = gt({ error: Ie, validationOn: _e, validationOnWithoutText: Me, validationText: Se }), f = yt(Ce, "u-calendar"), ie = `u-calendar-portal-${f}`, F = ve(null), le = ve(null), [He] = h(
+  const He = ht(re, te), qe = gt(re, te), $ = xt({ error: Ie, validationOn: Pe, validationOnWithoutText: Me, validationText: _e }), y = bt(Se, w("calendar")), ce = `${a()}-calendar-portal-${y}`, q = he(null), se = he(null), [ze] = g(
     () => typeof document > "u" ? null : document.createElement("div")
-  ), i = X && !L ? He : null, C = rt(f, m, te, D, {
-    "aria-label": s,
-    "aria-labelledby": d,
-    "aria-describedby": E
-  }), [k, S] = h(!1), {
-    shouldRender: _,
-    status: qe,
-    isAnimated: ze
-  } = mt({
-    isOpen: !!(Z || k),
-    duration: ft
-  }), We = ze && qe === "exiting";
-  ot(() => {
-    if (!i || !_) return;
-    i.id = ie;
-    const e = ht()["data-u-kit"];
-    return e ? i.setAttribute("data-u-kit", e) : i.removeAttribute("data-u-kit"), document.body.appendChild(i), () => i.remove();
-  }, [i, _, ie]);
-  const [ce, b] = h(null), [Ge, Ve] = h(!1), [Ke, Ye] = h(!1);
-  T(() => {
+  ), l = Z && !F ? ze : null, S = nt(y, f, oe, $, {
+    "aria-label": d,
+    "aria-labelledby": p,
+    "aria-describedby": B
+  }), [x, _] = g(!1), {
+    shouldRender: P,
+    status: We,
+    isAnimated: Ge
+  } = yt({
+    isOpen: !!(R || x),
+    duration: vt
+  }), Ke = Ge && We === "exiting";
+  it(() => {
+    if (!l || !P) return;
+    l.id = ce;
+    const e = kt()["data-u-kit"];
+    return e ? l.setAttribute("data-u-kit", e) : l.removeAttribute("data-u-kit"), document.body.appendChild(l), () => l.remove();
+  }, [l, P, ce]);
+  const [de, h] = g(null), [Ve, Ye] = g(!1), [Je, Qe] = g(!1);
+  A(() => {
     const e = () => {
-      Ye(window.innerWidth <= 900);
+      Qe(window.innerWidth <= 900);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const se = p(() => g($), [$]), ue = (e, t) => {
+  const ue = m(() => k(L), [L]), pe = (e, t) => {
     const r = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input";
     if (!e) {
-      v == null || v("", { source: r });
+      b == null || b("", { source: r });
       return;
     }
-    const a = g(e);
-    v == null || v(a, { source: r });
-  }, H = p(() => K(oe), [oe]), q = p(() => K(ne), [ne]), z = p(
-    () => w == null ? void 0 : w.map(K).filter((e) => e !== null),
-    [w]
-  ), I = p(
-    () => ({ minDate: H, maxDate: q, excludeDates: z }),
-    [H, q, z]
-  ), de = (e) => pt(e, I), l = p(() => g(J), [J]), c = p(() => g(Q), [Q]), W = u && !ae && l && !c ? l : null, G = p(
-    () => W ? (e) => !be(W, e, I) : void 0,
-    [W, I]
-  ), Je = (e, t) => {
-    var O;
-    const r = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input", [a, y] = e ?? [null, null];
-    if (!ae && r === "input" && a && y && be(a, y, I)) return;
-    B == null || B([g(a), g(y)], { source: r }), r === "calendar" && a && y && S(!1);
-    const P = y ?? a;
-    r === "input" && P && ((O = le.current) == null || O.setPreSelection(P));
+    const i = k(e);
+    b == null || b(i, { source: r });
+  }, z = m(() => J(ie), [ie]), W = m(() => J(ae), [ae]), G = m(
+    () => D == null ? void 0 : D.map(J).filter((e) => e !== null),
+    [D]
+  ), I = m(
+    () => ({ minDate: z, maxDate: W, excludeDates: G }),
+    [z, W, G]
+  ), me = (e) => ft(e, I), c = m(() => k(U), [U]), s = m(() => k(X), [X]), K = u && !le && c && !s ? c : null, V = m(
+    () => K ? (e) => !ge(K, e, I) : void 0,
+    [K, I]
+  ), Ue = (e, t) => {
+    var N;
+    const r = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input", [i, v] = e ?? [null, null];
+    if (!le && r === "input" && i && v && ge(i, v, I)) return;
+    j == null || j([k(i), k(v)], { source: r }), r === "calendar" && i && v && _(!1);
+    const O = v ?? i;
+    r === "input" && O && ((N = se.current) == null || N.setPreSelection(O));
   };
-  T(() => {
+  A(() => {
     const e = (t) => {
-      const r = F.current, a = r == null ? void 0 : r.querySelector(":scope > div > div > input");
-      k && (a && a.focus(), r && !r.contains(t.target) && !(i != null && i.contains(t.target)) && (S(!1), a && a.blur()));
+      const r = q.current, i = r == null ? void 0 : r.querySelector(":scope > div > div > input");
+      x && (i && i.focus(), r && !r.contains(t.target) && !(l != null && l.contains(t.target)) && (_(!1), i && i.blur()));
     };
     return document.addEventListener("click", e), () => {
       document.removeEventListener("click", e);
     };
-  }, [k, i]), T(() => {
+  }, [x, l]), A(() => {
     var e;
-    if (x) {
-      const t = ((e = F.current) == null ? void 0 : e.querySelectorAll(".react-datepicker__close-icon")) ?? [];
+    if (C) {
+      const t = ((e = q.current) == null ? void 0 : e.querySelectorAll(".react-datepicker__close-icon")) ?? [];
       for (const r of t)
-        r.innerHTML = '<i class="u-selectbox-select-icon-cross u-calendar-clear-icon"></i>';
+        r.innerHTML = `<i class="${a()}-selectbox-select-icon-cross ${a()}-calendar-clear-icon"></i>`;
     }
-  }, [$, l == null ? void 0 : l.getTime(), c == null ? void 0 : c.getTime()]);
-  const pe = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), Qe = (e) => typeof e == "number" ? `calc(${e} * var(--u-unit, 1px))` : String(e), me = (e) => {
+  }, [L, c == null ? void 0 : c.getTime(), s == null ? void 0 : s.getTime()]);
+  const fe = (e) => typeof e == "number" ? `calc(${e} * var(--${a()}-preset-unit, 1px))` : String(e), Xe = (e) => typeof e == "number" ? `calc(${e} * var(--u-unit, 1px))` : String(e), ye = (e) => {
     const t = e.target;
-    t.closest(".react-datepicker") && (u || !t.closest(".react-datepicker__day") || t.closest(".react-datepicker__day--disabled")) || S(!k);
-  }, Xe = u ? {
+    t.closest(".react-datepicker") && (u || !t.closest(".react-datepicker__day") || t.closest(".react-datepicker__day--disabled")) || _(!x);
+  }, Ze = u ? {
     selectsRange: !0,
     // Клик раньше выбранного начала завершает период «кликнутый день — прежнее начало», как и в Vue.
     swapRange: !0,
-    startDate: l,
-    endDate: c,
-    onChange: (e, t) => Je(e, t)
+    startDate: c,
+    endDate: s,
+    onChange: (e, t) => Ue(e, t)
   } : {
-    selected: se,
-    onChange: (e, t) => ue(e, t)
-  }, [M, V] = h(null), Ze = (l == null ? void 0 : l.getTime()) ?? null, Ue = (c == null ? void 0 : c.getTime()) ?? null;
-  T(() => {
-    V(null);
-  }, [Ze, Ue, _]);
-  const Re = (e) => {
-    if (!l || c) return "";
-    const t = M === null ? 0 : ge(l, M);
+    selected: ue,
+    onChange: (e, t) => pe(e, t)
+  }, [M, Y] = g(null), Re = (c == null ? void 0 : c.getTime()) ?? null, et = (s == null ? void 0 : s.getTime()) ?? null;
+  A(() => {
+    Y(null);
+  }, [Re, et, P]);
+  const tt = (e) => {
+    if (!c || s) return "";
+    const t = M === null ? 0 : xe(c, M);
     if (M !== null && t > 0) {
-      const r = ge(e, M);
+      const r = xe(e, M);
       return r === 0 ? "react-datepicker__day--in-selecting-range react-datepicker__day--selecting-range-start" : r === t ? "react-datepicker__day--in-selecting-range react-datepicker__day--selecting-range-end" : r > 0 && r < t ? "react-datepicker__day--in-selecting-range" : "";
     }
-    return xt(e, l) ? "u-calendar-day--range-pending" : "";
-  }, et = u ? !!(l || c) : !!se, fe = /* @__PURE__ */ o(
-    lt,
+    return Ct(e, c) ? w("calendar-day--range-pending") : "";
+  }, rt = u ? !!(c || s) : !!ue, ve = /* @__PURE__ */ o(
+    st,
     {
-      ref: le,
-      ariaLabelledBy: C["aria-labelledby"],
-      ariaDescribedBy: C["aria-describedby"],
-      ariaInvalid: C["aria-invalid"] ? "true" : void 0,
-      ariaRequired: C["aria-required"] ? "true" : void 0,
-      open: L ? Z || k : _,
-      inline: L,
-      popperContainer: i ? Ct : void 0,
+      ref: se,
+      ariaLabelledBy: S["aria-labelledby"],
+      ariaDescribedBy: S["aria-describedby"],
+      ariaInvalid: S["aria-invalid"] ? "true" : void 0,
+      ariaRequired: S["aria-required"] ? "true" : void 0,
+      open: F ? R || x : P,
+      inline: F,
+      popperContainer: l ? St : void 0,
       popperPlacement: "bottom-end",
-      popperClassName: [We ? "u-calendar-popper--closing" : "", X ? "u-calendar-popper--portal" : ""].filter(Boolean).join(" ") || void 0,
-      dayClassName: u ? Re : void 0,
-      onDayMouseEnter: u ? (e) => V(c || de(e) || G && !G(e) ? null : e.getTime()) : void 0,
-      onMonthMouseLeave: u ? () => V(null) : void 0,
-      minDate: H ?? void 0,
-      maxDate: q ?? void 0,
-      excludeDates: z,
-      filterDate: G,
-      isClearable: x,
+      popperClassName: [Ke ? w("calendar-popper--closing") : "", Z ? w("calendar-popper--portal") : ""].filter(Boolean).join(" ") || void 0,
+      dayClassName: u ? tt : void 0,
+      onDayMouseEnter: u ? (e) => Y(s || me(e) || V && !V(e) ? null : e.getTime()) : void 0,
+      onMonthMouseLeave: u ? () => Y(null) : void 0,
+      minDate: z ?? void 0,
+      maxDate: W ?? void 0,
+      excludeDates: G,
+      filterDate: V,
+      isClearable: C,
       ariaLabelClose: "Очистить",
-      disabled: re,
+      disabled: ne,
       renderCustomHeader: ({
         date: e,
         changeYear: t,
         changeMonth: r,
-        decreaseMonth: a,
-        increaseMonth: y,
-        prevMonthButtonDisabled: P,
-        nextMonthButtonDisabled: O
-      }) => /* @__PURE__ */ N(
+        decreaseMonth: i,
+        increaseMonth: v,
+        prevMonthButtonDisabled: O,
+        nextMonthButtonDisabled: N
+      }) => /* @__PURE__ */ T(
         "div",
         {
           style: {
@@ -240,7 +240,7 @@ const A = [
               {
                 style: {
                   width: "calc(25 * var(--u-unit, 1px))",
-                  color: "var(--u-color-primary, #1E4391)",
+                  color: `var(--${a()}-color-primary, #1E4391)`,
                   display: "flex",
                   // Без внутреннего отступа: стрелка прижата к краю карточки,
                   // а не поджата к году и месяцу.
@@ -248,13 +248,13 @@ const A = [
                   cursor: "pointer"
                 },
                 onClick: (n) => {
-                  n.preventDefault(), n.stopPropagation(), b(null), a();
+                  n.preventDefault(), n.stopPropagation(), h(null), i();
                 },
-                disabled: P,
-                children: /* @__PURE__ */ o("i", { className: "u-icon icon-left", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
+                disabled: O,
+                children: /* @__PURE__ */ o("i", { className: `${a()}-icon icon-left`, style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
               }
             ),
-            /* @__PURE__ */ N(
+            /* @__PURE__ */ T(
               "div",
               {
                 style: {
@@ -266,32 +266,32 @@ const A = [
                 },
                 children: [
                   /* @__PURE__ */ o(
-                    he,
+                    ke,
                     {
-                      value: Y(e),
-                      options: Dt.map((n) => ({ value: n, label: n })),
+                      value: Q(e),
+                      options: $t.map((n) => ({ value: n, label: n })),
                       onChange: (n) => t(Number(n)),
                       fallbackValue: (/* @__PURE__ */ new Date()).getFullYear(),
                       width: 45,
-                      isOpen: ce === "year",
-                      onOpen: () => b("year"),
-                      onClose: () => b(null)
+                      isOpen: de === "year",
+                      onOpen: () => h("year"),
+                      onClose: () => h(null)
                     }
                   ),
                   /* @__PURE__ */ o(
-                    he,
+                    ke,
                     {
-                      value: A[kt(e)],
-                      options: A.map((n) => ({ value: n, label: n })),
+                      value: E[wt(e)],
+                      options: E.map((n) => ({ value: n, label: n })),
                       onChange: (n) => {
-                        const ye = String(n);
-                        r(A.indexOf(ye)), U && U(ye);
+                        const be = String(n);
+                        r(E.indexOf(be)), ee && ee(be);
                       },
-                      fallbackValue: A[(/* @__PURE__ */ new Date()).getMonth()],
+                      fallbackValue: E[(/* @__PURE__ */ new Date()).getMonth()],
                       width: 85,
-                      isOpen: ce === "month",
-                      onOpen: () => b("month"),
-                      onClose: () => b(null)
+                      isOpen: de === "month",
+                      onOpen: () => h("month"),
+                      onClose: () => h(null)
                     }
                   )
                 ]
@@ -302,114 +302,114 @@ const A = [
               {
                 style: {
                   width: "calc(25 * var(--u-unit, 1px))",
-                  color: "var(--u-color-primary, #1E4391)",
+                  color: `var(--${a()}-color-primary, #1E4391)`,
                   display: "flex",
                   justifyContent: "flex-end",
                   padding: 0,
                   cursor: "pointer"
                 },
                 onClick: (n) => {
-                  n.preventDefault(), n.stopPropagation(), b(null), y();
+                  n.preventDefault(), n.stopPropagation(), h(null), v();
                 },
-                disabled: O,
-                children: /* @__PURE__ */ o("i", { className: "u-icon icon-right", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
+                disabled: N,
+                children: /* @__PURE__ */ o("i", { className: `${a()}-icon icon-right`, style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
               }
             )
           ]
         }
       ),
-      placeholderText: we ?? (u ? "Выберите период" : "Выберите дату"),
+      placeholderText: De ?? (u ? "Выберите период" : "Выберите дату"),
       customInput: /* @__PURE__ */ o(
-        st,
+        ut,
         {
-          "aria-label": s,
-          id: `custom-input-mask-${f}`,
-          isClearable: x,
+          "aria-label": d,
+          id: `custom-input-mask-${y}`,
+          isClearable: C,
           range: u,
-          wheelEdit: Ee && !u,
+          wheelEdit: Be && !u,
           onWheelDate: (e) => {
-            de(e) || ue(e);
+            me(e) || pe(e);
           },
-          onOpenCalendar: () => S(!0),
-          onFocusChange: Ve
+          onOpenCalendar: () => _(!0),
+          onFocusChange: Ye
         }
       ),
-      ...Xe,
+      ...Ze,
       strictParsing: !0,
       locale: "ru",
-      className: (xe ? "custom-input dpc-filter custom-input-filter" : je ? "custom-input dpc-table custom-input-table" : `${De ? "dpc-grey" : "dpc"} custom-input`) + (D.hasError ? " u-input-required" : "") + // react-datepicker рисует крестик и у disabled-поля — отступ под него тоже есть, как во Vue.
-      (x && et ? " dpc--clearable" : ""),
+      className: (Ce ? "custom-input dpc-filter custom-input-filter" : He ? "custom-input dpc-table custom-input-table" : `${$e ? "dpc-grey" : "dpc"} custom-input`) + ($.hasError ? ` ${a()}-input-required` : "") + // react-datepicker рисует крестик и у disabled-поля — отступ под него тоже есть, как во Vue.
+      (C && rt ? " dpc--clearable" : ""),
       dateFormat: "dd.MM.yyyy"
     }
   );
-  return /* @__PURE__ */ o(ke.Provider, { value: i, children: /* @__PURE__ */ N(
+  return /* @__PURE__ */ o(we.Provider, { value: l, children: /* @__PURE__ */ T(
     "div",
     {
-      ref: F,
-      id: `u-datepicker${f}`,
-      className: Fe || void 0,
-      style: { display: "flex", flexDirection: "column", rowGap: "calc(4 * var(--u-preset-unit, 1px))" },
+      ref: q,
+      id: `${a()}-datepicker${y}`,
+      className: qe || void 0,
+      style: { display: "flex", flexDirection: "column", rowGap: `calc(4 * var(--${a()}-preset-unit, 1px))` },
       children: [
-        /* @__PURE__ */ N(
+        /* @__PURE__ */ T(
           "div",
           {
             style: Object.assign(
               {
                 display: "flex",
-                flexDirection: j ? "row" : "column",
-                rowGap: j ? null : pe(Oe),
-                columnGap: j ? pe(Ne) : null
+                flexDirection: H ? "row" : "column",
+                rowGap: H ? null : fe(Ne),
+                columnGap: H ? fe(Te) : null
               },
-              Te
+              Ae
             ),
             children: [
-              m && /* @__PURE__ */ o(
+              f && /* @__PURE__ */ o(
                 "div",
                 {
-                  id: `${f}-label`,
-                  className: `${te ? "u-required" : ""} u-react-input-title`,
+                  id: `${y}-label`,
+                  className: `${oe ? w("required") : ""} ${a()}-react-input-title`,
                   style: Object.assign(
                     {
-                      color: "var(--u-field-title-color, #545454)",
-                      fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
+                      color: `var(--${a()}-field-title-color, #545454)`,
+                      fontSize: `var(--${a()}-field-label-size-main, calc(14 * var(--u-unit, 1px)))`
                     },
-                    Ae
+                    Ee
                   ),
-                  children: m
+                  children: f
                 }
               ),
-              $e ? /* @__PURE__ */ o(
-                ut,
+              Le ? /* @__PURE__ */ o(
+                pt,
                 {
                   portalOn: !0,
-                  id: `calendar-hint-${f || "default"}`,
+                  id: `calendar-hint-${y || "default"}`,
                   position: "top",
-                  isActive: Ge && !re && !Ke,
+                  isActive: Ve && !ne && !Je,
                   showWhenActive: !0,
                   tooltipStyle: {
-                    maxWidth: Qe(Le),
+                    maxWidth: Xe(Fe),
                     width: "auto",
                     whiteSpace: "normal",
                     overflowWrap: "break-word"
                   },
-                  tooltipText: Be,
-                  children: /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: me, children: fe })
+                  tooltipText: je,
+                  children: /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: ye, children: ve })
                 }
-              ) : /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: me, children: fe })
+              ) : /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: ye, children: ve })
             ]
           }
         ),
-        D.showText && /* @__PURE__ */ o(
+        $.showText && /* @__PURE__ */ o(
           "h5",
           {
-            id: `${f}-error`,
+            id: `${y}-error`,
             className: "h5 clr-red-main",
-            style: Pe ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative" },
-            children: D.text
+            style: Oe ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative" },
+            children: $.text
           }
         )
       ]
     }
   ) });
 };
-export { Yt as Calendar$u };
+export { Qt as Calendar$u };

package/dist/components/Calendar/CalendarSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarSelect.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAEjD,2EAA2E;AAC3E,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnC,KAAK,MAAM,GAAG;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAEzD,KAAK,KAAK,GAAG;IACT,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE;QAAE,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC,gBAAgB,CAAC,CAAC;IACzE,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,8EAS5B,KAAK,4CA2JP,CAAC"}
+{"version":3,"file":"CalendarSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarSelect.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAEjD,2EAA2E;AAC3E,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnC,KAAK,MAAM,GAAG;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAEzD,KAAK,KAAK,GAAG;IACT,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE;QAAE,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC,gBAAgB,CAAC,CAAC;IACzE,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,8EAS5B,KAAK,4CA2JP,CAAC"}