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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","style","handle","animatedHandle","propTypes","PropTypes","number","bool","func","Range","React","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":["valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","style","handle","animatedHandle","propTypes","PropTypes","number","bool","func","Range","React","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/lib/atom/resource-miniature/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const TYPES = {
   pdf: {
     style: _style.default.pdf,
@@ -25,6 +35,7 @@ const TYPES = {
     icon: _novaIcons.NovaSolidAudioAudioControlPlay
   }
 };
+
 const ResourceMiniature = (props, context) => {
   const {
     skin
@@ -59,14 +70,14 @@ const ResourceMiniature = (props, context) => {
     color: white,
     className: _style.default.icon
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
     }
   }));
 };
+
 ResourceMiniature.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf((0, _keys2.default)(TYPES)),
   selected: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","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;AACA;AAEA;AAKA;AACA;AACA;AAAgC;AAEhC,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAK,CAACD,GAAG;IAAEE,IAAI,EAAEC;EAAO,CAAC;EACtCC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAK,CAACG,KAAK;IAAEF,IAAI,EAAEG;EAAW,CAAC;EAC9CC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAK,CAACK,KAAK;IAAEJ,IAAI,EAAEK;EAAQ;AAC5C,CAAC;AAED,MAAMC,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,GAAGhB,cAAK,CAACkB,mBAAmB,GAAGlB,cAAK,CAACY,WAAW;EACrF,MAAMO,KAAK,GAAG,mBAAI,cAAc,EAAET,IAAI,CAAC;EACvC,MAAMU,OAAO,GAAG,mBAAI,gBAAgB,EAAEV,IAAI,CAAC;EAC3C,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAO,GAAGD,KAAK;EACrD,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAI,CAAC,CAACV,IAAI;EAC7B,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAI,CAAC,CAACX,KAAM;IAAC,OAAO,EAAEe,aAAc;IAAC,aAAWJ;EAAK,gBACzE;IAAK,SAAS,EAAEX,cAAK,CAACuB,aAAc;IAAC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAkB;EAAE,gBAC5E;IAAK,SAAS,EAAErB,cAAK,CAACa,MAAO;IAAC,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAE;EAAE,EAAG,EAC3E,CAACG,QAAQ,gBAAG,6BAAC,IAAI;IAAC,KAAK,EAAEG,KAAM;IAAC,SAAS,EAAEnB,cAAK,CAACC;EAAK,EAAG,GAAG,IAAI,CAC7D,eACN;IACE,SAAS,EAAE,IAAAyB,mBAAU,EAACT,oBAAoB,EAAEjB,cAAK,CAAC2B,SAAS;IAC3D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAW;EAAE,EAC/C,CACE;AAEV,CAAC;AAEDL,iBAAiB,CAACsB,SAAS,2CAAG;EAC5BlB,IAAI,EAAEmB,kBAAS,CAACC,KAAK,CAAC,oBAAKjC,KAAK,CAAC,CAAC;EAClCkB,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBpB,WAAW,EAAEkB,kBAAS,CAACG,MAAM;EAC7BpB,MAAM,EAAEiB,kBAAS,CAACG,MAAM;EACxBnB,OAAO,EAAEgB,kBAAS,CAACI;AACrB,CAAC;AAED3B,iBAAiB,CAAC4B,YAAY,GAAG;EAC/BzB,IAAI,EAAE0B,iBAAQ,CAACC,iBAAiB,CAAC3B;AACnC,CAAC;AAAC,eAEaH,iBAAiB;AAAA"}
+{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","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;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAA,CAAMD,GAAd;IAAmBE,IAAI,EAAEC;EAAzB,CADO;EAEZC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAA,CAAMG,KAAd;IAAqBF,IAAI,EAAEG;EAA3B,CAFK;EAGZC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAA,CAAMK,KAAd;IAAqBJ,IAAI,EAAEK;EAA3B;AAHK,CAAd;;AAMA,MAAMC,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,GAAGhB,cAAA,CAAMkB,mBAAT,GAA+BlB,cAAA,CAAMY,WAA1E;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBT,IAApB,CAAd;EACA,MAAMU,OAAO,GAAG,mBAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAD,CAAL,CAAYV,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAD,CAAL,CAAYX,KAA5B;IAAmC,OAAO,EAAEe,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMuB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAMa,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,6BAAC,IAAD;IAAM,KAAK,EAAEG,KAAb;IAAoB,SAAS,EAAEnB,cAAA,CAAMC;EAArC,EAAZ,GAA4D,IAF/D,CADF,eAKE;IACE,SAAS,EAAE,IAAAyB,mBAAA,EAAWT,oBAAX,EAAiCjB,cAAA,CAAM2B,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACsB,SAAlB,2CAA8B;EAC5BlB,IAAI,EAAEmB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKjC,KAAL,CAAhB,CADsB;EAE5BkB,QAAQ,EAAEc,kBAAA,CAAUE,IAFQ;EAG5BpB,WAAW,EAAEkB,kBAAA,CAAUG,MAHK;EAI5BpB,MAAM,EAAEiB,kBAAA,CAAUG,MAJU;EAK5BnB,OAAO,EAAEgB,kBAAA,CAAUI;AALS,CAA9B;AAQA3B,iBAAiB,CAAC4B,YAAlB,GAAiC;EAC/BzB,IAAI,EAAE0B,iBAAA,CAASC,iBAAT,CAA2B3B;AADF,CAAjC;eAIeH,iB"}

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

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = require("../provider");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _types = _interopRequireDefault(require("./types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Content = props => {
   const {
     icon,
@@ -18,6 +26,7 @@ const Content = props => {
   const translate = (0, _provider.GetTranslateFromContext)();
   let child;
   let ariaDescription;
+
   switch (icon) {
     case 'no-answer':
       child = value;
@@ -27,6 +36,7 @@ const Content = props => {
         headerStepValue: value
       });
       break;
+
     case 'right':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
         className: (0, _classnames.default)(_style.default.rightIcon, current && _style.default.currentRightIcon)
@@ -35,6 +45,7 @@ const Content = props => {
         headerStepValue: value
       });
       break;
+
     case 'wrong':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
         className: (0, _classnames.default)(_style.default.wrongIcon, current && _style.default.currentWrongIcon)
@@ -43,9 +54,11 @@ const Content = props => {
         headerStepValue: value
       });
       break;
+
     default:
       return null;
   }
+
   return /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.value,
     "aria-label": translate('review_header_step_item.aria_label', {
@@ -54,6 +67,7 @@ const Content = props => {
     "aria-describedby": ariaDescription
   }, child);
 };
+
 const ReviewHeaderStepItem = props => {
   const {
     icon,
@@ -64,6 +78,7 @@ const ReviewHeaderStepItem = props => {
     "data-name": "header-step-item"
   }, /*#__PURE__*/_react.default.createElement(Content, props));
 };
+
 ReviewHeaderStepItem.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = ReviewHeaderStepItem;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Content","props","icon","current","value","translate","GetTranslateFromContext","child","ariaDescription","headerStepValue","classnames","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong","propTypes"],"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;AACA;AACA;AAIA;AACA;AACA;AAAuD;AAEvD,MAAMA,OAAO,GAAIC,KAA0B,IAAK;EAC9C,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACpC,MAAMI,SAAS,GAAG,IAAAC,iCAAuB,GAAE;EAC3C,IAAIC,KAAK;EACT,IAAIC,eAAe;EACnB,QAAQN,IAAI;IACV,KAAK,WAAW;MACdK,KAAK,GAAGH,KAAK;MACbI,eAAe,GAAGL,OAAO,GACrBE,SAAS,CAAC,0CAA0C,EAAE;QACpDI,eAAe,EAAEL;MACnB,CAAC,CAAC,GACFC,SAAS,CAAC,+CAA+C,EAAE;QACzDI,eAAe,EAAEL;MACnB,CAAC,CAAC;MACN;IAEF,KAAK,OAAO;MACVG,KAAK,gBACH,6BAAC,2CAAS;QAAC,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACC,SAAS,EAAET,OAAO,IAAIQ,cAAK,CAACE,gBAAgB;MAAE,EACtF;MACDL,eAAe,GAAGH,SAAS,CAAC,0CAA0C,EAAE;QACtEI,eAAe,EAAEL;MACnB,CAAC,CAAC;MACF;IAEF,KAAK,OAAO;MACVG,KAAK,gBACH,6BAAC,+BAAS;QAAC,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACG,SAAS,EAAEX,OAAO,IAAIQ,cAAK,CAACI,gBAAgB;MAAE,EACtF;MACDP,eAAe,GAAGH,SAAS,CAAC,4CAA4C,EAAE;QACxEI,eAAe,EAAEL;MACnB,CAAC,CAAC;MACF;IAEF;MACE,OAAO,IAAI;EAAC;EAGhB,oBACE;IACE,SAAS,EAAEO,cAAK,CAACP,KAAM;IACvB,cAAYC,SAAS,CAAC,oCAAoC,EAAE;MAC1DI,eAAe,EAAEL;IACnB,CAAC,CAAE;IACH,oBAAkBI;EAAgB,GAEjCD,KAAK,CACD;AAEX,CAAC;AAED,MAAMS,oBAAoB,GAAIf,KAA0B,IAAK;EAC3D,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAC7B,oBACE;IACE,SAAS,EAAE,IAAAS,mBAAU,EACnBC,cAAK,CAACM,OAAO,EACbf,IAAI,KAAK,OAAO,IAAIS,cAAK,CAACO,KAAK,EAC/BhB,IAAI,KAAK,OAAO,IAAIS,cAAK,CAACQ,KAAK,EAC/BhB,OAAO,IAAIQ,cAAK,CAACR,OAAO,CACxB;IACF,aAAU;EAAkB,gBAE5B,6BAAC,OAAO,EAAKF,KAAK,CAAI,CAClB;AAEV,CAAC;AAEDe,oBAAoB,CAACI,SAAS,2CAAGA,cAAS;AAAC,eAE5BJ,oBAAoB;AAAA"}
+{"version":3,"file":"index.js","names":["Content","props","icon","current","value","translate","GetTranslateFromContext","child","ariaDescription","headerStepValue","classnames","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong","propTypes"],"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;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAIC,KAAD,IAAgC;EAC9C,MAAM;IAACC,IAAD;IAAOC,OAAP;IAAgBC;EAAhB,IAAyBH,KAA/B;EACA,MAAMI,SAAS,GAAG,IAAAC,iCAAA,GAAlB;EACA,IAAIC,KAAJ;EACA,IAAIC,eAAJ;;EACA,QAAQN,IAAR;IACE,KAAK,WAAL;MACEK,KAAK,GAAGH,KAAR;MACAI,eAAe,GAAGL,OAAO,GACrBE,SAAS,CAAC,0CAAD,EAA6C;QACpDI,eAAe,EAAEL;MADmC,CAA7C,CADY,GAIrBC,SAAS,CAAC,+CAAD,EAAkD;QACzDI,eAAe,EAAEL;MADwC,CAAlD,CAJb;MAOA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,2CAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMC,SAAjB,EAA4BT,OAAO,IAAIQ,cAAA,CAAME,gBAA7C;MAAtB,EADF;MAGAL,eAAe,GAAGH,SAAS,CAAC,0CAAD,EAA6C;QACtEI,eAAe,EAAEL;MADqD,CAA7C,CAA3B;MAGA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,+BAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMG,SAAjB,EAA4BX,OAAO,IAAIQ,cAAA,CAAMI,gBAA7C;MAAtB,EADF;MAGAP,eAAe,GAAGH,SAAS,CAAC,4CAAD,EAA+C;QACxEI,eAAe,EAAEL;MADuD,CAA/C,CAA3B;MAGA;;IAEF;MACE,OAAO,IAAP;EA/BJ;;EAkCA,oBACE;IACE,SAAS,EAAEO,cAAA,CAAMP,KADnB;IAEE,cAAYC,SAAS,CAAC,oCAAD,EAAuC;MAC1DI,eAAe,EAAEL;IADyC,CAAvC,CAFvB;IAKE,oBAAkBI;EALpB,GAOGD,KAPH,CADF;AAWD,CAlDD;;AAoDA,MAAMS,oBAAoB,GAAIf,KAAD,IAAgC;EAC3D,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EACA,oBACE;IACE,SAAS,EAAE,IAAAS,mBAAA,EACTC,cAAA,CAAMM,OADG,EAETf,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMO,KAFjB,EAGThB,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMQ,KAHjB,EAIThB,OAAO,IAAIQ,cAAA,CAAMR,OAJR,CADb;IAOE,aAAU;EAPZ,gBASE,6BAAC,OAAD,EAAaF,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAe,oBAAoB,CAACI,SAArB,2CAAiCA,cAAjC;eAEeJ,oB"}

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

@@ -2,25 +2,36 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _colors = require("../../variables/colors");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const createStyle = (current, icon) => {
   let backgroundColor;
+
   switch (icon) {
     case 'right':
       backgroundColor = _colors.COLORS.positive;
       break;
+
     case 'wrong':
       backgroundColor = _colors.COLORS.negative;
       break;
+
     case 'no-answer':
     default:
       backgroundColor = _colors.COLORS.gray;
   }
+
   return _reactNative.StyleSheet.create({
     step: {
       width: current ? 40 : 32,
@@ -42,6 +53,7 @@ const createStyle = (current, icon) => {
     }
   });
 };
+
 const Step = ({
   value,
   icon,
@@ -50,12 +62,16 @@ const Step = ({
   const [style, setStyle] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _style = createStyle(current, icon);
+
     setStyle(_style);
   }, [current, icon]);
+
   if (!style) {
     return null;
   }
+
   let child;
+
   switch (icon) {
     case 'right':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
@@ -63,22 +79,26 @@ const Step = ({
         color: "#fff"
       });
       break;
+
     case 'wrong':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
         style: style.icon,
         color: "#fff"
       });
       break;
+
     case 'no-answer':
     default:
       child = /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: style.stepText
       }, value);
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style.step
   }, child);
 };
+
 var _default = Step;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyle","current","icon","backgroundColor","COLORS","positive","negative","gray","StyleSheet","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","useState","useEffect","_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;AACA;AACA;AAIA;AAA8C;AAAA;AAS9C,MAAMA,WAAW,GAAG,CAACC,OAAgB,EAAEC,IAAiC,KAAqB;EAC3F,IAAIC,eAAe;EAEnB,QAAQD,IAAI;IACV,KAAK,OAAO;MACVC,eAAe,GAAGC,cAAM,CAACC,QAAQ;MACjC;IACF,KAAK,OAAO;MACVF,eAAe,GAAGC,cAAM,CAACE,QAAQ;MACjC;IACF,KAAK,WAAW;IAChB;MACEH,eAAe,GAAGC,cAAM,CAACG,IAAI;EAAC;EAGlC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEV,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBW,MAAM,EAAEX,OAAO,GAAG,EAAE,GAAG,EAAE;MACzBY,OAAO,EAAEZ,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1Ba,gBAAgB,EAAE,CAAC;MACnBX,eAAe;MACfY,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAEnB,OAAO,GAAG,EAAE,GAAG;IAC3B,CAAC;IACDC,IAAI,EAAE;MACJS,KAAK,EAAEV,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBW,MAAM,EAAEX,OAAO,GAAG,EAAE,GAAG;IACzB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMoB,IAAI,GAAG,CAAC;EAACC,KAAK;EAAEpB,IAAI;EAAED;AAA4B,CAAC,KAAK;EAC5D,MAAM,CAACsB,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,MAAM,GAAG3B,WAAW,CAACC,OAAO,EAAEC,IAAI,CAAC;IACzCsB,QAAQ,CAACG,MAAM,CAAC;EAClB,CAAC,EAAE,CAAC1B,OAAO,EAAEC,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACqB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIK,KAAK;EAET,QAAQ1B,IAAI;IACV,KAAK,OAAO;MACV0B,KAAK,gBAAG,6BAAC,2CAAS;QAAC,KAAK,EAAEL,KAAK,CAACrB,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;MACrD;IACF,KAAK,OAAO;MACV0B,KAAK,gBAAG,6BAAC,+BAAS;QAAC,KAAK,EAAEL,KAAK,CAACrB,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;MACrD;IACF,KAAK,WAAW;IAChB;MACE0B,KAAK,gBAAG,6BAAC,iBAAI;QAAC,KAAK,EAAEL,KAAK,CAACL;MAAS,GAAEI,KAAK,CAAQ;EAAC;EAGxD,oBAAO,6BAAC,iBAAI;IAAC,KAAK,EAAEC,KAAK,CAACb;EAAK,GAAEkB,KAAK,CAAQ;AAChD,CAAC;AAAC,eAEaP,IAAI;AAAA"}
+{"version":3,"file":"index.native.js","names":["createStyle","current","icon","backgroundColor","COLORS","positive","negative","gray","StyleSheet","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","useState","useEffect","_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;;AACA;;AACA;;AAIA;;;;;;AASA,MAAMA,WAAW,GAAG,CAACC,OAAD,EAAmBC,IAAnB,KAAyE;EAC3F,IAAIC,eAAJ;;EAEA,QAAQD,IAAR;IACE,KAAK,OAAL;MACEC,eAAe,GAAGC,cAAA,CAAOC,QAAzB;MACA;;IACF,KAAK,OAAL;MACEF,eAAe,GAAGC,cAAA,CAAOE,QAAzB;MACA;;IACF,KAAK,WAAL;IACA;MACEH,eAAe,GAAGC,cAAA,CAAOG,IAAzB;EATJ;;EAYA,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEV,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJW,MAAM,EAAEX,OAAO,GAAG,EAAH,GAAQ,EAFnB;MAGJY,OAAO,EAAEZ,OAAO,GAAG,CAAH,GAAO,GAHnB;MAIJa,gBAAgB,EAAE,CAJd;MAKJX,eALI;MAMJY,UAAU,EAAE,QANR;MAOJC,cAAc,EAAE,QAPZ;MAQJC,YAAY,EAAE;IARV,CADiB;IAWvBC,QAAQ,EAAE;MACRC,UAAU,EAAE,KADJ;MAERC,QAAQ,EAAEnB,OAAO,GAAG,EAAH,GAAQ;IAFjB,CAXa;IAevBC,IAAI,EAAE;MACJS,KAAK,EAAEV,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJW,MAAM,EAAEX,OAAO,GAAG,EAAH,GAAQ;IAFnB;EAfiB,CAAlB,CAAP;AAoBD,CAnCD;;AAqCA,MAAMoB,IAAI,GAAG,CAAC;EAACC,KAAD;EAAQpB,IAAR;EAAcD;AAAd,CAAD,KAAiD;EAC5D,MAAM,CAACsB,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAgC,IAAhC,CAA1B;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,MAAM,GAAG3B,WAAW,CAACC,OAAD,EAAUC,IAAV,CAA1B;;IACAsB,QAAQ,CAACG,MAAD,CAAR;EACD,CAHD,EAGG,CAAC1B,OAAD,EAAUC,IAAV,CAHH;;EAKA,IAAI,CAACqB,KAAL,EAAY;IACV,OAAO,IAAP;EACD;;EAED,IAAIK,KAAJ;;EAEA,QAAQ1B,IAAR;IACE,KAAK,OAAL;MACE0B,KAAK,gBAAG,6BAAC,2CAAD;QAAW,KAAK,EAAEL,KAAK,CAACrB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,OAAL;MACE0B,KAAK,gBAAG,6BAAC,+BAAD;QAAW,KAAK,EAAEL,KAAK,CAACrB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,WAAL;IACA;MACE0B,KAAK,gBAAG,6BAAC,iBAAD;QAAM,KAAK,EAAEL,KAAK,CAACL;MAAnB,GAA8BI,KAA9B,CAAR;EATJ;;EAYA,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAEC,KAAK,CAACb;EAAnB,GAA0BkB,KAA1B,CAAP;AACD,CA3BD;;eA6BeP,I"}

package/lib/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/lib/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/lib/atom/review-header-step-item/types.js

@@ -2,8 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   current: _propTypes.default.bool,
   icon: _propTypes.default.oneOf(['no-answer', 'right', 'wrong']),

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","current","PropTypes","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;AAAmC;AAEnC,MAAMA,SAAS,GAAG;EAChBC,OAAO,EAAEC,kBAAS,CAACC,IAAI;EACvBC,IAAI,EAAEF,kBAAS,CAACG,KAAK,CAAC,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;EACtDC,KAAK,EAAEJ,kBAAS,CAACK;AACnB,CAAC;AAAC,eAEaP,SAAS;AAAA"}
+{"version":3,"file":"types.js","names":["propTypes","current","PropTypes","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;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,OAAO,EAAEC,kBAAA,CAAUC,IADH;EAEhBC,IAAI,EAAEF,kBAAA,CAAUG,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,CAAhB,CAFU;EAGhBC,KAAK,EAAEJ,kBAAA,CAAUK;AAHD,CAAlB;eAMeP,S"}

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

@@ -2,36 +2,49 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _tooltip = _interopRequireDefault(require("../tooltip"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes2 = _interopRequireDefault(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ICONS = {
   skills: _novaIcons.NovaLineSelectionCursorsCursorArrowTarget,
   questions: _novaIcons.NovaSolidInterfaceFeedbackInterfaceQuestionMark,
   lifes: _novaIcons.NovaSolidVoteRewardsVoteHeart,
   allright: _novaIcons.NovaSolidStatusCheckCircle2
 };
+
 const ReviewIcon = ({
   icon
 }) => {
   const Icon = (0, _getOr.default)(null, icon, ICONS);
-
   /* istanbul ignore next */
+
   if (!Icon) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.labelIcon
     });
   }
+
   return /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.labelIcon
   });
 };
+
 const ReviewListItemWrapper = ({
   iconKey,
   label
@@ -52,6 +65,7 @@ const ReviewListItemWrapper = ({
     "aria-label": label.moreDetailsAriaLabel
   }));
 };
+
 const ReviewPresentation = props => {
   const {
     'aria-label': ariaLabel,
@@ -63,15 +77,13 @@ const ReviewPresentation = props => {
     className: _style.default.reviewWrapper,
     "aria-label": ariaLabel
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.reviewTitle
-    // eslint-disable-next-line react/no-danger
+    className: _style.default.reviewTitle // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: reviewTitle
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.reviewText
-    // eslint-disable-next-line react/no-danger
+    className: _style.default.reviewText // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: reviewText
@@ -92,6 +104,7 @@ const ReviewPresentation = props => {
     }));
   }, labelsList)));
 };
+
 ReviewIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: _propTypes.default.string
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","key","reviewList","propTypes","PropTypes","string","shape","ToolTip"],"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":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","key","reviewList","propTypes","PropTypes","string","shape","ToolTip"],"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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"}

package/lib/atom/review-presentation/index.native.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 var _index2 = _interopRequireDefault(require("../html/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   container: {
     backgroundColor: theme.colors.white,
@@ -75,6 +85,7 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     color: '#fff'
   }
 });
+
 const Tip = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -88,11 +99,14 @@ const Tip = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [brandTheme, theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.tip
   }, /*#__PURE__*/_react.default.createElement(Icon, {
@@ -104,6 +118,7 @@ const Tip = props => {
     style: styleSheet.tipText
   }, text));
 };
+
 const Onboarding = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -117,14 +132,14 @@ const Onboarding = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
-    setStylesheet(_stylesheet);
-  }, [brandTheme, theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [brandTheme, theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
   }, /*#__PURE__*/_react.default.createElement(_index2.default, {
@@ -156,6 +171,7 @@ const Onboarding = props => {
     style: styleSheet.buttonText
   }, translations.ok)));
 };
+
 var _default = Onboarding;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map