@coorpacademy/components 11.32.44 → 11.32.46

package/es/molecule/progress-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAqGA;;;;;;;8BA8DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AA+GA;;;;;;;8BA8DC"}

package/es/molecule/progress-wrapper/index.js

@@ -1,3 +1,4 @@
+import _get from "lodash/fp/get";
 import _map from "lodash/fp/map";
 import _isEmpty from "lodash/fp/isEmpty";
 
@@ -5,13 +6,14 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import { convert } from 'css-color-function';
 import Title from '../../atom/title';
 import ProgressBar from '../progress-bar';
 import { COLORS } from '../../variables/colors';
 import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
 import Icon from '../../atom/icon';
-import Provider from '../../atom/provider'; // eslint-disable-next-line css-modules/no-unused-class
+import Provider, { GetSkinFromContext } from '../../atom/provider'; // eslint-disable-next-line css-modules/no-unused-class
 
 import style from './style.css';
 
@@ -29,25 +31,32 @@ const DetailSection = ({
   const {
     translate
   } = context;
+  const skin = GetSkinFromContext(context);
+
+  const primarySkinColor = _get('common.primary', skin);
+
   const isTypeStars = type === 'stars';
-  const DownloadButton = /*#__PURE__*/React.createElement(ButtonLink, {
+  const downloadButtonProps = {
     label: translate('download'),
     link: {
       target: '_blank',
       href: downloadUrl
     },
-    "data-name": `download-${type}-button`,
-    "aria-label": `download ${type} button`,
+    'data-name': `download-${type}-button`,
+    'aria-label': `download ${type} button`,
     customStyle: {
-      backgroundColor: '#F1F6FE',
-      color: '#0061FF',
-      width: 'auto'
+      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),
+      color: primarySkinColor,
+      width: 'auto',
+      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
     },
+    hoverBackgroundColor: primarySkinColor,
+    hoverColor: COLORS.white,
     icon: {
       position: 'left',
       faIcon: {
         name: 'download',
-        color: '#0061FF',
+        color: primarySkinColor,
         size: 14,
         customStyle: {
           padding: 0
@@ -55,14 +64,14 @@ const DetailSection = ({
       }
     },
     disabled: isLocked
-  });
+  };
   const LockedTag = /*#__PURE__*/React.createElement(Tag, {
     label: translate('locked'),
     size: "S",
     icon: {
       position: 'left',
       iconName: 'lock',
-      iconColor: '#515161',
+      iconColor: COLORS.cm_grey_500,
       preset: 's',
       customStyle: {
         padding: 0
@@ -101,7 +110,7 @@ const DetailSection = ({
     className: style.detailsTitle
   }, type === 'diploma' ? translate('diploma') : translate('badge')), isLocked ? LockedTag : null), /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
-  }, DownloadButton)));
+  }, /*#__PURE__*/React.createElement(ButtonLink, downloadButtonProps))));
 };
 
 const ProgressWrapper = ({
@@ -167,7 +176,8 @@ const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   stars: PropTypes.number
 } : {};
 DetailSection.contextTypes = {
-  translate: Provider.childContextTypes.translate
+  translate: Provider.childContextTypes.translate,
+  skin: Provider.childContextTypes.skin
 };
 DetailSection.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   index: PropTypes.number,

package/es/molecule/progress-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","style","uncappedMap","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","isTypeStars","DownloadButton","target","href","backgroundColor","color","width","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","statscontainer","stats","statsNumber","customProgressBar","positive","statsProgressionMobile","details","section","commonDetailSectionPropTypes","oneOf","string","number","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const isTypeStars = type === 'stars';\n\n  const DownloadButton = (\n    <ButtonLink\n      label={translate('download')}\n      link={{\n        target: '_blank',\n        href: downloadUrl\n      }}\n      data-name={`download-${type}-button`}\n      aria-label={`download ${type} button`}\n      customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF', width: 'auto'}}\n      icon={{\n        position: 'left',\n        faIcon: {\n          name: 'download',\n          color: '#0061FF',\n          size: 14,\n          customStyle: {padding: 0}\n        }\n      }}\n      disabled={isLocked}\n    />\n  );\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: '#515161',\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>{DownloadButton}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber} data-name=\"progress-stats\">\n              {`${\n                completedModules > mandatoryModules ? mandatoryModules : completedModules\n              } / ${mandatoryModules}`}\n            </span>\n            {mandatoryCompletedModulesLocale}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","GetSkinFromContext","style","uncappedMap","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","primarySkinColor","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","iconName","iconColor","cm_grey_500","preset","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","statscontainer","stats","statsNumber","customProgressBar","positive","statsProgressionMobile","details","section","commonDetailSectionPropTypes","oneOf","string","number","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber} data-name=\"progress-stats\">\n              {`${\n                completedModules > mandatoryModules ? mandatoryModules : completedModules\n              } / ${mandatoryModules}`}\n            </span>\n            {mandatoryCompletedModulesLocale}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}

package/es/organism/accordion/coorp-manager/part/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAwHA,sEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAyHA,sEAkEC"}

package/es/organism/accordion/coorp-manager/part/index.js

@@ -1,3 +1,4 @@
+import _getOr from "lodash/fp/getOr";
 import _get from "lodash/fp/get";
 import _keys from "lodash/fp/keys";
 import _noop from "lodash/fp/noop";
@@ -10,6 +11,7 @@ import classnames from 'classnames';
 import { NovaSolidLightsLightbulb4 as LightBulbIcon, NovaCompositionNavigationArrowDown as ArrowIcon, NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon, NovaCompositionCoorpacademyDashboard as DashboardIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaCompositionCoorpacademyAnimation as AnimationIcon, NovaCompositionCoorpacademyAdministration as AdministrationIcon, NovaCompositionCoorpacademyContentCreation as ContentCreationIcon, NovaCompositionCoorpacademyEditorialization as EditorializationIcon } from '@coorpacademy/nova-icons';
 import Link from '../../../../atom/link';
 import Provider from '../../../../atom/provider';
+import { COLORS } from '../../../../variables/colors';
 import style from './style.css';
 const ICON_TYPES = {
   arrow: LightBulbIcon,
@@ -157,7 +159,7 @@ const AccordionPart = (props, context) => {
     className: themeStyle[theme]
   }, !isCollapsibleTab ? /*#__PURE__*/React.createElement(Link, {
     onClick: handleParentClick,
-    skinHover: true,
+    hoverColor: _getOr(COLORS.brand, 'common.primary', skin),
     href: href,
     "data-name": `link-item`,
     target: '_blank',

package/es/organism/accordion/coorp-manager/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","COLORS","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","brand","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get, getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport {COLORS} from '../../../../variables/colors';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          hoverColor={getOr(COLORS.brand, 'common.primary', skin)}\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}

package/es/organism/list-item/index.js

@@ -14,7 +14,7 @@ import Tag from '../../atom/tag';
 import FaIcon from '../../atom/icon';
 import ButtonLink from '../../atom/button-link';
 import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
-import COLORS from '../../variables/colors';
+import { COLORS } from '../../variables/colors';
 import style from './style.css';
 
 const ListItem = ({

package/es/organism/list-item/index.js.map

@@ -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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"}
+{"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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"}

package/es/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAkdC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AA0BA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAidC;CACF"}

package/es/organism/mooc-header/index.js

@@ -16,6 +16,7 @@ import InputSwitch from '../../atom/input-switch';
 import Link from '../../atom/link';
 import Search from '../../atom/input-search';
 import SearchForm from '../../molecule/search-form';
+import { COLORS } from '../../variables/colors';
 import style from './style.css';
 
 class MoocHeader extends React.Component {
@@ -274,7 +275,7 @@ class MoocHeader extends React.Component {
           href: item.href,
           disabled: item.disabled,
           className: classnames(style.item, item.disabled && item.selected && style.activePage, item.disabled && style.disabled),
-          skinHover: !item.disabled,
+          hoverColor: item.disabled ? '' : _getOr(COLORS.brand, 'common.primary', skin),
           onClick: this.handleLinkClick,
           target: item.target || null,
           "aria-label": itemLabel,
@@ -303,7 +304,7 @@ class MoocHeader extends React.Component {
           target: item.target || null,
           "aria-label": itemLabel,
           onClick: this.handleLinkClick,
-          skinHover: !item.disabled,
+          hoverColor: item.disabled ? '' : _getOr(COLORS.brand, 'common.primary', skin),
           style: _extends({}, activeColor)
         }, item.title, /*#__PURE__*/React.createElement("span", {
           className: style.line,
@@ -471,7 +472,6 @@ class MoocHeader extends React.Component {
               }, /*#__PURE__*/React.createElement(Link, {
                 className: style.link,
                 href: options.href,
-                skinHover: true,
                 hoverColor: hoverColor,
                 onClick: this.handleLinkClick,
                 target: options.target || null,