@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/es/atom/range/index.js

@@ -1,11 +1,14 @@
 import _clamp from "lodash/fp/clamp";
 import _set from "lodash/fp/set";
 import _noop from "lodash/fp/noop";
+
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Handle from './handle';
 import style from './style.css';
+
 const valueOnTrack = (track, x) => {
   const {
     left,
@@ -13,6 +16,7 @@ const valueOnTrack = (track, x) => {
   } = track.getBoundingClientRect();
   return _clamp(0, 1, (x - left) / (right - left));
 };
+
 const extractStateFromProps = props => {
   const {
     multi = false,
@@ -23,6 +27,7 @@ const extractStateFromProps = props => {
     value: multi ? value : [0, value]
   };
 };
+
 const RenderHandles = props => {
   const {
     left,
@@ -54,6 +59,7 @@ const RenderHandles = props => {
     onPanEnd: onHandleMaxChangeEnd
   })));
 };
+
 RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   left: PropTypes.number,
   right: PropTypes.number,
@@ -64,6 +70,7 @@ RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   onHandleMaxChange: PropTypes.func,
   onHandleMaxChangeEnd: PropTypes.func
 } : {};
+
 class Range extends React.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -72,6 +79,7 @@ class Range extends React.Component {
     if (pending) return null;
     return extractStateFromProps(props);
   }
+
   constructor(props, context) {
     super(props, context);
     this.state = _extends({}, extractStateFromProps(props), {
@@ -84,38 +92,46 @@ class Range extends React.Component {
     this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);
     this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);
   }
+
   setRefTrack(track) {
     this.track = track;
   }
+
   handleMinChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 0, true);
   }
+
   handleMaxChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 1, true);
   }
+
   handleMinChangeEnd(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 0, false);
   }
+
   handleMaxChangeEnd(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 1, false);
   }
+
   handleChange(value, valueIndex, pending) {
     const {
       value: prevValue
     } = this.state;
+
     const newValue = _set(valueIndex, value, prevValue);
+
     const [minValue, maxValue] = newValue;
     const nextValue = minValue > maxValue ? prevValue : newValue;
     this.triggerChange(nextValue, pending);
@@ -124,6 +140,7 @@ class Range extends React.Component {
       value: pending ? nextValue : extractStateFromProps(this.props).value
     });
   }
+
   triggerChange(newValues, pending) {
     const {
       onChange = _noop,
@@ -133,6 +150,7 @@ class Range extends React.Component {
     const handle = pending ? onChange : onChangeEnd;
     return handle(multi ? newValues : newValues[1]);
   }
+
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -143,13 +161,16 @@ class Range extends React.Component {
     const x = e.clientX;
     const newValue = valueOnTrack(this.track, x);
     if (!multi) return this.handleChange(newValue, 1, false);
+
     if (left === right) {
       const isClickToTheLeft = left - newValue > 0;
       return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);
     }
+
     const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;
     return this.handleChange(newValue, closestHandle, false);
   }
+
   render() {
     const {
       multi = false,
@@ -186,7 +207,9 @@ class Range extends React.Component {
       onHandleMaxChangeEnd: this.handleMaxChangeEnd
     })));
   }
+
 }
+
 Range.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: PropTypes.func,
   onChangeEnd: PropTypes.func,

package/es/atom/range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Handle","style","valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","handle","animatedHandle","propTypes","number","bool","func","Range","Component","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","e","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","onChangeEnd","clientX","isClickToTheLeft","closestHandle","Math","abs","render","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","container","rail","animatedRail","oneOfType","arrayOf"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp} from 'lodash/fp';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0} = props;\n  return {\n    multi,\n    value: multi ? value : [0, value]\n  };\n};\n\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd\n  } = props;\n\n  return (\n    <div>\n      {multi ? (\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${left * 100}%`}}\n        >\n          <Handle axis=\"x\" onPan={onHandleMinChange} onPanEnd={onHandleMinChangeEnd} />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle axis=\"x\" onPan={onHandleMaxChange} onPanEnd={onHandleMaxChangeEnd} />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    // eslint-disable-next-line react/no-unused-prop-types\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n\n    if (pending) return null;\n\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n\n    const newValue = set(valueIndex, value, prevValue);\n\n    const [minValue, maxValue] = newValue;\n\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n\n    const handle = pending ? onChange : onChangeEnd;\n\n    return handle(multi ? newValues : newValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const x = e.clientX;\n    const newValue = valueOnTrack(this.track, x);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: '#9999A8',\n      width: `${railWidth * 100}%`,\n      left: `${railLeft * 100}%`\n    };\n\n    return (\n      <div className={style.containerWrapper} onClick={this.handleClick}>\n        <div className={style.container}>\n          <div className={style.track} data-name=\"sliderTrack\" ref={this.setRefTrack} />\n          <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n          <RenderHandles\n            left={left}\n            right={right}\n            pending={pending}\n            multi={multi}\n            onHandleMinChange={this.handleMinChange}\n            onHandleMinChangeEnd={this.handleMinChangeEnd}\n            onHandleMaxChange={this.handleMaxChange}\n            onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Handle","style","valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","handle","animatedHandle","propTypes","number","bool","func","Range","Component","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","e","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","onChangeEnd","clientX","isClickToTheLeft","closestHandle","Math","abs","render","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","container","rail","animatedRail","oneOfType","arrayOf"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp} from 'lodash/fp';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0} = props;\n  return {\n    multi,\n    value: multi ? value : [0, value]\n  };\n};\n\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd\n  } = props;\n\n  return (\n    <div>\n      {multi ? (\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${left * 100}%`}}\n        >\n          <Handle axis=\"x\" onPan={onHandleMinChange} onPanEnd={onHandleMinChangeEnd} />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle axis=\"x\" onPan={onHandleMaxChange} onPanEnd={onHandleMaxChangeEnd} />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    // eslint-disable-next-line react/no-unused-prop-types\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n\n    if (pending) return null;\n\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n\n    const newValue = set(valueIndex, value, prevValue);\n\n    const [minValue, maxValue] = newValue;\n\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n\n    const handle = pending ? onChange : onChangeEnd;\n\n    return handle(multi ? newValues : newValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const x = e.clientX;\n    const newValue = valueOnTrack(this.track, x);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: '#9999A8',\n      width: `${railWidth * 100}%`,\n      left: `${railLeft * 100}%`\n    };\n\n    return (\n      <div className={style.containerWrapper} onClick={this.handleClick}>\n        <div className={style.container}>\n          <div className={style.track} data-name=\"sliderTrack\" ref={this.setRefTrack} />\n          <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n          <RenderHandles\n            left={left}\n            right={right}\n            pending={pending}\n            multi={multi}\n            onHandleMinChange={this.handleMinChange}\n            onHandleMinChangeEnd={this.handleMinChangeEnd}\n            onHandleMaxChange={this.handleMaxChange}\n            onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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"}

package/es/atom/resource-miniature/index.js

@@ -20,6 +20,7 @@ const TYPES = {
     icon: PlayIcon
   }
 };
+
 const ResourceMiniature = (props, context) => {
   const {
     skin
@@ -32,8 +33,11 @@ const ResourceMiniature = (props, context) => {
     selected = false
   } = props;
   const descriptionClassName = selected ? style.selectedDescription : style.description;
+
   const white = _get('common.white', skin);
+
   const primary = _get('common.primary', skin);
+
   const posterOutlineColor = selected ? primary : white;
   const Icon = TYPES[type].icon;
   return /*#__PURE__*/React.createElement("div", {
@@ -54,14 +58,14 @@ const ResourceMiniature = (props, context) => {
     color: white,
     className: style.icon
   }) : null), /*#__PURE__*/React.createElement("div", {
-    className: classnames(descriptionClassName, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(descriptionClassName, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
     }
   }));
 };
+
 ResourceMiniature.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(_keys(TYPES)),
   selected: PropTypes.bool,

package/es/atom/resource-miniature/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","innerHTML","__html","propTypes","oneOf","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SACEC,8BAA8B,IAAIC,QAAQ,EAC1CC,gCAAgC,IAAIC,OAAO,EAC3CC,qCAAqC,IAAIC,WAAW,QAC/C,0BAA0B;AACjC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZC,GAAG,EAAE;IAACF,KAAK,EAAEA,KAAK,CAACE,GAAG;IAAEC,IAAI,EAAER;EAAO,CAAC;EACtCS,KAAK,EAAE;IAACJ,KAAK,EAAEA,KAAK,CAACI,KAAK;IAAED,IAAI,EAAEN;EAAW,CAAC;EAC9CQ,KAAK,EAAE;IAACL,KAAK,EAAEA,KAAK,CAACK,KAAK;IAAEF,IAAI,EAAEV;EAAQ;AAC5C,CAAC;AAED,MAAMa,iBAAiB,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC5C,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,IAAI;IAAEC,WAAW;IAAEC,MAAM;IAAEC,OAAO,EAAEC,aAAa;IAAEC,QAAQ,GAAG;EAAK,CAAC,GAAGR,KAAK;EACnF,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGf,KAAK,CAACiB,mBAAmB,GAAGjB,KAAK,CAACW,WAAW;EACrF,MAAMO,KAAK,GAAG,KAAI,cAAc,EAAET,IAAI,CAAC;EACvC,MAAMU,OAAO,GAAG,KAAI,gBAAgB,EAAEV,IAAI,CAAC;EAC3C,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAO,GAAGD,KAAK;EACrD,MAAMG,IAAI,GAAGpB,KAAK,CAACS,IAAI,CAAC,CAACP,IAAI;EAC7B,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACS,IAAI,CAAC,CAACV,KAAM;IAAC,OAAO,EAAEc,aAAc;IAAC,aAAWJ;EAAK,gBACzE;IAAK,SAAS,EAAEV,KAAK,CAACsB,aAAc;IAAC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAkB;EAAE,gBAC5E;IAAK,SAAS,EAAEpB,KAAK,CAACY,MAAO;IAAC,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAE;EAAE,EAAG,EAC3E,CAACG,QAAQ,gBAAG,oBAAC,IAAI;IAAC,KAAK,EAAEG,KAAM;IAAC,SAAS,EAAElB,KAAK,CAACG;EAAK,EAAG,GAAG,IAAI,CAC7D,eACN;IACE,SAAS,EAAEL,UAAU,CAACkB,oBAAoB,EAAEhB,KAAK,CAACyB,SAAS;IAC3D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAW;EAAE,EAC/C,CACE;AAEV,CAAC;AAEDL,iBAAiB,CAACqB,SAAS,2CAAG;EAC5BjB,IAAI,EAAEnB,SAAS,CAACqC,KAAK,CAAC,MAAK3B,KAAK,CAAC,CAAC;EAClCc,QAAQ,EAAExB,SAAS,CAACsC,IAAI;EACxBlB,WAAW,EAAEpB,SAAS,CAACuC,MAAM;EAC7BlB,MAAM,EAAErB,SAAS,CAACuC,MAAM;EACxBjB,OAAO,EAAEtB,SAAS,CAACwC;AACrB,CAAC;AAEDzB,iBAAiB,CAAC0B,YAAY,GAAG;EAC/BvB,IAAI,EAAEV,QAAQ,CAACkC,iBAAiB,CAACxB;AACnC,CAAC;AAED,eAAeH,iBAAiB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","innerHTML","__html","propTypes","oneOf","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,8BAA8B,IAAIC,QADpC,EAEEC,gCAAgC,IAAIC,OAFtC,EAGEC,qCAAqC,IAAIC,WAH3C,QAIO,0BAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,GAAG,EAAE;IAACF,KAAK,EAAEA,KAAK,CAACE,GAAd;IAAmBC,IAAI,EAAER;EAAzB,CADO;EAEZS,KAAK,EAAE;IAACJ,KAAK,EAAEA,KAAK,CAACI,KAAd;IAAqBD,IAAI,EAAEN;EAA3B,CAFK;EAGZQ,KAAK,EAAE;IAACL,KAAK,EAAEA,KAAK,CAACK,KAAd;IAAqBF,IAAI,EAAEV;EAA3B;AAHK,CAAd;;AAMA,MAAMa,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGf,KAAK,CAACiB,mBAAT,GAA+BjB,KAAK,CAACW,WAA1E;;EACA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBT,IAApB,CAAd;;EACA,MAAMU,OAAO,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGpB,KAAK,CAACS,IAAD,CAAL,CAAYP,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACS,IAAD,CAAL,CAAYV,KAA5B;IAAmC,OAAO,EAAEc,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACsB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACY,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,oBAAC,IAAD;IAAM,KAAK,EAAEG,KAAb;IAAoB,SAAS,EAAElB,KAAK,CAACG;EAArC,EAAZ,GAA4D,IAF/D,CADF,eAKE;IACE,SAAS,EAAEL,UAAU,CAACkB,oBAAD,EAAuBhB,KAAK,CAACyB,SAA7B,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACqB,SAAlB,2CAA8B;EAC5BjB,IAAI,EAAEnB,SAAS,CAACqC,KAAV,CAAgB,MAAK3B,KAAL,CAAhB,CADsB;EAE5Bc,QAAQ,EAAExB,SAAS,CAACsC,IAFQ;EAG5BlB,WAAW,EAAEpB,SAAS,CAACuC,MAHK;EAI5BlB,MAAM,EAAErB,SAAS,CAACuC,MAJU;EAK5BjB,OAAO,EAAEtB,SAAS,CAACwC;AALS,CAA9B;AAQAzB,iBAAiB,CAAC0B,YAAlB,GAAiC;EAC/BvB,IAAI,EAAEV,QAAQ,CAACkC,iBAAT,CAA2BxB;AADF,CAAjC;AAIA,eAAeH,iBAAf"}

package/es/atom/review-header-step-item/index.js

@@ -4,6 +4,7 @@ import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as
 import { GetTranslateFromContext } from '../provider';
 import style from './style.css';
 import propTypes from './types';
+
 const Content = props => {
   const {
     icon,
@@ -13,6 +14,7 @@ const Content = props => {
   const translate = GetTranslateFromContext();
   let child;
   let ariaDescription;
+
   switch (icon) {
     case 'no-answer':
       child = value;
@@ -22,6 +24,7 @@ const Content = props => {
         headerStepValue: value
       });
       break;
+
     case 'right':
       child = /*#__PURE__*/React.createElement(RightIcon, {
         className: classnames(style.rightIcon, current && style.currentRightIcon)
@@ -30,6 +33,7 @@ const Content = props => {
         headerStepValue: value
       });
       break;
+
     case 'wrong':
       child = /*#__PURE__*/React.createElement(WrongIcon, {
         className: classnames(style.wrongIcon, current && style.currentWrongIcon)
@@ -38,9 +42,11 @@ const Content = props => {
         headerStepValue: value
       });
       break;
+
     default:
       return null;
   }
+
   return /*#__PURE__*/React.createElement("span", {
     className: style.value,
     "aria-label": translate('review_header_step_item.aria_label', {
@@ -49,6 +55,7 @@ const Content = props => {
     "aria-describedby": ariaDescription
   }, child);
 };
+
 const ReviewHeaderStepItem = props => {
   const {
     icon,
@@ -59,6 +66,7 @@ const ReviewHeaderStepItem = props => {
     "data-name": "header-step-item"
   }, /*#__PURE__*/React.createElement(Content, props));
 };
+
 ReviewHeaderStepItem.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewHeaderStepItem;
 //# sourceMappingURL=index.js.map

package/es/atom/review-header-step-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","GetTranslateFromContext","style","propTypes","Content","props","icon","current","value","translate","child","ariaDescription","headerStepValue","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong"],"sources":["../../../src/atom/review-header-step-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {GetTranslateFromContext} from '../provider';\nimport style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = (props: HeaderStepItemProps) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext();\n  let child;\n  let ariaDescription;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      ariaDescription = current\n        ? translate('review_header_step_item.current_question', {\n            headerStepValue: value\n          })\n        : translate('review_header_step_item.not_answered_question', {\n            headerStepValue: value\n          });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.correct_question', {\n        headerStepValue: value\n      });\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.incorrect_question', {\n        headerStepValue: value\n      });\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      className={style.value}\n      aria-label={translate('review_header_step_item.aria_label', {\n        headerStepValue: value\n      })}\n      aria-describedby={ariaDescription}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst ReviewHeaderStepItem = (props: HeaderStepItemProps) => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nReviewHeaderStepItem.propTypes = propTypes;\n\nexport default ReviewHeaderStepItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,uBAAuB,QAAO,aAAa;AACnD,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAA6B,SAAS;AAEtD,MAAMC,OAAO,GAAIC,KAA0B,IAAK;EAC9C,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACpC,MAAMI,SAAS,GAAGR,uBAAuB,EAAE;EAC3C,IAAIS,KAAK;EACT,IAAIC,eAAe;EACnB,QAAQL,IAAI;IACV,KAAK,WAAW;MACdI,KAAK,GAAGF,KAAK;MACbG,eAAe,GAAGJ,OAAO,GACrBE,SAAS,CAAC,0CAA0C,EAAE;QACpDG,eAAe,EAAEJ;MACnB,CAAC,CAAC,GACFC,SAAS,CAAC,+CAA+C,EAAE;QACzDG,eAAe,EAAEJ;MACnB,CAAC,CAAC;MACN;IAEF,KAAK,OAAO;MACVE,KAAK,gBACH,oBAAC,SAAS;QAAC,SAAS,EAAEd,UAAU,CAACM,KAAK,CAACW,SAAS,EAAEN,OAAO,IAAIL,KAAK,CAACY,gBAAgB;MAAE,EACtF;MACDH,eAAe,GAAGF,SAAS,CAAC,0CAA0C,EAAE;QACtEG,eAAe,EAAEJ;MACnB,CAAC,CAAC;MACF;IAEF,KAAK,OAAO;MACVE,KAAK,gBACH,oBAAC,SAAS;QAAC,SAAS,EAAEd,UAAU,CAACM,KAAK,CAACa,SAAS,EAAER,OAAO,IAAIL,KAAK,CAACc,gBAAgB;MAAE,EACtF;MACDL,eAAe,GAAGF,SAAS,CAAC,4CAA4C,EAAE;QACxEG,eAAe,EAAEJ;MACnB,CAAC,CAAC;MACF;IAEF;MACE,OAAO,IAAI;EAAC;EAGhB,oBACE;IACE,SAAS,EAAEN,KAAK,CAACM,KAAM;IACvB,cAAYC,SAAS,CAAC,oCAAoC,EAAE;MAC1DG,eAAe,EAAEJ;IACnB,CAAC,CAAE;IACH,oBAAkBG;EAAgB,GAEjCD,KAAK,CACD;AAEX,CAAC;AAED,MAAMO,oBAAoB,GAAIZ,KAA0B,IAAK;EAC3D,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAC7B,oBACE;IACE,SAAS,EAAET,UAAU,CACnBM,KAAK,CAACgB,OAAO,EACbZ,IAAI,KAAK,OAAO,IAAIJ,KAAK,CAACiB,KAAK,EAC/Bb,IAAI,KAAK,OAAO,IAAIJ,KAAK,CAACkB,KAAK,EAC/Bb,OAAO,IAAIL,KAAK,CAACK,OAAO,CACxB;IACF,aAAU;EAAkB,gBAE5B,oBAAC,OAAO,EAAKF,KAAK,CAAI,CAClB;AAEV,CAAC;AAEDY,oBAAoB,CAACd,SAAS,2CAAGA,SAAS;AAE1C,eAAec,oBAAoB"}
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","GetTranslateFromContext","style","propTypes","Content","props","icon","current","value","translate","child","ariaDescription","headerStepValue","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong"],"sources":["../../../src/atom/review-header-step-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {GetTranslateFromContext} from '../provider';\nimport style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = (props: HeaderStepItemProps) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext();\n  let child;\n  let ariaDescription;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      ariaDescription = current\n        ? translate('review_header_step_item.current_question', {\n            headerStepValue: value\n          })\n        : translate('review_header_step_item.not_answered_question', {\n            headerStepValue: value\n          });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.correct_question', {\n        headerStepValue: value\n      });\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.incorrect_question', {\n        headerStepValue: value\n      });\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      className={style.value}\n      aria-label={translate('review_header_step_item.aria_label', {\n        headerStepValue: value\n      })}\n      aria-describedby={ariaDescription}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst ReviewHeaderStepItem = (props: HeaderStepItemProps) => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nReviewHeaderStepItem.propTypes = propTypes;\n\nexport default ReviewHeaderStepItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,SAAQC,uBAAR,QAAsC,aAAtC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAA6C,SAA7C;;AAEA,MAAMC,OAAO,GAAIC,KAAD,IAAgC;EAC9C,MAAM;IAACC,IAAD;IAAOC,OAAP;IAAgBC;EAAhB,IAAyBH,KAA/B;EACA,MAAMI,SAAS,GAAGR,uBAAuB,EAAzC;EACA,IAAIS,KAAJ;EACA,IAAIC,eAAJ;;EACA,QAAQL,IAAR;IACE,KAAK,WAAL;MACEI,KAAK,GAAGF,KAAR;MACAG,eAAe,GAAGJ,OAAO,GACrBE,SAAS,CAAC,0CAAD,EAA6C;QACpDG,eAAe,EAAEJ;MADmC,CAA7C,CADY,GAIrBC,SAAS,CAAC,+CAAD,EAAkD;QACzDG,eAAe,EAAEJ;MADwC,CAAlD,CAJb;MAOA;;IAEF,KAAK,OAAL;MACEE,KAAK,gBACH,oBAAC,SAAD;QAAW,SAAS,EAAEd,UAAU,CAACM,KAAK,CAACW,SAAP,EAAkBN,OAAO,IAAIL,KAAK,CAACY,gBAAnC;MAAhC,EADF;MAGAH,eAAe,GAAGF,SAAS,CAAC,0CAAD,EAA6C;QACtEG,eAAe,EAAEJ;MADqD,CAA7C,CAA3B;MAGA;;IAEF,KAAK,OAAL;MACEE,KAAK,gBACH,oBAAC,SAAD;QAAW,SAAS,EAAEd,UAAU,CAACM,KAAK,CAACa,SAAP,EAAkBR,OAAO,IAAIL,KAAK,CAACc,gBAAnC;MAAhC,EADF;MAGAL,eAAe,GAAGF,SAAS,CAAC,4CAAD,EAA+C;QACxEG,eAAe,EAAEJ;MADuD,CAA/C,CAA3B;MAGA;;IAEF;MACE,OAAO,IAAP;EA/BJ;;EAkCA,oBACE;IACE,SAAS,EAAEN,KAAK,CAACM,KADnB;IAEE,cAAYC,SAAS,CAAC,oCAAD,EAAuC;MAC1DG,eAAe,EAAEJ;IADyC,CAAvC,CAFvB;IAKE,oBAAkBG;EALpB,GAOGD,KAPH,CADF;AAWD,CAlDD;;AAoDA,MAAMO,oBAAoB,GAAIZ,KAAD,IAAgC;EAC3D,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EACA,oBACE;IACE,SAAS,EAAET,UAAU,CACnBM,KAAK,CAACgB,OADa,EAEnBZ,IAAI,KAAK,OAAT,IAAoBJ,KAAK,CAACiB,KAFP,EAGnBb,IAAI,KAAK,OAAT,IAAoBJ,KAAK,CAACkB,KAHP,EAInBb,OAAO,IAAIL,KAAK,CAACK,OAJE,CADvB;IAOE,aAAU;EAPZ,gBASE,oBAAC,OAAD,EAAaF,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAY,oBAAoB,CAACd,SAArB,2CAAiCA,SAAjC;AAEA,eAAec,oBAAf"}

package/es/atom/review-header-step-item/index.native.js

@@ -2,19 +2,24 @@ import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
 import { COLORS } from '../../variables/colors';
+
 const createStyle = (current, icon) => {
   let backgroundColor;
+
   switch (icon) {
     case 'right':
       backgroundColor = COLORS.positive;
       break;
+
     case 'wrong':
       backgroundColor = COLORS.negative;
       break;
+
     case 'no-answer':
     default:
       backgroundColor = COLORS.gray;
   }
+
   return StyleSheet.create({
     step: {
       width: current ? 40 : 32,
@@ -36,6 +41,7 @@ const createStyle = (current, icon) => {
     }
   });
 };
+
 const Step = ({
   value,
   icon,
@@ -44,12 +50,16 @@ const Step = ({
   const [style, setStyle] = useState(null);
   useEffect(() => {
     const _style = createStyle(current, icon);
+
     setStyle(_style);
   }, [current, icon]);
+
   if (!style) {
     return null;
   }
+
   let child;
+
   switch (icon) {
     case 'right':
       child = /*#__PURE__*/React.createElement(RightIcon, {
@@ -57,21 +67,25 @@ const Step = ({
         color: "#fff"
       });
       break;
+
     case 'wrong':
       child = /*#__PURE__*/React.createElement(WrongIcon, {
         style: style.icon,
         color: "#fff"
       });
       break;
+
     case 'no-answer':
     default:
       child = /*#__PURE__*/React.createElement(Text, {
         style: style.stepText
       }, value);
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: style.step
   }, child);
 };
+
 export default Step;
 //# sourceMappingURL=index.native.js.map

package/es/atom/review-header-step-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","current","icon","backgroundColor","positive","negative","gray","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child"],"sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {HeaderStepItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (current: boolean, icon: HeaderStepItemProps['icon']): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: HeaderStepItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(current, icon);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,UAAU,EAAEC,IAAI,EAAaC,IAAI,QAAkB,cAAc;AACzE,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,MAAM,QAAO,wBAAwB;AAS7C,MAAMC,WAAW,GAAG,CAACC,OAAgB,EAAEC,IAAiC,KAAqB;EAC3F,IAAIC,eAAe;EAEnB,QAAQD,IAAI;IACV,KAAK,OAAO;MACVC,eAAe,GAAGJ,MAAM,CAACK,QAAQ;MACjC;IACF,KAAK,OAAO;MACVD,eAAe,GAAGJ,MAAM,CAACM,QAAQ;MACjC;IACF,KAAK,WAAW;IAChB;MACEF,eAAe,GAAGJ,MAAM,CAACO,IAAI;EAAC;EAGlC,OAAOd,UAAU,CAACe,MAAM,CAAC;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAER,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBS,MAAM,EAAET,OAAO,GAAG,EAAE,GAAG,EAAE;MACzBU,OAAO,EAAEV,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1BW,gBAAgB,EAAE,CAAC;MACnBT,eAAe;MACfU,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAEjB,OAAO,GAAG,EAAE,GAAG;IAC3B,CAAC;IACDC,IAAI,EAAE;MACJO,KAAK,EAAER,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBS,MAAM,EAAET,OAAO,GAAG,EAAE,GAAG;IACzB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMkB,IAAI,GAAG,CAAC;EAACC,KAAK;EAAElB,IAAI;EAAED;AAA4B,CAAC,KAAK;EAC5D,MAAM,CAACoB,KAAK,EAAEC,QAAQ,CAAC,GAAG/B,QAAQ,CAAwB,IAAI,CAAC;EAE/DD,SAAS,CAAC,MAAM;IACd,MAAMiC,MAAM,GAAGvB,WAAW,CAACC,OAAO,EAAEC,IAAI,CAAC;IACzCoB,QAAQ,CAACC,MAAM,CAAC;EAClB,CAAC,EAAE,CAACtB,OAAO,EAAEC,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACmB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIG,KAAK;EAET,QAAQtB,IAAI;IACV,KAAK,OAAO;MACVsB,KAAK,gBAAG,oBAAC,SAAS;QAAC,KAAK,EAAEH,KAAK,CAACnB,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;MACrD;IACF,KAAK,OAAO;MACVsB,KAAK,gBAAG,oBAAC,SAAS;QAAC,KAAK,EAAEH,KAAK,CAACnB,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;MACrD;IACF,KAAK,WAAW;IAChB;MACEsB,KAAK,gBAAG,oBAAC,IAAI;QAAC,KAAK,EAAEH,KAAK,CAACL;MAAS,GAAEI,KAAK,CAAQ;EAAC;EAGxD,oBAAO,oBAAC,IAAI;IAAC,KAAK,EAAEC,KAAK,CAACb;EAAK,GAAEgB,KAAK,CAAQ;AAChD,CAAC;AAED,eAAeL,IAAI"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","current","icon","backgroundColor","positive","negative","gray","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child"],"sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {HeaderStepItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (current: boolean, icon: HeaderStepItemProps['icon']): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: HeaderStepItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(current, icon);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAAqCC,IAArC,QAA2D,cAA3D;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,SAAQC,MAAR,QAAqB,wBAArB;;AASA,MAAMC,WAAW,GAAG,CAACC,OAAD,EAAmBC,IAAnB,KAAyE;EAC3F,IAAIC,eAAJ;;EAEA,QAAQD,IAAR;IACE,KAAK,OAAL;MACEC,eAAe,GAAGJ,MAAM,CAACK,QAAzB;MACA;;IACF,KAAK,OAAL;MACED,eAAe,GAAGJ,MAAM,CAACM,QAAzB;MACA;;IACF,KAAK,WAAL;IACA;MACEF,eAAe,GAAGJ,MAAM,CAACO,IAAzB;EATJ;;EAYA,OAAOd,UAAU,CAACe,MAAX,CAAkB;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAER,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJS,MAAM,EAAET,OAAO,GAAG,EAAH,GAAQ,EAFnB;MAGJU,OAAO,EAAEV,OAAO,GAAG,CAAH,GAAO,GAHnB;MAIJW,gBAAgB,EAAE,CAJd;MAKJT,eALI;MAMJU,UAAU,EAAE,QANR;MAOJC,cAAc,EAAE,QAPZ;MAQJC,YAAY,EAAE;IARV,CADiB;IAWvBC,QAAQ,EAAE;MACRC,UAAU,EAAE,KADJ;MAERC,QAAQ,EAAEjB,OAAO,GAAG,EAAH,GAAQ;IAFjB,CAXa;IAevBC,IAAI,EAAE;MACJO,KAAK,EAAER,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJS,MAAM,EAAET,OAAO,GAAG,EAAH,GAAQ;IAFnB;EAfiB,CAAlB,CAAP;AAoBD,CAnCD;;AAqCA,MAAMkB,IAAI,GAAG,CAAC;EAACC,KAAD;EAAQlB,IAAR;EAAcD;AAAd,CAAD,KAAiD;EAC5D,MAAM,CAACoB,KAAD,EAAQC,QAAR,IAAoB/B,QAAQ,CAAwB,IAAxB,CAAlC;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMiC,MAAM,GAAGvB,WAAW,CAACC,OAAD,EAAUC,IAAV,CAA1B;;IACAoB,QAAQ,CAACC,MAAD,CAAR;EACD,CAHQ,EAGN,CAACtB,OAAD,EAAUC,IAAV,CAHM,CAAT;;EAKA,IAAI,CAACmB,KAAL,EAAY;IACV,OAAO,IAAP;EACD;;EAED,IAAIG,KAAJ;;EAEA,QAAQtB,IAAR;IACE,KAAK,OAAL;MACEsB,KAAK,gBAAG,oBAAC,SAAD;QAAW,KAAK,EAAEH,KAAK,CAACnB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,OAAL;MACEsB,KAAK,gBAAG,oBAAC,SAAD;QAAW,KAAK,EAAEH,KAAK,CAACnB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,WAAL;IACA;MACEsB,KAAK,gBAAG,oBAAC,IAAD;QAAM,KAAK,EAAEH,KAAK,CAACL;MAAnB,GAA8BI,KAA9B,CAAR;EATJ;;EAYA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEC,KAAK,CAACb;EAAnB,GAA0BgB,KAA1B,CAAP;AACD,CA3BD;;AA6BA,eAAeL,IAAf"}

package/es/atom/review-header-step-item/types.d.ts

@@ -5,12 +5,12 @@ declare const propTypes: {
     value: PropTypes.Requireable<string>;
 };
 export default propTypes;
-export type HeaderStepItemProps = {
+export declare type HeaderStepItemProps = {
     current: boolean;
     icon: 'no-answer' | 'right' | 'wrong';
     value: string;
 };
-export type Fixture = {
+export declare type Fixture = {
     props: HeaderStepItemProps;
 };
 //# sourceMappingURL=types.d.ts.map

package/es/atom/review-header-step-item/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}

package/es/atom/review-header-step-item/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","current","bool","icon","oneOf","value","string"],"sources":["../../../src/atom/review-header-step-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type HeaderStepItemProps = {\n  current: boolean;\n  icon: 'no-answer' | 'right' | 'wrong';\n  value: string;\n};\n\nexport type Fixture = {\n  props: HeaderStepItemProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEF,SAAS,CAACG,IAAI;EACvBC,IAAI,EAAEJ,SAAS,CAACK,KAAK,CAAC,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;EACtDC,KAAK,EAAEN,SAAS,CAACO;AACnB,CAAC;AAED,eAAeN,SAAS"}
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","current","bool","icon","oneOf","value","string"],"sources":["../../../src/atom/review-header-step-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type HeaderStepItemProps = {\n  current: boolean;\n  icon: 'no-answer' | 'right' | 'wrong';\n  value: string;\n};\n\nexport type Fixture = {\n  props: HeaderStepItemProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEF,SAAS,CAACG,IADH;EAEhBC,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,CAAhB,CAFU;EAGhBC,KAAK,EAAEN,SAAS,CAACO;AAHD,CAAlB;AAMA,eAAeN,SAAf"}

package/es/atom/review-presentation/index.js

@@ -12,21 +12,24 @@ const ICONS = {
   lifes: HeartIcon,
   allright: CheckIcon
 };
+
 const ReviewIcon = ({
   icon
 }) => {
   const Icon = getOr(null, icon, ICONS);
-
   /* istanbul ignore next */
+
   if (!Icon) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.labelIcon
     });
   }
+
   return /*#__PURE__*/React.createElement(Icon, {
     className: style.labelIcon
   });
 };
+
 const ReviewListItemWrapper = ({
   iconKey,
   label
@@ -47,6 +50,7 @@ const ReviewListItemWrapper = ({
     "aria-label": label.moreDetailsAriaLabel
   }));
 };
+
 const ReviewPresentation = props => {
   const {
     'aria-label': ariaLabel,
@@ -58,15 +62,13 @@ const ReviewPresentation = props => {
     className: style.reviewWrapper,
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.reviewTitle
-    // eslint-disable-next-line react/no-danger
+    className: style.reviewTitle // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: reviewTitle
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: style.reviewText
-    // eslint-disable-next-line react/no-danger
+    className: style.reviewText // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: reviewText
@@ -87,6 +89,7 @@ const ReviewPresentation = props => {
     }));
   }, labelsList)));
 };
+
 ReviewIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: PropTypes.string
 } : {};

package/es/atom/review-presentation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","ToolTip","style","propTypes","ICONS","skills","questions","lifes","allright","ReviewIcon","icon","Icon","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","key","reviewList","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        TooltipContent={label.tooltipText}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n        aria-label={label.moreDetailsAriaLabel}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: ToolTip.propTypes.tooltipText,\n    moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n    closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n    text: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","ToolTip","style","propTypes","ICONS","skills","questions","lifes","allright","ReviewIcon","icon","Icon","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","key","reviewList","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        TooltipContent={label.tooltipText}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n        aria-label={label.moreDetailsAriaLabel}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: ToolTip.propTypes.tooltipText,\n    moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n    closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n    text: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}