@preply/ds-rn-lib 0.83.1 → 0.84.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/dist/components/Loader/Loader.d.ts.map +1 -1
- package/dist/components/Loader/Loader.js +5 -17
- package/dist/components/Loader/assets/loader-24-inverted.png +0 -0
- package/dist/components/Loader/assets/loader-24-inverted@2x.png +0 -0
- package/dist/components/Loader/assets/loader-24-inverted@3x.png +0 -0
- package/dist/components/Loader/assets/loader-24.png +0 -0
- package/dist/components/Loader/assets/loader-24@2x.png +0 -0
- package/dist/components/Loader/assets/loader-24@3x.png +0 -0
- package/dist/components/Loader/assets/loader-32-inverted.png +0 -0
- package/dist/components/Loader/assets/loader-32-inverted@2x.png +0 -0
- package/dist/components/Loader/assets/loader-32-inverted@3x.png +0 -0
- package/dist/components/Loader/assets/loader-32.png +0 -0
- package/dist/components/Loader/assets/loader-32@2x.png +0 -0
- package/dist/components/Loader/assets/loader-32@3x.png +0 -0
- package/dist/components/Loader/private/LoaderIcons.d.ts.map +1 -1
- package/dist/components/Loader/private/LoaderIcons.js +34 -29
- package/dist/components/Loader/private/useLoaderAnimatedStyle.d.ts +3 -0
- package/dist/components/Loader/private/useLoaderAnimatedStyle.d.ts.map +1 -0
- package/dist/components/Loader/private/useLoaderAnimatedStyle.js +38 -0
- package/package.json +11 -11
- package/dist/components/Loader/private/useLoaderLoop.d.ts +0 -3
- package/dist/components/Loader/private/useLoaderLoop.d.ts.map +0 -1
- package/dist/components/Loader/private/useLoaderLoop.js +0 -28
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM5C,oBAAY,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAC;AAE/B,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAS,EAAE,QAAgB,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,YAAY,CASzF"}
|
|
@@ -1,26 +1,14 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { Animated } from 'react-native';
|
|
3
3
|
import { LoaderIcons } from './private/LoaderIcons.js';
|
|
4
|
-
import {
|
|
4
|
+
import { useLoaderAnimatedStyle } from './private/useLoaderAnimatedStyle.js';
|
|
5
5
|
|
|
6
6
|
function Loader({ size = 24, inverted = false, testID }) {
|
|
7
|
-
const
|
|
7
|
+
const animationStyle = useLoaderAnimatedStyle();
|
|
8
8
|
const LoaderIcon = LoaderIcons[size];
|
|
9
|
-
|
|
10
|
-
width: size,
|
|
11
|
-
height: size,
|
|
12
|
-
transform: [
|
|
13
|
-
{
|
|
14
|
-
rotate: animatedValue.interpolate({
|
|
15
|
-
inputRange: [0, 1],
|
|
16
|
-
outputRange: ['0deg', '360deg'],
|
|
17
|
-
}),
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
}), [animatedValue, size]);
|
|
21
|
-
return (React.createElement(Animated.View, { style: style, testID: testID },
|
|
9
|
+
return (React.createElement(Animated.View, { style: animationStyle, testID: testID },
|
|
22
10
|
React.createElement(LoaderIcon, { inverted: inverted })));
|
|
23
11
|
}
|
|
24
12
|
|
|
25
13
|
export { Loader };
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQW5pbWF0ZWQgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyBMb2FkZXJJY29ucyB9IGZyb20gJy4vcHJpdmF0ZS9Mb2FkZXJJY29ucyc7XG5pbXBvcnQgeyB1c2VMb2FkZXJBbmltYXRlZFN0eWxlIH0gZnJvbSAnLi9wcml2YXRlL3VzZUxvYWRlckFuaW1hdGVkU3R5bGUnO1xuXG5leHBvcnQgdHlwZSBJY29uU2l6ZSA9IDI0IHwgMzI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGVyUHJvcHMge1xuICAgIHNpemU/OiBJY29uU2l6ZTtcbiAgICBpbnZlcnRlZD86IGJvb2xlYW47XG4gICAgdGVzdElEPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gTG9hZGVyKHsgc2l6ZSA9IDI0LCBpbnZlcnRlZCA9IGZhbHNlLCB0ZXN0SUQgfTogTG9hZGVyUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICAgIGNvbnN0IGFuaW1hdGlvblN0eWxlID0gdXNlTG9hZGVyQW5pbWF0ZWRTdHlsZSgpO1xuXG4gICAgY29uc3QgTG9hZGVySWNvbiA9IExvYWRlckljb25zW3NpemVdO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxBbmltYXRlZC5WaWV3IHN0eWxlPXthbmltYXRpb25TdHlsZX0gdGVzdElEPXt0ZXN0SUR9PlxuICAgICAgICAgICAgPExvYWRlckljb24gaW52ZXJ0ZWQ9e2ludmVydGVkfSAvPlxuICAgICAgICA8L0FuaW1hdGVkLlZpZXc+XG4gICAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztTQWNnQixNQUFNLENBQUMsRUFBRSxJQUFJLEdBQUcsRUFBRSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsTUFBTSxFQUFlO0lBQ3ZFLE1BQU0sY0FBYyxHQUFHLHNCQUFzQixFQUFFLENBQUM7SUFFaEQsTUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3JDLFFBQ0ksb0JBQUMsUUFBUSxDQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNO1FBQ2hELG9CQUFDLFVBQVUsSUFBQyxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQ3RCLEVBQ2xCO0FBQ047Ozs7In0=
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoaderIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/private/LoaderIcons.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoaderIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/private/LoaderIcons.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAarC,aAAK,UAAU,GAAG,EAAE,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAyB5C,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,UAAU,CAGpD,CAAC"}
|
|
@@ -1,35 +1,40 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useToken } from '@preply/ds-rn-core';
|
|
1
|
+
import { Image } from 'expo-image';
|
|
3
2
|
import React, { memo } from 'react';
|
|
4
|
-
import {
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
5
|
+
/*
|
|
6
|
+
React Native CLI needs the `require` function to correctly bundle the assets in the native files,
|
|
7
|
+
due to this the `global-require` rule had to be disabled for the Loader component.
|
|
8
|
+
Not doing so and using `import` the PNG files are parsed in JS files containing base64
|
|
9
|
+
representation of the image, and 2x/3x are ignored. This cause the Loader to look pixelated where
|
|
10
|
+
2x and 3x resolutions are required
|
|
11
|
+
*/
|
|
12
|
+
const styles = StyleSheet.create({
|
|
13
|
+
24: {
|
|
14
|
+
width: 24,
|
|
15
|
+
height: 24,
|
|
16
|
+
},
|
|
17
|
+
32: {
|
|
18
|
+
width: 32,
|
|
19
|
+
height: 32,
|
|
20
|
+
},
|
|
21
|
+
});
|
|
20
22
|
function createLoaderIcon(size) {
|
|
21
|
-
const progress = 0.7;
|
|
22
|
-
const strokeWidth = 3;
|
|
23
|
-
const centerX = size / 2;
|
|
24
|
-
const centerY = size / 2;
|
|
25
|
-
const radius = size / 2 - strokeWidth / 2;
|
|
26
|
-
const pathDefinition = describeArc(centerX, centerY, radius, 0, 360 * progress);
|
|
27
|
-
const style = { width: size, height: size };
|
|
28
23
|
const Component = ({ inverted }) => {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
let icon;
|
|
25
|
+
if (size === 24) {
|
|
26
|
+
if (inverted) {
|
|
27
|
+
icon = require('../../../assets/loader-24-inverted.png');
|
|
28
|
+
}
|
|
29
|
+
icon = require('../../../assets/loader-24.png');
|
|
30
|
+
}
|
|
31
|
+
if (size === 32) {
|
|
32
|
+
if (inverted) {
|
|
33
|
+
icon = require('../../../assets/loader-32-inverted.png');
|
|
34
|
+
}
|
|
35
|
+
icon = require('../../../assets/loader-32.png');
|
|
36
|
+
}
|
|
37
|
+
return React.createElement(Image, { style: styles[size], source: icon });
|
|
33
38
|
};
|
|
34
39
|
Component.displayName = `LoaderIcon${size}`;
|
|
35
40
|
return memo(Component);
|
|
@@ -40,4 +45,4 @@ const LoaderIcons = {
|
|
|
40
45
|
};
|
|
41
46
|
|
|
42
47
|
export { LoaderIcons };
|
|
43
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGVySWNvbnMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9wcml2YXRlL0xvYWRlckljb25zLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICAgIFJlYWN0IE5hdGl2ZSBDTEkgbmVlZHMgdGhlIGByZXF1aXJlYCBmdW5jdGlvbiB0byBjb3JyZWN0bHkgYnVuZGxlIHRoZSBhc3NldHMgaW4gdGhlIG5hdGl2ZSBmaWxlcyxcbiAgICBkdWUgdG8gdGhpcyB0aGUgYGdsb2JhbC1yZXF1aXJlYCBydWxlIGhhZCB0byBiZSBkaXNhYmxlZCBmb3IgdGhlIExvYWRlciBjb21wb25lbnQuXG4gICAgTm90IGRvaW5nIHNvIGFuZCB1c2luZyBgaW1wb3J0YCB0aGUgUE5HIGZpbGVzIGFyZSBwYXJzZWQgaW4gSlMgZmlsZXMgY29udGFpbmluZyBiYXNlNjRcbiAgICByZXByZXNlbnRhdGlvbiBvZiB0aGUgaW1hZ2UsIGFuZCAyeC8zeCBhcmUgaWdub3JlZC4gVGhpcyBjYXVzZSB0aGUgTG9hZGVyIHRvIGxvb2sgcGl4ZWxhdGVkIHdoZXJlXG4gICAgMnggYW5kIDN4IHJlc29sdXRpb25zIGFyZSByZXF1aXJlZFxuKi9cbi8qIGVzbGludC1kaXNhYmxlIGdsb2JhbC1yZXF1aXJlICovXG5pbXBvcnQgeyBJbWFnZSB9IGZyb20gJ2V4cG8taW1hZ2UnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU3R5bGVTaGVldCB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IEljb25TaXplIH0gZnJvbSAnLi4vTG9hZGVyJztcblxuY29uc3Qgc3R5bGVzID0gU3R5bGVTaGVldC5jcmVhdGUoe1xuICAgIDI0OiB7XG4gICAgICAgIHdpZHRoOiAyNCxcbiAgICAgICAgaGVpZ2h0OiAyNCxcbiAgICB9LFxuICAgIDMyOiB7XG4gICAgICAgIHdpZHRoOiAzMixcbiAgICAgICAgaGVpZ2h0OiAzMixcbiAgICB9LFxufSk7XG5cbnR5cGUgTG9hZGVySWNvbiA9IEZDPHsgaW52ZXJ0ZWQ6IGJvb2xlYW4gfT47XG5cbmZ1bmN0aW9uIGNyZWF0ZUxvYWRlckljb24oc2l6ZTogSWNvblNpemUpIHtcbiAgICBjb25zdCBDb21wb25lbnQ6IExvYWRlckljb24gPSAoeyBpbnZlcnRlZCB9KSA9PiB7XG4gICAgICAgIGxldCBpY29uO1xuICAgICAgICBpZiAoc2l6ZSA9PT0gMjQpIHtcbiAgICAgICAgICAgIGlmIChpbnZlcnRlZCkge1xuICAgICAgICAgICAgICAgIGljb24gPSByZXF1aXJlKCcuLi8uLi8uLi9hc3NldHMvbG9hZGVyLTI0LWludmVydGVkLnBuZycpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWNvbiA9IHJlcXVpcmUoJy4uLy4uLy4uL2Fzc2V0cy9sb2FkZXItMjQucG5nJyk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHNpemUgPT09IDMyKSB7XG4gICAgICAgICAgICBpZiAoaW52ZXJ0ZWQpIHtcbiAgICAgICAgICAgICAgICBpY29uID0gcmVxdWlyZSgnLi4vLi4vLi4vYXNzZXRzL2xvYWRlci0zMi1pbnZlcnRlZC5wbmcnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGljb24gPSByZXF1aXJlKCcuLi8uLi8uLi9hc3NldHMvbG9hZGVyLTMyLnBuZycpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiA8SW1hZ2Ugc3R5bGU9e3N0eWxlc1tzaXplXX0gc291cmNlPXtpY29ufSAvPjtcbiAgICB9O1xuXG4gICAgQ29tcG9uZW50LmRpc3BsYXlOYW1lID0gYExvYWRlckljb24ke3NpemV9YDtcblxuICAgIHJldHVybiBtZW1vKENvbXBvbmVudCk7XG59XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJJY29uczogUmVjb3JkPEljb25TaXplLCBMb2FkZXJJY29uPiA9IHtcbiAgICAyNDogY3JlYXRlTG9hZGVySWNvbigyNCksXG4gICAgMzI6IGNyZWF0ZUxvYWRlckljb24oMzIpLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUE7Ozs7Ozs7QUFjQSxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQzdCLEVBQUUsRUFBRTtRQUNBLEtBQUssRUFBRSxFQUFFO1FBQ1QsTUFBTSxFQUFFLEVBQUU7S0FDYjtJQUNELEVBQUUsRUFBRTtRQUNBLEtBQUssRUFBRSxFQUFFO1FBQ1QsTUFBTSxFQUFFLEVBQUU7S0FDYjtDQUNKLENBQUMsQ0FBQztBQUlILFNBQVMsZ0JBQWdCLENBQUMsSUFBYztJQUNwQyxNQUFNLFNBQVMsR0FBZSxDQUFDLEVBQUUsUUFBUSxFQUFFO1FBQ3ZDLElBQUksSUFBSSxDQUFDO1FBQ1QsSUFBSSxJQUFJLEtBQUssRUFBRSxFQUFFO1lBQ2IsSUFBSSxRQUFRLEVBQUU7Z0JBQ1YsSUFBSSxHQUFHLE9BQU8sQ0FBQyx3Q0FBd0MsQ0FBQyxDQUFDO2FBQzVEO1lBQ0QsSUFBSSxHQUFHLE9BQU8sQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1NBQ25EO1FBQ0QsSUFBSSxJQUFJLEtBQUssRUFBRSxFQUFFO1lBQ2IsSUFBSSxRQUFRLEVBQUU7Z0JBQ1YsSUFBSSxHQUFHLE9BQU8sQ0FBQyx3Q0FBd0MsQ0FBQyxDQUFDO2FBQzVEO1lBQ0QsSUFBSSxHQUFHLE9BQU8sQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1NBQ25EO1FBQ0QsT0FBTyxvQkFBQyxLQUFLLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxHQUFJLENBQUM7S0FDdkQsQ0FBQztJQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxJQUFJLEVBQUUsQ0FBQztJQUU1QyxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUMzQixDQUFDO01BRVksV0FBVyxHQUFpQztJQUNyRCxFQUFFLEVBQUUsZ0JBQWdCLENBQUMsRUFBRSxDQUFDO0lBQ3hCLEVBQUUsRUFBRSxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7Ozs7OyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLoaderAnimatedStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/private/useLoaderAnimatedStyle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3D,wBAAgB,sBAAsB,IAAI,SAAS,CAyClD"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useDisableAnimations } from '@preply/ds-rn-root';
|
|
2
|
+
import { useRef, useLayoutEffect, useMemo } from 'react';
|
|
3
|
+
import { Animated, Easing } from 'react-native';
|
|
4
|
+
|
|
5
|
+
function useLoaderAnimatedStyle() {
|
|
6
|
+
const disableAnimations = useDisableAnimations();
|
|
7
|
+
const value = useRef(new Animated.Value(0));
|
|
8
|
+
useLayoutEffect(() => {
|
|
9
|
+
if (disableAnimations) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
const animation = Animated.loop(Animated.timing(value.current, {
|
|
13
|
+
toValue: 1,
|
|
14
|
+
duration: 1000,
|
|
15
|
+
useNativeDriver: true,
|
|
16
|
+
easing: Easing.bezier(0.46, 0.17, 0.58, 0.87),
|
|
17
|
+
}));
|
|
18
|
+
animation.start();
|
|
19
|
+
// eslint-disable-next-line consistent-return
|
|
20
|
+
return () => {
|
|
21
|
+
animation.stop();
|
|
22
|
+
};
|
|
23
|
+
}, [disableAnimations]);
|
|
24
|
+
const style = useMemo(() => ({
|
|
25
|
+
transform: [
|
|
26
|
+
{
|
|
27
|
+
rotate: value.current.interpolate({
|
|
28
|
+
inputRange: [0, 1],
|
|
29
|
+
outputRange: ['0deg', '360deg'],
|
|
30
|
+
}),
|
|
31
|
+
},
|
|
32
|
+
],
|
|
33
|
+
}), []);
|
|
34
|
+
return style;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { useLoaderAnimatedStyle };
|
|
38
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTG9hZGVyQW5pbWF0ZWRTdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTG9hZGVyL3ByaXZhdGUvdXNlTG9hZGVyQW5pbWF0ZWRTdHlsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlRGlzYWJsZUFuaW1hdGlvbnMgfSBmcm9tICdAcHJlcGx5L2RzLXJuLXJvb3QnO1xuaW1wb3J0IHsgdXNlTGF5b3V0RWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBBbmltYXRlZCwgRWFzaW5nLCBWaWV3U3R5bGUgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlTG9hZGVyQW5pbWF0ZWRTdHlsZSgpOiBWaWV3U3R5bGUge1xuICAgIGNvbnN0IGRpc2FibGVBbmltYXRpb25zID0gdXNlRGlzYWJsZUFuaW1hdGlvbnMoKTtcbiAgICBjb25zdCB2YWx1ZSA9IHVzZVJlZihuZXcgQW5pbWF0ZWQuVmFsdWUoMCkpO1xuXG4gICAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVBbmltYXRpb25zKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBhbmltYXRpb24gPSBBbmltYXRlZC5sb29wKFxuICAgICAgICAgICAgQW5pbWF0ZWQudGltaW5nKHZhbHVlLmN1cnJlbnQsIHtcbiAgICAgICAgICAgICAgICB0b1ZhbHVlOiAxLFxuICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAxMDAwLFxuICAgICAgICAgICAgICAgIHVzZU5hdGl2ZURyaXZlcjogdHJ1ZSxcbiAgICAgICAgICAgICAgICBlYXNpbmc6IEVhc2luZy5iZXppZXIoMC40NiwgMC4xNywgMC41OCwgMC44NyksXG4gICAgICAgICAgICB9KSxcbiAgICAgICAgKTtcblxuICAgICAgICBhbmltYXRpb24uc3RhcnQoKTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgY29uc2lzdGVudC1yZXR1cm5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi5zdG9wKCk7XG4gICAgICAgIH07XG4gICAgfSwgW2Rpc2FibGVBbmltYXRpb25zXSk7XG5cbiAgICBjb25zdCBzdHlsZSA9IHVzZU1lbW8oXG4gICAgICAgICgpID0+ICh7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIHJvdGF0ZTogdmFsdWUuY3VycmVudC5pbnRlcnBvbGF0ZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBpbnB1dFJhbmdlOiBbMCwgMV0sXG4gICAgICAgICAgICAgICAgICAgICAgICBvdXRwdXRSYW5nZTogWycwZGVnJywgJzM2MGRlZyddLFxuICAgICAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSksXG4gICAgICAgIFtdLFxuICAgICk7XG5cbiAgICByZXR1cm4gc3R5bGU7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztTQUlnQixzQkFBc0I7SUFDbEMsTUFBTSxpQkFBaUIsR0FBRyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2pELE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUU1QyxlQUFlLENBQUM7UUFDWixJQUFJLGlCQUFpQixFQUFFO1lBQ25CLE9BQU87U0FDVjtRQUVELE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQzNCLFFBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUMzQixPQUFPLEVBQUUsQ0FBQztZQUNWLFFBQVEsRUFBRSxJQUFJO1lBQ2QsZUFBZSxFQUFFLElBQUk7WUFDckIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDO1NBQ2hELENBQUMsQ0FDTCxDQUFDO1FBRUYsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDOztRQUdsQixPQUFPO1lBQ0gsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3BCLENBQUM7S0FDTCxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDO0lBRXhCLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FDakIsT0FBTztRQUNILFNBQVMsRUFBRTtZQUNQO2dCQUNJLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQztvQkFDOUIsVUFBVSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztvQkFDbEIsV0FBVyxFQUFFLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQztpQkFDbEMsQ0FBQzthQUNMO1NBQ0o7S0FDSixDQUFDLEVBQ0YsRUFBRSxDQUNMLENBQUM7SUFFRixPQUFPLEtBQUssQ0FBQztBQUNqQjs7OzsifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.84.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,27 +18,27 @@
|
|
|
18
18
|
"dev": "run build:rollup -w"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@preply/ds-core": "0.
|
|
22
|
-
"@preply/ds-rn-core": "0.
|
|
23
|
-
"@preply/ds-rn-root": "0.
|
|
21
|
+
"@preply/ds-core": "0.84.1",
|
|
22
|
+
"@preply/ds-rn-core": "0.84.1",
|
|
23
|
+
"@preply/ds-rn-root": "0.84.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
26
|
+
"@preply/ds-core": "0.84.1",
|
|
27
27
|
"@preply/ds-core-types": "0.43.2",
|
|
28
|
-
"@preply/ds-rn-core": "0.
|
|
29
|
-
"@preply/ds-rn-root": "0.
|
|
28
|
+
"@preply/ds-rn-core": "0.84.1",
|
|
29
|
+
"@preply/ds-rn-root": "0.84.1",
|
|
30
|
+
"expo-image": "^1.10.4",
|
|
30
31
|
"react": "^16.8.3",
|
|
31
|
-
"react-native": "^0.72.1"
|
|
32
|
-
"react-native-svg": "^13.9.0"
|
|
32
|
+
"react-native": "^0.72.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@testing-library/jest-native": "4.0.12",
|
|
36
36
|
"@testing-library/react-native": "^9.1.0",
|
|
37
|
+
"expo-image": "^1.10.4",
|
|
37
38
|
"metro-react-native-babel-preset": "^0.59.0",
|
|
38
39
|
"react": "16.8.3",
|
|
39
40
|
"react-native": "^0.72.1",
|
|
40
|
-
"react-native-svg": "^13.9.0",
|
|
41
41
|
"react-test-renderer": "16.8.3"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "3309ee1e6adc234eb1ee607ab9887882baf48ff8"
|
|
44
44
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLoaderLoop.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/private/useLoaderLoop.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,wBAAgB,aAAa,IAAI,QAAQ,CAAC,KAAK,CA2B9C"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { useDisableAnimations } from '@preply/ds-rn-root';
|
|
2
|
-
import { useRef, useLayoutEffect } from 'react';
|
|
3
|
-
import { Animated, Easing } from 'react-native';
|
|
4
|
-
|
|
5
|
-
function useLoaderLoop() {
|
|
6
|
-
const disableAnimations = useDisableAnimations();
|
|
7
|
-
const value = useRef(new Animated.Value(0));
|
|
8
|
-
useLayoutEffect(() => {
|
|
9
|
-
if (disableAnimations) {
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
const animation = Animated.loop(Animated.timing(value.current, {
|
|
13
|
-
toValue: 1,
|
|
14
|
-
duration: 1000,
|
|
15
|
-
useNativeDriver: true,
|
|
16
|
-
easing: Easing.bezier(0.46, 0.17, 0.58, 0.87),
|
|
17
|
-
}));
|
|
18
|
-
animation.start();
|
|
19
|
-
// eslint-disable-next-line consistent-return
|
|
20
|
-
return () => {
|
|
21
|
-
animation.stop();
|
|
22
|
-
};
|
|
23
|
-
}, [disableAnimations]);
|
|
24
|
-
return value.current;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { useLoaderLoop };
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTG9hZGVyTG9vcC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTG9hZGVyL3ByaXZhdGUvdXNlTG9hZGVyTG9vcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlRGlzYWJsZUFuaW1hdGlvbnMgfSBmcm9tICdAcHJlcGx5L2RzLXJuLXJvb3QnO1xuaW1wb3J0IHsgdXNlTGF5b3V0RWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBBbmltYXRlZCwgRWFzaW5nIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUxvYWRlckxvb3AoKTogQW5pbWF0ZWQuVmFsdWUge1xuICAgIGNvbnN0IGRpc2FibGVBbmltYXRpb25zID0gdXNlRGlzYWJsZUFuaW1hdGlvbnMoKTtcbiAgICBjb25zdCB2YWx1ZSA9IHVzZVJlZihuZXcgQW5pbWF0ZWQuVmFsdWUoMCkpO1xuXG4gICAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVBbmltYXRpb25zKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBhbmltYXRpb24gPSBBbmltYXRlZC5sb29wKFxuICAgICAgICAgICAgQW5pbWF0ZWQudGltaW5nKHZhbHVlLmN1cnJlbnQsIHtcbiAgICAgICAgICAgICAgICB0b1ZhbHVlOiAxLFxuICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAxMDAwLFxuICAgICAgICAgICAgICAgIHVzZU5hdGl2ZURyaXZlcjogdHJ1ZSxcbiAgICAgICAgICAgICAgICBlYXNpbmc6IEVhc2luZy5iZXppZXIoMC40NiwgMC4xNywgMC41OCwgMC44NyksXG4gICAgICAgICAgICB9KSxcbiAgICAgICAgKTtcblxuICAgICAgICBhbmltYXRpb24uc3RhcnQoKTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgY29uc2lzdGVudC1yZXR1cm5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi5zdG9wKCk7XG4gICAgICAgIH07XG4gICAgfSwgW2Rpc2FibGVBbmltYXRpb25zXSk7XG5cbiAgICByZXR1cm4gdmFsdWUuY3VycmVudDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O1NBSWdCLGFBQWE7SUFDekIsTUFBTSxpQkFBaUIsR0FBRyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2pELE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUU1QyxlQUFlLENBQUM7UUFDWixJQUFJLGlCQUFpQixFQUFFO1lBQ25CLE9BQU87U0FDVjtRQUVELE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQzNCLFFBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUMzQixPQUFPLEVBQUUsQ0FBQztZQUNWLFFBQVEsRUFBRSxJQUFJO1lBQ2QsZUFBZSxFQUFFLElBQUk7WUFDckIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDO1NBQ2hELENBQUMsQ0FDTCxDQUFDO1FBRUYsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDOztRQUdsQixPQUFPO1lBQ0gsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3BCLENBQUM7S0FDTCxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDO0lBRXhCLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQztBQUN6Qjs7OzsifQ==
|