@coorpacademy/components 11.33.8-alpha.1 → 11.33.8
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/es/atom/radio-with-title/index.d.ts +37 -0
- package/es/atom/radio-with-title/index.d.ts.map +1 -1
- package/es/atom/radio-with-title/types.d.ts +37 -0
- package/es/atom/radio-with-title/types.d.ts.map +1 -1
- package/es/atom/title/index.d.ts +37 -0
- package/es/atom/title/index.d.ts.map +1 -1
- package/es/atom/title/index.js +10 -4
- package/es/atom/title/index.js.map +1 -1
- package/es/atom/title/style.css +9 -1
- package/es/molecule/bullet-point-menu-button/style.css +1 -0
- package/es/molecule/cm-popin/types.d.ts +51 -1
- package/es/molecule/cm-popin/types.d.ts.map +1 -1
- package/es/molecule/draggable-list/index.d.ts +4 -1
- package/es/molecule/title-and-checkbox-wrapper/index.d.ts +37 -0
- package/es/molecule/title-radio-wrapper/index.d.ts +37 -0
- package/es/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/es/molecule/title-radio-wrapper/types.d.ts +37 -0
- package/es/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/es/organism/brand-learning-priorities/index.d.ts +4 -1
- package/es/organism/list-item/index.d.ts +4 -1
- package/es/organism/list-item/index.js +7 -4
- package/es/organism/list-item/index.js.map +1 -1
- package/es/organism/list-item/style.css +4 -6
- package/es/organism/list-items/index.d.ts +16 -2
- package/es/organism/list-items/index.d.ts.map +1 -1
- package/es/organism/list-items/index.js +12 -6
- package/es/organism/list-items/index.js.map +1 -1
- package/es/organism/list-items/style.css +8 -2
- package/es/organism/rewards-form/index.d.ts +37 -0
- package/es/organism/select-opponents/index.d.ts +37 -0
- package/es/organism/select-opponents/index.d.ts.map +1 -1
- package/es/organism/select-opponents/types.d.ts +37 -0
- package/es/organism/select-opponents/types.d.ts.map +1 -1
- package/es/organism/title-and-input/index.d.ts +74 -0
- package/es/organism/title-and-input/index.d.ts.map +1 -1
- package/es/organism/title-and-input/types.d.ts +74 -0
- package/es/organism/title-and-input/types.d.ts.map +1 -1
- package/es/organism/wizard-contents/index.d.ts +37 -0
- package/es/template/app-player/loading/index.d.ts +51 -1
- package/es/template/app-player/player/index.d.ts +102 -2
- package/es/template/app-player/player/slides/index.d.ts +51 -1
- package/es/template/app-player/player/slides/index.d.ts.map +1 -1
- package/es/template/app-player/popin-correction/index.d.ts +51 -1
- package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/es/template/app-player/popin-end/index.d.ts +51 -1
- package/es/template/app-review/index.d.ts +51 -1
- package/es/template/app-review/index.d.ts.map +1 -1
- package/es/template/app-review/player/prop-types.d.ts +51 -1
- package/es/template/app-review/player/prop-types.d.ts.map +1 -1
- package/es/template/app-review/prop-types.d.ts +51 -1
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +124 -3
- package/es/template/back-office/brand-update/index.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.js +13 -3
- package/es/template/back-office/brand-update/index.js.map +1 -1
- package/es/template/back-office/brand-update/style.css +4 -0
- package/es/template/common/dashboard/index.d.ts +102 -2
- package/es/template/common/search-page/index.d.ts +51 -1
- package/es/template/external-course/index.d.ts +51 -1
- package/lib/atom/radio-with-title/index.d.ts +37 -0
- package/lib/atom/radio-with-title/index.d.ts.map +1 -1
- package/lib/atom/radio-with-title/types.d.ts +37 -0
- package/lib/atom/radio-with-title/types.d.ts.map +1 -1
- package/lib/atom/title/index.d.ts +37 -0
- package/lib/atom/title/index.d.ts.map +1 -1
- package/lib/atom/title/index.js +10 -4
- package/lib/atom/title/index.js.map +1 -1
- package/lib/atom/title/style.css +9 -1
- package/lib/molecule/bullet-point-menu-button/style.css +1 -0
- package/lib/molecule/cm-popin/types.d.ts +51 -1
- package/lib/molecule/cm-popin/types.d.ts.map +1 -1
- package/lib/molecule/draggable-list/index.d.ts +4 -1
- package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +37 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts +37 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/lib/molecule/title-radio-wrapper/types.d.ts +37 -0
- package/lib/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/lib/organism/brand-learning-priorities/index.d.ts +4 -1
- package/lib/organism/list-item/index.d.ts +4 -1
- package/lib/organism/list-item/index.js +7 -4
- package/lib/organism/list-item/index.js.map +1 -1
- package/lib/organism/list-item/style.css +4 -6
- package/lib/organism/list-items/index.d.ts +16 -2
- package/lib/organism/list-items/index.d.ts.map +1 -1
- package/lib/organism/list-items/index.js +12 -6
- package/lib/organism/list-items/index.js.map +1 -1
- package/lib/organism/list-items/style.css +8 -2
- package/lib/organism/rewards-form/index.d.ts +37 -0
- package/lib/organism/select-opponents/index.d.ts +37 -0
- package/lib/organism/select-opponents/index.d.ts.map +1 -1
- package/lib/organism/select-opponents/types.d.ts +37 -0
- package/lib/organism/select-opponents/types.d.ts.map +1 -1
- package/lib/organism/title-and-input/index.d.ts +74 -0
- package/lib/organism/title-and-input/index.d.ts.map +1 -1
- package/lib/organism/title-and-input/types.d.ts +74 -0
- package/lib/organism/title-and-input/types.d.ts.map +1 -1
- package/lib/organism/wizard-contents/index.d.ts +37 -0
- package/lib/template/app-player/loading/index.d.ts +51 -1
- package/lib/template/app-player/player/index.d.ts +102 -2
- package/lib/template/app-player/player/slides/index.d.ts +51 -1
- package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-correction/index.d.ts +51 -1
- package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-end/index.d.ts +51 -1
- package/lib/template/app-review/index.d.ts +51 -1
- package/lib/template/app-review/index.d.ts.map +1 -1
- package/lib/template/app-review/player/prop-types.d.ts +51 -1
- package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +51 -1
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +124 -3
- package/lib/template/back-office/brand-update/index.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.js +13 -3
- package/lib/template/back-office/brand-update/index.js.map +1 -1
- package/lib/template/back-office/brand-update/style.css +4 -0
- package/lib/template/common/dashboard/index.d.ts +102 -2
- package/lib/template/common/search-page/index.d.ts +51 -1
- package/lib/template/external-course/index.d.ts +51 -1
- package/package.json +2 -2
|
@@ -29,6 +29,43 @@ declare namespace Dashboard {
|
|
|
29
29
|
}>;
|
|
30
30
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
31
31
|
}>>;
|
|
32
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
33
|
+
type: PropTypes.Requireable<string>;
|
|
34
|
+
usage: PropTypes.Requireable<string>;
|
|
35
|
+
label: PropTypes.Requireable<string>;
|
|
36
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
37
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
38
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
39
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
40
|
+
'data-name': PropTypes.Requireable<string>;
|
|
41
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
42
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
43
|
+
position: PropTypes.Validator<string>;
|
|
44
|
+
type: PropTypes.Requireable<string>;
|
|
45
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
46
|
+
name: PropTypes.Validator<string>;
|
|
47
|
+
color: PropTypes.Requireable<string>;
|
|
48
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
49
|
+
size: PropTypes.Requireable<number>;
|
|
50
|
+
customStyle: PropTypes.Requireable<{
|
|
51
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
52
|
+
}>;
|
|
53
|
+
}>>;
|
|
54
|
+
}>>;
|
|
55
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
56
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
57
|
+
href: PropTypes.Requireable<string>;
|
|
58
|
+
download: PropTypes.Requireable<boolean>;
|
|
59
|
+
target: PropTypes.Requireable<string>;
|
|
60
|
+
}>>;
|
|
61
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
62
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
63
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
64
|
+
className: PropTypes.Requireable<string>;
|
|
65
|
+
customStyle: PropTypes.Requireable<{
|
|
66
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
67
|
+
}>;
|
|
68
|
+
}>>;
|
|
32
69
|
}>>;
|
|
33
70
|
headerIcon: PropTypes.Requireable<string>;
|
|
34
71
|
backgroundImage: PropTypes.Requireable<string>;
|
|
@@ -160,7 +197,10 @@ declare namespace Dashboard {
|
|
|
160
197
|
items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
161
198
|
title: PropTypes.Validator<string>;
|
|
162
199
|
subtitle: PropTypes.Requireable<string>;
|
|
163
|
-
provider: PropTypes.Requireable<
|
|
200
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
201
|
+
label: PropTypes.Requireable<string>;
|
|
202
|
+
type: PropTypes.Requireable<string>;
|
|
203
|
+
}>>;
|
|
164
204
|
selected: PropTypes.Requireable<boolean>;
|
|
165
205
|
selectedColor: PropTypes.Requireable<string>;
|
|
166
206
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -357,6 +397,16 @@ declare namespace Dashboard {
|
|
|
357
397
|
}> | null | undefined>>;
|
|
358
398
|
title: PropTypes.Requireable<string>;
|
|
359
399
|
isFetching: PropTypes.Requireable<boolean>;
|
|
400
|
+
search: PropTypes.Requireable<PropTypes.InferProps<{
|
|
401
|
+
value: PropTypes.Requireable<string>;
|
|
402
|
+
placeholder: PropTypes.Validator<string>;
|
|
403
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
404
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
405
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
406
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
407
|
+
theme: PropTypes.Requireable<string>;
|
|
408
|
+
dataTestId: PropTypes.Requireable<string>;
|
|
409
|
+
}>>;
|
|
360
410
|
}> | null | undefined>>;
|
|
361
411
|
}>>;
|
|
362
412
|
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -403,6 +453,43 @@ declare namespace Dashboard {
|
|
|
403
453
|
}>;
|
|
404
454
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
405
455
|
}>>;
|
|
456
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
457
|
+
type: PropTypes.Requireable<string>;
|
|
458
|
+
usage: PropTypes.Requireable<string>;
|
|
459
|
+
label: PropTypes.Requireable<string>;
|
|
460
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
461
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
462
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
463
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
464
|
+
'data-name': PropTypes.Requireable<string>;
|
|
465
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
466
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
467
|
+
position: PropTypes.Validator<string>;
|
|
468
|
+
type: PropTypes.Requireable<string>;
|
|
469
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
470
|
+
name: PropTypes.Validator<string>;
|
|
471
|
+
color: PropTypes.Requireable<string>;
|
|
472
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
473
|
+
size: PropTypes.Requireable<number>;
|
|
474
|
+
customStyle: PropTypes.Requireable<{
|
|
475
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
476
|
+
}>;
|
|
477
|
+
}>>;
|
|
478
|
+
}>>;
|
|
479
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
480
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
481
|
+
href: PropTypes.Requireable<string>;
|
|
482
|
+
download: PropTypes.Requireable<boolean>;
|
|
483
|
+
target: PropTypes.Requireable<string>;
|
|
484
|
+
}>>;
|
|
485
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
486
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
487
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
488
|
+
className: PropTypes.Requireable<string>;
|
|
489
|
+
customStyle: PropTypes.Requireable<{
|
|
490
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
491
|
+
}>;
|
|
492
|
+
}>>;
|
|
406
493
|
}>>;
|
|
407
494
|
headerIcon: PropTypes.Requireable<string>;
|
|
408
495
|
backgroundImage: PropTypes.Requireable<string>;
|
|
@@ -534,7 +621,10 @@ declare namespace Dashboard {
|
|
|
534
621
|
items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
535
622
|
title: PropTypes.Validator<string>;
|
|
536
623
|
subtitle: PropTypes.Requireable<string>;
|
|
537
|
-
provider: PropTypes.Requireable<
|
|
624
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
625
|
+
label: PropTypes.Requireable<string>;
|
|
626
|
+
type: PropTypes.Requireable<string>;
|
|
627
|
+
}>>;
|
|
538
628
|
selected: PropTypes.Requireable<boolean>;
|
|
539
629
|
selectedColor: PropTypes.Requireable<string>;
|
|
540
630
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -731,6 +821,16 @@ declare namespace Dashboard {
|
|
|
731
821
|
}> | null | undefined>>;
|
|
732
822
|
title: PropTypes.Requireable<string>;
|
|
733
823
|
isFetching: PropTypes.Requireable<boolean>;
|
|
824
|
+
search: PropTypes.Requireable<PropTypes.InferProps<{
|
|
825
|
+
value: PropTypes.Requireable<string>;
|
|
826
|
+
placeholder: PropTypes.Validator<string>;
|
|
827
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
828
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
829
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
830
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
831
|
+
theme: PropTypes.Requireable<string>;
|
|
832
|
+
dataTestId: PropTypes.Requireable<string>;
|
|
833
|
+
}>>;
|
|
734
834
|
}> | null | undefined>>;
|
|
735
835
|
}>>;
|
|
736
836
|
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -210,6 +210,43 @@ declare namespace SearchPage {
|
|
|
210
210
|
}>;
|
|
211
211
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
212
212
|
}>>;
|
|
213
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
214
|
+
type: PropTypes.Requireable<string>;
|
|
215
|
+
usage: PropTypes.Requireable<string>;
|
|
216
|
+
label: PropTypes.Requireable<string>;
|
|
217
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
218
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
219
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
220
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
221
|
+
'data-name': PropTypes.Requireable<string>;
|
|
222
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
223
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
224
|
+
position: PropTypes.Validator<string>;
|
|
225
|
+
type: PropTypes.Requireable<string>;
|
|
226
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
227
|
+
name: PropTypes.Validator<string>;
|
|
228
|
+
color: PropTypes.Requireable<string>;
|
|
229
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
230
|
+
size: PropTypes.Requireable<number>;
|
|
231
|
+
customStyle: PropTypes.Requireable<{
|
|
232
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
233
|
+
}>;
|
|
234
|
+
}>>;
|
|
235
|
+
}>>;
|
|
236
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
237
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
238
|
+
href: PropTypes.Requireable<string>;
|
|
239
|
+
download: PropTypes.Requireable<boolean>;
|
|
240
|
+
target: PropTypes.Requireable<string>;
|
|
241
|
+
}>>;
|
|
242
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
243
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
244
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
245
|
+
className: PropTypes.Requireable<string>;
|
|
246
|
+
customStyle: PropTypes.Requireable<{
|
|
247
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
248
|
+
}>;
|
|
249
|
+
}>>;
|
|
213
250
|
}>>;
|
|
214
251
|
headerIcon: PropTypes.Requireable<string>;
|
|
215
252
|
backgroundImage: PropTypes.Requireable<string>;
|
|
@@ -341,7 +378,10 @@ declare namespace SearchPage {
|
|
|
341
378
|
items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
342
379
|
title: PropTypes.Validator<string>;
|
|
343
380
|
subtitle: PropTypes.Requireable<string>;
|
|
344
|
-
provider: PropTypes.Requireable<
|
|
381
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
382
|
+
label: PropTypes.Requireable<string>;
|
|
383
|
+
type: PropTypes.Requireable<string>;
|
|
384
|
+
}>>;
|
|
345
385
|
selected: PropTypes.Requireable<boolean>;
|
|
346
386
|
selectedColor: PropTypes.Requireable<string>;
|
|
347
387
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -538,6 +578,16 @@ declare namespace SearchPage {
|
|
|
538
578
|
}> | null | undefined>>;
|
|
539
579
|
title: PropTypes.Requireable<string>;
|
|
540
580
|
isFetching: PropTypes.Requireable<boolean>;
|
|
581
|
+
search: PropTypes.Requireable<PropTypes.InferProps<{
|
|
582
|
+
value: PropTypes.Requireable<string>;
|
|
583
|
+
placeholder: PropTypes.Validator<string>;
|
|
584
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
585
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
586
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
587
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
588
|
+
theme: PropTypes.Requireable<string>;
|
|
589
|
+
dataTestId: PropTypes.Requireable<string>;
|
|
590
|
+
}>>;
|
|
541
591
|
}> | null | undefined>>;
|
|
542
592
|
}>>;
|
|
543
593
|
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -47,6 +47,43 @@ declare namespace ExternalCourse {
|
|
|
47
47
|
}>;
|
|
48
48
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
49
49
|
}>>;
|
|
50
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
51
|
+
type: PropTypes.Requireable<string>;
|
|
52
|
+
usage: PropTypes.Requireable<string>;
|
|
53
|
+
label: PropTypes.Requireable<string>;
|
|
54
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
55
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
56
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
57
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
58
|
+
'data-name': PropTypes.Requireable<string>;
|
|
59
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
60
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
61
|
+
position: PropTypes.Validator<string>;
|
|
62
|
+
type: PropTypes.Requireable<string>;
|
|
63
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
64
|
+
name: PropTypes.Validator<string>;
|
|
65
|
+
color: PropTypes.Requireable<string>;
|
|
66
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
67
|
+
size: PropTypes.Requireable<number>;
|
|
68
|
+
customStyle: PropTypes.Requireable<{
|
|
69
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
70
|
+
}>;
|
|
71
|
+
}>>;
|
|
72
|
+
}>>;
|
|
73
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
74
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
75
|
+
href: PropTypes.Requireable<string>;
|
|
76
|
+
download: PropTypes.Requireable<boolean>;
|
|
77
|
+
target: PropTypes.Requireable<string>;
|
|
78
|
+
}>>;
|
|
79
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
80
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
81
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
82
|
+
className: PropTypes.Requireable<string>;
|
|
83
|
+
customStyle: PropTypes.Requireable<{
|
|
84
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
85
|
+
}>;
|
|
86
|
+
}>>;
|
|
50
87
|
}>>;
|
|
51
88
|
headerIcon: PropTypes.Requireable<string>;
|
|
52
89
|
backgroundImage: PropTypes.Requireable<string>;
|
|
@@ -178,7 +215,10 @@ declare namespace ExternalCourse {
|
|
|
178
215
|
items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
179
216
|
title: PropTypes.Validator<string>;
|
|
180
217
|
subtitle: PropTypes.Requireable<string>;
|
|
181
|
-
provider: PropTypes.Requireable<
|
|
218
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
219
|
+
label: PropTypes.Requireable<string>;
|
|
220
|
+
type: PropTypes.Requireable<string>;
|
|
221
|
+
}>>;
|
|
182
222
|
selected: PropTypes.Requireable<boolean>;
|
|
183
223
|
selectedColor: PropTypes.Requireable<string>;
|
|
184
224
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -375,6 +415,16 @@ declare namespace ExternalCourse {
|
|
|
375
415
|
}> | null | undefined>>;
|
|
376
416
|
title: PropTypes.Requireable<string>;
|
|
377
417
|
isFetching: PropTypes.Requireable<boolean>;
|
|
418
|
+
search: PropTypes.Requireable<PropTypes.InferProps<{
|
|
419
|
+
value: PropTypes.Requireable<string>;
|
|
420
|
+
placeholder: PropTypes.Validator<string>;
|
|
421
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
422
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
423
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
424
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
425
|
+
theme: PropTypes.Requireable<string>;
|
|
426
|
+
dataTestId: PropTypes.Requireable<string>;
|
|
427
|
+
}>>;
|
|
378
428
|
}> | null | undefined>>;
|
|
379
429
|
}>>;
|
|
380
430
|
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -20,6 +20,43 @@ declare const RadioWithTitle: {
|
|
|
20
20
|
}>;
|
|
21
21
|
icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
|
|
22
22
|
}>>;
|
|
23
|
+
button: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
24
|
+
type: import("prop-types").Requireable<string>;
|
|
25
|
+
usage: import("prop-types").Requireable<string>;
|
|
26
|
+
label: import("prop-types").Requireable<string>;
|
|
27
|
+
content: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
|
|
28
|
+
'aria-label': import("prop-types").Requireable<string>;
|
|
29
|
+
tooltipText: import("prop-types").Requireable<string>;
|
|
30
|
+
tooltipPlacement: import("prop-types").Requireable<string>;
|
|
31
|
+
'data-name': import("prop-types").Requireable<string>;
|
|
32
|
+
'data-testid': import("prop-types").Requireable<string>;
|
|
33
|
+
icon: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
34
|
+
position: import("prop-types").Validator<string>;
|
|
35
|
+
type: import("prop-types").Requireable<string>;
|
|
36
|
+
faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
37
|
+
name: import("prop-types").Validator<string>;
|
|
38
|
+
color: import("prop-types").Requireable<string>;
|
|
39
|
+
backgroundColor: import("prop-types").Requireable<string>;
|
|
40
|
+
size: import("prop-types").Requireable<number>;
|
|
41
|
+
customStyle: import("prop-types").Requireable<{
|
|
42
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
43
|
+
}>;
|
|
44
|
+
}>>;
|
|
45
|
+
}>>;
|
|
46
|
+
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
47
|
+
link: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
48
|
+
href: import("prop-types").Requireable<string>;
|
|
49
|
+
download: import("prop-types").Requireable<boolean>;
|
|
50
|
+
target: import("prop-types").Requireable<string>;
|
|
51
|
+
}>>;
|
|
52
|
+
hoverBackgroundColor: import("prop-types").Requireable<string>;
|
|
53
|
+
hoverColor: import("prop-types").Requireable<string>;
|
|
54
|
+
disabled: import("prop-types").Requireable<boolean>;
|
|
55
|
+
className: import("prop-types").Requireable<string>;
|
|
56
|
+
customStyle: import("prop-types").Requireable<{
|
|
57
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
58
|
+
}>;
|
|
59
|
+
}>>;
|
|
23
60
|
}>>>;
|
|
24
61
|
name: import("prop-types").Requireable<string>;
|
|
25
62
|
checked: import("prop-types").Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -17,6 +17,43 @@ export declare const propTypes: {
|
|
|
17
17
|
}>;
|
|
18
18
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
19
19
|
}>>;
|
|
20
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
21
|
+
type: PropTypes.Requireable<string>;
|
|
22
|
+
usage: PropTypes.Requireable<string>;
|
|
23
|
+
label: PropTypes.Requireable<string>;
|
|
24
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
25
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
26
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
27
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
28
|
+
'data-name': PropTypes.Requireable<string>;
|
|
29
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
30
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
31
|
+
position: PropTypes.Validator<string>;
|
|
32
|
+
type: PropTypes.Requireable<string>;
|
|
33
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
34
|
+
name: PropTypes.Validator<string>;
|
|
35
|
+
color: PropTypes.Requireable<string>;
|
|
36
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
37
|
+
size: PropTypes.Requireable<number>;
|
|
38
|
+
customStyle: PropTypes.Requireable<{
|
|
39
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
40
|
+
}>;
|
|
41
|
+
}>>;
|
|
42
|
+
}>>;
|
|
43
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
44
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
45
|
+
href: PropTypes.Requireable<string>;
|
|
46
|
+
download: PropTypes.Requireable<boolean>;
|
|
47
|
+
target: PropTypes.Requireable<string>;
|
|
48
|
+
}>>;
|
|
49
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
50
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
51
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
52
|
+
className: PropTypes.Requireable<string>;
|
|
53
|
+
customStyle: PropTypes.Requireable<{
|
|
54
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
55
|
+
}>;
|
|
56
|
+
}>>;
|
|
20
57
|
}>>>;
|
|
21
58
|
name: PropTypes.Requireable<string>;
|
|
22
59
|
checked: PropTypes.Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
|
|
@@ -18,6 +18,43 @@ declare namespace Title {
|
|
|
18
18
|
}>;
|
|
19
19
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
20
20
|
}>>;
|
|
21
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
22
|
+
type: PropTypes.Requireable<string>;
|
|
23
|
+
usage: PropTypes.Requireable<string>;
|
|
24
|
+
label: PropTypes.Requireable<string>;
|
|
25
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
26
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
27
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
28
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
29
|
+
'data-name': PropTypes.Requireable<string>;
|
|
30
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
31
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
32
|
+
position: PropTypes.Validator<string>;
|
|
33
|
+
type: PropTypes.Requireable<string>;
|
|
34
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
35
|
+
name: PropTypes.Validator<string>;
|
|
36
|
+
color: PropTypes.Requireable<string>;
|
|
37
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
38
|
+
size: PropTypes.Requireable<number>;
|
|
39
|
+
customStyle: PropTypes.Requireable<{
|
|
40
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
41
|
+
}>;
|
|
42
|
+
}>>;
|
|
43
|
+
}>>;
|
|
44
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
45
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
46
|
+
href: PropTypes.Requireable<string>;
|
|
47
|
+
download: PropTypes.Requireable<boolean>;
|
|
48
|
+
target: PropTypes.Requireable<string>;
|
|
49
|
+
}>>;
|
|
50
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
51
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
52
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
53
|
+
className: PropTypes.Requireable<string>;
|
|
54
|
+
customStyle: PropTypes.Requireable<{
|
|
55
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
56
|
+
}>;
|
|
57
|
+
}>>;
|
|
21
58
|
};
|
|
22
59
|
}
|
|
23
60
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AA8CA,gDAgCC"}
|
package/lib/atom/title/index.js
CHANGED
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
+
var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
|
|
5
6
|
var _react = _interopRequireDefault(require("react"));
|
|
6
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
7
8
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
8
9
|
var _tag = _interopRequireDefault(require("../tag"));
|
|
10
|
+
var _buttonLink = _interopRequireDefault(require("../button-link"));
|
|
9
11
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
10
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -54,7 +56,8 @@ const Title = props => {
|
|
|
54
56
|
titleSize = 'standard',
|
|
55
57
|
subtitleSize = 'standard',
|
|
56
58
|
icon,
|
|
57
|
-
tag
|
|
59
|
+
tag,
|
|
60
|
+
button
|
|
58
61
|
} = props;
|
|
59
62
|
const titleStyle = getTitleStyle(type, titleSize);
|
|
60
63
|
const subtitleStyle = getSubtitleStyle(type, subtitleSize);
|
|
@@ -65,10 +68,12 @@ const Title = props => {
|
|
|
65
68
|
className: _style.default.container
|
|
66
69
|
}, icon ? /*#__PURE__*/_react.default.createElement(_icon.default, _extends({}, icon, {
|
|
67
70
|
className: _style.default.icon
|
|
68
|
-
})) : null, /*#__PURE__*/_react.default.createElement("div",
|
|
71
|
+
})) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
72
|
+
className: _style.default.titleContainer
|
|
73
|
+
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
69
74
|
className: titleStyle,
|
|
70
75
|
"data-name": dataName
|
|
71
|
-
}, title, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null), subtitleSection));
|
|
76
|
+
}, title, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null), subtitleSection), !(0, _isEmpty2.default)(button) ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, button) : null));
|
|
72
77
|
};
|
|
73
78
|
Title.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
74
79
|
title: _propTypes.default.string,
|
|
@@ -78,7 +83,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
78
83
|
titleSize: _propTypes.default.oneOf(['standard', 'standard-light-weight', 'medium', 'small']),
|
|
79
84
|
subtitleSize: _propTypes.default.oneOf(['standard', 'standard-without-margin', 'small', 'small-without-margin', 'extra-small']),
|
|
80
85
|
icon: _propTypes.default.shape(_icon.default.propTypes),
|
|
81
|
-
tag: _propTypes.default.shape(_tag.default.propTypes)
|
|
86
|
+
tag: _propTypes.default.shape(_tag.default.propTypes),
|
|
87
|
+
button: _propTypes.default.shape(_buttonLink.default.propTypes)
|
|
82
88
|
} : {};
|
|
83
89
|
var _default = exports.default = Title;
|
|
84
90
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroupLightWeight","titleFormGroup","mediumTitleFormGroup","smallTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","titleStyle","subtitleStyle","subtitleSection","createElement","className","container","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","_default","exports"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.titlePage;\n case 'form-group':\n switch (size) {\n case 'standard-light-weight':\n return style.titleFormGroupLightWeight;\n case 'standard':\n return style.titleFormGroup;\n case 'medium':\n return style.mediumTitleFormGroup;\n case 'small':\n return style.smallTitleFormGroup;\n }\n }\n};\n\nconst getSubtitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.subtitlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.subtitleFormGroup;\n case 'standard-without-margin':\n return style.subtitleFormGroupWithoutMargin;\n case 'small':\n return style.smallSubtitleFormGroup;\n case 'small-without-margin':\n return style.smallSubtitleFormGroupWithoutMargin;\n case 'extra-small':\n return style.extraSmallSubtitleFormGroup;\n }\n }\n};\n\nconst Title = props => {\n const {\n title,\n subtitle,\n type,\n 'data-name': dataName,\n titleSize = 'standard',\n subtitleSize = 'standard',\n icon,\n tag\n } = props;\n const titleStyle = getTitleStyle(type, titleSize);\n const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n return (\n <div className={style.container}>\n {icon ? <Icon {...icon} className={style.icon} /> : null}\n <div>\n <div className={titleStyle} data-name={dataName}>\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroupLightWeight","titleFormGroup","mediumTitleFormGroup","smallTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","titleStyle","subtitleStyle","subtitleSection","createElement","className","container","titleContainer","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","_default","exports"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.titlePage;\n case 'form-group':\n switch (size) {\n case 'standard-light-weight':\n return style.titleFormGroupLightWeight;\n case 'standard':\n return style.titleFormGroup;\n case 'medium':\n return style.mediumTitleFormGroup;\n case 'small':\n return style.smallTitleFormGroup;\n }\n }\n};\n\nconst getSubtitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.subtitlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.subtitleFormGroup;\n case 'standard-without-margin':\n return style.subtitleFormGroupWithoutMargin;\n case 'small':\n return style.smallSubtitleFormGroup;\n case 'small-without-margin':\n return style.smallSubtitleFormGroupWithoutMargin;\n case 'extra-small':\n return style.extraSmallSubtitleFormGroup;\n }\n }\n};\n\nconst Title = props => {\n const {\n title,\n subtitle,\n type,\n 'data-name': dataName,\n titleSize = 'standard',\n subtitleSize = 'standard',\n icon,\n tag,\n button\n } = props;\n const titleStyle = getTitleStyle(type, titleSize);\n const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n return (\n <div className={style.container}>\n {icon ? <Icon {...icon} className={style.icon} /> : null}\n <div className={style.titleContainer}>\n <div>\n <div className={titleStyle} data-name={dataName}>\n {title}\n {tag ? <Tag {...tag} /> : null}\n </div>\n {subtitleSection}\n </div>\n {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n </div>\n </div>\n );\n};\n\nTitle.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n type: PropTypes.oneOf(['page', 'form-group']),\n 'data-name': PropTypes.string,\n titleSize: PropTypes.oneOf(['standard', 'standard-light-weight', 'medium', 'small']),\n subtitleSize: PropTypes.oneOf([\n 'standard',\n 'standard-without-margin',\n 'small',\n 'small-without-margin',\n 'extra-small'\n ]),\n icon: PropTypes.shape(Icon.propTypes),\n tag: PropTypes.shape(Tag.propTypes),\n button: PropTypes.shape(ButtonLink.propTypes)\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/atom/title/style.css
CHANGED
|
@@ -14,6 +14,14 @@
|
|
|
14
14
|
color: cm_grey_700;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
.titleContainer {
|
|
18
|
+
display: flex;
|
|
19
|
+
justify-content: space-between;
|
|
20
|
+
align-items: center;
|
|
21
|
+
gap: 8px;
|
|
22
|
+
width: 100%;
|
|
23
|
+
}
|
|
24
|
+
|
|
17
25
|
.titlePage {
|
|
18
26
|
composes: title;
|
|
19
27
|
font-size: 32px;
|
|
@@ -30,7 +38,7 @@
|
|
|
30
38
|
|
|
31
39
|
.titleFormGroupLightWeight {
|
|
32
40
|
composes: titleFormGroup;
|
|
33
|
-
font-weight:
|
|
41
|
+
font-weight: normal;
|
|
34
42
|
}
|
|
35
43
|
|
|
36
44
|
.mediumTitleFormGroup {
|
|
@@ -24,6 +24,43 @@ declare const propTypes: {
|
|
|
24
24
|
}>;
|
|
25
25
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
26
26
|
}>>;
|
|
27
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
28
|
+
type: PropTypes.Requireable<string>;
|
|
29
|
+
usage: PropTypes.Requireable<string>;
|
|
30
|
+
label: PropTypes.Requireable<string>;
|
|
31
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
32
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
33
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
34
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
35
|
+
'data-name': PropTypes.Requireable<string>;
|
|
36
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
37
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
38
|
+
position: PropTypes.Validator<string>;
|
|
39
|
+
type: PropTypes.Requireable<string>;
|
|
40
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
41
|
+
name: PropTypes.Validator<string>;
|
|
42
|
+
color: PropTypes.Requireable<string>;
|
|
43
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
44
|
+
size: PropTypes.Requireable<number>;
|
|
45
|
+
customStyle: PropTypes.Requireable<{
|
|
46
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
47
|
+
}>;
|
|
48
|
+
}>>;
|
|
49
|
+
}>>;
|
|
50
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
51
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
52
|
+
href: PropTypes.Requireable<string>;
|
|
53
|
+
download: PropTypes.Requireable<boolean>;
|
|
54
|
+
target: PropTypes.Requireable<string>;
|
|
55
|
+
}>>;
|
|
56
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
57
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
58
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
59
|
+
className: PropTypes.Requireable<string>;
|
|
60
|
+
customStyle: PropTypes.Requireable<{
|
|
61
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
62
|
+
}>;
|
|
63
|
+
}>>;
|
|
27
64
|
}>>;
|
|
28
65
|
headerIcon: PropTypes.Requireable<string>;
|
|
29
66
|
backgroundImage: PropTypes.Requireable<string>;
|
|
@@ -155,7 +192,10 @@ declare const propTypes: {
|
|
|
155
192
|
items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
156
193
|
title: PropTypes.Validator<string>;
|
|
157
194
|
subtitle: PropTypes.Requireable<string>;
|
|
158
|
-
provider: PropTypes.Requireable<
|
|
195
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
196
|
+
label: PropTypes.Requireable<string>;
|
|
197
|
+
type: PropTypes.Requireable<string>;
|
|
198
|
+
}>>;
|
|
159
199
|
selected: PropTypes.Requireable<boolean>;
|
|
160
200
|
selectedColor: PropTypes.Requireable<string>;
|
|
161
201
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -352,6 +392,16 @@ declare const propTypes: {
|
|
|
352
392
|
}> | null | undefined>>;
|
|
353
393
|
title: PropTypes.Requireable<string>;
|
|
354
394
|
isFetching: PropTypes.Requireable<boolean>;
|
|
395
|
+
search: PropTypes.Requireable<PropTypes.InferProps<{
|
|
396
|
+
value: PropTypes.Requireable<string>;
|
|
397
|
+
placeholder: PropTypes.Validator<string>;
|
|
398
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
399
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
400
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
401
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
402
|
+
theme: PropTypes.Requireable<string>;
|
|
403
|
+
dataTestId: PropTypes.Requireable<string>;
|
|
404
|
+
}>>;
|
|
355
405
|
}> | null | undefined>>;
|
|
356
406
|
}>>;
|
|
357
407
|
link: PropTypes.Requireable<PropTypes.InferProps<{
|