@coorpacademy/components 11.32.4 → 11.32.6

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","useCallback","useEffect","useMemo","useState","Radar","RadarChart","PolarGrid","PolarAngleAxis","ResponsiveContainer","Tooltip","PolarRadiusAxis","classnames","isMobile","getIsMobile","style","learningProfileRadarChartPropTypes","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","r","pointerEvents","cursor","DOT_ACTIVE_PROPS","RADAR_DEFAULT_PROPS","fillOpacity","Gradient","type","colors","firstColor","secondColor","CustomTooltip","active","payload","length","tooltip","tooltipLabel","tooltipValue","value","CustomDot","cx","cy","onDotClick","activeDot","dataName","subject","onTouchStart","onClick","e","stopPropagation","buildRadars","totalDataset","handleOnDotClick","index","datakey","dataset","buildCustomLabel","percentagesValues","chartType","formatedColors","isCurrentDotActive","offsetX","offsetY","rest","onLabelClick","tickeForeignObject","tickWrapper","tickWrapperFocus","alignItems","textAlign","opacity","map","colorLabel","i","tickValue","tickLabel","CHART_CONFIGS_BY_SIDE_COUNT","formatValues","values_","val","formatData","legend","data_","ref","LearningProfileRadarChart","data","colorsProps","width","height","setIsMobile","setActiveDot","Object","assign","gradients","userAgent","navigator","isMobile_","setIsMobile_","handleClick","undefined","window","addEventListener","removeEventListener","formatedData","find","indexOf","skillRef","key","renderCustomLabel","currentData","ResponsiveLearningProfileRadarChart","props","propTypes"],"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} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {isMobile as getIsMobile} from '../../util/check-is-mobile';\nimport style from './style.css';\nimport {\n  ActiveDotType,\n  FormatedColorsType,\n  FormatedDataType,\n  LearningProfileRadarChartPropTypes,\n  TickType,\n  learningProfileRadarChartPropTypes\n} from './types';\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  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  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      'data-name': dataName\n    }}\n  />\n);\n\nconst buildRadars = (\n  totalDataset: number,\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            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 buildCustomLabel = ({\n  index,\n  x,\n  y,\n  percentagesValues,\n  label,\n  activeDot,\n  chartType,\n  formatedColors,\n  onClick\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  onClick: (name: string) => void;\n}) => {\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  return (\n    <g>\n      <foreignObject\n        className={style.tickeForeignObject}\n        x={x + offsetX}\n        y={y + offsetY}\n        width=\"200\"\n        height=\"65\"\n      >\n        <div\n          data-name={label}\n          onClick={onLabelClick}\n          className={classnames(style.tickWrapper, isCurrentDotActive && style.tickWrapperFocus)}\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        </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  data,\n  legend,\n  totalDataset,\n  colors: colorsProps,\n  onClick,\n  width,\n  height,\n  margin\n}: LearningProfileRadarChartPropTypes) => {\n  const [isMobile, setIsMobile] = useState(false);\n  const [activeDot, setActiveDot] = useState<ActiveDotType>();\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 handleOnDotClick(label: string) {\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 renderCustomLabel({\n    x,\n    y,\n    payload: {value: label},\n    index\n  }: {\n    x: number;\n    y: number;\n    payload: {value: string};\n    index: number;\n  }) {\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 buildCustomLabel({\n      index,\n      x,\n      y,\n      percentagesValues,\n      label,\n      activeDot,\n      chartType,\n      formatedColors,\n      onClick: handleOnDotClick\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, 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.propTypes = learningProfileRadarChartPropTypes;\nResponsiveLearningProfileRadarChart.propTypes = learningProfileRadarChartPropTypes;\n\nexport default ResponsiveLearningProfileRadarChart;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","Fragment","useCallback","useEffect","useMemo","useState","Radar","RadarChart","PolarGrid","PolarAngleAxis","ResponsiveContainer","Tooltip","PolarRadiusAxis","convert","classnames","isMobile","getIsMobile","ButtonLink","Provider","GetSkinFromContext","GetTranslateFromContext","learningProfileRadarChartPropTypes","style","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","r","pointerEvents","cursor","DOT_ACTIVE_PROPS","RADAR_DEFAULT_PROPS","fillOpacity","Gradient","type","colors","firstColor","secondColor","CustomTooltip","active","payload","length","tooltip","tooltipLabel","tooltipValue","value","CustomDot","cx","cy","onDotHover","onDotClick","activeDot","dataName","subject","onTouchStart","onClick","e","stopPropagation","onMouseOver","onMouseLeave","buildRadars","totalDataset","handleDotHover","handleOnDotClick","index","datakey","dataset","CustomLabel","percentagesValues","chartType","formatedColors","primarySkinColor","exploreLocale","hoveredDot","onExploreClick","hovered","setHovered","isCurrentDotActive","offsetX","offsetY","rest","onLabelClick","handleExploreClick","buttonExploreProps","customStyle","height","backgroundColor","transition","icon","position","faIcon","size","handleMouseOver","handleMouseLeave","extraOffsetY","tickeForeignObject","tickWrapper","tickWrapperFocus","tickWrapperHover","alignItems","textAlign","opacity","map","colorLabel","i","tickValue","tickLabel","buttonWrapper","CHART_CONFIGS_BY_SIDE_COUNT","formatValues","values_","val","formatData","legend","data_","ref","LearningProfileRadarChart","data","colorsProps","width","legacyContext","setIsMobile","setActiveDot","setHoveredDot","skin","translate","Object","assign","gradients","userAgent","navigator","isMobile_","setIsMobile_","handleClick","undefined","window","addEventListener","removeEventListener","handleOnActiveDotClick","formatedData","find","indexOf","skillRef","key","renderCustomLabel","props","currentData","ResponsiveLearningProfileRadarChart","contextTypes","childContextTypes","propTypes"],"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={style.tickeForeignObject}\n        x={x + offsetX}\n        y={y + offsetY + extraOffsetY}\n        width=\"200\"\n        height=\"65\"\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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"}

package/es/molecule/learning-profile-radar-chart/style.css

@@ -1,6 +1,7 @@
 @value colors: "../../variables/colors.css";
 @value cm_primary_blue from colors;
 @value cm_grey_50 from colors;
+@value cm_grey_75 from colors;
 @value lightDark from colors;
 
 .tickeForeignObject {
@@ -27,6 +28,14 @@
   width: fit-content;
 }
 
+.tickWrapper:hover,
+.tickWrapperHover {
+  background-color: cm_grey_75;
+  border-radius: 12px;
+}
+
+
+
 .tickValue {
   padding: 4px;
   border-radius: 12px;
@@ -64,4 +73,9 @@
 .tooltipValue {
   font-size: 14px;
   font-weight: 700;
+}
+
+.buttonWrapper {
+  width: 100%;
+  height: 36px;
 }

package/es/molecule/learning-profile-radar-chart/types.d.ts

@@ -20,6 +20,7 @@ export declare const learningProfileRadarChartPropTypes: {
     }> | null | undefined)[]>;
     width: PropTypes.Requireable<number>;
     height: PropTypes.Requireable<number>;
+    onExploreClick: PropTypes.Requireable<(...args: any[]) => any>;
 };
 export declare const customDotPropTypes: {
     cx: PropTypes.Requireable<number>;
@@ -74,6 +75,7 @@ export declare type LearningProfileRadarChartPropTypes = {
     };
     totalDataset: number;
     onClick: (skillRef?: string) => void;
+    onExploreClick: (label?: string) => void;
     colors?: ColorType[];
     width?: number;
     height?: number;

package/es/molecule/learning-profile-radar-chart/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-profile-radar-chart/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-profile-radar-chart/types.ts"],"names":[],"mappings":"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"}

package/es/molecule/learning-profile-radar-chart/types.js

@@ -18,7 +18,8 @@ export const learningProfileRadarChartPropTypes = {
     })
   })),
   width: PropTypes.number,
-  height: PropTypes.number
+  height: PropTypes.number,
+  onExploreClick: PropTypes.func
 };
 export const customDotPropTypes = {
   cx: PropTypes.number,

package/es/molecule/learning-profile-radar-chart/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","learningProfileRadarChartPropTypes","data","objectOf","oneOfType","arrayOf","number","isRequired","totalDataset","onDotClick","func","colors","shape","gradient","fill","string","stroke","percentage","color","background","label","width","height","customDotPropTypes","cx","cy","payload","value","subject","name","index","activeDot","key","dataKey","customTooltipPropTypes","active","bool","gradientPropTypes","type"],"sources":["../../../src/molecule/learning-profile-radar-chart/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\n// PROPTYPES\nexport const learningProfileRadarChartPropTypes = {\n  data: PropTypes.objectOf(\n    PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number])\n  ).isRequired,\n  totalDataset: PropTypes.number.isRequired,\n  onDotClick: PropTypes.func,\n  colors: PropTypes.arrayOf(\n    PropTypes.shape({\n      gradient: PropTypes.shape({\n        fill: PropTypes.arrayOf(PropTypes.string),\n        stroke: PropTypes.arrayOf(PropTypes.string)\n      }),\n      percentage: PropTypes.shape({\n        color: PropTypes.string,\n        background: PropTypes.string\n      }),\n      label: PropTypes.shape({\n        color: PropTypes.string\n      })\n    })\n  ),\n  width: PropTypes.number,\n  height: PropTypes.number\n};\n\nexport const customDotPropTypes = {\n  cx: PropTypes.number,\n  cy: PropTypes.number,\n  payload: PropTypes.shape({\n    payload: PropTypes.shape({\n      value: PropTypes.number,\n      subject: PropTypes.string\n    }),\n    name: PropTypes.string\n  }),\n  onDotClick: PropTypes.func,\n  index: PropTypes.number,\n  activeDot: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.number,\n    key: PropTypes.string\n  }),\n  dataKey: PropTypes.string,\n  stroke: PropTypes.string\n};\n\nexport const customTooltipPropTypes = {\n  active: PropTypes.bool,\n  payload: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.number\n    })\n  ),\n  label: PropTypes.string\n};\n\nexport const gradientPropTypes = {\n  type: PropTypes.string,\n  colors: PropTypes.arrayOf(PropTypes.string)\n};\n\n// TYPES\nexport type ColorType = {\n  gradient?: {\n    fill?: string[];\n    stroke?: string[];\n  };\n  percentage?: {\n    color?: string;\n    background?: string;\n  };\n  label?: {\n    color?: string;\n  };\n};\n\nexport type LearningProfileRadarChartPropTypes = {\n  data: {\n    [ref: string]: number | number[];\n  };\n  legend: {\n    [ref: string]: string;\n  };\n  totalDataset: number;\n  onClick: (skillRef?: string) => void;\n  colors?: ColorType[];\n  width?: number;\n  height?: number;\n  margin?: {\n    top?: number;\n    right?: number;\n    bottom?: number;\n    left?: number;\n  };\n};\n\nexport type CustomDotPropTypes = {\n  cx: number;\n  cy: number;\n  payload: {\n    payload: {\n      value: number;\n      subject: string;\n    };\n    name: string;\n  };\n  onDotClick: (name: string) => void;\n  index: number;\n  activeDot?: {\n    label: string;\n    value: number;\n    key: string;\n  };\n  dataKey: string;\n  stroke: string;\n};\n\nexport type CustomTooltipPropTypes = {\n  active: boolean;\n  payload: {\n    value: number;\n  }[];\n  label: string;\n};\n\nexport type GradientPropTypes = {\n  type: string;\n  colors: string[];\n};\n\nexport type TickType = {\n  offset: {x: number; y: number};\n  alignment: 'center' | 'start' | 'end';\n  margin?: 'auto';\n  marginLeft?: 'auto';\n  marginRight?: 'auto';\n};\n\nexport type FormatedColorsType = {\n  gradient: {\n    fill: string[];\n    stroke: string[];\n  };\n  percentage: {\n    color: string;\n    background: string;\n  };\n  label: {\n    color: string;\n  };\n};\n\nexport type FormatedDataType = {\n  subject: string;\n} & {\n  [key: string]: number | string;\n};\n\nexport type ActiveDotType = {\n  key: string;\n  value: number | string;\n  label: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB,C,CAEA;;AACA,OAAO,MAAMC,kCAAkC,GAAG;EAChDC,IAAI,EAAEF,SAAS,CAACG,QAAV,CACJH,SAAS,CAACI,SAAV,CAAoB,CAACJ,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACM,MAA5B,CAAD,EAAsCN,SAAS,CAACM,MAAhD,CAApB,CADI,EAEJC,UAH8C;EAIhDC,YAAY,EAAER,SAAS,CAACM,MAAV,CAAiBC,UAJiB;EAKhDE,UAAU,EAAET,SAAS,CAACU,IAL0B;EAMhDC,MAAM,EAAEX,SAAS,CAACK,OAAV,CACNL,SAAS,CAACY,KAAV,CAAgB;IACdC,QAAQ,EAAEb,SAAS,CAACY,KAAV,CAAgB;MACxBE,IAAI,EAAEd,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACe,MAA5B,CADkB;MAExBC,MAAM,EAAEhB,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACe,MAA5B;IAFgB,CAAhB,CADI;IAKdE,UAAU,EAAEjB,SAAS,CAACY,KAAV,CAAgB;MAC1BM,KAAK,EAAElB,SAAS,CAACe,MADS;MAE1BI,UAAU,EAAEnB,SAAS,CAACe;IAFI,CAAhB,CALE;IASdK,KAAK,EAAEpB,SAAS,CAACY,KAAV,CAAgB;MACrBM,KAAK,EAAElB,SAAS,CAACe;IADI,CAAhB;EATO,CAAhB,CADM,CANwC;EAqBhDM,KAAK,EAAErB,SAAS,CAACM,MArB+B;EAsBhDgB,MAAM,EAAEtB,SAAS,CAACM;AAtB8B,CAA3C;AAyBP,OAAO,MAAMiB,kBAAkB,GAAG;EAChCC,EAAE,EAAExB,SAAS,CAACM,MADkB;EAEhCmB,EAAE,EAAEzB,SAAS,CAACM,MAFkB;EAGhCoB,OAAO,EAAE1B,SAAS,CAACY,KAAV,CAAgB;IACvBc,OAAO,EAAE1B,SAAS,CAACY,KAAV,CAAgB;MACvBe,KAAK,EAAE3B,SAAS,CAACM,MADM;MAEvBsB,OAAO,EAAE5B,SAAS,CAACe;IAFI,CAAhB,CADc;IAKvBc,IAAI,EAAE7B,SAAS,CAACe;EALO,CAAhB,CAHuB;EAUhCN,UAAU,EAAET,SAAS,CAACU,IAVU;EAWhCoB,KAAK,EAAE9B,SAAS,CAACM,MAXe;EAYhCyB,SAAS,EAAE/B,SAAS,CAACY,KAAV,CAAgB;IACzBQ,KAAK,EAAEpB,SAAS,CAACe,MADQ;IAEzBY,KAAK,EAAE3B,SAAS,CAACM,MAFQ;IAGzB0B,GAAG,EAAEhC,SAAS,CAACe;EAHU,CAAhB,CAZqB;EAiBhCkB,OAAO,EAAEjC,SAAS,CAACe,MAjBa;EAkBhCC,MAAM,EAAEhB,SAAS,CAACe;AAlBc,CAA3B;AAqBP,OAAO,MAAMmB,sBAAsB,GAAG;EACpCC,MAAM,EAAEnC,SAAS,CAACoC,IADkB;EAEpCV,OAAO,EAAE1B,SAAS,CAACK,OAAV,CACPL,SAAS,CAACY,KAAV,CAAgB;IACde,KAAK,EAAE3B,SAAS,CAACM;EADH,CAAhB,CADO,CAF2B;EAOpCc,KAAK,EAAEpB,SAAS,CAACe;AAPmB,CAA/B;AAUP,OAAO,MAAMsB,iBAAiB,GAAG;EAC/BC,IAAI,EAAEtC,SAAS,CAACe,MADe;EAE/BJ,MAAM,EAAEX,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACe,MAA5B;AAFuB,CAA1B,C,CAKP"}
+{"version":3,"file":"types.js","names":["PropTypes","learningProfileRadarChartPropTypes","data","objectOf","oneOfType","arrayOf","number","isRequired","totalDataset","onDotClick","func","colors","shape","gradient","fill","string","stroke","percentage","color","background","label","width","height","onExploreClick","customDotPropTypes","cx","cy","payload","value","subject","name","index","activeDot","key","dataKey","customTooltipPropTypes","active","bool","gradientPropTypes","type"],"sources":["../../../src/molecule/learning-profile-radar-chart/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\n// PROPTYPES\nexport const learningProfileRadarChartPropTypes = {\n  data: PropTypes.objectOf(\n    PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number])\n  ).isRequired,\n  totalDataset: PropTypes.number.isRequired,\n  onDotClick: PropTypes.func,\n  colors: PropTypes.arrayOf(\n    PropTypes.shape({\n      gradient: PropTypes.shape({\n        fill: PropTypes.arrayOf(PropTypes.string),\n        stroke: PropTypes.arrayOf(PropTypes.string)\n      }),\n      percentage: PropTypes.shape({\n        color: PropTypes.string,\n        background: PropTypes.string\n      }),\n      label: PropTypes.shape({\n        color: PropTypes.string\n      })\n    })\n  ),\n  width: PropTypes.number,\n  height: PropTypes.number,\n  onExploreClick: PropTypes.func\n};\n\nexport const customDotPropTypes = {\n  cx: PropTypes.number,\n  cy: PropTypes.number,\n  payload: PropTypes.shape({\n    payload: PropTypes.shape({\n      value: PropTypes.number,\n      subject: PropTypes.string\n    }),\n    name: PropTypes.string\n  }),\n  onDotClick: PropTypes.func,\n  index: PropTypes.number,\n  activeDot: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.number,\n    key: PropTypes.string\n  }),\n  dataKey: PropTypes.string,\n  stroke: PropTypes.string\n};\n\nexport const customTooltipPropTypes = {\n  active: PropTypes.bool,\n  payload: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.number\n    })\n  ),\n  label: PropTypes.string\n};\n\nexport const gradientPropTypes = {\n  type: PropTypes.string,\n  colors: PropTypes.arrayOf(PropTypes.string)\n};\n\n// TYPES\nexport type ColorType = {\n  gradient?: {\n    fill?: string[];\n    stroke?: string[];\n  };\n  percentage?: {\n    color?: string;\n    background?: string;\n  };\n  label?: {\n    color?: string;\n  };\n};\n\nexport type LearningProfileRadarChartPropTypes = {\n  data: {\n    [ref: string]: number | number[];\n  };\n  legend: {\n    [ref: string]: string;\n  };\n  totalDataset: number;\n  onClick: (skillRef?: string) => void;\n  onExploreClick: (label?: string) => void;\n  colors?: ColorType[];\n  width?: number;\n  height?: number;\n  margin?: {\n    top?: number;\n    right?: number;\n    bottom?: number;\n    left?: number;\n  };\n};\n\nexport type CustomDotPropTypes = {\n  cx: number;\n  cy: number;\n  payload: {\n    payload: {\n      value: number;\n      subject: string;\n    };\n    name: string;\n  };\n  onDotClick: (name: string) => void;\n  index: number;\n  activeDot?: {\n    label: string;\n    value: number;\n    key: string;\n  };\n  dataKey: string;\n  stroke: string;\n};\n\nexport type CustomTooltipPropTypes = {\n  active: boolean;\n  payload: {\n    value: number;\n  }[];\n  label: string;\n};\n\nexport type GradientPropTypes = {\n  type: string;\n  colors: string[];\n};\n\nexport type TickType = {\n  offset: {x: number; y: number};\n  alignment: 'center' | 'start' | 'end';\n  margin?: 'auto';\n  marginLeft?: 'auto';\n  marginRight?: 'auto';\n};\n\nexport type FormatedColorsType = {\n  gradient: {\n    fill: string[];\n    stroke: string[];\n  };\n  percentage: {\n    color: string;\n    background: string;\n  };\n  label: {\n    color: string;\n  };\n};\n\nexport type FormatedDataType = {\n  subject: string;\n} & {\n  [key: string]: number | string;\n};\n\nexport type ActiveDotType = {\n  key: string;\n  value: number | string;\n  label: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB,C,CAEA;;AACA,OAAO,MAAMC,kCAAkC,GAAG;EAChDC,IAAI,EAAEF,SAAS,CAACG,QAAV,CACJH,SAAS,CAACI,SAAV,CAAoB,CAACJ,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACM,MAA5B,CAAD,EAAsCN,SAAS,CAACM,MAAhD,CAApB,CADI,EAEJC,UAH8C;EAIhDC,YAAY,EAAER,SAAS,CAACM,MAAV,CAAiBC,UAJiB;EAKhDE,UAAU,EAAET,SAAS,CAACU,IAL0B;EAMhDC,MAAM,EAAEX,SAAS,CAACK,OAAV,CACNL,SAAS,CAACY,KAAV,CAAgB;IACdC,QAAQ,EAAEb,SAAS,CAACY,KAAV,CAAgB;MACxBE,IAAI,EAAEd,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACe,MAA5B,CADkB;MAExBC,MAAM,EAAEhB,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACe,MAA5B;IAFgB,CAAhB,CADI;IAKdE,UAAU,EAAEjB,SAAS,CAACY,KAAV,CAAgB;MAC1BM,KAAK,EAAElB,SAAS,CAACe,MADS;MAE1BI,UAAU,EAAEnB,SAAS,CAACe;IAFI,CAAhB,CALE;IASdK,KAAK,EAAEpB,SAAS,CAACY,KAAV,CAAgB;MACrBM,KAAK,EAAElB,SAAS,CAACe;IADI,CAAhB;EATO,CAAhB,CADM,CANwC;EAqBhDM,KAAK,EAAErB,SAAS,CAACM,MArB+B;EAsBhDgB,MAAM,EAAEtB,SAAS,CAACM,MAtB8B;EAuBhDiB,cAAc,EAAEvB,SAAS,CAACU;AAvBsB,CAA3C;AA0BP,OAAO,MAAMc,kBAAkB,GAAG;EAChCC,EAAE,EAAEzB,SAAS,CAACM,MADkB;EAEhCoB,EAAE,EAAE1B,SAAS,CAACM,MAFkB;EAGhCqB,OAAO,EAAE3B,SAAS,CAACY,KAAV,CAAgB;IACvBe,OAAO,EAAE3B,SAAS,CAACY,KAAV,CAAgB;MACvBgB,KAAK,EAAE5B,SAAS,CAACM,MADM;MAEvBuB,OAAO,EAAE7B,SAAS,CAACe;IAFI,CAAhB,CADc;IAKvBe,IAAI,EAAE9B,SAAS,CAACe;EALO,CAAhB,CAHuB;EAUhCN,UAAU,EAAET,SAAS,CAACU,IAVU;EAWhCqB,KAAK,EAAE/B,SAAS,CAACM,MAXe;EAYhC0B,SAAS,EAAEhC,SAAS,CAACY,KAAV,CAAgB;IACzBQ,KAAK,EAAEpB,SAAS,CAACe,MADQ;IAEzBa,KAAK,EAAE5B,SAAS,CAACM,MAFQ;IAGzB2B,GAAG,EAAEjC,SAAS,CAACe;EAHU,CAAhB,CAZqB;EAiBhCmB,OAAO,EAAElC,SAAS,CAACe,MAjBa;EAkBhCC,MAAM,EAAEhB,SAAS,CAACe;AAlBc,CAA3B;AAqBP,OAAO,MAAMoB,sBAAsB,GAAG;EACpCC,MAAM,EAAEpC,SAAS,CAACqC,IADkB;EAEpCV,OAAO,EAAE3B,SAAS,CAACK,OAAV,CACPL,SAAS,CAACY,KAAV,CAAgB;IACdgB,KAAK,EAAE5B,SAAS,CAACM;EADH,CAAhB,CADO,CAF2B;EAOpCc,KAAK,EAAEpB,SAAS,CAACe;AAPmB,CAA/B;AAUP,OAAO,MAAMuB,iBAAiB,GAAG;EAC/BC,IAAI,EAAEvC,SAAS,CAACe,MADe;EAE/BJ,MAAM,EAAEX,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACe,MAA5B;AAFuB,CAA1B,C,CAKP"}

package/es/molecule/review-correction-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AA+EA,gEAqDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AA6EA,gEAqDC"}

package/es/molecule/review-correction-popin/index.js

@@ -37,7 +37,7 @@ const KlfButton = ({
     }
   }), [klf.tooltip]);
   const toolTipProps = useMemo(() => ({
-    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text'),
+    closeToolTipInformationTextAriaLabel: translate('close_tooltip_information'),
     AnchorElement: AnchorButton,
     TooltipContent,
     'aria-label': translate('More details'),

package/es/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","Provider","GetTranslateFromContext","Tooltip","style","propTypes","KlfButton","klf","legacyContext","translate","klfButtonProps","icon","position","type","AnchorButton","onKeyDown","klfButtonContainer","klfButton","TooltipContent","tooltipText","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","contextTypes","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Tooltip from '../../atom/tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst KlfButton = ({klf}, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const klfButtonProps = useMemo(\n    () => ({\n      ...klf,\n      icon: {\n        position: 'left',\n        type: 'key'\n      },\n      type: 'primary'\n    }),\n    [klf]\n  );\n\n  const AnchorButton = useCallback(\n    ({onKeyDown}) => (\n      <div className={style.klfButtonContainer}>\n        <ButtonLink\n          {...klfButtonProps}\n          className={style.klfButton}\n          onKeyDown={onKeyDown}\n          useTitle={false}\n        />\n      </div>\n    ),\n    [klfButtonProps]\n  );\n\n  const TooltipContent = useCallback(\n    () => (\n      <span\n        className={style.tooltipText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: klf.tooltip}}\n      />\n    ),\n    [klf.tooltip]\n  );\n\n  const toolTipProps = useMemo(\n    () => ({\n      closeToolTipInformationTextAriaLabel: translate(\n        'Press the escape key to close the information text'\n      ),\n      AnchorElement: AnchorButton,\n      TooltipContent,\n      'aria-label': translate('More details'),\n      tooltipClassName: style.toolTipCustomization\n    }),\n    [AnchorButton, TooltipContent, translate]\n  );\n\n  return (\n    <div className={style.klfContainer}>\n      <Tooltip {...toolTipProps} />\n    </div>\n  );\n};\n\nKlfButton.propTypes = {\n  klf: propTypes.klf\n};\n\nKlfButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? <KlfButton klf={klf} /> : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel}>\n            <span aria-label={resultLabel} role=\"status\">\n              {resultLabel}\n            </span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","Provider","GetTranslateFromContext","Tooltip","style","propTypes","KlfButton","klf","legacyContext","translate","klfButtonProps","icon","position","type","AnchorButton","onKeyDown","klfButtonContainer","klfButton","TooltipContent","tooltipText","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","contextTypes","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Tooltip from '../../atom/tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst KlfButton = ({klf}, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const klfButtonProps = useMemo(\n    () => ({\n      ...klf,\n      icon: {\n        position: 'left',\n        type: 'key'\n      },\n      type: 'primary'\n    }),\n    [klf]\n  );\n\n  const AnchorButton = useCallback(\n    ({onKeyDown}) => (\n      <div className={style.klfButtonContainer}>\n        <ButtonLink\n          {...klfButtonProps}\n          className={style.klfButton}\n          onKeyDown={onKeyDown}\n          useTitle={false}\n        />\n      </div>\n    ),\n    [klfButtonProps]\n  );\n\n  const TooltipContent = useCallback(\n    () => (\n      <span\n        className={style.tooltipText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: klf.tooltip}}\n      />\n    ),\n    [klf.tooltip]\n  );\n\n  const toolTipProps = useMemo(\n    () => ({\n      closeToolTipInformationTextAriaLabel: translate('close_tooltip_information'),\n      AnchorElement: AnchorButton,\n      TooltipContent,\n      'aria-label': translate('More details'),\n      tooltipClassName: style.toolTipCustomization\n    }),\n    [AnchorButton, TooltipContent, translate]\n  );\n\n  return (\n    <div className={style.klfContainer}>\n      <Tooltip {...toolTipProps} />\n    </div>\n  );\n};\n\nKlfButton.propTypes = {\n  klf: propTypes.klf\n};\n\nKlfButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? <KlfButton klf={klf} /> : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel}>\n            <span aria-label={resultLabel} role=\"status\">\n              {resultLabel}\n            </span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,QAA0C,OAA1C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,QAAgD,qBAAhD;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC;AAAD,CAAD,EAAQC,aAAR,KAA0B;EAC1C,MAAMC,SAAS,GAAGP,uBAAuB,CAACM,aAAD,CAAzC;EACA,MAAME,cAAc,GAAGhB,OAAO,CAC5B,mBACKa,GADL;IAEEI,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,IAAI,EAAE;IAFF,CAFR;IAMEA,IAAI,EAAE;EANR,EAD4B,EAS5B,CAACN,GAAD,CAT4B,CAA9B;EAYA,MAAMO,YAAY,GAAGrB,WAAW,CAC9B,CAAC;IAACsB;EAAD,CAAD,kBACE;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAtB,gBACE,oBAAC,UAAD,eACMN,cADN;IAEE,SAAS,EAAEN,KAAK,CAACa,SAFnB;IAGE,SAAS,EAAEF,SAHb;IAIE,QAAQ,EAAE;EAJZ,GADF,CAF4B,EAW9B,CAACL,cAAD,CAX8B,CAAhC;EAcA,MAAMQ,cAAc,GAAGzB,WAAW,CAChC,mBACE;IACE,SAAS,EAAEW,KAAK,CAACe,WADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEb,GAAG,CAACc;IAAb;EAH3B,EAF8B,EAQhC,CAACd,GAAG,CAACc,OAAL,CARgC,CAAlC;EAWA,MAAMC,YAAY,GAAG5B,OAAO,CAC1B,OAAO;IACL6B,oCAAoC,EAAEd,SAAS,CAAC,2BAAD,CAD1C;IAELe,aAAa,EAAEV,YAFV;IAGLI,cAHK;IAIL,cAAcT,SAAS,CAAC,cAAD,CAJlB;IAKLgB,gBAAgB,EAAErB,KAAK,CAACsB;EALnB,CAAP,CAD0B,EAQ1B,CAACZ,YAAD,EAAeI,cAAf,EAA+BT,SAA/B,CAR0B,CAA5B;EAWA,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACuB;EAAtB,gBACE,oBAAC,OAAD,EAAaL,YAAb,CADF,CADF;AAKD,CAvDD;;AAyDAhB,SAAS,CAACD,SAAV,2CAAsB;EACpBE,GAAG,EAAEF,SAAS,CAACE;AADK,CAAtB;AAIAD,SAAS,CAACsB,YAAV,GAAyB;EACvBnB,SAAS,EAAER,QAAQ,CAAC4B,iBAAT,CAA2BpB;AADf,CAAzB;;AAIA,MAAMqB,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,WAAD;IAAcC,WAAd;IAA2BpB,IAA3B;IAAiCN,GAAjC;IAAsC2B;EAAtC,IAA8CH,KAApD;;EAEA,MAAMI,uBAAuB,gBACxBD,IADwB;IAE3BrB,IAAI,EAAE;EAFqB,EAA7B;;EAKA,MAAMuB,GAAG,GAAGvB,IAAI,KAAK,OAAT,gBAAmB,oBAAC,SAAD;IAAW,GAAG,EAAEN;EAAhB,EAAnB,GAA6C,IAAzD;EAEA,MAAM8B,KAAK,GAAG;IACZC,KAAK,EAAEzC,SADK;IAEZ0C,KAAK,EAAExC;EAFK,CAAd;EAIA,MAAMyC,IAAI,GAAGH,KAAK,CAACxB,IAAD,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAET,KAAK,CAACqC,OAAtB;IAA+B,eAAY;EAA3C,gBACE;IAAK,SAAS,EAAE9C,UAAU,CAACS,KAAK,CAACsC,KAAP,EAAc7B,IAAI,KAAK,OAAT,GAAmBT,KAAK,CAACkC,KAAzB,GAAiClC,KAAK,CAACmC,KAArD;EAA1B,gBACE;IAAK,SAAS,EAAEnC,KAAK,CAACuC;EAAtB,gBACE;IAAK,SAAS,EAAEvC,KAAK,CAACwC;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAE/B,IAAI,KAAK,OAAT,GAAmBT,KAAK,CAACyC,SAAzB,GAAqCzC,KAAK,CAAC0C;EAA5D,EADF,CADF,eAIE;IAAK,SAAS,EAAE1C,KAAK,CAAC6B;EAAtB,gBACE;IAAM,cAAYA,WAAlB;IAA+B,IAAI,EAAC;EAApC,GACGA,WADH,CADF,CAJF,CADF,eAWE;IAAK,SAAS,EAAE7B,KAAK,CAAC2C;EAAtB,gBACE;IAAK,SAAS,EAAE3C,KAAK,CAAC4B,WAAtB;IAAmC,cAAW;EAA9C,gBACE;IAAK,SAAS,EAAE5B,KAAK,CAAC4C;EAAtB,gBACE;IAAM,SAAS,EAAE5C,KAAK,CAAC6C,KAAvB;IAA8B,cAAYjB,WAAW,CAACiB;EAAtD,GACGjB,WAAW,CAACiB,KADf,CADF,CADF,eAME;IACE,SAAS,EAAE7C,KAAK,CAAC8C,OADnB;IAEE,cAAYlB,WAAW,CAACkB,OAF1B,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAAC9B,MAAM,EAAEY,WAAW,CAACkB;IAArB;EAJ3B,EANF,CADF,CAXF,eA0BE;IAAK,SAAS,EAAErC,IAAI,KAAK,OAAT,GAAmBT,KAAK,CAAC+C,OAAzB,GAAmC/C,KAAK,CAACgD;EAAzD,GACGhB,GADH,eAEE;IAAK,SAAS,EAAEhC,KAAK,CAACiD,qBAAtB;IAA6C,eAAY;EAAzD,gBACE,oBAAC,UAAD,eAAgBlB,uBAAhB;IAAyC,SAAS,EAAE/B,KAAK,CAACkD;EAA1D,GADF,CAFF,CA1BF,CADF,CADF;AAqCD,CArDD;;AAuDAxB,qBAAqB,CAACzB,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeyB,qBAAf"}

package/es/organism/user-preferences/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AA4CA,0DAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AA0CA,0DAeC"}

package/es/organism/user-preferences/index.js

@@ -32,7 +32,7 @@ const Settings = (props, legacyContext) => {
     tabIndex: 0
   }, label), isEmpty(description) ? null : /*#__PURE__*/React.createElement(ToolTip, {
     TooltipContent: description,
-    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text'),
+    closeToolTipInformationTextAriaLabel: translate('close_tooltip_information'),
     "data-testid": "user-preferences-tooltip",
     "aria-label": moreInfoAriaLabel,
     iconContainerClassName: style.infoIconTooltip,

package/es/organism/user-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","isEmpty","map","Provider","GetTranslateFromContext","ToolTip","InputSwitch","style","Settings","props","legacyContext","translate","label","description","moreInfoAriaLabel","settings","infoIconTooltip","propTypes","string","isRequired","contextTypes","childContextTypes","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip from '../../atom/tooltip';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = (props, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...{...settings, 'aria-label': label}} />\n      <span className={style.label} tabIndex={0}>\n        {label}\n      </span>\n      {isEmpty(description) ? null : (\n        <ToolTip\n          TooltipContent={description}\n          closeToolTipInformationTextAriaLabel={translate(\n            'Press the escape key to close the information text'\n          )}\n          data-testid=\"user-preferences-tooltip\"\n          aria-label={moreInfoAriaLabel}\n          iconContainerClassName={style.infoIconTooltip}\n          fontSize={12}\n        />\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nSettings.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst UserPreferences = props => {\n  const {preferences, moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel} tabIndex={0}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,QAAgD,qBAAhD;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACzC,MAAMC,SAAS,GAAGP,uBAAuB,CAACM,aAAD,CAAzC;;EACA,MAAM;IAACE,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDL,KAA7D;EAAA,MAAiDM,QAAjD,iCAA6DN,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACQ;EAAtB,gBACE,oBAAC,WAAD,eAAqBA,QAArB;IAA+B,cAAcH;EAA7C,GADF,eAEE;IAAM,SAAS,EAAEL,KAAK,CAACK,KAAvB;IAA8B,QAAQ,EAAE;EAAxC,GACGA,KADH,CAFF,EAKGX,OAAO,CAACY,WAAD,CAAP,GAAuB,IAAvB,gBACC,oBAAC,OAAD;IACE,cAAc,EAAEA,WADlB;IAEE,oCAAoC,EAAEF,SAAS,CAC7C,oDAD6C,CAFjD;IAKE,eAAY,0BALd;IAME,cAAYG,iBANd;IAOE,sBAAsB,EAAEP,KAAK,CAACS,eAPhC;IAQE,QAAQ,EAAE;EARZ,EANJ,CADF;AAoBD,CAvBD;;AAyBAR,QAAQ,CAACS,SAAT,wDACKX,WAAW,CAACW,SADjB;EAEEL,KAAK,EAAEZ,SAAS,CAACkB,MAAV,CAAiBC,UAF1B;EAGEN,WAAW,EAAEb,SAAS,CAACkB;AAHzB;AAMAV,QAAQ,CAACY,YAAT,GAAwB;EACtBT,SAAS,EAAER,QAAQ,CAACkB,iBAAT,CAA2BV;AADhB,CAAxB;;AAIA,MAAMW,eAAe,GAAGb,KAAK,IAAI;EAC/B,MAAM;IAACc,WAAD;IAAcT,iBAAd;IAAiCU;EAAjC,IAAmDf,KAAzD;EAEA,oBACE,+CACE;IAAK,SAAS,EAAEF,KAAK,CAACgB,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC,cAA5D;IAA4E,QAAQ,EAAE;EAAtF,GACGtB,GAAG,CACFa,QAAQ,iBACN,oBAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFA,EAIFS,WAJE,CADN,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEvB,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,KAAV,CAAgBlB,QAAQ,CAACS,SAAzB,CAAlB,CADa;EAE1BH,iBAAiB,EAAEd,SAAS,CAACkB,MAFH;EAG1BM,cAAc,EAAExB,SAAS,CAACkB;AAHA,CAA5B;AAMA,eAAeI,eAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","isEmpty","map","Provider","GetTranslateFromContext","ToolTip","InputSwitch","style","Settings","props","legacyContext","translate","label","description","moreInfoAriaLabel","settings","infoIconTooltip","propTypes","string","isRequired","contextTypes","childContextTypes","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip from '../../atom/tooltip';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = (props, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...{...settings, 'aria-label': label}} />\n      <span className={style.label} tabIndex={0}>\n        {label}\n      </span>\n      {isEmpty(description) ? null : (\n        <ToolTip\n          TooltipContent={description}\n          closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n          data-testid=\"user-preferences-tooltip\"\n          aria-label={moreInfoAriaLabel}\n          iconContainerClassName={style.infoIconTooltip}\n          fontSize={12}\n        />\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nSettings.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst UserPreferences = props => {\n  const {preferences, moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel} tabIndex={0}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,QAAgD,qBAAhD;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACzC,MAAMC,SAAS,GAAGP,uBAAuB,CAACM,aAAD,CAAzC;;EACA,MAAM;IAACE,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDL,KAA7D;EAAA,MAAiDM,QAAjD,iCAA6DN,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACQ;EAAtB,gBACE,oBAAC,WAAD,eAAqBA,QAArB;IAA+B,cAAcH;EAA7C,GADF,eAEE;IAAM,SAAS,EAAEL,KAAK,CAACK,KAAvB;IAA8B,QAAQ,EAAE;EAAxC,GACGA,KADH,CAFF,EAKGX,OAAO,CAACY,WAAD,CAAP,GAAuB,IAAvB,gBACC,oBAAC,OAAD;IACE,cAAc,EAAEA,WADlB;IAEE,oCAAoC,EAAEF,SAAS,CAAC,2BAAD,CAFjD;IAGE,eAAY,0BAHd;IAIE,cAAYG,iBAJd;IAKE,sBAAsB,EAAEP,KAAK,CAACS,eALhC;IAME,QAAQ,EAAE;EANZ,EANJ,CADF;AAkBD,CArBD;;AAuBAR,QAAQ,CAACS,SAAT,wDACKX,WAAW,CAACW,SADjB;EAEEL,KAAK,EAAEZ,SAAS,CAACkB,MAAV,CAAiBC,UAF1B;EAGEN,WAAW,EAAEb,SAAS,CAACkB;AAHzB;AAMAV,QAAQ,CAACY,YAAT,GAAwB;EACtBT,SAAS,EAAER,QAAQ,CAACkB,iBAAT,CAA2BV;AADhB,CAAxB;;AAIA,MAAMW,eAAe,GAAGb,KAAK,IAAI;EAC/B,MAAM;IAACc,WAAD;IAAcT,iBAAd;IAAiCU;EAAjC,IAAmDf,KAAzD;EAEA,oBACE,+CACE;IAAK,SAAS,EAAEF,KAAK,CAACgB,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC,cAA5D;IAA4E,QAAQ,EAAE;EAAtF,GACGtB,GAAG,CACFa,QAAQ,iBACN,oBAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFA,EAIFS,WAJE,CADN,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEvB,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,KAAV,CAAgBlB,QAAQ,CAACS,SAAzB,CAAlB,CADa;EAE1BH,iBAAiB,EAAEd,SAAS,CAACkB,MAFH;EAG1BM,cAAc,EAAExB,SAAS,CAACkB;AAHA,CAA5B;AAMA,eAAeI,eAAf"}

package/es/template/activity/engine-stars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAuEA,0EA8IC"}
+{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAuEA,0EA4IC"}

package/es/template/activity/engine-stars.js

@@ -108,7 +108,7 @@ const EngineStars = (props, legacyContext) => {
     onClick: toolTip.onClick
   } : null, [primary, toolTip]);
   const toolTipProps = {
-    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text')
+    closeToolTipInformationTextAriaLabel: translate('close_tooltip_information')
   };
   const TooltipContent = useCallback(_props => /*#__PURE__*/React.createElement(ToolTipContent, _extends({}, _extends({}, toolTipContentProps, _props), {
     handleContentMouseOver: handleContentMouseOver

package/es/template/activity/engine-stars.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.js","names":["classnames","React","useCallback","useMemo","useState","useRef","PropTypes","v5","uuidV5","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaSolidContentContentBook1","LearnerIcon","NovaSolidVoteRewardsRewardsBadge1","BonusIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Link","style","ICONS","microlearning","learner","battle","certifications","bonus","article","scorm","video","podcast","review","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","toolTipContent","propTypes","string","func","EngineStars","props","legacyContext","skin","translate","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","handleKeyPress","event","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/engine-stars.js"],"sourcesContent":["import classnames from 'classnames';\nimport React, {useCallback, useMemo, useState, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport {v5 as uuidV5} from 'uuid';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaSolidVoteRewardsRewardsBadge1 as BonusIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Link from '../../atom/link';\nimport style from './engine-stars.css';\n\nconst ICONS = {\n  microlearning: TimerIcon,\n  learner: LearnerIcon,\n  battle: BoltIcon,\n  certifications: CertificationIcon,\n  bonus: BonusIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ToolTipContent = ({\n  preMessage,\n  linkMessage,\n  endMessage,\n  onClick,\n  color,\n  handleContentMouseOver\n}) => (\n  <p\n    className={style.toolTipContent}\n    onMouseOver={handleContentMouseOver}\n    data-testid=\"react-tooltip-content\"\n  >\n    <span>{preMessage}</span>\n    <Link\n      onClick={onClick}\n      style={{\n        color\n      }}\n    >\n      {linkMessage}\n    </Link>\n    <span>{endMessage}</span>\n  </p>\n);\n\nToolTipContent.propTypes = {\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  handleContentMouseOver: PropTypes.func\n};\n\nconst EngineStars = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const {\n    toolTip = null,\n    disabled,\n    type,\n    stars,\n    title,\n    active = false,\n    onClick = noop,\n    className\n  } = props;\n\n  const handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    onClick(e);\n  };\n  const dark = get('common.dark', skin);\n  const light = get('common.light', skin);\n  const IconType = ICONS[type];\n\n  const primary = get('common.primary', skin);\n\n  // to replace by useId when React17 is bumped to React18\n  const [engineStarsContentId] = useState(\n    disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined\n  );\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n  const buttonRef = useRef(null);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));\n  }, []);\n\n  const toolTipContentProps = useMemo(\n    () =>\n      toolTip\n        ? {\n            preMessage: toolTip.preMessage,\n            linkMessage: toolTip.linkMessage,\n            endMessage: toolTip.endMessage,\n            color: primary,\n            onClick: toolTip.onClick\n          }\n        : null,\n    [primary, toolTip]\n  );\n\n  const toolTipProps = {\n    closeToolTipInformationTextAriaLabel: translate(\n      'Press the escape key to close the information text'\n    )\n  };\n\n  const TooltipContent = useCallback(\n    _props => (\n      <ToolTipContent\n        {...{...toolTipContentProps, ..._props}}\n        handleContentMouseOver={handleContentMouseOver}\n      />\n    ),\n    [handleContentMouseOver, toolTipContentProps]\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      data-tip={disabled}\n      data-engine={type}\n      data-testid={`engine-stars-${type}`}\n      // eslint-disable-next-line no-nested-ternary\n      onClick={disabled ? handleKeyPress : active ? noop : handleClick}\n      data-for={engineStarsContentId}\n      className={classnames([\n        style.engineStars,\n        disabled ? style.disabled : '',\n        active ? style.active : '',\n        onClick !== noop ? style.clickable : null,\n        className\n      ])}\n      type=\"button\"\n      data-tooltip-place=\"left\"\n      onKeyDown={handleKeyPress}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      aria-label={`${title} - ${stars} ${translate('stars')}`}\n    >\n      {disabled ? (\n        <ToolTip\n          {...toolTipProps}\n          anchorId={engineStarsContentId}\n          toolTipIsVisible={toolTipIsVisible}\n          TooltipContent={TooltipContent}\n          mouseLeaveTimer={mouseLeaveTimer}\n        />\n      ) : null}\n      <span\n        className={style.engineIcon}\n        style={{\n          backgroundColor: onClick === noop ? light : primary\n        }}\n      >\n        <IconType className={style.iconHeader} width=\"30\" />\n      </span>\n      <div\n        className={style.score}\n        style={{\n          color: active ? primary : dark\n        }}\n      >\n        <p data-name=\"star-counter\">{stars}</p>\n        <span>\n          <StarIcon\n            className={style.iconStar}\n            style={{\n              color: active ? primary : dark\n            }}\n          />\n        </span>\n      </div>\n      <div className={style.scoreTitle}>{title}</div>\n    </button>\n  );\n};\n\nEngineStars.propTypes = {\n  type: PropTypes.string.isRequired,\n  stars: PropTypes.number.isRequired,\n  title: PropTypes.string.isRequired,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n  toolTip: PropTypes.shape({\n    preMessage: PropTypes.string,\n    linkMessage: PropTypes.string,\n    endMessage: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nEngineStars.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default EngineStars;\n"],"mappings":"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"}
+{"version":3,"file":"engine-stars.js","names":["classnames","React","useCallback","useMemo","useState","useRef","PropTypes","v5","uuidV5","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaSolidContentContentBook1","LearnerIcon","NovaSolidVoteRewardsRewardsBadge1","BonusIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Link","style","ICONS","microlearning","learner","battle","certifications","bonus","article","scorm","video","podcast","review","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","toolTipContent","propTypes","string","func","EngineStars","props","legacyContext","skin","translate","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","handleKeyPress","event","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/engine-stars.js"],"sourcesContent":["import classnames from 'classnames';\nimport React, {useCallback, useMemo, useState, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport {v5 as uuidV5} from 'uuid';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaSolidVoteRewardsRewardsBadge1 as BonusIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Link from '../../atom/link';\nimport style from './engine-stars.css';\n\nconst ICONS = {\n  microlearning: TimerIcon,\n  learner: LearnerIcon,\n  battle: BoltIcon,\n  certifications: CertificationIcon,\n  bonus: BonusIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ToolTipContent = ({\n  preMessage,\n  linkMessage,\n  endMessage,\n  onClick,\n  color,\n  handleContentMouseOver\n}) => (\n  <p\n    className={style.toolTipContent}\n    onMouseOver={handleContentMouseOver}\n    data-testid=\"react-tooltip-content\"\n  >\n    <span>{preMessage}</span>\n    <Link\n      onClick={onClick}\n      style={{\n        color\n      }}\n    >\n      {linkMessage}\n    </Link>\n    <span>{endMessage}</span>\n  </p>\n);\n\nToolTipContent.propTypes = {\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  handleContentMouseOver: PropTypes.func\n};\n\nconst EngineStars = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const {\n    toolTip = null,\n    disabled,\n    type,\n    stars,\n    title,\n    active = false,\n    onClick = noop,\n    className\n  } = props;\n\n  const handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    onClick(e);\n  };\n  const dark = get('common.dark', skin);\n  const light = get('common.light', skin);\n  const IconType = ICONS[type];\n\n  const primary = get('common.primary', skin);\n\n  // to replace by useId when React17 is bumped to React18\n  const [engineStarsContentId] = useState(\n    disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined\n  );\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n  const buttonRef = useRef(null);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));\n  }, []);\n\n  const toolTipContentProps = useMemo(\n    () =>\n      toolTip\n        ? {\n            preMessage: toolTip.preMessage,\n            linkMessage: toolTip.linkMessage,\n            endMessage: toolTip.endMessage,\n            color: primary,\n            onClick: toolTip.onClick\n          }\n        : null,\n    [primary, toolTip]\n  );\n\n  const toolTipProps = {\n    closeToolTipInformationTextAriaLabel: translate('close_tooltip_information')\n  };\n\n  const TooltipContent = useCallback(\n    _props => (\n      <ToolTipContent\n        {...{...toolTipContentProps, ..._props}}\n        handleContentMouseOver={handleContentMouseOver}\n      />\n    ),\n    [handleContentMouseOver, toolTipContentProps]\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      data-tip={disabled}\n      data-engine={type}\n      data-testid={`engine-stars-${type}`}\n      // eslint-disable-next-line no-nested-ternary\n      onClick={disabled ? handleKeyPress : active ? noop : handleClick}\n      data-for={engineStarsContentId}\n      className={classnames([\n        style.engineStars,\n        disabled ? style.disabled : '',\n        active ? style.active : '',\n        onClick !== noop ? style.clickable : null,\n        className\n      ])}\n      type=\"button\"\n      data-tooltip-place=\"left\"\n      onKeyDown={handleKeyPress}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      aria-label={`${title} - ${stars} ${translate('stars')}`}\n    >\n      {disabled ? (\n        <ToolTip\n          {...toolTipProps}\n          anchorId={engineStarsContentId}\n          toolTipIsVisible={toolTipIsVisible}\n          TooltipContent={TooltipContent}\n          mouseLeaveTimer={mouseLeaveTimer}\n        />\n      ) : null}\n      <span\n        className={style.engineIcon}\n        style={{\n          backgroundColor: onClick === noop ? light : primary\n        }}\n      >\n        <IconType className={style.iconHeader} width=\"30\" />\n      </span>\n      <div\n        className={style.score}\n        style={{\n          color: active ? primary : dark\n        }}\n      >\n        <p data-name=\"star-counter\">{stars}</p>\n        <span>\n          <StarIcon\n            className={style.iconStar}\n            style={{\n              color: active ? primary : dark\n            }}\n          />\n        </span>\n      </div>\n      <div className={style.scoreTitle}>{title}</div>\n    </button>\n  );\n};\n\nEngineStars.propTypes = {\n  type: PropTypes.string.isRequired,\n  stars: PropTypes.number.isRequired,\n  title: PropTypes.string.isRequired,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n  toolTip: PropTypes.shape({\n    preMessage: PropTypes.string,\n    linkMessage: PropTypes.string,\n    endMessage: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nEngineStars.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default EngineStars;\n"],"mappings":";;;;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,EAAqCC,QAArC,EAA+CC,MAA/C,QAA4D,OAA5D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,EAAE,IAAIC,MAAd,QAA2B,MAA3B;AACA,SACEC,+BAA+B,IAAIC,QADrC,EAEEC,gCAAgC,IAAIC,SAFtC,EAGEC,+BAA+B,IAAIC,QAHrC,EAIEC,mCAAmC,IAAIC,iBAJzC,EAKEC,4BAA4B,IAAIC,WALlC,EAMEC,iCAAiC,IAAIC,SANvC,EAOEC,gCAAgC,IAAIC,SAPtC,EAQEC,kCAAkC,IAAIC,WARxC,EASEC,gCAAgC,IAAIC,SATtC,EAUEC,qCAAqC,IAAIC,WAV3C,EAWEC,mCAAmC,IAAIC,YAXzC,QAYO,0BAZP;AAaA,OAAOC,QAAP,IAAkBC,kBAAlB,EAAsCC,uBAAtC,QAAoE,qBAApE;AACA,OAAOC,OAAP,IAAiBC,qBAAjB,QAA6C,oBAA7C;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,aAAa,EAAE3B,SADH;EAEZ4B,OAAO,EAAEtB,WAFG;EAGZuB,MAAM,EAAE3B,QAHI;EAIZ4B,cAAc,EAAE1B,iBAJJ;EAKZ2B,KAAK,EAAEvB,SALK;EAMZwB,OAAO,EAAEpB,WANG;EAOZqB,KAAK,EAAEvB,SAPK;EAQZwB,KAAK,EAAEpB,SARK;EASZqB,OAAO,EAAEnB,WATG;EAUZoB,MAAM,EAAElB;AAVI,CAAd;;AAaA,MAAMmB,cAAc,GAAG,CAAC;EACtBC,UADsB;EAEtBC,WAFsB;EAGtBC,UAHsB;EAItBC,OAJsB;EAKtBC,KALsB;EAMtBC;AANsB,CAAD,kBAQrB;EACE,SAAS,EAAElB,KAAK,CAACmB,cADnB;EAEE,WAAW,EAAED,sBAFf;EAGE,eAAY;AAHd,gBAKE,kCAAOL,UAAP,CALF,eAME,oBAAC,IAAD;EACE,OAAO,EAAEG,OADX;EAEE,KAAK,EAAE;IACLC;EADK;AAFT,GAMGH,WANH,CANF,eAcE,kCAAOC,UAAP,CAdF,CARF;;AA0BAH,cAAc,CAACQ,SAAf,2CAA2B;EACzBP,UAAU,EAAE5C,SAAS,CAACoD,MADG;EAEzBP,WAAW,EAAE7C,SAAS,CAACoD,MAFE;EAGzBN,UAAU,EAAE9C,SAAS,CAACoD,MAHG;EAIzBJ,KAAK,EAAEhD,SAAS,CAACoD,MAJQ;EAKzBL,OAAO,EAAE/C,SAAS,CAACqD,IALM;EAMzBJ,sBAAsB,EAAEjD,SAAS,CAACqD;AANT,CAA3B;;AASA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC5C,MAAMC,IAAI,GAAG/B,kBAAkB,CAAC8B,aAAD,CAA/B;EACA,MAAME,SAAS,GAAG/B,uBAAuB,CAAC6B,aAAD,CAAzC;EACA,MAAM;IACJG,OAAO,GAAG,IADN;IAEJC,QAFI;IAGJC,IAHI;IAIJC,KAJI;IAKJC,KALI;IAMJC,MAAM,GAAG,KANL;IAOJjB,OAAO,QAPH;IAQJkB;EARI,IASFV,KATJ;;EAWA,MAAMW,WAAW,GAAGC,CAAC,IAAI;IACvBA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;IACAtB,OAAO,CAACoB,CAAD,CAAP;EACD,CAJD;;EAKA,MAAMG,IAAI,GAAG,KAAI,aAAJ,EAAmBb,IAAnB,CAAb;;EACA,MAAMc,KAAK,GAAG,KAAI,cAAJ,EAAoBd,IAApB,CAAd;;EACA,MAAMe,QAAQ,GAAGxC,KAAK,CAAC6B,IAAD,CAAtB;;EAEA,MAAMY,OAAO,GAAG,KAAI,gBAAJ,EAAsBhB,IAAtB,CAAhB,CAvB4C,CAyB5C;;;EACA,MAAM,CAACiB,oBAAD,IAAyB5E,QAAQ,CACrC8D,QAAQ,GAAG1D,MAAM,CAAC,cAAD,EAAiBA,MAAM,CAACyE,GAAxB,CAAT,GAAwCC,SADX,CAAvC;EAGA,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0ChF,QAAQ,CAAC,KAAD,CAAxD;EACA,MAAM,CAACiF,eAAD,EAAkBC,kBAAlB,IAAwClF,QAAQ,CAAC8E,SAAD,CAAtD;EACA,MAAMK,SAAS,GAAGlF,MAAM,CAAC,IAAD,CAAxB;EAEA,MAAMmF,cAAc,GAAGtF,WAAW,CAChCuF,KAAK,IAAI;IACPtD,qBAAqB,CAACgD,gBAAD,EAAmBC,mBAAnB,EAAwCG,SAAxC,CAArB,CAAwEE,KAAxE;EACD,CAH+B,EAIhC,CAACN,gBAAD,CAJgC,CAAlC;EAOA,MAAMO,eAAe,GAAGxF,WAAW,CAAC,MAAM;IACxCmF,eAAe,IAAIM,YAAY,CAACN,eAAD,CAA/B;IACAD,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAHkC,EAGhC,CAACC,eAAD,CAHgC,CAAnC;EAKA,MAAM9B,sBAAsB,GAAGrD,WAAW,CAAC,MAAM;IAC/CmF,eAAe;IAAI;IAA2BM,YAAY,CAACN,eAAD,CAA1D;EACD,CAFyC,EAEvC,CAACA,eAAD,CAFuC,CAA1C;EAIA,MAAMO,gBAAgB,GAAG1F,WAAW,CAAC,MAAM;IACzCoF,kBAAkB,CAACO,UAAU,CAAC,MAAMT,mBAAmB,CAAC,KAAD,CAA1B,EAAmC,GAAnC,CAAX,CAAlB;EACD,CAFmC,EAEjC,EAFiC,CAApC;EAIA,MAAMU,mBAAmB,GAAG3F,OAAO,CACjC,MACE8D,OAAO,GACH;IACEf,UAAU,EAAEe,OAAO,CAACf,UADtB;IAEEC,WAAW,EAAEc,OAAO,CAACd,WAFvB;IAGEC,UAAU,EAAEa,OAAO,CAACb,UAHtB;IAIEE,KAAK,EAAEyB,OAJT;IAKE1B,OAAO,EAAEY,OAAO,CAACZ;EALnB,CADG,GAQH,IAV2B,EAWjC,CAAC0B,OAAD,EAAUd,OAAV,CAXiC,CAAnC;EAcA,MAAM8B,YAAY,GAAG;IACnBC,oCAAoC,EAAEhC,SAAS,CAAC,2BAAD;EAD5B,CAArB;EAIA,MAAMiC,cAAc,GAAG/F,WAAW,CAChCgG,MAAM,iBACJ,oBAAC,cAAD,4BACUJ,mBADV,EACkCI,MADlC;IAEE,sBAAsB,EAAE3C;EAF1B,GAF8B,EAOhC,CAACA,sBAAD,EAAyBuC,mBAAzB,CAPgC,CAAlC;EAUA,oBACE;IACE,GAAG,EAAEP,SADP;IAEE,YAAUrB,QAFZ;IAGE,eAAaC,IAHf;IAIE,eAAc,gBAAeA,IAAK,EAJpC,CAKE;IALF;IAME,OAAO,EAAED,QAAQ,GAAGsB,cAAH,GAAoBlB,MAAM,WAAUE,WANvD;IAOE,YAAUQ,oBAPZ;IAQE,SAAS,EAAEhF,UAAU,CAAC,CACpBqC,KAAK,CAAC8D,WADc,EAEpBjC,QAAQ,GAAG7B,KAAK,CAAC6B,QAAT,GAAoB,EAFR,EAGpBI,MAAM,GAAGjC,KAAK,CAACiC,MAAT,GAAkB,EAHJ,EAIpBjB,OAAO,UAAP,GAAmBhB,KAAK,CAAC+D,SAAzB,GAAqC,IAJjB,EAKpB7B,SALoB,CAAD,CARvB;IAeE,IAAI,EAAC,QAfP;IAgBE,sBAAmB,MAhBrB;IAiBE,SAAS,EAAEiB,cAjBb;IAkBE,YAAY,EAAEI,gBAlBhB;IAmBE,WAAW,EAAEF,eAnBf;IAoBE,cAAa,GAAErB,KAAM,MAAKD,KAAM,IAAGJ,SAAS,CAAC,OAAD,CAAU;EApBxD,GAsBGE,QAAQ,gBACP,oBAAC,OAAD,eACM6B,YADN;IAEE,QAAQ,EAAEf,oBAFZ;IAGE,gBAAgB,EAAEG,gBAHpB;IAIE,cAAc,EAAEc,cAJlB;IAKE,eAAe,EAAEZ;EALnB,GADO,GAQL,IA9BN,eA+BE;IACE,SAAS,EAAEhD,KAAK,CAACgE,UADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAEjD,OAAO,UAAP,GAAmBwB,KAAnB,GAA2BE;IADvC;EAFT,gBAME,oBAAC,QAAD;IAAU,SAAS,EAAE1C,KAAK,CAACkE,UAA3B;IAAuC,KAAK,EAAC;EAA7C,EANF,CA/BF,eAuCE;IACE,SAAS,EAAElE,KAAK,CAACmE,KADnB;IAEE,KAAK,EAAE;MACLlD,KAAK,EAAEgB,MAAM,GAAGS,OAAH,GAAaH;IADrB;EAFT,gBAME;IAAG,aAAU;EAAb,GAA6BR,KAA7B,CANF,eAOE,+CACE,oBAAC,QAAD;IACE,SAAS,EAAE/B,KAAK,CAACoE,QADnB;IAEE,KAAK,EAAE;MACLnD,KAAK,EAAEgB,MAAM,GAAGS,OAAH,GAAaH;IADrB;EAFT,EADF,CAPF,CAvCF,eAuDE;IAAK,SAAS,EAAEvC,KAAK,CAACqE;EAAtB,GAAmCrC,KAAnC,CAvDF,CADF;AA2DD,CA5ID;;AA8IAT,WAAW,CAACH,SAAZ,2CAAwB;EACtBU,IAAI,EAAE7D,SAAS,CAACoD,MAAV,CAAiBiD,UADD;EAEtBvC,KAAK,EAAE9D,SAAS,CAACsG,MAAV,CAAiBD,UAFF;EAGtBtC,KAAK,EAAE/D,SAAS,CAACoD,MAAV,CAAiBiD,UAHF;EAItBrC,MAAM,EAAEhE,SAAS,CAACuG,IAJI;EAKtB3C,QAAQ,EAAE5D,SAAS,CAACuG,IALE;EAMtBxD,OAAO,EAAE/C,SAAS,CAACqD,IANG;EAOtBY,SAAS,EAAEjE,SAAS,CAACoD,MAPC;EAQtBO,OAAO,EAAE3D,SAAS,CAACwG,KAAV,CAAgB;IACvB5D,UAAU,EAAE5C,SAAS,CAACoD,MADC;IAEvBP,WAAW,EAAE7C,SAAS,CAACoD,MAFA;IAGvBN,UAAU,EAAE9C,SAAS,CAACoD,MAHC;IAIvBL,OAAO,EAAE/C,SAAS,CAACqD;EAJI,CAAhB;AARa,CAAxB;AAgBAC,WAAW,CAACmD,YAAZ,GAA2B;EACzBhD,IAAI,EAAEhC,QAAQ,CAACiF,iBAAT,CAA2BjD,IADR;EAEzBC,SAAS,EAAEjC,QAAQ,CAACiF,iBAAT,CAA2BhD;AAFb,CAA3B;AAKA,eAAeJ,WAAf"}

package/es/template/common/discipline/index.d.ts

@@ -117,6 +117,12 @@ declare namespace Discipline {
         const shareText: PropTypes.Requireable<string>;
         const shareSuccessWording: PropTypes.Requireable<string>;
         const shareErrorWording: PropTypes.Requireable<string>;
+        const skills: PropTypes.Requireable<(PropTypes.InferProps<{
+            ref: PropTypes.Requireable<string>;
+            locale: PropTypes.Requireable<string>;
+            focused: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+        const onSkillClick: PropTypes.Requireable<(...args: any[]) => any>;
         const addToMyListText: PropTypes.Requireable<string>;
         const removeFromMyListText: PropTypes.Requireable<string>;
         const addToMyListButton: PropTypes.Requireable<string>;

package/es/template/common/discipline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/discipline/index.js"],"names":[],"mappings":";AAcA,mEA+JC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/discipline/index.js"],"names":[],"mappings":";AAeA,mEAmKC"}

package/es/template/common/discipline/index.js

@@ -5,6 +5,7 @@ import DisciplineCTA from '../../../molecule/discipline-cta';
 import DisciplineHeader from '../../../molecule/discipline-header';
 import DisciplinePartners from '../../../molecule/discipline-partners';
 import DisciplineScope from '../../../molecule/discipline-scope';
+import DisciplineAssociatedSkills from '../../../molecule/discipline-associated-skills';
 import Share, { ShareFeedback, ShareStatusProvider } from '../../../molecule/share';
 import AddToMyList, { AddToMyListFeedback, AddToMyListStatusProvider } from '../../../molecule/add-to-my-list';
 import style from './style.css';
@@ -23,6 +24,8 @@ const Discipline = (props, context) => {
     start,
     buy,
     startLabel,
+    skills = [],
+    onSkillClick,
     buyLabel,
     shareWording,
     shareText,
@@ -89,7 +92,10 @@ const Discipline = (props, context) => {
     wording: shareWording,
     text: shareText,
     key: 'shareTablet'
-  })), authorSection), disciplineContent), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(DisciplineAssociatedSkills, {
+    skills: skills,
+    onSkillClick: onSkillClick
+  }), authorSection), disciplineContent), /*#__PURE__*/React.createElement("div", {
     className: style.rightSection
   }, /*#__PURE__*/React.createElement("div", {
     className: style.stickySection
@@ -108,7 +114,10 @@ const Discipline = (props, context) => {
     favorite: favorite,
     onFavoriteClick: onFavoriteClick,
     key: 'addToMyListDesktop'
-  }))), authorSection)));
+  }))), /*#__PURE__*/React.createElement(DisciplineAssociatedSkills, {
+    skills: skills,
+    onSkillClick: onSkillClick
+  }), authorSection)));
   const shareFeedBack = disableShare ? null : /*#__PURE__*/React.createElement(ShareFeedback, {
     errorWording: shareErrorWording,
     successWording: shareSuccessWording,
@@ -142,6 +151,12 @@ Discipline.propTypes = process.env.NODE_ENV !== "production" ? {
   shareText: Share.propTypes.text,
   shareSuccessWording: ShareFeedback.propTypes.successWording,
   shareErrorWording: ShareFeedback.propTypes.errorWording,
+  skills: PropTypes.arrayOf(PropTypes.shape({
+    ref: PropTypes.string,
+    locale: PropTypes.string,
+    focused: PropTypes.bool
+  })),
+  onSkillClick: PropTypes.func,
   addToMyListText: AddToMyListFeedback.propTypes.addToMyListText,
   removeFromMyListText: AddToMyListFeedback.propTypes.removeFromMyListText,
   addToMyListButton: AddToMyList.propTypes.addToMyListButton,

package/es/template/common/discipline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","PropTypes","DisciplineCTA","DisciplineHeader","DisciplinePartners","DisciplineScope","Share","ShareFeedback","ShareStatusProvider","AddToMyList","AddToMyListFeedback","AddToMyListStatusProvider","style","Discipline","props","context","selected","level","levels","changeLevel","image","title","video","authors","description","start","buy","startLabel","buyLabel","shareWording","shareText","shareSuccessWording","shareErrorWording","addToMyListButton","favorite","onFavoriteClick","addToMyListText","removeFromMyListText","disableShare","disableAddToMyList","lastUpdated","authorSection","partners","disciplineCTA","disciplineContent","content","disciplineHeader","header","discipline","container","leftSection","mobileAuthorCtaSection","columnReverse","cta","addToMyListBtn","shareBtn","rightSection","stickySection","buttons","shareFeedBack","addToMyListFeedback","addToMyListProviderWrap","shareProviderWrap","propTypes","onClick","wording","text","successWording","errorWording","bool","contextTypes","translate","func"],"sources":["../../../../src/template/common/discipline/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport PropTypes from 'prop-types';\nimport DisciplineCTA from '../../../molecule/discipline-cta';\nimport DisciplineHeader from '../../../molecule/discipline-header';\nimport DisciplinePartners from '../../../molecule/discipline-partners';\nimport DisciplineScope from '../../../molecule/discipline-scope';\nimport Share, {ShareFeedback, ShareStatusProvider} from '../../../molecule/share';\nimport AddToMyList, {\n  AddToMyListFeedback,\n  AddToMyListStatusProvider\n} from '../../../molecule/add-to-my-list';\nimport style from './style.css';\n\nconst Discipline = (props, context) => {\n  const {\n    selected = 0,\n    level,\n    levels,\n    changeLevel,\n    image,\n    title = '',\n    video,\n    authors = [],\n    description = '',\n    start,\n    buy,\n    startLabel,\n    buyLabel,\n    shareWording,\n    shareText,\n    shareSuccessWording,\n    shareErrorWording,\n    addToMyListButton,\n    favorite,\n    onFavoriteClick,\n    addToMyListText,\n    removeFromMyListText,\n    disableShare = false,\n    disableAddToMyList = false,\n    lastUpdated\n  } = props;\n\n  const authorSection = isEmpty(authors) ? null : (\n    <div className={style.partners}>\n      <DisciplinePartners authors={authors} />\n    </div>\n  );\n\n  const disciplineCTA = (\n    <DisciplineCTA\n      type={'discipline'}\n      start={start}\n      buy={buy}\n      startLabel={startLabel}\n      buyLabel={buyLabel}\n    />\n  );\n\n  const disciplineContent = (\n    <div className={style.content}>\n      <DisciplineScope content={level} levels={levels} selected={selected} onClick={changeLevel} />\n    </div>\n  );\n\n  const disciplineHeader = (\n    <div className={style.header}>\n      <DisciplineHeader\n        image={image}\n        video={video}\n        title={title}\n        description={description}\n        lastUpdated={lastUpdated}\n      />\n    </div>\n  );\n\n  const discipline = (\n    <div data-name=\"discipline\" className={style.container} key=\"discipline\">\n      <div className={style.leftSection}>\n        {disciplineHeader}\n        <div className={style.mobileAuthorCtaSection}>\n          <div className={style.columnReverse}>\n            <div className={style.cta}>{disciplineCTA}</div>\n            {disableAddToMyList ? null : (\n              <AddToMyList\n                style={style.addToMyListBtn}\n                addToMyListButton={addToMyListButton}\n                favorite={favorite}\n                onFavoriteClick={onFavoriteClick}\n                key={'addToMyListTablet'}\n              />\n            )}\n            {disableShare ? null : (\n              <Share\n                style={style.shareBtn}\n                wording={shareWording}\n                text={shareText}\n                key={'shareTablet'}\n              />\n            )}\n          </div>\n          {authorSection}\n        </div>\n        {disciplineContent}\n      </div>\n      <div className={style.rightSection}>\n        <div className={style.stickySection}>\n          <div className={style.cta}>\n            {disciplineCTA}\n            {disableShare && disableAddToMyList ? null : (\n              <div className={style.buttons}>\n                {disableShare ? null : (\n                  <Share\n                    style={style.shareBtn}\n                    wording={shareWording}\n                    text={shareText}\n                    key={'shareDesktop'}\n                  />\n                )}\n                {disableAddToMyList ? null : (\n                  <AddToMyList\n                    style={style.addToMyListBtn}\n                    addToMyListButton={addToMyListButton}\n                    favorite={favorite}\n                    onFavoriteClick={onFavoriteClick}\n                    key={'addToMyListDesktop'}\n                  />\n                )}\n              </div>\n            )}\n          </div>\n          {authorSection}\n        </div>\n      </div>\n    </div>\n  );\n\n  const shareFeedBack = disableShare ? null : (\n    <ShareFeedback\n      errorWording={shareErrorWording}\n      successWording={shareSuccessWording}\n      key=\"shareFeedBack\"\n    />\n  );\n\n  const addToMyListFeedback = disableAddToMyList ? null : (\n    <AddToMyListFeedback\n      addToMyListText={addToMyListText}\n      removeFromMyListText={removeFromMyListText}\n      favorite={favorite}\n    />\n  );\n\n  const addToMyListProviderWrap = disableAddToMyList ? (\n    <>\n      {shareFeedBack}\n      {discipline}\n    </>\n  ) : (\n    <AddToMyListStatusProvider>\n      {shareFeedBack}\n      {addToMyListFeedback}\n      {discipline}\n    </AddToMyListStatusProvider>\n  );\n  const shareProviderWrap = disableShare ? (\n    addToMyListProviderWrap\n  ) : (\n    <ShareStatusProvider>{addToMyListProviderWrap}</ShareStatusProvider>\n  );\n\n  return shareProviderWrap;\n};\n\nDiscipline.propTypes = {\n  image: DisciplineHeader.propTypes.image,\n  video: DisciplineHeader.propTypes.video,\n  title: DisciplineHeader.propTypes.title,\n  description: DisciplineHeader.propTypes.description,\n  start: DisciplineCTA.propTypes.start,\n  buy: DisciplineCTA.propTypes.buy,\n  startLabel: DisciplineCTA.propTypes.startLabel,\n  buyLabel: DisciplineCTA.propTypes.buyLabel,\n  authors: DisciplinePartners.propTypes.authors,\n  level: DisciplineScope.propTypes.content,\n  levels: DisciplineScope.propTypes.levels,\n  selected: DisciplineScope.propTypes.selected,\n  changeLevel: DisciplineScope.propTypes.onClick,\n  shareWording: Share.propTypes.wording,\n  shareText: Share.propTypes.text,\n  shareSuccessWording: ShareFeedback.propTypes.successWording,\n  shareErrorWording: ShareFeedback.propTypes.errorWording,\n  addToMyListText: AddToMyListFeedback.propTypes.addToMyListText,\n  removeFromMyListText: AddToMyListFeedback.propTypes.removeFromMyListText,\n  addToMyListButton: AddToMyList.propTypes.addToMyListButton,\n  onFavoriteClick: AddToMyList.propTypes.onFavoriteClick,\n  favorite: AddToMyList.propTypes.favorite,\n  disableShare: PropTypes.bool,\n  disableAddToMyList: PropTypes.bool\n};\n\nDiscipline.contextTypes = {\n  translate: PropTypes.func\n};\n\nexport default Discipline;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","isEmpty","PropTypes","DisciplineCTA","DisciplineHeader","DisciplinePartners","DisciplineScope","DisciplineAssociatedSkills","Share","ShareFeedback","ShareStatusProvider","AddToMyList","AddToMyListFeedback","AddToMyListStatusProvider","style","Discipline","props","context","selected","level","levels","changeLevel","image","title","video","authors","description","start","buy","startLabel","skills","onSkillClick","buyLabel","shareWording","shareText","shareSuccessWording","shareErrorWording","addToMyListButton","favorite","onFavoriteClick","addToMyListText","removeFromMyListText","disableShare","disableAddToMyList","lastUpdated","authorSection","partners","disciplineCTA","disciplineContent","content","disciplineHeader","header","discipline","container","leftSection","mobileAuthorCtaSection","columnReverse","cta","addToMyListBtn","shareBtn","rightSection","stickySection","buttons","shareFeedBack","addToMyListFeedback","addToMyListProviderWrap","shareProviderWrap","propTypes","onClick","wording","text","successWording","errorWording","arrayOf","shape","ref","string","locale","focused","bool","func","contextTypes","translate"],"sources":["../../../../src/template/common/discipline/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport PropTypes from 'prop-types';\nimport DisciplineCTA from '../../../molecule/discipline-cta';\nimport DisciplineHeader from '../../../molecule/discipline-header';\nimport DisciplinePartners from '../../../molecule/discipline-partners';\nimport DisciplineScope from '../../../molecule/discipline-scope';\nimport DisciplineAssociatedSkills from '../../../molecule/discipline-associated-skills';\nimport Share, {ShareFeedback, ShareStatusProvider} from '../../../molecule/share';\nimport AddToMyList, {\n  AddToMyListFeedback,\n  AddToMyListStatusProvider\n} from '../../../molecule/add-to-my-list';\nimport style from './style.css';\n\nconst Discipline = (props, context) => {\n  const {\n    selected = 0,\n    level,\n    levels,\n    changeLevel,\n    image,\n    title = '',\n    video,\n    authors = [],\n    description = '',\n    start,\n    buy,\n    startLabel,\n    skills = [],\n    onSkillClick,\n    buyLabel,\n    shareWording,\n    shareText,\n    shareSuccessWording,\n    shareErrorWording,\n    addToMyListButton,\n    favorite,\n    onFavoriteClick,\n    addToMyListText,\n    removeFromMyListText,\n    disableShare = false,\n    disableAddToMyList = false,\n    lastUpdated\n  } = props;\n\n  const authorSection = isEmpty(authors) ? null : (\n    <div className={style.partners}>\n      <DisciplinePartners authors={authors} />\n    </div>\n  );\n\n  const disciplineCTA = (\n    <DisciplineCTA\n      type={'discipline'}\n      start={start}\n      buy={buy}\n      startLabel={startLabel}\n      buyLabel={buyLabel}\n    />\n  );\n\n  const disciplineContent = (\n    <div className={style.content}>\n      <DisciplineScope content={level} levels={levels} selected={selected} onClick={changeLevel} />\n    </div>\n  );\n\n  const disciplineHeader = (\n    <div className={style.header}>\n      <DisciplineHeader\n        image={image}\n        video={video}\n        title={title}\n        description={description}\n        lastUpdated={lastUpdated}\n      />\n    </div>\n  );\n\n  const discipline = (\n    <div data-name=\"discipline\" className={style.container} key=\"discipline\">\n      <div className={style.leftSection}>\n        {disciplineHeader}\n        <div className={style.mobileAuthorCtaSection}>\n          <div className={style.columnReverse}>\n            <div className={style.cta}>{disciplineCTA}</div>\n            {disableAddToMyList ? null : (\n              <AddToMyList\n                style={style.addToMyListBtn}\n                addToMyListButton={addToMyListButton}\n                favorite={favorite}\n                onFavoriteClick={onFavoriteClick}\n                key={'addToMyListTablet'}\n              />\n            )}\n            {disableShare ? null : (\n              <Share\n                style={style.shareBtn}\n                wording={shareWording}\n                text={shareText}\n                key={'shareTablet'}\n              />\n            )}\n          </div>\n          <DisciplineAssociatedSkills skills={skills} onSkillClick={onSkillClick} />\n          {authorSection}\n        </div>\n        {disciplineContent}\n      </div>\n      <div className={style.rightSection}>\n        <div className={style.stickySection}>\n          <div className={style.cta}>\n            {disciplineCTA}\n            {disableShare && disableAddToMyList ? null : (\n              <div className={style.buttons}>\n                {disableShare ? null : (\n                  <Share\n                    style={style.shareBtn}\n                    wording={shareWording}\n                    text={shareText}\n                    key={'shareDesktop'}\n                  />\n                )}\n                {disableAddToMyList ? null : (\n                  <AddToMyList\n                    style={style.addToMyListBtn}\n                    addToMyListButton={addToMyListButton}\n                    favorite={favorite}\n                    onFavoriteClick={onFavoriteClick}\n                    key={'addToMyListDesktop'}\n                  />\n                )}\n              </div>\n            )}\n          </div>\n          <DisciplineAssociatedSkills skills={skills} onSkillClick={onSkillClick} />\n          {authorSection}\n        </div>\n      </div>\n    </div>\n  );\n\n  const shareFeedBack = disableShare ? null : (\n    <ShareFeedback\n      errorWording={shareErrorWording}\n      successWording={shareSuccessWording}\n      key=\"shareFeedBack\"\n    />\n  );\n\n  const addToMyListFeedback = disableAddToMyList ? null : (\n    <AddToMyListFeedback\n      addToMyListText={addToMyListText}\n      removeFromMyListText={removeFromMyListText}\n      favorite={favorite}\n    />\n  );\n\n  const addToMyListProviderWrap = disableAddToMyList ? (\n    <>\n      {shareFeedBack}\n      {discipline}\n    </>\n  ) : (\n    <AddToMyListStatusProvider>\n      {shareFeedBack}\n      {addToMyListFeedback}\n      {discipline}\n    </AddToMyListStatusProvider>\n  );\n  const shareProviderWrap = disableShare ? (\n    addToMyListProviderWrap\n  ) : (\n    <ShareStatusProvider>{addToMyListProviderWrap}</ShareStatusProvider>\n  );\n\n  return shareProviderWrap;\n};\n\nDiscipline.propTypes = {\n  image: DisciplineHeader.propTypes.image,\n  video: DisciplineHeader.propTypes.video,\n  title: DisciplineHeader.propTypes.title,\n  description: DisciplineHeader.propTypes.description,\n  start: DisciplineCTA.propTypes.start,\n  buy: DisciplineCTA.propTypes.buy,\n  startLabel: DisciplineCTA.propTypes.startLabel,\n  buyLabel: DisciplineCTA.propTypes.buyLabel,\n  authors: DisciplinePartners.propTypes.authors,\n  level: DisciplineScope.propTypes.content,\n  levels: DisciplineScope.propTypes.levels,\n  selected: DisciplineScope.propTypes.selected,\n  changeLevel: DisciplineScope.propTypes.onClick,\n  shareWording: Share.propTypes.wording,\n  shareText: Share.propTypes.text,\n  shareSuccessWording: ShareFeedback.propTypes.successWording,\n  shareErrorWording: ShareFeedback.propTypes.errorWording,\n  skills: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      locale: PropTypes.string,\n      focused: PropTypes.bool\n    })\n  ),\n  onSkillClick: PropTypes.func,\n  addToMyListText: AddToMyListFeedback.propTypes.addToMyListText,\n  removeFromMyListText: AddToMyListFeedback.propTypes.removeFromMyListText,\n  addToMyListButton: AddToMyList.propTypes.addToMyListButton,\n  onFavoriteClick: AddToMyList.propTypes.onFavoriteClick,\n  favorite: AddToMyList.propTypes.favorite,\n  disableShare: PropTypes.bool,\n  disableAddToMyList: PropTypes.bool\n};\n\nDiscipline.contextTypes = {\n  translate: PropTypes.func\n};\n\nexport default Discipline;\n"],"mappings":"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"}

package/es/template/common/discipline/style.css

@@ -14,7 +14,6 @@
 
 .leftSection {
   display: block;
-  overflow: hidden;
   padding: 20px;
   box-sizing: border-box;
   position: relative;
@@ -109,6 +108,10 @@
     margin-left: 0px;
   }
 
+  .leftSection {
+    width: 100%
+  }
+
   .mobileAuthorCtaSection {
     composes: wrapper from '../layout.css';
     position: inherit;