@coorpacademy/components 11.32.52 → 11.33.1

package/es/atom/chips/index.js

@@ -1,10 +1,10 @@
 // This component is a simpler version of the generic Chip component, in use in CoorpManager.
+
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaSolidStatusCheckCircle2 as SelectedIcon } from '@coorpacademy/nova-icons';
 import style from './style.css';
-
 const Chips = props => {
   const {
     text,
@@ -31,7 +31,6 @@ const Chips = props => {
     className: style.unselectedIconWrapper
   }));
 };
-
 Chips.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   information: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["// This component is a simpler version of the generic Chip component, in use in CoorpManager.\n\nimport 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;AAEA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAD;IAAOC,WAAP;IAAoBC,QAAQ,GAAG,KAA/B;IAAsCC;EAAtC,IAAiDJ,KAAvD;EAEA,MAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;EAEA,oBACE;IACE,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAP,EAAkBH,QAAQ,GAAGL,KAAK,CAACK,QAAT,GAAoBL,KAAK,CAACS,UAApD,CADvB;IAEE,OAAO,EAAEF,WAFX;IAGE,cAAa,GAAEJ,IAAK,IAAGC,WAAY,EAHrC;IAIE,aAAWD;EAJb,gBAME;IAAK,SAAS,EAAEH,KAAK,CAACU,QAAtB;IAAgC,KAAK,EAAEP;EAAvC,gBACE;IAAM,SAAS,EAAEH,KAAK,CAACG;EAAvB,GAA8BA,IAA9B,CADF,eAEE;IAAM,SAAS,EAAEH,KAAK,CAACI;EAAvB,GAAqCA,WAArC,CAFF,CANF,EAUGC,QAAQ,gBACP,oBAAC,YAAD;IAAc,SAAS,EAAEL,KAAK,CAACW;EAA/B,EADO,gBAGP,oBAAC,OAAD;IAAS,SAAS,EAAEX,KAAK,CAACY;EAA1B,EAbJ,CADF;AAkBD,CAvBD;;AAyBAX,KAAK,CAACY,SAAN,2CAAkB;EAChBV,IAAI,EAAET,SAAS,CAACoB,MADA;EAEhBV,WAAW,EAAEV,SAAS,CAACoB,MAFP;EAGhBT,QAAQ,EAAEX,SAAS,CAACqB,IAHJ;EAIhBT,OAAO,EAAEZ,SAAS,CAACsB;AAJH,CAAlB;AAOA,eAAef,KAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","createElement","className","container","unselected","textZone","title","selectedIconWrapper","unselectedIconWrapper","propTypes","process","env","NODE_ENV","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["// This component is a simpler version of the generic Chip component, in use in CoorpManager.\n\nimport 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;;AAEA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,4BAA4B,IAAIC,OAAO,EACvCC,2BAA2B,IAAIC,YAAY,QACtC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAI;IAAEC,WAAW;IAAEC,QAAQ,GAAG,KAAK;IAAEC;EAAO,CAAC,GAAGJ,KAAK;EAE5D,MAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,oBACEd,KAAA,CAAAgB,aAAA;IACEC,SAAS,EAAEd,UAAU,CAACK,KAAK,CAACU,SAAS,EAAEL,QAAQ,GAAGL,KAAK,CAACK,QAAQ,GAAGL,KAAK,CAACW,UAAU,CAAE;IACrFL,OAAO,EAAEC,WAAY;IACrB,cAAY,GAAGJ,IAAI,IAAIC,WAAW,EAAG;IACrC,aAAWD;EAAK,gBAEhBX,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACY,QAAS;IAACC,KAAK,EAAEV;EAAK,gBAC1CX,KAAA,CAAAgB,aAAA;IAAMC,SAAS,EAAET,KAAK,CAACG;EAAK,GAAEA,IAAW,CAAC,eAC1CX,KAAA,CAAAgB,aAAA;IAAMC,SAAS,EAAET,KAAK,CAACI;EAAY,GAAEA,WAAkB,CACpD,CAAC,EACLC,QAAQ,gBACPb,KAAA,CAAAgB,aAAA,CAACT,YAAY;IAACU,SAAS,EAAET,KAAK,CAACc;EAAoB,CAAE,CAAC,gBAEtDtB,KAAA,CAAAgB,aAAA,CAACX,OAAO;IAACY,SAAS,EAAET,KAAK,CAACe;EAAsB,CAAE,CAEjD,CAAC;AAEV,CAAC;AAEDd,KAAK,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBhB,IAAI,EAAET,SAAS,CAAC0B,MAAM;EACtBhB,WAAW,EAAEV,SAAS,CAAC0B,MAAM;EAC7Bf,QAAQ,EAAEX,SAAS,CAAC2B,IAAI;EACxBf,OAAO,EAAEZ,SAAS,CAAC4B;AACrB,CAAC;AAED,eAAerB,KAAK","ignoreList":[]}

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

@@ -1,5 +1,3 @@
-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, { useEffect, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import Html from '../html/index.native';
@@ -7,7 +5,6 @@ import ImageBackground from '../image-background/index.native';
 import getCleanUri from '../../util/get-clean-uri';
 import Touchable from '../../hoc/touchable/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
-
 const createStyleSheet = (theme, squeezed) => StyleSheet.create({
   boxShadow: {
     shadowColor: '#000',
@@ -64,7 +61,6 @@ const createStyleSheet = (theme, squeezed) => StyleSheet.create({
     flex: 1
   }
 });
-
 const Choice = ({
   children,
   isSelected = false,
@@ -84,14 +80,11 @@ const Choice = ({
   const [styleSheet, setStylesheet] = useState(null);
   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 && getCleanUri(media.src[0].url);
@@ -101,29 +94,27 @@ 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); // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
+    textStyle.push(styleSheet.textSelected);
 
-    const selectionStyle = brandTheme && _extends({
+    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
+    const selectionStyle = brandTheme && {
       backgroundColor: brandTheme.colors?.primary,
-      borderColor: brandTheme.colors?.primary
-    }, url ? {
-      borderTopRightRadius: theme.radius.regular,
-      borderBottomRightRadius: theme.radius.regular
-    } : {
-      borderRadius: theme.radius.regular
-    });
-
+      borderColor: brandTheme.colors?.primary,
+      ...(url ? {
+        borderTopRightRadius: theme.radius.regular,
+        borderBottomRightRadius: theme.radius.regular
+      } : {
+        borderRadius: theme.radius.regular
+      })
+    };
     if (selectionStyle) {
       textWrapperStyle.push(selectionStyle);
     }
   }
-
   return /*#__PURE__*/React.createElement(Touchable, {
     onPress: !isDisabled ? onPress : undefined,
     style: style,
@@ -147,6 +138,5 @@ const Choice = ({
     isTextCentered: true
   }, children)) : null));
 };
-
 export default Choice;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","Html","ImageBackground","getCleanUri","Touchable","useTemplateContext","createStyleSheet","theme","squeezed","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","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","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} isTextCentered>\n              {children}\n            </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":["React","useEffect","useState","View","StyleSheet","Html","ImageBackground","getCleanUri","Touchable","useTemplateContext","createStyleSheet","theme","squeezed","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","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius","createElement","analyticsID","analyticsParams","isTextCentered"],"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} isTextCentered>\n              {children}\n            </Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/circular-progress-bar/index.js

@@ -2,7 +2,6 @@ import _isNull from "lodash/fp/isNull";
 import React, { useMemo, useState, useEffect } from 'react';
 import { CircularProgressBarPropTypes } from './types';
 import style from './style.css';
-
 const ProgressionGradient = () => /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
   id: "gradient-stroke-progression",
   x1: "81",
@@ -16,7 +15,6 @@ const ProgressionGradient = () => /*#__PURE__*/React.createElement("defs", null,
   offset: "1",
   stopColor: "#55F2A7"
 })));
-
 const CircularProgressBar = ({
   label,
   progression,
@@ -80,7 +78,6 @@ const CircularProgressBar = ({
     className: style.label
   }, label)));
 };
-
 CircularProgressBar.propTypes = process.env.NODE_ENV !== "production" ? CircularProgressBarPropTypes : {};
 export default CircularProgressBar;
 //# sourceMappingURL=index.js.map

package/es/atom/circular-progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useEffect","CircularProgressBarPropTypes","style","ProgressionGradient","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","offset","setOffset","center","radius","length","center_","radius_","length_","Math","ceil","PI","container","svg","mainCircle","progressionCircle","infos","propTypes"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n  <defs>\n    <linearGradient\n      id=\"gradient-stroke-progression\"\n      x1=\"81\"\n      y1=\"0\"\n      x2=\"81\"\n      y2=\"162\"\n      gradientUnits=\"userSpaceOnUse\"\n    >\n      <stop stopColor=\"#35CC7F\" />\n      <stop offset=\"1\" stopColor=\"#55F2A7\" />\n    </linearGradient>\n  </defs>\n);\n\nconst CircularProgressBar = ({\n  label,\n  progression,\n  size,\n  strokeWidth,\n  'aria-label': ariaLabel,\n  'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n  const [offset, setOffset] = useState<null | number>(null);\n\n  const {center, radius, length} = useMemo(() => {\n    const center_ = size / 2;\n    const radius_ = center_ - strokeWidth;\n    const length_ = Math.ceil(2 * Math.PI * radius_);\n\n    return {center: center_, radius: radius_, length: length_};\n  }, [size, strokeWidth]);\n\n  useEffect(\n    () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n    [length, progression]\n  );\n\n  return (\n    <div className={style.container} aria-label={ariaLabel} data-name={dataName}>\n      <svg className={style.svg} width={size} height={size}>\n        <ProgressionGradient />\n        <circle\n          className={style.mainCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          strokeWidth={3}\n          fill=\"transparent\"\n        />\n        <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n        <circle\n          className={style.progressionCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          stroke={`url(#gradient-stroke-progression)`}\n          strokeWidth={strokeWidth}\n          strokeDasharray={length}\n          strokeDashoffset={isNull(offset) ? length : offset}\n          fill=\"transparent\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n      <div className={style.infos}>\n        <span className={style.progression}>{progression}%</span>\n        <span className={style.label}>{label}</span>\n      </div>\n    </div>\n  );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useEffect","CircularProgressBarPropTypes","style","ProgressionGradient","createElement","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","setOffset","center","radius","length","center_","radius_","length_","Math","ceil","PI","className","container","svg","width","height","mainCircle","cx","cy","r","fill","progressionCircle","stroke","strokeDasharray","strokeDashoffset","_isNull","strokeLinecap","infos","propTypes","process","env","NODE_ENV"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n  <defs>\n    <linearGradient\n      id=\"gradient-stroke-progression\"\n      x1=\"81\"\n      y1=\"0\"\n      x2=\"81\"\n      y2=\"162\"\n      gradientUnits=\"userSpaceOnUse\"\n    >\n      <stop stopColor=\"#35CC7F\" />\n      <stop offset=\"1\" stopColor=\"#55F2A7\" />\n    </linearGradient>\n  </defs>\n);\n\nconst CircularProgressBar = ({\n  label,\n  progression,\n  size,\n  strokeWidth,\n  'aria-label': ariaLabel,\n  'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n  const [offset, setOffset] = useState<null | number>(null);\n\n  const {center, radius, length} = useMemo(() => {\n    const center_ = size / 2;\n    const radius_ = center_ - strokeWidth;\n    const length_ = Math.ceil(2 * Math.PI * radius_);\n\n    return {center: center_, radius: radius_, length: length_};\n  }, [size, strokeWidth]);\n\n  useEffect(\n    () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n    [length, progression]\n  );\n\n  return (\n    <div className={style.container} aria-label={ariaLabel} data-name={dataName}>\n      <svg className={style.svg} width={size} height={size}>\n        <ProgressionGradient />\n        <circle\n          className={style.mainCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          strokeWidth={3}\n          fill=\"transparent\"\n        />\n        <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n        <circle\n          className={style.progressionCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          stroke={`url(#gradient-stroke-progression)`}\n          strokeWidth={strokeWidth}\n          strokeDasharray={length}\n          strokeDashoffset={isNull(offset) ? length : offset}\n          fill=\"transparent\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n      <div className={style.infos}>\n        <span className={style.progression}>{progression}%</span>\n        <span className={style.label}>{label}</span>\n      </div>\n    </div>\n  );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAEzD,SAAuCC,4BAA4B,QAAO,SAAS;AACnF,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,mBAAmB,GAAGA,CAAA,kBAC1BN,KAAA,CAAAO,aAAA,4BACEP,KAAA,CAAAO,aAAA;EACEC,EAAE,EAAC,6BAA6B;EAChCC,EAAE,EAAC,IAAI;EACPC,EAAE,EAAC,GAAG;EACNC,EAAE,EAAC,IAAI;EACPC,EAAE,EAAC,KAAK;EACRC,aAAa,EAAC;AAAgB,gBAE9Bb,KAAA,CAAAO,aAAA;EAAMO,SAAS,EAAC;AAAS,CAAE,CAAC,eAC5Bd,KAAA,CAAAO,aAAA;EAAMQ,MAAM,EAAC,GAAG;EAACD,SAAS,EAAC;AAAS,CAAE,CACxB,CACZ,CACP;AAED,MAAME,mBAAmB,GAAGA,CAAC;EAC3BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,WAAW;EACX,YAAY,EAAEC,SAAS;EACvB,WAAW,EAAEC;AACgB,CAAC,KAAK;EACnC,MAAM,CAACP,MAAM,EAAEQ,SAAS,CAAC,GAAGrB,QAAQ,CAAgB,IAAI,CAAC;EAEzD,MAAM;IAACsB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGzB,OAAO,CAAC,MAAM;IAC7C,MAAM0B,OAAO,GAAGR,IAAI,GAAG,CAAC;IACxB,MAAMS,OAAO,GAAGD,OAAO,GAAGP,WAAW;IACrC,MAAMS,OAAO,GAAGC,IAAI,CAACC,IAAI,CAAC,CAAC,GAAGD,IAAI,CAACE,EAAE,GAAGJ,OAAO,CAAC;IAEhD,OAAO;MAACJ,MAAM,EAAEG,OAAO;MAAEF,MAAM,EAAEG,OAAO;MAAEF,MAAM,EAAEG;IAAO,CAAC;EAC5D,CAAC,EAAE,CAACV,IAAI,EAAEC,WAAW,CAAC,CAAC;EAEvBjB,SAAS,CACP,MAAMoB,SAAS,CAACO,IAAI,CAACC,IAAI,CAACL,MAAM,IAAI,CAAC,GAAG,GAAGR,WAAW,IAAI,GAAG,CAAC,CAAC,CAAC,EAChE,CAACQ,MAAM,EAAER,WAAW,CACtB,CAAC;EAED,oBACElB,KAAA,CAAAO,aAAA;IAAK0B,SAAS,EAAE5B,KAAK,CAAC6B,SAAU;IAAC,cAAYb,SAAU;IAAC,aAAWC;EAAS,gBAC1EtB,KAAA,CAAAO,aAAA;IAAK0B,SAAS,EAAE5B,KAAK,CAAC8B,GAAI;IAACC,KAAK,EAAEjB,IAAK;IAACkB,MAAM,EAAElB;EAAK,gBACnDnB,KAAA,CAAAO,aAAA,CAACD,mBAAmB,MAAE,CAAC,eACvBN,KAAA,CAAAO,aAAA;IACE0B,SAAS,EAAE5B,KAAK,CAACiC,UAAW;IAC5BC,EAAE,EAAEf,MAAO;IACXgB,EAAE,EAAEhB,MAAO;IACXiB,CAAC,EAAEhB,MAAO;IACVL,WAAW,EAAE,CAAE;IACfsB,IAAI,EAAC;EAAa,CACnB,CAAC,eACF1C,KAAA,CAAAO,aAAA;IAAQgC,EAAE,EAAEf,MAAO;IAACgB,EAAE,EAAEhB,MAAO;IAACiB,CAAC,EAAEhB,MAAM,GAAI,EAAE,GAAGA,MAAM,GAAI,GAAI;IAACiB,IAAI,EAAC;EAAS,CAAE,CAAC,eAClF1C,KAAA,CAAAO,aAAA;IACE0B,SAAS,EAAE5B,KAAK,CAACsC,iBAAkB;IACnCJ,EAAE,EAAEf,MAAO;IACXgB,EAAE,EAAEhB,MAAO;IACXiB,CAAC,EAAEhB,MAAO;IACVmB,MAAM,EAAE,mCAAoC;IAC5CxB,WAAW,EAAEA,WAAY;IACzByB,eAAe,EAAEnB,MAAO;IACxBoB,gBAAgB,EAAEC,OAAA,CAAOhC,MAAM,CAAC,GAAGW,MAAM,GAAGX,MAAO;IACnD2B,IAAI,EAAC,aAAa;IAClBM,aAAa,EAAC;EAAO,CACtB,CACE,CAAC,eACNhD,KAAA,CAAAO,aAAA;IAAK0B,SAAS,EAAE5B,KAAK,CAAC4C;EAAM,gBAC1BjD,KAAA,CAAAO,aAAA;IAAM0B,SAAS,EAAE5B,KAAK,CAACa;EAAY,GAAEA,WAAW,EAAC,GAAO,CAAC,eACzDlB,KAAA,CAAAO,aAAA;IAAM0B,SAAS,EAAE5B,KAAK,CAACY;EAAM,GAAEA,KAAY,CACxC,CACF,CAAC;AAEV,CAAC;AAEDD,mBAAmB,CAACkC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGjD,4BAA4B;AAE5D,eAAeY,mBAAmB","ignoreList":[]}

package/es/atom/circular-progress-bar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","CircularProgressBarPropTypes","label","string","progression","number","isRequired","size","strokeWidth"],"sources":["../../../src/atom/circular-progress-bar/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  label: string;\n  progression: number;\n  size: number;\n  strokeWidth: number;\n  'aria-label': string;\n  'data-name': string;\n};\n\nexport const CircularProgressBarPropTypes = {\n  label: PropTypes.string,\n  progression: PropTypes.number.isRequired,\n  size: PropTypes.number,\n  strokeWidth: PropTypes.number,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAWA,OAAO,MAAMC,4BAA4B,GAAG;EAC1CC,KAAK,EAAEF,SAAS,CAACG,MADyB;EAE1CC,WAAW,EAAEJ,SAAS,CAACK,MAAV,CAAiBC,UAFY;EAG1CC,IAAI,EAAEP,SAAS,CAACK,MAH0B;EAI1CG,WAAW,EAAER,SAAS,CAACK,MAJmB;EAK1C,cAAcL,SAAS,CAACG,MALkB;EAM1C,aAAaH,SAAS,CAACG;AANmB,CAArC"}
+{"version":3,"file":"types.js","names":["PropTypes","CircularProgressBarPropTypes","label","string","progression","number","isRequired","size","strokeWidth"],"sources":["../../../src/atom/circular-progress-bar/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  label: string;\n  progression: number;\n  size: number;\n  strokeWidth: number;\n  'aria-label': string;\n  'data-name': string;\n};\n\nexport const CircularProgressBarPropTypes = {\n  label: PropTypes.string,\n  progression: PropTypes.number.isRequired,\n  size: PropTypes.number,\n  strokeWidth: PropTypes.number,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAWlC,OAAO,MAAMC,4BAA4B,GAAG;EAC1CC,KAAK,EAAEF,SAAS,CAACG,MAAM;EACvBC,WAAW,EAAEJ,SAAS,CAACK,MAAM,CAACC,UAAU;EACxCC,IAAI,EAAEP,SAAS,CAACK,MAAM;EACtBG,WAAW,EAAER,SAAS,CAACK,MAAM;EAC7B,YAAY,EAAEL,SAAS,CAACG,MAAM;EAC9B,WAAW,EAAEH,SAAS,CAACG;AACzB,CAAC","ignoreList":[]}

package/es/atom/clue/index.js

@@ -8,7 +8,6 @@ import Provider from '../provider';
 import Loader from '../loader';
 import Cta from '../cta';
 import style from './style.css';
-
 const LoadedClue = ({
   text
 }) => {
@@ -22,25 +21,24 @@ const LoadedClue = ({
     }
   }));
 };
-
 LoadedClue.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string
 } : {};
-
 class Clue extends React.Component {
+  static contextTypes = {
+    skin: Provider.childContextTypes.skin,
+    translate: Provider.childContextTypes.translate
+  };
   static getDerivedStateFromProps(props) {
     const {
       text
     } = props;
-
     const isLoading = _isEmpty(text);
-
     if (isLoading) return null;
     return {
       isLoading
     };
   }
-
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -48,7 +46,6 @@ class Clue extends React.Component {
     };
     this.handleClick = this.handleClick.bind(this);
   }
-
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -57,14 +54,11 @@ class Clue extends React.Component {
       onClick = _noop
     } = this.props;
     onClick(e);
-
     const isLoading = _isEmpty(text);
-
     return this.setState({
       isLoading
     });
   }
-
   render() {
     const {
       text,
@@ -77,9 +71,7 @@ class Clue extends React.Component {
     const {
       isLoading
     } = this.state;
-
     const primaryColor = _get('common.primary', skin);
-
     const inlineStyle = {
       backgroundColor: primaryColor
     };
@@ -112,13 +104,7 @@ class Clue extends React.Component {
       text: text
     }))));
   }
-
 }
-
-Clue.contextTypes = {
-  skin: Provider.childContextTypes.skin,
-  translate: Provider.childContextTypes.translate
-};
 Clue.propTypes = process.env.NODE_ENV !== "production" ? {
   text: LoadedClue.propTypes.text,
   onClick: Cta.propTypes.onClick,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Loader","Cta","style","LoadedClue","text","clueText","__html","propTypes","string","Clue","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","clueCard","flip","back","backContent","loading","stars","front","contextTypes","childContextTypes","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":["React","PropTypes","classnames","Provider","Loader","Cta","style","LoadedClue","text","createElement","className","clueText","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","string","Clue","Component","contextTypes","skin","childContextTypes","translate","getDerivedStateFromProps","props","isLoading","_isEmpty","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","_noop","setState","render","starsDiff","primaryColor","_get","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","clueCard","flip","back","backContent","loading","stars","submitValue","secondary","light","front","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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","ignoreList":[]}

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

@@ -14,7 +14,6 @@ const CATEGORIES = {
   course: style.course,
   hidden: style.hidden
 };
-
 const ContentBadge = props => {
   const {
     category,
@@ -24,7 +23,6 @@ const ContentBadge = props => {
     className: CATEGORIES[category]
   }, label);
 };
-
 ContentBadge.propTypes = process.env.NODE_ENV !== "production" ? {
   category: PropTypes.oneOf(_keys(CATEGORIES)),
   label: PropTypes.string

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","CATEGORIES","base","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,IAAI,EAAEF,KAAK,CAACE,IADK;EAEjBC,QAAQ,EAAEH,KAAK,CAACG,QAFC;EAGjBC,KAAK,EAAEJ,KAAK,CAACI,KAHI;EAIjBC,OAAO,EAAEL,KAAK,CAACK,OAJE;EAKjBC,KAAK,EAAEN,KAAK,CAACM,KALI;EAMjBC,KAAK,EAAEP,KAAK,CAACO,KANI;EAOjBC,OAAO,EAAER,KAAK,CAACQ,OAPE;EAQjBC,OAAO,EAAET,KAAK,CAACS,OARE;EASjBC,MAAM,EAAEV,KAAK,CAACU,MATG;EAUjBC,MAAM,EAAEX,KAAK,CAACW;AAVG,CAAnB;;AAaA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAD;IAAWC;EAAX,IAAoBF,KAA1B;EACA,oBAAO;IAAM,SAAS,EAAEZ,UAAU,CAACa,QAAD;EAA3B,GAAwCC,KAAxC,CAAP;AACD,CAHD;;AAKAH,YAAY,CAACI,SAAb,2CAAyB;EACvBF,QAAQ,EAAEf,SAAS,CAACkB,KAAV,CAAgB,MAAKhB,UAAL,CAAhB,CADa;EAEvBc,KAAK,EAAEhB,SAAS,CAACmB;AAFM,CAAzB;AAKA,eAAeN,YAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","CATEGORIES","base","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","createElement","className","propTypes","process","env","NODE_ENV","oneOf","_keys","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,IAAI,EAAEF,KAAK,CAACE,IAAI;EAChBC,QAAQ,EAAEH,KAAK,CAACG,QAAQ;EACxBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;EAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;EACtBC,KAAK,EAAEN,KAAK,CAACM,KAAK;EAClBC,KAAK,EAAEP,KAAK,CAACO,KAAK;EAClBC,OAAO,EAAER,KAAK,CAACQ,OAAO;EACtBC,OAAO,EAAET,KAAK,CAACS,OAAO;EACtBC,MAAM,EAAEV,KAAK,CAACU,MAAM;EACpBC,MAAM,EAAEX,KAAK,CAACW;AAChB,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAQ;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC/B,oBAAOf,KAAA,CAAAkB,aAAA;IAAMC,SAAS,EAAEhB,UAAU,CAACa,QAAQ;EAAE,GAAEC,KAAY,CAAC;AAC9D,CAAC;AAEDH,YAAY,CAACM,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBP,QAAQ,EAAEf,SAAS,CAACuB,KAAK,CAACC,KAAA,CAAKtB,UAAU,CAAC,CAAC;EAC3Cc,KAAK,EAAEhB,SAAS,CAACyB;AACnB,CAAC;AAED,eAAeZ,YAAY","ignoreList":[]}

package/es/atom/cta/index.js

@@ -8,7 +8,6 @@ import Link from '../link';
 import Provider from '../provider';
 import style from './style.css';
 import propTypes from './prop-types';
-
 const CTA = (props, legacyContext) => {
   const {
     skin
@@ -40,11 +39,8 @@ const CTA = (props, legacyContext) => {
   }, []);
   const getStyle = useCallback(() => {
     const color = _get('common.primary', skin);
-
     const grey = _get('common.grey', skin);
-
     if (logout) return;
-
     if (disabled) {
       return {
         backgroundColor: grey,
@@ -52,7 +48,6 @@ const CTA = (props, legacyContext) => {
         opacity: '0.3'
       };
     }
-
     if (hovered) {
       const darkenColor = convert(`color(${color} blackness(+10%))`);
       return {
@@ -60,7 +55,6 @@ const CTA = (props, legacyContext) => {
         borderColor: darkenColor
       };
     }
-
     if (secondary) return {
       color,
       borderColor: color
@@ -93,7 +87,6 @@ const CTA = (props, legacyContext) => {
     className: style.logoutIcon
   }), submitValue) : submitValue);
 };
-
 CTA.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 CTA.contextTypes = {
   skin: Provider.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","convert","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Link","Provider","style","propTypes","CTA","props","legacyContext","skin","ariaLabel","submitValue","name","ctaName","href","target","disabled","light","small","secondary","onClick","className","logout","rectangular","fullWidth","certificationButton","useButtonTag","hovered","setHovered","handleMouseEnter","handleMouseLeave","getStyle","color","grey","backgroundColor","borderColor","opacity","darkenColor","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","childContextTypes"],"sources":["../../../src/atom/cta/index.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport type {WebContextValues} from '../provider/web-context';\nimport Provider from '../provider';\nimport style from './style.css';\nimport propTypes from './prop-types';\nimport type {CTAProps} from './prop-types';\n\nconst CTA = (props: CTAProps, legacyContext: WebContextValues) => {\n  const {skin} = legacyContext;\n  const {\n    'aria-label': ariaLabel,\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    useButtonTag = false\n  } = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const getStyle = useCallback(() => {\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  }, [disabled, hovered, light, logout, secondary, skin]);\n\n  return (\n    <Link\n      href={href}\n      onClick={disabled ? noop : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={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={getStyle()}\n      aria-label={ariaLabel}\n      useButtonTag={useButtonTag}\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\nCTA.propTypes = propTypes;\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","convert","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Link","Provider","style","propTypes","CTA","props","legacyContext","skin","ariaLabel","submitValue","name","ctaName","href","target","disabled","light","small","secondary","onClick","className","logout","rectangular","fullWidth","certificationButton","useButtonTag","hovered","setHovered","handleMouseEnter","handleMouseLeave","getStyle","color","_get","grey","backgroundColor","borderColor","opacity","darkenColor","createElement","_noop","onMouseEnter","onMouseLeave","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","height","width","logoutIcon","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/atom/cta/index.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport type {WebContextValues} from '../provider/web-context';\nimport Provider from '../provider';\nimport style from './style.css';\nimport propTypes from './prop-types';\nimport type {CTAProps} from './prop-types';\n\nconst CTA = (props: CTAProps, legacyContext: WebContextValues) => {\n  const {skin} = legacyContext;\n  const {\n    'aria-label': ariaLabel,\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    useButtonTag = false\n  } = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const getStyle = useCallback(() => {\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  }, [disabled, hovered, light, logout, secondary, skin]);\n\n  return (\n    <Link\n      href={href}\n      onClick={disabled ? noop : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={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={getStyle()}\n      aria-label={ariaLabel}\n      useButtonTag={useButtonTag}\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\nCTA.propTypes = propTypes;\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/cta/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","Link","propTypes","submitValue","children","href","onClick","target","name","string","disabled","bool","light","secondary","small","className","logout","rectangular","fullWidth","certificationButton","useButtonTag"],"sources":["../../../src/atom/cta/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Link from '../link';\n\nconst propTypes = {\n  'aria-label': Link.propTypes['aria-label'],\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  useButtonTag: Link.propTypes.useButtonTag\n};\n\nexport type CTAProps = {\n  'aria-label'?: string;\n  submitValue: React.ReactElement;\n  href: string;\n  onClick?: () => void;\n  target: '_self' | '_blank' | '_parent' | '_top';\n  name: string;\n  disabled: boolean;\n  light: boolean;\n  secondary: boolean;\n  small: boolean;\n  className: string;\n  logout: boolean;\n  rectangular: boolean;\n  fullWidth: boolean;\n  certificationButton: boolean;\n  useButtonTag: boolean;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AAEA,MAAMC,SAAS,GAAG;EAChB,cAAcD,IAAI,CAACC,SAAL,CAAe,YAAf,CADE;EAEhBC,WAAW,EAAEF,IAAI,CAACC,SAAL,CAAeE,QAFZ;EAGhBC,IAAI,EAAEJ,IAAI,CAACC,SAAL,CAAeG,IAHL;EAIhBC,OAAO,EAAEL,IAAI,CAACC,SAAL,CAAeI,OAJR;EAKhBC,MAAM,EAAEN,IAAI,CAACC,SAAL,CAAeK,MALP;EAMhBC,IAAI,EAAER,SAAS,CAACS,MANA;EAOhBC,QAAQ,EAAEV,SAAS,CAACW,IAPJ;EAQhBC,KAAK,EAAEZ,SAAS,CAACW,IARD;EAShBE,SAAS,EAAEb,SAAS,CAACW,IATL;EAUhBG,KAAK,EAAEd,SAAS,CAACW,IAVD;EAWhBI,SAAS,EAAEf,SAAS,CAACS,MAXL;EAYhBO,MAAM,EAAEhB,SAAS,CAACW,IAZF;EAahBM,WAAW,EAAEjB,SAAS,CAACW,IAbP;EAchBO,SAAS,EAAElB,SAAS,CAACW,IAdL;EAehBQ,mBAAmB,EAAEnB,SAAS,CAACW,IAff;EAgBhBS,YAAY,EAAEnB,IAAI,CAACC,SAAL,CAAekB;AAhBb,CAAlB;AAsCA,eAAelB,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","Link","propTypes","submitValue","children","href","onClick","target","name","string","disabled","bool","light","secondary","small","className","logout","rectangular","fullWidth","certificationButton","useButtonTag"],"sources":["../../../src/atom/cta/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Link from '../link';\n\nconst propTypes = {\n  'aria-label': Link.propTypes['aria-label'],\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  useButtonTag: Link.propTypes.useButtonTag\n};\n\nexport type CTAProps = {\n  'aria-label'?: string;\n  submitValue: React.ReactElement;\n  href: string;\n  onClick?: () => void;\n  target: '_self' | '_blank' | '_parent' | '_top';\n  name: string;\n  disabled: boolean;\n  light: boolean;\n  secondary: boolean;\n  small: boolean;\n  className: string;\n  logout: boolean;\n  rectangular: boolean;\n  fullWidth: boolean;\n  certificationButton: boolean;\n  useButtonTag: boolean;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,SAAS;AAE1B,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAED,IAAI,CAACC,SAAS,CAAC,YAAY,CAAC;EAC1CC,WAAW,EAAEF,IAAI,CAACC,SAAS,CAACE,QAAQ;EACpCC,IAAI,EAAEJ,IAAI,CAACC,SAAS,CAACG,IAAI;EACzBC,OAAO,EAAEL,IAAI,CAACC,SAAS,CAACI,OAAO;EAC/BC,MAAM,EAAEN,IAAI,CAACC,SAAS,CAACK,MAAM;EAC7BC,IAAI,EAAER,SAAS,CAACS,MAAM;EACtBC,QAAQ,EAAEV,SAAS,CAACW,IAAI;EACxBC,KAAK,EAAEZ,SAAS,CAACW,IAAI;EACrBE,SAAS,EAAEb,SAAS,CAACW,IAAI;EACzBG,KAAK,EAAEd,SAAS,CAACW,IAAI;EACrBI,SAAS,EAAEf,SAAS,CAACS,MAAM;EAC3BO,MAAM,EAAEhB,SAAS,CAACW,IAAI;EACtBM,WAAW,EAAEjB,SAAS,CAACW,IAAI;EAC3BO,SAAS,EAAElB,SAAS,CAACW,IAAI;EACzBQ,mBAAmB,EAAEnB,SAAS,CAACW,IAAI;EACnCS,YAAY,EAAEnB,IAAI,CAACC,SAAS,CAACkB;AAC/B,CAAC;AAqBD,eAAelB,SAAS","ignoreList":[]}

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

@@ -4,7 +4,6 @@ import classnames from 'classnames';
 import includes from 'lodash/fp/includes';
 import { NovaCompositionCoorpacademyLevel0, NovaCompositionCoorpacademyLevel1, NovaCompositionCoorpacademyLevel2, NovaCompositionCoorpacademyLevel3 } from '@coorpacademy/nova-icons';
 import style from './style.css';
-
 const Icon = ({
   level = 0
 }) => {
@@ -13,28 +12,23 @@ const Icon = ({
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel1, {
         className: style.icon
       });
-
     case 2:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel2, {
         className: style.icon
       });
-
     case 3:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel3, {
         className: style.icon
       });
-
     default:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel0, {
         className: style.icon
       });
   }
 };
-
 Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   level: PropTypes.oneOf([1, 2, 3])
 } : {};
-
 const DifficultyLevel = ({
   level,
   children
@@ -52,7 +46,6 @@ const DifficultyLevel = ({
 }), /*#__PURE__*/React.createElement("span", {
   className: style.text
 }, children)));
-
 DifficultyLevel.propTypes = process.env.NODE_ENV !== "production" ? {
   level: Icon.propTypes.level,
   children: PropTypes.string

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","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} />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} />;\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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEF,KAAK,CAACG;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG;MAApD,EAAP;;IACF;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG;MAApD,EAAP;EARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;EACfF,KAAK,EAAET,SAAS,CAACY,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACJ,KAAD;EAAQK;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EACE,SAAS,EAAEd,UAAU,CAAC;IACpB,CAACM,KAAK,CAACS,gBAAP,GAA0B,CAACd,QAAQ,CAACO,KAAD,EAAQ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAR,CADf;IAEpB,CAACF,KAAK,CAACU,aAAP,GAAuBR,KAAK,KAAK,CAFb;IAGpB,CAACF,KAAK,CAACW,eAAP,GAAyBT,KAAK,KAAK,CAHf;IAIpB,CAACF,KAAK,CAACY,aAAP,GAAuBV,KAAK,KAAK;EAJb,CAAD;AADvB,gBAQE,oBAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEF,KAAK,CAACa;AAAvB,GAA8BN,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;EAC1BF,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;EAE1BK,QAAQ,EAAEd,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeR,eAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","createElement","className","icon","propTypes","process","env","NODE_ENV","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","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} />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} />;\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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SACEC,iCAAiC,EACjCC,iCAAiC,EACjCC,iCAAiC,EACjCC,iCAAiC,QAC5B,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAGA,CAAC;EAACC,KAAK,GAAG;AAAC,CAAC,KAAK;EAC5B,QAAQA,KAAK;IACX,KAAK,CAAC;MACJ,oBAAOV,KAAA,CAAAW,aAAA,CAACN,iCAAiC;QAACO,SAAS,EAAEJ,KAAK,CAACK;MAAK,CAAE,CAAC;IACrE,KAAK,CAAC;MACJ,oBAAOb,KAAA,CAAAW,aAAA,CAACL,iCAAiC;QAACM,SAAS,EAAEJ,KAAK,CAACK;MAAK,CAAE,CAAC;IACrE,KAAK,CAAC;MACJ,oBAAOb,KAAA,CAAAW,aAAA,CAACJ,iCAAiC;QAACK,SAAS,EAAEJ,KAAK,CAACK;MAAK,CAAE,CAAC;IACrE;MACE,oBAAOb,KAAA,CAAAW,aAAA,CAACP,iCAAiC;QAACQ,SAAS,EAAEJ,KAAK,CAACK;MAAK,CAAE,CAAC;EACvE;AACF,CAAC;AAEDJ,IAAI,CAACK,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACfP,KAAK,EAAET,SAAS,CAACiB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClC,CAAC;AAED,MAAMC,eAAe,GAAGA,CAAC;EAACT,KAAK;EAAEU;AAAQ,CAAC,kBACxCpB,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAEJ,KAAK,CAACa;AAAgB,gBACpCrB,KAAA,CAAAW,aAAA;EACEC,SAAS,EAAEV,UAAU,CAAC;IACpB,CAACM,KAAK,CAACc,gBAAgB,GAAG,CAACnB,QAAQ,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,CAACF,KAAK,CAACe,aAAa,GAAGb,KAAK,KAAK,CAAC;IAClC,CAACF,KAAK,CAACgB,eAAe,GAAGd,KAAK,KAAK,CAAC;IACpC,CAACF,KAAK,CAACiB,aAAa,GAAGf,KAAK,KAAK;EACnC,CAAC;AAAE,gBAEHV,KAAA,CAAAW,aAAA,CAACF,IAAI;EAACC,KAAK,EAAEA;AAAM,CAAE,CAAC,eACtBV,KAAA,CAAAW,aAAA;EAAMC,SAAS,EAAEJ,KAAK,CAACkB;AAAK,GAAEN,QAAe,CAC1C,CACF,CACN;AAEDD,eAAe,CAACL,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BP,KAAK,EAAED,IAAI,CAACK,SAAS,CAACJ,KAAK;EAC3BU,QAAQ,EAAEnB,SAAS,CAAC0B;AACtB,CAAC;AAED,eAAeR,eAAe","ignoreList":[]}