CardSection TS fixes

Author: ArnonZ

generatedTypes/components/card/CardSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle, ImageStyle, ImageSourcePropType } from 'react-native';
+import { ViewStyle, ImageStyle, ImageSourcePropType, StyleProp } from 'react-native';
 import { ViewPropTypes } from '../view';
 import { TextPropTypes } from '../text';
 import { ImageProps } from '../image';
@@ -15,7 +15,7 @@ export declare type CardSectionProps = ViewPropTypes & {
     /**
      * Style for the content
      */
-    contentStyle?: ViewStyle;
+    contentStyle?: StyleProp<ViewStyle>;
     /**
      * Give the section a background color
      */
@@ -35,7 +35,7 @@ export declare type CardSectionProps = ViewPropTypes & {
     /**
      * The style for the background image
      */
-    imageStyle?: ImageStyle;
+    imageStyle?: StyleProp<ImageStyle>;
     /**
      * Other image props that will be passed to the image
      */
@@ -50,7 +50,7 @@ declare const _default: React.ComponentClass<ViewPropTypes & {
     /**
      * Style for the content
      */
-    contentStyle?: ViewStyle | undefined;
+    contentStyle?: StyleProp<ViewStyle>;
     /**
      * Give the section a background color
      */
@@ -70,7 +70,7 @@ declare const _default: React.ComponentClass<ViewPropTypes & {
     /**
      * The style for the background image
      */
-    imageStyle?: ImageStyle | undefined;
+    imageStyle?: StyleProp<ImageStyle>;
     /**
      * Other image props that will be passed to the image
      */

generatedTypes/components/card/index.d.ts

@@ -173,12 +173,12 @@ declare const _default: React.ComponentClass<ViewPropTypes & import("react-nativ
         } & {
             text?: string | undefined;
         }))[] | undefined;
-        contentStyle?: ViewStyle | undefined;
+        contentStyle?: import("react-native").StyleProp<ViewStyle>;
         backgroundColor?: string | undefined;
         leadingIcon?: import("../image").ImageProps | undefined;
         trailingIcon?: import("../image").ImageProps | undefined;
         imageSource?: number | import("react-native").ImageURISource | import("react-native").ImageURISource[] | undefined;
-        imageStyle?: import("react-native").ImageStyle | undefined;
+        imageStyle?: import("react-native").StyleProp<import("react-native").ImageStyle>;
         imageProps?: import("../image").ImageProps | undefined;
     } & {
         useCustomTheme?: boolean | undefined;

src/components/card/CardSection.tsx

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import React, {PureComponent} from 'react';
-import {StyleSheet, ViewStyle, ImageStyle, ImageSourcePropType} from 'react-native';
+import {StyleSheet, ViewStyle, ImageStyle, ImageSourcePropType, StyleProp} from 'react-native';
 import {asBaseComponent} from '../../commons/new';
 import View, {ViewPropTypes} from '../view';
 import Text, {TextPropTypes} from '../text';
@@ -18,7 +18,7 @@ export type CardSectionProps = ViewPropTypes & {
   /**
    * Style for the content
    */
-  contentStyle?: ViewStyle;
+  contentStyle?: StyleProp<ViewStyle>;
   /**
    * Give the section a background color
    */
@@ -38,7 +38,7 @@ export type CardSectionProps = ViewPropTypes & {
   /**
    * The style for the background image
    */
-  imageStyle?: ImageStyle;
+  imageStyle?: StyleProp<ImageStyle>;
   /**
    * Other image props that will be passed to the image
    */
@@ -67,7 +67,7 @@ class CardSection extends PureComponent<Props> {
         {leadingIcon && (
           <Image testID={`${testID}.leadingIcon`} {...leadingIcon} />
         )}
-        <View testID={`${testID}.contentContainer`} style={contentStyle}>
+        <View testID={`${testID}.contentContainer`} style={[contentStyle]}>
           {_.map(
             content,
             // @ts-ignore