@quintype/native-components 2.29.9 → 2.31.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.29.9",
+  "version": "2.31.0-beta.1",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/AudioPlayer/index.js

@@ -1,7 +1,7 @@
 import React, { memo } from "react";
 import PropTypes from "prop-types";
 import { useProgress, usePlaybackState, State } from "react-native-track-player";
-import { TouchableOpacity, ActivityIndicator, View, ViewPropTypes, useWindowDimensions } from "react-native";
+import { TouchableOpacity, ActivityIndicator, View, useWindowDimensions } from "react-native";
 import Icon from "react-native-vector-icons/AntDesign";
 import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
 import { playerStyles } from "./styles";
@@ -135,7 +135,6 @@ ControlButton.propTypes = {
 };
 
 PlayerBase.propTypes = {
-  style: ViewPropTypes.style,
   onTogglePlayback: PropTypes.func.isRequired,
   testID: PropTypes.string,
 };

package/src/components/BackNavigator/index.js

@@ -5,7 +5,6 @@ import {
   StyleSheet,
   TouchableOpacity,
   View,
-  ViewPropTypes,
 } from 'react-native';
 import Icon from 'react-native-vector-icons/AntDesign';
 import { COMP_GENERAL_CONSTANTS } from '../../constants/component-constants/general-constants/constants';
@@ -70,9 +69,6 @@ export const BackNavigator = (props) => {
 
 BackNavigator.propTypes = {
   title: PropTypes.string,
-  style: ViewPropTypes.style,
-  container: ViewPropTypes.style,
-  titleStyle: ViewPropTypes.style,
   testID: PropTypes.string,
   onPress: PropTypes.func.isRequired,
 };

package/src/components/Button/index.js

@@ -3,8 +3,7 @@ import React, { useContext } from "react";
 import {
   StyleSheet,
   TouchableOpacity,
-  View,
-  ViewPropTypes,
+  View
 } from "react-native";
 import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants/general-constants/constants";
 import { AppTheme } from "../../utils";
@@ -37,7 +36,5 @@ export const Button = (props) => {
 Button.propTypes = {
   icon: PropTypes.element,
   text: PropTypes.string,
-  onPress: PropTypes.func,
-  style: ViewPropTypes.style,
-  textStyle: ViewPropTypes.style,
+  onPress: PropTypes.func
 };

package/src/components/Header/index.js

@@ -3,8 +3,7 @@ import React, { useContext } from "react";
 import {
   StyleSheet,
   TouchableOpacity,
-  View,
-  ViewPropTypes,
+  View
 } from "react-native";
 
 import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants";
@@ -46,7 +45,6 @@ Header.propTypes = {
   rightComponent: PropTypes.element,
   leftComponent: PropTypes.element,
   logoComponent: PropTypes.element,
-  style: ViewPropTypes.style,
   logoComponentStyle: PropTypes.object,
   onPress: PropTypes.func,
   noBorder: PropTypes.bool,

package/src/components/IconText/index.js

@@ -4,7 +4,6 @@ import {
   StyleSheet,
   TouchableOpacity,
   View,
-  ViewPropTypes,
 } from "react-native";
 import Icon from "react-native-vector-icons/FontAwesome";
 import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants/general-constants/constants";
@@ -80,8 +79,6 @@ IconText.propTypes = {
   iconSize: PropTypes.number,
   onPress: PropTypes.func,
   disabled: PropTypes.bool,
-  iconStyle: ViewPropTypes.style,
-  labelStyle: ViewPropTypes.style,
 };
 
 export { IconText };

package/src/components/RadioButton/index.js

@@ -3,8 +3,7 @@ import React, { useContext } from "react";
 import {
   StyleSheet,
   TouchableOpacity,
-  View,
-  ViewPropTypes,
+  View
 } from "react-native";
 import { AppTheme } from "../../utils";
 import { radioButtonStyles } from "./styles";
@@ -41,6 +40,4 @@ export const RadioButton = ({
 RadioButton.propTypes = {
   onPress: PropTypes.func.isRequired,
   isChecked: PropTypes.bool,
-  circleStyle: ViewPropTypes.style,
-  checkedCircleStyle: ViewPropTypes.style,
 };

package/src/components/References/index.js

@@ -5,7 +5,7 @@ import { Linking, View, TouchableOpacity } from 'react-native';
 import { AppTheme } from '../../utils';
 import { Text } from '../Text';
 import { styles } from './styles';
-import Icon from "react-native-vector-icons/FontAwesome5";
+import Icon from "react-native-vector-icons/FontAwesome";
 
 export const References = ({
   card, referenceNameTestId, referenceDescTestID, referenceContainerTestID,
@@ -22,7 +22,7 @@ export const References = ({
       <View style={referenceStyles.container} testID={referenceContainerTestID}>
         <View>
         <View style={referenceStyles.topSubContainer}>
-          <Icon name={'external-link-alt'} size={FONT_SIZE.h2} style={referenceStyles.iconStyle} testID="referenceStoryIcon" />
+          <Icon name={'external-link'} size={FONT_SIZE.h2} style={referenceStyles.iconStyle} testID="referenceStoryIcon" />
           <Text style={referenceStyles.referenceText}>{'REFERENCE'}</Text>
         </View>
         <Text style={referenceStyles.name} testID={referenceNameTestId}>

package/src/components/References/styles.js

@@ -16,7 +16,6 @@ export const styles = (COLORS, FONT_SIZE, FONT_FAMILY) => StyleSheet.create({
   },
   name: {
     fontSize: FONT_SIZE.h1,
-    fontWeight: 'bold',
     marginTop:15,
     textDecorationLine:'underline',
     lineHeight:24,
@@ -31,8 +30,8 @@ export const styles = (COLORS, FONT_SIZE, FONT_FAMILY) => StyleSheet.create({
   },
   referenceText: {
     marginLeft:5,
-    fontWeight:'700',
-    fontSize: FONT_SIZE.h3
+    fontSize: FONT_SIZE.h3,
+    color:COLORS.BRAND_1,
   },
   topSubContainer:{
     display: 'flex',

package/src/components/ResponsiveImage/index.js

@@ -31,12 +31,15 @@ const ResponsiveImageBase = (props) => {
     },
   ])
 
+  const [w, h] = props.aspectRatio ?? [];
+  const heightMultiplier = w && h ? h / w : 9 / 16;
+
   const flattenedImageStyle = StyleSheet.flatten([
     styles.defaultImage,
     props.styles,
     props.imageWidth && {
       width: props.imageWidth,
-      height: (props.imageWidth * 9) / 16,
+      height: props.imageWidth * heightMultiplier,
     },
     props.styles?.marginTop && { marginTop: 0 } ,
 

package/src/components/Search/index.js

@@ -2,7 +2,7 @@ import React, {
   useEffect, useRef, useContext, useState,
 } from 'react';
 import {
-  View, TextInput, StyleSheet, ViewPropTypes, TouchableOpacity,
+  View, TextInput, StyleSheet, TouchableOpacity,
 } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import PropTypes from 'prop-types';
@@ -78,8 +78,6 @@ Search.propTypes = {
     addListener: PropTypes.func,
   }),
   icon: PropTypes.element,
-  style: ViewPropTypes.style,
-  inputStyle: ViewPropTypes.style,
   onEnter: PropTypes.func,
   testID: PropTypes.string,
 };