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

package/lib/atom/review-header-step-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyle","current","icon","backgroundColor","COLORS","positive","negative","gray","StyleSheet","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","useState","useEffect","_style","child"],"sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {HeaderStepItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (current: boolean, icon: HeaderStepItemProps['icon']): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: HeaderStepItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(current, icon);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;;;;;AASA,MAAMA,WAAW,GAAG,CAACC,OAAD,EAAmBC,IAAnB,KAAyE;EAC3F,IAAIC,eAAJ;;EAEA,QAAQD,IAAR;IACE,KAAK,OAAL;MACEC,eAAe,GAAGC,cAAA,CAAOC,QAAzB;MACA;;IACF,KAAK,OAAL;MACEF,eAAe,GAAGC,cAAA,CAAOE,QAAzB;MACA;;IACF,KAAK,WAAL;IACA;MACEH,eAAe,GAAGC,cAAA,CAAOG,IAAzB;EATJ;;EAYA,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEV,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJW,MAAM,EAAEX,OAAO,GAAG,EAAH,GAAQ,EAFnB;MAGJY,OAAO,EAAEZ,OAAO,GAAG,CAAH,GAAO,GAHnB;MAIJa,gBAAgB,EAAE,CAJd;MAKJX,eALI;MAMJY,UAAU,EAAE,QANR;MAOJC,cAAc,EAAE,QAPZ;MAQJC,YAAY,EAAE;IARV,CADiB;IAWvBC,QAAQ,EAAE;MACRC,UAAU,EAAE,KADJ;MAERC,QAAQ,EAAEnB,OAAO,GAAG,EAAH,GAAQ;IAFjB,CAXa;IAevBC,IAAI,EAAE;MACJS,KAAK,EAAEV,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJW,MAAM,EAAEX,OAAO,GAAG,EAAH,GAAQ;IAFnB;EAfiB,CAAlB,CAAP;AAoBD,CAnCD;;AAqCA,MAAMoB,IAAI,GAAG,CAAC;EAACC,KAAD;EAAQpB,IAAR;EAAcD;AAAd,CAAD,KAAiD;EAC5D,MAAM,CAACsB,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAgC,IAAhC,CAA1B;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,MAAM,GAAG3B,WAAW,CAACC,OAAD,EAAUC,IAAV,CAA1B;;IACAsB,QAAQ,CAACG,MAAD,CAAR;EACD,CAHD,EAGG,CAAC1B,OAAD,EAAUC,IAAV,CAHH;;EAKA,IAAI,CAACqB,KAAL,EAAY;IACV,OAAO,IAAP;EACD;;EAED,IAAIK,KAAJ;;EAEA,QAAQ1B,IAAR;IACE,KAAK,OAAL;MACE0B,KAAK,gBAAG,6BAAC,2CAAD;QAAW,KAAK,EAAEL,KAAK,CAACrB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,OAAL;MACE0B,KAAK,gBAAG,6BAAC,+BAAD;QAAW,KAAK,EAAEL,KAAK,CAACrB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,WAAL;IACA;MACE0B,KAAK,gBAAG,6BAAC,iBAAD;QAAM,KAAK,EAAEL,KAAK,CAACL;MAAnB,GAA8BI,KAA9B,CAAR;EATJ;;EAYA,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAEC,KAAK,CAACb;EAAnB,GAA0BkB,KAA1B,CAAP;AACD,CA3BD;;eA6BeP,I"}
+{"version":3,"file":"index.native.js","names":["createStyle","current","icon","backgroundColor","COLORS","positive","negative","gray","StyleSheet","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","useState","useEffect","_style","child"],"sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {HeaderStepItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (current: boolean, icon: HeaderStepItemProps['icon']): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: HeaderStepItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(current, icon);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":";;;;AAAA;AACA;AACA;AAIA;AAA8C;AAAA;AAS9C,MAAMA,WAAW,GAAG,CAACC,OAAgB,EAAEC,IAAiC,KAAqB;EAC3F,IAAIC,eAAe;EAEnB,QAAQD,IAAI;IACV,KAAK,OAAO;MACVC,eAAe,GAAGC,cAAM,CAACC,QAAQ;MACjC;IACF,KAAK,OAAO;MACVF,eAAe,GAAGC,cAAM,CAACE,QAAQ;MACjC;IACF,KAAK,WAAW;IAChB;MACEH,eAAe,GAAGC,cAAM,CAACG,IAAI;EAAC;EAGlC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEV,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBW,MAAM,EAAEX,OAAO,GAAG,EAAE,GAAG,EAAE;MACzBY,OAAO,EAAEZ,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1Ba,gBAAgB,EAAE,CAAC;MACnBX,eAAe;MACfY,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAEnB,OAAO,GAAG,EAAE,GAAG;IAC3B,CAAC;IACDC,IAAI,EAAE;MACJS,KAAK,EAAEV,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBW,MAAM,EAAEX,OAAO,GAAG,EAAE,GAAG;IACzB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMoB,IAAI,GAAG,CAAC;EAACC,KAAK;EAAEpB,IAAI;EAAED;AAA4B,CAAC,KAAK;EAC5D,MAAM,CAACsB,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,MAAM,GAAG3B,WAAW,CAACC,OAAO,EAAEC,IAAI,CAAC;IACzCsB,QAAQ,CAACG,MAAM,CAAC;EAClB,CAAC,EAAE,CAAC1B,OAAO,EAAEC,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACqB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIK,KAAK;EAET,QAAQ1B,IAAI;IACV,KAAK,OAAO;MACV0B,KAAK,gBAAG,6BAAC,2CAAS;QAAC,KAAK,EAAEL,KAAK,CAACrB,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;MACrD;IACF,KAAK,OAAO;MACV0B,KAAK,gBAAG,6BAAC,+BAAS;QAAC,KAAK,EAAEL,KAAK,CAACrB,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;MACrD;IACF,KAAK,WAAW;IAChB;MACE0B,KAAK,gBAAG,6BAAC,iBAAI;QAAC,KAAK,EAAEL,KAAK,CAACL;MAAS,GAAEI,KAAK,CAAQ;EAAC;EAGxD,oBAAO,6BAAC,iBAAI;IAAC,KAAK,EAAEC,KAAK,CAACb;EAAK,GAAEkB,KAAK,CAAQ;AAChD,CAAC;AAAC,eAEaP,IAAI;AAAA"}

package/lib/atom/review-header-step-item/types.d.ts

@@ -5,12 +5,12 @@ declare const propTypes: {
     value: PropTypes.Requireable<string>;
 };
 export default propTypes;
-export declare type HeaderStepItemProps = {
+export type HeaderStepItemProps = {
     current: boolean;
     icon: 'no-answer' | 'right' | 'wrong';
     value: string;
 };
-export declare type Fixture = {
+export type Fixture = {
     props: HeaderStepItemProps;
 };
 //# sourceMappingURL=types.d.ts.map

package/lib/atom/review-header-step-item/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}

package/lib/atom/review-header-step-item/types.js

@@ -2,11 +2,8 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const propTypes = {
   current: _propTypes.default.bool,
   icon: _propTypes.default.oneOf(['no-answer', 'right', 'wrong']),

package/lib/atom/review-header-step-item/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","current","PropTypes","bool","icon","oneOf","value","string"],"sources":["../../../src/atom/review-header-step-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type HeaderStepItemProps = {\n  current: boolean;\n  icon: 'no-answer' | 'right' | 'wrong';\n  value: string;\n};\n\nexport type Fixture = {\n  props: HeaderStepItemProps;\n};\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,OAAO,EAAEC,kBAAA,CAAUC,IADH;EAEhBC,IAAI,EAAEF,kBAAA,CAAUG,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,CAAhB,CAFU;EAGhBC,KAAK,EAAEJ,kBAAA,CAAUK;AAHD,CAAlB;eAMeP,S"}
+{"version":3,"file":"types.js","names":["propTypes","current","PropTypes","bool","icon","oneOf","value","string"],"sources":["../../../src/atom/review-header-step-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type HeaderStepItemProps = {\n  current: boolean;\n  icon: 'no-answer' | 'right' | 'wrong';\n  value: string;\n};\n\nexport type Fixture = {\n  props: HeaderStepItemProps;\n};\n"],"mappings":";;;;AAAA;AAAmC;AAEnC,MAAMA,SAAS,GAAG;EAChBC,OAAO,EAAEC,kBAAS,CAACC,IAAI;EACvBC,IAAI,EAAEF,kBAAS,CAACG,KAAK,CAAC,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;EACtDC,KAAK,EAAEJ,kBAAS,CAACK;AACnB,CAAC;AAAC,eAEaP,SAAS;AAAA"}

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

@@ -2,49 +2,36 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _map = _interopRequireDefault(require("lodash/fp/map"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _tooltip = _interopRequireDefault(require("../tooltip"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 var _propTypes2 = _interopRequireDefault(require("./prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ICONS = {
   skills: _novaIcons.NovaLineSelectionCursorsCursorArrowTarget,
   questions: _novaIcons.NovaSolidInterfaceFeedbackInterfaceQuestionMark,
   lifes: _novaIcons.NovaSolidVoteRewardsVoteHeart,
   allright: _novaIcons.NovaSolidStatusCheckCircle2
 };
-
 const ReviewIcon = ({
   icon
 }) => {
   const Icon = (0, _getOr.default)(null, icon, ICONS);
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   if (!Icon) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.labelIcon
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.labelIcon
   });
 };
-
 const ReviewListItemWrapper = ({
   iconKey,
   label
@@ -65,7 +52,6 @@ const ReviewListItemWrapper = ({
     "aria-label": label.moreDetailsAriaLabel
   }));
 };
-
 const ReviewPresentation = props => {
   const {
     'aria-label': ariaLabel,
@@ -77,13 +63,15 @@ const ReviewPresentation = props => {
     className: _style.default.reviewWrapper,
     "aria-label": ariaLabel
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.reviewTitle // eslint-disable-next-line react/no-danger
+    className: _style.default.reviewTitle
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: reviewTitle
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.reviewText // eslint-disable-next-line react/no-danger
+    className: _style.default.reviewText
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: reviewText
@@ -104,7 +92,6 @@ const ReviewPresentation = props => {
     }));
   }, labelsList)));
 };
-
 ReviewIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: _propTypes.default.string
 } : {};

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,25 +2,15 @@
 
 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,
@@ -85,7 +75,6 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     color: '#fff'
   }
 });
-
 const Tip = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -99,14 +88,11 @@ 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, {
@@ -118,7 +104,6 @@ const Tip = props => {
     style: styleSheet.tipText
   }, text));
 };
-
 const Onboarding = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -132,14 +117,14 @@ const Onboarding = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
-
     setStylesheet(_stylesheet);
-  }, [brandTheme, theme]); // ------------------------------------
+  }, [brandTheme, theme]);
+
+  // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
   }, /*#__PURE__*/_react.default.createElement(_index2.default, {
@@ -171,7 +156,6 @@ 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":";;;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AACA;;;;;;;;AAiBA,MAAMA,gBAAgB,GAAG,CAACC,UAAD,EAAoBC,KAApB,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,eAAe,EAAEJ,KAAK,CAACK,MAAN,CAAaC,KADrB;IAETC,cAAc,EAAE,eAFP;IAGTC,IAAI,EAAE,CAHG;IAITC,OAAO,EAAE,EAJA;IAKTC,UAAU,EAAE,EALH;IAMTC,aAAa,EAAE;EANN,CADK;EAShBC,KAAK,EAAE;IACLC,MAAM,EAAE,EADH;IAELC,KAAK,EAAE,GAFF;IAGLC,QAAQ,EAAEf,KAAK,CAACe,QAAN,CAAeC,OAHpB;IAILC,UAAU,EAAEjB,KAAK,CAACiB,UAAN,CAAiBC,IAJxB;IAKLC,UAAU,EAAE,EALP;IAMLC,KAAK,EAAEpB,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC,OANpB;IAOLC,YAAY,EAAE;EAPT,CATS;EAkBhBC,aAAa,EAAE;IACbC,SAAS,EAAE;EADE,CAlBC;EAqBhBJ,IAAI,EAAE;IACJN,QAAQ,EAAEf,KAAK,CAACe,QAAN,CAAeW,KADrB;IAEJN,KAAK,EAAEpB,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC,OAFrB;IAGJK,OAAO,EAAE;EAHL,CArBU;EA0BhBC,IAAI,EAAE;IACJH,SAAS,EAAE,EADP;IAEJZ,MAAM,EAAE,GAFJ;IAGJN,cAAc,EAAE;EAHZ,CA1BU;EA+BhBsB,GAAG,EAAE;IACHC,aAAa,EAAE,KADZ;IAEHC,QAAQ,EAAE,QAFP;IAGHC,UAAU,EAAE,QAHT;IAIHnB,MAAM,EAAE,EAJL;IAKHoB,YAAY,EAAE,CALX;IAMH7B,eAAe,EAAEJ,KAAK,CAACK,MAAN,CAAa6B,IAAb,CAAkBC,KANhC;IAOHV,SAAS,EAAEzB,KAAK,CAACoC,OAAN,CAAcC,KAPtB;IAQHd,YAAY,EAAEvB,KAAK,CAACoC,OAAN,CAAcC;EARzB,CA/BW;EAyChBC,OAAO,EAAE;IACPvB,QAAQ,EAAE,EADH;IAEPI,UAAU,EAAE,EAFL;IAGPC,KAAK,EAAEpB,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC;EAHlB,CAzCO;EA8ChBiB,IAAI,EAAE;IACJC,MAAM,EAAE;EADJ,CA9CU;EAiDhBC,MAAM,EAAE;IACN5B,MAAM,EAAE,EADF;IAENoB,YAAY,EAAE,CAFR;IAGNV,YAAY,EAAE,EAHR;IAINE,SAAS,EAAE,EAJL;IAKNrB,eAAe,EAAEL,UAAU,EAAEM,MAAZ,EAAoBiB,OAApB,IAA+BtB,KAAK,CAACK,MAAN,CAAaqC,GALvD;IAMNnC,cAAc,EAAE;EANV,CAjDQ;EAyDhBoC,UAAU,EAAE;IACVC,SAAS,EAAE,QADD;IAEV3B,UAAU,EAAEjB,KAAK,CAACiB,UAAN,CAAiBC,IAFnB;IAGVH,QAAQ,EAAEf,KAAK,CAACe,QAAN,CAAeW,KAHf;IAIVN,KAAK,EAAE;EAJG;AAzDI,CAAlB,CADF;;AAkEA,MAAMyB,GAAG,GAAIC,KAAD,IAAqB;EAC/B,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACpD,UAAD;IAAaC;EAAb,IAAsB+C,eAA5B;EACA,MAAM;IAACK,IAAD;IAAO/B;EAAP,IAAeyB,KAArB;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGxD,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACAkD,aAAa,CAACI,WAAD,CAAb;EACD,CAHD,EAGG,CAACvD,UAAD,EAAaC,KAAb,CAHH;;EAKA,IAAI,CAACiD,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACpB;EAAxB,gBACE,6BAAC,IAAD;IAAM,MAAM,EAAE,EAAd;IAAkB,KAAK,EAAE,EAAzB;IAA6B,KAAK,EAAEoB,UAAU,CAACV,IAA/C;IAAqD,KAAK,EAAEvC,KAAK,CAACK,MAAN,CAAagB,IAAb,CAAkBC;EAA9E,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE2B,UAAU,CAACX;EAAxB,GAAkCjB,IAAlC,CAFF,CADF;AAMD,CArBD;;AAuBA,MAAMkC,UAAU,GAAIT,KAAD,IAA4B;EAC7C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACpD,UAAD;IAAaC,KAAb;IAAoBwD;EAApB,IAAoCT,eAA1C;EACA,MAAM;IAACU;EAAD,IAAYX,KAAlB;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGxD,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACAkD,aAAa,CAACI,WAAD,CAAb;EACD,CAHD,EAGG,CAACvD,UAAD,EAAaC,KAAb,CAHH,EAN6C,CAW7C;;EAEA,IAAI,CAACiD,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAC9C;EAAxB,gBACE,6BAAC,eAAD;IAAM,KAAK,EAAE8C,UAAU,CAACrC;EAAxB,GAAgC4C,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoC/C,KAApE,CADF,eAGE,6BAAC,iBAAD;IAAM,KAAK,EAAEqC,UAAU,CAACzB;EAAxB,gBACE,6BAAC,eAAD;IAAM,KAAK,EAAEyB,UAAU,CAAC5B;EAAxB,GAA+BmC,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCtC,IAAnE,CADF,CAHF,eAOE,6BAAC,iBAAD;IAAM,KAAK,EAAE4B,UAAU,CAACrB;EAAxB,gBACE,6BAAC,GAAD;IAAK,IAAI,EAAEgC,oDAAX;IAAuB,IAAI,EAAEJ,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CC,MAA9C,CAAqDzC;EAAlF,EADF,eAEE,6BAAC,GAAD;IACE,IAAI,EAAE0C,0DADR;IAEE,IAAI,EAAEP,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CG,SAA9C,CAAwD3C;EAFhE,EAFF,eAME,6BAAC,GAAD;IAAK,IAAI,EAAE4C,sDAAX;IAAsB,IAAI,EAAET,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CK,KAA9C,CAAoD7C;EAAhF,EANF,eAOE,6BAAC,GAAD;IACE,IAAI,EAAE8C,sCADR;IAEE,IAAI,EAAEX,YAAY,CAACE,SAAb,CAAuBC,YAAvB,CAAoCE,SAApC,CAA8CO,QAA9C,CAAuD/C;EAF/D,EAPF,CAPF,eAmBE,6BAAC,cAAD;IACE,MAAM,EAAC,iCADT;IAEE,OAAO,EAAEoC,OAFX;IAGE,WAAW,EAAC,cAHd;IAIE,KAAK,EAAER,UAAU,CAACR;EAJpB,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEQ,UAAU,CAACN;EAAxB,GAAqCa,YAAY,CAACa,EAAlD,CANF,CAnBF,CADF;AA8BD,CA/CD;;eAiDed,U"}
+{"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 declare type OnboardingProps = {
+export type OnboardingProps = {
     'aria-label'?: string | undefined;
     reviewTitle?: string | undefined;
     reviewText?: string | undefined;
@@ -68,7 +68,7 @@ export declare type OnboardingProps = {
     };
     onPress: (event: GestureResponderEvent) => void;
 };
-export declare type TipProps = {
+export 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,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"}
+{"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"}

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

@@ -2,18 +2,14 @@
 
 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;;;;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"}
+{"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"}

package/lib/atom/select/index.js

@@ -2,51 +2,28 @@
 
 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,
@@ -59,7 +36,6 @@ const themeStyle = {
   template: _style.default.template,
   coorpmanager: null
 };
-
 const ArrowView = ({
   shouldRender,
   isArrowUp,
@@ -74,7 +50,6 @@ 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"
@@ -83,7 +58,6 @@ const ArrowView = ({
     }));
   } else return null;
 };
-
 const Select = (props, legacyContext) => {
   const {
     name,
@@ -107,7 +81,6 @@ 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,
@@ -115,7 +88,6 @@ 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,
@@ -185,7 +157,8 @@ 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
     ,
@@ -195,7 +168,6 @@ 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]),