related-ui-components 3.2.0 → 3.2.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.
|
@@ -39,7 +39,7 @@ const Shimmer = ({
|
|
|
39
39
|
setViewWidth(width);
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
const outputRange = isRTL ? [viewWidth, -shimmerWidth] : [-shimmerWidth, viewWidth];
|
|
42
|
+
const outputRange = isRTL ? [viewWidth, -(viewWidth + shimmerWidth)] : [-(viewWidth + shimmerWidth), viewWidth];
|
|
43
43
|
const translateX = animatedValue.interpolate({
|
|
44
44
|
inputRange: [0, 1],
|
|
45
45
|
outputRange: outputRange
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LinearGradient","React","useEffect","useRef","useState","Animated","Easing","I18nManager","StyleSheet","View","useTheme","jsx","_jsx","jsxs","_jsxs","Shimmer","children","width","height","style","shimmerColor","duration","shimmerWidth","theme","isRTL","viewWidth","setViewWidth","animatedValue","Value","current","animation","loop","timing","toValue","easing","linear","useNativeDriver","start","stop","handleLayout","event","nativeEvent","layout","Math","round","outputRange","translateX","interpolate","inputRange","gradientColors","skeletonShimmer","onLayout","overflow","backgroundColor","skeletonBackgroundColor","absoluteFillObject","transform","zIndex","colors","x","y","end"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Skeleton/Shimmer.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SACEC,QAAQ,EAERC,MAAM,EACNC,WAAW,EAGXC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYvC,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,QAAQ;EACRC,KAAK,GAAG,MAAM;EACdC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAMc,KAAK,GAAGjB,WAAW,CAACiB,KAAK;EAE/B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGtB,QAAQ,CAAS,CAAC,CAAC;EACrD,MAAMuB,aAAa,GAAGxB,MAAM,CAAC,IAAIE,QAAQ,CAACuB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3D3B,SAAS,CAAC,MAAM;IACd,IAAIuB,SAAS,KAAK,CAAC,EAAE;IAErB,MAAMK,SAAS,GAAGzB,QAAQ,CAAC0B,IAAI,CAC7B1B,QAAQ,CAAC2B,MAAM,CAACL,aAAa,EAAE;MAC7BM,OAAO,EAAE,CAAC;MACVZ,QAAQ,EAAEA,QAAQ;MAClBa,MAAM,EAAE5B,MAAM,CAAC6B,MAAM;MACrBC,eAAe,EAAE;IACnB,CAAC,CACH,CAAC;IACDN,SAAS,CAACO,KAAK,CAAC,CAAC;IACjB,OAAO,MAAMP,SAAS,CAACQ,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACX,aAAa,EAAEN,QAAQ,EAAEI,SAAS,CAAC,CAAC;EAExC,MAAMc,YAAY,GAAIC,KAAwB,IAAK;IACjD,MAAM;MAAEvB;IAAM,CAAC,GAAGuB,KAAK,CAACC,WAAW,CAACC,MAAM;IAC1C,IAAIzB,KAAK,GAAG,CAAC,IAAI0B,IAAI,CAACC,KAAK,CAAC3B,KAAK,CAAC,KAAK0B,IAAI,CAACC,KAAK,CAACnB,SAAS,CAAC,EAAE;MAC5DC,YAAY,CAACT,KAAK,CAAC;IACrB;EACF,CAAC;EAED,MAAM4B,WAAW,GAAGrB,KAAK,GACrB,CAACC,SAAS,EAAE,
|
|
1
|
+
{"version":3,"names":["LinearGradient","React","useEffect","useRef","useState","Animated","Easing","I18nManager","StyleSheet","View","useTheme","jsx","_jsx","jsxs","_jsxs","Shimmer","children","width","height","style","shimmerColor","duration","shimmerWidth","theme","isRTL","viewWidth","setViewWidth","animatedValue","Value","current","animation","loop","timing","toValue","easing","linear","useNativeDriver","start","stop","handleLayout","event","nativeEvent","layout","Math","round","outputRange","translateX","interpolate","inputRange","gradientColors","skeletonShimmer","onLayout","overflow","backgroundColor","skeletonBackgroundColor","absoluteFillObject","transform","zIndex","colors","x","y","end"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Skeleton/Shimmer.tsx"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -61,8 +61,8 @@ const Shimmer: React.FC<ShimmerProps> = ({
|
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
const outputRange = isRTL
|
|
64
|
-
? [viewWidth, -shimmerWidth]
|
|
65
|
-
: [-shimmerWidth, viewWidth];
|
|
64
|
+
? [viewWidth, -(viewWidth + shimmerWidth)]
|
|
65
|
+
: [-(viewWidth + shimmerWidth), viewWidth];
|
|
66
66
|
|
|
67
67
|
const translateX = animatedValue.interpolate({
|
|
68
68
|
inputRange: [0, 1],
|
|
@@ -89,7 +89,7 @@ const Shimmer: React.FC<ShimmerProps> = ({
|
|
|
89
89
|
]}
|
|
90
90
|
>
|
|
91
91
|
{children}
|
|
92
|
-
|
|
92
|
+
|
|
93
93
|
{viewWidth > 0 && (
|
|
94
94
|
<Animated.View
|
|
95
95
|
style={{
|