mimir-ui-kit 1.38.34 → 1.38.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/MergedButton/MergedButton.d.ts +1 -0
  2. package/dist/components/Pagination/Pagination.js +43 -40
  3. package/package.json +1 -1
package/dist/components/MergedButton/MergedButton.d.ts CHANGED
@@ -3,6 +3,7 @@ import { TButtonProps } from '../Button';
3
3
 
4
4
  export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form'> & {
5
5
  variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
6
+ 'data-testid'?: string;
6
7
  };
7
8
  type TProps = {
8
9
  /**
package/dist/components/Pagination/Pagination.js CHANGED
@@ -2,10 +2,10 @@ import { jsxs as P, jsx as i } from "react/jsx-runtime";
2
2
  import { c as C } from "../../index-DIxK0V-G.js";
3
3
  import { forwardRef as N, useState as w, useEffect as v } from "react";
4
4
  import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as A } from "./constants.js";
5
- import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
5
+ import { useWindowSize as x } from "../../hooks/useWindowSize/index.js";
6
6
  import { MergedButton as h } from "../MergedButton/MergedButton.js";
7
- import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellipsis_grwbf_42", g = {
8
- container: x,
7
+ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellipsis_grwbf_42", b = {
8
+ container: E,
9
9
  "pagination-button": "_pagination-button_grwbf_18",
10
10
  "is-active": "_is-active_grwbf_39",
11
11
  ellipsis: j
@@ -20,7 +20,8 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
20
20
  t !== u && (o(t - 1), n(t - 1));
21
21
  },
22
22
  iconName: "ArrowLeft16px",
23
- disabled: t === u
23
+ disabled: t === u,
24
+ "data-testid": "back-button"
24
25
  }
25
26
  ]
26
27
  }
@@ -28,9 +29,9 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
28
29
  currentPageNumber: t,
29
30
  lastPageNumber: n,
30
31
  onClick: o,
31
- setCurrentPage: s
32
+ setCurrentPage: a
32
33
  }) => {
33
- const a = t >= n;
34
+ const s = t >= n;
34
35
  return /* @__PURE__ */ i(
35
36
  h,
36
37
  {
@@ -39,10 +40,11 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
39
40
  isIconButton: !0,
40
41
  variant: "white",
41
42
  onClick: () => {
42
- a || (s(t + 1), o(t + 1));
43
+ s || (a(t + 1), o(t + 1));
43
44
  },
44
- disabled: a,
45
- iconName: "ArrowRight16px"
45
+ disabled: s,
46
+ iconName: "ArrowRight16px",
47
+ "data-testid": "next-button"
46
48
  }
47
49
  ]
48
50
  }
@@ -54,26 +56,27 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
54
56
  {
55
57
  children: "...",
56
58
  variant: "transparent",
57
- className: C(g["pagination-button"], g.ellipsis)
59
+ className: C(b["pagination-button"], b.ellipsis)
58
60
  }
59
61
  ]
60
62
  }
61
- ), b = ({
63
+ ), g = ({
62
64
  currentPageNumber: t,
63
65
  newPageNumber: n,
64
66
  onClick: o,
65
- setCurrentPage: s
67
+ setCurrentPage: a
66
68
  }) => {
67
- const a = t === n, r = () => {
68
- s(n), o(n);
69
+ const s = t === n, r = () => {
70
+ a(n), o(n);
69
71
  }, e = n < 10 ? `0${n}` : n;
70
72
  return /* @__PURE__ */ i(
71
73
  "button",
72
74
  {
75
+ "data-testid": `pagination-button-${e}`,
73
76
  type: "button",
74
77
  onClick: r,
75
- className: C(g["pagination-button"], {
76
- [g["is-active"]]: a
78
+ className: C(b["pagination-button"], {
79
+ [b["is-active"]]: s
77
80
  }),
78
81
  children: e
79
82
  }
@@ -82,19 +85,19 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
82
85
  start: t,
83
86
  end: n,
84
87
  currentPageNumber: o,
85
- onClick: s,
86
- setCurrentPage: a
88
+ onClick: a,
89
+ setCurrentPage: s
87
90
  }) => {
88
91
  const r = [];
89
92
  for (let e = t; e <= n; e++)
90
93
  r.push(
91
94
  /* @__PURE__ */ i(
92
- b,
95
+ g,
93
96
  {
94
97
  currentPageNumber: o,
95
- setCurrentPage: a,
98
+ setCurrentPage: s,
96
99
  newPageNumber: e,
97
- onClick: s
100
+ onClick: a
98
101
  },
99
102
  e
100
103
  )
@@ -104,22 +107,22 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
104
107
  (t, n) => {
105
108
  const {
106
109
  rootClassName: o,
107
- total: s,
108
- perPage: a = A,
110
+ total: a,
111
+ perPage: s = A,
109
112
  currentPageNumber: r = u,
110
113
  onChange: e
111
- } = t, [c, m] = w(r), l = Math.ceil(s / a), { width: k } = E(), f = k <= 650 ? 2 : 4;
112
- let d = 0, p = 0;
114
+ } = t, [c, d] = w(r), l = Math.ceil(a / s), { width: k } = x(), m = k <= 650 ? 2 : 4;
115
+ let f = 0, p = 0;
113
116
  return v(() => {
114
- m(r);
115
- }, [r]), c <= f ? (d = u, p = Math.min(
116
- u + f,
117
+ d(r);
118
+ }, [r]), c <= m ? (f = u, p = Math.min(
119
+ u + m,
117
120
  l
118
- )) : c > l - f ? (d = l - f, p = l) : (d = c - f / 2, p = c + f / 2), s <= a ? null : /* @__PURE__ */ P(
121
+ )) : c > l - m ? (f = l - m, p = l) : (f = c - m / 2, p = c + m / 2), a <= s ? null : /* @__PURE__ */ P(
119
122
  "nav",
120
123
  {
121
124
  "aria-label": "Постраничная навигация",
122
- className: C(g.container, o),
125
+ className: C(b.container, o),
123
126
  ref: n,
124
127
  children: [
125
128
  /* @__PURE__ */ i(
@@ -127,33 +130,33 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
127
130
  {
128
131
  currentPageNumber: c,
129
132
  onClick: e,
130
- setCurrentPage: m
133
+ setCurrentPage: d
131
134
  }
132
135
  ),
133
- d > u && /* @__PURE__ */ i(
134
- b,
136
+ f > u && /* @__PURE__ */ i(
137
+ g,
135
138
  {
136
139
  newPageNumber: u,
137
140
  currentPageNumber: c,
138
141
  onClick: e,
139
- setCurrentPage: m
142
+ setCurrentPage: d
140
143
  }
141
144
  ),
142
- d > u + 1 && /* @__PURE__ */ i(_, {}),
145
+ f > u + 1 && /* @__PURE__ */ i(_, {}),
143
146
  R({
144
- start: d,
147
+ start: f,
145
148
  end: p,
146
149
  currentPageNumber: c,
147
- setCurrentPage: m,
150
+ setCurrentPage: d,
148
151
  onClick: e
149
152
  }),
150
153
  p < l - 1 && /* @__PURE__ */ i(_, {}),
151
154
  p < l && /* @__PURE__ */ i(
152
- b,
155
+ g,
153
156
  {
154
157
  newPageNumber: l,
155
158
  currentPageNumber: c,
156
- setCurrentPage: m,
159
+ setCurrentPage: d,
157
160
  onClick: e
158
161
  }
159
162
  ),
@@ -161,7 +164,7 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
161
164
  I,
162
165
  {
163
166
  currentPageNumber: c,
164
- setCurrentPage: m,
167
+ setCurrentPage: d,
165
168
  lastPageNumber: l,
166
169
  onClick: e
167
170
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.38.34",
4
+ "version": "1.38.35",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {