@coorpacademy/components 11.38.3-alpha.23 → 11.38.3-alpha.26
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-content/index.d.ts.map +1 -1
- package/es/molecule/card-content/index.js +29 -23
- package/es/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/card-content/index.d.ts.map +1 -1
- package/lib/molecule/card-content/index.js +29 -23
- package/lib/molecule/card-content/index.js.map +1 -1
- package/locales/en/global.json +9 -5
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAuIA;;;;;;;;;;;;;;gBA0EC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _keys from "lodash/fp/keys";
|
|
2
2
|
import _isNil from "lodash/fp/isNil";
|
|
3
|
+
import _getOr from "lodash/fp/getOr";
|
|
3
4
|
import _get from "lodash/fp/get";
|
|
4
5
|
import React from 'react';
|
|
5
6
|
import PropTypes from 'prop-types';
|
|
@@ -9,6 +10,7 @@ import Provider from '../../atom/provider';
|
|
|
9
10
|
import ContentBadge from '../../atom/content-badge';
|
|
10
11
|
import Tag from '../../atom/tag';
|
|
11
12
|
import { COLORS } from '../../variables/colors';
|
|
13
|
+
import { isExternalContent } from '../../util/external-content';
|
|
12
14
|
import style from './style.css';
|
|
13
15
|
export const MODES = {
|
|
14
16
|
HERO: 'hero',
|
|
@@ -18,27 +20,12 @@ export const THEMES = {
|
|
|
18
20
|
default: null,
|
|
19
21
|
coorpmanager: style.coorpmanager
|
|
20
22
|
};
|
|
21
|
-
const
|
|
22
|
-
scorm:
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
label: 'external_content_video',
|
|
28
|
-
iconName: 'circle-play'
|
|
29
|
-
},
|
|
30
|
-
article: {
|
|
31
|
-
label: 'external_content_article',
|
|
32
|
-
iconName: 'file-lines'
|
|
33
|
-
},
|
|
34
|
-
podcast: {
|
|
35
|
-
label: 'external_content_podcast',
|
|
36
|
-
iconName: 'microphone-lines'
|
|
37
|
-
},
|
|
38
|
-
course: {
|
|
39
|
-
label: 'Course',
|
|
40
|
-
iconName: 'book-open'
|
|
41
|
-
}
|
|
23
|
+
const ICON_NAME_MAP = {
|
|
24
|
+
scorm: 'rectangle-history',
|
|
25
|
+
video: 'circle-play',
|
|
26
|
+
article: 'file-lines',
|
|
27
|
+
podcast: 'microphone-lines',
|
|
28
|
+
course: 'book-open'
|
|
42
29
|
};
|
|
43
30
|
const ContentTypeInfo = ({
|
|
44
31
|
mode,
|
|
@@ -55,7 +42,24 @@ const ContentTypeInfo = ({
|
|
|
55
42
|
if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {
|
|
56
43
|
return null;
|
|
57
44
|
}
|
|
58
|
-
const
|
|
45
|
+
const getLabel = contentType => {
|
|
46
|
+
switch (contentType) {
|
|
47
|
+
case 'scorm':
|
|
48
|
+
return translate('content_type_scorm');
|
|
49
|
+
case 'video':
|
|
50
|
+
return translate('content_type_video');
|
|
51
|
+
case 'article':
|
|
52
|
+
return translate('content_type_article');
|
|
53
|
+
case 'podcast':
|
|
54
|
+
return translate('content_type_podcast');
|
|
55
|
+
case 'course':
|
|
56
|
+
return translate('content_type_course');
|
|
57
|
+
default:
|
|
58
|
+
return `5'learning`;
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
const label = getLabel(type);
|
|
62
|
+
const iconName = _getOr('stopwatch', type, ICON_NAME_MAP);
|
|
59
63
|
return /*#__PURE__*/React.createElement("div", {
|
|
60
64
|
className: style.contentTypeInfos
|
|
61
65
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
@@ -150,6 +154,8 @@ const ContentInfo = ({
|
|
|
150
154
|
width: `${progress * 100}%`
|
|
151
155
|
};
|
|
152
156
|
const courseContent = type === 'course';
|
|
157
|
+
const chapterContent = type === 'chapter';
|
|
158
|
+
const externalContent = isExternalContent(type);
|
|
153
159
|
const progressBar = mode === MODES.HERO || !empty && !disabled ? /*#__PURE__*/React.createElement("div", {
|
|
154
160
|
className: !_isNil(progress) ? style.progressWrapper : style.hideProgressBar
|
|
155
161
|
}, !disabled ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -161,7 +167,7 @@ const ContentInfo = ({
|
|
|
161
167
|
}) : null) : null;
|
|
162
168
|
return /*#__PURE__*/React.createElement("div", {
|
|
163
169
|
"data-name": "info",
|
|
164
|
-
className: classnames(THEMES[theme], style.infoWrapper, mode === MODES.HERO ? style.hero : style.card, disabled ? style.progressBarDisabled : null, style.externalContent)
|
|
170
|
+
className: classnames(THEMES[theme], style.infoWrapper, mode === MODES.HERO ? style.hero : style.card, disabled ? style.progressBarDisabled : null, chapterContent || courseContent || externalContent ? style.externalContent : null)
|
|
165
171
|
}, /*#__PURE__*/React.createElement(ContentTypeInfo, {
|
|
166
172
|
mode: mode,
|
|
167
173
|
type: type,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","Provider","ContentBadge","Tag","COLORS","style","MODES","HERO","CARD","THEMES","default","coorpmanager","CARD_INFO_MAP","scorm","label","iconName","video","article","podcast","course","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","createElement","className","contentTypeInfos","size","icon","adaptiveIcon","iconShadow","height","_get","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","oneOf","_keys","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","progressBar","_isNil","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","externalContent","cardInfo","cardCourseTitle","iconWrapper","category","number","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\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 CARD_INFO_MAP = {\n scorm: {label: 'external_content_scorm', iconName: 'rectangle-history'},\n video: {label: 'external_content_video', iconName: 'circle-play'},\n article: {label: 'external_content_article', iconName: 'file-lines'},\n podcast: {label: 'external_content_podcast', iconName: 'microphone-lines'},\n course: {label: 'Course', iconName: 'book-open'}\n};\n\nconst ContentTypeInfo = ({mode, type, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n return null;\n }\n const [label, iconName] = CARD_INFO_MAP[type]\n ? [translate(CARD_INFO_MAP[type].label), CARD_INFO_MAP[type].iconName]\n : [`5'learning`, 'stopwatch'];\n return (\n <div className={style.contentTypeInfos}>\n <Tag size=\"S\" label={label} icon={{iconName}} />\n {adaptiv ? (\n <div className={classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)}>\n <AdaptivIcon height={20} aria-label={get('adaptive', ariaLabel)} />\n </div>\n ) : null}\n </div>\n );\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n type: PropTypes.string,\n mode: PropTypes.string,\n adaptiv: PropTypes.bool,\n ariaLabel: PropTypes.string,\n isCourse: PropTypes.bool,\n empty: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n return (\n <div\n className={classnames(\n style.title,\n style.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, 'aria-label': ariaLabel}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n aria-label={ariaLabel}\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 'aria-label': PropTypes.string\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 'aria-label': ariaLabel\n}) => {\n const progressBarColor = COLORS.cm_positive_500;\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const courseContent = type === 'course';\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div\n data-name=\"progress\"\n className={style.progress}\n style={inlineProgressValueStyle}\n role=\"progressbar\"\n aria-label={get('progression', ariaLabel)}\n />\n ) : null}\n </div>\n ) : null;\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 style.externalContent\n )}\n >\n <ContentTypeInfo\n mode={mode}\n type={type}\n adaptiv={adaptiv}\n isCourse={courseContent}\n empty={empty}\n theme={theme}\n />\n <div className={classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)}>\n <div className={style.iconWrapper}>\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 aria-label={get('author', ariaLabel)}\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 'aria-label': PropTypes.shape({\n author: PropTypes.string,\n progression: PropTypes.string,\n adaptive: PropTypes.string\n })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","Provider","ContentBadge","Tag","COLORS","isExternalContent","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ICON_NAME_MAP","scorm","video","article","podcast","course","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","getLabel","contentType","label","iconName","_getOr","createElement","className","contentTypeInfos","size","icon","adaptiveIcon","iconShadow","height","_get","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","oneOf","_keys","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","chapterContent","externalContent","progressBar","_isNil","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","cardInfo","cardCourseTitle","iconWrapper","category","number","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, getOr, isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport {isExternalContent} from '../../util/external-content';\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 ICON_NAME_MAP = {\n scorm: 'rectangle-history',\n video: 'circle-play',\n article: 'file-lines',\n podcast: 'microphone-lines',\n course: 'book-open'\n};\nconst ContentTypeInfo = ({mode, type, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n return null;\n }\n const getLabel = contentType => {\n switch (contentType) {\n case 'scorm':\n return translate('content_type_scorm');\n case 'video':\n return translate('content_type_video');\n case 'article':\n return translate('content_type_article');\n case 'podcast':\n return translate('content_type_podcast');\n case 'course':\n return translate('content_type_course');\n default:\n return `5'learning`;\n }\n };\n const label = getLabel(type);\n const iconName = getOr('stopwatch', type, ICON_NAME_MAP);\n return (\n <div className={style.contentTypeInfos}>\n <Tag size=\"S\" label={label} icon={{iconName}} />\n {adaptiv ? (\n <div className={classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)}>\n <AdaptivIcon height={20} aria-label={get('adaptive', ariaLabel)} />\n </div>\n ) : null}\n </div>\n );\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n type: PropTypes.string,\n mode: PropTypes.string,\n adaptiv: PropTypes.bool,\n ariaLabel: PropTypes.string,\n isCourse: PropTypes.bool,\n empty: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n return (\n <div\n className={classnames(\n style.title,\n style.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, 'aria-label': ariaLabel}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n aria-label={ariaLabel}\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 'aria-label': PropTypes.string\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 'aria-label': ariaLabel\n}) => {\n const progressBarColor = COLORS.cm_positive_500;\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const courseContent = type === 'course';\n const chapterContent = type === 'chapter';\n const externalContent = isExternalContent(type);\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div\n data-name=\"progress\"\n className={style.progress}\n style={inlineProgressValueStyle}\n role=\"progressbar\"\n aria-label={get('progression', ariaLabel)}\n />\n ) : null}\n </div>\n ) : null;\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 chapterContent || courseContent || externalContent ? style.externalContent : null\n )}\n >\n <ContentTypeInfo\n mode={mode}\n type={type}\n adaptiv={adaptiv}\n isCourse={courseContent}\n empty={empty}\n theme={theme}\n />\n <div className={classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)}>\n <div className={style.iconWrapper}>\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 aria-label={get('author', ariaLabel)}\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 'aria-label': PropTypes.shape({\n author: PropTypes.string,\n progression: PropTypes.string,\n adaptive: PropTypes.string\n })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAuIA;;;;;;;;;;;;;;gBA0EC"}
|
|
@@ -4,6 +4,7 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.default = exports.THEMES = exports.MODES = void 0;
|
|
5
5
|
var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
|
|
6
6
|
var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
|
|
7
|
+
var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
|
|
7
8
|
var _get2 = _interopRequireDefault(require("lodash/fp/get"));
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -13,6 +14,7 @@ var _provider = _interopRequireDefault(require("../../atom/provider"));
|
|
|
13
14
|
var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
|
|
14
15
|
var _tag = _interopRequireDefault(require("../../atom/tag"));
|
|
15
16
|
var _colors = require("../../variables/colors");
|
|
17
|
+
var _externalContent = require("../../util/external-content");
|
|
16
18
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
17
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
20
|
const MODES = exports.MODES = {
|
|
@@ -23,27 +25,12 @@ const THEMES = exports.THEMES = {
|
|
|
23
25
|
default: null,
|
|
24
26
|
coorpmanager: _style.default.coorpmanager
|
|
25
27
|
};
|
|
26
|
-
const
|
|
27
|
-
scorm:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
label: 'external_content_video',
|
|
33
|
-
iconName: 'circle-play'
|
|
34
|
-
},
|
|
35
|
-
article: {
|
|
36
|
-
label: 'external_content_article',
|
|
37
|
-
iconName: 'file-lines'
|
|
38
|
-
},
|
|
39
|
-
podcast: {
|
|
40
|
-
label: 'external_content_podcast',
|
|
41
|
-
iconName: 'microphone-lines'
|
|
42
|
-
},
|
|
43
|
-
course: {
|
|
44
|
-
label: 'Course',
|
|
45
|
-
iconName: 'book-open'
|
|
46
|
-
}
|
|
28
|
+
const ICON_NAME_MAP = {
|
|
29
|
+
scorm: 'rectangle-history',
|
|
30
|
+
video: 'circle-play',
|
|
31
|
+
article: 'file-lines',
|
|
32
|
+
podcast: 'microphone-lines',
|
|
33
|
+
course: 'book-open'
|
|
47
34
|
};
|
|
48
35
|
const ContentTypeInfo = ({
|
|
49
36
|
mode,
|
|
@@ -60,7 +47,24 @@ const ContentTypeInfo = ({
|
|
|
60
47
|
if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {
|
|
61
48
|
return null;
|
|
62
49
|
}
|
|
63
|
-
const
|
|
50
|
+
const getLabel = contentType => {
|
|
51
|
+
switch (contentType) {
|
|
52
|
+
case 'scorm':
|
|
53
|
+
return translate('content_type_scorm');
|
|
54
|
+
case 'video':
|
|
55
|
+
return translate('content_type_video');
|
|
56
|
+
case 'article':
|
|
57
|
+
return translate('content_type_article');
|
|
58
|
+
case 'podcast':
|
|
59
|
+
return translate('content_type_podcast');
|
|
60
|
+
case 'course':
|
|
61
|
+
return translate('content_type_course');
|
|
62
|
+
default:
|
|
63
|
+
return `5'learning`;
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
const label = getLabel(type);
|
|
67
|
+
const iconName = (0, _getOr2.default)('stopwatch', type, ICON_NAME_MAP);
|
|
64
68
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
69
|
className: _style.default.contentTypeInfos
|
|
66
70
|
}, /*#__PURE__*/_react.default.createElement(_tag.default, {
|
|
@@ -155,6 +159,8 @@ const ContentInfo = ({
|
|
|
155
159
|
width: `${progress * 100}%`
|
|
156
160
|
};
|
|
157
161
|
const courseContent = type === 'course';
|
|
162
|
+
const chapterContent = type === 'chapter';
|
|
163
|
+
const externalContent = (0, _externalContent.isExternalContent)(type);
|
|
158
164
|
const progressBar = mode === MODES.HERO || !empty && !disabled ? /*#__PURE__*/_react.default.createElement("div", {
|
|
159
165
|
className: !(0, _isNil2.default)(progress) ? _style.default.progressWrapper : _style.default.hideProgressBar
|
|
160
166
|
}, !disabled ? /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -166,7 +172,7 @@ const ContentInfo = ({
|
|
|
166
172
|
}) : null) : null;
|
|
167
173
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
168
174
|
"data-name": "info",
|
|
169
|
-
className: (0, _classnames.default)(THEMES[theme], _style.default.infoWrapper, mode === MODES.HERO ? _style.default.hero : _style.default.card, disabled ? _style.default.progressBarDisabled : null, _style.default.externalContent)
|
|
175
|
+
className: (0, _classnames.default)(THEMES[theme], _style.default.infoWrapper, mode === MODES.HERO ? _style.default.hero : _style.default.card, disabled ? _style.default.progressBarDisabled : null, chapterContent || courseContent || externalContent ? _style.default.externalContent : null)
|
|
170
176
|
}, /*#__PURE__*/_react.default.createElement(ContentTypeInfo, {
|
|
171
177
|
mode: mode,
|
|
172
178
|
type: type,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_contentBadge","_tag","_colors","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","CARD_INFO_MAP","scorm","label","iconName","video","article","podcast","course","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","createElement","className","contentTypeInfos","size","icon","classnames","adaptiveIcon","iconShadow","NovaCompositionCoorpacademyAdaptive","height","_get2","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","oneOf","_keys2","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","COLORS","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","progressBar","_isNil2","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","externalContent","cardInfo","cardCourseTitle","iconWrapper","category","number","ContentBadge","shape","progression","adaptive","_default"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\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 CARD_INFO_MAP = {\n scorm: {label: 'external_content_scorm', iconName: 'rectangle-history'},\n video: {label: 'external_content_video', iconName: 'circle-play'},\n article: {label: 'external_content_article', iconName: 'file-lines'},\n podcast: {label: 'external_content_podcast', iconName: 'microphone-lines'},\n course: {label: 'Course', iconName: 'book-open'}\n};\n\nconst ContentTypeInfo = ({mode, type, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n return null;\n }\n const [label, iconName] = CARD_INFO_MAP[type]\n ? [translate(CARD_INFO_MAP[type].label), CARD_INFO_MAP[type].iconName]\n : [`5'learning`, 'stopwatch'];\n return (\n <div className={style.contentTypeInfos}>\n <Tag size=\"S\" label={label} icon={{iconName}} />\n {adaptiv ? (\n <div className={classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)}>\n <AdaptivIcon height={20} aria-label={get('adaptive', ariaLabel)} />\n </div>\n ) : null}\n </div>\n );\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n type: PropTypes.string,\n mode: PropTypes.string,\n adaptiv: PropTypes.bool,\n ariaLabel: PropTypes.string,\n isCourse: PropTypes.bool,\n empty: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n return (\n <div\n className={classnames(\n style.title,\n style.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, 'aria-label': ariaLabel}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n aria-label={ariaLabel}\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 'aria-label': PropTypes.string\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 'aria-label': ariaLabel\n}) => {\n const progressBarColor = COLORS.cm_positive_500;\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const courseContent = type === 'course';\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div\n data-name=\"progress\"\n className={style.progress}\n style={inlineProgressValueStyle}\n role=\"progressbar\"\n aria-label={get('progression', ariaLabel)}\n />\n ) : null}\n </div>\n ) : null;\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 style.externalContent\n )}\n >\n <ContentTypeInfo\n mode={mode}\n type={type}\n adaptiv={adaptiv}\n isCourse={courseContent}\n empty={empty}\n theme={theme}\n />\n <div className={classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)}>\n <div className={style.iconWrapper}>\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 aria-label={get('author', ariaLabel)}\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 'aria-label': PropTypes.shape({\n author: PropTypes.string,\n progression: PropTypes.string,\n adaptive: PropTypes.string\n })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_contentBadge","_tag","_colors","_externalContent","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","ICON_NAME_MAP","scorm","video","article","podcast","course","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","getLabel","contentType","label","iconName","_getOr2","createElement","className","contentTypeInfos","size","icon","classnames","adaptiveIcon","iconShadow","NovaCompositionCoorpacademyAdaptive","height","_get2","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","oneOf","_keys2","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","COLORS","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","chapterContent","externalContent","isExternalContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","cardInfo","cardCourseTitle","iconWrapper","category","number","ContentBadge","shape","progression","adaptive","_default"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, getOr, isNil, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport {isExternalContent} from '../../util/external-content';\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 ICON_NAME_MAP = {\n scorm: 'rectangle-history',\n video: 'circle-play',\n article: 'file-lines',\n podcast: 'microphone-lines',\n course: 'book-open'\n};\nconst ContentTypeInfo = ({mode, type, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n const {translate} = context;\n if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n return null;\n }\n const getLabel = contentType => {\n switch (contentType) {\n case 'scorm':\n return translate('content_type_scorm');\n case 'video':\n return translate('content_type_video');\n case 'article':\n return translate('content_type_article');\n case 'podcast':\n return translate('content_type_podcast');\n case 'course':\n return translate('content_type_course');\n default:\n return `5'learning`;\n }\n };\n const label = getLabel(type);\n const iconName = getOr('stopwatch', type, ICON_NAME_MAP);\n return (\n <div className={style.contentTypeInfos}>\n <Tag size=\"S\" label={label} icon={{iconName}} />\n {adaptiv ? (\n <div className={classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)}>\n <AdaptivIcon height={20} aria-label={get('adaptive', ariaLabel)} />\n </div>\n ) : null}\n </div>\n );\n};\n\nContentTypeInfo.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n type: PropTypes.string,\n mode: PropTypes.string,\n adaptiv: PropTypes.bool,\n ariaLabel: PropTypes.string,\n isCourse: PropTypes.bool,\n empty: PropTypes.bool,\n theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n return (\n <div\n className={classnames(\n style.title,\n style.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, 'aria-label': ariaLabel}) => {\n const checkIcon = certifiedAuthor ? (\n <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n ) : null;\n\n return (\n <div\n data-name=\"author\"\n title={author}\n aria-label={ariaLabel}\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 'aria-label': PropTypes.string\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 'aria-label': ariaLabel\n}) => {\n const progressBarColor = COLORS.cm_positive_500;\n const inlineProgressValueStyle = {\n backgroundColor: progressBarColor,\n width: `${progress * 100}%`\n };\n const courseContent = type === 'course';\n const chapterContent = type === 'chapter';\n const externalContent = isExternalContent(type);\n const progressBar =\n mode === MODES.HERO || (!empty && !disabled) ? (\n <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n {!disabled ? (\n <div\n data-name=\"progress\"\n className={style.progress}\n style={inlineProgressValueStyle}\n role=\"progressbar\"\n aria-label={get('progression', ariaLabel)}\n />\n ) : null}\n </div>\n ) : null;\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 chapterContent || courseContent || externalContent ? style.externalContent : null\n )}\n >\n <ContentTypeInfo\n mode={mode}\n type={type}\n adaptiv={adaptiv}\n isCourse={courseContent}\n empty={empty}\n theme={theme}\n />\n <div className={classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)}>\n <div className={style.iconWrapper}>\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 aria-label={get('author', ariaLabel)}\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 'aria-label': PropTypes.shape({\n author: PropTypes.string,\n progression: PropTypes.string,\n adaptive: PropTypes.string\n })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}
|
package/locales/en/global.json
CHANGED
|
@@ -66,11 +66,10 @@
|
|
|
66
66
|
"answer_the_question": "Answer the question",
|
|
67
67
|
"Edit": "Edit",
|
|
68
68
|
"Explore": "Explore",
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"external_content_podcast": "Podcasts",
|
|
69
|
+
"external_content_article": "DOCUMENTS",
|
|
70
|
+
"external_content_scorm": "ANIMATED RESOURCES",
|
|
71
|
+
"external_content_video": "VIDEOS",
|
|
72
|
+
"external_content_podcast": "PODCASTS",
|
|
74
73
|
"empty_search_result_title": "No results for ”{{searchValue}}”",
|
|
75
74
|
"empty_search_result_description": "Try adjusting your search to find what you are looking for.",
|
|
76
75
|
"empty_search_result_clear_search": "Clear search",
|
|
@@ -182,6 +181,11 @@
|
|
|
182
181
|
"invalid_scorm": "scorm file is not valid",
|
|
183
182
|
"show_errors": "show errors"
|
|
184
183
|
},
|
|
184
|
+
"content_type_article": "Article",
|
|
185
|
+
"content_type_video": "Video",
|
|
186
|
+
"content_type_podcast": "Podcast",
|
|
187
|
+
"content_type_scorm": "Animated resource",
|
|
188
|
+
"content_type_course": "Course",
|
|
185
189
|
"review_this_skill": "Review this skill",
|
|
186
190
|
"review_skill_empty": "You have no skill to revise yet",
|
|
187
191
|
"review_skill_empty_description": "First you need to complete courses before you can review different skills.",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.38.3-alpha.
|
|
3
|
+
"version": "11.38.3-alpha.26+f19098f28",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -165,5 +165,5 @@
|
|
|
165
165
|
"last 2 versions",
|
|
166
166
|
"IE 11"
|
|
167
167
|
],
|
|
168
|
-
"gitHead": "
|
|
168
|
+
"gitHead": "f19098f289a73e1965c57da864e94980297bc6cb"
|
|
169
169
|
}
|