@quintype/native-components 2.29.6 → 2.29.7

package/package.json

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

package/src/components/ShareButton/index.js

@@ -13,7 +13,7 @@ const ShareButtonBase = (props) => {
   const { theme } = useContext(AppTheme);
   const styles = shareButtonStyles(theme);
   const { storyCardOptions = {} } = theme;
-  const { story, type = 'story', slug, containerStyle, inListingStoryCard = false } = props;
+  const { story, type = 'story', slug, containerStyle, size, inListingStoryCard = false, onShare } = props;
 
   const getShareURL = () => {
     const { url } = story || {};
@@ -52,18 +52,18 @@ const ShareButtonBase = (props) => {
   const renderIcon = () => {
     switch (storyCardOptions.shareButtonIcon) {
       case 'right-arrow':
-        return <IconAlt style={styles.iconStyle} name="share-outline" size={20} />;
+        return <IconAlt style={styles.iconStyle} name="share-outline" size={size ?? 20} />;
       case 'up-arrow':
-        return <Icon style={styles.iconStyle} name="share-outline" size={20} />;
+        return <Icon style={styles.iconStyle} name="share-outline" size={size ?? 20} />;
       case 'classic':
       default:
-        return <Icon style={styles.iconStyle} name="share-social-outline" size={20} />;
+        return <Icon style={styles.iconStyle} name="share-social-outline" size={size ?? 20} />;
     }
   };
 
   return inListingStoryCard && !storyCardOptions.enableShareButton ? null : (
     <TouchableOpacity
-      onPress={share}
+      onPress={onShare ?? share}
       testID={COMP_GENERAL_CONSTANTS.shareButtonTouch}
       style={containerStyle}
     >
@@ -76,6 +76,9 @@ ShareButtonBase.propTypes = {
   story: PropTypes.any,
   type: PropTypes.string,
   slug: PropTypes.string,
+  size: PropTypes.number,
+  inListingStoryCard: PropTypes.bool,
+  onShare: PropTypes.func,
 };
 
 export const ShareButton = memo(ShareButtonBase);

package/src/components/Text/index.js

@@ -16,7 +16,7 @@ export const Text = (props) => {
   };
   const flattenedStyle = StyleSheet.flatten([RNStyle, props.style]);
 
-  const { ellipsizeMode, numberOfLines, testID } = props;
+  const { ellipsizeMode, numberOfLines, allowFontScaling, testID } = props;
 
   const textData = I18nManager.isRTL ? `\u200F${props.children}` : props.children;
 
@@ -31,6 +31,7 @@ export const Text = (props) => {
       testID={testID}
       style={flattenedStyle}
       fontFamily={RNStyle.fontFamily}
+      allowFontScaling={allowFontScaling}
     >
       {textData}
     </RNText>
@@ -40,6 +41,7 @@ export const Text = (props) => {
 Text.propTypes = TextProps && {
   primary: PropTypes.bool,
   ellipsizeMode: PropTypes.string,
+  allowFontScaling: PropTypes.bool,
   testID: PropTypes.string,
   numberOfLines: PropTypes.number,
 };

package/src/utils/index.js

@@ -1,6 +1,7 @@
 export * from './imageUtils';
 export * from './parseUtils';
 export * from './timeUtils';
+export * from './story';
 export * from './story-types';
 export * from './context';
 export * from './textUtils';