mimir-ui-kit 1.34.4 → 1.34.6

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,203 +1,151 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-import { week } from "./constants.js";
-import { c as cls } from "../../styles.module-B9L4B63y.js";
-import { Icon } from "../../icons/Icon.js";
-import { formating } from "../../utils/index.js";
-import { Button } from "../Button/Button.js";
-import { parseDate } from "../../utils/formating/Date.js";
-function DatePickerModal({
-  date,
-  onChangeValue,
-  setActive,
-  before,
-  onType
+import { jsx as a, Fragment as q, jsxs as u } from "react/jsx-runtime";
+import { useRef as G, useState as J, useEffect as K } from "react";
+import { week as Q } from "./constants.js";
+import { c as o } from "../../styles.module-CaPkyXYQ.js";
+import { Icon as T } from "../../icons/Icon.js";
+import { formating as i } from "../../utils/index.js";
+import { Button as j } from "../Button/Button.js";
+import { parseDate as F } from "../../utils/formating/Date.js";
+function ct({
+  date: l,
+  onChangeValue: I,
+  setActive: P,
+  before: g,
+  onType: d
 }) {
-  var _a;
-  const field = useRef(null);
-  date = isNaN(new Date(date).getTime()) ? /* @__PURE__ */ new Date() : date;
-  const _current = parseDate(date);
-  const _selecte = parseDate(date);
-  const current = {
-    y: _current.getFullYear(),
-    d: _current.getDate(),
-    m: _current.getMonth() + 1
-  };
-  const selecte = {
-    y: _selecte.getFullYear(),
-    d: _selecte.getDate(),
-    m: _selecte.getMonth() + 1
-  };
-  const countWorkDays = 4;
-  const [month, setMonth] = useState({ y: selecte.y, m: selecte.m });
-  const blockWidth = 368;
-  useEffect(() => {
-    var _a2, _b, _c, _d;
-    const windowHeight = window.innerHeight;
-    const windowWidth = window.innerWidth;
-    if (field.current !== null) {
-      const inputWidth = ((_b = (_a2 = field == null ? void 0 : field.current) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.offsetWidth) || 0;
-      const inputHeight = ((_d = (_c = field == null ? void 0 : field.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.offsetHeight) || 0;
-      const inputPosition = field.current.getBoundingClientRect();
-      const calendarSize = field.current.offsetHeight;
-      if (windowHeight < inputPosition.y + calendarSize + inputHeight) {
-        field.current.style.top = -calendarSize + "px";
-      } else {
-        field.current.style.top = inputHeight + "px";
-      }
-      if (windowWidth < inputPosition.x + blockWidth) {
-        field.current.style.left = inputWidth - blockWidth + "px";
-      }
-      field.current.style.opacity = "1";
-    }
-  }, [month]);
-  const countPrevDays = (e) => {
-    let dayOfWeek = e.getDay();
-    if (dayOfWeek === 0) dayOfWeek = 7;
-    return dayOfWeek - 1;
-  };
-  const currentMonthIndex = month.m - 1;
-  const currentMonthFull = new Date(month.y, currentMonthIndex);
-  const days = [];
-  const prevDays = () => {
-    const prevMonth = new Date(currentMonthFull);
-    prevMonth.setDate(prevMonth.getDate() - 1);
-    const lastDayPrevMohth = prevMonth.getDate();
-    const prevList = [];
-    for (let i = 0; i < countPrevDays(currentMonthFull); i++) {
-      prevList.push(lastDayPrevMohth - i);
+  var k;
+  const r = G(null);
+  l = isNaN(new Date(l).getTime()) ? /* @__PURE__ */ new Date() : l;
+  const h = F(l), p = F(l), y = {
+    y: h.getFullYear(),
+    d: h.getDate(),
+    m: h.getMonth() + 1
+  }, f = {
+    y: p.getFullYear(),
+    d: p.getDate(),
+    m: p.getMonth() + 1
+  }, z = 4, [n, w] = J({ y: f.y, m: f.m }), v = 368;
+  K(() => {
+    var c, s, M, W, B, C;
+    const t = window.innerHeight, e = window.innerWidth;
+    if (r.current !== null) {
+      const O = ((s = (c = r == null ? void 0 : r.current) == null ? void 0 : c.parentElement) == null ? void 0 : s.offsetWidth) || 0, A = ((W = (M = r == null ? void 0 : r.current) == null ? void 0 : M.parentElement) == null ? void 0 : W.offsetHeight) || 0, E = (C = (B = r == null ? void 0 : r.current) == null ? void 0 : B.parentElement) == null ? void 0 : C.getBoundingClientRect(), H = r.current.offsetHeight;
+      t < E.y + H + A ? r.current.style.top = -H + "px" : r.current.style.top = A + "px", e < E.x + v && (r.current.style.left = O - v + "px"), r.current.style.opacity = "1";
     }
-    prevList.reverse();
-    return prevList;
-  };
-  const prevDaysArray = prevDays();
-  while (currentMonthFull.getMonth() === currentMonthIndex) {
-    days.push(currentMonthFull.getDate());
-    currentMonthFull.setDate(currentMonthFull.getDate() + 1);
-  }
-  const nextDays = () => {
-    const totalViewDays = 42;
-    const daysCount = totalViewDays - (prevDaysArray.length + days.length);
-    const nextList = [];
-    for (let i = 1; i <= daysCount; i++) {
-      nextList.push(i);
-    }
-    return nextList;
-  };
-  const nextDaysArray = nextDays();
-  const update = (m, y) => {
-    y = m > 12 ? y + 1 : m < 1 ? y - 1 : y;
-    m = m > 12 ? 1 : m < 1 ? 12 : m;
-    return { y, m };
-  };
-  const onExit = () => {
-    setActive(false);
-  };
-  const next = () => {
-    setMonth(update(month.m + 1, month.y));
-  };
-  const prev = () => {
-    setMonth(update(month.m - 1, month.y));
-  };
-  const isBefore = (activeDate) => {
-    if (before) {
-      const beforeDate = before.getTime();
-      if (beforeDate > activeDate) return true;
-    }
-    return false;
-  };
-  const send = (searchDate) => {
-    if (isBefore(
+  }, [n]);
+  const L = (t) => {
+    let e = t.getDay();
+    return e === 0 && (e = 7), e - 1;
+  }, N = n.m - 1, m = new Date(n.y, N), D = [], x = (() => {
+    const t = new Date(m);
+    t.setDate(t.getDate() - 1);
+    const e = t.getDate(), c = [];
+    for (let s = 0; s < L(m); s++)
+      c.push(e - s);
+    return c.reverse(), c;
+  })();
+  for (; m.getMonth() === N; )
+    D.push(m.getDate()), m.setDate(m.getDate() + 1);
+  const R = (() => {
+    const e = 42 - (x.length + D.length), c = [];
+    for (let s = 1; s <= e; s++)
+      c.push(s);
+    return c;
+  })(), b = (t, e) => (e = t > 12 ? e + 1 : t < 1 ? e - 1 : e, t = t > 12 ? 1 : t < 1 ? 12 : t, { y: e, m: t }), S = () => {
+    P(!1);
+  }, V = () => {
+    w(b(n.m + 1, n.y));
+  }, Y = () => {
+    w(b(n.m - 1, n.y));
+  }, $ = (t) => !!(g && g.getTime() > t), _ = (t) => {
+    $(
       (/* @__PURE__ */ new Date(
-        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
+        `${n.y}-${i.Number(2, n.m)}-${i.Number(2, t)}`
       )).getTime()
-    ))
-      return;
-    onChangeValue(
+    ) || (I(
       /* @__PURE__ */ new Date(
-        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
+        `${n.y}-${i.Number(2, n.m)}-${i.Number(2, t)}`
       )
-    );
-    onExit();
+    ), S());
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ a(q, { children: /* @__PURE__ */ u(
     "div",
     {
-      className: [cls["calendar-block"]].join(" "),
-      ref: field,
+      className: [o["calendar-block"]].join(" "),
+      ref: r,
       "data-testid": "calendar-modal",
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
-          /* @__PURE__ */ jsx(
-            Button,
+        /* @__PURE__ */ u("div", { className: o.h, children: [
+          /* @__PURE__ */ a(
+            j,
             {
-              isIconButton: true,
+              isIconButton: !0,
               iconName: "DropdownArrowLeft16px",
-              onClick: prev,
+              onClick: Y,
               variant: "secondary-gray",
               size: "l"
             }
           ),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ u(
             "div",
             {
-              className: cls["d"],
-              onClick: () => onType == null ? void 0 : onType("months"),
+              className: o.d,
+              onClick: () => d == null ? void 0 : d("months"),
               "data-testid": "month-year-button",
               children: [
-                (_a = formating.Month(month.m)) == null ? void 0 : _a.name,
+                (k = i.Month(n.m)) == null ? void 0 : k.name,
                 "’",
-                month.y.toString().slice(-2),
-                /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
+                n.y.toString().slice(-2),
+                /* @__PURE__ */ a(T, { iconName: "DropdownArrowBottom16px" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx(
-            Button,
+          /* @__PURE__ */ a(
+            j,
             {
-              isIconButton: true,
+              isIconButton: !0,
               iconName: "DropdownArrowRight16px",
-              onClick: next,
+              onClick: V,
               variant: "secondary-gray",
               size: "l"
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
-          week.map((i, s) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ u("div", { className: o.b, children: [
+          Q.map((t, e) => /* @__PURE__ */ a(
             "div",
             {
-              className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
-              children: i
+              className: `${e > z ? [o.m, o.orange].join(" ") : o.m}`,
+              children: t
             },
-            `v${s}`
+            `v${e}`
           )),
-          prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
-          days.map((i, s) => /* @__PURE__ */ jsx(
+          x.map((t, e) => /* @__PURE__ */ a("div", { className: o.m, children: t }, e)),
+          D.map((t, e) => /* @__PURE__ */ a(
             "div",
             {
-              className: isBefore(
+              className: $(
                 (/* @__PURE__ */ new Date(
-                  `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
+                  `${n.y}-${i.Number(2, n.m)}-${i.Number(2, t)}`
                 )).getTime()
-              ) ? cls["m"] : cls["a"],
-              children: i !== 0 ? /* @__PURE__ */ jsx(
+              ) ? o.m : o.a,
+              children: t !== 0 ? /* @__PURE__ */ a(
                 "b",
                 {
-                  className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
-                  onClick: () => send(i),
-                  children: i
+                  className: y.y === n.y && y.m === n.m && y.d === t ? o.current : "",
+                  onClick: () => _(t),
+                  children: t
                 }
-              ) : /* @__PURE__ */ jsx("p", {})
+              ) : /* @__PURE__ */ a("p", {})
             },
-            s
+            e
           )),
-          nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
+          R.map((t, e) => /* @__PURE__ */ a("div", { className: o.m, children: t }, e))
         ] })
       ]
     }
   ) });
 }
 export {
-  DatePickerModal
+  ct as DatePickerModal
 };

package/dist/components/DatePicker/MonthPickerModal.js

@@ -1,131 +1,102 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-import { months } from "./constants.js";
-import { c as cls } from "../../styles.module-B9L4B63y.js";
-import { Icon } from "../../icons/Icon.js";
-import { formating } from "../../utils/index.js";
-import { Button } from "../Button/Button.js";
-function MonthPickerModal({
-  date,
-  onChangeValue,
-  before,
-  onType
+import { jsx as o, Fragment as z, jsxs as u } from "react/jsx-runtime";
+import { useRef as A, useState as F, useEffect as I } from "react";
+import { months as R } from "./constants.js";
+import { c as i } from "../../styles.module-CaPkyXYQ.js";
+import { Icon as S } from "../../icons/Icon.js";
+import { formating as c } from "../../utils/index.js";
+import { Button as C } from "../Button/Button.js";
+function K({
+  date: d,
+  onChangeValue: H,
+  before: f,
+  onType: s
 }) {
-  const field = useRef(null);
-  const _current = new Date(date);
-  const _selecte = new Date(date);
-  const current = {
-    y: _current.getFullYear(),
-    d: _current.getDate(),
-    m: _current.getMonth() + 1
-  };
-  const selecte = {
-    y: _selecte.getFullYear(),
-    d: _selecte.getDate(),
-    m: _selecte.getMonth() + 1
-  };
-  const [year, setYear] = useState(selecte.y);
-  const blockWidth = 368;
-  useEffect(() => {
-    var _a, _b, _c, _d;
-    const windowHeight = window.innerHeight;
-    const windowWidth = window.innerWidth;
-    if (field.current !== null) {
-      const inputWidth = ((_b = (_a = field == null ? void 0 : field.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.offsetWidth) || 0;
-      const inputHeight = (_d = (_c = field == null ? void 0 : field.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.offsetHeight;
-      const inputPosition = field.current.getBoundingClientRect();
-      const calendarSize = field.current.offsetHeight;
-      if (windowHeight < inputPosition.y + calendarSize) {
-        field.current.style.top = -calendarSize + "px";
-      } else {
-        field.current.style.top = inputHeight + "px";
-      }
-      if (windowWidth < inputPosition.x + blockWidth) {
-        field.current.style.left = inputWidth - blockWidth + "px";
-      }
-      field.current.style.opacity = "1";
+  const t = A(null), a = new Date(d), m = new Date(d), p = {
+    y: a.getFullYear(),
+    d: a.getDate(),
+    m: a.getMonth() + 1
+  }, l = {
+    y: m.getFullYear(),
+    d: m.getDate(),
+    m: m.getMonth() + 1
+  }, [n, h] = F(l.y), g = 368;
+  I(() => {
+    var N, y, x, D, b, k;
+    const e = window.innerHeight, r = window.innerWidth;
+    if (t.current !== null) {
+      const j = ((y = (N = t == null ? void 0 : t.current) == null ? void 0 : N.parentElement) == null ? void 0 : y.offsetWidth) || 0, v = ((D = (x = t == null ? void 0 : t.current) == null ? void 0 : x.parentElement) == null ? void 0 : D.offsetHeight) || 0, $ = (k = (b = t == null ? void 0 : t.current) == null ? void 0 : b.parentElement) == null ? void 0 : k.getBoundingClientRect(), B = t.current.offsetHeight;
+      e < $.y + B + v ? t.current.style.top = -B + "px" : t.current.style.top = v + "px", r < $.x + g && (t.current.style.left = j - g + "px"), t.current.style.opacity = "1";
     }
   }, []);
-  const next = () => {
-    setYear(year + 1);
-  };
-  const prev = () => {
-    setYear(year - 1);
-  };
-  const isBefore = (activeDate) => {
-    if (before) {
-      const beforeDate = before.getTime();
-      if (beforeDate > activeDate) return true;
-    }
-    return false;
-  };
-  const send = (searchDate) => {
-    if (isBefore(
+  const W = () => {
+    h(n + 1);
+  }, E = () => {
+    h(n - 1);
+  }, w = (e) => !!(f && f.getTime() > e), M = (e) => {
+    w(
       (/* @__PURE__ */ new Date(
-        `${year}-${formating.Number(2, searchDate)}-${formating.Number(2, selecte.d)}`
+        `${n}-${c.Number(2, e)}-${c.Number(2, l.d)}`
       )).getTime()
-    ))
-      return;
-    onChangeValue(
+    ) || H(
       /* @__PURE__ */ new Date(
-        `${year}-${formating.Number(2, searchDate)}-${formating.Number(2, selecte.d)}`
+        `${n}-${c.Number(2, e)}-${c.Number(2, l.d)}`
       )
     );
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
-    /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
-      /* @__PURE__ */ jsx(
-        Button,
+  return /* @__PURE__ */ o(z, { children: /* @__PURE__ */ u("div", { className: [i["calendar-block"]].join(" "), ref: t, children: [
+    /* @__PURE__ */ u("div", { className: i.h, children: [
+      /* @__PURE__ */ o(
+        C,
         {
-          isIconButton: true,
+          isIconButton: !0,
           iconName: "DropdownArrowLeft16px",
-          onClick: prev,
+          onClick: E,
           variant: "secondary-gray",
           size: "l"
         }
       ),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ u(
         "div",
         {
-          onClick: () => onType == null ? void 0 : onType("years"),
-          className: cls["d"],
+          onClick: () => s == null ? void 0 : s("years"),
+          className: i.d,
           "data-testid": "year-button",
           children: [
-            year.toString(),
-            /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
+            n.toString(),
+            /* @__PURE__ */ o(S, { iconName: "DropdownArrowBottom16px" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ o(
+        C,
         {
-          isIconButton: true,
+          isIconButton: !0,
           iconName: "DropdownArrowRight16px",
-          onClick: next,
+          onClick: W,
           variant: "secondary-gray",
           size: "l"
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "month-picker", children: months.map((i, s) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ o("div", { className: i.monthGrid, "data-testid": "month-picker", children: R.map((e, r) => /* @__PURE__ */ o(
       "div",
       {
-        className: isBefore(
-          (/* @__PURE__ */ new Date(`${year}-${formating.Number(2, s + 1)}`)).getTime()
-        ) ? cls["m"] : cls["a"],
-        children: /* @__PURE__ */ jsx(
+        className: w(
+          (/* @__PURE__ */ new Date(`${n}-${c.Number(2, r + 1)}`)).getTime()
+        ) ? i.m : i.a,
+        children: /* @__PURE__ */ o(
           "b",
           {
-            className: current.y === year && current.m === s + 1 ? cls["current"] : "",
-            onClick: () => send(s + 1),
-            children: i
+            className: p.y === n && p.m === r + 1 ? i.current : "",
+            onClick: () => M(r + 1),
+            children: e
           }
         )
       },
-      s
+      r
     )) })
   ] }) });
 }
 export {
-  MonthPickerModal
+  K as MonthPickerModal
 };