mimir-ui-kit 1.43.11 → 1.43.12

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,137 +1,117 @@
-import { jsxs as F, jsx as c } from "react/jsx-runtime";
-import { c as P } from "../../index-DIxK0V-G.js";
-import { useState as C } from "react";
-import { useDatePickerPosition as L } from "./hooks.js";
-import { c as o } from "../../styles.module-BfkM1-KJ.js";
-import { formating as _ } from "../../utils/index.js";
-import { Button as v } from "../Button/Button.js";
-const N = 15, O = 7, T = ({
-  date: y,
-  selectedDate: d,
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { c as $ } from "../../index-DIxK0V-G.js";
+import { useState as j } from "react";
+import { useDatePickerPosition as z } from "./hooks.js";
+import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { formating as F } from "../../utils/index.js";
+import { Button as P } from "../Button/Button.js";
+const p = 15, I = 7, W = ({
+  date: v,
+  selectedDate: u,
   onChangeValue: E,
   before: Y,
-  onChangeType: l,
-  onChangeYear: g,
-  disableFuture: M = !1,
-  disablePast: S = !1,
-  disabledDate: r,
+  onChangeType: d,
+  onChangeYear: N,
+  disableFuture: S = !1,
+  disablePast: _ = !1,
+  disabledDate: o,
   validRange: k
 }) => {
-  const [G, Q] = L(), i = new Date(y), u = d ? new Date(d) : i, D = /* @__PURE__ */ new Date(), $ = {
-    y: u.getFullYear(),
-    d: u.getDate(),
-    m: u.getMonth() + 1
+  const y = z(), i = new Date(v), l = u ? new Date(u) : i, G = {
+    y: l.getFullYear(),
+    d: l.getDate(),
+    m: l.getMonth() + 1
   }, e = {
     y: i.getFullYear(),
     d: i.getDate(),
     m: i.getMonth() + 1
-  }, B = {
-    y: D.getFullYear(),
-    d: D.getDate(),
-    m: D.getMonth() + 1
-  }, [w, h] = C(e.y), H = w - O, R = Array.from(Array(N).keys()).map(
-    (t) => t + H
-  ), j = () => {
-    h(w + N);
-  }, z = () => {
-    h(w - N);
-  }, x = (t) => {
+  }, [D, h] = j(e.y), M = D - I, Q = Array.from(Array(p).keys()).map(
+    (t) => t + M
+  ), B = () => {
+    h(D + p);
+  }, H = () => {
+    h(D - p);
+  }, g = (t) => {
     const s = (/* @__PURE__ */ new Date()).getFullYear();
     if (k) {
-      const [a, p] = k;
-      let n;
+      const [a, w] = k;
+      let r;
       if (e.m && e.d)
-        n = new Date(t, e.m - 1, e.d);
+        r = new Date(t, e.m - 1, e.d);
       else {
         const A = /* @__PURE__ */ new Date();
-        n = new Date(t, A.getMonth(), A.getDate());
+        r = new Date(t, A.getMonth(), A.getDate());
       }
-      n.setHours(0, 0, 0, 0);
-      const m = new Date(a), f = new Date(p);
-      if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), n < m || n > f)
+      r.setHours(0, 0, 0, 0);
+      const m = new Date(a), f = new Date(w);
+      if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), r < m || r > f)
         return !0;
     }
-    if (Y && Y.getFullYear() > t || M && t > s || S && t < s)
+    if (Y && Y.getFullYear() > t || S && t > s || _ && t < s)
       return !0;
-    if (r) {
+    if (o) {
       const a = new Date(t, e.m - 1, e.d);
-      if (!r(a)) return !1;
-      const p = new Date(t, 2, 15), n = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
-      return r(p) && r(n) && r(m) && r(f);
+      if (!o(a)) return !1;
+      const w = new Date(t, 2, 15), r = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
+      return o(w) && o(r) && o(m) && o(f);
     }
     return !1;
-  }, I = (t) => {
-    x(t) || (g ? g(t) : E(
+  }, R = (t) => {
+    g(t) || (N ? N(t) : E(
       /* @__PURE__ */ new Date(
-        `${t}-${_.Number(2, e.m)}-${_.Number(2, e.d)}`
+        `${t}-${F.Number(2, e.m)}-${F.Number(2, e.d)}`
       )
     ));
   };
-  return /* @__PURE__ */ F(
-    "div",
-    {
-      className: P(
-        o["calendar-block"],
-        o[`calendar-block--position-${Q}`]
+  return /* @__PURE__ */ b("div", { className: n["calendar-block"], ref: y, children: [
+    /* @__PURE__ */ b("div", { className: n.h, children: [
+      /* @__PURE__ */ c(
+        P,
+        {
+          isIconButton: !0,
+          iconName: "DropdownArrowLeft16px",
+          onClick: H,
+          variant: "secondary-gray",
+          size: "l"
+        }
       ),
-      ref: G,
-      children: [
-        /* @__PURE__ */ F("div", { className: o.h, children: [
-          /* @__PURE__ */ c(
-            v,
-            {
-              isIconButton: !0,
-              iconName: "DropdownArrowLeft16px",
-              onClick: z,
-              variant: "secondary-gray",
-              size: "l"
-            }
-          ),
-          /* @__PURE__ */ c(
-            "button",
-            {
-              type: "button",
-              onClick: () => l == null ? void 0 : l("years"),
-              className: o.d
-            }
-          ),
-          /* @__PURE__ */ c(
-            v,
-            {
-              isIconButton: !0,
-              iconName: "DropdownArrowRight16px",
-              onClick: j,
-              variant: "secondary-gray",
-              size: "l"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c("div", { className: o.monthGrid, "data-testid": "year-picker", children: R.map((t, b) => {
-          const s = x(t);
-          return /* @__PURE__ */ c(
-            "button",
-            {
-              type: "button",
-              onClick: () => I(t),
-              disabled: s,
-              className: P(
-                s ? o.m : o.a,
-                {
-                  [o.current]: B.y === t
-                },
-                {
-                  [o.selecte]: d && $.y === t
-                }
-              ),
-              children: t
-            },
-            b
-          );
-        }) })
-      ]
-    }
-  );
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => d == null ? void 0 : d("years"),
+          className: n.d
+        }
+      ),
+      /* @__PURE__ */ c(
+        P,
+        {
+          isIconButton: !0,
+          iconName: "DropdownArrowRight16px",
+          onClick: B,
+          variant: "secondary-gray",
+          size: "l"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: n.monthGrid, "data-testid": "year-picker", children: Q.map((t, x) => {
+      const s = g(t);
+      return /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => R(t),
+          disabled: s,
+          className: $(s ? n.m : n.a, {
+            [n.current]: u && G.y === t
+          }),
+          children: t
+        },
+        x
+      );
+    }) })
+  ] });
 };
 export {
-  T as YearPickerModal
+  W as YearPickerModal
 };

package/dist/components/DatePicker/constants.d.ts

@@ -10,9 +10,9 @@ export declare enum EDatePickerValue {
     CurrentDate = "20240510",
     CurrentDate3 = "2024-09-10"
 }
-export type TCalendarBlockPosition = 'top' | 'medium' | 'bottom';
 export declare const BLOCK_WIDTH = 368;
 export declare const COUNT_WORK_DAYS = 4;
 export declare const MAX_DAY = 31;
 export declare const MAX_MONTH = 12;
 export declare const DATE_LENGTH = 10;
+export declare const MAX_MOBILE_WIDTH = 500;

package/dist/components/DatePicker/constants.js

@@ -1,5 +1,5 @@
 var n = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "2024-08-01", t.CurrentDate2 = "2024-07-01", t.CurrentDate3 = "1995-07-11", t))(n || {});
-const s = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], C = [
+const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
   "Январь",
   "Февраль",
   "Март",
@@ -14,15 +14,16 @@ const s = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], C = [
   "Декабрь"
 ];
 var r = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "", t.CurrentDate = "20240510", t.CurrentDate3 = "2024-09-10", t))(r || {});
-const o = 368, u = 4, _ = 31, A = 12, T = 10;
+const C = 368, _ = 4, u = 31, A = 12, T = 10, D = 500;
 export {
-  o as BLOCK_WIDTH,
-  u as COUNT_WORK_DAYS,
+  C as BLOCK_WIDTH,
+  _ as COUNT_WORK_DAYS,
   T as DATE_LENGTH,
   n as EDatePickerBeforeDate,
   r as EDatePickerValue,
-  _ as MAX_DAY,
+  u as MAX_DAY,
+  D as MAX_MOBILE_WIDTH,
   A as MAX_MONTH,
-  C as months,
+  o as months,
   s as week
 };

package/dist/components/DatePicker/hooks.d.ts

@@ -1,4 +1,3 @@
 import { DependencyList } from 'react';
-import { TCalendarBlockPosition } from './constants';
 
-export declare const useDatePickerPosition: (deps?: DependencyList) => (import('react').RefObject<HTMLDivElement> | TCalendarBlockPosition | null)[];
+export declare const useDatePickerPosition: (deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;

package/dist/components/DatePicker/hooks.js

@@ -1,20 +1,20 @@
-import { useRef as w, useState as g, useLayoutEffect as H } from "react";
-import { BLOCK_WIDTH as r } from "./constants.js";
-const E = (d) => {
-  const t = w(null), [y, o] = g(null);
-  return H(() => {
-    var s, c, l, u, p, a;
-    const h = window.innerHeight, m = window.innerWidth;
+import { useRef as x, useEffect as w } from "react";
+import { BLOCK_WIDTH as o, MAX_MOBILE_WIDTH as g } from "./constants.js";
+const W = (a) => {
+  const t = x(null);
+  return w(() => {
+    var s, l, u, p, f, y;
+    const d = window.innerHeight, c = window.innerWidth;
     if (t.current !== null) {
-      const x = ((c = (s = t == null ? void 0 : t.current) == null ? void 0 : s.parentElement) == null ? void 0 : c.offsetWidth) ?? 0, f = ((u = (l = t == null ? void 0 : t.current) == null ? void 0 : l.parentElement) == null ? void 0 : u.offsetHeight) ?? 0, n = (a = (p = t == null ? void 0 : t.current) == null ? void 0 : p.parentElement) == null ? void 0 : a.getBoundingClientRect(), i = t.current.offsetHeight;
-      if (m < n.x + r) {
-        const e = x - r;
+      const h = ((l = (s = t == null ? void 0 : t.current) == null ? void 0 : s.parentElement) == null ? void 0 : l.offsetWidth) ?? 0, r = ((p = (u = t == null ? void 0 : t.current) == null ? void 0 : u.parentElement) == null ? void 0 : p.offsetHeight) ?? 0, n = (y = (f = t == null ? void 0 : t.current) == null ? void 0 : f.parentElement) == null ? void 0 : y.getBoundingClientRect(), i = t.current.offsetHeight;
+      if (c < n.x + o) {
+        const e = h - o;
         n.x - Math.abs(e) < 0 ? t.current.style.left = (e < 0 ? e / 2 : e) + "px" : t.current.style.left = e + "px";
       }
-      h < n.y + i + f ? n.y - i > 0 ? (t.current.style.top = -i + "px", o("top")) : (t.current.style.position = "fixed", t.current.style.top = `calc(50vh - ${i / 2}px)`, t.current.style.left = `calc(50vw - ${r / 2}px)`, o("medium")) : (t.current.style.top = f + "px", o("bottom")), t.current.style.opacity = "1";
+      d < n.y + i + r ? n.y - i > 0 ? t.current.style.top = -i + "px" : c > g ? t.current.style.top = r + "px" : (t.current.style.position = "fixed", t.current.style.top = `calc(50vh - ${i / 2}px)`, t.current.style.left = `calc(50vw - ${o / 2}px)`) : t.current.style.top = r + "px", t.current.style.opacity = "1";
     }
-  }, [d]), [t, y];
+  }, [a]), t;
 };
 export {
-  E as useDatePickerPosition
+  W as useDatePickerPosition
 };