mimir-ui-kit 1.65.6 → 1.66.0

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/Slider/Slider.d.ts

@@ -27,6 +27,10 @@ type TProps = SwiperProps & {
      * Показывать стрелки навигации и количество слайдов.
      */
     needNavigation?: boolean;
+    /**
+     * Показывать количество слайдов.
+     */
+    needSlidesCount?: boolean;
     /**
      * Приостанавливать автопрокрутку при наведении на слайдер.
      */
@@ -92,5 +96,5 @@ type TProps = SwiperProps & {
      */
     images?: TSlideImage[];
 };
-export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, needSlidesCount, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};