@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-item.js
CHANGED
@@ -24,217 +24,89 @@ __export(pagination_item_exports, {
|
|
24
24
|
PaginationItem: () => PaginationItem
|
25
25
|
});
|
26
26
|
module.exports = __toCommonJS(pagination_item_exports);
|
27
|
-
var import_core6 = require("@yamada-ui/core");
|
28
|
-
|
29
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
30
|
-
var import_react2 = require("react");
|
31
|
-
|
32
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
|
33
|
-
var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
34
|
-
var mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
35
|
-
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
36
|
-
}).join(" ").trim();
|
37
|
-
|
38
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
39
|
-
var import_react = require("react");
|
40
|
-
|
41
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
|
42
|
-
var defaultAttributes = {
|
43
|
-
xmlns: "http://www.w3.org/2000/svg",
|
44
|
-
width: 24,
|
45
|
-
height: 24,
|
46
|
-
viewBox: "0 0 24 24",
|
47
|
-
fill: "none",
|
48
|
-
stroke: "currentColor",
|
49
|
-
strokeWidth: 2,
|
50
|
-
strokeLinecap: "round",
|
51
|
-
strokeLinejoin: "round"
|
52
|
-
};
|
53
|
-
|
54
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
55
|
-
var Icon = (0, import_react.forwardRef)(
|
56
|
-
({
|
57
|
-
color = "currentColor",
|
58
|
-
size = 24,
|
59
|
-
strokeWidth = 2,
|
60
|
-
absoluteStrokeWidth,
|
61
|
-
className = "",
|
62
|
-
children,
|
63
|
-
iconNode,
|
64
|
-
...rest
|
65
|
-
}, ref) => {
|
66
|
-
return (0, import_react.createElement)(
|
67
|
-
"svg",
|
68
|
-
{
|
69
|
-
ref,
|
70
|
-
...defaultAttributes,
|
71
|
-
width: size,
|
72
|
-
height: size,
|
73
|
-
stroke: color,
|
74
|
-
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
75
|
-
className: mergeClasses("lucide", className),
|
76
|
-
...rest
|
77
|
-
},
|
78
|
-
[
|
79
|
-
...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
|
80
|
-
...Array.isArray(children) ? children : [children]
|
81
|
-
]
|
82
|
-
);
|
83
|
-
}
|
84
|
-
);
|
85
|
-
|
86
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
87
|
-
var createLucideIcon = (iconName, iconNode) => {
|
88
|
-
const Component = (0, import_react2.forwardRef)(
|
89
|
-
({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
|
90
|
-
ref,
|
91
|
-
iconNode,
|
92
|
-
className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
|
93
|
-
...props
|
94
|
-
})
|
95
|
-
);
|
96
|
-
Component.displayName = `${iconName}`;
|
97
|
-
return Component;
|
98
|
-
};
|
99
|
-
|
100
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
|
101
|
-
var ChevronLeft = createLucideIcon("ChevronLeft", [
|
102
|
-
["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
|
103
|
-
]);
|
104
|
-
|
105
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
|
106
|
-
var ChevronRight = createLucideIcon("ChevronRight", [
|
107
|
-
["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
|
108
|
-
]);
|
109
|
-
|
110
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
|
111
|
-
var ChevronsLeft = createLucideIcon("ChevronsLeft", [
|
112
|
-
["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
|
113
|
-
["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
|
114
|
-
]);
|
115
|
-
|
116
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
|
117
|
-
var ChevronsRight = createLucideIcon("ChevronsRight", [
|
118
|
-
["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
|
119
|
-
["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
|
120
|
-
]);
|
121
|
-
|
122
|
-
// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
|
123
|
-
var Ellipsis = createLucideIcon("Ellipsis", [
|
124
|
-
["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
|
125
|
-
["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
|
126
|
-
["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
|
127
|
-
]);
|
128
|
-
|
129
|
-
// ../lucide/src/icons/chevron-left.tsx
|
130
27
|
var import_core = require("@yamada-ui/core");
|
28
|
+
var import_ripple = require("@yamada-ui/ripple");
|
29
|
+
var import_utils2 = require("@yamada-ui/utils");
|
30
|
+
|
31
|
+
// src/pagination-icon.tsx
|
131
32
|
var import_icon = require("@yamada-ui/icon");
|
132
|
-
var import_utils3 = require("@yamada-ui/utils");
|
133
33
|
var import_jsx_runtime = require("react/jsx-runtime");
|
134
|
-
var
|
135
|
-
({
|
136
|
-
|
34
|
+
var PaginationEllipsisIcon = (props) => {
|
35
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
36
|
+
"path",
|
137
37
|
{
|
138
|
-
|
139
|
-
|
140
|
-
className: (0, import_utils3.cx)("ui-lucide-icon", className),
|
141
|
-
...rest
|
38
|
+
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",
|
39
|
+
fill: "currentColor"
|
142
40
|
}
|
143
|
-
)
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
var
|
148
|
-
|
149
|
-
|
150
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
151
|
-
var ChevronRightIcon = (0, import_core2.forwardRef)(
|
152
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
153
|
-
import_icon2.Icon,
|
41
|
+
) });
|
42
|
+
};
|
43
|
+
PaginationEllipsisIcon.displayName = "PaginationEllipsisIcon";
|
44
|
+
PaginationEllipsisIcon.__ui__ = "PaginationEllipsisIcon";
|
45
|
+
var PaginationFirstIcon = (props) => {
|
46
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
47
|
+
"path",
|
154
48
|
{
|
155
|
-
|
156
|
-
|
157
|
-
className: (0, import_utils4.cx)("ui-lucide-icon", className),
|
158
|
-
...rest
|
49
|
+
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",
|
50
|
+
fill: "currentColor"
|
159
51
|
}
|
160
|
-
)
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
var
|
165
|
-
|
166
|
-
|
167
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
168
|
-
var ChevronsLeftIcon = (0, import_core3.forwardRef)(
|
169
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
170
|
-
import_icon3.Icon,
|
52
|
+
) });
|
53
|
+
};
|
54
|
+
PaginationFirstIcon.displayName = "PaginationFirstIcon";
|
55
|
+
PaginationFirstIcon.__ui__ = "PaginationFirstIcon";
|
56
|
+
var PaginationLastIcon = (props) => {
|
57
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
58
|
+
"path",
|
171
59
|
{
|
172
|
-
|
173
|
-
|
174
|
-
className: (0, import_utils5.cx)("ui-lucide-icon", className),
|
175
|
-
...rest
|
60
|
+
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",
|
61
|
+
fill: "currentColor"
|
176
62
|
}
|
177
|
-
)
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
var
|
182
|
-
|
183
|
-
|
184
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
185
|
-
var ChevronsRightIcon = (0, import_core4.forwardRef)(
|
186
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
187
|
-
import_icon4.Icon,
|
63
|
+
) });
|
64
|
+
};
|
65
|
+
PaginationLastIcon.displayName = "PaginationLastIcon";
|
66
|
+
PaginationLastIcon.__ui__ = "PaginationLastIcon";
|
67
|
+
var PaginationPrevIcon = (props) => {
|
68
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
69
|
+
"path",
|
188
70
|
{
|
189
|
-
|
190
|
-
|
191
|
-
className: (0, import_utils6.cx)("ui-lucide-icon", className),
|
192
|
-
...rest
|
71
|
+
d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
|
72
|
+
fill: "currentColor"
|
193
73
|
}
|
194
|
-
)
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
var
|
199
|
-
|
200
|
-
|
201
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
202
|
-
var EllipsisIcon = (0, import_core5.forwardRef)(
|
203
|
-
({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
204
|
-
import_icon5.Icon,
|
74
|
+
) });
|
75
|
+
};
|
76
|
+
PaginationPrevIcon.displayName = "PaginationPrevIcon";
|
77
|
+
PaginationPrevIcon.__ui__ = "PaginationPrevIcon";
|
78
|
+
var PaginationNextIcon = (props) => {
|
79
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
80
|
+
"path",
|
205
81
|
{
|
206
|
-
|
207
|
-
|
208
|
-
className: (0, import_utils7.cx)("ui-lucide-icon", className),
|
209
|
-
...rest
|
82
|
+
d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
|
83
|
+
fill: "currentColor"
|
210
84
|
}
|
211
|
-
)
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
var import_ripple = require("@yamada-ui/ripple");
|
216
|
-
var import_utils9 = require("@yamada-ui/utils");
|
85
|
+
) });
|
86
|
+
};
|
87
|
+
PaginationNextIcon.displayName = "PaginationNextIcon";
|
88
|
+
PaginationNextIcon.__ui__ = "PaginationNextIcon";
|
217
89
|
|
218
90
|
// src/use-pagination.ts
|
219
91
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
220
92
|
var import_use_value = require("@yamada-ui/use-value");
|
221
|
-
var
|
222
|
-
var
|
223
|
-
var [PaginationProvider, usePaginationContext] = (0,
|
93
|
+
var import_utils = require("@yamada-ui/utils");
|
94
|
+
var import_react = require("react");
|
95
|
+
var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
|
224
96
|
name: "PaginationContext",
|
225
97
|
errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
|
226
98
|
});
|
227
99
|
|
228
100
|
// src/pagination-item.tsx
|
229
|
-
var
|
101
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
230
102
|
var iconMap = {
|
231
|
-
ellipsis: /* @__PURE__ */ (0,
|
232
|
-
first: /* @__PURE__ */ (0,
|
233
|
-
last: /* @__PURE__ */ (0,
|
234
|
-
next: /* @__PURE__ */ (0,
|
235
|
-
prev: /* @__PURE__ */ (0,
|
103
|
+
ellipsis: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsisIcon, {}),
|
104
|
+
first: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationFirstIcon, {}),
|
105
|
+
last: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLastIcon, {}),
|
106
|
+
next: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationNextIcon, {}),
|
107
|
+
prev: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationPrevIcon, {})
|
236
108
|
};
|
237
|
-
var PaginationItem = (0,
|
109
|
+
var PaginationItem = (0, import_core.forwardRef)(
|
238
110
|
({
|
239
111
|
className,
|
240
112
|
active,
|
@@ -266,18 +138,18 @@ var PaginationItem = (0, import_core6.forwardRef)(
|
|
266
138
|
...styles.item,
|
267
139
|
...styles[page]
|
268
140
|
};
|
269
|
-
const Component =
|
270
|
-
return /* @__PURE__ */ (0,
|
141
|
+
const Component = import_core.ui[isEllipsis ? "span" : "button"];
|
142
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
271
143
|
Component,
|
272
144
|
{
|
273
145
|
ref,
|
274
146
|
...!isEllipsis ? {
|
275
147
|
type: "button",
|
276
|
-
"data-disabled": (0,
|
277
|
-
"data-selected": (0,
|
148
|
+
"data-disabled": (0, import_utils2.dataAttr)(disabled),
|
149
|
+
"data-selected": (0, import_utils2.dataAttr)(active),
|
278
150
|
disabled
|
279
151
|
} : {},
|
280
|
-
className: (0,
|
152
|
+
className: (0, import_utils2.cx)(
|
281
153
|
"ui-pagination__item",
|
282
154
|
isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
|
283
155
|
className
|
@@ -288,7 +160,7 @@ var PaginationItem = (0, import_core6.forwardRef)(
|
|
288
160
|
onPointerDown,
|
289
161
|
children: [
|
290
162
|
children,
|
291
|
-
/* @__PURE__ */ (0,
|
163
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
|
292
164
|
]
|
293
165
|
}
|
294
166
|
);
|
@@ -300,86 +172,4 @@ PaginationItem.__ui__ = "PaginationItem";
|
|
300
172
|
0 && (module.exports = {
|
301
173
|
PaginationItem
|
302
174
|
});
|
303
|
-
/*! Bundled license information:
|
304
|
-
|
305
|
-
lucide-react/dist/esm/shared/src/utils.js:
|
306
|
-
(**
|
307
|
-
* @license lucide-react v0.460.0 - ISC
|
308
|
-
*
|
309
|
-
* This source code is licensed under the ISC license.
|
310
|
-
* See the LICENSE file in the root directory of this source tree.
|
311
|
-
*)
|
312
|
-
|
313
|
-
lucide-react/dist/esm/defaultAttributes.js:
|
314
|
-
(**
|
315
|
-
* @license lucide-react v0.460.0 - ISC
|
316
|
-
*
|
317
|
-
* This source code is licensed under the ISC license.
|
318
|
-
* See the LICENSE file in the root directory of this source tree.
|
319
|
-
*)
|
320
|
-
|
321
|
-
lucide-react/dist/esm/Icon.js:
|
322
|
-
(**
|
323
|
-
* @license lucide-react v0.460.0 - ISC
|
324
|
-
*
|
325
|
-
* This source code is licensed under the ISC license.
|
326
|
-
* See the LICENSE file in the root directory of this source tree.
|
327
|
-
*)
|
328
|
-
|
329
|
-
lucide-react/dist/esm/createLucideIcon.js:
|
330
|
-
(**
|
331
|
-
* @license lucide-react v0.460.0 - ISC
|
332
|
-
*
|
333
|
-
* This source code is licensed under the ISC license.
|
334
|
-
* See the LICENSE file in the root directory of this source tree.
|
335
|
-
*)
|
336
|
-
|
337
|
-
lucide-react/dist/esm/icons/chevron-left.js:
|
338
|
-
(**
|
339
|
-
* @license lucide-react v0.460.0 - ISC
|
340
|
-
*
|
341
|
-
* This source code is licensed under the ISC license.
|
342
|
-
* See the LICENSE file in the root directory of this source tree.
|
343
|
-
*)
|
344
|
-
|
345
|
-
lucide-react/dist/esm/icons/chevron-right.js:
|
346
|
-
(**
|
347
|
-
* @license lucide-react v0.460.0 - ISC
|
348
|
-
*
|
349
|
-
* This source code is licensed under the ISC license.
|
350
|
-
* See the LICENSE file in the root directory of this source tree.
|
351
|
-
*)
|
352
|
-
|
353
|
-
lucide-react/dist/esm/icons/chevrons-left.js:
|
354
|
-
(**
|
355
|
-
* @license lucide-react v0.460.0 - ISC
|
356
|
-
*
|
357
|
-
* This source code is licensed under the ISC license.
|
358
|
-
* See the LICENSE file in the root directory of this source tree.
|
359
|
-
*)
|
360
|
-
|
361
|
-
lucide-react/dist/esm/icons/chevrons-right.js:
|
362
|
-
(**
|
363
|
-
* @license lucide-react v0.460.0 - ISC
|
364
|
-
*
|
365
|
-
* This source code is licensed under the ISC license.
|
366
|
-
* See the LICENSE file in the root directory of this source tree.
|
367
|
-
*)
|
368
|
-
|
369
|
-
lucide-react/dist/esm/icons/ellipsis.js:
|
370
|
-
(**
|
371
|
-
* @license lucide-react v0.460.0 - ISC
|
372
|
-
*
|
373
|
-
* This source code is licensed under the ISC license.
|
374
|
-
* See the LICENSE file in the root directory of this source tree.
|
375
|
-
*)
|
376
|
-
|
377
|
-
lucide-react/dist/esm/lucide-react.js:
|
378
|
-
(**
|
379
|
-
* @license lucide-react v0.460.0 - ISC
|
380
|
-
*
|
381
|
-
* This source code is licensed under the ISC license.
|
382
|
-
* See the LICENSE file in the root directory of this source tree.
|
383
|
-
*)
|
384
|
-
*/
|
385
175
|
//# sourceMappingURL=pagination-item.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../src/pagination-item.tsx","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/shared/src/utils.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/defaultAttributes.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/Icon.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/createLucideIcon.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevron-left.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevron-right.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevrons-left.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevrons-right.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/ellipsis.ts","../../lucide/src/icons/chevron-left.tsx","../../lucide/src/icons/chevron-right.tsx","../../lucide/src/icons/chevrons-left.tsx","../../lucide/src/icons/chevrons-right.tsx","../../lucide/src/icons/ellipsis.tsx","../src/use-pagination.ts"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { ReactNode } from \"react\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronsLeftIcon,\n ChevronsRightIcon,\n EllipsisIcon,\n} from \"@yamada-ui/lucide\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx, dataAttr } from \"@yamada-ui/utils\"\nimport { usePaginationContext } from \"./use-pagination\"\n\ninterface PaginationItemOptions {\n /**\n * The type of the page or item assigned to the pagination item.\n */\n page: \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number\n /**\n * If `true`, the pagination item will be activated.\n *\n * @default false\n */\n active?: boolean\n /**\n * If `true`, the pagination item will be disabled.\n *\n * @default false\n */\n disabled?: boolean\n /**\n * If `true`, disable ripple effects when pressing a element.\n *\n * @default false\n */\n disableRipple?: boolean\n /**\n * If `true`, the pagination item will be activated.\n *\n * @default false\n *\n * @deprecated Use `active` instead.\n */\n isActive?: boolean\n /**\n * If `true`, the pagination item will be disabled.\n *\n * @default false\n *\n * @deprecated Use `disabled` instead.\n */\n isDisabled?: boolean\n}\n\nexport interface PaginationItemProps\n extends Omit<HTMLUIProps<\"button\">, \"page\">,\n PaginationItemOptions {}\n\nconst iconMap: {\n [key in \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number]: ReactNode\n} = {\n ellipsis: <EllipsisIcon />,\n first: <ChevronsLeftIcon />,\n last: <ChevronsRightIcon />,\n next: <ChevronRightIcon />,\n prev: <ChevronLeftIcon />,\n}\n\nexport const PaginationItem = forwardRef<PaginationItemProps, \"button\">(\n (\n {\n className,\n active,\n children,\n disabled,\n disableRipple,\n isActive,\n isDisabled,\n page,\n ...rest\n },\n ref,\n ) => {\n const styles = usePaginationContext()\n const isEllipsis = page === \"ellipsis\"\n const { onPointerDown, ...rippleProps } = useRipple({\n ...rest,\n isDisabled: disableRipple || isDisabled || isEllipsis,\n })\n\n children ??= iconMap[page] ?? page\n active ??= isActive\n disabled ??= isDisabled\n\n const css: CSSUIObject = {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n position: \"relative\",\n userSelect: \"none\",\n ...styles.item,\n ...styles[page],\n }\n\n const Component = ui[isEllipsis ? \"span\" : \"button\"]\n\n return (\n <Component\n ref={ref}\n {...(!isEllipsis\n ? {\n type: \"button\",\n \"data-disabled\": dataAttr(disabled),\n \"data-selected\": dataAttr(active),\n disabled,\n }\n : {})}\n className={cx(\n \"ui-pagination__item\",\n isEllipsis ? \"ui-pagination__item--ellipsis\" : undefined,\n className,\n )}\n tabIndex={!isEllipsis ? 0 : -1}\n __css={css}\n {...rest}\n onPointerDown={onPointerDown}\n >\n {children}\n\n <Ripple {...rippleProps} />\n </Component>\n )\n },\n)\n\nPaginationItem.displayName = \"PaginationItem\"\nPaginationItem.__ui__ = \"PaginationItem\"\n","import { CamelToPascal } from './utility-types';\n\n/**\n * Converts string to kebab case\n *\n * @param {string} string\n * @returns {string} A kebabized string\n */\nexport const toKebabCase = (string: string) =>\n string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts string to camel case\n *\n * @param {string} string\n * @returns {string} A camelized string\n */\nexport const toCamelCase = <T extends string>(string: T) =>\n string.replace(/^([A-Z])|[\\s-_]+(\\w)/g, (match, p1, p2) =>\n p2 ? p2.toUpperCase() : p1.toLowerCase(),\n );\n\n/**\n * Converts string to pascal case\n *\n * @param {string} string\n * @returns {string} A pascalized string\n */\nexport const toPascalCase = <T extends string>(string: T): CamelToPascal<T> => {\n const camelCase = toCamelCase(string);\n\n return (camelCase.charAt(0).toUpperCase() + camelCase.slice(1)) as CamelToPascal<T>;\n};\n\n/**\n * Merges classes into a single string\n *\n * @param {array} classes\n * @returns {string} A string of classes\n */\nexport const mergeClasses = <ClassType = string | undefined | null>(...classes: ClassType[]) =>\n classes\n .filter((className, index, array) => {\n return (\n Boolean(className) &&\n (className as string).trim() !== '' &&\n array.indexOf(className) === index\n );\n })\n .join(' ')\n .trim();\n","export default {\n xmlns: 'http://www.w3.org/2000/svg',\n width: 24,\n height: 24,\n viewBox: '0 0 24 24',\n fill: 'none',\n stroke: 'currentColor',\n strokeWidth: 2,\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n};\n","import { createElement, forwardRef } from 'react';\nimport defaultAttributes from './defaultAttributes';\nimport { IconNode, LucideProps } from './types';\nimport { mergeClasses } from '@lucide/shared';\n\ninterface IconComponentProps extends LucideProps {\n iconNode: IconNode;\n}\n\n/**\n * Lucide icon component\n *\n * @component Icon\n * @param {object} props\n * @param {string} props.color - The color of the icon\n * @param {number} props.size - The size of the icon\n * @param {number} props.strokeWidth - The stroke width of the icon\n * @param {boolean} props.absoluteStrokeWidth - Whether to use absolute stroke width\n * @param {string} props.className - The class name of the icon\n * @param {IconNode} props.children - The children of the icon\n * @param {IconNode} props.iconNode - The icon node of the icon\n *\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst Icon = forwardRef<SVGSVGElement, IconComponentProps>(\n (\n {\n color = 'currentColor',\n size = 24,\n strokeWidth = 2,\n absoluteStrokeWidth,\n className = '',\n children,\n iconNode,\n ...rest\n },\n ref,\n ) => {\n return createElement(\n 'svg',\n {\n ref,\n ...defaultAttributes,\n width: size,\n height: size,\n stroke: color,\n strokeWidth: absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth,\n className: mergeClasses('lucide', className),\n ...rest,\n },\n [\n ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n ...(Array.isArray(children) ? children : [children]),\n ],\n );\n },\n);\n\nexport default Icon;\n","import { createElement, forwardRef } from 'react';\nimport { mergeClasses, toKebabCase } from '@lucide/shared';\nimport { IconNode, LucideProps } from './types';\nimport Icon from './Icon';\n\n/**\n * Create a Lucide icon component\n * @param {string} iconName\n * @param {array} iconNode\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst createLucideIcon = (iconName: string, iconNode: IconNode) => {\n const Component = forwardRef<SVGSVGElement, LucideProps>(({ className, ...props }, ref) =>\n createElement(Icon, {\n ref,\n iconNode,\n className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),\n ...props,\n }),\n );\n\n Component.displayName = `${iconName}`;\n\n return Component;\n};\n\nexport default createLucideIcon;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronLeft\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview  - https://lucide.dev/icons/chevron-left\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronLeft = createLucideIcon('ChevronLeft', [\n ['path', { d: 'm15 18-6-6 6-6', key: '1wnfg3' }],\n]);\n\nexport default ChevronLeft;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronRight\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview  - https://lucide.dev/icons/chevron-right\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronRight = createLucideIcon('ChevronRight', [\n ['path', { d: 'm9 18 6-6-6-6', key: 'mthhwq' }],\n]);\n\nexport default ChevronRight;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronsLeft\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview  - https://lucide.dev/icons/chevrons-left\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronsLeft = createLucideIcon('ChevronsLeft', [\n ['path', { d: 'm11 17-5-5 5-5', key: '13zhaf' }],\n ['path', { d: 'm18 17-5-5 5-5', key: 'h8a8et' }],\n]);\n\nexport default ChevronsLeft;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronsRight\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview  - https://lucide.dev/icons/chevrons-right\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronsRight = createLucideIcon('ChevronsRight', [\n ['path', { d: 'm6 17 5-5-5-5', key: 'xnjwq' }],\n ['path', { d: 'm13 17 5-5-5-5', key: '17xmmf' }],\n]);\n\nexport default ChevronsRight;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name Ellipsis\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview  - https://lucide.dev/icons/ellipsis\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Ellipsis = createLucideIcon('Ellipsis', [\n ['circle', { cx: '12', cy: '12', r: '1', key: '41hilf' }],\n ['circle', { cx: '19', cy: '12', r: '1', key: '1wjl8i' }],\n ['circle', { cx: '5', cy: '12', r: '1', key: '1pcz8c' }],\n]);\n\nexport default Ellipsis;\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronLeft as OriginalChevronLeft } from \"lucide-react\"\n\n/**\n * `ChevronLeftIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronLeftIcon = forwardRef<IconProps, \"svg\">(\n ({ className, ...rest }, ref) => (\n <Icon\n ref={ref}\n as={OriginalChevronLeft}\n className={cx(\"ui-lucide-icon\", className)}\n {...rest}\n />\n ),\n)\n\n/**\n * `ChevronLeft` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronLeftIcon` instead.\n */\nexport const ChevronLeft = ChevronLeftIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronRight as OriginalChevronRight } from \"lucide-react\"\n\n/**\n * `ChevronRightIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronRightIcon = forwardRef<IconProps, \"svg\">(\n ({ className, ...rest }, ref) => (\n <Icon\n ref={ref}\n as={OriginalChevronRight}\n className={cx(\"ui-lucide-icon\", className)}\n {...rest}\n />\n ),\n)\n\n/**\n * `ChevronRight` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronRightIcon` instead.\n */\nexport const ChevronRight = ChevronRightIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronsLeft as OriginalChevronsLeft } from \"lucide-react\"\n\n/**\n * `ChevronsLeftIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronsLeftIcon = forwardRef<IconProps, \"svg\">(\n ({ className, ...rest }, ref) => (\n <Icon\n ref={ref}\n as={OriginalChevronsLeft}\n className={cx(\"ui-lucide-icon\", className)}\n {...rest}\n />\n ),\n)\n\n/**\n * `ChevronsLeft` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronsLeftIcon` instead.\n */\nexport const ChevronsLeft = ChevronsLeftIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronsRight as OriginalChevronsRight } from \"lucide-react\"\n\n/**\n * `ChevronsRightIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronsRightIcon = forwardRef<IconProps, \"svg\">(\n ({ className, ...rest }, ref) => (\n <Icon\n ref={ref}\n as={OriginalChevronsRight}\n className={cx(\"ui-lucide-icon\", className)}\n {...rest}\n />\n ),\n)\n\n/**\n * `ChevronsRight` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronsRightIcon` instead.\n */\nexport const ChevronsRight = ChevronsRightIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { Ellipsis as OriginalEllipsis } from \"lucide-react\"\n\n/**\n * `EllipsisIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const EllipsisIcon = forwardRef<IconProps, \"svg\">(\n ({ className, ...rest }, ref) => (\n <Icon\n ref={ref}\n as={OriginalEllipsis}\n className={cx(\"ui-lucide-icon\", className)}\n {...rest}\n />\n ),\n)\n\n/**\n * `Ellipsis` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `EllipsisIcon` instead.\n */\nexport const Ellipsis = EllipsisIcon\n","import type { CSSUIObject, Token } from \"@yamada-ui/core\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\n\ninterface PaginationContext {\n [key: string]: CSSUIObject | undefined\n}\n\nexport const [PaginationProvider, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Pagination />\"`,\n })\n\nexport const computedRange = (start: number, end: number) =>\n Array.from({ length: end - start + 1 }, (_, index) => index + start)\n\nexport interface UsePaginationProps {\n /**\n * The total number of pages in pagination.\n */\n total: number\n /**\n * Number of elements visible on the left/right edges.\n *\n * @default 1\n */\n boundaries?: Token<number>\n /**\n * The initial page of the pagination.\n * Should be less than `total` and greater than `1`.\n *\n * @default 1\n */\n defaultPage?: number\n /**\n * If `true`, the pagination all item will be disabled.\n *\n * @default false\n */\n disabled?: boolean\n /**\n * If `true`, the pagination all item will be disabled.\n *\n * @default false\n *\n * @deprecated Use `disabled` instead.\n */\n isDisabled?: boolean\n /**\n * The page of the pagination.\n * Should be less than `total` and greater than `1`.\n */\n page?: number\n /** Number of siblings displayed on the left/right side of selected page.\n *\n * @default 1\n */\n siblings?: Token<number>\n /**\n * The callback invoked when the page changes.\n */\n onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n boundaries: _boundaries = 1,\n defaultPage = 1,\n disabled,\n isDisabled = false,\n page,\n siblings: _siblings = 1,\n total,\n onChange: onChangeProp,\n}: UsePaginationProps) => {\n const siblings = useValue(_siblings)\n const boundaries = useValue(_boundaries)\n\n disabled ??= isDisabled\n\n const [currentPage, setCurrentPage] = useControllableState({\n defaultValue: defaultPage,\n value: page,\n onChange: onChangeProp,\n })\n\n const onFirst = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n const onLast = useCallback(\n () => setCurrentPage(total),\n [setCurrentPage, total],\n )\n\n const onPrev = useCallback(\n () => setCurrentPage((prev) => (prev === 1 ? prev : prev - 1)),\n [setCurrentPage],\n )\n\n const onNext = useCallback(\n () => setCurrentPage((prev) => (prev === total ? prev : prev + 1)),\n [setCurrentPage, total],\n )\n\n const onChange = useCallback(\n (page: number) => setCurrentPage(page),\n [setCurrentPage],\n )\n\n const range = useMemo((): (\"ellipsis\" | number)[] => {\n const minimumTotal = siblings * 2 + 3 + boundaries * 2\n\n if (minimumTotal >= total) return computedRange(1, total)\n\n const prevSiblings = Math.max(currentPage - siblings, boundaries)\n const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n\n const prevDots = prevSiblings > boundaries + 2\n const nextDots = nextSiblings < total - (boundaries + 1)\n\n if (!prevDots && nextDots) {\n const prevPages = siblings * 2 + boundaries + 2\n\n return [\n ...computedRange(1, prevPages),\n \"ellipsis\",\n ...computedRange(total - (boundaries - 1), total),\n ]\n }\n\n if (prevDots && !nextDots) {\n const nextPages = boundaries + 1 + 2 * siblings\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(total - nextPages, total),\n ]\n }\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(prevSiblings, nextSiblings),\n \"ellipsis\",\n ...computedRange(total - boundaries + 1, total),\n ]\n }, [boundaries, siblings, currentPage, total])\n\n return {\n currentPage,\n disabled,\n range,\n total,\n onChange,\n onFirst,\n onLast,\n onNext,\n onPrev,\n }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n"],"mappings":"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","names":["import_core","import_utils","import_core","import_icon","import_utils","import_jsx_runtime","import_core","import_icon","import_utils","import_jsx_runtime","import_core","import_icon","import_utils","import_jsx_runtime","import_core","import_icon","import_utils","import_jsx_runtime","import_utils","import_utils","import_react","import_jsx_runtime"]}
|
1
|
+
{"version":3,"sources":["../src/pagination-item.tsx","../src/pagination-icon.tsx","../src/use-pagination.ts"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { ReactNode } from \"react\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx, dataAttr } from \"@yamada-ui/utils\"\nimport {\n PaginationEllipsisIcon,\n PaginationFirstIcon,\n PaginationLastIcon,\n PaginationNextIcon,\n PaginationPrevIcon,\n} from \"./pagination-icon\"\nimport { usePaginationContext } from \"./use-pagination\"\n\ninterface PaginationItemOptions {\n /**\n * The type of the page or item assigned to the pagination item.\n */\n page: \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number\n /**\n * If `true`, the pagination item will be activated.\n *\n * @default false\n */\n active?: boolean\n /**\n * If `true`, the pagination item will be disabled.\n *\n * @default false\n */\n disabled?: boolean\n /**\n * If `true`, disable ripple effects when pressing a element.\n *\n * @default false\n */\n disableRipple?: boolean\n /**\n * If `true`, the pagination item will be activated.\n *\n * @default false\n *\n * @deprecated Use `active` instead.\n */\n isActive?: boolean\n /**\n * If `true`, the pagination item will be disabled.\n *\n * @default false\n *\n * @deprecated Use `disabled` instead.\n */\n isDisabled?: boolean\n}\n\nexport interface PaginationItemProps\n extends Omit<HTMLUIProps<\"button\">, \"page\">,\n PaginationItemOptions {}\n\nconst iconMap: {\n [key in \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number]: ReactNode\n} = {\n ellipsis: <PaginationEllipsisIcon />,\n first: <PaginationFirstIcon />,\n last: <PaginationLastIcon />,\n next: <PaginationNextIcon />,\n prev: <PaginationPrevIcon />,\n}\n\nexport const PaginationItem = forwardRef<PaginationItemProps, \"button\">(\n (\n {\n className,\n active,\n children,\n disabled,\n disableRipple,\n isActive,\n isDisabled,\n page,\n ...rest\n },\n ref,\n ) => {\n const styles = usePaginationContext()\n const isEllipsis = page === \"ellipsis\"\n const { onPointerDown, ...rippleProps } = useRipple({\n ...rest,\n isDisabled: disableRipple || isDisabled || isEllipsis,\n })\n\n children ??= iconMap[page] ?? page\n active ??= isActive\n disabled ??= isDisabled\n\n const css: CSSUIObject = {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n position: \"relative\",\n userSelect: \"none\",\n ...styles.item,\n ...styles[page],\n }\n\n const Component = ui[isEllipsis ? \"span\" : \"button\"]\n\n return (\n <Component\n ref={ref}\n {...(!isEllipsis\n ? {\n type: \"button\",\n \"data-disabled\": dataAttr(disabled),\n \"data-selected\": dataAttr(active),\n disabled,\n }\n : {})}\n className={cx(\n \"ui-pagination__item\",\n isEllipsis ? \"ui-pagination__item--ellipsis\" : undefined,\n className,\n )}\n tabIndex={!isEllipsis ? 0 : -1}\n __css={css}\n {...rest}\n onPointerDown={onPointerDown}\n >\n {children}\n\n <Ripple {...rippleProps} />\n </Component>\n )\n },\n)\n\nPaginationItem.displayName = \"PaginationItem\"\nPaginationItem.__ui__ = \"PaginationItem\"\n","import type { FC } from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { Icon } from \"@yamada-ui/icon\"\n\nexport const PaginationEllipsisIcon: FC<IconProps> = (props) => {\n return (\n <Icon viewBox=\"0 0 16 16\" {...props}>\n <path\n 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\"\n fill=\"currentColor\"\n />\n </Icon>\n )\n}\n\nPaginationEllipsisIcon.displayName = \"PaginationEllipsisIcon\"\nPaginationEllipsisIcon.__ui__ = \"PaginationEllipsisIcon\"\n\nexport const PaginationFirstIcon: FC<IconProps> = (props) => {\n return (\n <Icon viewBox=\"0 0 16 16\" {...props}>\n <path\n 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\"\n fill=\"currentColor\"\n />\n </Icon>\n )\n}\n\nPaginationFirstIcon.displayName = \"PaginationFirstIcon\"\nPaginationFirstIcon.__ui__ = \"PaginationFirstIcon\"\n\nexport const PaginationLastIcon: FC<IconProps> = (props) => {\n return (\n <Icon viewBox=\"0 0 16 16\" {...props}>\n <path\n 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\"\n fill=\"currentColor\"\n />\n </Icon>\n )\n}\n\nPaginationLastIcon.displayName = \"PaginationLastIcon\"\nPaginationLastIcon.__ui__ = \"PaginationLastIcon\"\n\nexport const PaginationPrevIcon: FC<IconProps> = (props) => {\n return (\n <Icon viewBox=\"0 0 16 16\" {...props}>\n <path\n d=\"M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z\"\n fill=\"currentColor\"\n />\n </Icon>\n )\n}\n\nPaginationPrevIcon.displayName = \"PaginationPrevIcon\"\nPaginationPrevIcon.__ui__ = \"PaginationPrevIcon\"\n\nexport const PaginationNextIcon: FC<IconProps> = (props) => {\n return (\n <Icon viewBox=\"0 0 16 16\" {...props}>\n <path\n d=\"M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z\"\n fill=\"currentColor\"\n />\n </Icon>\n )\n}\n\nPaginationNextIcon.displayName = \"PaginationNextIcon\"\nPaginationNextIcon.__ui__ = \"PaginationNextIcon\"\n","import type { CSSUIObject, Token } from \"@yamada-ui/core\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\n\ninterface PaginationContext {\n [key: string]: CSSUIObject | undefined\n}\n\nexport const [PaginationProvider, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Pagination />\"`,\n })\n\nexport const computedRange = (start: number, end: number) =>\n Array.from({ length: end - start + 1 }, (_, index) => index + start)\n\nexport interface UsePaginationProps {\n /**\n * The total number of pages in pagination.\n */\n total: number\n /**\n * Number of elements visible on the left/right edges.\n *\n * @default 1\n */\n boundaries?: Token<number>\n /**\n * The initial page of the pagination.\n * Should be less than `total` and greater than `1`.\n *\n * @default 1\n */\n defaultPage?: number\n /**\n * If `true`, the pagination all item will be disabled.\n *\n * @default false\n */\n disabled?: boolean\n /**\n * If `true`, the pagination all item will be disabled.\n *\n * @default false\n *\n * @deprecated Use `disabled` instead.\n */\n isDisabled?: boolean\n /**\n * The page of the pagination.\n * Should be less than `total` and greater than `1`.\n */\n page?: number\n /** Number of siblings displayed on the left/right side of selected page.\n *\n * @default 1\n */\n siblings?: Token<number>\n /**\n * The callback invoked when the page changes.\n */\n onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n boundaries: _boundaries = 1,\n defaultPage = 1,\n disabled,\n isDisabled = false,\n page,\n siblings: _siblings = 1,\n total,\n onChange: onChangeProp,\n}: UsePaginationProps) => {\n const siblings = useValue(_siblings)\n const boundaries = useValue(_boundaries)\n\n disabled ??= isDisabled\n\n const [currentPage, setCurrentPage] = useControllableState({\n defaultValue: defaultPage,\n value: page,\n onChange: onChangeProp,\n })\n\n const onFirst = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n const onLast = useCallback(\n () => setCurrentPage(total),\n [setCurrentPage, total],\n )\n\n const onPrev = useCallback(\n () => setCurrentPage((prev) => (prev === 1 ? prev : prev - 1)),\n [setCurrentPage],\n )\n\n const onNext = useCallback(\n () => setCurrentPage((prev) => (prev === total ? prev : prev + 1)),\n [setCurrentPage, total],\n )\n\n const onChange = useCallback(\n (page: number) => setCurrentPage(page),\n [setCurrentPage],\n )\n\n const range = useMemo((): (\"ellipsis\" | number)[] => {\n const minimumTotal = siblings * 2 + 3 + boundaries * 2\n\n if (minimumTotal >= total) return computedRange(1, total)\n\n const prevSiblings = Math.max(currentPage - siblings, boundaries)\n const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n\n const prevDots = prevSiblings > boundaries + 2\n const nextDots = nextSiblings < total - (boundaries + 1)\n\n if (!prevDots && nextDots) {\n const prevPages = siblings * 2 + boundaries + 2\n\n return [\n ...computedRange(1, prevPages),\n \"ellipsis\",\n ...computedRange(total - (boundaries - 1), total),\n ]\n }\n\n if (prevDots && !nextDots) {\n const nextPages = boundaries + 1 + 2 * siblings\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(total - nextPages, total),\n ]\n }\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(prevSiblings, nextSiblings),\n \"ellipsis\",\n ...computedRange(total - boundaries + 1, total),\n ]\n }, [boundaries, siblings, currentPage, total])\n\n return {\n currentPage,\n disabled,\n range,\n total,\n onChange,\n onFirst,\n onLast,\n onNext,\n onPrev,\n }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n"],"mappings":"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","names":["import_utils","import_jsx_runtime"]}
|