@coorpacademy/components 11.12.1-alpha.13 → 11.12.1

package/es/organism/review-skills/index.native.js

@@ -3,7 +3,7 @@ import { FlatList, StyleSheet } from 'react-native';
 import SkillCard from '../../molecule/skill-card/index.native';
 const style = StyleSheet.create({
   skills: {
-    paddingBottom: 100
+    paddingBottom: 200
   }
 });
 

package/es/organism/review-skills/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 100}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,QAAR,EAAkBC,UAAlB,QAAmC,cAAnC;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AAQA,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAhB;AADsB,CAAlB,CAAd;;AAIA,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,OANI;IAOJC,WAPI;IAQJC,eARI;IASJC;EATI;AADM,CAAD,kBAaX,oBAAC,SAAD;EACE,cAAYR,SADd;EAEE,UAAU,EAAEC,UAFd;EAGE,cAAc,EAAEC,cAHlB;EAIE,WAAW,EAAEC,WAJf;EAKE,eAAe,EAAEC,eALnB;EAME,OAAO,EAAEC,OANX;EAOE,WAAW,EAAEC,WAPf;EAQE,eAAe,EAAEC,eARnB;EASE,QAAQ,EAAEC;AATZ,EAbF;;AA0BA,MAAMC,gBAAgB,GAAIC,KAAD,IAAyB;EAChD,MAAM;IAACC;EAAD,IAAeD,KAArB;EAEA,oBAAO,oBAAC,QAAD;IAAU,qBAAqB,EAAEhB,KAAK,CAACE,MAAvC;IAA+C,IAAI,EAAEe,UAArD;IAAiE,UAAU,EAAEb;EAA7E,EAAP;AACD,CAJD;;AAMA,eAAeW,gBAAf"}
+{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 200}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,QAAR,EAAkBC,UAAlB,QAAmC,cAAnC;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AAQA,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAhB;AADsB,CAAlB,CAAd;;AAIA,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,OANI;IAOJC,WAPI;IAQJC,eARI;IASJC;EATI;AADM,CAAD,kBAaX,oBAAC,SAAD;EACE,cAAYR,SADd;EAEE,UAAU,EAAEC,UAFd;EAGE,cAAc,EAAEC,cAHlB;EAIE,WAAW,EAAEC,WAJf;EAKE,eAAe,EAAEC,eALnB;EAME,OAAO,EAAEC,OANX;EAOE,WAAW,EAAEC,WAPf;EAQE,eAAe,EAAEC,eARnB;EASE,QAAQ,EAAEC;AATZ,EAbF;;AA0BA,MAAMC,gBAAgB,GAAIC,KAAD,IAAyB;EAChD,MAAM;IAACC;EAAD,IAAeD,KAArB;EAEA,oBAAO,oBAAC,QAAD;IAAU,qBAAqB,EAAEhB,KAAK,CAACE,MAAvC;IAA+C,IAAI,EAAEe,UAArD;IAAiE,UAAU,EAAEb;EAA7E,EAAP;AACD,CAJD;;AAMA,eAAeW,gBAAf"}

package/es/organism/review-slide/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AA0BA,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAkPtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBAmFrC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AA0BA,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAuPtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBAmFrC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/organism/review-slide/index.native.js

@@ -139,7 +139,6 @@ const createQuestionStyle = theme => StyleSheet.create({
   },
   choicesScrollContent: {
     justifyContent: 'space-around',
-    flex: 1,
     padding: 10
   }
 });
@@ -172,7 +171,9 @@ const Question = props => {
     style: style.questionHelp
   }, get('help', answerUI))), /*#__PURE__*/React.createElement(ScrollView, {
     style: style.choicesScrollView,
-    contentContainerStyle: style.choicesScrollContent,
+    contentContainerStyle: [style.choicesScrollContent, isKeyboardVisible ? {
+      flex: 1
+    } : null],
     centerContent: true,
     showsHorizontalScrollIndicator: false,
     showsVerticalScrollIndicator: false
@@ -181,7 +182,6 @@ const Question = props => {
     autoplay: autoplayMedia
   }) : null, /*#__PURE__*/React.createElement(View, {
     style: {
-      minHeight: 100,
       flex: isKeyboardVisible ? 1 : 0,
       marginTop: hasVideoOrImage ? 30 : 0
     }

package/es/organism/review-slide/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","uri","url","split","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","setStyle","questionStyle","hasVideoOrImage","includes","minHeight","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","setKeyboardVisible","showListener","addListener","hideListener","remove","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\n    borderRadius: 10,\n    overflow: 'hidden'\n  },\n  image: {\n    flex: 1,\n    width: '100%'\n  },\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\n  }\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      justifyContent: 'space-around',\n      flex: 1,\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Html style={style.questionOrigin}>{questionOrigin}</Html>\n        <Html style={style.questionText}>{questionText}</Html>\n        <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        centerContent\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            minHeight: 100,\n            flex: isKeyboardVisible ? 1 : 0,\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n  const [isValidated, setValidated] = useState<boolean>(false);\n  const [isKeyboardVisible, setKeyboardVisible] = useState<boolean>(false);\n\n  useEffect(() => {\n    const showListener = Keyboard.addListener('keyboardDidShow', () => {\n      setKeyboardVisible(true);\n    });\n\n    const hideListener = Keyboard.addListener('keyboardDidHide', () => {\n      setKeyboardVisible(false);\n    });\n\n    return () => {\n      showListener.remove();\n      hideListener.remove();\n    };\n  }, []);\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} />;\n  }\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","uri","url","split","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","setStyle","questionStyle","hasVideoOrImage","includes","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","setKeyboardVisible","showListener","addListener","hideListener","remove","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\n    borderRadius: 10,\n    overflow: 'hidden'\n  },\n  image: {\n    flex: 1,\n    width: '100%'\n  },\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\n  }\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Html style={style.questionOrigin}>{questionOrigin}</Html>\n        <Html style={style.questionText}>{questionText}</Html>\n        <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={[\n          style.choicesScrollContent,\n          isKeyboardVisible\n            ? {\n                flex: 1\n              }\n            : null\n        ]}\n        centerContent\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            flex: isKeyboardVisible ? 1 : 0,\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n  const [isValidated, setValidated] = useState<boolean>(false);\n  const [isKeyboardVisible, setKeyboardVisible] = useState<boolean>(false);\n\n  useEffect(() => {\n    const showListener = Keyboard.addListener('keyboardDidShow', () => {\n      setKeyboardVisible(true);\n    });\n\n    const hideListener = Keyboard.addListener('keyboardDidHide', () => {\n      setKeyboardVisible(false);\n    });\n\n    return () => {\n      showListener.remove();\n      hideListener.remove();\n    };\n  }, []);\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} />;\n  }\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}

package/es/organism/rewards-form/index.d.ts

@@ -68,8 +68,6 @@ declare namespace RewardsForm {
                     modified: PropTypes.Requireable<boolean>;
                     disabled: PropTypes.Requireable<boolean>;
                     children: PropTypes.Requireable<(...args: any[]) => any>;
-                    pdfButtonLabel: PropTypes.Requireable<string>;
-                    pdfButtonAriaLabel: PropTypes.Requireable<string>;
                 }> | null | undefined)[]>;
                 'data-name': PropTypes.Requireable<string>;
             }> | null | undefined>>;

package/es/organism/wizard-contents/index.d.ts

@@ -195,8 +195,6 @@ declare namespace WizardContents {
                     modified: PropTypes.Requireable<boolean>;
                     disabled: PropTypes.Requireable<boolean>;
                     children: PropTypes.Requireable<(...args: any[]) => any>;
-                    pdfButtonLabel: PropTypes.Requireable<string>;
-                    pdfButtonAriaLabel: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -315,8 +313,6 @@ declare namespace WizardContents {
                             modified: PropTypes.Requireable<boolean>;
                             disabled: PropTypes.Requireable<boolean>;
                             children: PropTypes.Requireable<(...args: any[]) => any>;
-                            pdfButtonLabel: PropTypes.Requireable<string>;
-                            pdfButtonAriaLabel: PropTypes.Requireable<string>;
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Requireable<string>;
                             title: PropTypes.Validator<string>;
@@ -707,8 +703,6 @@ declare namespace WizardContents {
                         modified: PropTypes.Requireable<boolean>;
                         disabled: PropTypes.Requireable<boolean>;
                         children: PropTypes.Requireable<(...args: any[]) => any>;
-                        pdfButtonLabel: PropTypes.Requireable<string>;
-                        pdfButtonAriaLabel: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
                     'data-name': PropTypes.Requireable<string>;
                 }> | null | undefined>>;

package/es/template/back-office/brand-update/index.d.ts

@@ -280,8 +280,6 @@ declare namespace BrandUpdate {
                     modified: PropTypes.Requireable<boolean>;
                     disabled: PropTypes.Requireable<boolean>;
                     children: PropTypes.Requireable<(...args: any[]) => any>;
-                    pdfButtonLabel: PropTypes.Requireable<string>;
-                    pdfButtonAriaLabel: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -400,8 +398,6 @@ declare namespace BrandUpdate {
                             modified: PropTypes.Requireable<boolean>;
                             disabled: PropTypes.Requireable<boolean>;
                             children: PropTypes.Requireable<(...args: any[]) => any>;
-                            pdfButtonLabel: PropTypes.Requireable<string>;
-                            pdfButtonAriaLabel: PropTypes.Requireable<string>;
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Requireable<string>;
                             title: PropTypes.Validator<string>;
@@ -938,8 +934,6 @@ declare namespace BrandUpdate {
                         modified: PropTypes.Requireable<boolean>;
                         disabled: PropTypes.Requireable<boolean>;
                         children: PropTypes.Requireable<(...args: any[]) => any>;
-                        pdfButtonLabel: PropTypes.Requireable<string>;
-                        pdfButtonAriaLabel: PropTypes.Requireable<string>;
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -1058,8 +1052,6 @@ declare namespace BrandUpdate {
                                 modified: PropTypes.Requireable<boolean>;
                                 disabled: PropTypes.Requireable<boolean>;
                                 children: PropTypes.Requireable<(...args: any[]) => any>;
-                                pdfButtonLabel: PropTypes.Requireable<string>;
-                                pdfButtonAriaLabel: PropTypes.Requireable<string>;
                             }> | PropTypes.InferProps<{
                                 type: PropTypes.Requireable<string>;
                                 title: PropTypes.Validator<string>;
@@ -1450,8 +1442,6 @@ declare namespace BrandUpdate {
                             modified: PropTypes.Requireable<boolean>;
                             disabled: PropTypes.Requireable<boolean>;
                             children: PropTypes.Requireable<(...args: any[]) => any>;
-                            pdfButtonLabel: PropTypes.Requireable<string>;
-                            pdfButtonAriaLabel: PropTypes.Requireable<string>;
                         }> | null | undefined)[]>;
                         'data-name': PropTypes.Requireable<string>;
                     }> | null | undefined>>;
@@ -1520,7 +1510,6 @@ declare namespace BrandUpdate {
                 title: PropTypes.Validator<string>;
                 order: PropTypes.Requireable<number>;
                 'aria-label': PropTypes.Requireable<string>;
-                contentType: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
             title: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{

package/es/template/cockpit/jw-uploader/index.d.ts

@@ -35,8 +35,6 @@ declare namespace JwVideoUploader {
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
-        pdfButtonLabel: PropTypes.Requireable<string>;
-        pdfButtonAriaLabel: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/es/util/button-icons.d.ts

@@ -16,6 +16,5 @@ export const ICONS: {
     folders: any;
     upload: any;
     down: any;
-    pdf: any;
 };
 //# sourceMappingURL=button-icons.d.ts.map

package/es/util/button-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;EAmBE"}
+{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;;EAkBE"}

package/es/util/button-icons.js

@@ -1,4 +1,4 @@
-import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown, NovaLineFilesOfficeFileOfficePdf as PDF } from '@coorpacademy/nova-icons';
+import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
 export const ICONS = {
   add: AddIcon,
   analytics: AnalyticsIcon,
@@ -16,7 +16,6 @@ export const ICONS = {
   see: EyeIcon,
   folders: FoldersIcon,
   upload: UploadIcon,
-  down: ArrowDown,
-  pdf: PDF
+  down: ArrowDown
 };
 //# sourceMappingURL=button-icons.js.map

package/es/util/button-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","NovaLineFilesOfficeFileOfficePdf","PDF","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaLineFilesOfficeFileOfficePdf as PDF\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown,\n  pdf: PDF\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,EAkBEC,gCAAgC,IAAIC,GAlBtC,QAmBO,0BAnBP;AAqBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAEpC,OADc;EAEnBqC,SAAS,EAAEnC,aAFQ;EAGnBoC,GAAG,EAAElC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB6B,KAAK,EAAE3B,SAPY;EAQnB4B,IAAI,EAAE1B,QARa;EASnB2B,GAAG,EAAEf,OATc;EAUnBgB,IAAI,EAAExB,QAVa;EAWnByB,MAAM,EAAEvB,UAXW;EAYnBwB,OAAO,EAAEtB,WAZU;EAanBuB,IAAI,EAAErB,QAba;EAcnBsB,GAAG,EAAE9B,OAdc;EAenB+B,OAAO,EAAEnB,WAfU;EAgBnBoB,MAAM,EAAElB,UAhBW;EAiBnBmB,IAAI,EAAEjB,SAjBa;EAkBnBkB,GAAG,EAAEhB;AAlBc,CAAd"}
+{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,QAkBO,0BAlBP;AAoBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAElC,OADc;EAEnBmC,SAAS,EAAEjC,aAFQ;EAGnBkC,GAAG,EAAEhC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB2B,KAAK,EAAEzB,SAPY;EAQnB0B,IAAI,EAAExB,QARa;EASnByB,GAAG,EAAEb,OATc;EAUnBc,IAAI,EAAEtB,QAVa;EAWnBuB,MAAM,EAAErB,UAXW;EAYnBsB,OAAO,EAAEpB,WAZU;EAanBqB,IAAI,EAAEnB,QAba;EAcnBoB,GAAG,EAAE5B,OAdc;EAenB6B,OAAO,EAAEjB,WAfU;EAgBnBkB,MAAM,EAAEhB,UAhBW;EAiBnBiB,IAAI,EAAEf;AAjBa,CAAd"}

package/es/util/proptypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AASA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,+FAMN;AAED,gCAA4C;AAC5C,8BAAwC"}
+{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AASA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,+FAKN;AAED,gCAA4C;AAC5C,8BAAwC"}

package/es/util/proptypes.js

@@ -9,8 +9,8 @@ const PATH_REGEXP = /^\/([-a-zA-Z0-9@:%_\\+.~#?&//=]*)$/;
 export const PathPropType = stringMatching(PATH_REGEXP);
 export const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);
 export const ImagePropType = (propValue, key, componentName) => {
-  if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf'])) return;
-  return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/svg+xml or application/pdf.`);
+  if (includes(propValue[key], ['jpg', 'png', 'svg+xml'])) return;
+  return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: jpg, png or svg+xml.`);
 };
 export const ColorPropType = _ColorPropType;
 export const HexPropType = _HexPropType;

package/es/util/proptypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.js","names":["PropTypes","includes","stringMatching","_ColorPropType","_HexPropType","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","ImagePropType","propValue","key","componentName","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n  if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf']))\n    return;\n  return new Error(\n    `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/svg+xml or application/pdf.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,cAAP,MAA2B,kDAA3B;AAEA,OAAOC,cAAP,MAA2B,yCAA3B;AACA,OAAOC,YAAP,MAAyB,uCAAzB;AAEA,MAAMC,UAAU,GACd,8FADF;AAEA,OAAO,MAAMC,WAAW,GAAGJ,cAAc,CAACG,UAAD,CAAlC;AAEP,MAAME,WAAW,GAAG,oCAApB;AACA,OAAO,MAAMC,YAAY,GAAGN,cAAc,CAACK,WAAD,CAAnC;AAEP,OAAO,MAAME,WAAW,GAAGT,SAAS,CAACU,SAAV,CAAoB,CAACJ,WAAD,EAAcE,YAAd,CAApB,CAApB;AAEP,OAAO,MAAMG,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAIb,QAAQ,CAACW,SAAS,CAACC,GAAD,CAAV,EAAiB,CAAC,YAAD,EAAe,WAAf,EAA4B,eAA5B,EAA6C,iBAA7C,CAAjB,CAAZ,EACE;EACF,OAAO,IAAIE,KAAJ,CACJ,uBAAsBH,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,yFADjE,CAAP;AAGD,CANM;AAQP,OAAO,MAAME,aAAa,GAAGb,cAAtB;AACP,OAAO,MAAMc,WAAW,GAAGb,YAApB"}
+{"version":3,"file":"proptypes.js","names":["PropTypes","includes","stringMatching","_ColorPropType","_HexPropType","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","ImagePropType","propValue","key","componentName","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n  if (includes(propValue[key], ['jpg', 'png', 'svg+xml'])) return;\n  return new Error(\n    `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: jpg, png or svg+xml.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,cAAP,MAA2B,kDAA3B;AAEA,OAAOC,cAAP,MAA2B,yCAA3B;AACA,OAAOC,YAAP,MAAyB,uCAAzB;AAEA,MAAMC,UAAU,GACd,8FADF;AAEA,OAAO,MAAMC,WAAW,GAAGJ,cAAc,CAACG,UAAD,CAAlC;AAEP,MAAME,WAAW,GAAG,oCAApB;AACA,OAAO,MAAMC,YAAY,GAAGN,cAAc,CAACK,WAAD,CAAnC;AAEP,OAAO,MAAME,WAAW,GAAGT,SAAS,CAACU,SAAV,CAAoB,CAACJ,WAAD,EAAcE,YAAd,CAApB,CAApB;AAEP,OAAO,MAAMG,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAIb,QAAQ,CAACW,SAAS,CAACC,GAAD,CAAV,EAAiB,CAAC,KAAD,EAAQ,KAAR,EAAe,SAAf,CAAjB,CAAZ,EAAyD;EACzD,OAAO,IAAIE,KAAJ,CACJ,uBAAsBH,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,qDADjE,CAAP;AAGD,CALM;AAOP,OAAO,MAAME,aAAa,GAAGb,cAAtB;AACP,OAAO,MAAMc,WAAW,GAAGb,YAApB"}

package/lib/atom/drag-and-drop/index.d.ts

@@ -18,8 +18,6 @@ declare class DragAndDrop extends React.Component<any, any, any> {
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
-        pdfButtonLabel: PropTypes.Requireable<string>;
-        pdfButtonAriaLabel: PropTypes.Requireable<string>;
     };
     constructor(props: any);
     state: {

package/lib/atom/drag-and-drop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;;;MAoBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAsKC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;MAkBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAmJC;CACF"}

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

@@ -68,9 +68,7 @@ class DragAndDrop extends _react.default.Component {
       error = '',
       buttonAriaLabel = '',
       errorButtonLabel = '',
-      disabled = false,
-      pdfButtonLabel,
-      pdfButtonAriaLabel
+      disabled = false
     } = this.props;
     const {
       dragging
@@ -91,26 +89,6 @@ class DragAndDrop extends _react.default.Component {
         src: previewContent.src,
         type: "video/*"
       }));
-    } else if (previewContent && previewContent.type === 'pdf') {
-      previewView = /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.previewPdf
-      }, /*#__PURE__*/_react.default.createElement("p", {
-        className: _style.default.previewLabelPdf
-      }, previewLabel), /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
-        type: "secondary",
-        link: {
-          href: previewContent.src,
-          target: '_blank',
-          download: false
-        },
-        label: pdfButtonLabel,
-        "aria-label": pdfButtonAriaLabel,
-        "data-name": "default-button-pdf",
-        icon: {
-          position: 'left',
-          type: 'pdf'
-        }
-      }));
     } else if (loading) {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.loaderWrapper
@@ -216,9 +194,7 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   onReset: _propTypes.default.func,
   error: _propTypes.default.string,
   buttonAriaLabel: _propTypes.default.string,
-  errorButtonLabel: _propTypes.default.string,
-  pdfButtonLabel: _propTypes.default.string,
-  pdfButtonAriaLabel: _propTypes.default.string
+  errorButtonLabel: _propTypes.default.string
 } : {};
 var _default = DragAndDrop;
 exports.default = _default;

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","pdfButtonLabel","pdfButtonAriaLabel","previewView","type","style","preview","src","previewPdf","previewLabelPdf","href","target","download","position","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","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    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: 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      pdfButtonLabel,\n      pdfButtonAriaLabel\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 (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n          />\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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"}
+{"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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"}

package/lib/atom/drag-and-drop/style.css

@@ -78,31 +78,12 @@
   background-color: white;
 }
 
-.preview img,
-video {
+.preview img, video {
   max-width: 100%;
   max-height: 100%;
   margin: auto;
 }
 
-.previewPdf {
-  composes: preview;
-  min-height: 150px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-evenly;
-}
-
-.previewLabelPdf {
-  text-align: center;
-  font-family: "Gilroy";
-  color: cm_grey_300;
-  padding: 0px 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 90%;
-  white-space: nowrap;
-}
 .infosContainer {
   width: 100%;
   height: 100%;
@@ -171,7 +152,7 @@ video {
   align-items: center;
   justify-content: space-between;
   margin-top: 16px;
-  padding: 8px 14px 8px 1px;
+  padding: 4px 8px;
   font-size: 12px;
   font-weight: 400;
   position: relative;
@@ -183,6 +164,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
   flex-wrap: nowrap;
+  position: absolute;
+  left: 0;
+  right: 15px;
 }
 
 .closeIcon {

package/lib/atom/image-upload/index.d.ts

@@ -1,5 +1,5 @@
 export default ImageUpload;
-declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel }: {
+declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
     title: any;
     description: any;
     previewLabel: any;
@@ -18,8 +18,6 @@ declare function ImageUpload({ title, description, previewLabel, previewContent,
     error?: string | undefined;
     buttonAriaLabel: any;
     errorButtonLabel: any;
-    pdfButtonLabel: any;
-    pdfButtonAriaLabel: any;
 }): JSX.Element;
 declare namespace ImageUpload {
     const propTypes: {
@@ -45,8 +43,6 @@ declare namespace ImageUpload {
         modified: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<(...args: any[]) => any>;
-        pdfButtonLabel: PropTypes.Requireable<string>;
-        pdfButtonAriaLabel: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;;;gBAkFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}

package/lib/atom/image-upload/index.js

@@ -5,6 +5,12 @@ exports.default = void 0;
 
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
 
+var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
+var _join2 = _interopRequireDefault(require("lodash/fp/join"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -37,22 +43,21 @@ const ImageUpload = ({
   onChange,
   onReset = null,
   name,
+  // See ImagePropType for accepted values
   labelLink,
   labelButtonLink,
   hrefLink,
-  // See ImagePropType for accepted values
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
-  errorButtonLabel,
-  pdfButtonLabel,
-  pdfButtonAriaLabel
+  errorButtonLabel
 }) => {
   const handleReset = (0, _react.useCallback)(e => {
     if ((0, _isNil2.default)(onReset)) return;
     e.preventDefault();
     return onReset(e);
   }, [onReset]);
+  const acceptedImages = (0, _pipe2.default)((0, _map2.default)(t => `image/${t}`), (0, _join2.default)(','))(imageTypes);
   const linkCustomStyle = {
     width: '40px',
     color: 'red'
@@ -69,13 +74,11 @@ const ImageUpload = ({
     error: error,
     disabled: disabled,
     buttonAriaLabel: buttonAriaLabel,
-    errorButtonLabel: errorButtonLabel,
-    pdfButtonLabel: pdfButtonLabel,
-    pdfButtonAriaLabel: pdfButtonAriaLabel
+    errorButtonLabel: errorButtonLabel
   }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", {
     type: "file",
     name: name,
-    accept: imageTypes,
+    accept: acceptedImages,
     disabled: loading || disabled,
     className: _style.default.input,
     onChange: onChange,