@masumdev/rn-ui 0.1.3 → 0.1.4
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/Skeleton.js +15 -16
- package/lib/commonjs/components/Skeleton.js.map +1 -1
- package/lib/module/components/Skeleton.js +15 -16
- package/lib/module/components/Skeleton.js.map +1 -1
- package/lib/typescript/commonjs/components/Skeleton.d.ts.map +1 -1
- package/lib/typescript/module/components/Skeleton.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -23,11 +23,9 @@ function Skeleton({
|
|
|
23
23
|
colors,
|
|
24
24
|
radii
|
|
25
25
|
} = (0, _index.useTheme)();
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
});
|
|
30
|
-
const opacity = (0, _reactNativeReanimated.useSharedValue)(0.6);
|
|
26
|
+
const widthSV = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
27
|
+
const heightSV = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
28
|
+
const opacity = (0, _reactNativeReanimated.useSharedValue)(0.65);
|
|
31
29
|
const translateProgress = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
32
30
|
_react.default.useEffect(() => {
|
|
33
31
|
if (!animated) {
|
|
@@ -44,7 +42,7 @@ function Skeleton({
|
|
|
44
42
|
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
45
43
|
}), -1, true);
|
|
46
44
|
|
|
47
|
-
// Continuous -1 to 1 loop on UI thread
|
|
45
|
+
// Continuous -1 to 1 loop on UI thread
|
|
48
46
|
const startProgress = direction === "top-right-to-bottom-left" ? 1 : -1;
|
|
49
47
|
const endProgress = direction === "top-right-to-bottom-left" ? -1 : 1;
|
|
50
48
|
translateProgress.value = startProgress;
|
|
@@ -56,17 +54,15 @@ function Skeleton({
|
|
|
56
54
|
(0, _reactNativeReanimated.cancelAnimation)(opacity);
|
|
57
55
|
(0, _reactNativeReanimated.cancelAnimation)(translateProgress);
|
|
58
56
|
};
|
|
59
|
-
}, [animated, direction
|
|
57
|
+
}, [animated, direction]);
|
|
60
58
|
const handleLayout = e => {
|
|
61
59
|
const {
|
|
62
60
|
width,
|
|
63
61
|
height
|
|
64
62
|
} = e.nativeEvent.layout;
|
|
65
|
-
if (width > 0 && (width !==
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
height
|
|
69
|
-
});
|
|
63
|
+
if (width > 0 && (width !== widthSV.value || height !== heightSV.value)) {
|
|
64
|
+
widthSV.value = width;
|
|
65
|
+
heightSV.value = height;
|
|
70
66
|
}
|
|
71
67
|
onLayout?.(e);
|
|
72
68
|
};
|
|
@@ -74,19 +70,22 @@ function Skeleton({
|
|
|
74
70
|
opacity: opacity.value
|
|
75
71
|
}));
|
|
76
72
|
const shimmerAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
77
|
-
const w =
|
|
78
|
-
const h =
|
|
73
|
+
const w = widthSV.value || 200;
|
|
74
|
+
const h = heightSV.value || 100;
|
|
79
75
|
const sweepDistance = (w + h) * 1.5;
|
|
80
76
|
const currentTranslate = translateProgress.value * sweepDistance;
|
|
77
|
+
const shimmerWidth = Math.max(40, Math.min(w * 0.3, 100));
|
|
81
78
|
switch (direction) {
|
|
82
79
|
case "top-to-bottom":
|
|
83
80
|
return {
|
|
81
|
+
width: shimmerWidth,
|
|
84
82
|
transform: [{
|
|
85
83
|
translateY: currentTranslate
|
|
86
84
|
}]
|
|
87
85
|
};
|
|
88
86
|
case "top-right-to-bottom-left":
|
|
89
87
|
return {
|
|
88
|
+
width: shimmerWidth,
|
|
90
89
|
transform: [{
|
|
91
90
|
translateX: currentTranslate
|
|
92
91
|
}, {
|
|
@@ -95,6 +94,7 @@ function Skeleton({
|
|
|
95
94
|
};
|
|
96
95
|
case "left-to-right":
|
|
97
96
|
return {
|
|
97
|
+
width: shimmerWidth,
|
|
98
98
|
transform: [{
|
|
99
99
|
translateX: currentTranslate
|
|
100
100
|
}]
|
|
@@ -102,6 +102,7 @@ function Skeleton({
|
|
|
102
102
|
case "top-left-to-bottom-right":
|
|
103
103
|
default:
|
|
104
104
|
return {
|
|
105
|
+
width: shimmerWidth,
|
|
105
106
|
transform: [{
|
|
106
107
|
translateX: currentTranslate
|
|
107
108
|
}, {
|
|
@@ -110,7 +111,6 @@ function Skeleton({
|
|
|
110
111
|
};
|
|
111
112
|
}
|
|
112
113
|
});
|
|
113
|
-
const shimmerWidth = Math.max(40, Math.min((layout.width || 200) * 0.3, 100));
|
|
114
114
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
115
115
|
style: [{
|
|
116
116
|
backgroundColor: colors.backgroundSubtle,
|
|
@@ -124,7 +124,6 @@ function Skeleton({
|
|
|
124
124
|
style: [_reactNative.StyleSheet.absoluteFill, {
|
|
125
125
|
top: -60,
|
|
126
126
|
bottom: -60,
|
|
127
|
-
width: shimmerWidth,
|
|
128
127
|
backgroundColor: colors.surface,
|
|
129
128
|
opacity: 0.25
|
|
130
129
|
}, shimmerAnimatedStyle]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Skeleton","animated","radius","direction","style","onLayout","props","colors","radii","useTheme","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Skeleton","animated","radius","direction","style","onLayout","props","colors","radii","useTheme","widthSV","useSharedValue","heightSV","opacity","translateProgress","React","useEffect","cancelAnimation","value","withRepeat","withTiming","duration","easing","Easing","inOut","ease","startProgress","endProgress","linear","handleLayout","width","height","nativeEvent","layout","containerAnimatedStyle","useAnimatedStyle","shimmerAnimatedStyle","w","h","sweepDistance","currentTranslate","shimmerWidth","Math","max","min","transform","translateY","translateX","rotate","jsx","View","backgroundColor","backgroundSubtle","borderRadius","overflow","position","children","StyleSheet","absoluteFill","top","bottom","surface"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -17,11 +17,9 @@ export function Skeleton({
|
|
|
17
17
|
colors,
|
|
18
18
|
radii
|
|
19
19
|
} = useTheme();
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
});
|
|
24
|
-
const opacity = useSharedValue(0.6);
|
|
20
|
+
const widthSV = useSharedValue(0);
|
|
21
|
+
const heightSV = useSharedValue(0);
|
|
22
|
+
const opacity = useSharedValue(0.65);
|
|
25
23
|
const translateProgress = useSharedValue(-1);
|
|
26
24
|
React.useEffect(() => {
|
|
27
25
|
if (!animated) {
|
|
@@ -38,7 +36,7 @@ export function Skeleton({
|
|
|
38
36
|
easing: Easing.inOut(Easing.ease)
|
|
39
37
|
}), -1, true);
|
|
40
38
|
|
|
41
|
-
// Continuous -1 to 1 loop on UI thread
|
|
39
|
+
// Continuous -1 to 1 loop on UI thread
|
|
42
40
|
const startProgress = direction === "top-right-to-bottom-left" ? 1 : -1;
|
|
43
41
|
const endProgress = direction === "top-right-to-bottom-left" ? -1 : 1;
|
|
44
42
|
translateProgress.value = startProgress;
|
|
@@ -50,17 +48,15 @@ export function Skeleton({
|
|
|
50
48
|
cancelAnimation(opacity);
|
|
51
49
|
cancelAnimation(translateProgress);
|
|
52
50
|
};
|
|
53
|
-
}, [animated, direction
|
|
51
|
+
}, [animated, direction]);
|
|
54
52
|
const handleLayout = e => {
|
|
55
53
|
const {
|
|
56
54
|
width,
|
|
57
55
|
height
|
|
58
56
|
} = e.nativeEvent.layout;
|
|
59
|
-
if (width > 0 && (width !==
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
height
|
|
63
|
-
});
|
|
57
|
+
if (width > 0 && (width !== widthSV.value || height !== heightSV.value)) {
|
|
58
|
+
widthSV.value = width;
|
|
59
|
+
heightSV.value = height;
|
|
64
60
|
}
|
|
65
61
|
onLayout?.(e);
|
|
66
62
|
};
|
|
@@ -68,19 +64,22 @@ export function Skeleton({
|
|
|
68
64
|
opacity: opacity.value
|
|
69
65
|
}));
|
|
70
66
|
const shimmerAnimatedStyle = useAnimatedStyle(() => {
|
|
71
|
-
const w =
|
|
72
|
-
const h =
|
|
67
|
+
const w = widthSV.value || 200;
|
|
68
|
+
const h = heightSV.value || 100;
|
|
73
69
|
const sweepDistance = (w + h) * 1.5;
|
|
74
70
|
const currentTranslate = translateProgress.value * sweepDistance;
|
|
71
|
+
const shimmerWidth = Math.max(40, Math.min(w * 0.3, 100));
|
|
75
72
|
switch (direction) {
|
|
76
73
|
case "top-to-bottom":
|
|
77
74
|
return {
|
|
75
|
+
width: shimmerWidth,
|
|
78
76
|
transform: [{
|
|
79
77
|
translateY: currentTranslate
|
|
80
78
|
}]
|
|
81
79
|
};
|
|
82
80
|
case "top-right-to-bottom-left":
|
|
83
81
|
return {
|
|
82
|
+
width: shimmerWidth,
|
|
84
83
|
transform: [{
|
|
85
84
|
translateX: currentTranslate
|
|
86
85
|
}, {
|
|
@@ -89,6 +88,7 @@ export function Skeleton({
|
|
|
89
88
|
};
|
|
90
89
|
case "left-to-right":
|
|
91
90
|
return {
|
|
91
|
+
width: shimmerWidth,
|
|
92
92
|
transform: [{
|
|
93
93
|
translateX: currentTranslate
|
|
94
94
|
}]
|
|
@@ -96,6 +96,7 @@ export function Skeleton({
|
|
|
96
96
|
case "top-left-to-bottom-right":
|
|
97
97
|
default:
|
|
98
98
|
return {
|
|
99
|
+
width: shimmerWidth,
|
|
99
100
|
transform: [{
|
|
100
101
|
translateX: currentTranslate
|
|
101
102
|
}, {
|
|
@@ -104,7 +105,6 @@ export function Skeleton({
|
|
|
104
105
|
};
|
|
105
106
|
}
|
|
106
107
|
});
|
|
107
|
-
const shimmerWidth = Math.max(40, Math.min((layout.width || 200) * 0.3, 100));
|
|
108
108
|
return /*#__PURE__*/_jsx(Animated.View, {
|
|
109
109
|
style: [{
|
|
110
110
|
backgroundColor: colors.backgroundSubtle,
|
|
@@ -118,7 +118,6 @@ export function Skeleton({
|
|
|
118
118
|
style: [StyleSheet.absoluteFill, {
|
|
119
119
|
top: -60,
|
|
120
120
|
bottom: -60,
|
|
121
|
-
width: shimmerWidth,
|
|
122
121
|
backgroundColor: colors.surface,
|
|
123
122
|
opacity: 0.25
|
|
124
123
|
}, shimmerAnimatedStyle]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Animated","cancelAnimation","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useTheme","jsx","_jsx","Skeleton","animated","radius","direction","style","onLayout","props","colors","radii","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Animated","cancelAnimation","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useTheme","jsx","_jsx","Skeleton","animated","radius","direction","style","onLayout","props","colors","radii","widthSV","heightSV","opacity","translateProgress","useEffect","value","duration","easing","inOut","ease","startProgress","endProgress","linear","handleLayout","e","width","height","nativeEvent","layout","containerAnimatedStyle","shimmerAnimatedStyle","w","h","sweepDistance","currentTranslate","shimmerWidth","Math","max","min","transform","translateY","translateX","rotate","View","backgroundColor","backgroundSubtle","borderRadius","overflow","position","children","absoluteFill","top","bottom","surface"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,MAAM,wBAAwB,GAChC,0BAA0B,GAC1B,eAAe,GACf,eAAe,GACf,0BAA0B,CAAC;AAE/B,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,SAAsC,EACtC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,MAAM,wBAAwB,GAChC,0BAA0B,GAC1B,eAAe,GACf,eAAe,GACf,0BAA0B,CAAC;AAE/B,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,SAAsC,EACtC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBAwHf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAU,CAAC;AAEpC,MAAM,MAAM,wBAAwB,GAChC,0BAA0B,GAC1B,eAAe,GACf,eAAe,GACf,0BAA0B,CAAC;AAE/B,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,SAAsC,EACtC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAU,CAAC;AAEpC,MAAM,MAAM,wBAAwB,GAChC,0BAA0B,GAC1B,eAAe,GACf,eAAe,GACf,0BAA0B,CAAC;AAE/B,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,SAAsC,EACtC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBAwHf"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@masumdev/rn-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "A reusable React Native UI kit with typed theme tokens, light/dark mode, and composable core components.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|