@yamada-ui/pagination 1.1.5-next-20241125113619 → 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/index.js
CHANGED
@@ -27,81 +27,209 @@ __export(src_exports, {
|
|
27
27
|
module.exports = __toCommonJS(src_exports);
|
28
28
|
|
29
29
|
// src/pagination.tsx
|
30
|
-
var
|
30
|
+
var import_core7 = require("@yamada-ui/core");
|
31
31
|
var import_use_value2 = require("@yamada-ui/use-value");
|
32
|
-
var
|
33
|
-
var
|
32
|
+
var import_utils10 = require("@yamada-ui/utils");
|
33
|
+
var import_react4 = require("react");
|
34
34
|
|
35
35
|
// src/pagination-item.tsx
|
36
|
-
var
|
37
|
-
|
38
|
-
|
36
|
+
var import_core6 = require("@yamada-ui/core");
|
37
|
+
|
38
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
39
|
+
var import_react2 = require("react");
|
40
|
+
|
41
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
|
42
|
+
var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
43
|
+
var mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
44
|
+
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
45
|
+
}).join(" ").trim();
|
46
|
+
|
47
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
48
|
+
var import_react = require("react");
|
49
|
+
|
50
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
|
51
|
+
var defaultAttributes = {
|
52
|
+
xmlns: "http://www.w3.org/2000/svg",
|
53
|
+
width: 24,
|
54
|
+
height: 24,
|
55
|
+
viewBox: "0 0 24 24",
|
56
|
+
fill: "none",
|
57
|
+
stroke: "currentColor",
|
58
|
+
strokeWidth: 2,
|
59
|
+
strokeLinecap: "round",
|
60
|
+
strokeLinejoin: "round"
|
61
|
+
};
|
62
|
+
|
63
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
64
|
+
var Icon = (0, import_react.forwardRef)(
|
65
|
+
({
|
66
|
+
color = "currentColor",
|
67
|
+
size = 24,
|
68
|
+
strokeWidth = 2,
|
69
|
+
absoluteStrokeWidth,
|
70
|
+
className = "",
|
71
|
+
children,
|
72
|
+
iconNode,
|
73
|
+
...rest
|
74
|
+
}, ref) => {
|
75
|
+
return (0, import_react.createElement)(
|
76
|
+
"svg",
|
77
|
+
{
|
78
|
+
ref,
|
79
|
+
...defaultAttributes,
|
80
|
+
width: size,
|
81
|
+
height: size,
|
82
|
+
stroke: color,
|
83
|
+
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
84
|
+
className: mergeClasses("lucide", className),
|
85
|
+
...rest
|
86
|
+
},
|
87
|
+
[
|
88
|
+
...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
|
89
|
+
...Array.isArray(children) ? children : [children]
|
90
|
+
]
|
91
|
+
);
|
92
|
+
}
|
93
|
+
);
|
94
|
+
|
95
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
96
|
+
var createLucideIcon = (iconName, iconNode) => {
|
97
|
+
const Component = (0, import_react2.forwardRef)(
|
98
|
+
({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
|
99
|
+
ref,
|
100
|
+
iconNode,
|
101
|
+
className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
|
102
|
+
...props
|
103
|
+
})
|
104
|
+
);
|
105
|
+
Component.displayName = `${iconName}`;
|
106
|
+
return Component;
|
107
|
+
};
|
108
|
+
|
109
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
|
110
|
+
var ChevronLeft = createLucideIcon("ChevronLeft", [
|
111
|
+
["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
|
112
|
+
]);
|
113
|
+
|
114
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
|
115
|
+
var ChevronRight = createLucideIcon("ChevronRight", [
|
116
|
+
["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
|
117
|
+
]);
|
118
|
+
|
119
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
|
120
|
+
var ChevronsLeft = createLucideIcon("ChevronsLeft", [
|
121
|
+
["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
|
122
|
+
["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
|
123
|
+
]);
|
39
124
|
|
40
|
-
//
|
125
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
|
126
|
+
var ChevronsRight = createLucideIcon("ChevronsRight", [
|
127
|
+
["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
|
128
|
+
["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
|
129
|
+
]);
|
130
|
+
|
131
|
+
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
|
132
|
+
var Ellipsis = createLucideIcon("Ellipsis", [
|
133
|
+
["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
|
134
|
+
["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
|
135
|
+
["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
|
136
|
+
]);
|
137
|
+
|
138
|
+
// ../lucide/src/icons/chevron-left.tsx
|
139
|
+
var import_core = require("@yamada-ui/core");
|
41
140
|
var import_icon = require("@yamada-ui/icon");
|
141
|
+
var import_utils3 = require("@yamada-ui/utils");
|
42
142
|
var import_jsx_runtime = require("react/jsx-runtime");
|
43
|
-
var
|
44
|
-
|
45
|
-
|
143
|
+
var ChevronLeftIcon = (0, import_core.forwardRef)(
|
144
|
+
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
145
|
+
import_icon.Icon,
|
46
146
|
{
|
47
|
-
|
48
|
-
|
147
|
+
ref,
|
148
|
+
as: ChevronLeft,
|
149
|
+
className: (0, import_utils3.cx)("ui-lucide-icon", className),
|
150
|
+
...rest
|
49
151
|
}
|
50
|
-
)
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
var
|
55
|
-
|
56
|
-
|
152
|
+
)
|
153
|
+
);
|
154
|
+
|
155
|
+
// ../lucide/src/icons/chevron-right.tsx
|
156
|
+
var import_core2 = require("@yamada-ui/core");
|
157
|
+
var import_icon2 = require("@yamada-ui/icon");
|
158
|
+
var import_utils4 = require("@yamada-ui/utils");
|
159
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
160
|
+
var ChevronRightIcon = (0, import_core2.forwardRef)(
|
161
|
+
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
162
|
+
import_icon2.Icon,
|
57
163
|
{
|
58
|
-
|
59
|
-
|
164
|
+
ref,
|
165
|
+
as: ChevronRight,
|
166
|
+
className: (0, import_utils4.cx)("ui-lucide-icon", className),
|
167
|
+
...rest
|
60
168
|
}
|
61
|
-
)
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
var
|
66
|
-
|
67
|
-
|
169
|
+
)
|
170
|
+
);
|
171
|
+
|
172
|
+
// ../lucide/src/icons/chevrons-left.tsx
|
173
|
+
var import_core3 = require("@yamada-ui/core");
|
174
|
+
var import_icon3 = require("@yamada-ui/icon");
|
175
|
+
var import_utils5 = require("@yamada-ui/utils");
|
176
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
177
|
+
var ChevronsLeftIcon = (0, import_core3.forwardRef)(
|
178
|
+
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
179
|
+
import_icon3.Icon,
|
68
180
|
{
|
69
|
-
|
70
|
-
|
181
|
+
ref,
|
182
|
+
as: ChevronsLeft,
|
183
|
+
className: (0, import_utils5.cx)("ui-lucide-icon", className),
|
184
|
+
...rest
|
71
185
|
}
|
72
|
-
)
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
var
|
77
|
-
|
78
|
-
|
186
|
+
)
|
187
|
+
);
|
188
|
+
|
189
|
+
// ../lucide/src/icons/chevrons-right.tsx
|
190
|
+
var import_core4 = require("@yamada-ui/core");
|
191
|
+
var import_icon4 = require("@yamada-ui/icon");
|
192
|
+
var import_utils6 = require("@yamada-ui/utils");
|
193
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
194
|
+
var ChevronsRightIcon = (0, import_core4.forwardRef)(
|
195
|
+
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
196
|
+
import_icon4.Icon,
|
79
197
|
{
|
80
|
-
|
81
|
-
|
198
|
+
ref,
|
199
|
+
as: ChevronsRight,
|
200
|
+
className: (0, import_utils6.cx)("ui-lucide-icon", className),
|
201
|
+
...rest
|
82
202
|
}
|
83
|
-
)
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
var
|
88
|
-
|
89
|
-
|
203
|
+
)
|
204
|
+
);
|
205
|
+
|
206
|
+
// ../lucide/src/icons/ellipsis.tsx
|
207
|
+
var import_core5 = require("@yamada-ui/core");
|
208
|
+
var import_icon5 = require("@yamada-ui/icon");
|
209
|
+
var import_utils7 = require("@yamada-ui/utils");
|
210
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
211
|
+
var EllipsisIcon = (0, import_core5.forwardRef)(
|
212
|
+
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
213
|
+
import_icon5.Icon,
|
90
214
|
{
|
91
|
-
|
92
|
-
|
215
|
+
ref,
|
216
|
+
as: Ellipsis,
|
217
|
+
className: (0, import_utils7.cx)("ui-lucide-icon", className),
|
218
|
+
...rest
|
93
219
|
}
|
94
|
-
)
|
95
|
-
|
96
|
-
|
97
|
-
|
220
|
+
)
|
221
|
+
);
|
222
|
+
|
223
|
+
// src/pagination-item.tsx
|
224
|
+
var import_ripple = require("@yamada-ui/ripple");
|
225
|
+
var import_utils9 = require("@yamada-ui/utils");
|
98
226
|
|
99
227
|
// src/use-pagination.ts
|
100
228
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
101
229
|
var import_use_value = require("@yamada-ui/use-value");
|
102
|
-
var
|
103
|
-
var
|
104
|
-
var [PaginationProvider, usePaginationContext] = (0,
|
230
|
+
var import_utils8 = require("@yamada-ui/utils");
|
231
|
+
var import_react3 = require("react");
|
232
|
+
var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
|
105
233
|
name: "PaginationContext",
|
106
234
|
errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
|
107
235
|
});
|
@@ -124,24 +252,24 @@ var usePagination = ({
|
|
124
252
|
value: page,
|
125
253
|
onChange: onChangeProp
|
126
254
|
});
|
127
|
-
const onFirst = (0,
|
128
|
-
const onLast = (0,
|
255
|
+
const onFirst = (0, import_react3.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
|
256
|
+
const onLast = (0, import_react3.useCallback)(
|
129
257
|
() => setCurrentPage(total),
|
130
258
|
[setCurrentPage, total]
|
131
259
|
);
|
132
|
-
const onPrev = (0,
|
260
|
+
const onPrev = (0, import_react3.useCallback)(
|
133
261
|
() => setCurrentPage((prev) => prev === 1 ? prev : prev - 1),
|
134
262
|
[setCurrentPage]
|
135
263
|
);
|
136
|
-
const onNext = (0,
|
264
|
+
const onNext = (0, import_react3.useCallback)(
|
137
265
|
() => setCurrentPage((prev) => prev === total ? prev : prev + 1),
|
138
266
|
[setCurrentPage, total]
|
139
267
|
);
|
140
|
-
const onChange = (0,
|
268
|
+
const onChange = (0, import_react3.useCallback)(
|
141
269
|
(page2) => setCurrentPage(page2),
|
142
270
|
[setCurrentPage]
|
143
271
|
);
|
144
|
-
const range = (0,
|
272
|
+
const range = (0, import_react3.useMemo)(() => {
|
145
273
|
const minimumTotal = siblings * 2 + 3 + boundaries * 2;
|
146
274
|
if (minimumTotal >= total) return computedRange(1, total);
|
147
275
|
const prevSiblings = Math.max(currentPage - siblings, boundaries);
|
@@ -186,15 +314,15 @@ var usePagination = ({
|
|
186
314
|
};
|
187
315
|
|
188
316
|
// src/pagination-item.tsx
|
189
|
-
var
|
317
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
190
318
|
var iconMap = {
|
191
|
-
ellipsis: /* @__PURE__ */ (0,
|
192
|
-
first: /* @__PURE__ */ (0,
|
193
|
-
last: /* @__PURE__ */ (0,
|
194
|
-
next: /* @__PURE__ */ (0,
|
195
|
-
prev: /* @__PURE__ */ (0,
|
319
|
+
ellipsis: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EllipsisIcon, {}),
|
320
|
+
first: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeftIcon, {}),
|
321
|
+
last: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRightIcon, {}),
|
322
|
+
next: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {}),
|
323
|
+
prev: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
|
196
324
|
};
|
197
|
-
var PaginationItem = (0,
|
325
|
+
var PaginationItem = (0, import_core6.forwardRef)(
|
198
326
|
({
|
199
327
|
className,
|
200
328
|
active,
|
@@ -226,18 +354,18 @@ var PaginationItem = (0, import_core.forwardRef)(
|
|
226
354
|
...styles.item,
|
227
355
|
...styles[page]
|
228
356
|
};
|
229
|
-
const Component =
|
230
|
-
return /* @__PURE__ */ (0,
|
357
|
+
const Component = import_core6.ui[isEllipsis ? "span" : "button"];
|
358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
231
359
|
Component,
|
232
360
|
{
|
233
361
|
ref,
|
234
362
|
...!isEllipsis ? {
|
235
363
|
type: "button",
|
236
|
-
"data-disabled": (0,
|
237
|
-
"data-selected": (0,
|
364
|
+
"data-disabled": (0, import_utils9.dataAttr)(disabled),
|
365
|
+
"data-selected": (0, import_utils9.dataAttr)(active),
|
238
366
|
disabled
|
239
367
|
} : {},
|
240
|
-
className: (0,
|
368
|
+
className: (0, import_utils9.cx)(
|
241
369
|
"ui-pagination__item",
|
242
370
|
isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
|
243
371
|
className
|
@@ -248,7 +376,7 @@ var PaginationItem = (0, import_core.forwardRef)(
|
|
248
376
|
onPointerDown,
|
249
377
|
children: [
|
250
378
|
children,
|
251
|
-
/* @__PURE__ */ (0,
|
379
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
|
252
380
|
]
|
253
381
|
}
|
254
382
|
);
|
@@ -258,9 +386,9 @@ PaginationItem.displayName = "PaginationItem";
|
|
258
386
|
PaginationItem.__ui__ = "PaginationItem";
|
259
387
|
|
260
388
|
// src/pagination.tsx
|
261
|
-
var
|
262
|
-
var Pagination = (0,
|
263
|
-
const [styles, mergedProps] = (0,
|
389
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
390
|
+
var Pagination = (0, import_core7.forwardRef)((props, ref) => {
|
391
|
+
const [styles, mergedProps] = (0, import_core7.useComponentMultiStyle)("Pagination", props);
|
264
392
|
let {
|
265
393
|
className,
|
266
394
|
boundaries,
|
@@ -283,7 +411,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
283
411
|
itemProps,
|
284
412
|
onChange: onChangeProp,
|
285
413
|
...rest
|
286
|
-
} = (0,
|
414
|
+
} = (0, import_core7.omitThemeProps)(mergedProps);
|
287
415
|
const withControls = (0, import_use_value2.useValue)(_withControls);
|
288
416
|
const withEdges = (0, import_use_value2.useValue)(_withEdges);
|
289
417
|
disabled != null ? disabled : disabled = isDisabled;
|
@@ -296,8 +424,8 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
296
424
|
total,
|
297
425
|
onChange: onChangeProp
|
298
426
|
});
|
299
|
-
const children = (0,
|
300
|
-
() => range.map((page2, key) => /* @__PURE__ */ (0,
|
427
|
+
const children = (0, import_react4.useMemo)(
|
428
|
+
() => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
301
429
|
Component,
|
302
430
|
{
|
303
431
|
"aria-label": page2 !== "ellipsis" ? `Go to page ${page2}` : void 0,
|
@@ -305,7 +433,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
305
433
|
disabled,
|
306
434
|
...itemProps,
|
307
435
|
page: page2,
|
308
|
-
onClick: (0,
|
436
|
+
onClick: (0, import_utils10.handlerAll)(
|
309
437
|
itemProps == null ? void 0 : itemProps.onClick,
|
310
438
|
page2 !== "ellipsis" ? () => onChange(page2) : void 0
|
311
439
|
)
|
@@ -316,19 +444,19 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
316
444
|
const css = {
|
317
445
|
...styles.container
|
318
446
|
};
|
319
|
-
return /* @__PURE__ */ (0,
|
320
|
-
|
447
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
448
|
+
import_core7.ui.nav,
|
321
449
|
{
|
322
450
|
ref,
|
323
|
-
className: (0,
|
324
|
-
"data-disabled": (0,
|
451
|
+
className: (0, import_utils10.cx)("ui-pagination", className),
|
452
|
+
"data-disabled": (0, import_utils10.dataAttr)(isDisabled),
|
325
453
|
__css: css,
|
326
454
|
...containerProps,
|
327
|
-
children: /* @__PURE__ */ (0,
|
328
|
-
|
455
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
456
|
+
import_core7.ui.ul,
|
329
457
|
{
|
330
458
|
className: "ui-pagination-inner",
|
331
|
-
"data-disabled": (0,
|
459
|
+
"data-disabled": (0, import_utils10.dataAttr)(isDisabled),
|
332
460
|
__css: {
|
333
461
|
alignItems: "center",
|
334
462
|
display: "flex",
|
@@ -336,7 +464,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
336
464
|
},
|
337
465
|
...rest,
|
338
466
|
children: [
|
339
|
-
withEdges ? /* @__PURE__ */ (0,
|
467
|
+
withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
340
468
|
Component,
|
341
469
|
{
|
342
470
|
className: "ui-pagination__item--first",
|
@@ -345,14 +473,14 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
345
473
|
page: "first",
|
346
474
|
...edgeProps,
|
347
475
|
...edgeFirstProps,
|
348
|
-
onClick: (0,
|
476
|
+
onClick: (0, import_utils10.handlerAll)(
|
349
477
|
edgeProps == null ? void 0 : edgeProps.onClick,
|
350
478
|
edgeFirstProps == null ? void 0 : edgeFirstProps.onClick,
|
351
479
|
onFirst
|
352
480
|
)
|
353
481
|
}
|
354
482
|
) }) : null,
|
355
|
-
withControls ? /* @__PURE__ */ (0,
|
483
|
+
withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
356
484
|
Component,
|
357
485
|
{
|
358
486
|
className: "ui-pagination__item--prev",
|
@@ -361,7 +489,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
361
489
|
page: "prev",
|
362
490
|
...controlProps,
|
363
491
|
...controlPrevProps,
|
364
|
-
onClick: (0,
|
492
|
+
onClick: (0, import_utils10.handlerAll)(
|
365
493
|
controlProps == null ? void 0 : controlProps.onClick,
|
366
494
|
controlPrevProps == null ? void 0 : controlPrevProps.onClick,
|
367
495
|
onPrev
|
@@ -369,7 +497,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
369
497
|
}
|
370
498
|
) }) : null,
|
371
499
|
children,
|
372
|
-
withControls ? /* @__PURE__ */ (0,
|
500
|
+
withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
373
501
|
Component,
|
374
502
|
{
|
375
503
|
className: "ui-pagination__item--next",
|
@@ -378,14 +506,14 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
378
506
|
page: "next",
|
379
507
|
...controlProps,
|
380
508
|
...controlNextProps,
|
381
|
-
onClick: (0,
|
509
|
+
onClick: (0, import_utils10.handlerAll)(
|
382
510
|
controlProps == null ? void 0 : controlProps.onClick,
|
383
511
|
controlNextProps == null ? void 0 : controlNextProps.onClick,
|
384
512
|
onNext
|
385
513
|
)
|
386
514
|
}
|
387
515
|
) }) : null,
|
388
|
-
withEdges ? /* @__PURE__ */ (0,
|
516
|
+
withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
389
517
|
Component,
|
390
518
|
{
|
391
519
|
className: "ui-pagination__item--last",
|
@@ -394,7 +522,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
|
|
394
522
|
page: "last",
|
395
523
|
...edgeProps,
|
396
524
|
...edgeLastProps,
|
397
|
-
onClick: (0,
|
525
|
+
onClick: (0, import_utils10.handlerAll)(
|
398
526
|
edgeProps == null ? void 0 : edgeProps.onClick,
|
399
527
|
edgeLastProps == null ? void 0 : edgeLastProps.onClick,
|
400
528
|
onLast
|
@@ -414,4 +542,86 @@ Pagination.__ui__ = "Pagination";
|
|
414
542
|
Pagination,
|
415
543
|
usePagination
|
416
544
|
});
|
545
|
+
/*! Bundled license information:
|
546
|
+
|
547
|
+
lucide-react/dist/esm/shared/src/utils.js:
|
548
|
+
(**
|
549
|
+
* @license lucide-react v0.460.0 - ISC
|
550
|
+
*
|
551
|
+
* This source code is licensed under the ISC license.
|
552
|
+
* See the LICENSE file in the root directory of this source tree.
|
553
|
+
*)
|
554
|
+
|
555
|
+
lucide-react/dist/esm/defaultAttributes.js:
|
556
|
+
(**
|
557
|
+
* @license lucide-react v0.460.0 - ISC
|
558
|
+
*
|
559
|
+
* This source code is licensed under the ISC license.
|
560
|
+
* See the LICENSE file in the root directory of this source tree.
|
561
|
+
*)
|
562
|
+
|
563
|
+
lucide-react/dist/esm/Icon.js:
|
564
|
+
(**
|
565
|
+
* @license lucide-react v0.460.0 - ISC
|
566
|
+
*
|
567
|
+
* This source code is licensed under the ISC license.
|
568
|
+
* See the LICENSE file in the root directory of this source tree.
|
569
|
+
*)
|
570
|
+
|
571
|
+
lucide-react/dist/esm/createLucideIcon.js:
|
572
|
+
(**
|
573
|
+
* @license lucide-react v0.460.0 - ISC
|
574
|
+
*
|
575
|
+
* This source code is licensed under the ISC license.
|
576
|
+
* See the LICENSE file in the root directory of this source tree.
|
577
|
+
*)
|
578
|
+
|
579
|
+
lucide-react/dist/esm/icons/chevron-left.js:
|
580
|
+
(**
|
581
|
+
* @license lucide-react v0.460.0 - ISC
|
582
|
+
*
|
583
|
+
* This source code is licensed under the ISC license.
|
584
|
+
* See the LICENSE file in the root directory of this source tree.
|
585
|
+
*)
|
586
|
+
|
587
|
+
lucide-react/dist/esm/icons/chevron-right.js:
|
588
|
+
(**
|
589
|
+
* @license lucide-react v0.460.0 - ISC
|
590
|
+
*
|
591
|
+
* This source code is licensed under the ISC license.
|
592
|
+
* See the LICENSE file in the root directory of this source tree.
|
593
|
+
*)
|
594
|
+
|
595
|
+
lucide-react/dist/esm/icons/chevrons-left.js:
|
596
|
+
(**
|
597
|
+
* @license lucide-react v0.460.0 - ISC
|
598
|
+
*
|
599
|
+
* This source code is licensed under the ISC license.
|
600
|
+
* See the LICENSE file in the root directory of this source tree.
|
601
|
+
*)
|
602
|
+
|
603
|
+
lucide-react/dist/esm/icons/chevrons-right.js:
|
604
|
+
(**
|
605
|
+
* @license lucide-react v0.460.0 - ISC
|
606
|
+
*
|
607
|
+
* This source code is licensed under the ISC license.
|
608
|
+
* See the LICENSE file in the root directory of this source tree.
|
609
|
+
*)
|
610
|
+
|
611
|
+
lucide-react/dist/esm/icons/ellipsis.js:
|
612
|
+
(**
|
613
|
+
* @license lucide-react v0.460.0 - ISC
|
614
|
+
*
|
615
|
+
* This source code is licensed under the ISC license.
|
616
|
+
* See the LICENSE file in the root directory of this source tree.
|
617
|
+
*)
|
618
|
+
|
619
|
+
lucide-react/dist/esm/lucide-react.js:
|
620
|
+
(**
|
621
|
+
* @license lucide-react v0.460.0 - ISC
|
622
|
+
*
|
623
|
+
* This source code is licensed under the ISC license.
|
624
|
+
* See the LICENSE file in the root directory of this source tree.
|
625
|
+
*)
|
626
|
+
*/
|
417
627
|
//# sourceMappingURL=index.js.map
|