@fluentui-react-native/experimental-shimmer 0.6.4 → 0.6.8
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/CHANGELOG.json +80 -2
- package/CHANGELOG.md +37 -2
- package/lib/Shimmer.d.ts +1 -1
- package/lib/Shimmer.d.ts.map +1 -1
- package/lib/Shimmer.js.map +1 -1
- package/lib/Shimmer.types.win32.js +1 -0
- package/lib/Shimmer.win32.d.ts +1 -1
- package/lib/Shimmer.win32.d.ts.map +1 -1
- package/lib/Shimmer.win32.js +7 -4
- package/lib/Shimmer.win32.js.map +1 -1
- package/lib-commonjs/Shimmer.d.ts +1 -1
- package/lib-commonjs/Shimmer.d.ts.map +1 -1
- package/lib-commonjs/Shimmer.js +20 -19
- package/lib-commonjs/Shimmer.js.map +1 -1
- package/lib-commonjs/Shimmer.styling.js +4 -3
- package/lib-commonjs/Shimmer.styling.js.map +1 -1
- package/lib-commonjs/Shimmer.styling.win32.js +7 -5
- package/lib-commonjs/Shimmer.styling.win32.js.map +1 -1
- package/lib-commonjs/Shimmer.types.js +1 -0
- package/lib-commonjs/Shimmer.types.js.map +1 -1
- package/lib-commonjs/Shimmer.win32.d.ts +1 -1
- package/lib-commonjs/Shimmer.win32.d.ts.map +1 -1
- package/lib-commonjs/Shimmer.win32.js +26 -22
- package/lib-commonjs/Shimmer.win32.js.map +1 -1
- package/lib-commonjs/SvgShapeToPath.js +1 -0
- package/lib-commonjs/SvgShapeToPath.js.map +1 -1
- package/lib-commonjs/consts.win32.js +2 -1
- package/lib-commonjs/consts.win32.js.map +1 -1
- package/lib-commonjs/index.js +12 -5
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +8 -3
- package/src/Shimmer.win32.tsx +10 -4
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,85 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-shimmer",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 21 Dec 2021 22:46:50 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/experimental-shimmer_v0.6.8",
|
|
7
|
+
"version": "0.6.8",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "saadnajmi2@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-shimmer",
|
|
13
|
+
"commit": "693fdf191b3cd3437af403cd101c3d5c2956ea4b",
|
|
14
|
+
"comment": "Add RTL support to win32 Shimmer"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Tue, 21 Dec 2021 20:56:31 GMT",
|
|
21
|
+
"tag": "@fluentui-react-native/experimental-shimmer_v0.6.7",
|
|
22
|
+
"version": "0.6.7",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "beachball",
|
|
27
|
+
"package": "@fluentui-react-native/experimental-shimmer",
|
|
28
|
+
"comment": "Bump @fluentui-react-native/framework to v0.7.7",
|
|
29
|
+
"commit": "a7d19d410d5714e2bdb61529d2687182061020a5"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Mon, 20 Dec 2021 22:56:00 GMT",
|
|
36
|
+
"tag": "@fluentui-react-native/experimental-shimmer_v0.6.6",
|
|
37
|
+
"version": "0.6.6",
|
|
38
|
+
"comments": {
|
|
39
|
+
"patch": [
|
|
40
|
+
{
|
|
41
|
+
"author": "ruaraki@microsoft.com",
|
|
42
|
+
"package": "@fluentui-react-native/experimental-shimmer",
|
|
43
|
+
"commit": "f4a5b4f5c9c190400e3e34c4a33b3ed30696d41e",
|
|
44
|
+
"comment": "Add repository property to all package.json files"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/experimental-shimmer",
|
|
49
|
+
"comment": "Bump @fluentui-react-native/framework to v0.7.6",
|
|
50
|
+
"commit": "bc86b4fbf5f07c0bfbc950a1a99a3cf4b35807d1"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/experimental-shimmer",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/tokens to v0.11.3",
|
|
56
|
+
"commit": "bc86b4fbf5f07c0bfbc950a1a99a3cf4b35807d1"
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"date": "Sat, 18 Dec 2021 04:15:05 GMT",
|
|
63
|
+
"tag": "@fluentui-react-native/experimental-shimmer_v0.6.5",
|
|
64
|
+
"version": "0.6.5",
|
|
65
|
+
"comments": {
|
|
66
|
+
"patch": [
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui-react-native/experimental-shimmer",
|
|
70
|
+
"comment": "Bump @fluentui-react-native/framework to v0.7.5",
|
|
71
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui-react-native/experimental-shimmer",
|
|
76
|
+
"comment": "Bump @fluentui-react-native/tokens to v0.11.2",
|
|
77
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789"
|
|
78
|
+
}
|
|
79
|
+
]
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"date": "Fri, 17 Dec 2021 22:06:58 GMT",
|
|
6
84
|
"tag": "@fluentui-react-native/experimental-shimmer_v0.6.4",
|
|
7
85
|
"version": "0.6.4",
|
|
8
86
|
"comments": {
|
|
@@ -11,7 +89,7 @@
|
|
|
11
89
|
"author": "beachball",
|
|
12
90
|
"package": "@fluentui-react-native/experimental-shimmer",
|
|
13
91
|
"comment": "Bump @fluentui-react-native/framework to v0.7.4",
|
|
14
|
-
"commit": "
|
|
92
|
+
"commit": "9dc61df83605c035822518c18cc46fb5503dff70"
|
|
15
93
|
}
|
|
16
94
|
]
|
|
17
95
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,47 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-shimmer
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 21 Dec 2021 22:46:50 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.6.8
|
|
8
|
+
|
|
9
|
+
Tue, 21 Dec 2021 22:46:50 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Add RTL support to win32 Shimmer (saadnajmi2@gmail.com)
|
|
14
|
+
|
|
15
|
+
## 0.6.7
|
|
16
|
+
|
|
17
|
+
Tue, 21 Dec 2021 20:56:31 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Bump @fluentui-react-native/framework to v0.7.7
|
|
22
|
+
|
|
23
|
+
## 0.6.6
|
|
24
|
+
|
|
25
|
+
Mon, 20 Dec 2021 22:56:00 GMT
|
|
26
|
+
|
|
27
|
+
### Patches
|
|
28
|
+
|
|
29
|
+
- Add repository property to all package.json files (ruaraki@microsoft.com)
|
|
30
|
+
- Bump @fluentui-react-native/framework to v0.7.6
|
|
31
|
+
- Bump @fluentui-react-native/tokens to v0.11.3
|
|
32
|
+
|
|
33
|
+
## 0.6.5
|
|
34
|
+
|
|
35
|
+
Sat, 18 Dec 2021 04:15:05 GMT
|
|
36
|
+
|
|
37
|
+
### Patches
|
|
38
|
+
|
|
39
|
+
- Bump @fluentui-react-native/framework to v0.7.5
|
|
40
|
+
- Bump @fluentui-react-native/tokens to v0.11.2
|
|
41
|
+
|
|
7
42
|
## 0.6.4
|
|
8
43
|
|
|
9
|
-
Fri, 17 Dec 2021 22:
|
|
44
|
+
Fri, 17 Dec 2021 22:06:58 GMT
|
|
10
45
|
|
|
11
46
|
### Patches
|
|
12
47
|
|
package/lib/Shimmer.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ShimmerProps } from './Shimmer.types';
|
|
2
|
-
export declare const Shimmer: import("@fluentui-react-native/
|
|
2
|
+
export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types").ShimmerSlotProps, import("./Shimmer.types").ShimmerTokens, object>;
|
|
3
3
|
//# sourceMappingURL=Shimmer.d.ts.map
|
package/lib/Shimmer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,2KAsHlB,CAAC"}
|
package/lib/Shimmer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAmB,MAAM,kBAAkB,CAAC;AAC/G,OAAO,EAAE,WAAW,EAA6B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAY,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC7G,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,IAAM,UAAU,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AACpD,MAAM,CAAC,IAAM,OAAO,GAAG,OAAO,qBAC5B,WAAW,EAAE,WAAW,IACrB,eAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,GAAG;KACV,EACD,MAAM,EAAE,UAAC,KAAmB,EAAE,QAA+B;QAC3D,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;QAChF,IAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QACtC,IAAM,mBAAmB,GAAG,OAAO,CACjC,cAAM,OAAA,CAAC;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;YAClD,cAAc,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}
|
package/lib/Shimmer.win32.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ShimmerProps } from './Shimmer.types';
|
|
2
|
-
export declare const Shimmer: import("@fluentui-react-native/
|
|
2
|
+
export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types.win32").ShimmerSlotProps, import("./Shimmer.types").ShimmerTokens, object>;
|
|
3
3
|
//# sourceMappingURL=Shimmer.win32.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoC,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Shimmer.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoC,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAyEjF,eAAO,MAAM,OAAO,iLAwElB,CAAC"}
|
package/lib/Shimmer.win32.js
CHANGED
|
@@ -22,8 +22,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
/** @jsx withSlots */
|
|
24
24
|
import { compose, mergeProps } from '@fluentui-react-native/framework';
|
|
25
|
-
import { View } from 'react-native';
|
|
26
|
-
import { ClipPath, Defs, LinearGradient, Path, Rect, Stop, Svg } from 'react-native-svg';
|
|
25
|
+
import { I18nManager, View } from 'react-native';
|
|
26
|
+
import { ClipPath, Defs, G, LinearGradient, Path, Rect, Stop, Svg } from 'react-native-svg';
|
|
27
27
|
import { stylingSettings } from './Shimmer.styling.win32';
|
|
28
28
|
import { shimmerName } from './Shimmer.types';
|
|
29
29
|
import { RCTNativeAnimatedShimmer } from './consts.win32';
|
|
@@ -67,9 +67,12 @@ var wave = function (props) {
|
|
|
67
67
|
withSlots(Stop, { offset: "40%", stopColor: shimmerColor, stopOpacity: shimmerColorOpacity })),
|
|
68
68
|
withSlots(Rect, { width: props.shimmerWaveWidth, height: "100%", fill: "url(#gradient)" })));
|
|
69
69
|
};
|
|
70
|
-
var waveContainer = function (props) {
|
|
70
|
+
var waveContainer = function (props, children) {
|
|
71
71
|
var shimmerColor = props.shimmerColor, viewBoxHeight = props.viewBoxHeight, viewBoxWidth = props.viewBoxWidth;
|
|
72
|
-
|
|
72
|
+
// Flip the SVG if we are running in RTL
|
|
73
|
+
var rtlTransfrom = I18nManager.isRTL ? { translateX: viewBoxWidth, scaleX: -1 } : {};
|
|
74
|
+
return (withSlots(RCTNativeAnimatedShimmer, __assign({}, __assign(__assign({}, props), { style: { backgroundColor: shimmerColor, height: viewBoxHeight, width: viewBoxWidth, overflow: 'hidden' } })),
|
|
75
|
+
withSlots(G, { transform: rtlTransfrom }, children)));
|
|
73
76
|
};
|
|
74
77
|
export var Shimmer = compose(__assign(__assign({ displayName: shimmerName }, stylingSettings), { slots: {
|
|
75
78
|
root: View,
|
package/lib/Shimmer.win32.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.win32.js","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAY,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Shimmer.win32.js","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ShimmerProps } from './Shimmer.types';
|
|
2
|
-
export declare const Shimmer: import("@fluentui-react-native/
|
|
2
|
+
export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types").ShimmerSlotProps, import("./Shimmer.types").ShimmerTokens, object>;
|
|
3
3
|
//# sourceMappingURL=Shimmer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,2KAsHlB,CAAC"}
|
package/lib-commonjs/Shimmer.js
CHANGED
|
@@ -25,6 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Shimmer = void 0;
|
|
28
29
|
/** @jsx withSlots */
|
|
29
30
|
var react_1 = require("react");
|
|
30
31
|
var react_native_svg_1 = require("react-native-svg");
|
|
@@ -33,14 +34,14 @@ var framework_1 = require("@fluentui-react-native/framework");
|
|
|
33
34
|
var react_native_1 = require("react-native");
|
|
34
35
|
var Shimmer_styling_1 = require("./Shimmer.styling");
|
|
35
36
|
var assert_never_1 = __importDefault(require("assert-never"));
|
|
36
|
-
var useStyling = framework_1.buildUseStyling(Shimmer_styling_1.stylingSettings);
|
|
37
|
-
exports.Shimmer = framework_1.compose(__assign(__assign({ displayName: Shimmer_types_1.shimmerName }, Shimmer_styling_1.stylingSettings), { slots: {
|
|
37
|
+
var useStyling = (0, framework_1.buildUseStyling)(Shimmer_styling_1.stylingSettings);
|
|
38
|
+
exports.Shimmer = (0, framework_1.compose)(__assign(__assign({ displayName: Shimmer_types_1.shimmerName }, Shimmer_styling_1.stylingSettings), { slots: {
|
|
38
39
|
root: react_native_svg_1.Svg,
|
|
39
40
|
}, render: function (props, useSlots) {
|
|
40
41
|
var Slots = useSlots(props);
|
|
41
42
|
var AnimatedLinearGradient = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.LinearGradient);
|
|
42
43
|
var tokens = useStyling(props).root;
|
|
43
|
-
var memoizedShimmerData = react_1.useMemo(function () { return ({
|
|
44
|
+
var memoizedShimmerData = (0, react_1.useMemo)(function () { return ({
|
|
44
45
|
angle: props.angle ? props.angle : tokens['angle'],
|
|
45
46
|
containerWidth: (props === null || props === void 0 ? void 0 : props.style['width']) ? props === null || props === void 0 ? void 0 : props.style['width'] : '100%',
|
|
46
47
|
containerHeight: (props === null || props === void 0 ? void 0 : props.style['height']) ? props === null || props === void 0 ? void 0 : props.style['height'] : '100%',
|
|
@@ -60,14 +61,14 @@ exports.Shimmer = framework_1.compose(__assign(__assign({ displayName: Shimmer_t
|
|
|
60
61
|
props.shimmerWaveColorOpacity,
|
|
61
62
|
props.style,
|
|
62
63
|
]);
|
|
63
|
-
var startValue = react_1.useRef(new react_native_1.Animated.Value(0)).current;
|
|
64
|
+
var startValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
64
65
|
/**
|
|
65
66
|
* https://github.com/facebook/react-native/pull/29585
|
|
66
67
|
* For Animated.loop() to work with the native driver, React Native needs this fix.
|
|
67
68
|
* It's only available in React Native 0.66+, and React Native macOS 0.62+
|
|
68
69
|
* To workaround this, let's just rerun the loop everytime the animation finishes
|
|
69
70
|
*/
|
|
70
|
-
var shimmerAnimation = react_1.useCallback(function () {
|
|
71
|
+
var shimmerAnimation = (0, react_1.useCallback)(function () {
|
|
71
72
|
react_native_1.Animated.sequence([
|
|
72
73
|
react_native_1.Animated.timing(startValue, {
|
|
73
74
|
toValue: 30,
|
|
@@ -80,37 +81,37 @@ exports.Shimmer = framework_1.compose(__assign(__assign({ displayName: Shimmer_t
|
|
|
80
81
|
shimmerAnimation();
|
|
81
82
|
});
|
|
82
83
|
}, [memoizedShimmerData.duration, memoizedShimmerData.delay]);
|
|
83
|
-
react_1.useEffect(function () {
|
|
84
|
+
(0, react_1.useEffect)(function () {
|
|
84
85
|
shimmerAnimation();
|
|
85
86
|
});
|
|
86
87
|
return function (rest) {
|
|
87
|
-
var _a = framework_1.mergeProps(props, rest), elements = _a.elements, mergedProps = __rest(_a, ["elements"]);
|
|
88
|
+
var _a = (0, framework_1.mergeProps)(props, rest), elements = _a.elements, mergedProps = __rest(_a, ["elements"]);
|
|
88
89
|
var rows = [];
|
|
89
90
|
if (elements) {
|
|
90
91
|
for (var i = 0; i < elements.length; i++) {
|
|
91
92
|
var element = elements[i];
|
|
92
93
|
if (element.type == 'rect') {
|
|
93
|
-
rows.push(framework_1.withSlots(react_native_svg_1.Rect, { key: i, width: element.width, height: element.height, x: element.x, y: element.y, rx: element.borderRadiusX, ry: element.borderRadiusY }));
|
|
94
|
+
rows.push((0, framework_1.withSlots)(react_native_svg_1.Rect, { key: i, width: element.width, height: element.height, x: element.x, y: element.y, rx: element.borderRadiusX, ry: element.borderRadiusY }));
|
|
94
95
|
}
|
|
95
96
|
else if (element.type == 'circle') {
|
|
96
|
-
rows.push(framework_1.withSlots(react_native_svg_1.Circle, { key: i, r: element.radius, cx: element.cx, cy: element.cy }));
|
|
97
|
+
rows.push((0, framework_1.withSlots)(react_native_svg_1.Circle, { key: i, r: element.radius, cx: element.cx, cy: element.cy }));
|
|
97
98
|
}
|
|
98
99
|
else {
|
|
99
|
-
assert_never_1.default(element);
|
|
100
|
+
(0, assert_never_1.default)(element);
|
|
100
101
|
}
|
|
101
102
|
}
|
|
102
103
|
}
|
|
103
104
|
// Flip the SVG if we are running in RTL
|
|
104
105
|
var rtlTransfrom = react_native_1.I18nManager.isRTL ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 } : {};
|
|
105
|
-
return (framework_1.withSlots(Slots.root, __assign({}, mergedProps),
|
|
106
|
-
framework_1.withSlots(react_native_svg_1.Defs, null,
|
|
107
|
-
framework_1.withSlots(AnimatedLinearGradient, { id: "gradient", x1: startValue, y1: memoizedShimmerData.angle, x2: "-1", y2: "-1" },
|
|
108
|
-
framework_1.withSlots(react_native_svg_1.Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }),
|
|
109
|
-
framework_1.withSlots(react_native_svg_1.Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }),
|
|
110
|
-
framework_1.withSlots(react_native_svg_1.Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })),
|
|
111
|
-
framework_1.withSlots(react_native_svg_1.ClipPath, { id: "shimmerView" }, rows)),
|
|
112
|
-
framework_1.withSlots(react_native_svg_1.G, { transform: rtlTransfrom },
|
|
113
|
-
framework_1.withSlots(react_native_svg_1.Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: "url(#gradient)", clipPath: "url(#shimmerView)" }))));
|
|
106
|
+
return ((0, framework_1.withSlots)(Slots.root, __assign({}, mergedProps),
|
|
107
|
+
(0, framework_1.withSlots)(react_native_svg_1.Defs, null,
|
|
108
|
+
(0, framework_1.withSlots)(AnimatedLinearGradient, { id: "gradient", x1: startValue, y1: memoizedShimmerData.angle, x2: "-1", y2: "-1" },
|
|
109
|
+
(0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }),
|
|
110
|
+
(0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }),
|
|
111
|
+
(0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })),
|
|
112
|
+
(0, framework_1.withSlots)(react_native_svg_1.ClipPath, { id: "shimmerView" }, rows)),
|
|
113
|
+
(0, framework_1.withSlots)(react_native_svg_1.G, { transform: rtlTransfrom },
|
|
114
|
+
(0, framework_1.withSlots)(react_native_svg_1.Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: "url(#gradient)", clipPath: "url(#shimmerView)" }))));
|
|
114
115
|
};
|
|
115
116
|
} }));
|
|
116
117
|
//# sourceMappingURL=Shimmer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.stylingSettings = void 0;
|
|
3
4
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
4
5
|
var theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
5
6
|
var Shimmer_types_1 = require("./Shimmer.types");
|
|
@@ -17,15 +18,15 @@ exports.stylingSettings = {
|
|
|
17
18
|
Shimmer_types_1.shimmerName,
|
|
18
19
|
],
|
|
19
20
|
slotProps: {
|
|
20
|
-
root: framework_1.buildProps(function (tokens, theme) { return ({
|
|
21
|
+
root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
|
|
21
22
|
accessibilityRole: 'progressbar',
|
|
22
23
|
accessible: true,
|
|
23
24
|
angle: tokens.angle,
|
|
24
25
|
delay: tokens.delay,
|
|
25
26
|
duration: tokens.duration,
|
|
26
|
-
shimmerColor: theming_utils_1.getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
|
|
27
|
+
shimmerColor: (0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
|
|
27
28
|
shimmerColorOpacity: tokens.shimmerColorOpacity,
|
|
28
|
-
shimmerWaveColor: theming_utils_1.getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
|
|
29
|
+
shimmerWaveColor: (0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
|
|
29
30
|
shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
|
|
30
31
|
}); }, ['angle', 'delay', 'duration', 'shimmerColor', 'shimmerColorOpacity', 'shimmerWaveColor', 'shimmerWaveColorOpacity']),
|
|
31
32
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.styling.js","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shimmer.styling.js","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":";;;AAAA,8DAAwF;AACxF,sEAA4E;AAC5E,iDAA6F;AAEhF,QAAA,eAAe,GAAqE;IAC/F,MAAM,EAAE;QACN,cAAM,OAAA,CAAC;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,SAAS;YACvB,mBAAmB,EAAE,CAAC;YACtB,gBAAgB,EAAE,OAAO;YACzB,uBAAuB,EAAE,CAAC;SAC3B,CAAC,EARI,CAQJ;QACF,2BAAW;KACZ;IACD,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAqB,EAAE,KAAY,IAAK,OAAA,CAAC;YACxC,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,IAAA,oCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACtG,mBAAmB,EAAE,MAAM,CAAC,mBAAmB;YAC/C,gBAAgB,EAAE,IAAA,oCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;YACtG,uBAAuB,EAAE,MAAM,CAAC,uBAAuB;SACxD,CAAC,EAVuC,CAUvC,EACF,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CACrH;KACF;CACF,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.stylingSettings = exports.defaultShimmerTokens = void 0;
|
|
3
4
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
4
5
|
var Shimmer_types_1 = require("./Shimmer.types");
|
|
5
|
-
|
|
6
|
+
var defaultShimmerTokens = function (theme) {
|
|
6
7
|
return ({
|
|
7
8
|
angle: 0,
|
|
8
9
|
backgroundColor: theme.colors.background,
|
|
@@ -15,28 +16,29 @@ exports.defaultShimmerTokens = function (theme) {
|
|
|
15
16
|
shimmerWaveWidth: '100%',
|
|
16
17
|
});
|
|
17
18
|
};
|
|
19
|
+
exports.defaultShimmerTokens = defaultShimmerTokens;
|
|
18
20
|
/**
|
|
19
21
|
* tell the styling hook how to build up the tokens
|
|
20
22
|
*/
|
|
21
23
|
exports.stylingSettings = {
|
|
22
24
|
tokens: [exports.defaultShimmerTokens, Shimmer_types_1.shimmerName],
|
|
23
25
|
slotProps: {
|
|
24
|
-
root: framework_1.buildProps(function () { return ({
|
|
26
|
+
root: (0, framework_1.buildProps)(function () { return ({
|
|
25
27
|
accessibilityRole: 'progressbar',
|
|
26
28
|
accessible: true,
|
|
27
29
|
}); }),
|
|
28
|
-
shimmerWaveContainer: framework_1.buildProps(function (tokens) { return ({
|
|
30
|
+
shimmerWaveContainer: (0, framework_1.buildProps)(function (tokens) { return ({
|
|
29
31
|
delay: tokens.delay,
|
|
30
32
|
duration: tokens.duration,
|
|
31
33
|
shimmerColor: tokens.shimmerColor,
|
|
32
34
|
}); }, ['delay', 'duration', 'shimmerColor']),
|
|
33
|
-
shimmerWave: framework_1.buildProps(function (tokens) { return ({
|
|
35
|
+
shimmerWave: (0, framework_1.buildProps)(function (tokens) { return ({
|
|
34
36
|
angle: tokens.angle,
|
|
35
37
|
shimmerColor: tokens.shimmerColor,
|
|
36
38
|
shimmerWaveColor: tokens.shimmerWaveColor,
|
|
37
39
|
shimmerWaveWidth: tokens.shimmerWaveWidth,
|
|
38
40
|
}); }, ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth']),
|
|
39
|
-
clippingMask: framework_1.buildProps(function (tokens) { return ({
|
|
41
|
+
clippingMask: (0, framework_1.buildProps)(function (tokens) { return ({
|
|
40
42
|
backgroundColor: tokens.backgroundColor,
|
|
41
43
|
}); }, ['backgroundColor']),
|
|
42
44
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":";;;AAAA,8DAAuG;AACvG,iDAA2E;AAGpE,IAAM,oBAAoB,GAAiC,UAAC,KAAY;IAC7E,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC;AAXT,QAAA,oBAAoB,wBAWX;AAEtB;;GAEG;AACU,QAAA,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,4BAAoB,EAAE,2BAAW,CAAC;IAC3C,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EAAC,cAAM,OAAA,CAAC;YACtB,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;SACjB,CAAC,EAHqB,CAGrB,CAAC;QAEH,oBAAoB,EAAE,IAAA,sBAAU,EAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,IAAA,sBAAU,EACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,IAAA,sBAAU,EACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.types.js","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shimmer.types.js","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":";;;AAIa,QAAA,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ShimmerProps } from './Shimmer.types';
|
|
2
|
-
export declare const Shimmer: import("@fluentui-react-native/
|
|
2
|
+
export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types.win32").ShimmerSlotProps, import("./Shimmer.types").ShimmerTokens, object>;
|
|
3
3
|
//# sourceMappingURL=Shimmer.win32.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoC,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Shimmer.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoC,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAyEjF,eAAO,MAAM,OAAO,iLAwElB,CAAC"}
|
|
@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.Shimmer = void 0;
|
|
25
26
|
/** @jsx withSlots */
|
|
26
27
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
27
28
|
var react_native_1 = require("react-native");
|
|
@@ -46,11 +47,11 @@ var clippingMask = function (props) {
|
|
|
46
47
|
viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
|
|
47
48
|
preserveAspectRatio: 'xMinYMin slice',
|
|
48
49
|
};
|
|
49
|
-
return (framework_2.withSlots(react_native_svg_1.Svg, __assign({}, svgProps),
|
|
50
|
-
framework_2.withSlots(react_native_svg_1.Defs, null,
|
|
51
|
-
framework_2.withSlots(react_native_svg_1.ClipPath, { id: "shimmerCuts" },
|
|
52
|
-
framework_2.withSlots(react_native_svg_1.Path, { d: props.clipPath, clipRule: "evenodd" }))),
|
|
53
|
-
framework_2.withSlots(react_native_svg_1.Rect, { width: "100%", height: "100%", fill: backgroundColor, clipPath: "url(#shimmerCuts)" })));
|
|
50
|
+
return ((0, framework_2.withSlots)(react_native_svg_1.Svg, __assign({}, svgProps),
|
|
51
|
+
(0, framework_2.withSlots)(react_native_svg_1.Defs, null,
|
|
52
|
+
(0, framework_2.withSlots)(react_native_svg_1.ClipPath, { id: "shimmerCuts" },
|
|
53
|
+
(0, framework_2.withSlots)(react_native_svg_1.Path, { d: props.clipPath, clipRule: "evenodd" }))),
|
|
54
|
+
(0, framework_2.withSlots)(react_native_svg_1.Rect, { width: "100%", height: "100%", fill: backgroundColor, clipPath: "url(#shimmerCuts)" })));
|
|
54
55
|
};
|
|
55
56
|
var wave = function (props) {
|
|
56
57
|
var shimmerColor = props.shimmerColor, shimmerColorOpacity = props.shimmerColorOpacity, shimmerWaveColor = props.shimmerWaveColor, shimmerWaveColorOpacity = props.shimmerWaveColorOpacity, viewBoxHeight = props.viewBoxHeight, viewBoxWidth = props.viewBoxWidth;
|
|
@@ -62,25 +63,28 @@ var wave = function (props) {
|
|
|
62
63
|
viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
|
|
63
64
|
preserveAspectRatio: 'xMinYMin slice',
|
|
64
65
|
};
|
|
65
|
-
return (framework_2.withSlots(react_native_svg_1.Svg, __assign({}, svgProps),
|
|
66
|
-
framework_2.withSlots(react_native_svg_1.LinearGradient, { id: "gradient" },
|
|
67
|
-
framework_2.withSlots(react_native_svg_1.Stop, { stopColor: shimmerColor, stopOpacity: shimmerColorOpacity }),
|
|
68
|
-
framework_2.withSlots(react_native_svg_1.Stop, { offset: "20%", stopColor: shimmerWaveColor, stopOpacity: shimmerWaveColorOpacity }),
|
|
69
|
-
framework_2.withSlots(react_native_svg_1.Stop, { offset: "40%", stopColor: shimmerColor, stopOpacity: shimmerColorOpacity })),
|
|
70
|
-
framework_2.withSlots(react_native_svg_1.Rect, { width: props.shimmerWaveWidth, height: "100%", fill: "url(#gradient)" })));
|
|
66
|
+
return ((0, framework_2.withSlots)(react_native_svg_1.Svg, __assign({}, svgProps),
|
|
67
|
+
(0, framework_2.withSlots)(react_native_svg_1.LinearGradient, { id: "gradient" },
|
|
68
|
+
(0, framework_2.withSlots)(react_native_svg_1.Stop, { stopColor: shimmerColor, stopOpacity: shimmerColorOpacity }),
|
|
69
|
+
(0, framework_2.withSlots)(react_native_svg_1.Stop, { offset: "20%", stopColor: shimmerWaveColor, stopOpacity: shimmerWaveColorOpacity }),
|
|
70
|
+
(0, framework_2.withSlots)(react_native_svg_1.Stop, { offset: "40%", stopColor: shimmerColor, stopOpacity: shimmerColorOpacity })),
|
|
71
|
+
(0, framework_2.withSlots)(react_native_svg_1.Rect, { width: props.shimmerWaveWidth, height: "100%", fill: "url(#gradient)" })));
|
|
71
72
|
};
|
|
72
|
-
var waveContainer = function (props) {
|
|
73
|
+
var waveContainer = function (props, children) {
|
|
73
74
|
var shimmerColor = props.shimmerColor, viewBoxHeight = props.viewBoxHeight, viewBoxWidth = props.viewBoxWidth;
|
|
74
|
-
|
|
75
|
+
// Flip the SVG if we are running in RTL
|
|
76
|
+
var rtlTransfrom = react_native_1.I18nManager.isRTL ? { translateX: viewBoxWidth, scaleX: -1 } : {};
|
|
77
|
+
return ((0, framework_2.withSlots)(consts_win32_1.RCTNativeAnimatedShimmer, __assign({}, __assign(__assign({}, props), { style: { backgroundColor: shimmerColor, height: viewBoxHeight, width: viewBoxWidth, overflow: 'hidden' } })),
|
|
78
|
+
(0, framework_2.withSlots)(react_native_svg_1.G, { transform: rtlTransfrom }, children)));
|
|
75
79
|
};
|
|
76
|
-
exports.Shimmer = framework_1.compose(__assign(__assign({ displayName: Shimmer_types_1.shimmerName }, Shimmer_styling_win32_1.stylingSettings), { slots: {
|
|
80
|
+
exports.Shimmer = (0, framework_1.compose)(__assign(__assign({ displayName: Shimmer_types_1.shimmerName }, Shimmer_styling_win32_1.stylingSettings), { slots: {
|
|
77
81
|
root: react_native_1.View,
|
|
78
82
|
clippingMask: clippingMask,
|
|
79
83
|
shimmerWave: wave,
|
|
80
84
|
shimmerWaveContainer: waveContainer,
|
|
81
85
|
}, render: function (props, useSlots) {
|
|
82
86
|
return function (rest) {
|
|
83
|
-
var _a = framework_1.mergeProps(props, rest), elements = _a.elements, mergedProps = __rest(_a, ["elements"]);
|
|
87
|
+
var _a = (0, framework_1.mergeProps)(props, rest), elements = _a.elements, mergedProps = __rest(_a, ["elements"]);
|
|
84
88
|
var Slots = useSlots(mergedProps);
|
|
85
89
|
/**
|
|
86
90
|
* Generate a clip path from the provided element shapes, with their path parameter strings generated from their corresponding properties.
|
|
@@ -98,21 +102,21 @@ exports.Shimmer = framework_1.compose(__assign(__assign({ displayName: Shimmer_t
|
|
|
98
102
|
if (elements) {
|
|
99
103
|
elements.forEach(function (element) {
|
|
100
104
|
if (element.type == 'circle') {
|
|
101
|
-
clipPathsAsMask = clipPathsAsMask.concat(SvgShapeToPath_1.convertCircleToSvgPath(element));
|
|
105
|
+
clipPathsAsMask = clipPathsAsMask.concat((0, SvgShapeToPath_1.convertCircleToSvgPath)(element));
|
|
102
106
|
var xMaxCandidate = element.cx + element.radius;
|
|
103
107
|
var yMaxCandidate = element.cy + element.radius;
|
|
104
108
|
xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
|
|
105
109
|
yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
|
|
106
110
|
}
|
|
107
111
|
else if (element.type == 'rect') {
|
|
108
|
-
clipPathsAsMask = clipPathsAsMask.concat(SvgShapeToPath_1.convertRectToSvgPath(element));
|
|
112
|
+
clipPathsAsMask = clipPathsAsMask.concat((0, SvgShapeToPath_1.convertRectToSvgPath)(element));
|
|
109
113
|
var xMaxCandidate = element.x + element.width;
|
|
110
114
|
var yMaxCandidate = element.y + element.height;
|
|
111
115
|
xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
|
|
112
116
|
yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
|
|
113
117
|
}
|
|
114
118
|
else {
|
|
115
|
-
assert_never_1.assertNever(element);
|
|
119
|
+
(0, assert_never_1.assertNever)(element);
|
|
116
120
|
}
|
|
117
121
|
});
|
|
118
122
|
}
|
|
@@ -123,10 +127,10 @@ exports.Shimmer = framework_1.compose(__assign(__assign({ displayName: Shimmer_t
|
|
|
123
127
|
* instead of "clipped around," generating the visual we desire with the linear gradient below the mask.
|
|
124
128
|
*/
|
|
125
129
|
var mergedClipPath = clipPathsAsMask.join(' ').concat('M 0 0 h ' + xMax + ' v ' + yMax + ' h -' + xMax + ' z ');
|
|
126
|
-
return (framework_2.withSlots(Slots.root, __assign({}, mergedProps),
|
|
127
|
-
framework_2.withSlots(Slots.shimmerWaveContainer, { viewBoxHeight: yMax, viewBoxWidth: xMax },
|
|
128
|
-
framework_2.withSlots(Slots.shimmerWave, { viewBoxHeight: yMax, viewBoxWidth: xMax })),
|
|
129
|
-
framework_2.withSlots(Slots.clippingMask, { clipPath: mergedClipPath, viewBoxHeight: yMax, viewBoxWidth: xMax })));
|
|
130
|
+
return ((0, framework_2.withSlots)(Slots.root, __assign({}, mergedProps),
|
|
131
|
+
(0, framework_2.withSlots)(Slots.shimmerWaveContainer, { viewBoxHeight: yMax, viewBoxWidth: xMax },
|
|
132
|
+
(0, framework_2.withSlots)(Slots.shimmerWave, { viewBoxHeight: yMax, viewBoxWidth: xMax })),
|
|
133
|
+
(0, framework_2.withSlots)(Slots.clippingMask, { clipPath: mergedClipPath, viewBoxHeight: yMax, viewBoxWidth: xMax })));
|
|
130
134
|
};
|
|
131
135
|
} }));
|
|
132
136
|
//# sourceMappingURL=Shimmer.win32.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shimmer.win32.js","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shimmer.win32.js","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
* as we only support rounded rects and circles, with a circle being a rounded rect of borderRadius=length/2=width/2.
|
|
15
15
|
*/
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.convertCircleToSvgPath = exports.convertRectToSvgPath = void 0;
|
|
17
18
|
// Note for explicit clarity: length and width represent the full length and width of the rect, and not
|
|
18
19
|
// the straight edge segments (i.e. length - 2*borderRadius).
|
|
19
20
|
// borderRadius[X|Y] cannot be larger than [length/2 or width]/2; it would not be able to connect to the edge
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgShapeToPath.js","sourceRoot":"","sources":["../src/SvgShapeToPath.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG
|
|
1
|
+
{"version":3,"file":"SvgShapeToPath.js","sourceRoot":"","sources":["../src/SvgShapeToPath.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.RCTNativeAnimatedShimmer = void 0;
|
|
3
4
|
var component_cache_1 = require("@fluentui-react-native/component-cache");
|
|
4
|
-
exports.RCTNativeAnimatedShimmer = component_cache_1.ensureNativeComponent('RCTNativeAnimatedShimmer');
|
|
5
|
+
exports.RCTNativeAnimatedShimmer = (0, component_cache_1.ensureNativeComponent)('RCTNativeAnimatedShimmer');
|
|
5
6
|
//# sourceMappingURL=consts.win32.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.win32.js","sourceRoot":"","sources":["../src/consts.win32.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"consts.win32.js","sourceRoot":"","sources":["../src/consts.win32.ts"],"names":[],"mappings":";;;AAAA,0EAA+E;AAClE,QAAA,wBAAwB,GAAG,IAAA,uCAAqB,EAAC,0BAA0B,CAAC,CAAC"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
}
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
5
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
13
|
+
__exportStar(require("./Shimmer"), exports);
|
|
14
|
+
__exportStar(require("./Shimmer.types"), exports);
|
|
8
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAC1B,kDAAgC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-shimmer",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.8",
|
|
4
4
|
"description": "A cross-platform Fluent Shimmer component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -13,9 +13,14 @@
|
|
|
13
13
|
"prettier": "fluentui-scripts prettier",
|
|
14
14
|
"prettier-fix": "fluentui-scripts prettier --fix true"
|
|
15
15
|
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "https://github.com/microsoft/fluentui-react-native.git",
|
|
19
|
+
"directory": "packages/experimental/Shimmer"
|
|
20
|
+
},
|
|
16
21
|
"dependencies": {
|
|
17
|
-
"@fluentui-react-native/framework": "0.7.
|
|
18
|
-
"@fluentui-react-native/tokens": ">=0.11.
|
|
22
|
+
"@fluentui-react-native/framework": "0.7.7",
|
|
23
|
+
"@fluentui-react-native/tokens": ">=0.11.3 <1.0.0",
|
|
19
24
|
"react-native-svg": "^12.1.1"
|
|
20
25
|
},
|
|
21
26
|
"devDependencies": {
|
package/src/Shimmer.win32.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx withSlots */
|
|
2
2
|
import { compose, mergeProps, UseSlots } from '@fluentui-react-native/framework';
|
|
3
|
-
import { View } from 'react-native';
|
|
4
|
-
import { ClipPath, Defs, LinearGradient, Path, Rect, Stop, Svg, SvgProps } from 'react-native-svg';
|
|
3
|
+
import { I18nManager, View } from 'react-native';
|
|
4
|
+
import { ClipPath, Defs, G, LinearGradient, Path, Rect, Stop, Svg, SvgProps, TransformObject } from 'react-native-svg';
|
|
5
5
|
import { stylingSettings } from './Shimmer.styling.win32';
|
|
6
6
|
import { ShimmerElementTypes, shimmerName, ShimmerProps } from './Shimmer.types';
|
|
7
7
|
import { ClippingMaskProps, ShimmerType, ShimmerWaveProps } from './Shimmer.types.win32';
|
|
@@ -61,12 +61,18 @@ const wave: React.FunctionComponent<ShimmerWaveProps> = (props: ShimmerWaveProps
|
|
|
61
61
|
);
|
|
62
62
|
};
|
|
63
63
|
|
|
64
|
-
const waveContainer: React.FunctionComponent<ShimmerWaveProps> = (props: ShimmerWaveProps) => {
|
|
64
|
+
const waveContainer: React.FunctionComponent<ShimmerWaveProps> = (props: ShimmerWaveProps, children: React.ReactNode[]) => {
|
|
65
65
|
const { shimmerColor, viewBoxHeight, viewBoxWidth } = props;
|
|
66
|
+
|
|
67
|
+
// Flip the SVG if we are running in RTL
|
|
68
|
+
const rtlTransfrom: TransformObject = I18nManager.isRTL ? { translateX: viewBoxWidth, scaleX: -1 } : {};
|
|
69
|
+
|
|
66
70
|
return (
|
|
67
71
|
<RCTNativeAnimatedShimmer
|
|
68
72
|
{...{ ...props, style: { backgroundColor: shimmerColor, height: viewBoxHeight, width: viewBoxWidth, overflow: 'hidden' } }}
|
|
69
|
-
|
|
73
|
+
>
|
|
74
|
+
<G transform={rtlTransfrom}>{children}</G>
|
|
75
|
+
</RCTNativeAnimatedShimmer>
|
|
70
76
|
);
|
|
71
77
|
};
|
|
72
78
|
|