mimir-ui-kit 1.38.0 → 1.38.2

package/dist/components/DatePicker/DatePicker.js

@@ -1,6 +1,6 @@
 import { jsxs as H, jsx as a } from "react/jsx-runtime";
 import { c as _ } from "../../index-DIxK0V-G.js";
-import { memo as V, forwardRef as tt, useState as w, useEffect as T } from "react";
+import { memo as V, forwardRef as tt, useState as N, useEffect as T } from "react";
 import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as it } from "./constants.js";
 import { DatePickerModal as rt } from "./DatePickerModal.js";
 import { MonthPickerModal as ot } from "./MonthPickerModal.js";
@@ -31,13 +31,13 @@ const dt = {
       validateImmediately: b,
       variant: X,
       disabled: S = !1,
-      editable: D = !1,
+      editable: w = !1,
       openOnInput: j = !0,
       ...E
     }, F) => {
-      const [l, m] = w(!1), [g, f] = w(p), [o, k] = w(
+      const [D, m] = N(!1), [g, f] = N(p), [o, k] = N(
         () => i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
-      ), [n, h] = w(x), [G, A] = w("");
+      ), [n, h] = N(x), [G, A] = N("");
       T(() => {
         h(x);
       }, [x]), T(() => {
@@ -51,14 +51,14 @@ const dt = {
       T(() => {
         b && (u ? (h(!1), d == null || d({ name: c, active: !1 })) : (h(!0), d == null || d({ name: c, active: !0 })));
       }, [b, c, u]), ct({
-        isActive: l,
+        isActive: D,
         setActive: (t) => {
           m(t), f(p);
         },
         className: e["calendar-block"]
       });
       const K = () => {
-        !S && (j || !D) && m(!0);
+        !S && (j || !w) && m(!0);
       }, W = (t) => {
         isNaN(t.getTime()) || (k(t), s == null || s({
           value: y.Date(t, "yyyy-mm-dd"),
@@ -68,15 +68,15 @@ const dt = {
           name: c
         }), r == null || r(y.Date(t, "yyyy-mm-dd"));
       }, q = (t) => {
-        if (D) {
-          const N = t.target.value.replace(/[^\d]/g, "");
-          if (N.length === 0)
+        if (w) {
+          const l = t.target.value.replace(/[^\d]/g, "");
+          if (l.length === 0)
             A(""), s == null || s({ value: "", name: c }), r == null || r("");
           else {
             const [I, O, Y] = [
-              L(N.substring(0, 2), st),
-              L(N.substring(2, 4), et),
-              N.substring(4, 8)
+              L(l.substring(0, 2), st),
+              L(l.substring(2, 4), et),
+              l.substring(4, 8)
             ], $ = [I, O, Y].filter(Boolean).join("/");
             if (A($), $.length === it) {
               const B = parseInt(Y), P = /* @__PURE__ */ new Date(
@@ -89,7 +89,7 @@ const dt = {
             }
           }
         }
-      }, J = _(e.wrapper, l && e.active), Q = _(e.input, e.inputBorderControl), Z = {
+      }, J = _(e.wrapper, D && e.active), Q = _(e.input, e.inputBorderControl), Z = {
         onChangeValue: W,
         date: o || /* @__PURE__ */ new Date(),
         before: typeof v == "string" ? new Date(v) : v,
@@ -114,9 +114,9 @@ const dt = {
             "div",
             {
               role: "button",
-              "data-error": n,
+              "data-error": !!n,
               className: _(e["date-wrapper"], {
-                [e.editable]: D
+                [e.editable]: w
               }),
               onClick: K,
               children: /* @__PURE__ */ a(
@@ -133,18 +133,18 @@ const dt = {
                   onChange: q,
                   rightAddon: {
                     addonType: "react-node",
-                    addonContent: /* @__PURE__ */ a(C, { isActive: l })
+                    addonContent: /* @__PURE__ */ a(C, { isActive: D })
                   },
                   onFocus: () => {
-                    j && !D && m(!0);
+                    j && !w && m(!0);
                   },
-                  "data-error": n,
+                  "data-error": !!n,
                   ...E
                 }
               )
             }
           ),
-          l && /* @__PURE__ */ a(z, { ...Z })
+          D && /* @__PURE__ */ a(z, { ...Z })
         ] }),
         n && typeof n == "string" && /* @__PURE__ */ a("div", { className: e.textError, children: n })
       ] });

package/dist/components/DatePicker/hooks.js

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

package/package.json

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