mimir-ui-kit 1.62.0 → 1.63.0

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>>>;

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,35 +1,42 @@
-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-DPnH8pKc.js";
-const h = I(
-  i(
-    ({ value: s = "", onChange: e, ...p }, a) => {
-      const [r, l] = c(
-        () => m(s)
-      ), n = f(
-        (t) => {
-          const u = m(t.target.value);
-          l(u), e == null || e({
-            ...t,
-            target: {
-              ...t.target,
-              value: o(u)
-            }
-          });
-        },
-        [e]
-      );
-      return P(
-        a,
-        () => ({
-          getPhoneNumber: () => o(r)
-        })
-      ), /* @__PURE__ */ d(b, { ref: a, value: r, onChange: n, ...p });
-    }
-  )
+import { jsx as f } from "react/jsx-runtime";
+import { memo as P, forwardRef as b, useState as h, useCallback as k, useImperativeHandle as I } from "react";
+import { getMaskedInputPhoneValue as n, getUnmaskedInputValue as p } from "./utils.js";
+import { I as N } from "../../Input-CqNPT8os.js";
+const g = P(
+  b(({ value: l = "", onChange: e, dataTestIdReactMap: u, ...s }, t) => {
+    const [m, i] = h(
+      () => n(l)
+    ), a = k(
+      (r) => {
+        const o = n(r.target.value);
+        i(o), e == null || e({
+          ...r,
+          target: {
+            ...r.target,
+            value: p(o)
+          }
+        });
+      },
+      [e]
+    );
+    return I(
+      t,
+      () => ({
+        getPhoneNumber: () => p(m)
+      })
+    ), /* @__PURE__ */ f(
+      N,
+      {
+        ref: t,
+        value: m,
+        onChange: a,
+        dataTestIdReactMap: { input: u == null ? void 0 : u.input },
+        ...s
+      }
+    );
+  })
 );
-h.displayName = "InputPhoneNumber";
+g.displayName = "InputPhoneNumber";
 export {
-  h as InputPhoneNumber
+  g as InputPhoneNumber
 };

package/dist/components/Loader/Loader.d.ts

@@ -1,7 +1,12 @@
 import { ELoaderSize } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 
 type TProps = {
     size?: ELoaderSize | `${ELoaderSize}`;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'loader' | 'circle'>;
 };
-export declare const Loader: ({ size }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loader: ({ size, dataTestIdReactMap }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Loader/Loader.js

@@ -1,16 +1,39 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { c as r } from "../../index-DIxK0V-G.js";
-import { ELoaderSize as o } from "./constants.js";
-import '../../assets/Loader.css';const t = "_loader_1qwwg_2", l = "_circle_1qwwg_9", m = "_animate_1qwwg_1", i = "_s_1qwwg_33", _ = "_m_1qwwg_37", s = {
-  loader: t,
-  circle: l,
-  animate: m,
-  s: i,
-  m: _
-}, p = ({ size: c = o.M }) => /* @__PURE__ */ e("div", { className: r(s.loader, s[c]), "data-testid": "loader", children: [
-  /* @__PURE__ */ a("span", { className: s.circle }),
-  /* @__PURE__ */ a("span", { className: s.circle })
-] });
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { c as m } from "../../index-DIxK0V-G.js";
+import { ELoaderSize as s } from "./constants.js";
+import '../../assets/Loader.css';const _ = "_loader_1qwwg_2", n = "_circle_1qwwg_9", w = "_animate_1qwwg_1", e = "_s_1qwwg_33", g = "_m_1qwwg_37", o = {
+  loader: _,
+  circle: n,
+  animate: w,
+  s: e,
+  m: g
+}, x = ({
+  size: l = s.M,
+  dataTestIdReactMap: r
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    "data-testid-react": r == null ? void 0 : r.loader,
+    className: m(o.loader, o[l]),
+    "data-testid": "loader",
+    children: [
+      /* @__PURE__ */ i(
+        "span",
+        {
+          "data-testid-react": r == null ? void 0 : r.circle,
+          className: o.circle
+        }
+      ),
+      /* @__PURE__ */ i(
+        "span",
+        {
+          "data-testid-react": r == null ? void 0 : r.circle,
+          className: o.circle
+        }
+      )
+    ]
+  }
+);
 export {
-  p as Loader
+  x as Loader
 };

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -14,7 +14,7 @@ import { useVirtualization as gt } from "./hooks/useVirtualization.js";
 import { normalizeDataForNestedSelection as It, flattenOptions as St, updateInputValueAfterChange as ue, getInitialInputValue as Nt, mapSizeToInputSize as me, getDropdownArrowIcon as zt, processNestedSelectionChange as pe, flattenSelectedItems as wt, dispatchMultiselectOpen as A, highlightReactNode as Ct } from "./utils.js";
 import { Icon as vt } from "../../icons/Icon.js";
 import { Button as yt } from "../Button/Button.js";
-import { I as fe } from "../../Input-DPnH8pKc.js";
+import { I as fe } from "../../Input-CqNPT8os.js";
 import { EInputVariant as bt } from "../Input/constants.js";
 import { Loader as he } from "../Loader/Loader.js";
 import { H as Ot, U as ge, G as Ie } from "../../combobox-fIVOzEhl.js";

package/dist/components/MultiSelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as g, Fragment as S, isValidElement as w, cloneElement as E } from "react";
 import { EMultiSelectSearchSize as a, MOBILE_MENU_HEIGHT as M, DESKTOP_MENU_HEIGHT as T } from "./constants.js";
-import "../../Input-DPnH8pKc.js";
+import "../../Input-CqNPT8os.js";
 import { EInputSize as f } from "../Input/constants.js";
 const j = (n) => {
   switch (n) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
 import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-DPnH8pKc.js";
+import { I as A } from "../../Input-CqNPT8os.js";
 import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
   "input-wrapper": "_input-wrapper_1ncuz_13",

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,6 @@
 import { RadioGroupProps } from '@headlessui/react';
 import { ReactNode } from 'react';
+import { TDataTestIdReactMap } from '../../types';
 
 export interface TRadioOption {
     value: string;
@@ -36,6 +37,10 @@ export type TRadioGroupProps = Omit<RadioGroupProps, 'value'> & {
      * Дополнительный класснейм для обертки контента радиогруппы.
      */
     classNameContentWrapper?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'group' | 'label' | 'contentWrapper' | 'radio' | 'frame'>;
 };
 /**
  * Компонент RadioGroup для выбора одной опции из нескольких.
@@ -68,4 +73,8 @@ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<
      * Дополнительный класснейм для обертки контента радиогруппы.
      */
     classNameContentWrapper?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"group" | "label" | "contentWrapper" | "radio" | "frame">;
 } & import('react').RefAttributes<HTMLElement>>;