mimir-ui-kit 1.61.1 → 1.63.0

package/dist/components/GosZnak/GosZnak.js

@@ -1,104 +1,125 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { c as i } from "../../index-DIxK0V-G.js";
-import { EGosZnakSize as k, EGosZnakType as T, COPY_TEXT_TITLE as z } from "./constants.js";
-import '../../assets/GosZnak.css';const E = "_number_1nnii_13", x = "_region_1nnii_32", G = "_country_1nnii_46", Z = "_l_1nnii_53", j = "_s_1nnii_62", w = "_normal_1nnii_71", L = "_traffic_1nnii_78", F = "_military_1nnii_85", I = "_police_1nnii_92", O = "_diplomatic_1nnii_99", P = "_simplified_1nnii_112", n = {
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import { c as r } from "../../index-DIxK0V-G.js";
+import { EGosZnakSize as G, EGosZnakType as Z, COPY_TEXT_TITLE as j } from "./constants.js";
+import '../../assets/GosZnak.css';const L = "_number_1nnii_13", C = "_region_1nnii_32", F = "_country_1nnii_46", O = "_l_1nnii_53", P = "_s_1nnii_62", S = "_normal_1nnii_71", X = "_traffic_1nnii_78", Y = "_military_1nnii_85", q = "_police_1nnii_92", A = "_diplomatic_1nnii_99", B = "_simplified_1nnii_112", i = {
   "gos-znak": "_gos-znak_1nnii_2",
-  number: E,
+  number: L,
   "number-container": "_number-container_1nnii_22",
-  region: x,
+  region: C,
   "region-container": "_region-container_1nnii_38",
-  country: G,
-  l: Z,
-  s: j,
-  normal: w,
-  traffic: L,
-  military: F,
-  police: I,
-  diplomatic: O,
-  simplified: P,
+  country: F,
+  l: O,
+  s: P,
+  normal: S,
+  traffic: X,
+  military: Y,
+  police: q,
+  diplomatic: A,
+  simplified: B,
   "copyable-number": "_copyable-number_1nnii_120"
-}, q = ({
-  number: e,
-  region: u,
-  country: g,
-  size: a = k.L,
-  type: s = T.Normal,
-  className: t,
-  numberClassName: y,
-  regionClassName: b,
-  countryClassName: h,
-  numberContainerClassName: _,
-  regionContainerClassName: N,
-  simplified: l = !1,
-  copyable: m = !1,
-  onCopy: d
+}, K = ({
+  number: m,
+  region: e,
+  country: v,
+  size: c = G.L,
+  type: s = Z.Normal,
+  className: u,
+  numberClassName: k,
+  regionClassName: w,
+  countryClassName: z,
+  numberContainerClassName: f,
+  regionContainerClassName: E,
+  simplified: b = !1,
+  copyable: g = !1,
+  onCopy: y,
+  dataTestIdReactMap: n
 }) => {
-  const v = async (r) => {
+  const x = async (_) => {
     try {
-      await navigator.clipboard.writeText(r), d && d(r);
-    } catch (c) {
-      console.error("Failed to copy text: ", c);
+      await navigator.clipboard.writeText(_), y && y(_);
+    } catch (l) {
+      console.error("Failed to copy text: ", l);
     }
-  }, p = (r, c = !1) => /* @__PURE__ */ o(
+  }, h = (_, l = !1) => /* @__PURE__ */ o(
     "span",
     {
-      className: i(
-        n.number,
-        c && n["copyable-number"],
-        l && n["simplified-number"],
-        y
+      "data-testid-react": n == null ? void 0 : n.number,
+      className: r(
+        i.number,
+        l && i["copyable-number"],
+        b && i["simplified-number"],
+        k
       ),
-      onClick: c ? () => v(r) : void 0,
-      title: c ? z : void 0,
-      children: r
+      onClick: l ? () => x(_) : void 0,
+      title: l ? j : void 0,
+      children: _
     }
   );
-  return l ? /* @__PURE__ */ o(
+  return b ? /* @__PURE__ */ o(
     "div",
     {
-      className: i(
-        n["gos-znak"],
-        n[a],
-        n[s],
-        n.simplified,
-        t
+      "data-testid-react": n == null ? void 0 : n.wrapper,
+      className: r(
+        i["gos-znak"],
+        i[c],
+        i[s],
+        i.simplified,
+        u
       ),
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: i(
-            n["number-container"],
-            _
+          "data-testid-react": n == null ? void 0 : n.numberContainer,
+          className: r(
+            i["number-container"],
+            f
           ),
-          children: p(e, m)
+          children: h(m, g)
         }
       )
     }
-  ) : /* @__PURE__ */ f(
+  ) : /* @__PURE__ */ N(
     "div",
     {
-      className: i(n["gos-znak"], n[a], n[s], t),
+      "data-testid-react": n == null ? void 0 : n.wrapper,
+      className: r(i["gos-znak"], i[c], i[s], u),
       children: [
         /* @__PURE__ */ o(
           "div",
           {
-            className: i(
-              n["number-container"],
-              _
+            "data-testid-react": n == null ? void 0 : n.numberContainer,
+            className: r(
+              i["number-container"],
+              f
             ),
-            children: p(e, m)
+            children: h(m, g)
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ N(
           "div",
           {
-            className: i(
-              n["region-container"],
-              N
+            "data-testid-react": n == null ? void 0 : n.regionContainer,
+            className: r(
+              i["region-container"],
+              E
             ),
             children: [
-              /* @__PURE__ */ o("span", { className: i(n.region, b), children: u }),
-              /* @__PURE__ */ o("span", { className: i(n.country, h), children: g })
+              /* @__PURE__ */ o(
+                "span",
+                {
+                  "data-testid-react": n == null ? void 0 : n.region,
+                  className: r(i.region, w),
+                  children: e
+                }
+              ),
+              /* @__PURE__ */ o(
+                "span",
+                {
+                  "data-testid-react": n == null ? void 0 : n.country,
+                  className: r(i.country, z),
+                  children: v
+                }
+              )
             ]
           }
         )
@@ -107,5 +128,5 @@ import '../../assets/GosZnak.css';const E = "_number_1nnii_13", x = "_region_1nn
   );
 };
 export {
-  q as GosZnak
+  K as GosZnak
 };

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

@@ -1,4 +1,5 @@
 import { EGosZnakSize, EGosZnakType } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 
 export type TGosZnakProps = {
     /** Номер государственного знака. Может быть полным номером (например "А123МО199") или номерной частью (например "А123МО") */
@@ -29,4 +30,8 @@ export type TGosZnakProps = {
     copyable?: boolean;
     /** Callback, который вызывается после успешного копирования */
     onCopy?: (copiedText: string) => void;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'numberContainer' | 'number' | 'regionContainer' | 'region' | 'country'>;
 };

package/dist/components/Image/Image.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ComponentProps } from 'react';
+import { TDataTestIdReactMap } from '../../types';
 
 type TProps = ComponentProps<'img'> & {
     /**
@@ -41,6 +42,10 @@ type TProps = ComponentProps<'img'> & {
      * Изображение для Super Retina (3x) мобильной версии
      */
     mobileImage3x?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'picture' | 'mobileSource' | 'desktopSource' | 'img'>;
 };
 /**
  * Компонент для отображения изображения с возможность показа загрузки и ошибки

package/dist/components/Image/Image.js

@@ -1,77 +1,82 @@
-import { jsxs as M, jsx as m } from "react/jsx-runtime";
-import { c as S } from "../../index-DIxK0V-G.js";
-import { memo as j, useState as _, useLayoutEffect as Q } from "react";
-import { EMediaQuery as $, EMinMediaQuery as w } from "../../hooks/useMediaQuery/constants.js";
-import '../../assets/Image.css';const z = "_picture_1hx49_2", A = "_image_1hx49_3", C = "_loading_1hx49_10", a = {
-  picture: z,
-  image: A,
-  loading: C
-}, q = j((h) => {
+import { jsxs as Q, jsx as l } from "react/jsx-runtime";
+import { c as b } from "../../index-DIxK0V-G.js";
+import { memo as $, useState as h, useLayoutEffect as w } from "react";
+import { EMediaQuery as z, EMinMediaQuery as A } from "../../hooks/useMediaQuery/constants.js";
+import '../../assets/Image.css';const C = "_picture_1hx49_2", F = "_image_1hx49_3", H = "_loading_1hx49_10", i = {
+  picture: C,
+  image: F,
+  loading: H
+}, B = $((k) => {
   const {
-    className: b,
-    src: o,
-    alt: k = "image",
-    desktopImage: r,
+    className: E,
+    src: t,
+    alt: N = "image",
+    desktopImage: o,
     mobileImage: s,
-    pictureClassName: E,
-    errorFallback: l,
-    fallback: n,
-    desktopImage2x: g,
-    mobileImage2x: u,
+    pictureClassName: y,
+    errorFallback: n,
+    fallback: g,
+    desktopImage2x: u,
+    mobileImage2x: f,
     desktopImage3x: d,
     mobileImage3x: p,
-    ...N
-  } = h, [t, f] = _(!0), [y, L] = _(!1);
-  if (Q(() => {
-    const e = new Image();
-    e.src = o ?? r ?? s ?? "", e.onload = () => {
-      f(!1);
-    }, e.onerror = () => {
-      f(!1), L(!0);
+    dataTestIdReactMap: e,
+    ...L
+  } = k, [c, S] = h(!0), [j, I] = h(!1);
+  if (w(() => {
+    const r = new Image();
+    r.src = t ?? o ?? s ?? "", r.onload = () => {
+      S(!1);
+    }, r.onerror = () => {
+      S(!1), I(!0);
     };
-  }, [o, r, s]), t && n)
+  }, [t, o, s]), c && g)
+    return g;
+  if (j && n)
     return n;
-  if (y && l)
-    return l;
-  const i = (e, x, I) => {
-    let c = e;
-    return x && (c += `, ${x} 2x`), I && (c += `, ${I} 3x`), c;
+  const m = (r, x, _) => {
+    let a = r;
+    return x && (a += `, ${x} 2x`), _ && (a += `, ${_} 3x`), a;
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ Q(
     "picture",
     {
-      className: S(a.picture, E, {
-        [a.loading]: t
+      "data-testid-react": e == null ? void 0 : e.picture,
+      className: b(i.picture, y, {
+        [i.loading]: c
       }),
       children: [
-        s && /* @__PURE__ */ m(
+        s && /* @__PURE__ */ l(
           "source",
           {
-            srcSet: i(s, u, p),
-            media: $.XS1
+            "data-testid-react": e == null ? void 0 : e.mobileSource,
+            srcSet: m(s, f, p),
+            media: z.XS1
           }
         ),
-        r && /* @__PURE__ */ m(
+        o && /* @__PURE__ */ l(
           "source",
           {
-            srcSet: i(r, g, d),
-            media: w.S
+            "data-testid-react": e == null ? void 0 : e.desktopSource,
+            srcSet: m(o, u, d),
+            media: A.S
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ l(
           "img",
           {
-            ...N,
-            className: S(a.image, b, {
-              [a.loading]: t
+            "data-testid-react": e == null ? void 0 : e.img,
+            ...L,
+            className: b(i.image, E, {
+              [i.loading]: c
             }),
             loading: "lazy",
-            srcSet: i(
-              o ?? "",
-              g ?? u,
+            srcSet: m(
+              t ?? "",
+              u ?? f,
               d ?? p
             ),
-            alt: k
+            alt: N
           }
         )
       ]
@@ -79,5 +84,5 @@ import '../../assets/Image.css';const z = "_picture_1hx49_2", A = "_image_1hx49_
   );
 });
 export {
-  q as AppImage
+  B as AppImage
 };

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { EInputBorderRadius } from './constants';
 import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
+import { TDataTestIdReactMap } from '../../types';
 
 export type TAdditionalProps = {
     /**
@@ -71,6 +72,10 @@ export type TAdditionalProps = {
      * Управление скруглениями углов
      */
     borderRadius?: EInputBorderRadius | `${EInputBorderRadius}`;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'label' | 'requiredMark' | 'leftSlot' | 'input' | 'rightSlot' | 'clearButton'>;
 };
 export type TProps = TInputProps & TAdditionalProps;
 export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-DPnH8pKc.js";
+import { I as f } from "../../Input-CqNPT8os.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

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

package/dist/components/InputPassword/InputPassword.d.ts

@@ -1,7 +1,12 @@
+import { TDataTestIdReactMap } from '../../types';
 import { TInputProps } from '../Input';
 
 export interface TProps extends TInputProps {
     /** Показывать пароль при удержании кнопки */
     showOnHold?: boolean;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'input' | 'eyeButton' | 'eyeIcon'>;
 }
 export declare const InputPassword: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/InputPassword/InputPassword.js

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

package/dist/components/InputPhoneNumber/InputPhoneNumber.d.ts

@@ -1,4 +1,8 @@
+import { TDataTestIdReactMap } from '../../types';
+
 export type ImperativeHandle = Partial<HTMLInputElement> & {
     getPhoneNumber: () => string;
 };
-export declare const InputPhoneNumber: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;
+export declare const InputPhoneNumber: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('../Input/types').TInputProps & import('../Input').TAdditionalProps & {
+    dataTestIdReactMap?: TDataTestIdReactMap<"input">;
+} & import('react').RefAttributes<HTMLInputElement>>>;