@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/lib/atom/review-presentation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","key","reviewList","propTypes","PropTypes","string","shape","ToolTip"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        TooltipContent={label.tooltipText}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n        aria-label={label.moreDetailsAriaLabel}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: ToolTip.propTypes.tooltipText,\n    moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n    closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n    text: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","style","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","key","reviewList","propTypes","PropTypes","string","shape","ToolTip"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        TooltipContent={label.tooltipText}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n        aria-label={label.moreDetailsAriaLabel}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: ToolTip.propTypes.tooltipText,\n    moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n    closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n    text: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}

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

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 var _index2 = _interopRequireDefault(require("../html/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   container: {
     backgroundColor: theme.colors.white,
@@ -75,6 +85,7 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     color: '#fff'
   }
 });
+
 const Tip = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -88,11 +99,14 @@ const Tip = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [brandTheme, theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.tip
   }, /*#__PURE__*/_react.default.createElement(Icon, {
@@ -104,6 +118,7 @@ const Tip = props => {
     style: styleSheet.tipText
   }, text));
 };
+
 const Onboarding = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -117,14 +132,14 @@ const Onboarding = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
-    setStylesheet(_stylesheet);
-  }, [brandTheme, theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [brandTheme, theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
   }, /*#__PURE__*/_react.default.createElement(_index2.default, {
@@ -156,6 +171,7 @@ const Onboarding = props => {
     style: styleSheet.buttonText
   }, translations.ok)));
 };
+
 var _default = Onboarding;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","Icon","useEffect","_stylesheet","Onboarding","translations","onPress","appReview","presentation","TargetIcon","labelList","skills","QuestionMarkIcon","questions","HeartIcon","lifes","CheckCircle2Icon","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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"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","Icon","useEffect","_stylesheet","Onboarding","translations","onPress","appReview","presentation","TargetIcon","labelList","skills","QuestionMarkIcon","questions","HeartIcon","lifes","CheckCircle2Icon","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/lib/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/lib/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/lib/atom/review-presentation/prop-types.js

@@ -2,14 +2,18 @@
 
 exports.__esModule = true;
 exports.default = exports.TipPropsTypes = exports.OnboardingPropsTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const levelItem = _propTypes.default.shape({
   text: _propTypes.default.string,
   tooltipText: _propTypes.default.string,
   moreDetailsAreaLabel: _propTypes.default.string,
   closeToolTipInformationTextAriaLabel: _propTypes.default.string
 });
+
 const propTypes = {
   'aria-label': _propTypes.default.string,
   reviewTitle: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["levelItem","PropTypes","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;AAAmC;AAGnC,MAAMA,SAAS,GAAGC,kBAAS,CAACC,KAAK,CAAC;EAChCC,IAAI,EAAEF,kBAAS,CAACG,MAAM;EACtBC,WAAW,EAAEJ,kBAAS,CAACG,MAAM;EAC7BE,oBAAoB,EAAEL,kBAAS,CAACG,MAAM;EACtCG,oCAAoC,EAAEN,kBAAS,CAACG;AAClD,CAAC,CAAC;AAEF,MAAMI,SAAS,GAAG;EAChB,YAAY,EAAEP,kBAAS,CAACG,MAAM;EAC9BK,WAAW,EAAER,kBAAS,CAACG,MAAM;EAC7BM,UAAU,EAAET,kBAAS,CAACG,MAAM;EAC5BO,UAAU,EAAEV,kBAAS,CAACC,KAAK,CAAC;IAC1BU,MAAM,EAAEZ,SAAS;IACjBa,SAAS,EAAEb,SAAS;IACpBc,KAAK,EAAEd,SAAS;IAChBe,QAAQ,EAAEf;EACZ,CAAC;AACH,CAAC;AAAC,eAEaQ,SAAS;AAAA;AAEjB,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEhB,kBAAS,CAACiB;AACrB,CAAC;AAAC;AAEK,MAAMC,aAAa,GAAG;EAC3BhB,IAAI,EAAEF,kBAAS,CAACG,MAAM;EACtBgB,IAAI,EAAEnB,kBAAS,CAACoB;AAClB,CAAC;AAAC"}
+{"version":3,"file":"prop-types.js","names":["levelItem","PropTypes","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;;;;AAGA,MAAMA,SAAS,GAAGC,kBAAA,CAAUC,KAAV,CAAgB;EAChCC,IAAI,EAAEF,kBAAA,CAAUG,MADgB;EAEhCC,WAAW,EAAEJ,kBAAA,CAAUG,MAFS;EAGhCE,oBAAoB,EAAEL,kBAAA,CAAUG,MAHA;EAIhCG,oCAAoC,EAAEN,kBAAA,CAAUG;AAJhB,CAAhB,CAAlB;;AAOA,MAAMI,SAAS,GAAG;EAChB,cAAcP,kBAAA,CAAUG,MADR;EAEhBK,WAAW,EAAER,kBAAA,CAAUG,MAFP;EAGhBM,UAAU,EAAET,kBAAA,CAAUG,MAHN;EAIhBO,UAAU,EAAEV,kBAAA,CAAUC,KAAV,CAAgB;IAC1BU,MAAM,EAAEZ,SADkB;IAE1Ba,SAAS,EAAEb,SAFe;IAG1Bc,KAAK,EAAEd,SAHmB;IAI1Be,QAAQ,EAAEf;EAJgB,CAAhB;AAJI,CAAlB;eAYeQ,S;;AAER,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEhB,kBAAA,CAAUiB;AADe,CAA7B;;AAIA,MAAMC,aAAa,GAAG;EAC3BhB,IAAI,EAAEF,kBAAA,CAAUG,MADW;EAE3BgB,IAAI,EAAEnB,kBAAA,CAAUoB;AAFW,CAAtB"}

package/lib/atom/select/index.js

@@ -2,28 +2,51 @@
 
 exports.__esModule = true;
 exports.default = exports.SelectOptionPropTypes = exports.SelectOptionGroupPropTypes = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _concat = _interopRequireDefault(require("lodash/fp/concat"));
+
 var _filter = _interopRequireDefault(require("lodash/fp/filter"));
+
 var _find = _interopRequireDefault(require("lodash/fp/find"));
+
 var _flatMapDeep = _interopRequireDefault(require("lodash/fp/flatMapDeep"));
+
 var _get = _interopRequireDefault(require("lodash/fp/get"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _size = _interopRequireDefault(require("lodash/fp/size"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireWildcard(require("../provider"));
+
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const themeStyle = {
   filter: _style.default.filter,
   invalid: _style.default.invalid,
@@ -36,6 +59,7 @@ const themeStyle = {
   template: _style.default.template,
   coorpmanager: null
 };
+
 const ArrowView = ({
   shouldRender,
   isArrowUp,
@@ -50,6 +74,7 @@ const ArrowView = ({
   }, {
     className: arrowClass
   }), [ariaLabel, arrowClass, arrowColor]);
+
   if (shouldRender) {
     return isArrowUp ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowTop, _extends({}, props, {
       "data-testid": "select-arrow-up-icon"
@@ -58,6 +83,7 @@ const ArrowView = ({
     }));
   } else return null;
 };
+
 const Select = (props, legacyContext) => {
   const {
     name,
@@ -81,6 +107,7 @@ const Select = (props, legacyContext) => {
   const [isArrowUp, setIsArrowUp] = (0, _react.useState)(false);
   const handleSelectOnFocus = (0, _react.useCallback)(() => setIsArrowUp(true), []);
   const handleSelectOnBlur = (0, _react.useCallback)(() => setIsArrowUp(false), []);
+
   const selectOption = (option, index) => {
     return /*#__PURE__*/_react.default.createElement("option", {
       key: index,
@@ -88,6 +115,7 @@ const Select = (props, legacyContext) => {
       className: _style.default.selectOption
     }, option.name);
   };
+
   const optionList = !(0, _isEmpty.default)(options) ? options.map((option, index) => selectOption(option, index)) : optgroups.map((optgroup, index) => {
     return /*#__PURE__*/_react.default.createElement("optgroup", {
       key: index,
@@ -157,8 +185,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
     ,
@@ -168,6 +195,7 @@ const Select = (props, legacyContext) => {
     className: _style.default.description
   }, description));
 };
+
 const SelectOptionPropTypes = {
   name: _propTypes.default.string.isRequired,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","value","optionList","isEmpty","map","optgroup","label","i","titleView","selected","get","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","default","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","keys"],"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":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","value","optionList","isEmpty","map","optgroup","label","i","titleView","selected","get","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","default","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","keys"],"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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"}

package/lib/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/lib/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/lib/atom/select-modal/index.native.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 var _analytics = require("../../variables/analytics");
+
 var _index2 = _interopRequireDefault(require("../space/index.native"));
+
 var _index3 = _interopRequireDefault(require("../text/index.native"));
+
 var _index4 = _interopRequireDefault(require("../../hoc/modal/select/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const ICON_WIDTH = 15;
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -27,12 +42,14 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     textAlign: 'center'
   }
 });
+
 const logEvent = (eventName, analyticsID, analytics, questionType) => {
   analytics && analytics.logEvent(eventName, {
     id: analyticsID,
     questionType
   });
 };
+
 const Select = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -43,6 +60,7 @@ const Select = props => {
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   const {
@@ -74,22 +92,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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
     disabled: isDisabled,
     onPress: handleFocus,
@@ -118,6 +142,7 @@ const Select = props => {
     testID: `${testID}-modal`
   })));
 };
+
 var _default = Select;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map