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

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,29 +2,17 @@
 
 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
 }) => {
@@ -38,11 +26,9 @@ const LoadedClue = ({
     }
   }));
 };
-
 LoadedClue.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string
 } : {};
-
 class Clue extends _react.default.Component {
   static getDerivedStateFromProps(props) {
     const {
@@ -54,7 +40,6 @@ class Clue extends _react.default.Component {
       isLoading
     };
   }
-
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -62,7 +47,6 @@ class Clue extends _react.default.Component {
     };
     this.handleClick = this.handleClick.bind(this);
   }
-
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -76,7 +60,6 @@ class Clue extends _react.default.Component {
       isLoading
     });
   }
-
   render() {
     const {
       text,
@@ -122,9 +105,7 @@ 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":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;EAACC;AAAD,CAAD,KAAY;EAC7B,oBACE;IAAK,aAAU,MAAf;IAAsB,SAAS,EAAEC,cAAA,CAAMC;EAAvC,gBACE;IACE;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEH;IAAT;EAF3B,EADF,CADF;AAQD,CATD;;AAWAD,UAAU,CAACK,SAAX,2CAAuB;EACrBJ,IAAI,EAAEK,kBAAA,CAAUC;AADK,CAAvB;;AAIA,MAAMC,IAAN,SAAmBC,cAAA,CAAMC,SAAzB,CAAmC;EAYF,OAAxBC,wBAAwB,CAACC,KAAD,EAAQ;IACrC,MAAM;MAACX;IAAD,IAASW,KAAf;IACA,MAAMC,SAAS,GAAG,uBAAQZ,IAAR,CAAlB;IAEA,IAAIY,SAAJ,EAAe,OAAO,IAAP;IACf,OAAO;MAACA;IAAD,CAAP;EACD;;EAEDC,WAAW,CAACF,KAAD,EAAQG,OAAR,EAAiB;IAC1B,MAAMH,KAAN,EAAaG,OAAb;IACA,KAAKC,KAAL,GAAa;MACXH,SAAS,EAAE;IADA,CAAb;IAGA,KAAKI,WAAL,GAAmB,KAAKA,WAAL,CAAiBC,IAAjB,CAAsB,IAAtB,CAAnB;EACD;;EAEDD,WAAW,CAACE,CAAD,EAAI;IACbA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;IACA,MAAM;MAACpB,IAAD;MAAOqB,OAAO;IAAd,IAAyB,KAAKV,KAApC;IACAU,OAAO,CAACH,CAAD,CAAP;IACA,MAAMN,SAAS,GAAG,uBAAQZ,IAAR,CAAlB;IACA,OAAO,KAAKsB,QAAL,CAAc;MACnBV;IADmB,CAAd,CAAP;EAGD;;EAEDW,MAAM,GAAG;IACP,MAAM;MAACvB,IAAD;MAAOwB;IAAP,IAAoB,KAAKb,KAA/B;IACA,MAAM;MAACc,IAAD;MAAOC;IAAP,IAAoB,KAAKZ,OAA/B;IACA,MAAM;MAACF;IAAD,IAAc,KAAKG,KAAzB;IACA,MAAMY,YAAY,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAArB;IACA,MAAMG,WAAW,GAAG;MAACC,eAAe,EAAEF;IAAlB,CAApB;IACA,MAAMG,YAAY,GAAGJ,SAAS,CAAC,qBAAD,EAAwB;MAACK,KAAK,EAAEC,IAAI,CAACC,GAAL,CAAST,SAAT;IAAR,CAAxB,CAA9B;IACA,MAAMU,UAAU,GAAGR,SAAS,CAAC,UAAD,CAA5B;IAEA,oBACE;MAAK,aAAU,MAAf;MAAsB,SAAS,EAAEzB,cAAA,CAAMkC;IAAvC,gBACE;MAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWnC,cAAA,CAAMoC,QAAjB,EAA2B,CAAC,uBAAQrC,IAAR,CAAD,IAAkBC,cAAA,CAAMqC,IAAnD;IAAhB,gBACE;MAAK,SAAS,EAAErC,cAAA,CAAMsC,IAAtB;MAA4B,KAAK,EAAEX,WAAnC;MAAgD,aAAU;IAA1D,GACGhB,SAAS,gBAAG,6BAAC,eAAD,OAAH,GAAgB,IAD5B,eAEE;MAAK,SAAS,EAAE,IAAAwB,mBAAA,EAAWnC,cAAA,CAAMuC,WAAjB,EAA8B5B,SAAS,IAAIX,cAAA,CAAMwC,OAAjD;IAAhB,gBACE;MAAK,SAAS,EAAExC,cAAA,CAAMyC;IAAtB,GAA8BZ,YAA9B,CADF,eAEE,6BAAC,YAAD;MAAK,WAAW,EAAEI,UAAlB;MAA8B,SAAS,MAAvC;MAAwC,KAAK,MAA7C;MAA8C,OAAO,EAAE,KAAKlB;IAA5D,EAFF,CAFF,CADF,eAQE;MAAK,SAAS,EAAEf,cAAA,CAAM0C,KAAtB;MAA6B,KAAK,EAAEf;IAApC,gBACE,6BAAC,UAAD;MAAY,IAAI,EAAE5B;IAAlB,EADF,CARF,CADF,CADF;EAgBD;;AAhEgC;;AAA7BO,I,CAOGqC,Y,GAAe;EACpBnB,IAAI,EAAEoB,iBAAA,CAASC,iBAAT,CAA2BrB,IADb;EAEpBC,SAAS,EAAEmB,iBAAA,CAASC,iBAAT,CAA2BpB;AAFlB,C;AAPlBnB,I,CACGH,S,2CAAY;EACjBJ,IAAI,EAAED,UAAU,CAACK,SAAX,CAAqBJ,IADV;EAEjBqB,OAAO,EAAE0B,YAAA,CAAI3C,SAAJ,CAAciB,OAFN;EAGjBG,SAAS,EAAEnB,kBAAA,CAAU2C;AAHJ,C;eAkENzC,I"}
+{"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,17 +2,11 @@
 
 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,
@@ -25,7 +19,6 @@ const CATEGORIES = {
   course: _style.default.course,
   hidden: _style.default.hidden
 };
-
 const ContentBadge = props => {
   const {
     category,
@@ -35,7 +28,6 @@ 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;;;;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"}
+{"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"}

package/lib/atom/cta/index.js

@@ -2,29 +2,17 @@
 
 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);
@@ -34,19 +22,16 @@ 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
@@ -63,7 +48,6 @@ 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,
@@ -71,7 +55,6 @@ class CTA extends _react.default.Component {
         opacity: '0.3'
       };
     }
-
     if (hovered) {
       const darkenColor = (0, _cssColorFunction.convert)(`color(${color} blackness(+10%))`);
       return {
@@ -79,7 +62,6 @@ class CTA extends _react.default.Component {
         borderColor: darkenColor
       };
     }
-
     if (secondary) return {
       color,
       borderColor: color
@@ -92,7 +74,6 @@ class CTA extends _react.default.Component {
       backgroundColor: color
     };
   }
-
   render() {
     const {
       submitValue = 'submit',
@@ -128,9 +109,7 @@ 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,21 +2,13 @@
 
 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
 }) => {
@@ -26,19 +18,16 @@ 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,
@@ -46,11 +35,9 @@ const Icon = ({
       });
   }
 };
-
 Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   level: _propTypes.default.oneOf([1, 2, 3])
 } : {};
-
 const DifficultyLevel = ({
   level,
   children
@@ -68,7 +55,6 @@ 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;;;;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"}
+{"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"}

package/lib/atom/drag-and-drop/index.js

@@ -2,35 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _constant2 = _interopRequireDefault(require("lodash/fp/constant"));
-
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _loader = _interopRequireDefault(require("../loader"));
-
 var _buttonLink = _interopRequireDefault(require("../button-link"));
-
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 constantNull = (0, _constant2.default)(null);
-
 class DragAndDrop extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -40,19 +25,16 @@ class DragAndDrop extends _react.default.Component {
     this.handleDragStart = this.handleDragStart.bind(this);
     this.handleDragStop = this.handleDragStop.bind(this);
   }
-
   handleDragStart() {
     this.setState({
       dragging: true
     });
   }
-
   handleDragStop() {
     this.setState({
       dragging: false
     });
   }
-
   render() {
     const idBox = (0, _uniqueId2.default)('drop-box-');
     const {
@@ -74,7 +56,6 @@ class DragAndDrop extends _react.default.Component {
       dragging
     } = this.state;
     let previewView = null;
-
     if (previewContent && previewContent.type === 'image') {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.preview
@@ -110,7 +91,6 @@ class DragAndDrop extends _react.default.Component {
     } else {
       previewView = /*#__PURE__*/_react.default.createElement("span", null, previewLabel);
     }
-
     const resetContent = previewContent && previewContent.src ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.resetUploadWrapper, disabled && _style.default.disabled)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -122,7 +102,6 @@ class DragAndDrop extends _react.default.Component {
       className: _style.default.closeIcon,
       onClick: onReset
     }) : null) : null;
-
     const buildButton = () => {
       const defaultButtonProps = {
         label: uploadLabel,
@@ -133,7 +112,6 @@ class DragAndDrop extends _react.default.Component {
           type: 'folders'
         }
       };
-
       if (dragging) {
         return null;
       } else if (error) {
@@ -145,7 +123,6 @@ class DragAndDrop extends _react.default.Component {
         return /*#__PURE__*/_react.default.createElement(_buttonLink.default, defaultButtonProps);
       }
     };
-
     const button = buildButton(dragging, error);
     const previewContainer = (0, _getClassState.default)(_style.default.previewContainer, _style.default.modifiedPreviewContainer, null, modified, error);
     const inputWrapper = (0, _getClassState.default)(_style.default.inputWrapper, _style.default.modifiedInputWrapper, _style.default.errorInputWrapper, modified, error);
@@ -174,9 +151,7 @@ class DragAndDrop extends _react.default.Component {
       className: (0, _classnames.default)(_style.default.errorMessage, disabled && _style.default.disabled)
     }, error) : resetContent);
   }
-
 }
-
 DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   description: _propTypes.default.string,

package/lib/atom/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAG,wBAAS,IAAT,CAArB;;AAEA,MAAMC,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAqBxCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE;IADC,CAAb;IAIA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDD,eAAe,GAAG;IAChB,KAAKG,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDG,cAAc,GAAG;IACf,KAAKC,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,wBAAS,WAAT,CAAd;IACA,MAAM;MACJC,QAAQ,GAAGd,YADP;MAEJe,KAFI;MAGJC,WAHI;MAIJC,WAJI;MAKJC,YAAY,GAAG,EALX;MAMJC,cANI;MAOJC,OAAO,GAAG,KAPN;MAQJC,QAAQ,GAAG,KARP;MASJC,OAAO,GAAG,IATN;MAUJC,KAAK,GAAG,EAVJ;MAWJC,eAAe,GAAG,EAXd;MAYJC,gBAAgB,GAAG,EAZf;MAaJC,QAAQ,GAAG;IAbP,IAcF,KAAKrB,KAdT;IAeA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,IAAIqB,WAAW,GAAG,IAAlB;;IAEA,IAAIR,cAAc,IAAIA,cAAc,CAACS,IAAf,KAAwB,OAA9C,EAAuD;MACrDD,WAAW,gBACT;QAAK,SAAS,EAAEE,cAAA,CAAMC;MAAtB,gBACE;QAAK,GAAG,EAAEX,cAAc,CAACY;MAAzB,EADF,CADF;IAKD,CAND,MAMO,IAAIZ,cAAc,IAAIA,cAAc,CAACS,IAAf,KAAwB,OAA9C,EAAuD;MAC5DD,WAAW,gBACT;QAAK,SAAS,EAAEE,cAAA,CAAMC;MAAtB,gBACE;QAAO,QAAQ,MAAf;QAAgB,GAAG,EAAEX,cAAc,CAACY,GAApC;QAAyC,IAAI,EAAC;MAA9C,EADF,CADF;IAKD,CANM,MAMA,IAAIX,OAAJ,EAAa;MAClBO,WAAW,gBACT;QAAK,SAAS,EAAEE,cAAA,CAAMG;MAAtB,gBACE;QAAK,SAAS,EAAEH,cAAA,CAAMI;MAAtB,gBACE,6BAAC,+BAAD;QACE,aAAU,oBADZ;QAEE,MAAM,EAAE,EAFV;QAGE,KAAK,EAAE,EAHT;QAIE,SAAS,EAAEJ,cAAA,CAAMK,SAJnB;QAKE,OAAO,EAAEZ;MALX,EADF,CADF,eAUE;QAAK,SAAS,EAAEO,cAAA,CAAMM;MAAtB,gBACE,6BAAC,eAAD;QAAQ,KAAK,EAAC;MAAd,EADF,CAVF,eAaE;QAAM,SAAS,EAAEN,cAAA,CAAMO;MAAvB,eAbF,CADF;IAiBD,CAlBM,MAkBA;MACLT,WAAW,gBAAG,2CAAOT,YAAP,CAAd;IACD;;IAED,MAAMmB,YAAY,GAChBlB,cAAc,IAAIA,cAAc,CAACY,GAAjC,gBACE;MAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWT,cAAA,CAAMU,kBAAjB,EAAqCb,QAAQ,IAAIG,cAAA,CAAMH,QAAvD;IAAhB,gBACE;MAAK,SAAS,EAAEG,cAAA,CAAMW;IAAtB,GACGrB,cAAc,CAACsB,KAAf,GAAuBtB,cAAc,CAACsB,KAAtC,GAA8CtB,cAAc,CAACY,GADhE,CADF,EAIGT,OAAO,gBACN,6BAAC,+BAAD;MACE,aAAU,oBADZ;MAEE,MAAM,EAAE,EAFV;MAGE,KAAK,EAAE,EAHT;MAIE,SAAS,EAAEO,cAAA,CAAMK,SAJnB;MAKE,OAAO,EAAEZ;IALX,EADM,GAQJ,IAZN,CADF,GAeI,IAhBN;;IAkBA,MAAMoB,WAAW,GAAG,MAAM;MACxB,MAAMC,kBAAkB,GAAG;QACzBF,KAAK,EAAExB,WADkB;QAEzB,cAAcO,eAFW;QAGzB,aAAa,gBAHY;QAIzBoB,IAAI,EAAE;UACJC,QAAQ,EAAE,MADN;UAEJjB,IAAI,EAAE;QAFF;MAJmB,CAA3B;;MASA,IAAIrB,QAAJ,EAAc;QACZ,OAAO,IAAP;MACD,CAFD,MAEO,IAAIgB,KAAJ,EAAW;QAChB,oBAAO,6BAAC,mBAAD,eAAYoB,kBAAZ;UAAgC,KAAK,EAAElB,gBAAvC;UAAyD,IAAI,EAAE;QAA/D,GAAP;MACD,CAFM,MAEA;QACL,oBAAO,6BAAC,mBAAD,EAAYkB,kBAAZ,CAAP;MACD;IACF,CAjBD;;IAmBA,MAAMG,MAAM,GAAGJ,WAAW,CAACnC,QAAD,EAAWgB,KAAX,CAA1B;IAEA,MAAMwB,gBAAgB,GAAG,IAAAC,sBAAA,EACvBnB,cAAA,CAAMkB,gBADiB,EAEvBlB,cAAA,CAAMoB,wBAFiB,EAGvB,IAHuB,EAIvB5B,QAJuB,EAKvBE,KALuB,CAAzB;IAOA,MAAM2B,YAAY,GAAG,IAAAF,sBAAA,EACnBnB,cAAA,CAAMqB,YADa,EAEnBrB,cAAA,CAAMsB,oBAFa,EAGnBtB,cAAA,CAAMuB,iBAHa,EAInB/B,QAJmB,EAKnBE,KALmB,CAArB;IAQA,oBACE;MAAK,SAAS,EAAEM,cAAA,CAAMwB,OAAtB;MAA+B,aAAU;IAAzC,gBACE;MAAK,SAAS,EAAExB,cAAA,CAAMd;IAAtB,GAA8BA,KAA9B,CADF,EAEG,CAAC,uBAAQI,cAAR,CAAD,IAA4BC,OAA5B,gBACC;MAAK,SAAS,EAAE,IAAAkB,mBAAA,EAAWS,gBAAX,EAA6BrB,QAAQ,IAAIG,cAAA,CAAMH,QAA/C;IAAhB,GACGC,WADH,CADD,gBAKC;MACE,SAAS,EAAE,IAAAW,mBAAA,EACT/B,QAAQ,GAAGsB,cAAA,CAAMtB,QAAT,GAAoB2C,YADnB,EAETxB,QAAQ,IAAIG,cAAA,CAAMH,QAFT,CADb;MAKE,EAAE,EAAEb,KALN;MAME,aAAU;IANZ,gBAQE;MAAK,SAAS,EAAEgB,cAAA,CAAMyB;IAAtB,GACG/B,KAAK,gBACJ,6BAAC,wCAAD;MAAuB,SAAS,EAAEM,cAAA,CAAM0B;IAAxC,EADI,gBAGJ,6BAAC,yCAAD;MAAgB,SAAS,EAAE1B,cAAA,CAAMe;IAAjC,EAJJ,EAMG5B,WAAW,gBAAG;MAAK,SAAS,EAAEa,cAAA,CAAMb;IAAtB,GAAoCA,WAApC,CAAH,GAA4D,IAN1E,EAOGO,KAAK,GAAG,IAAH,gBAAU;MAAK,SAAS,EAAEM,cAAA,CAAM2B;IAAtB,GAAyC,kBAAzC,CAPlB,CARF,EAiBGV,MAjBH,eAkBE,0CAAMhC,QAAQ,CAAC,KAAKN,eAAN,EAAuB,KAAKE,cAA5B,CAAd,CAlBF,CAPJ,EA4BGa,KAAK,gBACJ;MAAM,SAAS,EAAE,IAAAe,mBAAA,EAAWT,cAAA,CAAM4B,YAAjB,EAA+B/B,QAAQ,IAAIG,cAAA,CAAMH,QAAjD;IAAjB,GACGH,KADH,CADI,GAKJc,YAjCJ,CADF;EAsCD;;AA/LuC;;AAApCpC,W,CACGyD,S,2CAAY;EACjB3C,KAAK,EAAE4C,kBAAA,CAAUC,MADA;EAEjB5C,WAAW,EAAE2C,kBAAA,CAAUC,MAFN;EAGjB3C,WAAW,EAAE0C,kBAAA,CAAUC,MAHN;EAIjB1C,YAAY,EAAEyC,kBAAA,CAAUC,MAJP;EAKjBzC,cAAc,EAAEwC,kBAAA,CAAUE,KAAV,CAAgB;IAC9BjC,IAAI,EAAE+B,kBAAA,CAAUC,MADc;IAE9B7B,GAAG,EAAE4B,kBAAA,CAAUC,MAFe;IAG9BnB,KAAK,EAAEkB,kBAAA,CAAUC;EAHa,CAAhB,CALC;EAUjBxC,OAAO,EAAEuC,kBAAA,CAAUG,IAVF;EAWjBzC,QAAQ,EAAEsC,kBAAA,CAAUG,IAXH;EAYjBpC,QAAQ,EAAEiC,kBAAA,CAAUG,IAZH;EAajBhD,QAAQ,EAAE6C,kBAAA,CAAUI,IAbH;EAcjBzC,OAAO,EAAEqC,kBAAA,CAAUI,IAdF;EAejBxC,KAAK,EAAEoC,kBAAA,CAAUC,MAfA;EAgBjBpC,eAAe,EAAEmC,kBAAA,CAAUC,MAhBV;EAiBjBnC,gBAAgB,EAAEkC,kBAAA,CAAUC;AAjBX,C;eAiMN3D,W"}
+{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}