@yamada-ui/pagination 1.1.5-next-20241126010425 → 1.1.5-next-20241126031955
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.
- package/dist/chunk-4CVSJB46.mjs +353 -0
- package/dist/chunk-4CVSJB46.mjs.map +1 -0
- package/dist/{chunk-IH2XPMDF.mjs → chunk-US4OATQR.mjs} +2 -2
- package/dist/index.js +306 -96
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -3
- package/dist/pagination-item.js +275 -65
- package/dist/pagination-item.js.map +1 -1
- package/dist/pagination-item.mjs +1 -2
- package/dist/pagination.js +306 -96
- package/dist/pagination.js.map +1 -1
- package/dist/pagination.mjs +2 -3
- package/package.json +7 -7
- package/dist/chunk-5QYB2MRA.mjs +0 -91
- package/dist/chunk-5QYB2MRA.mjs.map +0 -1
- package/dist/chunk-VZWGYG76.mjs +0 -69
- package/dist/chunk-VZWGYG76.mjs.map +0 -1
- package/dist/pagination-icon.d.mts +0 -10
- package/dist/pagination-icon.d.ts +0 -10
- package/dist/pagination-icon.js +0 -96
- package/dist/pagination-icon.js.map +0 -1
- package/dist/pagination-icon.mjs +0 -16
- package/dist/pagination-icon.mjs.map +0 -1
- /package/dist/{chunk-IH2XPMDF.mjs.map → chunk-US4OATQR.mjs.map} +0 -0
package/dist/pagination.js
CHANGED
@@ -24,81 +24,209 @@ __export(pagination_exports, {
|
|
24
24
|
Pagination: () => Pagination
|
25
25
|
});
|
26
26
|
module.exports = __toCommonJS(pagination_exports);
|
27
|
-
var
|
27
|
+
var import_core7 = require("@yamada-ui/core");
|
28
28
|
var import_use_value2 = require("@yamada-ui/use-value");
|
29
|
-
var
|
30
|
-
var
|
29
|
+
var import_utils10 = require("@yamada-ui/utils");
|
30
|
+
var import_react4 = require("react");
|
31
31
|
|
32
32
|
// src/pagination-item.tsx
|
33
|
-
var
|
34
|
-
|
35
|
-
|
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
|
36
|
+
var import_react2 = require("react");
|
37
|
+
|
38
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
|
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
|
+
]);
|
36
121
|
|
37
|
-
//
|
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
|
136
|
+
var import_core = require("@yamada-ui/core");
|
38
137
|
var import_icon = require("@yamada-ui/icon");
|
138
|
+
var import_utils3 = require("@yamada-ui/utils");
|
39
139
|
var import_jsx_runtime = require("react/jsx-runtime");
|
40
|
-
var
|
41
|
-
|
42
|
-
|
140
|
+
var ChevronLeftIcon = (0, import_core.forwardRef)(
|
141
|
+
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
142
|
+
import_icon.Icon,
|
43
143
|
{
|
44
|
-
|
45
|
-
|
144
|
+
ref,
|
145
|
+
as: ChevronLeft,
|
146
|
+
className: (0, import_utils3.cx)("ui-lucide-icon", className),
|
147
|
+
...rest
|
46
148
|
}
|
47
|
-
)
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
var
|
52
|
-
|
53
|
-
|
149
|
+
)
|
150
|
+
);
|
151
|
+
|
152
|
+
// ../lucide/src/icons/chevron-right.tsx
|
153
|
+
var import_core2 = require("@yamada-ui/core");
|
154
|
+
var import_icon2 = require("@yamada-ui/icon");
|
155
|
+
var import_utils4 = require("@yamada-ui/utils");
|
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,
|
54
160
|
{
|
55
|
-
|
56
|
-
|
161
|
+
ref,
|
162
|
+
as: ChevronRight,
|
163
|
+
className: (0, import_utils4.cx)("ui-lucide-icon", className),
|
164
|
+
...rest
|
57
165
|
}
|
58
|
-
)
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
var
|
63
|
-
|
64
|
-
|
166
|
+
)
|
167
|
+
);
|
168
|
+
|
169
|
+
// ../lucide/src/icons/chevrons-left.tsx
|
170
|
+
var import_core3 = require("@yamada-ui/core");
|
171
|
+
var import_icon3 = require("@yamada-ui/icon");
|
172
|
+
var import_utils5 = require("@yamada-ui/utils");
|
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,
|
65
177
|
{
|
66
|
-
|
67
|
-
|
178
|
+
ref,
|
179
|
+
as: ChevronsLeft,
|
180
|
+
className: (0, import_utils5.cx)("ui-lucide-icon", className),
|
181
|
+
...rest
|
68
182
|
}
|
69
|
-
)
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
var
|
74
|
-
|
75
|
-
|
183
|
+
)
|
184
|
+
);
|
185
|
+
|
186
|
+
// ../lucide/src/icons/chevrons-right.tsx
|
187
|
+
var import_core4 = require("@yamada-ui/core");
|
188
|
+
var import_icon4 = require("@yamada-ui/icon");
|
189
|
+
var import_utils6 = require("@yamada-ui/utils");
|
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,
|
76
194
|
{
|
77
|
-
|
78
|
-
|
195
|
+
ref,
|
196
|
+
as: ChevronsRight,
|
197
|
+
className: (0, import_utils6.cx)("ui-lucide-icon", className),
|
198
|
+
...rest
|
79
199
|
}
|
80
|
-
)
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
var
|
85
|
-
|
86
|
-
|
200
|
+
)
|
201
|
+
);
|
202
|
+
|
203
|
+
// ../lucide/src/icons/ellipsis.tsx
|
204
|
+
var import_core5 = require("@yamada-ui/core");
|
205
|
+
var import_icon5 = require("@yamada-ui/icon");
|
206
|
+
var import_utils7 = require("@yamada-ui/utils");
|
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,
|
87
211
|
{
|
88
|
-
|
89
|
-
|
212
|
+
ref,
|
213
|
+
as: Ellipsis,
|
214
|
+
className: (0, import_utils7.cx)("ui-lucide-icon", className),
|
215
|
+
...rest
|
90
216
|
}
|
91
|
-
)
|
92
|
-
|
93
|
-
|
94
|
-
|
217
|
+
)
|
218
|
+
);
|
219
|
+
|
220
|
+
// src/pagination-item.tsx
|
221
|
+
var import_ripple = require("@yamada-ui/ripple");
|
222
|
+
var import_utils9 = require("@yamada-ui/utils");
|
95
223
|
|
96
224
|
// src/use-pagination.ts
|
97
225
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
98
226
|
var import_use_value = require("@yamada-ui/use-value");
|
99
|
-
var
|
100
|
-
var
|
101
|
-
var [PaginationProvider, usePaginationContext] = (0,
|
227
|
+
var import_utils8 = require("@yamada-ui/utils");
|
228
|
+
var import_react3 = require("react");
|
229
|
+
var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
|
102
230
|
name: "PaginationContext",
|
103
231
|
errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
|
104
232
|
});
|
@@ -121,24 +249,24 @@ var usePagination = ({
|
|
121
249
|
value: page,
|
122
250
|
onChange: onChangeProp
|
123
251
|
});
|
124
|
-
const onFirst = (0,
|
125
|
-
const onLast = (0,
|
252
|
+
const onFirst = (0, import_react3.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
|
253
|
+
const onLast = (0, import_react3.useCallback)(
|
126
254
|
() => setCurrentPage(total),
|
127
255
|
[setCurrentPage, total]
|
128
256
|
);
|
129
|
-
const onPrev = (0,
|
257
|
+
const onPrev = (0, import_react3.useCallback)(
|
130
258
|
() => setCurrentPage((prev) => prev === 1 ? prev : prev - 1),
|
131
259
|
[setCurrentPage]
|
132
260
|
);
|
133
|
-
const onNext = (0,
|
261
|
+
const onNext = (0, import_react3.useCallback)(
|
134
262
|
() => setCurrentPage((prev) => prev === total ? prev : prev + 1),
|
135
263
|
[setCurrentPage, total]
|
136
264
|
);
|
137
|
-
const onChange = (0,
|
265
|
+
const onChange = (0, import_react3.useCallback)(
|
138
266
|
(page2) => setCurrentPage(page2),
|
139
267
|
[setCurrentPage]
|
140
268
|
);
|
141
|
-
const range = (0,
|
269
|
+
const range = (0, import_react3.useMemo)(() => {
|
142
270
|
const minimumTotal = siblings * 2 + 3 + boundaries * 2;
|
143
271
|
if (minimumTotal >= total) return computedRange(1, total);
|
144
272
|
const prevSiblings = Math.max(currentPage - siblings, boundaries);
|
@@ -183,15 +311,15 @@ var usePagination = ({
|
|
183
311
|
};
|
184
312
|
|
185
313
|
// src/pagination-item.tsx
|
186
|
-
var
|
314
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
187
315
|
var iconMap = {
|
188
|
-
ellipsis: /* @__PURE__ */ (0,
|
189
|
-
first: /* @__PURE__ */ (0,
|
190
|
-
last: /* @__PURE__ */ (0,
|
191
|
-
next: /* @__PURE__ */ (0,
|
192
|
-
prev: /* @__PURE__ */ (0,
|
316
|
+
ellipsis: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EllipsisIcon, {}),
|
317
|
+
first: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeftIcon, {}),
|
318
|
+
last: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRightIcon, {}),
|
319
|
+
next: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {}),
|
320
|
+
prev: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
|
193
321
|
};
|
194
|
-
var PaginationItem = (0,
|
322
|
+
var PaginationItem = (0, import_core6.forwardRef)(
|
195
323
|
({
|
196
324
|
className,
|
197
325
|
active,
|
@@ -223,18 +351,18 @@ var PaginationItem = (0, import_core.forwardRef)(
|
|
223
351
|
...styles.item,
|
224
352
|
...styles[page]
|
225
353
|
};
|
226
|
-
const Component =
|
227
|
-
return /* @__PURE__ */ (0,
|
354
|
+
const Component = import_core6.ui[isEllipsis ? "span" : "button"];
|
355
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
228
356
|
Component,
|
229
357
|
{
|
230
358
|
ref,
|
231
359
|
...!isEllipsis ? {
|
232
360
|
type: "button",
|
233
|
-
"data-disabled": (0,
|
234
|
-
"data-selected": (0,
|
361
|
+
"data-disabled": (0, import_utils9.dataAttr)(disabled),
|
362
|
+
"data-selected": (0, import_utils9.dataAttr)(active),
|
235
363
|
disabled
|
236
364
|
} : {},
|
237
|
-
className: (0,
|
365
|
+
className: (0, import_utils9.cx)(
|
238
366
|
"ui-pagination__item",
|
239
367
|
isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
|
240
368
|
className
|
@@ -245,7 +373,7 @@ var PaginationItem = (0, import_core.forwardRef)(
|
|
245
373
|
onPointerDown,
|
246
374
|
children: [
|
247
375
|
children,
|
248
|
-
/* @__PURE__ */ (0,
|
376
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
|
249
377
|
]
|
250
378
|
}
|
251
379
|
);
|
@@ -255,9 +383,9 @@ PaginationItem.displayName = "PaginationItem";
|
|
255
383
|
PaginationItem.__ui__ = "PaginationItem";
|
256
384
|
|
257
385
|
// src/pagination.tsx
|
258
|
-
var
|
259
|
-
var Pagination = (0,
|
260
|
-
const [styles, mergedProps] = (0,
|
386
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
387
|
+
var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
388
|
+
const [styles, mergedProps] = (0, import_core7.useComponentMultiStyle)("Pagination", props);
|
261
389
|
let {
|
262
390
|
className,
|
263
391
|
boundaries,
|
@@ -280,7 +408,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
280
408
|
itemProps,
|
281
409
|
onChange: onChangeProp,
|
282
410
|
...rest
|
283
|
-
} = (0,
|
411
|
+
} = (0, import_core7.omitThemeProps)(mergedProps);
|
284
412
|
const withControls = (0, import_use_value2.useValue)(_withControls);
|
285
413
|
const withEdges = (0, import_use_value2.useValue)(_withEdges);
|
286
414
|
disabled != null ? disabled : disabled = isDisabled;
|
@@ -293,8 +421,8 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
293
421
|
total,
|
294
422
|
onChange: onChangeProp
|
295
423
|
});
|
296
|
-
const children = (0,
|
297
|
-
() => range.map((page2, key) => /* @__PURE__ */ (0,
|
424
|
+
const children = (0, import_react4.useMemo)(
|
425
|
+
() => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
298
426
|
Component,
|
299
427
|
{
|
300
428
|
"aria-label": page2 !== "ellipsis" ? `Go to page ${page2}` : void 0,
|
@@ -302,7 +430,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
302
430
|
disabled,
|
303
431
|
...itemProps,
|
304
432
|
page: page2,
|
305
|
-
onClick: (0,
|
433
|
+
onClick: (0, import_utils10.handlerAll)(
|
306
434
|
itemProps == null ? void 0 : itemProps.onClick,
|
307
435
|
page2 !== "ellipsis" ? () => onChange(page2) : void 0
|
308
436
|
)
|
@@ -313,19 +441,19 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
313
441
|
const css = {
|
314
442
|
...styles.container
|
315
443
|
};
|
316
|
-
return /* @__PURE__ */ (0,
|
317
|
-
|
444
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
445
|
+
import_core7.ui.nav,
|
318
446
|
{
|
319
447
|
ref,
|
320
|
-
className: (0,
|
321
|
-
"data-disabled": (0,
|
448
|
+
className: (0, import_utils10.cx)("ui-pagination", className),
|
449
|
+
"data-disabled": (0, import_utils10.dataAttr)(isDisabled),
|
322
450
|
__css: css,
|
323
451
|
...containerProps,
|
324
|
-
children: /* @__PURE__ */ (0,
|
325
|
-
|
452
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
453
|
+
import_core7.ui.ul,
|
326
454
|
{
|
327
455
|
className: "ui-pagination-inner",
|
328
|
-
"data-disabled": (0,
|
456
|
+
"data-disabled": (0, import_utils10.dataAttr)(isDisabled),
|
329
457
|
__css: {
|
330
458
|
alignItems: "center",
|
331
459
|
display: "flex",
|
@@ -333,7 +461,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
333
461
|
},
|
334
462
|
...rest,
|
335
463
|
children: [
|
336
|
-
withEdges ? /* @__PURE__ */ (0,
|
464
|
+
withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
337
465
|
Component,
|
338
466
|
{
|
339
467
|
className: "ui-pagination__item--first",
|
@@ -342,14 +470,14 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
342
470
|
page: "first",
|
343
471
|
...edgeProps,
|
344
472
|
...edgeFirstProps,
|
345
|
-
onClick: (0,
|
473
|
+
onClick: (0, import_utils10.handlerAll)(
|
346
474
|
edgeProps == null ? void 0 : edgeProps.onClick,
|
347
475
|
edgeFirstProps == null ? void 0 : edgeFirstProps.onClick,
|
348
476
|
onFirst
|
349
477
|
)
|
350
478
|
}
|
351
479
|
) }) : null,
|
352
|
-
withControls ? /* @__PURE__ */ (0,
|
480
|
+
withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
353
481
|
Component,
|
354
482
|
{
|
355
483
|
className: "ui-pagination__item--prev",
|
@@ -358,7 +486,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
358
486
|
page: "prev",
|
359
487
|
...controlProps,
|
360
488
|
...controlPrevProps,
|
361
|
-
onClick: (0,
|
489
|
+
onClick: (0, import_utils10.handlerAll)(
|
362
490
|
controlProps == null ? void 0 : controlProps.onClick,
|
363
491
|
controlPrevProps == null ? void 0 : controlPrevProps.onClick,
|
364
492
|
onPrev
|
@@ -366,7 +494,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
366
494
|
}
|
367
495
|
) }) : null,
|
368
496
|
children,
|
369
|
-
withControls ? /* @__PURE__ */ (0,
|
497
|
+
withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
370
498
|
Component,
|
371
499
|
{
|
372
500
|
className: "ui-pagination__item--next",
|
@@ -375,14 +503,14 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
375
503
|
page: "next",
|
376
504
|
...controlProps,
|
377
505
|
...controlNextProps,
|
378
|
-
onClick: (0,
|
506
|
+
onClick: (0, import_utils10.handlerAll)(
|
379
507
|
controlProps == null ? void 0 : controlProps.onClick,
|
380
508
|
controlNextProps == null ? void 0 : controlNextProps.onClick,
|
381
509
|
onNext
|
382
510
|
)
|
383
511
|
}
|
384
512
|
) }) : null,
|
385
|
-
withEdges ? /* @__PURE__ */ (0,
|
513
|
+
withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
386
514
|
Component,
|
387
515
|
{
|
388
516
|
className: "ui-pagination__item--last",
|
@@ -391,7 +519,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
391
519
|
page: "last",
|
392
520
|
...edgeProps,
|
393
521
|
...edgeLastProps,
|
394
|
-
onClick: (0,
|
522
|
+
onClick: (0, import_utils10.handlerAll)(
|
395
523
|
edgeProps == null ? void 0 : edgeProps.onClick,
|
396
524
|
edgeLastProps == null ? void 0 : edgeLastProps.onClick,
|
397
525
|
onLast
|
@@ -410,4 +538,86 @@ Pagination.__ui__ = "Pagination";
|
|
410
538
|
0 && (module.exports = {
|
411
539
|
Pagination
|
412
540
|
});
|
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
|
+
*/
|
413
623
|
//# sourceMappingURL=pagination.js.map
|