mimir-ui-kit 1.44.1 → 1.44.3

package/dist/components/Drawer/Drawer.js

@@ -1,39 +1,39 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../index-DIxK0V-G.js";
-import { forwardRef as re, useState as p, useRef as L, useEffect as M, useCallback as z } from "react";
+import { forwardRef as se, useState as z, useRef as L, useEffect as M, useCallback as C } from "react";
 import { EDrawerPosition as R } from "./constants.js";
 import { useContainer as ne } from "./hooks.js";
-import { ScrollWrapper as se } from "./ScrollWrapper/index.js";
+import { ScrollWrapper as re } from "./ScrollWrapper/index.js";
 import { useMediaQuery as ie } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as ae } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as le } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as ce } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { useLockBodyScroll as ce } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as le } from "../../hooks/useResizeObserver/useResizeObserver.js";
 import { Button as H } from "../Button/Button.js";
-import { EButtonVariantDefault as de, EButtonSize as c } from "../Button/constants.js";
+import { EButtonVariantDefault as de, EButtonSize as l } from "../Button/constants.js";
 import { Loader as ue } from "../Loader/Loader.js";
 import { Portal as me } from "../Portal/Portal.js";
 import { EScrollBarVariant as fe, EScrollBarSize as _e } from "../ScrollBar/constants.js";
-import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_drawer_1rv8z_2", pe = "_content_1rv8z_31", ze = "_header_1rv8z_46", Ce = "_title_1rv8z_60", ge = "_space_1rv8z_74", we = "_inner_1rv8z_85", ye = "_button_1rv8z_101", be = "_footer_1rv8z_106", Ne = "_left_1rv8z_122", ke = "_right_1rv8z_126", Se = "_full_1rv8z_130", Be = "_bottom_1rv8z_140", Ee = "_opened_1rv8z_157", Ie = "_overlay_1rv8z_213", Oe = "_unmount_1rv8z_231", e = {
-  drawerContainer: ve,
+import '../../assets/Drawer.css';const pe = "_drawerContainer_zs4pc_2", he = "_drawer_zs4pc_2", ze = "_content_zs4pc_31", Ce = "_header_zs4pc_46", ge = "_title_zs4pc_60", we = "_space_zs4pc_74", ye = "_inner_zs4pc_85", ve = "_button_zs4pc_101", be = "_footer_zs4pc_106", Ne = "_left_zs4pc_122", ke = "_right_zs4pc_126", Se = "_full_zs4pc_130", Be = "_bottom_zs4pc_140", Ee = "_opened_zs4pc_157", Ie = "_overlay_zs4pc_213", Oe = "_unmount_zs4pc_231", e = {
+  drawerContainer: pe,
   drawer: he,
-  content: pe,
-  header: ze,
-  "sticky-header": "_sticky-header_1rv8z_54",
-  title: Ce,
-  space: ge,
-  inner: we,
-  "is-loading": "_is-loading_1rv8z_90",
-  button: ye,
+  content: ze,
+  header: Ce,
+  "sticky-header": "_sticky-header_zs4pc_54",
+  title: ge,
+  space: we,
+  inner: ye,
+  "is-loading": "_is-loading_zs4pc_90",
+  button: ve,
   footer: be,
-  "has-scroll": "_has-scroll_1rv8z_115",
-  "footer-button": "_footer-button_1rv8z_118",
+  "has-scroll": "_has-scroll_zs4pc_115",
+  "footer-button": "_footer-button_zs4pc_118",
   left: Ne,
   right: ke,
   full: Se,
   bottom: Be,
-  "full-bottom-height": "_full-bottom-height_1rv8z_151",
+  "full-bottom-height": "_full-bottom-height_zs4pc_151",
   opened: Ee,
-  "is-closing": "_is-closing_1rv8z_176",
+  "is-closing": "_is-closing_zs4pc_176",
   overlay: Ie,
   unmount: Oe
 }, Le = 300, Me = (d) => d ? {
@@ -45,7 +45,7 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
     position: "absolute",
     zIndex: 90
   }
-} : {}, qe = re(
+} : {}, qe = se(
   (d, T) => {
     const {
       as: x = "div",
@@ -53,8 +53,8 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
       onClose: u,
       title: D,
       className: A,
-      unmount: C = !0,
-      isLoading: s = !1,
+      unmount: g = !0,
+      isLoading: r = !1,
       stickyHeader: P,
       fullBottomHeight: X = !1,
       position: m = R.RIGHT,
@@ -67,13 +67,13 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
       classNameDrawerContainer: F,
       classNameContent: K,
       classNameFooter: Y,
-      closeOnClickOutside: g = !0,
-      showCloseButton: w = !0,
+      closeOnClickOutside: w = !0,
+      showCloseButton: y = !0,
       getContainer: _,
       ...q
-    } = d, [y, b] = p(!1), [J, N] = p(!1), k = L(), v = ie(ae.XS1), { ref: U } = ce({
+    } = d, [v, b] = z(!1), [J, N] = z(!1), k = L(), p = ie(ae.XS1), { ref: U } = le({
       enabled: m === R.BOTTOM
-    }), S = ne(_), i = L(null), [Z, $] = p(!1);
+    }), S = ne(_), i = L(null), [Z, $] = z(!1);
     M(() => {
       const a = () => {
         if (i.current) {
@@ -86,39 +86,39 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
       return i.current && O.observe(i.current), () => {
         O.disconnect();
       };
-    }, [n, s]), le({
-      on: n && !y,
+    }, [n, r]), ce({
+      on: n && !v,
       paddingRight: j
     });
-    const r = z(() => {
+    const s = C(() => {
       u && (b(!0), k.current = setTimeout(() => {
         u(), b(!1);
       }, Le));
-    }, [u]), ee = z(() => {
-      g && r();
-    }, [g, r]), h = z(
+    }, [u]), ee = C(() => {
+      w && s();
+    }, [w, s]), h = C(
       (a) => {
-        a.key === "Escape" && r();
+        a.key === "Escape" && s();
       },
-      [r]
+      [s]
     );
     M(() => (n && (N(!0), window.addEventListener("keydown", h)), () => {
       N(!1), clearTimeout(k.current), window.removeEventListener("keydown", h);
     }), [n, h]);
     const B = {
       [e.opened]: J,
-      [e["is-closing"]]: y,
+      [e["is-closing"]]: v,
       [e["full-bottom-height"]]: X,
-      [e["is-loading"]]: s
+      [e["is-loading"]]: r
     };
-    if (!n && C)
+    if (!n && g)
       return null;
-    const E = Me(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ l(
+    const E = Me(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ c(
       "div",
       {
         className: t(e.drawerContainer, F),
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ c(
             x,
             {
               ref: T,
@@ -128,7 +128,7 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
               className: t(e.drawer, e[m], B, A),
               ...q,
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ c(
                   "section",
                   {
                     ref: U,
@@ -137,11 +137,11 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
                       K,
                       e[m],
                       {
-                        [e["is-loading"]]: !!s
+                        [e["is-loading"]]: !!r
                       }
                     ),
                     children: [
-                      /* @__PURE__ */ l(
+                      /* @__PURE__ */ c(
                         "header",
                         {
                           className: t(e.header, V, {
@@ -149,14 +149,14 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
                           }),
                           children: [
                             /* @__PURE__ */ o("h2", { className: t(e.title, Q), children: D }),
-                            /* @__PURE__ */ o("div", { className: e.space, children: w && /* @__PURE__ */ o(
+                            /* @__PURE__ */ o("div", { className: e.space, children: y && /* @__PURE__ */ o(
                               H,
                               {
                                 variant: de.SecondaryWhite,
                                 isIconButton: !0,
-                                size: v ? c.S : c.M,
+                                size: p ? l.S : l.M,
                                 iconName: "Close16px",
-                                onClick: r,
+                                onClick: s,
                                 className: e.button
                               }
                             ) })
@@ -164,19 +164,19 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
                         }
                       ),
                       /* @__PURE__ */ o(
-                        se,
+                        re,
                         {
                           ref: i,
                           className: t(
                             e.inner,
                             {
-                              [e["is-loading"]]: !!s
+                              [e["is-loading"]]: !!r
                             },
                             W
                           ),
                           variant: fe.LIGHT,
                           size: _e.M,
-                          children: s ? /* @__PURE__ */ o(ue, {}) : G
+                          children: r ? /* @__PURE__ */ o(ue, {}) : G
                         }
                       )
                     ]
@@ -188,12 +188,12 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
                     className: t(e.footer, Y, {
                       [e["has-scroll"]]: Z
                     }),
-                    children: typeof f == "function" ? f({ handleClose: r }) : f || w && /* @__PURE__ */ o(
+                    children: typeof f == "function" ? f({ handleClose: s }) : f || y && /* @__PURE__ */ o(
                       H,
                       {
-                        size: v ? c.L : c.XXL,
-                        full: v,
-                        onClick: r,
+                        size: p ? l.L : l.XXL,
+                        full: p,
+                        onClick: s,
                         className: e["footer-button"],
                         children: "Закрыть"
                       }
@@ -209,7 +209,7 @@ import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_d
               className: t(
                 e.overlay,
                 {
-                  [e.unmount]: !C
+                  [e.unmount]: !g
                 },
                 B
               ),

package/dist/components/InputPassword/InputPassword.js

@@ -1,58 +1,67 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import { c as l } from "../../index-DIxK0V-G.js";
-import { memo as d, forwardRef as b, useState as f, useCallback as r } from "react";
-import { Icon as x } from "../../icons/Icon.js";
-import { Button as N } from "../Button/Button.js";
-import { I as h } from "../../Input-IzZ6B9kw.js";
-import '../../assets/InputPassword.css';const M = "_input_7b9x2_2", y = "_wrapper_7b9x2_6", I = "_button_7b9x2_17", v = "_icon_7b9x2_33", C = "_show_7b9x2_38", e = {
-  input: M,
-  wrapper: y,
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { c as w } from "../../index-DIxK0V-G.js";
+import { memo as x, forwardRef as h, useState as N, useCallback as a } from "react";
+import { Icon as C } from "../../icons/Icon.js";
+import { Button as M } from "../Button/Button.js";
+import { I as T } from "../../Input-IzZ6B9kw.js";
+import '../../assets/InputPassword.css';const y = "_input_7b9x2_2", I = "_wrapper_7b9x2_6", v = "_button_7b9x2_17", P = "_icon_7b9x2_33", S = "_show_7b9x2_38", s = {
+  input: y,
+  wrapper: I,
   "input-wrapper": "_input-wrapper_7b9x2_13",
   "button-wrapper": "_button-wrapper_7b9x2_17",
-  button: I,
-  icon: v,
-  show: C
-}, P = d(
-  b(
-    ({ size: p, showOnHold: t = !1, ...n }, i) => {
-      const [s, a] = f(!1), c = r(() => {
-        t || a(!s);
-      }, [t, s]), u = r(() => {
-        t && a(!0);
-      }, [t]), m = r(() => {
-        t && a(!1);
-      }, [t]), w = r(() => {
-        t && a(!1);
+  button: v,
+  icon: P,
+  show: S
+}, k = x(
+  h(
+    ({ size: o, showOnHold: t = !1, ...p }, c) => {
+      const [r, e] = N(!1), i = a(() => {
+        t || e(!r);
+      }, [t, r]), u = a(() => {
+        t && e(!0);
+      }, [t]), m = a(() => {
+        t && e(!1);
+      }, [t]), f = a(() => {
+        t && e(!1);
+      }, [t]), _ = a(() => {
+        t && e(!0);
+      }, [t]), l = a(() => {
+        t && e(!1);
+      }, [t]), b = a(() => {
+        t && e(!1);
       }, [t]);
-      return /* @__PURE__ */ _("div", { className: e.wrapper, "data-testid": "input-password-wrapper", children: [
-        /* @__PURE__ */ o(
-          h,
+      return /* @__PURE__ */ d("div", { className: s.wrapper, "data-testid": "input-password-wrapper", children: [
+        /* @__PURE__ */ n(
+          T,
           {
-            ref: i,
-            className: e.input,
-            wrapperClassName: e["input-wrapper"],
-            size: p,
-            type: s ? "text" : "password",
+            ref: c,
+            className: s.input,
+            wrapperClassName: s["input-wrapper"],
+            size: o,
+            type: r ? "text" : "password",
             "data-testid": "password-input",
-            ...n
+            ...p
           }
         ),
-        /* @__PURE__ */ o("div", { className: e["button-wrapper"], children: /* @__PURE__ */ o(
-          N,
+        /* @__PURE__ */ n("div", { className: s["button-wrapper"], children: /* @__PURE__ */ n(
+          M,
           {
             clear: !0,
             type: "button",
-            className: e.button,
-            onClick: c,
+            className: s.button,
+            onClick: i,
             onMouseDown: u,
             onMouseUp: m,
-            onMouseLeave: w,
+            onMouseLeave: f,
+            onTouchStart: _,
+            onTouchEnd: l,
+            onTouchCancel: b,
             "data-testid": "eye-icon",
-            children: /* @__PURE__ */ o(
-              x,
+            children: /* @__PURE__ */ n(
+              C,
               {
-                className: l(e.icon, {
-                  [e.show]: s
+                className: w(s.icon, {
+                  [s.show]: r
                 }),
                 iconName: "Eye24px"
               }
@@ -63,7 +72,7 @@ import '../../assets/InputPassword.css';const M = "_input_7b9x2_2", y = "_wrappe
     }
   )
 );
-P.displayName = "InputPassword";
+k.displayName = "InputPassword";
 export {
-  P as InputPassword
+  k as InputPassword
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.44.1",
+  "version": "1.44.3",
   "type": "module",
   "exports": {
     ".": {
@@ -75,6 +75,7 @@
     "@svgr/plugin-svgo": "^8.1.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
+    "@types/autoprefixer": "^9.7.2",
     "@types/node": "^20.14.10",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -83,7 +84,7 @@
     "@typescript-eslint/parser": "^7.13.1",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^2.1.1",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.21",
     "chalk": "4.1.2",
     "classnames": "^2.5.1",
     "dotenv": "^16.4.5",
@@ -98,6 +99,7 @@
     "jsdom": "^25.0.0",
     "lint-staged": "^15.2.7",
     "p-limit": "^6.1.0",
+    "postcss": "^8.5.6",
     "postcss-preset-env": "^9.6.0",
     "prettier": "^3.3.3",
     "react": "^18.3.1",
@@ -140,5 +142,11 @@
     "**/*.{css,scss}": [
       "stylelint --fix --formatter verbose"
     ]
-  }
+  },
+  "browserslist": [
+    "last 2 versions",
+    "> 1%",
+    "iOS >= 12",
+    "Safari >= 12"
+  ]
 }