mimir-ui-kit 1.64.0 → 1.64.1

package/dist/components/DatePicker/YearPickerModal.js

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

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

@@ -1,3 +1,3 @@
 import { DependencyList } from 'react';
 
-export declare const useDatePickerPosition: (position?: "center" | "bottom" | "top", deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;
+export declare const useDatePickerPosition: (position?: "center" | "bottom" | "top", isFixed?: boolean, deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;

package/dist/components/DatePicker/hooks.js

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

package/dist/styles.module-DjQdoVeY.js

@@ -0,0 +1,31 @@
+import './assets/styles.css';const r = "_full_1p14j_8", _ = "_wrapper_1p14j_11", t = "_inputBorderControl_1p14j_29", o = "_editable_1p14j_42", p = "_textError_1p14j_71", e = "_button_1p14j_90", n = "_fixed_1p14j_135", d = "_h_1p14j_139", a = "_b_1p14j_48", i = "_d_1p14j_18", c = "_m_1p14j_161", u = "_a_1p14j_162", s = "_prev_1p14j_163", j = "_orange_1p14j_177", l = "_current_1p14j_194", b = "_monthGrid_1p14j_199", f = {
+  "input-field-group-datePicker": "_input-field-group-datePicker_1p14j_3",
+  full: r,
+  wrapper: _,
+  "date-wrapper": "_date-wrapper_1p14j_18",
+  "input-wrapper": "_input-wrapper_1p14j_22",
+  "right-slot": "_right-slot_1p14j_25",
+  inputBorderControl: t,
+  editable: o,
+  "border-radius-left": "_border-radius-left_1p14j_48",
+  "border-radius-right": "_border-radius-right_1p14j_52",
+  "border-radius-none": "_border-radius-none_1p14j_56",
+  "calendar-block": "_calendar-block_1p14j_68",
+  textError: p,
+  "button-wrapper": "_button-wrapper_1p14j_90",
+  button: e,
+  fixed: n,
+  h: d,
+  b: a,
+  d: i,
+  m: c,
+  a: u,
+  prev: s,
+  orange: j,
+  current: l,
+  monthGrid: b,
+  "icon-button": "_icon-button_1p14j_204"
+};
+export {
+  f as c
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.64.0",
+  "version": "1.64.1",
   "type": "module",
   "exports": {
     ".": {

package/dist/styles.module-DeBRSK_x.js

@@ -1,30 +0,0 @@
-import './assets/styles.css';const r = "_full_1snrv_8", n = "_wrapper_1snrv_11", _ = "_inputBorderControl_1snrv_29", t = "_editable_1snrv_42", o = "_textError_1snrv_71", e = "_button_1snrv_90", s = "_h_1snrv_136", a = "_b_1snrv_48", d = "_d_1snrv_18", p = "_m_1snrv_158", c = "_a_1snrv_159", i = "_prev_1snrv_160", u = "_orange_1snrv_174", v = "_current_1snrv_191", l = "_monthGrid_1snrv_196", b = {
-  "input-field-group-datePicker": "_input-field-group-datePicker_1snrv_3",
-  full: r,
-  wrapper: n,
-  "date-wrapper": "_date-wrapper_1snrv_18",
-  "input-wrapper": "_input-wrapper_1snrv_22",
-  "right-slot": "_right-slot_1snrv_25",
-  inputBorderControl: _,
-  editable: t,
-  "border-radius-left": "_border-radius-left_1snrv_48",
-  "border-radius-right": "_border-radius-right_1snrv_52",
-  "border-radius-none": "_border-radius-none_1snrv_56",
-  "calendar-block": "_calendar-block_1snrv_68",
-  textError: o,
-  "button-wrapper": "_button-wrapper_1snrv_90",
-  button: e,
-  h: s,
-  b: a,
-  d,
-  m: p,
-  a: c,
-  prev: i,
-  orange: u,
-  current: v,
-  monthGrid: l,
-  "icon-button": "_icon-button_1snrv_201"
-};
-export {
-  b as c
-};