related-ui-components 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Banner/README.md +3 -3
- package/lib/commonjs/components/Card/templates/README.md +3 -3
- package/lib/commonjs/components/Filters/README.md +1 -1
- package/lib/commonjs/components/ScratchCard/README.md +2 -2
- package/lib/module/components/Banner/README.md +3 -3
- package/lib/module/components/Card/templates/README.md +3 -3
- package/lib/module/components/Filters/README.md +1 -1
- package/lib/module/components/ScratchCard/README.md +2 -2
- package/lib/typescript/commonjs/components/Banner/Banner.d.ts +2 -2
- package/lib/typescript/commonjs/components/Banner/Banner.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Banner/BannerWithDetails.d.ts +3 -3
- package/lib/typescript/commonjs/components/Banner/BannerWithDetails.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Card/templates/DealCard.d.ts +2 -2
- package/lib/typescript/commonjs/components/Card/templates/DealCard.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts +2 -2
- package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Card/templates/SimpleTrendingCard.d.ts +2 -2
- package/lib/typescript/commonjs/components/Card/templates/SimpleTrendingCard.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Card/types.d.ts +2 -2
- package/lib/typescript/commonjs/components/Card/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Filters/Filters.d.ts +2 -2
- package/lib/typescript/commonjs/components/Filters/Filters.d.ts.map +1 -1
- package/lib/typescript/module/components/Banner/Banner.d.ts +2 -2
- package/lib/typescript/module/components/Banner/Banner.d.ts.map +1 -1
- package/lib/typescript/module/components/Banner/BannerWithDetails.d.ts +3 -3
- package/lib/typescript/module/components/Banner/BannerWithDetails.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/templates/DealCard.d.ts +2 -2
- package/lib/typescript/module/components/Card/templates/DealCard.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts +2 -2
- package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/templates/SimpleTrendingCard.d.ts +2 -2
- package/lib/typescript/module/components/Card/templates/SimpleTrendingCard.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/types.d.ts +2 -2
- package/lib/typescript/module/components/Card/types.d.ts.map +1 -1
- package/lib/typescript/module/components/Filters/Filters.d.ts +2 -2
- package/lib/typescript/module/components/Filters/Filters.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Banner/Banner.tsx +2 -2
- package/src/components/Banner/BannerWithDetails.tsx +3 -3
- package/src/components/Banner/README.md +3 -3
- package/src/components/Card/templates/DealCard.tsx +2 -2
- package/src/components/Card/templates/DealCardWithBackgroundImage.tsx +2 -2
- package/src/components/Card/templates/README.md +3 -3
- package/src/components/Card/templates/SimpleTrendingCard.tsx +2 -2
- package/src/components/Card/types.ts +2 -2
- package/src/components/Filters/Filters.tsx +2 -2
- package/src/components/Filters/README.md +1 -1
- package/src/components/ScratchCard/README.md +2 -2
|
@@ -32,7 +32,7 @@ const MyComponent = () => {
|
|
|
32
32
|
|
|
33
33
|
| Prop | Type | Default | Description |
|
|
34
34
|
|------|------|---------|-------------|
|
|
35
|
-
| `backgroundImage` | `
|
|
35
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the banner |
|
|
36
36
|
| `buttonText` | `string` | `"Redeem"` | Text to display on the action button |
|
|
37
37
|
| `onButtonPress` | `() => void` | `undefined` | Function to execute when the button is pressed |
|
|
38
38
|
| `onBannerPress` | `() => void` | `undefined` | Function to execute when the banner (outside the button) is pressed |
|
|
@@ -83,8 +83,8 @@ const MyComponent = () => {
|
|
|
83
83
|
|
|
84
84
|
| Prop | Type | Default | Description |
|
|
85
85
|
|------|------|---------|-------------|
|
|
86
|
-
| `backgroundImage` | `
|
|
87
|
-
| `logoImage` | `
|
|
86
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image for the banner |
|
|
87
|
+
| `logoImage` | `ImageSourcePropType` | Required | The logo image to display in the centered card |
|
|
88
88
|
| `detailText` | `string` | Required | Text description to display in the details card |
|
|
89
89
|
| `onPress` | `() => void` | `undefined` | Function to execute when the banner is pressed |
|
|
90
90
|
| `containerStyle` | `ViewStyle` | `undefined` | Additional styles for the main container |
|
|
@@ -40,7 +40,7 @@ const MyComponent = () => {
|
|
|
40
40
|
|
|
41
41
|
| Prop | Type | Default | Description |
|
|
42
42
|
|------|------|---------|-------------|
|
|
43
|
-
| `backgroundImage` | `
|
|
43
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
|
|
44
44
|
| `icon` | `React.ReactNode` | `undefined` | Optional icon to display in the card header |
|
|
45
45
|
| `iconPosition` | `"left" \| "right"` | `"left"` | Position of the icon in the header |
|
|
46
46
|
| `shadowEffect` | `true \| false` | `true` | Shadow Effect displayed or not |
|
|
@@ -107,7 +107,7 @@ const MyComponent = () => {
|
|
|
107
107
|
|
|
108
108
|
| Prop | Type | Default | Description |
|
|
109
109
|
|------|------|---------|-------------|
|
|
110
|
-
| `backgroundImage` | `
|
|
110
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
|
|
111
111
|
| `label` | `string` | `undefined` | Optional label text to display in the upper left corner |
|
|
112
112
|
| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
|
|
113
113
|
| `labelContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Custom styles for the label container |
|
|
@@ -193,7 +193,7 @@ const MyComponent = () => {
|
|
|
193
193
|
|
|
194
194
|
| Prop | Type | Default | Description |
|
|
195
195
|
|------|------|---------|-------------|
|
|
196
|
-
| `imageSource` | `
|
|
196
|
+
| `imageSource` | `ImageSourcePropType` | Required | The image to display in the card |
|
|
197
197
|
| `variant` | `"vertical" \| "horizontal"` | `"horizontal"` | Layout orientation of the card |
|
|
198
198
|
| `label` | `string` | `undefined` | Optional label text to display |
|
|
199
199
|
| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
|
|
@@ -68,7 +68,7 @@ export default MyComponent;
|
|
|
68
68
|
|------|------|---------|-------------|
|
|
69
69
|
| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the container |
|
|
70
70
|
| `children` | `React.ReactNode` | Required | Content to reveal underneath the scratch layer |
|
|
71
|
-
| `image` | `
|
|
71
|
+
| `image` | `ImageSourcePropType` | `null` | Image to use as the scratch layer |
|
|
72
72
|
| `width` | `number` | `300` | Width of the scratch card |
|
|
73
73
|
| `height` | `number` | `300` | Height of the scratch card |
|
|
74
74
|
| `onScratched` | `() => void` | `undefined` | Function to call when scratch threshold is reached |
|
|
@@ -86,7 +86,7 @@ export default MyComponent;
|
|
|
86
86
|
|------|------|---------|-------------|
|
|
87
87
|
| `backgroundColor` | `string` | `"#CCCCCC"` | Background color of the scratch layer (used if no image is provided) |
|
|
88
88
|
| `text` | `string` | `""` | Optional text to display on the scratch layer |
|
|
89
|
-
| `textFont` | `
|
|
89
|
+
| `textFont` | `ImageSourcePropType` | `undefined` (required if text is present) | Font for the scratch layer text |
|
|
90
90
|
| `textFontColor` | `string` | `"#CCCCCC"` | Color for the scratch layer text |
|
|
91
91
|
| `textFontSize` | `number` | `16` | Font size for the scratch layer text |
|
|
92
92
|
|
|
@@ -32,7 +32,7 @@ const MyComponent = () => {
|
|
|
32
32
|
|
|
33
33
|
| Prop | Type | Default | Description |
|
|
34
34
|
|------|------|---------|-------------|
|
|
35
|
-
| `backgroundImage` | `
|
|
35
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the banner |
|
|
36
36
|
| `buttonText` | `string` | `"Redeem"` | Text to display on the action button |
|
|
37
37
|
| `onButtonPress` | `() => void` | `undefined` | Function to execute when the button is pressed |
|
|
38
38
|
| `onBannerPress` | `() => void` | `undefined` | Function to execute when the banner (outside the button) is pressed |
|
|
@@ -83,8 +83,8 @@ const MyComponent = () => {
|
|
|
83
83
|
|
|
84
84
|
| Prop | Type | Default | Description |
|
|
85
85
|
|------|------|---------|-------------|
|
|
86
|
-
| `backgroundImage` | `
|
|
87
|
-
| `logoImage` | `
|
|
86
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image for the banner |
|
|
87
|
+
| `logoImage` | `ImageSourcePropType` | Required | The logo image to display in the centered card |
|
|
88
88
|
| `detailText` | `string` | Required | Text description to display in the details card |
|
|
89
89
|
| `onPress` | `() => void` | `undefined` | Function to execute when the banner is pressed |
|
|
90
90
|
| `containerStyle` | `ViewStyle` | `undefined` | Additional styles for the main container |
|
|
@@ -40,7 +40,7 @@ const MyComponent = () => {
|
|
|
40
40
|
|
|
41
41
|
| Prop | Type | Default | Description |
|
|
42
42
|
|------|------|---------|-------------|
|
|
43
|
-
| `backgroundImage` | `
|
|
43
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
|
|
44
44
|
| `icon` | `React.ReactNode` | `undefined` | Optional icon to display in the card header |
|
|
45
45
|
| `iconPosition` | `"left" \| "right"` | `"left"` | Position of the icon in the header |
|
|
46
46
|
| `shadowEffect` | `true \| false` | `true` | Shadow Effect displayed or not |
|
|
@@ -107,7 +107,7 @@ const MyComponent = () => {
|
|
|
107
107
|
|
|
108
108
|
| Prop | Type | Default | Description |
|
|
109
109
|
|------|------|---------|-------------|
|
|
110
|
-
| `backgroundImage` | `
|
|
110
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
|
|
111
111
|
| `label` | `string` | `undefined` | Optional label text to display in the upper left corner |
|
|
112
112
|
| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
|
|
113
113
|
| `labelContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Custom styles for the label container |
|
|
@@ -193,7 +193,7 @@ const MyComponent = () => {
|
|
|
193
193
|
|
|
194
194
|
| Prop | Type | Default | Description |
|
|
195
195
|
|------|------|---------|-------------|
|
|
196
|
-
| `imageSource` | `
|
|
196
|
+
| `imageSource` | `ImageSourcePropType` | Required | The image to display in the card |
|
|
197
197
|
| `variant` | `"vertical" \| "horizontal"` | `"horizontal"` | Layout orientation of the card |
|
|
198
198
|
| `label` | `string` | `undefined` | Optional label text to display |
|
|
199
199
|
| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
|
|
@@ -68,7 +68,7 @@ export default MyComponent;
|
|
|
68
68
|
|------|------|---------|-------------|
|
|
69
69
|
| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the container |
|
|
70
70
|
| `children` | `React.ReactNode` | Required | Content to reveal underneath the scratch layer |
|
|
71
|
-
| `image` | `
|
|
71
|
+
| `image` | `ImageSourcePropType` | `null` | Image to use as the scratch layer |
|
|
72
72
|
| `width` | `number` | `300` | Width of the scratch card |
|
|
73
73
|
| `height` | `number` | `300` | Height of the scratch card |
|
|
74
74
|
| `onScratched` | `() => void` | `undefined` | Function to call when scratch threshold is reached |
|
|
@@ -86,7 +86,7 @@ export default MyComponent;
|
|
|
86
86
|
|------|------|---------|-------------|
|
|
87
87
|
| `backgroundColor` | `string` | `"#CCCCCC"` | Background color of the scratch layer (used if no image is provided) |
|
|
88
88
|
| `text` | `string` | `""` | Optional text to display on the scratch layer |
|
|
89
|
-
| `textFont` | `
|
|
89
|
+
| `textFont` | `ImageSourcePropType` | `undefined` (required if text is present) | Font for the scratch layer text |
|
|
90
90
|
| `textFontColor` | `string` | `"#CCCCCC"` | Color for the scratch layer text |
|
|
91
91
|
| `textFontSize` | `number` | `16` | Font size for the scratch layer text |
|
|
92
92
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ViewStyle, TextStyle,
|
|
2
|
+
import { ViewStyle, TextStyle, ImageSourcePropType, DimensionValue } from "react-native";
|
|
3
3
|
export interface BannerProps {
|
|
4
|
-
backgroundImage:
|
|
4
|
+
backgroundImage: ImageSourcePropType;
|
|
5
5
|
buttonText?: string;
|
|
6
6
|
onButtonPress?: () => void;
|
|
7
7
|
onBannerPress?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,cAAc,EAEf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,WAAW;IAC1B,eAAe,EAAE,mBAAmB,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAG/C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0FjC,CAAC;AA2CF,eAAe,MAAM,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ViewStyle, TextStyle, ImageStyle,
|
|
2
|
+
import { ViewStyle, TextStyle, ImageStyle, ImageSourcePropType } from "react-native";
|
|
3
3
|
interface BannerWithDetailsProps {
|
|
4
|
-
backgroundImage:
|
|
5
|
-
logoImage:
|
|
4
|
+
backgroundImage: ImageSourcePropType;
|
|
5
|
+
logoImage: ImageSourcePropType;
|
|
6
6
|
detailText: string;
|
|
7
7
|
onPress?: () => void;
|
|
8
8
|
containerStyle?: ViewStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWithDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/BannerWithDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,UAAU,EAEV,
|
|
1
|
+
{"version":3,"file":"BannerWithDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/BannerWithDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,UAAU,EAEV,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAItB,UAAU,sBAAsB;IAC9B,eAAe,EAAE,mBAAmB,CAAC;IACrC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuDvD,CAAC;AA+CF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
3
3
|
import { ProgressBarTextAlign, ProgressBarTextPosition } from "../../ProgressBar/ProgressBar";
|
|
4
4
|
interface HorizontalDealCardProps {
|
|
5
|
-
imageSource:
|
|
5
|
+
imageSource: ImageSourcePropType;
|
|
6
6
|
variant?: "vertical" | "horizontal";
|
|
7
7
|
label?: string;
|
|
8
8
|
labelStyle?: StyleProp<TextStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"DealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,OAAoB,EAClB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAKvC,UAAU,uBAAuB;IAC/B,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4M/C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
3
3
|
import { ProgressBarTextAlign, ProgressBarTextPosition } from "../../ProgressBar/ProgressBar";
|
|
4
4
|
interface DealCardProps {
|
|
5
|
-
backgroundImage:
|
|
5
|
+
backgroundImage: ImageSourcePropType;
|
|
6
6
|
label?: string;
|
|
7
7
|
labelStyle?: StyleProp<TextStyle>;
|
|
8
8
|
labelContainerStyle?: StyleProp<ViewStyle>;
|
package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAEV,MAAM,cAAc,CAAC;AAMtB,OAAoB,EAClB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,aAAa;IACrB,eAAe,EAAE,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC;CACrC;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2NxD,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
|
|
3
3
|
interface SimpleTrendingCardProps {
|
|
4
|
-
backgroundImage:
|
|
4
|
+
backgroundImage: ImageSourcePropType;
|
|
5
5
|
icon?: React.ReactNode;
|
|
6
6
|
iconPosition?: "left" | "right";
|
|
7
7
|
onPress?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleTrendingCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SimpleTrendingCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SimpleTrendingCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SimpleTrendingCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzE,UAAU,uBAAuB;IAC/B,eAAe,EAAE,mBAAmB,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AACD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle, TextStyle, ImageStyle,
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle, ImageStyle, ImageSourcePropType } from 'react-native';
|
|
3
3
|
export interface CardProps {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
style?: StyleProp<ViewStyle>;
|
|
@@ -20,7 +20,7 @@ export interface CardProps {
|
|
|
20
20
|
vertical?: number;
|
|
21
21
|
};
|
|
22
22
|
backgroundImage?: {
|
|
23
|
-
source:
|
|
23
|
+
source: ImageSourcePropType;
|
|
24
24
|
resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
|
|
25
25
|
blurRadius?: number;
|
|
26
26
|
opacity?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { TextStyle, ViewStyle,
|
|
2
|
+
import { TextStyle, ViewStyle, ImageSourcePropType } from "react-native";
|
|
3
3
|
type SortOption = {
|
|
4
4
|
name: string;
|
|
5
5
|
value: string;
|
|
@@ -8,7 +8,7 @@ type SortOption = {
|
|
|
8
8
|
type Brand = {
|
|
9
9
|
id: string;
|
|
10
10
|
name: string;
|
|
11
|
-
logo:
|
|
11
|
+
logo: ImageSourcePropType;
|
|
12
12
|
};
|
|
13
13
|
export type FilterResult = {
|
|
14
14
|
sort: SortOption[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAKL,SAAS,EACT,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ViewStyle, TextStyle,
|
|
2
|
+
import { ViewStyle, TextStyle, ImageSourcePropType, DimensionValue } from "react-native";
|
|
3
3
|
export interface BannerProps {
|
|
4
|
-
backgroundImage:
|
|
4
|
+
backgroundImage: ImageSourcePropType;
|
|
5
5
|
buttonText?: string;
|
|
6
6
|
onButtonPress?: () => void;
|
|
7
7
|
onBannerPress?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,cAAc,EAEf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,WAAW;IAC1B,eAAe,EAAE,mBAAmB,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAG/C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0FjC,CAAC;AA2CF,eAAe,MAAM,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ViewStyle, TextStyle, ImageStyle,
|
|
2
|
+
import { ViewStyle, TextStyle, ImageStyle, ImageSourcePropType } from "react-native";
|
|
3
3
|
interface BannerWithDetailsProps {
|
|
4
|
-
backgroundImage:
|
|
5
|
-
logoImage:
|
|
4
|
+
backgroundImage: ImageSourcePropType;
|
|
5
|
+
logoImage: ImageSourcePropType;
|
|
6
6
|
detailText: string;
|
|
7
7
|
onPress?: () => void;
|
|
8
8
|
containerStyle?: ViewStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWithDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/BannerWithDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,UAAU,EAEV,
|
|
1
|
+
{"version":3,"file":"BannerWithDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Banner/BannerWithDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,UAAU,EAEV,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAItB,UAAU,sBAAsB;IAC9B,eAAe,EAAE,mBAAmB,CAAC;IACrC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuDvD,CAAC;AA+CF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
3
3
|
import { ProgressBarTextAlign, ProgressBarTextPosition } from "../../ProgressBar/ProgressBar";
|
|
4
4
|
interface HorizontalDealCardProps {
|
|
5
|
-
imageSource:
|
|
5
|
+
imageSource: ImageSourcePropType;
|
|
6
6
|
variant?: "vertical" | "horizontal";
|
|
7
7
|
label?: string;
|
|
8
8
|
labelStyle?: StyleProp<TextStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"DealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,OAAoB,EAClB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAKvC,UAAU,uBAAuB;IAC/B,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4M/C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
3
3
|
import { ProgressBarTextAlign, ProgressBarTextPosition } from "../../ProgressBar/ProgressBar";
|
|
4
4
|
interface DealCardProps {
|
|
5
|
-
backgroundImage:
|
|
5
|
+
backgroundImage: ImageSourcePropType;
|
|
6
6
|
label?: string;
|
|
7
7
|
labelStyle?: StyleProp<TextStyle>;
|
|
8
8
|
labelContainerStyle?: StyleProp<ViewStyle>;
|
package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAEV,MAAM,cAAc,CAAC;AAMtB,OAAoB,EAClB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,aAAa;IACrB,eAAe,EAAE,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC;CACrC;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2NxD,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
|
|
3
3
|
interface SimpleTrendingCardProps {
|
|
4
|
-
backgroundImage:
|
|
4
|
+
backgroundImage: ImageSourcePropType;
|
|
5
5
|
icon?: React.ReactNode;
|
|
6
6
|
iconPosition?: "left" | "right";
|
|
7
7
|
onPress?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleTrendingCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SimpleTrendingCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SimpleTrendingCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SimpleTrendingCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzE,UAAU,uBAAuB;IAC/B,eAAe,EAAE,mBAAmB,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AACD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle, TextStyle, ImageStyle,
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle, ImageStyle, ImageSourcePropType } from 'react-native';
|
|
3
3
|
export interface CardProps {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
style?: StyleProp<ViewStyle>;
|
|
@@ -20,7 +20,7 @@ export interface CardProps {
|
|
|
20
20
|
vertical?: number;
|
|
21
21
|
};
|
|
22
22
|
backgroundImage?: {
|
|
23
|
-
source:
|
|
23
|
+
source: ImageSourcePropType;
|
|
24
24
|
resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
|
|
25
25
|
blurRadius?: number;
|
|
26
26
|
opacity?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { TextStyle, ViewStyle,
|
|
2
|
+
import { TextStyle, ViewStyle, ImageSourcePropType } from "react-native";
|
|
3
3
|
type SortOption = {
|
|
4
4
|
name: string;
|
|
5
5
|
value: string;
|
|
@@ -8,7 +8,7 @@ type SortOption = {
|
|
|
8
8
|
type Brand = {
|
|
9
9
|
id: string;
|
|
10
10
|
name: string;
|
|
11
|
-
logo:
|
|
11
|
+
logo: ImageSourcePropType;
|
|
12
12
|
};
|
|
13
13
|
export type FilterResult = {
|
|
14
14
|
sort: SortOption[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAKL,SAAS,EACT,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
TouchableOpacity,
|
|
6
6
|
ViewStyle,
|
|
7
7
|
TextStyle,
|
|
8
|
-
|
|
8
|
+
ImageSourcePropType,
|
|
9
9
|
DimensionValue,
|
|
10
10
|
View,
|
|
11
11
|
} from "react-native";
|
|
@@ -13,7 +13,7 @@ import { Card, CardFooter } from "../Card";
|
|
|
13
13
|
import { useTheme, ThemeType } from "../../theme";
|
|
14
14
|
|
|
15
15
|
export interface BannerProps {
|
|
16
|
-
backgroundImage:
|
|
16
|
+
backgroundImage: ImageSourcePropType;
|
|
17
17
|
buttonText?: string;
|
|
18
18
|
onButtonPress?: () => void;
|
|
19
19
|
onBannerPress?: () => void;
|
|
@@ -8,14 +8,14 @@ import {
|
|
|
8
8
|
TextStyle,
|
|
9
9
|
ImageStyle,
|
|
10
10
|
TouchableOpacity,
|
|
11
|
-
|
|
11
|
+
ImageSourcePropType,
|
|
12
12
|
} from "react-native";
|
|
13
13
|
import { Card, CardContent } from "../Card";
|
|
14
14
|
import { useTheme, ThemeType } from "../../theme"; // Import ThemeType
|
|
15
15
|
|
|
16
16
|
interface BannerWithDetailsProps {
|
|
17
|
-
backgroundImage:
|
|
18
|
-
logoImage:
|
|
17
|
+
backgroundImage: ImageSourcePropType;
|
|
18
|
+
logoImage: ImageSourcePropType;
|
|
19
19
|
detailText: string;
|
|
20
20
|
onPress?: () => void;
|
|
21
21
|
containerStyle?: ViewStyle;
|
|
@@ -32,7 +32,7 @@ const MyComponent = () => {
|
|
|
32
32
|
|
|
33
33
|
| Prop | Type | Default | Description |
|
|
34
34
|
|------|------|---------|-------------|
|
|
35
|
-
| `backgroundImage` | `
|
|
35
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the banner |
|
|
36
36
|
| `buttonText` | `string` | `"Redeem"` | Text to display on the action button |
|
|
37
37
|
| `onButtonPress` | `() => void` | `undefined` | Function to execute when the button is pressed |
|
|
38
38
|
| `onBannerPress` | `() => void` | `undefined` | Function to execute when the banner (outside the button) is pressed |
|
|
@@ -83,8 +83,8 @@ const MyComponent = () => {
|
|
|
83
83
|
|
|
84
84
|
| Prop | Type | Default | Description |
|
|
85
85
|
|------|------|---------|-------------|
|
|
86
|
-
| `backgroundImage` | `
|
|
87
|
-
| `logoImage` | `
|
|
86
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image for the banner |
|
|
87
|
+
| `logoImage` | `ImageSourcePropType` | Required | The logo image to display in the centered card |
|
|
88
88
|
| `detailText` | `string` | Required | Text description to display in the details card |
|
|
89
89
|
| `onPress` | `() => void` | `undefined` | Function to execute when the banner is pressed |
|
|
90
90
|
| `containerStyle` | `ViewStyle` | `undefined` | Additional styles for the main container |
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import {
|
|
3
|
-
|
|
3
|
+
ImageSourcePropType,
|
|
4
4
|
StyleProp,
|
|
5
5
|
ViewStyle,
|
|
6
6
|
View,
|
|
@@ -20,7 +20,7 @@ import CardFooter from "../CardFooter";
|
|
|
20
20
|
import LockOverlay from "../../LockOverlay/LockOverlay";
|
|
21
21
|
|
|
22
22
|
interface HorizontalDealCardProps {
|
|
23
|
-
imageSource:
|
|
23
|
+
imageSource: ImageSourcePropType;
|
|
24
24
|
variant?: "vertical" | "horizontal";
|
|
25
25
|
label?: string;
|
|
26
26
|
labelStyle?: StyleProp<TextStyle>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
2
|
import {
|
|
3
|
-
|
|
3
|
+
ImageSourcePropType,
|
|
4
4
|
StyleProp,
|
|
5
5
|
ViewStyle,
|
|
6
6
|
View,
|
|
@@ -20,7 +20,7 @@ import ProgressBar, {
|
|
|
20
20
|
import LockOverlay from "../../LockOverlay/LockOverlay";
|
|
21
21
|
|
|
22
22
|
interface DealCardProps {
|
|
23
|
-
backgroundImage:
|
|
23
|
+
backgroundImage: ImageSourcePropType;
|
|
24
24
|
label?: string;
|
|
25
25
|
labelStyle?: StyleProp<TextStyle>;
|
|
26
26
|
labelContainerStyle?: StyleProp<ViewStyle>;
|
|
@@ -40,7 +40,7 @@ const MyComponent = () => {
|
|
|
40
40
|
|
|
41
41
|
| Prop | Type | Default | Description |
|
|
42
42
|
|------|------|---------|-------------|
|
|
43
|
-
| `backgroundImage` | `
|
|
43
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
|
|
44
44
|
| `icon` | `React.ReactNode` | `undefined` | Optional icon to display in the card header |
|
|
45
45
|
| `iconPosition` | `"left" \| "right"` | `"left"` | Position of the icon in the header |
|
|
46
46
|
| `shadowEffect` | `true \| false` | `true` | Shadow Effect displayed or not |
|
|
@@ -107,7 +107,7 @@ const MyComponent = () => {
|
|
|
107
107
|
|
|
108
108
|
| Prop | Type | Default | Description |
|
|
109
109
|
|------|------|---------|-------------|
|
|
110
|
-
| `backgroundImage` | `
|
|
110
|
+
| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
|
|
111
111
|
| `label` | `string` | `undefined` | Optional label text to display in the upper left corner |
|
|
112
112
|
| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
|
|
113
113
|
| `labelContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Custom styles for the label container |
|
|
@@ -193,7 +193,7 @@ const MyComponent = () => {
|
|
|
193
193
|
|
|
194
194
|
| Prop | Type | Default | Description |
|
|
195
195
|
|------|------|---------|-------------|
|
|
196
|
-
| `imageSource` | `
|
|
196
|
+
| `imageSource` | `ImageSourcePropType` | Required | The image to display in the card |
|
|
197
197
|
| `variant` | `"vertical" \| "horizontal"` | `"horizontal"` | Layout orientation of the card |
|
|
198
198
|
| `label` | `string` | `undefined` | Optional label text to display |
|
|
199
199
|
| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
|
|
3
3
|
import Card from "../Card";
|
|
4
4
|
import CardHeader from "../CardHeader";
|
|
5
5
|
import { LinearGradient } from "expo-linear-gradient";
|
|
6
6
|
|
|
7
7
|
interface SimpleTrendingCardProps {
|
|
8
|
-
backgroundImage:
|
|
8
|
+
backgroundImage: ImageSourcePropType;
|
|
9
9
|
icon?: React.ReactNode;
|
|
10
10
|
iconPosition?: "left" | "right";
|
|
11
11
|
onPress?: () => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Card/types.ts
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { StyleProp, ViewStyle, TextStyle, ImageStyle,
|
|
3
|
+
import { StyleProp, ViewStyle, TextStyle, ImageStyle, ImageSourcePropType } from 'react-native';
|
|
4
4
|
|
|
5
5
|
export interface CardProps {
|
|
6
6
|
children?: ReactNode;
|
|
@@ -16,7 +16,7 @@ export interface CardProps {
|
|
|
16
16
|
margin?: number | { horizontal?: number; vertical?: number };
|
|
17
17
|
padding?: number | { horizontal?: number; vertical?: number };
|
|
18
18
|
backgroundImage?: {
|
|
19
|
-
source:
|
|
19
|
+
source: ImageSourcePropType;
|
|
20
20
|
resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
|
|
21
21
|
blurRadius?: number;
|
|
22
22
|
opacity?: number;
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
TouchableOpacity,
|
|
7
7
|
TextStyle,
|
|
8
8
|
ViewStyle,
|
|
9
|
-
|
|
9
|
+
ImageSourcePropType,
|
|
10
10
|
I18nManager,
|
|
11
11
|
TouchableWithoutFeedback,
|
|
12
12
|
} from "react-native";
|
|
@@ -26,7 +26,7 @@ type SortOption = {
|
|
|
26
26
|
type Brand = {
|
|
27
27
|
id: string;
|
|
28
28
|
name: string;
|
|
29
|
-
logo:
|
|
29
|
+
logo: ImageSourcePropType;
|
|
30
30
|
};
|
|
31
31
|
export type FilterResult = {
|
|
32
32
|
sort: SortOption[];
|
|
@@ -68,7 +68,7 @@ export default MyComponent;
|
|
|
68
68
|
|------|------|---------|-------------|
|
|
69
69
|
| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the container |
|
|
70
70
|
| `children` | `React.ReactNode` | Required | Content to reveal underneath the scratch layer |
|
|
71
|
-
| `image` | `
|
|
71
|
+
| `image` | `ImageSourcePropType` | `null` | Image to use as the scratch layer |
|
|
72
72
|
| `width` | `number` | `300` | Width of the scratch card |
|
|
73
73
|
| `height` | `number` | `300` | Height of the scratch card |
|
|
74
74
|
| `onScratched` | `() => void` | `undefined` | Function to call when scratch threshold is reached |
|
|
@@ -86,7 +86,7 @@ export default MyComponent;
|
|
|
86
86
|
|------|------|---------|-------------|
|
|
87
87
|
| `backgroundColor` | `string` | `"#CCCCCC"` | Background color of the scratch layer (used if no image is provided) |
|
|
88
88
|
| `text` | `string` | `""` | Optional text to display on the scratch layer |
|
|
89
|
-
| `textFont` | `
|
|
89
|
+
| `textFont` | `ImageSourcePropType` | `undefined` (required if text is present) | Font for the scratch layer text |
|
|
90
90
|
| `textFontColor` | `string` | `"#CCCCCC"` | Color for the scratch layer text |
|
|
91
91
|
| `textFontSize` | `number` | `16` | Font size for the scratch layer text |
|
|
92
92
|
|