@coorpacademy/components 11.18.4 → 11.18.6

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 (81) hide show
  1. package/es/molecule/answer/index.js +15 -12
  2. package/es/molecule/answer/index.js.map +1 -1
  3. package/es/molecule/answer/prop-types.d.ts +2 -0
  4. package/es/molecule/answer/prop-types.d.ts.map +1 -1
  5. package/es/molecule/answer/prop-types.js +1 -0
  6. package/es/molecule/answer/prop-types.js.map +1 -1
  7. package/es/molecule/brand-form-group/index.d.ts +1 -567
  8. package/es/molecule/questions/qcm-drag/index.js +1 -2
  9. package/es/molecule/questions/qcm-drag/index.js.map +1 -1
  10. package/es/molecule/setup-slider/index.d.ts +2 -175
  11. package/es/molecule/setup-slider/index.d.ts.map +1 -1
  12. package/es/molecule/setup-slider/index.js +117 -8
  13. package/es/molecule/setup-slider/index.js.map +1 -1
  14. package/es/molecule/setup-slider/style.css +22 -1
  15. package/es/organism/brand-form/index.d.ts +1 -567
  16. package/es/organism/brand-form/index.js +1 -1
  17. package/es/organism/brand-form/index.js.map +1 -1
  18. package/es/organism/review-slide/index.js +1 -0
  19. package/es/organism/review-slide/index.js.map +1 -1
  20. package/es/organism/review-slide/prop-types.d.ts +2 -0
  21. package/es/organism/review-slide/prop-types.d.ts.map +1 -1
  22. package/es/organism/review-stacked-slides/prop-types.d.ts +5 -0
  23. package/es/organism/review-stacked-slides/prop-types.d.ts.map +1 -1
  24. package/es/organism/wizard-contents/index.d.ts +1 -567
  25. package/es/template/app-player/player/slides/index.d.ts +4 -1
  26. package/es/template/app-player/player/slides/index.d.ts.map +1 -1
  27. package/es/template/app-player/player/slides/index.js +5 -2
  28. package/es/template/app-player/player/slides/index.js.map +1 -1
  29. package/es/template/app-review/index.d.ts +5 -0
  30. package/es/template/app-review/index.d.ts.map +1 -1
  31. package/es/template/app-review/player/prop-types.d.ts +5 -0
  32. package/es/template/app-review/player/prop-types.d.ts.map +1 -1
  33. package/es/template/app-review/prop-types.d.ts +5 -0
  34. package/es/template/app-review/prop-types.d.ts.map +1 -1
  35. package/es/template/back-office/brand-update/index.d.ts +1 -567
  36. package/lib/molecule/answer/index.js +15 -12
  37. package/lib/molecule/answer/index.js.map +1 -1
  38. package/lib/molecule/answer/prop-types.d.ts +2 -0
  39. package/lib/molecule/answer/prop-types.d.ts.map +1 -1
  40. package/lib/molecule/answer/prop-types.js +1 -0
  41. package/lib/molecule/answer/prop-types.js.map +1 -1
  42. package/lib/molecule/brand-form-group/index.d.ts +1 -567
  43. package/lib/molecule/questions/qcm-drag/index.js +1 -2
  44. package/lib/molecule/questions/qcm-drag/index.js.map +1 -1
  45. package/lib/molecule/setup-slider/index.d.ts +2 -175
  46. package/lib/molecule/setup-slider/index.d.ts.map +1 -1
  47. package/lib/molecule/setup-slider/index.js +128 -9
  48. package/lib/molecule/setup-slider/index.js.map +1 -1
  49. package/lib/molecule/setup-slider/style.css +22 -1
  50. package/lib/organism/brand-form/index.d.ts +1 -567
  51. package/lib/organism/brand-form/index.js +1 -1
  52. package/lib/organism/brand-form/index.js.map +1 -1
  53. package/lib/organism/review-slide/index.js +1 -0
  54. package/lib/organism/review-slide/index.js.map +1 -1
  55. package/lib/organism/review-slide/prop-types.d.ts +2 -0
  56. package/lib/organism/review-slide/prop-types.d.ts.map +1 -1
  57. package/lib/organism/review-stacked-slides/prop-types.d.ts +5 -0
  58. package/lib/organism/review-stacked-slides/prop-types.d.ts.map +1 -1
  59. package/lib/organism/wizard-contents/index.d.ts +1 -567
  60. package/lib/template/app-player/player/slides/index.d.ts +4 -1
  61. package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
  62. package/lib/template/app-player/player/slides/index.js +5 -2
  63. package/lib/template/app-player/player/slides/index.js.map +1 -1
  64. package/lib/template/app-review/index.d.ts +5 -0
  65. package/lib/template/app-review/index.d.ts.map +1 -1
  66. package/lib/template/app-review/player/prop-types.d.ts +5 -0
  67. package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
  68. package/lib/template/app-review/prop-types.d.ts +5 -0
  69. package/lib/template/app-review/prop-types.d.ts.map +1 -1
  70. package/lib/template/back-office/brand-update/index.d.ts +1 -567
  71. package/package.json +2 -2
  72. package/es/molecule/setup-slide/index.d.ts +0 -167
  73. package/es/molecule/setup-slide/index.d.ts.map +0 -1
  74. package/es/molecule/setup-slide/index.js +0 -107
  75. package/es/molecule/setup-slide/index.js.map +0 -1
  76. package/es/molecule/setup-slide/style.css +0 -19
  77. package/lib/molecule/setup-slide/index.d.ts +0 -167
  78. package/lib/molecule/setup-slide/index.d.ts.map +0 -1
  79. package/lib/molecule/setup-slide/index.js +0 -126
  80. package/lib/molecule/setup-slide/index.js.map +0 -1
  81. package/lib/molecule/setup-slide/style.css +0 -19
@@ -7,573 +7,7 @@ declare namespace BrandFormGroup {
7
7
  const subtitleSize: PropTypes.Requireable<string>;
8
8
  const fieldsLayout: PropTypes.Requireable<string>;
9
9
  const groupLayout: PropTypes.Requireable<string>;
10
- const fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
11
- autoFocus: PropTypes.Requireable<boolean>;
12
- title: PropTypes.Requireable<string>;
13
- placeholder: PropTypes.Requireable<string>;
14
- defaultValue: PropTypes.Requireable<string>;
15
- theme: PropTypes.Requireable<string>;
16
- disabled: PropTypes.Requireable<boolean>;
17
- value: PropTypes.Requireable<string>;
18
- hint: PropTypes.Requireable<string>;
19
- error: PropTypes.Requireable<string>;
20
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
21
- description: PropTypes.Requireable<string>;
22
- modified: PropTypes.Requireable<boolean>;
23
- valid: PropTypes.Requireable<boolean>;
24
- 'aria-label': PropTypes.Requireable<string>;
25
- 'data-name': PropTypes.Requireable<string>;
26
- }> | PropTypes.InferProps<{
27
- type: PropTypes.Requireable<string>;
28
- size: PropTypes.Requireable<string>;
29
- title: PropTypes.Requireable<string>;
30
- placeholder: PropTypes.Requireable<string>;
31
- value: PropTypes.Requireable<string>;
32
- description: PropTypes.Requireable<string>;
33
- required: PropTypes.Requireable<boolean>;
34
- modified: PropTypes.Requireable<boolean>;
35
- error: PropTypes.Requireable<boolean>;
36
- errorMessage: PropTypes.Requireable<string>;
37
- suggestions: PropTypes.Requireable<(PropTypes.InferProps<{
38
- name: PropTypes.Requireable<string>;
39
- value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
40
- }> | null | undefined)[]>;
41
- theme: PropTypes.Requireable<string>;
42
- onInput: PropTypes.Requireable<(...args: any[]) => any>;
43
- onFetch: PropTypes.Requireable<(...args: any[]) => any>;
44
- onClear: PropTypes.Requireable<(...args: any[]) => any>;
45
- onBlur: PropTypes.Requireable<(...args: any[]) => any>;
46
- onSuggestionSelected: PropTypes.Requireable<(...args: any[]) => any>;
47
- }> | PropTypes.InferProps<{
48
- type: PropTypes.Requireable<string>;
49
- title: PropTypes.Validator<string>;
50
- value: PropTypes.Requireable<string>;
51
- description: PropTypes.Requireable<string>;
52
- }> | PropTypes.InferProps<{
53
- type: PropTypes.Requireable<string>;
54
- title: PropTypes.Requireable<string>;
55
- name: PropTypes.Requireable<string>;
56
- id: PropTypes.Requireable<string>;
57
- value: PropTypes.Requireable<boolean>;
58
- disabled: PropTypes.Requireable<boolean>;
59
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
60
- description: PropTypes.Requireable<string>;
61
- 'aria-labelledby': PropTypes.Requireable<string>;
62
- 'aria-label': PropTypes.Requireable<string>;
63
- modified: PropTypes.Requireable<boolean>;
64
- titlePosition: PropTypes.Requireable<string>;
65
- theme: PropTypes.Requireable<string>;
66
- details: PropTypes.Requireable<string>;
67
- 'data-name': PropTypes.Requireable<string>;
68
- requiredSelection: PropTypes.Requireable<boolean>;
69
- }> | PropTypes.InferProps<{
70
- type: PropTypes.Requireable<string>;
71
- title: PropTypes.Requireable<string>;
72
- placeholder: PropTypes.Requireable<string>;
73
- disabled: PropTypes.Requireable<boolean>;
74
- value: PropTypes.Requireable<string>;
75
- error: PropTypes.Requireable<string>;
76
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
77
- description: PropTypes.Requireable<string>;
78
- }> | PropTypes.InferProps<{
79
- type: PropTypes.Requireable<string>;
80
- description?: PropTypes.Requireable<string> | undefined;
81
- toggleValue: PropTypes.Validator<string>;
82
- onClick: PropTypes.Validator<(...args: any[]) => any>;
83
- onOpenConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
84
- onCloseConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
85
- }> | PropTypes.InferProps<{
86
- type: PropTypes.Requireable<string>;
87
- size: PropTypes.Requireable<string>;
88
- title: PropTypes.Requireable<string>;
89
- name: PropTypes.Requireable<string>;
90
- className: PropTypes.Requireable<string>;
91
- borderClassName: PropTypes.Requireable<string>;
92
- disabled: PropTypes.Requireable<boolean>;
93
- multiple: PropTypes.Requireable<boolean>;
94
- description: PropTypes.Requireable<string>;
95
- required: PropTypes.Requireable<boolean>;
96
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
97
- theme: PropTypes.Requireable<string>;
98
- options: PropTypes.Requireable<(PropTypes.InferProps<{
99
- name: PropTypes.Validator<string>;
100
- value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
101
- selected: PropTypes.Requireable<boolean>;
102
- validOption: PropTypes.Requireable<boolean>;
103
- }> | null | undefined)[]>;
104
- optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
105
- label: PropTypes.Validator<string>;
106
- options: PropTypes.Requireable<(PropTypes.InferProps<{
107
- name: PropTypes.Validator<string>;
108
- value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
109
- selected: PropTypes.Requireable<boolean>;
110
- validOption: PropTypes.Requireable<boolean>;
111
- }> | null | undefined)[]>;
112
- }> | null | undefined)[]>;
113
- modified: PropTypes.Requireable<boolean>;
114
- error: PropTypes.Requireable<boolean>;
115
- 'aria-label': PropTypes.Requireable<string>;
116
- 'aria-labelledby': PropTypes.Requireable<string>;
117
- }> | PropTypes.InferProps<{
118
- type: PropTypes.Requireable<string>;
119
- title: PropTypes.Validator<string>;
120
- disabled: PropTypes.Requireable<boolean>;
121
- required: PropTypes.Requireable<boolean>;
122
- checked: PropTypes.Requireable<boolean>;
123
- error: PropTypes.Requireable<boolean>;
124
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
125
- modified: PropTypes.Requireable<boolean>;
126
- noLabelMargins: PropTypes.Requireable<boolean>;
127
- theme: PropTypes.Requireable<string>;
128
- titleStyle: PropTypes.Requireable<string>;
129
- }> | PropTypes.InferProps<{
130
- type: PropTypes.Requireable<string>;
131
- name: PropTypes.Requireable<string>;
132
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
133
- onReset: PropTypes.Requireable<(...args: any[]) => any>;
134
- imageTypes: PropTypes.Requireable<any[]>;
135
- error: PropTypes.Requireable<string>;
136
- buttonAriaLabel: PropTypes.Requireable<string>;
137
- errorButtonLabel: PropTypes.Requireable<string>;
138
- labelLink: PropTypes.Requireable<string>;
139
- hrefLink: PropTypes.Requireable<string>;
140
- title: PropTypes.Requireable<string>;
141
- description: PropTypes.Requireable<string>;
142
- uploadLabel: PropTypes.Requireable<string>;
143
- previewLabel: PropTypes.Requireable<string>;
144
- previewContent: PropTypes.Requireable<PropTypes.InferProps<{
145
- type: PropTypes.Requireable<string>;
146
- src: PropTypes.Requireable<string>;
147
- label: PropTypes.Requireable<string>;
148
- }>>;
149
- loading: PropTypes.Requireable<boolean>;
150
- modified: PropTypes.Requireable<boolean>;
151
- disabled: PropTypes.Requireable<boolean>;
152
- children: PropTypes.Requireable<(...args: any[]) => any>;
153
- pdfButtonLabel: PropTypes.Requireable<string>;
154
- pdfButtonAriaLabel: PropTypes.Requireable<string>;
155
- }> | PropTypes.InferProps<{
156
- type: PropTypes.Requireable<string>;
157
- tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
158
- tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
159
- children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
160
- tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
161
- title: PropTypes.Requireable<string>;
162
- iconType: PropTypes.Requireable<string>;
163
- isOpen: PropTypes.Requireable<boolean>;
164
- }> | null | undefined)[]>;
165
- onClick: PropTypes.Requireable<(...args: any[]) => any>;
166
- theme: PropTypes.Requireable<string>;
167
- }> | null | undefined)[]>;
168
- oneTabOnly: PropTypes.Requireable<boolean>;
169
- theme: PropTypes.Requireable<string>;
170
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
171
- }> | null | undefined)[]>;
172
- slides: PropTypes.Requireable<(PropTypes.InferProps<{
173
- fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
174
- autoFocus: PropTypes.Requireable<boolean>;
175
- title: PropTypes.Requireable<string>;
176
- placeholder: PropTypes.Requireable<string>;
177
- defaultValue: PropTypes.Requireable<string>;
178
- theme: PropTypes.Requireable<string>;
179
- disabled: PropTypes.Requireable<boolean>;
180
- value: PropTypes.Requireable<string>;
181
- hint: PropTypes.Requireable<string>;
182
- error: PropTypes.Requireable<string>;
183
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
184
- description: PropTypes.Requireable<string>;
185
- modified: PropTypes.Requireable<boolean>;
186
- valid: PropTypes.Requireable<boolean>;
187
- 'aria-label': PropTypes.Requireable<string>;
188
- 'data-name': PropTypes.Requireable<string>;
189
- }> | PropTypes.InferProps<{
190
- type: PropTypes.Requireable<string>;
191
- title: PropTypes.Requireable<string>;
192
- name: PropTypes.Requireable<string>;
193
- id: PropTypes.Requireable<string>;
194
- value: PropTypes.Requireable<boolean>;
195
- disabled: PropTypes.Requireable<boolean>;
196
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
197
- description: PropTypes.Requireable<string>;
198
- 'aria-labelledby': PropTypes.Requireable<string>;
199
- 'aria-label': PropTypes.Requireable<string>;
200
- modified: PropTypes.Requireable<boolean>;
201
- titlePosition: PropTypes.Requireable<string>;
202
- theme: PropTypes.Requireable<string>;
203
- details: PropTypes.Requireable<string>;
204
- 'data-name': PropTypes.Requireable<string>;
205
- requiredSelection: PropTypes.Requireable<boolean>;
206
- }> | PropTypes.InferProps<{
207
- type: PropTypes.Requireable<string>;
208
- title: PropTypes.Requireable<string>;
209
- name: PropTypes.Requireable<string>;
210
- className: PropTypes.Requireable<string>;
211
- borderClassName: PropTypes.Requireable<string>;
212
- disabled: PropTypes.Requireable<boolean>;
213
- multiple: PropTypes.Requireable<boolean>;
214
- description: PropTypes.Requireable<string>;
215
- required: PropTypes.Requireable<boolean>;
216
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
217
- theme: PropTypes.Requireable<string>;
218
- options: PropTypes.Requireable<(PropTypes.InferProps<{
219
- name: PropTypes.Validator<string>;
220
- value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
221
- selected: PropTypes.Requireable<boolean>;
222
- validOption: PropTypes.Requireable<boolean>;
223
- }> | null | undefined)[]>;
224
- optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
225
- label: PropTypes.Validator<string>;
226
- options: PropTypes.Requireable<(PropTypes.InferProps<{
227
- name: PropTypes.Validator<string>;
228
- value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
229
- selected: PropTypes.Requireable<boolean>;
230
- validOption: PropTypes.Requireable<boolean>;
231
- }> | null | undefined)[]>;
232
- }> | null | undefined)[]>;
233
- modified: PropTypes.Requireable<boolean>;
234
- error: PropTypes.Requireable<boolean>;
235
- 'aria-label': PropTypes.Requireable<string>;
236
- 'aria-labelledby': PropTypes.Requireable<string>;
237
- }> | PropTypes.InferProps<{
238
- type: PropTypes.Requireable<string>;
239
- title: PropTypes.Validator<string>;
240
- disabled: PropTypes.Requireable<boolean>;
241
- required: PropTypes.Requireable<boolean>;
242
- checked: PropTypes.Requireable<boolean>;
243
- error: PropTypes.Requireable<boolean>;
244
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
245
- modified: PropTypes.Requireable<boolean>;
246
- noLabelMargins: PropTypes.Requireable<boolean>;
247
- theme: PropTypes.Requireable<string>;
248
- titleStyle: PropTypes.Requireable<string>;
249
- }> | PropTypes.InferProps<{
250
- type: PropTypes.Requireable<string>;
251
- name: PropTypes.Requireable<string>;
252
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
253
- onReset: PropTypes.Requireable<(...args: any[]) => any>;
254
- imageTypes: PropTypes.Requireable<any[]>;
255
- error: PropTypes.Requireable<string>;
256
- buttonAriaLabel: PropTypes.Requireable<string>;
257
- errorButtonLabel: PropTypes.Requireable<string>;
258
- labelLink: PropTypes.Requireable<string>;
259
- hrefLink: PropTypes.Requireable<string>;
260
- title: PropTypes.Requireable<string>;
261
- description: PropTypes.Requireable<string>;
262
- uploadLabel: PropTypes.Requireable<string>;
263
- previewLabel: PropTypes.Requireable<string>;
264
- previewContent: PropTypes.Requireable<PropTypes.InferProps<{
265
- type: PropTypes.Requireable<string>;
266
- src: PropTypes.Requireable<string>;
267
- label: PropTypes.Requireable<string>;
268
- }>>;
269
- loading: PropTypes.Requireable<boolean>;
270
- modified: PropTypes.Requireable<boolean>;
271
- disabled: PropTypes.Requireable<boolean>;
272
- children: PropTypes.Requireable<(...args: any[]) => any>;
273
- pdfButtonLabel: PropTypes.Requireable<string>;
274
- pdfButtonAriaLabel: PropTypes.Requireable<string>;
275
- }> | PropTypes.InferProps<{
276
- type: PropTypes.Requireable<string>;
277
- title: PropTypes.Validator<string>;
278
- value: PropTypes.Requireable<string>;
279
- description: PropTypes.Requireable<string>;
280
- }> | PropTypes.InferProps<{
281
- type: PropTypes.Requireable<string>;
282
- description?: PropTypes.Requireable<string> | undefined;
283
- toggleValue: PropTypes.Validator<string>;
284
- onClick: PropTypes.Validator<(...args: any[]) => any>;
285
- onOpenConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
286
- onCloseConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
287
- }> | PropTypes.InferProps<{
288
- type: PropTypes.Requireable<string>;
289
- field: PropTypes.Requireable<PropTypes.InferProps<{
290
- leftSection: PropTypes.Requireable<PropTypes.InferProps<{
291
- title: PropTypes.Validator<string>;
292
- values: PropTypes.Validator<(PropTypes.InferProps<{
293
- title: PropTypes.Validator<string>;
294
- disabled: PropTypes.Requireable<boolean>;
295
- required: PropTypes.Requireable<boolean>;
296
- checked: PropTypes.Requireable<boolean>;
297
- error: PropTypes.Requireable<boolean>;
298
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
299
- modified: PropTypes.Requireable<boolean>;
300
- noLabelMargins: PropTypes.Requireable<boolean>;
301
- theme: PropTypes.Requireable<string>;
302
- titleStyle: PropTypes.Requireable<string>;
303
- }> | null | undefined)[]>;
304
- required: PropTypes.Requireable<boolean>;
305
- }>>;
306
- rightSection: PropTypes.Requireable<PropTypes.InferProps<{
307
- title: PropTypes.Validator<string>;
308
- values: PropTypes.Validator<(PropTypes.InferProps<{
309
- title: PropTypes.Validator<string>;
310
- disabled: PropTypes.Requireable<boolean>;
311
- required: PropTypes.Requireable<boolean>;
312
- checked: PropTypes.Requireable<boolean>;
313
- error: PropTypes.Requireable<boolean>;
314
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
315
- modified: PropTypes.Requireable<boolean>;
316
- noLabelMargins: PropTypes.Requireable<boolean>;
317
- theme: PropTypes.Requireable<string>;
318
- titleStyle: PropTypes.Requireable<string>;
319
- }> | null | undefined)[]>;
320
- required: PropTypes.Requireable<boolean>;
321
- }>>;
322
- }>>;
323
- }> | PropTypes.InferProps<{
324
- type: PropTypes.Requireable<string>;
325
- header: PropTypes.Requireable<string>;
326
- content: PropTypes.Requireable<string>;
327
- }> | null | undefined> | null | undefined)[]>;
328
- }> | null | undefined)[]>;
329
- }> | PropTypes.InferProps<{
330
- type: PropTypes.Requireable<string>;
331
- sections: PropTypes.Requireable<(PropTypes.InferProps<{
332
- title: PropTypes.Validator<string>;
333
- onUp: PropTypes.Requireable<(...args: any[]) => any>;
334
- onDown: PropTypes.Requireable<(...args: any[]) => any>;
335
- display: PropTypes.Requireable<PropTypes.InferProps<{
336
- title: PropTypes.Requireable<string>;
337
- name: PropTypes.Requireable<string>;
338
- id: PropTypes.Requireable<string>;
339
- value: PropTypes.Requireable<boolean>;
340
- disabled: PropTypes.Requireable<boolean>;
341
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
342
- description: PropTypes.Requireable<string>;
343
- 'aria-labelledby': PropTypes.Requireable<string>;
344
- 'aria-label': PropTypes.Requireable<string>;
345
- modified: PropTypes.Requireable<boolean>;
346
- titlePosition: PropTypes.Requireable<string>;
347
- theme: PropTypes.Requireable<string>;
348
- details: PropTypes.Requireable<string>;
349
- 'data-name': PropTypes.Requireable<string>;
350
- requiredSelection: PropTypes.Requireable<boolean>;
351
- }>>;
352
- contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
353
- modified: PropTypes.Requireable<boolean>;
354
- color: PropTypes.Requireable<string>;
355
- theme: PropTypes.Requireable<string>;
356
- className: PropTypes.Requireable<string>;
357
- list: PropTypes.Requireable<(PropTypes.InferProps<{
358
- color: PropTypes.Requireable<string>;
359
- value: PropTypes.Validator<string>;
360
- name: PropTypes.Requireable<string>;
361
- theme: PropTypes.Requireable<string>;
362
- checked: PropTypes.Requireable<boolean>;
363
- label: PropTypes.Requireable<string>;
364
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
365
- }> | null | undefined)[]>;
366
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
367
- }>>;
368
- }> | null | undefined)[]>;
369
- loading: PropTypes.Requireable<boolean>;
370
- onDrop: PropTypes.Requireable<(...args: any[]) => any>;
371
- }> | PropTypes.InferProps<{
372
- type: PropTypes.Requireable<string>;
373
- title: PropTypes.Requireable<string>;
374
- warning: PropTypes.Requireable<string>;
375
- description: PropTypes.Requireable<string>;
376
- href: PropTypes.Requireable<string>;
377
- onClick: PropTypes.Requireable<(...args: any[]) => any>;
378
- submitValue: PropTypes.Requireable<string>;
379
- }> | PropTypes.InferProps<{
380
- type: PropTypes.Requireable<string>;
381
- name: PropTypes.Requireable<string>;
382
- description: PropTypes.Requireable<string>;
383
- browse: PropTypes.Requireable<string>;
384
- status: PropTypes.Requireable<string>;
385
- onLoad: PropTypes.Requireable<(...args: any[]) => any>;
386
- }> | PropTypes.InferProps<{
387
- type: PropTypes.Requireable<string>;
388
- color: any;
389
- submitValue: PropTypes.Requireable<string>;
390
- disabled: PropTypes.Requireable<boolean>;
391
- href: PropTypes.Requireable<string>;
392
- download: PropTypes.Requireable<boolean>;
393
- target: PropTypes.Requireable<string>;
394
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
395
- className: PropTypes.Requireable<string>;
396
- style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
397
- 'data-name': PropTypes.Requireable<string>;
398
- 'aria-label': PropTypes.Requireable<string>;
399
- 'data-testid': PropTypes.Requireable<string>;
400
- useButtonTag: PropTypes.Requireable<boolean>;
401
- onClick: PropTypes.Requireable<(...args: any[]) => any>;
402
- onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
403
- onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
404
- onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
405
- buttonRef: PropTypes.Requireable<PropTypes.InferProps<{}>>;
406
- 'data-for': PropTypes.Requireable<string>;
407
- 'data-tooltip-place': PropTypes.Requireable<string>;
408
- 'data-tip': PropTypes.Requireable<boolean>;
409
- isLinkDisabled: PropTypes.Requireable<boolean>;
410
- useWrapper: PropTypes.Requireable<boolean>;
411
- buttonContentClassName: PropTypes.Requireable<string>;
412
- }> | PropTypes.InferProps<{
413
- buttonType: PropTypes.Requireable<string>;
414
- type: PropTypes.Requireable<string>;
415
- label: PropTypes.Requireable<string>;
416
- 'aria-label': PropTypes.Requireable<string>;
417
- 'data-name': PropTypes.Requireable<string>;
418
- 'data-testid': PropTypes.Requireable<string>;
419
- icon: PropTypes.Requireable<PropTypes.InferProps<{
420
- position: PropTypes.Requireable<string>;
421
- type: PropTypes.Requireable<string>;
422
- }>>;
423
- onClick: PropTypes.Requireable<(...args: any[]) => any>;
424
- link: PropTypes.Requireable<PropTypes.InferProps<{
425
- href: PropTypes.Requireable<string>;
426
- download: PropTypes.Requireable<boolean>;
427
- target: PropTypes.Requireable<string>;
428
- }>>;
429
- disabled: PropTypes.Requireable<boolean>;
430
- className: PropTypes.Requireable<string>;
431
- customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
432
- }> | PropTypes.InferProps<{
433
- type: PropTypes.Requireable<string>;
434
- title: PropTypes.Requireable<string>;
435
- placeholder: PropTypes.Requireable<string>;
436
- description: PropTypes.Requireable<string>;
437
- hint: PropTypes.Requireable<string>;
438
- options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
439
- selected: PropTypes.Validator<boolean>;
440
- name: PropTypes.Validator<string>;
441
- value: PropTypes.Requireable<string>;
442
- }>>[]>;
443
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
444
- onError: PropTypes.Requireable<(...args: any[]) => any>;
445
- multiple: PropTypes.Requireable<boolean>;
446
- modified: PropTypes.Requireable<boolean>;
447
- disabled: PropTypes.Requireable<boolean>;
448
- error: PropTypes.Requireable<string>;
449
- theme: PropTypes.Requireable<string>;
450
- }> | PropTypes.InferProps<{
451
- type: PropTypes.Requireable<string>;
452
- title: PropTypes.Requireable<string>;
453
- fields: PropTypes.Requireable<(PropTypes.InferProps<{
454
- type: PropTypes.Requireable<string>;
455
- title: PropTypes.Validator<string>;
456
- disabled: PropTypes.Requireable<boolean>;
457
- required: PropTypes.Requireable<boolean>;
458
- checked: PropTypes.Requireable<boolean>;
459
- error: PropTypes.Requireable<boolean>;
460
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
461
- modified: PropTypes.Requireable<boolean>;
462
- noLabelMargins: PropTypes.Requireable<boolean>;
463
- theme: PropTypes.Requireable<string>;
464
- titleStyle: PropTypes.Requireable<string>;
465
- }> | null | undefined)[]>;
466
- }> | PropTypes.InferProps<{
467
- type: PropTypes.Requireable<string>;
468
- title: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
469
- title: PropTypes.Requireable<string>;
470
- subtitle: PropTypes.Requireable<string>;
471
- type: PropTypes.Requireable<string>;
472
- 'data-name': PropTypes.Requireable<string>;
473
- titleSize: PropTypes.Requireable<string>;
474
- subtitleSize: PropTypes.Requireable<string>;
475
- }>>>;
476
- field: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
477
- title: PropTypes.Requireable<string>;
478
- placeholder: PropTypes.Requireable<string>;
479
- description: PropTypes.Requireable<string>;
480
- hint: PropTypes.Requireable<string>;
481
- options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
482
- selected: PropTypes.Validator<boolean>;
483
- name: PropTypes.Validator<string>;
484
- value: PropTypes.Requireable<string>;
485
- }>>[]>;
486
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
487
- onError: PropTypes.Requireable<(...args: any[]) => any>;
488
- multiple: PropTypes.Requireable<boolean>;
489
- modified: PropTypes.Requireable<boolean>;
490
- disabled: PropTypes.Requireable<boolean>;
491
- error: PropTypes.Requireable<string>;
492
- theme: PropTypes.Requireable<string>;
493
- }> | PropTypes.InferProps<{
494
- title: PropTypes.Requireable<string>;
495
- placeholder: PropTypes.Requireable<string>;
496
- value: PropTypes.Requireable<string>;
497
- description: PropTypes.Requireable<string>;
498
- required: PropTypes.Requireable<boolean>;
499
- modified: PropTypes.Requireable<boolean>;
500
- error: PropTypes.Requireable<boolean>;
501
- errorMessage: PropTypes.Requireable<string>;
502
- suggestions: PropTypes.Requireable<(PropTypes.InferProps<{
503
- name: PropTypes.Requireable<string>;
504
- value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
505
- }> | null | undefined)[]>;
506
- theme: PropTypes.Requireable<string>;
507
- onInput: PropTypes.Requireable<(...args: any[]) => any>;
508
- onFetch: PropTypes.Requireable<(...args: any[]) => any>;
509
- onClear: PropTypes.Requireable<(...args: any[]) => any>;
510
- onBlur: PropTypes.Requireable<(...args: any[]) => any>;
511
- onSuggestionSelected: PropTypes.Requireable<(...args: any[]) => any>;
512
- }> | PropTypes.InferProps<{
513
- items: PropTypes.Requireable<(PropTypes.InferProps<{
514
- radioWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
515
- title: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
516
- title: PropTypes.Requireable<string>;
517
- subtitle: PropTypes.Requireable<string>;
518
- type: PropTypes.Requireable<string>;
519
- 'data-name': PropTypes.Requireable<string>;
520
- titleSize: PropTypes.Requireable<string>;
521
- subtitleSize: PropTypes.Requireable<string>;
522
- }>>>;
523
- name: PropTypes.Requireable<string>;
524
- checked: PropTypes.Requireable<boolean>;
525
- onChange: PropTypes.Validator<(...args: any[]) => any>;
526
- 'aria-label': PropTypes.Requireable<string>;
527
- 'data-name': PropTypes.Requireable<string>;
528
- }>>;
529
- field: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
530
- name: PropTypes.Requireable<string>;
531
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
532
- onReset: PropTypes.Requireable<(...args: any[]) => any>;
533
- imageTypes: PropTypes.Requireable<any[]>;
534
- error: PropTypes.Requireable<string>;
535
- buttonAriaLabel: PropTypes.Requireable<string>;
536
- errorButtonLabel: PropTypes.Requireable<string>;
537
- labelLink: PropTypes.Requireable<string>;
538
- hrefLink: PropTypes.Requireable<string>;
539
- title: PropTypes.Requireable<string>;
540
- description: PropTypes.Requireable<string>;
541
- uploadLabel: PropTypes.Requireable<string>;
542
- previewLabel: PropTypes.Requireable<string>;
543
- previewContent: PropTypes.Requireable<PropTypes.InferProps<{
544
- type: PropTypes.Requireable<string>;
545
- src: PropTypes.Requireable<string>;
546
- label: PropTypes.Requireable<string>;
547
- }>>;
548
- loading: PropTypes.Requireable<boolean>;
549
- modified: PropTypes.Requireable<boolean>;
550
- disabled: PropTypes.Requireable<boolean>;
551
- children: PropTypes.Requireable<(...args: any[]) => any>;
552
- pdfButtonLabel: PropTypes.Requireable<string>;
553
- pdfButtonAriaLabel: PropTypes.Requireable<string>;
554
- }> | PropTypes.InferProps<{
555
- title: PropTypes.Requireable<string>;
556
- placeholder: PropTypes.Requireable<string>;
557
- description: PropTypes.Requireable<string>;
558
- hint: PropTypes.Requireable<string>;
559
- options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
560
- selected: PropTypes.Validator<boolean>;
561
- name: PropTypes.Validator<string>;
562
- value: PropTypes.Requireable<string>;
563
- }>>[]>;
564
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
565
- onError: PropTypes.Requireable<(...args: any[]) => any>;
566
- multiple: PropTypes.Requireable<boolean>;
567
- modified: PropTypes.Requireable<boolean>;
568
- disabled: PropTypes.Requireable<boolean>;
569
- error: PropTypes.Requireable<string>;
570
- theme: PropTypes.Requireable<string>;
571
- }> | null | undefined>>;
572
- childType: PropTypes.Requireable<string>;
573
- }> | null | undefined)[]>;
574
- }> | null | undefined>>;
575
- childType: PropTypes.Validator<string>;
576
- }> | null | undefined> | null | undefined)[]>;
10
+ const fields: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, never>> & Partial<PropTypes.InferPropsInner<Pick<any, string | number | symbol>>>) | null | undefined)[]>;
577
11
  }
578
12
  }
579
13
  import PropTypes from "prop-types";
@@ -134,8 +134,7 @@ const QcmDrag = ({
134
134
  return /*#__PURE__*/React.createElement("div", {
135
135
  className: style.wrapper,
136
136
  role: "group",
137
- "aria-label": groupAriaLabel,
138
- title: groupAriaLabel
137
+ "aria-label": groupAriaLabel
139
138
  }, /*#__PURE__*/React.createElement(SelectedAnswerSections, {
140
139
  answers: answers,
141
140
  help: help,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","AnswersPropTypes","arrayOf","shape","onClick","func","order","number","selected","bool","title","string","help","EmptyView","emptySpan","propTypes","Choices","answers","answersViews","map","answer","key","checkboxId","invisibleAnswer","unselected","innerHTML","hiddenCheckbox","choices","SelectedAnswerSections","backgroundColor","selectedAnswers","selectedAnswersViews","boxShadow","background","content","selectedAnswerText","__html","length","emptyAnswers","QcmDrag","groupAriaLabel","legacyContext","skin","primarySkinColor","wrapper","contextTypes","childContextTypes"],"sources":["../../../../src/molecule/questions/qcm-drag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, filter, orderBy, getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst AnswersPropTypes = PropTypes.arrayOf(\n PropTypes.shape({\n onClick: PropTypes.func,\n order: PropTypes.number,\n selected: PropTypes.bool,\n title: PropTypes.string,\n help: PropTypes.string\n })\n);\n\nconst EmptyView = ({help}) => <span className={style.emptySpan}>{help}</span>;\n\nEmptyView.propTypes = {\n help: PropTypes.string\n};\n\nconst Choices = ({answers}) => {\n const answersViews = answers.map((answer, key) => {\n const {onClick, title, selected} = answer;\n const checkboxId = `checkbox-drag-${key}`;\n return (\n <div\n className={classnames(selected ? style.invisibleAnswer : style.unselected, style.innerHTML)}\n data-name=\"answer\"\n key={key}\n onClick={onClick}\n >\n <label htmlFor={checkboxId}>\n <input\n id={checkboxId}\n type=\"checkbox\"\n value={title}\n title={title}\n aria-label={title}\n checked={selected}\n onChange={onClick}\n className={style.hiddenCheckbox}\n />\n {title}\n </label>\n </div>\n );\n });\n\n return <div className={style.choices}>{answersViews}</div>;\n};\n\nChoices.propTypes = {\n answers: AnswersPropTypes\n};\n\nconst SelectedAnswerSections = ({answers, help, backgroundColor}) => {\n const selectedAnswers = pipe(filter('selected'), orderBy('order', 'asc'))(answers);\n const selectedAnswersViews = selectedAnswers.map((answer, key) => {\n const {onClick, title} = answer;\n return (\n <div\n data-selected=\"true\"\n onClick={onClick}\n key={key}\n data-name=\"selectedAnswer\"\n className={style.selected}\n style={{\n boxShadow: `0px 4px 16px ${getShadowBoxColorFromPrimary(backgroundColor)}`\n }}\n >\n <div\n data-name=\"answerBackground\"\n style={{\n backgroundColor\n }}\n className={style.background}\n />\n <div className={style.content}>\n <span\n data-name=\"answerContent\"\n className={classnames(style.selectedAnswerText, style.innerHTML)}\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n </div>\n );\n });\n\n if (selectedAnswersViews.length > 0) {\n return <div className={style.selectedAnswers}>{selectedAnswersViews}</div>;\n } else {\n return (\n <div className={style.emptyAnswers}>\n <EmptyView help={help} />\n </div>\n );\n }\n};\n\nSelectedAnswerSections.propTypes = {\n answers: AnswersPropTypes,\n help: EmptyView.propTypes.help,\n backgroundColor: PropTypes.string\n};\n\nconst QcmDrag = ({answers, help, groupAriaLabel}, legacyContext) => {\n const skin = GetSkinFromContext(legacyContext);\n const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n return (\n <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel} title={groupAriaLabel}>\n <SelectedAnswerSections answers={answers} help={help} backgroundColor={primarySkinColor} />\n <div data-name=\"qcm-drag-answers\" className={style.answers}>\n <Choices answers={answers} />\n </div>\n </div>\n );\n};\n\nQcmDrag.propTypes = {\n answers: AnswersPropTypes,\n help: SelectedAnswerSections.propTypes.help,\n groupAriaLabel: PropTypes.string\n};\n\nQcmDrag.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default QcmDrag;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","AnswersPropTypes","arrayOf","shape","onClick","func","order","number","selected","bool","title","string","help","EmptyView","emptySpan","propTypes","Choices","answers","answersViews","map","answer","key","checkboxId","invisibleAnswer","unselected","innerHTML","hiddenCheckbox","choices","SelectedAnswerSections","backgroundColor","selectedAnswers","selectedAnswersViews","boxShadow","background","content","selectedAnswerText","__html","length","emptyAnswers","QcmDrag","groupAriaLabel","legacyContext","skin","primarySkinColor","wrapper","contextTypes","childContextTypes"],"sources":["../../../../src/molecule/questions/qcm-drag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, filter, orderBy, getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst AnswersPropTypes = PropTypes.arrayOf(\n PropTypes.shape({\n onClick: PropTypes.func,\n order: PropTypes.number,\n selected: PropTypes.bool,\n title: PropTypes.string,\n help: PropTypes.string\n })\n);\n\nconst EmptyView = ({help}) => <span className={style.emptySpan}>{help}</span>;\n\nEmptyView.propTypes = {\n help: PropTypes.string\n};\n\nconst Choices = ({answers}) => {\n const answersViews = answers.map((answer, key) => {\n const {onClick, title, selected} = answer;\n const checkboxId = `checkbox-drag-${key}`;\n return (\n <div\n className={classnames(selected ? style.invisibleAnswer : style.unselected, style.innerHTML)}\n data-name=\"answer\"\n key={key}\n onClick={onClick}\n >\n <label htmlFor={checkboxId}>\n <input\n id={checkboxId}\n type=\"checkbox\"\n value={title}\n title={title}\n aria-label={title}\n checked={selected}\n onChange={onClick}\n className={style.hiddenCheckbox}\n />\n {title}\n </label>\n </div>\n );\n });\n\n return <div className={style.choices}>{answersViews}</div>;\n};\n\nChoices.propTypes = {\n answers: AnswersPropTypes\n};\n\nconst SelectedAnswerSections = ({answers, help, backgroundColor}) => {\n const selectedAnswers = pipe(filter('selected'), orderBy('order', 'asc'))(answers);\n const selectedAnswersViews = selectedAnswers.map((answer, key) => {\n const {onClick, title} = answer;\n return (\n <div\n data-selected=\"true\"\n onClick={onClick}\n key={key}\n data-name=\"selectedAnswer\"\n className={style.selected}\n style={{\n boxShadow: `0px 4px 16px ${getShadowBoxColorFromPrimary(backgroundColor)}`\n }}\n >\n <div\n data-name=\"answerBackground\"\n style={{\n backgroundColor\n }}\n className={style.background}\n />\n <div className={style.content}>\n <span\n data-name=\"answerContent\"\n className={classnames(style.selectedAnswerText, style.innerHTML)}\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n </div>\n );\n });\n\n if (selectedAnswersViews.length > 0) {\n return <div className={style.selectedAnswers}>{selectedAnswersViews}</div>;\n } else {\n return (\n <div className={style.emptyAnswers}>\n <EmptyView help={help} />\n </div>\n );\n }\n};\n\nSelectedAnswerSections.propTypes = {\n answers: AnswersPropTypes,\n help: EmptyView.propTypes.help,\n backgroundColor: PropTypes.string\n};\n\nconst QcmDrag = ({answers, help, groupAriaLabel}, legacyContext) => {\n const skin = GetSkinFromContext(legacyContext);\n const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n return (\n <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n <SelectedAnswerSections answers={answers} help={help} backgroundColor={primarySkinColor} />\n <div data-name=\"qcm-drag-answers\" className={style.answers}>\n <Choices answers={answers} />\n </div>\n </div>\n );\n};\n\nQcmDrag.propTypes = {\n answers: AnswersPropTypes,\n help: SelectedAnswerSections.propTypes.help,\n groupAriaLabel: PropTypes.string\n};\n\nQcmDrag.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default QcmDrag;\n"],"mappings":"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"}