mimir-ui-kit 1.65.7 → 1.66.1

package/dist/ProgressBar-BtLMbQrP.js

@@ -0,0 +1,67 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as u } from "./index-DIxK0V-G.js";
+import { memo as q, useRef as e, useEffect as f } from "react";
+import { DEFAULT_TOAST_DURATION as g, EToastVariant as b } from "./components/Toasts/constants.js";
+import './assets/ProgressBar.css';const d = "_title_lqoti_37", A = "_timer_lqoti_41", T = "_seconds_lqoti_51", h = "_message_lqoti_61", w = "_progress_lqoti_69", D = "_success_lqoti_100", F = "_alarm_lqoti_105", R = "_error_lqoti_110", E = "_purple_lqoti_115", s = {
+  "toast-list": "_toast-list_lqoti_2",
+  "toast-wrapper": "_toast-wrapper_lqoti_24",
+  title: d,
+  timer: A,
+  "timer-title": "_timer-title_lqoti_49",
+  seconds: T,
+  message: h,
+  progress: w,
+  "progress-bar": "_progress-bar_lqoti_78",
+  "close-button": "_close-button_lqoti_89",
+  default: "_default_lqoti_95",
+  success: D,
+  alarm: F,
+  error: R,
+  purple: E,
+  "top-right": "_top-right_lqoti_120",
+  "top-center": "_top-center_lqoti_126",
+  "top-left": "_top-left_lqoti_132",
+  "bottom-left": "_bottom-left_lqoti_137",
+  "bottom-center": "_bottom-center_lqoti_142",
+  "bottom-right": "_bottom-right_lqoti_148",
+  "toast-in": "_toast-in_lqoti_180",
+  "toast-out": "_toast-out_lqoti_184"
+}, L = q(
+  ({
+    duration: _ = g,
+    variant: m = b.DEFAULT,
+    isPaused: i = !1
+  }) => {
+    const t = e(), o = e(null), n = e(Date.now()), r = e(0);
+    return f(() => {
+      if (i)
+        t.current && cancelAnimationFrame(t.current);
+      else {
+        n.current = Date.now() - r.current;
+        const c = () => {
+          const p = Date.now();
+          r.current = p - n.current;
+          const a = Math.min(
+            r.current / _ * 100,
+            100
+          );
+          o.current && (o.current.style.width = `${a}%`), a < 100 && (t.current = requestAnimationFrame(c));
+        };
+        t.current = requestAnimationFrame(c);
+      }
+      return () => {
+        t.current && cancelAnimationFrame(t.current);
+      };
+    }, [_, i]), /* @__PURE__ */ l("div", { className: s.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ l(
+      "div",
+      {
+        ref: o,
+        className: u(s["progress-bar"], s[m])
+      }
+    ) });
+  }
+);
+export {
+  L as P,
+  s as c
+};

package/dist/assets/ProgressBar.css

@@ -1 +1 @@
-._toast-list_14r7q_2{position:fixed;z-index:var(--mimir-zindex-toasts-list);width:100vw;max-width:515px;max-height:100vh;padding:var(--mimir-space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_14r7q_2::-webkit-scrollbar{display:none}._toast-list_14r7q_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_14r7q_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_14r7q_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_14r7q_24{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--mimir-space-m);background-color:var(--toast-bg-color);border-radius:var(--mimir-control-radius);-webkit-transition:all .3s ease;transition:all .3s ease}._toast-wrapper_14r7q_24:not(:last-child){margin-bottom:var(--mimir-space-s)}._title_14r7q_37:not(:last-child){margin-bottom:var(--mimir-space-xs)}._timer_14r7q_41{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._timer_14r7q_41:not(:last-child){margin-bottom:var(--mimir-space-2xs)}._timer-title_14r7q_49,._title_14r7q_37,._seconds_14r7q_51{color:var(--black-60);font-size:var(--mimir-size-text-m);line-height:var(--mimir-line-height-text-xxs)}._seconds_14r7q_51{color:var(--black-100)}._message_14r7q_61{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}._message_14r7q_61:not(:last-child){margin-bottom:var(--mimir-space-xs)}._progress_14r7q_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--mimir-control-radius-xs)}._progress-bar_14r7q_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--mimir-control-radius-xs)}._close-button_14r7q_89{position:absolute;top:var(--mimir-space-s);right:var(--mimir-space-s)}._slot_14r7q_95{margin-top:var(--mimir-space-xl)}._default_14r7q_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_14r7q_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_14r7q_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_14r7q_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._purple_14r7q_119{--toast-bg-color: var(--purple-bg-active);--progress-bg-color: var(--purple-normal)}._top-right_14r7q_124{top:0;right:0;-webkit-transition:all .3s ease;transition:all .3s ease}._top-center_14r7q_130{top:0;right:50%;-webkit-transform:translateX(50%);transform:translate(50%)}._top-left_14r7q_136{top:0;left:0}._bottom-left_14r7q_141{bottom:0;left:0}._bottom-center_14r7q_146{right:50%;bottom:0;-webkit-transform:translateX(50%);transform:translate(50%)}._bottom-right_14r7q_152{right:0;bottom:0}@-webkit-keyframes _toast-in_14r7q_184{0%{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}80%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes _toast-in_14r7q_184{0%{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}80%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes _toast-out_14r7q_188{0%{opacity:1}20%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}}@keyframes _toast-out_14r7q_188{0%{opacity:1}20%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}}._toast-in_14r7q_184{-webkit-animation:_toast-in_14r7q_184 .3s both;animation:_toast-in_14r7q_184 .3s both}._toast-out_14r7q_188{-webkit-animation:_toast-out_14r7q_188 .8s both;animation:_toast-out_14r7q_188 .8s both}
+._toast-list_lqoti_2{position:fixed;z-index:var(--mimir-zindex-toasts-list);width:100vw;max-width:515px;max-height:100vh;padding:var(--mimir-space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_lqoti_2::-webkit-scrollbar{display:none}._toast-list_lqoti_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_lqoti_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_lqoti_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_lqoti_24{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--mimir-space-m);background-color:var(--toast-bg-color);border-radius:var(--mimir-control-radius);-webkit-transition:all .3s ease;transition:all .3s ease}._toast-wrapper_lqoti_24:not(:last-child){margin-bottom:var(--mimir-space-s)}._title_lqoti_37:not(:last-child){margin-bottom:var(--mimir-space-xs)}._timer_lqoti_41{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._timer_lqoti_41:not(:last-child){margin-bottom:var(--mimir-space-2xs)}._timer-title_lqoti_49,._title_lqoti_37,._seconds_lqoti_51{color:var(--black-60);font-size:var(--mimir-size-text-m);line-height:var(--mimir-line-height-text-xxs)}._seconds_lqoti_51{color:var(--black-100)}._message_lqoti_61{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}._message_lqoti_61:not(:last-child){margin-bottom:var(--mimir-space-xs)}._progress_lqoti_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--mimir-control-radius-xs)}._progress-bar_lqoti_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--mimir-control-radius-xs)}._close-button_lqoti_89{position:absolute;top:var(--mimir-space-s);right:var(--mimir-space-s)}._default_lqoti_95{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_lqoti_100{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_lqoti_105{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_lqoti_110{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._purple_lqoti_115{--toast-bg-color: var(--purple-bg-active);--progress-bg-color: var(--purple-normal)}._top-right_lqoti_120{top:0;right:0;-webkit-transition:all .3s ease;transition:all .3s ease}._top-center_lqoti_126{top:0;right:50%;-webkit-transform:translateX(50%);transform:translate(50%)}._top-left_lqoti_132{top:0;left:0}._bottom-left_lqoti_137{bottom:0;left:0}._bottom-center_lqoti_142{right:50%;bottom:0;-webkit-transform:translateX(50%);transform:translate(50%)}._bottom-right_lqoti_148{right:0;bottom:0}@-webkit-keyframes _toast-in_lqoti_180{0%{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}80%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes _toast-in_lqoti_180{0%{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}80%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes _toast-out_lqoti_184{0%{opacity:1}20%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}}@keyframes _toast-out_lqoti_184{0%{opacity:1}20%{-webkit-transform:translate(0);transform:translate(0);opacity:.7}to{-webkit-transform:var(--elm-translate);transform:var(--elm-translate);opacity:.7}}._toast-in_lqoti_180{-webkit-animation:_toast-in_lqoti_180 .3s both;animation:_toast-in_lqoti_180 .3s both}._toast-out_lqoti_184{-webkit-animation:_toast-out_lqoti_184 .8s both;animation:_toast-out_lqoti_184 .8s both}

package/dist/components/AnchorLink/Link.d.ts

@@ -1,6 +1,7 @@
 import { ElementType, ReactElement, ReactNode } from 'react';
 import { ELinkSize, ELinkVariant } from './constants';
 import { TIconProps } from '../../icons';
+import { TDataTestIdReactMap } from '../../types';
 import { Props } from '../../types/propsWithAs';
 
 type TProps = {
@@ -13,6 +14,7 @@ type TProps = {
     children?: ReactNode;
     rel?: string;
     target?: string;
+    dataTestIdReactMap?: TDataTestIdReactMap<'link' | 'leftIcon' | 'rightIcon'>;
 };
 type TLinkComponent = <C extends ElementType = 'span'>(props: Props<C, TProps>) => ReactElement | ReactNode;
 export declare const Link: TLinkComponent;

package/dist/components/AnchorLink/Link.js

@@ -1,57 +1,61 @@
-import { jsxs as k, jsx as n } from "react/jsx-runtime";
-import { c as o } from "../../index-DIxK0V-G.js";
-import { forwardRef as x } from "react";
-import { ELinkSize as L, ELinkVariant as I } from "./constants.js";
-import { Icon as t } from "../../icons/Icon.js";
-import '../../assets/Link.css';const g = "_link_1bc9a_2", j = "_sample_1bc9a_20", u = "_anchor_1bc9a_24", z = "_disabled_1bc9a_28", C = "_icon_1bc9a_38", E = "_xs_1bc9a_47", R = "_s_1bc9a_20", v = "_m_1bc9a_59", w = "_l_1bc9a_2", s = {
-  link: g,
-  sample: j,
-  anchor: u,
-  disabled: z,
-  icon: C,
-  xs: E,
-  s: R,
-  m: v,
-  l: w
-}, V = x(
-  (i, e) => {
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { forwardRef as L } from "react";
+import { ELinkSize as g, ELinkVariant as j } from "./constants.js";
+import { Icon as r } from "../../icons/Icon.js";
+import '../../assets/Link.css';const u = "_link_1bc9a_2", z = "_sample_1bc9a_20", C = "_anchor_1bc9a_24", E = "_disabled_1bc9a_28", v = "_icon_1bc9a_38", w = "_xs_1bc9a_47", A = "_s_1bc9a_20", H = "_m_1bc9a_59", O = "_l_1bc9a_2", c = {
+  link: u,
+  sample: z,
+  anchor: C,
+  disabled: E,
+  icon: v,
+  xs: w,
+  s: A,
+  m: H,
+  l: O
+}, B = L(
+  (l, t) => {
     const {
-      as: l = "button",
-      disabled: r,
-      leftIcon: c,
-      children: _,
-      rightIcon: a,
-      className: m,
-      size: b = L.L,
-      variant: d = I.ANCHOR,
-      rel: p,
-      target: f,
+      as: _ = "button",
+      disabled: e,
+      leftIcon: o,
+      children: m,
+      rightIcon: n,
+      className: b,
+      size: d = g.L,
+      variant: f = j.ANCHOR,
+      rel: h,
+      dataTestIdReactMap: s,
+      target: k,
       ...N
-    } = i, h = o(s.link, m, s[d], s[b], {
-      [s.disabled]: r
+    } = l, p = i(c.link, b, c[f], c[d], {
+      [c.disabled]: e
     });
-    return /* @__PURE__ */ k(
-      l,
+    return /* @__PURE__ */ x(
+      _,
       {
-        ref: e,
-        className: h,
-        rel: p,
-        target: f,
+        "data-testid-react": s == null ? void 0 : s.link,
+        ref: t,
+        className: p,
+        rel: h,
+        target: k,
         ...N,
         children: [
-          c && /* @__PURE__ */ n(
-            t,
+          o && /* @__PURE__ */ a(
+            r,
             {
-              ...c,
-              className: o(s.icon, c.className)
+              "data-testid-react": s == null ? void 0 : s.leftIcon,
+              ...o,
+              className: i(c.icon, o.className)
             }
           ),
-          _,
-          a && /* @__PURE__ */ n(
-            t,
+          m,
+          n && /* @__PURE__ */ a(
+            r,
             {
-              ...a,
-              className: o(s.icon, a.className)
+              "data-testid-react": s == null ? void 0 : s.rightIcon,
+              ...n,
+              className: i(c.icon, n.className)
             }
           )
         ]
@@ -60,5 +64,5 @@ import '../../assets/Link.css';const g = "_link_1bc9a_2", j = "_sample_1bc9a_20"
   }
 );
 export {
-  V as Link
+  B as Link
 };

package/dist/components/MergedButton/MergedButton.d.ts

@@ -1,4 +1,5 @@
 import { EMergedButtonVariantRound } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 import { TButtonProps, EButtonSize } from '../Button';
 
 export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form' | 'size'> & {
@@ -15,8 +16,12 @@ export type TProps = {
      * Класс, применяемый к списку карточек (ul).
      */
     buttonsWrapperClassName?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'buttons' | 'btn'>;
 };
 /**
  * Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
  */
-export declare const MergedButton: import('react').MemoExoticComponent<({ buttons, buttonsWrapperClassName }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MergedButton: import('react').MemoExoticComponent<({ buttons, buttonsWrapperClassName, dataTestIdReactMap }: TProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/MergedButton/MergedButton.js

@@ -1,59 +1,69 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as r } from "../../index-DIxK0V-G.js";
-import { memo as l } from "react";
-import { EMergedButtonVariantRound as g } from "./constants.js";
-import { Button as b } from "../Button/Button.js";
-import '../../assets/MergedButton.css';const d = "_buttons_12jbn_2", h = "_gray_12jbn_28", j = "_white_12jbn_36", B = "_transparent_12jbn_44", I = "_asphalt_12jbn_53", f = "_s_12jbn_66", N = "_m_12jbn_6", t = {
-  buttons: d,
+import { jsx as _ } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
+import { memo as h } from "react";
+import { EMergedButtonVariantRound as j } from "./constants.js";
+import { Button as B } from "../Button/Button.js";
+import '../../assets/MergedButton.css';const f = "_buttons_12jbn_2", p = "_gray_12jbn_28", N = "_white_12jbn_36", v = "_transparent_12jbn_44", y = "_asphalt_12jbn_53", w = "_s_12jbn_66", a = "_m_12jbn_6", o = {
+  buttons: f,
   "merged-button": "_merged-button_12jbn_6",
-  gray: h,
-  white: j,
-  transparent: B,
-  asphalt: I,
+  gray: p,
+  white: N,
+  transparent: v,
+  asphalt: y,
   "is-icon": "_is-icon_12jbn_61",
-  s: f,
-  m: N,
+  s: w,
+  m: a,
   "one-button": "_one-button_12jbn_74"
-}, v = l(
-  ({ buttons: s, buttonsWrapperClassName: c }) => /* @__PURE__ */ e("div", { className: r(t.buttons, c), children: s.map(
-    ({
-      variant: a = g.White,
-      disabled: o,
-      className: i,
-      size: _ = "m",
-      ...n
-    }, m) => {
-      const u = {
-        ...n,
-        isIconButton: n.isIconButton ?? !1,
-        iconName: n.isIconButton ? n.iconName : void 0,
-        leftIcon: n.isIconButton ? void 0 : n.leftIcon,
-        rightIcon: n.isIconButton ? void 0 : n.rightIcon
-      }, p = r(
-        t["merged-button"],
-        t[_ ?? "m"],
-        i,
-        {
-          [t[a]]: !o,
-          [t.disabled]: o,
-          [t["is-icon"]]: n.isIconButton,
-          [t["one-button"]]: s.length === 1
+}, I = h(
+  ({ buttons: r, buttonsWrapperClassName: m, dataTestIdReactMap: t }) => /* @__PURE__ */ _(
+    "div",
+    {
+      "data-testid-react": t == null ? void 0 : t.buttons,
+      className: c(o.buttons, m),
+      children: r.map(
+        ({
+          variant: e = j.White,
+          disabled: s,
+          className: u,
+          size: b = "m",
+          ...n
+        }, i) => {
+          const l = {
+            ...n,
+            isIconButton: n.isIconButton ?? !1,
+            iconName: n.isIconButton ? n.iconName : void 0,
+            leftIcon: n.isIconButton ? void 0 : n.leftIcon,
+            rightIcon: n.isIconButton ? void 0 : n.rightIcon
+          }, g = c(
+            o["merged-button"],
+            o[b ?? "m"],
+            u,
+            {
+              [o[e]]: !s,
+              [o.disabled]: s,
+              [o["is-icon"]]: n.isIconButton,
+              [o["one-button"]]: r.length === 1
+            }
+          );
+          return /* @__PURE__ */ _(
+            B,
+            {
+              clear: !0,
+              disabled: s,
+              dataTestIdReactMap: {
+                button: `${t == null ? void 0 : t.btn}-${i}`
+              },
+              className: g,
+              ...l
+            },
+            i
+          );
         }
-      );
-      return /* @__PURE__ */ e(
-        b,
-        {
-          clear: !0,
-          disabled: o,
-          className: p,
-          ...u
-        },
-        m
-      );
+      )
     }
-  ) })
+  )
 );
-v.displayName = "MergedButton";
+I.displayName = "MergedButton";
 export {
-  v as MergedButton
+  I as MergedButton
 };

package/dist/components/OtpInput/OtpInput.d.ts

@@ -1,3 +1,4 @@
+import { TDataTestIdReactMap } from '../../types';
 import { TInputProps } from '../Input';
 
 /**
@@ -24,4 +25,8 @@ export declare const OtpInput: import('react').ForwardRefExoticComponent<Omit<TI
      * Позиции полей, после которых отображаются разделители.
      */
     separatorPositions?: number[];
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"otp">;
 } & import('react').RefAttributes<unknown>>;

package/dist/components/OtpInput/OtpInput.js

@@ -1,77 +1,86 @@
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { c as u } from "../../index-DIxK0V-G.js";
-import { forwardRef as R, useImperativeHandle as T, Fragment as y } from "react";
-import { DEFAULT_VALUE_LENGTH as z, ITEMS_PER_SEPARATOR as A } from "./constants.js";
-import { useOTPInput as C } from "./hooks.js";
-import { getValidSeparatorPositions as D, getDefaultSeparatorPositions as F } from "./utils.js";
-import { I as L } from "../../Input-JwHUiwVK.js";
-import '../../assets/OtpInput.css';const O = "_otp_1ncuz_2", j = "_input_1ncuz_13", x = "_separator_1ncuz_27", o = {
-  otp: O,
+import { jsx as p, jsxs as A } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { forwardRef as C, useImperativeHandle as D, Fragment as F } from "react";
+import { DEFAULT_VALUE_LENGTH as L, ITEMS_PER_SEPARATOR as O } from "./constants.js";
+import { useOTPInput as d } from "./hooks.js";
+import { getValidSeparatorPositions as x, getDefaultSeparatorPositions as j } from "./utils.js";
+import { I as H } from "../../Input-JwHUiwVK.js";
+import '../../assets/OtpInput.css';const K = "_otp_1ncuz_2", U = "_input_1ncuz_13", V = "_separator_1ncuz_27", e = {
+  otp: K,
   "input-wrapper": "_input-wrapper_1ncuz_13",
-  input: j,
-  separator: x
-}, H = R(
+  input: U,
+  separator: V
+}, G = C(
   ({
-    value: c = "",
-    valueLength: i = z,
-    needSeparator: m = !0,
-    onChange: l,
-    className: d,
-    separatorPositions: _,
-    ...f
-  }, h) => {
+    value: m = "",
+    valueLength: l = L,
+    needSeparator: c = !0,
+    onChange: _,
+    className: f,
+    separatorPositions: h,
+    dataTestIdReactMap: t,
+    ...g
+  }, P) => {
     const {
-      data: { inputRefs: s, valueItems: n },
-      handlers: { handleChange: g, handleFocus: I, handleKeyDown: P, handlePaste: w }
-    } = C({
-      onChange: l,
-      value: c,
-      valueLength: i
+      data: { inputRefs: a, valueItems: s },
+      handlers: { handleChange: w, handleFocus: N, handleKeyDown: S, handlePaste: E }
+    } = d({
+      onChange: _,
+      value: m,
+      valueLength: l
     });
-    T(h, () => ({
+    D(P, () => ({
       focus: () => {
-        var a;
-        (a = s.current[0]) == null || a.focus();
+        var n;
+        (n = a.current[0]) == null || n.focus();
       }
     }));
-    const p = D(
-      _,
-      n.length
-    ), N = p.length ? p : F(n.length, A);
-    return /* @__PURE__ */ r("div", { className: u(o.otp, d), children: n.map((a, e) => {
-      const S = e + 1, E = m && N.includes(S);
-      return /* @__PURE__ */ v(y, { children: [
-        /* @__PURE__ */ r(
-          L,
-          {
-            ref: (t) => s.current[e] = t,
-            type: "text",
-            inputMode: "numeric",
-            autoComplete: "one-time-code",
-            pattern: "\\d{1}",
-            maxLength: 1,
-            value: a,
-            className: o.input,
-            wrapperClassName: o["input-wrapper"],
-            onChange: (t) => g(t, e),
-            onKeyDown: (t) => P(t, e),
-            onFocus: (t) => I(t, e),
-            onPaste: w,
-            ...f
-          }
-        ),
-        E && /* @__PURE__ */ r(
-          "span",
-          {
-            className: u(o.separator),
-            "data-testid": "separator"
-          }
-        )
-      ] }, e);
-    }) });
+    const u = x(
+      h,
+      s.length
+    ), v = u.length ? u : j(s.length, O);
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        "data-testid-react": t == null ? void 0 : t.otp,
+        className: i(e.otp, f),
+        children: s.map((n, r) => {
+          const y = r + 1, z = c && v.includes(y);
+          return /* @__PURE__ */ A(F, { children: [
+            /* @__PURE__ */ p(
+              H,
+              {
+                "data-testid-react": `${t == null ? void 0 : t.otp}-idx`,
+                ref: (o) => a.current[r] = o,
+                type: "text",
+                inputMode: "numeric",
+                autoComplete: "one-time-code",
+                pattern: "\\d{1}",
+                maxLength: 1,
+                value: n,
+                className: e.input,
+                wrapperClassName: e["input-wrapper"],
+                onChange: (o) => w(o, r),
+                onKeyDown: (o) => S(o, r),
+                onFocus: (o) => N(o, r),
+                onPaste: E,
+                ...g
+              }
+            ),
+            z && /* @__PURE__ */ p(
+              "span",
+              {
+                className: i(e.separator),
+                "data-testid": "separator"
+              }
+            )
+          ] }, r);
+        })
+      }
+    );
   }
 );
-H.displayName = "OtpInput";
+G.displayName = "OtpInput";
 export {
-  H as OtpInput
+  G as OtpInput
 };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,10 +1,12 @@
 import { ECounterVariant } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 
 export type TBackProps = {
     currentPageNumber: number;
     onClick: (nextPage: number) => void;
     setCurrentPage: (nextPage: number) => void;
     disabled?: boolean;
+    dataTestIdReactMap?: TDataTestIdReactMap<'backButtons' | 'backBtn'>;
 };
 export type TNextProps = {
     currentPageNumber: number;
@@ -12,6 +14,7 @@ export type TNextProps = {
     onClick: (nextPage: number) => void;
     setCurrentPage: (nextPage: number) => void;
     disabled?: boolean;
+    dataTestIdReactMap?: TDataTestIdReactMap<'nextButtons' | 'nextBtn'>;
 };
 export type TPageData = {
     date?: string;
@@ -39,6 +42,7 @@ export type TItemProps = {
     disabled?: boolean;
     pageData?: TPageData;
     isDateMode?: boolean;
+    dataTestIdReactMap?: TDataTestIdReactMap<'paginationBtn'>;
 };
 export type TProps = {
     /**
@@ -89,5 +93,9 @@ export type TProps = {
      * Данные для каждой страницы (даты и счетчики)
      */
     pagesData?: TPageData[];
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'pagination' | 'backButtons' | 'backBtn' | 'nextButtons' | 'nextBtn' | 'paginationBtn'>;
 };
 export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;