related-ui-components 1.2.9 → 1.3.0
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/module/app.js +27 -19
- package/lib/module/app.js.map +1 -1
- package/lib/typescript/commonjs/app.d.ts.map +1 -1
- package/lib/typescript/module/app.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/app.tsx +24 -25
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":[]}
|
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":[]}
|
|
@@ -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 +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"}
|
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.0",
|
|
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
|
}
|