mimir-ui-kit 1.65.7 → 1.66.0

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

package/dist/components/Pagination/Pagination.js

@@ -1,244 +1,277 @@
-import { jsxs as x, jsx as i, Fragment as I } from "react/jsx-runtime";
-import { c as E } from "../../index-DIxK0V-G.js";
-import { forwardRef as $, useState as j, useEffect as F } from "react";
-import { FIRST_PAGE_NUMBER as f, DEFAULT_PER_PAGE as L } from "./constants.js";
-import { PaginationDateButton as G } from "./PaginationDateButton/PaginationDateButton.js";
-import { useWindowSize as T } from "../../hooks/useWindowSize/index.js";
-import { MergedButton as y } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const U = "_container_1b4hk_27", z = "_ellipsis_1b4hk_48", O = "_disabled_1b4hk_53", p = {
+import { jsxs as y, jsx as s, Fragment as F } from "react/jsx-runtime";
+import { c as S } from "../../index-DIxK0V-G.js";
+import { forwardRef as z, useState as O, useEffect as V } from "react";
+import { FIRST_PAGE_NUMBER as g, DEFAULT_PER_PAGE as W } from "./constants.js";
+import { PaginationDateButton as p } from "./PaginationDateButton/PaginationDateButton.js";
+import { useWindowSize as q } from "../../hooks/useWindowSize/index.js";
+import { MergedButton as j } from "../MergedButton/MergedButton.js";
+import '../../assets/Pagination.css';const H = "_container_1b4hk_27", J = "_ellipsis_1b4hk_48", K = "_disabled_1b4hk_53", P = {
   "pagination-button": "_pagination-button_1b4hk_2",
   "is-active": "_is-active_1b4hk_23",
-  container: U,
+  container: H,
   "container--date-mode": "_container--date-mode_1b4hk_37",
-  ellipsis: z,
-  disabled: O
-}, V = ({
-  currentPageNumber: n,
+  ellipsis: J,
+  disabled: K
+}, Q = ({
+  currentPageNumber: r,
   onClick: e,
-  setCurrentPage: l,
-  disabled: c
-}) => /* @__PURE__ */ i(
-  y,
-  {
-    buttons: [
-      {
-        isIconButton: !0,
-        variant: "white",
-        onClick: () => {
-          n !== f && (l(n - 1), e(n - 1));
-        },
-        iconName: "ArrowLeft16px",
-        disabled: c || n === f,
-        "data-testid": "back-button"
-      }
-    ]
-  }
-), W = ({
-  currentPageNumber: n,
+  setCurrentPage: m,
+  disabled: b,
+  dataTestIdReactMap: t
+}) => {
+  const n = () => {
+    r !== g && (m(r - 1), e(r - 1));
+  };
+  return /* @__PURE__ */ s(
+    j,
+    {
+      dataTestIdReactMap: {
+        btn: t == null ? void 0 : t.backBtn,
+        buttons: t == null ? void 0 : t.backButtons
+      },
+      buttons: [
+        {
+          isIconButton: !0,
+          variant: "white",
+          onClick: n,
+          iconName: "ArrowLeft16px",
+          disabled: b || r === g,
+          "data-testid": "back-button"
+        }
+      ]
+    }
+  );
+}, X = ({
+  currentPageNumber: r,
   lastPageNumber: e,
-  onClick: l,
-  setCurrentPage: c,
-  disabled: r
+  onClick: m,
+  setCurrentPage: b,
+  disabled: t,
+  dataTestIdReactMap: n
 }) => {
-  const t = n >= e;
-  return /* @__PURE__ */ i(
-    y,
+  const i = r >= e, u = () => {
+    i || (b(r + 1), m(r + 1));
+  };
+  return /* @__PURE__ */ s(
+    j,
     {
+      dataTestIdReactMap: {
+        btn: n == null ? void 0 : n.nextBtn,
+        buttons: n == null ? void 0 : n.nextButtons
+      },
       buttons: [
         {
           isIconButton: !0,
           variant: "white",
-          onClick: () => {
-            t || (c(n + 1), l(n + 1));
-          },
-          disabled: r || t,
+          onClick: u,
+          disabled: t || i,
           iconName: "ArrowRight16px",
           "data-testid": "next-button"
         }
       ]
     }
   );
-}, M = () => /* @__PURE__ */ i(
-  y,
+}, L = () => /* @__PURE__ */ s(
+  j,
   {
     buttons: [
       {
         children: "...",
         variant: "transparent",
-        className: E(p["pagination-button"], p.ellipsis)
+        className: S(P["pagination-button"], P.ellipsis)
       }
     ]
   }
-), B = ({
-  currentPageNumber: n,
+), w = ({
+  currentPageNumber: r,
   newPageNumber: e,
-  onClick: l,
-  setCurrentPage: c,
-  disabled: r,
-  pageData: t,
-  isDateMode: o = !1
+  onClick: m,
+  setCurrentPage: b,
+  disabled: t,
+  pageData: n,
+  dataTestIdReactMap: i,
+  isDateMode: u = !1
 }) => {
-  const a = n === e, h = () => {
-    r || (c(e), l(e));
-  }, s = e < 10 ? `0${e}` : e;
-  return o && t ? /* @__PURE__ */ i(
-    G,
+  const N = r === e, B = () => {
+    t || (b(e), m(e));
+  }, l = e < 10 ? `0${e}` : e;
+  return u && n ? /* @__PURE__ */ s(
+    p,
     {
-      testId: `pagination-button-${s}`,
-      disabled: r,
-      isActive: a,
-      onClick: h,
-      date: t.date,
+      testId: `pagination-button-${l}`,
+      disabled: t,
+      isActive: N,
+      onClick: B,
+      date: n.date,
       counterProps: {
-        value: t.count ?? 0,
-        variant: t.counterVariant,
-        color: t.counterColor,
-        backgroundColor: t.counterBackgroundColor
+        value: n.count ?? 0,
+        variant: n.counterVariant,
+        color: n.counterColor,
+        backgroundColor: n.counterBackgroundColor
       }
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ s(
     "button",
     {
-      "data-testid": `pagination-button-${s}`,
+      "data-testid-react": `${i == null ? void 0 : i.paginationBtn}-${l}`,
+      "data-testid": `pagination-button-${l}`,
       type: "button",
-      onClick: h,
-      disabled: r,
-      className: E(p["pagination-button"], {
-        [p["is-active"]]: a
+      onClick: B,
+      disabled: t,
+      className: S(P["pagination-button"], {
+        [P["is-active"]]: N
       }),
-      children: s
+      children: l
     }
   );
-}, q = ({
-  start: n,
+}, Y = ({
+  start: r,
   end: e,
-  currentPageNumber: l,
-  onClick: c,
-  setCurrentPage: r,
-  disabled: t,
-  pagesData: o,
-  isDateMode: a
+  currentPageNumber: m,
+  onClick: b,
+  setCurrentPage: t,
+  disabled: n,
+  pagesData: i,
+  isDateMode: u,
+  dataTestIdReactMap: N
 }) => {
-  const h = [];
-  for (let s = n; s <= e; s++) {
-    const N = o == null ? void 0 : o[s - 1];
-    h.push(
-      /* @__PURE__ */ i(
-        B,
+  const B = [];
+  for (let l = r; l <= e; l++) {
+    const c = i == null ? void 0 : i[l - 1];
+    B.push(
+      /* @__PURE__ */ s(
+        w,
         {
-          currentPageNumber: l,
-          setCurrentPage: r,
-          newPageNumber: s,
-          onClick: c,
-          disabled: t,
-          pageData: N,
-          isDateMode: a
+          dataTestIdReactMap: N,
+          currentPageNumber: m,
+          setCurrentPage: t,
+          newPageNumber: l,
+          onClick: b,
+          disabled: n,
+          pageData: c,
+          isDateMode: u
         },
-        s
+        l
       )
     );
   }
-  return h;
-}, D = $(
-  (n, e) => {
+  return B;
+}, nn = z(
+  (r, e) => {
     const {
-      rootClassName: l,
-      total: c,
-      perPage: r = L,
-      currentPageNumber: t = f,
-      onChange: o,
-      disabled: a = !1,
-      hidePrevButton: h = !1,
-      hideNextButton: s = !1,
-      siblingCount: N,
-      boundaryCount: u = 1,
-      isDateMode: v = !1,
-      pagesData: C
-    } = n, [d, g] = j(t), b = Math.ceil(c / r), { width: w } = T(), R = w <= 650 ? 1 : 2, P = N !== void 0 ? N : R;
-    let k = 0, _ = 0;
-    return F(() => {
-      g(t);
-    }, [t]), d <= u + P + 1 ? (k = f, _ = Math.min(
-      u + P * 2 + 1,
-      b
-    )) : d >= b - u - P ? (k = Math.max(
-      b - u - P * 2,
-      f
-    ), _ = b) : (k = d - P, _ = d + P), c <= r ? null : /* @__PURE__ */ x(
+      rootClassName: m,
+      total: b,
+      perPage: t = W,
+      currentPageNumber: n = g,
+      onChange: i,
+      disabled: u = !1,
+      hidePrevButton: N = !1,
+      hideNextButton: B = !1,
+      siblingCount: l,
+      boundaryCount: c = 1,
+      isDateMode: E = !1,
+      pagesData: _,
+      dataTestIdReactMap: o
+    } = r, [f, v] = O(n), h = Math.ceil(b / t), { width: G } = q(), U = G <= 650 ? 1 : 2, A = l !== void 0 ? l : U;
+    let C = 0, x = 0;
+    return V(() => {
+      v(n);
+    }, [n]), f <= c + A + 1 ? (C = g, x = Math.min(
+      c + A * 2 + 1,
+      h
+    )) : f >= h - c - A ? (C = Math.max(
+      h - c - A * 2,
+      g
+    ), x = h) : (C = f - A, x = f + A), b <= t ? null : /* @__PURE__ */ y(
       "nav",
       {
+        "data-testid-react": o == null ? void 0 : o.pagination,
         "aria-label": "Постраничная навигация",
-        className: E(p.container, l, {
-          [p.disabled]: a,
-          [p["container--date-mode"]]: v
+        className: S(P.container, m, {
+          [P.disabled]: u,
+          [P["container--date-mode"]]: E
         }),
         ref: e,
         children: [
-          !h && /* @__PURE__ */ i(
-            V,
+          !N && /* @__PURE__ */ s(
+            Q,
             {
-              currentPageNumber: d,
-              onClick: o,
-              setCurrentPage: g,
-              disabled: a
+              dataTestIdReactMap: {
+                backBtn: o == null ? void 0 : o.backBtn,
+                backButtons: o == null ? void 0 : o.backButtons
+              },
+              currentPageNumber: f,
+              onClick: i,
+              setCurrentPage: v,
+              disabled: u
             }
           ),
-          k > f && /* @__PURE__ */ x(I, { children: [
-            Array.from({ length: u }).map((S, A) => {
-              const m = f + A;
-              return m >= k ? null : /* @__PURE__ */ i(
-                B,
+          C > g && /* @__PURE__ */ y(F, { children: [
+            Array.from({ length: c }).map((a, $) => {
+              const k = g + $;
+              return k >= C ? null : /* @__PURE__ */ s(
+                w,
                 {
-                  newPageNumber: m,
-                  currentPageNumber: d,
-                  onClick: o,
-                  setCurrentPage: g,
-                  disabled: a,
-                  pageData: C == null ? void 0 : C[m - 1],
-                  isDateMode: v
+                  newPageNumber: k,
+                  currentPageNumber: f,
+                  onClick: i,
+                  setCurrentPage: v,
+                  disabled: u,
+                  pageData: _ == null ? void 0 : _[k - 1],
+                  isDateMode: E
                 },
-                `boundary-start-${m}`
+                `boundary-start-${k}`
               );
             }),
-            k > u + f && /* @__PURE__ */ i(M, {})
+            C > c + g && /* @__PURE__ */ s(L, {})
           ] }),
-          q({
-            start: k,
-            end: _,
-            currentPageNumber: d,
-            setCurrentPage: g,
-            onClick: o,
-            disabled: a,
-            pagesData: C,
-            isDateMode: v
+          Y({
+            start: C,
+            end: x,
+            currentPageNumber: f,
+            setCurrentPage: v,
+            onClick: i,
+            disabled: u,
+            pagesData: _,
+            isDateMode: E,
+            dataTestIdReactMap: {
+              paginationBtn: o == null ? void 0 : o.paginationBtn
+            }
           }),
-          _ < b && /* @__PURE__ */ x(I, { children: [
-            _ < b - u && /* @__PURE__ */ i(M, {}),
-            Array.from({ length: u }).map((S, A) => {
-              const m = b - u + 1 + A;
-              return m <= _ ? null : /* @__PURE__ */ i(
-                B,
+          x < h && /* @__PURE__ */ y(F, { children: [
+            x < h - c && /* @__PURE__ */ s(L, {}),
+            Array.from({ length: c }).map((a, $) => {
+              const k = h - c + 1 + $;
+              return k <= x ? null : /* @__PURE__ */ s(
+                w,
                 {
-                  newPageNumber: m,
-                  currentPageNumber: d,
-                  onClick: o,
-                  setCurrentPage: g,
-                  disabled: a,
-                  pageData: C == null ? void 0 : C[m - 1],
-                  isDateMode: v
+                  dataTestIdReactMap: {
+                    paginationBtn: o == null ? void 0 : o.paginationBtn
+                  },
+                  newPageNumber: k,
+                  currentPageNumber: f,
+                  onClick: i,
+                  setCurrentPage: v,
+                  disabled: u,
+                  pageData: _ == null ? void 0 : _[k - 1],
+                  isDateMode: E
                 },
-                `boundary-end-${m}`
+                `boundary-end-${k}`
               );
             })
           ] }),
-          !s && /* @__PURE__ */ i(
-            W,
+          !B && /* @__PURE__ */ s(
+            X,
             {
-              currentPageNumber: d,
-              setCurrentPage: g,
-              lastPageNumber: b,
-              onClick: o,
-              disabled: a
+              dataTestIdReactMap: {
+                nextBtn: o == null ? void 0 : o.nextBtn,
+                nextButtons: o == null ? void 0 : o.nextButtons
+              },
+              currentPageNumber: f,
+              setCurrentPage: v,
+              lastPageNumber: h,
+              onClick: i,
+              disabled: u
             }
           )
         ]
@@ -247,5 +280,5 @@ import '../../assets/Pagination.css';const U = "_container_1b4hk_27", z = "_elli
   }
 );
 export {
-  D as Pagination
+  nn as Pagination
 };

package/dist/components/Timer/Timer.d.ts

@@ -1,3 +1,5 @@
+import { TDataTestIdReactMap } from '../../types';
+
 type TProps = {
     /**
      *  число, которое представляет собой временную метку, указывающую время, когда истекает таймер.
@@ -16,9 +18,13 @@ type TProps = {
      * Дополнительный класс.
      */
     className?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'timer'>;
 };
 /**
  *  Компонент Timer отображает таймер с отсчетом времени в минутах и секундах.
  */
-export declare const Timer: import('react').MemoExoticComponent<({ expiryTimestamp, autoStart, onTimerEnd, className }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Timer: import('react').MemoExoticComponent<({ expiryTimestamp, autoStart, onTimerEnd, className, dataTestIdReactMap }: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Timer/Timer.js

@@ -1,23 +1,36 @@
-import { jsxs as c } from "react/jsx-runtime";
-import { c as a } from "../../index-DIxK0V-G.js";
+import { jsxs as f } from "react/jsx-runtime";
+import { c as l } from "../../index-DIxK0V-G.js";
 import { memo as p } from "react";
-import { useTimer as d } from "../../hooks/useTimer/index.js";
-import '../../assets/Timer.css';const f = "_timer_1gps8_2", l = {
-  timer: f
-}, _ = p(
-  ({ expiryTimestamp: t, autoStart: r = !1, onTimerEnd: s, className: e }) => {
-    const { minutes: m, seconds: o } = d({
-      expiryTimestamp: t,
-      onExpire: s,
-      autoStart: r
-    }), i = String(m).padStart(2, "0"), n = String(o).padStart(2, "0");
-    return /* @__PURE__ */ c("div", { className: a(l.timer, e), children: [
-      i,
-      ":",
-      n
-    ] });
+import { useTimer as S } from "../../hooks/useTimer/index.js";
+import '../../assets/Timer.css';const u = "_timer_1gps8_2", g = {
+  timer: u
+}, h = p(
+  ({
+    expiryTimestamp: m,
+    autoStart: o = !1,
+    onTimerEnd: t,
+    className: s,
+    dataTestIdReactMap: r
+  }) => {
+    const { minutes: i, seconds: e } = S({
+      expiryTimestamp: m,
+      onExpire: t,
+      autoStart: o
+    }), n = String(i).padStart(2, "0"), c = String(e).padStart(2, "0");
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        "data-testid-react": r == null ? void 0 : r.timer,
+        className: l(g.timer, s),
+        children: [
+          n,
+          ":",
+          c
+        ]
+      }
+    );
   }
 );
 export {
-  _ as Timer
+  h as Timer
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.65.7",
+  "version": "1.66.0",
   "type": "module",
   "exports": {
     ".": {