mimir-ui-kit 1.38.11 → 1.38.12

package/dist/assets/Pagination.css

@@ -1 +1 @@
-._container_15wir_3{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_15wir_3:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}@media (max-width: 767.9px){._container_15wir_3{gap:var(--mimir-space-xs)}}._container_15wir_3 ._pagination-button_15wir_18{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);border-radius:var(--mimir-control-radius);font-feature-settings:"zero"}._container_15wir_3 ._pagination-button_15wir_18:active{background-color:var(--pagination-active)}._container_15wir_3 ._pagination-button_15wir_18:focus-visible,._container_15wir_3 ._pagination-button_15wir_18:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._container_15wir_3 ._pagination-button_15wir_18._is-active_15wir_37{background-color:var(--pagination-active)}._container_15wir_3 ._ellipsis_15wir_40{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}
+._container_1pfd2_3{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_1pfd2_3:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}@media (max-width: 767.9px){._container_1pfd2_3{gap:var(--mimir-space-xs)}}._container_1pfd2_3 ._pagination-button_1pfd2_18{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);background-color:transparent;border-radius:var(--mimir-control-radius);font-feature-settings:"zero"}._container_1pfd2_3 ._pagination-button_1pfd2_18:active{background-color:var(--pagination-active)}._container_1pfd2_3 ._pagination-button_1pfd2_18:focus-visible,._container_1pfd2_3 ._pagination-button_1pfd2_18:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._container_1pfd2_3 ._pagination-button_1pfd2_18._is-active_1pfd2_39{background-color:var(--pagination-active)}._container_1pfd2_3 ._ellipsis_1pfd2_42{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}

package/dist/components/Pagination/Pagination.js

@@ -1,16 +1,16 @@
 import { jsxs as P, jsx as i } from "react/jsx-runtime";
-import { c as k } from "../../index-DIxK0V-G.js";
-import { forwardRef as N, useState as w, useEffect as v } from "react";
-import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as A } from "./constants.js";
-import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
-import { MergedButton as _ } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellipsis_15wir_40", C = {
-  container: x,
-  "pagination-button": "_pagination-button_15wir_18",
-  "is-active": "_is-active_15wir_37",
-  ellipsis: j
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { forwardRef as N, useState as v, useEffect as A } from "react";
+import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as E } from "./constants.js";
+import { useWindowSize as x } from "../../hooks/useWindowSize/index.js";
+import { MergedButton as g } from "../MergedButton/MergedButton.js";
+import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellipsis_1pfd2_42", C = {
+  container: j,
+  "pagination-button": "_pagination-button_1pfd2_18",
+  "is-active": "_is-active_1pfd2_39",
+  ellipsis: w
 }, B = ({ currentPageNumber: t, onClick: n, setCurrentPage: o }) => /* @__PURE__ */ i(
-  _,
+  g,
   {
     buttons: [
       {
@@ -30,31 +30,31 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
   onClick: o,
   setCurrentPage: s
 }) => {
-  const r = t >= n;
+  const a = t >= n;
   return /* @__PURE__ */ i(
-    _,
+    g,
     {
       buttons: [
         {
           isIconButton: !0,
           variant: "white",
           onClick: () => {
-            r || (s(t + 1), o(t + 1));
+            a || (s(t + 1), o(t + 1));
           },
-          disabled: r,
+          disabled: a,
           iconName: "ArrowRight16px"
         }
       ]
     }
   );
-}, g = () => /* @__PURE__ */ i(
-  _,
+}, k = () => /* @__PURE__ */ i(
+  g,
   {
     buttons: [
       {
         children: "...",
-        variant: "gray",
-        className: C.ellipsis
+        variant: "transparent",
+        className: _(C["pagination-button"], C.ellipsis)
       }
     ]
   }
@@ -64,16 +64,16 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
   onClick: o,
   setCurrentPage: s
 }) => {
-  const r = t === n, a = () => {
+  const a = t === n, r = () => {
     s(n), o(n);
   }, e = n < 10 ? `0${n}` : n;
   return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
-      onClick: a,
-      className: k(C["pagination-button"], {
-        [C["is-active"]]: r
+      onClick: r,
+      className: _(C["pagination-button"], {
+        [C["is-active"]]: a
       }),
       children: e
     }
@@ -83,43 +83,43 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
   end: n,
   currentPageNumber: o,
   onClick: s,
-  setCurrentPage: r
+  setCurrentPage: a
 }) => {
-  const a = [];
+  const r = [];
   for (let e = t; e <= n; e++)
-    a.push(
+    r.push(
       /* @__PURE__ */ i(
         h,
         {
           currentPageNumber: o,
-          setCurrentPage: r,
+          setCurrentPage: a,
           newPageNumber: e,
           onClick: s
         },
         e
       )
     );
-  return a;
-}, T = N(
+  return r;
+}, U = N(
   (t, n) => {
     const {
       rootClassName: o,
       total: s,
-      perPage: r = A,
-      currentPageNumber: a = u,
+      perPage: a = E,
+      currentPageNumber: r = u,
       onChange: e
-    } = t, [c, m] = w(a), l = Math.ceil(s / r), { width: b } = E(), d = b <= 650 ? 2 : 4;
-    let p = 0, f = 0;
-    return v(() => {
-      m(a);
-    }, [a]), c <= d ? (p = u, f = Math.min(
-      u + d,
+    } = t, [c, d] = v(r), l = Math.ceil(s / a), { width: b } = x(), p = b <= 650 ? 2 : 4;
+    let m = 0, f = 0;
+    return A(() => {
+      d(r);
+    }, [r]), c <= p ? (m = u, f = Math.min(
+      u + p,
       l
-    )) : c > l - d ? (p = l - d, f = l) : (p = c - d / 2, f = c + d / 2), s <= r ? null : /* @__PURE__ */ P(
+    )) : c > l - p ? (m = l - p, f = l) : (m = c - p / 2, f = c + p / 2), s <= a ? null : /* @__PURE__ */ P(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: k(C.container, o),
+        className: _(C.container, o),
         ref: n,
         children: [
           /* @__PURE__ */ i(
@@ -127,33 +127,33 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
             {
               currentPageNumber: c,
               onClick: e,
-              setCurrentPage: m
+              setCurrentPage: d
             }
           ),
-          p > u && /* @__PURE__ */ i(
+          m > u && /* @__PURE__ */ i(
             h,
             {
               newPageNumber: u,
               currentPageNumber: c,
               onClick: e,
-              setCurrentPage: m
+              setCurrentPage: d
             }
           ),
-          p > u + 1 && /* @__PURE__ */ i(g, {}),
+          m > u + 1 && /* @__PURE__ */ i(k, {}),
           R({
-            start: p,
+            start: m,
             end: f,
             currentPageNumber: c,
-            setCurrentPage: m,
+            setCurrentPage: d,
             onClick: e
           }),
-          f < l - 1 && /* @__PURE__ */ i(g, {}),
+          f < l - 1 && /* @__PURE__ */ i(k, {}),
           f < l && /* @__PURE__ */ i(
             h,
             {
               newPageNumber: l,
               currentPageNumber: c,
-              setCurrentPage: m,
+              setCurrentPage: d,
               onClick: e
             }
           ),
@@ -161,7 +161,7 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
             I,
             {
               currentPageNumber: c,
-              setCurrentPage: m,
+              setCurrentPage: d,
               lastPageNumber: l,
               onClick: e
             }
@@ -172,5 +172,5 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
   }
 );
 export {
-  T as Pagination
+  U as Pagination
 };

package/package.json

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