mimir-ui-kit 1.35.2 → 1.35.3

package/dist/components/DatePicker/MonthPickerModal.js

@@ -1,102 +1,94 @@
-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-BQZZ6FB1.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({
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { c as k } from "../../index-DIxK0V-G.js";
+import { useState as $ } from "react";
+import { months as x } from "./constants.js";
+import { useDatePickerPosition as v } from "./hooks.js";
+import { c as e } from "../../styles.module-Chnn6DA-.js";
+import { Icon as B } from "../../icons/Icon.js";
+import { formating as a } from "../../utils/index.js";
+import { Button as b } from "../Button/Button.js";
+const F = ({
   date: d,
-  onChangeValue: H,
-  before: f,
-  onType: s
-}) {
-  const t = A(null), a = new Date(d), m = new Date(d), p = {
-    y: a.getFullYear(),
-    d: a.getDate(),
-    m: a.getMonth() + 1
-  }, l = {
+  onChangeValue: D,
+  before: u,
+  onChangeType: i
+}) => {
+  const h = v(), c = new Date(d), m = new Date(d), f = {
+    y: c.getFullYear(),
+    d: c.getDate(),
+    m: c.getMonth() + 1
+  }, s = {
     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 W = () => {
-    h(n + 1);
-  }, E = () => {
-    h(n - 1);
-  }, w = (e) => !!(f && f.getTime() > e), M = (e) => {
-    w(
+  }, [t, p] = $(s.y), w = () => {
+    p(t + 1);
+  }, g = () => {
+    p(t - 1);
+  }, N = (r) => !!(u && u.getTime() > r), y = (r) => {
+    N(
       (/* @__PURE__ */ new Date(
-        `${n}-${c.Number(2, e)}-${c.Number(2, l.d)}`
+        `${t}-${a.Number(2, r)}-${a.Number(2, s.d)}`
       )).getTime()
-    ) || H(
+    ) || D(
       /* @__PURE__ */ new Date(
-        `${n}-${c.Number(2, e)}-${c.Number(2, l.d)}`
+        `${t}-${a.Number(2, r)}-${a.Number(2, s.d)}`
       )
     );
   };
-  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,
+  return /* @__PURE__ */ l("div", { className: e["calendar-block"], ref: h, children: [
+    /* @__PURE__ */ l("div", { className: e.h, children: [
+      /* @__PURE__ */ n(
+        b,
         {
           isIconButton: !0,
           iconName: "DropdownArrowLeft16px",
-          onClick: E,
+          onClick: g,
           variant: "secondary-gray",
           size: "l"
         }
       ),
-      /* @__PURE__ */ u(
-        "div",
+      /* @__PURE__ */ l(
+        "button",
         {
-          onClick: () => s == null ? void 0 : s("years"),
-          className: i.d,
+          type: "button",
+          onClick: () => i == null ? void 0 : i("years"),
+          className: e.d,
           "data-testid": "year-button",
           children: [
-            n.toString(),
-            /* @__PURE__ */ o(S, { iconName: "DropdownArrowBottom16px" })
+            t.toString(),
+            /* @__PURE__ */ n(B, { iconName: "DropdownArrowBottom16px" })
           ]
         }
       ),
-      /* @__PURE__ */ o(
-        C,
+      /* @__PURE__ */ n(
+        b,
         {
           isIconButton: !0,
           iconName: "DropdownArrowRight16px",
-          onClick: W,
+          onClick: w,
           variant: "secondary-gray",
           size: "l"
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: i.monthGrid, "data-testid": "month-picker", children: R.map((e, r) => /* @__PURE__ */ o(
-      "div",
+    /* @__PURE__ */ n("div", { className: e.monthGrid, "data-testid": "month-picker", children: x.map((r, o) => /* @__PURE__ */ n(
+      "button",
       {
-        className: w(
-          (/* @__PURE__ */ new Date(`${n}-${c.Number(2, r + 1)}`)).getTime()
-        ) ? i.m : i.a,
-        children: /* @__PURE__ */ o(
-          "b",
-          {
-            className: p.y === n && p.m === r + 1 ? i.current : "",
-            onClick: () => M(r + 1),
-            children: e
-          }
-        )
+        type: "button",
+        onClick: () => y(o + 1),
+        className: k(
+          N(
+            (/* @__PURE__ */ new Date(`${t}-${a.Number(2, o + 1)}`)).getTime()
+          ) ? e.m : e.a,
+          { [e.current]: f.y === t && f.m === o + 1 }
+        ),
+        children: r
       },
-      r
+      o
     )) })
-  ] }) });
-}
+  ] });
+};
 export {
-  K as MonthPickerModal
+  F as MonthPickerModal
 };

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

@@ -1,9 +1,8 @@
-type YearPickerModal = {
+type TProps = {
     date: Date;
-    onChangeValue: (d: Date) => void;
-    setActive: (s: boolean) => void;
     before?: Date;
-    onType?: (s: 'years') => void;
+    onChangeValue: (date: Date) => void;
+    onChangeType?: (type: 'years') => void;
 };
-export declare function YearPickerModal({ date, onChangeValue, before, onType }: YearPickerModal): import("react/jsx-runtime").JSX.Element;
+export declare const YearPickerModal: ({ date, onChangeValue, before, onChangeType }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,89 +1,89 @@
-import { jsx as r, Fragment as F, jsxs as B } from "react/jsx-runtime";
-import { useRef as M, useState as R, useEffect as I } from "react";
-import { c as n } from "../../styles.module-BQZZ6FB1.js";
-import { formating as c } from "../../utils/index.js";
-import { Button as C } from "../Button/Button.js";
-function q({
-  date: u,
-  onChangeValue: H,
-  before: d,
-  onType: i
-}) {
-  const e = M(null), a = new Date(u), m = new Date(u), f = {
-    y: a.getFullYear(),
-    d: a.getDate(),
-    m: a.getMonth() + 1
-  }, o = {
-    y: m.getFullYear(),
-    d: m.getDate(),
-    m: m.getMonth() + 1
-  }, [l, p] = R(o.y), g = 368, W = l - 7, Y = Array.from(Array(15).keys()).map((t) => t + W);
-  I(() => {
-    var w, y, N, x, D, b;
-    const t = window.innerHeight, s = window.innerWidth;
-    if (e.current !== null) {
-      const z = ((y = (w = e == null ? void 0 : e.current) == null ? void 0 : w.parentElement) == null ? void 0 : y.offsetWidth) || 0, k = ((x = (N = e == null ? void 0 : e.current) == null ? void 0 : N.parentElement) == null ? void 0 : x.offsetHeight) || 0, v = (b = (D = e == null ? void 0 : e.current) == null ? void 0 : D.parentElement) == null ? void 0 : b.getBoundingClientRect(), $ = e.current.offsetHeight;
-      t < v.y + $ + k ? e.current.style.top = -$ + "px" : e.current.style.top = k + "px", s < v.x + g && (e.current.style.left = z - g + "px"), e.current.style.opacity = "1";
-    }
-  }, []);
-  const A = () => {
-    p(l + 15);
-  }, E = () => {
-    p(l - 15);
-  }, h = (t) => !!(d && d.getTime() > t), j = (t) => {
-    h(
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { c as v } from "../../index-DIxK0V-G.js";
+import { useState as x } from "react";
+import { useDatePickerPosition as Y } from "./hooks.js";
+import { c as t } from "../../styles.module-Chnn6DA-.js";
+import { formating as n } from "../../utils/index.js";
+import { Button as y } from "../Button/Button.js";
+const F = ({
+  date: m,
+  onChangeValue: b,
+  before: l,
+  onChangeType: a
+}) => {
+  const D = Y(), s = new Date(m), c = new Date(m), u = {
+    y: s.getFullYear(),
+    d: s.getDate(),
+    m: s.getMonth() + 1
+  }, r = {
+    y: c.getFullYear(),
+    d: c.getDate(),
+    m: c.getMonth() + 1
+  }, [i, d] = x(r.y), g = i - 7, k = Array.from(Array(15).keys()).map((e) => e + g), w = () => {
+    d(i + 15);
+  }, $ = () => {
+    d(i - 15);
+  }, f = (e) => !!(l && l.getTime() > e), h = (e) => {
+    f(
       (/* @__PURE__ */ new Date(
-        `${t}-${c.Number(2, o.m)}-${c.Number(2, o.d)}`
+        `${e}-${n.Number(2, r.m)}-${n.Number(2, r.d)}`
       )).getTime()
-    ) || H(
+    ) || b(
       /* @__PURE__ */ new Date(
-        `${t}-${c.Number(2, o.m)}-${c.Number(2, o.d)}`
+        `${e}-${n.Number(2, r.m)}-${n.Number(2, r.d)}`
       )
     );
   };
-  return /* @__PURE__ */ r(F, { children: /* @__PURE__ */ B("div", { className: [n["calendar-block"]].join(" "), ref: e, children: [
-    /* @__PURE__ */ B("div", { className: n.h, children: [
-      /* @__PURE__ */ r(
-        C,
+  return /* @__PURE__ */ p("div", { className: t["calendar-block"], ref: D, children: [
+    /* @__PURE__ */ p("div", { className: t.h, children: [
+      /* @__PURE__ */ o(
+        y,
         {
           isIconButton: !0,
           iconName: "DropdownArrowLeft16px",
-          onClick: E,
+          onClick: $,
           variant: "secondary-gray",
           size: "l"
         }
       ),
-      /* @__PURE__ */ r("div", { onClick: () => i == null ? void 0 : i("years"), className: n.d }),
-      /* @__PURE__ */ r(
-        C,
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          onClick: () => a == null ? void 0 : a("years"),
+          className: t.d
+        }
+      ),
+      /* @__PURE__ */ o(
+        y,
         {
           isIconButton: !0,
           iconName: "DropdownArrowRight16px",
-          onClick: A,
+          onClick: w,
           variant: "secondary-gray",
           size: "l"
         }
       )
     ] }),
-    /* @__PURE__ */ r("div", { className: n.monthGrid, "data-testid": "year-picker", children: Y.map((t, s) => /* @__PURE__ */ r(
-      "div",
+    /* @__PURE__ */ o("div", { className: t.monthGrid, "data-testid": "year-picker", children: k.map((e, N) => /* @__PURE__ */ o(
+      "button",
       {
-        className: h(
-          (/* @__PURE__ */ new Date(`${t}-${c.Number(2, f.m)}`)).getTime()
-        ) ? n.m : n.a,
-        children: /* @__PURE__ */ r(
-          "b",
+        type: "button",
+        onClick: () => h(e),
+        className: v(
+          f(
+            (/* @__PURE__ */ new Date(`${e}-${n.Number(2, u.m)}`)).getTime()
+          ) ? t.m : t.a,
           {
-            className: f.y === t ? n.current : "",
-            onClick: () => j(t),
-            children: t
+            [t.current]: u.y === e
           }
-        )
+        ),
+        children: e
       },
-      s
+      N
     )) })
-  ] }) });
-}
+  ] });
+};
 export {
-  q as YearPickerModal
+  F as YearPickerModal
 };

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

@@ -10,3 +10,8 @@ export declare enum EDatePickerValue {
     CurrentDate = "20240510",
     CurrentDate3 = "2024-09-10"
 }
+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;

package/dist/components/DatePicker/constants.js

@@ -1,5 +1,5 @@
-var t = /* @__PURE__ */ ((r) => (r.CurrentDate1 = "2024-08-01", r.CurrentDate2 = "2024-07-01", r.CurrentDate3 = "1995-07-11", r))(t || {});
-const u = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], C = [
+var n = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "2024-08-01", t.CurrentDate2 = "2024-07-01", t.CurrentDate3 = "1995-07-11", t))(n || {});
+const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], C = [
   "Январь",
   "Февраль",
   "Март",
@@ -13,10 +13,16 @@ const u = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], C = [
   "Ноябрь",
   "Декабрь"
 ];
-var n = /* @__PURE__ */ ((r) => (r.CurrentDate1 = "", r.CurrentDate = "20240510", r.CurrentDate3 = "2024-09-10", r))(n || {});
+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;
 export {
-  t as EDatePickerBeforeDate,
-  n as EDatePickerValue,
+  o as BLOCK_WIDTH,
+  u as COUNT_WORK_DAYS,
+  T as DATE_LENGTH,
+  n as EDatePickerBeforeDate,
+  r as EDatePickerValue,
+  _ as MAX_DAY,
+  A as MAX_MONTH,
   C as months,
-  u as week
+  s as week
 };

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

@@ -0,0 +1,3 @@
+import { DependencyList } from 'react';
+
+export declare const useDatePickerPosition: (deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;

package/dist/components/DatePicker/hooks.js

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

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

@@ -1,2 +1,2 @@
 export { DatePicker } from './DatePicker';
-export type { DatePicker as TDatePickerProps, TDatePickerValue } from './DatePicker';
+export type { TProps as TDatePickerProps, TDatePickerValue } from './DatePicker';

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

@@ -1,2 +1,6 @@
 export declare const formatDatePart: (value: string, max: number) => string;
 export declare const getFullYear: (year: string) => number;
+export declare const getUpdateDate: (m: number, y: number) => {
+    y: number;
+    m: number;
+};

package/dist/components/DatePicker/utils.js

@@ -1,8 +1,9 @@
-const o = (r, t) => parseInt(r) > t ? t.toString() : r, c = (r) => {
-  const t = (/* @__PURE__ */ new Date()).getFullYear(), e = Math.floor(t / 100) * 100, n = parseInt(r) + e;
-  return n > t + 20 ? n - 100 : n;
-};
+const o = (t, r) => parseInt(t) > r ? r.toString() : t, a = (t) => {
+  const r = (/* @__PURE__ */ new Date()).getFullYear(), e = Math.floor(r / 100) * 100, n = parseInt(t) + e;
+  return n > r + 20 ? n - 100 : n;
+}, c = (t, r) => (r = t > 12 ? r + 1 : t < 1 ? r - 1 : r, t = t > 12 ? 1 : t < 1 ? 12 : t, { y: r, m: t });
 export {
   o as formatDatePart,
-  c as getFullYear
+  a as getFullYear,
+  c as getUpdateDate
 };

package/dist/components/Image/Image.js

@@ -32,7 +32,7 @@ import '../../assets/Image.css';const k = "_picture_9zemz_2", x = "_image_9zemz_
         [s.loading]: a
       }),
       children: [
-        r && /* @__PURE__ */ i("source", { srcSet: r, media: N.S }),
+        r && /* @__PURE__ */ i("source", { srcSet: r, media: N.XS1 }),
         e && /* @__PURE__ */ i("source", { srcSet: e, media: S.S }),
         /* @__PURE__ */ i(
           "img",

package/dist/styles.module-Chnn6DA-.js

@@ -0,0 +1,24 @@
+import './assets/styles.css';const _ = "_input_yyf2c_2", t = "_inputBorderControl_yyf2c_14", c = "_editable_yyf2c_27", r = "_wrapper_yyf2c_50", n = "_active_yyf2c_56", o = "_button_yyf2c_44", y = "_h_yyf2c_100", e = "_b_yyf2c_44", p = "_d_yyf2c_10", a = "_m_yyf2c_122", f = "_a_yyf2c_56", s = "_prev_yyf2c_124", i = "_orange_yyf2c_138", d = "_current_yyf2c_155", u = "_monthGrid_yyf2c_160", b = {
+  input: _,
+  "input-wrapper": "_input-wrapper_yyf2c_6",
+  "date-wrapper": "_date-wrapper_yyf2c_10",
+  inputBorderControl: t,
+  editable: c,
+  "button-wrapper": "_button-wrapper_yyf2c_44",
+  wrapper: r,
+  active: n,
+  button: o,
+  "calendar-block": "_calendar-block_yyf2c_78",
+  h: y,
+  b: e,
+  d: p,
+  m: a,
+  a: f,
+  prev: s,
+  orange: i,
+  current: d,
+  monthGrid: u
+};
+export {
+  b as c
+};

package/package.json

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

package/dist/styles.module-BQZZ6FB1.js

@@ -1,25 +0,0 @@
-import './assets/styles.css';const o = "_input_1uohj_2", _ = "_inputBorderControl_1uohj_14", t = "_editable_1uohj_27", r = "_wrapper_1uohj_50", n = "_active_1uohj_56", e = "_button_1uohj_44", u = "_h_1uohj_107", p = "_b_1uohj_44", a = "_d_1uohj_10", c = "_m_1uohj_128", h = "_a_1uohj_56", j = "_prev_1uohj_130", i = "_orange_1uohj_146", d = "_current_1uohj_171", s = "_monthGrid_1uohj_176", l = {
-  input: o,
-  "input-wrapper": "_input-wrapper_1uohj_6",
-  "date-wrapper": "_date-wrapper_1uohj_10",
-  inputBorderControl: _,
-  editable: t,
-  "button-wrapper": "_button-wrapper_1uohj_44",
-  wrapper: r,
-  active: n,
-  button: e,
-  "field-overlow": "_field-overlow_1uohj_78",
-  "calendar-block": "_calendar-block_1uohj_84",
-  h: u,
-  b: p,
-  d: a,
-  m: c,
-  a: h,
-  prev: j,
-  orange: i,
-  current: d,
-  monthGrid: s
-};
-export {
-  l as c
-};