@vantageos/mosaic 0.3.0-alpha.1 → 0.3.0
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/CHANGELOG.md +145 -0
- package/README.md +12 -0
- package/dist/{Alert.schema-BQsZGG6P.d.cts → Alert.schema-LPJE5gFP.d.cts} +31 -1
- package/dist/{Alert.schema-BQsZGG6P.d.ts → Alert.schema-LPJE5gFP.d.ts} +31 -1
- package/dist/MarkdownRenderer.schema-Rx7kIeVA.d.cts +22 -0
- package/dist/MarkdownRenderer.schema-Rx7kIeVA.d.ts +22 -0
- package/dist/ProgressBar.schema-CdVYx0Wq.d.cts +22 -0
- package/dist/ProgressBar.schema-CdVYx0Wq.d.ts +22 -0
- package/dist/StatusBadge.schema-1tOjB4Ir.d.cts +22 -0
- package/dist/StatusBadge.schema-1tOjB4Ir.d.ts +22 -0
- package/dist/artifacts.cjs +126 -2
- package/dist/artifacts.cjs.map +1 -1
- package/dist/artifacts.d.cts +3 -21
- package/dist/artifacts.d.ts +3 -21
- package/dist/artifacts.js +126 -2
- package/dist/artifacts.js.map +1 -1
- package/dist/confirmation.cjs +126 -2
- package/dist/confirmation.cjs.map +1 -1
- package/dist/confirmation.d.cts +3 -32
- package/dist/confirmation.d.ts +3 -32
- package/dist/confirmation.js +126 -2
- package/dist/confirmation.js.map +1 -1
- package/dist/display.cjs +129 -2
- package/dist/display.cjs.map +1 -1
- package/dist/display.d.cts +132 -2
- package/dist/display.d.ts +132 -2
- package/dist/display.js +129 -2
- package/dist/display.js.map +1 -1
- package/dist/forms.cjs +20 -17
- package/dist/forms.cjs.map +1 -1
- package/dist/forms.js +20 -17
- package/dist/forms.js.map +1 -1
- package/dist/index.cjs +129 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +9 -7
- package/dist/index.d.ts +9 -7
- package/dist/index.js +129 -2
- package/dist/index.js.map +1 -1
- package/dist/media.cjs +126 -2
- package/dist/media.cjs.map +1 -1
- package/dist/media.d.cts +3 -21
- package/dist/media.d.ts +3 -21
- package/dist/media.js +126 -2
- package/dist/media.js.map +1 -1
- package/dist/preact/artifacts.d.ts +39 -1
- package/dist/preact/artifacts.js +234 -0
- package/dist/preact/artifacts.js.map +1 -1
- package/dist/preact/confirmation.d.ts +31 -1
- package/dist/preact/confirmation.js +245 -5
- package/dist/preact/confirmation.js.map +1 -1
- package/dist/preact/display.d.ts +127 -1
- package/dist/preact/display.js +419 -11
- package/dist/preact/display.js.map +1 -1
- package/dist/preact/forms.js +22 -19
- package/dist/preact/forms.js.map +1 -1
- package/dist/preact/input.js +2 -2
- package/dist/preact/progress.d.ts +35 -1
- package/dist/preact/progress.js +263 -0
- package/dist/preact/progress.js.map +1 -1
- package/dist/progress.cjs +126 -2
- package/dist/progress.cjs.map +1 -1
- package/dist/progress.d.cts +3 -21
- package/dist/progress.d.ts +3 -21
- package/dist/progress.js +126 -2
- package/dist/progress.js.map +1 -1
- package/dist/react/artifacts.cjs +241 -0
- package/dist/react/artifacts.cjs.map +1 -1
- package/dist/react/artifacts.d.cts +20 -1
- package/dist/react/artifacts.d.ts +20 -1
- package/dist/react/artifacts.js +234 -0
- package/dist/react/artifacts.js.map +1 -1
- package/dist/react/confirmation.cjs +248 -2
- package/dist/react/confirmation.cjs.map +1 -1
- package/dist/react/confirmation.d.cts +3 -3
- package/dist/react/confirmation.d.ts +3 -3
- package/dist/react/confirmation.js +244 -4
- package/dist/react/confirmation.js.map +1 -1
- package/dist/react/display.cjs +418 -2
- package/dist/react/display.cjs.map +1 -1
- package/dist/react/display.d.cts +20 -3
- package/dist/react/display.d.ts +20 -3
- package/dist/react/display.js +413 -4
- package/dist/react/display.js.map +1 -1
- package/dist/react/forms.cjs +20 -17
- package/dist/react/forms.cjs.map +1 -1
- package/dist/react/forms.js +20 -17
- package/dist/react/forms.js.map +1 -1
- package/dist/react/progress.cjs +266 -0
- package/dist/react/progress.cjs.map +1 -1
- package/dist/react/progress.d.cts +17 -1
- package/dist/react/progress.d.ts +17 -1
- package/dist/react/progress.js +263 -0
- package/dist/react/progress.js.map +1 -1
- package/package.json +15 -13
- package/registry.yaml +34 -21
- package/dist/Skeleton.schema-BO0ca2UX.d.cts +0 -135
- package/dist/Skeleton.schema-BO0ca2UX.d.ts +0 -135
package/dist/react/progress.js
CHANGED
|
@@ -1,3 +1,266 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
1
3
|
|
|
4
|
+
// src/i18n/strings.ts
|
|
5
|
+
var EN = {
|
|
6
|
+
// ─── Non-forms components ──────────────────────────────────────────────────
|
|
7
|
+
"ProgressBar.aria.label": "Progress",
|
|
8
|
+
"ProgressBar.error.invalidProps": "ProgressBar: invalid props",
|
|
9
|
+
"ConfirmDialog.button.confirm": "Confirm",
|
|
10
|
+
"ConfirmDialog.button.cancel": "Cancel",
|
|
11
|
+
"ConfirmDialog.aria.dialog": "Confirmation dialog",
|
|
12
|
+
"TableView.aria.table": "Data table",
|
|
13
|
+
"TableView.pagination.next": "Next page",
|
|
14
|
+
"TableView.pagination.prev": "Previous page",
|
|
15
|
+
"TableView.empty.message": "No data to display",
|
|
16
|
+
"TableView.error.invalidProps": "TableView: invalid props",
|
|
17
|
+
"MarkdownRenderer.aria.content": "Rendered Markdown content",
|
|
18
|
+
"MarkdownRenderer.error.invalidProps": "MarkdownRenderer: invalid props",
|
|
19
|
+
"MarkdownRenderer.error.tooLong": "Content exceeds maximum length",
|
|
20
|
+
"TokenDisplayOnceModal.button.copy": "Copy token",
|
|
21
|
+
"TokenDisplayOnceModal.button.close": "Close",
|
|
22
|
+
"TokenDisplayOnceModal.warning.once": "This token will only be shown once. Copy it now.",
|
|
23
|
+
"TokenDisplayOnceModal.copied": "Copied",
|
|
24
|
+
"StatusBadge.aria.status": "Status",
|
|
25
|
+
"StatusBadge.error.invalidProps": "StatusBadge: invalid props",
|
|
26
|
+
"EmptyState.error.invalidProps": "EmptyState: invalid props",
|
|
27
|
+
"Toast.aria.close": "Close notification",
|
|
28
|
+
"Toast.error.invalidProps": "Toast: invalid props",
|
|
29
|
+
"Alert.aria.dismiss": "Dismiss alert",
|
|
30
|
+
"Alert.error.invalidProps": "Alert: invalid props",
|
|
31
|
+
"VirtualList.empty.message": "No items to display",
|
|
32
|
+
"VirtualList.error.invalidProps": "VirtualList: invalid props",
|
|
33
|
+
"Skeleton.aria.label": "Loading",
|
|
34
|
+
"Skeleton.error.invalidProps": "Skeleton: invalid props",
|
|
35
|
+
// ─── Forms — useMosaicForm ─────────────────────────────────────────────────
|
|
36
|
+
"useMosaicForm.error.invalidProps": "useMosaicForm: invalid options",
|
|
37
|
+
// ─── Forms — FormProvider ──────────────────────────────────────────────────
|
|
38
|
+
"FormProvider.error.invalidProps": "FormProvider: invalid props",
|
|
39
|
+
// ─── Forms — FormField ────────────────────────────────────────────────────
|
|
40
|
+
"FormField.error.invalidProps": "FormField: invalid props",
|
|
41
|
+
// ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
|
|
42
|
+
"ErrorDisplay.error.required": "This field is required",
|
|
43
|
+
"ErrorDisplay.error.min": "Value is below the minimum",
|
|
44
|
+
"ErrorDisplay.error.max": "Value exceeds the maximum",
|
|
45
|
+
"ErrorDisplay.error.minLength": "Input is too short",
|
|
46
|
+
"ErrorDisplay.error.maxLength": "Input is too long",
|
|
47
|
+
"ErrorDisplay.error.pattern": "Invalid format",
|
|
48
|
+
"ErrorDisplay.error.email": "Enter a valid email address",
|
|
49
|
+
"ErrorDisplay.error.url": "Enter a valid URL",
|
|
50
|
+
"ErrorDisplay.error.generic": "Invalid value",
|
|
51
|
+
// ─── Forms — SubmitButton ─────────────────────────────────────────────────
|
|
52
|
+
"SubmitButton.aria.submit": "Submit form",
|
|
53
|
+
"SubmitButton.state.loading": "Submitting\u2026",
|
|
54
|
+
"SubmitButton.error.invalidProps": "SubmitButton: invalid props",
|
|
55
|
+
// ─── Forms — Input ────────────────────────────────────────────────────────
|
|
56
|
+
"Input.aria.label": "Input field",
|
|
57
|
+
"Input.error.required": "This field is required",
|
|
58
|
+
"Input.error.invalid": "Invalid value",
|
|
59
|
+
"Input.error.tooLong": "Input is too long",
|
|
60
|
+
"Input.error.tooShort": "Input is too short",
|
|
61
|
+
"Input.error.invalidProps": "Input: invalid props",
|
|
62
|
+
// ─── Forms — Textarea ─────────────────────────────────────────────────────
|
|
63
|
+
"Textarea.aria.label": "Text area",
|
|
64
|
+
"Textarea.error.required": "This field is required",
|
|
65
|
+
"Textarea.error.tooLong": "Text is too long",
|
|
66
|
+
"Textarea.counter.remaining": "characters remaining",
|
|
67
|
+
"Textarea.error.invalidProps": "Textarea: invalid props",
|
|
68
|
+
// ─── Forms — FieldArray ───────────────────────────────────────────────────
|
|
69
|
+
"FieldArray.aria.list": "List of items",
|
|
70
|
+
"FieldArray.aria.addItem": "Add item",
|
|
71
|
+
"FieldArray.aria.removeItem": "Remove item",
|
|
72
|
+
"FieldArray.error.invalidProps": "FieldArray: invalid props",
|
|
73
|
+
// ─── Forms — Checkbox ─────────────────────────────────────────────────────
|
|
74
|
+
"Checkbox.aria.label": "Checkbox",
|
|
75
|
+
"Checkbox.error.required": "This field must be checked",
|
|
76
|
+
"Checkbox.error.invalidProps": "Checkbox: invalid props",
|
|
77
|
+
// ─── Forms — MultiSelect ──────────────────────────────────────────────────
|
|
78
|
+
"MultiSelect.aria.label": "Multi-select field",
|
|
79
|
+
"MultiSelect.aria.removeChip": "Remove",
|
|
80
|
+
"MultiSelect.error.required": "Select at least one option",
|
|
81
|
+
"MultiSelect.error.maxItems": "Maximum number of selections reached",
|
|
82
|
+
"MultiSelect.placeholder": "Select options\u2026",
|
|
83
|
+
"MultiSelect.search.placeholder": "Search\u2026",
|
|
84
|
+
"MultiSelect.empty": "No options available",
|
|
85
|
+
"MultiSelect.error.invalidProps": "MultiSelect: invalid props",
|
|
86
|
+
// ─── Forms — RadioGroup ───────────────────────────────────────────────────
|
|
87
|
+
"RadioGroup.aria.label": "Radio group",
|
|
88
|
+
"RadioGroup.error.required": "Select one option",
|
|
89
|
+
"RadioGroup.error.invalidProps": "RadioGroup: invalid props",
|
|
90
|
+
// ─── Forms — Select ───────────────────────────────────────────────────────
|
|
91
|
+
"Select.placeholder": "Select an option\u2026",
|
|
92
|
+
"Select.search.placeholder": "Search\u2026",
|
|
93
|
+
"Select.empty": "No options available",
|
|
94
|
+
"Select.error.required": "Select an option",
|
|
95
|
+
"Select.error.invalidProps": "Select: invalid props"
|
|
96
|
+
};
|
|
97
|
+
var FR = {
|
|
98
|
+
// ─── Non-forms components ──────────────────────────────────────────────────
|
|
99
|
+
"ProgressBar.aria.label": "Progression",
|
|
100
|
+
"ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
|
|
101
|
+
"ConfirmDialog.button.confirm": "Confirmer",
|
|
102
|
+
"ConfirmDialog.button.cancel": "Annuler",
|
|
103
|
+
"ConfirmDialog.aria.dialog": "Bo\xEEte de dialogue de confirmation",
|
|
104
|
+
"TableView.aria.table": "Tableau de donn\xE9es",
|
|
105
|
+
"TableView.pagination.next": "Page suivante",
|
|
106
|
+
"TableView.pagination.prev": "Page pr\xE9c\xE9dente",
|
|
107
|
+
"TableView.empty.message": "Aucune donn\xE9e \xE0 afficher",
|
|
108
|
+
"TableView.error.invalidProps": "TableView : propri\xE9t\xE9s invalides",
|
|
109
|
+
"MarkdownRenderer.aria.content": "Contenu Markdown rendu",
|
|
110
|
+
"MarkdownRenderer.error.invalidProps": "MarkdownRenderer : propri\xE9t\xE9s invalides",
|
|
111
|
+
"MarkdownRenderer.error.tooLong": "Le contenu d\xE9passe la longueur maximale",
|
|
112
|
+
"TokenDisplayOnceModal.button.copy": "Copier le jeton",
|
|
113
|
+
"TokenDisplayOnceModal.button.close": "Fermer",
|
|
114
|
+
"TokenDisplayOnceModal.warning.once": "Ce jeton ne sera affich\xE9 qu'une seule fois. Copiez-le maintenant.",
|
|
115
|
+
"TokenDisplayOnceModal.copied": "Copi\xE9",
|
|
116
|
+
"StatusBadge.aria.status": "Statut",
|
|
117
|
+
"StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides",
|
|
118
|
+
"EmptyState.error.invalidProps": "EmptyState : propri\xE9t\xE9s invalides",
|
|
119
|
+
"Toast.aria.close": "Fermer la notification",
|
|
120
|
+
"Toast.error.invalidProps": "Toast : propri\xE9t\xE9s invalides",
|
|
121
|
+
"Alert.aria.dismiss": "Fermer l'alerte",
|
|
122
|
+
"Alert.error.invalidProps": "Alert : propri\xE9t\xE9s invalides",
|
|
123
|
+
"VirtualList.empty.message": "Aucun \xE9l\xE9ment \xE0 afficher",
|
|
124
|
+
"VirtualList.error.invalidProps": "VirtualList : propri\xE9t\xE9s invalides",
|
|
125
|
+
"Skeleton.aria.label": "Chargement",
|
|
126
|
+
"Skeleton.error.invalidProps": "Skeleton : propri\xE9t\xE9s invalides",
|
|
127
|
+
// ─── Forms — useMosaicForm ─────────────────────────────────────────────────
|
|
128
|
+
"useMosaicForm.error.invalidProps": "useMosaicForm : options invalides",
|
|
129
|
+
// ─── Forms — FormProvider ──────────────────────────────────────────────────
|
|
130
|
+
"FormProvider.error.invalidProps": "FormProvider : propri\xE9t\xE9s invalides",
|
|
131
|
+
// ─── Forms — FormField ────────────────────────────────────────────────────
|
|
132
|
+
"FormField.error.invalidProps": "FormField : propri\xE9t\xE9s invalides",
|
|
133
|
+
// ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
|
|
134
|
+
"ErrorDisplay.error.required": "Ce champ est obligatoire",
|
|
135
|
+
"ErrorDisplay.error.min": "La valeur est inf\xE9rieure au minimum",
|
|
136
|
+
"ErrorDisplay.error.max": "La valeur d\xE9passe le maximum",
|
|
137
|
+
"ErrorDisplay.error.minLength": "La saisie est trop courte",
|
|
138
|
+
"ErrorDisplay.error.maxLength": "La saisie est trop longue",
|
|
139
|
+
"ErrorDisplay.error.pattern": "Format invalide",
|
|
140
|
+
"ErrorDisplay.error.email": "Saisissez une adresse e-mail valide",
|
|
141
|
+
"ErrorDisplay.error.url": "Saisissez une URL valide",
|
|
142
|
+
"ErrorDisplay.error.generic": "Valeur invalide",
|
|
143
|
+
// ─── Forms — SubmitButton ─────────────────────────────────────────────────
|
|
144
|
+
"SubmitButton.aria.submit": "Soumettre le formulaire",
|
|
145
|
+
"SubmitButton.state.loading": "Envoi en cours\u2026",
|
|
146
|
+
"SubmitButton.error.invalidProps": "SubmitButton : propri\xE9t\xE9s invalides",
|
|
147
|
+
// ─── Forms — Input ────────────────────────────────────────────────────────
|
|
148
|
+
"Input.aria.label": "Champ de saisie",
|
|
149
|
+
"Input.error.required": "Ce champ est obligatoire",
|
|
150
|
+
"Input.error.invalid": "Valeur invalide",
|
|
151
|
+
"Input.error.tooLong": "La saisie est trop longue",
|
|
152
|
+
"Input.error.tooShort": "La saisie est trop courte",
|
|
153
|
+
"Input.error.invalidProps": "Input : propri\xE9t\xE9s invalides",
|
|
154
|
+
// ─── Forms — Textarea ─────────────────────────────────────────────────────
|
|
155
|
+
"Textarea.aria.label": "Zone de texte",
|
|
156
|
+
"Textarea.error.required": "Ce champ est obligatoire",
|
|
157
|
+
"Textarea.error.tooLong": "Le texte est trop long",
|
|
158
|
+
"Textarea.counter.remaining": "caract\xE8res restants",
|
|
159
|
+
"Textarea.error.invalidProps": "Textarea : propri\xE9t\xE9s invalides",
|
|
160
|
+
// ─── Forms — FieldArray ───────────────────────────────────────────────────
|
|
161
|
+
"FieldArray.aria.list": "Liste d'\xE9l\xE9ments",
|
|
162
|
+
"FieldArray.aria.addItem": "Ajouter un \xE9l\xE9ment",
|
|
163
|
+
"FieldArray.aria.removeItem": "Supprimer l'\xE9l\xE9ment",
|
|
164
|
+
"FieldArray.error.invalidProps": "FieldArray : propri\xE9t\xE9s invalides",
|
|
165
|
+
// ─── Forms — Checkbox ─────────────────────────────────────────────────────
|
|
166
|
+
"Checkbox.aria.label": "Case \xE0 cocher",
|
|
167
|
+
"Checkbox.error.required": "Ce champ doit \xEAtre coch\xE9",
|
|
168
|
+
"Checkbox.error.invalidProps": "Checkbox : propri\xE9t\xE9s invalides",
|
|
169
|
+
// ─── Forms — MultiSelect ──────────────────────────────────────────────────
|
|
170
|
+
"MultiSelect.aria.label": "Champ de s\xE9lection multiple",
|
|
171
|
+
"MultiSelect.aria.removeChip": "Retirer",
|
|
172
|
+
"MultiSelect.error.required": "S\xE9lectionnez au moins une option",
|
|
173
|
+
"MultiSelect.error.maxItems": "Nombre maximum de s\xE9lections atteint",
|
|
174
|
+
"MultiSelect.placeholder": "S\xE9lectionner des options\u2026",
|
|
175
|
+
"MultiSelect.search.placeholder": "Rechercher\u2026",
|
|
176
|
+
"MultiSelect.empty": "Aucune option disponible",
|
|
177
|
+
"MultiSelect.error.invalidProps": "MultiSelect : propri\xE9t\xE9s invalides",
|
|
178
|
+
// ─── Forms — RadioGroup ───────────────────────────────────────────────────
|
|
179
|
+
"RadioGroup.aria.label": "Groupe de boutons radio",
|
|
180
|
+
"RadioGroup.error.required": "S\xE9lectionnez une option",
|
|
181
|
+
"RadioGroup.error.invalidProps": "RadioGroup : propri\xE9t\xE9s invalides",
|
|
182
|
+
// ─── Forms — Select ───────────────────────────────────────────────────────
|
|
183
|
+
"Select.placeholder": "S\xE9lectionner une option\u2026",
|
|
184
|
+
"Select.search.placeholder": "Rechercher\u2026",
|
|
185
|
+
"Select.empty": "Aucune option disponible",
|
|
186
|
+
"Select.error.required": "S\xE9lectionnez une option",
|
|
187
|
+
"Select.error.invalidProps": "Select : propri\xE9t\xE9s invalides"
|
|
188
|
+
};
|
|
189
|
+
var TABLE = {
|
|
190
|
+
en: EN,
|
|
191
|
+
fr: FR
|
|
192
|
+
};
|
|
193
|
+
function t(key, locale = "en") {
|
|
194
|
+
return TABLE[locale]?.[key] ?? TABLE.en[key];
|
|
195
|
+
}
|
|
196
|
+
var ProgressBarPropsSchema = z.object({
|
|
197
|
+
value: z.number().min(0).max(100),
|
|
198
|
+
label: z.string().min(1),
|
|
199
|
+
locale: z.enum(["en", "fr"]).default("en"),
|
|
200
|
+
colorVariant: z.enum(["default", "warning", "danger"]).default("default")
|
|
201
|
+
});
|
|
202
|
+
function validateProps(raw) {
|
|
203
|
+
return ProgressBarPropsSchema.parse(raw);
|
|
204
|
+
}
|
|
205
|
+
function pickLocale(raw) {
|
|
206
|
+
return raw.locale === "fr" ? "fr" : "en";
|
|
207
|
+
}
|
|
208
|
+
var colorVariantClasses = {
|
|
209
|
+
default: "bg-blue-600",
|
|
210
|
+
warning: "bg-amber-500",
|
|
211
|
+
danger: "bg-red-600"
|
|
212
|
+
};
|
|
213
|
+
var containerVariantClasses = {
|
|
214
|
+
default: "progressbar-default",
|
|
215
|
+
warning: "progressbar-warning",
|
|
216
|
+
danger: "progressbar-danger"
|
|
217
|
+
};
|
|
218
|
+
function ProgressBarInner(props) {
|
|
219
|
+
const { value, label, colorVariant } = props;
|
|
220
|
+
const fillClass = colorVariantClasses[colorVariant];
|
|
221
|
+
const containerClass = containerVariantClasses[colorVariant];
|
|
222
|
+
return /* @__PURE__ */ jsxs(
|
|
223
|
+
"div",
|
|
224
|
+
{
|
|
225
|
+
role: "progressbar",
|
|
226
|
+
"aria-valuenow": value,
|
|
227
|
+
"aria-valuemin": 0,
|
|
228
|
+
"aria-valuemax": 100,
|
|
229
|
+
"aria-label": label,
|
|
230
|
+
tabIndex: 0,
|
|
231
|
+
className: `mosaic-progress ${containerClass}`,
|
|
232
|
+
style: { width: "100%" },
|
|
233
|
+
children: [
|
|
234
|
+
/* @__PURE__ */ jsx(
|
|
235
|
+
"div",
|
|
236
|
+
{
|
|
237
|
+
"data-testid": "progress-fill",
|
|
238
|
+
className: `mosaic-progress-fill ${fillClass}`,
|
|
239
|
+
style: { width: `${value}%` }
|
|
240
|
+
}
|
|
241
|
+
),
|
|
242
|
+
/* @__PURE__ */ jsxs("span", { className: "mosaic-progress-label", children: [
|
|
243
|
+
label,
|
|
244
|
+
": ",
|
|
245
|
+
value,
|
|
246
|
+
"%"
|
|
247
|
+
] })
|
|
248
|
+
]
|
|
249
|
+
}
|
|
250
|
+
);
|
|
251
|
+
}
|
|
252
|
+
function ProgressBar(raw) {
|
|
253
|
+
try {
|
|
254
|
+
const props = validateProps(raw);
|
|
255
|
+
return /* @__PURE__ */ jsx(ProgressBarInner, { ...props });
|
|
256
|
+
} catch {
|
|
257
|
+
return /* @__PURE__ */ jsx("div", { role: "alert", className: "mosaic-progress-error", children: t("ProgressBar.error.invalidProps", pickLocale(raw)) });
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
function ProgressBar2(raw) {
|
|
261
|
+
return /* @__PURE__ */ jsx(ProgressBar, { ...raw });
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
export { ProgressBar2 as ProgressBar, ProgressBarPropsSchema, validateProps };
|
|
2
265
|
//# sourceMappingURL=progress.js.map
|
|
3
266
|
//# sourceMappingURL=progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"progress.js"}
|
|
1
|
+
{"version":3,"sources":["../../src/i18n/strings.ts","../../src/components/progress/ProgressBar.schema.ts","../../src/components/progress/ProgressBar.tsx","../../src/runtimes/react/components/progress/ProgressBar.tsx"],"names":["ProgressBar","jsx"],"mappings":"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","file":"progress.js","sourcesContent":["/**\n * Compile-time mirror of `@vantageos/mosaic-i18n` EN/FR locales for all\n * Mosaic components (v0.3.0). Inlined here so that `<Comp>` renderers can\n * resolve `t(key, locale)` without dragging react-i18next into the component\n * runtime (keeps bundle small and tests provider-free). Drift is gated by\n * `mosaic-registry-drift-check.mjs` which validates the canonical\n * `packages/mosaic-i18n/src/locales/{en,fr}.json` against `registry.yaml`.\n *\n * Mosaic standard §8: production JSX MUST resolve user-facing strings via\n * `t()` — no hardcoded English literals.\n *\n * Forms keys added — v0.3.0-C-PR1 (Axis 5/6 i18n pass).\n * Convention: Forms.<Component>.<context>.<id>\n */\nexport type MosaicLocale = \"en\" | \"fr\";\n\nconst EN = {\n // ─── Non-forms components ──────────────────────────────────────────────────\n \"ProgressBar.aria.label\": \"Progress\",\n \"ProgressBar.error.invalidProps\": \"ProgressBar: invalid props\",\n \"ConfirmDialog.button.confirm\": \"Confirm\",\n \"ConfirmDialog.button.cancel\": \"Cancel\",\n \"ConfirmDialog.aria.dialog\": \"Confirmation dialog\",\n \"TableView.aria.table\": \"Data table\",\n \"TableView.pagination.next\": \"Next page\",\n \"TableView.pagination.prev\": \"Previous page\",\n \"TableView.empty.message\": \"No data to display\",\n \"TableView.error.invalidProps\": \"TableView: invalid props\",\n \"MarkdownRenderer.aria.content\": \"Rendered Markdown content\",\n \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer: invalid props\",\n \"MarkdownRenderer.error.tooLong\": \"Content exceeds maximum length\",\n \"TokenDisplayOnceModal.button.copy\": \"Copy token\",\n \"TokenDisplayOnceModal.button.close\": \"Close\",\n \"TokenDisplayOnceModal.warning.once\": \"This token will only be shown once. Copy it now.\",\n \"TokenDisplayOnceModal.copied\": \"Copied\",\n \"StatusBadge.aria.status\": \"Status\",\n \"StatusBadge.error.invalidProps\": \"StatusBadge: invalid props\",\n \"EmptyState.error.invalidProps\": \"EmptyState: invalid props\",\n \"Toast.aria.close\": \"Close notification\",\n \"Toast.error.invalidProps\": \"Toast: invalid props\",\n \"Alert.aria.dismiss\": \"Dismiss alert\",\n \"Alert.error.invalidProps\": \"Alert: invalid props\",\n \"VirtualList.empty.message\": \"No items to display\",\n \"VirtualList.error.invalidProps\": \"VirtualList: invalid props\",\n \"Skeleton.aria.label\": \"Loading\",\n \"Skeleton.error.invalidProps\": \"Skeleton: invalid props\",\n // ─── Forms — useMosaicForm ─────────────────────────────────────────────────\n \"useMosaicForm.error.invalidProps\": \"useMosaicForm: invalid options\",\n // ─── Forms — FormProvider ──────────────────────────────────────────────────\n \"FormProvider.error.invalidProps\": \"FormProvider: invalid props\",\n // ─── Forms — FormField ────────────────────────────────────────────────────\n \"FormField.error.invalidProps\": \"FormField: invalid props\",\n // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────\n \"ErrorDisplay.error.required\": \"This field is required\",\n \"ErrorDisplay.error.min\": \"Value is below the minimum\",\n \"ErrorDisplay.error.max\": \"Value exceeds the maximum\",\n \"ErrorDisplay.error.minLength\": \"Input is too short\",\n \"ErrorDisplay.error.maxLength\": \"Input is too long\",\n \"ErrorDisplay.error.pattern\": \"Invalid format\",\n \"ErrorDisplay.error.email\": \"Enter a valid email address\",\n \"ErrorDisplay.error.url\": \"Enter a valid URL\",\n \"ErrorDisplay.error.generic\": \"Invalid value\",\n // ─── Forms — SubmitButton ─────────────────────────────────────────────────\n \"SubmitButton.aria.submit\": \"Submit form\",\n \"SubmitButton.state.loading\": \"Submitting…\",\n \"SubmitButton.error.invalidProps\": \"SubmitButton: invalid props\",\n // ─── Forms — Input ────────────────────────────────────────────────────────\n \"Input.aria.label\": \"Input field\",\n \"Input.error.required\": \"This field is required\",\n \"Input.error.invalid\": \"Invalid value\",\n \"Input.error.tooLong\": \"Input is too long\",\n \"Input.error.tooShort\": \"Input is too short\",\n \"Input.error.invalidProps\": \"Input: invalid props\",\n // ─── Forms — Textarea ─────────────────────────────────────────────────────\n \"Textarea.aria.label\": \"Text area\",\n \"Textarea.error.required\": \"This field is required\",\n \"Textarea.error.tooLong\": \"Text is too long\",\n \"Textarea.counter.remaining\": \"characters remaining\",\n \"Textarea.error.invalidProps\": \"Textarea: invalid props\",\n // ─── Forms — FieldArray ───────────────────────────────────────────────────\n \"FieldArray.aria.list\": \"List of items\",\n \"FieldArray.aria.addItem\": \"Add item\",\n \"FieldArray.aria.removeItem\": \"Remove item\",\n \"FieldArray.error.invalidProps\": \"FieldArray: invalid props\",\n // ─── Forms — Checkbox ─────────────────────────────────────────────────────\n \"Checkbox.aria.label\": \"Checkbox\",\n \"Checkbox.error.required\": \"This field must be checked\",\n \"Checkbox.error.invalidProps\": \"Checkbox: invalid props\",\n // ─── Forms — MultiSelect ──────────────────────────────────────────────────\n \"MultiSelect.aria.label\": \"Multi-select field\",\n \"MultiSelect.aria.removeChip\": \"Remove\",\n \"MultiSelect.error.required\": \"Select at least one option\",\n \"MultiSelect.error.maxItems\": \"Maximum number of selections reached\",\n \"MultiSelect.placeholder\": \"Select options…\",\n \"MultiSelect.search.placeholder\": \"Search…\",\n \"MultiSelect.empty\": \"No options available\",\n \"MultiSelect.error.invalidProps\": \"MultiSelect: invalid props\",\n // ─── Forms — RadioGroup ───────────────────────────────────────────────────\n \"RadioGroup.aria.label\": \"Radio group\",\n \"RadioGroup.error.required\": \"Select one option\",\n \"RadioGroup.error.invalidProps\": \"RadioGroup: invalid props\",\n // ─── Forms — Select ───────────────────────────────────────────────────────\n \"Select.placeholder\": \"Select an option…\",\n \"Select.search.placeholder\": \"Search…\",\n \"Select.empty\": \"No options available\",\n \"Select.error.required\": \"Select an option\",\n \"Select.error.invalidProps\": \"Select: invalid props\",\n} as const;\n\nconst FR: Record<keyof typeof EN, string> = {\n // ─── Non-forms components ──────────────────────────────────────────────────\n \"ProgressBar.aria.label\": \"Progression\",\n \"ProgressBar.error.invalidProps\": \"ProgressBar : propriétés invalides\",\n \"ConfirmDialog.button.confirm\": \"Confirmer\",\n \"ConfirmDialog.button.cancel\": \"Annuler\",\n \"ConfirmDialog.aria.dialog\": \"Boîte de dialogue de confirmation\",\n \"TableView.aria.table\": \"Tableau de données\",\n \"TableView.pagination.next\": \"Page suivante\",\n \"TableView.pagination.prev\": \"Page précédente\",\n \"TableView.empty.message\": \"Aucune donnée à afficher\",\n \"TableView.error.invalidProps\": \"TableView : propriétés invalides\",\n \"MarkdownRenderer.aria.content\": \"Contenu Markdown rendu\",\n \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer : propriétés invalides\",\n \"MarkdownRenderer.error.tooLong\": \"Le contenu dépasse la longueur maximale\",\n \"TokenDisplayOnceModal.button.copy\": \"Copier le jeton\",\n \"TokenDisplayOnceModal.button.close\": \"Fermer\",\n \"TokenDisplayOnceModal.warning.once\":\n \"Ce jeton ne sera affiché qu'une seule fois. Copiez-le maintenant.\",\n \"TokenDisplayOnceModal.copied\": \"Copié\",\n \"StatusBadge.aria.status\": \"Statut\",\n \"StatusBadge.error.invalidProps\": \"StatusBadge : propriétés invalides\",\n \"EmptyState.error.invalidProps\": \"EmptyState : propriétés invalides\",\n \"Toast.aria.close\": \"Fermer la notification\",\n \"Toast.error.invalidProps\": \"Toast : propriétés invalides\",\n \"Alert.aria.dismiss\": \"Fermer l'alerte\",\n \"Alert.error.invalidProps\": \"Alert : propriétés invalides\",\n \"VirtualList.empty.message\": \"Aucun élément à afficher\",\n \"VirtualList.error.invalidProps\": \"VirtualList : propriétés invalides\",\n \"Skeleton.aria.label\": \"Chargement\",\n \"Skeleton.error.invalidProps\": \"Skeleton : propriétés invalides\",\n // ─── Forms — useMosaicForm ─────────────────────────────────────────────────\n \"useMosaicForm.error.invalidProps\": \"useMosaicForm : options invalides\",\n // ─── Forms — FormProvider ──────────────────────────────────────────────────\n \"FormProvider.error.invalidProps\": \"FormProvider : propriétés invalides\",\n // ─── Forms — FormField ────────────────────────────────────────────────────\n \"FormField.error.invalidProps\": \"FormField : propriétés invalides\",\n // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────\n \"ErrorDisplay.error.required\": \"Ce champ est obligatoire\",\n \"ErrorDisplay.error.min\": \"La valeur est inférieure au minimum\",\n \"ErrorDisplay.error.max\": \"La valeur dépasse le maximum\",\n \"ErrorDisplay.error.minLength\": \"La saisie est trop courte\",\n \"ErrorDisplay.error.maxLength\": \"La saisie est trop longue\",\n \"ErrorDisplay.error.pattern\": \"Format invalide\",\n \"ErrorDisplay.error.email\": \"Saisissez une adresse e-mail valide\",\n \"ErrorDisplay.error.url\": \"Saisissez une URL valide\",\n \"ErrorDisplay.error.generic\": \"Valeur invalide\",\n // ─── Forms — SubmitButton ─────────────────────────────────────────────────\n \"SubmitButton.aria.submit\": \"Soumettre le formulaire\",\n \"SubmitButton.state.loading\": \"Envoi en cours…\",\n \"SubmitButton.error.invalidProps\": \"SubmitButton : propriétés invalides\",\n // ─── Forms — Input ────────────────────────────────────────────────────────\n \"Input.aria.label\": \"Champ de saisie\",\n \"Input.error.required\": \"Ce champ est obligatoire\",\n \"Input.error.invalid\": \"Valeur invalide\",\n \"Input.error.tooLong\": \"La saisie est trop longue\",\n \"Input.error.tooShort\": \"La saisie est trop courte\",\n \"Input.error.invalidProps\": \"Input : propriétés invalides\",\n // ─── Forms — Textarea ─────────────────────────────────────────────────────\n \"Textarea.aria.label\": \"Zone de texte\",\n \"Textarea.error.required\": \"Ce champ est obligatoire\",\n \"Textarea.error.tooLong\": \"Le texte est trop long\",\n \"Textarea.counter.remaining\": \"caractères restants\",\n \"Textarea.error.invalidProps\": \"Textarea : propriétés invalides\",\n // ─── Forms — FieldArray ───────────────────────────────────────────────────\n \"FieldArray.aria.list\": \"Liste d'éléments\",\n \"FieldArray.aria.addItem\": \"Ajouter un élément\",\n \"FieldArray.aria.removeItem\": \"Supprimer l'élément\",\n \"FieldArray.error.invalidProps\": \"FieldArray : propriétés invalides\",\n // ─── Forms — Checkbox ─────────────────────────────────────────────────────\n \"Checkbox.aria.label\": \"Case à cocher\",\n \"Checkbox.error.required\": \"Ce champ doit être coché\",\n \"Checkbox.error.invalidProps\": \"Checkbox : propriétés invalides\",\n // ─── Forms — MultiSelect ──────────────────────────────────────────────────\n \"MultiSelect.aria.label\": \"Champ de sélection multiple\",\n \"MultiSelect.aria.removeChip\": \"Retirer\",\n \"MultiSelect.error.required\": \"Sélectionnez au moins une option\",\n \"MultiSelect.error.maxItems\": \"Nombre maximum de sélections atteint\",\n \"MultiSelect.placeholder\": \"Sélectionner des options…\",\n \"MultiSelect.search.placeholder\": \"Rechercher…\",\n \"MultiSelect.empty\": \"Aucune option disponible\",\n \"MultiSelect.error.invalidProps\": \"MultiSelect : propriétés invalides\",\n // ─── Forms — RadioGroup ───────────────────────────────────────────────────\n \"RadioGroup.aria.label\": \"Groupe de boutons radio\",\n \"RadioGroup.error.required\": \"Sélectionnez une option\",\n \"RadioGroup.error.invalidProps\": \"RadioGroup : propriétés invalides\",\n // ─── Forms — Select ───────────────────────────────────────────────────────\n \"Select.placeholder\": \"Sélectionner une option…\",\n \"Select.search.placeholder\": \"Rechercher…\",\n \"Select.empty\": \"Aucune option disponible\",\n \"Select.error.required\": \"Sélectionnez une option\",\n \"Select.error.invalidProps\": \"Select : propriétés invalides\",\n};\n\nexport type MosaicI18nKey = keyof typeof EN;\n\nconst TABLE: Record<MosaicLocale, Record<MosaicI18nKey, string>> = {\n en: EN,\n fr: FR,\n};\n\n/** Resolves a Mosaic i18n key for the given locale, falling back to EN. */\nexport function t(key: MosaicI18nKey, locale: MosaicLocale = \"en\"): string {\n return TABLE[locale]?.[key] ?? TABLE.en[key];\n}\n","import { z } from \"zod\";\n\nexport const ProgressBarPropsSchema = z.object({\n value: z.number().min(0).max(100),\n label: z.string().min(1),\n locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n colorVariant: z.enum([\"default\", \"warning\", \"danger\"]).default(\"default\"),\n});\n\nexport type ProgressBarProps = z.infer<typeof ProgressBarPropsSchema>;\n\nexport function validateProps(raw: unknown): ProgressBarProps {\n return ProgressBarPropsSchema.parse(raw);\n}\n","import React from \"react\";\nimport { type MosaicLocale, t } from \"../../i18n/strings.js\";\nimport { type ProgressBarProps, validateProps } from \"./ProgressBar.schema.js\";\n\nfunction pickLocale(raw: Record<string, unknown>): MosaicLocale {\n return raw.locale === \"fr\" ? \"fr\" : \"en\";\n}\n\nconst colorVariantClasses: Record<ProgressBarProps[\"colorVariant\"], string> = {\n default: \"bg-blue-600\",\n warning: \"bg-amber-500\",\n danger: \"bg-red-600\",\n};\n\nconst containerVariantClasses: Record<ProgressBarProps[\"colorVariant\"], string> = {\n default: \"progressbar-default\",\n warning: \"progressbar-warning\",\n danger: \"progressbar-danger\",\n};\n\nfunction ProgressBarInner(props: ProgressBarProps) {\n const { value, label, colorVariant } = props;\n const fillClass = colorVariantClasses[colorVariant];\n const containerClass = containerVariantClasses[colorVariant];\n\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={value}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={label}\n tabIndex={0}\n className={`mosaic-progress ${containerClass}`}\n style={{ width: \"100%\" }}\n >\n <div\n data-testid=\"progress-fill\"\n className={`mosaic-progress-fill ${fillClass}`}\n style={{ width: `${value}%` }}\n />\n <span className=\"mosaic-progress-label\">\n {label}: {value}%\n </span>\n </div>\n );\n}\n\n/**\n * ProgressBar accepts any props object for JSX and MCP postMessage injection alike.\n * Internal Zod validation narrows the type — invalid data renders an accessible error fallback.\n */\nexport function ProgressBar(raw: Record<string, unknown>) {\n try {\n const props = validateProps(raw);\n return <ProgressBarInner {...props} />;\n } catch {\n return (\n <div role=\"alert\" className=\"mosaic-progress-error\">\n {t(\"ProgressBar.error.invalidProps\", pickLocale(raw))}\n </div>\n );\n }\n}\n","// i18nKeys: ProgressBar.aria.label, ProgressBar.error.invalidProps\n\nimport { ProgressBar as BareProgressBar } from \"../../../../components/progress/ProgressBar.js\";\n\n/**\n * ProgressBar — React 19 runtime wrapper.\n *\n * Delegates entirely to the BARE implementation. The BARE component already:\n * - Validates props via Zod (ProgressBarPropsSchema)\n * - Resolves EN/FR i18n strings via t()\n * - Renders role=progressbar with full WCAG-AA aria attributes\n * - Falls back to role=alert on invalid props instead of throwing\n *\n * Import: `import { ProgressBar } from \"@vantageos/mosaic/react/progress\"`\n */\nexport function ProgressBar(raw: Record<string, unknown>) {\n return <BareProgressBar {...raw} />;\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vantageos/mosaic",
|
|
3
|
-
"version": "0.3.0
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Fleet-wide MCP UI design system — 6-category taxonomy, Zod-validated, registry-gated, streaming-ready, cross-runtime (React 19 + Preact 10).",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -134,9 +134,20 @@
|
|
|
134
134
|
"files": [
|
|
135
135
|
"dist",
|
|
136
136
|
"registry.yaml",
|
|
137
|
-
"README.md"
|
|
137
|
+
"README.md",
|
|
138
|
+
"CHANGELOG.md"
|
|
138
139
|
],
|
|
139
140
|
"sideEffects": false,
|
|
141
|
+
"scripts": {
|
|
142
|
+
"prebuild": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
|
|
143
|
+
"build": "NODE_OPTIONS=--max-old-space-size=8192 tsup",
|
|
144
|
+
"dev": "tsup --watch",
|
|
145
|
+
"test": "vitest run",
|
|
146
|
+
"lint": "biome check --error-on-warnings src",
|
|
147
|
+
"size-limit": "size-limit",
|
|
148
|
+
"build-storybook": "storybook build -o storybook-static",
|
|
149
|
+
"prepublishOnly": "pnpm run build && pnpm run test && pnpm run size-limit && node scripts/check-eta-gate.js"
|
|
150
|
+
},
|
|
140
151
|
"peerDependencies": {
|
|
141
152
|
"@hookform/resolvers": "^3.10.0",
|
|
142
153
|
"@mcp-ui/client": "7.1.1",
|
|
@@ -177,10 +188,10 @@
|
|
|
177
188
|
"@lit-labs/react": "1.0.6",
|
|
178
189
|
"@mcp-ui/server": "6.1.0",
|
|
179
190
|
"@tanstack/react-virtual": "3.13.6",
|
|
191
|
+
"@vantageos/mosaic-tokens": "workspace:*",
|
|
180
192
|
"dompurify": "3.2.4",
|
|
181
193
|
"marked": "15.0.7",
|
|
182
|
-
"zod": "3.25.28"
|
|
183
|
-
"@vantageos/mosaic-tokens": "0.2.0"
|
|
194
|
+
"zod": "3.25.28"
|
|
184
195
|
},
|
|
185
196
|
"devDependencies": {
|
|
186
197
|
"@axe-core/playwright": "4.10.1",
|
|
@@ -216,14 +227,5 @@
|
|
|
216
227
|
"vite": "6.3.5",
|
|
217
228
|
"vite-plugin-singlefile": "2.1.0",
|
|
218
229
|
"vitest": "3.2.2"
|
|
219
|
-
},
|
|
220
|
-
"scripts": {
|
|
221
|
-
"prebuild": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
|
|
222
|
-
"build": "tsup",
|
|
223
|
-
"dev": "tsup --watch",
|
|
224
|
-
"test": "vitest run",
|
|
225
|
-
"lint": "biome check --error-on-warnings src",
|
|
226
|
-
"size-limit": "size-limit",
|
|
227
|
-
"build-storybook": "storybook build -o storybook-static"
|
|
228
230
|
}
|
|
229
231
|
}
|
package/registry.yaml
CHANGED
|
@@ -50,35 +50,35 @@ components:
|
|
|
50
50
|
category: forms
|
|
51
51
|
schema: src/components/forms/useMosaicForm.schema.ts
|
|
52
52
|
zodExport: UseMosaicFormOptionsSchema
|
|
53
|
-
i18nKeys: []
|
|
53
|
+
i18nKeys: ["useMosaicForm.error.invalidProps"]
|
|
54
54
|
sizeLimit: "20KB"
|
|
55
55
|
a11yLevel: WCAG-AA
|
|
56
56
|
- name: FormProvider
|
|
57
57
|
category: forms
|
|
58
58
|
schema: src/components/forms/FormProvider.schema.ts
|
|
59
59
|
zodExport: FormProviderPropsSchema
|
|
60
|
-
i18nKeys: []
|
|
60
|
+
i18nKeys: ["FormProvider.error.invalidProps"]
|
|
61
61
|
sizeLimit: "10KB"
|
|
62
62
|
a11yLevel: WCAG-AA
|
|
63
63
|
- name: FormField
|
|
64
64
|
category: forms
|
|
65
65
|
schema: src/components/forms/FormField.schema.ts
|
|
66
66
|
zodExport: FormFieldPropsSchema
|
|
67
|
-
i18nKeys: []
|
|
67
|
+
i18nKeys: ["FormField.error.invalidProps"]
|
|
68
68
|
sizeLimit: "10KB"
|
|
69
69
|
a11yLevel: WCAG-AA
|
|
70
70
|
- name: ErrorDisplay
|
|
71
71
|
category: forms
|
|
72
72
|
schema: src/components/forms/ErrorDisplay.schema.ts
|
|
73
73
|
zodExport: ErrorDisplayPropsSchema
|
|
74
|
-
i18nKeys: []
|
|
74
|
+
i18nKeys: ["ErrorDisplay.error.required", "ErrorDisplay.error.min", "ErrorDisplay.error.max", "ErrorDisplay.error.minLength", "ErrorDisplay.error.maxLength", "ErrorDisplay.error.pattern", "ErrorDisplay.error.email", "ErrorDisplay.error.url", "ErrorDisplay.error.generic"]
|
|
75
75
|
sizeLimit: "5KB"
|
|
76
76
|
a11yLevel: WCAG-AA
|
|
77
77
|
- name: SubmitButton
|
|
78
78
|
category: forms
|
|
79
79
|
schema: src/components/forms/SubmitButton.schema.ts
|
|
80
80
|
zodExport: SubmitButtonPropsSchema
|
|
81
|
-
i18nKeys: []
|
|
81
|
+
i18nKeys: ["SubmitButton.aria.submit", "SubmitButton.state.loading", "SubmitButton.error.invalidProps"]
|
|
82
82
|
sizeLimit: "10KB"
|
|
83
83
|
a11yLevel: WCAG-AA
|
|
84
84
|
runtimes: ["react", "preact"]
|
|
@@ -92,6 +92,20 @@ components:
|
|
|
92
92
|
a11yLevel: WCAG-AA
|
|
93
93
|
runtimes: ["react", "preact"]
|
|
94
94
|
convergence: ["hermes", "chi"]
|
|
95
|
+
- name: EmptyState
|
|
96
|
+
category: display
|
|
97
|
+
schema: src/components/display/EmptyState.schema.ts
|
|
98
|
+
zodExport: EmptyStatePropsSchema
|
|
99
|
+
i18nKeys: ["EmptyState.error.invalidProps"]
|
|
100
|
+
sizeLimit: "15KB"
|
|
101
|
+
a11yLevel: WCAG-AA
|
|
102
|
+
- name: Toast
|
|
103
|
+
category: confirmation
|
|
104
|
+
schema: src/components/confirmation/Toast.schema.ts
|
|
105
|
+
zodExport: ToastPropsSchema
|
|
106
|
+
i18nKeys: ["Toast.aria.close", "Toast.error.invalidProps"]
|
|
107
|
+
sizeLimit: "20KB"
|
|
108
|
+
a11yLevel: WCAG-AA
|
|
95
109
|
- name: Alert
|
|
96
110
|
category: confirmation
|
|
97
111
|
schema: src/components/confirmation/Alert.schema.ts
|
|
@@ -149,49 +163,48 @@ components:
|
|
|
149
163
|
category: forms
|
|
150
164
|
schema: src/components/forms/Input.schema.ts
|
|
151
165
|
zodExport: InputPropsSchema
|
|
166
|
+
i18nKeys: ["Input.aria.label", "Input.error.required", "Input.error.invalid", "Input.error.tooLong", "Input.error.tooShort", "Input.error.invalidProps"]
|
|
167
|
+
sizeLimit: "10KB"
|
|
168
|
+
a11yLevel: WCAG-AA
|
|
152
169
|
- name: FieldArray
|
|
153
170
|
category: forms
|
|
154
171
|
schema: src/components/forms/FieldArray.schema.ts
|
|
155
172
|
zodExport: FieldArrayPropsSchema
|
|
156
|
-
i18nKeys: []
|
|
173
|
+
i18nKeys: ["FieldArray.aria.list", "FieldArray.aria.addItem", "FieldArray.aria.removeItem", "FieldArray.error.invalidProps"]
|
|
174
|
+
sizeLimit: "10KB"
|
|
175
|
+
a11yLevel: WCAG-AA
|
|
157
176
|
- name: Checkbox
|
|
158
177
|
category: forms
|
|
159
178
|
schema: src/components/forms/Checkbox.schema.ts
|
|
160
179
|
zodExport: CheckboxPropsSchema
|
|
161
|
-
i18nKeys: []
|
|
180
|
+
i18nKeys: ["Checkbox.aria.label", "Checkbox.error.required", "Checkbox.error.invalidProps"]
|
|
162
181
|
sizeLimit: "10KB"
|
|
163
182
|
a11yLevel: WCAG-AA
|
|
164
183
|
- name: RadioGroup
|
|
165
184
|
category: forms
|
|
166
185
|
schema: src/components/forms/RadioGroup.schema.ts
|
|
167
186
|
zodExport: RadioGroupPropsSchema
|
|
168
|
-
i18nKeys: ["RadioGroup.error.invalidProps"]
|
|
169
|
-
|
|
187
|
+
i18nKeys: ["RadioGroup.aria.label", "RadioGroup.error.required", "RadioGroup.error.invalidProps"]
|
|
188
|
+
sizeLimit: "15KB"
|
|
189
|
+
a11yLevel: WCAG-AA
|
|
170
190
|
- name: Select
|
|
171
191
|
category: forms
|
|
172
192
|
schema: src/components/forms/Select.schema.ts
|
|
173
193
|
zodExport: SelectPropsSchema
|
|
174
|
-
i18nKeys:
|
|
175
|
-
- Select.placeholder
|
|
176
|
-
- Select.search.placeholder
|
|
177
|
-
- Select.empty
|
|
178
|
-
|
|
194
|
+
i18nKeys: ["Select.placeholder", "Select.search.placeholder", "Select.empty", "Select.error.required", "Select.error.invalidProps"]
|
|
179
195
|
sizeLimit: "15KB"
|
|
180
|
-
|
|
196
|
+
a11yLevel: WCAG-AA
|
|
181
197
|
- name: Textarea
|
|
182
198
|
category: forms
|
|
183
199
|
schema: src/components/forms/Textarea.schema.ts
|
|
184
200
|
zodExport: TextareaPropsSchema
|
|
185
|
-
|
|
186
|
-
category: forms
|
|
187
|
-
schema: src/components/forms/Checkbox.schema.ts
|
|
188
|
-
zodExport: CheckboxPropsSchema
|
|
189
|
-
i18nKeys: []
|
|
201
|
+
i18nKeys: ["Textarea.aria.label", "Textarea.error.required", "Textarea.error.tooLong", "Textarea.counter.remaining", "Textarea.error.invalidProps"]
|
|
190
202
|
sizeLimit: "10KB"
|
|
203
|
+
a11yLevel: WCAG-AA
|
|
191
204
|
- name: MultiSelect
|
|
192
205
|
category: forms
|
|
193
206
|
schema: src/components/forms/MultiSelect.schema.ts
|
|
194
207
|
zodExport: MultiSelectPropsSchema
|
|
195
|
-
i18nKeys: []
|
|
208
|
+
i18nKeys: ["MultiSelect.aria.label", "MultiSelect.aria.removeChip", "MultiSelect.error.required", "MultiSelect.error.maxItems", "MultiSelect.placeholder", "MultiSelect.search.placeholder", "MultiSelect.empty", "MultiSelect.error.invalidProps"]
|
|
196
209
|
sizeLimit: "20KB"
|
|
197
210
|
a11yLevel: WCAG-AA
|