mimir-ui-kit 1.34.4 → 1.34.6

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,113 +1,82 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-import { c as cls } from "../../styles.module-B9L4B63y.js";
-import { formating } from "../../utils/index.js";
-import { Button } from "../Button/Button.js";
-function YearPickerModal({
-  date,
-  onChangeValue,
-  before,
-  onType
+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-CaPkyXYQ.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 field = useRef(null);
-  const _current = new Date(date);
-  const _selecte = new Date(date);
-  const current = {
-    y: _current.getFullYear(),
-    d: _current.getDate(),
-    m: _current.getMonth() + 1
-  };
-  const selecte = {
-    y: _selecte.getFullYear(),
-    d: _selecte.getDate(),
-    m: _selecte.getMonth() + 1
-  };
-  const [year, setYear] = useState(selecte.y);
-  const blockWidth = 368;
-  const firstYears = year - 7;
-  const years = Array.from(Array(15).keys()).map((i) => i + firstYears);
-  useEffect(() => {
-    var _a, _b, _c, _d;
-    const windowHeight = window.innerHeight;
-    const windowWidth = window.innerWidth;
-    if (field.current !== null) {
-      const inputWidth = ((_b = (_a = field == null ? void 0 : field.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.offsetWidth) || 0;
-      const inputHeight = (_d = (_c = field == null ? void 0 : field.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.offsetHeight;
-      const inputPosition = field.current.getBoundingClientRect();
-      const calendarSize = field.current.offsetHeight;
-      if (windowHeight < inputPosition.y + calendarSize) {
-        field.current.style.top = -calendarSize + "px";
-      } else {
-        field.current.style.top = inputHeight + "px";
-      }
-      if (windowWidth < inputPosition.x + blockWidth) {
-        field.current.style.left = inputWidth - blockWidth + "px";
-      }
-      field.current.style.opacity = "1";
+  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 next = () => {
-    setYear(year + 15);
-  };
-  const prev = () => {
-    setYear(year - 15);
-  };
-  const isBefore = (activeDate) => {
-    if (before) {
-      const beforeDate = before.getTime();
-      if (beforeDate > activeDate) return true;
-    }
-    return false;
-  };
-  const send = (searchDate) => {
-    if (isBefore(
+  const A = () => {
+    p(l + 15);
+  }, E = () => {
+    p(l - 15);
+  }, h = (t) => !!(d && d.getTime() > t), j = (t) => {
+    h(
       (/* @__PURE__ */ new Date(
-        `${searchDate}-${formating.Number(2, selecte.m)}-${formating.Number(2, selecte.d)}`
+        `${t}-${c.Number(2, o.m)}-${c.Number(2, o.d)}`
       )).getTime()
-    ))
-      return;
-    onChangeValue(
+    ) || H(
       /* @__PURE__ */ new Date(
-        `${searchDate}-${formating.Number(2, selecte.m)}-${formating.Number(2, selecte.d)}`
+        `${t}-${c.Number(2, o.m)}-${c.Number(2, o.d)}`
       )
     );
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
-    /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
-      /* @__PURE__ */ jsx(
-        Button,
+  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,
         {
-          isIconButton: true,
+          isIconButton: !0,
           iconName: "DropdownArrowLeft16px",
-          onClick: prev,
+          onClick: E,
           variant: "secondary-gray",
           size: "l"
         }
       ),
-      /* @__PURE__ */ jsx("div", { onClick: () => onType == null ? void 0 : onType("years"), className: cls["d"] }),
-      /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ r("div", { onClick: () => i == null ? void 0 : i("years"), className: n.d }),
+      /* @__PURE__ */ r(
+        C,
         {
-          isIconButton: true,
+          isIconButton: !0,
           iconName: "DropdownArrowRight16px",
-          onClick: next,
+          onClick: A,
           variant: "secondary-gray",
           size: "l"
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "year-picker", children: years.map((i, s) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ r("div", { className: n.monthGrid, "data-testid": "year-picker", children: Y.map((t, s) => /* @__PURE__ */ r(
       "div",
       {
-        className: isBefore(
-          (/* @__PURE__ */ new Date(`${i}-${formating.Number(2, current.m)}`)).getTime()
-        ) ? cls["m"] : cls["a"],
-        children: /* @__PURE__ */ jsx(
+        className: h(
+          (/* @__PURE__ */ new Date(`${t}-${c.Number(2, f.m)}`)).getTime()
+        ) ? n.m : n.a,
+        children: /* @__PURE__ */ r(
           "b",
           {
-            className: current.y === i ? cls["current"] : "",
-            onClick: () => send(i),
-            children: i
+            className: f.y === t ? n.current : "",
+            onClick: () => j(t),
+            children: t
           }
         )
       },
@@ -116,5 +85,5 @@ function YearPickerModal({
   ] }) });
 }
 export {
-  YearPickerModal
+  q as YearPickerModal
 };

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

@@ -1,7 +1,7 @@
 export declare enum EDatePickerBeforeDate {
     CurrentDate1 = "2024-08-01",
     CurrentDate2 = "2024-07-01",
-    CurrentDate3 = "2024-07-11"
+    CurrentDate3 = "1995-07-11"
 }
 export declare const week: string[];
 export declare const months: string[];

package/dist/components/DatePicker/constants.js

@@ -1,11 +1,5 @@
-var EDatePickerBeforeDate = /* @__PURE__ */ ((EDatePickerBeforeDate2) => {
-  EDatePickerBeforeDate2["CurrentDate1"] = "2024-08-01";
-  EDatePickerBeforeDate2["CurrentDate2"] = "2024-07-01";
-  EDatePickerBeforeDate2["CurrentDate3"] = "2024-07-11";
-  return EDatePickerBeforeDate2;
-})(EDatePickerBeforeDate || {});
-const week = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"];
-const months = [
+var t = /* @__PURE__ */ ((r) => (r.CurrentDate1 = "2024-08-01", r.CurrentDate2 = "2024-07-01", r.CurrentDate3 = "1995-07-11", r))(t || {});
+const u = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], C = [
   "Январь",
   "Февраль",
   "Март",
@@ -19,15 +13,10 @@ const months = [
   "Ноябрь",
   "Декабрь"
 ];
-var EDatePickerValue = /* @__PURE__ */ ((EDatePickerValue2) => {
-  EDatePickerValue2["CurrentDate1"] = "";
-  EDatePickerValue2["CurrentDate"] = "20240510";
-  EDatePickerValue2["CurrentDate3"] = "2024-09-10";
-  return EDatePickerValue2;
-})(EDatePickerValue || {});
+var n = /* @__PURE__ */ ((r) => (r.CurrentDate1 = "", r.CurrentDate = "20240510", r.CurrentDate3 = "2024-09-10", r))(n || {});
 export {
-  EDatePickerBeforeDate,
-  EDatePickerValue,
-  months,
-  week
+  t as EDatePickerBeforeDate,
+  n as EDatePickerValue,
+  C as months,
+  u as week
 };

package/dist/components/DatePicker/index.js

@@ -1,4 +1,4 @@
-import { DatePicker } from "./DatePicker.js";
+import { DatePicker as o } from "./DatePicker.js";
 export {
-  DatePicker
+  o as DatePicker
 };

package/dist/components/DatePicker/utils.js

@@ -1,16 +1,8 @@
-const YEAR_OFFSET = 20;
-const CENTURY = 100;
-const formatDatePart = (value, max) => {
-  const num = parseInt(value);
-  return num > max ? max.toString() : value;
-};
-const getFullYear = (year) => {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const currentCentury = Math.floor(currentYear / CENTURY) * CENTURY;
-  const fullYear = parseInt(year) + currentCentury;
-  return fullYear > currentYear + YEAR_OFFSET ? fullYear - CENTURY : fullYear;
+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;
 };
 export {
-  formatDatePart,
-  getFullYear
+  o as formatDatePart,
+  c as getFullYear
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -1,17 +1,18 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { EDrawerPosition } from './constants';
 
+export declare const ANIMATION_DELAY = 300;
 type TProps = {
     /**
      * Обязательный заголовок.
      */
     title: string | ReactNode;
     /**
-     * Флаг отвечачающий за показ/скрытие.
+     * Флаг отвечающий за показ/скрытие.
      */
     isOpen?: boolean;
     /**
-     * Флаг отвечачающий за то, должен ли компонент полность размонтироваться .
+     * Флаг отвечающий за то, должен ли компонент полностью размонтироваться.
      */
     unmount?: boolean;
     /**

package/dist/components/Drawer/Drawer.js

@@ -1,165 +1,123 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { useState, useRef, useCallback, useEffect } from "react";
-import { EDrawerPosition } from "./constants.js";
-import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button } from "../Button/Button.js";
-import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
-import { Loader } from "../Loader/Loader.js";
-import { Portal } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const drawer = "_drawer_1xs4d_3";
-const content = "_content_1xs4d_27";
-const header = "_header_1xs4d_45";
-const title = "_title_1xs4d_59";
-const space = "_space_1xs4d_73";
-const inner = "_inner_1xs4d_84";
-const button = "_button_1xs4d_87";
-const footer = "_footer_1xs4d_92";
-const left = "_left_1xs4d_105";
-const right = "_right_1xs4d_109";
-const full = "_full_1xs4d_113";
-const bottom = "_bottom_1xs4d_123";
-const opened = "_opened_1xs4d_140";
-const overlay = "_overlay_1xs4d_196";
-const unmount = "_unmount_1xs4d_212";
-const cls = {
-  drawer,
-  content,
+import { jsxs as m, jsx as t, Fragment as A } from "react/jsx-runtime";
+import { c as s } from "../../index-DIxK0V-G.js";
+import { useState as u, useRef as X, useCallback as g, useEffect as j } from "react";
+import { EDrawerPosition as v } from "./constants.js";
+import { useMediaQuery as P } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as Q } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as F } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as G } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as w } from "../Button/Button.js";
+import { EButtonVariantDefault as H, EButtonSize as n } from "../Button/constants.js";
+import { Loader as K } from "../Loader/Loader.js";
+import { Portal as O } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4d_27", Y = "_header_1xs4d_45", q = "_title_1xs4d_59", J = "_space_1xs4d_73", U = "_inner_1xs4d_84", Z = "_button_1xs4d_87", $ = "_footer_1xs4d_92", ee = "_left_1xs4d_105", te = "_right_1xs4d_109", oe = "_full_1xs4d_113", se = "_bottom_1xs4d_123", re = "_opened_1xs4d_140", ne = "_overlay_1xs4d_196", le = "_unmount_1xs4d_212", e = {
+  drawer: V,
+  content: W,
   "is-loading": "_is-loading_1xs4d_41",
-  header,
+  header: Y,
   "sticky-header": "_sticky-header_1xs4d_53",
-  title,
-  space,
-  inner,
-  button,
-  footer,
+  title: q,
+  space: J,
+  inner: U,
+  button: Z,
+  footer: $,
   "footer-button": "_footer-button_1xs4d_101",
-  left,
-  right,
-  full,
-  bottom,
+  left: ee,
+  right: te,
+  full: oe,
+  bottom: se,
   "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened,
+  opened: re,
   "is-closing": "_is-closing_1xs4d_159",
-  overlay,
-  unmount
-};
-const ANIMATION_DELAY = 300;
-const Drawer = ({
-  isOpen,
-  onClose,
-  title: title2,
-  className,
-  unmount: unmount2 = true,
-  isLoading = false,
-  stickyHeader,
-  fullBottomHeight = false,
-  position = EDrawerPosition.RIGHT,
-  paddingRight = 8,
-  footer: footer2,
-  children,
-  classNameInner,
-  classNameFooter
+  overlay: ne,
+  unmount: le
+}, ae = 300, ge = ({
+  isOpen: r,
+  onClose: l,
+  title: N,
+  className: k,
+  unmount: f = !0,
+  isLoading: a = !1,
+  stickyHeader: B,
+  fullBottomHeight: E = !1,
+  position: i = v.RIGHT,
+  paddingRight: M = 8,
+  footer: c,
+  children: I,
+  classNameInner: S,
+  classNameFooter: C
 }) => {
-  const [isClosing, setIsClosing] = useState(false);
-  const [isMounted, setIsMounted] = useState(false);
-  const [isBodyScrollLocked, setIsBodyScrollLocked] = useState(false);
-  const timerRef = useRef();
-  const isMobile = useMediaQuery(EMediaQuery.XS1);
-  const { ref } = useResizeObserver({
-    enabled: position === EDrawerPosition.BOTTOM
+  const [L, h] = u(!1), [T, x] = u(!1), [D, p] = u(!1), y = X(), d = P(Q.XS1), { ref: z } = G({
+    enabled: i === v.BOTTOM
   });
-  useLockBodyScroll({
-    on: isBodyScrollLocked,
-    paddingRight
+  F({
+    on: D,
+    paddingRight: M
   });
-  const handleClose = useCallback(() => {
-    if (onClose) {
-      setIsClosing(true);
-      setIsBodyScrollLocked(false);
-      timerRef.current = setTimeout(() => {
-        onClose();
-        setIsClosing(false);
-      }, ANIMATION_DELAY);
-    }
-  }, [onClose]);
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Escape") {
-        handleClose();
-      }
+  const o = g(() => {
+    l && (h(!0), p(!1), y.current = setTimeout(() => {
+      l(), h(!1);
+    }, ae));
+  }, [l]), _ = g(
+    (R) => {
+      R.key === "Escape" && o();
     },
-    [handleClose]
+    [o]
   );
-  useEffect(() => {
-    if (isOpen) {
-      setIsBodyScrollLocked(true);
-      setIsMounted(true);
-      window.addEventListener("keydown", handleKeyDown);
-    }
-    return () => {
-      setIsMounted(false);
-      clearTimeout(timerRef.current);
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isOpen, handleKeyDown]);
-  const mods = {
-    [cls.opened]: isMounted,
-    [cls["is-closing"]]: isClosing,
-    [cls["full-bottom-height"]]: fullBottomHeight,
-    [cls["is-loading"]]: isLoading
+  j(() => (r && (p(!0), x(!0), window.addEventListener("keydown", _)), () => {
+    x(!1), clearTimeout(y.current), window.removeEventListener("keydown", _);
+  }), [r, _]);
+  const b = {
+    [e.opened]: T,
+    [e["is-closing"]]: L,
+    [e["full-bottom-height"]]: E,
+    [e["is-loading"]]: a
   };
-  if (!isOpen && unmount2) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Portal, { children: [
-    /* @__PURE__ */ jsx(
+  return !r && f ? null : /* @__PURE__ */ m(O, { children: [
+    /* @__PURE__ */ t(
       "div",
       {
-        "aria-hidden": !isOpen,
+        "aria-hidden": !r,
         role: "dialog",
-        className: classNames(cls.drawer, cls[position], mods, className),
-        children: /* @__PURE__ */ jsx(
+        className: s(e.drawer, e[i], b, k),
+        children: /* @__PURE__ */ t(
           "section",
           {
-            ref,
-            className: classNames(cls.content, cls[position], {
-              [cls["is-loading"]]: Boolean(isLoading)
+            ref: z,
+            className: s(e.content, e[i], {
+              [e["is-loading"]]: !!a
             }),
-            children: isLoading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(
+            children: a ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ m(A, { children: [
+              /* @__PURE__ */ m(
                 "header",
                 {
-                  className: classNames(cls.header, {
-                    [cls["sticky-header"]]: stickyHeader
+                  className: s(e.header, {
+                    [e["sticky-header"]]: B
                   }),
                   children: [
-                    /* @__PURE__ */ jsx("h2", { className: cls.title, children: title2 }),
-                    /* @__PURE__ */ jsx("div", { className: cls.space, children: /* @__PURE__ */ jsx(
-                      Button,
+                    /* @__PURE__ */ t("h2", { className: e.title, children: N }),
+                    /* @__PURE__ */ t("div", { className: e.space, children: /* @__PURE__ */ t(
+                      w,
                       {
-                        variant: EButtonVariantDefault.SecondaryWhite,
-                        isIconButton: true,
-                        size: isMobile ? EButtonSize.S : EButtonSize.M,
+                        variant: H.SecondaryWhite,
+                        isIconButton: !0,
+                        size: d ? n.S : n.M,
                         iconName: "Close16px",
-                        onClick: handleClose,
-                        className: cls.button
+                        onClick: o,
+                        className: e.button
                       }
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: classNames(cls.inner, classNameInner), children }),
-              /* @__PURE__ */ jsx("footer", { className: classNames(cls.footer, classNameFooter), children: typeof footer2 === "function" ? footer2({ handleClose }) : footer2 || /* @__PURE__ */ jsx(
-                Button,
+              /* @__PURE__ */ t("div", { className: s(e.inner, S), children: I }),
+              /* @__PURE__ */ t("footer", { className: s(e.footer, C), children: typeof c == "function" ? c({ handleClose: o }) : c || /* @__PURE__ */ t(
+                w,
                 {
-                  size: isMobile ? EButtonSize.M : EButtonSize.XXL,
-                  full: isMobile,
-                  onClick: handleClose,
-                  className: cls["footer-button"],
+                  size: d ? n.M : n.XXL,
+                  full: d,
+                  onClick: o,
+                  className: e["footer-button"],
                   children: "Закрыть"
                 }
               ) })
@@ -168,21 +126,23 @@ const Drawer = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ t(
       "div",
       {
-        className: classNames(
-          cls.overlay,
+        className: s(
+          e.overlay,
           {
-            [cls.unmount]: !unmount2
+            [e.unmount]: !f
           },
-          mods
+          b
         ),
-        onClick: handleClose
+        "data-testId": "drawer-overlay",
+        onClick: o
       }
     )
   ] });
 };
 export {
-  Drawer
+  ae as ANIMATION_DELAY,
+  ge as Drawer
 };

package/dist/components/Drawer/constants.js

@@ -1,10 +1,4 @@
-var EDrawerPosition = /* @__PURE__ */ ((EDrawerPosition2) => {
-  EDrawerPosition2["LEFT"] = "left";
-  EDrawerPosition2["RIGHT"] = "right";
-  EDrawerPosition2["BOTTOM"] = "bottom";
-  EDrawerPosition2["FULL"] = "full";
-  return EDrawerPosition2;
-})(EDrawerPosition || {});
+var l = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.BOTTOM = "bottom", T.FULL = "full", T))(l || {});
 export {
-  EDrawerPosition
+  l as EDrawerPosition
 };

package/dist/components/Drawer/index.js

@@ -1,6 +1,6 @@
-import { Drawer } from "./Drawer.js";
-import { EDrawerPosition } from "./constants.js";
+import { Drawer as e } from "./Drawer.js";
+import { EDrawerPosition as a } from "./constants.js";
 export {
-  Drawer,
-  EDrawerPosition
+  e as Drawer,
+  a as EDrawerPosition
 };