@fluentui-react-native/experimental-activity-indicator 0.10.4 → 0.10.6
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 +42 -1
- package/CHANGELOG.md +10 -2
- package/eslint.config.js +3 -0
- package/lib/ActivityIndicator.mobile.js +33 -50
- package/lib/ActivityIndicator.mobile.js.map +1 -1
- package/lib/ActivityIndicator.styling.js +16 -24
- package/lib/ActivityIndicator.styling.js.map +1 -1
- package/lib/ActivityIndicator.types.js +1 -1
- package/lib/ActivityIndicator.types.js.map +1 -1
- package/lib/CoreActivityIndicator.js +10 -16
- package/lib/CoreActivityIndicator.js.map +1 -1
- package/lib-commonjs/ActivityIndicator.android.js +1 -1
- package/lib-commonjs/ActivityIndicator.android.js.map +1 -1
- package/lib-commonjs/ActivityIndicator.ios.js +1 -1
- package/lib-commonjs/ActivityIndicator.ios.js.map +1 -1
- package/lib-commonjs/ActivityIndicator.js +1 -1
- package/lib-commonjs/ActivityIndicator.js.map +1 -1
- package/lib-commonjs/ActivityIndicator.mobile.js +38 -55
- package/lib-commonjs/ActivityIndicator.mobile.js.map +1 -1
- package/lib-commonjs/ActivityIndicator.styling.js +16 -24
- package/lib-commonjs/ActivityIndicator.styling.js.map +1 -1
- package/lib-commonjs/CoreActivityIndicator.js +14 -20
- package/lib-commonjs/CoreActivityIndicator.js.map +1 -1
- package/package.json +15 -3
- package/.eslintrc.js +0 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,48 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-activity-indicator",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 11 Jul 2025 19:50:59 GMT",
|
|
6
|
+
"version": "0.10.6",
|
|
7
|
+
"tag": "@fluentui-react-native/experimental-activity-indicator_v0.10.6",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-activity-indicator",
|
|
13
|
+
"commit": "a245202877ef7f2be9ab5f0e1356b2270957e693",
|
|
14
|
+
"comment": "Run bump-versions"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "sanajmi@microsoft.com",
|
|
18
|
+
"package": "@fluentui-react-native/experimental-activity-indicator",
|
|
19
|
+
"commit": "405ca368dc3f2963bfc252a1952b1e14ff503499",
|
|
20
|
+
"comment": "fix: run `beachball sync` to sync package versions with NPM"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
24
|
+
"package": "@fluentui-react-native/experimental-activity-indicator",
|
|
25
|
+
"commit": "79bb06f6bbfd0a36f9d2ef371f4857be9660f027",
|
|
26
|
+
"comment": "Fixed `align-deps` warnings"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "jasonmo@microsoft.com",
|
|
30
|
+
"package": "@fluentui-react-native/experimental-activity-indicator",
|
|
31
|
+
"commit": "54087dca787180bbf34630470cd0d06e88366b30",
|
|
32
|
+
"comment": "update eslint to 9.x and use new flat config format with security rules"
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
"patch": [
|
|
36
|
+
{
|
|
37
|
+
"author": "jasonmo@microsoft.com",
|
|
38
|
+
"package": "@fluentui-react-native/experimental-activity-indicator",
|
|
39
|
+
"commit": "479b93cea460a26df70c55b5d3335927ed374713",
|
|
40
|
+
"comment": "update builds to use node16 settings and modern export maps"
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"date": "Thu, 10 Jul 2025 19:20:25 GMT",
|
|
6
47
|
"version": "0.10.4",
|
|
7
48
|
"tag": "@fluentui-react-native/experimental-activity-indicator_v0.10.4",
|
|
8
49
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-activity-indicator
|
|
2
2
|
|
|
3
|
-
<!-- This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Fri, 11 Jul 2025 19:50:59 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.10.6
|
|
8
|
+
|
|
9
|
+
Fri, 11 Jul 2025 19:50:59 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- update builds to use node16 settings and modern export maps (jasonmo@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.10.4
|
|
8
16
|
|
|
9
|
-
Thu,
|
|
17
|
+
Thu, 10 Jul 2025 19:20:25 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/eslint.config.js
ADDED
|
@@ -1,25 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
1
|
/** @jsxRuntime classic */
|
|
24
2
|
/** @jsx withSlots */
|
|
25
3
|
import { useRef, useEffect, useCallback } from 'react';
|
|
@@ -28,53 +6,57 @@ import { compose, mergeProps, withSlots, buildUseStyling } from '@fluentui-react
|
|
|
28
6
|
import { Svg, Path } from 'react-native-svg';
|
|
29
7
|
import { diameterSizeMap, lineThicknessSizeMap, stylingSettings } from './ActivityIndicator.styling';
|
|
30
8
|
import { activityIndicatorName } from './ActivityIndicator.types';
|
|
31
|
-
|
|
32
|
-
|
|
9
|
+
const getActivityIndicatorPath = (diameter, width, color) => {
|
|
10
|
+
const start = {
|
|
33
11
|
x: width / 2,
|
|
34
12
|
y: diameter / 2,
|
|
35
13
|
};
|
|
36
|
-
|
|
37
|
-
|
|
14
|
+
const innerRadius = diameter / 2 - width / 2;
|
|
15
|
+
const path = `M${start.x} ${start.y} a${innerRadius} ${innerRadius} 0 1 1 ${innerRadius} ${innerRadius}`;
|
|
38
16
|
return withSlots(Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round", fill: 'transparent' });
|
|
39
17
|
};
|
|
40
|
-
export
|
|
41
|
-
|
|
42
|
-
export
|
|
18
|
+
export const AnimatedSvg = Animated.createAnimatedComponent(Svg);
|
|
19
|
+
const useStyling = buildUseStyling(stylingSettings);
|
|
20
|
+
export const ActivityIndicator = compose({
|
|
21
|
+
displayName: activityIndicatorName,
|
|
22
|
+
...stylingSettings,
|
|
23
|
+
slots: {
|
|
43
24
|
root: View,
|
|
44
25
|
svg: AnimatedSvg,
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
26
|
+
},
|
|
27
|
+
useRender: (props, useSlots) => {
|
|
28
|
+
const Slots = useSlots(props);
|
|
29
|
+
const slotProps = useStyling(props);
|
|
30
|
+
const animating = props.animating != undefined ? props.animating : true;
|
|
31
|
+
const hidesWhenStopped = props.hidesWhenStopped != undefined ? props.hidesWhenStopped : true;
|
|
50
32
|
// React Native ActivityIndicator still takes up space when hidden, so to perfectly match would use opacity
|
|
51
33
|
// hiding opacity makes the screen reader on iOS and Android skip over it
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
34
|
+
const hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
|
|
35
|
+
const rotationAngle = useRef(new Animated.Value(0)).current;
|
|
36
|
+
const rotationAnimation = useRef(undefined);
|
|
55
37
|
/**
|
|
56
38
|
* https://github.com/facebook/react-native/pull/29585
|
|
57
39
|
* For Animated.loop() to work with the native driver, React Native needs this fix.
|
|
58
40
|
* It's only available in React Native 0.66+, and React Native macOS 0.62+
|
|
59
41
|
* To workaround this, let's just rerun the loop everytime the animation finishes
|
|
60
42
|
*/
|
|
61
|
-
|
|
43
|
+
const startRotation = useCallback(() => {
|
|
62
44
|
if (rotationAnimation.current) {
|
|
63
45
|
rotationAngle.setValue(0);
|
|
64
46
|
rotationAnimation.current.reset();
|
|
65
|
-
rotationAnimation.current.start(
|
|
47
|
+
rotationAnimation.current.start((result) => {
|
|
66
48
|
if (result.finished) {
|
|
67
49
|
startRotation();
|
|
68
50
|
}
|
|
69
51
|
});
|
|
70
52
|
}
|
|
71
53
|
}, [rotationAngle, animating]);
|
|
72
|
-
|
|
54
|
+
const stopRotation = () => {
|
|
73
55
|
if (rotationAnimation.current) {
|
|
74
56
|
rotationAnimation.current.stop();
|
|
75
57
|
}
|
|
76
58
|
};
|
|
77
|
-
useEffect(
|
|
59
|
+
useEffect(() => {
|
|
78
60
|
if (rotationAnimation.current === undefined) {
|
|
79
61
|
rotationAnimation.current = Animated.sequence([
|
|
80
62
|
Animated.timing(rotationAngle, {
|
|
@@ -92,27 +74,28 @@ export var ActivityIndicator = compose(__assign(__assign({ displayName: activity
|
|
|
92
74
|
stopRotation();
|
|
93
75
|
}
|
|
94
76
|
}, [animating, hidesWhenStopped, rotationAngle]);
|
|
95
|
-
|
|
77
|
+
const interpolateSpin = rotationAngle.interpolate({
|
|
96
78
|
inputRange: [0, 359],
|
|
97
79
|
outputRange: ['0deg', '359deg'],
|
|
98
80
|
});
|
|
99
|
-
|
|
81
|
+
const path = getActivityIndicatorPath(diameterSizeMap[slotProps.root.size], lineThicknessSizeMap[slotProps.root.lineThickness], slotProps.root.activityIndicatorColor);
|
|
100
82
|
// perspective is needed for animations to work on Android. See https://reactnative.dev/docs/animations#bear-in-mind
|
|
101
|
-
|
|
83
|
+
const animatedSvgProps = {
|
|
102
84
|
style: {
|
|
103
85
|
transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
|
|
104
86
|
},
|
|
105
87
|
};
|
|
106
|
-
|
|
88
|
+
const otherRootProps = {
|
|
107
89
|
style: {
|
|
108
90
|
opacity: hideOpacity,
|
|
109
91
|
},
|
|
110
92
|
accessibilityState: { busy: animating },
|
|
111
93
|
};
|
|
112
|
-
return
|
|
113
|
-
|
|
114
|
-
return (withSlots(Slots.root,
|
|
115
|
-
withSlots(Slots.svg,
|
|
94
|
+
return (rest) => {
|
|
95
|
+
const { ...mergedProps } = mergeProps(props, rest, otherRootProps);
|
|
96
|
+
return (withSlots(Slots.root, { ...mergedProps },
|
|
97
|
+
withSlots(Slots.svg, { ...animatedSvgProps }, path)));
|
|
116
98
|
};
|
|
117
|
-
}
|
|
99
|
+
},
|
|
100
|
+
});
|
|
118
101
|
//# sourceMappingURL=ActivityIndicator.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,15 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { Appearance } from 'react-native';
|
|
13
2
|
import { buildProps } from '@fluentui-react-native/framework';
|
|
14
3
|
import assertNever from 'assert-never';
|
|
15
4
|
import { activityIndicatorName } from './ActivityIndicator.types';
|
|
16
|
-
export
|
|
5
|
+
export const diameterSizeMap = {
|
|
17
6
|
xSmall: 12,
|
|
18
7
|
small: 16,
|
|
19
8
|
medium: 24,
|
|
20
9
|
large: 32,
|
|
21
10
|
xLarge: 36,
|
|
22
11
|
};
|
|
23
|
-
export
|
|
12
|
+
export const lineThicknessSizeMap = {
|
|
24
13
|
xSmall: 1,
|
|
25
14
|
small: 1,
|
|
26
15
|
medium: 2,
|
|
@@ -47,18 +36,18 @@ export function coreSizeFromFluentSize(fluentSize) {
|
|
|
47
36
|
assertNever(fluentSize);
|
|
48
37
|
}
|
|
49
38
|
}
|
|
50
|
-
export
|
|
39
|
+
export const stylingSettings = {
|
|
51
40
|
tokens: [
|
|
52
|
-
|
|
41
|
+
() => ({
|
|
53
42
|
activityIndicatorColor: Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
|
|
54
43
|
lineThickness: 'medium',
|
|
55
44
|
size: 'medium',
|
|
56
|
-
})
|
|
45
|
+
}),
|
|
57
46
|
activityIndicatorName,
|
|
58
47
|
],
|
|
59
48
|
tokensThatAreAlsoProps: 'all',
|
|
60
49
|
slotProps: {
|
|
61
|
-
root: buildProps(
|
|
50
|
+
root: buildProps((tokens) => ({
|
|
62
51
|
activityIndicatorColor: tokens.activityIndicatorColor,
|
|
63
52
|
size: tokens.size,
|
|
64
53
|
lineThickness: tokens.lineThickness != 'medium' ? tokens.lineThickness : tokens.size,
|
|
@@ -68,24 +57,27 @@ export var stylingSettings = {
|
|
|
68
57
|
width: diameterSizeMap[tokens.size],
|
|
69
58
|
height: diameterSizeMap[tokens.size],
|
|
70
59
|
},
|
|
71
|
-
})
|
|
72
|
-
svg: buildProps(
|
|
60
|
+
}), ['activityIndicatorColor', 'lineThickness', 'size']),
|
|
61
|
+
svg: buildProps((tokens) => ({
|
|
73
62
|
width: diameterSizeMap[tokens.size],
|
|
74
63
|
height: diameterSizeMap[tokens.size],
|
|
75
|
-
})
|
|
64
|
+
}), ['size']),
|
|
76
65
|
},
|
|
77
66
|
};
|
|
78
67
|
// Minimal styling settings for the RN Core ActivityIndicator
|
|
79
|
-
export
|
|
68
|
+
export const coreStylingSettings = {
|
|
80
69
|
tokens: [
|
|
81
|
-
|
|
70
|
+
() => ({
|
|
82
71
|
size: 'small',
|
|
83
|
-
})
|
|
72
|
+
}),
|
|
84
73
|
activityIndicatorName,
|
|
85
74
|
],
|
|
86
75
|
tokensThatAreAlsoProps: 'all',
|
|
87
76
|
slotProps: {
|
|
88
|
-
root: buildProps(
|
|
77
|
+
root: buildProps((tokens) => ({
|
|
78
|
+
color: tokens.activityIndicatorColor,
|
|
79
|
+
...(tokens.size && { size: coreSizeFromFluentSize(tokens.size) }), // Only pass in the prop if defined
|
|
80
|
+
}), ['activityIndicatorColor', 'size']),
|
|
89
81
|
},
|
|
90
82
|
};
|
|
91
83
|
//# sourceMappingURL=ActivityIndicator.styling.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.styling.js","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.styling.js","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,WAAW,MAAM,cAAc,CAAC;AASvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,CAAC,MAAM,eAAe,GAA8B;IACxD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAA8B;IAC7D,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,0FAA0F;AAC1F,MAAM,UAAU,sBAAsB,CAAC,UAAiC;IACtE,IAAI,OAAO,UAAU,KAAK,WAAW,EAAE;QACrC,OAAO,UAAU,CAAC;KACnB;IAED,QAAQ,UAAU,EAAE;QAClB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAC;QACjB;YACE,WAAW,CAAC,UAAU,CAAC,CAAC;KAC3B;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAyG;IACnI,MAAM,EAAE;QACN,GAAG,EAAE,CAAC,CAAC;YACL,sBAAsB,EAAE,UAAU,CAAC,cAAc,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACvF,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,QAAQ;SACf,CAAC;QACF,qBAAqB;KACtB;IACD,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,CAAC,MAA+B,EAAE,EAAE,CAAC,CAAC;YACpC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB;YACrD,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI;YACpF,kBAAkB,EAAE,aAAa;YACjC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE;gBACL,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC;gBACnC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC;aACrC;SACF,CAAC,EACF,CAAC,wBAAwB,EAAE,eAAe,EAAE,MAAM,CAAC,CACpD;QACD,GAAG,EAAE,UAAU,CACb,CAAC,MAA+B,EAAE,EAAE,CAAC,CAAC;YACpC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC;YACnC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC;SACrC,CAAC,EACF,CAAC,MAAM,CAAC,CACT;KACF;CACF,CAAC;AAEF,6DAA6D;AAC7D,MAAM,CAAC,MAAM,mBAAmB,GAAuG;IACrI,MAAM,EAAE;QACN,GAAG,EAAE,CAAC,CAAC;YACL,IAAI,EAAE,OAAO;SACd,CAAC;QACF,qBAAqB;KACtB;IACD,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,CAAC,MAA+B,EAAE,EAAE,CAAC,CAAC;YACpC,KAAK,EAAE,MAAM,CAAC,sBAAsB;YACpC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,mCAAmC;SACvG,CAAC,EACF,CAAC,wBAAwB,EAAE,MAAM,CAAC,CACnC;KACF;CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export const activityIndicatorName = 'ActivityIndicator';
|
|
2
2
|
//# sourceMappingURL=ActivityIndicator.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.types.js","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.types.js","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CAAC"}
|
|
@@ -1,16 +1,5 @@
|
|
|
1
1
|
/** @jsxRuntime classic */
|
|
2
2
|
/** @jsx withSlots */
|
|
3
|
-
var __assign = (this && this.__assign) || function () {
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
14
3
|
import { ActivityIndicator as CoreActivityIndicator } from 'react-native';
|
|
15
4
|
import { compose, withSlots } from '@fluentui-react-native/framework';
|
|
16
5
|
import { coreStylingSettings } from './ActivityIndicator.styling';
|
|
@@ -19,10 +8,15 @@ import { activityIndicatorName } from './ActivityIndicator.types';
|
|
|
19
8
|
* Wrapper around React Native Core's ActivityIndicator for platforms we do not
|
|
20
9
|
* have a custom FluentUI React Native ActivityIndicator defined.
|
|
21
10
|
*/
|
|
22
|
-
export
|
|
11
|
+
export const ActivityIndicator = compose({
|
|
12
|
+
displayName: activityIndicatorName,
|
|
13
|
+
...coreStylingSettings,
|
|
14
|
+
slots: {
|
|
23
15
|
root: CoreActivityIndicator,
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
},
|
|
17
|
+
useRender: (props, useSlots) => {
|
|
18
|
+
const Slots = useSlots(props);
|
|
19
|
+
return () => withSlots(Slots.root, null);
|
|
20
|
+
},
|
|
21
|
+
});
|
|
28
22
|
//# sourceMappingURL=CoreActivityIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB
|
|
1
|
+
{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AAErB,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAA4B;IAClE,WAAW,EAAE,qBAAqB;IAClC,GAAG,mBAAmB;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;KAC5B;IACD,SAAS,EAAE,CAAC,KAA6B,EAAE,QAA6C,EAAE,EAAE;QAC1F,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,UAAC,KAAK,CAAC,IAAI,OAAG,CAAC;IAC9B,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ActivityIndicator = void 0;
|
|
4
|
-
|
|
4
|
+
const ActivityIndicator_mobile_1 = require("./ActivityIndicator.mobile");
|
|
5
5
|
var ActivityIndicator_mobile_2 = require("./ActivityIndicator.mobile");
|
|
6
6
|
Object.defineProperty(exports, "ActivityIndicator", { enumerable: true, get: function () { return ActivityIndicator_mobile_2.ActivityIndicator; } });
|
|
7
7
|
exports.default = ActivityIndicator_mobile_1.ActivityIndicator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.android.js","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.android.js","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":";;;AAAA,yEAA+D;AAC/D,uEAA+D;AAAtD,6HAAA,iBAAiB,OAAA;AAC1B,kBAAe,4CAAiB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ActivityIndicator = void 0;
|
|
4
|
-
|
|
4
|
+
const ActivityIndicator_mobile_1 = require("./ActivityIndicator.mobile");
|
|
5
5
|
var ActivityIndicator_mobile_2 = require("./ActivityIndicator.mobile");
|
|
6
6
|
Object.defineProperty(exports, "ActivityIndicator", { enumerable: true, get: function () { return ActivityIndicator_mobile_2.ActivityIndicator; } });
|
|
7
7
|
exports.default = ActivityIndicator_mobile_1.ActivityIndicator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.ios.js","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.ios.js","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":";;;AAAA,yEAA+D;AAC/D,uEAA+D;AAAtD,6HAAA,iBAAiB,OAAA;AAC1B,kBAAe,4CAAiB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ActivityIndicator = void 0;
|
|
4
|
-
|
|
4
|
+
const CoreActivityIndicator_1 = require("./CoreActivityIndicator");
|
|
5
5
|
var CoreActivityIndicator_2 = require("./CoreActivityIndicator");
|
|
6
6
|
Object.defineProperty(exports, "ActivityIndicator", { enumerable: true, get: function () { return CoreActivityIndicator_2.ActivityIndicator; } });
|
|
7
7
|
exports.default = CoreActivityIndicator_1.ActivityIndicator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":";;;AAAA,mEAA4D;AAC5D,iEAA4D;AAAnD,0HAAA,iBAAiB,OAAA;AAC1B,kBAAe,yCAAiB,CAAC"}
|
|
@@ -1,83 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
3
|
exports.ActivityIndicator = exports.AnimatedSvg = void 0;
|
|
26
4
|
/** @jsxRuntime classic */
|
|
27
5
|
/** @jsx withSlots */
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const react_native_1 = require("react-native");
|
|
8
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
9
|
+
const react_native_svg_1 = require("react-native-svg");
|
|
10
|
+
const ActivityIndicator_styling_1 = require("./ActivityIndicator.styling");
|
|
11
|
+
const ActivityIndicator_types_1 = require("./ActivityIndicator.types");
|
|
12
|
+
const getActivityIndicatorPath = (diameter, width, color) => {
|
|
13
|
+
const start = {
|
|
36
14
|
x: width / 2,
|
|
37
15
|
y: diameter / 2,
|
|
38
16
|
};
|
|
39
|
-
|
|
40
|
-
|
|
17
|
+
const innerRadius = diameter / 2 - width / 2;
|
|
18
|
+
const path = `M${start.x} ${start.y} a${innerRadius} ${innerRadius} 0 1 1 ${innerRadius} ${innerRadius}`;
|
|
41
19
|
return (0, framework_1.withSlots)(react_native_svg_1.Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round", fill: 'transparent' });
|
|
42
20
|
};
|
|
43
21
|
exports.AnimatedSvg = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg);
|
|
44
|
-
|
|
45
|
-
exports.ActivityIndicator = (0, framework_1.compose)(
|
|
22
|
+
const useStyling = (0, framework_1.buildUseStyling)(ActivityIndicator_styling_1.stylingSettings);
|
|
23
|
+
exports.ActivityIndicator = (0, framework_1.compose)({
|
|
24
|
+
displayName: ActivityIndicator_types_1.activityIndicatorName,
|
|
25
|
+
...ActivityIndicator_styling_1.stylingSettings,
|
|
26
|
+
slots: {
|
|
46
27
|
root: react_native_1.View,
|
|
47
28
|
svg: exports.AnimatedSvg,
|
|
48
|
-
},
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
29
|
+
},
|
|
30
|
+
useRender: (props, useSlots) => {
|
|
31
|
+
const Slots = useSlots(props);
|
|
32
|
+
const slotProps = useStyling(props);
|
|
33
|
+
const animating = props.animating != undefined ? props.animating : true;
|
|
34
|
+
const hidesWhenStopped = props.hidesWhenStopped != undefined ? props.hidesWhenStopped : true;
|
|
53
35
|
// React Native ActivityIndicator still takes up space when hidden, so to perfectly match would use opacity
|
|
54
36
|
// hiding opacity makes the screen reader on iOS and Android skip over it
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
37
|
+
const hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
|
|
38
|
+
const rotationAngle = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
39
|
+
const rotationAnimation = (0, react_1.useRef)(undefined);
|
|
58
40
|
/**
|
|
59
41
|
* https://github.com/facebook/react-native/pull/29585
|
|
60
42
|
* For Animated.loop() to work with the native driver, React Native needs this fix.
|
|
61
43
|
* It's only available in React Native 0.66+, and React Native macOS 0.62+
|
|
62
44
|
* To workaround this, let's just rerun the loop everytime the animation finishes
|
|
63
45
|
*/
|
|
64
|
-
|
|
46
|
+
const startRotation = (0, react_1.useCallback)(() => {
|
|
65
47
|
if (rotationAnimation.current) {
|
|
66
48
|
rotationAngle.setValue(0);
|
|
67
49
|
rotationAnimation.current.reset();
|
|
68
|
-
rotationAnimation.current.start(
|
|
50
|
+
rotationAnimation.current.start((result) => {
|
|
69
51
|
if (result.finished) {
|
|
70
52
|
startRotation();
|
|
71
53
|
}
|
|
72
54
|
});
|
|
73
55
|
}
|
|
74
56
|
}, [rotationAngle, animating]);
|
|
75
|
-
|
|
57
|
+
const stopRotation = () => {
|
|
76
58
|
if (rotationAnimation.current) {
|
|
77
59
|
rotationAnimation.current.stop();
|
|
78
60
|
}
|
|
79
61
|
};
|
|
80
|
-
(0, react_1.useEffect)(
|
|
62
|
+
(0, react_1.useEffect)(() => {
|
|
81
63
|
if (rotationAnimation.current === undefined) {
|
|
82
64
|
rotationAnimation.current = react_native_1.Animated.sequence([
|
|
83
65
|
react_native_1.Animated.timing(rotationAngle, {
|
|
@@ -95,27 +77,28 @@ exports.ActivityIndicator = (0, framework_1.compose)(__assign(__assign({ display
|
|
|
95
77
|
stopRotation();
|
|
96
78
|
}
|
|
97
79
|
}, [animating, hidesWhenStopped, rotationAngle]);
|
|
98
|
-
|
|
80
|
+
const interpolateSpin = rotationAngle.interpolate({
|
|
99
81
|
inputRange: [0, 359],
|
|
100
82
|
outputRange: ['0deg', '359deg'],
|
|
101
83
|
});
|
|
102
|
-
|
|
84
|
+
const path = getActivityIndicatorPath(ActivityIndicator_styling_1.diameterSizeMap[slotProps.root.size], ActivityIndicator_styling_1.lineThicknessSizeMap[slotProps.root.lineThickness], slotProps.root.activityIndicatorColor);
|
|
103
85
|
// perspective is needed for animations to work on Android. See https://reactnative.dev/docs/animations#bear-in-mind
|
|
104
|
-
|
|
86
|
+
const animatedSvgProps = {
|
|
105
87
|
style: {
|
|
106
88
|
transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
|
|
107
89
|
},
|
|
108
90
|
};
|
|
109
|
-
|
|
91
|
+
const otherRootProps = {
|
|
110
92
|
style: {
|
|
111
93
|
opacity: hideOpacity,
|
|
112
94
|
},
|
|
113
95
|
accessibilityState: { busy: animating },
|
|
114
96
|
};
|
|
115
|
-
return
|
|
116
|
-
|
|
117
|
-
return ((0, framework_1.withSlots)(Slots.root,
|
|
118
|
-
(0, framework_1.withSlots)(Slots.svg,
|
|
97
|
+
return (rest) => {
|
|
98
|
+
const { ...mergedProps } = (0, framework_1.mergeProps)(props, rest, otherRootProps);
|
|
99
|
+
return ((0, framework_1.withSlots)(Slots.root, { ...mergedProps },
|
|
100
|
+
(0, framework_1.withSlots)(Slots.svg, { ...animatedSvgProps }, path)));
|
|
119
101
|
};
|
|
120
|
-
}
|
|
102
|
+
},
|
|
103
|
+
});
|
|
121
104
|
//# sourceMappingURL=ActivityIndicator.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
6
|
exports.coreStylingSettings = exports.stylingSettings = exports.coreSizeFromFluentSize = exports.lineThicknessSizeMap = exports.diameterSizeMap = void 0;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
7
|
+
const react_native_1 = require("react-native");
|
|
8
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
9
|
+
const assert_never_1 = __importDefault(require("assert-never"));
|
|
10
|
+
const ActivityIndicator_types_1 = require("./ActivityIndicator.types");
|
|
22
11
|
exports.diameterSizeMap = {
|
|
23
12
|
xSmall: 12,
|
|
24
13
|
small: 16,
|
|
@@ -56,16 +45,16 @@ function coreSizeFromFluentSize(fluentSize) {
|
|
|
56
45
|
exports.coreSizeFromFluentSize = coreSizeFromFluentSize;
|
|
57
46
|
exports.stylingSettings = {
|
|
58
47
|
tokens: [
|
|
59
|
-
|
|
48
|
+
() => ({
|
|
60
49
|
activityIndicatorColor: react_native_1.Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
|
|
61
50
|
lineThickness: 'medium',
|
|
62
51
|
size: 'medium',
|
|
63
|
-
})
|
|
52
|
+
}),
|
|
64
53
|
ActivityIndicator_types_1.activityIndicatorName,
|
|
65
54
|
],
|
|
66
55
|
tokensThatAreAlsoProps: 'all',
|
|
67
56
|
slotProps: {
|
|
68
|
-
root: (0, framework_1.buildProps)(
|
|
57
|
+
root: (0, framework_1.buildProps)((tokens) => ({
|
|
69
58
|
activityIndicatorColor: tokens.activityIndicatorColor,
|
|
70
59
|
size: tokens.size,
|
|
71
60
|
lineThickness: tokens.lineThickness != 'medium' ? tokens.lineThickness : tokens.size,
|
|
@@ -75,24 +64,27 @@ exports.stylingSettings = {
|
|
|
75
64
|
width: exports.diameterSizeMap[tokens.size],
|
|
76
65
|
height: exports.diameterSizeMap[tokens.size],
|
|
77
66
|
},
|
|
78
|
-
})
|
|
79
|
-
svg: (0, framework_1.buildProps)(
|
|
67
|
+
}), ['activityIndicatorColor', 'lineThickness', 'size']),
|
|
68
|
+
svg: (0, framework_1.buildProps)((tokens) => ({
|
|
80
69
|
width: exports.diameterSizeMap[tokens.size],
|
|
81
70
|
height: exports.diameterSizeMap[tokens.size],
|
|
82
|
-
})
|
|
71
|
+
}), ['size']),
|
|
83
72
|
},
|
|
84
73
|
};
|
|
85
74
|
// Minimal styling settings for the RN Core ActivityIndicator
|
|
86
75
|
exports.coreStylingSettings = {
|
|
87
76
|
tokens: [
|
|
88
|
-
|
|
77
|
+
() => ({
|
|
89
78
|
size: 'small',
|
|
90
|
-
})
|
|
79
|
+
}),
|
|
91
80
|
ActivityIndicator_types_1.activityIndicatorName,
|
|
92
81
|
],
|
|
93
82
|
tokensThatAreAlsoProps: 'all',
|
|
94
83
|
slotProps: {
|
|
95
|
-
root: (0, framework_1.buildProps)(
|
|
84
|
+
root: (0, framework_1.buildProps)((tokens) => ({
|
|
85
|
+
color: tokens.activityIndicatorColor,
|
|
86
|
+
...(tokens.size && { size: coreSizeFromFluentSize(tokens.size) }), // Only pass in the prop if defined
|
|
87
|
+
}), ['activityIndicatorColor', 'size']),
|
|
96
88
|
},
|
|
97
89
|
};
|
|
98
90
|
//# sourceMappingURL=ActivityIndicator.styling.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicator.styling.js","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.styling.js","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":";;;;;;AACA,+CAA0C;AAG1C,gEAA8D;AAC9D,gEAAuC;AASvC,uEAAkE;AAErD,QAAA,eAAe,GAA8B;IACxD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AACW,QAAA,oBAAoB,GAA8B;IAC7D,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,0FAA0F;AAC1F,SAAgB,sBAAsB,CAAC,UAAiC;IACtE,IAAI,OAAO,UAAU,KAAK,WAAW,EAAE;QACrC,OAAO,UAAU,CAAC;KACnB;IAED,QAAQ,UAAU,EAAE;QAClB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAC;QACjB;YACE,IAAA,sBAAW,EAAC,UAAU,CAAC,CAAC;KAC3B;AACH,CAAC;AAnBD,wDAmBC;AAEY,QAAA,eAAe,GAAyG;IACnI,MAAM,EAAE;QACN,GAAG,EAAE,CAAC,CAAC;YACL,sBAAsB,EAAE,yBAAU,CAAC,cAAc,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACvF,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,QAAQ;SACf,CAAC;QACF,+CAAqB;KACtB;IACD,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAA+B,EAAE,EAAE,CAAC,CAAC;YACpC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB;YACrD,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI;YACpF,kBAAkB,EAAE,aAAa;YACjC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE;gBACL,KAAK,EAAE,uBAAe,CAAC,MAAM,CAAC,IAAI,CAAC;gBACnC,MAAM,EAAE,uBAAe,CAAC,MAAM,CAAC,IAAI,CAAC;aACrC;SACF,CAAC,EACF,CAAC,wBAAwB,EAAE,eAAe,EAAE,MAAM,CAAC,CACpD;QACD,GAAG,EAAE,IAAA,sBAAU,EACb,CAAC,MAA+B,EAAE,EAAE,CAAC,CAAC;YACpC,KAAK,EAAE,uBAAe,CAAC,MAAM,CAAC,IAAI,CAAC;YACnC,MAAM,EAAE,uBAAe,CAAC,MAAM,CAAC,IAAI,CAAC;SACrC,CAAC,EACF,CAAC,MAAM,CAAC,CACT;KACF;CACF,CAAC;AAEF,6DAA6D;AAChD,QAAA,mBAAmB,GAAuG;IACrI,MAAM,EAAE;QACN,GAAG,EAAE,CAAC,CAAC;YACL,IAAI,EAAE,OAAO;SACd,CAAC;QACF,+CAAqB;KACtB;IACD,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAA+B,EAAE,EAAE,CAAC,CAAC;YACpC,KAAK,EAAE,MAAM,CAAC,sBAAsB;YACpC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,mCAAmC;SACvG,CAAC,EACF,CAAC,wBAAwB,EAAE,MAAM,CAAC,CACnC;KACF;CACF,CAAC"}
|
|
@@ -1,31 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
/** @jsxRuntime classic */
|
|
3
3
|
/** @jsx withSlots */
|
|
4
|
-
var __assign = (this && this.__assign) || function () {
|
|
5
|
-
__assign = Object.assign || function(t) {
|
|
6
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
7
|
-
s = arguments[i];
|
|
8
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
9
|
-
t[p] = s[p];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
return __assign.apply(this, arguments);
|
|
14
|
-
};
|
|
15
4
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
5
|
exports.ActivityIndicator = void 0;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
8
|
+
const ActivityIndicator_styling_1 = require("./ActivityIndicator.styling");
|
|
9
|
+
const ActivityIndicator_types_1 = require("./ActivityIndicator.types");
|
|
21
10
|
/**
|
|
22
11
|
* Wrapper around React Native Core's ActivityIndicator for platforms we do not
|
|
23
12
|
* have a custom FluentUI React Native ActivityIndicator defined.
|
|
24
13
|
*/
|
|
25
|
-
exports.ActivityIndicator = (0, framework_1.compose)(
|
|
14
|
+
exports.ActivityIndicator = (0, framework_1.compose)({
|
|
15
|
+
displayName: ActivityIndicator_types_1.activityIndicatorName,
|
|
16
|
+
...ActivityIndicator_styling_1.coreStylingSettings,
|
|
17
|
+
slots: {
|
|
26
18
|
root: react_native_1.ActivityIndicator,
|
|
27
|
-
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
19
|
+
},
|
|
20
|
+
useRender: (props, useSlots) => {
|
|
21
|
+
const Slots = useSlots(props);
|
|
22
|
+
return () => (0, framework_1.withSlots)(Slots.root, null);
|
|
23
|
+
},
|
|
24
|
+
});
|
|
31
25
|
//# sourceMappingURL=CoreActivityIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":";AAAA,0BAA0B;AAC1B,qBAAqB
|
|
1
|
+
{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":";AAAA,0BAA0B;AAC1B,qBAAqB;;;AAErB,+CAA0E;AAG1E,gEAAsE;AAEtE,2EAAkE;AAElE,uEAAkE;AAElE;;;GAGG;AACU,QAAA,iBAAiB,GAAG,IAAA,mBAAO,EAA4B;IAClE,WAAW,EAAE,+CAAqB;IAClC,GAAG,+CAAmB;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,gCAAqB;KAC5B;IACD,SAAS,EAAE,CAAC,KAA6B,EAAE,QAA6C,EAAE,EAAE;QAC1F,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,2BAAC,KAAK,CAAC,IAAI,OAAG,CAAC;IAC9B,CAAC;CACF,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-activity-indicator",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.6",
|
|
4
4
|
"description": "A cross-platform Fluent Activity Indicator component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"import": "./lib/index.js",
|
|
10
|
+
"require": "./lib-commonjs/index.js",
|
|
11
|
+
"types": "./lib/index.d.ts"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
7
14
|
"typings": "lib/index.d.ts",
|
|
8
15
|
"scripts": {
|
|
9
16
|
"build": "fluentui-scripts build",
|
|
@@ -22,7 +29,7 @@
|
|
|
22
29
|
"directory": "packages/experimental/ActivityIndicator"
|
|
23
30
|
},
|
|
24
31
|
"dependencies": {
|
|
25
|
-
"@fluentui-react-native/framework": "0.14.
|
|
32
|
+
"@fluentui-react-native/framework": "0.14.5",
|
|
26
33
|
"assert-never": "^1.2.1"
|
|
27
34
|
},
|
|
28
35
|
"devDependencies": {
|
|
@@ -34,7 +41,9 @@
|
|
|
34
41
|
"@types/react": "~18.2.0",
|
|
35
42
|
"react": "18.2.0",
|
|
36
43
|
"react-native": "^0.74.0",
|
|
37
|
-
"react-native-
|
|
44
|
+
"react-native-macos": "^0.74.0",
|
|
45
|
+
"react-native-svg": "^15.4.0",
|
|
46
|
+
"react-native-windows": "^0.74.0"
|
|
38
47
|
},
|
|
39
48
|
"peerDependencies": {
|
|
40
49
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
@@ -61,9 +70,12 @@
|
|
|
61
70
|
]
|
|
62
71
|
},
|
|
63
72
|
"capabilities": [
|
|
73
|
+
"babel-preset-react-native",
|
|
64
74
|
"core",
|
|
65
75
|
"core-android",
|
|
66
76
|
"core-ios",
|
|
77
|
+
"core-macos",
|
|
78
|
+
"core-windows",
|
|
67
79
|
"react",
|
|
68
80
|
"svg"
|
|
69
81
|
]
|
package/.eslintrc.js
DELETED