mimir-ui-kit 1.64.0 → 1.64.2

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/icons/Icon.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Suspense as s } from "react";
-import { i as e } from "../index-DClkrDWX.js";
+import { i as e } from "../index-CQCTAWGm.js";
 const p = ({ iconName: o, ...n }) => {
   const r = e[o];
   return r ? /* @__PURE__ */ t(s, { fallback: null, children: /* @__PURE__ */ t(r, { ...n, "data-testid": o }) }) : null;

package/dist/icons/components/16px/QR16px.js

@@ -0,0 +1,35 @@
+import { jsxs as V, jsx as l } from "react/jsx-runtime";
+const t = (H) => /* @__PURE__ */ V(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...H,
+    children: [
+      /* @__PURE__ */ l("path", { d: "M6 1V6H1V1H6ZM2 5H5V2H2V5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M6 10V15H1V10H6ZM2 14H5V11H2V14Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M15 1V6H10V1H15ZM11 5H14V2H11V5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M4 3H3V4H4V3Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M4 12H3V13H4V12Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M2 7.5H1V8.5H2V7.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M8.5 14H7.5V15H8.5V14Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M12 14H11V15H12V14Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M13 14H12V15H13V14Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M8.5 11H7.5V13H8.5V11Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M15 10H14V15H15V10Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M11 11H10V15H11V11Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M15 7.5H14V8.5H15V7.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M12 7.5H11V9.5H12V7.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M7 7.5H4V8.5H7V7.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M12 9H7.5V10H12V9Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M13 3H12V4H13V3Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M7.5 1H8.5V6H7.5V1Z", fill: "black" })
+    ]
+  }
+);
+export {
+  t as default
+};

package/dist/icons/components/24px/QR24px.js

@@ -0,0 +1,34 @@
+import { jsxs as V, jsx as l } from "react/jsx-runtime";
+const t = (H) => /* @__PURE__ */ V(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...H,
+    children: [
+      /* @__PURE__ */ l("path", { d: "M9 2V9H2V2H9ZM3.5 7.5H7.5V3.5H3.5V7.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M9 15V22H2V15H9ZM3.5 20.5H7.5V16.5H3.5V20.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M22 2V9H15V2H22ZM16.5 7.5H20.5V3.5H16.5V7.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M6.25 4.75H4.75V6.25H6.25V4.75Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M6.25 17.75H4.75V19.25H6.25V17.75Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M3.5 11.25H2V12.75H3.5V11.25Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M12.75 20.5H11.25V22H12.75V20.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M19 20.5H15V22H19V20.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M12.75 16H11.25V19H12.75V16Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M16.5 16H15V22H16.5V16Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M22 11.25H20.5V12.75H22V11.25Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M18.25 11H16.75V15H18.25V11Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M22.1 15H20.5V22H22.1V15Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M11 11.25H6V12.75H11V11.25Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M18.25 13.5H11.25V15H18.25V13.5Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M19.25 4.75H17.75V6.25H19.25V4.75Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M11.2856 2H12.7142V9.14286H11.2856V2Z", fill: "black" })
+    ]
+  }
+);
+export {
+  t as default
+};

package/dist/icons/components/32px/QR32px.js

@@ -0,0 +1,34 @@
+import { jsxs as V, jsx as l } from "react/jsx-runtime";
+const t = (H) => /* @__PURE__ */ V(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...H,
+    children: [
+      /* @__PURE__ */ l("path", { d: "M12 2V12H2V2H12ZM4 10H10V4H4V10Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M12 20V30H2V20H12ZM4 28H10V22H4V28Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M30 2V12H20V2H30ZM22 10H28V4H22V10Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M8 6H6V8H8V6Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M8 24H6V26H8V24Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M26 6H24V8H26V6Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M4 15H2V17H4V15Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M17 28H15V30H17V28Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M26 28H20V30H26V28Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M17 22H15V26H17V22Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M22 22H20V30H22V22Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M30 15H28V17H30V15Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M25 15H23V20H25V15Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M30 20H28V30H30V20Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M15 15H8V17H15V15Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M25 18H15V20H25V18Z", fill: "black" }),
+      /* @__PURE__ */ l("path", { d: "M15 2H17V12H15V2Z", fill: "black" })
+    ]
+  }
+);
+export {
+  t as default
+};