@coorpacademy/components 10.3.32-alpha.14 → 10.3.32-alpha.15
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/molecule/card/index.js +7 -10
- package/es/molecule/card/index.js.map +1 -1
- package/es/molecule/card/style.css +4 -4
- package/es/molecule/card-content/index.js +13 -22
- package/es/molecule/card-content/index.js.map +1 -1
- package/es/molecule/card-content/style.css +5 -9
- package/lib/molecule/card/index.js +7 -10
- package/lib/molecule/card/index.js.map +1 -1
- package/lib/molecule/card/style.css +4 -4
- package/lib/molecule/card-content/index.js +13 -22
- package/lib/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/card-content/style.css +5 -9
- package/package.json +2 -2
|
@@ -26,8 +26,7 @@ export const THEMES = {
|
|
|
26
26
|
const CardBackground = ({
|
|
27
27
|
type,
|
|
28
28
|
image,
|
|
29
|
-
empty
|
|
30
|
-
theme
|
|
29
|
+
empty
|
|
31
30
|
}, {
|
|
32
31
|
skin
|
|
33
32
|
}) => {
|
|
@@ -41,19 +40,19 @@ const CardBackground = ({
|
|
|
41
40
|
const IconType = EXTERNAL_CONTENT_ICONS[type].icon;
|
|
42
41
|
const iconColor = EXTERNAL_CONTENT_ICONS[type].color;
|
|
43
42
|
const backgroundIcon = /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
className:
|
|
43
|
+
className: style.externalIconCircleWrapper
|
|
45
44
|
}, /*#__PURE__*/React.createElement(IconType, {
|
|
46
|
-
className:
|
|
45
|
+
className: style.externalIcon
|
|
47
46
|
}));
|
|
48
47
|
|
|
49
48
|
if (image) {
|
|
50
49
|
const _backgroundIcon = /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
className: classnames(
|
|
50
|
+
className: classnames(style.externalIconCircleWrapper, style.externalIconCircleWithImageWrapper),
|
|
52
51
|
style: {
|
|
53
52
|
backgroundColor: iconColor
|
|
54
53
|
}
|
|
55
54
|
}, /*#__PURE__*/React.createElement(IconType, {
|
|
56
|
-
className:
|
|
55
|
+
className: style.externalIconWithImage
|
|
57
56
|
}));
|
|
58
57
|
|
|
59
58
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -99,7 +98,6 @@ CardBackground.contextTypes = {
|
|
|
99
98
|
skin: Provider.childContextTypes.skin
|
|
100
99
|
};
|
|
101
100
|
CardBackground.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
102
|
-
theme: PropTypes.oneOf(_keys(THEMES)),
|
|
103
101
|
type: PropTypes.string,
|
|
104
102
|
image: PropTypes.string,
|
|
105
103
|
empty: PropTypes.bool
|
|
@@ -171,8 +169,7 @@ const Card = memo(function Card(props, context) {
|
|
|
171
169
|
}, /*#__PURE__*/React.createElement(CardBackground, {
|
|
172
170
|
type: type,
|
|
173
171
|
image: image,
|
|
174
|
-
empty: empty
|
|
175
|
-
theme: theme
|
|
172
|
+
empty: empty
|
|
176
173
|
}), _isUndefined(isSelected) && !_isUndefined(favorite) ? /*#__PURE__*/React.createElement(Favorite, {
|
|
177
174
|
className: style.favorite,
|
|
178
175
|
favorite: favorite,
|
|
@@ -200,7 +197,7 @@ const Card = memo(function Card(props, context) {
|
|
|
200
197
|
badgeLabel: badgeLabel,
|
|
201
198
|
theme: theme
|
|
202
199
|
}), badge ? /*#__PURE__*/React.createElement("div", {
|
|
203
|
-
className:
|
|
200
|
+
className: style.badge,
|
|
204
201
|
style: inlineBadgeStyle
|
|
205
202
|
}, badge) : null, disabled ? /*#__PURE__*/React.createElement("div", {
|
|
206
203
|
className: style.lockWrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["React","useMemo","memo","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","CardBackground","type","image","empty","theme","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","oneOf","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","CARD","lockWrapper","shape","number","func"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaSolidLoginLocked as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, theme}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={classnames(THEMES[theme], style.externalIconCircleWrapper)}>\n <IconType className={classnames(THEMES[theme], style.externalIcon)} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n THEMES[theme],\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={classnames(THEMES[theme], style.externalIconWithImage)} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n theme: PropTypes.oneOf(keys(THEMES)),\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n const lock = disabled ? (\n <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n >\n <CardBackground type={type} image={image} empty={empty} theme={theme} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n />\n ) : null}\n <Selectable isSelected={isSelected} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? <Customer {...customer} theme={theme} type={type} disabled={disabled} /> : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n />\n {badge ? (\n <div className={classnames(THEMES[theme], style.badge)} style={inlineBadgeStyle}>\n {badge}\n </div>\n ) : null}\n {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES))\n};\nexport default Card;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["React","useMemo","memo","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","CardBackground","type","image","empty","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","CARD","lockWrapper","shape","number","func","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaSolidLoginLocked as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n const lock = disabled ? (\n <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n >\n <CardBackground type={type} image={image} empty={empty} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n />\n ) : null}\n <Selectable isSelected={isSelected} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? <Customer {...customer} theme={theme} type={type} disabled={disabled} /> : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle}>\n {badge}\n </div>\n ) : null}\n {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES))\n};\nexport default Card;\n"],"file":"index.js"}
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
user-select: none;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.coorpmanager.badge {
|
|
236
|
+
.coorpmanager .badge {
|
|
237
237
|
padding: 2px 5px;
|
|
238
238
|
font-size: 7px;
|
|
239
239
|
}
|
|
@@ -389,7 +389,7 @@
|
|
|
389
389
|
margin-top: 20px;
|
|
390
390
|
}
|
|
391
391
|
|
|
392
|
-
.coorpmanager.externalIconWithImage {
|
|
392
|
+
.coorpmanager .externalIconWithImage {
|
|
393
393
|
color: white;
|
|
394
394
|
width: 25px;
|
|
395
395
|
height: 25px;
|
|
@@ -418,8 +418,8 @@
|
|
|
418
418
|
transition: box-shadow 0.25s linear;
|
|
419
419
|
}
|
|
420
420
|
|
|
421
|
-
.coorpmanager.externalIconCircleWithImageWrapper::after,
|
|
422
|
-
.coorpmanager.externalIconCircleWithImageWrapper::before {
|
|
421
|
+
.coorpmanager .externalIconCircleWithImageWrapper::after,
|
|
422
|
+
.coorpmanager .externalIconCircleWithImageWrapper::before {
|
|
423
423
|
content: '';
|
|
424
424
|
width: 50px;
|
|
425
425
|
height: 50px;
|
|
@@ -21,8 +21,7 @@ export const THEMES = {
|
|
|
21
21
|
const ContentTypeInfo = ({
|
|
22
22
|
mode,
|
|
23
23
|
type,
|
|
24
|
-
externalContent
|
|
25
|
-
theme
|
|
24
|
+
externalContent
|
|
26
25
|
}, context) => {
|
|
27
26
|
const {
|
|
28
27
|
translate
|
|
@@ -34,11 +33,11 @@ const ContentTypeInfo = ({
|
|
|
34
33
|
|
|
35
34
|
if (type === 'chapter') {
|
|
36
35
|
return /*#__PURE__*/React.createElement("div", {
|
|
37
|
-
className:
|
|
36
|
+
className: style.microLearningIcon
|
|
38
37
|
}, /*#__PURE__*/React.createElement(TimerIcon, {
|
|
39
38
|
className: style.timerIcon
|
|
40
39
|
}), /*#__PURE__*/React.createElement("span", {
|
|
41
|
-
className:
|
|
40
|
+
className: style.microLearninglabel
|
|
42
41
|
}, "5' learning"));
|
|
43
42
|
}
|
|
44
43
|
|
|
@@ -62,18 +61,16 @@ ContentTypeInfo.contextTypes = {
|
|
|
62
61
|
ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
63
62
|
externalContent: PropTypes.bool,
|
|
64
63
|
type: PropTypes.string,
|
|
65
|
-
mode: PropTypes.string
|
|
66
|
-
theme: PropTypes.oneOf(_keys(THEMES))
|
|
64
|
+
mode: PropTypes.string
|
|
67
65
|
} : {};
|
|
68
66
|
|
|
69
67
|
const CardTitle = ({
|
|
70
68
|
title,
|
|
71
69
|
empty,
|
|
72
|
-
courseContent
|
|
73
|
-
theme
|
|
70
|
+
courseContent
|
|
74
71
|
}) => {
|
|
75
72
|
return /*#__PURE__*/React.createElement("div", {
|
|
76
|
-
className: classnames(
|
|
73
|
+
className: classnames(style.title, innerHTML, courseContent ? style.lightTitle : style.darkTitle, empty ? style.empty : null),
|
|
77
74
|
"data-name": "title",
|
|
78
75
|
title: title // eslint-disable-next-line react/no-danger
|
|
79
76
|
,
|
|
@@ -86,16 +83,14 @@ const CardTitle = ({
|
|
|
86
83
|
CardTitle.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
87
84
|
title: PropTypes.string,
|
|
88
85
|
empty: PropTypes.bool,
|
|
89
|
-
courseContent: PropTypes.bool
|
|
90
|
-
theme: PropTypes.oneOf(_keys(THEMES))
|
|
86
|
+
courseContent: PropTypes.bool
|
|
91
87
|
} : {};
|
|
92
88
|
|
|
93
89
|
const AuthorName = ({
|
|
94
90
|
author,
|
|
95
91
|
empty,
|
|
96
92
|
courseContent,
|
|
97
|
-
certifiedAuthor
|
|
98
|
-
theme
|
|
93
|
+
certifiedAuthor
|
|
99
94
|
}) => {
|
|
100
95
|
const checkIcon = certifiedAuthor ? /*#__PURE__*/React.createElement(CheckIcon, {
|
|
101
96
|
className: classnames(style.authorIcon, courseContent ? style.iconShadow : null),
|
|
@@ -104,7 +99,7 @@ const AuthorName = ({
|
|
|
104
99
|
return /*#__PURE__*/React.createElement("div", {
|
|
105
100
|
"data-name": "author",
|
|
106
101
|
title: author,
|
|
107
|
-
className: classnames(
|
|
102
|
+
className: classnames(style.author, courseContent ? style.lightTitle : style.darkAuthorTitle, empty ? style.empty : null)
|
|
108
103
|
}, /*#__PURE__*/React.createElement("span", null, author), checkIcon);
|
|
109
104
|
};
|
|
110
105
|
|
|
@@ -112,8 +107,7 @@ AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
112
107
|
author: PropTypes.string,
|
|
113
108
|
empty: PropTypes.bool,
|
|
114
109
|
courseContent: PropTypes.bool,
|
|
115
|
-
certifiedAuthor: PropTypes.bool
|
|
116
|
-
theme: PropTypes.oneOf(_keys(THEMES))
|
|
110
|
+
certifiedAuthor: PropTypes.bool
|
|
117
111
|
} : {};
|
|
118
112
|
|
|
119
113
|
const ContentInfo = ({
|
|
@@ -156,8 +150,7 @@ const ContentInfo = ({
|
|
|
156
150
|
}, /*#__PURE__*/React.createElement(ContentTypeInfo, {
|
|
157
151
|
mode: mode,
|
|
158
152
|
type: type,
|
|
159
|
-
externalContent: externalContent
|
|
160
|
-
theme: theme
|
|
153
|
+
externalContent: externalContent
|
|
161
154
|
}), /*#__PURE__*/React.createElement("div", {
|
|
162
155
|
className: classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)
|
|
163
156
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -168,14 +161,12 @@ const ContentInfo = ({
|
|
|
168
161
|
}) : null), /*#__PURE__*/React.createElement(CardTitle, {
|
|
169
162
|
title: title,
|
|
170
163
|
empty: empty,
|
|
171
|
-
courseContent: courseContent
|
|
172
|
-
theme: theme
|
|
164
|
+
courseContent: courseContent
|
|
173
165
|
}), /*#__PURE__*/React.createElement(AuthorName, {
|
|
174
166
|
author: author,
|
|
175
167
|
empty: empty,
|
|
176
168
|
courseContent: courseContent,
|
|
177
|
-
certifiedAuthor: certifiedAuthor
|
|
178
|
-
theme: theme
|
|
169
|
+
certifiedAuthor: certifiedAuthor
|
|
179
170
|
})), progressBar);
|
|
180
171
|
};
|
|
181
172
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","innerHTML","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","theme","context","translate","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","oneOf","CardTitle","title","empty","courseContent","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","category","label"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n HERO: 'hero',\n CARD: 'card'\n};\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent, theme}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD) {\n return null;\n }\n\n if (type === 'chapter') {\n return (\n <div className={classnames(THEMES[theme], style.microLearningIcon)}>\n <TimerIcon className={style.timerIcon} />\n <span className={classnames(THEMES[theme], style.microLearninglabel)}>{\"5' learning\"}</span>\n </div>\n );\n }\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n return (\n <div className={style.contentTypeInfo} style={{color: textColor}}>\n {type === 'scorm' ? translate('external_content_scorm') : ''}\n {type === 'video' ? translate('external_content_video') : ''}\n {type === 'article' ? translate('external_content_article') : ''}\n {type === 'podcast' ? translate('external_content_podcast') : ''}\n </div>\n );\n }\n\n return null;\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n externalContent: PropTypes.bool,\n type: PropTypes.string,\n mode: PropTypes.string,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent, theme}) => {\n return (\n <div\n className={classnames(\n THEMES[theme],\n style.title,\n innerHTML,\n courseContent ? style.lightTitle : style.darkTitle,\n empty ? style.empty : null\n )}\n data-name=\"title\"\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n );\n};\n\nCardTitle.propTypes = {\n title: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, theme}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon\n className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n color=\"inherit\"\n />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n className={classnames(\n THEMES[theme],\n style.author,\n courseContent ? style.lightTitle : style.darkAuthorTitle,\n empty ? style.empty : null\n )}\n >\n <span>{author}</span>\n {checkIcon}\n </div>\n );\n};\n\nAuthorName.propTypes = {\n author: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool,\n certifiedAuthor: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst ContentInfo = ({\n adaptiv,\n author,\n certifiedAuthor = false,\n disabled = false,\n empty = false,\n mode = MODES.CARD,\n progress,\n title,\n type,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n}) => {\n const progressBarColor = '#3EC483';\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const externalContent = isExternalContent(type);\n const courseContent = type === 'course';\n const chapterContent = type === 'chapter';\n\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div data-name=\"progress\" className={style.progress} style={inlineProgressValueStyle} />\n ) : null}\n </div>\n ) : null;\n\n const adaptiveIcon = adaptiv ? (\n <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n <AdaptivIcon height={25} />\n </div>\n ) : null;\n\n return (\n <div\n data-name=\"info\"\n className={classnames(\n THEMES[theme],\n style.infoWrapper,\n mode === MODES.HERO ? style.hero : style.card,\n disabled ? style.progressBarDisabled : null,\n externalContent ? style.externalContent : null\n )}\n >\n <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} theme={theme} />\n <div\n className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n >\n <div className={style.iconWrapper}>\n {adaptiveIcon}\n {!empty && badgeLabel && badgeCategory && courseContent ? (\n <ContentBadge category={badgeCategory} label={badgeLabel} />\n ) : null}\n </div>\n <CardTitle title={title} empty={empty} courseContent={courseContent} theme={theme} />\n <AuthorName\n author={author}\n empty={empty}\n courseContent={courseContent}\n certifiedAuthor={certifiedAuthor}\n theme={theme}\n />\n </div>\n {progressBar}\n </div>\n );\n};\n\nContentInfo.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n adaptiv: PropTypes.bool,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n disabled: PropTypes.bool,\n empty: PropTypes.bool,\n progress: PropTypes.number,\n title: PropTypes.string,\n type: PropTypes.string,\n mode: PropTypes.string,\n badgeCategory: ContentBadge.propTypes.category,\n badgeLabel: ContentBadge.propTypes.label,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nexport default ContentInfo;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","innerHTML","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","CardTitle","title","empty","courseContent","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","category","label","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n HERO: 'hero',\n CARD: 'card'\n};\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD) {\n return null;\n }\n\n if (type === 'chapter') {\n return (\n <div className={style.microLearningIcon}>\n <TimerIcon className={style.timerIcon} />\n <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n </div>\n );\n }\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n return (\n <div className={style.contentTypeInfo} style={{color: textColor}}>\n {type === 'scorm' ? translate('external_content_scorm') : ''}\n {type === 'video' ? translate('external_content_video') : ''}\n {type === 'article' ? translate('external_content_article') : ''}\n {type === 'podcast' ? translate('external_content_podcast') : ''}\n </div>\n );\n }\n\n return null;\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n externalContent: PropTypes.bool,\n type: PropTypes.string,\n mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n return (\n <div\n className={classnames(\n style.title,\n innerHTML,\n courseContent ? style.lightTitle : style.darkTitle,\n empty ? style.empty : null\n )}\n data-name=\"title\"\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n );\n};\n\nCardTitle.propTypes = {\n title: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon\n className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n color=\"inherit\"\n />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n className={classnames(\n style.author,\n courseContent ? style.lightTitle : style.darkAuthorTitle,\n empty ? style.empty : null\n )}\n >\n <span>{author}</span>\n {checkIcon}\n </div>\n );\n};\n\nAuthorName.propTypes = {\n author: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool,\n certifiedAuthor: PropTypes.bool\n};\n\nconst ContentInfo = ({\n adaptiv,\n author,\n certifiedAuthor = false,\n disabled = false,\n empty = false,\n mode = MODES.CARD,\n progress,\n title,\n type,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n}) => {\n const progressBarColor = '#3EC483';\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const externalContent = isExternalContent(type);\n const courseContent = type === 'course';\n const chapterContent = type === 'chapter';\n\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div data-name=\"progress\" className={style.progress} style={inlineProgressValueStyle} />\n ) : null}\n </div>\n ) : null;\n\n const adaptiveIcon = adaptiv ? (\n <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n <AdaptivIcon height={25} />\n </div>\n ) : null;\n\n return (\n <div\n data-name=\"info\"\n className={classnames(\n THEMES[theme],\n style.infoWrapper,\n mode === MODES.HERO ? style.hero : style.card,\n disabled ? style.progressBarDisabled : null,\n externalContent ? style.externalContent : null\n )}\n >\n <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n <div\n className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n >\n <div className={style.iconWrapper}>\n {adaptiveIcon}\n {!empty && badgeLabel && badgeCategory && courseContent ? (\n <ContentBadge category={badgeCategory} label={badgeLabel} />\n ) : null}\n </div>\n <CardTitle title={title} empty={empty} courseContent={courseContent} />\n <AuthorName\n author={author}\n empty={empty}\n courseContent={courseContent}\n certifiedAuthor={certifiedAuthor}\n />\n </div>\n {progressBar}\n </div>\n );\n};\n\nContentInfo.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n adaptiv: PropTypes.bool,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n disabled: PropTypes.bool,\n empty: PropTypes.bool,\n progress: PropTypes.number,\n title: PropTypes.string,\n type: PropTypes.string,\n mode: PropTypes.string,\n badgeCategory: ContentBadge.propTypes.category,\n badgeLabel: ContentBadge.propTypes.label,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nexport default ContentInfo;\n"],"file":"index.js"}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
text-transform: uppercase;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.coorpmanager.microLearninglabel {
|
|
58
|
+
.coorpmanager .microLearninglabel {
|
|
59
59
|
font-size: 6px;
|
|
60
60
|
}
|
|
61
61
|
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
user-select: none;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.coorpmanager.title {
|
|
82
|
+
.coorpmanager .title {
|
|
83
83
|
font-size: 12px;
|
|
84
84
|
font-weight: bold;
|
|
85
85
|
}
|
|
@@ -127,15 +127,11 @@
|
|
|
127
127
|
margin-top: 5px;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.card .coorpmanager.author {
|
|
130
|
+
.card .coorpmanager .author {
|
|
131
131
|
margin-top: 0px;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
.
|
|
135
|
-
margin-top: 5px;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.externalContent .coorpmanager.author {
|
|
134
|
+
.externalContent.coorpmanager .author {
|
|
139
135
|
margin-top: 5px;
|
|
140
136
|
}
|
|
141
137
|
|
|
@@ -244,7 +240,7 @@
|
|
|
244
240
|
font-size: 6px;
|
|
245
241
|
}
|
|
246
242
|
|
|
247
|
-
.externalContent
|
|
243
|
+
.externalContent.cardInfo {
|
|
248
244
|
flex-grow: 2;
|
|
249
245
|
max-height: 115px;
|
|
250
246
|
overflow: hidden;
|
|
@@ -54,8 +54,7 @@ exports.THEMES = THEMES;
|
|
|
54
54
|
const CardBackground = ({
|
|
55
55
|
type,
|
|
56
56
|
image,
|
|
57
|
-
empty
|
|
58
|
-
theme
|
|
57
|
+
empty
|
|
59
58
|
}, {
|
|
60
59
|
skin
|
|
61
60
|
}) => {
|
|
@@ -68,19 +67,19 @@ const CardBackground = ({
|
|
|
68
67
|
const iconColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
|
|
69
68
|
|
|
70
69
|
const backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
|
|
71
|
-
className:
|
|
70
|
+
className: _style.default.externalIconCircleWrapper
|
|
72
71
|
}, /*#__PURE__*/_react.default.createElement(IconType, {
|
|
73
|
-
className:
|
|
72
|
+
className: _style.default.externalIcon
|
|
74
73
|
}));
|
|
75
74
|
|
|
76
75
|
if (image) {
|
|
77
76
|
const _backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
|
|
78
|
-
className: (0, _classnames.default)(
|
|
77
|
+
className: (0, _classnames.default)(_style.default.externalIconCircleWrapper, _style.default.externalIconCircleWithImageWrapper),
|
|
79
78
|
style: {
|
|
80
79
|
backgroundColor: iconColor
|
|
81
80
|
}
|
|
82
81
|
}, /*#__PURE__*/_react.default.createElement(IconType, {
|
|
83
|
-
className:
|
|
82
|
+
className: _style.default.externalIconWithImage
|
|
84
83
|
}));
|
|
85
84
|
|
|
86
85
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -126,7 +125,6 @@ CardBackground.contextTypes = {
|
|
|
126
125
|
skin: _provider.default.childContextTypes.skin
|
|
127
126
|
};
|
|
128
127
|
CardBackground.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
129
|
-
theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES)),
|
|
130
128
|
type: _propTypes.default.string,
|
|
131
129
|
image: _propTypes.default.string,
|
|
132
130
|
empty: _propTypes.default.bool
|
|
@@ -194,8 +192,7 @@ const Card = (0, _react.memo)(function Card(props, context) {
|
|
|
194
192
|
}, /*#__PURE__*/_react.default.createElement(CardBackground, {
|
|
195
193
|
type: type,
|
|
196
194
|
image: image,
|
|
197
|
-
empty: empty
|
|
198
|
-
theme: theme
|
|
195
|
+
empty: empty
|
|
199
196
|
}), (0, _isUndefined2.default)(isSelected) && !(0, _isUndefined2.default)(favorite) ? /*#__PURE__*/_react.default.createElement(_favorite.default, {
|
|
200
197
|
className: _style.default.favorite,
|
|
201
198
|
favorite: favorite,
|
|
@@ -223,7 +220,7 @@ const Card = (0, _react.memo)(function Card(props, context) {
|
|
|
223
220
|
badgeLabel: badgeLabel,
|
|
224
221
|
theme: theme
|
|
225
222
|
}), badge ? /*#__PURE__*/_react.default.createElement("div", {
|
|
226
|
-
className:
|
|
223
|
+
className: _style.default.badge,
|
|
227
224
|
style: inlineBadgeStyle
|
|
228
225
|
}, badge) : null, disabled ? /*#__PURE__*/_react.default.createElement("div", {
|
|
229
226
|
className: _style.default.lockWrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","theme","skin","externalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaSolidLoginLocked as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, theme}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={classnames(THEMES[theme], style.externalIconCircleWrapper)}>\n <IconType className={classnames(THEMES[theme], style.externalIcon)} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n THEMES[theme],\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={classnames(THEMES[theme], style.externalIconWithImage)} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n theme: PropTypes.oneOf(keys(THEMES)),\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n const lock = disabled ? (\n <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n >\n <CardBackground type={type} image={image} empty={empty} theme={theme} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n />\n ) : null}\n <Selectable isSelected={isSelected} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? <Customer {...customer} theme={theme} type={type} disabled={disabled} /> : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n />\n {badge ? (\n <div className={classnames(THEMES[theme], style.badge)} style={inlineBadgeStyle}>\n {badge}\n </div>\n ) : null}\n {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES))\n};\nexport default Card;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","skin","externalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaSolidLoginLocked as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n const lock = disabled ? (\n <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n >\n <CardBackground type={type} image={image} empty={empty} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n />\n ) : null}\n <Selectable isSelected={isSelected} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? <Customer {...customer} theme={theme} type={type} disabled={disabled} /> : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle}>\n {badge}\n </div>\n ) : null}\n {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES))\n};\nexport default Card;\n"],"file":"index.js"}
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
user-select: none;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.coorpmanager.badge {
|
|
236
|
+
.coorpmanager .badge {
|
|
237
237
|
padding: 2px 5px;
|
|
238
238
|
font-size: 7px;
|
|
239
239
|
}
|
|
@@ -389,7 +389,7 @@
|
|
|
389
389
|
margin-top: 20px;
|
|
390
390
|
}
|
|
391
391
|
|
|
392
|
-
.coorpmanager.externalIconWithImage {
|
|
392
|
+
.coorpmanager .externalIconWithImage {
|
|
393
393
|
color: white;
|
|
394
394
|
width: 25px;
|
|
395
395
|
height: 25px;
|
|
@@ -418,8 +418,8 @@
|
|
|
418
418
|
transition: box-shadow 0.25s linear;
|
|
419
419
|
}
|
|
420
420
|
|
|
421
|
-
.coorpmanager.externalIconCircleWithImageWrapper::after,
|
|
422
|
-
.coorpmanager.externalIconCircleWithImageWrapper::before {
|
|
421
|
+
.coorpmanager .externalIconCircleWithImageWrapper::after,
|
|
422
|
+
.coorpmanager .externalIconCircleWithImageWrapper::before {
|
|
423
423
|
content: '';
|
|
424
424
|
width: 50px;
|
|
425
425
|
height: 50px;
|
|
@@ -41,8 +41,7 @@ exports.THEMES = THEMES;
|
|
|
41
41
|
const ContentTypeInfo = ({
|
|
42
42
|
mode,
|
|
43
43
|
type,
|
|
44
|
-
externalContent
|
|
45
|
-
theme
|
|
44
|
+
externalContent
|
|
46
45
|
}, context) => {
|
|
47
46
|
const {
|
|
48
47
|
translate
|
|
@@ -54,11 +53,11 @@ const ContentTypeInfo = ({
|
|
|
54
53
|
|
|
55
54
|
if (type === 'chapter') {
|
|
56
55
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
57
|
-
className:
|
|
56
|
+
className: _style2.default.microLearningIcon
|
|
58
57
|
}, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyTimer, {
|
|
59
58
|
className: _style2.default.timerIcon
|
|
60
59
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
61
|
-
className:
|
|
60
|
+
className: _style2.default.microLearninglabel
|
|
62
61
|
}, "5' learning"));
|
|
63
62
|
}
|
|
64
63
|
|
|
@@ -82,18 +81,16 @@ ContentTypeInfo.contextTypes = {
|
|
|
82
81
|
ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
83
82
|
externalContent: _propTypes.default.bool,
|
|
84
83
|
type: _propTypes.default.string,
|
|
85
|
-
mode: _propTypes.default.string
|
|
86
|
-
theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES))
|
|
84
|
+
mode: _propTypes.default.string
|
|
87
85
|
} : {};
|
|
88
86
|
|
|
89
87
|
const CardTitle = ({
|
|
90
88
|
title,
|
|
91
89
|
empty,
|
|
92
|
-
courseContent
|
|
93
|
-
theme
|
|
90
|
+
courseContent
|
|
94
91
|
}) => {
|
|
95
92
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
96
|
-
className: (0, _classnames.default)(
|
|
93
|
+
className: (0, _classnames.default)(_style2.default.title, _style.innerHTML, courseContent ? _style2.default.lightTitle : _style2.default.darkTitle, empty ? _style2.default.empty : null),
|
|
97
94
|
"data-name": "title",
|
|
98
95
|
title: title // eslint-disable-next-line react/no-danger
|
|
99
96
|
,
|
|
@@ -106,16 +103,14 @@ const CardTitle = ({
|
|
|
106
103
|
CardTitle.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
107
104
|
title: _propTypes.default.string,
|
|
108
105
|
empty: _propTypes.default.bool,
|
|
109
|
-
courseContent: _propTypes.default.bool
|
|
110
|
-
theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES))
|
|
106
|
+
courseContent: _propTypes.default.bool
|
|
111
107
|
} : {};
|
|
112
108
|
|
|
113
109
|
const AuthorName = ({
|
|
114
110
|
author,
|
|
115
111
|
empty,
|
|
116
112
|
courseContent,
|
|
117
|
-
certifiedAuthor
|
|
118
|
-
theme
|
|
113
|
+
certifiedAuthor
|
|
119
114
|
}) => {
|
|
120
115
|
const checkIcon = certifiedAuthor ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
|
|
121
116
|
className: (0, _classnames.default)(_style2.default.authorIcon, courseContent ? _style2.default.iconShadow : null),
|
|
@@ -124,7 +119,7 @@ const AuthorName = ({
|
|
|
124
119
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
125
120
|
"data-name": "author",
|
|
126
121
|
title: author,
|
|
127
|
-
className: (0, _classnames.default)(
|
|
122
|
+
className: (0, _classnames.default)(_style2.default.author, courseContent ? _style2.default.lightTitle : _style2.default.darkAuthorTitle, empty ? _style2.default.empty : null)
|
|
128
123
|
}, /*#__PURE__*/_react.default.createElement("span", null, author), checkIcon);
|
|
129
124
|
};
|
|
130
125
|
|
|
@@ -132,8 +127,7 @@ AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
132
127
|
author: _propTypes.default.string,
|
|
133
128
|
empty: _propTypes.default.bool,
|
|
134
129
|
courseContent: _propTypes.default.bool,
|
|
135
|
-
certifiedAuthor: _propTypes.default.bool
|
|
136
|
-
theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES))
|
|
130
|
+
certifiedAuthor: _propTypes.default.bool
|
|
137
131
|
} : {};
|
|
138
132
|
|
|
139
133
|
const ContentInfo = ({
|
|
@@ -176,8 +170,7 @@ const ContentInfo = ({
|
|
|
176
170
|
}, /*#__PURE__*/_react.default.createElement(ContentTypeInfo, {
|
|
177
171
|
mode: mode,
|
|
178
172
|
type: type,
|
|
179
|
-
externalContent: externalContent
|
|
180
|
-
theme: theme
|
|
173
|
+
externalContent: externalContent
|
|
181
174
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
182
175
|
className: (0, _classnames.default)(_style2.default.cardInfo, chapterContent ? _style2.default.microLearningCardInfo : null)
|
|
183
176
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -188,14 +181,12 @@ const ContentInfo = ({
|
|
|
188
181
|
}) : null), /*#__PURE__*/_react.default.createElement(CardTitle, {
|
|
189
182
|
title: title,
|
|
190
183
|
empty: empty,
|
|
191
|
-
courseContent: courseContent
|
|
192
|
-
theme: theme
|
|
184
|
+
courseContent: courseContent
|
|
193
185
|
}), /*#__PURE__*/_react.default.createElement(AuthorName, {
|
|
194
186
|
author: author,
|
|
195
187
|
empty: empty,
|
|
196
188
|
courseContent: courseContent,
|
|
197
|
-
certifiedAuthor: certifiedAuthor
|
|
198
|
-
theme: theme
|
|
189
|
+
certifiedAuthor: certifiedAuthor
|
|
199
190
|
})), progressBar);
|
|
200
191
|
};
|
|
201
192
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","theme","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","oneOf","CardTitle","title","empty","courseContent","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n HERO: 'hero',\n CARD: 'card'\n};\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent, theme}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD) {\n return null;\n }\n\n if (type === 'chapter') {\n return (\n <div className={classnames(THEMES[theme], style.microLearningIcon)}>\n <TimerIcon className={style.timerIcon} />\n <span className={classnames(THEMES[theme], style.microLearninglabel)}>{\"5' learning\"}</span>\n </div>\n );\n }\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n return (\n <div className={style.contentTypeInfo} style={{color: textColor}}>\n {type === 'scorm' ? translate('external_content_scorm') : ''}\n {type === 'video' ? translate('external_content_video') : ''}\n {type === 'article' ? translate('external_content_article') : ''}\n {type === 'podcast' ? translate('external_content_podcast') : ''}\n </div>\n );\n }\n\n return null;\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n externalContent: PropTypes.bool,\n type: PropTypes.string,\n mode: PropTypes.string,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent, theme}) => {\n return (\n <div\n className={classnames(\n THEMES[theme],\n style.title,\n innerHTML,\n courseContent ? style.lightTitle : style.darkTitle,\n empty ? style.empty : null\n )}\n data-name=\"title\"\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n );\n};\n\nCardTitle.propTypes = {\n title: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, theme}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon\n className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n color=\"inherit\"\n />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n className={classnames(\n THEMES[theme],\n style.author,\n courseContent ? style.lightTitle : style.darkAuthorTitle,\n empty ? style.empty : null\n )}\n >\n <span>{author}</span>\n {checkIcon}\n </div>\n );\n};\n\nAuthorName.propTypes = {\n author: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool,\n certifiedAuthor: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst ContentInfo = ({\n adaptiv,\n author,\n certifiedAuthor = false,\n disabled = false,\n empty = false,\n mode = MODES.CARD,\n progress,\n title,\n type,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n}) => {\n const progressBarColor = '#3EC483';\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const externalContent = isExternalContent(type);\n const courseContent = type === 'course';\n const chapterContent = type === 'chapter';\n\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div data-name=\"progress\" className={style.progress} style={inlineProgressValueStyle} />\n ) : null}\n </div>\n ) : null;\n\n const adaptiveIcon = adaptiv ? (\n <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n <AdaptivIcon height={25} />\n </div>\n ) : null;\n\n return (\n <div\n data-name=\"info\"\n className={classnames(\n THEMES[theme],\n style.infoWrapper,\n mode === MODES.HERO ? style.hero : style.card,\n disabled ? style.progressBarDisabled : null,\n externalContent ? style.externalContent : null\n )}\n >\n <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} theme={theme} />\n <div\n className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n >\n <div className={style.iconWrapper}>\n {adaptiveIcon}\n {!empty && badgeLabel && badgeCategory && courseContent ? (\n <ContentBadge category={badgeCategory} label={badgeLabel} />\n ) : null}\n </div>\n <CardTitle title={title} empty={empty} courseContent={courseContent} theme={theme} />\n <AuthorName\n author={author}\n empty={empty}\n courseContent={courseContent}\n certifiedAuthor={certifiedAuthor}\n theme={theme}\n />\n </div>\n {progressBar}\n </div>\n );\n};\n\nContentInfo.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n adaptiv: PropTypes.bool,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n disabled: PropTypes.bool,\n empty: PropTypes.bool,\n progress: PropTypes.number,\n title: PropTypes.string,\n type: PropTypes.string,\n mode: PropTypes.string,\n badgeCategory: ContentBadge.propTypes.category,\n badgeLabel: ContentBadge.propTypes.label,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nexport default ContentInfo;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n HERO: 'hero',\n CARD: 'card'\n};\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD) {\n return null;\n }\n\n if (type === 'chapter') {\n return (\n <div className={style.microLearningIcon}>\n <TimerIcon className={style.timerIcon} />\n <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n </div>\n );\n }\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n return (\n <div className={style.contentTypeInfo} style={{color: textColor}}>\n {type === 'scorm' ? translate('external_content_scorm') : ''}\n {type === 'video' ? translate('external_content_video') : ''}\n {type === 'article' ? translate('external_content_article') : ''}\n {type === 'podcast' ? translate('external_content_podcast') : ''}\n </div>\n );\n }\n\n return null;\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n externalContent: PropTypes.bool,\n type: PropTypes.string,\n mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n return (\n <div\n className={classnames(\n style.title,\n innerHTML,\n courseContent ? style.lightTitle : style.darkTitle,\n empty ? style.empty : null\n )}\n data-name=\"title\"\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n );\n};\n\nCardTitle.propTypes = {\n title: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon\n className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n color=\"inherit\"\n />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n className={classnames(\n style.author,\n courseContent ? style.lightTitle : style.darkAuthorTitle,\n empty ? style.empty : null\n )}\n >\n <span>{author}</span>\n {checkIcon}\n </div>\n );\n};\n\nAuthorName.propTypes = {\n author: PropTypes.string,\n empty: PropTypes.bool,\n courseContent: PropTypes.bool,\n certifiedAuthor: PropTypes.bool\n};\n\nconst ContentInfo = ({\n adaptiv,\n author,\n certifiedAuthor = false,\n disabled = false,\n empty = false,\n mode = MODES.CARD,\n progress,\n title,\n type,\n badgeCategory,\n badgeLabel,\n theme = 'default'\n}) => {\n const progressBarColor = '#3EC483';\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const externalContent = isExternalContent(type);\n const courseContent = type === 'course';\n const chapterContent = type === 'chapter';\n\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div data-name=\"progress\" className={style.progress} style={inlineProgressValueStyle} />\n ) : null}\n </div>\n ) : null;\n\n const adaptiveIcon = adaptiv ? (\n <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n <AdaptivIcon height={25} />\n </div>\n ) : null;\n\n return (\n <div\n data-name=\"info\"\n className={classnames(\n THEMES[theme],\n style.infoWrapper,\n mode === MODES.HERO ? style.hero : style.card,\n disabled ? style.progressBarDisabled : null,\n externalContent ? style.externalContent : null\n )}\n >\n <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n <div\n className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n >\n <div className={style.iconWrapper}>\n {adaptiveIcon}\n {!empty && badgeLabel && badgeCategory && courseContent ? (\n <ContentBadge category={badgeCategory} label={badgeLabel} />\n ) : null}\n </div>\n <CardTitle title={title} empty={empty} courseContent={courseContent} />\n <AuthorName\n author={author}\n empty={empty}\n courseContent={courseContent}\n certifiedAuthor={certifiedAuthor}\n />\n </div>\n {progressBar}\n </div>\n );\n};\n\nContentInfo.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n adaptiv: PropTypes.bool,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n disabled: PropTypes.bool,\n empty: PropTypes.bool,\n progress: PropTypes.number,\n title: PropTypes.string,\n type: PropTypes.string,\n mode: PropTypes.string,\n badgeCategory: ContentBadge.propTypes.category,\n badgeLabel: ContentBadge.propTypes.label,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nexport default ContentInfo;\n"],"file":"index.js"}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
text-transform: uppercase;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.coorpmanager.microLearninglabel {
|
|
58
|
+
.coorpmanager .microLearninglabel {
|
|
59
59
|
font-size: 6px;
|
|
60
60
|
}
|
|
61
61
|
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
user-select: none;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.coorpmanager.title {
|
|
82
|
+
.coorpmanager .title {
|
|
83
83
|
font-size: 12px;
|
|
84
84
|
font-weight: bold;
|
|
85
85
|
}
|
|
@@ -127,15 +127,11 @@
|
|
|
127
127
|
margin-top: 5px;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.card .coorpmanager.author {
|
|
130
|
+
.card .coorpmanager .author {
|
|
131
131
|
margin-top: 0px;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
.
|
|
135
|
-
margin-top: 5px;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.externalContent .coorpmanager.author {
|
|
134
|
+
.externalContent.coorpmanager .author {
|
|
139
135
|
margin-top: 5px;
|
|
140
136
|
}
|
|
141
137
|
|
|
@@ -244,7 +240,7 @@
|
|
|
244
240
|
font-size: 6px;
|
|
245
241
|
}
|
|
246
242
|
|
|
247
|
-
.externalContent
|
|
243
|
+
.externalContent.cardInfo {
|
|
248
244
|
flex-grow: 2;
|
|
249
245
|
max-height: 115px;
|
|
250
246
|
overflow: hidden;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "10.3.32-alpha.
|
|
3
|
+
"version": "10.3.32-alpha.15+b12e7463d",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -119,5 +119,5 @@
|
|
|
119
119
|
"webpack-hot-middleware": "^2.25.0"
|
|
120
120
|
},
|
|
121
121
|
"author": "CoorpAcademy",
|
|
122
|
-
"gitHead": "
|
|
122
|
+
"gitHead": "b12e7463d53f366362b8dbc7c1d4855a888f9cdc"
|
|
123
123
|
}
|