related-ui-components 1.2.9 → 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/app.js +24 -16
- package/lib/commonjs/app.js.map +1 -1
- 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/app.js +27 -19
- package/lib/module/app.js.map +1 -1
- 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/app.d.ts.map +1 -1
- 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/app.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 +3 -3
- package/src/app.tsx +24 -25
- 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
package/lib/commonjs/app.js
CHANGED
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _vectorIcons = require("@expo/vector-icons");
|
|
10
10
|
var _index = require("./theme/index.js");
|
|
11
11
|
var _index2 = require("./components/index.js");
|
|
12
|
-
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
13
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -105,23 +104,32 @@ function App() {
|
|
|
105
104
|
text: "Online shopping"
|
|
106
105
|
}));
|
|
107
106
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RelatedProvider, {
|
|
108
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
109
|
-
|
|
110
|
-
|
|
107
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ScratchCard, {
|
|
108
|
+
backgroundColor: "#8A2BE2",
|
|
109
|
+
text: "Scratch to reveal your prize!",
|
|
110
|
+
textFontColor: "#FFFFFF",
|
|
111
|
+
textFontSize: 18,
|
|
112
|
+
width: 300,
|
|
113
|
+
height: 150,
|
|
114
|
+
onScratched: () => alert("Congratulations! You won a prize!"),
|
|
115
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.ScratchCardContent, {
|
|
111
116
|
style: {
|
|
112
|
-
|
|
113
|
-
flexWrap: "wrap",
|
|
114
|
-
justifyContent: "flex-start",
|
|
115
|
-
gap: 12
|
|
117
|
+
backgroundColor: "#FFD700"
|
|
116
118
|
},
|
|
117
|
-
children:
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
},
|
|
119
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
120
|
+
style: {
|
|
121
|
+
fontSize: 24,
|
|
122
|
+
fontWeight: "bold",
|
|
123
|
+
color: "#000"
|
|
124
|
+
},
|
|
125
|
+
children: "50% OFF COUPON"
|
|
126
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
127
|
+
style: {
|
|
128
|
+
marginTop: 8,
|
|
129
|
+
color: "#333"
|
|
130
|
+
},
|
|
131
|
+
children: "Use code: SCRATCH50"
|
|
132
|
+
})]
|
|
125
133
|
})
|
|
126
134
|
})
|
|
127
135
|
});
|
package/lib/commonjs/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_index","_index2","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_index","_index2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","App","theme","useTheme","filtersVisible","setFiltersVisible","useState","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","jsx","Ionicons","size","color","key","orientation","width","redemptionOptions","map","item","text","RelatedProvider","children","ScratchCard","backgroundColor","textFontColor","textFontSize","height","onScratched","alert","jsxs","ScratchCardContent","style","Text","fontSize","fontWeight","marginTop","styles","StyleSheet","create","container","flex","padding","testButton","paddingVertical","paddingHorizontal","borderRadius","marginBottom","buttonText","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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
|
|
package/lib/module/app.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { StyleSheet, Text } from "react-native";
|
|
5
5
|
import { Ionicons } from "@expo/vector-icons";
|
|
6
6
|
import { RelatedProvider, useTheme } from "./theme/index.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
import { ScratchCard, ScratchCardContent } from "./components/index.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
9
|
export default function App() {
|
|
11
10
|
const {
|
|
12
11
|
theme
|
|
@@ -99,23 +98,32 @@ export default function App() {
|
|
|
99
98
|
text: "Online shopping"
|
|
100
99
|
}));
|
|
101
100
|
return /*#__PURE__*/_jsx(RelatedProvider, {
|
|
102
|
-
children: /*#__PURE__*/_jsx(
|
|
103
|
-
|
|
104
|
-
|
|
101
|
+
children: /*#__PURE__*/_jsx(ScratchCard, {
|
|
102
|
+
backgroundColor: "#8A2BE2",
|
|
103
|
+
text: "Scratch to reveal your prize!",
|
|
104
|
+
textFontColor: "#FFFFFF",
|
|
105
|
+
textFontSize: 18,
|
|
106
|
+
width: 300,
|
|
107
|
+
height: 150,
|
|
108
|
+
onScratched: () => alert("Congratulations! You won a prize!"),
|
|
109
|
+
children: /*#__PURE__*/_jsxs(ScratchCardContent, {
|
|
105
110
|
style: {
|
|
106
|
-
|
|
107
|
-
flexWrap: "wrap",
|
|
108
|
-
justifyContent: "flex-start",
|
|
109
|
-
gap: 12
|
|
111
|
+
backgroundColor: "#FFD700"
|
|
110
112
|
},
|
|
111
|
-
children:
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
},
|
|
113
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
114
|
+
style: {
|
|
115
|
+
fontSize: 24,
|
|
116
|
+
fontWeight: "bold",
|
|
117
|
+
color: "#000"
|
|
118
|
+
},
|
|
119
|
+
children: "50% OFF COUPON"
|
|
120
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
121
|
+
style: {
|
|
122
|
+
marginTop: 8,
|
|
123
|
+
color: "#333"
|
|
124
|
+
},
|
|
125
|
+
children: "Use code: SCRATCH50"
|
|
126
|
+
})]
|
|
119
127
|
})
|
|
120
128
|
})
|
|
121
129
|
});
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","
|
|
1
|
+
{"version":3,"names":["React","useState","StyleSheet","Text","Ionicons","RelatedProvider","useTheme","ScratchCard","ScratchCardContent","jsx","_jsx","jsxs","_jsxs","App","theme","filtersVisible","setFiltersVisible","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","size","color","key","orientation","width","redemptionOptions","map","item","text","children","backgroundColor","textFontColor","textFontSize","height","onScratched","alert","style","fontSize","fontWeight","marginTop","styles","create","container","flex","padding","testButton","paddingVertical","paddingHorizontal","borderRadius","marginBottom","buttonText","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,MAAM,CAAC,OAAO,UAAU,GAAG,sBA4F1B"}
|
|
@@ -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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,MAAM,CAAC,OAAO,UAAU,GAAG,sBA4F1B"}
|
|
@@ -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
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "related-ui-components",
|
|
3
3
|
"main": "./src/index.ts",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.3.1",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "expo start",
|
|
7
7
|
"reset-project": "node ./scripts/reset-project.js",
|
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
"@gorhom/bottom-sheet": "^5.1.2",
|
|
25
25
|
"@ptomasroos/react-native-multi-slider": "^2.2.2",
|
|
26
26
|
"@react-navigation/native": "^7.0.14",
|
|
27
|
-
"@shopify/react-native-skia": "^1.12.3",
|
|
28
27
|
"expo": "^52.0.42",
|
|
29
28
|
"expo-checkbox": "^4.0.1",
|
|
30
29
|
"expo-constants": "~17.0.7",
|
|
@@ -42,7 +41,8 @@
|
|
|
42
41
|
"react-native-screens": "~4.4.0",
|
|
43
42
|
"react-native-svg": "15.8.0",
|
|
44
43
|
"react-native-web": "~0.19.13",
|
|
45
|
-
"react-native-webview": "13.12.5"
|
|
44
|
+
"react-native-webview": "13.12.5",
|
|
45
|
+
"@shopify/react-native-skia": "1.5.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@babel/core": "^7.25.2",
|
package/src/app.tsx
CHANGED
|
@@ -2,7 +2,12 @@ import React, { useState } from "react";
|
|
|
2
2
|
import { View, StyleSheet, Text, TouchableOpacity } from "react-native";
|
|
3
3
|
import { Ionicons } from "@expo/vector-icons";
|
|
4
4
|
import { RelatedProvider, useTheme } from "./theme";
|
|
5
|
-
import {
|
|
5
|
+
import {
|
|
6
|
+
Filters,
|
|
7
|
+
RedemptionOption,
|
|
8
|
+
ScratchCard,
|
|
9
|
+
ScratchCardContent,
|
|
10
|
+
} from "./components";
|
|
6
11
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
7
12
|
|
|
8
13
|
export default function App() {
|
|
@@ -77,30 +82,24 @@ export default function App() {
|
|
|
77
82
|
|
|
78
83
|
return (
|
|
79
84
|
<RelatedProvider>
|
|
80
|
-
<
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
text={item.text}
|
|
99
|
-
onPress={() => console.log(`Option pressed: ${item.text}`)}
|
|
100
|
-
/>
|
|
101
|
-
))}
|
|
102
|
-
</View>
|
|
103
|
-
</SafeAreaView>
|
|
85
|
+
<ScratchCard
|
|
86
|
+
backgroundColor="#8A2BE2"
|
|
87
|
+
text="Scratch to reveal your prize!"
|
|
88
|
+
textFontColor="#FFFFFF"
|
|
89
|
+
textFontSize={18}
|
|
90
|
+
width={300}
|
|
91
|
+
height={150}
|
|
92
|
+
onScratched={() => alert("Congratulations! You won a prize!")}
|
|
93
|
+
>
|
|
94
|
+
<ScratchCardContent style={{ backgroundColor: "#FFD700" }}>
|
|
95
|
+
<Text style={{ fontSize: 24, fontWeight: "bold", color: "#000" }}>
|
|
96
|
+
50% OFF COUPON
|
|
97
|
+
</Text>
|
|
98
|
+
<Text style={{ marginTop: 8, color: "#333" }}>
|
|
99
|
+
Use code: SCRATCH50
|
|
100
|
+
</Text>
|
|
101
|
+
</ScratchCardContent>
|
|
102
|
+
</ScratchCard>
|
|
104
103
|
</RelatedProvider>
|
|
105
104
|
);
|
|
106
105
|
}
|
|
@@ -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
|
|