@coorpacademy/components 11.40.19 → 11.40.21

package/lib/template/certification-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/certification-detail/index.js"],"names":[],"mappings":";AAgBA,4EAkIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/certification-detail/index.js"],"names":[],"mappings":";AAiBA,4EAwIC"}

package/lib/template/certification-detail/index.js

@@ -18,6 +18,7 @@ var _select = require("../../atom/select");
 var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
 var _icon = _interopRequireDefault(require("../../atom/icon"));
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
+var _cmPopin = _interopRequireDefault(require("../../molecule/cm-popin"));
 var _allCourses = _interopRequireDefault(require("../skill-detail/all-courses"));
 var _skillDetail = require("../skill-detail");
 var _progressWrapper = _interopRequireDefault(require("../../molecule/progress-wrapper"));
@@ -40,7 +41,8 @@ const CertificationDetail = (props, context) => {
     diplomaUrl,
     badgeUrl,
     search,
-    metrics = {}
+    metrics = {},
+    popinWithCards
   } = props;
   const descriptionRef = (0, _react.useRef)(null);
   const {
@@ -133,7 +135,9 @@ const CertificationDetail = (props, context) => {
     filters: filters,
     "data-name": "certification-courses",
     search: search
-  })));
+  })), popinWithCards ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.popinWithCards
+  }, /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinWithCards)) : null);
 };
 CertificationDetail.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
@@ -165,7 +169,8 @@ CertificationDetail.propTypes = process.env.NODE_ENV !== "production" ? {
   search: _propTypes.default.shape({
     oldValue: _propTypes.default.string,
     onChange: _propTypes.default.func
-  })
+  }),
+  popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = exports.default = CertificationDetail;
 //# sourceMappingURL=index.js.map

package/lib/template/certification-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_markdownToJsx","_provider","_tag","_select","_buttonLinkIcon","_icon","_cardsGrid","_allCourses","_skillDetail","_progressWrapper","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CertificationDetail","props","context","certificationRef","title","tag","description","certificationCourses","ongoingCoursesAvailable","filters","onBackClick","onContinueLearningClick","logoUrl","diplomaUrl","badgeUrl","search","metrics","descriptionRef","useRef","translate","progression","mandatoryModules","stars","totalModules","totalContents","_pipe2","_getOr2","_size2","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","createElement","ref","className","classnames","style","truncate","completedModules","useMemo","_round2","backgroundContainer","container","_isNil2","faIcon","onClick","backButton","tooltipPlacement","ctaContainer","logoContainer","logo","src","label","Fragment","showMoreWrapper","iconName","size","faSize","wrapperSize","contentStats","count","ContinueLearningButton","subtitle","sections","_compact2","type","downloadUrl","content","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","number","bool","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","oldValue","_default","exports"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, round, isNil, size, pipe, getOr} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    tag,\n    description,\n    certificationCourses,\n    ongoingCoursesAvailable,\n    filters,\n    onBackClick,\n    onContinueLearningClick,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl,\n    search,\n    metrics = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n\n  const {\n    progression,\n    mandatoryModules,\n    stars,\n    totalModules,\n    totalContents = pipe(getOr([], 'list'), size)(certificationCourses)\n  } = metrics;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const completedModules = useMemo(\n    () => round((mandatoryModules * progression) / 100),\n    [mandatoryModules, progression]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={tag} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${translate('modules', {count: totalModules})}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedModules={completedModules}\n          mandatoryModules={mandatoryModules}\n          sections={compact([\n            diplomaUrl && {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            stars && {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          content={certificationCourses}\n          totalContents={totalContents}\n          filters={filters}\n          data-name=\"certification-courses\"\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.string,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    mandatoryModules: PropTypes.number,\n    totalModules: PropTypes.number,\n    totalContents: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default CertificationDetail;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_markdownToJsx","_provider","_tag","_select","_buttonLinkIcon","_icon","_cardsGrid","_cmPopin","_allCourses","_skillDetail","_progressWrapper","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CertificationDetail","props","context","certificationRef","title","tag","description","certificationCourses","ongoingCoursesAvailable","filters","onBackClick","onContinueLearningClick","logoUrl","diplomaUrl","badgeUrl","search","metrics","popinWithCards","descriptionRef","useRef","translate","progression","mandatoryModules","stars","totalModules","totalContents","_pipe2","_getOr2","_size2","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","createElement","ref","className","classnames","style","truncate","completedModules","useMemo","_round2","backgroundContainer","container","_isNil2","faIcon","onClick","backButton","tooltipPlacement","ctaContainer","logoContainer","logo","src","label","Fragment","showMoreWrapper","iconName","size","faSize","wrapperSize","contentStats","count","ContinueLearningButton","subtitle","sections","_compact2","type","downloadUrl","content","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","number","bool","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","oldValue","CMPopin","_default","exports"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, round, isNil, size, pipe, getOr} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport CMPopin from '../../molecule/cm-popin';\nimport AllCourses from '../skill-detail/all-courses';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    tag,\n    description,\n    certificationCourses,\n    ongoingCoursesAvailable,\n    filters,\n    onBackClick,\n    onContinueLearningClick,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl,\n    search,\n    metrics = {},\n    popinWithCards\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n\n  const {\n    progression,\n    mandatoryModules,\n    stars,\n    totalModules,\n    totalContents = pipe(getOr([], 'list'), size)(certificationCourses)\n  } = metrics;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const completedModules = useMemo(\n    () => round((mandatoryModules * progression) / 100),\n    [mandatoryModules, progression]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={tag} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${translate('modules', {count: totalModules})}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedModules={completedModules}\n          mandatoryModules={mandatoryModules}\n          sections={compact([\n            diplomaUrl && {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            stars && {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          content={certificationCourses}\n          totalContents={totalContents}\n          filters={filters}\n          data-name=\"certification-courses\"\n          search={search}\n        />\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.string,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    mandatoryModules: PropTypes.number,\n    totalModules: PropTypes.number,\n    totalContents: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default CertificationDetail;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/certification-detail/style.css

@@ -107,6 +107,11 @@
   color: cm_grey_400;
 }
 
+.popinWithCards {
+  position: relative;
+  z-index: 7;
+}
+
 @media tablet {
   .ctaContainer {
     flex-direction: column;