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

package/lib/atom/chips/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 Chips = props => {
   const {
     text,
@@ -36,6 +45,7 @@ const Chips = props => {
     className: _style.default.unselectedIconWrapper
   }));
 };
+
 Chips.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string,
   information: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Chips","props","text","information","selected","onClick","handleClick","useMemo","classnames","style","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAIA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAI;IAAEC,WAAW;IAAEC,QAAQ,GAAG,KAAK;IAAEC;EAAO,CAAC,GAAGJ,KAAK;EAE5D,MAAMK,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAMF,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACC,SAAS,EAAEN,QAAQ,GAAGK,cAAK,CAACL,QAAQ,GAAGK,cAAK,CAACE,UAAU,CAAE;IACrF,OAAO,EAAEL,WAAY;IACrB,cAAa,GAAEJ,IAAK,IAAGC,WAAY,EAAE;IACrC,aAAWD;EAAK,gBAEhB;IAAK,SAAS,EAAEO,cAAK,CAACG,QAAS;IAAC,KAAK,EAAEV;EAAK,gBAC1C;IAAM,SAAS,EAAEO,cAAK,CAACP;EAAK,GAAEA,IAAI,CAAQ,eAC1C;IAAM,SAAS,EAAEO,cAAK,CAACN;EAAY,GAAEA,WAAW,CAAQ,CACpD,EACLC,QAAQ,gBACP,6BAAC,sCAAY;IAAC,SAAS,EAAEK,cAAK,CAACI;EAAoB,EAAG,gBAEtD,6BAAC,uCAAO;IAAC,SAAS,EAAEJ,cAAK,CAACK;EAAsB,EACjD,CACG;AAEV,CAAC;AAEDd,KAAK,CAACe,SAAS,2CAAG;EAChBb,IAAI,EAAEc,kBAAS,CAACC,MAAM;EACtBd,WAAW,EAAEa,kBAAS,CAACC,MAAM;EAC7Bb,QAAQ,EAAEY,kBAAS,CAACE,IAAI;EACxBb,OAAO,EAAEW,kBAAS,CAACG;AACrB,CAAC;AAAC,eAEanB,KAAK;AAAA"}
+{"version":3,"file":"index.js","names":["Chips","props","text","information","selected","onClick","handleClick","useMemo","classnames","style","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAD;IAAOC,WAAP;IAAoBC,QAAQ,GAAG,KAA/B;IAAsCC;EAAtC,IAAiDJ,KAAvD;EAEA,MAAMK,WAAW,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMF,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAApB;EAEA,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMC,SAAjB,EAA4BN,QAAQ,GAAGK,cAAA,CAAML,QAAT,GAAoBK,cAAA,CAAME,UAA9D,CADb;IAEE,OAAO,EAAEL,WAFX;IAGE,cAAa,GAAEJ,IAAK,IAAGC,WAAY,EAHrC;IAIE,aAAWD;EAJb,gBAME;IAAK,SAAS,EAAEO,cAAA,CAAMG,QAAtB;IAAgC,KAAK,EAAEV;EAAvC,gBACE;IAAM,SAAS,EAAEO,cAAA,CAAMP;EAAvB,GAA8BA,IAA9B,CADF,eAEE;IAAM,SAAS,EAAEO,cAAA,CAAMN;EAAvB,GAAqCA,WAArC,CAFF,CANF,EAUGC,QAAQ,gBACP,6BAAC,sCAAD;IAAc,SAAS,EAAEK,cAAA,CAAMI;EAA/B,EADO,gBAGP,6BAAC,uCAAD;IAAS,SAAS,EAAEJ,cAAA,CAAMK;EAA1B,EAbJ,CADF;AAkBD,CAvBD;;AAyBAd,KAAK,CAACe,SAAN,2CAAkB;EAChBb,IAAI,EAAEc,kBAAA,CAAUC,MADA;EAEhBd,WAAW,EAAEa,kBAAA,CAAUC,MAFP;EAGhBb,QAAQ,EAAEY,kBAAA,CAAUE,IAHJ;EAIhBb,OAAO,EAAEW,kBAAA,CAAUG;AAJH,CAAlB;eAOenB,K"}

package/lib/atom/choice/index.native.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
 import type { Media, QuestionType } from '../../molecule/questions/types';
-export type Props = {
+export declare type Props = {
     isSelected?: boolean;
     onPress: () => void;
     children?: string;

package/lib/atom/choice/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,uBAqFP,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,uBAqFP,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/choice/index.native.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../html/index.native"));
+
 var _index2 = _interopRequireDefault(require("../image-background/index.native"));
+
 var _getCleanUri = _interopRequireDefault(require("../../util/get-clean-uri"));
+
 var _index3 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 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; }
+
 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); }
+
 const createStyleSheet = (theme, squeezed) => _reactNative.StyleSheet.create({
   boxShadow: {
     shadowColor: '#000',
@@ -69,6 +81,7 @@ const createStyleSheet = (theme, squeezed) => _reactNative.StyleSheet.create({
     flex: 1
   }
 });
+
 const Choice = ({
   children,
   isSelected = false,
@@ -88,11 +101,14 @@ const Choice = ({
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme, squeezed);
+
     setStylesheet(_stylesheet);
   }, [theme, squeezed]);
+
   if (!styleSheet) {
     return null;
   }
+
   const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';
   const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();
   const url = media && media.type === 'img' && media.src && media.src.length > 0 && (0, _getCleanUri.default)(media.src[0].url);
@@ -102,13 +118,14 @@ const Choice = ({
   const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';
   const textStyle = [styleSheet.text];
   const textWrapperStyle = [styleSheet.textContainer];
+
   if (squeezed) {
     textWrapperStyle.push(styleSheet.squeezedTextContainer);
   }
+
   if (isSelected) {
-    textStyle.push(styleSheet.textSelected);
+    textStyle.push(styleSheet.textSelected); // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
 
-    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
     const selectionStyle = brandTheme && _extends({
       backgroundColor: brandTheme.colors?.primary,
       borderColor: brandTheme.colors?.primary
@@ -118,10 +135,12 @@ const Choice = ({
     } : {
       borderRadius: theme.radius.regular
     });
+
     if (selectionStyle) {
       textWrapperStyle.push(selectionStyle);
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(_index3.default, {
     onPress: !isDisabled ? onPress : undefined,
     style: style,
@@ -144,6 +163,7 @@ const Choice = ({
     style: textStyle
   }, children)) : null));
 };
+
 var _default = Choice;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/choice/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","squeezed","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","getCleanUri","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle}>{children}</Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","squeezed","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","getCleanUri","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle}>{children}</Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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"}

package/lib/atom/clue/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _loader = _interopRequireDefault(require("../loader"));
+
 var _cta = _interopRequireDefault(require("../cta"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const LoadedClue = ({
   text
 }) => {
@@ -26,9 +38,11 @@ const LoadedClue = ({
     }
   }));
 };
+
 LoadedClue.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string
 } : {};
+
 class Clue extends _react.default.Component {
   static getDerivedStateFromProps(props) {
     const {
@@ -40,6 +54,7 @@ class Clue extends _react.default.Component {
       isLoading
     };
   }
+
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -47,6 +62,7 @@ class Clue extends _react.default.Component {
     };
     this.handleClick = this.handleClick.bind(this);
   }
+
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -60,6 +76,7 @@ class Clue extends _react.default.Component {
       isLoading
     });
   }
+
   render() {
     const {
       text,
@@ -105,7 +122,9 @@ class Clue extends _react.default.Component {
       text: text
     }))));
   }
+
 }
+
 Clue.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LoadedClue","text","style","clueText","__html","propTypes","PropTypes","string","Clue","React","Component","getDerivedStateFromProps","props","isLoading","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","setState","render","starsDiff","skin","translate","primaryColor","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","classnames","clueCard","flip","back","backContent","loading","stars","front","contextTypes","Provider","childContextTypes","Cta","number"],"sources":["../../../src/atom/clue/index.js"],"sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle} data-name=\"clue-back-side\">\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["LoadedClue","text","style","clueText","__html","propTypes","PropTypes","string","Clue","React","Component","getDerivedStateFromProps","props","isLoading","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","setState","render","starsDiff","skin","translate","primaryColor","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","classnames","clueCard","flip","back","backContent","loading","stars","front","contextTypes","Provider","childContextTypes","Cta","number"],"sources":["../../../src/atom/clue/index.js"],"sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle} data-name=\"clue-back-side\">\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"mappings":"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"}

package/lib/atom/content-badge/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CATEGORIES = {
   base: _style.default.base,
   advanced: _style.default.advanced,
@@ -19,6 +25,7 @@ const CATEGORIES = {
   course: _style.default.course,
   hidden: _style.default.hidden
 };
+
 const ContentBadge = props => {
   const {
     category,
@@ -28,6 +35,7 @@ const ContentBadge = props => {
     className: CATEGORIES[category]
   }, label);
 };
+
 ContentBadge.propTypes = process.env.NODE_ENV !== "production" ? {
   category: _propTypes.default.oneOf((0, _keys2.default)(CATEGORIES)),
   label: _propTypes.default.string

package/lib/atom/content-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CATEGORIES","base","style","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","propTypes","PropTypes","oneOf","string"],"sources":["../../../src/atom/content-badge/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst CATEGORIES = {\n  base: style.base,\n  advanced: style.advanced,\n  coach: style.coach,\n  chapter: style.chapter,\n  scorm: style.scorm,\n  video: style.video,\n  article: style.article,\n  podcast: style.podcast,\n  course: style.course,\n  hidden: style.hidden\n};\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return <span className={CATEGORIES[category]}>{label}</span>;\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf(keys(CATEGORIES)),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AAAgC;AAEhC,MAAMA,UAAU,GAAG;EACjBC,IAAI,EAAEC,cAAK,CAACD,IAAI;EAChBE,QAAQ,EAAED,cAAK,CAACC,QAAQ;EACxBC,KAAK,EAAEF,cAAK,CAACE,KAAK;EAClBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,KAAK,EAAEJ,cAAK,CAACI,KAAK;EAClBC,KAAK,EAAEL,cAAK,CAACK,KAAK;EAClBC,OAAO,EAAEN,cAAK,CAACM,OAAO;EACtBC,OAAO,EAAEP,cAAK,CAACO,OAAO;EACtBC,MAAM,EAAER,cAAK,CAACQ,MAAM;EACpBC,MAAM,EAAET,cAAK,CAACS;AAChB,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAQ;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC/B,oBAAO;IAAM,SAAS,EAAEb,UAAU,CAACc,QAAQ;EAAE,GAAEC,KAAK,CAAQ;AAC9D,CAAC;AAEDH,YAAY,CAACI,SAAS,2CAAG;EACvBF,QAAQ,EAAEG,kBAAS,CAACC,KAAK,CAAC,oBAAKlB,UAAU,CAAC,CAAC;EAC3Ce,KAAK,EAAEE,kBAAS,CAACE;AACnB,CAAC;AAAC,eAEaP,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["CATEGORIES","base","style","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","propTypes","PropTypes","oneOf","string"],"sources":["../../../src/atom/content-badge/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst CATEGORIES = {\n  base: style.base,\n  advanced: style.advanced,\n  coach: style.coach,\n  chapter: style.chapter,\n  scorm: style.scorm,\n  video: style.video,\n  article: style.article,\n  podcast: style.podcast,\n  course: style.course,\n  hidden: style.hidden\n};\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return <span className={CATEGORIES[category]}>{label}</span>;\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf(keys(CATEGORIES)),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,IAAI,EAAEC,cAAA,CAAMD,IADK;EAEjBE,QAAQ,EAAED,cAAA,CAAMC,QAFC;EAGjBC,KAAK,EAAEF,cAAA,CAAME,KAHI;EAIjBC,OAAO,EAAEH,cAAA,CAAMG,OAJE;EAKjBC,KAAK,EAAEJ,cAAA,CAAMI,KALI;EAMjBC,KAAK,EAAEL,cAAA,CAAMK,KANI;EAOjBC,OAAO,EAAEN,cAAA,CAAMM,OAPE;EAQjBC,OAAO,EAAEP,cAAA,CAAMO,OARE;EASjBC,MAAM,EAAER,cAAA,CAAMQ,MATG;EAUjBC,MAAM,EAAET,cAAA,CAAMS;AAVG,CAAnB;;AAaA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAD;IAAWC;EAAX,IAAoBF,KAA1B;EACA,oBAAO;IAAM,SAAS,EAAEb,UAAU,CAACc,QAAD;EAA3B,GAAwCC,KAAxC,CAAP;AACD,CAHD;;AAKAH,YAAY,CAACI,SAAb,2CAAyB;EACvBF,QAAQ,EAAEG,kBAAA,CAAUC,KAAV,CAAgB,oBAAKlB,UAAL,CAAhB,CADa;EAEvBe,KAAK,EAAEE,kBAAA,CAAUE;AAFM,CAAzB;eAKeP,Y"}

package/lib/atom/cta/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _link = _interopRequireDefault(require("../link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class CTA extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -22,16 +34,19 @@ class CTA extends _react.default.Component {
     this.handleMouseEnter = this.handleMouseEnter.bind(this);
     this.handleMouseLeave = this.handleMouseLeave.bind(this);
   }
+
   handleMouseEnter() {
     return this.setState({
       hovered: true
     });
   }
+
   handleMouseLeave() {
     return this.setState({
       hovered: false
     });
   }
+
   getStyle() {
     const {
       skin
@@ -48,6 +63,7 @@ class CTA extends _react.default.Component {
     const color = (0, _get2.default)('common.primary', skin);
     const grey = (0, _get2.default)('common.grey', skin);
     if (logout) return;
+
     if (disabled) {
       return {
         backgroundColor: grey,
@@ -55,6 +71,7 @@ class CTA extends _react.default.Component {
         opacity: '0.3'
       };
     }
+
     if (hovered) {
       const darkenColor = (0, _cssColorFunction.convert)(`color(${color} blackness(+10%))`);
       return {
@@ -62,6 +79,7 @@ class CTA extends _react.default.Component {
         borderColor: darkenColor
       };
     }
+
     if (secondary) return {
       color,
       borderColor: color
@@ -74,6 +92,7 @@ class CTA extends _react.default.Component {
       backgroundColor: color
     };
   }
+
   render() {
     const {
       submitValue = 'submit',
@@ -109,7 +128,9 @@ class CTA extends _react.default.Component {
       className: _style.default.logoutIcon
     }), submitValue) : submitValue);
   }
+
 }
+
 CTA.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CTA","React","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","convert","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","classnames","style","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","Provider","childContextTypes","propTypes","Link","children","PropTypes","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\n    submitValue: Link.propTypes.children,\n    href: Link.propTypes.href,\n    onClick: Link.propTypes.onClick,\n    target: Link.propTypes.target,\n    name: PropTypes.string,\n    disabled: PropTypes.bool,\n    light: PropTypes.bool,\n    secondary: PropTypes.bool,\n    small: PropTypes.bool,\n    className: PropTypes.string,\n    logout: PropTypes.bool,\n    rectangular: PropTypes.bool,\n    fullWidth: PropTypes.bool,\n    certificationButton: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }\n\n  render() {\n    const {\n      submitValue = 'submit',\n      name: ctaName,\n      href,\n      target,\n      disabled = false,\n      light = false,\n      small = false,\n      secondary = false,\n      onClick,\n      className,\n      logout = false,\n      rectangular = false,\n      fullWidth = false,\n      certificationButton = false\n    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        target={target}\n        className={classnames(\n          style.button,\n          disabled ? style.disabled : null,\n          small ? style.smallButton : null,\n          light ? style.lightButton : null,\n          secondary ? style.secondaryButton : null,\n          logout ? style.logoutButton : null,\n          rectangular ? style.rectangularButton : null,\n          fullWidth ? style.fullWidth : null,\n          certificationButton ? style.certificationButton : null,\n          className\n        )}\n        data-name={ctaName || 'cta'}\n        style={this.getStyle()}\n      >\n        {logout ? (\n          <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n            <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n            {submitValue}\n          </div>\n        ) : (\n          submitValue\n        )}\n      </Link>\n    );\n  }\n}\n\nexport default CTA;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["CTA","React","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","convert","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","classnames","style","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","Provider","childContextTypes","propTypes","Link","children","PropTypes","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\n    submitValue: Link.propTypes.children,\n    href: Link.propTypes.href,\n    onClick: Link.propTypes.onClick,\n    target: Link.propTypes.target,\n    name: PropTypes.string,\n    disabled: PropTypes.bool,\n    light: PropTypes.bool,\n    secondary: PropTypes.bool,\n    small: PropTypes.bool,\n    className: PropTypes.string,\n    logout: PropTypes.bool,\n    rectangular: PropTypes.bool,\n    fullWidth: PropTypes.bool,\n    certificationButton: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }\n\n  render() {\n    const {\n      submitValue = 'submit',\n      name: ctaName,\n      href,\n      target,\n      disabled = false,\n      light = false,\n      small = false,\n      secondary = false,\n      onClick,\n      className,\n      logout = false,\n      rectangular = false,\n      fullWidth = false,\n      certificationButton = false\n    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        target={target}\n        className={classnames(\n          style.button,\n          disabled ? style.disabled : null,\n          small ? style.smallButton : null,\n          light ? style.lightButton : null,\n          secondary ? style.secondaryButton : null,\n          logout ? style.logoutButton : null,\n          rectangular ? style.rectangularButton : null,\n          fullWidth ? style.fullWidth : null,\n          certificationButton ? style.certificationButton : null,\n          className\n        )}\n        data-name={ctaName || 'cta'}\n        style={this.getStyle()}\n      >\n        {logout ? (\n          <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n            <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n            {submitValue}\n          </div>\n        ) : (\n          submitValue\n        )}\n      </Link>\n    );\n  }\n}\n\nexport default CTA;\n"],"mappings":"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"}

package/lib/atom/difficulty-level/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Icon = ({
   level = 0
 }) => {
@@ -18,16 +26,19 @@ const Icon = ({
         className: _style.default.icon,
         color: "#fff"
       });
+
     case 2:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel2, {
         className: _style.default.icon,
         color: "#fff"
       });
+
     case 3:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel3, {
         className: _style.default.icon,
         color: "#fff"
       });
+
     default:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel0, {
         className: _style.default.icon,
@@ -35,9 +46,11 @@ const Icon = ({
       });
   }
 };
+
 Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   level: _propTypes.default.oneOf([1, 2, 3])
 } : {};
+
 const DifficultyLevel = ({
   level,
   children
@@ -55,6 +68,7 @@ const DifficultyLevel = ({
 }), /*#__PURE__*/_react.default.createElement("span", {
   className: _style.default.text
 }, children)));
+
 DifficultyLevel.propTypes = process.env.NODE_ENV !== "production" ? {
   level: Icon.propTypes.level,
   children: _propTypes.default.string

package/lib/atom/difficulty-level/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAMA;AAAgC;AAEhC,MAAMA,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAC,CAAC,KAAK;EAC5B,QAAQA,KAAK;IACX,KAAK,CAAC;MACJ,oBAAO,6BAAC,4CAAiC;QAAC,SAAS,EAAEC,cAAK,CAACC,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;IAClF,KAAK,CAAC;MACJ,oBAAO,6BAAC,4CAAiC;QAAC,SAAS,EAAED,cAAK,CAACC,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;IAClF,KAAK,CAAC;MACJ,oBAAO,6BAAC,4CAAiC;QAAC,SAAS,EAAED,cAAK,CAACC,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;IAClF;MACE,oBAAO,6BAAC,4CAAiC;QAAC,SAAS,EAAED,cAAK,CAACC,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;EAAC;AAEvF,CAAC;AAEDH,IAAI,CAACI,SAAS,2CAAG;EACfH,KAAK,EAAEI,kBAAS,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClC,CAAC;AAED,MAAMC,eAAe,GAAG,CAAC;EAACN,KAAK;EAAEO;AAAQ,CAAC,kBACxC;EAAK,SAAS,EAAEN,cAAK,CAACO;AAAgB,gBACpC;EACE,SAAS,EAAE,IAAAC,mBAAU,EAAC;IACpB,CAACR,cAAK,CAACS,gBAAgB,GAAG,CAAC,IAAAC,iBAAQ,EAACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,CAACC,cAAK,CAACW,aAAa,GAAGZ,KAAK,KAAK,CAAC;IAClC,CAACC,cAAK,CAACY,eAAe,GAAGb,KAAK,KAAK,CAAC;IACpC,CAACC,cAAK,CAACa,aAAa,GAAGd,KAAK,KAAK;EACnC,CAAC;AAAE,gBAEH,6BAAC,IAAI;EAAC,KAAK,EAAEA;AAAM,EAAG,eACtB;EAAM,SAAS,EAAEC,cAAK,CAACc;AAAK,GAAER,QAAQ,CAAQ,CAC1C,CAET;AAEDD,eAAe,CAACH,SAAS,2CAAG;EAC1BH,KAAK,EAAED,IAAI,CAACI,SAAS,CAACH,KAAK;EAC3BO,QAAQ,EAAEH,kBAAS,CAACY;AACtB,CAAC;AAAC,eAEaV,eAAe;AAAA"}
+{"version":3,"file":"index.js","names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAEC,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;EARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;EACfH,KAAK,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACN,KAAD;EAAQO;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEN,cAAA,CAAMO;AAAtB,gBACE;EACE,SAAS,EAAE,IAAAC,mBAAA,EAAW;IACpB,CAACR,cAAA,CAAMS,gBAAP,GAA0B,CAAC,IAAAC,iBAAA,EAASX,KAAT,EAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB,CADP;IAEpB,CAACC,cAAA,CAAMW,aAAP,GAAuBZ,KAAK,KAAK,CAFb;IAGpB,CAACC,cAAA,CAAMY,eAAP,GAAyBb,KAAK,KAAK,CAHf;IAIpB,CAACC,cAAA,CAAMa,aAAP,GAAuBd,KAAK,KAAK;EAJb,CAAX;AADb,gBAQE,6BAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEC,cAAA,CAAMc;AAAvB,GAA8BR,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BH,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;EAE1BO,QAAQ,EAAEH,kBAAA,CAAUY;AAFM,CAA5B;eAKeV,e"}