@coorpacademy/components 11.36.2-alpha.9 → 11.36.3

package/lib/molecule/learning-profile-radar-chart/index.js

@@ -355,8 +355,7 @@ const LearningProfileRadarChart = ({
     type: `stroke-${index}`,
     colors: stroke
   }))), [formatedColors]);
-  const userAgent = navigator?.userAgent;
-  const isMobile_ = (0, _react.useMemo)(() => (0, _checkIsMobile.isMobile)(userAgent), [userAgent]);
+  const isMobile_ = (0, _checkIsMobile.isMobile)();
   const setIsMobile_ = (0, _react.useCallback)(() => {
     setIsMobile(isMobile_);
   }, [isMobile_]);

package/lib/molecule/learning-profile-radar-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_recharts","_cssColorFunction","_classnames","_interopRequireDefault","_checkIsMobile","_buttonLink","_provider","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","top","offset","x","y","alignment","margin","bottom","right","marginRight","left","marginLeft","BLACK","WHITE","DEFAULT_MAIN_COLOR","DEFAULT_COLORS","gradient","fill","stroke","percentage","color","background","label","CHART_CONFIGS","triangle","name","ticks","sideCount","quadrilateral","pentagon","hexagon","DOT_DEFAULT_PROPS","strokeWidth","strokeOpacity","pointerEvents","style","cursor","DOT_ACTIVE_PROPS","RADAR_DEFAULT_PROPS","fillOpacity","Gradient","type","colors","firstColor","secondColor","createElement","id","x1","y1","x2","y2","stopColor","CustomTooltip","active","payload","className","tooltip","tooltipLabel","tooltipValue","value","CustomDot","cx","cy","onDotHover","onDotClick","activeDot","dataName","subject","onTouchStart","onClick","stopPropagation","onMouseOver","onMouseLeave","buildRadars","totalDataset","handleDotHover","handleOnDotClick","_times2","index","datakey","dataset","Radar","key","dataKey","dot","CustomLabel","percentagesValues","chartType","formatedColors","primarySkinColor","exploreLocale","hoveredDot","onExploreClick","hovered","setHovered","useState","isCurrentDotActive","offsetX","offsetY","rest","onLabelClick","handleExploreClick","buttonExploreProps","customStyle","height","backgroundColor","convert","transition","icon","position","faIcon","size","handleMouseOver","useCallback","handleMouseLeave","extraOffsetY","classnames","tickeForeignObject","tickeForeignObjectFocus","tickWrapper","tickWrapperFocus","tickWrapperHover","alignItems","textAlign","opacity","_isEmpty2","map","colorLabel","Fragment","tickValue","tickLabel","buttonWrapper","CHART_CONFIGS_BY_SIDE_COUNT","_pipe2","_keyBy2","_mapValues2","formatValues","values_","_flatten2","val","_fromPairs2","formatData","legend","data_","_toPairs2","_map2","ref","exports","LearningProfileRadarChart","data","colorsProps","width","legacyContext","isMobile","setIsMobile","setActiveDot","setHoveredDot","skin","GetSkinFromContext","translate","GetTranslateFromContext","_get2","useMemo","_getOr2","_size2","gradients","userAgent","navigator","isMobile_","getIsMobile","setIsMobile_","useEffect","handleClick","undefined","window","addEventListener","removeEventListener","handleOnActiveDotClick","formatedData","find","indexOf","skillRef","_findKey2","renderCustomLabel","props","currentData","_omit2","_values2","RadarChart","outerRadius","PolarGrid","strokeDasharray","radialLines","PolarAngleAxis","tick","PolarRadiusAxis","axisLine","domain","Tooltip","content","ResponsiveLearningProfileRadarChart","ResponsiveContainer","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","learningProfileRadarChartPropTypes","_default"],"sources":["../../../src/molecule/learning-profile-radar-chart/index.tsx"],"sourcesContent":["import React, {Fragment, useCallback, useEffect, useMemo, useState} from 'react';\nimport {\n  Radar,\n  RadarChart,\n  PolarGrid,\n  PolarAngleAxis,\n  ResponsiveContainer,\n  Tooltip,\n  PolarRadiusAxis\n} from 'recharts';\nimport {\n  pipe,\n  keyBy,\n  mapValues,\n  size,\n  getOr,\n  map,\n  toPairs,\n  values,\n  isEmpty,\n  omit,\n  fromPairs,\n  times,\n  flatten,\n  findKey,\n  get\n} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {isMobile as getIsMobile} from '../../util/check-is-mobile';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {\n  ActiveDotType,\n  FormatedColorsType,\n  FormatedDataType,\n  LearningProfileRadarChartPropTypes,\n  TickType,\n  learningProfileRadarChartPropTypes\n} from './types';\nimport style from './style.css';\n\ntype CHART_TYPE_TYPE = keyof typeof CHART_CONFIGS;\n\n/* TICK_POSITIONS */\nconst top: TickType = {offset: {x: -100, y: -75}, alignment: 'center', margin: 'auto'};\nconst bottom: TickType = {offset: {x: -100, y: 10}, alignment: 'center', margin: 'auto'};\nconst right: TickType = {offset: {x: 30, y: -10}, alignment: 'start', marginRight: 'auto'};\nconst left: TickType = {offset: {x: -230, y: -10}, alignment: 'end', marginLeft: 'auto'};\n\n/* CONSTANTS */\nconst BLACK = '#000000ff';\nconst WHITE = '#ffffffff';\nconst DEFAULT_MAIN_COLOR = '#0062ffff';\n\nconst DEFAULT_COLORS: FormatedColorsType = {\n  gradient: {\n    fill: [DEFAULT_MAIN_COLOR, DEFAULT_MAIN_COLOR],\n    stroke: [DEFAULT_MAIN_COLOR, DEFAULT_MAIN_COLOR]\n  },\n  percentage: {\n    color: BLACK,\n    background: WHITE\n  },\n  label: {\n    color: BLACK\n  }\n};\n\nconst CHART_CONFIGS = {\n  triangle: {\n    name: 'triangle',\n    ticks: [top, right, left],\n    sideCount: 3\n  },\n  quadrilateral: {\n    name: 'quadrilateral',\n    ticks: [top, right, bottom, left],\n    sideCount: 4\n  },\n  pentagon: {\n    name: 'pentagon',\n    ticks: [top, right, right, left, left],\n    sideCount: 5\n  },\n  hexagon: {\n    name: 'hexagon',\n    ticks: [top, right, right, bottom, left, left],\n    sideCount: 6\n  }\n} as const;\n\nconst DOT_DEFAULT_PROPS = {\n  strokeWidth: 2,\n  strokeOpacity: 0.4,\n  fill: '#fff',\n  r: 4,\n  pointerEvents: 'all',\n  style: {cursor: 'pointer'}\n} as const;\n\nconst DOT_ACTIVE_PROPS = {\n  fill: '#fff',\n  r: 6,\n  strokeWidth: 4,\n  strokeOpacity: 0.6\n} as const;\n\nconst RADAR_DEFAULT_PROPS = {\n  strokeWidth: 3,\n  strokeOpacity: 0.2,\n  fillOpacity: 0.2\n} as const;\n\n/* COMPONENTS */\nconst Gradient = ({type, colors: [firstColor, secondColor]}: {type: string; colors: string[]}) => (\n  <defs>\n    <linearGradient id={`gradient-${type}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n      <stop offset=\"0%\" stopColor={firstColor} />\n      <stop offset=\"100%\" stopColor={secondColor} />\n    </linearGradient>\n  </defs>\n);\n\nconst CustomTooltip = ({\n  active,\n  payload,\n  label\n}: {\n  active?: boolean;\n  payload?: {value: number}[];\n  label?: string;\n}) =>\n  active && !!payload?.length ? (\n    <div className={style.tooltip}>\n      <span className={style.tooltipLabel}>{label}</span>\n      <span className={style.tooltipValue}>{payload[0].value}%</span>\n    </div>\n  ) : null;\n\nconst CustomDot = ({\n  cx,\n  cy,\n  payload,\n  onDotHover,\n  onDotClick,\n  stroke,\n  activeDot,\n  dataName\n}: {\n  cx?: number;\n  cy?: number;\n  payload?: {payload: {subject: string} & {[datakey: string]: number}; name: string};\n  onDotHover: (name: string) => void;\n  onDotClick: (name: string) => void;\n  dataKey: string;\n  stroke: string;\n  activeDot?: ActiveDotType;\n  dataName: string;\n}) => (\n  <circle\n    {...{\n      ...DOT_DEFAULT_PROPS,\n      ...(payload?.payload.subject === activeDot?.label && DOT_ACTIVE_PROPS),\n      stroke,\n      cx,\n      cy,\n      onTouchStart: () => {\n        if (!payload?.name) return;\n        onDotClick(payload.name);\n      },\n      onClick: e => {\n        e.stopPropagation();\n\n        if (!payload?.name) return;\n        onDotClick(payload.name);\n      },\n      onMouseOver: () => {\n        if (!payload?.name) return;\n        onDotHover(payload.name);\n      },\n      onMouseLeave: () => onDotHover(''),\n      'data-name': dataName\n    }}\n  />\n);\n\nconst buildRadars = (\n  totalDataset: number,\n  handleDotHover: (name: string) => void,\n  handleOnDotClick: (name: string) => void,\n  activeDot?: ActiveDotType\n) =>\n  times(index => {\n    const datakey = `value${index + 1}`;\n    const dataset = `dataset-${index + 1}`;\n\n    return (\n      <Radar\n        {...RADAR_DEFAULT_PROPS}\n        fill={`url(#gradient-fill-${index})`}\n        stroke={`url(#gradient-stroke-${index})`}\n        key={dataset}\n        name={dataset}\n        dataKey={datakey}\n        activeDot={{\n          ...DOT_ACTIVE_PROPS,\n          stroke: `url(#gradient-stroke-${index})`\n        }}\n        // only on mobile\n        // to handle dot style on hover (convert to click)\n        // use with the tooltip component\n        dot={\n          <CustomDot\n            onDotHover={handleDotHover}\n            onDotClick={handleOnDotClick}\n            activeDot={activeDot}\n            dataKey={datakey}\n            stroke={`url(#gradient-stroke-${index})`}\n            dataName={`dot-${dataset}`}\n          />\n        }\n      />\n    );\n  }, totalDataset);\n\nconst CustomLabel = ({\n  index,\n  x,\n  y,\n  percentagesValues,\n  label,\n  activeDot,\n  chartType,\n  formatedColors,\n  primarySkinColor,\n  exploreLocale,\n  hoveredDot,\n  onClick,\n  onExploreClick\n}: {\n  index: number;\n  x: number;\n  y: number;\n  percentagesValues: number[];\n  label: string;\n  chartType: CHART_TYPE_TYPE;\n  formatedColors: FormatedColorsType[];\n  activeDot?: ActiveDotType;\n  primarySkinColor: string;\n  exploreLocale: string;\n  hoveredDot: string;\n  onClick: (name: string) => void;\n  onExploreClick: (name: string) => void;\n}) => {\n  const [hovered, setHovered] = useState(false);\n  const isCurrentDotActive = activeDot?.label === label;\n  const {\n    offset: {x: offsetX, y: offsetY},\n    alignment,\n    ...rest\n  } = CHART_CONFIGS[chartType].ticks[index];\n\n  function onLabelClick(e: React.MouseEvent) {\n    e.stopPropagation();\n    onClick(label);\n  }\n\n  function handleExploreClick() {\n    onExploreClick(label);\n  }\n\n  const buttonExploreProps: ButtonLinkProps = {\n    customStyle: {\n      height: '36px',\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick: handleExploreClick,\n    'aria-label': `${label}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learner-skill-card-explore-button',\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'compass',\n        backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n        color: hovered ? '#FFFFFF' : primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const extraOffsetY = isCurrentDotActive && index === 0 ? -25 : 0;\n\n  return (\n    <g>\n      <foreignObject\n        className={classnames(\n          style.tickeForeignObject,\n          isCurrentDotActive && style.tickeForeignObjectFocus\n        )}\n        x={x + offsetX}\n        y={y + offsetY + extraOffsetY}\n      >\n        <div\n          data-name={label}\n          onClick={onLabelClick}\n          className={classnames(\n            style.tickWrapper,\n            isCurrentDotActive && style.tickWrapperFocus,\n            hoveredDot === label && style.tickWrapperHover\n          )}\n          style={{\n            ...rest,\n            alignItems: alignment,\n            textAlign: alignment,\n            opacity: !isEmpty(activeDot) && !isCurrentDotActive ? 0.3 : 1\n          }}\n        >\n          {formatedColors.map(\n            ({percentage: {color, background}, label: {color: colorLabel}}, i) => (\n              <Fragment key={i}>\n                <span className={style.tickValue} style={{color, background}}>\n                  {percentagesValues[i]}\n                </span>\n                <span className={style.tickLabel} style={{color: colorLabel}}>\n                  {label}\n                </span>\n              </Fragment>\n            )\n          )}\n          {isCurrentDotActive ? (\n            <div\n              className={style.buttonWrapper}\n              onMouseOver={handleMouseOver}\n              onMouseLeave={handleMouseLeave}\n              data-name=\"button-explore-wrapper\"\n            >\n              <ButtonLink {...buttonExploreProps} />\n            </div>\n          ) : null}\n        </div>\n      </foreignObject>\n    </g>\n  );\n};\n\n/* UTILS */\nconst CHART_CONFIGS_BY_SIDE_COUNT = pipe(keyBy('sideCount'), mapValues('name'))(CHART_CONFIGS);\n\nconst formatValues: (values_: number | number[]) => Record<string, number> = pipe(\n  values_ => flatten([values_]),\n  values_ => values_.map((val: number, i: number): [string, number] => [`value${i + 1}`, val]),\n  fromPairs\n);\n\n/* this convert incoming component data to rechart data structure */\nexport const formatData: (\n  legend: {[ref: string]: string},\n  data_: LearningProfileRadarChartPropTypes['data']\n) => FormatedDataType[] = (legend, data_) =>\n  pipe(\n    toPairs,\n    map(([ref, values_]: [string, number | number[]]) => ({\n      ...formatValues(values_),\n      subject: legend[ref]\n    }))\n  )(data_);\n\nexport const LearningProfileRadarChart = (\n  {\n    data,\n    legend,\n    totalDataset,\n    colors: colorsProps,\n    onClick,\n    onExploreClick,\n    width,\n    height,\n    margin\n  }: LearningProfileRadarChartPropTypes,\n  legacyContext: WebContextValues\n) => {\n  const [isMobile, setIsMobile] = useState(false);\n  const [activeDot, setActiveDot] = useState<ActiveDotType>();\n  const [hoveredDot, setHoveredDot] = useState('');\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const primarySkinColor = get('common.primary', skin);\n\n  const formatedColors = times(i => {\n    if (!colorsProps?.length) return DEFAULT_COLORS;\n\n    const colors = colorsProps[i];\n    return colors ? Object.assign({}, DEFAULT_COLORS, colors) : DEFAULT_COLORS;\n  })(totalDataset);\n\n  const chartType: CHART_TYPE_TYPE = useMemo(\n    () => getOr('hexagon', size(data), CHART_CONFIGS_BY_SIDE_COUNT),\n    [data]\n  );\n\n  const gradients = useMemo(\n    () =>\n      formatedColors.map(({gradient: {fill, stroke}}, index) => (\n        <svg key={`gradient-${index}`}>\n          <Gradient type={`fill-${index}`} colors={fill} />\n          <Gradient type={`stroke-${index}`} colors={stroke} />\n        </svg>\n      )),\n    [formatedColors]\n  );\n\n  const userAgent = navigator?.userAgent;\n  const isMobile_ = useMemo(() => getIsMobile(userAgent), [userAgent]);\n\n  const setIsMobile_ = useCallback(() => {\n    setIsMobile(isMobile_);\n  }, [isMobile_]);\n\n  useEffect(() => setIsMobile_(), [setIsMobile_]);\n\n  useEffect(() => {\n    const handleClick = () => {\n      setActiveDot(undefined);\n      onClick(undefined);\n    };\n\n    !isEmpty(activeDot) && window.addEventListener('click', handleClick);\n\n    return () => {\n      window.removeEventListener('click', handleClick);\n    };\n  }, [activeDot, onClick, setActiveDot]);\n\n  function handleOnActiveDotClick() {\n    setActiveDot(undefined);\n    onClick(undefined);\n  }\n\n  function handleOnDotClick(label: string) {\n    if (!isEmpty(activeDot) && activeDot?.label === label) {\n      handleOnActiveDotClick();\n      return;\n    }\n    const payload = formatedData.find(({subject}) => subject === label);\n    if (!payload) return;\n\n    const index = formatedData.indexOf(payload);\n    const datakey = `value${index + 1}`;\n    const skillRef = findKey(val => val === payload?.subject, legend);\n\n    if (skillRef) {\n      setActiveDot({\n        key: datakey,\n        value: payload[datakey],\n        label: payload.subject\n      });\n      onClick(skillRef);\n    }\n  }\n\n  function handleExploreClick(label: string) {\n    const payload = formatedData.find(({subject}) => subject === label);\n    if (!payload) return;\n\n    const skillRef = findKey(val => val === payload?.subject, legend);\n\n    if (skillRef) {\n      onExploreClick(skillRef);\n    }\n  }\n\n  function renderCustomLabel(props: {\n    x: number;\n    y: number;\n    payload: {value: string};\n    index: number;\n  }) {\n    const {\n      x,\n      y,\n      payload: {value: label},\n      index\n    } = props;\n    const currentData = formatedData.find(({subject}) => subject === label);\n    const percentagesValues: number[] = pipe(\n      omit('subject'),\n      mapValues(value => `${value}%`),\n      values\n    )(currentData);\n\n    return (\n      <CustomLabel\n        index={index}\n        x={x}\n        y={y}\n        percentagesValues={percentagesValues}\n        label={label}\n        activeDot={activeDot}\n        chartType={chartType}\n        formatedColors={formatedColors}\n        primarySkinColor={primarySkinColor}\n        exploreLocale={translate('Explore')}\n        hoveredDot={hoveredDot}\n        onClick={handleOnDotClick}\n        onExploreClick={handleExploreClick}\n      />\n    );\n  }\n  const formatedData = useMemo(() => formatData(legend, data), [legend, data]);\n\n  return (\n    <RadarChart\n      width={width}\n      height={height}\n      margin={margin ?? (isMobile ? {top: 80} : {top: 180})}\n      cx=\"50%\"\n      cy=\"50%\"\n      outerRadius=\"80%\"\n      data={formatedData}\n    >\n      {gradients}\n      <PolarGrid strokeDasharray={10} strokeWidth={2} radialLines={false} />\n      <PolarAngleAxis dataKey=\"subject\" tick={!isMobile && renderCustomLabel} />\n      <PolarRadiusAxis tick={false} axisLine={false} domain={[0, 100]} />\n      {buildRadars(totalDataset, setHoveredDot, handleOnDotClick, activeDot)}\n      {isMobile ? <Tooltip cursor={false} content={<CustomTooltip />} /> : null}\n    </RadarChart>\n  );\n};\n\nconst ResponsiveLearningProfileRadarChart = (props: LearningProfileRadarChartPropTypes) => (\n  <ResponsiveContainer width=\"100%\" height=\"100%\">\n    <LearningProfileRadarChart {...props} />\n  </ResponsiveContainer>\n);\n\nLearningProfileRadarChart.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nLearningProfileRadarChart.propTypes = learningProfileRadarChartPropTypes;\nResponsiveLearningProfileRadarChart.propTypes = learningProfileRadarChartPropTypes;\n\nexport default ResponsiveLearningProfileRadarChart;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_recharts","_cssColorFunction","_classnames","_interopRequireDefault","_checkIsMobile","_buttonLink","_provider","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","top","offset","x","y","alignment","margin","bottom","right","marginRight","left","marginLeft","BLACK","WHITE","DEFAULT_MAIN_COLOR","DEFAULT_COLORS","gradient","fill","stroke","percentage","color","background","label","CHART_CONFIGS","triangle","name","ticks","sideCount","quadrilateral","pentagon","hexagon","DOT_DEFAULT_PROPS","strokeWidth","strokeOpacity","pointerEvents","style","cursor","DOT_ACTIVE_PROPS","RADAR_DEFAULT_PROPS","fillOpacity","Gradient","type","colors","firstColor","secondColor","createElement","id","x1","y1","x2","y2","stopColor","CustomTooltip","active","payload","className","tooltip","tooltipLabel","tooltipValue","value","CustomDot","cx","cy","onDotHover","onDotClick","activeDot","dataName","subject","onTouchStart","onClick","stopPropagation","onMouseOver","onMouseLeave","buildRadars","totalDataset","handleDotHover","handleOnDotClick","_times2","index","datakey","dataset","Radar","key","dataKey","dot","CustomLabel","percentagesValues","chartType","formatedColors","primarySkinColor","exploreLocale","hoveredDot","onExploreClick","hovered","setHovered","useState","isCurrentDotActive","offsetX","offsetY","rest","onLabelClick","handleExploreClick","buttonExploreProps","customStyle","height","backgroundColor","convert","transition","icon","position","faIcon","size","handleMouseOver","useCallback","handleMouseLeave","extraOffsetY","classnames","tickeForeignObject","tickeForeignObjectFocus","tickWrapper","tickWrapperFocus","tickWrapperHover","alignItems","textAlign","opacity","_isEmpty2","map","colorLabel","Fragment","tickValue","tickLabel","buttonWrapper","CHART_CONFIGS_BY_SIDE_COUNT","_pipe2","_keyBy2","_mapValues2","formatValues","values_","_flatten2","val","_fromPairs2","formatData","legend","data_","_toPairs2","_map2","ref","exports","LearningProfileRadarChart","data","colorsProps","width","legacyContext","isMobile","setIsMobile","setActiveDot","setHoveredDot","skin","GetSkinFromContext","translate","GetTranslateFromContext","_get2","useMemo","_getOr2","_size2","gradients","isMobile_","getIsMobile","setIsMobile_","useEffect","handleClick","undefined","window","addEventListener","removeEventListener","handleOnActiveDotClick","formatedData","find","indexOf","skillRef","_findKey2","renderCustomLabel","props","currentData","_omit2","_values2","RadarChart","outerRadius","PolarGrid","strokeDasharray","radialLines","PolarAngleAxis","tick","PolarRadiusAxis","axisLine","domain","Tooltip","content","ResponsiveLearningProfileRadarChart","ResponsiveContainer","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","learningProfileRadarChartPropTypes","_default"],"sources":["../../../src/molecule/learning-profile-radar-chart/index.tsx"],"sourcesContent":["import React, {Fragment, useCallback, useEffect, useMemo, useState} from 'react';\nimport {\n  Radar,\n  RadarChart,\n  PolarGrid,\n  PolarAngleAxis,\n  ResponsiveContainer,\n  Tooltip,\n  PolarRadiusAxis\n} from 'recharts';\nimport {\n  pipe,\n  keyBy,\n  mapValues,\n  size,\n  getOr,\n  map,\n  toPairs,\n  values,\n  isEmpty,\n  omit,\n  fromPairs,\n  times,\n  flatten,\n  findKey,\n  get\n} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {isMobile as getIsMobile} from '../../util/check-is-mobile';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {\n  ActiveDotType,\n  FormatedColorsType,\n  FormatedDataType,\n  LearningProfileRadarChartPropTypes,\n  TickType,\n  learningProfileRadarChartPropTypes\n} from './types';\nimport style from './style.css';\n\ntype CHART_TYPE_TYPE = keyof typeof CHART_CONFIGS;\n\n/* TICK_POSITIONS */\nconst top: TickType = {offset: {x: -100, y: -75}, alignment: 'center', margin: 'auto'};\nconst bottom: TickType = {offset: {x: -100, y: 10}, alignment: 'center', margin: 'auto'};\nconst right: TickType = {offset: {x: 30, y: -10}, alignment: 'start', marginRight: 'auto'};\nconst left: TickType = {offset: {x: -230, y: -10}, alignment: 'end', marginLeft: 'auto'};\n\n/* CONSTANTS */\nconst BLACK = '#000000ff';\nconst WHITE = '#ffffffff';\nconst DEFAULT_MAIN_COLOR = '#0062ffff';\n\nconst DEFAULT_COLORS: FormatedColorsType = {\n  gradient: {\n    fill: [DEFAULT_MAIN_COLOR, DEFAULT_MAIN_COLOR],\n    stroke: [DEFAULT_MAIN_COLOR, DEFAULT_MAIN_COLOR]\n  },\n  percentage: {\n    color: BLACK,\n    background: WHITE\n  },\n  label: {\n    color: BLACK\n  }\n};\n\nconst CHART_CONFIGS = {\n  triangle: {\n    name: 'triangle',\n    ticks: [top, right, left],\n    sideCount: 3\n  },\n  quadrilateral: {\n    name: 'quadrilateral',\n    ticks: [top, right, bottom, left],\n    sideCount: 4\n  },\n  pentagon: {\n    name: 'pentagon',\n    ticks: [top, right, right, left, left],\n    sideCount: 5\n  },\n  hexagon: {\n    name: 'hexagon',\n    ticks: [top, right, right, bottom, left, left],\n    sideCount: 6\n  }\n} as const;\n\nconst DOT_DEFAULT_PROPS = {\n  strokeWidth: 2,\n  strokeOpacity: 0.4,\n  fill: '#fff',\n  r: 4,\n  pointerEvents: 'all',\n  style: {cursor: 'pointer'}\n} as const;\n\nconst DOT_ACTIVE_PROPS = {\n  fill: '#fff',\n  r: 6,\n  strokeWidth: 4,\n  strokeOpacity: 0.6\n} as const;\n\nconst RADAR_DEFAULT_PROPS = {\n  strokeWidth: 3,\n  strokeOpacity: 0.2,\n  fillOpacity: 0.2\n} as const;\n\n/* COMPONENTS */\nconst Gradient = ({type, colors: [firstColor, secondColor]}: {type: string; colors: string[]}) => (\n  <defs>\n    <linearGradient id={`gradient-${type}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n      <stop offset=\"0%\" stopColor={firstColor} />\n      <stop offset=\"100%\" stopColor={secondColor} />\n    </linearGradient>\n  </defs>\n);\n\nconst CustomTooltip = ({\n  active,\n  payload,\n  label\n}: {\n  active?: boolean;\n  payload?: {value: number}[];\n  label?: string;\n}) =>\n  active && !!payload?.length ? (\n    <div className={style.tooltip}>\n      <span className={style.tooltipLabel}>{label}</span>\n      <span className={style.tooltipValue}>{payload[0].value}%</span>\n    </div>\n  ) : null;\n\nconst CustomDot = ({\n  cx,\n  cy,\n  payload,\n  onDotHover,\n  onDotClick,\n  stroke,\n  activeDot,\n  dataName\n}: {\n  cx?: number;\n  cy?: number;\n  payload?: {payload: {subject: string} & {[datakey: string]: number}; name: string};\n  onDotHover: (name: string) => void;\n  onDotClick: (name: string) => void;\n  dataKey: string;\n  stroke: string;\n  activeDot?: ActiveDotType;\n  dataName: string;\n}) => (\n  <circle\n    {...{\n      ...DOT_DEFAULT_PROPS,\n      ...(payload?.payload.subject === activeDot?.label && DOT_ACTIVE_PROPS),\n      stroke,\n      cx,\n      cy,\n      onTouchStart: () => {\n        if (!payload?.name) return;\n        onDotClick(payload.name);\n      },\n      onClick: e => {\n        e.stopPropagation();\n\n        if (!payload?.name) return;\n        onDotClick(payload.name);\n      },\n      onMouseOver: () => {\n        if (!payload?.name) return;\n        onDotHover(payload.name);\n      },\n      onMouseLeave: () => onDotHover(''),\n      'data-name': dataName\n    }}\n  />\n);\n\nconst buildRadars = (\n  totalDataset: number,\n  handleDotHover: (name: string) => void,\n  handleOnDotClick: (name: string) => void,\n  activeDot?: ActiveDotType\n) =>\n  times(index => {\n    const datakey = `value${index + 1}`;\n    const dataset = `dataset-${index + 1}`;\n\n    return (\n      <Radar\n        {...RADAR_DEFAULT_PROPS}\n        fill={`url(#gradient-fill-${index})`}\n        stroke={`url(#gradient-stroke-${index})`}\n        key={dataset}\n        name={dataset}\n        dataKey={datakey}\n        activeDot={{\n          ...DOT_ACTIVE_PROPS,\n          stroke: `url(#gradient-stroke-${index})`\n        }}\n        // only on mobile\n        // to handle dot style on hover (convert to click)\n        // use with the tooltip component\n        dot={\n          <CustomDot\n            onDotHover={handleDotHover}\n            onDotClick={handleOnDotClick}\n            activeDot={activeDot}\n            dataKey={datakey}\n            stroke={`url(#gradient-stroke-${index})`}\n            dataName={`dot-${dataset}`}\n          />\n        }\n      />\n    );\n  }, totalDataset);\n\nconst CustomLabel = ({\n  index,\n  x,\n  y,\n  percentagesValues,\n  label,\n  activeDot,\n  chartType,\n  formatedColors,\n  primarySkinColor,\n  exploreLocale,\n  hoveredDot,\n  onClick,\n  onExploreClick\n}: {\n  index: number;\n  x: number;\n  y: number;\n  percentagesValues: number[];\n  label: string;\n  chartType: CHART_TYPE_TYPE;\n  formatedColors: FormatedColorsType[];\n  activeDot?: ActiveDotType;\n  primarySkinColor: string;\n  exploreLocale: string;\n  hoveredDot: string;\n  onClick: (name: string) => void;\n  onExploreClick: (name: string) => void;\n}) => {\n  const [hovered, setHovered] = useState(false);\n  const isCurrentDotActive = activeDot?.label === label;\n  const {\n    offset: {x: offsetX, y: offsetY},\n    alignment,\n    ...rest\n  } = CHART_CONFIGS[chartType].ticks[index];\n\n  function onLabelClick(e: React.MouseEvent) {\n    e.stopPropagation();\n    onClick(label);\n  }\n\n  function handleExploreClick() {\n    onExploreClick(label);\n  }\n\n  const buttonExploreProps: ButtonLinkProps = {\n    customStyle: {\n      height: '36px',\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick: handleExploreClick,\n    'aria-label': `${label}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learner-skill-card-explore-button',\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'compass',\n        backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n        color: hovered ? '#FFFFFF' : primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const extraOffsetY = isCurrentDotActive && index === 0 ? -25 : 0;\n\n  return (\n    <g>\n      <foreignObject\n        className={classnames(\n          style.tickeForeignObject,\n          isCurrentDotActive && style.tickeForeignObjectFocus\n        )}\n        x={x + offsetX}\n        y={y + offsetY + extraOffsetY}\n      >\n        <div\n          data-name={label}\n          onClick={onLabelClick}\n          className={classnames(\n            style.tickWrapper,\n            isCurrentDotActive && style.tickWrapperFocus,\n            hoveredDot === label && style.tickWrapperHover\n          )}\n          style={{\n            ...rest,\n            alignItems: alignment,\n            textAlign: alignment,\n            opacity: !isEmpty(activeDot) && !isCurrentDotActive ? 0.3 : 1\n          }}\n        >\n          {formatedColors.map(\n            ({percentage: {color, background}, label: {color: colorLabel}}, i) => (\n              <Fragment key={i}>\n                <span className={style.tickValue} style={{color, background}}>\n                  {percentagesValues[i]}\n                </span>\n                <span className={style.tickLabel} style={{color: colorLabel}}>\n                  {label}\n                </span>\n              </Fragment>\n            )\n          )}\n          {isCurrentDotActive ? (\n            <div\n              className={style.buttonWrapper}\n              onMouseOver={handleMouseOver}\n              onMouseLeave={handleMouseLeave}\n              data-name=\"button-explore-wrapper\"\n            >\n              <ButtonLink {...buttonExploreProps} />\n            </div>\n          ) : null}\n        </div>\n      </foreignObject>\n    </g>\n  );\n};\n\n/* UTILS */\nconst CHART_CONFIGS_BY_SIDE_COUNT = pipe(keyBy('sideCount'), mapValues('name'))(CHART_CONFIGS);\n\nconst formatValues: (values_: number | number[]) => Record<string, number> = pipe(\n  values_ => flatten([values_]),\n  values_ => values_.map((val: number, i: number): [string, number] => [`value${i + 1}`, val]),\n  fromPairs\n);\n\n/* this convert incoming component data to rechart data structure */\nexport const formatData: (\n  legend: {[ref: string]: string},\n  data_: LearningProfileRadarChartPropTypes['data']\n) => FormatedDataType[] = (legend, data_) =>\n  pipe(\n    toPairs,\n    map(([ref, values_]: [string, number | number[]]) => ({\n      ...formatValues(values_),\n      subject: legend[ref]\n    }))\n  )(data_);\n\nexport const LearningProfileRadarChart = (\n  {\n    data,\n    legend,\n    totalDataset,\n    colors: colorsProps,\n    onClick,\n    onExploreClick,\n    width,\n    height,\n    margin\n  }: LearningProfileRadarChartPropTypes,\n  legacyContext: WebContextValues\n) => {\n  const [isMobile, setIsMobile] = useState(false);\n  const [activeDot, setActiveDot] = useState<ActiveDotType>();\n  const [hoveredDot, setHoveredDot] = useState('');\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const primarySkinColor = get('common.primary', skin);\n\n  const formatedColors = times(i => {\n    if (!colorsProps?.length) return DEFAULT_COLORS;\n\n    const colors = colorsProps[i];\n    return colors ? Object.assign({}, DEFAULT_COLORS, colors) : DEFAULT_COLORS;\n  })(totalDataset);\n\n  const chartType: CHART_TYPE_TYPE = useMemo(\n    () => getOr('hexagon', size(data), CHART_CONFIGS_BY_SIDE_COUNT),\n    [data]\n  );\n\n  const gradients = useMemo(\n    () =>\n      formatedColors.map(({gradient: {fill, stroke}}, index) => (\n        <svg key={`gradient-${index}`}>\n          <Gradient type={`fill-${index}`} colors={fill} />\n          <Gradient type={`stroke-${index}`} colors={stroke} />\n        </svg>\n      )),\n    [formatedColors]\n  );\n\n  const isMobile_ = getIsMobile();\n\n  const setIsMobile_ = useCallback(() => {\n    setIsMobile(isMobile_ as boolean);\n  }, [isMobile_]);\n\n  useEffect(() => setIsMobile_(), [setIsMobile_]);\n\n  useEffect(() => {\n    const handleClick = () => {\n      setActiveDot(undefined);\n      onClick(undefined);\n    };\n\n    !isEmpty(activeDot) && window.addEventListener('click', handleClick);\n\n    return () => {\n      window.removeEventListener('click', handleClick);\n    };\n  }, [activeDot, onClick, setActiveDot]);\n\n  function handleOnActiveDotClick() {\n    setActiveDot(undefined);\n    onClick(undefined);\n  }\n\n  function handleOnDotClick(label: string) {\n    if (!isEmpty(activeDot) && activeDot?.label === label) {\n      handleOnActiveDotClick();\n      return;\n    }\n    const payload = formatedData.find(({subject}) => subject === label);\n    if (!payload) return;\n\n    const index = formatedData.indexOf(payload);\n    const datakey = `value${index + 1}`;\n    const skillRef = findKey(val => val === payload?.subject, legend);\n\n    if (skillRef) {\n      setActiveDot({\n        key: datakey,\n        value: payload[datakey],\n        label: payload.subject\n      });\n      onClick(skillRef);\n    }\n  }\n\n  function handleExploreClick(label: string) {\n    const payload = formatedData.find(({subject}) => subject === label);\n    if (!payload) return;\n\n    const skillRef = findKey(val => val === payload?.subject, legend);\n\n    if (skillRef) {\n      onExploreClick(skillRef);\n    }\n  }\n\n  function renderCustomLabel(props: {\n    x: number;\n    y: number;\n    payload: {value: string};\n    index: number;\n  }) {\n    const {\n      x,\n      y,\n      payload: {value: label},\n      index\n    } = props;\n    const currentData = formatedData.find(({subject}) => subject === label);\n    const percentagesValues: number[] = pipe(\n      omit('subject'),\n      mapValues(value => `${value}%`),\n      values\n    )(currentData);\n\n    return (\n      <CustomLabel\n        index={index}\n        x={x}\n        y={y}\n        percentagesValues={percentagesValues}\n        label={label}\n        activeDot={activeDot}\n        chartType={chartType}\n        formatedColors={formatedColors}\n        primarySkinColor={primarySkinColor}\n        exploreLocale={translate('Explore')}\n        hoveredDot={hoveredDot}\n        onClick={handleOnDotClick}\n        onExploreClick={handleExploreClick}\n      />\n    );\n  }\n  const formatedData = useMemo(() => formatData(legend, data), [legend, data]);\n\n  return (\n    <RadarChart\n      width={width}\n      height={height}\n      margin={margin ?? (isMobile ? {top: 80} : {top: 180})}\n      cx=\"50%\"\n      cy=\"50%\"\n      outerRadius=\"80%\"\n      data={formatedData}\n    >\n      {gradients}\n      <PolarGrid strokeDasharray={10} strokeWidth={2} radialLines={false} />\n      <PolarAngleAxis dataKey=\"subject\" tick={!isMobile && renderCustomLabel} />\n      <PolarRadiusAxis tick={false} axisLine={false} domain={[0, 100]} />\n      {buildRadars(totalDataset, setHoveredDot, handleOnDotClick, activeDot)}\n      {isMobile ? <Tooltip cursor={false} content={<CustomTooltip />} /> : null}\n    </RadarChart>\n  );\n};\n\nconst ResponsiveLearningProfileRadarChart = (props: LearningProfileRadarChartPropTypes) => (\n  <ResponsiveContainer width=\"100%\" height=\"100%\">\n    <LearningProfileRadarChart {...props} />\n  </ResponsiveContainer>\n);\n\nLearningProfileRadarChart.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nLearningProfileRadarChart.propTypes = learningProfileRadarChartPropTypes;\nResponsiveLearningProfileRadarChart.propTypes = learningProfileRadarChartPropTypes;\n\nexport default ResponsiveLearningProfileRadarChart;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/setup-section/index.d.ts

@@ -45,7 +45,6 @@ declare namespace SetupSection {
             details: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             requiredSelection: PropTypes.Requireable<boolean>;
-            icon: PropTypes.Requireable<string>;
         }>>;
         import contentTypes = contentTypes;
         export { contentTypes };

package/lib/molecule/setup-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AA0CA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhDD,mFAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AA0CA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhDD,mFAqBC"}

package/lib/molecule/setup-sections/index.d.ts

@@ -26,7 +26,6 @@ declare namespace SetupSections {
                 details: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
-                icon: PropTypes.Requireable<string>;
             }>>;
             contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
                 modified: PropTypes.Requireable<boolean>;

package/lib/organism/brand-learning-priorities/index.d.ts

@@ -26,7 +26,6 @@ declare namespace BrandLearningPriorities {
                     details: PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
                     requiredSelection: PropTypes.Requireable<boolean>;
-                    icon: PropTypes.Requireable<string>;
                 }>>;
                 contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
                     modified: PropTypes.Requireable<boolean>;

package/lib/organism/list-items/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AAqHA;;;;;;;;;;;gBA+CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AAqHA;;;;;;;;;;;gBAoDC"}

package/lib/organism/list-items/index.js

@@ -5,8 +5,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _listItem = _interopRequireDefault(require("../list-item"));
 var _draggableList = _interopRequireDefault(require("../../molecule/draggable-list"));
 var _title = _interopRequireDefault(require("../../atom/title"));
@@ -131,7 +131,11 @@ const ListItems = ({
     className: _style.default.checkboxAndActionsWrapper
   }, /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, _extends({}, checkboxWithTitle, {
     title: checkboxWithTitle.title
-  })), actionButtons ? (0, _map.default)(action => /*#__PURE__*/_react.default.createElement(_buttonLink.default, action))(actionButtons) : null) : /*#__PURE__*/_react.default.createElement("div", {
+  })), actionButtons ? _map.default.convert({
+    cap: false
+  })((action, index) => /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, action, {
+    key: `action-button-key-${index}`
+  })), actionButtons) : null) : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title
   }, titleView), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.inputWrapper

package/lib/organism/list-items/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_isNil","_isEmpty","_map","_listItem","_draggableList","_title","_buttonLink","_selectMultiple","_expandibleActionableTable","_loader","_inputSearch","_checkboxWithTitle","_buttonMenuAction","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildTitleView","title","createElement","type","titleSize","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","map","item","contentType","index","key","id","className","style","order","tableHeaderView","isNil","isEmpty","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildEmptyResultView","emptyResult","description","button","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultButton","menu","buildContentView","ListItems","buttonLink","isFetching","search","checkboxWithTitle","actionButtons","buttonMenuAction","contentView","titleView","header","checkboxAndActionsWrapper","action","inputWrapper","actionsWrapper","loaderContainer","loader","theme","propTypes","process","env","NODE_ENV","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ButtonMenuAction","ExpandibleActionableTable","Title","Search","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport Loader from '../../atom/loader';\nimport Search from '../../atom/input-search';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport ButtonMenuAction from '../../molecule/button-menu-action';\nimport style from './style.css';\n\nconst buildTitleView = title => {\n  if (typeof title === 'string') {\n    return (\n      <Title\n        title={title}\n        type=\"form-group\"\n        titleSize=\"standard-light-weight\"\n        data-name=\"list-title\"\n      />\n    );\n  }\n  return <Title {...title} />;\n};\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem\n            {...item}\n            order={null}\n            contentType={itemType}\n            data-name={`list-item-${index}`}\n          />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n              style={\n                index === 0\n                  ? {flexGrow: 2, flexShrink: 0, flexBasis: 0}\n                  : {flexGrow: 1, flexShrink: 0, flexBasis: 0}\n              }\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildEmptyResultView = emptyResult => {\n  const {title, description, button} = emptyResult;\n\n  return (\n    <div className={style.emptySearchResultContainer}>\n      <div className={style.emptySearchResultTitle}>{title}</div>\n      <div className={style.emptySearchResultDescription}>{description}</div>\n      <div className={style.emptySearchResultButton}>\n        {button?.menu ? <ButtonMenuAction {...button} /> : <ButtonLink {...button} />}\n      </div>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n\n  if (type === 'list' && isEmpty(content.items) && content.emptyResult) {\n    return buildEmptyResultView(content.emptyResult);\n  }\n\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({\n  title,\n  buttonLink,\n  selectMultiple,\n  content,\n  'aria-label': ariaLabel,\n  isFetching,\n  search,\n  checkboxWithTitle,\n  actionButtons,\n  buttonMenuAction\n}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n  const titleView = buildTitleView(title);\n  return (\n    <div>\n      <div className={style.header}>\n        {checkboxWithTitle ? (\n          <div className={style.checkboxAndActionsWrapper}>\n            <CheckboxWithTitle {...checkboxWithTitle} title={checkboxWithTitle.title} />\n            {actionButtons ? map(action => <ButtonLink {...action} />)(actionButtons) : null}\n          </div>\n        ) : (\n          <div className={style.title}>{titleView}</div>\n        )}\n        <div className={style.inputWrapper}>\n          {!isEmpty(search) ? <Search {...search} /> : null}\n          <div className={style.actionsWrapper}>\n            {!isEmpty(selectMultiple) ? (\n              <div className={style.selectMultiple}>\n                <SelectMultiple {...selectMultiple} />\n              </div>\n            ) : null}\n            {!isEmpty(buttonLink) ? <ButtonLink {...buttonLink} /> : null}\n          </div>\n          {buttonMenuAction ? <ButtonMenuAction {...buttonMenuAction} /> : null}\n        </div>\n      </div>\n      {isFetching ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        contentView\n      )}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string),\n      emptyResult: PropTypes.shape({\n        title: PropTypes.string,\n        description: PropTypes.string,\n        button: PropTypes.oneOfType([\n          PropTypes.shape(ButtonLink.propTypes),\n          PropTypes.shape(ButtonMenuAction.propTypes)\n        ])\n      })\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.shape(Title.propTypes)]),\n  isFetching: PropTypes.bool,\n  search: PropTypes.shape(Search.propTypes),\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLink.propTypes)),\n  buttonMenuAction: PropTypes.shape(ButtonMenuAction.propTypes)\n};\n\nexport default ListItems;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_isNil","_map","_isEmpty","_listItem","_draggableList","_title","_buttonLink","_selectMultiple","_expandibleActionableTable","_loader","_inputSearch","_checkboxWithTitle","_buttonMenuAction","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildTitleView","title","createElement","type","titleSize","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","map","item","contentType","index","key","id","className","style","order","tableHeaderView","isNil","isEmpty","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildEmptyResultView","emptyResult","description","button","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultButton","menu","buildContentView","ListItems","buttonLink","isFetching","search","checkboxWithTitle","actionButtons","buttonMenuAction","contentView","titleView","header","checkboxAndActionsWrapper","convert","cap","action","inputWrapper","actionsWrapper","loaderContainer","loader","theme","propTypes","process","env","NODE_ENV","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ButtonMenuAction","ExpandibleActionableTable","Title","Search","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport Loader from '../../atom/loader';\nimport Search from '../../atom/input-search';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport ButtonMenuAction from '../../molecule/button-menu-action';\nimport style from './style.css';\n\nconst buildTitleView = title => {\n  if (typeof title === 'string') {\n    return (\n      <Title\n        title={title}\n        type=\"form-group\"\n        titleSize=\"standard-light-weight\"\n        data-name=\"list-title\"\n      />\n    );\n  }\n  return <Title {...title} />;\n};\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem\n            {...item}\n            order={null}\n            contentType={itemType}\n            data-name={`list-item-${index}`}\n          />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n              style={\n                index === 0\n                  ? {flexGrow: 2, flexShrink: 0, flexBasis: 0}\n                  : {flexGrow: 1, flexShrink: 0, flexBasis: 0}\n              }\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildEmptyResultView = emptyResult => {\n  const {title, description, button} = emptyResult;\n\n  return (\n    <div className={style.emptySearchResultContainer}>\n      <div className={style.emptySearchResultTitle}>{title}</div>\n      <div className={style.emptySearchResultDescription}>{description}</div>\n      <div className={style.emptySearchResultButton}>\n        {button?.menu ? <ButtonMenuAction {...button} /> : <ButtonLink {...button} />}\n      </div>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n\n  if (type === 'list' && isEmpty(content.items) && content.emptyResult) {\n    return buildEmptyResultView(content.emptyResult);\n  }\n\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({\n  title,\n  buttonLink,\n  selectMultiple,\n  content,\n  'aria-label': ariaLabel,\n  isFetching,\n  search,\n  checkboxWithTitle,\n  actionButtons,\n  buttonMenuAction\n}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n  const titleView = buildTitleView(title);\n  return (\n    <div>\n      <div className={style.header}>\n        {checkboxWithTitle ? (\n          <div className={style.checkboxAndActionsWrapper}>\n            <CheckboxWithTitle {...checkboxWithTitle} title={checkboxWithTitle.title} />\n            {actionButtons\n              ? map.convert({cap: false})(\n                  (action, index) => <ButtonLink {...action} key={`action-button-key-${index}`} />,\n                  actionButtons\n                )\n              : null}\n          </div>\n        ) : (\n          <div className={style.title}>{titleView}</div>\n        )}\n        <div className={style.inputWrapper}>\n          {!isEmpty(search) ? <Search {...search} /> : null}\n          <div className={style.actionsWrapper}>\n            {!isEmpty(selectMultiple) ? (\n              <div className={style.selectMultiple}>\n                <SelectMultiple {...selectMultiple} />\n              </div>\n            ) : null}\n            {!isEmpty(buttonLink) ? <ButtonLink {...buttonLink} /> : null}\n          </div>\n          {buttonMenuAction ? <ButtonMenuAction {...buttonMenuAction} /> : null}\n        </div>\n      </div>\n      {isFetching ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        contentView\n      )}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string),\n      emptyResult: PropTypes.shape({\n        title: PropTypes.string,\n        description: PropTypes.string,\n        button: PropTypes.oneOfType([\n          PropTypes.shape(ButtonLink.propTypes),\n          PropTypes.shape(ButtonMenuAction.propTypes)\n        ])\n      })\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.shape(Title.propTypes)]),\n  isFetching: PropTypes.bool,\n  search: PropTypes.shape(Search.propTypes),\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLink.propTypes)),\n  buttonMenuAction: PropTypes.shape(ButtonMenuAction.propTypes)\n};\n\nexport default ListItems;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/mooc-header/index.d.ts

@@ -99,7 +99,6 @@ declare class MoocHeader extends React.Component<any, any, any> {
             type: PropTypes.Requireable<string>;
             color: PropTypes.Requireable<string>;
             'aria-label': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<string>;
             options: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/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":";AAsBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgGE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAuBC;IArBC;;;;;MAKC;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,0DASE;IAEF,6BA2dC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAuBC;IArBC;;;;;MAKC;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,0DASE;IAEF,6BAwdC;CACF"}

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

@@ -12,7 +12,7 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 var _cta = _interopRequireDefault(require("../../atom/cta"));
-var _inputSelect = _interopRequireDefault(require("../../atom/input-select"));
+var _select = _interopRequireDefault(require("../../atom/select"));
 var _picture = _interopRequireDefault(require("../../atom/picture"));
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 var _link = _interopRequireDefault(require("../../atom/link"));
@@ -20,6 +20,7 @@ var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
 var _buttonMenuAction = _interopRequireDefault(require("../../molecule/button-menu-action"));
 var _colors = require("../../variables/colors");
+var _checkIsMobile = require("../../util/check-is-mobile");
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -171,7 +172,7 @@ class MoocHeader extends _react.default.Component {
       link: {
         href: item.href
       },
-      'data-name': `item-more-${item.title}`,
+      'data-name': `item-more-${item.name}`,
       customStyle: {
         padding: '0 16px',
         ...(item.selected && {
@@ -204,6 +205,7 @@ class MoocHeader extends _react.default.Component {
       translate,
       skin
     } = this.context;
+    const isMobile = (0, _checkIsMobile.isMobile)();
     const {
       'aria-label': logoAriaLabel,
       closeMenuAriaLabel,
@@ -222,6 +224,7 @@ class MoocHeader extends _react.default.Component {
     const moreAriaLabel = translate('More');
     const primaryColor = (0, _get2.default)('common.primary', skin);
     const mediumColor = (0, _get2.default)('common.medium', skin);
+    const darkColor = (0, _get2.default)('common.dark', skin);
     if (items) {
       const displayedPages = items.displayed.map((item, index) => {
         const activeColor = item.selected ? {
@@ -293,7 +296,11 @@ class MoocHeader extends _react.default.Component {
       });
       pagesView = /*#__PURE__*/_react.default.createElement("div", {
         className: search.value || isFocus ? _style.default.noItems : _style.default.items
-      }, displayedPages, items.more ? /*#__PURE__*/_react.default.createElement("div", {
+      }, displayedPages, items.more && (isMobile ? /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.tabletOnlyMoreMenu
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.optionsGroup
+      }, optionsView)) : /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.desktopOnlyMoreMenu
       }, /*#__PURE__*/_react.default.createElement(_buttonMenuAction.default, {
         button: {
@@ -314,11 +321,7 @@ class MoocHeader extends _react.default.Component {
         menu: {
           buttons: this.createMenuButtons(items.more, primaryColor)
         }
-      })) : null, /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.tabletOnlyMoreMenu
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.optionsGroup
-      }, optionsView)));
+      }))));
     }
     if (links) {
       const ctas = links.map((cta, index) => {
@@ -400,7 +403,18 @@ class MoocHeader extends _react.default.Component {
         className: _style.default.label
       }, user.stats.badge.label))), /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.avatarWrapper
-      }, notificationPageView));
+      }, notificationPageView, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.avatar,
+        "data-name": "user-avatar"
+      }, /*#__PURE__*/_react.default.createElement(_link.default, {
+        href: user.href,
+        className: _style.default.userLink,
+        onClick: this.handleLinkClick,
+        "aria-label": user['picture-aria-label']
+      }, /*#__PURE__*/_react.default.createElement(_picture.default, {
+        src: user.picture,
+        alt: user.profileAvatarAlt
+      })))));
     }
     if (settings) {
       const settingsElements = settings.map((setting, index) => {
@@ -410,48 +424,47 @@ class MoocHeader extends _react.default.Component {
           type,
           title,
           name: settingName = index,
-          'aria-label': ariaLabel,
-          icon,
-          disabled = false
+          color,
+          hoverColor,
+          'aria-label': ariaLabel
         } = setting;
         switch (type) {
           case 'link':
-          case 'danger-link':
             {
-              const iconView = icon ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-                icon: icon,
-                className: _style.default.linkIcon
-              }) : null;
               settingView = /*#__PURE__*/_react.default.createElement("div", {
                 "data-name": `setting-${settingName}`,
-                className: (0, _classnames.default)(_style.default.setting, disabled && _style.default.disabled),
+                className: _style.default.setting,
                 key: settingName
               }, /*#__PURE__*/_react.default.createElement(_link.default, {
-                className: _style.default.settingLink,
+                className: _style.default.link,
                 href: options.href,
+                hoverColor: hoverColor,
                 onClick: this.handleLinkClick,
                 target: options.target || null,
-                "aria-label": ariaLabel || title
-              }, iconView, title));
+                "aria-label": ariaLabel || title,
+                style: {
+                  color
+                }
+              }, title));
               break;
             }
           case 'select':
             {
-              const selectProps = {
-                options: options.values.map(opt => ({
-                  value: opt.value,
-                  label: opt.name
-                })),
-                value: options.values.find(opt => opt.selected)?.value,
-                onChange: options.onChange,
-                placeholder: title,
-                'aria-label': ariaLabel || title
-              };
+              const selectProps = {};
+              selectProps.options = options.values;
+              selectProps.title = '';
+              selectProps.theme = 'header';
+              selectProps.onChange = options.onChange;
+              selectProps.className = _style.default.languageSelect;
               settingView = /*#__PURE__*/_react.default.createElement("div", {
                 "data-name": `setting-${settingName}`,
                 className: (0, _classnames.default)(_style.default.setting, _style.default.selectBoxes),
                 key: settingName
-              }, /*#__PURE__*/_react.default.createElement(_inputSelect.default, selectProps));
+              }, /*#__PURE__*/_react.default.createElement("span", {
+                className: _style.default.label
+              }, title), /*#__PURE__*/_react.default.createElement(_select.default, _extends({}, selectProps, {
+                "aria-label": ariaLabel || title
+              })));
               break;
             }
           case 'switch':
@@ -460,19 +473,17 @@ class MoocHeader extends _react.default.Component {
               switchProps.value = options.value;
               switchProps.id = `input-switch-${index}`;
               switchProps.onChange = options.onChange;
-              switchProps.titlePosition = 'left';
-              switchProps.theme = 'newMooc';
-              switchProps.type = 'switch';
-              switchProps.title = title;
-              switchProps.icon = icon;
               settingView = /*#__PURE__*/_react.default.createElement("div", {
                 "data-name": `setting-${settingName}`,
-                className: (0, _classnames.default)(_style.default.setting, disabled && _style.default.disabled),
+                className: _style.default.setting,
                 key: settingName,
                 "aria-label": ariaLabel || title
               }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, _extends({}, switchProps, {
                 "aria-labelledby": `title-id-${settingName}`
-              })));
+              })), /*#__PURE__*/_react.default.createElement("span", {
+                id: `title-id-${settingName}`,
+                className: _style.default.label
+              }, title));
               break;
             }
         }
@@ -481,20 +492,16 @@ class MoocHeader extends _react.default.Component {
       settingsView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.settings,
         ref: this.setMenuSettings
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(_style.default.userAvatarWrapper, isSettingsOpen && _style.default.userAvatarOpen)
-      }, /*#__PURE__*/_react.default.createElement(_link.default, {
-        className: (0, _classnames.default)(_style.default.userLinkAvatar),
+      }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCog, {
+        "data-name": "settings-toggle",
+        style: {
+          color: darkColor
+        },
+        className: _style.default.settingsToggle,
         onClick: this.handleSettingsToggle,
         "aria-expanded": isSettingsOpen,
-        "aria-label": settingsAriaLabel,
-        "aria-haspopup": "true",
-        role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_picture.default, {
-        className: _style.default.avatar,
-        src: user && user.picture,
-        alt: user && user.profileAvatarAlt
-      }))), /*#__PURE__*/_react.default.createElement("div", {
+        "aria-label": settingsAriaLabel
+      }), /*#__PURE__*/_react.default.createElement("div", {
         className: isSettingsOpen ? _style.default.settingsWrapper : _style.default.settingsWrapperHidden
       }, /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "settings",
@@ -664,10 +671,9 @@ MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   settings: _propTypes.default.arrayOf(_propTypes.default.shape({
     title: _propTypes.default.string,
     name: _propTypes.default.string,
-    type: _propTypes.default.oneOf(['select', 'switch', 'link', 'danger-link']),
+    type: _propTypes.default.oneOf(['select', 'switch', 'link']),
     color: _propTypes.default.string,
     'aria-label': _propTypes.default.string,
-    icon: _propTypes.default.string,
     options: _propTypes.default.shape({
       href: _propTypes.default.string,
       onChange: _propTypes.default.func,