@coorpacademy/components 11.32.52 → 11.33.0

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

@@ -13,12 +13,7 @@ import _size from "lodash/fp/size";
 import _mapValues from "lodash/fp/mapValues";
 import _keyBy from "lodash/fp/keyBy";
 import _pipe from "lodash/fp/pipe";
-const _excluded = ["offset", "alignment"];
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
 import { Radar, RadarChart, PolarGrid, PolarAngleAxis, ResponsiveContainer, Tooltip, PolarRadiusAxis } from 'recharts';
 import { convert } from 'css-color-function';
@@ -28,7 +23,6 @@ import ButtonLink from '../../atom/button-link';
 import Provider, { GetSkinFromContext, GetTranslateFromContext } from '../../atom/provider';
 import { learningProfileRadarChartPropTypes } from './types';
 import style from './style.css';
-
 /* TICK_POSITIONS */
 const top = {
   offset: {
@@ -62,8 +56,8 @@ const left = {
   alignment: 'end',
   marginLeft: 'auto'
 };
-/* CONSTANTS */
 
+/* CONSTANTS */
 const BLACK = '#000000ff';
 const WHITE = '#ffffffff';
 const DEFAULT_MAIN_COLOR = '#0062ffff';
@@ -123,8 +117,8 @@ const RADAR_DEFAULT_PROPS = {
   strokeOpacity: 0.2,
   fillOpacity: 0.2
 };
-/* COMPONENTS */
 
+/* COMPONENTS */
 const Gradient = ({
   type,
   colors: [firstColor, secondColor]
@@ -141,7 +135,6 @@ const Gradient = ({
   offset: "100%",
   stopColor: secondColor
 })));
-
 const CustomTooltip = ({
   active,
   payload,
@@ -153,7 +146,6 @@ const CustomTooltip = ({
 }, label), /*#__PURE__*/React.createElement("span", {
   className: style.tooltipValue
 }, payload[0].value, "%")) : null;
-
 const CustomDot = ({
   cx,
   cy,
@@ -183,7 +175,6 @@ const CustomDot = ({
   onMouseLeave: () => onDotHover(''),
   'data-name': dataName
 }));
-
 const buildRadars = (totalDataset, handleDotHover, handleOnDotClick, activeDot) => _times(index => {
   const datakey = `value${index + 1}`;
   const dataset = `dataset-${index + 1}`;
@@ -193,9 +184,11 @@ const buildRadars = (totalDataset, handleDotHover, handleOnDotClick, activeDot)
     key: dataset,
     name: dataset,
     dataKey: datakey,
-    activeDot: _extends({}, DOT_ACTIVE_PROPS, {
+    activeDot: {
+      ...DOT_ACTIVE_PROPS,
       stroke: `url(#gradient-stroke-${index})`
-    }) // only on mobile
+    }
+    // only on mobile
     // to handle dot style on hover (convert to click)
     // use with the tooltip component
     ,
@@ -209,7 +202,6 @@ const buildRadars = (totalDataset, handleDotHover, handleOnDotClick, activeDot)
     })
   }));
 }, totalDataset);
-
 const CustomLabel = ({
   index,
   x,
@@ -227,26 +219,21 @@ const CustomLabel = ({
 }) => {
   const [hovered, setHovered] = useState(false);
   const isCurrentDotActive = activeDot?.label === label;
-
-  const _CHART_CONFIGS$chartT = CHART_CONFIGS[chartType].ticks[index],
-        {
+  const {
     offset: {
       x: offsetX,
       y: offsetY
     },
-    alignment
-  } = _CHART_CONFIGS$chartT,
-        rest = _objectWithoutPropertiesLoose(_CHART_CONFIGS$chartT, _excluded);
-
+    alignment,
+    ...rest
+  } = CHART_CONFIGS[chartType].ticks[index];
   function onLabelClick(e) {
     e.stopPropagation();
     onClick(label);
   }
-
   function handleExploreClick() {
     onExploreClick(label);
   }
-
   const buttonExploreProps = {
     customStyle: {
       height: '36px',
@@ -279,11 +266,12 @@ const CustomLabel = ({
     "data-name": label,
     onClick: onLabelClick,
     className: classnames(style.tickWrapper, isCurrentDotActive && style.tickWrapperFocus, hoveredDot === label && style.tickWrapperHover),
-    style: _extends({}, rest, {
+    style: {
+      ...rest,
       alignItems: alignment,
       textAlign: alignment,
       opacity: !_isEmpty(activeDot) && !isCurrentDotActive ? 0.3 : 1
-    })
+    }
   }, formatedColors.map(({
     percentage: {
       color,
@@ -312,16 +300,14 @@ const CustomLabel = ({
     "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonExploreProps)) : null)));
 };
-/* UTILS */
-
 
+/* UTILS */
 const CHART_CONFIGS_BY_SIDE_COUNT = _pipe(_keyBy('sideCount'), _mapValues('name'))(CHART_CONFIGS);
-
 const formatValues = _pipe(values_ => _flatten([values_]), values_ => values_.map((val, i) => [`value${i + 1}`, val]), _fromPairs);
-/* this convert incoming component data to rechart data structure */
-
 
-export const formatData = (legend, data_) => _pipe(_toPairs, _map(([ref, values_]) => _extends({}, formatValues(values_), {
+/* this convert incoming component data to rechart data structure */
+export const formatData = (legend, data_) => _pipe(_toPairs, _map(([ref, values_]) => ({
+  ...formatValues(values_),
   subject: legend[ref]
 })))(data_);
 export const LearningProfileRadarChart = ({
@@ -340,15 +326,12 @@ export const LearningProfileRadarChart = ({
   const [hoveredDot, setHoveredDot] = useState('');
   const skin = GetSkinFromContext(legacyContext);
   const translate = GetTranslateFromContext(legacyContext);
-
   const primarySkinColor = _get('common.primary', skin);
-
   const formatedColors = _times(i => {
     if (!colorsProps?.length) return DEFAULT_COLORS;
     const colors = colorsProps[i];
     return colors ? Object.assign({}, DEFAULT_COLORS, colors) : DEFAULT_COLORS;
   })(totalDataset);
-
   const chartType = useMemo(() => _getOr('hexagon', _size(data), CHART_CONFIGS_BY_SIDE_COUNT), [data]);
   const gradients = useMemo(() => formatedColors.map(({
     gradient: {
@@ -375,33 +358,27 @@ export const LearningProfileRadarChart = ({
       setActiveDot(undefined);
       onClick(undefined);
     };
-
     !_isEmpty(activeDot) && window.addEventListener('click', handleClick);
     return () => {
       window.removeEventListener('click', handleClick);
     };
   }, [activeDot, onClick, setActiveDot]);
-
   function handleOnActiveDotClick() {
     setActiveDot(undefined);
     onClick(undefined);
   }
-
   function handleOnDotClick(label) {
     if (!_isEmpty(activeDot) && activeDot?.label === label) {
       handleOnActiveDotClick();
       return;
     }
-
     const payload = formatedData.find(({
       subject
     }) => subject === label);
     if (!payload) return;
     const index = formatedData.indexOf(payload);
     const datakey = `value${index + 1}`;
-
     const skillRef = _findKey(val => val === payload?.subject, legend);
-
     if (skillRef) {
       setActiveDot({
         key: datakey,
@@ -411,20 +388,16 @@ export const LearningProfileRadarChart = ({
       onClick(skillRef);
     }
   }
-
   function handleExploreClick(label) {
     const payload = formatedData.find(({
       subject
     }) => subject === label);
     if (!payload) return;
-
     const skillRef = _findKey(val => val === payload?.subject, legend);
-
     if (skillRef) {
       onExploreClick(skillRef);
     }
   }
-
   function renderCustomLabel(props) {
     const {
       x,
@@ -437,9 +410,7 @@ export const LearningProfileRadarChart = ({
     const currentData = formatedData.find(({
       subject
     }) => subject === label);
-
     const percentagesValues = _pipe(_omit('subject'), _mapValues(value => `${value}%`), _values)(currentData);
-
     return /*#__PURE__*/React.createElement(CustomLabel, {
       index: index,
       x: x,
@@ -456,7 +427,6 @@ export const LearningProfileRadarChart = ({
       onExploreClick: handleExploreClick
     });
   }
-
   const formatedData = useMemo(() => formatData(legend, data), [legend, data]);
   return /*#__PURE__*/React.createElement(RadarChart, {
     width: width,
@@ -486,12 +456,10 @@ export const LearningProfileRadarChart = ({
     content: /*#__PURE__*/React.createElement(CustomTooltip, null)
   }) : null);
 };
-
 const ResponsiveLearningProfileRadarChart = props => /*#__PURE__*/React.createElement(ResponsiveContainer, {
   width: "100%",
   height: "100%"
 }, /*#__PURE__*/React.createElement(LearningProfileRadarChart, props));
-
 LearningProfileRadarChart.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

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

@@ -1,5 +1,6 @@
-import PropTypes from 'prop-types'; // PROPTYPES
+import PropTypes from 'prop-types';
 
+// PROPTYPES
 export const learningProfileRadarChartPropTypes = {
   data: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number])).isRequired,
   totalDataset: PropTypes.number.isRequired,
@@ -51,5 +52,7 @@ export const customTooltipPropTypes = {
 export const gradientPropTypes = {
   type: PropTypes.string,
   colors: PropTypes.arrayOf(PropTypes.string)
-}; // TYPES
+};
+
+// TYPES
 //# sourceMappingURL=types.js.map

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","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"}
+{"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,SAAS,MAAM,YAAY;;AAElC;AACA,OAAO,MAAMC,kCAAkC,GAAG;EAChDC,IAAI,EAAEF,SAAS,CAACG,QAAQ,CACtBH,SAAS,CAACI,SAAS,CAAC,CAACJ,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,MAAM,CAAC,EAAEN,SAAS,CAACM,MAAM,CAAC,CAC7E,CAAC,CAACC,UAAU;EACZC,YAAY,EAAER,SAAS,CAACM,MAAM,CAACC,UAAU;EACzCE,UAAU,EAAET,SAAS,CAACU,IAAI;EAC1BC,MAAM,EAAEX,SAAS,CAACK,OAAO,CACvBL,SAAS,CAACY,KAAK,CAAC;IACdC,QAAQ,EAAEb,SAAS,CAACY,KAAK,CAAC;MACxBE,IAAI,EAAEd,SAAS,CAACK,OAAO,CAACL,SAAS,CAACe,MAAM,CAAC;MACzCC,MAAM,EAAEhB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACe,MAAM;IAC5C,CAAC,CAAC;IACFE,UAAU,EAAEjB,SAAS,CAACY,KAAK,CAAC;MAC1BM,KAAK,EAAElB,SAAS,CAACe,MAAM;MACvBI,UAAU,EAAEnB,SAAS,CAACe;IACxB,CAAC,CAAC;IACFK,KAAK,EAAEpB,SAAS,CAACY,KAAK,CAAC;MACrBM,KAAK,EAAElB,SAAS,CAACe;IACnB,CAAC;EACH,CAAC,CACH,CAAC;EACDM,KAAK,EAAErB,SAAS,CAACM,MAAM;EACvBgB,MAAM,EAAEtB,SAAS,CAACM,MAAM;EACxBiB,cAAc,EAAEvB,SAAS,CAACU;AAC5B,CAAC;AAED,OAAO,MAAMc,kBAAkB,GAAG;EAChCC,EAAE,EAAEzB,SAAS,CAACM,MAAM;EACpBoB,EAAE,EAAE1B,SAAS,CAACM,MAAM;EACpBqB,OAAO,EAAE3B,SAAS,CAACY,KAAK,CAAC;IACvBe,OAAO,EAAE3B,SAAS,CAACY,KAAK,CAAC;MACvBgB,KAAK,EAAE5B,SAAS,CAACM,MAAM;MACvBuB,OAAO,EAAE7B,SAAS,CAACe;IACrB,CAAC,CAAC;IACFe,IAAI,EAAE9B,SAAS,CAACe;EAClB,CAAC,CAAC;EACFN,UAAU,EAAET,SAAS,CAACU,IAAI;EAC1BqB,KAAK,EAAE/B,SAAS,CAACM,MAAM;EACvB0B,SAAS,EAAEhC,SAAS,CAACY,KAAK,CAAC;IACzBQ,KAAK,EAAEpB,SAAS,CAACe,MAAM;IACvBa,KAAK,EAAE5B,SAAS,CAACM,MAAM;IACvB2B,GAAG,EAAEjC,SAAS,CAACe;EACjB,CAAC,CAAC;EACFmB,OAAO,EAAElC,SAAS,CAACe,MAAM;EACzBC,MAAM,EAAEhB,SAAS,CAACe;AACpB,CAAC;AAED,OAAO,MAAMoB,sBAAsB,GAAG;EACpCC,MAAM,EAAEpC,SAAS,CAACqC,IAAI;EACtBV,OAAO,EAAE3B,SAAS,CAACK,OAAO,CACxBL,SAAS,CAACY,KAAK,CAAC;IACdgB,KAAK,EAAE5B,SAAS,CAACM;EACnB,CAAC,CACH,CAAC;EACDc,KAAK,EAAEpB,SAAS,CAACe;AACnB,CAAC;AAED,OAAO,MAAMuB,iBAAiB,GAAG;EAC/BC,IAAI,EAAEvC,SAAS,CAACe,MAAM;EACtBJ,MAAM,EAAEX,SAAS,CAACK,OAAO,CAACL,SAAS,CAACe,MAAM;AAC5C,CAAC;;AAED","ignoreList":[]}

package/es/molecule/list-badges/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import map from 'lodash/fp/map';
 import ContentBadge from '../../atom/content-badge';
 import style from './style.css';
-
 const ListBadges = ({
   items,
   'aria-label': ariaLabel
@@ -29,7 +28,6 @@ const ListBadges = ({
     "data-name": "badges-list"
   }, itemsView);
 };
-
 ListBadges.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes))

package/es/molecule/list-badges/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","map","ContentBadge","style","ListBadges","items","ariaLabel","itemsView","category","label","item","contentBadge","list","propTypes","string","arrayOf","shape"],"sources":["../../../src/molecule/list-badges/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst ListBadges = ({items, 'aria-label': ariaLabel}) => {\n  const itemsView = map(({category, label}) => {\n    return (\n      <li\n        className={style.item}\n        key={`badge-${category}`}\n        data-name={`badge-${category}`}\n        aria-label={label}\n      >\n        <ContentBadge className={style.contentBadge} category={category} label={label} />\n      </li>\n    );\n  }, items);\n\n  return (\n    <ul className={style.list} aria-label={ariaLabel} data-name=\"badges-list\">\n      {itemsView}\n    </ul>\n  );\n};\n\nListBadges.propTypes = {\n  'aria-label': PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes))\n};\n\nexport default ListBadges;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAG,CAAC;EAACC,KAAD;EAAQ,cAAcC;AAAtB,CAAD,KAAsC;EACvD,MAAMC,SAAS,GAAGN,GAAG,CAAC,CAAC;IAACO,QAAD;IAAWC;EAAX,CAAD,KAAuB;IAC3C,oBACE;MACE,SAAS,EAAEN,KAAK,CAACO,IADnB;MAEE,GAAG,EAAG,SAAQF,QAAS,EAFzB;MAGE,aAAY,SAAQA,QAAS,EAH/B;MAIE,cAAYC;IAJd,gBAME,oBAAC,YAAD;MAAc,SAAS,EAAEN,KAAK,CAACQ,YAA/B;MAA6C,QAAQ,EAAEH,QAAvD;MAAiE,KAAK,EAAEC;IAAxE,EANF,CADF;EAUD,CAXoB,EAWlBJ,KAXkB,CAArB;EAaA,oBACE;IAAI,SAAS,EAAEF,KAAK,CAACS,IAArB;IAA2B,cAAYN,SAAvC;IAAkD,aAAU;EAA5D,GACGC,SADH,CADF;AAKD,CAnBD;;AAqBAH,UAAU,CAACS,SAAX,2CAAuB;EACrB,cAAcb,SAAS,CAACc,MADH;EAErBT,KAAK,EAAEL,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgBd,YAAY,CAACW,SAA7B,CAAlB;AAFc,CAAvB;AAKA,eAAeT,UAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","map","ContentBadge","style","ListBadges","items","ariaLabel","itemsView","category","label","createElement","className","item","key","contentBadge","list","propTypes","process","env","NODE_ENV","string","arrayOf","shape"],"sources":["../../../src/molecule/list-badges/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst ListBadges = ({items, 'aria-label': ariaLabel}) => {\n  const itemsView = map(({category, label}) => {\n    return (\n      <li\n        className={style.item}\n        key={`badge-${category}`}\n        data-name={`badge-${category}`}\n        aria-label={label}\n      >\n        <ContentBadge className={style.contentBadge} category={category} label={label} />\n      </li>\n    );\n  }, items);\n\n  return (\n    <ul className={style.list} aria-label={ariaLabel} data-name=\"badges-list\">\n      {itemsView}\n    </ul>\n  );\n};\n\nListBadges.propTypes = {\n  'aria-label': PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes))\n};\n\nexport default ListBadges;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGA,CAAC;EAACC,KAAK;EAAE,YAAY,EAAEC;AAAS,CAAC,KAAK;EACvD,MAAMC,SAAS,GAAGN,GAAG,CAAC,CAAC;IAACO,QAAQ;IAAEC;EAAK,CAAC,KAAK;IAC3C,oBACEV,KAAA,CAAAW,aAAA;MACEC,SAAS,EAAER,KAAK,CAACS,IAAK;MACtBC,GAAG,EAAE,SAASL,QAAQ,EAAG;MACzB,aAAW,SAASA,QAAQ,EAAG;MAC/B,cAAYC;IAAM,gBAElBV,KAAA,CAAAW,aAAA,CAACR,YAAY;MAACS,SAAS,EAAER,KAAK,CAACW,YAAa;MAACN,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAEA;IAAM,CAAE,CAC9E,CAAC;EAET,CAAC,EAAEJ,KAAK,CAAC;EAET,oBACEN,KAAA,CAAAW,aAAA;IAAIC,SAAS,EAAER,KAAK,CAACY,IAAK;IAAC,cAAYT,SAAU;IAAC,aAAU;EAAa,GACtEC,SACC,CAAC;AAET,CAAC;AAEDH,UAAU,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB,YAAY,EAAEnB,SAAS,CAACoB,MAAM;EAC9Bf,KAAK,EAAEL,SAAS,CAACqB,OAAO,CAACrB,SAAS,CAACsB,KAAK,CAACpB,YAAY,CAACc,SAAS,CAAC;AAClE,CAAC;AAED,eAAeZ,UAAU","ignoreList":[]}

package/es/molecule/login-alert/index.js

@@ -2,13 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidInterfaceFeedbackInterfaceAlertTriangle as AlertIcon } from '@coorpacademy/nova-icons';
 import styles from './style.css';
-
 const LoginAlert = ({
   body
 }) => /*#__PURE__*/React.createElement("div", {
   className: styles.container
 }, /*#__PURE__*/React.createElement("div", {
-  className: styles.content // eslint-disable-next-line react/no-danger
+  className: styles.content
+  // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: body
@@ -18,7 +18,6 @@ const LoginAlert = ({
 }, /*#__PURE__*/React.createElement(AlertIcon, {
   className: styles.icon
 })));
-
 LoginAlert.propTypes = process.env.NODE_ENV !== "production" ? {
   body: PropTypes.string.isRequired
 } : {};

package/es/molecule/login-alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertTriangle","AlertIcon","styles","LoginAlert","body","container","content","__html","iconContainer","icon","propTypes","string","isRequired"],"sources":["../../../src/molecule/login-alert/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertTriangle as AlertIcon} from '@coorpacademy/nova-icons';\nimport styles from './style.css';\n\nconst LoginAlert = ({body}) => (\n  <div className={styles.container}>\n    <div\n      className={styles.content}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: body}}\n    />\n    <div className={styles.iconContainer}>\n      <AlertIcon className={styles.icon} />\n    </div>\n  </div>\n);\n\nLoginAlert.propTypes = {\n  body: PropTypes.string.isRequired\n};\n\nexport default LoginAlert;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gDAAgD,IAAIC,SAA5D,QAA4E,0BAA5E;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,UAAU,GAAG,CAAC;EAACC;AAAD,CAAD,kBACjB;EAAK,SAAS,EAAEF,MAAM,CAACG;AAAvB,gBACE;EACE,SAAS,EAAEH,MAAM,CAACI,OADpB,CAEE;EAFF;EAGE,uBAAuB,EAAE;IAACC,MAAM,EAAEH;EAAT;AAH3B,EADF,eAME;EAAK,SAAS,EAAEF,MAAM,CAACM;AAAvB,gBACE,oBAAC,SAAD;EAAW,SAAS,EAAEN,MAAM,CAACO;AAA7B,EADF,CANF,CADF;;AAaAN,UAAU,CAACO,SAAX,2CAAuB;EACrBN,IAAI,EAAEL,SAAS,CAACY,MAAV,CAAiBC;AADF,CAAvB;AAIA,eAAeT,UAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertTriangle","AlertIcon","styles","LoginAlert","body","createElement","className","container","content","dangerouslySetInnerHTML","__html","iconContainer","icon","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/login-alert/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertTriangle as AlertIcon} from '@coorpacademy/nova-icons';\nimport styles from './style.css';\n\nconst LoginAlert = ({body}) => (\n  <div className={styles.container}>\n    <div\n      className={styles.content}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: body}}\n    />\n    <div className={styles.iconContainer}>\n      <AlertIcon className={styles.icon} />\n    </div>\n  </div>\n);\n\nLoginAlert.propTypes = {\n  body: PropTypes.string.isRequired\n};\n\nexport default LoginAlert;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,gDAAgD,IAAIC,SAAS,QAAO,0BAA0B;AACtG,OAAOC,MAAM,MAAM,aAAa;AAEhC,MAAMC,UAAU,GAAGA,CAAC;EAACC;AAAI,CAAC,kBACxBN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAEJ,MAAM,CAACK;AAAU,gBAC/BT,KAAA,CAAAO,aAAA;EACEC,SAAS,EAAEJ,MAAM,CAACM;EAClB;EAAA;EACAC,uBAAuB,EAAE;IAACC,MAAM,EAAEN;EAAI;AAAE,CACzC,CAAC,eACFN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAEJ,MAAM,CAACS;AAAc,gBACnCb,KAAA,CAAAO,aAAA,CAACJ,SAAS;EAACK,SAAS,EAAEJ,MAAM,CAACU;AAAK,CAAE,CACjC,CACF,CACN;AAEDT,UAAU,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBZ,IAAI,EAAEL,SAAS,CAACkB,MAAM,CAACC;AACzB,CAAC;AAED,eAAef,UAAU","ignoreList":[]}

package/es/molecule/menu-links/index.js

@@ -11,7 +11,6 @@ const ICONS = {
   binoculaire: Binoculaire,
   contentBook: ContentBook
 };
-
 const MenuLinks = ({
   items,
   title,
@@ -22,9 +21,7 @@ const MenuLinks = ({
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const itemsToDisplay = isDesktopMode || isOpen ? items : _slice(0, numberOfDisplayedItems, items);
-
   const handleOnclickShowMore = () => setIsOpen(!isOpen);
-
   return /*#__PURE__*/React.createElement("nav", {
     className: styles.container
   }, /*#__PURE__*/React.createElement("h2", {
@@ -70,7 +67,6 @@ const MenuLinks = ({
     className: isOpen ? styles.showLessIcon : styles.showMoreIcon
   }))) : null));
 };
-
 MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default MenuLinks;
 //# sourceMappingURL=index.js.map

package/es/molecule/menu-links/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","propTypes","styles","ICONS","mobilePhone","chatBubbleCircleQuestionMark","networkAlert","binoculaire","contentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","withScroll","isOpen","setIsOpen","itemsToDisplay","handleOnclickShowMore","container","list","map","item","index","handleOnclick","Icon","icon","Item","flexContainer","isSelected","selectedItem","undefined","text","arrowIcon","selectedIcon","border","selectedBorder","link","ariaLabel","showLessText","showMoreText","showLessIcon","showMoreIcon"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport {slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ICONS = {\n  mobilePhone: MobilePhone,\n  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,\n  networkAlert: NetworkAlert,\n  binoculaire: Binoculaire,\n  contentBook: ContentBook\n};\n\nconst MenuLinks = ({\n  items,\n  title,\n  showMoreItem,\n  numberOfDisplayedItems,\n  isDesktopMode,\n  withScroll = false\n}: Props) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const itemsToDisplay = isDesktopMode || isOpen ? items : slice(0, numberOfDisplayedItems, items);\n  const handleOnclickShowMore = () => setIsOpen(!isOpen);\n\n  return (\n    <nav className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {itemsToDisplay.map((item, index) => {\n          const {handleOnclick} = item;\n          const Icon = item.icon ? ICONS[item.icon] : null;\n          const Item = (\n            <div className={styles.flexContainer}>\n              <span className={item.isSelected ? styles.selectedItem : undefined}>{item.text}</span>\n              {Icon ? (\n                <ArrowIcon\n                  className={classnames(\n                    styles.arrowIcon,\n                    item.isSelected ? styles.selectedIcon : null\n                  )}\n                />\n              ) : null}\n            </div>\n          );\n          return (\n            <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n              <div\n                className={classnames(\n                  styles.border,\n                  item.isSelected ? styles.selectedBorder : null\n                )}\n              />\n              <div className={styles.flexContainer}>\n                {Icon ? (\n                  <Icon\n                    className={classnames(\n                      styles.icon,\n                      item.isSelected ? styles.selectedIcon : null\n                    )}\n                  />\n                ) : null}\n                <a\n                  className={styles.link}\n                  href={withScroll ? `#menu-link-item-${index}` : undefined}\n                  aria-label={item.ariaLabel}\n                >\n                  {Item}\n                </a>\n              </div>\n            </li>\n          );\n        })}\n        {!isDesktopMode ? (\n          <li\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={handleOnclickShowMore}\n            key={`menu-link-item-show-more`}\n            className={classnames(styles.showMoreItem, styles.item)}\n          >\n            <div className={styles.border} />\n            <span>\n              {isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText}\n              <ArrowIcon className={isOpen ? styles.showLessIcon : styles.showMoreIcon} />\n            </span>\n          </li>\n        ) : null}\n      </ul>\n    </nav>\n  );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","propTypes","styles","ICONS","mobilePhone","chatBubbleCircleQuestionMark","networkAlert","binoculaire","contentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","withScroll","isOpen","setIsOpen","itemsToDisplay","_slice","handleOnclickShowMore","createElement","className","container","list","map","item","index","handleOnclick","Icon","icon","Item","flexContainer","isSelected","selectedItem","undefined","text","arrowIcon","selectedIcon","onClick","key","border","selectedBorder","link","href","ariaLabel","showLessText","showMoreText","showLessIcon","showMoreIcon","process","env","NODE_ENV"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport {slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ICONS = {\n  mobilePhone: MobilePhone,\n  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,\n  networkAlert: NetworkAlert,\n  binoculaire: Binoculaire,\n  contentBook: ContentBook\n};\n\nconst MenuLinks = ({\n  items,\n  title,\n  showMoreItem,\n  numberOfDisplayedItems,\n  isDesktopMode,\n  withScroll = false\n}: Props) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const itemsToDisplay = isDesktopMode || isOpen ? items : slice(0, numberOfDisplayedItems, items);\n  const handleOnclickShowMore = () => setIsOpen(!isOpen);\n\n  return (\n    <nav className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {itemsToDisplay.map((item, index) => {\n          const {handleOnclick} = item;\n          const Icon = item.icon ? ICONS[item.icon] : null;\n          const Item = (\n            <div className={styles.flexContainer}>\n              <span className={item.isSelected ? styles.selectedItem : undefined}>{item.text}</span>\n              {Icon ? (\n                <ArrowIcon\n                  className={classnames(\n                    styles.arrowIcon,\n                    item.isSelected ? styles.selectedIcon : null\n                  )}\n                />\n              ) : null}\n            </div>\n          );\n          return (\n            <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n              <div\n                className={classnames(\n                  styles.border,\n                  item.isSelected ? styles.selectedBorder : null\n                )}\n              />\n              <div className={styles.flexContainer}>\n                {Icon ? (\n                  <Icon\n                    className={classnames(\n                      styles.icon,\n                      item.isSelected ? styles.selectedIcon : null\n                    )}\n                  />\n                ) : null}\n                <a\n                  className={styles.link}\n                  href={withScroll ? `#menu-link-item-${index}` : undefined}\n                  aria-label={item.ariaLabel}\n                >\n                  {Item}\n                </a>\n              </div>\n            </li>\n          );\n        })}\n        {!isDesktopMode ? (\n          <li\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={handleOnclickShowMore}\n            key={`menu-link-item-show-more`}\n            className={classnames(styles.showMoreItem, styles.item)}\n          >\n            <div className={styles.border} />\n            <span>\n              {isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText}\n              <ArrowIcon className={isOpen ? styles.showLessIcon : styles.showMoreIcon} />\n            </span>\n          </li>\n        ) : null}\n      </ul>\n    </nav>\n  );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":"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","ignoreList":[]}