@coorpacademy/components 11.11.4-alpha.1 → 11.11.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/atom/input-switch/index.js +1 -3
- package/es/atom/input-switch/index.js.map +1 -1
- package/es/molecule/card-content/index.d.ts.map +1 -1
- package/es/molecule/card-content/index.js +1 -0
- package/es/molecule/card-content/index.js.map +1 -1
- package/es/molecule/forum/forum-post/index.d.ts.map +1 -1
- package/es/molecule/forum/forum-post/index.js +4 -2
- package/es/molecule/forum/forum-post/index.js.map +1 -1
- package/es/molecule/review-card-congrats/index.d.ts.map +1 -1
- package/es/molecule/review-card-congrats/index.js +3 -2
- package/es/molecule/review-card-congrats/index.js.map +1 -1
- package/es/molecule/review-correction-popin/index.d.ts.map +1 -1
- package/es/molecule/review-correction-popin/index.js +3 -3
- package/es/molecule/review-correction-popin/index.js.map +1 -1
- package/es/template/app-player/popin-header/index.d.ts.map +1 -1
- package/es/template/app-player/popin-header/index.js +2 -1
- package/es/template/app-player/popin-header/index.js.map +1 -1
- package/lib/atom/input-switch/index.js +1 -3
- package/lib/atom/input-switch/index.js.map +1 -1
- package/lib/molecule/card-content/index.d.ts.map +1 -1
- package/lib/molecule/card-content/index.js +1 -0
- package/lib/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/forum/forum-post/index.d.ts.map +1 -1
- package/lib/molecule/forum/forum-post/index.js +4 -2
- package/lib/molecule/forum/forum-post/index.js.map +1 -1
- package/lib/molecule/review-card-congrats/index.d.ts.map +1 -1
- package/lib/molecule/review-card-congrats/index.js +3 -2
- package/lib/molecule/review-card-congrats/index.js.map +1 -1
- package/lib/molecule/review-correction-popin/index.d.ts.map +1 -1
- package/lib/molecule/review-correction-popin/index.js +3 -3
- package/lib/molecule/review-correction-popin/index.js.map +1 -1
- package/lib/template/app-player/popin-header/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-header/index.js +2 -1
- package/lib/template/app-player/popin-header/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -94,9 +94,7 @@ const InputSwitch = props => {
|
|
|
94
94
|
tabIndex: 0
|
|
95
95
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
96
96
|
className: !details ? style.alignedTextContainer : null
|
|
97
|
-
}, titlePosition === 'right' ? {
|
|
98
|
-
titleView
|
|
99
|
-
} : null, details ? /*#__PURE__*/React.createElement("div", {
|
|
97
|
+
}, titlePosition === 'right' ? titleView : null, details ? /*#__PURE__*/React.createElement("div", {
|
|
100
98
|
className: style.detailsTxt
|
|
101
99
|
}, details) : null), descriptionView);
|
|
102
100
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","isDisabled","handleChange","e","target","checked","titleView","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {\n title,\n name,\n id,\n value,\n disabled,\n onChange = noop,\n description,\n modified = false,\n theme = 'default',\n titlePosition = 'left',\n details = '',\n requiredSelection = false,\n 'data-name': dataName,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-label': ariaLabel\n } = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? (\n <span id={`title-view-${dataName}`} className={style.title}>\n {`${title} `}{' '}\n </span>\n ) : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const getClass = () => {\n switch (theme) {\n case 'coorpmanager':\n return {\n defaultClass: style.coorpmanager,\n modifiedClass: style.coorpmanagerModified\n };\n case 'mooc':\n return {\n defaultClass: style.partielUncheck,\n modifiedClass: style.coorpmanagerModified\n };\n default:\n return {defaultClass: style.default, modifiedClass: style.modified};\n }\n };\n const {defaultClass, modifiedClass} = getClass();\n const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n return (\n <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n {titlePosition === 'left' ? titleView : null}\n <div className={requiredSelection ? style.requiredSelection : null}>\n <div className={style.btnSwitchContainer}>\n <input\n {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n aria-labelledby={ariaLabelledBy}\n />\n <label htmlFor={idSwitch} data-name=\"input-switch-label\" tabIndex={0} />\n </div>\n </div>\n <div className={!details ? style.alignedTextContainer : null}>\n {titlePosition === 'right' ?
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","isDisabled","handleChange","e","target","checked","titleView","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {\n title,\n name,\n id,\n value,\n disabled,\n onChange = noop,\n description,\n modified = false,\n theme = 'default',\n titlePosition = 'left',\n details = '',\n requiredSelection = false,\n 'data-name': dataName,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-label': ariaLabel\n } = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? (\n <span id={`title-view-${dataName}`} className={style.title}>\n {`${title} `}{' '}\n </span>\n ) : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const getClass = () => {\n switch (theme) {\n case 'coorpmanager':\n return {\n defaultClass: style.coorpmanager,\n modifiedClass: style.coorpmanagerModified\n };\n case 'mooc':\n return {\n defaultClass: style.partielUncheck,\n modifiedClass: style.coorpmanagerModified\n };\n default:\n return {defaultClass: style.default, modifiedClass: style.modified};\n }\n };\n const {defaultClass, modifiedClass} = getClass();\n const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n return (\n <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n {titlePosition === 'left' ? titleView : null}\n <div className={requiredSelection ? style.requiredSelection : null}>\n <div className={style.btnSwitchContainer}>\n <input\n {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n aria-labelledby={ariaLabelledBy}\n />\n <label htmlFor={idSwitch} data-name=\"input-switch-label\" tabIndex={0} />\n </div>\n </div>\n <div className={!details ? style.alignedTextContainer : null}>\n {titlePosition === 'right' ? titleView : null}\n {details ? <div className={style.detailsTxt}>{details}</div> : null}\n </div>\n {descriptionView}\n </div>\n );\n};\n\nInputSwitch.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.string,\n value: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n description: PropTypes.string,\n 'aria-labelledby': PropTypes.string,\n 'aria-label': PropTypes.string,\n modified: PropTypes.bool,\n titlePosition: PropTypes.oneOf(['right', 'left']),\n theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n details: PropTypes.string,\n 'data-name': PropTypes.string,\n requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;gBA8EC"}
|
|
@@ -141,6 +141,7 @@ const ContentInfo = ({
|
|
|
141
141
|
"data-name": "progress",
|
|
142
142
|
className: style.progress,
|
|
143
143
|
style: inlineProgressValueStyle,
|
|
144
|
+
role: "progressbar",
|
|
144
145
|
"aria-label": _get('progression', ariaLabel)
|
|
145
146
|
}) : null) : null;
|
|
146
147
|
const adaptiveIcon = adaptiv ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","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","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","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","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 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 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 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 = '#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\n data-name=\"progress\"\n className={style.progress}\n style={inlineProgressValueStyle}\n aria-label={get('progression', ariaLabel)}\n />\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} aria-label={get('adaptive', ariaLabel)} />\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 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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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","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","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","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","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 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 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 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 = '#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\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\n const adaptiveIcon = adaptiv ? (\n <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\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 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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,kEAsJC"}
|
|
@@ -112,10 +112,12 @@ const ForumPost = (props, context) => {
|
|
|
112
112
|
color,
|
|
113
113
|
display: rejectable ? 'block' : 'none'
|
|
114
114
|
}
|
|
115
|
-
}, rejected ? putBackLabel : rejectLabel), /*#__PURE__*/React.createElement("div", {
|
|
115
|
+
}, rejected ? putBackLabel : rejectLabel), deleted ? /*#__PURE__*/React.createElement("div", {
|
|
116
116
|
className: messageClassName,
|
|
117
117
|
role: "status"
|
|
118
|
-
},
|
|
118
|
+
}, infoDeleted) : /*#__PURE__*/React.createElement("div", {
|
|
119
|
+
className: messageClassName
|
|
120
|
+
}, message), /*#__PURE__*/React.createElement("div", {
|
|
119
121
|
className: `${style.edition} ${showEditBox ? style.visible : ''}`
|
|
120
122
|
}, /*#__PURE__*/React.createElement(ForumComment, {
|
|
121
123
|
avatar: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classnames","PropTypes","SrcPropType","Provider","Picture","ForumComment","style","ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","deletedMessage","hiddenMessage","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","childContextTypes","propTypes","string","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n const {translate, skin} = context;\n const {\n id,\n author,\n avatar,\n avatarAlt,\n profileAvatarAlt,\n date,\n message,\n answer,\n answerPostDisabled = false,\n answerTextareaDisabled = false,\n answerAvatar,\n answerable = true,\n editable = false,\n rejectable = false,\n mainPost = false,\n rejected = false,\n deleted = false,\n edition,\n editionPostDisabled = false,\n editionTextareaDisabled = false,\n showAnswerBox = false,\n showEditBox = false,\n onAnswer = identity,\n onEdit = identity,\n onPostAnswer = identity,\n onPostEdition = identity,\n onChangeAnswer = identity,\n onChangeEdition = identity,\n onModerate,\n onDelete\n } = props;\n const color = get('common.primary', skin);\n\n const infoDeleted = translate('This message has been removed by its author');\n const answerLabel = translate('Answer');\n const editLabel = translate('Edit');\n const deleteLabel = translate('Delete');\n const rejectLabel = translate('Reject');\n const putBackLabel = translate('Put back');\n let messageClassName = style.message;\n if (deleted) {\n messageClassName = style.deletedMessage;\n } else if (showEditBox) {\n messageClassName = style.hiddenMessage;\n }\n\n return (\n <div\n data-name=\"forumPost\"\n id={`forum-post-${id || 'to-be-posted'}`}\n className={classnames(\n mainPost ? style.mainPost : null,\n rejected ? style.rejected : style.post\n )}\n >\n <div className={style.avatarWrapper}>\n <div className={style.image}>\n <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n </div>\n <span data-name=\"author\" className={style.author}>\n {author}\n </span>\n </div>\n <div className={style.content}>\n <div>\n <span className={style.date}>{date}</span>\n </div>\n <div className={style.body}>\n <span\n className={style.action}\n onClick={onAnswer}\n style={{\n color,\n display: answerable && !deleted && !rejected ? 'block' : 'none'\n }}\n >\n {answerLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onEdit}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {editLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onDelete}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {deleteLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onModerate}\n style={{\n color,\n display: rejectable ? 'block' : 'none'\n }}\n >\n {rejected ? putBackLabel : rejectLabel}\n </span>\n\n <div className={messageClassName} role=\"status\">\n {deleted ? infoDeleted : message}\n </div>\n\n <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n <ForumComment\n avatar={null}\n profileAvatarAlt={profileAvatarAlt}\n value={edition}\n textareaDisabled={editionTextareaDisabled}\n postDisabled={editionPostDisabled}\n onPost={onPostEdition}\n onChange={onChangeEdition}\n />\n </div>\n\n <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n <ForumComment\n avatar={answerAvatar}\n profileAvatarAlt={profileAvatarAlt}\n textareaDisabled={answerTextareaDisabled}\n postDisabled={answerPostDisabled}\n value={answer}\n onPost={onPostAnswer}\n onChange={onChangeAnswer}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nForumPost.contextTypes = {\n translate: Provider.childContextTypes.translate,\n skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n id: PropTypes.string,\n author: PropTypes.string,\n avatarAlt: PropTypes.string,\n profileAvatarAlt: PropTypes.string,\n date: PropTypes.string,\n message: PropTypes.string,\n avatar: SrcPropType,\n answerAvatar: SrcPropType,\n answer: PropTypes.string,\n edition: PropTypes.string,\n showAnswerBox: PropTypes.bool,\n showEditBox: PropTypes.bool,\n mainPost: PropTypes.bool,\n onAnswer: PropTypes.func,\n onEdit: PropTypes.func,\n onPostAnswer: PropTypes.func,\n onPostEdition: PropTypes.func,\n onChangeAnswer: PropTypes.func,\n onChangeEdition: PropTypes.func,\n onModerate: PropTypes.func,\n onDelete: PropTypes.func,\n answerPostDisabled: PropTypes.bool,\n answerTextareaDisabled: PropTypes.bool,\n answerable: PropTypes.bool,\n editable: PropTypes.bool,\n rejectable: PropTypes.bool,\n rejected: PropTypes.bool,\n deleted: PropTypes.bool,\n editionPostDisabled: PropTypes.bool,\n editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","classnames","PropTypes","SrcPropType","Provider","Picture","ForumComment","style","ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","deletedMessage","hiddenMessage","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","childContextTypes","propTypes","string","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n const {translate, skin} = context;\n const {\n id,\n author,\n avatar,\n avatarAlt,\n profileAvatarAlt,\n date,\n message,\n answer,\n answerPostDisabled = false,\n answerTextareaDisabled = false,\n answerAvatar,\n answerable = true,\n editable = false,\n rejectable = false,\n mainPost = false,\n rejected = false,\n deleted = false,\n edition,\n editionPostDisabled = false,\n editionTextareaDisabled = false,\n showAnswerBox = false,\n showEditBox = false,\n onAnswer = identity,\n onEdit = identity,\n onPostAnswer = identity,\n onPostEdition = identity,\n onChangeAnswer = identity,\n onChangeEdition = identity,\n onModerate,\n onDelete\n } = props;\n const color = get('common.primary', skin);\n\n const infoDeleted = translate('This message has been removed by its author');\n const answerLabel = translate('Answer');\n const editLabel = translate('Edit');\n const deleteLabel = translate('Delete');\n const rejectLabel = translate('Reject');\n const putBackLabel = translate('Put back');\n let messageClassName = style.message;\n if (deleted) {\n messageClassName = style.deletedMessage;\n } else if (showEditBox) {\n messageClassName = style.hiddenMessage;\n }\n\n return (\n <div\n data-name=\"forumPost\"\n id={`forum-post-${id || 'to-be-posted'}`}\n className={classnames(\n mainPost ? style.mainPost : null,\n rejected ? style.rejected : style.post\n )}\n >\n <div className={style.avatarWrapper}>\n <div className={style.image}>\n <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n </div>\n <span data-name=\"author\" className={style.author}>\n {author}\n </span>\n </div>\n <div className={style.content}>\n <div>\n <span className={style.date}>{date}</span>\n </div>\n <div className={style.body}>\n <span\n className={style.action}\n onClick={onAnswer}\n style={{\n color,\n display: answerable && !deleted && !rejected ? 'block' : 'none'\n }}\n >\n {answerLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onEdit}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {editLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onDelete}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {deleteLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onModerate}\n style={{\n color,\n display: rejectable ? 'block' : 'none'\n }}\n >\n {rejected ? putBackLabel : rejectLabel}\n </span>\n\n {deleted ? (\n <div className={messageClassName} role=\"status\">\n {infoDeleted}\n </div>\n ) : (\n <div className={messageClassName}>{message}</div>\n )}\n\n <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n <ForumComment\n avatar={null}\n profileAvatarAlt={profileAvatarAlt}\n value={edition}\n textareaDisabled={editionTextareaDisabled}\n postDisabled={editionPostDisabled}\n onPost={onPostEdition}\n onChange={onChangeEdition}\n />\n </div>\n\n <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n <ForumComment\n avatar={answerAvatar}\n profileAvatarAlt={profileAvatarAlt}\n textareaDisabled={answerTextareaDisabled}\n postDisabled={answerPostDisabled}\n value={answer}\n onPost={onPostAnswer}\n onChange={onChangeAnswer}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nForumPost.contextTypes = {\n translate: Provider.childContextTypes.translate,\n skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n id: PropTypes.string,\n author: PropTypes.string,\n avatarAlt: PropTypes.string,\n profileAvatarAlt: PropTypes.string,\n date: PropTypes.string,\n message: PropTypes.string,\n avatar: SrcPropType,\n answerAvatar: SrcPropType,\n answer: PropTypes.string,\n edition: PropTypes.string,\n showAnswerBox: PropTypes.bool,\n showEditBox: PropTypes.bool,\n mainPost: PropTypes.bool,\n onAnswer: PropTypes.func,\n onEdit: PropTypes.func,\n onPostAnswer: PropTypes.func,\n onPostEdition: PropTypes.func,\n onChangeAnswer: PropTypes.func,\n onChangeEdition: PropTypes.func,\n onModerate: PropTypes.func,\n onDelete: PropTypes.func,\n answerPostDisabled: PropTypes.bool,\n answerTextareaDisabled: PropTypes.bool,\n answerable: PropTypes.bool,\n editable: PropTypes.bool,\n rejectable: PropTypes.bool,\n rejected: PropTypes.bool,\n deleted: PropTypes.bool,\n editionPostDisabled: PropTypes.bool,\n editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,6DAqEC"}
|
|
@@ -45,7 +45,6 @@ const ReviewCardCongrats = props => {
|
|
|
45
45
|
const wrapperClassName = classnames(className, style.cardContainer, cardType === 'card-star' ? style.cardStar : style.cardRank);
|
|
46
46
|
return /*#__PURE__*/React.createElement("div", {
|
|
47
47
|
className: wrapperClassName,
|
|
48
|
-
"aria-label": ariaLabel,
|
|
49
48
|
"data-name": dataName
|
|
50
49
|
}, /*#__PURE__*/React.createElement("div", {
|
|
51
50
|
className: style.mainIcon
|
|
@@ -57,7 +56,9 @@ const ReviewCardCongrats = props => {
|
|
|
57
56
|
className: style.wrapperLottie,
|
|
58
57
|
backupImageClassName: style.ie11Backup
|
|
59
58
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
60
|
-
className: style.title
|
|
59
|
+
className: style.title,
|
|
60
|
+
role: "status",
|
|
61
|
+
"aria-label": ariaLabel
|
|
61
62
|
}, reviewCardTitle), /*#__PURE__*/React.createElement("div", {
|
|
62
63
|
className: cardType === 'card-star' ? style.textContainerStar : style.textContainerRank
|
|
63
64
|
}, cardType === 'card-rank' ? /*#__PURE__*/React.createElement(RankIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useEffect","useState","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","LottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","propTypes","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","progress","iconStar"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n setIsAnimationVisible('play');\n setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n cardType,\n iconAriaLabel,\n className,\n reviewCardTitle,\n reviewCardValue,\n rankSuffix,\n timerAnimation\n } = props;\n\n const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n const [isAnimated, setIsAnimated] = useState(false);\n\n useEffect(() => {\n let timer;\n // istanbul ignore else\n if (!isAnimationVisible || !isAnimated) {\n timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n }\n return () => timer && clearTimeout(timer);\n }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n const wrapperClassName = classnames(\n className,\n style.cardContainer,\n cardType === 'card-star' ? style.cardStar : style.cardRank\n );\n\n return (\n <div className={wrapperClassName}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useEffect","useState","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","LottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","propTypes","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","progress","iconStar"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n setIsAnimationVisible('play');\n setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n cardType,\n iconAriaLabel,\n className,\n reviewCardTitle,\n reviewCardValue,\n rankSuffix,\n timerAnimation\n } = props;\n\n const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n const [isAnimated, setIsAnimated] = useState(false);\n\n useEffect(() => {\n let timer;\n // istanbul ignore else\n if (!isAnimationVisible || !isAnimated) {\n timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n }\n return () => timer && clearTimeout(timer);\n }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n const wrapperClassName = classnames(\n className,\n style.cardContainer,\n cardType === 'card-star' ? style.cardStar : style.cardRank\n );\n\n return (\n <div className={wrapperClassName} data-name={dataName}>\n <div className={style.mainIcon}>\n <LottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={isAnimationVisible}\n autoplay={false}\n data-name=\"lottie-wrapper\"\n className={style.wrapperLottie}\n backupImageClassName={style.ie11Backup}\n />\n </div>\n <div className={style.title} role=\"status\" aria-label={ariaLabel}>\n {reviewCardTitle}\n </div>\n <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n {cardType === 'card-rank' ? (\n <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n ) : null}\n <AnimationScheduler animated={isAnimated}>\n <div>\n <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n {cardType === 'card-star' ? (\n <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n ) : (\n <div className={style.rankSuffix}>{rankSuffix}</div>\n )}\n </div>\n </div>\n );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAoCA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAoCA,gEAqDC"}
|
|
@@ -64,10 +64,10 @@ const ReviewCorrectionPopin = props => {
|
|
|
64
64
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
65
65
|
className: type === 'right' ? style.iconRight : style.iconWrong
|
|
66
66
|
})), /*#__PURE__*/React.createElement("div", {
|
|
67
|
-
className: style.resultLabel
|
|
68
|
-
"aria-label": "result"
|
|
67
|
+
className: style.resultLabel
|
|
69
68
|
}, /*#__PURE__*/React.createElement("span", {
|
|
70
|
-
"aria-label": resultLabel
|
|
69
|
+
"aria-label": resultLabel,
|
|
70
|
+
role: "status"
|
|
71
71
|
}, resultLabel))), /*#__PURE__*/React.createElement("div", {
|
|
72
72
|
className: style.feedbackSection
|
|
73
73
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n const klfButtonProps = {\n ...klf,\n icon: {\n position: 'left',\n type: 'key'\n },\n type: 'primary'\n };\n\n return (\n <div className={style.klfContainer}>\n <div className={style.klfButtonContainer}>\n <ButtonLink {...klfButtonProps} className={style.klfButton} />\n </div>\n <div className={style.toolTip}>\n <span\n className={style.tooltipText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: klf.tooltip}}\n />\n </div>\n </div>\n );\n};\n\nconst ReviewCorrectionPopin = props => {\n const {information, resultLabel, type, klf, next} = props;\n\n const nextQuestionButtonProps = {\n ...next,\n type: 'primary'\n };\n\n const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n const ICONS = {\n right: RightIcon,\n wrong: WrongIcon\n };\n const Icon = ICONS[type];\n\n return (\n <div className={style.wrapper} data-testid=\"review-correction-popin\">\n <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n <div className={style.correctionSection}>\n <div className={style.iconCircle}>\n <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n </div>\n <div className={style.resultLabel}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n const klfButtonProps = {\n ...klf,\n icon: {\n position: 'left',\n type: 'key'\n },\n type: 'primary'\n };\n\n return (\n <div className={style.klfContainer}>\n <div className={style.klfButtonContainer}>\n <ButtonLink {...klfButtonProps} className={style.klfButton} />\n </div>\n <div className={style.toolTip}>\n <span\n className={style.tooltipText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: klf.tooltip}}\n />\n </div>\n </div>\n );\n};\n\nconst ReviewCorrectionPopin = props => {\n const {information, resultLabel, type, klf, next} = props;\n\n const nextQuestionButtonProps = {\n ...next,\n type: 'primary'\n };\n\n const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n const ICONS = {\n right: RightIcon,\n wrong: WrongIcon\n };\n const Icon = ICONS[type];\n\n return (\n <div className={style.wrapper} data-testid=\"review-correction-popin\">\n <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n <div className={style.correctionSection}>\n <div className={style.iconCircle}>\n <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n </div>\n <div className={style.resultLabel}>\n <span aria-label={resultLabel} role=\"status\">\n {resultLabel}\n </span>\n </div>\n </div>\n <div className={style.feedbackSection}>\n <div className={style.information} aria-label=\"answer-information\">\n <div className={style.labelContainer}>\n <span className={style.label} aria-label={information.label}>\n {information.label}\n </span>\n </div>\n <span\n className={style.message}\n aria-label={information.message}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: information.message}}\n />\n </div>\n </div>\n <div className={type === 'right' ? style.actions : style.actionsWrong}>\n {cta}\n <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,cAAc,GAAGC,GAAG,IAAI;EAC5B,MAAMC,cAAc,gBACfD,GADe;IAElBE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,IAAI,EAAE;IAFF,CAFY;IAMlBA,IAAI,EAAE;EANY,EAApB;;EASA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE,oBAAC,UAAD,eAAgBL,cAAhB;IAAgC,SAAS,EAAEJ,KAAK,CAACU;EAAjD,GADF,CADF,eAIE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IACE,SAAS,EAAEX,KAAK,CAACY,WADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEV,GAAG,CAACW;IAAb;EAH3B,EADF,CAJF,CADF;AAcD,CAxBD;;AA0BA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,WAAD;IAAcC,WAAd;IAA2BX,IAA3B;IAAiCJ,GAAjC;IAAsCgB;EAAtC,IAA8CH,KAApD;;EAEA,MAAMI,uBAAuB,gBACxBD,IADwB;IAE3BZ,IAAI,EAAE;EAFqB,EAA7B;;EAKA,MAAMc,GAAG,GAAGd,IAAI,KAAK,OAAT,GAAmBL,cAAc,CAACC,GAAD,CAAjC,GAAyC,IAArD;EAEA,MAAMmB,KAAK,GAAG;IACZC,KAAK,EAAE3B,SADK;IAEZ4B,KAAK,EAAE1B;EAFK,CAAd;EAIA,MAAM2B,IAAI,GAAGH,KAAK,CAACf,IAAD,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAAC0B,OAAtB;IAA+B,eAAY;EAA3C,gBACE;IAAK,SAAS,EAAEhC,UAAU,CAACM,KAAK,CAAC2B,KAAP,EAAcpB,IAAI,KAAK,OAAT,GAAmBP,KAAK,CAACuB,KAAzB,GAAiCvB,KAAK,CAACwB,KAArD;EAA1B,gBACE;IAAK,SAAS,EAAExB,KAAK,CAAC4B;EAAtB,gBACE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAEtB,IAAI,KAAK,OAAT,GAAmBP,KAAK,CAAC8B,SAAzB,GAAqC9B,KAAK,CAAC+B;EAA5D,EADF,CADF,eAIE;IAAK,SAAS,EAAE/B,KAAK,CAACkB;EAAtB,gBACE;IAAM,cAAYA,WAAlB;IAA+B,IAAI,EAAC;EAApC,GACGA,WADH,CADF,CAJF,CADF,eAWE;IAAK,SAAS,EAAElB,KAAK,CAACgC;EAAtB,gBACE;IAAK,SAAS,EAAEhC,KAAK,CAACiB,WAAtB;IAAmC,cAAW;EAA9C,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACiC;EAAtB,gBACE;IAAM,SAAS,EAAEjC,KAAK,CAACkC,KAAvB;IAA8B,cAAYjB,WAAW,CAACiB;EAAtD,GACGjB,WAAW,CAACiB,KADf,CADF,CADF,eAME;IACE,SAAS,EAAElC,KAAK,CAACmC,OADnB;IAEE,cAAYlB,WAAW,CAACkB,OAF1B,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACtB,MAAM,EAAEI,WAAW,CAACkB;IAArB;EAJ3B,EANF,CADF,CAXF,eA0BE;IAAK,SAAS,EAAE5B,IAAI,KAAK,OAAT,GAAmBP,KAAK,CAACoC,OAAzB,GAAmCpC,KAAK,CAACqC;EAAzD,GACGhB,GADH,eAEE;IAAK,SAAS,EAAErB,KAAK,CAACsC,qBAAtB;IAA6C,eAAY;EAAzD,gBACE,oBAAC,UAAD,eAAgBlB,uBAAhB;IAAyC,SAAS,EAAEpB,KAAK,CAACuC;EAA1D,GADF,CAFF,CA1BF,CADF,CADF;AAqCD,CArDD;;AAuDAxB,qBAAqB,CAACd,SAAtB,2CAAkCA,SAAlC;AAEA,eAAec,qBAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}
|
|
@@ -289,7 +289,8 @@ const CorrectionPart = props => {
|
|
|
289
289
|
__html: title
|
|
290
290
|
}
|
|
291
291
|
}), /*#__PURE__*/React.createElement("h2", {
|
|
292
|
-
className: buildDefaultOrScormStyle(style.subtitle, style.resultSubtitleScorm, failed, mode, style.statusPlayerResultFailScorm)
|
|
292
|
+
className: buildDefaultOrScormStyle(style.subtitle, style.resultSubtitleScorm, failed, mode, style.statusPlayerResultFailScorm),
|
|
293
|
+
role: 'status'
|
|
293
294
|
}, subtitle), failed && !_isEmpty(corrections) ? /*#__PURE__*/React.createElement(AnswersCorrection, {
|
|
294
295
|
corrections: corrections
|
|
295
296
|
}) : null), mode !== 'scorm' ? /*#__PURE__*/React.createElement(IconsPart, props) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","color","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n compact,\n flatten,\n get,\n isNil,\n pipe,\n times,\n zip,\n round,\n parseInt as _parseInt,\n multiply,\n isEmpty\n} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyCharts as ChartsIcon,\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n <span key={index} className={style.answerSeparator}>\n /\n </span>\n);\n\nconst joinBySeparator = elements => {\n const separators = times(separator, elements.length - 1);\n return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n const answers = corrections.map((correction, index) => {\n const key = `answer_${index}`;\n return (\n <span\n key={key}\n data-name=\"answer\"\n data-correct={correction.isCorrect}\n className={classnames(\n correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: correction.answer}}\n />\n );\n }, corrections);\n return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n corrections: PropTypes.arrayOf(\n PropTypes.shape({\n answer: PropTypes.string.isRequired,\n isCorrect: PropTypes.bool.isRequired\n })\n )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(rank)) return null;\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <ChartsIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nRank.propTypes = {\n failed: PropTypes.bool,\n rank: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(stars)) return null;\n\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <StarIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span data-name=\"iconText\" className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nStars.propTypes = {\n failed: PropTypes.bool,\n stars: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n if (isNil(lives)) return null;\n\n return (\n <Life\n failed={failed}\n count={lives}\n animated={animated}\n revival={revival}\n className={style.life}\n />\n );\n};\n\nLifes.propTypes = {\n lives: Life.propTypes.count,\n failed: Life.propTypes.failed,\n animated: Life.propTypes.animated,\n revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n const {lives, failed, stars, rank, animated, revival} = props;\n return (\n <AnimationScheduler animated>\n <div className={style.iconsWrapper}>\n <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n <AnimationAdapter name=\"stars\">\n <Stars stars={stars} fail={failed} />\n </AnimationAdapter>\n <AnimationAdapter name=\"rank\" after=\"stars\">\n <Rank rank={rank} fail={failed} />\n </AnimationAdapter>\n </div>\n </AnimationScheduler>\n );\n};\n\nIconsPart.propTypes = {\n lives: Lifes.propTypes.lives,\n failed: Lifes.propTypes.failed,\n stars: Stars.propTypes.stars,\n rank: Rank.propTypes.rank,\n animated: AnimationScheduler.propTypes.animated,\n revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n if (loading && isNil(value)) return loading;\n if (mode === 'scorm') return scormStyle;\n return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n if (extraLifeGranted) {\n return style.oneMoreLife;\n } else if (gameOver) {\n return style.gameOver;\n } else {\n return null;\n }\n};\nconst renderIconStatusScorm = failed => {\n return (\n <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n </div>\n );\n};\nconst buildDefaultOrScormStyle = (\n defaultStyle,\n styleScorm,\n failed,\n mode = 'default',\n failedStyle = null\n) => {\n if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n if (mode === 'scorm') return styleScorm;\n return defaultStyle;\n};\nconst CorrectionPart = props => {\n const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n const isLoading = isNil(failed);\n const className = buildClass(\n failed,\n stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n style.correctionSectionLoading,\n style.resultContenantContainerScorm,\n mode\n );\n return (\n <div data-name=\"correctionSection\" className={className}>\n {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n <div\n className={buildDefaultOrScormStyle(\n style.titlesWrapper,\n style.titlesWrapperScorm,\n failed,\n mode\n )}\n >\n {isLoading ? <Loader /> : null}\n <h1\n data-name=\"title\"\n className={buildDefaultOrScormStyle(\n classnames(style.title, style.innerHTML),\n style.resultTitleScorm,\n failed,\n mode\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <h2\n className={buildDefaultOrScormStyle(\n style.subtitle,\n style.resultSubtitleScorm,\n failed,\n mode,\n style.statusPlayerResultFailScorm\n )}\n >\n {subtitle}\n </h2>\n {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n </div>\n {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n </div>\n );\n};\n\nCorrectionPart.propTypes = {\n ...IconsPart.propTypes,\n failed: PropTypes.bool,\n corrections: AnswersCorrection.propTypes.corrections,\n title: PropTypes.string,\n subtitle: PropTypes.string,\n stars: PropTypes.string,\n rank: PropTypes.string,\n gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n let dataNext;\n\n switch (type) {\n case 'popinCorrection': {\n if (gameOver) {\n dataNext = 'game-over';\n } else if (failed) {\n if (lives > 0) {\n dataNext = 'continue-failure';\n } else if (extraLifeGranted) {\n dataNext = 'continue-used-extra-life';\n }\n } else {\n dataNext = 'continue-success';\n }\n break;\n }\n\n case 'popinEnd': {\n if (failed) {\n dataNext = 'redo-content';\n } else if (showNextLevel) {\n dataNext = 'next-level';\n } else {\n dataNext = 'home';\n }\n }\n }\n\n const nextStep = nextStepTitle ? (\n <div\n className={classnames(\n gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: nextStepTitle}}\n />\n ) : null;\n\n return mode !== 'scorm' ? (\n <Link\n {...linkProps}\n className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n data-name=\"nextLink\"\n data-popin={type}\n data-next={dataNext}\n >\n <div className={style.wrapperNextSection}>\n <div className={style.nextButton}>\n {title}\n <ArrowRight className={style.nextButtonIcon} />\n </div>\n {nextStep}\n </div>\n </Link>\n ) : null;\n};\n\nNextQuestionPart.propTypes = {\n cta: PropTypes.shape({\n ...Link.propTypes,\n title: PropTypes.string,\n nextStepTitle: PropTypes.string,\n showNextLevel: PropTypes.bool\n }),\n type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n extraLifeGranted: PropTypes.bool,\n gameOver: PropTypes.bool,\n failed: PropTypes.bool,\n lives: PropTypes.number,\n mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n const {\n animated,\n failed,\n title,\n subtitle,\n lives,\n stars,\n rank,\n corrections,\n cta,\n extraLifeGranted,\n gameOver = false,\n type,\n mode = 'default'\n } = props;\n const state = buildClass(failed, 'success', 'failed', null);\n\n const nextLink = cta ? (\n <NextQuestionPart\n cta={cta}\n type={type}\n extraLifeGranted={extraLifeGranted}\n failed={failed}\n gameOver={gameOver}\n lives={lives}\n mode={mode}\n />\n ) : null;\n\n return (\n <div\n className={classnames(\n mode === 'scorm' && style.scorm,\n cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n )}\n data-name=\"popinHeader\"\n data-state={state}\n >\n <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n <CorrectionPart\n title={title}\n subtitle={subtitle}\n lives={lives}\n animated={animated}\n stars={stars}\n rank={rank}\n failed={failed}\n gameOver={gameOver}\n revival={extraLifeGranted}\n corrections={corrections}\n mode={mode}\n />\n {nextLink}\n </div>\n </div>\n );\n};\n\nPopinHeader.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n cta: NextQuestionPart.propTypes.cta,\n type: NextQuestionPart.propTypes.type,\n extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n failed: NextQuestionPart.propTypes.failed,\n gameOver: NextQuestionPart.propTypes.gameOver,\n lives: NextQuestionPart.propTypes.lives,\n title: CorrectionPart.propTypes.title,\n subtitle: CorrectionPart.propTypes.subtitle,\n animated: CorrectionPart.propTypes.animated,\n stars: CorrectionPart.propTypes.stars,\n rank: CorrectionPart.propTypes.rank,\n corrections: CorrectionPart.propTypes.corrections,\n mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","color","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n compact,\n flatten,\n get,\n isNil,\n pipe,\n times,\n zip,\n round,\n parseInt as _parseInt,\n multiply,\n isEmpty\n} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyCharts as ChartsIcon,\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n <span key={index} className={style.answerSeparator}>\n /\n </span>\n);\n\nconst joinBySeparator = elements => {\n const separators = times(separator, elements.length - 1);\n return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n const answers = corrections.map((correction, index) => {\n const key = `answer_${index}`;\n return (\n <span\n key={key}\n data-name=\"answer\"\n data-correct={correction.isCorrect}\n className={classnames(\n correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: correction.answer}}\n />\n );\n }, corrections);\n return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n corrections: PropTypes.arrayOf(\n PropTypes.shape({\n answer: PropTypes.string.isRequired,\n isCorrect: PropTypes.bool.isRequired\n })\n )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(rank)) return null;\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <ChartsIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nRank.propTypes = {\n failed: PropTypes.bool,\n rank: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(stars)) return null;\n\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <StarIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span data-name=\"iconText\" className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nStars.propTypes = {\n failed: PropTypes.bool,\n stars: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n if (isNil(lives)) return null;\n\n return (\n <Life\n failed={failed}\n count={lives}\n animated={animated}\n revival={revival}\n className={style.life}\n />\n );\n};\n\nLifes.propTypes = {\n lives: Life.propTypes.count,\n failed: Life.propTypes.failed,\n animated: Life.propTypes.animated,\n revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n const {lives, failed, stars, rank, animated, revival} = props;\n return (\n <AnimationScheduler animated>\n <div className={style.iconsWrapper}>\n <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n <AnimationAdapter name=\"stars\">\n <Stars stars={stars} fail={failed} />\n </AnimationAdapter>\n <AnimationAdapter name=\"rank\" after=\"stars\">\n <Rank rank={rank} fail={failed} />\n </AnimationAdapter>\n </div>\n </AnimationScheduler>\n );\n};\n\nIconsPart.propTypes = {\n lives: Lifes.propTypes.lives,\n failed: Lifes.propTypes.failed,\n stars: Stars.propTypes.stars,\n rank: Rank.propTypes.rank,\n animated: AnimationScheduler.propTypes.animated,\n revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n if (loading && isNil(value)) return loading;\n if (mode === 'scorm') return scormStyle;\n return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n if (extraLifeGranted) {\n return style.oneMoreLife;\n } else if (gameOver) {\n return style.gameOver;\n } else {\n return null;\n }\n};\nconst renderIconStatusScorm = failed => {\n return (\n <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n </div>\n );\n};\nconst buildDefaultOrScormStyle = (\n defaultStyle,\n styleScorm,\n failed,\n mode = 'default',\n failedStyle = null\n) => {\n if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n if (mode === 'scorm') return styleScorm;\n return defaultStyle;\n};\nconst CorrectionPart = props => {\n const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n const isLoading = isNil(failed);\n const className = buildClass(\n failed,\n stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n style.correctionSectionLoading,\n style.resultContenantContainerScorm,\n mode\n );\n return (\n <div data-name=\"correctionSection\" className={className}>\n {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n <div\n className={buildDefaultOrScormStyle(\n style.titlesWrapper,\n style.titlesWrapperScorm,\n failed,\n mode\n )}\n >\n {isLoading ? <Loader /> : null}\n <h1\n data-name=\"title\"\n className={buildDefaultOrScormStyle(\n classnames(style.title, style.innerHTML),\n style.resultTitleScorm,\n failed,\n mode\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <h2\n className={buildDefaultOrScormStyle(\n style.subtitle,\n style.resultSubtitleScorm,\n failed,\n mode,\n style.statusPlayerResultFailScorm\n )}\n role={'status'}\n >\n {subtitle}\n </h2>\n {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n </div>\n {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n </div>\n );\n};\n\nCorrectionPart.propTypes = {\n ...IconsPart.propTypes,\n failed: PropTypes.bool,\n corrections: AnswersCorrection.propTypes.corrections,\n title: PropTypes.string,\n subtitle: PropTypes.string,\n stars: PropTypes.string,\n rank: PropTypes.string,\n gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n let dataNext;\n\n switch (type) {\n case 'popinCorrection': {\n if (gameOver) {\n dataNext = 'game-over';\n } else if (failed) {\n if (lives > 0) {\n dataNext = 'continue-failure';\n } else if (extraLifeGranted) {\n dataNext = 'continue-used-extra-life';\n }\n } else {\n dataNext = 'continue-success';\n }\n break;\n }\n\n case 'popinEnd': {\n if (failed) {\n dataNext = 'redo-content';\n } else if (showNextLevel) {\n dataNext = 'next-level';\n } else {\n dataNext = 'home';\n }\n }\n }\n\n const nextStep = nextStepTitle ? (\n <div\n className={classnames(\n gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: nextStepTitle}}\n />\n ) : null;\n\n return mode !== 'scorm' ? (\n <Link\n {...linkProps}\n className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n data-name=\"nextLink\"\n data-popin={type}\n data-next={dataNext}\n >\n <div className={style.wrapperNextSection}>\n <div className={style.nextButton}>\n {title}\n <ArrowRight className={style.nextButtonIcon} />\n </div>\n {nextStep}\n </div>\n </Link>\n ) : null;\n};\n\nNextQuestionPart.propTypes = {\n cta: PropTypes.shape({\n ...Link.propTypes,\n title: PropTypes.string,\n nextStepTitle: PropTypes.string,\n showNextLevel: PropTypes.bool\n }),\n type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n extraLifeGranted: PropTypes.bool,\n gameOver: PropTypes.bool,\n failed: PropTypes.bool,\n lives: PropTypes.number,\n mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n const {\n animated,\n failed,\n title,\n subtitle,\n lives,\n stars,\n rank,\n corrections,\n cta,\n extraLifeGranted,\n gameOver = false,\n type,\n mode = 'default'\n } = props;\n const state = buildClass(failed, 'success', 'failed', null);\n\n const nextLink = cta ? (\n <NextQuestionPart\n cta={cta}\n type={type}\n extraLifeGranted={extraLifeGranted}\n failed={failed}\n gameOver={gameOver}\n lives={lives}\n mode={mode}\n />\n ) : null;\n\n return (\n <div\n className={classnames(\n mode === 'scorm' && style.scorm,\n cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n )}\n data-name=\"popinHeader\"\n data-state={state}\n >\n <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n <CorrectionPart\n title={title}\n subtitle={subtitle}\n lives={lives}\n animated={animated}\n stars={stars}\n rank={rank}\n failed={failed}\n gameOver={gameOver}\n revival={extraLifeGranted}\n corrections={corrections}\n mode={mode}\n />\n {nextLink}\n </div>\n </div>\n );\n};\n\nPopinHeader.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n cta: NextQuestionPart.propTypes.cta,\n type: NextQuestionPart.propTypes.type,\n extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n failed: NextQuestionPart.propTypes.failed,\n gameOver: NextQuestionPart.propTypes.gameOver,\n lives: NextQuestionPart.propTypes.lives,\n title: CorrectionPart.propTypes.title,\n subtitle: CorrectionPart.propTypes.subtitle,\n animated: CorrectionPart.propTypes.animated,\n stars: CorrectionPart.propTypes.stars,\n rank: CorrectionPart.propTypes.rank,\n corrections: CorrectionPart.propTypes.corrections,\n mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
|
|
@@ -107,9 +107,7 @@ const InputSwitch = props => {
|
|
|
107
107
|
tabIndex: 0
|
|
108
108
|
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
109
109
|
className: !details ? _style.default.alignedTextContainer : null
|
|
110
|
-
}, titlePosition === 'right' ? {
|
|
111
|
-
titleView
|
|
112
|
-
} : null, details ? /*#__PURE__*/_react.default.createElement("div", {
|
|
110
|
+
}, titlePosition === 'right' ? titleView : null, details ? /*#__PURE__*/_react.default.createElement("div", {
|
|
113
111
|
className: _style.default.detailsTxt
|
|
114
112
|
}, details) : null), descriptionView);
|
|
115
113
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","isDisabled","handleChange","useMemo","e","target","checked","titleView","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","getClassState","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","PropTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {\n title,\n name,\n id,\n value,\n disabled,\n onChange = noop,\n description,\n modified = false,\n theme = 'default',\n titlePosition = 'left',\n details = '',\n requiredSelection = false,\n 'data-name': dataName,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-label': ariaLabel\n } = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? (\n <span id={`title-view-${dataName}`} className={style.title}>\n {`${title} `}{' '}\n </span>\n ) : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const getClass = () => {\n switch (theme) {\n case 'coorpmanager':\n return {\n defaultClass: style.coorpmanager,\n modifiedClass: style.coorpmanagerModified\n };\n case 'mooc':\n return {\n defaultClass: style.partielUncheck,\n modifiedClass: style.coorpmanagerModified\n };\n default:\n return {defaultClass: style.default, modifiedClass: style.modified};\n }\n };\n const {defaultClass, modifiedClass} = getClass();\n const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n return (\n <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n {titlePosition === 'left' ? titleView : null}\n <div className={requiredSelection ? style.requiredSelection : null}>\n <div className={style.btnSwitchContainer}>\n <input\n {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n aria-labelledby={ariaLabelledBy}\n />\n <label htmlFor={idSwitch} data-name=\"input-switch-label\" tabIndex={0} />\n </div>\n </div>\n <div className={!details ? style.alignedTextContainer : null}>\n {titlePosition === 'right' ?
|
|
1
|
+
{"version":3,"file":"index.js","names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","isDisabled","handleChange","useMemo","e","target","checked","titleView","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","getClassState","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","PropTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {\n title,\n name,\n id,\n value,\n disabled,\n onChange = noop,\n description,\n modified = false,\n theme = 'default',\n titlePosition = 'left',\n details = '',\n requiredSelection = false,\n 'data-name': dataName,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-label': ariaLabel\n } = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? (\n <span id={`title-view-${dataName}`} className={style.title}>\n {`${title} `}{' '}\n </span>\n ) : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const getClass = () => {\n switch (theme) {\n case 'coorpmanager':\n return {\n defaultClass: style.coorpmanager,\n modifiedClass: style.coorpmanagerModified\n };\n case 'mooc':\n return {\n defaultClass: style.partielUncheck,\n modifiedClass: style.coorpmanagerModified\n };\n default:\n return {defaultClass: style.default, modifiedClass: style.modified};\n }\n };\n const {defaultClass, modifiedClass} = getClass();\n const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n return (\n <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n {titlePosition === 'left' ? titleView : null}\n <div className={requiredSelection ? style.requiredSelection : null}>\n <div className={style.btnSwitchContainer}>\n <input\n {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n aria-labelledby={ariaLabelledBy}\n />\n <label htmlFor={idSwitch} data-name=\"input-switch-label\" tabIndex={0} />\n </div>\n </div>\n <div className={!details ? style.alignedTextContainer : null}>\n {titlePosition === 'right' ? titleView : null}\n {details ? <div className={style.detailsTxt}>{details}</div> : null}\n </div>\n {descriptionView}\n </div>\n );\n};\n\nInputSwitch.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.string,\n value: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n description: PropTypes.string,\n 'aria-labelledby': PropTypes.string,\n 'aria-label': PropTypes.string,\n modified: PropTypes.bool,\n titlePosition: PropTypes.oneOf(['right', 'left']),\n theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n details: PropTypes.string,\n 'data-name': PropTypes.string,\n requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;gBA8EC"}
|
|
@@ -161,6 +161,7 @@ const ContentInfo = ({
|
|
|
161
161
|
"data-name": "progress",
|
|
162
162
|
className: _style.default.progress,
|
|
163
163
|
style: inlineProgressValueStyle,
|
|
164
|
+
role: "progressbar",
|
|
164
165
|
"aria-label": (0, _get2.default)('progression', ariaLabel)
|
|
165
166
|
}) : null) : null;
|
|
166
167
|
const adaptiveIcon = adaptiv ? /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"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","classnames","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label","oneOf","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 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 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 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 = '#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\n data-name=\"progress\"\n className={style.progress}\n style={inlineProgressValueStyle}\n aria-label={get('progression', ariaLabel)}\n />\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} aria-label={get('adaptive', ariaLabel)} />\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 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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"}
|
|
1
|
+
{"version":3,"file":"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","classnames","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label","oneOf","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 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 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 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 = '#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\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\n const adaptiveIcon = adaptiv ? (\n <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\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 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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,kEAsJC"}
|
|
@@ -126,10 +126,12 @@ const ForumPost = (props, context) => {
|
|
|
126
126
|
color,
|
|
127
127
|
display: rejectable ? 'block' : 'none'
|
|
128
128
|
}
|
|
129
|
-
}, rejected ? putBackLabel : rejectLabel), /*#__PURE__*/_react.default.createElement("div", {
|
|
129
|
+
}, rejected ? putBackLabel : rejectLabel), deleted ? /*#__PURE__*/_react.default.createElement("div", {
|
|
130
130
|
className: messageClassName,
|
|
131
131
|
role: "status"
|
|
132
|
-
},
|
|
132
|
+
}, infoDeleted) : /*#__PURE__*/_react.default.createElement("div", {
|
|
133
|
+
className: messageClassName
|
|
134
|
+
}, message), /*#__PURE__*/_react.default.createElement("div", {
|
|
133
135
|
className: `${_style.default.edition} ${showEditBox ? _style.default.visible : ''}`
|
|
134
136
|
}, /*#__PURE__*/_react.default.createElement(_forumComment.default, {
|
|
135
137
|
avatar: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","style","deletedMessage","hiddenMessage","classnames","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n const {translate, skin} = context;\n const {\n id,\n author,\n avatar,\n avatarAlt,\n profileAvatarAlt,\n date,\n message,\n answer,\n answerPostDisabled = false,\n answerTextareaDisabled = false,\n answerAvatar,\n answerable = true,\n editable = false,\n rejectable = false,\n mainPost = false,\n rejected = false,\n deleted = false,\n edition,\n editionPostDisabled = false,\n editionTextareaDisabled = false,\n showAnswerBox = false,\n showEditBox = false,\n onAnswer = identity,\n onEdit = identity,\n onPostAnswer = identity,\n onPostEdition = identity,\n onChangeAnswer = identity,\n onChangeEdition = identity,\n onModerate,\n onDelete\n } = props;\n const color = get('common.primary', skin);\n\n const infoDeleted = translate('This message has been removed by its author');\n const answerLabel = translate('Answer');\n const editLabel = translate('Edit');\n const deleteLabel = translate('Delete');\n const rejectLabel = translate('Reject');\n const putBackLabel = translate('Put back');\n let messageClassName = style.message;\n if (deleted) {\n messageClassName = style.deletedMessage;\n } else if (showEditBox) {\n messageClassName = style.hiddenMessage;\n }\n\n return (\n <div\n data-name=\"forumPost\"\n id={`forum-post-${id || 'to-be-posted'}`}\n className={classnames(\n mainPost ? style.mainPost : null,\n rejected ? style.rejected : style.post\n )}\n >\n <div className={style.avatarWrapper}>\n <div className={style.image}>\n <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n </div>\n <span data-name=\"author\" className={style.author}>\n {author}\n </span>\n </div>\n <div className={style.content}>\n <div>\n <span className={style.date}>{date}</span>\n </div>\n <div className={style.body}>\n <span\n className={style.action}\n onClick={onAnswer}\n style={{\n color,\n display: answerable && !deleted && !rejected ? 'block' : 'none'\n }}\n >\n {answerLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onEdit}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {editLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onDelete}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {deleteLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onModerate}\n style={{\n color,\n display: rejectable ? 'block' : 'none'\n }}\n >\n {rejected ? putBackLabel : rejectLabel}\n </span>\n\n <div className={messageClassName} role=\"status\">\n {deleted ? infoDeleted : message}\n </div>\n\n <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n <ForumComment\n avatar={null}\n profileAvatarAlt={profileAvatarAlt}\n value={edition}\n textareaDisabled={editionTextareaDisabled}\n postDisabled={editionPostDisabled}\n onPost={onPostEdition}\n onChange={onChangeEdition}\n />\n </div>\n\n <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n <ForumComment\n avatar={answerAvatar}\n profileAvatarAlt={profileAvatarAlt}\n textareaDisabled={answerTextareaDisabled}\n postDisabled={answerPostDisabled}\n value={answer}\n onPost={onPostAnswer}\n onChange={onChangeAnswer}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nForumPost.contextTypes = {\n translate: Provider.childContextTypes.translate,\n skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n id: PropTypes.string,\n author: PropTypes.string,\n avatarAlt: PropTypes.string,\n profileAvatarAlt: PropTypes.string,\n date: PropTypes.string,\n message: PropTypes.string,\n avatar: SrcPropType,\n answerAvatar: SrcPropType,\n answer: PropTypes.string,\n edition: PropTypes.string,\n showAnswerBox: PropTypes.bool,\n showEditBox: PropTypes.bool,\n mainPost: PropTypes.bool,\n onAnswer: PropTypes.func,\n onEdit: PropTypes.func,\n onPostAnswer: PropTypes.func,\n onPostEdition: PropTypes.func,\n onChangeAnswer: PropTypes.func,\n onChangeEdition: PropTypes.func,\n onModerate: PropTypes.func,\n onDelete: PropTypes.func,\n answerPostDisabled: PropTypes.bool,\n answerTextareaDisabled: PropTypes.bool,\n answerable: PropTypes.bool,\n editable: PropTypes.bool,\n rejectable: PropTypes.bool,\n rejected: PropTypes.bool,\n deleted: PropTypes.bool,\n editionPostDisabled: PropTypes.bool,\n editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IACJG,EADI;IAEJC,MAFI;IAGJC,MAHI;IAIJC,SAJI;IAKJC,gBALI;IAMJC,IANI;IAOJC,OAPI;IAQJC,MARI;IASJC,kBAAkB,GAAG,KATjB;IAUJC,sBAAsB,GAAG,KAVrB;IAWJC,YAXI;IAYJC,UAAU,GAAG,IAZT;IAaJC,QAAQ,GAAG,KAbP;IAcJC,UAAU,GAAG,KAdT;IAeJC,QAAQ,GAAG,KAfP;IAgBJC,QAAQ,GAAG,KAhBP;IAiBJC,OAAO,GAAG,KAjBN;IAkBJC,OAlBI;IAmBJC,mBAAmB,GAAG,KAnBlB;IAoBJC,uBAAuB,GAAG,KApBtB;IAqBJC,aAAa,GAAG,KArBZ;IAsBJC,WAAW,GAAG,KAtBV;IAuBJC,QAAQ,qBAvBJ;IAwBJC,MAAM,qBAxBF;IAyBJC,YAAY,qBAzBR;IA0BJC,aAAa,qBA1BT;IA2BJC,cAAc,qBA3BV;IA4BJC,eAAe,qBA5BX;IA6BJC,UA7BI;IA8BJC;EA9BI,IA+BFjC,KA/BJ;EAgCA,MAAMkC,KAAK,GAAG,mBAAI,gBAAJ,EAAsB/B,IAAtB,CAAd;EAEA,MAAMgC,WAAW,GAAGjC,SAAS,CAAC,6CAAD,CAA7B;EACA,MAAMkC,WAAW,GAAGlC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMmC,SAAS,GAAGnC,SAAS,CAAC,MAAD,CAA3B;EACA,MAAMoC,WAAW,GAAGpC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMqC,WAAW,GAAGrC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMsC,YAAY,GAAGtC,SAAS,CAAC,UAAD,CAA9B;EACA,IAAIuC,gBAAgB,GAAGC,cAAA,CAAMhC,OAA7B;;EACA,IAAIU,OAAJ,EAAa;IACXqB,gBAAgB,GAAGC,cAAA,CAAMC,cAAzB;EACD,CAFD,MAEO,IAAIlB,WAAJ,EAAiB;IACtBgB,gBAAgB,GAAGC,cAAA,CAAME,aAAzB;EACD;;EAED,oBACE;IACE,aAAU,WADZ;IAEE,EAAE,EAAG,cAAaxC,EAAE,IAAI,cAAe,EAFzC;IAGE,SAAS,EAAE,IAAAyC,mBAAA,EACT3B,QAAQ,GAAGwB,cAAA,CAAMxB,QAAT,GAAoB,IADnB,EAETC,QAAQ,GAAGuB,cAAA,CAAMvB,QAAT,GAAoBuB,cAAA,CAAMI,IAFzB;EAHb,gBAQE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,gBACE,6BAAC,gBAAD;IAAS,GAAG,EAAE1C,MAAd;IAAsB,SAAS,EAAEoC,cAAA,CAAMpC,MAAvC;IAA+C,GAAG,EAAEC;EAApD,EADF,CADF,eAIE;IAAM,aAAU,QAAhB;IAAyB,SAAS,EAAEmC,cAAA,CAAMrC;EAA1C,GACGA,MADH,CAJF,CARF,eAgBE;IAAK,SAAS,EAAEqC,cAAA,CAAMO;EAAtB,gBACE,uDACE;IAAM,SAAS,EAAEP,cAAA,CAAMjC;EAAvB,GAA8BA,IAA9B,CADF,CADF,eAIE;IAAK,SAAS,EAAEiC,cAAA,CAAMQ;EAAtB,gBACE;IACE,SAAS,EAAER,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAEzB,QAFX;IAGE,KAAK,EAAE;MACLQ,KADK;MAELkB,OAAO,EAAErC,UAAU,IAAI,CAACK,OAAf,IAA0B,CAACD,QAA3B,GAAsC,OAAtC,GAAgD;IAFpD;EAHT,GAQGiB,WARH,CADF,eAYE;IACE,SAAS,EAAEM,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAExB,MAFX;IAGE,KAAK,EAAE;MACLO,KADK;MAELkB,OAAO,EAAEpC,QAAQ,GAAG,OAAH,GAAa;IAFzB;EAHT,GAQGqB,SARH,CAZF,eAuBE;IACE,SAAS,EAAEK,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAElB,QAFX;IAGE,KAAK,EAAE;MACLC,KADK;MAELkB,OAAO,EAAEpC,QAAQ,GAAG,OAAH,GAAa;IAFzB;EAHT,GAQGsB,WARH,CAvBF,eAkCE;IACE,SAAS,EAAEI,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAEnB,UAFX;IAGE,KAAK,EAAE;MACLE,KADK;MAELkB,OAAO,EAAEnC,UAAU,GAAG,OAAH,GAAa;IAF3B;EAHT,GAQGE,QAAQ,GAAGqB,YAAH,GAAkBD,WAR7B,CAlCF,eA6CE;IAAK,SAAS,EAAEE,gBAAhB;IAAkC,IAAI,EAAC;EAAvC,GACGrB,OAAO,GAAGe,WAAH,GAAiBzB,OAD3B,CA7CF,eAiDE;IAAK,SAAS,EAAG,GAAEgC,cAAA,CAAMrB,OAAQ,IAAGI,WAAW,GAAGiB,cAAA,CAAMW,OAAT,GAAmB,EAAG;EAArE,gBACE,6BAAC,qBAAD;IACE,MAAM,EAAE,IADV;IAEE,gBAAgB,EAAE7C,gBAFpB;IAGE,KAAK,EAAEa,OAHT;IAIE,gBAAgB,EAAEE,uBAJpB;IAKE,YAAY,EAAED,mBALhB;IAME,MAAM,EAAEO,aANV;IAOE,QAAQ,EAAEE;EAPZ,EADF,CAjDF,eA6DE;IAAK,SAAS,EAAG,GAAEW,cAAA,CAAM/B,MAAO,IAAGa,aAAa,GAAGkB,cAAA,CAAMW,OAAT,GAAmB,EAAG;EAAtE,gBACE,6BAAC,qBAAD;IACE,MAAM,EAAEvC,YADV;IAEE,gBAAgB,EAAEN,gBAFpB;IAGE,gBAAgB,EAAEK,sBAHpB;IAIE,YAAY,EAAED,kBAJhB;IAKE,KAAK,EAAED,MALT;IAME,MAAM,EAAEiB,YANV;IAOE,QAAQ,EAAEE;EAPZ,EADF,CA7DF,CAJF,CAhBF,CADF;AAiGD,CAlJD;;AAoJA/B,SAAS,CAACuD,YAAV,GAAyB;EACvBpD,SAAS,EAAEqD,iBAAA,CAASC,iBAAT,CAA2BtD,SADf;EAEvBC,IAAI,EAAEoD,iBAAA,CAASC,iBAAT,CAA2BrD;AAFV,CAAzB;AAKAJ,SAAS,CAAC0D,SAAV,2CAAsB;EACpBrD,EAAE,EAAEsD,kBAAA,CAAUC,MADM;EAEpBtD,MAAM,EAAEqD,kBAAA,CAAUC,MAFE;EAGpBpD,SAAS,EAAEmD,kBAAA,CAAUC,MAHD;EAIpBnD,gBAAgB,EAAEkD,kBAAA,CAAUC,MAJR;EAKpBlD,IAAI,EAAEiD,kBAAA,CAAUC,MALI;EAMpBjD,OAAO,EAAEgD,kBAAA,CAAUC,MANC;EAOpBrD,MAAM,EAAEsD,sBAPY;EAQpB9C,YAAY,EAAE8C,sBARM;EASpBjD,MAAM,EAAE+C,kBAAA,CAAUC,MATE;EAUpBtC,OAAO,EAAEqC,kBAAA,CAAUC,MAVC;EAWpBnC,aAAa,EAAEkC,kBAAA,CAAUG,IAXL;EAYpBpC,WAAW,EAAEiC,kBAAA,CAAUG,IAZH;EAapB3C,QAAQ,EAAEwC,kBAAA,CAAUG,IAbA;EAcpBnC,QAAQ,EAAEgC,kBAAA,CAAUI,IAdA;EAepBnC,MAAM,EAAE+B,kBAAA,CAAUI,IAfE;EAgBpBlC,YAAY,EAAE8B,kBAAA,CAAUI,IAhBJ;EAiBpBjC,aAAa,EAAE6B,kBAAA,CAAUI,IAjBL;EAkBpBhC,cAAc,EAAE4B,kBAAA,CAAUI,IAlBN;EAmBpB/B,eAAe,EAAE2B,kBAAA,CAAUI,IAnBP;EAoBpB9B,UAAU,EAAE0B,kBAAA,CAAUI,IApBF;EAqBpB7B,QAAQ,EAAEyB,kBAAA,CAAUI,IArBA;EAsBpBlD,kBAAkB,EAAE8C,kBAAA,CAAUG,IAtBV;EAuBpBhD,sBAAsB,EAAE6C,kBAAA,CAAUG,IAvBd;EAwBpB9C,UAAU,EAAE2C,kBAAA,CAAUG,IAxBF;EAyBpB7C,QAAQ,EAAE0C,kBAAA,CAAUG,IAzBA;EA0BpB5C,UAAU,EAAEyC,kBAAA,CAAUG,IA1BF;EA2BpB1C,QAAQ,EAAEuC,kBAAA,CAAUG,IA3BA;EA4BpBzC,OAAO,EAAEsC,kBAAA,CAAUG,IA5BC;EA6BpBvC,mBAAmB,EAAEoC,kBAAA,CAAUG,IA7BX;EA8BpBtC,uBAAuB,EAAEmC,kBAAA,CAAUG;AA9Bf,CAAtB;eAiCe9D,S"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","style","deletedMessage","hiddenMessage","classnames","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n const {translate, skin} = context;\n const {\n id,\n author,\n avatar,\n avatarAlt,\n profileAvatarAlt,\n date,\n message,\n answer,\n answerPostDisabled = false,\n answerTextareaDisabled = false,\n answerAvatar,\n answerable = true,\n editable = false,\n rejectable = false,\n mainPost = false,\n rejected = false,\n deleted = false,\n edition,\n editionPostDisabled = false,\n editionTextareaDisabled = false,\n showAnswerBox = false,\n showEditBox = false,\n onAnswer = identity,\n onEdit = identity,\n onPostAnswer = identity,\n onPostEdition = identity,\n onChangeAnswer = identity,\n onChangeEdition = identity,\n onModerate,\n onDelete\n } = props;\n const color = get('common.primary', skin);\n\n const infoDeleted = translate('This message has been removed by its author');\n const answerLabel = translate('Answer');\n const editLabel = translate('Edit');\n const deleteLabel = translate('Delete');\n const rejectLabel = translate('Reject');\n const putBackLabel = translate('Put back');\n let messageClassName = style.message;\n if (deleted) {\n messageClassName = style.deletedMessage;\n } else if (showEditBox) {\n messageClassName = style.hiddenMessage;\n }\n\n return (\n <div\n data-name=\"forumPost\"\n id={`forum-post-${id || 'to-be-posted'}`}\n className={classnames(\n mainPost ? style.mainPost : null,\n rejected ? style.rejected : style.post\n )}\n >\n <div className={style.avatarWrapper}>\n <div className={style.image}>\n <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n </div>\n <span data-name=\"author\" className={style.author}>\n {author}\n </span>\n </div>\n <div className={style.content}>\n <div>\n <span className={style.date}>{date}</span>\n </div>\n <div className={style.body}>\n <span\n className={style.action}\n onClick={onAnswer}\n style={{\n color,\n display: answerable && !deleted && !rejected ? 'block' : 'none'\n }}\n >\n {answerLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onEdit}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {editLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onDelete}\n style={{\n color,\n display: editable ? 'block' : 'none'\n }}\n >\n {deleteLabel}\n </span>\n\n <span\n className={style.action}\n onClick={onModerate}\n style={{\n color,\n display: rejectable ? 'block' : 'none'\n }}\n >\n {rejected ? putBackLabel : rejectLabel}\n </span>\n\n {deleted ? (\n <div className={messageClassName} role=\"status\">\n {infoDeleted}\n </div>\n ) : (\n <div className={messageClassName}>{message}</div>\n )}\n\n <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n <ForumComment\n avatar={null}\n profileAvatarAlt={profileAvatarAlt}\n value={edition}\n textareaDisabled={editionTextareaDisabled}\n postDisabled={editionPostDisabled}\n onPost={onPostEdition}\n onChange={onChangeEdition}\n />\n </div>\n\n <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n <ForumComment\n avatar={answerAvatar}\n profileAvatarAlt={profileAvatarAlt}\n textareaDisabled={answerTextareaDisabled}\n postDisabled={answerPostDisabled}\n value={answer}\n onPost={onPostAnswer}\n onChange={onChangeAnswer}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nForumPost.contextTypes = {\n translate: Provider.childContextTypes.translate,\n skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n id: PropTypes.string,\n author: PropTypes.string,\n avatarAlt: PropTypes.string,\n profileAvatarAlt: PropTypes.string,\n date: PropTypes.string,\n message: PropTypes.string,\n avatar: SrcPropType,\n answerAvatar: SrcPropType,\n answer: PropTypes.string,\n edition: PropTypes.string,\n showAnswerBox: PropTypes.bool,\n showEditBox: PropTypes.bool,\n mainPost: PropTypes.bool,\n onAnswer: PropTypes.func,\n onEdit: PropTypes.func,\n onPostAnswer: PropTypes.func,\n onPostEdition: PropTypes.func,\n onChangeAnswer: PropTypes.func,\n onChangeEdition: PropTypes.func,\n onModerate: PropTypes.func,\n onDelete: PropTypes.func,\n answerPostDisabled: PropTypes.bool,\n answerTextareaDisabled: PropTypes.bool,\n answerable: PropTypes.bool,\n editable: PropTypes.bool,\n rejectable: PropTypes.bool,\n rejected: PropTypes.bool,\n deleted: PropTypes.bool,\n editionPostDisabled: PropTypes.bool,\n editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,6DAqEC"}
|
|
@@ -69,7 +69,6 @@ const ReviewCardCongrats = props => {
|
|
|
69
69
|
const wrapperClassName = (0, _classnames.default)(className, _style.default.cardContainer, cardType === 'card-star' ? _style.default.cardStar : _style.default.cardRank);
|
|
70
70
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
71
71
|
className: wrapperClassName,
|
|
72
|
-
"aria-label": ariaLabel,
|
|
73
72
|
"data-name": dataName
|
|
74
73
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
75
74
|
className: _style.default.mainIcon
|
|
@@ -81,7 +80,9 @@ const ReviewCardCongrats = props => {
|
|
|
81
80
|
className: _style.default.wrapperLottie,
|
|
82
81
|
backupImageClassName: _style.default.ie11Backup
|
|
83
82
|
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
84
|
-
className: _style.default.title
|
|
83
|
+
className: _style.default.title,
|
|
84
|
+
role: "status",
|
|
85
|
+
"aria-label": ariaLabel
|
|
85
86
|
}, reviewCardTitle), /*#__PURE__*/_react.default.createElement("div", {
|
|
86
87
|
className: cardType === 'card-star' ? _style.default.textContainerStar : _style.default.textContainerRank
|
|
87
88
|
}, cardType === 'card-rank' ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVoteRewardsRewardsBadge5, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n setIsAnimationVisible('play');\n setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n cardType,\n iconAriaLabel,\n className,\n reviewCardTitle,\n reviewCardValue,\n rankSuffix,\n timerAnimation\n } = props;\n\n const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n const [isAnimated, setIsAnimated] = useState(false);\n\n useEffect(() => {\n let timer;\n // istanbul ignore else\n if (!isAnimationVisible || !isAnimated) {\n timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n }\n return () => timer && clearTimeout(timer);\n }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n const wrapperClassName = classnames(\n className,\n style.cardContainer,\n cardType === 'card-star' ? style.cardStar : style.cardRank\n );\n\n return (\n <div className={wrapperClassName}
|
|
1
|
+
{"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n setIsAnimationVisible('play');\n setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n cardType,\n iconAriaLabel,\n className,\n reviewCardTitle,\n reviewCardValue,\n rankSuffix,\n timerAnimation\n } = props;\n\n const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n const [isAnimated, setIsAnimated] = useState(false);\n\n useEffect(() => {\n let timer;\n // istanbul ignore else\n if (!isAnimationVisible || !isAnimated) {\n timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n }\n return () => timer && clearTimeout(timer);\n }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n const wrapperClassName = classnames(\n className,\n style.cardContainer,\n cardType === 'card-star' ? style.cardStar : style.cardRank\n );\n\n return (\n <div className={wrapperClassName} data-name={dataName}>\n <div className={style.mainIcon}>\n <LottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={isAnimationVisible}\n autoplay={false}\n data-name=\"lottie-wrapper\"\n className={style.wrapperLottie}\n backupImageClassName={style.ie11Backup}\n />\n </div>\n <div className={style.title} role=\"status\" aria-label={ariaLabel}>\n {reviewCardTitle}\n </div>\n <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n {cardType === 'card-rank' ? (\n <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n ) : null}\n <AnimationScheduler animated={isAnimated}>\n <div>\n <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n {cardType === 'card-star' ? (\n <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n ) : (\n <div className={style.rankSuffix}>{rankSuffix}</div>\n )}\n </div>\n </div>\n );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,aAAa,GAAG,CAACC,qBAAD,EAAwBC,aAAxB,KAA0C,MAAM;EAC3ED,qBAAqB,CAAC,MAAD,CAArB;EACAC,aAAa,CAAC,IAAD,CAAb;AACD,CAHM;;;;AAKP,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,QAJI;IAKJC,aALI;IAMJC,SANI;IAOJC,eAPI;IAQJC,eARI;IASJC,UATI;IAUJC;EAVI,IAWFV,KAXJ;EAaA,MAAM,CAACW,kBAAD,EAAqBd,qBAArB,IAA8C,IAAAe,eAAA,EAAS,SAAT,CAApD;EACA,MAAM,CAACC,UAAD,EAAaf,aAAb,IAA8B,IAAAc,eAAA,EAAS,KAAT,CAApC;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,IAAIC,KAAJ,CADc,CAEd;;IACA,IAAI,CAACJ,kBAAD,IAAuB,CAACE,UAA5B,EAAwC;MACtCE,KAAK,GAAGC,UAAU,CAACpB,aAAa,CAACC,qBAAD,EAAwBC,aAAxB,CAAd,EAAsDY,cAAtD,CAAlB;IACD;;IACD,OAAO,MAAMK,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAPD,EAOG,CAACL,cAAD,EAAiBG,UAAjB,EAA6BF,kBAA7B,CAPH;EASA,MAAMO,gBAAgB,GAAG,IAAAC,mBAAA,EACvBb,SADuB,EAEvBc,cAAA,CAAMC,aAFiB,EAGvBjB,QAAQ,KAAK,WAAb,GAA2BgB,cAAA,CAAME,QAAjC,GAA4CF,cAAA,CAAMG,QAH3B,CAAzB;EAMA,oBACE;IAAK,SAAS,EAAEL,gBAAhB;IAAkC,aAAWhB;EAA7C,gBACE;IAAK,SAAS,EAAEkB,cAAA,CAAMI;EAAtB,gBACE,6BAAC,sBAAD,eACMrB,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAEQ,kBAHpB;IAIE,QAAQ,EAAE,KAJZ;IAKE,aAAU,gBALZ;IAME,SAAS,EAAES,cAAA,CAAMK,aANnB;IAOE,oBAAoB,EAAEL,cAAA,CAAMM;EAP9B,GADF,CADF,eAYE;IAAK,SAAS,EAAEN,cAAA,CAAMO,KAAtB;IAA6B,IAAI,EAAC,QAAlC;IAA2C,cAAY1B;EAAvD,GACGM,eADH,CAZF,eAeE;IAAK,SAAS,EAAEH,QAAQ,KAAK,WAAb,GAA2BgB,cAAA,CAAMQ,iBAAjC,GAAqDR,cAAA,CAAMS;EAA3E,GACGzB,QAAQ,KAAK,WAAb,gBACC,6BAAC,4CAAD;IAAU,SAAS,EAAEgB,cAAA,CAAMU,QAA3B;IAAqC,KAAK,EAAE,EAA5C;IAAgD,MAAM,EAAE,EAAxD;IAA4D,cAAYzB;EAAxE,EADD,GAEG,IAHN,eAIE,6BAAC,2BAAD;IAAoB,QAAQ,EAAEQ;EAA9B,gBACE,uDACE;IAAM,SAAS,EAAET,QAAQ,KAAK,WAAb,GAA2BgB,cAAA,CAAMW,QAAjC,GAA4CX,cAAA,CAAMY;EAAnE,gBACE,6BAAC,kBAAD;IAAW,IAAI,EAAC,SAAhB;IAA0B,MAAM,EAAEC,yBAAlC;IAAkD,QAAQ,EAAE;EAA5D,GACGC,QAAQ,IAAI,oBAAK,wBAAU,EAAV,CAAL,EAAoB,wBAASA,QAAT,CAApB,mBAA+C1B,eAA/C,CADf,CADF,CADF,CADF,CAJF,EAaGJ,QAAQ,KAAK,WAAb,gBACC,6BAAC,0CAAD;IAAU,SAAS,EAAEgB,cAAA,CAAMe,QAA3B;IAAqC,KAAK,EAAE,EAA5C;IAAgD,MAAM,EAAE,EAAxD;IAA4D,cAAY9B;EAAxE,EADD,gBAGC;IAAK,SAAS,EAAEe,cAAA,CAAMX;EAAtB,GAAmCA,UAAnC,CAhBJ,CAfF,CADF;AAqCD,CArED;;AAuEAV,kBAAkB,CAACqC,SAAnB,2CAA+BA,kBAA/B;eAEerC,kB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAoCA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAoCA,gEAqDC"}
|
|
@@ -76,10 +76,10 @@ const ReviewCorrectionPopin = props => {
|
|
|
76
76
|
}, /*#__PURE__*/_react.default.createElement(Icon, {
|
|
77
77
|
className: type === 'right' ? _style.default.iconRight : _style.default.iconWrong
|
|
78
78
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
79
|
-
className: _style.default.resultLabel
|
|
80
|
-
"aria-label": "result"
|
|
79
|
+
className: _style.default.resultLabel
|
|
81
80
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
82
|
-
"aria-label": resultLabel
|
|
81
|
+
"aria-label": resultLabel,
|
|
82
|
+
role: "status"
|
|
83
83
|
}, resultLabel))), /*#__PURE__*/_react.default.createElement("div", {
|
|
84
84
|
className: _style.default.feedbackSection
|
|
85
85
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["buildKlfButton","klf","klfButtonProps","icon","position","type","style","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n const klfButtonProps = {\n ...klf,\n icon: {\n position: 'left',\n type: 'key'\n },\n type: 'primary'\n };\n\n return (\n <div className={style.klfContainer}>\n <div className={style.klfButtonContainer}>\n <ButtonLink {...klfButtonProps} className={style.klfButton} />\n </div>\n <div className={style.toolTip}>\n <span\n className={style.tooltipText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: klf.tooltip}}\n />\n </div>\n </div>\n );\n};\n\nconst ReviewCorrectionPopin = props => {\n const {information, resultLabel, type, klf, next} = props;\n\n const nextQuestionButtonProps = {\n ...next,\n type: 'primary'\n };\n\n const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n const ICONS = {\n right: RightIcon,\n wrong: WrongIcon\n };\n const Icon = ICONS[type];\n\n return (\n <div className={style.wrapper} data-testid=\"review-correction-popin\">\n <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n <div className={style.correctionSection}>\n <div className={style.iconCircle}>\n <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n </div>\n <div className={style.resultLabel}
|
|
1
|
+
{"version":3,"file":"index.js","names":["buildKlfButton","klf","klfButtonProps","icon","position","type","style","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n const klfButtonProps = {\n ...klf,\n icon: {\n position: 'left',\n type: 'key'\n },\n type: 'primary'\n };\n\n return (\n <div className={style.klfContainer}>\n <div className={style.klfButtonContainer}>\n <ButtonLink {...klfButtonProps} className={style.klfButton} />\n </div>\n <div className={style.toolTip}>\n <span\n className={style.tooltipText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: klf.tooltip}}\n />\n </div>\n </div>\n );\n};\n\nconst ReviewCorrectionPopin = props => {\n const {information, resultLabel, type, klf, next} = props;\n\n const nextQuestionButtonProps = {\n ...next,\n type: 'primary'\n };\n\n const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n const ICONS = {\n right: RightIcon,\n wrong: WrongIcon\n };\n const Icon = ICONS[type];\n\n return (\n <div className={style.wrapper} data-testid=\"review-correction-popin\">\n <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n <div className={style.correctionSection}>\n <div className={style.iconCircle}>\n <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n </div>\n <div className={style.resultLabel}>\n <span aria-label={resultLabel} role=\"status\">\n {resultLabel}\n </span>\n </div>\n </div>\n <div className={style.feedbackSection}>\n <div className={style.information} aria-label=\"answer-information\">\n <div className={style.labelContainer}>\n <span className={style.label} aria-label={information.label}>\n {information.label}\n </span>\n </div>\n <span\n className={style.message}\n aria-label={information.message}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: information.message}}\n />\n </div>\n </div>\n <div className={type === 'right' ? style.actions : style.actionsWrong}>\n {cta}\n <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}
|
|
@@ -317,7 +317,8 @@ const CorrectionPart = props => {
|
|
|
317
317
|
__html: title
|
|
318
318
|
}
|
|
319
319
|
}), /*#__PURE__*/_react.default.createElement("h2", {
|
|
320
|
-
className: buildDefaultOrScormStyle(_style.default.subtitle, _style.default.resultSubtitleScorm, failed, mode, _style.default.statusPlayerResultFailScorm)
|
|
320
|
+
className: buildDefaultOrScormStyle(_style.default.subtitle, _style.default.resultSubtitleScorm, failed, mode, _style.default.statusPlayerResultFailScorm),
|
|
321
|
+
role: 'status'
|
|
321
322
|
}, subtitle), failed && !(0, _isEmpty2.default)(corrections) ? /*#__PURE__*/_react.default.createElement(AnswersCorrection, {
|
|
322
323
|
corrections: corrections
|
|
323
324
|
}) : null), mode !== 'scorm' ? /*#__PURE__*/_react.default.createElement(IconsPart, props) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","classnames","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","color","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n compact,\n flatten,\n get,\n isNil,\n pipe,\n times,\n zip,\n round,\n parseInt as _parseInt,\n multiply,\n isEmpty\n} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyCharts as ChartsIcon,\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n <span key={index} className={style.answerSeparator}>\n /\n </span>\n);\n\nconst joinBySeparator = elements => {\n const separators = times(separator, elements.length - 1);\n return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n const answers = corrections.map((correction, index) => {\n const key = `answer_${index}`;\n return (\n <span\n key={key}\n data-name=\"answer\"\n data-correct={correction.isCorrect}\n className={classnames(\n correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: correction.answer}}\n />\n );\n }, corrections);\n return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n corrections: PropTypes.arrayOf(\n PropTypes.shape({\n answer: PropTypes.string.isRequired,\n isCorrect: PropTypes.bool.isRequired\n })\n )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(rank)) return null;\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <ChartsIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nRank.propTypes = {\n failed: PropTypes.bool,\n rank: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(stars)) return null;\n\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <StarIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span data-name=\"iconText\" className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nStars.propTypes = {\n failed: PropTypes.bool,\n stars: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n if (isNil(lives)) return null;\n\n return (\n <Life\n failed={failed}\n count={lives}\n animated={animated}\n revival={revival}\n className={style.life}\n />\n );\n};\n\nLifes.propTypes = {\n lives: Life.propTypes.count,\n failed: Life.propTypes.failed,\n animated: Life.propTypes.animated,\n revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n const {lives, failed, stars, rank, animated, revival} = props;\n return (\n <AnimationScheduler animated>\n <div className={style.iconsWrapper}>\n <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n <AnimationAdapter name=\"stars\">\n <Stars stars={stars} fail={failed} />\n </AnimationAdapter>\n <AnimationAdapter name=\"rank\" after=\"stars\">\n <Rank rank={rank} fail={failed} />\n </AnimationAdapter>\n </div>\n </AnimationScheduler>\n );\n};\n\nIconsPart.propTypes = {\n lives: Lifes.propTypes.lives,\n failed: Lifes.propTypes.failed,\n stars: Stars.propTypes.stars,\n rank: Rank.propTypes.rank,\n animated: AnimationScheduler.propTypes.animated,\n revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n if (loading && isNil(value)) return loading;\n if (mode === 'scorm') return scormStyle;\n return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n if (extraLifeGranted) {\n return style.oneMoreLife;\n } else if (gameOver) {\n return style.gameOver;\n } else {\n return null;\n }\n};\nconst renderIconStatusScorm = failed => {\n return (\n <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n </div>\n );\n};\nconst buildDefaultOrScormStyle = (\n defaultStyle,\n styleScorm,\n failed,\n mode = 'default',\n failedStyle = null\n) => {\n if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n if (mode === 'scorm') return styleScorm;\n return defaultStyle;\n};\nconst CorrectionPart = props => {\n const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n const isLoading = isNil(failed);\n const className = buildClass(\n failed,\n stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n style.correctionSectionLoading,\n style.resultContenantContainerScorm,\n mode\n );\n return (\n <div data-name=\"correctionSection\" className={className}>\n {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n <div\n className={buildDefaultOrScormStyle(\n style.titlesWrapper,\n style.titlesWrapperScorm,\n failed,\n mode\n )}\n >\n {isLoading ? <Loader /> : null}\n <h1\n data-name=\"title\"\n className={buildDefaultOrScormStyle(\n classnames(style.title, style.innerHTML),\n style.resultTitleScorm,\n failed,\n mode\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <h2\n className={buildDefaultOrScormStyle(\n style.subtitle,\n style.resultSubtitleScorm,\n failed,\n mode,\n style.statusPlayerResultFailScorm\n )}\n >\n {subtitle}\n </h2>\n {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n </div>\n {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n </div>\n );\n};\n\nCorrectionPart.propTypes = {\n ...IconsPart.propTypes,\n failed: PropTypes.bool,\n corrections: AnswersCorrection.propTypes.corrections,\n title: PropTypes.string,\n subtitle: PropTypes.string,\n stars: PropTypes.string,\n rank: PropTypes.string,\n gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n let dataNext;\n\n switch (type) {\n case 'popinCorrection': {\n if (gameOver) {\n dataNext = 'game-over';\n } else if (failed) {\n if (lives > 0) {\n dataNext = 'continue-failure';\n } else if (extraLifeGranted) {\n dataNext = 'continue-used-extra-life';\n }\n } else {\n dataNext = 'continue-success';\n }\n break;\n }\n\n case 'popinEnd': {\n if (failed) {\n dataNext = 'redo-content';\n } else if (showNextLevel) {\n dataNext = 'next-level';\n } else {\n dataNext = 'home';\n }\n }\n }\n\n const nextStep = nextStepTitle ? (\n <div\n className={classnames(\n gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: nextStepTitle}}\n />\n ) : null;\n\n return mode !== 'scorm' ? (\n <Link\n {...linkProps}\n className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n data-name=\"nextLink\"\n data-popin={type}\n data-next={dataNext}\n >\n <div className={style.wrapperNextSection}>\n <div className={style.nextButton}>\n {title}\n <ArrowRight className={style.nextButtonIcon} />\n </div>\n {nextStep}\n </div>\n </Link>\n ) : null;\n};\n\nNextQuestionPart.propTypes = {\n cta: PropTypes.shape({\n ...Link.propTypes,\n title: PropTypes.string,\n nextStepTitle: PropTypes.string,\n showNextLevel: PropTypes.bool\n }),\n type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n extraLifeGranted: PropTypes.bool,\n gameOver: PropTypes.bool,\n failed: PropTypes.bool,\n lives: PropTypes.number,\n mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n const {\n animated,\n failed,\n title,\n subtitle,\n lives,\n stars,\n rank,\n corrections,\n cta,\n extraLifeGranted,\n gameOver = false,\n type,\n mode = 'default'\n } = props;\n const state = buildClass(failed, 'success', 'failed', null);\n\n const nextLink = cta ? (\n <NextQuestionPart\n cta={cta}\n type={type}\n extraLifeGranted={extraLifeGranted}\n failed={failed}\n gameOver={gameOver}\n lives={lives}\n mode={mode}\n />\n ) : null;\n\n return (\n <div\n className={classnames(\n mode === 'scorm' && style.scorm,\n cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n )}\n data-name=\"popinHeader\"\n data-state={state}\n >\n <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n <CorrectionPart\n title={title}\n subtitle={subtitle}\n lives={lives}\n animated={animated}\n stars={stars}\n rank={rank}\n failed={failed}\n gameOver={gameOver}\n revival={extraLifeGranted}\n corrections={corrections}\n mode={mode}\n />\n {nextLink}\n </div>\n </div>\n );\n};\n\nPopinHeader.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n cta: NextQuestionPart.propTypes.cta,\n type: NextQuestionPart.propTypes.type,\n extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n failed: NextQuestionPart.propTypes.failed,\n gameOver: NextQuestionPart.propTypes.gameOver,\n lives: NextQuestionPart.propTypes.lives,\n title: CorrectionPart.propTypes.title,\n subtitle: CorrectionPart.propTypes.subtitle,\n animated: CorrectionPart.propTypes.animated,\n stars: CorrectionPart.propTypes.stars,\n rank: CorrectionPart.propTypes.rank,\n corrections: CorrectionPart.propTypes.corrections,\n mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","classnames","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","color","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n compact,\n flatten,\n get,\n isNil,\n pipe,\n times,\n zip,\n round,\n parseInt as _parseInt,\n multiply,\n isEmpty\n} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyCharts as ChartsIcon,\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n <span key={index} className={style.answerSeparator}>\n /\n </span>\n);\n\nconst joinBySeparator = elements => {\n const separators = times(separator, elements.length - 1);\n return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n const answers = corrections.map((correction, index) => {\n const key = `answer_${index}`;\n return (\n <span\n key={key}\n data-name=\"answer\"\n data-correct={correction.isCorrect}\n className={classnames(\n correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: correction.answer}}\n />\n );\n }, corrections);\n return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n corrections: PropTypes.arrayOf(\n PropTypes.shape({\n answer: PropTypes.string.isRequired,\n isCorrect: PropTypes.bool.isRequired\n })\n )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(rank)) return null;\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <ChartsIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nRank.propTypes = {\n failed: PropTypes.bool,\n rank: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(stars)) return null;\n\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <StarIcon className={style.icon} style={{color: positive}} />\n </div>\n </Transition>\n <span data-name=\"iconText\" className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nStars.propTypes = {\n failed: PropTypes.bool,\n stars: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n if (isNil(lives)) return null;\n\n return (\n <Life\n failed={failed}\n count={lives}\n animated={animated}\n revival={revival}\n className={style.life}\n />\n );\n};\n\nLifes.propTypes = {\n lives: Life.propTypes.count,\n failed: Life.propTypes.failed,\n animated: Life.propTypes.animated,\n revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n const {lives, failed, stars, rank, animated, revival} = props;\n return (\n <AnimationScheduler animated>\n <div className={style.iconsWrapper}>\n <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n <AnimationAdapter name=\"stars\">\n <Stars stars={stars} fail={failed} />\n </AnimationAdapter>\n <AnimationAdapter name=\"rank\" after=\"stars\">\n <Rank rank={rank} fail={failed} />\n </AnimationAdapter>\n </div>\n </AnimationScheduler>\n );\n};\n\nIconsPart.propTypes = {\n lives: Lifes.propTypes.lives,\n failed: Lifes.propTypes.failed,\n stars: Stars.propTypes.stars,\n rank: Rank.propTypes.rank,\n animated: AnimationScheduler.propTypes.animated,\n revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n if (loading && isNil(value)) return loading;\n if (mode === 'scorm') return scormStyle;\n return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n if (extraLifeGranted) {\n return style.oneMoreLife;\n } else if (gameOver) {\n return style.gameOver;\n } else {\n return null;\n }\n};\nconst renderIconStatusScorm = failed => {\n return (\n <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n </div>\n );\n};\nconst buildDefaultOrScormStyle = (\n defaultStyle,\n styleScorm,\n failed,\n mode = 'default',\n failedStyle = null\n) => {\n if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n if (mode === 'scorm') return styleScorm;\n return defaultStyle;\n};\nconst CorrectionPart = props => {\n const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n const isLoading = isNil(failed);\n const className = buildClass(\n failed,\n stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n style.correctionSectionLoading,\n style.resultContenantContainerScorm,\n mode\n );\n return (\n <div data-name=\"correctionSection\" className={className}>\n {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n <div\n className={buildDefaultOrScormStyle(\n style.titlesWrapper,\n style.titlesWrapperScorm,\n failed,\n mode\n )}\n >\n {isLoading ? <Loader /> : null}\n <h1\n data-name=\"title\"\n className={buildDefaultOrScormStyle(\n classnames(style.title, style.innerHTML),\n style.resultTitleScorm,\n failed,\n mode\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <h2\n className={buildDefaultOrScormStyle(\n style.subtitle,\n style.resultSubtitleScorm,\n failed,\n mode,\n style.statusPlayerResultFailScorm\n )}\n role={'status'}\n >\n {subtitle}\n </h2>\n {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n </div>\n {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n </div>\n );\n};\n\nCorrectionPart.propTypes = {\n ...IconsPart.propTypes,\n failed: PropTypes.bool,\n corrections: AnswersCorrection.propTypes.corrections,\n title: PropTypes.string,\n subtitle: PropTypes.string,\n stars: PropTypes.string,\n rank: PropTypes.string,\n gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n let dataNext;\n\n switch (type) {\n case 'popinCorrection': {\n if (gameOver) {\n dataNext = 'game-over';\n } else if (failed) {\n if (lives > 0) {\n dataNext = 'continue-failure';\n } else if (extraLifeGranted) {\n dataNext = 'continue-used-extra-life';\n }\n } else {\n dataNext = 'continue-success';\n }\n break;\n }\n\n case 'popinEnd': {\n if (failed) {\n dataNext = 'redo-content';\n } else if (showNextLevel) {\n dataNext = 'next-level';\n } else {\n dataNext = 'home';\n }\n }\n }\n\n const nextStep = nextStepTitle ? (\n <div\n className={classnames(\n gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: nextStepTitle}}\n />\n ) : null;\n\n return mode !== 'scorm' ? (\n <Link\n {...linkProps}\n className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n data-name=\"nextLink\"\n data-popin={type}\n data-next={dataNext}\n >\n <div className={style.wrapperNextSection}>\n <div className={style.nextButton}>\n {title}\n <ArrowRight className={style.nextButtonIcon} />\n </div>\n {nextStep}\n </div>\n </Link>\n ) : null;\n};\n\nNextQuestionPart.propTypes = {\n cta: PropTypes.shape({\n ...Link.propTypes,\n title: PropTypes.string,\n nextStepTitle: PropTypes.string,\n showNextLevel: PropTypes.bool\n }),\n type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n extraLifeGranted: PropTypes.bool,\n gameOver: PropTypes.bool,\n failed: PropTypes.bool,\n lives: PropTypes.number,\n mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n const {\n animated,\n failed,\n title,\n subtitle,\n lives,\n stars,\n rank,\n corrections,\n cta,\n extraLifeGranted,\n gameOver = false,\n type,\n mode = 'default'\n } = props;\n const state = buildClass(failed, 'success', 'failed', null);\n\n const nextLink = cta ? (\n <NextQuestionPart\n cta={cta}\n type={type}\n extraLifeGranted={extraLifeGranted}\n failed={failed}\n gameOver={gameOver}\n lives={lives}\n mode={mode}\n />\n ) : null;\n\n return (\n <div\n className={classnames(\n mode === 'scorm' && style.scorm,\n cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n )}\n data-name=\"popinHeader\"\n data-state={state}\n >\n <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n <CorrectionPart\n title={title}\n subtitle={subtitle}\n lives={lives}\n animated={animated}\n stars={stars}\n rank={rank}\n failed={failed}\n gameOver={gameOver}\n revival={extraLifeGranted}\n corrections={corrections}\n mode={mode}\n />\n {nextLink}\n </div>\n </div>\n );\n};\n\nPopinHeader.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n cta: NextQuestionPart.propTypes.cta,\n type: NextQuestionPart.propTypes.type,\n extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n failed: NextQuestionPart.propTypes.failed,\n gameOver: NextQuestionPart.propTypes.gameOver,\n lives: NextQuestionPart.propTypes.lives,\n title: CorrectionPart.propTypes.title,\n subtitle: CorrectionPart.propTypes.subtitle,\n animated: CorrectionPart.propTypes.animated,\n stars: CorrectionPart.propTypes.stars,\n rank: CorrectionPart.propTypes.rank,\n corrections: CorrectionPart.propTypes.corrections,\n mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.11.4
|
|
3
|
+
"version": "11.11.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
|
|
57
57
|
],
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@coorpacademy/nova-icons": "4.1.4
|
|
59
|
+
"@coorpacademy/nova-icons": "4.1.4",
|
|
60
60
|
"@coorpacademy/react-native-animation": "1.0.3",
|
|
61
61
|
"@jwplayer/jwplayer-react": "^1.1.0",
|
|
62
62
|
"@types/react": "^17.0.50",
|
|
@@ -164,5 +164,5 @@
|
|
|
164
164
|
"last 2 versions",
|
|
165
165
|
"IE 11"
|
|
166
166
|
],
|
|
167
|
-
"gitHead": "
|
|
167
|
+
"gitHead": "8f390e41e3a5fe08968921587f3e27d896ba5f94"
|
|
168
168
|
}
|