@yamada-ui/pagination 1.1.5-next-20241126031955 → 1.1.6-next-20241126024522
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/chunk-5QYB2MRA.mjs +91 -0
- package/dist/chunk-5QYB2MRA.mjs.map +1 -0
- package/dist/{chunk-US4OATQR.mjs → chunk-IH2XPMDF.mjs} +2 -2
- package/dist/chunk-VZWGYG76.mjs +69 -0
- package/dist/chunk-VZWGYG76.mjs.map +1 -0
- package/dist/index.js +96 -306
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -2
- package/dist/pagination-icon.d.mts +10 -0
- package/dist/pagination-icon.d.ts +10 -0
- package/dist/pagination-icon.js +96 -0
- package/dist/pagination-icon.js.map +1 -0
- package/dist/pagination-icon.mjs +16 -0
- package/dist/pagination-icon.mjs.map +1 -0
- package/dist/pagination-item.js +65 -275
- package/dist/pagination-item.js.map +1 -1
- package/dist/pagination-item.mjs +2 -1
- package/dist/pagination.js +96 -306
- package/dist/pagination.js.map +1 -1
- package/dist/pagination.mjs +3 -2
- package/package.json +7 -7
- package/dist/chunk-4CVSJB46.mjs +0 -353
- package/dist/chunk-4CVSJB46.mjs.map +0 -1
- /package/dist/{chunk-US4OATQR.mjs.map → chunk-IH2XPMDF.mjs.map} +0 -0
package/dist/pagination.js
CHANGED
@@ -24,209 +24,81 @@ __export(pagination_exports, {
|
|
24
24
|
Pagination: () => Pagination
|
25
25
|
});
|
26
26
|
module.exports = __toCommonJS(pagination_exports);
|
27
|
-
var
|
27
|
+
var import_core2 = require("@yamada-ui/core");
|
28
28
|
var import_use_value2 = require("@yamada-ui/use-value");
|
29
|
-
var
|
30
|
-
var import_react4 = require("react");
|
31
|
-
|
32
|
-
// src/pagination-item.tsx
|
33
|
-
var import_core6 = require("@yamada-ui/core");
|
34
|
-
|
35
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
29
|
+
var import_utils3 = require("@yamada-ui/utils");
|
36
30
|
var import_react2 = require("react");
|
37
31
|
|
38
|
-
//
|
39
|
-
var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
40
|
-
var mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
41
|
-
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
42
|
-
}).join(" ").trim();
|
43
|
-
|
44
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
45
|
-
var import_react = require("react");
|
46
|
-
|
47
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
|
48
|
-
var defaultAttributes = {
|
49
|
-
xmlns: "http://www.w3.org/2000/svg",
|
50
|
-
width: 24,
|
51
|
-
height: 24,
|
52
|
-
viewBox: "0 0 24 24",
|
53
|
-
fill: "none",
|
54
|
-
stroke: "currentColor",
|
55
|
-
strokeWidth: 2,
|
56
|
-
strokeLinecap: "round",
|
57
|
-
strokeLinejoin: "round"
|
58
|
-
};
|
59
|
-
|
60
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
61
|
-
var Icon = (0, import_react.forwardRef)(
|
62
|
-
({
|
63
|
-
color = "currentColor",
|
64
|
-
size = 24,
|
65
|
-
strokeWidth = 2,
|
66
|
-
absoluteStrokeWidth,
|
67
|
-
className = "",
|
68
|
-
children,
|
69
|
-
iconNode,
|
70
|
-
...rest
|
71
|
-
}, ref) => {
|
72
|
-
return (0, import_react.createElement)(
|
73
|
-
"svg",
|
74
|
-
{
|
75
|
-
ref,
|
76
|
-
...defaultAttributes,
|
77
|
-
width: size,
|
78
|
-
height: size,
|
79
|
-
stroke: color,
|
80
|
-
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
81
|
-
className: mergeClasses("lucide", className),
|
82
|
-
...rest
|
83
|
-
},
|
84
|
-
[
|
85
|
-
...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
|
86
|
-
...Array.isArray(children) ? children : [children]
|
87
|
-
]
|
88
|
-
);
|
89
|
-
}
|
90
|
-
);
|
91
|
-
|
92
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
93
|
-
var createLucideIcon = (iconName, iconNode) => {
|
94
|
-
const Component = (0, import_react2.forwardRef)(
|
95
|
-
({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
|
96
|
-
ref,
|
97
|
-
iconNode,
|
98
|
-
className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
|
99
|
-
...props
|
100
|
-
})
|
101
|
-
);
|
102
|
-
Component.displayName = `${iconName}`;
|
103
|
-
return Component;
|
104
|
-
};
|
105
|
-
|
106
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
|
107
|
-
var ChevronLeft = createLucideIcon("ChevronLeft", [
|
108
|
-
["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
|
109
|
-
]);
|
110
|
-
|
111
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
|
112
|
-
var ChevronRight = createLucideIcon("ChevronRight", [
|
113
|
-
["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
|
114
|
-
]);
|
115
|
-
|
116
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
|
117
|
-
var ChevronsLeft = createLucideIcon("ChevronsLeft", [
|
118
|
-
["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
|
119
|
-
["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
|
120
|
-
]);
|
121
|
-
|
122
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
|
123
|
-
var ChevronsRight = createLucideIcon("ChevronsRight", [
|
124
|
-
["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
|
125
|
-
["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
|
126
|
-
]);
|
127
|
-
|
128
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
|
129
|
-
var Ellipsis = createLucideIcon("Ellipsis", [
|
130
|
-
["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
|
131
|
-
["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
|
132
|
-
["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
|
133
|
-
]);
|
134
|
-
|
135
|
-
// ../lucide/src/icons/chevron-left.tsx
|
32
|
+
// src/pagination-item.tsx
|
136
33
|
var import_core = require("@yamada-ui/core");
|
34
|
+
var import_ripple = require("@yamada-ui/ripple");
|
35
|
+
var import_utils2 = require("@yamada-ui/utils");
|
36
|
+
|
37
|
+
// src/pagination-icon.tsx
|
137
38
|
var import_icon = require("@yamada-ui/icon");
|
138
|
-
var import_utils3 = require("@yamada-ui/utils");
|
139
39
|
var import_jsx_runtime = require("react/jsx-runtime");
|
140
|
-
var
|
141
|
-
({
|
142
|
-
|
40
|
+
var PaginationEllipsisIcon = (props) => {
|
41
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
42
|
+
"path",
|
143
43
|
{
|
144
|
-
|
145
|
-
|
146
|
-
className: (0, import_utils3.cx)("ui-lucide-icon", className),
|
147
|
-
...rest
|
44
|
+
d: "M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z",
|
45
|
+
fill: "currentColor"
|
148
46
|
}
|
149
|
-
)
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
var
|
154
|
-
|
155
|
-
|
156
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
157
|
-
var ChevronRightIcon = (0, import_core2.forwardRef)(
|
158
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
159
|
-
import_icon2.Icon,
|
47
|
+
) });
|
48
|
+
};
|
49
|
+
PaginationEllipsisIcon.displayName = "PaginationEllipsisIcon";
|
50
|
+
PaginationEllipsisIcon.__ui__ = "PaginationEllipsisIcon";
|
51
|
+
var PaginationFirstIcon = (props) => {
|
52
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
53
|
+
"path",
|
160
54
|
{
|
161
|
-
|
162
|
-
|
163
|
-
className: (0, import_utils4.cx)("ui-lucide-icon", className),
|
164
|
-
...rest
|
55
|
+
d: "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z",
|
56
|
+
fill: "currentColor"
|
165
57
|
}
|
166
|
-
)
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
var
|
171
|
-
|
172
|
-
|
173
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
174
|
-
var ChevronsLeftIcon = (0, import_core3.forwardRef)(
|
175
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
176
|
-
import_icon3.Icon,
|
58
|
+
) });
|
59
|
+
};
|
60
|
+
PaginationFirstIcon.displayName = "PaginationFirstIcon";
|
61
|
+
PaginationFirstIcon.__ui__ = "PaginationFirstIcon";
|
62
|
+
var PaginationLastIcon = (props) => {
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
64
|
+
"path",
|
177
65
|
{
|
178
|
-
|
179
|
-
|
180
|
-
className: (0, import_utils5.cx)("ui-lucide-icon", className),
|
181
|
-
...rest
|
66
|
+
d: "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z",
|
67
|
+
fill: "currentColor"
|
182
68
|
}
|
183
|
-
)
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
var
|
188
|
-
|
189
|
-
|
190
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
191
|
-
var ChevronsRightIcon = (0, import_core4.forwardRef)(
|
192
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
193
|
-
import_icon4.Icon,
|
69
|
+
) });
|
70
|
+
};
|
71
|
+
PaginationLastIcon.displayName = "PaginationLastIcon";
|
72
|
+
PaginationLastIcon.__ui__ = "PaginationLastIcon";
|
73
|
+
var PaginationPrevIcon = (props) => {
|
74
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
75
|
+
"path",
|
194
76
|
{
|
195
|
-
|
196
|
-
|
197
|
-
className: (0, import_utils6.cx)("ui-lucide-icon", className),
|
198
|
-
...rest
|
77
|
+
d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
|
78
|
+
fill: "currentColor"
|
199
79
|
}
|
200
|
-
)
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
var
|
205
|
-
|
206
|
-
|
207
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
208
|
-
var EllipsisIcon = (0, import_core5.forwardRef)(
|
209
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
210
|
-
import_icon5.Icon,
|
80
|
+
) });
|
81
|
+
};
|
82
|
+
PaginationPrevIcon.displayName = "PaginationPrevIcon";
|
83
|
+
PaginationPrevIcon.__ui__ = "PaginationPrevIcon";
|
84
|
+
var PaginationNextIcon = (props) => {
|
85
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
86
|
+
"path",
|
211
87
|
{
|
212
|
-
|
213
|
-
|
214
|
-
className: (0, import_utils7.cx)("ui-lucide-icon", className),
|
215
|
-
...rest
|
88
|
+
d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
|
89
|
+
fill: "currentColor"
|
216
90
|
}
|
217
|
-
)
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
var import_ripple = require("@yamada-ui/ripple");
|
222
|
-
var import_utils9 = require("@yamada-ui/utils");
|
91
|
+
) });
|
92
|
+
};
|
93
|
+
PaginationNextIcon.displayName = "PaginationNextIcon";
|
94
|
+
PaginationNextIcon.__ui__ = "PaginationNextIcon";
|
223
95
|
|
224
96
|
// src/use-pagination.ts
|
225
97
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
226
98
|
var import_use_value = require("@yamada-ui/use-value");
|
227
|
-
var
|
228
|
-
var
|
229
|
-
var [PaginationProvider, usePaginationContext] = (0,
|
99
|
+
var import_utils = require("@yamada-ui/utils");
|
100
|
+
var import_react = require("react");
|
101
|
+
var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
|
230
102
|
name: "PaginationContext",
|
231
103
|
errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
|
232
104
|
});
|
@@ -249,24 +121,24 @@ var usePagination = ({
|
|
249
121
|
value: page,
|
250
122
|
onChange: onChangeProp
|
251
123
|
});
|
252
|
-
const onFirst = (0,
|
253
|
-
const onLast = (0,
|
124
|
+
const onFirst = (0, import_react.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
|
125
|
+
const onLast = (0, import_react.useCallback)(
|
254
126
|
() => setCurrentPage(total),
|
255
127
|
[setCurrentPage, total]
|
256
128
|
);
|
257
|
-
const onPrev = (0,
|
129
|
+
const onPrev = (0, import_react.useCallback)(
|
258
130
|
() => setCurrentPage((prev) => prev === 1 ? prev : prev - 1),
|
259
131
|
[setCurrentPage]
|
260
132
|
);
|
261
|
-
const onNext = (0,
|
133
|
+
const onNext = (0, import_react.useCallback)(
|
262
134
|
() => setCurrentPage((prev) => prev === total ? prev : prev + 1),
|
263
135
|
[setCurrentPage, total]
|
264
136
|
);
|
265
|
-
const onChange = (0,
|
137
|
+
const onChange = (0, import_react.useCallback)(
|
266
138
|
(page2) => setCurrentPage(page2),
|
267
139
|
[setCurrentPage]
|
268
140
|
);
|
269
|
-
const range = (0,
|
141
|
+
const range = (0, import_react.useMemo)(() => {
|
270
142
|
const minimumTotal = siblings * 2 + 3 + boundaries * 2;
|
271
143
|
if (minimumTotal >= total) return computedRange(1, total);
|
272
144
|
const prevSiblings = Math.max(currentPage - siblings, boundaries);
|
@@ -311,15 +183,15 @@ var usePagination = ({
|
|
311
183
|
};
|
312
184
|
|
313
185
|
// src/pagination-item.tsx
|
314
|
-
var
|
186
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
315
187
|
var iconMap = {
|
316
|
-
ellipsis: /* @__PURE__ */ (0,
|
317
|
-
first: /* @__PURE__ */ (0,
|
318
|
-
last: /* @__PURE__ */ (0,
|
319
|
-
next: /* @__PURE__ */ (0,
|
320
|
-
prev: /* @__PURE__ */ (0,
|
188
|
+
ellipsis: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsisIcon, {}),
|
189
|
+
first: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationFirstIcon, {}),
|
190
|
+
last: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLastIcon, {}),
|
191
|
+
next: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationNextIcon, {}),
|
192
|
+
prev: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationPrevIcon, {})
|
321
193
|
};
|
322
|
-
var PaginationItem = (0,
|
194
|
+
var PaginationItem = (0, import_core.forwardRef)(
|
323
195
|
({
|
324
196
|
className,
|
325
197
|
active,
|
@@ -351,18 +223,18 @@ var PaginationItem = (0, import_core6.forwardRef)(
|
|
351
223
|
...styles.item,
|
352
224
|
...styles[page]
|
353
225
|
};
|
354
|
-
const Component =
|
355
|
-
return /* @__PURE__ */ (0,
|
226
|
+
const Component = import_core.ui[isEllipsis ? "span" : "button"];
|
227
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
356
228
|
Component,
|
357
229
|
{
|
358
230
|
ref,
|
359
231
|
...!isEllipsis ? {
|
360
232
|
type: "button",
|
361
|
-
"data-disabled": (0,
|
362
|
-
"data-selected": (0,
|
233
|
+
"data-disabled": (0, import_utils2.dataAttr)(disabled),
|
234
|
+
"data-selected": (0, import_utils2.dataAttr)(active),
|
363
235
|
disabled
|
364
236
|
} : {},
|
365
|
-
className: (0,
|
237
|
+
className: (0, import_utils2.cx)(
|
366
238
|
"ui-pagination__item",
|
367
239
|
isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
|
368
240
|
className
|
@@ -373,7 +245,7 @@ var PaginationItem = (0, import_core6.forwardRef)(
|
|
373
245
|
onPointerDown,
|
374
246
|
children: [
|
375
247
|
children,
|
376
|
-
/* @__PURE__ */ (0,
|
248
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
|
377
249
|
]
|
378
250
|
}
|
379
251
|
);
|
@@ -383,9 +255,9 @@ PaginationItem.displayName = "PaginationItem";
|
|
383
255
|
PaginationItem.__ui__ = "PaginationItem";
|
384
256
|
|
385
257
|
// src/pagination.tsx
|
386
|
-
var
|
387
|
-
var Pagination = (0,
|
388
|
-
const [styles, mergedProps] = (0,
|
258
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
259
|
+
var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
260
|
+
const [styles, mergedProps] = (0, import_core2.useComponentMultiStyle)("Pagination", props);
|
389
261
|
let {
|
390
262
|
className,
|
391
263
|
boundaries,
|
@@ -408,7 +280,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
408
280
|
itemProps,
|
409
281
|
onChange: onChangeProp,
|
410
282
|
...rest
|
411
|
-
} = (0,
|
283
|
+
} = (0, import_core2.omitThemeProps)(mergedProps);
|
412
284
|
const withControls = (0, import_use_value2.useValue)(_withControls);
|
413
285
|
const withEdges = (0, import_use_value2.useValue)(_withEdges);
|
414
286
|
disabled != null ? disabled : disabled = isDisabled;
|
@@ -421,8 +293,8 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
421
293
|
total,
|
422
294
|
onChange: onChangeProp
|
423
295
|
});
|
424
|
-
const children = (0,
|
425
|
-
() => range.map((page2, key) => /* @__PURE__ */ (0,
|
296
|
+
const children = (0, import_react2.useMemo)(
|
297
|
+
() => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
426
298
|
Component,
|
427
299
|
{
|
428
300
|
"aria-label": page2 !== "ellipsis" ? `Go to page ${page2}` : void 0,
|
@@ -430,7 +302,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
430
302
|
disabled,
|
431
303
|
...itemProps,
|
432
304
|
page: page2,
|
433
|
-
onClick: (0,
|
305
|
+
onClick: (0, import_utils3.handlerAll)(
|
434
306
|
itemProps == null ? void 0 : itemProps.onClick,
|
435
307
|
page2 !== "ellipsis" ? () => onChange(page2) : void 0
|
436
308
|
)
|
@@ -441,19 +313,19 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
441
313
|
const css = {
|
442
314
|
...styles.container
|
443
315
|
};
|
444
|
-
return /* @__PURE__ */ (0,
|
445
|
-
|
316
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
317
|
+
import_core2.ui.nav,
|
446
318
|
{
|
447
319
|
ref,
|
448
|
-
className: (0,
|
449
|
-
"data-disabled": (0,
|
320
|
+
className: (0, import_utils3.cx)("ui-pagination", className),
|
321
|
+
"data-disabled": (0, import_utils3.dataAttr)(isDisabled),
|
450
322
|
__css: css,
|
451
323
|
...containerProps,
|
452
|
-
children: /* @__PURE__ */ (0,
|
453
|
-
|
324
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
325
|
+
import_core2.ui.ul,
|
454
326
|
{
|
455
327
|
className: "ui-pagination-inner",
|
456
|
-
"data-disabled": (0,
|
328
|
+
"data-disabled": (0, import_utils3.dataAttr)(isDisabled),
|
457
329
|
__css: {
|
458
330
|
alignItems: "center",
|
459
331
|
display: "flex",
|
@@ -461,7 +333,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
461
333
|
},
|
462
334
|
...rest,
|
463
335
|
children: [
|
464
|
-
withEdges ? /* @__PURE__ */ (0,
|
336
|
+
withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
465
337
|
Component,
|
466
338
|
{
|
467
339
|
className: "ui-pagination__item--first",
|
@@ -470,14 +342,14 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
470
342
|
page: "first",
|
471
343
|
...edgeProps,
|
472
344
|
...edgeFirstProps,
|
473
|
-
onClick: (0,
|
345
|
+
onClick: (0, import_utils3.handlerAll)(
|
474
346
|
edgeProps == null ? void 0 : edgeProps.onClick,
|
475
347
|
edgeFirstProps == null ? void 0 : edgeFirstProps.onClick,
|
476
348
|
onFirst
|
477
349
|
)
|
478
350
|
}
|
479
351
|
) }) : null,
|
480
|
-
withControls ? /* @__PURE__ */ (0,
|
352
|
+
withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
481
353
|
Component,
|
482
354
|
{
|
483
355
|
className: "ui-pagination__item--prev",
|
@@ -486,7 +358,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
486
358
|
page: "prev",
|
487
359
|
...controlProps,
|
488
360
|
...controlPrevProps,
|
489
|
-
onClick: (0,
|
361
|
+
onClick: (0, import_utils3.handlerAll)(
|
490
362
|
controlProps == null ? void 0 : controlProps.onClick,
|
491
363
|
controlPrevProps == null ? void 0 : controlPrevProps.onClick,
|
492
364
|
onPrev
|
@@ -494,7 +366,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
494
366
|
}
|
495
367
|
) }) : null,
|
496
368
|
children,
|
497
|
-
withControls ? /* @__PURE__ */ (0,
|
369
|
+
withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
498
370
|
Component,
|
499
371
|
{
|
500
372
|
className: "ui-pagination__item--next",
|
@@ -503,14 +375,14 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
503
375
|
page: "next",
|
504
376
|
...controlProps,
|
505
377
|
...controlNextProps,
|
506
|
-
onClick: (0,
|
378
|
+
onClick: (0, import_utils3.handlerAll)(
|
507
379
|
controlProps == null ? void 0 : controlProps.onClick,
|
508
380
|
controlNextProps == null ? void 0 : controlNextProps.onClick,
|
509
381
|
onNext
|
510
382
|
)
|
511
383
|
}
|
512
384
|
) }) : null,
|
513
|
-
withEdges ? /* @__PURE__ */ (0,
|
385
|
+
withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
514
386
|
Component,
|
515
387
|
{
|
516
388
|
className: "ui-pagination__item--last",
|
@@ -519,7 +391,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
|
519
391
|
page: "last",
|
520
392
|
...edgeProps,
|
521
393
|
...edgeLastProps,
|
522
|
-
onClick: (0,
|
394
|
+
onClick: (0, import_utils3.handlerAll)(
|
523
395
|
edgeProps == null ? void 0 : edgeProps.onClick,
|
524
396
|
edgeLastProps == null ? void 0 : edgeLastProps.onClick,
|
525
397
|
onLast
|
@@ -538,86 +410,4 @@ Pagination.__ui__ = "Pagination";
|
|
538
410
|
0 && (module.exports = {
|
539
411
|
Pagination
|
540
412
|
});
|
541
|
-
/*! Bundled license information:
|
542
|
-
|
543
|
-
lucide-react/dist/esm/shared/src/utils.js:
|
544
|
-
(**
|
545
|
-
* @license lucide-react v0.460.0 - ISC
|
546
|
-
*
|
547
|
-
* This source code is licensed under the ISC license.
|
548
|
-
* See the LICENSE file in the root directory of this source tree.
|
549
|
-
*)
|
550
|
-
|
551
|
-
lucide-react/dist/esm/defaultAttributes.js:
|
552
|
-
(**
|
553
|
-
* @license lucide-react v0.460.0 - ISC
|
554
|
-
*
|
555
|
-
* This source code is licensed under the ISC license.
|
556
|
-
* See the LICENSE file in the root directory of this source tree.
|
557
|
-
*)
|
558
|
-
|
559
|
-
lucide-react/dist/esm/Icon.js:
|
560
|
-
(**
|
561
|
-
* @license lucide-react v0.460.0 - ISC
|
562
|
-
*
|
563
|
-
* This source code is licensed under the ISC license.
|
564
|
-
* See the LICENSE file in the root directory of this source tree.
|
565
|
-
*)
|
566
|
-
|
567
|
-
lucide-react/dist/esm/createLucideIcon.js:
|
568
|
-
(**
|
569
|
-
* @license lucide-react v0.460.0 - ISC
|
570
|
-
*
|
571
|
-
* This source code is licensed under the ISC license.
|
572
|
-
* See the LICENSE file in the root directory of this source tree.
|
573
|
-
*)
|
574
|
-
|
575
|
-
lucide-react/dist/esm/icons/chevron-left.js:
|
576
|
-
(**
|
577
|
-
* @license lucide-react v0.460.0 - ISC
|
578
|
-
*
|
579
|
-
* This source code is licensed under the ISC license.
|
580
|
-
* See the LICENSE file in the root directory of this source tree.
|
581
|
-
*)
|
582
|
-
|
583
|
-
lucide-react/dist/esm/icons/chevron-right.js:
|
584
|
-
(**
|
585
|
-
* @license lucide-react v0.460.0 - ISC
|
586
|
-
*
|
587
|
-
* This source code is licensed under the ISC license.
|
588
|
-
* See the LICENSE file in the root directory of this source tree.
|
589
|
-
*)
|
590
|
-
|
591
|
-
lucide-react/dist/esm/icons/chevrons-left.js:
|
592
|
-
(**
|
593
|
-
* @license lucide-react v0.460.0 - ISC
|
594
|
-
*
|
595
|
-
* This source code is licensed under the ISC license.
|
596
|
-
* See the LICENSE file in the root directory of this source tree.
|
597
|
-
*)
|
598
|
-
|
599
|
-
lucide-react/dist/esm/icons/chevrons-right.js:
|
600
|
-
(**
|
601
|
-
* @license lucide-react v0.460.0 - ISC
|
602
|
-
*
|
603
|
-
* This source code is licensed under the ISC license.
|
604
|
-
* See the LICENSE file in the root directory of this source tree.
|
605
|
-
*)
|
606
|
-
|
607
|
-
lucide-react/dist/esm/icons/ellipsis.js:
|
608
|
-
(**
|
609
|
-
* @license lucide-react v0.460.0 - ISC
|
610
|
-
*
|
611
|
-
* This source code is licensed under the ISC license.
|
612
|
-
* See the LICENSE file in the root directory of this source tree.
|
613
|
-
*)
|
614
|
-
|
615
|
-
lucide-react/dist/esm/lucide-react.js:
|
616
|
-
(**
|
617
|
-
* @license lucide-react v0.460.0 - ISC
|
618
|
-
*
|
619
|
-
* This source code is licensed under the ISC license.
|
620
|
-
* See the LICENSE file in the root directory of this source tree.
|
621
|
-
*)
|
622
|
-
*/
|
623
413
|
//# sourceMappingURL=pagination.js.map
|