@coorpacademy/components 11.5.1-alpha.3 → 11.5.2

package/es/organism/mobile-navigation/index.native.d.ts

@@ -25,12 +25,13 @@ export interface Props {
     selectedItemIndex: number;
 }
 declare type StyleSheetType = {
-    main: ViewStyle;
     container: ViewStyle;
+    navbar: ViewStyle;
+    blur: ViewStyle;
     button: ViewStyle;
     buttonText: TextStyle;
     dot: ViewStyle;
-    blur: ViewStyle;
+    dotShadow: ViewStyle;
 };
 declare const NavigationBar: ({ items, selectedItemIndex }: Props) => JSX.Element | null;
 export default NavigationBar;

package/es/organism/mobile-navigation/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAsEF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBA0CvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAuFF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBAsCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/organism/mobile-navigation/index.native.js

@@ -6,25 +6,43 @@ import { useTemplateContext } from '../../template/app-review/template-context';
 import Touchable from '../../hoc/touchable/index.native';
 
 const createStyleSheet = theme => StyleSheet.create({
-  main: {
-    marginHorizontal: 20
-  },
   container: {
     position: 'absolute',
-    bottom: 34,
+    bottom: 0,
+    paddingTop: 10,
+    paddingBottom: 34,
+    paddingHorizontal: 20,
     width: '100%',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 3,
+    elevation: 4
+  },
+  blur: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  navbar: {
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignSelf: 'center',
     overflow: 'hidden',
     height: 66,
     borderRadius: 12,
-    backgroundColor: theme.colors.gray.light
+    backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'
   },
   button: {
     alignItems: 'center',
     flex: 1,
     height: '100%',
+    maxWidth: 110,
     marginTop: theme.spacing.small
   },
   buttonText: {
@@ -42,7 +60,7 @@ const createStyleSheet = theme => StyleSheet.create({
     position: 'absolute',
     alignSelf: 'center'
   },
-  blur: {
+  dotShadow: {
     marginTop: -87,
     width: 200,
     height: 100,
@@ -82,7 +100,7 @@ const Button = ({
   style: styles.dot
 }), /*#__PURE__*/React.createElement(BlurredShadow, {
   color: theme.colors.cta,
-  style: styles.blur
+  style: styles.dotShadow
 })) : null);
 
 const NavigationBar = ({
@@ -105,14 +123,14 @@ const NavigationBar = ({
   }
 
   return /*#__PURE__*/React.createElement(View, {
-    style: styleSheet.main
-  }, Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(BlurView, {
-    style: styleSheet.container,
-    blurAmount: 32,
-    reducedTransparencyFallbackColor: "rgba(17, 17, 23, 0.5)"
-  }) : null, /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container
-  }, items.map((prop, index) => {
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.navbar
+  }, Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(BlurView, {
+    style: styleSheet.blur,
+    blurAmount: 75,
+    blurType: "xlight"
+  }) : null, items.map((prop, index) => {
     const handlePress = prop.action;
     return /*#__PURE__*/React.createElement(Button, {
       key: `button-${prop.label}`,

package/es/organism/mobile-navigation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","create","main","marginHorizontal","container","position","bottom","width","flexDirection","justifyContent","alignSelf","overflow","height","borderRadius","backgroundColor","colors","gray","light","button","alignItems","flex","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","blur","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","OS","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  main: ViewStyle;\n  container: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  blur: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    main: {\n      marginHorizontal: 20\n    },\n    container: {\n      position: 'absolute',\n      bottom: 34,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: theme.colors.gray.light\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    blur: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.blur} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: 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.main}>\n      {Platform.OS === 'ios' ? (\n        <BlurView\n          style={styleSheet.container}\n          blurAmount={32}\n          reducedTransparencyFallbackColor=\"rgba(17, 17, 23, 0.5)\"\n        />\n      ) : null}\n      <View style={styleSheet.container}>\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  navbar: ViewStyle;\n  blur: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      bottom: 0,\n      paddingTop: 10,\n      paddingBottom: 34,\n      paddingHorizontal: 20,\n      width: '100%',\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.15,\n      shadowRadius: 3,\n      elevation: 4\n    },\n    blur: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    },\n    navbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      maxWidth: 110,\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    dotShadow: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: 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}>\n      <View style={styleSheet.navbar}>\n        {Platform.OS === 'ios' ? (\n          <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n        ) : null}\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}

package/lib/organism/mobile-navigation/index.native.d.ts

@@ -25,12 +25,13 @@ export interface Props {
     selectedItemIndex: number;
 }
 declare type StyleSheetType = {
-    main: ViewStyle;
     container: ViewStyle;
+    navbar: ViewStyle;
+    blur: ViewStyle;
     button: ViewStyle;
     buttonText: TextStyle;
     dot: ViewStyle;
-    blur: ViewStyle;
+    dotShadow: ViewStyle;
 };
 declare const NavigationBar: ({ items, selectedItemIndex }: Props) => JSX.Element | null;
 export default NavigationBar;

package/lib/organism/mobile-navigation/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAsEF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBA0CvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAuFF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBAsCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/organism/mobile-navigation/index.native.js

@@ -22,25 +22,43 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 = theme => _reactNative.StyleSheet.create({
-  main: {
-    marginHorizontal: 20
-  },
   container: {
     position: 'absolute',
-    bottom: 34,
+    bottom: 0,
+    paddingTop: 10,
+    paddingBottom: 34,
+    paddingHorizontal: 20,
     width: '100%',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 3,
+    elevation: 4
+  },
+  blur: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  navbar: {
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignSelf: 'center',
     overflow: 'hidden',
     height: 66,
     borderRadius: 12,
-    backgroundColor: theme.colors.gray.light
+    backgroundColor: _reactNative.Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'
   },
   button: {
     alignItems: 'center',
     flex: 1,
     height: '100%',
+    maxWidth: 110,
     marginTop: theme.spacing.small
   },
   buttonText: {
@@ -58,7 +76,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     position: 'absolute',
     alignSelf: 'center'
   },
-  blur: {
+  dotShadow: {
     marginTop: -87,
     width: 200,
     height: 100,
@@ -98,7 +116,7 @@ const Button = ({
   style: styles.dot
 }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationNavBar, {
   color: theme.colors.cta,
-  style: styles.blur
+  style: styles.dotShadow
 })) : null);
 
 const NavigationBar = ({
@@ -121,14 +139,14 @@ const NavigationBar = ({
   }
 
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styleSheet.main
-  }, _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/_react.default.createElement(_blur.BlurView, {
-    style: styleSheet.container,
-    blurAmount: 32,
-    reducedTransparencyFallbackColor: "rgba(17, 17, 23, 0.5)"
-  }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
-  }, items.map((prop, index) => {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.navbar
+  }, _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/_react.default.createElement(_blur.BlurView, {
+    style: styleSheet.blur,
+    blurAmount: 75,
+    blurType: "xlight"
+  }) : null, items.map((prop, index) => {
     const handlePress = prop.action;
     return /*#__PURE__*/_react.default.createElement(Button, {
       key: `button-${prop.label}`,

package/lib/organism/mobile-navigation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","main","marginHorizontal","container","position","bottom","width","flexDirection","justifyContent","alignSelf","overflow","height","borderRadius","backgroundColor","colors","gray","light","button","alignItems","flex","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","blur","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","Platform","OS","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  main: ViewStyle;\n  container: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  blur: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    main: {\n      marginHorizontal: 20\n    },\n    container: {\n      position: 'absolute',\n      bottom: 34,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: theme.colors.gray.light\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    blur: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.blur} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: 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.main}>\n      {Platform.OS === 'ios' ? (\n        <BlurView\n          style={styleSheet.container}\n          blurAmount={32}\n          reducedTransparencyFallbackColor=\"rgba(17, 17, 23, 0.5)\"\n        />\n      ) : null}\n      <View style={styleSheet.container}>\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","Platform","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  navbar: ViewStyle;\n  blur: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      bottom: 0,\n      paddingTop: 10,\n      paddingBottom: 34,\n      paddingHorizontal: 20,\n      width: '100%',\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.15,\n      shadowRadius: 3,\n      elevation: 4\n    },\n    blur: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    },\n    navbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      maxWidth: 110,\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    dotShadow: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: 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}>\n      <View style={styleSheet.navbar}>\n        {Platform.OS === 'ios' ? (\n          <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n        ) : null}\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}

package/locales/.mtslconfig.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.5.1-alpha.3+e68254b09",
+  "version": "11.5.2",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -159,6 +159,5 @@
   "browserslist": [
     "last 2 versions",
     "IE 11"
-  ],
-  "gitHead": "e68254b098dadecd307534b8073c5da6dcadbf3a"
+  ]
 }

package/es/hoc/transition/test/fixtures/style.css

@@ -1,45 +0,0 @@
-.container {
-  width: 300px;
-  height: 300px;
-  position: relative;
-  perspective: 800px;
-}
-
-.square {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  transform-style: preserve-3d;
-  transition: transform 1s;
-  border: 1px solid black;
-  top: 100px;
-  left: 100px;
-}
-
-.flipped > .square {
-  transform: rotateY(180deg);
-}
-
-.front,
-.back {
-  margin: 0;
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  backface-visibility: hidden;
-}
-
-.front {
-  font-size: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-flow: column;
-}
-
-.back {
-  background-image: url(http://img.voi.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fprismamedia_people.2F2017.2F06.2F30.2Fa9a1132c-920d-4d0d-af0c-7c686d72dfe5.2Ejpeg/380x285/quality/80/jacques-chirac.jpg);
-  background-size: cover;
-  transform: rotateY(180deg);
-}

package/es/molecule/select-multiple/test/snapshots/index.js.md

@@ -1,211 +0,0 @@
-# Snapshot report for `src/molecule/select-multiple/test/index.js`
-
-The actual snapshot is saved in `index.js.snap`.
-
-Generated by [AVA](https://ava.li).
-
-## should shallow render when select is opened
-
-> Snapshot 1
-
-    ShallowWrapper {
-      <div
-        className="select-multiple__default variables__defaultText"
-      >
-        <span
-          className="select-multiple__title"
-        >
-          Learning Path:
-        </span>
-        <div
-          className="select-multiple__select"
-          onClick={Function {}}
-          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
-        >
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-          <SvgComponent⍟
-            className="select-multiple__arrow select-multiple__down"
-            color={undefined}
-          />
-        </div>
-        <div
-          className="select-multiple__activeChoices"
-        >
-          <ul
-            className="select-multiple__list"
-          >
-            <li
-              className="select-multiple__choice"
-              key="0"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 0,
-                    name: 'Digital',
-                    selected: false,
-                    value: 'digital',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="1"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 1,
-                    name: 'Esprit du temps',
-                    selected: false,
-                    value: 'espritDuTemps',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="2"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 2,
-                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
-                    selected: true,
-                    value: 'loremIpsum',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="3"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 3,
-                    name: 'Le monde du projet',
-                    selected: false,
-                    value: 'project',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-          </ul>
-        </div>
-      </div>,
-    }
-
-## should shallow render with default props
-
-> Snapshot 1
-
-    ShallowWrapper {
-      <div
-        className="select-multiple__default variables__defaultText"
-      >
-        <span
-          className="select-multiple__title"
-        >
-          Learning Path:
-        </span>
-        <div
-          className="select-multiple__select"
-          onClick={Function {}}
-          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
-        >
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-          <SvgComponent⍟
-            className="select-multiple__arrow"
-            color={undefined}
-          />
-        </div>
-        <div
-          className="select-multiple__choices"
-        >
-          <ul
-            className="select-multiple__list"
-          >
-            <li
-              className="select-multiple__choice"
-              key="0"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 0,
-                    name: 'Digital',
-                    selected: false,
-                    value: 'digital',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="1"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 1,
-                    name: 'Esprit du temps',
-                    selected: false,
-                    value: 'espritDuTemps',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="2"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 2,
-                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
-                    selected: true,
-                    value: 'loremIpsum',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="3"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 3,
-                    name: 'Le monde du projet',
-                    selected: false,
-                    value: 'project',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-          </ul>
-        </div>
-      </div>,
-    }

package/es/util/test/fixtures/steps.json

@@ -1,34 +0,0 @@
-[{
-  "label": "1mn",
-  "value": 1
-}, {
-  "label": "2mn",
-  "value": 2
-}, {
-  "label": "3mn",
-  "value": 3
-}, {
-  "label": "5mn",
-  "value": 5
-}, {
-  "label": "10mn",
-  "value": 10
-}, {
-  "label": "15mn",
-  "value": 15
-}, {
-  "label": "30mn",
-  "value": 30
-}, {
-  "label": "45mn",
-  "value": 45
-}, {
-  "label": "1h",
-  "value": 60
-}, {
-  "label": "2h",
-  "value": 120
-}, {
-  "label": "2h+",
-  "value": 121
-}]

package/lib/hoc/transition/test/fixtures/style.css

@@ -1,45 +0,0 @@
-.container {
-  width: 300px;
-  height: 300px;
-  position: relative;
-  perspective: 800px;
-}
-
-.square {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  transform-style: preserve-3d;
-  transition: transform 1s;
-  border: 1px solid black;
-  top: 100px;
-  left: 100px;
-}
-
-.flipped > .square {
-  transform: rotateY(180deg);
-}
-
-.front,
-.back {
-  margin: 0;
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  backface-visibility: hidden;
-}
-
-.front {
-  font-size: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-flow: column;
-}
-
-.back {
-  background-image: url(http://img.voi.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fprismamedia_people.2F2017.2F06.2F30.2Fa9a1132c-920d-4d0d-af0c-7c686d72dfe5.2Ejpeg/380x285/quality/80/jacques-chirac.jpg);
-  background-size: cover;
-  transform: rotateY(180deg);
-}

package/lib/molecule/select-multiple/test/snapshots/index.js.md

@@ -1,211 +0,0 @@
-# Snapshot report for `src/molecule/select-multiple/test/index.js`
-
-The actual snapshot is saved in `index.js.snap`.
-
-Generated by [AVA](https://ava.li).
-
-## should shallow render when select is opened
-
-> Snapshot 1
-
-    ShallowWrapper {
-      <div
-        className="select-multiple__default variables__defaultText"
-      >
-        <span
-          className="select-multiple__title"
-        >
-          Learning Path:
-        </span>
-        <div
-          className="select-multiple__select"
-          onClick={Function {}}
-          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
-        >
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-          <SvgComponent⍟
-            className="select-multiple__arrow select-multiple__down"
-            color={undefined}
-          />
-        </div>
-        <div
-          className="select-multiple__activeChoices"
-        >
-          <ul
-            className="select-multiple__list"
-          >
-            <li
-              className="select-multiple__choice"
-              key="0"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 0,
-                    name: 'Digital',
-                    selected: false,
-                    value: 'digital',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="1"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 1,
-                    name: 'Esprit du temps',
-                    selected: false,
-                    value: 'espritDuTemps',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="2"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 2,
-                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
-                    selected: true,
-                    value: 'loremIpsum',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="3"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 3,
-                    name: 'Le monde du projet',
-                    selected: false,
-                    value: 'project',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-          </ul>
-        </div>
-      </div>,
-    }
-
-## should shallow render with default props
-
-> Snapshot 1
-
-    ShallowWrapper {
-      <div
-        className="select-multiple__default variables__defaultText"
-      >
-        <span
-          className="select-multiple__title"
-        >
-          Learning Path:
-        </span>
-        <div
-          className="select-multiple__select"
-          onClick={Function {}}
-          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
-        >
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-          <SvgComponent⍟
-            className="select-multiple__arrow"
-            color={undefined}
-          />
-        </div>
-        <div
-          className="select-multiple__choices"
-        >
-          <ul
-            className="select-multiple__list"
-          >
-            <li
-              className="select-multiple__choice"
-              key="0"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 0,
-                    name: 'Digital',
-                    selected: false,
-                    value: 'digital',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="1"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 1,
-                    name: 'Esprit du temps',
-                    selected: false,
-                    value: 'espritDuTemps',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="2"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 2,
-                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
-                    selected: true,
-                    value: 'loremIpsum',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-            <li
-              className="select-multiple__choice"
-              key="3"
-            >
-              <TitledCheckbox⍟
-                background={undefined}
-                choice={
-                  {
-                    i: 3,
-                    name: 'Le monde du projet',
-                    selected: false,
-                    value: 'project',
-                  }
-                }
-                onToggle={Function {}}
-              />
-            </li>
-          </ul>
-        </div>
-      </div>,
-    }

package/lib/util/test/fixtures/steps.json

@@ -1,34 +0,0 @@
-[{
-  "label": "1mn",
-  "value": 1
-}, {
-  "label": "2mn",
-  "value": 2
-}, {
-  "label": "3mn",
-  "value": 3
-}, {
-  "label": "5mn",
-  "value": 5
-}, {
-  "label": "10mn",
-  "value": 10
-}, {
-  "label": "15mn",
-  "value": 15
-}, {
-  "label": "30mn",
-  "value": 30
-}, {
-  "label": "45mn",
-  "value": 45
-}, {
-  "label": "1h",
-  "value": 60
-}, {
-  "label": "2h",
-  "value": 120
-}, {
-  "label": "2h+",
-  "value": 121
-}]