@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.
Files changed (97) hide show
  1. package/CHANGELOG.md +145 -0
  2. package/README.md +12 -0
  3. package/dist/{Alert.schema-BQsZGG6P.d.cts → Alert.schema-LPJE5gFP.d.cts} +31 -1
  4. package/dist/{Alert.schema-BQsZGG6P.d.ts → Alert.schema-LPJE5gFP.d.ts} +31 -1
  5. package/dist/MarkdownRenderer.schema-Rx7kIeVA.d.cts +22 -0
  6. package/dist/MarkdownRenderer.schema-Rx7kIeVA.d.ts +22 -0
  7. package/dist/ProgressBar.schema-CdVYx0Wq.d.cts +22 -0
  8. package/dist/ProgressBar.schema-CdVYx0Wq.d.ts +22 -0
  9. package/dist/StatusBadge.schema-1tOjB4Ir.d.cts +22 -0
  10. package/dist/StatusBadge.schema-1tOjB4Ir.d.ts +22 -0
  11. package/dist/artifacts.cjs +126 -2
  12. package/dist/artifacts.cjs.map +1 -1
  13. package/dist/artifacts.d.cts +3 -21
  14. package/dist/artifacts.d.ts +3 -21
  15. package/dist/artifacts.js +126 -2
  16. package/dist/artifacts.js.map +1 -1
  17. package/dist/confirmation.cjs +126 -2
  18. package/dist/confirmation.cjs.map +1 -1
  19. package/dist/confirmation.d.cts +3 -32
  20. package/dist/confirmation.d.ts +3 -32
  21. package/dist/confirmation.js +126 -2
  22. package/dist/confirmation.js.map +1 -1
  23. package/dist/display.cjs +129 -2
  24. package/dist/display.cjs.map +1 -1
  25. package/dist/display.d.cts +132 -2
  26. package/dist/display.d.ts +132 -2
  27. package/dist/display.js +129 -2
  28. package/dist/display.js.map +1 -1
  29. package/dist/forms.cjs +20 -17
  30. package/dist/forms.cjs.map +1 -1
  31. package/dist/forms.js +20 -17
  32. package/dist/forms.js.map +1 -1
  33. package/dist/index.cjs +129 -2
  34. package/dist/index.cjs.map +1 -1
  35. package/dist/index.d.cts +9 -7
  36. package/dist/index.d.ts +9 -7
  37. package/dist/index.js +129 -2
  38. package/dist/index.js.map +1 -1
  39. package/dist/media.cjs +126 -2
  40. package/dist/media.cjs.map +1 -1
  41. package/dist/media.d.cts +3 -21
  42. package/dist/media.d.ts +3 -21
  43. package/dist/media.js +126 -2
  44. package/dist/media.js.map +1 -1
  45. package/dist/preact/artifacts.d.ts +39 -1
  46. package/dist/preact/artifacts.js +234 -0
  47. package/dist/preact/artifacts.js.map +1 -1
  48. package/dist/preact/confirmation.d.ts +31 -1
  49. package/dist/preact/confirmation.js +245 -5
  50. package/dist/preact/confirmation.js.map +1 -1
  51. package/dist/preact/display.d.ts +127 -1
  52. package/dist/preact/display.js +419 -11
  53. package/dist/preact/display.js.map +1 -1
  54. package/dist/preact/forms.js +22 -19
  55. package/dist/preact/forms.js.map +1 -1
  56. package/dist/preact/input.js +2 -2
  57. package/dist/preact/progress.d.ts +35 -1
  58. package/dist/preact/progress.js +263 -0
  59. package/dist/preact/progress.js.map +1 -1
  60. package/dist/progress.cjs +126 -2
  61. package/dist/progress.cjs.map +1 -1
  62. package/dist/progress.d.cts +3 -21
  63. package/dist/progress.d.ts +3 -21
  64. package/dist/progress.js +126 -2
  65. package/dist/progress.js.map +1 -1
  66. package/dist/react/artifacts.cjs +241 -0
  67. package/dist/react/artifacts.cjs.map +1 -1
  68. package/dist/react/artifacts.d.cts +20 -1
  69. package/dist/react/artifacts.d.ts +20 -1
  70. package/dist/react/artifacts.js +234 -0
  71. package/dist/react/artifacts.js.map +1 -1
  72. package/dist/react/confirmation.cjs +248 -2
  73. package/dist/react/confirmation.cjs.map +1 -1
  74. package/dist/react/confirmation.d.cts +3 -3
  75. package/dist/react/confirmation.d.ts +3 -3
  76. package/dist/react/confirmation.js +244 -4
  77. package/dist/react/confirmation.js.map +1 -1
  78. package/dist/react/display.cjs +418 -2
  79. package/dist/react/display.cjs.map +1 -1
  80. package/dist/react/display.d.cts +20 -3
  81. package/dist/react/display.d.ts +20 -3
  82. package/dist/react/display.js +413 -4
  83. package/dist/react/display.js.map +1 -1
  84. package/dist/react/forms.cjs +20 -17
  85. package/dist/react/forms.cjs.map +1 -1
  86. package/dist/react/forms.js +20 -17
  87. package/dist/react/forms.js.map +1 -1
  88. package/dist/react/progress.cjs +266 -0
  89. package/dist/react/progress.cjs.map +1 -1
  90. package/dist/react/progress.d.cts +17 -1
  91. package/dist/react/progress.d.ts +17 -1
  92. package/dist/react/progress.js +263 -0
  93. package/dist/react/progress.js.map +1 -1
  94. package/package.json +15 -13
  95. package/registry.yaml +34 -21
  96. package/dist/Skeleton.schema-BO0ca2UX.d.cts +0 -135
  97. package/dist/Skeleton.schema-BO0ca2UX.d.ts +0 -135
package/dist/index.cjs CHANGED
@@ -15,6 +15,7 @@ var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
15
15
 
16
16
  // src/i18n/strings.ts
17
17
  var EN = {
18
+ // ─── Non-forms components ──────────────────────────────────────────────────
18
19
  "ProgressBar.aria.label": "Progress",
19
20
  "ProgressBar.error.invalidProps": "ProgressBar: invalid props",
20
21
  "ConfirmDialog.button.confirm": "Confirm",
@@ -42,9 +43,71 @@ var EN = {
42
43
  "VirtualList.empty.message": "No items to display",
43
44
  "VirtualList.error.invalidProps": "VirtualList: invalid props",
44
45
  "Skeleton.aria.label": "Loading",
45
- "Skeleton.error.invalidProps": "Skeleton: invalid props"
46
+ "Skeleton.error.invalidProps": "Skeleton: invalid props",
47
+ // ─── Forms — useMosaicForm ─────────────────────────────────────────────────
48
+ "useMosaicForm.error.invalidProps": "useMosaicForm: invalid options",
49
+ // ─── Forms — FormProvider ──────────────────────────────────────────────────
50
+ "FormProvider.error.invalidProps": "FormProvider: invalid props",
51
+ // ─── Forms — FormField ────────────────────────────────────────────────────
52
+ "FormField.error.invalidProps": "FormField: invalid props",
53
+ // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
54
+ "ErrorDisplay.error.required": "This field is required",
55
+ "ErrorDisplay.error.min": "Value is below the minimum",
56
+ "ErrorDisplay.error.max": "Value exceeds the maximum",
57
+ "ErrorDisplay.error.minLength": "Input is too short",
58
+ "ErrorDisplay.error.maxLength": "Input is too long",
59
+ "ErrorDisplay.error.pattern": "Invalid format",
60
+ "ErrorDisplay.error.email": "Enter a valid email address",
61
+ "ErrorDisplay.error.url": "Enter a valid URL",
62
+ "ErrorDisplay.error.generic": "Invalid value",
63
+ // ─── Forms — SubmitButton ─────────────────────────────────────────────────
64
+ "SubmitButton.aria.submit": "Submit form",
65
+ "SubmitButton.state.loading": "Submitting\u2026",
66
+ "SubmitButton.error.invalidProps": "SubmitButton: invalid props",
67
+ // ─── Forms — Input ────────────────────────────────────────────────────────
68
+ "Input.aria.label": "Input field",
69
+ "Input.error.required": "This field is required",
70
+ "Input.error.invalid": "Invalid value",
71
+ "Input.error.tooLong": "Input is too long",
72
+ "Input.error.tooShort": "Input is too short",
73
+ "Input.error.invalidProps": "Input: invalid props",
74
+ // ─── Forms — Textarea ─────────────────────────────────────────────────────
75
+ "Textarea.aria.label": "Text area",
76
+ "Textarea.error.required": "This field is required",
77
+ "Textarea.error.tooLong": "Text is too long",
78
+ "Textarea.counter.remaining": "characters remaining",
79
+ "Textarea.error.invalidProps": "Textarea: invalid props",
80
+ // ─── Forms — FieldArray ───────────────────────────────────────────────────
81
+ "FieldArray.aria.list": "List of items",
82
+ "FieldArray.aria.addItem": "Add item",
83
+ "FieldArray.aria.removeItem": "Remove item",
84
+ "FieldArray.error.invalidProps": "FieldArray: invalid props",
85
+ // ─── Forms — Checkbox ─────────────────────────────────────────────────────
86
+ "Checkbox.aria.label": "Checkbox",
87
+ "Checkbox.error.required": "This field must be checked",
88
+ "Checkbox.error.invalidProps": "Checkbox: invalid props",
89
+ // ─── Forms — MultiSelect ──────────────────────────────────────────────────
90
+ "MultiSelect.aria.label": "Multi-select field",
91
+ "MultiSelect.aria.removeChip": "Remove",
92
+ "MultiSelect.error.required": "Select at least one option",
93
+ "MultiSelect.error.maxItems": "Maximum number of selections reached",
94
+ "MultiSelect.placeholder": "Select options\u2026",
95
+ "MultiSelect.search.placeholder": "Search\u2026",
96
+ "MultiSelect.empty": "No options available",
97
+ "MultiSelect.error.invalidProps": "MultiSelect: invalid props",
98
+ // ─── Forms — RadioGroup ───────────────────────────────────────────────────
99
+ "RadioGroup.aria.label": "Radio group",
100
+ "RadioGroup.error.required": "Select one option",
101
+ "RadioGroup.error.invalidProps": "RadioGroup: invalid props",
102
+ // ─── Forms — Select ───────────────────────────────────────────────────────
103
+ "Select.placeholder": "Select an option\u2026",
104
+ "Select.search.placeholder": "Search\u2026",
105
+ "Select.empty": "No options available",
106
+ "Select.error.required": "Select an option",
107
+ "Select.error.invalidProps": "Select: invalid props"
46
108
  };
47
109
  var FR = {
110
+ // ─── Non-forms components ──────────────────────────────────────────────────
48
111
  "ProgressBar.aria.label": "Progression",
49
112
  "ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
50
113
  "ConfirmDialog.button.confirm": "Confirmer",
@@ -72,7 +135,68 @@ var FR = {
72
135
  "VirtualList.empty.message": "Aucun \xE9l\xE9ment \xE0 afficher",
73
136
  "VirtualList.error.invalidProps": "VirtualList : propri\xE9t\xE9s invalides",
74
137
  "Skeleton.aria.label": "Chargement",
75
- "Skeleton.error.invalidProps": "Skeleton : propri\xE9t\xE9s invalides"
138
+ "Skeleton.error.invalidProps": "Skeleton : propri\xE9t\xE9s invalides",
139
+ // ─── Forms — useMosaicForm ─────────────────────────────────────────────────
140
+ "useMosaicForm.error.invalidProps": "useMosaicForm : options invalides",
141
+ // ─── Forms — FormProvider ──────────────────────────────────────────────────
142
+ "FormProvider.error.invalidProps": "FormProvider : propri\xE9t\xE9s invalides",
143
+ // ─── Forms — FormField ────────────────────────────────────────────────────
144
+ "FormField.error.invalidProps": "FormField : propri\xE9t\xE9s invalides",
145
+ // ─── Forms — ErrorDisplay ─────────────────────────────────────────────────
146
+ "ErrorDisplay.error.required": "Ce champ est obligatoire",
147
+ "ErrorDisplay.error.min": "La valeur est inf\xE9rieure au minimum",
148
+ "ErrorDisplay.error.max": "La valeur d\xE9passe le maximum",
149
+ "ErrorDisplay.error.minLength": "La saisie est trop courte",
150
+ "ErrorDisplay.error.maxLength": "La saisie est trop longue",
151
+ "ErrorDisplay.error.pattern": "Format invalide",
152
+ "ErrorDisplay.error.email": "Saisissez une adresse e-mail valide",
153
+ "ErrorDisplay.error.url": "Saisissez une URL valide",
154
+ "ErrorDisplay.error.generic": "Valeur invalide",
155
+ // ─── Forms — SubmitButton ─────────────────────────────────────────────────
156
+ "SubmitButton.aria.submit": "Soumettre le formulaire",
157
+ "SubmitButton.state.loading": "Envoi en cours\u2026",
158
+ "SubmitButton.error.invalidProps": "SubmitButton : propri\xE9t\xE9s invalides",
159
+ // ─── Forms — Input ────────────────────────────────────────────────────────
160
+ "Input.aria.label": "Champ de saisie",
161
+ "Input.error.required": "Ce champ est obligatoire",
162
+ "Input.error.invalid": "Valeur invalide",
163
+ "Input.error.tooLong": "La saisie est trop longue",
164
+ "Input.error.tooShort": "La saisie est trop courte",
165
+ "Input.error.invalidProps": "Input : propri\xE9t\xE9s invalides",
166
+ // ─── Forms — Textarea ─────────────────────────────────────────────────────
167
+ "Textarea.aria.label": "Zone de texte",
168
+ "Textarea.error.required": "Ce champ est obligatoire",
169
+ "Textarea.error.tooLong": "Le texte est trop long",
170
+ "Textarea.counter.remaining": "caract\xE8res restants",
171
+ "Textarea.error.invalidProps": "Textarea : propri\xE9t\xE9s invalides",
172
+ // ─── Forms — FieldArray ───────────────────────────────────────────────────
173
+ "FieldArray.aria.list": "Liste d'\xE9l\xE9ments",
174
+ "FieldArray.aria.addItem": "Ajouter un \xE9l\xE9ment",
175
+ "FieldArray.aria.removeItem": "Supprimer l'\xE9l\xE9ment",
176
+ "FieldArray.error.invalidProps": "FieldArray : propri\xE9t\xE9s invalides",
177
+ // ─── Forms — Checkbox ─────────────────────────────────────────────────────
178
+ "Checkbox.aria.label": "Case \xE0 cocher",
179
+ "Checkbox.error.required": "Ce champ doit \xEAtre coch\xE9",
180
+ "Checkbox.error.invalidProps": "Checkbox : propri\xE9t\xE9s invalides",
181
+ // ─── Forms — MultiSelect ──────────────────────────────────────────────────
182
+ "MultiSelect.aria.label": "Champ de s\xE9lection multiple",
183
+ "MultiSelect.aria.removeChip": "Retirer",
184
+ "MultiSelect.error.required": "S\xE9lectionnez au moins une option",
185
+ "MultiSelect.error.maxItems": "Nombre maximum de s\xE9lections atteint",
186
+ "MultiSelect.placeholder": "S\xE9lectionner des options\u2026",
187
+ "MultiSelect.search.placeholder": "Rechercher\u2026",
188
+ "MultiSelect.empty": "Aucune option disponible",
189
+ "MultiSelect.error.invalidProps": "MultiSelect : propri\xE9t\xE9s invalides",
190
+ // ─── Forms — RadioGroup ───────────────────────────────────────────────────
191
+ "RadioGroup.aria.label": "Groupe de boutons radio",
192
+ "RadioGroup.error.required": "S\xE9lectionnez une option",
193
+ "RadioGroup.error.invalidProps": "RadioGroup : propri\xE9t\xE9s invalides",
194
+ // ─── Forms — Select ───────────────────────────────────────────────────────
195
+ "Select.placeholder": "S\xE9lectionner une option\u2026",
196
+ "Select.search.placeholder": "Rechercher\u2026",
197
+ "Select.empty": "Aucune option disponible",
198
+ "Select.error.required": "S\xE9lectionnez une option",
199
+ "Select.error.invalidProps": "Select : propri\xE9t\xE9s invalides"
76
200
  };
77
201
  var TABLE = {
78
202
  en: EN,
@@ -440,6 +564,9 @@ function VirtualTable({
440
564
  {
441
565
  "data-virtual": "true",
442
566
  ref: scrollRef,
567
+ tabIndex: 0,
568
+ role: "region",
569
+ "aria-label": ariaLabel,
443
570
  style: { height: 400, overflow: "auto", position: "relative" },
444
571
  children: /* @__PURE__ */ jsxRuntime.jsxs(
445
572
  "table",