@coorpacademy/components 11.8.1-alpha.27 → 11.9.1

package/lib/organism/mooc-header/style.css

@@ -501,52 +501,6 @@
   color: dark;
 }
 
-.homeIcon {
-  width: 16px;
-  height: 14px;
-  margin-left: 16px;
-}
-
-.toolTipText {
-  font-family: 'Gilroy';
-  font-size: 14px;
-  width: 121px;
-  height: 24px;
-  line-height: 27px;
-  order: 0;
-}
-
-[role="tooltip"],
-.tooltipIconContainer + [role="tooltip"] {
-  border: none;
-  border-radius: 8px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 8px;
-  position: absolute;
-  background-color: white;
-  bottom: -2.5em;
-  height: 32px;
-  width: 160px;
-  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
-}
-
-.tooltipIconContainer::after {
-  content: ' ';
-  display: inline-block;
-  visibility: inherit;
-  opacity: inherit;
-  width: 15px;
-  height: 15px;
-  transform: rotate(-45deg);
-  background-color: white;
-  position: inherit;
-  top: -6px;
-  right: 40%;
-  border-radius: 2px;
-}
-
 @media desktop {
   .item {
     padding: 0 11px;

package/lib/template/app-review/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAsB5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AA8B5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBA8CvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/template/app-review/index.native.js

@@ -7,7 +7,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _player = _interopRequireDefault(require("./player"));
+var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
+var _index = _interopRequireDefault(require("../../atom/loader/index.native"));
+
+var _index2 = _interopRequireDefault(require("./player/index.native"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -20,28 +24,33 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center'
+  },
+  player: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1
+  },
+  loaderContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
   }
 });
 
-const Switch = ({
-  viewName,
-  slides
-}) => {
-  switch (viewName) {
-    case 'slides':
-      return /*#__PURE__*/_react.default.createElement(_player.default, slides);
-
-    case 'loader':
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "@todo loader");
-
-    default:
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `unknown viewName: "${viewName}"`);
-  }
-};
-
 const AppReview = props => {
   const {
-    navigateBack
+    navigateBack,
+    viewName,
+    slides
   } = props;
   (0, _react.useEffect)(() => {
     const backAction = () => {
@@ -56,9 +65,30 @@ const AppReview = props => {
 
     return () => backHandler.remove();
   }, [navigateBack]);
+  const fadePlayerIn = (0, _reactNativeAnimation.useAnimateProp)({
+    property: 'opacity',
+    fromValue: 0,
+    toValue: 1,
+    duration: 1300
+  });
+  const isLoading = viewName === 'loader';
+  (0, _reactNativeAnimation.useAnimationWaiter)(isLoading, fadePlayerIn);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.rootView
-  }, /*#__PURE__*/_react.default.createElement(Switch, props));
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.player, fadePlayerIn.animatedStyle]
+  }, slides ? /*#__PURE__*/_react.default.createElement(_index2.default, {
+    congrats: slides.congrats,
+    header: slides.header,
+    stack: slides.stack,
+    quitPopin: slides.quitPopin,
+    backgroundImage: slides.backgroundImage
+  }) : null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.loaderContainer,
+    pointerEvents: "none"
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    readyToHide: !isLoading
+  })));
 };
 
 var _default = AppReview;

package/lib/template/app-review/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","AppReview","props","navigateBack","useEffect","backAction","backHandler","BackHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>{`unknown viewName: \"${viewName}\"`}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC;AAAX,CAAD,KAAwC;EACrD,QAAQD,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,uBAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,QAAQ,sBAAqBD,QAAS,GAAtC,CAAP;EANJ;AAQD,CATD;;AAWA,MAAME,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIF,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMG,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACN,YAAD,CAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEZ,MAAM,CAACG;EAApB,gBACE,6BAAC,MAAD,EAAYQ,KAAZ,CADF,CADF;AAKD,CAtBD;;eAwBeD,S"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","player","position","top","left","right","bottom","loaderContainer","AppReview","props","navigateBack","viewName","slides","useEffect","backAction","backHandler","BackHandler","addEventListener","remove","fadePlayerIn","useAnimateProp","property","fromValue","toValue","duration","isLoading","useAnimationWaiter","animatedStyle","congrats","header","stack","quitPopin","backgroundImage"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {StyleSheet, View, BackHandler, Animated} from 'react-native';\nimport {useAnimateProp, useAnimationWaiter} from '@coorpacademy/react-native-animation';\nimport Loader from '../../atom/loader/index.native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player/index.native';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  player: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1\n  },\n  loaderContainer: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    justifyContent: 'center',\n    alignItems: 'center'\n  }\n});\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack, viewName, slides} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  const fadePlayerIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 1300\n  });\n\n  const isLoading = viewName === 'loader';\n  useAnimationWaiter(isLoading, fadePlayerIn);\n\n  return (\n    <View style={styles.rootView}>\n      <Animated.View style={[styles.player, fadePlayerIn.animatedStyle]}>\n        {slides ? (\n          <Player\n            congrats={slides.congrats}\n            header={slides.header}\n            stack={slides.stack}\n            quitPopin={slides.quitPopin}\n            backgroundImage={slides.backgroundImage}\n          />\n        ) : null}\n      </Animated.View>\n\n      <View style={styles.loaderContainer} pointerEvents=\"none\">\n        <Loader readyToHide={!isLoading} />\n      </View>\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR,CADqB;EAM/BC,MAAM,EAAE;IACNC,QAAQ,EAAE,UADJ;IAENC,GAAG,EAAE,CAFC;IAGNC,IAAI,EAAE,CAHA;IAINC,KAAK,EAAE,CAJD;IAKNC,MAAM,EAAE,CALF;IAMNN,cAAc,EAAE,QANV;IAOND,UAAU,EAAE,QAPN;IAQND,IAAI,EAAE;EARA,CANuB;EAgB/BS,eAAe,EAAE;IACfL,QAAQ,EAAE,UADK;IAEfC,GAAG,EAAE,CAFU;IAGfC,IAAI,EAAE,CAHS;IAIfC,KAAK,EAAE,CAJQ;IAKfC,MAAM,EAAE,CALO;IAMfN,cAAc,EAAE,QAND;IAOfD,UAAU,EAAE;EAPG;AAhBc,CAAlB,CAAf;;AA2BA,MAAMS,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC,YAAD;IAAeC,QAAf;IAAyBC;EAAzB,IAAmCH,KAAzC;EAEA,IAAAI,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIJ,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMK,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACR,YAAD,CAZH;EAcA,MAAMS,YAAY,GAAG,IAAAC,oCAAA,EAAe;IAClCC,QAAQ,EAAE,SADwB;IAElCC,SAAS,EAAE,CAFuB;IAGlCC,OAAO,EAAE,CAHyB;IAIlCC,QAAQ,EAAE;EAJwB,CAAf,CAArB;EAOA,MAAMC,SAAS,GAAGd,QAAQ,KAAK,QAA/B;EACA,IAAAe,wCAAA,EAAmBD,SAAnB,EAA8BN,YAA9B;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEzB,MAAM,CAACG;EAApB,gBACE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACH,MAAM,CAACO,MAAR,EAAgBkB,YAAY,CAACQ,aAA7B;EAAtB,GACGf,MAAM,gBACL,6BAAC,eAAD;IACE,QAAQ,EAAEA,MAAM,CAACgB,QADnB;IAEE,MAAM,EAAEhB,MAAM,CAACiB,MAFjB;IAGE,KAAK,EAAEjB,MAAM,CAACkB,KAHhB;IAIE,SAAS,EAAElB,MAAM,CAACmB,SAJpB;IAKE,eAAe,EAAEnB,MAAM,CAACoB;EAL1B,EADK,GAQH,IATN,CADF,eAaE,6BAAC,iBAAD;IAAM,KAAK,EAAEtC,MAAM,CAACa,eAApB;IAAqC,aAAa,EAAC;EAAnD,gBACE,6BAAC,cAAD;IAAQ,WAAW,EAAE,CAACkB;EAAtB,EADF,CAbF,CADF;AAmBD,CA9CD;;eAgDejB,S"}

package/lib/template/app-review/skills/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAmC/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBAmD7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/template/app-review/skills/index.native.js

@@ -3,13 +3,17 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _index = _interopRequireDefault(require("../../../organism/review-no-skills/index.native"));
+var _index = _interopRequireDefault(require("../../../atom/loader/index.native"));
+
+var _index2 = _interopRequireDefault(require("../../../organism/review-no-skills/index.native"));
 
-var _index2 = _interopRequireDefault(require("../../../organism/review-skills/index.native"));
+var _index3 = _interopRequireDefault(require("../../../organism/review-skills/index.native"));
 
 var _templateContext = require("../template-context");
 
@@ -26,6 +30,15 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     width: '100%',
     backgroundColor: theme.colors.white
   },
+  loaderContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
   title: {
     fontSize: theme.fontSize.xlarge,
     fontWeight: theme.fontWeight.bold,
@@ -41,7 +54,6 @@ const ReviewSkills = props => {
     'aria-label': ariaLabel,
     title,
     isLoading,
-    isLoadingAriaLabel,
     listSkills,
     titleNoSkills,
     textNoSkills,
@@ -57,6 +69,12 @@ const ReviewSkills = props => {
 
     setStylesheet(_stylesheet);
   }, [theme]);
+  const fadeResultsIn = (0, _reactNativeAnimation.useAnimateProp)({
+    property: 'opacity',
+    fromValue: 0,
+    toValue: 1
+  });
+  (0, _reactNativeAnimation.useAnimationWaiter)(isLoading, fadeResultsIn);
 
   if (!styleSheet) {
     return null;
@@ -67,14 +85,19 @@ const ReviewSkills = props => {
     accessibilityLabel: ariaLabel
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styleSheet.title
-  }, title), isLoading ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    accessibilityLabel: isLoadingAriaLabel
-  }, "Loading") : /*#__PURE__*/_react.default.createElement(_reactNative.View, null, !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(_index.default, {
+  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: fadeResultsIn.animatedStyle
+  }, !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(_index2.default, {
     titleNoSkills: titleNoSkills,
     textNoSkills: textNoSkills,
     iconSkillAriaLabel: iconSkillAriaLabel
-  }) : /*#__PURE__*/_react.default.createElement(_index2.default, {
+  }) : /*#__PURE__*/_react.default.createElement(_index3.default, {
     listSkills: listSkills
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.loaderContainer,
+    pointerEvents: "none"
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    readyToHide: !isLoading
   })));
 };
 

package/lib/template/app-review/skills/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","width","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      padding: 20,\n      width: '100%',\n      backgroundColor: theme.colors.white\n    },\n    title: {\n      fontSize: theme.fontSize.xlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 28,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.base,\n      marginTop: theme.spacing.small\n    }\n  });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    isLoading,\n    isLoadingAriaLabel,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel\n  } = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n      <Text style={styleSheet.title}>{title}</Text>\n      {isLoading ? (\n        <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n      ) : (\n        <View>\n          {!listSkills || listSkills.length === 0 ? (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          ) : (\n            <ReviewListSkills listSkills={listSkills} />\n          )}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEX,KAAK,CAACW,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEb,KAAK,CAACa,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEhB,KAAK,CAACQ,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAEnB,KAAK,CAACoB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAEtB,KAAK,CAACoB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACrC;EAAD,IAAUiC,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGxC,gBAAgB,CAACC,KAAD,CAApC;;IACAoC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACvC,KAAD,CAHH;;EAKA,IAAI,CAACmC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAChC,SAAxB;IAAmC,kBAAkB,EAAEuB;EAAvD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAES,UAAU,CAACzB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,6BAAC,iBAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,6BAAC,iBAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACW,MAAX,KAAsB,CAArC,gBACC,6BAAC,cAAD;IACE,aAAa,EAAEV,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,6BAAC,eAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;eA8CeL,Y"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","width","backgroundColor","colors","white","loaderContainer","position","top","left","right","bottom","justifyContent","alignItems","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","fadeResultsIn","useAnimateProp","property","fromValue","toValue","useAnimationWaiter","animatedStyle","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import {useAnimateProp, useAnimationWaiter} from '@coorpacademy/react-native-animation';\nimport React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle, Animated} from 'react-native';\nimport Loader from '../../../atom/loader/index.native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  loaderContainer: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      padding: 20,\n      width: '100%',\n      backgroundColor: theme.colors.white\n    },\n    loaderContainer: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    title: {\n      fontSize: theme.fontSize.xlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 28,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.base,\n      marginTop: theme.spacing.small\n    }\n  });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    isLoading,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel\n  } = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const fadeResultsIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1\n  });\n\n  useAnimationWaiter(isLoading, fadeResultsIn);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n      <Text style={styleSheet.title}>{title}</Text>\n\n      <Animated.View style={fadeResultsIn.animatedStyle}>\n        {!listSkills || listSkills.length === 0 ? (\n          <ReviewNoSkills\n            titleNoSkills={titleNoSkills}\n            textNoSkills={textNoSkills}\n            iconSkillAriaLabel={iconSkillAriaLabel}\n          />\n        ) : (\n          <ReviewListSkills listSkills={listSkills} />\n        )}\n      </Animated.View>\n      <View style={styleSheet.loaderContainer} pointerEvents=\"none\">\n        <Loader readyToHide={!isLoading} />\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AASA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC;EAJrB,CADK;EAOhBC,eAAe,EAAE;IACfC,QAAQ,EAAE,UADK;IAEfC,GAAG,EAAE,CAFU;IAGfC,IAAI,EAAE,CAHS;IAIfC,KAAK,EAAE,CAJQ;IAKfC,MAAM,EAAE,CALO;IAMfC,cAAc,EAAE,QAND;IAOfC,UAAU,EAAE;EAPG,CAPD;EAgBhBC,KAAK,EAAE;IACLC,QAAQ,EAAEnB,KAAK,CAACmB,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAErB,KAAK,CAACqB,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAExB,KAAK,CAACQ,MAAN,CAAaiB,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAE3B,KAAK,CAAC4B,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAE9B,KAAK,CAAC4B,OAAN,CAAcG;EANpB;AAhBS,CAAlB,CADF;;AA2BA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,UAJI;IAKJC,aALI;IAMJC,YANI;IAOJC;EAPI,IAQFN,KARJ;EASA,MAAMO,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAAC5C;EAAD,IAAUwC,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG/C,gBAAgB,CAACC,KAAD,CAApC;;IACA2C,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAAC9C,KAAD,CAHH;EAKA,MAAM+C,aAAa,GAAG,IAAAC,oCAAA,EAAe;IACnCC,QAAQ,EAAE,SADyB;IAEnCC,SAAS,EAAE,CAFwB;IAGnCC,OAAO,EAAE;EAH0B,CAAf,CAAtB;EAMA,IAAAC,wCAAA,EAAmBjB,SAAnB,EAA8BY,aAA9B;;EAEA,IAAI,CAACL,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACvC,SAAxB;IAAmC,kBAAkB,EAAE+B;EAAvD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEQ,UAAU,CAACxB;EAAxB,GAAgCA,KAAhC,CADF,eAGE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE6B,aAAa,CAACM;EAApC,GACG,CAACjB,UAAD,IAAeA,UAAU,CAACkB,MAAX,KAAsB,CAArC,gBACC,6BAAC,eAAD;IACE,aAAa,EAAEjB,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,6BAAC,eAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CAHF,eAcE,6BAAC,iBAAD;IAAM,KAAK,EAAEM,UAAU,CAAChC,eAAxB;IAAyC,aAAa,EAAC;EAAvD,gBACE,6BAAC,cAAD;IAAQ,WAAW,EAAE,CAACyB;EAAtB,EADF,CAdF,CADF;AAoBD,CAnDD;;eAqDeH,Y"}

package/lib/template/teams-dashboard/index.d.ts

@@ -13,8 +13,6 @@ declare namespace TeamsDashboard {
             href: PropTypes.Requireable<string>;
             'aria-label': PropTypes.Requireable<string>;
             'button-aria-label': PropTypes.Requireable<string>;
-            toolTipText: PropTypes.Requireable<string>;
-            closeToolTipInformationTextAriaLabel: PropTypes.Requireable<string>;
         }>>;
         const platformLinks: PropTypes.Requireable<(PropTypes.InferProps<{
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/locales/.mtslconfig.json

@@ -0,0 +1 @@
+{"ignore_dirs":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.8.1-alpha.27+f810d6555",
+  "version": "11.9.1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -57,7 +57,7 @@
   ],
   "dependencies": {
     "@coorpacademy/nova-icons": "4.1.2",
-    "@coorpacademy/react-native-animation": "1.0.2",
+    "@coorpacademy/react-native-animation": "1.0.3",
     "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
     "@types/react-dom": "^17.0.17",
@@ -160,5 +160,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "f810d655513c990bb2d432f2adcd29e8d9414044"
+  "gitHead": "c5c10199e07c0b1b3819b5e7cea9378c0fa9919d"
 }