mimir-ui-kit 1.65.6 → 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';
 
 /**
@@ -20,4 +21,12 @@ export declare const OtpInput: import('react').ForwardRefExoticComponent<Omit<TI
      * Флаг, показывающий нужно ли отображать разделитель между вводами.
      */
     needSeparator?: boolean;
+    /**
+     * Позиции полей, после которых отображаются разделители.
+     */
+    separatorPositions?: number[];
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"otp">;
 } & import('react').RefAttributes<unknown>>;

package/dist/components/OtpInput/OtpInput.js

@@ -1,70 +1,86 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-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-JwHUiwVK.js";
-import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
-  otp: C,
+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: F,
-  separator: L
-}, O = P(
+  input: U,
+  separator: V
+}, G = C(
   ({
-    value: c = "",
-    valueLength: m = y,
-    needSeparator: l = !0,
-    onChange: i,
-    className: _,
-    ...d
-  }, f) => {
+    value: m = "",
+    valueLength: l = L,
+    needSeparator: c = !0,
+    onChange: _,
+    className: f,
+    separatorPositions: h,
+    dataTestIdReactMap: t,
+    ...g
+  }, P) => {
     const {
-      data: { inputRefs: o, valueItems: p },
-      handlers: { handleChange: h, handleFocus: I, handleKeyDown: w, handlePaste: N }
-    } = z({
-      onChange: i,
-      value: c,
-      valueLength: m
+      data: { inputRefs: a, valueItems: s },
+      handlers: { handleChange: w, handleFocus: N, handleKeyDown: S, handlePaste: E }
+    } = d({
+      onChange: _,
+      value: m,
+      valueLength: l
     });
-    return R(f, () => ({
+    D(P, () => ({
       focus: () => {
-        var a;
-        (a = o.current[0]) == null || a.focus();
+        var n;
+        (n = a.current[0]) == null || n.focus();
       }
-    })), /* @__PURE__ */ r("div", { className: u(n.otp, _), children: p.map((a, e) => {
-      const s = e + 1, E = l && s % v === 0 && s !== p.length;
-      return /* @__PURE__ */ g(T, { children: [
-        /* @__PURE__ */ r(
-          A,
-          {
-            ref: (t) => o.current[e] = t,
-            type: "text",
-            inputMode: "numeric",
-            autoComplete: "one-time-code",
-            pattern: "\\d{1}",
-            maxLength: 1,
-            value: a,
-            className: n.input,
-            wrapperClassName: n["input-wrapper"],
-            onChange: (t) => h(t, e),
-            onKeyDown: (t) => w(t, e),
-            onFocus: (t) => I(t, e),
-            onPaste: N,
-            ...d
-          }
-        ),
-        E && /* @__PURE__ */ r(
-          "span",
-          {
-            className: u(n.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);
+        })
+      }
+    );
   }
 );
-O.displayName = "OtpInput";
+G.displayName = "OtpInput";
 export {
-  O as OtpInput
+  G as OtpInput
 };

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

@@ -0,0 +1,2 @@
+export declare const getValidSeparatorPositions: (positions: number[] | undefined, valueLength: number) => number[];
+export declare const getDefaultSeparatorPositions: (valueLength: number, itemsPerSeparator: number) => number[];

package/dist/components/OtpInput/utils.js

@@ -0,0 +1,9 @@
+const f = (e, t) => Array.isArray(e) ? e.filter(
+  (r) => typeof r == "number" && Number.isInteger(r) && r > 0 && r < t
+) : [], l = (e, t) => Array.from({ length: e }, (r, a) => a + 1).filter(
+  (r) => r % t === 0 && r !== e
+);
+export {
+  l as getDefaultSeparatorPositions,
+  f as getValidSeparatorPositions
+};

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