@coorpacademy/components 10.20.0-alpha.0 → 10.21.1

package/lib/organism/review-skills/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports.default = exports.NoSkillsPropTypes = exports.ListSkillsPropTypes = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -104,6 +104,10 @@ ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _extends(_exten
   isLoading: _propTypes.default.bool,
   isLoadingAriaLabel: _propTypes.default.string
 }, ReviewListSkills.propTypes), ReviewNoSkills.propTypes) : {};
+const ListSkillsPropTypes = ReviewListSkills.propTypes;
+exports.ListSkillsPropTypes = ListSkillsPropTypes;
+const NoSkillsPropTypes = ReviewNoSkills.propTypes;
+exports.NoSkillsPropTypes = NoSkillsPropTypes;
 var _default = ReviewSkills;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/organism/review-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","propTypes","PropTypes","arrayOf","shape","SkillCard","string","isRequired","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))\n};\n\nReviewNoSkills.propTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nReviewSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ReviewListSkills.propTypes,\n  ...ReviewNoSkills.propTypes\n};\n\nexport default ReviewSkills;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","propTypes","PropTypes","arrayOf","shape","SkillCard","string","isRequired","bool","ListSkillsPropTypes","NoSkillsPropTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))\n};\n\nReviewNoSkills.propTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nReviewSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ReviewListSkills.propTypes,\n  ...ReviewNoSkills.propTypes\n};\n\nexport const ListSkillsPropTypes = ReviewListSkills.propTypes;\nexport const NoSkillsPropTypes = ReviewNoSkills.propTypes;\n\nexport default ReviewSkills;\n"],"file":"index.js"}

package/lib/organism/review-skills/style.css

@@ -23,6 +23,7 @@
   font-size: 20px;
   font-weight: 600;
   line-height: 28px;
+  margin-left: 40px;
 }
 
 .informationIcon {
@@ -33,7 +34,7 @@
 .listSkillsContainer {
   display: flex;
   flex-wrap: wrap;
-  margin-top: 24px;
+  margin: 24px 24px 0 40px;
 }
 
 .skillCardContainer {
@@ -113,6 +114,14 @@
     max-width: 100%;
   }
 
+  .listSkillsContainer {
+    margin: 24px 20px;
+  }
+
+  .title {
+  margin-left: 0;
+  }
+
   .titleNoSkills,
   .textNoSkills {
     width: 85%;

package/lib/organism/sidebar/index.js

@@ -29,9 +29,7 @@ var _cta = _interopRequireDefault(require("../../atom/cta"));
 
 var _selectMultiple = _interopRequireDefault(require("../../molecule/select-multiple"));
 
-var _style = require("../../atom/label/style.css");
-
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
@@ -59,15 +57,15 @@ const InputTextItem = props => {
   const handleOnChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `inputtext-item-${index}`,
-    className: _style2.default.selectItem
+    className: _style.default.selectItem
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style2.default.selectTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.selectTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title), /*#__PURE__*/_react.default.createElement("input", {
     type: "text",
     name: title,
-    className: _style2.default.input,
+    className: _style.default.input,
     placeholder: placeholder,
     value: value,
     disabled: disabled,
@@ -97,10 +95,10 @@ const SelectItem = ({
 }) => {
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `select-item-${index}`,
-    className: _style2.default.selectItem
+    className: _style.default.selectItem
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style2.default.selectTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.selectTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title), /*#__PURE__*/_react.default.createElement(_select.default, {
     title: title,
@@ -134,10 +132,10 @@ const MultiSelectItem = ({
 }) => {
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `select-item-${index}`,
-    className: _style2.default.selectItem
+    className: _style.default.selectItem
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style2.default.selectTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.selectTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title), /*#__PURE__*/_react.default.createElement(_selectMultiple.default, {
     theme: "sidebar",
@@ -166,8 +164,8 @@ const LinkItem = ({
   const handleOnClick = (0, _react.useMemo)(() => e => {
     onClick && onClick(e);
   }, [onClick]);
-  const classNames = (0, _classnames.default)(_style2.default.linkItem, _style.innerHTML, {
-    [_style2.default.uppercase]: uppercase
+  const classNames = (0, _classnames.default)(_style.default.linkItem, _style.default.innerHTML, {
+    [_style.default.uppercase]: uppercase
   }, styles);
   const borderStyle = {
     borderLeftColor: selected ? color : null
@@ -228,7 +226,7 @@ const IconLinkItem = (_ref) => {
     uppercase: uppercase,
     index: index
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
-    className: _style2.default.icon
+    className: _style.default.icon
   }));
 };
 
@@ -243,10 +241,10 @@ const TitleItem = ({
 }) => {
   return /*#__PURE__*/_react.default.createElement("ul", {
     "data-name": name || `item-title-${index}`,
-    className: _style2.default.titleItem
+    className: _style.default.titleItem
   }, /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _classnames.default)(_style2.default.titleItemTitle, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.titleItemTitle, {
+      [_style.default.uppercase]: uppercase
     })
   }, title));
 };
@@ -291,8 +289,8 @@ const ButtonItem = ({
   }, title);
   return /*#__PURE__*/_react.default.createElement("li", {
     "data-name": name || `button-item-${index}`,
-    className: (0, _classnames.default)(_style2.default.buttonItem, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.buttonItem, {
+      [_style.default.uppercase]: uppercase
     })
   }, button);
 };
@@ -326,12 +324,12 @@ const InfoItem = ({
   const color_ = neutralColor === true ? NEUTRAL_COLOR : color;
   return /*#__PURE__*/_react.default.createElement("ul", {
     "data-name": name || `item-info-${index}`,
-    className: _style2.default.infoItem
+    className: _style.default.infoItem
   }, /*#__PURE__*/_react.default.createElement("li", {
-    className: _style2.default.infoItemTitle
+    className: _style.default.infoItemTitle
   }, title), /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _classnames.default)(_style2.default.infoItemContent, {
-      [_style2.default.uppercase]: uppercase
+    className: (0, _classnames.default)(_style.default.infoItemContent, {
+      [_style.default.uppercase]: uppercase
     }),
     onClick: handleOnClick,
     style: {
@@ -439,7 +437,7 @@ const SidebarItems = ({
   color
 }) => {
   return /*#__PURE__*/_react.default.createElement("ul", {
-    className: _style2.default.sectionItems
+    className: _style.default.sectionItems
   }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(SidebarItem, {
     item: item,
     key: index,
@@ -463,10 +461,10 @@ const Sidebar = ({
   const defaultColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "sidebar",
-    className: _style2.default.sidebar
+    className: _style.default.sidebar
   }, sections.map((sidebarSection, idx) => /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `sidebarpart-${idx + 1}`,
-    className: _style2.default.sidebarPart,
+    className: _style.default.sidebarPart,
     key: idx
   }, /*#__PURE__*/_react.default.createElement(SidebarItems, {
     items: sidebarSection,

package/lib/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/sidebar/index.js"],"names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","style","selectItem","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(style.linkItem, innerHTML, {[style.uppercase]: uppercase}, styles);\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/sidebar/index.js"],"names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","style","selectItem","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"file":"index.js"}

package/lib/organism/sidebar/style.css

@@ -110,4 +110,8 @@
 
 .linkItem:hover .icon {
   color: cm_grey_700;
-}
+}
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/lib/template/activity/index.js

@@ -23,15 +23,13 @@ var _select = _interopRequireDefault(require("../../atom/select"));
 
 var _loader = _interopRequireDefault(require("../../atom/loader"));
 
-var _style = require("../../atom/label/style.css");
-
 var _progressionItem = _interopRequireDefault(require("./progression-item"));
 
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
 
 var _starsSummary = _interopRequireDefault(require("./stars-summary"));
 
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -84,7 +82,7 @@ class Progression extends _react.default.Component {
     } = this.context;
     const primary = (0, _get2.default)('common.primary', skin);
     const loader = loading ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.loader
+      className: _style.default.loader
     }, /*#__PURE__*/_react.default.createElement(_loader.default, null)) : null;
     const allProgressions = progressions.map(progression => /*#__PURE__*/_react.default.createElement(_progressionItem.default, _extends({}, (0, _omit2.default)(['ref'], progression), {
       key: progression.ref
@@ -92,24 +90,24 @@ class Progression extends _react.default.Component {
 
     const coreProgression = /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "activityCore",
-      className: _style2.default.core
+      className: _style.default.core
     }, allProgressions);
 
     const themeSelect = !(0, _isEmpty2.default)(themeFilter.options) ? /*#__PURE__*/_react.default.createElement(_select.default, {
-      borderClassName: _style2.default.selectBorder,
-      className: _style2.default.select,
+      borderClassName: _style.default.selectBorder,
+      className: _style.default.select,
       theme: "thematiques",
       options: themeFilter.options,
       onChange: this.handleSelectTheme
     }) : null;
     const recommendationSection = !(0, _isEmpty2.default)(recommendation) ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.recommendationWrapper
+      className: _style.default.recommendationWrapper
     }, /*#__PURE__*/_react.default.createElement("p", {
-      className: _style2.default.recommendationSection
+      className: _style.default.recommendationSection
     }, recommendation.title, " "), /*#__PURE__*/_react.default.createElement("p", {
-      className: _style2.default.recommendationSection
+      className: _style.default.recommendationSection
     }, /*#__PURE__*/_react.default.createElement("span", null, recommendation.subtitle, " "), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(_style2.default.course, _style.innerHTML) // eslint-disable-next-line react/no-danger
+      className: (0, _classnames.default)(_style.default.course, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: recommendation.courseTitle
@@ -121,23 +119,23 @@ class Progression extends _react.default.Component {
       style: {
         backgroundColor: primary
       },
-      className: _style2.default.cta
+      className: _style.default.cta
     })) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.default
+      className: _style.default.default
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "activity-header"
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.mainTitle
+      className: _style.default.mainTitle
     }, /*#__PURE__*/_react.default.createElement("span", null, mainTitle), " ", mainSubtitle), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.headerProgression
+      className: _style.default.headerProgression
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.wrapperCta
+      className: _style.default.wrapperCta
     }, themeSelect, recommendationSection), /*#__PURE__*/_react.default.createElement(_starsSummary.default, {
       engines: engines,
       total: total
     }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.wrapperProgression,
+      className: _style.default.wrapperProgression,
       "data-name": "activityList"
     }, coreProgression, loader));
   }

package/lib/template/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/index.js"],"names":["Progression","React","Component","constructor","props","context","e","recommendation","stopPropagation","preventDefault","onClick","themeFilter","onChange","handleClick","bind","handleSelectTheme","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport {innerHTML} from '../../atom/label/style.css';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/activity/index.js"],"names":["Progression","React","Component","constructor","props","context","e","recommendation","stopPropagation","preventDefault","onClick","themeFilter","onChange","handleClick","bind","handleSelectTheme","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"file":"index.js"}

package/lib/template/activity/progression-item.css

@@ -167,3 +167,7 @@
     font-size: 13px;
   }
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/lib/template/activity/progression-item.js

@@ -21,8 +21,6 @@ var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar")
 
 var _link = _interopRequireDefault(require("../../atom/link"));
 
-var _style = require("../../atom/label/style.css");
-
 var _progressionItem = _interopRequireDefault(require("./progression-item.css"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -102,7 +100,7 @@ const ProgressionItem = (props, context) => {
     className: _progressionItem.default.label,
     title: label
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.innerHTML // eslint-disable-next-line react/no-danger
+    className: _progressionItem.default.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label

package/lib/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/progression-item.js"],"names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"file":"progression-item.js"}
+{"version":3,"sources":["../../../src/template/activity/progression-item.js"],"names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"file":"progression-item.js"}

package/lib/template/activity/style.css

@@ -153,3 +153,8 @@
     margin: 10px 10px 0;
   }
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}
+

package/lib/template/app-review/demo-ts/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const DemoTs = ({
+  plop
+}) => /*#__PURE__*/_react.default.createElement("p", null, plop);
+
+var _default = DemoTs;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/template/app-review/demo-ts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/demo-ts/index.tsx"],"names":["DemoTs","plop"],"mappings":";;;;;AAAA;;;;AAIA,MAAMA,MAAyB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBAAmB,wCAAIA,IAAJ,CAArD;;eAEeD,M","sourcesContent":["import React, {FunctionComponent} from 'react';\n\nexport type Props = {plop: string};\n\nconst DemoTs: FunctionComponent = ({plop}: Props) => <p>{plop}</p>;\n\nexport default DemoTs;\n"],"file":"index.js"}