mimir-ui-kit 1.38.12 → 1.38.13

package/dist/assets/Pagination.css

@@ -1 +1 @@
-._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}
+._container_grwbf_3{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_grwbf_3:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}@media (max-width: 767.9px){._container_grwbf_3{gap:var(--mimir-space-xs)}}._container_grwbf_3 ._pagination-button_grwbf_18{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-weight:var(--mimir-font-weight-text-medium);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_grwbf_3 ._pagination-button_grwbf_18:active{background-color:var(--pagination-active)}._container_grwbf_3 ._pagination-button_grwbf_18:focus-visible,._container_grwbf_3 ._pagination-button_grwbf_18:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._container_grwbf_3 ._pagination-button_grwbf_18._is-active_grwbf_39{background-color:var(--pagination-active)}._container_grwbf_3 ._ellipsis_grwbf_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 _ } 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
+import { c as C } 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 h } from "../MergedButton/MergedButton.js";
+import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellipsis_grwbf_42", g = {
+  container: x,
+  "pagination-button": "_pagination-button_grwbf_18",
+  "is-active": "_is-active_grwbf_39",
+  ellipsis: j
 }, B = ({ currentPageNumber: t, onClick: n, setCurrentPage: o }) => /* @__PURE__ */ i(
-  g,
+  h,
   {
     buttons: [
       {
@@ -32,7 +32,7 @@ import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellip
 }) => {
   const a = t >= n;
   return /* @__PURE__ */ i(
-    g,
+    h,
     {
       buttons: [
         {
@@ -47,18 +47,18 @@ import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellip
       ]
     }
   );
-}, k = () => /* @__PURE__ */ i(
-  g,
+}, _ = () => /* @__PURE__ */ i(
+  h,
   {
     buttons: [
       {
         children: "...",
         variant: "transparent",
-        className: _(C["pagination-button"], C.ellipsis)
+        className: C(g["pagination-button"], g.ellipsis)
       }
     ]
   }
-), h = ({
+), b = ({
   currentPageNumber: t,
   newPageNumber: n,
   onClick: o,
@@ -72,8 +72,8 @@ import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellip
     {
       type: "button",
       onClick: r,
-      className: _(C["pagination-button"], {
-        [C["is-active"]]: a
+      className: C(g["pagination-button"], {
+        [g["is-active"]]: a
       }),
       children: e
     }
@@ -89,7 +89,7 @@ import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellip
   for (let e = t; e <= n; e++)
     r.push(
       /* @__PURE__ */ i(
-        h,
+        b,
         {
           currentPageNumber: o,
           setCurrentPage: a,
@@ -105,21 +105,21 @@ import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellip
     const {
       rootClassName: o,
       total: s,
-      perPage: a = E,
+      perPage: a = A,
       currentPageNumber: r = u,
       onChange: e
-    } = 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,
+    } = t, [c, m] = w(r), l = Math.ceil(s / a), { width: k } = E(), f = k <= 650 ? 2 : 4;
+    let d = 0, p = 0;
+    return v(() => {
+      m(r);
+    }, [r]), c <= f ? (d = u, p = Math.min(
+      u + f,
       l
-    )) : c > l - p ? (m = l - p, f = l) : (m = c - p / 2, f = c + p / 2), s <= a ? null : /* @__PURE__ */ P(
+    )) : c > l - f ? (d = l - f, p = l) : (d = c - f / 2, p = c + f / 2), s <= a ? null : /* @__PURE__ */ P(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: _(C.container, o),
+        className: C(g.container, o),
         ref: n,
         children: [
           /* @__PURE__ */ i(
@@ -127,33 +127,33 @@ import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellip
             {
               currentPageNumber: c,
               onClick: e,
-              setCurrentPage: d
+              setCurrentPage: m
             }
           ),
-          m > u && /* @__PURE__ */ i(
-            h,
+          d > u && /* @__PURE__ */ i(
+            b,
             {
               newPageNumber: u,
               currentPageNumber: c,
               onClick: e,
-              setCurrentPage: d
+              setCurrentPage: m
             }
           ),
-          m > u + 1 && /* @__PURE__ */ i(k, {}),
+          d > u + 1 && /* @__PURE__ */ i(_, {}),
           R({
-            start: m,
-            end: f,
+            start: d,
+            end: p,
             currentPageNumber: c,
-            setCurrentPage: d,
+            setCurrentPage: m,
             onClick: e
           }),
-          f < l - 1 && /* @__PURE__ */ i(k, {}),
-          f < l && /* @__PURE__ */ i(
-            h,
+          p < l - 1 && /* @__PURE__ */ i(_, {}),
+          p < l && /* @__PURE__ */ i(
+            b,
             {
               newPageNumber: l,
               currentPageNumber: c,
-              setCurrentPage: d,
+              setCurrentPage: m,
               onClick: e
             }
           ),
@@ -161,7 +161,7 @@ import '../../assets/Pagination.css';const j = "_container_1pfd2_3", w = "_ellip
             I,
             {
               currentPageNumber: c,
-              setCurrentPage: d,
+              setCurrentPage: m,
               lastPageNumber: l,
               onClick: e
             }

package/package.json

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