@flipdish/ui-library 0.35.2 → 0.36.1
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/components/atoms/Badge/Badge.styles.cjs +194 -0
- package/dist/components/atoms/Badge/Badge.styles.cjs.map +1 -0
- package/dist/components/atoms/Badge/Badge.styles.d.ts +236 -0
- package/dist/components/atoms/Badge/Badge.styles.d.ts.map +1 -0
- package/dist/components/atoms/Badge/Badge.styles.js +192 -0
- package/dist/components/atoms/Badge/Badge.styles.js.map +1 -0
- package/dist/components/atoms/Badge/badge.types.cjs.map +1 -1
- package/dist/components/atoms/Badge/badge.types.d.ts +0 -2
- package/dist/components/atoms/Badge/badge.types.d.ts.map +1 -1
- package/dist/components/atoms/Badge/badge.types.js.map +1 -1
- package/dist/components/atoms/Badge/badge.utils.d.ts +21 -0
- package/dist/components/atoms/Badge/badge.utils.d.ts.map +1 -0
- package/dist/components/atoms/Badge/index.cjs +15 -248
- package/dist/components/atoms/Badge/index.cjs.map +1 -1
- package/dist/components/atoms/Badge/index.d.ts +11 -50
- package/dist/components/atoms/Badge/index.d.ts.map +1 -1
- package/dist/components/atoms/Badge/index.js +15 -248
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationBase.cjs +2 -104
- package/dist/components/molecules/Pagination/components/PaginationBase.cjs.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationBase.d.ts +2 -14
- package/dist/components/molecules/Pagination/components/PaginationBase.d.ts.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationBase.js +3 -105
- package/dist/components/molecules/Pagination/components/PaginationBase.js.map +1 -1
- package/dist/components/molecules/Pagination/pagination.utils.cjs +89 -0
- package/dist/components/molecules/Pagination/pagination.utils.cjs.map +1 -0
- package/dist/components/molecules/Pagination/pagination.utils.d.ts +32 -0
- package/dist/components/molecules/Pagination/pagination.utils.d.ts.map +1 -0
- package/dist/components/molecules/Pagination/pagination.utils.js +87 -0
- package/dist/components/molecules/Pagination/pagination.utils.js.map +1 -0
- package/dist/native/components/atoms/Badge/Badge.styles.d.ts +236 -0
- package/dist/native/components/atoms/Badge/Badge.styles.d.ts.map +1 -0
- package/dist/native/components/atoms/Badge/Badge.styles.js +327 -0
- package/dist/native/components/atoms/Badge/Badge.styles.js.map +1 -0
- package/dist/native/components/atoms/Badge/badge.types.d.ts +21 -0
- package/dist/native/components/atoms/Badge/badge.types.d.ts.map +1 -0
- package/dist/native/components/atoms/Badge/badge.types.js +8 -0
- package/dist/native/components/atoms/Badge/badge.types.js.map +1 -0
- package/dist/native/components/atoms/Badge/badge.utils.d.ts +21 -0
- package/dist/native/components/atoms/Badge/badge.utils.d.ts.map +1 -0
- package/dist/native/components/atoms/Badge/badge.utils.js +32 -0
- package/dist/native/components/atoms/Badge/badge.utils.js.map +1 -0
- package/dist/native/components/atoms/Badge/index.d.ts +94 -8
- package/dist/native/components/atoms/Badge/index.d.ts.map +1 -0
- package/dist/native/components/atoms/Badge/index.js +66 -0
- package/dist/native/components/atoms/Badge/index.js.map +1 -0
- package/package.json +1 -1
|
@@ -4,118 +4,8 @@ import { Dot } from '@flipdish/ui-library/components/atoms/Dot';
|
|
|
4
4
|
import { Flag } from '@flipdish/ui-library/components/atoms/Flag';
|
|
5
5
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
6
6
|
import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
7
|
-
import {
|
|
7
|
+
import { styles } from './Badge.styles.js';
|
|
8
8
|
|
|
9
|
-
const filledColors = {
|
|
10
|
-
gray: {
|
|
11
|
-
root: 'bg-utility-neutral-50 text-utility-neutral-700 ring-utility-neutral-200',
|
|
12
|
-
addon: 'text-utility-neutral-500',
|
|
13
|
-
dotColor: 'utility-neutral-500',
|
|
14
|
-
addonButton: 'hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500',
|
|
15
|
-
},
|
|
16
|
-
brand: {
|
|
17
|
-
root: 'bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200',
|
|
18
|
-
addon: 'text-utility-brand-500',
|
|
19
|
-
dotColor: 'utility-brand-500',
|
|
20
|
-
addonButton: 'hover:bg-utility-brand-100 text-utility-brand-400 hover:text-utility-brand-500',
|
|
21
|
-
},
|
|
22
|
-
error: {
|
|
23
|
-
root: 'bg-utility-red-50 text-utility-red-700 ring-utility-red-200',
|
|
24
|
-
addon: 'text-utility-red-500',
|
|
25
|
-
dotColor: 'utility-red-500',
|
|
26
|
-
addonButton: 'hover:bg-utility-red-100 text-utility-red-400 hover:text-utility-red-500',
|
|
27
|
-
},
|
|
28
|
-
warning: {
|
|
29
|
-
root: 'bg-utility-yellow-50 text-utility-yellow-700 ring-utility-yellow-200',
|
|
30
|
-
addon: 'text-utility-yellow-500',
|
|
31
|
-
dotColor: 'utility-yellow-500',
|
|
32
|
-
addonButton: 'hover:bg-utility-yellow-100 text-utility-yellow-400 hover:text-utility-yellow-500',
|
|
33
|
-
},
|
|
34
|
-
success: {
|
|
35
|
-
root: 'bg-utility-green-50 text-utility-green-700 ring-utility-green-200',
|
|
36
|
-
addon: 'text-utility-green-500',
|
|
37
|
-
dotColor: 'utility-green-500',
|
|
38
|
-
addonButton: 'hover:bg-utility-green-100 text-utility-green-400 hover:text-utility-green-500',
|
|
39
|
-
},
|
|
40
|
-
slate: {
|
|
41
|
-
root: 'bg-utility-slate-50 text-utility-slate-700 ring-utility-slate-200',
|
|
42
|
-
addon: 'text-utility-slate-500',
|
|
43
|
-
dotColor: 'utility-slate-500',
|
|
44
|
-
addonButton: 'hover:bg-utility-slate-100 text-utility-slate-400 hover:text-utility-slate-500',
|
|
45
|
-
},
|
|
46
|
-
sky: {
|
|
47
|
-
root: 'bg-utility-sky-50 text-utility-sky-700 ring-utility-sky-200',
|
|
48
|
-
addon: 'text-utility-sky-500',
|
|
49
|
-
dotColor: 'utility-sky-500',
|
|
50
|
-
addonButton: 'hover:bg-utility-sky-100 text-utility-sky-400 hover:text-utility-sky-500',
|
|
51
|
-
},
|
|
52
|
-
blue: {
|
|
53
|
-
root: 'bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200',
|
|
54
|
-
addon: 'text-utility-blue-500',
|
|
55
|
-
dotColor: 'utility-blue-500',
|
|
56
|
-
addonButton: 'hover:bg-utility-blue-100 text-utility-blue-400 hover:text-utility-blue-500',
|
|
57
|
-
},
|
|
58
|
-
indigo: {
|
|
59
|
-
root: 'bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200',
|
|
60
|
-
addon: 'text-utility-indigo-500',
|
|
61
|
-
dotColor: 'utility-indigo-500',
|
|
62
|
-
addonButton: 'hover:bg-utility-indigo-100 text-utility-indigo-400 hover:text-utility-indigo-500',
|
|
63
|
-
},
|
|
64
|
-
purple: {
|
|
65
|
-
root: 'bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200',
|
|
66
|
-
addon: 'text-utility-purple-500',
|
|
67
|
-
dotColor: 'utility-purple-500',
|
|
68
|
-
addonButton: 'hover:bg-utility-purple-100 text-utility-purple-400 hover:text-utility-purple-500',
|
|
69
|
-
},
|
|
70
|
-
pink: {
|
|
71
|
-
root: 'bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200',
|
|
72
|
-
addon: 'text-utility-pink-500',
|
|
73
|
-
dotColor: 'utility-pink-500',
|
|
74
|
-
addonButton: 'hover:bg-utility-pink-100 text-utility-pink-400 hover:text-utility-pink-500',
|
|
75
|
-
},
|
|
76
|
-
orange: {
|
|
77
|
-
root: 'bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200',
|
|
78
|
-
addon: 'text-utility-orange-500',
|
|
79
|
-
dotColor: 'utility-orange-500',
|
|
80
|
-
addonButton: 'hover:bg-utility-orange-100 text-utility-orange-400 hover:text-utility-orange-500',
|
|
81
|
-
},
|
|
82
|
-
};
|
|
83
|
-
const addonOnlyColors = Object.fromEntries(Object.entries(filledColors).map(([key, value]) => [key, { root: '', addon: value.addon, dotColor: value.dotColor }]));
|
|
84
|
-
const withPillTypes = {
|
|
85
|
-
[badgeTypes.pillColor]: {
|
|
86
|
-
common: 'size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset',
|
|
87
|
-
styles: filledColors,
|
|
88
|
-
},
|
|
89
|
-
[badgeTypes.badgeColor]: {
|
|
90
|
-
common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset',
|
|
91
|
-
styles: filledColors,
|
|
92
|
-
},
|
|
93
|
-
[badgeTypes.badgeModern]: {
|
|
94
|
-
common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset shadow-xs',
|
|
95
|
-
styles: {
|
|
96
|
-
gray: {
|
|
97
|
-
root: 'bg-primary text-secondary ring-primary',
|
|
98
|
-
addon: 'text-fg-quaternary',
|
|
99
|
-
dotColor: 'fg-quaternary',
|
|
100
|
-
addonButton: 'hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500',
|
|
101
|
-
},
|
|
102
|
-
},
|
|
103
|
-
},
|
|
104
|
-
};
|
|
105
|
-
const withBadgeTypes = {
|
|
106
|
-
[badgeTypes.pillColor]: {
|
|
107
|
-
common: 'size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset',
|
|
108
|
-
styles: filledColors,
|
|
109
|
-
},
|
|
110
|
-
[badgeTypes.badgeColor]: {
|
|
111
|
-
common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset',
|
|
112
|
-
styles: filledColors,
|
|
113
|
-
},
|
|
114
|
-
[badgeTypes.badgeModern]: {
|
|
115
|
-
common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset bg-primary text-secondary ring-primary shadow-xs',
|
|
116
|
-
styles: addonOnlyColors,
|
|
117
|
-
},
|
|
118
|
-
};
|
|
119
9
|
/**
|
|
120
10
|
* Compact label for statuses, categories, counts, and tags. Conveys metadata at
|
|
121
11
|
* a glance through color and shape without competing with primary content.
|
|
@@ -124,172 +14,49 @@ const withBadgeTypes = {
|
|
|
124
14
|
*/
|
|
125
15
|
const Badge = (props) => {
|
|
126
16
|
const { type = 'pill-color', size = 'md', color = 'gray', children, 'data-testid': dataTestId } = props;
|
|
127
|
-
const colors =
|
|
17
|
+
const colors = styles.types.standard[type];
|
|
128
18
|
const badgeTestId = useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
|
|
129
|
-
|
|
130
|
-
sm: 'py-0.5 px-2 text-xs font-medium',
|
|
131
|
-
md: 'py-0.5 px-2.5 text-sm font-medium',
|
|
132
|
-
lg: 'py-1 px-3 text-sm font-medium',
|
|
133
|
-
};
|
|
134
|
-
const badgeSizes = {
|
|
135
|
-
sm: 'py-0.5 px-1.5 text-xs font-medium',
|
|
136
|
-
md: 'py-0.5 px-2 text-sm font-medium',
|
|
137
|
-
lg: 'py-1 px-2.5 text-sm font-medium rounded-lg',
|
|
138
|
-
};
|
|
139
|
-
const sizes = {
|
|
140
|
-
[badgeTypes.pillColor]: pillSizes,
|
|
141
|
-
[badgeTypes.badgeColor]: badgeSizes,
|
|
142
|
-
[badgeTypes.badgeModern]: badgeSizes,
|
|
143
|
-
};
|
|
144
|
-
return (jsx("span", { "data-testid": badgeTestId, className: cx(colors.common, sizes[type][size], colors.styles[color].root, props.className), children: children }));
|
|
19
|
+
return (jsx("span", { "data-testid": badgeTestId, className: cx(colors.common, styles.sizes.label[type][size], colors.styles[color].root, props.className), children: children }));
|
|
145
20
|
};
|
|
146
21
|
/** `Badge` variant with a coloured status dot before the label. */
|
|
147
22
|
const BadgeWithDot = (props) => {
|
|
148
23
|
const { size = 'md', color = 'gray', type = 'pill-color', className, children, 'data-testid': dataTestId } = props;
|
|
149
|
-
const colors =
|
|
24
|
+
const colors = styles.types.addon[type];
|
|
150
25
|
const badgeTestId = useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
|
|
151
|
-
|
|
152
|
-
sm: 'gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium',
|
|
153
|
-
md: 'gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium',
|
|
154
|
-
lg: 'gap-1.5 py-1 pl-2.5 pr-3 text-sm font-medium',
|
|
155
|
-
};
|
|
156
|
-
const badgeSizes = {
|
|
157
|
-
sm: 'gap-1 py-0.5 px-1.5 text-xs font-medium',
|
|
158
|
-
md: 'gap-1.5 py-0.5 px-2 text-sm font-medium',
|
|
159
|
-
lg: 'gap-1.5 py-1 px-2.5 text-sm font-medium rounded-lg',
|
|
160
|
-
};
|
|
161
|
-
const sizes = {
|
|
162
|
-
[badgeTypes.pillColor]: pillSizes,
|
|
163
|
-
[badgeTypes.badgeColor]: badgeSizes,
|
|
164
|
-
[badgeTypes.badgeModern]: badgeSizes,
|
|
165
|
-
};
|
|
166
|
-
return (jsxs("span", { "data-testid": badgeTestId, className: cx(colors.common, sizes[type][size], colors.styles[color].root, className), children: [jsx(Dot, { color: colors.styles[color].dotColor, size: "sm", "data-testid": joinTestId(badgeTestId, 'dot') }), children] }));
|
|
26
|
+
return (jsxs("span", { "data-testid": badgeTestId, className: cx(colors.common, styles.sizes.dot[type][size], colors.styles[color].root, className), children: [jsx(Dot, { color: colors.styles[color].dotColor, size: "sm", "data-testid": joinTestId(badgeTestId, 'dot') }), children] }));
|
|
167
27
|
};
|
|
168
28
|
/** `Badge` variant with a leading or trailing icon beside the label. */
|
|
169
29
|
const BadgeWithIcon = (props) => {
|
|
170
30
|
const { size = 'md', color = 'gray', type = 'pill-color', iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, 'data-testid': dataTestId, } = props;
|
|
171
|
-
const colors =
|
|
31
|
+
const colors = styles.types.addon[type];
|
|
172
32
|
const badgeTestId = useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
|
|
173
33
|
const icon = IconLeading ? 'leading' : 'trailing';
|
|
174
|
-
|
|
175
|
-
sm: {
|
|
176
|
-
trailing: 'gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium',
|
|
177
|
-
leading: 'gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium',
|
|
178
|
-
},
|
|
179
|
-
md: {
|
|
180
|
-
trailing: 'gap-1 py-0.5 pl-2.5 pr-2 text-sm font-medium',
|
|
181
|
-
leading: 'gap-1 py-0.5 pr-2.5 pl-2 text-sm font-medium',
|
|
182
|
-
},
|
|
183
|
-
lg: {
|
|
184
|
-
trailing: 'gap-1 py-1 pl-3 pr-2.5 text-sm font-medium',
|
|
185
|
-
leading: 'gap-1 py-1 pr-3 pl-2.5 text-sm font-medium',
|
|
186
|
-
},
|
|
187
|
-
};
|
|
188
|
-
const badgeSizes = {
|
|
189
|
-
sm: {
|
|
190
|
-
trailing: 'gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium',
|
|
191
|
-
leading: 'gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium',
|
|
192
|
-
},
|
|
193
|
-
md: {
|
|
194
|
-
trailing: 'gap-1 py-0.5 pl-2 pr-1.5 text-sm font-medium',
|
|
195
|
-
leading: 'gap-1 py-0.5 pr-2 pl-1.5 text-sm font-medium',
|
|
196
|
-
},
|
|
197
|
-
lg: {
|
|
198
|
-
trailing: 'gap-1 py-1 pl-2.5 pr-2 text-sm font-medium rounded-lg',
|
|
199
|
-
leading: 'gap-1 py-1 pr-2.5 pl-2 text-sm font-medium rounded-lg',
|
|
200
|
-
},
|
|
201
|
-
};
|
|
202
|
-
const sizes = {
|
|
203
|
-
[badgeTypes.pillColor]: pillSizes,
|
|
204
|
-
[badgeTypes.badgeColor]: badgeSizes,
|
|
205
|
-
[badgeTypes.badgeModern]: badgeSizes,
|
|
206
|
-
};
|
|
207
|
-
return (jsxs("span", { "data-testid": badgeTestId, className: cx(colors.common, sizes[type][size][icon], colors.styles[color].root, className), children: [IconLeading && jsx(IconLeading, { className: cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": joinTestId(badgeTestId, 'icon') }), children, IconTrailing && jsx(IconTrailing, { className: cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": joinTestId(badgeTestId, 'icon') })] }));
|
|
34
|
+
return (jsxs("span", { "data-testid": badgeTestId, className: cx(colors.common, styles.sizes.icon[type][size][icon], colors.styles[color].root, className), children: [IconLeading && jsx(IconLeading, { className: cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": joinTestId(badgeTestId, 'icon') }), children, IconTrailing && jsx(IconTrailing, { className: cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": joinTestId(badgeTestId, 'icon') })] }));
|
|
208
35
|
};
|
|
209
36
|
/** `Badge` variant with a round country flag before the label. */
|
|
210
37
|
const BadgeWithFlag = (props) => {
|
|
211
38
|
const { size = 'md', color = 'gray', flag = 'AU', type = 'pill-color', children } = props;
|
|
212
|
-
const colors =
|
|
213
|
-
|
|
214
|
-
sm: 'gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium',
|
|
215
|
-
md: 'gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium',
|
|
216
|
-
lg: 'gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium',
|
|
217
|
-
};
|
|
218
|
-
const badgeSizes = {
|
|
219
|
-
sm: 'gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium',
|
|
220
|
-
md: 'gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium',
|
|
221
|
-
lg: 'gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg',
|
|
222
|
-
};
|
|
223
|
-
const sizes = {
|
|
224
|
-
[badgeTypes.pillColor]: pillSizes,
|
|
225
|
-
[badgeTypes.badgeColor]: badgeSizes,
|
|
226
|
-
[badgeTypes.badgeModern]: badgeSizes,
|
|
227
|
-
};
|
|
228
|
-
return (jsxs("span", { className: cx(colors.common, sizes[type][size], colors.styles[color].root), children: [jsx(Flag, { code: flag, size: "xs" }), children] }));
|
|
39
|
+
const colors = styles.types.standard[type];
|
|
40
|
+
return (jsxs("span", { className: cx(colors.common, styles.sizes.media[type][size], colors.styles[color].root), children: [jsx(Flag, { code: flag, size: "xs" }), children] }));
|
|
229
41
|
};
|
|
230
42
|
/** `Badge` variant with a small round image before the label. */
|
|
231
43
|
const BadgeWithImage = (props) => {
|
|
232
44
|
const { size = 'md', color = 'gray', type = 'pill-color', imgSrc, children } = props;
|
|
233
|
-
const colors =
|
|
234
|
-
|
|
235
|
-
sm: 'gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium',
|
|
236
|
-
md: 'gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium',
|
|
237
|
-
lg: 'gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium',
|
|
238
|
-
};
|
|
239
|
-
const badgeSizes = {
|
|
240
|
-
sm: 'gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium',
|
|
241
|
-
md: 'gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium',
|
|
242
|
-
lg: 'gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg',
|
|
243
|
-
};
|
|
244
|
-
const sizes = {
|
|
245
|
-
[badgeTypes.pillColor]: pillSizes,
|
|
246
|
-
[badgeTypes.badgeColor]: badgeSizes,
|
|
247
|
-
[badgeTypes.badgeModern]: badgeSizes,
|
|
248
|
-
};
|
|
249
|
-
return (jsxs("span", { className: cx(colors.common, sizes[type][size], colors.styles[color].root), children: [jsx("img", { src: imgSrc, className: "size-4 max-w-none rounded-full", alt: "Badge image" }), children] }));
|
|
45
|
+
const colors = styles.types.standard[type];
|
|
46
|
+
return (jsxs("span", { className: cx(colors.common, styles.sizes.media[type][size], colors.styles[color].root), children: [jsx("img", { src: imgSrc, className: "size-4 max-w-none rounded-full", alt: "Badge image" }), children] }));
|
|
250
47
|
};
|
|
251
48
|
/** `Badge` variant with a trailing icon button, typically to dismiss or remove the tag. */
|
|
252
49
|
const BadgeWithButton = (props) => {
|
|
253
50
|
const { size = 'md', color = 'gray', type = 'pill-color', icon: Icon = X, buttonLabel, children, 'data-testid': dataTestId } = props;
|
|
254
|
-
const colors =
|
|
51
|
+
const colors = styles.types.standard[type];
|
|
255
52
|
const badgeTestId = useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
|
|
256
|
-
|
|
257
|
-
sm: 'gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium',
|
|
258
|
-
md: 'gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium',
|
|
259
|
-
lg: 'gap-0.5 py-1 pl-3 pr-1.5 text-sm font-medium',
|
|
260
|
-
};
|
|
261
|
-
const badgeSizes = {
|
|
262
|
-
sm: 'gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium',
|
|
263
|
-
md: 'gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium',
|
|
264
|
-
lg: 'gap-0.5 py-1 pl-2.5 pr-1.5 text-sm font-medium rounded-lg',
|
|
265
|
-
};
|
|
266
|
-
const sizes = {
|
|
267
|
-
[badgeTypes.pillColor]: pillSizes,
|
|
268
|
-
[badgeTypes.badgeColor]: badgeSizes,
|
|
269
|
-
[badgeTypes.badgeModern]: badgeSizes,
|
|
270
|
-
};
|
|
271
|
-
return (jsxs("span", { "data-testid": badgeTestId, className: cx(colors.common, sizes[type][size], colors.styles[color].root), children: [children, jsx("button", { type: "button", "aria-label": buttonLabel, onClick: props.onButtonClick, "data-testid": joinTestId(badgeTestId, 'close-button'), className: cx('flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2', colors.styles[color].addonButton, type === 'pill-color' ? 'rounded-full' : 'rounded-[3px]'), children: jsx(Icon, { className: "size-3 stroke-[3px] transition-inherit-all" }) })] }));
|
|
53
|
+
return (jsxs("span", { "data-testid": badgeTestId, className: cx(colors.common, styles.sizes.button[type][size], colors.styles[color].root), children: [children, jsx("button", { type: "button", "aria-label": buttonLabel, onClick: props.onButtonClick, "data-testid": joinTestId(badgeTestId, 'close-button'), className: cx('flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2', colors.styles[color].addonButton, type === 'pill-color' ? 'rounded-full' : 'rounded-[3px]'), children: jsx(Icon, { className: "size-3 stroke-[3px] transition-inherit-all" }) })] }));
|
|
272
54
|
};
|
|
273
55
|
/** Icon-only `Badge` with no label text. */
|
|
274
56
|
const BadgeIcon = (props) => {
|
|
275
57
|
const { size = 'md', color = 'gray', type = 'pill-color', icon: Icon } = props;
|
|
276
|
-
const colors =
|
|
277
|
-
|
|
278
|
-
sm: 'p-1.25',
|
|
279
|
-
md: 'p-1.5',
|
|
280
|
-
lg: 'p-2',
|
|
281
|
-
};
|
|
282
|
-
const badgeSizes = {
|
|
283
|
-
sm: 'p-1.25',
|
|
284
|
-
md: 'p-1.5',
|
|
285
|
-
lg: 'p-2 rounded-lg',
|
|
286
|
-
};
|
|
287
|
-
const sizes = {
|
|
288
|
-
[badgeTypes.pillColor]: pillSizes,
|
|
289
|
-
[badgeTypes.badgeColor]: badgeSizes,
|
|
290
|
-
[badgeTypes.badgeModern]: badgeSizes,
|
|
291
|
-
};
|
|
292
|
-
return (jsx("span", { className: cx(colors.common, sizes[type][size], colors.styles[color].root), children: jsx(Icon, { className: cx('size-3 stroke-[3px]', colors.styles[color].addon) }) }));
|
|
58
|
+
const colors = styles.types.standard[type];
|
|
59
|
+
return (jsx("span", { className: cx(colors.common, styles.sizes.iconOnly[type][size], colors.styles[color].root), children: jsx(Icon, { className: cx('size-3 stroke-[3px]', colors.styles[color].addon) }) }));
|
|
293
60
|
};
|
|
294
61
|
|
|
295
62
|
export { Badge, BadgeIcon, BadgeWithButton, BadgeWithDot, BadgeWithFlag, BadgeWithIcon, BadgeWithImage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","CloseX"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","CloseX"],"mappings":"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"}
|
|
@@ -3,104 +3,12 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var pagination_utils = require('../pagination.utils.cjs');
|
|
6
7
|
|
|
7
8
|
const PaginationContext = React.createContext(undefined);
|
|
8
9
|
const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children, style, className, 'data-testid': dataTestId, }) => {
|
|
9
|
-
const [pages, setPages] = React.useState([]);
|
|
10
10
|
const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'pagination', rootName: 'pagination' });
|
|
11
|
-
const
|
|
12
|
-
const items = [];
|
|
13
|
-
// Calculate the maximum number of pagination elements (pages, potential ellipsis, first and last) to show
|
|
14
|
-
const totalPageNumbers = siblingCount * 2 + 5;
|
|
15
|
-
// If the total number of items to show is greater than or equal to the total pages,
|
|
16
|
-
// we can simply list all pages without needing to collapse with ellipsis
|
|
17
|
-
if (totalPageNumbers >= total) {
|
|
18
|
-
for (let i = 1; i <= total; i++) {
|
|
19
|
-
items.push({
|
|
20
|
-
type: 'page',
|
|
21
|
-
value: i,
|
|
22
|
-
isCurrent: i === page,
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
// Calculate left and right sibling boundaries around the current page
|
|
28
|
-
const leftSiblingIndex = Math.max(page - siblingCount, 1);
|
|
29
|
-
const rightSiblingIndex = Math.min(page + siblingCount, total);
|
|
30
|
-
// Determine if we need to show ellipsis on either side
|
|
31
|
-
const showLeftEllipsis = leftSiblingIndex > 2;
|
|
32
|
-
const showRightEllipsis = rightSiblingIndex < total - 1;
|
|
33
|
-
// Case 1: No left ellipsis, but right ellipsis is needed
|
|
34
|
-
if (!showLeftEllipsis && showRightEllipsis) {
|
|
35
|
-
// Calculate how many page numbers to show starting from the beginning
|
|
36
|
-
const leftItemCount = siblingCount * 2 + 3;
|
|
37
|
-
const leftRange = range(1, leftItemCount);
|
|
38
|
-
// biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
|
|
39
|
-
leftRange.forEach((pageNum) => items.push({
|
|
40
|
-
type: 'page',
|
|
41
|
-
value: pageNum,
|
|
42
|
-
isCurrent: pageNum === page,
|
|
43
|
-
}));
|
|
44
|
-
// Insert ellipsis after the left range and add the last page
|
|
45
|
-
items.push({ type: 'ellipsis', key: leftItemCount + 1 });
|
|
46
|
-
items.push({
|
|
47
|
-
type: 'page',
|
|
48
|
-
value: total,
|
|
49
|
-
isCurrent: total === page,
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
// Case 2: Left ellipsis needed, but right ellipsis is not needed
|
|
53
|
-
else if (showLeftEllipsis && !showRightEllipsis) {
|
|
54
|
-
// Determine how many items from the end should be shown
|
|
55
|
-
const rightItemCount = siblingCount * 2 + 3;
|
|
56
|
-
const rightRange = range(total - rightItemCount + 1, total);
|
|
57
|
-
// Always show the first page, then add an ellipsis to indicate skipped pages
|
|
58
|
-
items.push({
|
|
59
|
-
type: 'page',
|
|
60
|
-
value: 1,
|
|
61
|
-
isCurrent: page === 1,
|
|
62
|
-
});
|
|
63
|
-
items.push({ type: 'ellipsis', key: total - rightItemCount });
|
|
64
|
-
// biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
|
|
65
|
-
rightRange.forEach((pageNum) => items.push({
|
|
66
|
-
type: 'page',
|
|
67
|
-
value: pageNum,
|
|
68
|
-
isCurrent: pageNum === page,
|
|
69
|
-
}));
|
|
70
|
-
}
|
|
71
|
-
// Case 3: Both left and right ellipsis are needed
|
|
72
|
-
else if (showLeftEllipsis && showRightEllipsis) {
|
|
73
|
-
// Always show the first page
|
|
74
|
-
items.push({
|
|
75
|
-
type: 'page',
|
|
76
|
-
value: 1,
|
|
77
|
-
isCurrent: page === 1,
|
|
78
|
-
});
|
|
79
|
-
// Insert left ellipsis after the first page
|
|
80
|
-
items.push({ type: 'ellipsis', key: leftSiblingIndex - 1 });
|
|
81
|
-
// Show a range of pages around the current page
|
|
82
|
-
const middleRange = range(leftSiblingIndex, rightSiblingIndex);
|
|
83
|
-
// biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
|
|
84
|
-
middleRange.forEach((pageNum) => items.push({
|
|
85
|
-
type: 'page',
|
|
86
|
-
value: pageNum,
|
|
87
|
-
isCurrent: pageNum === page,
|
|
88
|
-
}));
|
|
89
|
-
// Insert right ellipsis and finally the last page
|
|
90
|
-
items.push({ type: 'ellipsis', key: rightSiblingIndex + 1 });
|
|
91
|
-
items.push({
|
|
92
|
-
type: 'page',
|
|
93
|
-
value: total,
|
|
94
|
-
isCurrent: total === page,
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
return items;
|
|
99
|
-
}, [total, siblingCount, page]);
|
|
100
|
-
React.useEffect(() => {
|
|
101
|
-
const paginationItems = createPaginationItems();
|
|
102
|
-
setPages(paginationItems);
|
|
103
|
-
}, [createPaginationItems]);
|
|
11
|
+
const pages = pagination_utils.createPaginationItems({ total, siblingCount, page });
|
|
104
12
|
const onPageChangeHandler = (newPage) => {
|
|
105
13
|
onPageChange?.(newPage);
|
|
106
14
|
};
|
|
@@ -113,16 +21,6 @@ const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children,
|
|
|
113
21
|
};
|
|
114
22
|
return (jsxRuntime.jsx(PaginationContext.Provider, { value: paginationContextValue, children: jsxRuntime.jsx("nav", { "aria-label": "Pagination Navigation", "data-testid": rootTestId, style: style, className: className, children: children }) }));
|
|
115
23
|
};
|
|
116
|
-
/**
|
|
117
|
-
* Creates an array of numbers from start to end.
|
|
118
|
-
* @param start - The start number.
|
|
119
|
-
* @param end - The end number.
|
|
120
|
-
* @returns An array of numbers from start to end.
|
|
121
|
-
*/
|
|
122
|
-
const range = (start, end) => {
|
|
123
|
-
const length = end - start + 1;
|
|
124
|
-
return Array.from({ length }, (_, index) => index + start);
|
|
125
|
-
};
|
|
126
24
|
const Trigger = ({ children, style, className, asChild = false, direction, ariaLabel }) => {
|
|
127
25
|
const context = React.useContext(PaginationContext);
|
|
128
26
|
if (!context) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationBase.cjs","sources":["../../../../../src/components/molecules/Pagination/components/PaginationBase.tsx"],"sourcesContent":[null],"names":["createContext","
|
|
1
|
+
{"version":3,"file":"PaginationBase.cjs","sources":["../../../../../src/components/molecules/Pagination/components/PaginationBase.tsx"],"sourcesContent":[null],"names":["createContext","useResolvedTestId","createPaginationItems","_jsx","useContext","joinTestId","_Fragment","isValidElement","cloneElement"],"mappings":"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"}
|
|
@@ -1,20 +1,8 @@
|
|
|
1
1
|
import type { CSSProperties, FC, ReactNode } from 'react';
|
|
2
|
-
type
|
|
3
|
-
/** The type of the pagination item. */
|
|
4
|
-
type: 'page';
|
|
5
|
-
/** The value of the pagination item. */
|
|
6
|
-
value: number;
|
|
7
|
-
/** Whether the pagination item is the current page. */
|
|
8
|
-
isCurrent: boolean;
|
|
9
|
-
};
|
|
10
|
-
type PaginationEllipsisType = {
|
|
11
|
-
type: 'ellipsis';
|
|
12
|
-
key: number;
|
|
13
|
-
};
|
|
14
|
-
type PaginationItemType = PaginationPage | PaginationEllipsisType;
|
|
2
|
+
import { type PaginationWindowItem } from '../pagination.utils';
|
|
15
3
|
interface PaginationContextType {
|
|
16
4
|
/** The pages of the pagination. */
|
|
17
|
-
pages:
|
|
5
|
+
pages: PaginationWindowItem[];
|
|
18
6
|
/** The current page of the pagination. */
|
|
19
7
|
currentPage: number;
|
|
20
8
|
/** The total number of pages. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/PaginationBase.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginationBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/PaginationBase.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAyB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEvF,UAAU,qBAAqB;IAC7B,mCAAmC;IACnC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,QAAQ,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAoCD,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,YAAY;IACpB,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IACjE,gCAAgC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,CAAC,CAAC;IACjE,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8DD,UAAU,yBAAyB;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,SAAS,EAAE,OAAO,CAAC;IACnB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC,CAAC;IACzE,+CAA+C;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,CAAC,CAAC;IACjE,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgED,UAAU,uBAAuB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;CACrC;AAYD,UAAU,+BAA+B;IACvC,QAAQ,EAAE,CAAC,UAAU,EAAE,qBAAqB,KAAK,SAAS,CAAC;CAC5D;AAWD,eAAO,MAAM,UAAU;gHA9NpB,mBAAmB;;;iFAkIgF,mBAAmB;;;CAmGxH,CAAC"}
|