@quintype/native-components 2.29.5 → 2.29.6-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.29.5",
+  "version": "2.29.6-beta.0",
   "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/Story/index.js

@@ -95,7 +95,7 @@ const getStoryCards = (
 
     {source.length > (storyType === STORY_TYPES.VIDEO_STORY ? 2 : 1)
       && isMiddleIndexOfArray(index, source)
-      && getAd(true)}
+      && getAd(true, "body")}
     {/* ^ Requesting mid-content-ad if there are > 1 card
       (> 2 cards in case of video story since the 1st card gets rendered in header). */}
 
@@ -108,7 +108,7 @@ const getStoryCards = (
           {cards.length === 1
             && source.length > (storyType === STORY_TYPES.VIDEO_STORY ? 2 : 1)
             && isMiddleIndexOfArray(index, source)
-            && getAd(true)}
+            && getAd(true, "body")}
           {/* ^ In the case of a story having just 1 card,
             requesting mid-content-Ad if there are > 1 story-elements in that card
             (> 2 story-elements in case of video story since the 1st story-element gets rendered in header). */}
@@ -419,7 +419,7 @@ export const Story = ({
           </View>))}
 
 
-      {getAd()}
+      {getAd(false, "header")}
 
       {getStoryCards(
         cards,

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';