@coorpacademy/components 11.33.1 → 11.33.2-alpha.1

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

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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, { useCallback, useMemo } from 'react';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
@@ -7,12 +8,12 @@ import Provider, { GetTranslateFromContext } from '../../atom/provider';
 import Tooltip from '../../atom/tooltip';
 import style from './style.css';
 import propTypes from './prop-types';
+
 const KlfButton = ({
   klf
 }, legacyContext) => {
   const translate = GetTranslateFromContext(legacyContext);
-  const klfButtonProps = useMemo(() => ({
-    ...klf,
+  const klfButtonProps = useMemo(() => ({ ...klf,
     icon: {
       position: 'left',
       type: 'key'
@@ -29,8 +30,7 @@ const KlfButton = ({
     useTitle: false
   }))), [klfButtonProps]);
   const TooltipContent = useCallback(() => /*#__PURE__*/React.createElement("span", {
-    className: style.tooltipText
-    // eslint-disable-next-line react/no-danger
+    className: style.tooltipText // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: klf.tooltip
@@ -47,12 +47,14 @@ const KlfButton = ({
     className: style.klfContainer
   }, /*#__PURE__*/React.createElement(Tooltip, toolTipProps));
 };
+
 KlfButton.propTypes = process.env.NODE_ENV !== "production" ? {
   klf: propTypes.klf
 } : {};
 KlfButton.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const ReviewCorrectionPopin = props => {
   const {
     information,
@@ -61,8 +63,7 @@ const ReviewCorrectionPopin = props => {
     klf,
     next
   } = props;
-  const nextQuestionButtonProps = {
-    ...next,
+  const nextQuestionButtonProps = { ...next,
     type: 'primary'
   };
   const cta = type === 'wrong' ? /*#__PURE__*/React.createElement(KlfButton, {
@@ -101,8 +102,7 @@ const ReviewCorrectionPopin = props => {
     "aria-label": information.label
   }, information.label)), /*#__PURE__*/React.createElement("span", {
     className: style.message,
-    "aria-label": information.message
-    // eslint-disable-next-line react/no-danger
+    "aria-label": information.message // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: information.message
@@ -116,6 +116,7 @@ const ReviewCorrectionPopin = props => {
     className: style.nextQuestionButton
   }))))));
 };
+
 ReviewCorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCorrectionPopin;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -6,6 +6,7 @@ import Html from '../../atom/html/index.native';
 import Text from '../../atom/text/index.native';
 import Touchable from '../../hoc/touchable/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const createStyleSheet = (theme, type) => StyleSheet.create({
   wrapper: {
     backgroundColor: '#00000000',
@@ -181,6 +182,7 @@ const createStyleSheet = (theme, type) => StyleSheet.create({
     borderRadius: 4
   }
 });
+
 const KlfButton = ({
   klf,
   styleSheet
@@ -227,8 +229,7 @@ const KlfButton = ({
   }, tooltip)), /*#__PURE__*/React.createElement(View, {
     style: triangleTooltip
   })), /*#__PURE__*/React.createElement(Touchable, {
-    style: displayTooltip ? {
-      ...buttonKlf,
+    style: displayTooltip ? { ...buttonKlf,
       ...buttonKlfActive
     } : buttonKlf,
     accessibilityLabel: `aria-label-${label}`,
@@ -241,10 +242,12 @@ const KlfButton = ({
     style: buttonKlfText
   }, label)));
 };
+
 const ICONS = {
   right: RightIcon,
   wrong: WrongIcon
 };
+
 const ReviewCorrectionPopin = ({
   information,
   klf,
@@ -261,11 +264,14 @@ const ReviewCorrectionPopin = ({
   const Icon = ICONS[type];
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme, type);
+
     setStylesheet(_stylesheet);
   }, [theme, type]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.wrapper
   }, /*#__PURE__*/React.createElement(View, {
@@ -302,5 +308,6 @@ const ReviewCorrectionPopin = ({
     style: styleSheet.buttonText
   }, next.label))));
 };
+
 export default ReviewCorrectionPopin;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","Animated","Easing","StyleSheet","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","NovaLineLoginKey1","KlfIcon","useAnimateProp","Html","Text","Touchable","useTemplateContext","createStyleSheet","theme","type","create","wrapper","backgroundColor","height","display","justifyContent","popin","padding","spacing","medium","borderRadius","flexDirection","alignItems","colors","negative","positive","shadowColor","shadowOpacity","shadowOffset","width","shadowRadius","elevation","correctionSection","iconCircle","white","opacity","icon","resultLabel","color","fontSize","fontWeight","lineHeight","marginLeft","textTransform","feedbackSection","marginVertical","labelContainer","alignSelf","paddingHorizontal","tiny","paddingVertical","micro","marginBottom","label","extraBold","htmlInfoMessage","button","base","small","buttonText","cta","bold","textAlign","containerButtonKlf","buttonKlf","buttonKlfActive","buttonKlfText","iconKey","marginRight","containerTooltip","zIndex","position","black","buttonTooltip","bottom","right","htmlTooltipText","text","primary","triangleTooltip","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderLeftColor","borderTopColor","borderRightColor","borderBottomColor","transform","rotate","left","top","KlfButton","klf","styleSheet","displayTooltip","setDisplayTooltip","fadeIn","property","fromValue","toValue","duration","easing","bezier","handlePressKey","start","reset","tooltip","createElement","style","animatedStyle","accessibilityLabel","isHighlight","onPress","testID","ICONS","wrong","ReviewCorrectionPopin","information","next","templateContext","setStylesheet","handlePressNext","onClick","Icon","_stylesheet","needsOffscreenAlphaCompositing","message"],"sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react';\nimport {Animated, Easing, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon,\n  NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport Html from '../../atom/html/index.native';\nimport {Theme} from '../../variables/theme.native';\nimport Text from '../../atom/text/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ReviewCorrectionPopinKLFProps, ReviewCorrectionPopinProps} from './prop-types';\n\ninterface StyleSheetType {\n  wrapper: ViewStyle;\n  popin: ViewStyle;\n  correctionSection: ViewStyle;\n  iconCircle: ViewStyle;\n  icon: ViewStyle;\n  resultLabel: TextStyle;\n  feedbackSection: ViewStyle;\n  labelContainer: ViewStyle;\n  label: TextStyle;\n  htmlInfoMessage: TextStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  buttonKlf: ViewStyle;\n  buttonKlfActive: TextStyle;\n  buttonKlfText: TextStyle;\n  iconKey: ViewStyle;\n  containerTooltip: ViewStyle;\n  buttonTooltip: ViewStyle;\n  containerButtonKlf: ViewStyle;\n  triangleTooltip: ViewStyle;\n  htmlTooltipText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme, type: string): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: '#00000000',\n      height: 2000,\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    popin: {\n      padding: theme.spacing.medium,\n      borderRadius: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowOpacity: 0.5,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 15,\n      elevation: 4\n    },\n    correctionSection: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '80%'\n    },\n    iconCircle: {\n      width: 60,\n      height: 60,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      opacity: 0.7,\n      borderRadius: 50\n    },\n    icon: {\n      height: 30,\n      width: 30\n    },\n    resultLabel: {\n      color: theme.colors.white,\n      fontSize: 24,\n      fontWeight: '600',\n      lineHeight: 24,\n      marginLeft: 12,\n      textTransform: 'uppercase'\n    },\n    feedbackSection: {\n      marginVertical: theme.spacing.medium\n    },\n    labelContainer: {\n      alignSelf: 'flex-start',\n      backgroundColor: 'rgba(255, 255, 255, 0.3)',\n      borderRadius: 56,\n      paddingHorizontal: theme.spacing.tiny,\n      paddingVertical: theme.spacing.micro,\n      marginBottom: 8\n    },\n    label: {\n      color: theme.colors.white,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.extraBold,\n      lineHeight: 17\n    },\n    htmlInfoMessage: {\n      color: theme.colors.white,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 19\n    },\n    button: {\n      alignSelf: 'stretch',\n      backgroundColor: theme.colors.white,\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small\n    },\n    buttonText: {\n      color: theme.colors.cta,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    containerButtonKlf: {\n      width: '100%'\n    },\n    buttonKlf: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small,\n      marginBottom: theme.spacing.tiny\n    },\n    buttonKlfActive: {\n      backgroundColor:\n        'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'\n    },\n    buttonKlfText: {\n      color: 'white',\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    iconKey: {\n      width: 12,\n      height: 12,\n      marginRight: theme.spacing.tiny\n    },\n    containerTooltip: {\n      zIndex: 30,\n      position: 'relative',\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8\n    },\n    buttonTooltip: {\n      zIndex: 20,\n      flexDirection: 'column',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      borderRadius: 15,\n      padding: theme.spacing.small,\n      width: '112%',\n      position: 'absolute',\n      bottom: 4,\n      right: -15,\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8,\n      elevation: 6\n    },\n    htmlTooltipText: {\n      color: theme.colors.text.primary,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 22,\n      textAlign: 'center'\n    },\n    triangleTooltip: {\n      zIndex: 31,\n      width: 0,\n      height: 0,\n      backgroundColor: 'transparent',\n      borderStyle: 'solid',\n      borderLeftWidth: 13,\n      borderRightWidth: 13,\n      borderBottomWidth: 13,\n      borderTopWidth: 13,\n      borderLeftColor: 'transparent',\n      borderTopColor: 'transparent',\n      borderRightColor: theme.colors.white,\n      borderBottomColor: theme.colors.white,\n      transform: [{rotate: '45deg'}],\n      position: 'absolute',\n      left: 110,\n      top: -20,\n      borderRadius: 4\n    }\n  });\n\nconst KlfButton = ({\n  klf,\n  styleSheet\n}: {\n  klf: ReviewCorrectionPopinKLFProps;\n  styleSheet: StyleSheetType;\n}) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const fadeIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.reset();\n  }, [displayTooltip, fadeIn]);\n\n  const {\n    buttonKlf,\n    buttonKlfActive,\n    buttonKlfText,\n    containerButtonKlf,\n    containerTooltip,\n    buttonTooltip,\n    htmlTooltipText,\n    iconKey,\n    triangleTooltip\n  } = styleSheet;\n\n  const {label, tooltip} = klf;\n\n  return (\n    <View style={containerButtonKlf}>\n      <Animated.View style={[containerTooltip, fadeIn.animatedStyle]}>\n        <Touchable\n          style={buttonTooltip}\n          accessibilityLabel={`aria-label-tooltip`}\n          isHighlight\n          onPress={handlePressKey}\n          testID=\"button-tooltip\"\n        >\n          <Html style={htmlTooltipText}>{tooltip}</Html>\n        </Touchable>\n        <View style={triangleTooltip} />\n      </Animated.View>\n      <Touchable\n        style={displayTooltip ? {...buttonKlf, ...buttonKlfActive} : buttonKlf}\n        accessibilityLabel={`aria-label-${label}`}\n        onPress={handlePressKey}\n        testID=\"button-klf\"\n      >\n        <KlfIcon style={iconKey} color=\"white\" />\n        <Text style={buttonKlfText}>{label}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nconst ICONS = {\n  right: RightIcon,\n  wrong: WrongIcon\n};\n\nconst ReviewCorrectionPopin = ({\n  information,\n  klf,\n  next,\n  type,\n  resultLabel\n}: ReviewCorrectionPopinProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const handlePressNext = next.onClick;\n\n  const Icon = ICONS[type];\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, type);\n    setStylesheet(_stylesheet);\n  }, [theme, type]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper}>\n      <View style={styleSheet.popin}>\n        <View style={styleSheet.correctionSection}>\n          <View style={styleSheet.iconCircle}>\n            <Icon\n              style={styleSheet.icon}\n              color={type === 'wrong' ? theme.colors.negative : theme.colors.positive}\n            />\n          </View>\n          <Text style={styleSheet.resultLabel}>{resultLabel}</Text>\n        </View>\n        <View style={styleSheet.feedbackSection} accessibilityLabel=\"answer-information\">\n          <View style={styleSheet.labelContainer} needsOffscreenAlphaCompositing>\n            <Text accessibilityLabel={information.label} style={styleSheet.label}>\n              {information.label}\n            </Text>\n          </View>\n          <Html style={styleSheet.htmlInfoMessage}>{information.message}</Html>\n        </View>\n        {klf && type === 'wrong' ? <KlfButton styleSheet={styleSheet} klf={klf} /> : null}\n        <Touchable\n          style={styleSheet.button}\n          onPress={handlePressNext}\n          accessibilityLabel={next['aria-label']}\n          testID={next['data-name']}\n        >\n          <Text style={styleSheet.buttonText}>{next.label}</Text>\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","Animated","Easing","StyleSheet","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","NovaLineLoginKey1","KlfIcon","useAnimateProp","Html","Text","Touchable","useTemplateContext","createStyleSheet","theme","type","create","wrapper","backgroundColor","height","display","justifyContent","popin","padding","spacing","medium","borderRadius","flexDirection","alignItems","colors","negative","positive","shadowColor","shadowOpacity","shadowOffset","width","shadowRadius","elevation","correctionSection","iconCircle","white","opacity","icon","resultLabel","color","fontSize","fontWeight","lineHeight","marginLeft","textTransform","feedbackSection","marginVertical","labelContainer","alignSelf","paddingHorizontal","tiny","paddingVertical","micro","marginBottom","label","extraBold","htmlInfoMessage","button","base","small","buttonText","cta","bold","textAlign","containerButtonKlf","buttonKlf","buttonKlfActive","buttonKlfText","iconKey","marginRight","containerTooltip","zIndex","position","black","buttonTooltip","bottom","right","htmlTooltipText","text","primary","triangleTooltip","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderLeftColor","borderTopColor","borderRightColor","borderBottomColor","transform","rotate","left","top","KlfButton","klf","styleSheet","displayTooltip","setDisplayTooltip","fadeIn","property","fromValue","toValue","duration","easing","bezier","handlePressKey","start","reset","tooltip","animatedStyle","ICONS","wrong","ReviewCorrectionPopin","information","next","templateContext","setStylesheet","handlePressNext","onClick","Icon","_stylesheet","message"],"sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react';\nimport {Animated, Easing, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon,\n  NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport Html from '../../atom/html/index.native';\nimport {Theme} from '../../variables/theme.native';\nimport Text from '../../atom/text/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ReviewCorrectionPopinKLFProps, ReviewCorrectionPopinProps} from './prop-types';\n\ninterface StyleSheetType {\n  wrapper: ViewStyle;\n  popin: ViewStyle;\n  correctionSection: ViewStyle;\n  iconCircle: ViewStyle;\n  icon: ViewStyle;\n  resultLabel: TextStyle;\n  feedbackSection: ViewStyle;\n  labelContainer: ViewStyle;\n  label: TextStyle;\n  htmlInfoMessage: TextStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  buttonKlf: ViewStyle;\n  buttonKlfActive: TextStyle;\n  buttonKlfText: TextStyle;\n  iconKey: ViewStyle;\n  containerTooltip: ViewStyle;\n  buttonTooltip: ViewStyle;\n  containerButtonKlf: ViewStyle;\n  triangleTooltip: ViewStyle;\n  htmlTooltipText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme, type: string): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: '#00000000',\n      height: 2000,\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    popin: {\n      padding: theme.spacing.medium,\n      borderRadius: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowOpacity: 0.5,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 15,\n      elevation: 4\n    },\n    correctionSection: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '80%'\n    },\n    iconCircle: {\n      width: 60,\n      height: 60,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      opacity: 0.7,\n      borderRadius: 50\n    },\n    icon: {\n      height: 30,\n      width: 30\n    },\n    resultLabel: {\n      color: theme.colors.white,\n      fontSize: 24,\n      fontWeight: '600',\n      lineHeight: 24,\n      marginLeft: 12,\n      textTransform: 'uppercase'\n    },\n    feedbackSection: {\n      marginVertical: theme.spacing.medium\n    },\n    labelContainer: {\n      alignSelf: 'flex-start',\n      backgroundColor: 'rgba(255, 255, 255, 0.3)',\n      borderRadius: 56,\n      paddingHorizontal: theme.spacing.tiny,\n      paddingVertical: theme.spacing.micro,\n      marginBottom: 8\n    },\n    label: {\n      color: theme.colors.white,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.extraBold,\n      lineHeight: 17\n    },\n    htmlInfoMessage: {\n      color: theme.colors.white,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 19\n    },\n    button: {\n      alignSelf: 'stretch',\n      backgroundColor: theme.colors.white,\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small\n    },\n    buttonText: {\n      color: theme.colors.cta,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    containerButtonKlf: {\n      width: '100%'\n    },\n    buttonKlf: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small,\n      marginBottom: theme.spacing.tiny\n    },\n    buttonKlfActive: {\n      backgroundColor:\n        'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'\n    },\n    buttonKlfText: {\n      color: 'white',\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    iconKey: {\n      width: 12,\n      height: 12,\n      marginRight: theme.spacing.tiny\n    },\n    containerTooltip: {\n      zIndex: 30,\n      position: 'relative',\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8\n    },\n    buttonTooltip: {\n      zIndex: 20,\n      flexDirection: 'column',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      borderRadius: 15,\n      padding: theme.spacing.small,\n      width: '112%',\n      position: 'absolute',\n      bottom: 4,\n      right: -15,\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8,\n      elevation: 6\n    },\n    htmlTooltipText: {\n      color: theme.colors.text.primary,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 22,\n      textAlign: 'center'\n    },\n    triangleTooltip: {\n      zIndex: 31,\n      width: 0,\n      height: 0,\n      backgroundColor: 'transparent',\n      borderStyle: 'solid',\n      borderLeftWidth: 13,\n      borderRightWidth: 13,\n      borderBottomWidth: 13,\n      borderTopWidth: 13,\n      borderLeftColor: 'transparent',\n      borderTopColor: 'transparent',\n      borderRightColor: theme.colors.white,\n      borderBottomColor: theme.colors.white,\n      transform: [{rotate: '45deg'}],\n      position: 'absolute',\n      left: 110,\n      top: -20,\n      borderRadius: 4\n    }\n  });\n\nconst KlfButton = ({\n  klf,\n  styleSheet\n}: {\n  klf: ReviewCorrectionPopinKLFProps;\n  styleSheet: StyleSheetType;\n}) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const fadeIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.reset();\n  }, [displayTooltip, fadeIn]);\n\n  const {\n    buttonKlf,\n    buttonKlfActive,\n    buttonKlfText,\n    containerButtonKlf,\n    containerTooltip,\n    buttonTooltip,\n    htmlTooltipText,\n    iconKey,\n    triangleTooltip\n  } = styleSheet;\n\n  const {label, tooltip} = klf;\n\n  return (\n    <View style={containerButtonKlf}>\n      <Animated.View style={[containerTooltip, fadeIn.animatedStyle]}>\n        <Touchable\n          style={buttonTooltip}\n          accessibilityLabel={`aria-label-tooltip`}\n          isHighlight\n          onPress={handlePressKey}\n          testID=\"button-tooltip\"\n        >\n          <Html style={htmlTooltipText}>{tooltip}</Html>\n        </Touchable>\n        <View style={triangleTooltip} />\n      </Animated.View>\n      <Touchable\n        style={displayTooltip ? {...buttonKlf, ...buttonKlfActive} : buttonKlf}\n        accessibilityLabel={`aria-label-${label}`}\n        onPress={handlePressKey}\n        testID=\"button-klf\"\n      >\n        <KlfIcon style={iconKey} color=\"white\" />\n        <Text style={buttonKlfText}>{label}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nconst ICONS = {\n  right: RightIcon,\n  wrong: WrongIcon\n};\n\nconst ReviewCorrectionPopin = ({\n  information,\n  klf,\n  next,\n  type,\n  resultLabel\n}: ReviewCorrectionPopinProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const handlePressNext = next.onClick;\n\n  const Icon = ICONS[type];\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, type);\n    setStylesheet(_stylesheet);\n  }, [theme, type]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper}>\n      <View style={styleSheet.popin}>\n        <View style={styleSheet.correctionSection}>\n          <View style={styleSheet.iconCircle}>\n            <Icon\n              style={styleSheet.icon}\n              color={type === 'wrong' ? theme.colors.negative : theme.colors.positive}\n            />\n          </View>\n          <Text style={styleSheet.resultLabel}>{resultLabel}</Text>\n        </View>\n        <View style={styleSheet.feedbackSection} accessibilityLabel=\"answer-information\">\n          <View style={styleSheet.labelContainer} needsOffscreenAlphaCompositing>\n            <Text accessibilityLabel={information.label} style={styleSheet.label}>\n              {information.label}\n            </Text>\n          </View>\n          <Html style={styleSheet.htmlInfoMessage}>{information.message}</Html>\n        </View>\n        {klf && type === 'wrong' ? <KlfButton styleSheet={styleSheet} klf={klf} /> : null}\n        <Touchable\n          style={styleSheet.button}\n          onPress={handlePressNext}\n          accessibilityLabel={next['aria-label']}\n          testID={next['data-name']}\n        >\n          <Text style={styleSheet.buttonText}>{next.label}</Text>\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}

package/es/molecule/review-correction-popin/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","type","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip"],"sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    tooltip: PropTypes.string\n  })\n};\n\nexport type ReviewCorrectionPopinKLFProps = {\n  label: string;\n  tooltip: string;\n};\n\nexport type ReviewCorrectionPopinProps = {\n  klf?: ReviewCorrectionPopinKLFProps;\n  information: {\n    label: string;\n    message: string;\n  };\n  next: {\n    label: string;\n    onClick: () => void;\n    'data-name'?: string;\n    'aria-label': string;\n  };\n  resultLabel: string;\n  type: 'right' | 'wrong';\n};\n\nexport type Fixture = {props: ReviewCorrectionPopinProps};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAEF,SAAS,CAACG,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EACzCC,WAAW,EAAEJ,SAAS,CAACK,MAAM;EAC7BC,WAAW,EAAEN,SAAS,CAACO,KAAK,CAAC;IAC3BC,KAAK,EAAER,SAAS,CAACK,MAAM;IACvBI,OAAO,EAAET,SAAS,CAACK;EACrB,CAAC,CAAC;EACFK,IAAI,EAAEV,SAAS,CAACO,KAAK,CAAC;IACpBC,KAAK,EAAER,SAAS,CAACK,MAAM;IACvBM,OAAO,EAAEX,SAAS,CAACY,IAAI;IACvB,WAAW,EAAEZ,SAAS,CAACK,MAAM;IAC7B,YAAY,EAAEL,SAAS,CAACK;EAC1B,CAAC,CAAC;EACFQ,GAAG,EAAEb,SAAS,CAACO,KAAK,CAAC;IACnBC,KAAK,EAAER,SAAS,CAACK,MAAM;IACvBS,OAAO,EAAEd,SAAS,CAACK;EACrB,CAAC;AACH,CAAC;AAyBD,eAAeJ,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","type","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip"],"sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    tooltip: PropTypes.string\n  })\n};\n\nexport type ReviewCorrectionPopinKLFProps = {\n  label: string;\n  tooltip: string;\n};\n\nexport type ReviewCorrectionPopinProps = {\n  klf?: ReviewCorrectionPopinKLFProps;\n  information: {\n    label: string;\n    message: string;\n  };\n  next: {\n    label: string;\n    onClick: () => void;\n    'data-name'?: string;\n    'aria-label': string;\n  };\n  resultLabel: string;\n  type: 'right' | 'wrong';\n};\n\nexport type Fixture = {props: ReviewCorrectionPopinProps};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAEF,SAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADU;EAEhBC,WAAW,EAAEJ,SAAS,CAACK,MAFP;EAGhBC,WAAW,EAAEN,SAAS,CAACO,KAAV,CAAgB;IAC3BC,KAAK,EAAER,SAAS,CAACK,MADU;IAE3BI,OAAO,EAAET,SAAS,CAACK;EAFQ,CAAhB,CAHG;EAOhBK,IAAI,EAAEV,SAAS,CAACO,KAAV,CAAgB;IACpBC,KAAK,EAAER,SAAS,CAACK,MADG;IAEpBM,OAAO,EAAEX,SAAS,CAACY,IAFC;IAGpB,aAAaZ,SAAS,CAACK,MAHH;IAIpB,cAAcL,SAAS,CAACK;EAJJ,CAAhB,CAPU;EAahBQ,GAAG,EAAEb,SAAS,CAACO,KAAV,CAAgB;IACnBC,KAAK,EAAER,SAAS,CAACK,MADE;IAEnBS,OAAO,EAAEd,SAAS,CAACK;EAFA,CAAhB;AAbW,CAAlB;AA0CA,eAAeJ,SAAf"}

package/es/molecule/review-header-steps/index.js

@@ -3,6 +3,7 @@ import map from 'lodash/fp/map';
 import StatusItem from '../../atom/status-item';
 import style from './style.css';
 import propTypes from './prop-types';
+
 const ReviewHeaderSteps = props => {
   const {
     steps
@@ -18,6 +19,7 @@ const ReviewHeaderSteps = props => {
     "data-name": "header-steps"
   }, items);
 };
+
 ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewHeaderSteps;
 //# sourceMappingURL=index.js.map

package/es/molecule/review-header-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","map","StatusItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","createElement","className","statusItemContainer","key","wrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => (\n      <div className={style.statusItemContainer} key={index}>\n        <StatusItem {...step} />\n      </div>\n    ),\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAK,CAAC,GAAGD,KAAK;EAErB,MAAME,KAAK,GAAGP,GAAG,CAACQ,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CACrC,CAACC,IAAI,EAAEC,KAAK,kBACVZ,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACY,mBAAoB;IAACC,GAAG,EAAEJ;EAAM,gBACpDZ,KAAA,CAAAa,aAAA,CAACX,UAAU,EAAKS,IAAO,CACpB,CACN,EACDJ,KACF,CAAC;EAED,oBACEP,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,OAAQ;IAAC,aAAU;EAAc,GACpDT,KACE,CAAC;AAEV,CAAC;AAEDH,iBAAiB,CAACD,SAAS,GAAAc,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGhB,SAAS;AAEvC,eAAeC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","map","StatusItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","statusItemContainer","wrapper"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => (\n      <div className={style.statusItemContainer} key={index}>\n        <StatusItem {...step} />\n      </div>\n    ),\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,MAAME,KAAK,GAAGP,GAAG,CAACQ,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBACE;IAAK,SAAS,EAAET,KAAK,CAACU,mBAAtB;IAA2C,GAAG,EAAED;EAAhD,gBACE,oBAAC,UAAD,EAAgBD,IAAhB,CADF,CAFU,EAMZJ,KANY,CAAd;EASA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACW,OAAtB;IAA+B,aAAU;EAAzC,GACGN,KADH,CADF;AAKD,CAjBD;;AAmBAH,iBAAiB,CAACD,SAAlB,2CAA8BA,SAA9B;AAEA,eAAeC,iBAAf"}

package/es/molecule/review-header-steps/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewHeaderStepItemPropTypes","propTypes","steps","arrayOf","shape"],"sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes, {StatusItemProps} from '../../atom/status-item/types';\n\nconst propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n\nexport default propTypes;\n\nexport type ReviewHeaderStepsProps = {\n  steps: StatusItemProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,6BAA6B,MAAyB,8BAA8B;AAE3F,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEH,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACK,KAAK,CAACJ,6BAA6B,CAAC;AACzE,CAAC;AAED,eAAeC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewHeaderStepItemPropTypes","propTypes","steps","arrayOf","shape"],"sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes, {StatusItemProps} from '../../atom/status-item/types';\n\nconst propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n\nexport default propTypes;\n\nexport type ReviewHeaderStepsProps = {\n  steps: StatusItemProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,6BAAP,MAA6D,8BAA7D;AAEA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,6BAAhB,CAAlB;AADS,CAAlB;AAIA,eAAeC,SAAf"}

package/es/molecule/scope-content/index.js

@@ -1,6 +1,8 @@
 import _getOr from "lodash/fp/getOr";
 import _get from "lodash/fp/get";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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 Button from '../../atom/button';
@@ -8,6 +10,7 @@ import Provider from '../../atom/provider';
 import Discussion from '../../organism/discussion';
 import ResourceBrowser from '../../organism/resource-browser';
 import style from './style.css';
+
 const ScopeContent = (props, context) => {
   const {
     translate,
@@ -17,33 +20,45 @@ const ScopeContent = (props, context) => {
     content
   } = props;
   const lstitle = translate('At the end of this level, you will be able to_');
+
   const _chaptersTitle = translate('chapters');
+
   const time = _getOr('', 'time', content);
+
   const title = _getOr('', 'title', content);
+
   const _skills = _getOr([], 'skills', content);
+
   const _chapters = _getOr([], 'chapters', content);
+
   const _resources = _getOr([], 'resources', content);
+
   const skillsTitle = _getOr(lstitle, 'skillsTitle', content);
+
   const chaptersTitle = _getOr(_chaptersTitle, 'chaptersTitle', content);
+
   const onClick = _get('onClick', content);
+
   const buttonLabel = _get('buttonLabel', content);
+
   const discussion = _get('discussion', content);
+
   const skills = _skills.map((skill, index) => /*#__PURE__*/React.createElement("li", {
-    key: index
-    // eslint-disable-next-line react/no-danger
+    key: index // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: skill
     }
   }));
+
   const chapters = _chapters.map((chapter, index) => /*#__PURE__*/React.createElement("li", {
-    key: index
-    // eslint-disable-next-line react/no-danger
+    key: index // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: chapter.name
     }
   }));
+
   const ctaView = onClick ? /*#__PURE__*/React.createElement(Button, {
     "data-name": "cta",
     type: "link",
@@ -64,8 +79,7 @@ const ScopeContent = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.title
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.innerHTML
-    // eslint-disable-next-line react/no-danger
+    className: style.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -98,6 +112,7 @@ const ScopeContent = (props, context) => {
     className: style.discussion
   })) : null);
 };
+
 ScopeContent.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/molecule/scope-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Button","Provider","Discussion","ResourceBrowser","style","ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","_getOr","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","_get","buttonLabel","discussion","skills","map","skill","index","createElement","key","dangerouslySetInnerHTML","__html","chapters","chapter","name","ctaView","type","className","cta","submitValue","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","resources","_extends","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","shape","string","func","arrayOf","object","course_scope"],"sources":["../../../src/molecule/scope-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Button","Provider","Discussion","ResourceBrowser","style","ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","buttonLabel","discussion","skills","map","skill","index","__html","chapters","chapter","name","ctaView","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","childContextTypes","propTypes","shape","string","func","arrayOf","object","course_scope","resources"],"sources":["../../../src/molecule/scope-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"mappings":"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"}

package/es/molecule/scope-tabs/index.js

@@ -1,12 +1,15 @@
 import _omit from "lodash/fp/omit";
 import _noop from "lodash/fp/noop";
 import _has from "lodash/fp/has";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import ModuleBubble from '../module-bubble';
 import style from './style.css';
+
 const Tab = ({
   index,
   selected,
@@ -30,12 +33,14 @@ const Tab = ({
     className: style.name
   }, level.name));
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   selected: PropTypes.number,
   index: PropTypes.number,
   onClick: PropTypes.func,
   level: PropTypes.shape(_omit('onClick', ModuleBubble.propTypes))
 } : {};
+
 const ScopeTabs = (props, context) => {
   const {
     onClick,
@@ -54,6 +59,7 @@ const ScopeTabs = (props, context) => {
   })));
   return levels.length > 1 ? /*#__PURE__*/React.createElement("nav", null, scopeContent) : /*#__PURE__*/React.createElement("div", null, scopeContent);
 };
+
 ScopeTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   selected: PropTypes.number,
   onClick: PropTypes.func,

package/es/molecule/scope-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","ModuleBubble","style","Tab","index","selected","onClick","_noop","level","handleClick","isSelected","bubble","_has","createElement","className","module","_extends","key","defaultTab","currentTab","name","propTypes","process","env","NODE_ENV","number","func","shape","_omit","ScopeTabs","props","context","levels","scopeContent","tabs","map","length","arrayOf","object"],"sources":["../../../src/molecule/scope-tabs/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {has, noop, omit} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport style from './style.css';\n\nconst Tab = ({index, selected, onClick = noop, level}) => {\n  const handleClick = useMemo(() => () => onClick(index), [onClick, index]);\n  const isSelected = selected === index;\n  const bubble = has('status', level) ? (\n    <div className={style.module}>\n      <ModuleBubble {...level} onClick={handleClick} />\n    </div>\n  ) : null;\n\n  return (\n    <li\n      data-name=\"scopeTab\"\n      data-index={index}\n      key={index}\n      onClick={handleClick}\n      className={classnames(style.defaultTab, isSelected ? style.currentTab : null)}\n    >\n      {bubble}\n      <div className={style.name}>{level.name}</div>\n    </li>\n  );\n};\n\nTab.propTypes = {\n  selected: PropTypes.number,\n  index: PropTypes.number,\n  onClick: PropTypes.func,\n  level: PropTypes.shape(omit('onClick', ModuleBubble.propTypes))\n};\n\nconst ScopeTabs = (props, context) => {\n  const {onClick, selected = 0, levels = []} = props;\n  const scopeContent = (\n    <ul data-name=\"scopeTabs\" className={style.tabs}>\n      {levels.map((level, index) => (\n        <Tab key={index} index={index} level={level} onClick={onClick} selected={selected} />\n      ))}\n    </ul>\n  );\n  return levels.length > 1 ? <nav>{scopeContent}</nav> : <div>{scopeContent}</div>;\n};\n\nScopeTabs.propTypes = {\n  selected: PropTypes.number,\n  onClick: PropTypes.func,\n  levels: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default ScopeTabs;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,QAAQ;EAAEC,OAAO,GAAAC,KAAO;EAAEC;AAAK,CAAC,KAAK;EACxD,MAAMC,WAAW,GAAGX,OAAO,CAAC,MAAM,MAAMQ,OAAO,CAACF,KAAK,CAAC,EAAE,CAACE,OAAO,EAAEF,KAAK,CAAC,CAAC;EACzE,MAAMM,UAAU,GAAGL,QAAQ,KAAKD,KAAK;EACrC,MAAMO,MAAM,GAAGC,IAAA,CAAI,QAAQ,EAAEJ,KAAK,CAAC,gBACjCX,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACa;EAAO,gBAC3BlB,KAAA,CAAAgB,aAAA,CAACZ,YAAY,EAAAe,QAAA,KAAKR,KAAK;IAAEF,OAAO,EAAEG;EAAY,EAAE,CAC7C,CAAC,GACJ,IAAI;EAER,oBACEZ,KAAA,CAAAgB,aAAA;IACE,aAAU,UAAU;IACpB,cAAYT,KAAM;IAClBa,GAAG,EAAEb,KAAM;IACXE,OAAO,EAAEG,WAAY;IACrBK,SAAS,EAAEd,UAAU,CAACE,KAAK,CAACgB,UAAU,EAAER,UAAU,GAAGR,KAAK,CAACiB,UAAU,GAAG,IAAI;EAAE,GAE7ER,MAAM,eACPd,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACkB;EAAK,GAAEZ,KAAK,CAACY,IAAU,CAC3C,CAAC;AAET,CAAC;AAEDjB,GAAG,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdnB,QAAQ,EAAEN,SAAS,CAAC0B,MAAM;EAC1BrB,KAAK,EAAEL,SAAS,CAAC0B,MAAM;EACvBnB,OAAO,EAAEP,SAAS,CAAC2B,IAAI;EACvBlB,KAAK,EAAET,SAAS,CAAC4B,KAAK,CAACC,KAAA,CAAK,SAAS,EAAE3B,YAAY,CAACoB,SAAS,CAAC;AAChE,CAAC;AAED,MAAMQ,SAAS,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IAACzB,OAAO;IAAED,QAAQ,GAAG,CAAC;IAAE2B,MAAM,GAAG;EAAE,CAAC,GAAGF,KAAK;EAClD,MAAMG,YAAY,gBAChBpC,KAAA,CAAAgB,aAAA;IAAI,aAAU,WAAW;IAACC,SAAS,EAAEZ,KAAK,CAACgC;EAAK,GAC7CF,MAAM,CAACG,GAAG,CAAC,CAAC3B,KAAK,EAAEJ,KAAK,kBACvBP,KAAA,CAAAgB,aAAA,CAACV,GAAG;IAACc,GAAG,EAAEb,KAAM;IAACA,KAAK,EAAEA,KAAM;IAACI,KAAK,EAAEA,KAAM;IAACF,OAAO,EAAEA,OAAQ;IAACD,QAAQ,EAAEA;EAAS,CAAE,CACrF,CACC,CACL;EACD,OAAO2B,MAAM,CAACI,MAAM,GAAG,CAAC,gBAAGvC,KAAA,CAAAgB,aAAA,cAAMoB,YAAkB,CAAC,gBAAGpC,KAAA,CAAAgB,aAAA,cAAMoB,YAAkB,CAAC;AAClF,CAAC;AAEDJ,SAAS,CAACR,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBnB,QAAQ,EAAEN,SAAS,CAAC0B,MAAM;EAC1BnB,OAAO,EAAEP,SAAS,CAAC2B,IAAI;EACvBM,MAAM,EAAEjC,SAAS,CAACsC,OAAO,CAACtC,SAAS,CAACuC,MAAM;AAC5C,CAAC;AAED,eAAeT,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","ModuleBubble","style","Tab","index","selected","onClick","level","handleClick","isSelected","bubble","module","defaultTab","currentTab","name","propTypes","number","func","shape","ScopeTabs","props","context","levels","scopeContent","tabs","map","length","arrayOf","object"],"sources":["../../../src/molecule/scope-tabs/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {has, noop, omit} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport style from './style.css';\n\nconst Tab = ({index, selected, onClick = noop, level}) => {\n  const handleClick = useMemo(() => () => onClick(index), [onClick, index]);\n  const isSelected = selected === index;\n  const bubble = has('status', level) ? (\n    <div className={style.module}>\n      <ModuleBubble {...level} onClick={handleClick} />\n    </div>\n  ) : null;\n\n  return (\n    <li\n      data-name=\"scopeTab\"\n      data-index={index}\n      key={index}\n      onClick={handleClick}\n      className={classnames(style.defaultTab, isSelected ? style.currentTab : null)}\n    >\n      {bubble}\n      <div className={style.name}>{level.name}</div>\n    </li>\n  );\n};\n\nTab.propTypes = {\n  selected: PropTypes.number,\n  index: PropTypes.number,\n  onClick: PropTypes.func,\n  level: PropTypes.shape(omit('onClick', ModuleBubble.propTypes))\n};\n\nconst ScopeTabs = (props, context) => {\n  const {onClick, selected = 0, levels = []} = props;\n  const scopeContent = (\n    <ul data-name=\"scopeTabs\" className={style.tabs}>\n      {levels.map((level, index) => (\n        <Tab key={index} index={index} level={level} onClick={onClick} selected={selected} />\n      ))}\n    </ul>\n  );\n  return levels.length > 1 ? <nav>{scopeContent}</nav> : <div>{scopeContent}</div>;\n};\n\nScopeTabs.propTypes = {\n  selected: PropTypes.number,\n  onClick: PropTypes.func,\n  levels: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default ScopeTabs;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,KAAD;EAAQC,QAAR;EAAkBC,OAAO,QAAzB;EAAkCC;AAAlC,CAAD,KAA8C;EACxD,MAAMC,WAAW,GAAGV,OAAO,CAAC,MAAM,MAAMQ,OAAO,CAACF,KAAD,CAApB,EAA6B,CAACE,OAAD,EAAUF,KAAV,CAA7B,CAA3B;EACA,MAAMK,UAAU,GAAGJ,QAAQ,KAAKD,KAAhC;EACA,MAAMM,MAAM,GAAG,KAAI,QAAJ,EAAcH,KAAd,iBACb;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAtB,gBACE,oBAAC,YAAD,eAAkBJ,KAAlB;IAAyB,OAAO,EAAEC;EAAlC,GADF,CADa,GAIX,IAJJ;EAMA,oBACE;IACE,aAAU,UADZ;IAEE,cAAYJ,KAFd;IAGE,GAAG,EAAEA,KAHP;IAIE,OAAO,EAAEI,WAJX;IAKE,SAAS,EAAER,UAAU,CAACE,KAAK,CAACU,UAAP,EAAmBH,UAAU,GAAGP,KAAK,CAACW,UAAT,GAAsB,IAAnD;EALvB,GAOGH,MAPH,eAQE;IAAK,SAAS,EAAER,KAAK,CAACY;EAAtB,GAA6BP,KAAK,CAACO,IAAnC,CARF,CADF;AAYD,CArBD;;AAuBAX,GAAG,CAACY,SAAJ,2CAAgB;EACdV,QAAQ,EAAEN,SAAS,CAACiB,MADN;EAEdZ,KAAK,EAAEL,SAAS,CAACiB,MAFH;EAGdV,OAAO,EAAEP,SAAS,CAACkB,IAHL;EAIdV,KAAK,EAAER,SAAS,CAACmB,KAAV,CAAgB,MAAK,SAAL,EAAgBjB,YAAY,CAACc,SAA7B,CAAhB;AAJO,CAAhB;;AAOA,MAAMI,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACf,OAAD;IAAUD,QAAQ,GAAG,CAArB;IAAwBiB,MAAM,GAAG;EAAjC,IAAuCF,KAA7C;EACA,MAAMG,YAAY,gBAChB;IAAI,aAAU,WAAd;IAA0B,SAAS,EAAErB,KAAK,CAACsB;EAA3C,GACGF,MAAM,CAACG,GAAP,CAAW,CAAClB,KAAD,EAAQH,KAAR,kBACV,oBAAC,GAAD;IAAK,GAAG,EAAEA,KAAV;IAAiB,KAAK,EAAEA,KAAxB;IAA+B,KAAK,EAAEG,KAAtC;IAA6C,OAAO,EAAED,OAAtD;IAA+D,QAAQ,EAAED;EAAzE,EADD,CADH,CADF;EAOA,OAAOiB,MAAM,CAACI,MAAP,GAAgB,CAAhB,gBAAoB,iCAAMH,YAAN,CAApB,gBAAgD,iCAAMA,YAAN,CAAvD;AACD,CAVD;;AAYAJ,SAAS,CAACJ,SAAV,2CAAsB;EACpBV,QAAQ,EAAEN,SAAS,CAACiB,MADA;EAEpBV,OAAO,EAAEP,SAAS,CAACkB,IAFC;EAGpBK,MAAM,EAAEvB,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAAC6B,MAA5B;AAHY,CAAtB;AAMA,eAAeT,SAAf"}

package/es/molecule/search-form/index.js

@@ -1,10 +1,13 @@
 import _get from "lodash/fp/get";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationMore as ClearIcon } from '@coorpacademy/nova-icons';
 import Search from '../../atom/input-search';
 import style from './style.css';
+
 const SearchForm = (props, context) => {
   const {
     action,
@@ -24,7 +27,9 @@ const SearchForm = (props, context) => {
   const {
     skin
   } = context;
+
   const dark = _get('common.dark', skin);
+
   return /*#__PURE__*/React.createElement("form", {
     className: style.form,
     action: action,
@@ -48,6 +53,7 @@ const SearchForm = (props, context) => {
     className: style.clear
   })));
 };
+
 SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   action: PropTypes.string,
   method: PropTypes.string,