@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/es/atom/review-presentation/index.native.js

@@ -4,6 +4,7 @@ import { NovaLineSelectionCursorsCursorArrowTarget as TargetIcon, NovaSolidInter
 import { useTemplateContext } from '../../template/app-review/template-context';
 import Touchable from '../../hoc/touchable/index.native';
 import Html from '../html/index.native';
+
 const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   container: {
     backgroundColor: theme.colors.white,
@@ -68,6 +69,7 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     color: '#fff'
   }
 });
+
 const Tip = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -81,11 +83,14 @@ const Tip = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [brandTheme, theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.tip
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -97,6 +102,7 @@ const Tip = props => {
     style: styleSheet.tipText
   }, text));
 };
+
 const Onboarding = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -110,14 +116,14 @@ const Onboarding = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
-    setStylesheet(_stylesheet);
-  }, [brandTheme, theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [brandTheme, theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container
   }, /*#__PURE__*/React.createElement(Html, {
@@ -149,5 +155,6 @@ const Onboarding = props => {
     style: styleSheet.buttonText
   }, translations.ok)));
 };
+
 export default Onboarding;
 //# sourceMappingURL=index.native.js.map

package/es/atom/review-presentation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIcon","useTemplateContext","Touchable","Html","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","paddingBottom","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","textContainer","marginTop","large","opacity","tips","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","spacing","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  textContainer: ViewStyle;\n  tips: ViewStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: 20,\n      paddingBottom: 100\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: 32\n    },\n    textContainer: {\n      marginTop: 8\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7\n    },\n    tips: {\n      marginTop: 32,\n      height: 230,\n      justifyContent: 'center'\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: 32,\n      marginTop: 16,\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,\n      justifyContent: 'center'\n    },\n    buttonText: {\n      alignSelf: 'center',\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: '#fff'\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n\n      <View style={styleSheet.textContainer}>\n        <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n      </View>\n\n      <View style={styleSheet.tips}>\n        <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n        <Tip\n          Icon={QuestionMarkIcon}\n          text={translations.appReview.presentation.labelList.questions.text}\n        />\n        <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n        <Tip\n          Icon={CheckCircle2Icon}\n          text={translations.appReview.presentation.labelList.allright.text}\n        />\n      </View>\n      <Touchable\n        testID=\"button-quit-revision-onboarding\"\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAChD,SAAQC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAA6B,cAAc;AACzE,SACEC,yCAAyC,IAAIC,UAAU,EACvDC,+CAA+C,IAAIC,gBAAgB,EACnEC,2BAA2B,IAAIC,gBAAgB,EAC/CC,2CAA2C,IAAIC,SAAS,QACnD,0BAA0B;AAEjC,SAAQC,kBAAkB,QAAO,4CAA4C;AAE7E,OAAOC,SAAS,MAAM,kCAAkC;AACxD,OAAOC,IAAI,MAAM,sBAAsB;AAiBvC,MAAMC,gBAAgB,GAAG,CAACC,UAAiB,EAAEC,KAAY,KACvDf,UAAU,CAACgB,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK;IACnCC,cAAc,EAAE,eAAe;IAC/BC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAEd,KAAK,CAACc,QAAQ,CAACC,OAAO;IAChCC,UAAU,EAAEhB,KAAK,CAACgB,UAAU,CAACC,IAAI;IACjCC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEnB,KAAK,CAACI,MAAM,CAACgB,IAAI,CAACC,OAAO;IAChCC,YAAY,EAAE;EAChB,CAAC;EACDC,aAAa,EAAE;IACbC,SAAS,EAAE;EACb,CAAC;EACDJ,IAAI,EAAE;IACJN,QAAQ,EAAEd,KAAK,CAACc,QAAQ,CAACW,KAAK;IAC9BN,KAAK,EAAEnB,KAAK,CAACI,MAAM,CAACgB,IAAI,CAACC,OAAO;IAChCK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJH,SAAS,EAAE,EAAE;IACbZ,MAAM,EAAE,GAAG;IACXN,cAAc,EAAE;EAClB,CAAC;EACDsB,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBnB,MAAM,EAAE,EAAE;IACVoB,YAAY,EAAE,CAAC;IACf7B,eAAe,EAAEH,KAAK,CAACI,MAAM,CAAC6B,IAAI,CAACC,KAAK;IACxCV,SAAS,EAAExB,KAAK,CAACmC,OAAO,CAACC,KAAK;IAC9Bd,YAAY,EAAEtB,KAAK,CAACmC,OAAO,CAACC;EAC9B,CAAC;EACDC,OAAO,EAAE;IACPvB,QAAQ,EAAE,EAAE;IACZI,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEnB,KAAK,CAACI,MAAM,CAACgB,IAAI,CAACC;EAC3B,CAAC;EACDiB,IAAI,EAAE;IACJC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACN5B,MAAM,EAAE,EAAE;IACVoB,YAAY,EAAE,CAAC;IACfV,YAAY,EAAE,EAAE;IAChBE,SAAS,EAAE,EAAE;IACbrB,eAAe,EAAEJ,UAAU,EAAEK,MAAM,EAAEiB,OAAO,IAAIrB,KAAK,CAACI,MAAM,CAACqC,GAAG;IAChEnC,cAAc,EAAE;EAClB,CAAC;EACDoC,UAAU,EAAE;IACVC,SAAS,EAAE,QAAQ;IACnB3B,UAAU,EAAEhB,KAAK,CAACgB,UAAU,CAACC,IAAI;IACjCH,QAAQ,EAAEd,KAAK,CAACc,QAAQ,CAACW,KAAK;IAC9BN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEJ,MAAMyB,GAAG,GAAIC,KAAe,IAAK;EAC/B,MAAMC,eAAe,GAAGnD,kBAAkB,EAAE;EAC5C,MAAM,CAACoD,UAAU,EAAEC,aAAa,CAAC,GAAGlE,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACiB,UAAU;IAAEC;EAAK,CAAC,GAAG8C,eAAe;EAC3C,MAAM;IAACG,IAAI;IAAE7B;EAAI,CAAC,GAAGyB,KAAK;EAE1B9D,SAAS,CAAC,MAAM;IACd,MAAMmE,WAAW,GAAGpD,gBAAgB,CAACC,UAAU,EAAEC,KAAK,CAAC;IACvDgD,aAAa,CAACE,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACnD,UAAU,EAAEC,KAAK,CAAC,CAAC;EAEvB,IAAI,CAAC+C,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAEA,UAAU,CAACnB;EAAI,gBAC1B,oBAAC,IAAI;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE,EAAG;IAAC,KAAK,EAAEmB,UAAU,CAACT,IAAK;IAAC,KAAK,EAAEtC,KAAK,CAACI,MAAM,CAACgB,IAAI,CAACC;EAAQ,EAAG,eACzF,oBAAC,IAAI;IAAC,KAAK,EAAE0B,UAAU,CAACV;EAAQ,GAAEjB,IAAI,CAAQ,CACzC;AAEX,CAAC;AAED,MAAM+B,UAAU,GAAIN,KAAsB,IAAK;EAC7C,MAAMC,eAAe,GAAGnD,kBAAkB,EAAE;EAC5C,MAAM,CAACoD,UAAU,EAAEC,aAAa,CAAC,GAAGlE,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACiB,UAAU;IAAEC,KAAK;IAAEoD;EAAY,CAAC,GAAGN,eAAe;EACzD,MAAM;IAACO;EAAO,CAAC,GAAGR,KAAK;EAEvB9D,SAAS,CAAC,MAAM;IACd,MAAMmE,WAAW,GAAGpD,gBAAgB,CAACC,UAAU,EAAEC,KAAK,CAAC;IACvDgD,aAAa,CAACE,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACnD,UAAU,EAAEC,KAAK,CAAC,CAAC;;EAEvB;;EAEA,IAAI,CAAC+C,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAEA,UAAU,CAAC7C;EAAU,gBAChC,oBAAC,IAAI;IAAC,KAAK,EAAE6C,UAAU,CAACpC;EAAM,GAAEyC,YAAY,CAACE,SAAS,CAACC,YAAY,CAAC5C,KAAK,CAAQ,eAEjF,oBAAC,IAAI;IAAC,KAAK,EAAEoC,UAAU,CAACxB;EAAc,gBACpC,oBAAC,IAAI;IAAC,KAAK,EAAEwB,UAAU,CAAC3B;EAAK,GAAEgC,YAAY,CAACE,SAAS,CAACC,YAAY,CAACnC,IAAI,CAAQ,CAC1E,eAEP,oBAAC,IAAI;IAAC,KAAK,EAAE2B,UAAU,CAACpB;EAAK,gBAC3B,oBAAC,GAAG;IAAC,IAAI,EAAEvC,UAAW;IAAC,IAAI,EAAEgE,YAAY,CAACE,SAAS,CAACC,YAAY,CAACC,SAAS,CAACC,MAAM,CAACrC;EAAK,EAAG,eAC1F,oBAAC,GAAG;IACF,IAAI,EAAE9B,gBAAiB;IACvB,IAAI,EAAE8D,YAAY,CAACE,SAAS,CAACC,YAAY,CAACC,SAAS,CAACE,SAAS,CAACtC;EAAK,EACnE,eACF,oBAAC,GAAG;IAAC,IAAI,EAAE1B,SAAU;IAAC,IAAI,EAAE0D,YAAY,CAACE,SAAS,CAACC,YAAY,CAACC,SAAS,CAACG,KAAK,CAACvC;EAAK,EAAG,eACxF,oBAAC,GAAG;IACF,IAAI,EAAE5B,gBAAiB;IACvB,IAAI,EAAE4D,YAAY,CAACE,SAAS,CAACC,YAAY,CAACC,SAAS,CAACI,QAAQ,CAACxC;EAAK,EAClE,CACG,eACP,oBAAC,SAAS;IACR,MAAM,EAAC,iCAAiC;IACxC,OAAO,EAAEiC,OAAQ;IACjB,WAAW,EAAC,cAAc;IAC1B,KAAK,EAAEN,UAAU,CAACP;EAAO,gBAEzB,oBAAC,IAAI;IAAC,KAAK,EAAEO,UAAU,CAACL;EAAW,GAAEU,YAAY,CAACS,EAAE,CAAQ,CAClD,CACP;AAEX,CAAC;AAED,eAAeV,UAAU"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIcon","useTemplateContext","Touchable","Html","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","paddingBottom","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","textContainer","marginTop","large","opacity","tips","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","spacing","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  textContainer: ViewStyle;\n  tips: ViewStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: 20,\n      paddingBottom: 100\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: 32\n    },\n    textContainer: {\n      marginTop: 8\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7\n    },\n    tips: {\n      marginTop: 32,\n      height: 230,\n      justifyContent: 'center'\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: 32,\n      marginTop: 16,\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,\n      justifyContent: 'center'\n    },\n    buttonText: {\n      alignSelf: 'center',\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: '#fff'\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n\n      <View style={styleSheet.textContainer}>\n        <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n      </View>\n\n      <View style={styleSheet.tips}>\n        <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n        <Tip\n          Icon={QuestionMarkIcon}\n          text={translations.appReview.presentation.labelList.questions.text}\n        />\n        <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n        <Tip\n          Icon={CheckCircle2Icon}\n          text={translations.appReview.presentation.labelList.allright.text}\n        />\n      </View>\n      <Touchable\n        testID=\"button-quit-revision-onboarding\"\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}

package/es/atom/review-presentation/prop-types.d.ts

@@ -40,7 +40,7 @@ export declare const TipPropsTypes: {
     text: PropTypes.Requireable<string>;
     Icon: PropTypes.Requireable<any>;
 };
-export type OnboardingProps = {
+export declare type OnboardingProps = {
     'aria-label'?: string | undefined;
     reviewTitle?: string | undefined;
     reviewText?: string | undefined;
@@ -68,7 +68,7 @@ export type OnboardingProps = {
     };
     onPress: (event: GestureResponderEvent) => void;
 };
-export type TipProps = {
+export declare type TipProps = {
     text: string | undefined;
     Icon: React.FC<{
         height: number;

package/es/atom/review-presentation/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,UAAU,EAAE,qBAAqB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAS1E,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;CACtF,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,UAAU,EAAE,qBAAqB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAS1E,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACnC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;CACtF,CAAC"}

package/es/atom/review-presentation/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","moreDetailsAreaLabel","closeToolTipInformationTextAriaLabel","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ColorValue, GestureResponderEvent, ViewStyle} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string,\n  moreDetailsAreaLabel: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n      'aria-label'?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => void;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: React.FC<{height: number; width: number; style: ViewStyle; color: ColorValue}>;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAGlC,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAK,CAAC;EAChCC,IAAI,EAAEH,SAAS,CAACI,MAAM;EACtBC,WAAW,EAAEL,SAAS,CAACI,MAAM;EAC7BE,oBAAoB,EAAEN,SAAS,CAACI,MAAM;EACtCG,oCAAoC,EAAEP,SAAS,CAACI;AAClD,CAAC,CAAC;AAEF,MAAMI,SAAS,GAAG;EAChB,YAAY,EAAER,SAAS,CAACI,MAAM;EAC9BK,WAAW,EAAET,SAAS,CAACI,MAAM;EAC7BM,UAAU,EAAEV,SAAS,CAACI,MAAM;EAC5BO,UAAU,EAAEX,SAAS,CAACE,KAAK,CAAC;IAC1BU,MAAM,EAAEX,SAAS;IACjBY,SAAS,EAAEZ,SAAS;IACpBa,KAAK,EAAEb,SAAS;IAChBc,QAAQ,EAAEd;EACZ,CAAC;AACH,CAAC;AAED,eAAeO,SAAS;AAExB,OAAO,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEjB,SAAS,CAACkB;AACrB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAC3BhB,IAAI,EAAEH,SAAS,CAACI,MAAM;EACtBgB,IAAI,EAAEpB,SAAS,CAACqB;AAClB,CAAC"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","moreDetailsAreaLabel","closeToolTipInformationTextAriaLabel","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ColorValue, GestureResponderEvent, ViewStyle} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string,\n  moreDetailsAreaLabel: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n      'aria-label'?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n          'aria-label'?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => void;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: React.FC<{height: number; width: number; style: ViewStyle; color: ColorValue}>;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAV,CAAgB;EAChCC,IAAI,EAAEH,SAAS,CAACI,MADgB;EAEhCC,WAAW,EAAEL,SAAS,CAACI,MAFS;EAGhCE,oBAAoB,EAAEN,SAAS,CAACI,MAHA;EAIhCG,oCAAoC,EAAEP,SAAS,CAACI;AAJhB,CAAhB,CAAlB;AAOA,MAAMI,SAAS,GAAG;EAChB,cAAcR,SAAS,CAACI,MADR;EAEhBK,WAAW,EAAET,SAAS,CAACI,MAFP;EAGhBM,UAAU,EAAEV,SAAS,CAACI,MAHN;EAIhBO,UAAU,EAAEX,SAAS,CAACE,KAAV,CAAgB;IAC1BU,MAAM,EAAEX,SADkB;IAE1BY,SAAS,EAAEZ,SAFe;IAG1Ba,KAAK,EAAEb,SAHmB;IAI1Bc,QAAQ,EAAEd;EAJgB,CAAhB;AAJI,CAAlB;AAYA,eAAeO,SAAf;AAEA,OAAO,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEjB,SAAS,CAACkB;AADe,CAA7B;AAIP,OAAO,MAAMC,aAAa,GAAG;EAC3BhB,IAAI,EAAEH,SAAS,CAACI,MADW;EAE3BgB,IAAI,EAAEpB,SAAS,CAACqB;AAFW,CAAtB"}

package/es/atom/select/index.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -29,6 +30,7 @@ const themeStyle = {
   template: style.template,
   coorpmanager: null
 };
+
 const ArrowView = ({
   shouldRender,
   isArrowUp,
@@ -43,6 +45,7 @@ const ArrowView = ({
   }, {
     className: arrowClass
   }), [ariaLabel, arrowClass, arrowColor]);
+
   if (shouldRender) {
     return isArrowUp ? /*#__PURE__*/React.createElement(ArrowUp, _extends({}, props, {
       "data-testid": "select-arrow-up-icon"
@@ -51,6 +54,7 @@ const ArrowView = ({
     }));
   } else return null;
 };
+
 const Select = (props, legacyContext) => {
   const {
     name,
@@ -74,6 +78,7 @@ const Select = (props, legacyContext) => {
   const [isArrowUp, setIsArrowUp] = useState(false);
   const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);
   const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);
+
   const selectOption = (option, index) => {
     return /*#__PURE__*/React.createElement("option", {
       key: index,
@@ -81,6 +86,7 @@ const Select = (props, legacyContext) => {
       className: style.selectOption
     }, option.name);
   };
+
   const optionList = !isEmpty(options) ? options.map((option, index) => selectOption(option, index)) : optgroups.map((optgroup, index) => {
     return /*#__PURE__*/React.createElement("optgroup", {
       key: index,
@@ -150,8 +156,7 @@ const Select = (props, legacyContext) => {
     multiple: multiple,
     disabled: disabled,
     onClick: handleSelectOnFocus,
-    onBlur: handleSelectOnBlur
-    // onBlur does not handle completely an out of bounds click
+    onBlur: handleSelectOnBlur // onBlur does not handle completely an out of bounds click
     // ex: select is Opened and a click is done outside, cancelling the select
     // that doesn't count as a Blur, so an onMouseLeave is needed
     ,
@@ -161,6 +166,7 @@ const Select = (props, legacyContext) => {
     className: style.description
   }, description));
 };
+
 export const SelectOptionPropTypes = {
   name: PropTypes.string.isRequired,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","setIsArrowUp","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(ariaLabel &\n        {\n          'aria-label': ariaLabel\n        }),\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [ariaLabel, arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","setIsArrowUp","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(ariaLabel &\n        {\n          'aria-label': ariaLabel\n        }),\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [ariaLabel, arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,EAAqCC,QAArC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,WAAP,MAAwB,uBAAxB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,SACEC,kCAAkC,IAAIC,SADxC,EAEEC,iCAAiC,IAAIC,OAFvC,QAGO,0BAHP;AAIA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,aAA3C;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBlB,MAAM,EAAEiB,KAAK,CAACjB,MADG;EAEjBmB,OAAO,EAAEF,KAAK,CAACE,OAFE;EAGjBC,MAAM,EAAEH,KAAK,CAACG,MAHG;EAIjBC,IAAI,EAAEJ,KAAK,CAACI,IAJK;EAKjBC,QAAQ,EAAEL,KAAK,CAACK,QALC;EAMjBC,IAAI,EAAEN,KAAK,CAACM,IANK;EAOjBC,WAAW,EAAEP,KAAK,CAACO,WAPF;EAQjBC,MAAM,EAAER,KAAK,CAACQ,MARG;EASjBC,QAAQ,EAAET,KAAK,CAACS,QATC;EAUjBC,YAAY,EAAE;AAVG,CAAnB;;AAaA,MAAMC,SAAS,GAAG,CAAC;EAACC,YAAD;EAAeC,SAAf;EAA0BC,SAA1B;EAAqCC,UAArC;EAAiDC;AAAjD,CAAD,KAAkE;EAClF,MAAMC,KAAK,GAAGvC,OAAO,CACnB,mBACMoC,SAAS,GACX;IACE,cAAcA;EADhB,CAFJ,EAKME,UAAU,GACZ;IACEE,KAAK,EAAEF;EADT,CANJ;IASEG,SAAS,EAAEJ;EATb,EADmB,EAYnB,CAACD,SAAD,EAAYC,UAAZ,EAAwBC,UAAxB,CAZmB,CAArB;;EAcA,IAAIJ,YAAJ,EAAkB;IAChB,OAAOC,SAAS,gBACd,oBAAC,OAAD,eAAaI,KAAb;MAAoB,eAAY;IAAhC,GADc,gBAGd,oBAAC,SAAD,eAAeA,KAAf;MAAsB,eAAY;IAAlC,GAHF;EAKD,CAND,MAMO,OAAO,IAAP;AACR,CAtBD;;AAwBA,MAAMG,MAAM,GAAG,CAACH,KAAD,EAAQI,aAAR,KAA0B;EACvC,MAAM;IACJC,IADI;IAEJC,OAAO,GAAG,EAFN;IAGJC,SAAS,GAAG,EAHR;IAIJL,SAJI;IAKJM,eALI;IAMJC,QANI;IAOJC,QAAQ,GAAG,KAPP;IAQJC,QARI;IASJC,QATI;IAUJC,WAVI;IAWJC,KAXI;IAYJC,QAAQ,GAAG,KAZP;IAaJC,KAAK,GAAG,KAbJ;IAcJC,KAAK,EAAEC,SAdH;IAeJ,cAAcrB;EAfV,IAgBFG,KAhBJ;EAkBA,MAAMmB,IAAI,GAAGtC,kBAAkB,CAACuB,aAAD,CAA/B;EACA,MAAMa,KAAK,GAAGxD,OAAO,CACnB,MAAOyD,SAAS,GAAI,GAAEA,SAAU,GAAEN,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAtC,GAA0C,IADvC,EAEnB,CAACM,SAAD,EAAYN,QAAZ,CAFmB,CAArB;EAKA,MAAM,CAAChB,SAAD,EAAYwB,YAAZ,IAA4B1D,QAAQ,CAAC,KAAD,CAA1C;EAEA,MAAM2D,mBAAmB,GAAG7D,WAAW,CAAC,MAAM4D,YAAY,CAAC,IAAD,CAAnB,EAA2B,EAA3B,CAAvC;EACA,MAAME,kBAAkB,GAAG9D,WAAW,CAAC,MAAM4D,YAAY,CAAC,KAAD,CAAnB,EAA4B,EAA5B,CAAtC;;EAEA,MAAMG,YAAY,GAAG,CAACC,MAAD,EAASC,KAAT,KAAmB;IACtC,oBACE;MAAQ,GAAG,EAAEA,KAAb;MAAoB,KAAK,EAAED,MAAM,CAACE,KAAlC;MAAyC,SAAS,EAAE3C,KAAK,CAACwC;IAA1D,GACGC,MAAM,CAACnB,IADV,CADF;EAKD,CAND;;EAQA,MAAMsB,UAAU,GAAG,CAACvD,OAAO,CAACkC,OAAD,CAAR,GACfA,OAAO,CAAChC,GAAR,CAAY,CAACkD,MAAD,EAASC,KAAT,KAAmBF,YAAY,CAACC,MAAD,EAASC,KAAT,CAA3C,CADe,GAEflB,SAAS,CAACjC,GAAV,CAAc,CAACsD,QAAD,EAAWH,KAAX,KAAqB;IACjC,oBACE;MAAU,GAAG,EAAEA,KAAf;MAAsB,KAAK,EAAEG,QAAQ,CAACC;IAAtC,GACGD,QAAQ,CAACtB,OAAT,IAAoBsB,QAAQ,CAACtB,OAAT,CAAiBhC,GAAjB,CAAqB,CAACkD,MAAD,EAASM,CAAT,KAAeP,YAAY,CAACC,MAAD,EAASM,CAAT,CAAhD,CADvB,CADF;EAKD,CAND,CAFJ;EAUA,MAAMC,SAAS,GAAGd,KAAK,gBAAG;IAAM,SAAS,EAAElC,KAAK,CAACkC;EAAvB,GAA+BA,KAA/B,MAAH,GAAmD,IAA1E;EAEA,MAAMe,QAAQ,GAAGvE,OAAO,CACtB,MACEiD,QAAQ,GACJpC,GAAG,CAACL,GAAG,CAAC,OAAD,CAAJ,EAAeH,MAAM,CAAC;IAACkE,QAAQ,EAAE;EAAX,CAAD,EAAmB1B,OAAnB,CAArB,CADC,GAEJrC,GAAG,CAAC,OAAD,EAAUF,IAAI,CAAC;IAACiE,QAAQ,EAAE;EAAX,CAAD,EAAmBnE,MAAM,CAACyC,OAAD,EAAUtC,WAAW,CAAC,SAAD,EAAYuC,SAAZ,CAArB,CAAzB,CAAd,CAJa,EAKtB,CAACG,QAAD,EAAWJ,OAAX,EAAoBC,SAApB,CALsB,CAAxB;EAOA,MAAM0B,aAAa,GAAGxE,OAAO,CAC3B,MACEiD,QAAQ,GACJpC,GAAG,CAACL,GAAG,CAAC,MAAD,CAAJ,EAAcH,MAAM,CAAC;IAACkE,QAAQ,EAAE;EAAX,CAAD,EAAmB1B,OAAnB,CAApB,CADC,GAEJrC,GAAG,CAAC,MAAD,EAASF,IAAI,CAAC;IAACiE,QAAQ,EAAE;EAAX,CAAD,EAAmBnE,MAAM,CAACyC,OAAD,EAAUtC,WAAW,CAAC,SAAD,EAAYuC,SAAZ,CAArB,CAAzB,CAAb,CAJkB,EAK3B,CAACG,QAAD,EAAWJ,OAAX,EAAoBC,SAApB,CAL2B,CAA7B;EAQA,MAAM2B,uBAAuB,GAAGzE,OAAO,CACrC,MACEqD,KAAK,KAAK,QAAV,IACA5C,KAAK,CAAC,KAAD,EAAQ,MAAR,EAAgBH,IAAI,CAAC;IAACoE,WAAW,EAAE,KAAd;IAAqBH,QAAQ,EAAE;EAA/B,CAAD,EAAuC1B,OAAvC,CAApB,CAH8B,EAIrC,CAACA,OAAD,EAAUQ,KAAV,CAJqC,CAAvC;EAOA,MAAMsB,YAAY,GAAG3E,OAAO,CAC1B,MACEiD,QAAQ,GACJ2B,CAAC,IAAI;IACHjB,YAAY,CAAC,KAAD,CAAZ;IACAX,QAAQ,CAACnC,GAAG,CAACL,GAAG,CAAC,OAAD,CAAJ,EAAeoE,CAAC,CAACC,MAAF,CAASC,eAAxB,CAAJ,CAAR;EACD,CAJG,GAKJF,CAAC,IAAI;IACHjB,YAAY,CAAC,KAAD,CAAZ;IACAX,QAAQ,CAAC4B,CAAC,CAACC,MAAF,CAASZ,KAAV,CAAR;EACD,CAVmB,EAW1B,CAACjB,QAAD,EAAWC,QAAX,CAX0B,CAA5B;EAcA,MAAM8B,KAAK,GAAG/E,OAAO,CAAC,MAAMS,KAAK,CAAC,SAAD,EAAY,cAAZ,EAA4BiD,IAA5B,CAAZ,EAA+C,CAACA,IAAD,CAA/C,CAArB;EACA,MAAMlB,KAAK,GAAGxC,OAAO,CAAC,MAAMS,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8BiD,IAA9B,CAAZ,EAAiD,CAACA,IAAD,CAAjD,CAArB;EACA,MAAMsB,oCAAoC,GAAGhF,OAAO,CAClD,MAAMU,QAAQ,CAAC2C,KAAD,EAAQ,CAAC,UAAD,EAAa,UAAb,EAAyB,QAAzB,CAAR,CADoC,EAElD,CAACA,KAAD,CAFkD,CAApD;EAIA,MAAM4B,sBAAsB,GAAGjF,OAAO,CACpC,MAAM,CAACyE,uBAAD,IAA4BF,QAA5B,IAAwCS,oCADV,EAEpC,CAACP,uBAAD,EAA0BF,QAA1B,EAAoCS,oCAApC,CAFoC,CAAtC;EAIA,MAAM1C,UAAU,GAAGiC,QAAQ,GAAG/B,KAAH,GAAW0C,SAAtC;EAEA,MAAMC,iBAAiB,GAAGnF,OAAO,CAC/B,MAAMqB,aAAa,CAACC,KAAK,CAAC8D,OAAP,EAAgB9D,KAAK,CAACgC,QAAtB,EAAgChC,KAAK,CAACiC,KAAtC,EAA6CD,QAA7C,EAAuDC,KAAvD,CADY,EAE/B,CAACA,KAAD,EAAQD,QAAR,CAF+B,CAAjC;EAIA,MAAM+B,iBAAiB,GAAGrF,OAAO,CAC/B,MACEG,UAAU,CACRkD,KAAK,IAAIA,KAAK,KAAK,cAAnB,GAAoC9B,UAAU,CAAC8B,KAAD,CAA9C,GAAwD8B,iBADhD,EAERZ,QAAQ,GAAGjD,KAAK,CAACiD,QAAT,GAAoBjD,KAAK,CAACgE,UAF1B,EAGR7C,SAHQ,CAFmB,EAO/B,CAAC0C,iBAAD,EAAoB1C,SAApB,EAA+B8B,QAA/B,EAAyClB,KAAzC,CAP+B,CAAjC;EAUA,MAAMkC,SAAS,GAAGvF,OAAO,CAAC,MAAMc,IAAI,CAAC0D,aAAD,CAAX,EAA4B,CAACA,aAAD,CAA5B,CAAzB;EAEA,MAAMgB,WAAW,GAAGxF,OAAO,CAAC,MAAMuF,SAAS,IAAI,EAApB,EAAwB,CAACA,SAAD,CAAxB,CAA3B;EAEA,oBACE;IACE,SAAS,EAAEpF,UAAU,CACnBkF,iBADmB,EAEnBhC,KAAK,KAAK,cAAV,GAA2B/B,KAAK,CAACU,YAAjC,GAAgD,IAF7B;EADvB,gBAME;IACE,aAAU,gBADZ;IAEE,KAAK,eACCiD,sBAAsB,IAAI;MAC5BzC;IAD4B,CAD3B,CAFP;IAOE,SAAS,EAAElB,KAAK,CAACmE;EAPnB,GASGnB,SATH,eAUE;IACE,aAAU,aADZ;IAEE,SAAS,EAAEnE,UAAU,CACnBmB,KAAK,CAACoE,UADa,EAEnBhF,QAAQ,CAAC2C,KAAD,EAAQ,CAAC,QAAD,EAAW,SAAX,EAAsB,UAAtB,EAAkC,aAAlC,EAAiD,UAAjD,CAAR,CAAR,GACI/B,KAAK,CAACqE,aADV,GAEI,IAJe,EAKnB5C,eALmB,EAMnByC,WAAW,GAAGlE,KAAK,CAACsE,SAAT,GAAqB,IANb,CAFvB;IAUE,KAAK,eACCX,sBAAsB,IAAI;MAC5BzC;IAD4B,CAD3B;EAVP,GAgBGgC,aAhBH,CAVF,eA4BE,oBAAC,SAAD;IACE,YAAY,EAAE,CAACvB,QADjB;IAEE,SAAS,EAAEd,SAFb;IAGE,SAAS,EAAEC,SAHb;IAIE,UAAU,EAAE6C,sBAAsB,GAAG3D,KAAK,CAACuE,aAAT,GAAyBvE,KAAK,CAACwE,KAJnE;IAKE,UAAU,EAAEd,oCAAoC,GAAG1C,UAAH,GAAgByC;EALlE,EA5BF,eAmCE;IACE,aAAU,eADZ;IAEE,SAAS,EAAEzD,KAAK,CAACyE,SAFnB;IAGE,KAAK,EAAEvB,aAHT;IAIE,IAAI,EAAE5B,IAJR;IAKE,QAAQ,EAAE+B,YALZ;IAME,KAAK,EAAEJ,QANT;IAOE,QAAQ,EAAEtB,QAPZ;IAQE,QAAQ,EAAEC,QARZ;IASE,OAAO,EAAEU,mBATX;IAUE,MAAM,EAAEC,kBAVV,CAWE;IACA;IACA;IAbF;IAcE,YAAY,EAAEA,kBAdhB;IAeE,eAAY;EAfd,GAiBGK,UAjBH,CAnCF,CANF,eA6DE;IAAK,SAAS,EAAE5C,KAAK,CAAC8B;EAAtB,GAAoCA,WAApC,CA7DF,CADF;AAiED,CArLD;;AAuLA,OAAO,MAAM4C,qBAAqB,GAAG;EACnCpD,IAAI,EAAE1C,SAAS,CAAC+F,MAAV,CAAiBC,UADY;EAEnCjC,KAAK,EAAE/D,SAAS,CAACiG,SAAV,CAAoB,CAACjG,SAAS,CAAC+F,MAAX,EAAmB/F,SAAS,CAACkG,MAA7B,CAApB,CAF4B;EAGnC7B,QAAQ,EAAErE,SAAS,CAACmG,IAHe;EAInC3B,WAAW,EAAExE,SAAS,CAACmG;AAJY,CAA9B;AAOP,OAAO,MAAMC,0BAA0B,GAAG;EACxClC,KAAK,EAAElE,SAAS,CAAC+F,MAAV,CAAiBC,UADgB;EAExCrD,OAAO,EAAE3C,SAAS,CAACqG,OAAV,CAAkBrG,SAAS,CAACsG,KAAV,CAAgBR,qBAAhB,CAAlB;AAF+B,CAAnC;AAKPtD,MAAM,CAAC+D,YAAP,GAAsB;EACpB/C,IAAI,EAAEvC,QAAQ,CAACuF,iBAAT,CAA2BhD;AADb,CAAtB;AAIAhB,MAAM,CAACiE,SAAP,2CAAmB;EACjBnD,KAAK,EAAEtD,SAAS,CAAC+F,MADA;EAEjBrD,IAAI,EAAE1C,SAAS,CAAC+F,MAFC;EAGjBxD,SAAS,EAAEvC,SAAS,CAAC+F,MAHJ;EAIjBlD,eAAe,EAAE7C,SAAS,CAAC+F,MAJV;EAKjB/C,QAAQ,EAAEhD,SAAS,CAACmG,IALH;EAMjBpD,QAAQ,EAAE/C,SAAS,CAACmG,IANH;EAOjBjD,WAAW,EAAElD,SAAS,CAAC+F,MAPN;EAQjB9C,QAAQ,EAAEjD,SAAS,CAACmG,IARH;EASjBrD,QAAQ,EAAE9C,SAAS,CAAC0G,IATH;EAUjBvD,KAAK,EAAEnD,SAAS,CAAC2G,KAAV,CAAgBjG,IAAI,CAACW,UAAD,CAApB,CAVU;EAWjBsB,OAAO,EAAE3C,SAAS,CAACqG,OAAV,CAAkBrG,SAAS,CAACsG,KAAV,CAAgBR,qBAAhB,CAAlB,CAXQ;EAYjBlD,SAAS,EAAE5C,SAAS,CAACqG,OAAV,CAAkBrG,SAAS,CAACsG,KAAV,CAAgBF,0BAAhB,CAAlB,CAZM;EAajBhD,QAAQ,EAAEpD,SAAS,CAACmG,IAbH;EAcjB9C,KAAK,EAAErD,SAAS,CAACmG,IAdA;EAejB,cAAcnG,SAAS,CAAC+F;AAfP,CAAnB;AAkBA,eAAevD,MAAf"}

package/es/atom/select-modal/index.native.d.ts

@@ -2,13 +2,13 @@
 import { ViewStyle } from 'react-native';
 import type { QuestionType } from '../../molecule/questions/types';
 import { OnChangeFunction } from '../../hoc/modal/select/index.native';
-export type ChoiceItem = {
+export declare type ChoiceItem = {
     text: string;
     selected: boolean;
     _id: string;
     value: string;
 };
-export type Props = {
+export declare type Props = {
     analyticsID: string;
     questionType: QuestionType;
     isDisabled?: boolean;

package/es/atom/select-modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAoG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAoG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/atom/select-modal/index.native.js

@@ -9,6 +9,7 @@ import Text from '../text/index.native';
 import ModalSelect from '../../hoc/modal/select/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
 const ICON_WIDTH = 15;
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -20,12 +21,14 @@ const createStyleSheet = theme => StyleSheet.create({
     textAlign: 'center'
   }
 });
+
 const logEvent = (eventName, analyticsID, analytics, questionType) => {
   analytics && analytics.logEvent(eventName, {
     id: analyticsID,
     questionType
   });
 };
+
 const Select = props => {
   const templateContext = useTemplateContext();
   const {
@@ -36,6 +39,7 @@ const Select = props => {
   const [styleSheet, setStylesheet] = useState(null);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   const {
@@ -67,22 +71,28 @@ const Select = props => {
     onChange(_value);
     handleBlur();
   }, [onChange, handleBlur]);
+
   if (!styleSheet) {
     return null;
   }
+
   const selectedItem = values.find(item => item.selected);
   const text = selectedItem && selectedItem.text || placeholder || null;
   let textStyles = [styleSheet.text];
+
   if (textStyle) {
     textStyles = [styleSheet.text, ...textStyle];
   }
+
   let color;
+
   if ((selectedItem?.value?.length || 0) > 0) {
     color = brandTheme?.colors?.primary;
     textStyles.push({
       color
     });
   }
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Touchable, {
     disabled: isDisabled,
     onPress: handleFocus,
@@ -111,5 +121,6 @@ const Select = props => {
     testID: `${testID}-modal`
   })));
 };
+
 export default Select;
 //# sourceMappingURL=index.native.js.map

package/es/atom/select-modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","push","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","push","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}

package/es/atom/slide/index.js

@@ -1,8 +1,10 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Cta from '../cta';
 import style from './style.css';
+
 const Slide = props => {
   const {
     cover,
@@ -34,6 +36,7 @@ const Slide = props => {
     "data-name": "title"
   }, title), ctaView));
 };
+
 Slide.propTypes = process.env.NODE_ENV !== "production" ? {
   cover: PropTypes.string,
   title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Cta","style","Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","hero","backgroundImage","content","textAlign","propTypes","string","bool","shape","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,QAAQ;AACxB,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAQ,CAAC,GAAGN,KAAK;EAExE,MAAMO,QAAQ,GAAGN,KAAK;EACtB,MAAMO,OAAO,GAAGJ,GAAG,gBAAG,oBAAC,GAAG,eAAKA,GAAG;IAAE,KAAK,EAAEC;EAAM,GAAG,GAAG,IAAI;EAE3D,oBACE;IACE,SAAS,EAAEP,KAAK,CAACW,IAAK;IACtB,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMH,QAAS;IACnC;EAAE,gBAEF;IACE,SAAS,EAAEF,KAAK,GAAGP,KAAK,CAACO,KAAK,GAAGP,KAAK,CAACa,OAAQ;IAC/C,KAAK,EAAE;MACLC,SAAS,EAAEN;IACb;EAAE,gBAEF;IAAI,SAAS,EAAER,KAAK,CAACK,QAAS;IAAC,aAAU;EAAU,GAChDA,QAAQ,CACN,eACL;IAAI,SAAS,EAAEL,KAAK,CAACI,KAAM;IAAC,aAAU;EAAO,GAC1CA,KAAK,CACH,EACJM,OAAO,CACJ,CACF;AAEV,CAAC;AAEDT,KAAK,CAACc,SAAS,2CAAG;EAChBZ,KAAK,EAAEL,SAAS,CAACkB,MAAM;EACvBZ,KAAK,EAAEN,SAAS,CAACkB,MAAM;EACvBX,QAAQ,EAAEP,SAAS,CAACkB,MAAM;EAC1BT,KAAK,EAAET,SAAS,CAACmB,IAAI;EACrBX,GAAG,EAAER,SAAS,CAACoB,KAAK,CAACnB,GAAG,CAACgB,SAAS,CAAC;EACnCP,SAAS,EAAEV,SAAS,CAACqB,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;AACxD,CAAC;AAED,eAAelB,KAAK"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Cta","style","Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","hero","backgroundImage","content","textAlign","propTypes","string","bool","shape","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,GAAzB;IAA8BC,KAA9B;IAAqCC,SAAS,GAAG;EAAjD,IAA6DN,KAAnE;EAEA,MAAMO,QAAQ,GAAGN,KAAjB;EACA,MAAMO,OAAO,GAAGJ,GAAG,gBAAG,oBAAC,GAAD,eAASA,GAAT;IAAc,KAAK,EAAEC;EAArB,GAAH,GAAoC,IAAvD;EAEA,oBACE;IACE,SAAS,EAAEP,KAAK,CAACW,IADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMH,QAAS;IAD5B;EAFT,gBAME;IACE,SAAS,EAAEF,KAAK,GAAGP,KAAK,CAACO,KAAT,GAAiBP,KAAK,CAACa,OADzC;IAEE,KAAK,EAAE;MACLC,SAAS,EAAEN;IADN;EAFT,gBAME;IAAI,SAAS,EAAER,KAAK,CAACK,QAArB;IAA+B,aAAU;EAAzC,GACGA,QADH,CANF,eASE;IAAI,SAAS,EAAEL,KAAK,CAACI,KAArB;IAA4B,aAAU;EAAtC,GACGA,KADH,CATF,EAYGM,OAZH,CANF,CADF;AAuBD,CA7BD;;AA+BAT,KAAK,CAACc,SAAN,2CAAkB;EAChBZ,KAAK,EAAEL,SAAS,CAACkB,MADD;EAEhBZ,KAAK,EAAEN,SAAS,CAACkB,MAFD;EAGhBX,QAAQ,EAAEP,SAAS,CAACkB,MAHJ;EAIhBT,KAAK,EAAET,SAAS,CAACmB,IAJD;EAKhBX,GAAG,EAAER,SAAS,CAACoB,KAAV,CAAgBnB,GAAG,CAACgB,SAApB,CALW;EAMhBP,SAAS,EAAEV,SAAS,CAACqB,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,CAAhB;AANK,CAAlB;AASA,eAAelB,KAAf"}

package/es/atom/social-link/index.js

@@ -17,6 +17,7 @@ const themeStyle = {
   default: style.link,
   footer: style.linkFooter
 };
+
 const SocialLink = props => {
   const {
     type,
@@ -36,6 +37,7 @@ const SocialLink = props => {
     className: style.icon
   }));
 };
+
 SocialLink.propTypes = process.env.NODE_ENV !== "production" ? {
   mode: PropTypes.string,
   type: PropTypes.string.isRequired,

package/es/atom/social-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,mCAAmC,IAAIC,YAAY,EACnDC,qCAAqC,IAAIC,cAAc,EACvDC,oCAAoC,IAAIC,aAAa,EACrDC,mCAAmC,IAAIC,YAAY,EACnDC,+BAA+B,IAAIC,QAAQ,EAC3CC,oCAAoC,IAAIC,aAAa,EACrDC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,QAC5C,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QAAQ;EACd,aAAa,EAAEN,cAAc;EAC7BkB,QAAQ,EAAEpB,YAAY;EACtBqB,OAAO,EAAET,WAAW;EACpBU,QAAQ,EAAEhB,YAAY;EACtBiB,SAAS,EAAEnB,aAAa;EACxBoB,OAAO,EAAER,WAAW;EACpBS,KAAK,EAAEX,SAAS;EAChBY,SAAS,EAAEhB;AACb,CAAC;AACD,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IAAI;EACnBC,MAAM,EAAEb,KAAK,CAACc;AAChB,CAAC;AACD,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAI;IAAEL,IAAI;IAAEM,IAAI,GAAG,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACrE,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAI,CAAC;EAC5B,oBACE;IACE,IAAI,EAAEL,IAAK;IACX,SAAS,EAAEF,UAAU,CAACQ,IAAI,CAAE;IAC5B,MAAM,EAAC,QAAQ;IACf,GAAG,EAAC,qBAAqB;IACzB,cAAYC,SAAU;IACtB,aAAY,GAAED,IAAK,IAAGD,IAAK;EAAE,gBAE7B,oBAAC,QAAQ;IAAC,SAAS,EAAEjB,KAAK,CAACqB;EAAK,EAAG,CACjC;AAER,CAAC;AAEDN,UAAU,CAACO,SAAS,2CAAG;EACrBJ,IAAI,EAAErC,SAAS,CAAC0C,MAAM;EACtBN,IAAI,EAAEpC,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACjCZ,IAAI,EAAE/B,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACjC,YAAY,EAAE3C,SAAS,CAAC0C;AAC1B,CAAC;AAED,eAAeR,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,mCAAmC,IAAIC,YADzC,EAEEC,qCAAqC,IAAIC,cAF3C,EAGEC,oCAAoC,IAAIC,aAH1C,EAIEC,mCAAmC,IAAIC,YAJzC,EAKEC,+BAA+B,IAAIC,QALrC,EAMEC,oCAAoC,IAAIC,aAN1C,EAOEC,kCAAkC,IAAIC,WAPxC,EAQEC,gCAAgC,IAAIC,SARtC,EASEC,kCAAkC,IAAIC,WATxC,QAUO,0BAVP;AAWA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QADM;EAEZ,eAAeN,cAFH;EAGZkB,QAAQ,EAAEpB,YAHE;EAIZqB,OAAO,EAAET,WAJG;EAKZU,QAAQ,EAAEhB,YALE;EAMZiB,SAAS,EAAEnB,aANC;EAOZoB,OAAO,EAAER,WAPG;EAQZS,KAAK,EAAEX,SARK;EASZY,SAAS,EAAEhB;AATC,CAAd;AAWA,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IADE;EAEjBC,MAAM,EAAEb,KAAK,CAACc;AAFG,CAAnB;;AAIA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAD;IAAOL,IAAP;IAAaM,IAAI,GAAG,SAApB;IAA+B,cAAcC;EAA7C,IAA0DH,KAAhE;EACA,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAD,CAAtB;EACA,oBACE;IACE,IAAI,EAAEL,IADR;IAEE,SAAS,EAAEF,UAAU,CAACQ,IAAD,CAFvB;IAGE,MAAM,EAAC,QAHT;IAIE,GAAG,EAAC,qBAJN;IAKE,cAAYC,SALd;IAME,aAAY,GAAED,IAAK,IAAGD,IAAK;EAN7B,gBAQE,oBAAC,QAAD;IAAU,SAAS,EAAEjB,KAAK,CAACqB;EAA3B,EARF,CADF;AAYD,CAfD;;AAiBAN,UAAU,CAACO,SAAX,2CAAuB;EACrBJ,IAAI,EAAErC,SAAS,CAAC0C,MADK;EAErBN,IAAI,EAAEpC,SAAS,CAAC0C,MAAV,CAAiBC,UAFF;EAGrBZ,IAAI,EAAE/B,SAAS,CAAC0C,MAAV,CAAiBC,UAHF;EAIrB,cAAc3C,SAAS,CAAC0C;AAJH,CAAvB;AAOA,eAAeR,UAAf"}

package/es/atom/space/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { SpaceType } from '../../variables/theme.native';
-export type Props = {
+export declare type Props = {
     type?: SpaceType;
 };
 declare const Space: ({ type }: Props) => JSX.Element;

package/es/atom/space/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,gBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,gBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { View } from 'react-native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const Space = ({
   type = 'tiny'
 }) => {
@@ -15,5 +16,6 @@ const Space = ({
     }
   });
 };
+
 export default Space;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,QAAO,cAAc;AAEjC,SAAQC,kBAAkB,QAAO,4CAA4C;AAM7E,MAAMC,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAa,CAAC,KAAK;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,EAAE;EAE5C,MAAM;IAACI;EAAK,CAAC,GAAGD,eAAe;EAE/B,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE;MACLE,KAAK,EAAED,KAAK,CAACE,OAAO,CAACJ,IAAI,CAAC;MAC1BK,MAAM,EAAEH,KAAK,CAACE,OAAO,CAACJ,IAAI;IAC5B;EAAE,EACF;AAEN,CAAC;AAED,eAAeD,KAAK"}
+{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,QAAmB,cAAnB;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAMA,MAAMC,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAR,CAAD,KAA4B;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,EAA1C;EAEA,MAAM;IAACI;EAAD,IAAUD,eAAhB;EAEA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE;MACLE,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcJ,IAAd,CADF;MAELK,MAAM,EAAEH,KAAK,CAACE,OAAN,CAAcJ,IAAd;IAFH;EADT,EADF;AAQD,CAbD;;AAeA,eAAeD,KAAf"}