related-ui-components 3.1.4 → 3.1.5
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.
|
@@ -103,8 +103,6 @@ const ScratchCard = ({
|
|
|
103
103
|
return null;
|
|
104
104
|
}, [loadedFont, text, areaWidth, areaHeight]);
|
|
105
105
|
const canRenderCanvas = isLayoutReady && areaWidth > 0 && areaHeight > 0;
|
|
106
|
-
|
|
107
|
-
// Render the scratch layer content
|
|
108
106
|
const renderScratchContent = () => {
|
|
109
107
|
return /*#__PURE__*/_jsxs(Group, {
|
|
110
108
|
children: [gradient ? /*#__PURE__*/_jsx(Rect, {
|
|
@@ -156,7 +154,10 @@ const ScratchCard = ({
|
|
|
156
154
|
width,
|
|
157
155
|
height
|
|
158
156
|
}],
|
|
159
|
-
children: [
|
|
157
|
+
children: [canRenderCanvas && /*#__PURE__*/_jsx(View, {
|
|
158
|
+
style: styles.content,
|
|
159
|
+
children: children
|
|
160
|
+
}), !isScratched && canRenderCanvas && /*#__PURE__*/_jsx(GestureDetector, {
|
|
160
161
|
gesture: pan,
|
|
161
162
|
children: /*#__PURE__*/_jsx(Canvas, {
|
|
162
163
|
style: styles.canvas,
|
|
@@ -181,9 +182,6 @@ const ScratchCard = ({
|
|
|
181
182
|
children: renderScratchContent()
|
|
182
183
|
})
|
|
183
184
|
})
|
|
184
|
-
}), canRenderCanvas && /*#__PURE__*/_jsx(View, {
|
|
185
|
-
style: styles.content,
|
|
186
|
-
children: children
|
|
187
185
|
})]
|
|
188
186
|
})
|
|
189
187
|
});
|
|
@@ -207,7 +205,7 @@ const styles = StyleSheet.create({
|
|
|
207
205
|
left: 0,
|
|
208
206
|
width: "100%",
|
|
209
207
|
height: "100%",
|
|
210
|
-
zIndex:
|
|
208
|
+
zIndex: 999 // Increased z-index to ensure it's on top
|
|
211
209
|
}
|
|
212
210
|
});
|
|
213
211
|
export default ScratchCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","useCallback","Canvas","Group","Image","Mask","Path","Rect","Skia","useImage","Text","useFont","notifyChange","LinearGradient","View","StyleSheet","runOnJS","useSharedValue","Gesture","GestureDetector","GestureHandlerRootView","jsx","_jsx","jsxs","_jsxs","ScratchCard","style","children","image","brushStrokeWidth","revealThreshold","width","height","backgroundColor","text","textFont","textFontColor","textFontSize","onScratched","gradient","loadedImg","loadedFont","areaWidth","areaHeight","setSize","isScratched","setScratched","isLayoutReady","setLayoutReady","isThresholdReached","path","Make","value","handleLayout","event","newWidth","newHeight","nativeEvent","layout","revealCardOnJS","pan","Pan","averageTouches","maxPointers","onBegin","e","newPath","copy","moveTo","x","y","lineTo","error","console","onChange","bounds","getBounds","scratchedArea","totalArea","textMetrics","useMemo","metrics","measureText","textX","textY","canRenderCanvas","renderScratchContent","start","end","colors","color","fit","font","justifyContent","alignContent","onLayout","styles","container","gesture","canvas","mode","mask","strokeJoin","strokeCap","strokeWidth","
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useCallback","Canvas","Group","Image","Mask","Path","Rect","Skia","useImage","Text","useFont","notifyChange","LinearGradient","View","StyleSheet","runOnJS","useSharedValue","Gesture","GestureDetector","GestureHandlerRootView","jsx","_jsx","jsxs","_jsxs","ScratchCard","style","children","image","brushStrokeWidth","revealThreshold","width","height","backgroundColor","text","textFont","textFontColor","textFontSize","onScratched","gradient","loadedImg","loadedFont","areaWidth","areaHeight","setSize","isScratched","setScratched","isLayoutReady","setLayoutReady","isThresholdReached","path","Make","value","handleLayout","event","newWidth","newHeight","nativeEvent","layout","revealCardOnJS","pan","Pan","averageTouches","maxPointers","onBegin","e","newPath","copy","moveTo","x","y","lineTo","error","console","onChange","bounds","getBounds","scratchedArea","totalArea","textMetrics","useMemo","metrics","measureText","textX","textY","canRenderCanvas","renderScratchContent","start","end","colors","color","fit","font","justifyContent","alignContent","onLayout","styles","container","content","gesture","canvas","mode","mask","strokeJoin","strokeCap","strokeWidth","create","position","overflow","top","left","zIndex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ScratchCard/ScratchCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScratchCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScratchCard/ScratchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAkBf,OAAO,EACL,SAAS,EAET,SAAS,EAET,kBAAkB,EAEnB,MAAM,cAAc,CAAC;AAQtB,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACjC,GAAG,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ScratchCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScratchCard/ScratchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAkBf,OAAO,EACL,SAAS,EAET,SAAS,EAET,kBAAkB,EAEnB,MAAM,cAAc,CAAC;AAQtB,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACjC,GAAG,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiN3C,CAAC;AAyBF,eAAe,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -173,11 +173,10 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
|
|
|
173
173
|
|
|
174
174
|
const canRenderCanvas = isLayoutReady && areaWidth > 0 && areaHeight > 0;
|
|
175
175
|
|
|
176
|
-
// Render the scratch layer content
|
|
177
176
|
const renderScratchContent = () => {
|
|
178
177
|
return (
|
|
179
178
|
<Group>
|
|
180
|
-
{/* Background layer
|
|
179
|
+
{/* Background layer */}
|
|
181
180
|
{gradient ? (
|
|
182
181
|
<Rect x={0} y={0} width={areaWidth} height={areaHeight}>
|
|
183
182
|
<LinearGradient
|
|
@@ -196,7 +195,7 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
|
|
|
196
195
|
/>
|
|
197
196
|
)}
|
|
198
197
|
|
|
199
|
-
{/* Image layer
|
|
198
|
+
{/* Image layer */}
|
|
200
199
|
{loadedImg && (
|
|
201
200
|
<Image
|
|
202
201
|
image={loadedImg}
|
|
@@ -208,7 +207,7 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
|
|
|
208
207
|
/>
|
|
209
208
|
)}
|
|
210
209
|
|
|
211
|
-
{/* Text layer
|
|
210
|
+
{/* Text layer */}
|
|
212
211
|
{loadedFont && textMetrics && text && (
|
|
213
212
|
<Text
|
|
214
213
|
x={textMetrics.x}
|
|
@@ -230,6 +229,10 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
|
|
|
230
229
|
onLayout={handleLayout}
|
|
231
230
|
style={[styles.container, style, { width, height }]}
|
|
232
231
|
>
|
|
232
|
+
{/* Prize content - lowest z-index */}
|
|
233
|
+
{canRenderCanvas && <View style={styles.content}>{children}</View>}
|
|
234
|
+
|
|
235
|
+
{/* Scratch overlay - highest z-index */}
|
|
233
236
|
{!isScratched && canRenderCanvas && (
|
|
234
237
|
<GestureDetector gesture={pan}>
|
|
235
238
|
<Canvas style={styles.canvas}>
|
|
@@ -260,8 +263,6 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
|
|
|
260
263
|
</Canvas>
|
|
261
264
|
</GestureDetector>
|
|
262
265
|
)}
|
|
263
|
-
|
|
264
|
-
{canRenderCanvas && <View style={styles.content}>{children}</View>}
|
|
265
266
|
</View>
|
|
266
267
|
</GestureHandlerRootView>
|
|
267
268
|
);
|
|
@@ -286,7 +287,7 @@ const styles = StyleSheet.create({
|
|
|
286
287
|
left: 0,
|
|
287
288
|
width: "100%",
|
|
288
289
|
height: "100%",
|
|
289
|
-
zIndex:
|
|
290
|
+
zIndex: 999, // Increased z-index to ensure it's on top
|
|
290
291
|
},
|
|
291
292
|
});
|
|
292
293
|
|