related-ui-components 1.3.0 → 1.3.2

package/src/components/Banner/Banner.tsx

@@ -5,7 +5,7 @@ import {
   TouchableOpacity,
   ViewStyle,
   TextStyle,
-  ImageRequireSource,
+  ImageSourcePropType,
   DimensionValue,
   View,
 } from "react-native";
@@ -13,7 +13,7 @@ import { Card, CardFooter } from "../Card";
 import { useTheme, ThemeType } from "../../theme";
 
 export interface BannerProps {
-  backgroundImage: ImageRequireSource;
+  backgroundImage: ImageSourcePropType;
   buttonText?: string;
   onButtonPress?: () => void;
   onBannerPress?: () => void;

package/src/components/Banner/BannerWithDetails.tsx

@@ -8,14 +8,14 @@ import {
   TextStyle,
   ImageStyle,
   TouchableOpacity,
-  ImageRequireSource,
+  ImageSourcePropType,
 } from "react-native";
 import { Card, CardContent } from "../Card";
 import { useTheme, ThemeType } from "../../theme"; // Import ThemeType
 
 interface BannerWithDetailsProps {
-  backgroundImage: ImageRequireSource;
-  logoImage: ImageRequireSource;
+  backgroundImage: ImageSourcePropType;
+  logoImage: ImageSourcePropType;
   detailText: string;
   onPress?: () => void;
   containerStyle?: ViewStyle;

package/src/components/Banner/README.md

@@ -32,7 +32,7 @@ const MyComponent = () => {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `backgroundImage` | `ImageRequireSource` | Required | The background image to display in the banner |
+| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the banner |
 | `buttonText` | `string` | `"Redeem"` | Text to display on the action button |
 | `onButtonPress` | `() => void` | `undefined` | Function to execute when the button is pressed |
 | `onBannerPress` | `() => void` | `undefined` | Function to execute when the banner (outside the button) is pressed |
@@ -83,8 +83,8 @@ const MyComponent = () => {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `backgroundImage` | `ImageRequireSource` | Required | The background image for the banner |
-| `logoImage` | `ImageRequireSource` | Required | The logo image to display in the centered card |
+| `backgroundImage` | `ImageSourcePropType` | Required | The background image for the banner |
+| `logoImage` | `ImageSourcePropType` | Required | The logo image to display in the centered card |
 | `detailText` | `string` | Required | Text description to display in the details card |
 | `onPress` | `() => void` | `undefined` | Function to execute when the banner is pressed |
 | `containerStyle` | `ViewStyle` | `undefined` | Additional styles for the main container |

package/src/components/Card/templates/DealCard.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  ImageRequireSource,
+  ImageSourcePropType,
   StyleProp,
   ViewStyle,
   View,
@@ -20,7 +20,7 @@ import CardFooter from "../CardFooter";
 import LockOverlay from "../../LockOverlay/LockOverlay";
 
 interface HorizontalDealCardProps {
-  imageSource: ImageRequireSource;
+  imageSource: ImageSourcePropType;
   variant?: "vertical" | "horizontal";
   label?: string;
   labelStyle?: StyleProp<TextStyle>;

package/src/components/Card/templates/DealCardWithBackgroundImage.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import {
-  ImageRequireSource,
+  ImageSourcePropType,
   StyleProp,
   ViewStyle,
   View,
@@ -20,7 +20,7 @@ import ProgressBar, {
 import LockOverlay from "../../LockOverlay/LockOverlay";
 
 interface DealCardProps {
-  backgroundImage: ImageRequireSource;
+  backgroundImage: ImageSourcePropType;
   label?: string;
   labelStyle?: StyleProp<TextStyle>;
   labelContainerStyle?: StyleProp<ViewStyle>;

package/src/components/Card/templates/README.md

@@ -40,7 +40,7 @@ const MyComponent = () => {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `backgroundImage` | `ImageRequireSource` | Required | The background image to display in the card |
+| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
 | `icon` | `React.ReactNode` | `undefined` | Optional icon to display in the card header |
 | `iconPosition` | `"left" \| "right"` | `"left"` | Position of the icon in the header |
 | `shadowEffect` | `true \| false` | `true` | Shadow Effect displayed or not |
@@ -107,7 +107,7 @@ const MyComponent = () => {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `backgroundImage` | `ImageRequireSource` | Required | The background image to display in the card |
+| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
 | `label` | `string` | `undefined` | Optional label text to display in the upper left corner |
 | `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
 | `labelContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Custom styles for the label container |
@@ -193,7 +193,7 @@ const MyComponent = () => {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `imageSource` | `ImageRequireSource` | Required | The image to display in the card |
+| `imageSource` | `ImageSourcePropType` | Required | The image to display in the card |
 | `variant` | `"vertical" \| "horizontal"` | `"horizontal"` | Layout orientation of the card |
 | `label` | `string` | `undefined` | Optional label text to display |
 | `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |

package/src/components/Card/templates/SimpleTrendingCard.tsx

@@ -1,11 +1,11 @@
 import React from "react";
-import { ImageRequireSource, StyleProp, ViewStyle } from "react-native";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
 import Card from "../Card";
 import CardHeader from "../CardHeader";
 import { LinearGradient } from "expo-linear-gradient";
 
 interface SimpleTrendingCardProps {
-  backgroundImage: ImageRequireSource;
+  backgroundImage: ImageSourcePropType;
   icon?: React.ReactNode;
   iconPosition?: "left" | "right";
   onPress?: () => void;

package/src/components/Card/types.ts

@@ -1,6 +1,6 @@
 // Card/types.ts
 import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, TextStyle, ImageStyle, ImageRequireSource } from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ImageStyle, ImageSourcePropType } from 'react-native';
 
 export interface CardProps {
   children?: ReactNode;
@@ -16,7 +16,7 @@ export interface CardProps {
   margin?: number | { horizontal?: number; vertical?: number };
   padding?: number | { horizontal?: number; vertical?: number };
   backgroundImage?: {
-    source: ImageRequireSource;
+    source: ImageSourcePropType;
     resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
     blurRadius?: number;
     opacity?: number;