mimir-ui-kit 1.43.9 → 1.43.11

package/dist/components/Drawer/ScrollWrapper/ScrollWrapper.js

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c } from "../../../index-DIxK0V-G.js";
+import { forwardRef as n } from "react";
+import { EScrollBarVariant as e, EScrollBarSize as i } from "../../ScrollBar/constants.js";
+import '../../../assets/ScrollWrapper.css';const m = "_scrollContainer_6ln8u_2", p = {
+  scrollContainer: m
+}, f = n(
+  ({
+    children: r,
+    className: o,
+    variant: a = e.LIGHT,
+    size: l = i.M
+  }, s) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: s,
+      className: c(p.scrollContainer, o),
+      "data-variant": a,
+      "data-size": l,
+      children: r
+    }
+  )
+);
+f.displayName = "ScrollWrapper";
+export {
+  f as ScrollWrapper
+};

package/dist/components/Dropdown/Dropdown.js

@@ -1,7 +1,7 @@
 import { jsx as re, jsxs as De, Fragment as nt } from "react/jsx-runtime";
 import { c as pe } from "../../index-DIxK0V-G.js";
 import E, { createContext as ue, useState as X, useContext as te, useRef as R, useEffect as ce, useMemo as Z, Fragment as fe, useReducer as rt, createRef as Fe, useId as be, memo as ot, useCallback as me } from "react";
-import { u as lt, c as G } from "../../hooks-HgN6Yauq.js";
+import { u as lt, c as G } from "../../hooks-Cd4Ez6_j.js";
 import { Button as at } from "../Button/Button.js";
 import { o as S, u as He, M as ve, W as Y, y as ee, O as le, n as ie, m as ut, t as st, H as se, s as Ce, p as it, a as V, T as ct, $ as dt, b as pt, D as ke, I as ft, c as oe } from "../../keyboard-wis2TUql.js";
 import { w as vt } from "../../use-active-press-CnDeVvQq.js";

package/dist/components/Dropdown/hooks.js

@@ -1,7 +1,7 @@
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { a as r, A, D as N, P as O, u as i } from "../../hooks-HgN6Yauq.js";
+import { a as r, A, D as N, P as O, u as i } from "../../hooks-Cd4Ez6_j.js";
 export {
   r as ALIGNMENT_THRESHOLD,
   A as ANIMATION_DELAY,

package/dist/components/GosZnak/GosZnak.js

@@ -1,57 +1,66 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { c as n } from "../../index-DIxK0V-G.js";
-import { EGosZnakSize as g, EGosZnakType as f } from "./constants.js";
-import '../../assets/GosZnak.css';const y = "_number_dr109_13", N = "_region_dr109_32", b = "_country_dr109_46", h = "_l_dr109_53", k = "_s_dr109_62", z = "_normal_dr109_71", v = "_traffic_dr109_78", x = "_military_dr109_85", G = "_police_dr109_92", Z = "_diplomatic_dr109_99", r = {
-  "gos-znak": "_gos-znak_dr109_2",
-  number: y,
-  "number-container": "_number-container_dr109_22",
-  region: N,
-  "region-container": "_region-container_dr109_38",
+import { EGosZnakSize as f, EGosZnakType as u } from "./constants.js";
+import { splitAutoNumber as N } from "./utils.js";
+import '../../assets/GosZnak.css';const h = "_letters_6vy0s_23", k = "_digits_6vy0s_33", z = "_region_6vy0s_43", b = "_country_6vy0s_57", x = "_l_6vy0s_23", G = "_s_6vy0s_77", Z = "_normal_6vy0s_91", j = "_traffic_6vy0s_98", E = "_military_6vy0s_105", A = "_police_6vy0s_112", L = "_diplomatic_6vy0s_119", s = {
+  "gos-znak": "_gos-znak_6vy0s_2",
+  "number-container": "_number-container_6vy0s_13",
+  letters: h,
+  digits: k,
+  region: z,
+  "region-container": "_region-container_6vy0s_49",
   country: b,
-  l: h,
-  s: k,
-  normal: z,
-  traffic: v,
-  military: x,
-  police: G,
-  diplomatic: Z
-}, S = ({
-  number: i,
-  region: s,
-  country: a,
-  size: e = g.L,
-  type: _ = f.Normal,
-  className: t,
-  numberClassName: l,
-  regionClassName: m,
-  countryClassName: d,
-  numberContainerClassName: p,
-  regionContainerClassName: u
-}) => /* @__PURE__ */ c(
+  l: x,
+  s: G,
+  normal: Z,
+  traffic: j,
+  military: E,
+  police: A,
+  diplomatic: L
+}, B = ({
+  number: t,
+  region: c,
+  country: e,
+  size: a = f.L,
+  type: _ = u.Normal,
+  className: l,
+  numberClassName: m,
+  regionClassName: y,
+  countryClassName: p,
+  numberContainerClassName: v,
+  regionContainerClassName: d
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: n(r["gos-znak"], r[e], r[_], t),
+    className: n(s["gos-znak"], s[a], s[_], l),
     children: [
       /* @__PURE__ */ o(
         "div",
         {
           className: n(
-            r["number-container"],
-            p
+            s["number-container"],
+            v
           ),
-          children: /* @__PURE__ */ o("span", { className: n(r.number, l), children: i })
+          children: N(t).map((i, g) => /* @__PURE__ */ o(
+            "span",
+            {
+              className: n(s[i.type], m),
+              children: i.value
+            },
+            g
+          ))
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ r(
         "div",
         {
           className: n(
-            r["region-container"],
-            u
+            s["region-container"],
+            d
           ),
           children: [
-            /* @__PURE__ */ o("span", { className: n(r.region, m), children: s }),
-            /* @__PURE__ */ o("span", { className: n(r.country, d), children: a })
+            /* @__PURE__ */ o("span", { className: n(s.region, y), children: c }),
+            /* @__PURE__ */ o("span", { className: n(s.country, p), children: e })
           ]
         }
       )
@@ -59,5 +68,5 @@ import '../../assets/GosZnak.css';const y = "_number_dr109_13", N = "_region_dr1
   }
 );
 export {
-  S as GosZnak
+  B as GosZnak
 };

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

@@ -0,0 +1,6 @@
+type TAutoNumberPart = {
+    type: 'letters' | 'digits';
+    value: string;
+};
+export declare function splitAutoNumber(plate: string): TAutoNumberPart[];
+export {};

package/dist/components/GosZnak/utils.js

@@ -0,0 +1,15 @@
+function a(r) {
+  return (r.match(/[A-Za-zА-Яа-я\s]+|\d+/g) || []).map((e) => {
+    const t = e.replace(/ /g, " ");
+    return /[A-Za-zА-Яа-я]/.test(e) ? {
+      type: "letters",
+      value: t
+    } : {
+      type: "digits",
+      value: t
+    };
+  });
+}
+export {
+  a as splitAutoNumber
+};

package/dist/components/Input/Input.d.ts

@@ -57,6 +57,10 @@ export type TAdditionalProps = {
     /**
      * Разрешить только числовой ввод
      */
+    onClearButtonClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Функция вызывающаяся при клике на clearButton
+     */
     numbersOnly?: boolean;
     /**
      * Максимальная длина ввода

package/dist/components/Input/Input.js

@@ -2,10 +2,10 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-BU_6U1CW.js";
+import { I as f } from "../../Input-CGZoshMl.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
-import "../Button/Button.js";
+import "../MiniButton/MiniButton.js";
 export {
   f as Input
 };

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-BU_6U1CW.js";
+import { I as n } from "../../Input-CGZoshMl.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -1,60 +1,56 @@
-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-BU_6U1CW.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,
-  "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);
+import { jsxs as l, jsx as p } from "react/jsx-runtime";
+import { memo as _, forwardRef as w, useState as f, useCallback as r } from "react";
+import { Icon as g } from "../../icons/Icon.js";
+import { Button as v } from "../Button/Button.js";
+import { I as b } from "../../Input-CGZoshMl.js";
+import '../../assets/InputPassword.css';const N = "_input_qgg1v_2", q = "_wrapper_qgg1v_6", x = "_button_qgg1v_17", y = "_icon_qgg1v_33", e = {
+  input: N,
+  wrapper: q,
+  "input-wrapper": "_input-wrapper_qgg1v_13",
+  "button-wrapper": "_button-wrapper_qgg1v_17",
+  button: x,
+  icon: y
+}, M = _(
+  w(
+    ({ size: o, showOnHold: t = !1, ...n }, i) => {
+      const [a, s] = f(!1), u = r(() => {
+        t || s(!a);
+      }, [t, a]), c = r(() => {
+        t && s(!0);
       }, [t]), m = r(() => {
-        t && a(!1);
-      }, [t]), w = r(() => {
-        t && a(!1);
+        t && s(!1);
+      }, [t]), d = r(() => {
+        t && s(!1);
       }, [t]);
-      return /* @__PURE__ */ _("div", { className: e.wrapper, "data-testid": "input-password-wrapper", children: [
-        /* @__PURE__ */ o(
-          h,
+      return /* @__PURE__ */ l("div", { className: e.wrapper, "data-testid": "input-password-wrapper", children: [
+        /* @__PURE__ */ p(
+          b,
           {
             ref: i,
             className: e.input,
             wrapperClassName: e["input-wrapper"],
-            size: p,
-            type: s ? "text" : "password",
+            size: o,
+            type: a ? "text" : "password",
             "data-testid": "password-input",
             ...n
           }
         ),
-        /* @__PURE__ */ o("div", { className: e["button-wrapper"], children: /* @__PURE__ */ o(
-          N,
+        /* @__PURE__ */ p("div", { className: e["button-wrapper"], children: /* @__PURE__ */ p(
+          v,
           {
             clear: !0,
             type: "button",
             className: e.button,
-            onClick: c,
-            onMouseDown: u,
+            onClick: u,
+            onMouseDown: c,
             onMouseUp: m,
-            onMouseLeave: w,
+            onMouseLeave: d,
             "data-testid": "eye-icon",
-            children: /* @__PURE__ */ o(
-              x,
+            children: /* @__PURE__ */ p(
+              g,
               {
-                className: l(e.icon, {
-                  [e.show]: s
-                }),
-                iconName: "Eye24px"
+                className: e.icon,
+                iconName: a ? "Eye24px" : "EyeClosed24px"
               }
             )
           }
@@ -63,7 +59,7 @@ import '../../assets/InputPassword.css';const M = "_input_7b9x2_2", y = "_wrappe
     }
   )
 );
-P.displayName = "InputPassword";
+M.displayName = "InputPassword";
 export {
-  P as InputPassword
+  M as InputPassword
 };

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-BU_6U1CW.js";
+import { I as b } from "../../Input-CGZoshMl.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {