cozy-ui 113.7.1 → 113.9.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 (43) hide show
  1. package/.nvmrc +1 -1
  2. package/CHANGELOG.md +15 -0
  3. package/assets/icons/ui/number.svg +1 -0
  4. package/jest.config.js +1 -2
  5. package/package.json +2 -8
  6. package/react/AppSections/components/AppsSection.spec.jsx +10 -19
  7. package/react/AppSections/index.spec.jsx +98 -77
  8. package/react/ContactsList/ContactRow.spec.js +28 -53
  9. package/react/DateMonthPicker/index.spec.jsx +17 -45
  10. package/react/Field/index.spec.js +28 -5
  11. package/react/Figure/Figure.spec.jsx +9 -4
  12. package/react/Figure/__snapshots__/Figure.spec.jsx.snap +289 -225
  13. package/react/FileInput/index.jsx +1 -0
  14. package/react/FileInput/index.spec.jsx +16 -38
  15. package/react/Icon/Readme.md +5 -1
  16. package/react/Icons/Number.jsx +16 -0
  17. package/react/Popup/index.spec.jsx +90 -41
  18. package/react/QualificationIconStack/Readme.md +14 -0
  19. package/react/QualificationIconStack/index.jsx +132 -0
  20. package/react/deprecated/ViewStack/example.jsx +1 -1
  21. package/react/hooks/useClientErrors.spec.jsx +16 -24
  22. package/react/providers/I18n/index.spec.jsx +13 -5
  23. package/react/providers/I18n/withLocales.spec.jsx +4 -4
  24. package/transpiled/react/FileInput/index.js +2 -1
  25. package/transpiled/react/Icon/icons-sprite.js +1 -1
  26. package/transpiled/react/Icons/Number.js +15 -0
  27. package/transpiled/react/QualificationIconStack/index.js +132 -0
  28. package/transpiled/react/deprecated/ViewStack/example.js +1 -1
  29. package/react/AppSections/__snapshots__/index.spec.jsx.snap +0 -1843
  30. package/react/AppSections/components/__snapshots__/AppsSection.spec.jsx.snap +0 -41
  31. package/react/ContactsList/__snapshots__/ContactRow.spec.js.snap +0 -69
  32. package/react/FileInput/__snapshots__/index.spec.jsx.snap +0 -86
  33. package/react/Input/__snapshots__/index.spec.jsx.snap +0 -11
  34. package/react/Input/index.spec.jsx +0 -12
  35. package/react/__snapshots__/examples.spec.jsx.snap +0 -3720
  36. package/react/deprecated/ActionMenu/__snapshots__/index.spec.jsx.snap +0 -157
  37. package/react/deprecated/ActionMenu/index.spec.jsx +0 -115
  38. package/react/deprecated/Alerter/__snapshots__/alerter.spec.js.snap +0 -88
  39. package/react/deprecated/Alerter/alerter.spec.js +0 -78
  40. package/react/deprecated/InfosCarrousel/index.spec.jsx +0 -71
  41. package/react/deprecated/Modal/index.spec.jsx +0 -70
  42. package/react/deprecated/ViewStack/index.spec.jsx +0 -64
  43. package/react/examples.spec.jsx +0 -67
package/react/Figure/__snapshots__/Figure.spec.jsx.snap CHANGED
@@ -1,385 +1,449 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
4
- <div
5
- className=""
6
- >
7
- <span
8
- className="Figure__Figure-total___MZ7Xt"
4
+ <div>
5
+ <div
6
+ class=""
9
7
  >
10
- -100,00
11
- </span>
8
+ <span
9
+ class="Figure__Figure-total___MZ7Xt"
10
+ >
11
+ -100,00
12
+ </span>
13
+ </div>
12
14
  </div>
13
15
  `;
14
16
 
15
17
  exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
16
- <div
17
- className="Figure__Figure-content--warning___1Pn6n"
18
- >
19
- <span
20
- className="Figure__Figure-total___MZ7Xt"
18
+ <div>
19
+ <div
20
+ class="Figure__Figure-content--warning___1Pn6n"
21
21
  >
22
- -100,00
23
- </span>
22
+ <span
23
+ class="Figure__Figure-total___MZ7Xt"
24
+ >
25
+ -100,00
26
+ </span>
27
+ </div>
24
28
  </div>
25
29
  `;
26
30
 
27
31
  exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
28
- <div
29
- className="Figure__Figure-content--negative___3ACbA"
30
- >
31
- <span
32
- className="Figure__Figure-total___MZ7Xt"
32
+ <div>
33
+ <div
34
+ class="Figure__Figure-content--negative___3ACbA"
33
35
  >
34
- -100,00
35
- </span>
36
+ <span
37
+ class="Figure__Figure-total___MZ7Xt"
38
+ >
39
+ -100,00
40
+ </span>
41
+ </div>
36
42
  </div>
37
43
  `;
38
44
 
39
45
  exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
40
- <div
41
- className="Figure__Figure-content--warning___1Pn6n"
42
- >
43
- <span
44
- className="Figure__Figure-total___MZ7Xt"
46
+ <div>
47
+ <div
48
+ class="Figure__Figure-content--warning___1Pn6n"
45
49
  >
46
- -100,00
47
- </span>
50
+ <span
51
+ class="Figure__Figure-total___MZ7Xt"
52
+ >
53
+ -100,00
54
+ </span>
55
+ </div>
48
56
  </div>
49
57
  `;
50
58
 
51
59
  exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
52
- <div
53
- className=""
54
- >
55
- <span
56
- className="Figure__Figure-total___MZ7Xt"
60
+ <div>
61
+ <div
62
+ class=""
57
63
  >
58
- -100,00
59
- </span>
64
+ <span
65
+ class="Figure__Figure-total___MZ7Xt"
66
+ >
67
+ -100,00
68
+ </span>
69
+ </div>
60
70
  </div>
61
71
  `;
62
72
 
63
73
  exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
64
- <div
65
- className="Figure__Figure-content--warning___1Pn6n"
66
- >
67
- <span
68
- className="Figure__Figure-total___MZ7Xt"
74
+ <div>
75
+ <div
76
+ class="Figure__Figure-content--warning___1Pn6n"
69
77
  >
70
- -100,00
71
- </span>
78
+ <span
79
+ class="Figure__Figure-total___MZ7Xt"
80
+ >
81
+ -100,00
82
+ </span>
83
+ </div>
72
84
  </div>
73
85
  `;
74
86
 
75
87
  exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
76
- <div
77
- className="Figure__Figure-content--negative___3ACbA"
78
- >
79
- <span
80
- className="Figure__Figure-total___MZ7Xt"
88
+ <div>
89
+ <div
90
+ class="Figure__Figure-content--negative___3ACbA"
81
91
  >
82
- -100,00
83
- </span>
92
+ <span
93
+ class="Figure__Figure-total___MZ7Xt"
94
+ >
95
+ -100,00
96
+ </span>
97
+ </div>
84
98
  </div>
85
99
  `;
86
100
 
87
101
  exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
88
- <div
89
- className="Figure__Figure-content--warning___1Pn6n"
90
- >
91
- <span
92
- className="Figure__Figure-total___MZ7Xt"
102
+ <div>
103
+ <div
104
+ class="Figure__Figure-content--warning___1Pn6n"
93
105
  >
94
- -100,00
95
- </span>
106
+ <span
107
+ class="Figure__Figure-total___MZ7Xt"
108
+ >
109
+ -100,00
110
+ </span>
111
+ </div>
96
112
  </div>
97
113
  `;
98
114
 
99
115
  exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
100
- <div
101
- className=""
102
- >
103
- <span
104
- className="Figure__Figure-total___MZ7Xt"
116
+ <div>
117
+ <div
118
+ class=""
105
119
  >
106
- 4,00
107
- </span>
120
+ <span
121
+ class="Figure__Figure-total___MZ7Xt"
122
+ >
123
+ 4,00
124
+ </span>
125
+ </div>
108
126
  </div>
109
127
  `;
110
128
 
111
129
  exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
112
- <div
113
- className=""
114
- >
115
- <span
116
- className="Figure__Figure-total___MZ7Xt"
130
+ <div>
131
+ <div
132
+ class=""
117
133
  >
118
- 4,00
119
- </span>
134
+ <span
135
+ class="Figure__Figure-total___MZ7Xt"
136
+ >
137
+ 4,00
138
+ </span>
139
+ </div>
120
140
  </div>
121
141
  `;
122
142
 
123
143
  exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
124
- <div
125
- className=""
126
- >
127
- <span
128
- className="Figure__Figure-total___MZ7Xt"
144
+ <div>
145
+ <div
146
+ class=""
129
147
  >
130
- 4,00
131
- </span>
148
+ <span
149
+ class="Figure__Figure-total___MZ7Xt"
150
+ >
151
+ 4,00
152
+ </span>
153
+ </div>
132
154
  </div>
133
155
  `;
134
156
 
135
157
  exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
136
- <div
137
- className=""
138
- >
139
- <span
140
- className="Figure__Figure-total___MZ7Xt"
158
+ <div>
159
+ <div
160
+ class=""
141
161
  >
142
- 4,00
143
- </span>
162
+ <span
163
+ class="Figure__Figure-total___MZ7Xt"
164
+ >
165
+ 4,00
166
+ </span>
167
+ </div>
144
168
  </div>
145
169
  `;
146
170
 
147
171
  exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
148
- <div
149
- className="Figure__Figure-content--positive___1qyd8"
150
- >
151
- <span
152
- className="Figure__Figure-total___MZ7Xt"
172
+ <div>
173
+ <div
174
+ class="Figure__Figure-content--positive___1qyd8"
153
175
  >
154
- 4,00
155
- </span>
176
+ <span
177
+ class="Figure__Figure-total___MZ7Xt"
178
+ >
179
+ 4,00
180
+ </span>
181
+ </div>
156
182
  </div>
157
183
  `;
158
184
 
159
185
  exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
160
- <div
161
- className="Figure__Figure-content--positive___1qyd8"
162
- >
163
- <span
164
- className="Figure__Figure-total___MZ7Xt"
186
+ <div>
187
+ <div
188
+ class="Figure__Figure-content--positive___1qyd8"
165
189
  >
166
- 4,00
167
- </span>
190
+ <span
191
+ class="Figure__Figure-total___MZ7Xt"
192
+ >
193
+ 4,00
194
+ </span>
195
+ </div>
168
196
  </div>
169
197
  `;
170
198
 
171
199
  exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
172
- <div
173
- className="Figure__Figure-content--positive___1qyd8"
174
- >
175
- <span
176
- className="Figure__Figure-total___MZ7Xt"
200
+ <div>
201
+ <div
202
+ class="Figure__Figure-content--positive___1qyd8"
177
203
  >
178
- 4,00
179
- </span>
204
+ <span
205
+ class="Figure__Figure-total___MZ7Xt"
206
+ >
207
+ 4,00
208
+ </span>
209
+ </div>
180
210
  </div>
181
211
  `;
182
212
 
183
213
  exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
184
- <div
185
- className="Figure__Figure-content--positive___1qyd8"
186
- >
187
- <span
188
- className="Figure__Figure-total___MZ7Xt"
214
+ <div>
215
+ <div
216
+ class="Figure__Figure-content--positive___1qyd8"
189
217
  >
190
- 4,00
191
- </span>
218
+ <span
219
+ class="Figure__Figure-total___MZ7Xt"
220
+ >
221
+ 4,00
222
+ </span>
223
+ </div>
192
224
  </div>
193
225
  `;
194
226
 
195
227
  exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
196
- <div
197
- className=""
198
- >
199
- <span
200
- className="Figure__Figure-total___MZ7Xt"
228
+ <div>
229
+ <div
230
+ class=""
201
231
  >
202
- 100,00
203
- </span>
232
+ <span
233
+ class="Figure__Figure-total___MZ7Xt"
234
+ >
235
+ 100,00
236
+ </span>
237
+ </div>
204
238
  </div>
205
239
  `;
206
240
 
207
241
  exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
208
- <div
209
- className=""
210
- >
211
- <span
212
- className="Figure__Figure-total___MZ7Xt"
242
+ <div>
243
+ <div
244
+ class=""
213
245
  >
214
- 100,00
215
- </span>
246
+ <span
247
+ class="Figure__Figure-total___MZ7Xt"
248
+ >
249
+ 100,00
250
+ </span>
251
+ </div>
216
252
  </div>
217
253
  `;
218
254
 
219
255
  exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
220
- <div
221
- className=""
222
- >
223
- <span
224
- className="Figure__Figure-total___MZ7Xt"
256
+ <div>
257
+ <div
258
+ class=""
225
259
  >
226
- 100,00
227
- </span>
260
+ <span
261
+ class="Figure__Figure-total___MZ7Xt"
262
+ >
263
+ 100,00
264
+ </span>
265
+ </div>
228
266
  </div>
229
267
  `;
230
268
 
231
269
  exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
232
- <div
233
- className=""
234
- >
235
- <span
236
- className="Figure__Figure-total___MZ7Xt"
270
+ <div>
271
+ <div
272
+ class=""
237
273
  >
238
- 100,00
239
- </span>
274
+ <span
275
+ class="Figure__Figure-total___MZ7Xt"
276
+ >
277
+ 100,00
278
+ </span>
279
+ </div>
240
280
  </div>
241
281
  `;
242
282
 
243
283
  exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
244
- <div
245
- className="Figure__Figure-content--positive___1qyd8"
246
- >
247
- <span
248
- className="Figure__Figure-total___MZ7Xt"
284
+ <div>
285
+ <div
286
+ class="Figure__Figure-content--positive___1qyd8"
249
287
  >
250
- 100,00
251
- </span>
288
+ <span
289
+ class="Figure__Figure-total___MZ7Xt"
290
+ >
291
+ 100,00
292
+ </span>
293
+ </div>
252
294
  </div>
253
295
  `;
254
296
 
255
297
  exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
256
- <div
257
- className="Figure__Figure-content--positive___1qyd8"
258
- >
259
- <span
260
- className="Figure__Figure-total___MZ7Xt"
298
+ <div>
299
+ <div
300
+ class="Figure__Figure-content--positive___1qyd8"
261
301
  >
262
- 100,00
263
- </span>
302
+ <span
303
+ class="Figure__Figure-total___MZ7Xt"
304
+ >
305
+ 100,00
306
+ </span>
307
+ </div>
264
308
  </div>
265
309
  `;
266
310
 
267
311
  exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
268
- <div
269
- className="Figure__Figure-content--positive___1qyd8"
270
- >
271
- <span
272
- className="Figure__Figure-total___MZ7Xt"
312
+ <div>
313
+ <div
314
+ class="Figure__Figure-content--positive___1qyd8"
273
315
  >
274
- 100,00
275
- </span>
316
+ <span
317
+ class="Figure__Figure-total___MZ7Xt"
318
+ >
319
+ 100,00
320
+ </span>
321
+ </div>
276
322
  </div>
277
323
  `;
278
324
 
279
325
  exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
280
- <div
281
- className="Figure__Figure-content--positive___1qyd8"
282
- >
283
- <span
284
- className="Figure__Figure-total___MZ7Xt"
326
+ <div>
327
+ <div
328
+ class="Figure__Figure-content--positive___1qyd8"
285
329
  >
286
- 100,00
287
- </span>
330
+ <span
331
+ class="Figure__Figure-total___MZ7Xt"
332
+ >
333
+ 100,00
334
+ </span>
335
+ </div>
288
336
  </div>
289
337
  `;
290
338
 
291
339
  exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
292
- <div
293
- className=""
294
- >
295
- <span
296
- className="Figure__Figure-total___MZ7Xt"
340
+ <div>
341
+ <div
342
+ class=""
297
343
  >
298
- 500,00
299
- </span>
344
+ <span
345
+ class="Figure__Figure-total___MZ7Xt"
346
+ >
347
+ 500,00
348
+ </span>
349
+ </div>
300
350
  </div>
301
351
  `;
302
352
 
303
353
  exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
304
- <div
305
- className=""
306
- >
307
- <span
308
- className="Figure__Figure-total___MZ7Xt"
354
+ <div>
355
+ <div
356
+ class=""
309
357
  >
310
- 500,00
311
- </span>
358
+ <span
359
+ class="Figure__Figure-total___MZ7Xt"
360
+ >
361
+ 500,00
362
+ </span>
363
+ </div>
312
364
  </div>
313
365
  `;
314
366
 
315
367
  exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
316
- <div
317
- className=""
318
- >
319
- <span
320
- className="Figure__Figure-total___MZ7Xt"
368
+ <div>
369
+ <div
370
+ class=""
321
371
  >
322
- 500,00
323
- </span>
372
+ <span
373
+ class="Figure__Figure-total___MZ7Xt"
374
+ >
375
+ 500,00
376
+ </span>
377
+ </div>
324
378
  </div>
325
379
  `;
326
380
 
327
381
  exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
328
- <div
329
- className=""
330
- >
331
- <span
332
- className="Figure__Figure-total___MZ7Xt"
382
+ <div>
383
+ <div
384
+ class=""
333
385
  >
334
- 500,00
335
- </span>
386
+ <span
387
+ class="Figure__Figure-total___MZ7Xt"
388
+ >
389
+ 500,00
390
+ </span>
391
+ </div>
336
392
  </div>
337
393
  `;
338
394
 
339
395
  exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
340
- <div
341
- className="Figure__Figure-content--positive___1qyd8"
342
- >
343
- <span
344
- className="Figure__Figure-total___MZ7Xt"
396
+ <div>
397
+ <div
398
+ class="Figure__Figure-content--positive___1qyd8"
345
399
  >
346
- 500,00
347
- </span>
400
+ <span
401
+ class="Figure__Figure-total___MZ7Xt"
402
+ >
403
+ 500,00
404
+ </span>
405
+ </div>
348
406
  </div>
349
407
  `;
350
408
 
351
409
  exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
352
- <div
353
- className="Figure__Figure-content--positive___1qyd8"
354
- >
355
- <span
356
- className="Figure__Figure-total___MZ7Xt"
410
+ <div>
411
+ <div
412
+ class="Figure__Figure-content--positive___1qyd8"
357
413
  >
358
- 500,00
359
- </span>
414
+ <span
415
+ class="Figure__Figure-total___MZ7Xt"
416
+ >
417
+ 500,00
418
+ </span>
419
+ </div>
360
420
  </div>
361
421
  `;
362
422
 
363
423
  exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
364
- <div
365
- className="Figure__Figure-content--positive___1qyd8"
366
- >
367
- <span
368
- className="Figure__Figure-total___MZ7Xt"
424
+ <div>
425
+ <div
426
+ class="Figure__Figure-content--positive___1qyd8"
369
427
  >
370
- 500,00
371
- </span>
428
+ <span
429
+ class="Figure__Figure-total___MZ7Xt"
430
+ >
431
+ 500,00
432
+ </span>
433
+ </div>
372
434
  </div>
373
435
  `;
374
436
 
375
437
  exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
376
- <div
377
- className="Figure__Figure-content--positive___1qyd8"
378
- >
379
- <span
380
- className="Figure__Figure-total___MZ7Xt"
381
- >
382
- 500,00
383
- </span>
438
+ <div>
439
+ <div
440
+ class="Figure__Figure-content--positive___1qyd8"
441
+ >
442
+ <span
443
+ class="Figure__Figure-total___MZ7Xt"
444
+ >
445
+ 500,00
446
+ </span>
447
+ </div>
384
448
  </div>
385
449
  `;
package/react/FileInput/index.jsx CHANGED
@@ -47,6 +47,7 @@ const FileInput = ({
47
47
  onChange(Array.from(e.target.files)[0])
48
48
  }
49
49
  }}
50
+ data-testid="file-input"
50
51
  {...inputProps}
51
52
  />
52
53
  </label>