mimir-ui-kit 1.62.0 → 1.64.0

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps } from 'react';
 import { TCommonButtonProps } from './types';
 import { TIcon } from '../../icons';
+import { TDataTestIdReactMap } from '../../types';
 
 export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
     /**
@@ -31,6 +32,10 @@ export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'button' | 'isIconButton' | 'count'>;
 };
 /**
  * Компонент кнопки, который можно настраивать с различными темами и размерами.
@@ -69,6 +74,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref"> | Omit<import('./types').TButtonDefaultFormProps & {
     isIconButton?: false;
     iconName?: never;
@@ -103,6 +112,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref"> | Omit<import('./types').TButtonRoundFormProps & {
     isIconButton: true;
     iconName: TIcon;
@@ -137,6 +150,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref"> | Omit<import('./types').TButtonRoundFormProps & {
     isIconButton?: false;
     iconName?: never;
@@ -171,6 +188,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref"> | Omit<import('./types').TButtonOutlineFormProps & {
     isIconButton: true;
     iconName: TIcon;
@@ -205,6 +226,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref"> | Omit<import('./types').TButtonOutlineFormProps & {
     isIconButton?: false;
     iconName?: never;
@@ -239,6 +264,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref"> | Omit<import('./types').TButtonBorderlessFormProps & {
     isIconButton: true;
     iconName: TIcon;
@@ -273,6 +302,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref"> | Omit<import('./types').TButtonBorderlessFormProps & {
     isIconButton?: false;
     iconName?: never;
@@ -307,4 +340,8 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"button" | "isIconButton" | "count">;
 }, "ref">) & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -1,12 +1,12 @@
-import { jsxs as B, jsx as l } from "react/jsx-runtime";
-import { c } from "../../index-DIxK0V-G.js";
-import { forwardRef as I } from "react";
-import { EButtonVariantDefault as k, EButtonForm as C } from "./constants.js";
-import { Icon as j } from "../../icons/Icon.js";
-import '../../assets/Button.css';const D = "_button_1qnsv_2", E = "_clear_1qnsv_42", P = "_count_1qnsv_53", z = "_black_1qnsv_132", F = "_gray_1qnsv_141", R = "_white_1qnsv_150", S = "_xs_1qnsv_250", V = "_s_1qnsv_83", A = "_m_1qnsv_259", G = "_l_1qnsv_283", H = "_xl_1qnsv_291", J = "_xxl_1qnsv_299", K = "_full_1qnsv_314", L = "_disabled_1qnsv_320", s = {
-  button: D,
-  clear: E,
-  count: P,
+import { jsxs as k, jsx as c } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { forwardRef as C } from "react";
+import { EButtonVariantDefault as j, EButtonForm as D } from "./constants.js";
+import { Icon as E } from "../../icons/Icon.js";
+import '../../assets/Button.css';const P = "_button_1qnsv_2", z = "_clear_1qnsv_42", F = "_count_1qnsv_53", I = "_black_1qnsv_132", S = "_gray_1qnsv_141", V = "_white_1qnsv_150", A = "_xs_1qnsv_250", G = "_s_1qnsv_83", H = "_m_1qnsv_259", J = "_l_1qnsv_283", K = "_xl_1qnsv_291", L = "_xxl_1qnsv_299", O = "_full_1qnsv_314", Q = "_disabled_1qnsv_320", s = {
+  button: P,
+  clear: z,
+  count: F,
   "default-button": "_default-button_1qnsv_61",
   "primary-sapphire": "_primary-sapphire_1qnsv_64",
   "primary-citrine": "_primary-citrine_1qnsv_73",
@@ -15,9 +15,9 @@ import '../../assets/Button.css';const D = "_button_1qnsv_2", E = "_clear_1qnsv_
   "secondary-white": "_secondary-white_1qnsv_101",
   "secondary-red": "_secondary-red_1qnsv_110",
   "round-button": "_round-button_1qnsv_120",
-  black: z,
-  gray: F,
-  white: R,
+  black: I,
+  gray: S,
+  white: V,
   "outline-button": "_outline-button_1qnsv_160",
   "outline-asphalt": "_outline-asphalt_1qnsv_168",
   "outline-gray": "_outline-gray_1qnsv_176",
@@ -28,73 +28,89 @@ import '../../assets/Button.css';const D = "_button_1qnsv_2", E = "_clear_1qnsv_
   "borderless-gray": "_borderless-gray_1qnsv_216",
   "borderless-white": "_borderless-white_1qnsv_221",
   "borderless-red": "_borderless-red_1qnsv_226",
-  xs: S,
+  xs: A,
   "m-s": "_m-s_1qnsv_259",
-  s: V,
-  m: A,
-  l: G,
-  xl: H,
-  xxl: J,
-  full: K,
-  disabled: L,
+  s: G,
+  m: H,
+  l: J,
+  xl: K,
+  xxl: L,
+  full: O,
+  disabled: Q,
   "icon-button": "_icon-button_1qnsv_341"
-}, M = I(
-  (i, u) => {
+}, U = C(
+  (u, d) => {
     const {
-      size: o = "m",
-      variant: d = k.PrimarySapphire,
-      form: _ = C.DefaultButton,
-      full: b,
-      clear: n,
+      size: _ = "m",
+      variant: b = j.PrimarySapphire,
+      form: r = D.DefaultButton,
+      full: m,
+      clear: t,
       isIconButton: e = !1,
-      iconName: m,
-      children: v,
-      className: q,
-      iconButtonClassName: p,
-      formId: y,
-      type: h = "button",
-      rightIcon: f,
-      count: r,
-      leftIcon: x,
-      disabled: t,
-      ...g
-    } = i, a = {
-      [s.full]: b && !n,
-      [s.disabled]: t && !n,
-      [s.clear]: n,
-      [s[d ?? ""]]: !t || n,
+      iconName: v,
+      children: q,
+      className: y,
+      iconButtonClassName: h,
+      formId: f,
+      type: p = "button",
+      rightIcon: x,
+      count: l,
+      leftIcon: g,
+      disabled: o,
+      dataTestIdReactMap: n,
+      ...w
+    } = u, a = {
+      [s.full]: m && !t,
+      [s.disabled]: o && !t,
+      [s.clear]: t,
+      [s[b ?? ""]]: !o || t,
       [s["icon-button"]]: e
-    }, w = c(
-      q,
+    }, N = i(
+      y,
       s.button,
       a,
-      n ? [] : [s[_ ?? ""], s[o]]
-    ), N = c(
+      t ? [] : [s[r ?? ""], s[_]]
+    ), B = i(
       s.count,
       a,
-      s[o],
-      s[_ ?? ""]
+      s[_],
+      s[r ?? ""]
     );
-    return /* @__PURE__ */ B(
+    return /* @__PURE__ */ k(
       "button",
       {
-        type: h,
-        form: y,
-        ...g,
-        disabled: t,
-        ref: u,
-        className: w,
+        "data-testid-react": n == null ? void 0 : n.button,
+        type: p,
+        form: f,
+        ...w,
+        disabled: o,
+        ref: d,
+        className: N,
         children: [
+          g,
+          e ? /* @__PURE__ */ c(
+            E,
+            {
+              "data-testid-react": n == null ? void 0 : n.isIconButton,
+              iconName: v,
+              className: h
+            }
+          ) : q,
           x,
-          e ? /* @__PURE__ */ l(j, { iconName: m, className: p }) : v,
-          f,
-          !!r && /* @__PURE__ */ l("span", { className: N, children: r })
+          !!l && /* @__PURE__ */ c(
+            "span",
+            {
+              "data-testid-react": n == null ? void 0 : n.count,
+              className: B,
+              children: l
+            }
+          )
         ]
       }
     );
   }
 );
-M.displayName = "Button";
+U.displayName = "Button";
 export {
-  M as Button
+  U as Button
 };

package/dist/components/CheckboxMimir/CheckboxMimir.d.ts

@@ -1,5 +1,6 @@
 import { CheckboxProps } from '@headlessui/react';
 import { ReactNode } from 'react';
+import { TDataTestIdReactMap } from '../../types';
 
 export type TCheckboxMimirProps = CheckboxProps & {
     children?: ReactNode;
@@ -9,6 +10,10 @@ export type TCheckboxMimirProps = CheckboxProps & {
     className?: string;
     containerClassName?: string;
     labelClassName?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'checkbox' | 'field' | 'label' | 'iconMinus' | 'iconDone'>;
 };
 export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
     suppressHydrationWarning?: boolean | undefined;
@@ -308,4 +313,8 @@ export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
     className?: string;
     containerClassName?: string;
     labelClassName?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"checkbox" | "field" | "label" | "iconMinus" | "iconDone">;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,71 +1,102 @@
-import { jsxs as V, jsx as m } from "react/jsx-runtime";
-import { W, p as X, o as p, $ as q, b as z, D as J, H as Q, c as I } from "../../keyboard-wis2TUql.js";
-import $, { useId as Y, useState as Z, useMemo as ee, useCallback as ae, forwardRef as oe } from "react";
-import { w as re } from "../../use-active-press-CnDeVvQq.js";
-import { u as se, a as ne, b as ce, T as ie, I as te, G as le, j as de, p as ue, K as me } from "../../label-BmphTIGY.js";
-import { r as pe } from "../../bugs-diTMAGNw.js";
-import { H as be } from "../../field-BLi5834s.js";
-import { c as C } from "../../index-DIxK0V-G.js";
-import { Icon as H } from "../../icons/Icon.js";
-import '../../assets/CheckboxMimir.css';let fe = "span";
-function he(b, f) {
-  let i = Y(), h = se(), t = ne(), { id: l = h || `headlessui-checkbox-${i}`, disabled: e = t || !1, autoFocus: o = !1, checked: v, defaultChecked: _, onChange: k, name: d, value: x, form: M, indeterminate: u = !1, ...R } = b, s = ce(_), [n, c] = ie(v, k, s ?? !1), E = te(), K = le(), T = X(), [N, g] = Z(!1), D = p(() => {
-    g(!0), c == null || c(!n), T.nextFrame(() => {
-      g(!1);
+import { jsxs as z, jsx as b } from "react/jsx-runtime";
+import { W as J, p as Q, o as f, $ as Y, b as Z, D as I, H as M, c as E } from "../../keyboard-wis2TUql.js";
+import C, { useId as R, useState as T, useMemo as ee, useCallback as oe, forwardRef as re } from "react";
+import { w as ne } from "../../use-active-press-CnDeVvQq.js";
+import { u as ie, a as ae, b as se, T as ce, I as le, G as te, j as de, p as ue, K as me } from "../../label-BmphTIGY.js";
+import { r as be } from "../../bugs-diTMAGNw.js";
+import { H as fe } from "../../field-BLi5834s.js";
+import { c as N } from "../../index-DIxK0V-G.js";
+import { Icon as K } from "../../icons/Icon.js";
+import '../../assets/CheckboxMimir.css';let pe = "span";
+function he(p, h) {
+  let l = R(), k = ie(), t = ae(), { id: d = k || `headlessui-checkbox-${l}`, disabled: o = t || !1, autoFocus: n = !1, checked: v, defaultChecked: x, onChange: _, name: u, value: e, form: $, indeterminate: m = !1, ...j } = p, a = se(x), [s, c] = ce(v, _, a ?? !1), w = le(), G = te(), S = Q(), [g, D] = T(!1), P = f(() => {
+    D(!0), c == null || c(!s), S.nextFrame(() => {
+      D(!1);
     });
-  }), j = p((a) => {
-    if (pe(a.currentTarget)) return a.preventDefault();
-    a.preventDefault(), D();
-  }), w = p((a) => {
-    a.key === I.Space ? (a.preventDefault(), D()) : a.key === I.Enter && ue(a.currentTarget);
-  }), G = p((a) => a.preventDefault()), { isFocusVisible: P, focusProps: S } = q({ autoFocus: o }), { isHovered: y, hoverProps: U } = z({ isDisabled: e }), { pressed: F, pressProps: A } = re({ disabled: e }), B = J({ ref: f, id: l, role: "checkbox", "aria-checked": u ? "mixed" : n ? "true" : "false", "aria-labelledby": E, "aria-describedby": K, "aria-disabled": e ? !0 : void 0, indeterminate: u ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : w, onKeyPress: e ? void 0 : G, onClick: e ? void 0 : j }, S, U, A), L = ee(() => ({ checked: n, disabled: e, hover: y, focus: P, active: F, indeterminate: u, changing: N, autofocus: o }), [n, u, e, y, P, F, N, o]), O = ae(() => {
-    if (s !== void 0) return c == null ? void 0 : c(s);
-  }, [c, s]);
-  return $.createElement($.Fragment, null, d != null && $.createElement(de, { disabled: e, data: { [d]: x || "on" }, overrides: { type: "checkbox", checked: n }, form: M, onReset: O }), Q({ ourProps: B, theirProps: R, slot: L, defaultTag: fe, name: "Checkbox" }));
+  }), U = f((r) => {
+    if (be(r.currentTarget)) return r.preventDefault();
+    r.preventDefault(), P();
+  }), A = f((r) => {
+    r.key === E.Space ? (r.preventDefault(), P()) : r.key === E.Enter && ue(r.currentTarget);
+  }), B = f((r) => r.preventDefault()), { isFocusVisible: y, focusProps: L } = Y({ autoFocus: n }), { isHovered: F, hoverProps: O } = Z({ isDisabled: o }), { pressed: H, pressProps: V } = ne({ disabled: o }), W = I({ ref: h, id: d, role: "checkbox", "aria-checked": m ? "mixed" : s ? "true" : "false", "aria-labelledby": w, "aria-describedby": G, "aria-disabled": o ? !0 : void 0, indeterminate: m ? "true" : void 0, tabIndex: o ? void 0 : 0, onKeyUp: o ? void 0 : A, onKeyPress: o ? void 0 : B, onClick: o ? void 0 : U }, L, O, V), X = ee(() => ({ checked: s, disabled: o, hover: F, focus: y, active: H, indeterminate: m, changing: g, autofocus: n }), [s, m, o, F, y, H, g, n]), q = oe(() => {
+    if (a !== void 0) return c == null ? void 0 : c(a);
+  }, [c, a]);
+  return C.createElement(C.Fragment, null, u != null && C.createElement(de, { disabled: o, data: { [u]: e || "on" }, overrides: { type: "checkbox", checked: s }, form: $, onReset: q }), M({ ourProps: W, theirProps: j, slot: X, defaultTag: pe, name: "Checkbox" }));
 }
-let ve = W(he);
-const _e = "_container_9u4lp_2", ke = "_checkbox_9u4lp_8", xe = "_enabled_9u4lp_40", $e = "_label_9u4lp_56", r = {
-  container: _e,
-  checkbox: ke,
+let ke = J(he);
+const ve = "_container_9u4lp_2", xe = "_checkbox_9u4lp_8", _e = "_enabled_9u4lp_40", $e = "_label_9u4lp_56", i = {
+  container: ve,
+  checkbox: xe,
   "icon-done": "_icon-done_9u4lp_21",
   "icon-minus": "_icon-minus_9u4lp_27",
-  enabled: xe,
+  enabled: _e,
   label: $e
-}, Me = oe(
-  (b, f) => {
+}, Ke = re(
+  (p, h) => {
     const {
-      checked: i,
-      onChange: h,
+      checked: l,
+      onChange: k,
       children: t,
-      id: l,
-      isInteractive: e = !0,
-      disabled: o = !1,
+      id: d,
+      isInteractive: o = !0,
+      disabled: n = !1,
       className: v,
-      containerClassName: _,
-      isMinusIcon: k = !1,
-      labelClassName: d,
-      ...x
-    } = b;
-    return /* @__PURE__ */ V(be, { className: C(r.container, _), children: [
-      /* @__PURE__ */ m(
-        ve,
-        {
-          id: l,
-          ref: f,
-          checked: i,
-          onChange: e && !o ? h : void 0,
-          className: C(r.checkbox, v, {
-            [r.enabled]: i
-          }),
-          "data-disabled": o,
-          ...x,
-          children: k ? /* @__PURE__ */ m(H, { iconName: "Minus16px", className: r["icon-minus"] }) : /* @__PURE__ */ m(H, { iconName: "Done16px", className: r["icon-done"] })
-        }
-      ),
-      t && /* @__PURE__ */ m(me, { htmlFor: l, className: C(r.label, d), children: t })
-    ] });
+      containerClassName: x,
+      isMinusIcon: _ = !1,
+      labelClassName: u,
+      dataTestIdReactMap: e,
+      ...$
+    } = p;
+    return /* @__PURE__ */ z(
+      fe,
+      {
+        "data-testid-react": e == null ? void 0 : e.field,
+        className: N(i.container, x),
+        children: [
+          /* @__PURE__ */ b(
+            ke,
+            {
+              "data-testid-react": e == null ? void 0 : e.checkbox,
+              id: d,
+              ref: h,
+              checked: l,
+              onChange: o && !n ? k : void 0,
+              className: N(i.checkbox, v, {
+                [i.enabled]: l
+              }),
+              "data-disabled": n,
+              ...$,
+              children: _ ? /* @__PURE__ */ b(
+                K,
+                {
+                  "data-testid-react": e == null ? void 0 : e.iconMinus,
+                  iconName: "Minus16px",
+                  className: i["icon-minus"]
+                }
+              ) : /* @__PURE__ */ b(
+                K,
+                {
+                  "data-testid-react": e == null ? void 0 : e.iconDone,
+                  iconName: "Done16px",
+                  className: i["icon-done"]
+                }
+              )
+            }
+          ),
+          t && /* @__PURE__ */ b(
+            me,
+            {
+              "data-testid-react": e == null ? void 0 : e.label,
+              htmlFor: d,
+              className: N(i.label, u),
+              children: t
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {
-  Me as CheckboxMimir
+  Ke as CheckboxMimir
 };

package/dist/components/DatePicker/DatePicker.js

@@ -10,7 +10,7 @@ import { YearPickerModal as bt } from "./YearPickerModal.js";
 import { useClickOutside as At } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as B } from "../../icons/Icon.js";
 import { formating as d } from "../../utils/index.js";
-import { I as Pt } from "../../Input-DPnH8pKc.js";
+import { I as Pt } from "../../Input-CqNPT8os.js";
 import { EInputStatus as St, EInputSize as V } from "../Input/constants.js";
 const Yt = Nt(
   ut(

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

@@ -1,5 +1,6 @@
 import { ElementType, ReactElement, ReactNode, RefObject } from 'react';
 import { EDrawerPosition } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 import { Props } from '../../types/propsWithAs';
 
 export declare const ANIMATION_DELAY = 300;
@@ -88,6 +89,10 @@ type TProps = {
      * Если указано false, компонент рендерится без использования Portal.
      */
     getContainer?: HTMLElement | RefObject<HTMLElement> | false;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'drawer' | 'closeButton' | 'footer' | 'footerCloseButton' | 'overlay'>;
 };
 type TDrawerComponent = <C extends ElementType = 'div'>(props: Props<C, TProps>) => ReactElement | ReactNode;
 /**