@coorpacademy/components 11.32.44-alpha.59 → 11.32.44-alpha.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/molecule/certification-card/index.d.ts +1 -1
- package/es/molecule/certification-card/index.d.ts.map +1 -1
- package/es/molecule/certification-card/index.js +4 -4
- package/es/molecule/certification-card/index.js.map +1 -1
- package/es/organism/list-item/index.js +1 -1
- package/es/organism/list-item/index.js.map +1 -1
- package/es/template/certifications/index.js +3 -1
- package/es/template/certifications/index.js.map +1 -1
- package/lib/molecule/certification-card/index.d.ts +1 -1
- package/lib/molecule/certification-card/index.d.ts.map +1 -1
- package/lib/molecule/certification-card/index.js +4 -4
- package/lib/molecule/certification-card/index.js.map +1 -1
- package/lib/organism/list-item/index.js +2 -2
- package/lib/organism/list-item/index.js.map +1 -1
- package/lib/template/certifications/index.js +3 -1
- package/lib/template/certifications/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -15,9 +15,9 @@ declare namespace CertificationCard {
|
|
|
15
15
|
const progress: PropTypes.Requireable<number>;
|
|
16
16
|
const imgUrl: PropTypes.Requireable<string>;
|
|
17
17
|
const onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
-
const tag: PropTypes.Requireable<string>;
|
|
19
18
|
const locales: PropTypes.Requireable<PropTypes.InferProps<{
|
|
20
19
|
conditionDescriptionProgress: PropTypes.Requireable<string>;
|
|
20
|
+
tag: PropTypes.Requireable<string>;
|
|
21
21
|
}>>;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,0EA2DC"}
|
|
@@ -10,9 +10,9 @@ const CertificationCard = (props, context) => {
|
|
|
10
10
|
const {
|
|
11
11
|
label,
|
|
12
12
|
locales: {
|
|
13
|
-
conditionDescriptionProgress
|
|
13
|
+
conditionDescriptionProgress,
|
|
14
|
+
tag
|
|
14
15
|
},
|
|
15
|
-
tag,
|
|
16
16
|
goal: {
|
|
17
17
|
title
|
|
18
18
|
},
|
|
@@ -95,9 +95,9 @@ CertificationCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
95
95
|
progress: PropTypes.number,
|
|
96
96
|
imgUrl: PropTypes.string,
|
|
97
97
|
onClick: PropTypes.func,
|
|
98
|
-
tag: PropTypes.string,
|
|
99
98
|
locales: PropTypes.shape({
|
|
100
|
-
conditionDescriptionProgress: PropTypes.string
|
|
99
|
+
conditionDescriptionProgress: PropTypes.string,
|
|
100
|
+
tag: PropTypes.string
|
|
101
101
|
})
|
|
102
102
|
} : {};
|
|
103
103
|
export default CertificationCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","style","CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","positive","contextTypes","childContextTypes","propTypes","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n const {\n label,\n locales: {conditionDescriptionProgress},\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","style","CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","positive","contextTypes","childContextTypes","propTypes","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n const {\n label,\n locales: {conditionDescriptionProgress, tag},\n goal: {title},\n progress,\n imgUrl,\n onClick\n } = props;\n const {translate} = context;\n const isInprogress = progress < 100;\n const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n const progressTagType = isInprogress ? 'progress' : 'success';\n\n const progressIconProps = {\n position: 'left',\n iconName: isInprogress ? 'clock' : 'circle-check',\n iconColor: isInprogress ? '#B87A00' : '#05944F',\n backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n size: {\n faSize: 10,\n wrapperSize: 10\n },\n customStyle: {padding: 0}\n };\n\n return (\n <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n {progress > 0 ? (\n <Tag\n label={progressLabel}\n type={progressTagType}\n customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n icon={progressIconProps}\n />\n ) : null}\n <div className={style.imageSection}>\n <div className={style.imageContainer}>\n <img src={imgUrl} />\n </div>\n </div>\n <div className={style.detailWrapper}>\n <div className={style.titleWrapper}>\n <Tag label={tag} size=\"S\" />\n <div className={style.title} data-name=\"certification-title\">\n {title}\n </div>\n <div className={style.moduleCount}>{conditionDescriptionProgress}</div>\n </div>\n <ProgressBar\n className={style.customProgressBar}\n style={{backgroundColor: COLORS.positive}}\n displayInfo={false}\n value={progress}\n max={100}\n />\n </div>\n </div>\n );\n};\n\nCertificationCard.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n label: PropTypes.string,\n goal: PropTypes.shape({\n title: PropTypes.string,\n condition: PropTypes.shape({\n nbDone: PropTypes.number\n })\n }),\n progress: PropTypes.number,\n imgUrl: PropTypes.string,\n onClick: PropTypes.func,\n locales: PropTypes.shape({\n conditionDescriptionProgress: PropTypes.string,\n tag: PropTypes.string\n })\n};\n\nexport default CertificationCard;\n"],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ import Tag from '../../atom/tag';
|
|
|
14
14
|
import FaIcon from '../../atom/icon';
|
|
15
15
|
import ButtonLink from '../../atom/button-link';
|
|
16
16
|
import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
|
|
17
|
-
import COLORS from '../../variables/colors';
|
|
17
|
+
import { COLORS } from '../../variables/colors';
|
|
18
18
|
import style from './style.css';
|
|
19
19
|
|
|
20
20
|
const ListItem = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","editAsIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","handleButtonLinkClick","handleRenderButtonLink","icon","editIcon","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport COLORS from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon,\n editAsIcon = false\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n const handleButtonLinkClick = buttonLink?.onClick || noop;\n\n const handleRenderButtonLink = () => {\n if (editAsIcon && buttonLink) {\n return (\n <FaIcon\n iconName={buttonLink.icon?.type || 'edit'}\n onClick={handleButtonLinkClick}\n className={style.editIcon}\n />\n );\n }\n if (buttonLink) {\n return <ButtonLink {...buttonLink} />;\n }\n return null;\n };\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {handleRenderButtonLink()}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n }),\n editAsIcon: PropTypes.bool\n};\n\nexport default ListItem;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","editAsIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","handleButtonLinkClick","handleRenderButtonLink","icon","editIcon","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon,\n editAsIcon = false\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n const handleButtonLinkClick = buttonLink?.onClick || noop;\n\n const handleRenderButtonLink = () => {\n if (editAsIcon && buttonLink) {\n return (\n <FaIcon\n iconName={buttonLink.icon?.type || 'edit'}\n onClick={handleButtonLinkClick}\n className={style.editIcon}\n />\n );\n }\n if (buttonLink) {\n return <ButtonLink {...buttonLink} />;\n }\n return null;\n };\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {handleRenderButtonLink()}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n }),\n editAsIcon: PropTypes.bool\n};\n\nexport default ListItem;\n"],"mappings":"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"}
|
|
@@ -78,7 +78,9 @@ const Certifications = (props, context) => {
|
|
|
78
78
|
return /*#__PURE__*/React.createElement("div", {
|
|
79
79
|
key: label
|
|
80
80
|
}, /*#__PURE__*/React.createElement(CertificationCard, _extends({}, certification, {
|
|
81
|
-
|
|
81
|
+
locales: _extends({}, certification.locales, {
|
|
82
|
+
tag
|
|
83
|
+
})
|
|
82
84
|
})));
|
|
83
85
|
}, certifications))));
|
|
84
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Provider","Title","Select","InputSwitch","CertificationCard","style","Certifications","props","context","locales","title","subtitle","tag","count","certifications","sorting","translate","showCompleted","setShowCompleted","sortView","undefined","handleShowCompletedToggle","backgroudnContainer","container","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","sortSection","sortWrapper","certificateList","certification","label","progress","contextTypes","childContextTypes","propTypes","arrayOf","shape","string","goal","condition","nbDone","number","imgUrl","onClick","func","conditionDescriptionProgress"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n const {\n locales: {title, subtitle, tag, count},\n certifications,\n sorting\n } = props;\n const {translate} = context;\n\n const [showCompleted, setShowCompleted] = useState(true);\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\">\n <Select {...sorting} aria-label=\"All courses sort\" />\n </div>\n ) : null;\n\n const handleShowCompletedToggle = useCallback(() => {\n setShowCompleted(!showCompleted);\n }, [showCompleted, setShowCompleted]);\n\n return (\n <div className={style.backgroudnContainer}>\n <div className={style.container} data-name=\"Certifications\">\n <Title\n title={title}\n subtitle={subtitle}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n subtitleSize=\"standard-without-margin\"\n icon={{\n iconName: 'wreath-laurel',\n iconColor: '#B87A00',\n borderRadius: '12px',\n backgroundColor: '#FFEECC'\n }}\n />\n <div className={style.sortSectionWrapper}>\n <div className={style.certificatesCount}>{count}</div>\n <div className={style.sortSection}>\n <InputSwitch\n id={'show-completed-courses-switch'}\n type=\"switch\"\n name={translate('show_completed')}\n title={translate('show_completed')}\n aria-label={'Show completed courses aria label'}\n value={showCompleted}\n onChange={handleShowCompletedToggle}\n />\n {sorting ? (\n <div className={style.sortWrapper}>\n {translate('sort_by')}\n {sortView}\n </div>\n ) : null}\n </div>\n </div>\n <div className={style.certificateList}>\n {map(certification => {\n const {label, progress} = certification;\n if (!showCompleted && progress === 100) return null;\n\n return (\n <div key={label}>\n <CertificationCard {...certification}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Provider","Title","Select","InputSwitch","CertificationCard","style","Certifications","props","context","locales","title","subtitle","tag","count","certifications","sorting","translate","showCompleted","setShowCompleted","sortView","undefined","handleShowCompletedToggle","backgroudnContainer","container","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","sortSection","sortWrapper","certificateList","certification","label","progress","contextTypes","childContextTypes","propTypes","arrayOf","shape","string","goal","condition","nbDone","number","imgUrl","onClick","func","conditionDescriptionProgress"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n const {\n locales: {title, subtitle, tag, count},\n certifications,\n sorting\n } = props;\n const {translate} = context;\n\n const [showCompleted, setShowCompleted] = useState(true);\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\">\n <Select {...sorting} aria-label=\"All courses sort\" />\n </div>\n ) : null;\n\n const handleShowCompletedToggle = useCallback(() => {\n setShowCompleted(!showCompleted);\n }, [showCompleted, setShowCompleted]);\n\n return (\n <div className={style.backgroudnContainer}>\n <div className={style.container} data-name=\"Certifications\">\n <Title\n title={title}\n subtitle={subtitle}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n subtitleSize=\"standard-without-margin\"\n icon={{\n iconName: 'wreath-laurel',\n iconColor: '#B87A00',\n borderRadius: '12px',\n backgroundColor: '#FFEECC'\n }}\n />\n <div className={style.sortSectionWrapper}>\n <div className={style.certificatesCount}>{count}</div>\n <div className={style.sortSection}>\n <InputSwitch\n id={'show-completed-courses-switch'}\n type=\"switch\"\n name={translate('show_completed')}\n title={translate('show_completed')}\n aria-label={'Show completed courses aria label'}\n value={showCompleted}\n onChange={handleShowCompletedToggle}\n />\n {sorting ? (\n <div className={style.sortWrapper}>\n {translate('sort_by')}\n {sortView}\n </div>\n ) : null}\n </div>\n </div>\n <div className={style.certificateList}>\n {map(certification => {\n const {label, progress} = certification;\n if (!showCompleted && progress === 100) return null;\n\n return (\n <div key={label}>\n <CertificationCard {...certification} locales={{...certification.locales, tag}} />\n </div>\n );\n }, certifications)}\n </div>\n </div>\n </div>\n );\n};\n\nCertifications.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nCertifications.propTypes = {\n certifications: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n goal: PropTypes.shape({\n title: PropTypes.string,\n condition: PropTypes.shape({\n nbDone: PropTypes.number\n })\n }),\n progress: PropTypes.number,\n imgUrl: PropTypes.string,\n onClick: PropTypes.func,\n locales: PropTypes.shape({\n conditionDescriptionProgress: PropTypes.string\n })\n })\n ),\n locales: PropTypes.shape({\n title: PropTypes.string,\n subtitle: PropTypes.string,\n tag: PropTypes.string,\n count: PropTypes.string\n }),\n sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default Certifications;\n"],"mappings":"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"}
|
|
@@ -15,9 +15,9 @@ declare namespace CertificationCard {
|
|
|
15
15
|
const progress: PropTypes.Requireable<number>;
|
|
16
16
|
const imgUrl: PropTypes.Requireable<string>;
|
|
17
17
|
const onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
-
const tag: PropTypes.Requireable<string>;
|
|
19
18
|
const locales: PropTypes.Requireable<PropTypes.InferProps<{
|
|
20
19
|
conditionDescriptionProgress: PropTypes.Requireable<string>;
|
|
20
|
+
tag: PropTypes.Requireable<string>;
|
|
21
21
|
}>>;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,0EA2DC"}
|
|
@@ -23,9 +23,9 @@ const CertificationCard = (props, context) => {
|
|
|
23
23
|
const {
|
|
24
24
|
label,
|
|
25
25
|
locales: {
|
|
26
|
-
conditionDescriptionProgress
|
|
26
|
+
conditionDescriptionProgress,
|
|
27
|
+
tag
|
|
27
28
|
},
|
|
28
|
-
tag,
|
|
29
29
|
goal: {
|
|
30
30
|
title
|
|
31
31
|
},
|
|
@@ -108,9 +108,9 @@ CertificationCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
108
108
|
progress: _propTypes.default.number,
|
|
109
109
|
imgUrl: _propTypes.default.string,
|
|
110
110
|
onClick: _propTypes.default.func,
|
|
111
|
-
tag: _propTypes.default.string,
|
|
112
111
|
locales: _propTypes.default.shape({
|
|
113
|
-
conditionDescriptionProgress: _propTypes.default.string
|
|
112
|
+
conditionDescriptionProgress: _propTypes.default.string,
|
|
113
|
+
tag: _propTypes.default.string
|
|
114
114
|
})
|
|
115
115
|
} : {};
|
|
116
116
|
var _default = CertificationCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","style","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n const {\n label,\n locales: {conditionDescriptionProgress},\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","style","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n const {\n label,\n locales: {conditionDescriptionProgress, tag},\n goal: {title},\n progress,\n imgUrl,\n onClick\n } = props;\n const {translate} = context;\n const isInprogress = progress < 100;\n const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n const progressTagType = isInprogress ? 'progress' : 'success';\n\n const progressIconProps = {\n position: 'left',\n iconName: isInprogress ? 'clock' : 'circle-check',\n iconColor: isInprogress ? '#B87A00' : '#05944F',\n backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n size: {\n faSize: 10,\n wrapperSize: 10\n },\n customStyle: {padding: 0}\n };\n\n return (\n <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n {progress > 0 ? (\n <Tag\n label={progressLabel}\n type={progressTagType}\n customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n icon={progressIconProps}\n />\n ) : null}\n <div className={style.imageSection}>\n <div className={style.imageContainer}>\n <img src={imgUrl} />\n </div>\n </div>\n <div className={style.detailWrapper}>\n <div className={style.titleWrapper}>\n <Tag label={tag} size=\"S\" />\n <div className={style.title} data-name=\"certification-title\">\n {title}\n </div>\n <div className={style.moduleCount}>{conditionDescriptionProgress}</div>\n </div>\n <ProgressBar\n className={style.customProgressBar}\n style={{backgroundColor: COLORS.positive}}\n displayInfo={false}\n value={progress}\n max={100}\n />\n </div>\n </div>\n );\n};\n\nCertificationCard.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n label: PropTypes.string,\n goal: PropTypes.shape({\n title: PropTypes.string,\n condition: PropTypes.shape({\n nbDone: PropTypes.number\n })\n }),\n progress: PropTypes.number,\n imgUrl: PropTypes.string,\n onClick: PropTypes.func,\n locales: PropTypes.shape({\n conditionDescriptionProgress: PropTypes.string,\n tag: PropTypes.string\n })\n};\n\nexport default CertificationCard;\n"],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
|
|
|
29
29
|
|
|
30
30
|
var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
|
|
31
31
|
|
|
32
|
-
var _colors =
|
|
32
|
+
var _colors = require("../../variables/colors");
|
|
33
33
|
|
|
34
34
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
35
35
|
|
|
@@ -144,7 +144,7 @@ const ListItem = ({
|
|
|
144
144
|
}, tagsView, selected ? /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
145
145
|
iconName: "circle-check",
|
|
146
146
|
iconColor: primarySelectedColor,
|
|
147
|
-
backgroundColor: _colors.
|
|
147
|
+
backgroundColor: _colors.COLORS.white,
|
|
148
148
|
size: {
|
|
149
149
|
faSize: 16,
|
|
150
150
|
wrapperSize: 16
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","editAsIcon","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","handleButtonLinkClick","handleRenderButtonLink","icon","editIcon","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","COLORS","white","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport COLORS from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon,\n editAsIcon = false\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n const handleButtonLinkClick = buttonLink?.onClick || noop;\n\n const handleRenderButtonLink = () => {\n if (editAsIcon && buttonLink) {\n return (\n <FaIcon\n iconName={buttonLink.icon?.type || 'edit'}\n onClick={handleButtonLinkClick}\n className={style.editIcon}\n />\n );\n }\n if (buttonLink) {\n return <ButtonLink {...buttonLink} />;\n }\n return null;\n };\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {handleRenderButtonLink()}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n }),\n editAsIcon: PropTypes.bool\n};\n\nexport default ListItem;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","editAsIcon","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","handleButtonLinkClick","handleRenderButtonLink","icon","editIcon","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","COLORS","white","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon,\n editAsIcon = false\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n const handleButtonLinkClick = buttonLink?.onClick || noop;\n\n const handleRenderButtonLink = () => {\n if (editAsIcon && buttonLink) {\n return (\n <FaIcon\n iconName={buttonLink.icon?.type || 'edit'}\n onClick={handleButtonLinkClick}\n className={style.editIcon}\n />\n );\n }\n if (buttonLink) {\n return <ButtonLink {...buttonLink} />;\n }\n return null;\n };\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {handleRenderButtonLink()}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n }),\n editAsIcon: PropTypes.bool\n};\n\nexport default ListItem;\n"],"mappings":"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"}
|
|
@@ -96,7 +96,9 @@ const Certifications = (props, context) => {
|
|
|
96
96
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
97
97
|
key: label
|
|
98
98
|
}, /*#__PURE__*/_react.default.createElement(_certificationCard.default, _extends({}, certification, {
|
|
99
|
-
|
|
99
|
+
locales: _extends({}, certification.locales, {
|
|
100
|
+
tag
|
|
101
|
+
})
|
|
100
102
|
})));
|
|
101
103
|
}, certifications))));
|
|
102
104
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Certifications","props","context","locales","title","subtitle","tag","count","certifications","sorting","translate","showCompleted","setShowCompleted","useState","sortView","undefined","handleShowCompletedToggle","useCallback","style","backgroudnContainer","container","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","sortSection","sortWrapper","certificateList","certification","label","progress","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","goal","condition","nbDone","number","imgUrl","onClick","func","conditionDescriptionProgress","Select"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n const {\n locales: {title, subtitle, tag, count},\n certifications,\n sorting\n } = props;\n const {translate} = context;\n\n const [showCompleted, setShowCompleted] = useState(true);\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\">\n <Select {...sorting} aria-label=\"All courses sort\" />\n </div>\n ) : null;\n\n const handleShowCompletedToggle = useCallback(() => {\n setShowCompleted(!showCompleted);\n }, [showCompleted, setShowCompleted]);\n\n return (\n <div className={style.backgroudnContainer}>\n <div className={style.container} data-name=\"Certifications\">\n <Title\n title={title}\n subtitle={subtitle}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n subtitleSize=\"standard-without-margin\"\n icon={{\n iconName: 'wreath-laurel',\n iconColor: '#B87A00',\n borderRadius: '12px',\n backgroundColor: '#FFEECC'\n }}\n />\n <div className={style.sortSectionWrapper}>\n <div className={style.certificatesCount}>{count}</div>\n <div className={style.sortSection}>\n <InputSwitch\n id={'show-completed-courses-switch'}\n type=\"switch\"\n name={translate('show_completed')}\n title={translate('show_completed')}\n aria-label={'Show completed courses aria label'}\n value={showCompleted}\n onChange={handleShowCompletedToggle}\n />\n {sorting ? (\n <div className={style.sortWrapper}>\n {translate('sort_by')}\n {sortView}\n </div>\n ) : null}\n </div>\n </div>\n <div className={style.certificateList}>\n {map(certification => {\n const {label, progress} = certification;\n if (!showCompleted && progress === 100) return null;\n\n return (\n <div key={label}>\n <CertificationCard {...certification}
|
|
1
|
+
{"version":3,"file":"index.js","names":["Certifications","props","context","locales","title","subtitle","tag","count","certifications","sorting","translate","showCompleted","setShowCompleted","useState","sortView","undefined","handleShowCompletedToggle","useCallback","style","backgroudnContainer","container","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","sortSection","sortWrapper","certificateList","certification","label","progress","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","goal","condition","nbDone","number","imgUrl","onClick","func","conditionDescriptionProgress","Select"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n const {\n locales: {title, subtitle, tag, count},\n certifications,\n sorting\n } = props;\n const {translate} = context;\n\n const [showCompleted, setShowCompleted] = useState(true);\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\">\n <Select {...sorting} aria-label=\"All courses sort\" />\n </div>\n ) : null;\n\n const handleShowCompletedToggle = useCallback(() => {\n setShowCompleted(!showCompleted);\n }, [showCompleted, setShowCompleted]);\n\n return (\n <div className={style.backgroudnContainer}>\n <div className={style.container} data-name=\"Certifications\">\n <Title\n title={title}\n subtitle={subtitle}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n subtitleSize=\"standard-without-margin\"\n icon={{\n iconName: 'wreath-laurel',\n iconColor: '#B87A00',\n borderRadius: '12px',\n backgroundColor: '#FFEECC'\n }}\n />\n <div className={style.sortSectionWrapper}>\n <div className={style.certificatesCount}>{count}</div>\n <div className={style.sortSection}>\n <InputSwitch\n id={'show-completed-courses-switch'}\n type=\"switch\"\n name={translate('show_completed')}\n title={translate('show_completed')}\n aria-label={'Show completed courses aria label'}\n value={showCompleted}\n onChange={handleShowCompletedToggle}\n />\n {sorting ? (\n <div className={style.sortWrapper}>\n {translate('sort_by')}\n {sortView}\n </div>\n ) : null}\n </div>\n </div>\n <div className={style.certificateList}>\n {map(certification => {\n const {label, progress} = certification;\n if (!showCompleted && progress === 100) return null;\n\n return (\n <div key={label}>\n <CertificationCard {...certification} locales={{...certification.locales, tag}} />\n </div>\n );\n }, certifications)}\n </div>\n </div>\n </div>\n );\n};\n\nCertifications.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nCertifications.propTypes = {\n certifications: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n goal: PropTypes.shape({\n title: PropTypes.string,\n condition: PropTypes.shape({\n nbDone: PropTypes.number\n })\n }),\n progress: PropTypes.number,\n imgUrl: PropTypes.string,\n onClick: PropTypes.func,\n locales: PropTypes.shape({\n conditionDescriptionProgress: PropTypes.string\n })\n })\n ),\n locales: PropTypes.shape({\n title: PropTypes.string,\n subtitle: PropTypes.string,\n tag: PropTypes.string,\n count: PropTypes.string\n }),\n sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default Certifications;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.32.44-alpha.
|
|
3
|
+
"version": "11.32.44-alpha.61+dc73e70ef",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -178,5 +178,5 @@
|
|
|
178
178
|
"last 2 versions",
|
|
179
179
|
"IE 11"
|
|
180
180
|
],
|
|
181
|
-
"gitHead": "
|
|
181
|
+
"gitHead": "dc73e70ef8a88cbb4896a0a48cdf2b9db4f8bc49"
|
|
182
182
|
}
|