@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
|
@@ -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"}
|
package/es/atom/title/index.d.ts
CHANGED
|
@@ -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/es/atom/title/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import _isEmpty from "lodash/fp/isEmpty";
|
|
1
2
|
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); }
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import PropTypes from 'prop-types';
|
|
4
5
|
import Icon from '../icon';
|
|
5
6
|
import Tag from '../tag';
|
|
7
|
+
import ButtonLink from '../button-link';
|
|
6
8
|
import style from './style.css';
|
|
7
9
|
const getTitleStyle = (type, size) => {
|
|
8
10
|
switch (type) {
|
|
@@ -49,7 +51,8 @@ const Title = props => {
|
|
|
49
51
|
titleSize = 'standard',
|
|
50
52
|
subtitleSize = 'standard',
|
|
51
53
|
icon,
|
|
52
|
-
tag
|
|
54
|
+
tag,
|
|
55
|
+
button
|
|
53
56
|
} = props;
|
|
54
57
|
const titleStyle = getTitleStyle(type, titleSize);
|
|
55
58
|
const subtitleStyle = getSubtitleStyle(type, subtitleSize);
|
|
@@ -60,10 +63,12 @@ const Title = props => {
|
|
|
60
63
|
className: style.container
|
|
61
64
|
}, icon ? /*#__PURE__*/React.createElement(Icon, _extends({}, icon, {
|
|
62
65
|
className: style.icon
|
|
63
|
-
})) : null, /*#__PURE__*/React.createElement("div",
|
|
66
|
+
})) : null, /*#__PURE__*/React.createElement("div", {
|
|
67
|
+
className: style.titleContainer
|
|
68
|
+
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
64
69
|
className: titleStyle,
|
|
65
70
|
"data-name": dataName
|
|
66
|
-
}, title, tag ? /*#__PURE__*/React.createElement(Tag, tag) : null), subtitleSection));
|
|
71
|
+
}, title, tag ? /*#__PURE__*/React.createElement(Tag, tag) : null), subtitleSection), !_isEmpty(button) ? /*#__PURE__*/React.createElement(ButtonLink, button) : null));
|
|
67
72
|
};
|
|
68
73
|
Title.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
69
74
|
title: PropTypes.string,
|
|
@@ -73,7 +78,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
73
78
|
titleSize: PropTypes.oneOf(['standard', 'standard-light-weight', 'medium', 'small']),
|
|
74
79
|
subtitleSize: PropTypes.oneOf(['standard', 'standard-without-margin', 'small', 'small-without-margin', 'extra-small']),
|
|
75
80
|
icon: PropTypes.shape(Icon.propTypes),
|
|
76
|
-
tag: PropTypes.shape(Tag.propTypes)
|
|
81
|
+
tag: PropTypes.shape(Tag.propTypes),
|
|
82
|
+
button: PropTypes.shape(ButtonLink.propTypes)
|
|
77
83
|
} : {};
|
|
78
84
|
export default Title;
|
|
79
85
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","style","getTitleStyle","type","size","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","_extends","propTypes","process","env","NODE_ENV","string","oneOf","shape"],"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","PropTypes","Icon","Tag","ButtonLink","style","getTitleStyle","type","size","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","_extends","titleContainer","_isEmpty","propTypes","process","env","NODE_ENV","string","oneOf","shape"],"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/es/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<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -62,7 +62,10 @@ declare namespace DraggableList {
|
|
|
62
62
|
}> | PropTypes.InferProps<{
|
|
63
63
|
title: PropTypes.Validator<string>;
|
|
64
64
|
subtitle: PropTypes.Requireable<string>;
|
|
65
|
-
provider: PropTypes.Requireable<
|
|
65
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
66
|
+
label: PropTypes.Requireable<string>;
|
|
67
|
+
type: PropTypes.Requireable<string>;
|
|
68
|
+
}>>;
|
|
66
69
|
selected: PropTypes.Requireable<boolean>;
|
|
67
70
|
selectedColor: PropTypes.Requireable<string>;
|
|
68
71
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -28,6 +28,43 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
28
28
|
}>;
|
|
29
29
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
30
30
|
}>>;
|
|
31
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
32
|
+
type: PropTypes.Requireable<string>;
|
|
33
|
+
usage: PropTypes.Requireable<string>;
|
|
34
|
+
label: PropTypes.Requireable<string>;
|
|
35
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
36
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
37
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
38
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
39
|
+
'data-name': PropTypes.Requireable<string>;
|
|
40
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
41
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
42
|
+
position: PropTypes.Validator<string>;
|
|
43
|
+
type: PropTypes.Requireable<string>;
|
|
44
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
45
|
+
name: PropTypes.Validator<string>;
|
|
46
|
+
color: PropTypes.Requireable<string>;
|
|
47
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
48
|
+
size: PropTypes.Requireable<number>;
|
|
49
|
+
customStyle: PropTypes.Requireable<{
|
|
50
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
51
|
+
}>;
|
|
52
|
+
}>>;
|
|
53
|
+
}>>;
|
|
54
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
55
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
56
|
+
href: PropTypes.Requireable<string>;
|
|
57
|
+
download: PropTypes.Requireable<boolean>;
|
|
58
|
+
target: PropTypes.Requireable<string>;
|
|
59
|
+
}>>;
|
|
60
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
61
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
62
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
63
|
+
className: PropTypes.Requireable<string>;
|
|
64
|
+
customStyle: PropTypes.Requireable<{
|
|
65
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
66
|
+
}>;
|
|
67
|
+
}>>;
|
|
31
68
|
}>>;
|
|
32
69
|
const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
|
|
33
70
|
childType: PropTypes.Requireable<string>;
|
|
@@ -21,6 +21,43 @@ declare const TitleRadioWrapper: {
|
|
|
21
21
|
}>;
|
|
22
22
|
icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
|
|
23
23
|
}>>;
|
|
24
|
+
button: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
25
|
+
type: import("prop-types").Requireable<string>;
|
|
26
|
+
usage: import("prop-types").Requireable<string>;
|
|
27
|
+
label: import("prop-types").Requireable<string>;
|
|
28
|
+
content: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
|
|
29
|
+
'aria-label': import("prop-types").Requireable<string>;
|
|
30
|
+
tooltipText: import("prop-types").Requireable<string>;
|
|
31
|
+
tooltipPlacement: import("prop-types").Requireable<string>;
|
|
32
|
+
'data-name': import("prop-types").Requireable<string>;
|
|
33
|
+
'data-testid': import("prop-types").Requireable<string>;
|
|
34
|
+
icon: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
35
|
+
position: import("prop-types").Validator<string>;
|
|
36
|
+
type: import("prop-types").Requireable<string>;
|
|
37
|
+
faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
38
|
+
name: import("prop-types").Validator<string>;
|
|
39
|
+
color: import("prop-types").Requireable<string>;
|
|
40
|
+
backgroundColor: import("prop-types").Requireable<string>;
|
|
41
|
+
size: import("prop-types").Requireable<number>;
|
|
42
|
+
customStyle: import("prop-types").Requireable<{
|
|
43
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
44
|
+
}>;
|
|
45
|
+
}>>;
|
|
46
|
+
}>>;
|
|
47
|
+
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
48
|
+
link: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
49
|
+
href: import("prop-types").Requireable<string>;
|
|
50
|
+
download: import("prop-types").Requireable<boolean>;
|
|
51
|
+
target: import("prop-types").Requireable<string>;
|
|
52
|
+
}>>;
|
|
53
|
+
hoverBackgroundColor: import("prop-types").Requireable<string>;
|
|
54
|
+
hoverColor: import("prop-types").Requireable<string>;
|
|
55
|
+
disabled: import("prop-types").Requireable<boolean>;
|
|
56
|
+
className: import("prop-types").Requireable<string>;
|
|
57
|
+
customStyle: import("prop-types").Requireable<{
|
|
58
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
59
|
+
}>;
|
|
60
|
+
}>>;
|
|
24
61
|
}>>>;
|
|
25
62
|
name: import("prop-types").Requireable<string>;
|
|
26
63
|
checked: import("prop-types").Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
|
|
@@ -21,6 +21,43 @@ declare const propTypes: {
|
|
|
21
21
|
}>;
|
|
22
22
|
icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
23
23
|
}>>;
|
|
24
|
+
button: PropTypes.Requireable<PropTypes.InferProps<{
|
|
25
|
+
type: PropTypes.Requireable<string>;
|
|
26
|
+
usage: PropTypes.Requireable<string>;
|
|
27
|
+
label: PropTypes.Requireable<string>;
|
|
28
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
29
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
30
|
+
tooltipText: PropTypes.Requireable<string>;
|
|
31
|
+
tooltipPlacement: PropTypes.Requireable<string>;
|
|
32
|
+
'data-name': PropTypes.Requireable<string>;
|
|
33
|
+
'data-testid': PropTypes.Requireable<string>;
|
|
34
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
35
|
+
position: PropTypes.Validator<string>;
|
|
36
|
+
type: PropTypes.Requireable<string>;
|
|
37
|
+
faIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
38
|
+
name: PropTypes.Validator<string>;
|
|
39
|
+
color: PropTypes.Requireable<string>;
|
|
40
|
+
backgroundColor: PropTypes.Requireable<string>;
|
|
41
|
+
size: PropTypes.Requireable<number>;
|
|
42
|
+
customStyle: PropTypes.Requireable<{
|
|
43
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
44
|
+
}>;
|
|
45
|
+
}>>;
|
|
46
|
+
}>>;
|
|
47
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
48
|
+
link: PropTypes.Requireable<PropTypes.InferProps<{
|
|
49
|
+
href: PropTypes.Requireable<string>;
|
|
50
|
+
download: PropTypes.Requireable<boolean>;
|
|
51
|
+
target: PropTypes.Requireable<string>;
|
|
52
|
+
}>>;
|
|
53
|
+
hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
54
|
+
hoverColor: PropTypes.Requireable<string>;
|
|
55
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
56
|
+
className: PropTypes.Requireable<string>;
|
|
57
|
+
customStyle: PropTypes.Requireable<{
|
|
58
|
+
[x: string]: NonNullable<string | number | null | undefined> | null | undefined;
|
|
59
|
+
}>;
|
|
60
|
+
}>>;
|
|
24
61
|
}>>>;
|
|
25
62
|
name: PropTypes.Requireable<string>;
|
|
26
63
|
checked: PropTypes.Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -62,7 +62,10 @@ declare namespace BrandLearningPriorities {
|
|
|
62
62
|
}> | PropTypes.InferProps<{
|
|
63
63
|
title: PropTypes.Validator<string>;
|
|
64
64
|
subtitle: PropTypes.Requireable<string>;
|
|
65
|
-
provider: PropTypes.Requireable<
|
|
65
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
66
|
+
label: PropTypes.Requireable<string>;
|
|
67
|
+
type: PropTypes.Requireable<string>;
|
|
68
|
+
}>>;
|
|
66
69
|
selected: PropTypes.Requireable<boolean>;
|
|
67
70
|
selectedColor: PropTypes.Requireable<string>;
|
|
68
71
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -47,7 +47,10 @@ declare namespace ListItem {
|
|
|
47
47
|
const propTypes: {
|
|
48
48
|
title: PropTypes.Validator<string>;
|
|
49
49
|
subtitle: PropTypes.Requireable<string>;
|
|
50
|
-
provider: PropTypes.Requireable<
|
|
50
|
+
provider: PropTypes.Requireable<PropTypes.InferProps<{
|
|
51
|
+
label: PropTypes.Requireable<string>;
|
|
52
|
+
type: PropTypes.Requireable<string>;
|
|
53
|
+
}>>;
|
|
51
54
|
selected: PropTypes.Requireable<boolean>;
|
|
52
55
|
selectedColor: PropTypes.Requireable<string>;
|
|
53
56
|
dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -90,9 +90,9 @@ const ListItem = ({
|
|
|
90
90
|
}, /*#__PURE__*/React.createElement("div", {
|
|
91
91
|
className: style.title,
|
|
92
92
|
title: title
|
|
93
|
-
}, title), provider ? /*#__PURE__*/React.createElement(Tag, {
|
|
94
|
-
label: provider,
|
|
95
|
-
type:
|
|
93
|
+
}, title), !_isEmpty(provider) ? /*#__PURE__*/React.createElement(Tag, {
|
|
94
|
+
label: provider.label,
|
|
95
|
+
type: provider.type,
|
|
96
96
|
className: style.providerTag
|
|
97
97
|
}) : null), subtitle ? /*#__PURE__*/React.createElement("div", {
|
|
98
98
|
className: style.subtitle
|
|
@@ -115,7 +115,10 @@ ListItem.contextTypes = {
|
|
|
115
115
|
ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
116
116
|
title: PropTypes.string.isRequired,
|
|
117
117
|
subtitle: PropTypes.string,
|
|
118
|
-
provider: PropTypes.
|
|
118
|
+
provider: PropTypes.shape({
|
|
119
|
+
label: PropTypes.string,
|
|
120
|
+
type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])
|
|
121
|
+
}),
|
|
119
122
|
selected: PropTypes.bool,
|
|
120
123
|
selectedColor: PropTypes.string,
|
|
121
124
|
dataColumns: PropTypes.arrayOf(PropTypes.shape({
|