@fluentui-react-native/experimental-activity-indicator 0.7.23 → 0.7.24

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.
Files changed (35) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/package.json +2 -2
  4. package/lib/ActivityIndicator.android.d.ts +0 -4
  5. package/lib/ActivityIndicator.android.d.ts.map +0 -1
  6. package/lib/ActivityIndicator.android.js +0 -4
  7. package/lib/ActivityIndicator.android.js.map +0 -1
  8. package/lib/ActivityIndicator.d.ts +0 -4
  9. package/lib/ActivityIndicator.d.ts.map +0 -1
  10. package/lib/ActivityIndicator.ios.d.ts +0 -4
  11. package/lib/ActivityIndicator.ios.d.ts.map +0 -1
  12. package/lib/ActivityIndicator.ios.js +0 -4
  13. package/lib/ActivityIndicator.ios.js.map +0 -1
  14. package/lib/ActivityIndicator.js +0 -4
  15. package/lib/ActivityIndicator.js.map +0 -1
  16. package/lib/ActivityIndicator.mobile.d.ts +0 -6
  17. package/lib/ActivityIndicator.mobile.d.ts.map +0 -1
  18. package/lib/ActivityIndicator.mobile.js +0 -117
  19. package/lib/ActivityIndicator.mobile.js.map +0 -1
  20. package/lib/ActivityIndicator.styling.d.ts +0 -13
  21. package/lib/ActivityIndicator.styling.d.ts.map +0 -1
  22. package/lib/ActivityIndicator.styling.js +0 -91
  23. package/lib/ActivityIndicator.styling.js.map +0 -1
  24. package/lib/ActivityIndicator.types.d.ts +0 -54
  25. package/lib/ActivityIndicator.types.d.ts.map +0 -1
  26. package/lib/ActivityIndicator.types.js +0 -2
  27. package/lib/ActivityIndicator.types.js.map +0 -1
  28. package/lib/CoreActivityIndicator.d.ts +0 -8
  29. package/lib/CoreActivityIndicator.d.ts.map +0 -1
  30. package/lib/CoreActivityIndicator.js +0 -27
  31. package/lib/CoreActivityIndicator.js.map +0 -1
  32. package/lib/index.d.ts +0 -2
  33. package/lib/index.d.ts.map +0 -1
  34. package/lib/index.js +0 -2
  35. package/lib/index.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/experimental-activity-indicator",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 14 Mar 2023 20:46:38 GMT",
5
+ "date": "Sat, 18 Mar 2023 17:18:20 GMT",
6
+ "tag": "@fluentui-react-native/experimental-activity-indicator_v0.7.24",
7
+ "version": "0.7.24",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui-react-native/experimental-activity-indicator",
13
+ "comment": "Bump @fluentui-react-native/framework to v0.9.7",
14
+ "commit": "601309349ca2bc18780a3fb71c59337f7c26f9bf"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Tue, 14 Mar 2023 20:50:45 GMT",
6
21
  "tag": "@fluentui-react-native/experimental-activity-indicator_v0.7.23",
7
22
  "version": "0.7.23",
8
23
  "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 Tue, 14 Mar 2023 20:46:38 GMT and should not be manually modified.
3
+ This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.7.24
8
+
9
+ Sat, 18 Mar 2023 17:18:20 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/framework to v0.9.7
14
+
7
15
  ## 0.7.23
8
16
 
9
- Tue, 14 Mar 2023 20:46:38 GMT
17
+ Tue, 14 Mar 2023 20:50:45 GMT
10
18
 
11
19
  ### Patches
12
20
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-activity-indicator",
3
- "version": "0.7.23",
3
+ "version": "0.7.24",
4
4
  "description": "A cross-platform Fluent Activity Indicator component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -22,7 +22,7 @@
22
22
  "directory": "packages/experimental/ActivityIndicator"
23
23
  },
24
24
  "dependencies": {
25
- "@fluentui-react-native/framework": "0.9.6",
25
+ "@fluentui-react-native/framework": "0.9.7",
26
26
  "assert-never": "^1.2.1"
27
27
  },
28
28
  "devDependencies": {
@@ -1,4 +0,0 @@
1
- import { ActivityIndicator } from './ActivityIndicator.mobile';
2
- export { ActivityIndicator } from './ActivityIndicator.mobile';
3
- export default ActivityIndicator;
4
- //# sourceMappingURL=ActivityIndicator.android.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.android.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ActivityIndicator } from './ActivityIndicator.mobile';
2
- export { ActivityIndicator } from './ActivityIndicator.mobile';
3
- export default ActivityIndicator;
4
- //# sourceMappingURL=ActivityIndicator.android.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.android.js","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ActivityIndicator } from './CoreActivityIndicator';
2
- export { ActivityIndicator } from './CoreActivityIndicator';
3
- export default ActivityIndicator;
4
- //# sourceMappingURL=ActivityIndicator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,eAAe,iBAAiB,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ActivityIndicator } from './ActivityIndicator.mobile';
2
- export { ActivityIndicator } from './ActivityIndicator.mobile';
3
- export default ActivityIndicator;
4
- //# sourceMappingURL=ActivityIndicator.ios.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.ios.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ActivityIndicator } from './ActivityIndicator.mobile';
2
- export { ActivityIndicator } from './ActivityIndicator.mobile';
3
- export default ActivityIndicator;
4
- //# sourceMappingURL=ActivityIndicator.ios.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.ios.js","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,eAAe,iBAAiB,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ActivityIndicator } from './CoreActivityIndicator';
2
- export { ActivityIndicator } from './CoreActivityIndicator';
3
- export default ActivityIndicator;
4
- //# sourceMappingURL=ActivityIndicator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,eAAe,iBAAiB,CAAC"}
@@ -1,6 +0,0 @@
1
- import { Animated } from 'react-native';
2
- import { Svg } from 'react-native-svg';
3
- import type { ActivityIndicatorProps } from './ActivityIndicator.types';
4
- export declare const AnimatedSvg: Animated.AnimatedComponent<typeof Svg>;
5
- export declare const ActivityIndicator: import("@fluentui-react-native/framework").ComposableComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").FluentActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, object>;
6
- //# sourceMappingURL=ActivityIndicator.mobile.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.mobile.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAC;AAItD,OAAO,EAAE,GAAG,EAAQ,MAAM,kBAAkB,CAAC;AAG7C,OAAO,KAAK,EAAE,sBAAsB,EAA+B,MAAM,2BAA2B,CAAC;AAcrG,eAAO,MAAM,WAAW,wCAAwC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,mOAiG5B,CAAC"}
@@ -1,117 +0,0 @@
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
- /** @jsx withSlots */
24
- import { useRef, useEffect, useCallback } from 'react';
25
- import { Animated, Easing, View } from 'react-native';
26
- import { compose, mergeProps, withSlots, buildUseStyling } from '@fluentui-react-native/framework';
27
- import { Svg, Path } from 'react-native-svg';
28
- import { diameterSizeMap, lineThicknessSizeMap, stylingSettings } from './ActivityIndicator.styling';
29
- import { activityIndicatorName } from './ActivityIndicator.types';
30
- var getActivityIndicatorPath = function (diameter, width, color) {
31
- var start = {
32
- x: width / 2,
33
- y: diameter / 2,
34
- };
35
- var innerRadius = diameter / 2 - width / 2;
36
- var path = "M".concat(start.x, " ").concat(start.y, " a").concat(innerRadius, " ").concat(innerRadius, " 0 1 1 ").concat(innerRadius, " ").concat(innerRadius);
37
- return withSlots(Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round" });
38
- };
39
- export var AnimatedSvg = Animated.createAnimatedComponent(Svg);
40
- var useStyling = buildUseStyling(stylingSettings);
41
- export var ActivityIndicator = compose(__assign(__assign({ displayName: activityIndicatorName }, stylingSettings), { slots: {
42
- root: View,
43
- svg: AnimatedSvg,
44
- }, useRender: function (props, useSlots) {
45
- var Slots = useSlots(props);
46
- var slotProps = useStyling(props);
47
- var animating = props.animating != undefined ? props.animating : true;
48
- var hidesWhenStopped = props.hidesWhenStopped != undefined ? props.hidesWhenStopped : true;
49
- // React Native ActivityIndicator still takes up space when hidden, so to perfectly match would use opacity
50
- // hiding opacity makes the screen reader on iOS and Android skip over it
51
- var hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
52
- var rotationAngle = useRef(new Animated.Value(0)).current;
53
- var rotationAnimation = useRef(undefined);
54
- /**
55
- * https://github.com/facebook/react-native/pull/29585
56
- * For Animated.loop() to work with the native driver, React Native needs this fix.
57
- * It's only available in React Native 0.66+, and React Native macOS 0.62+
58
- * To workaround this, let's just rerun the loop everytime the animation finishes
59
- */
60
- var startRotation = useCallback(function () {
61
- if (rotationAnimation.current) {
62
- rotationAngle.setValue(0);
63
- rotationAnimation.current.reset();
64
- rotationAnimation.current.start(function (result) {
65
- if (result.finished) {
66
- startRotation();
67
- }
68
- });
69
- }
70
- }, [rotationAngle, animating]);
71
- var stopRotation = function () {
72
- if (rotationAnimation.current) {
73
- rotationAnimation.current.stop();
74
- }
75
- };
76
- useEffect(function () {
77
- if (rotationAnimation.current === undefined) {
78
- rotationAnimation.current = Animated.sequence([
79
- Animated.timing(rotationAngle, {
80
- toValue: 359,
81
- duration: 750,
82
- useNativeDriver: true,
83
- easing: Easing.linear,
84
- }),
85
- ]);
86
- }
87
- if (animating) {
88
- startRotation();
89
- }
90
- else {
91
- stopRotation();
92
- }
93
- }, [animating, hidesWhenStopped, rotationAngle]);
94
- var interpolateSpin = rotationAngle.interpolate({
95
- inputRange: [0, 359],
96
- outputRange: ['0deg', '359deg'],
97
- });
98
- var path = getActivityIndicatorPath(diameterSizeMap[slotProps.root.size], lineThicknessSizeMap[slotProps.root.lineThickness], slotProps.root.activityIndicatorColor);
99
- // perspective is needed for animations to work on Android. See https://reactnative.dev/docs/animations#bear-in-mind
100
- var animatedSvgProps = {
101
- style: {
102
- transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
103
- },
104
- };
105
- var otherRootProps = {
106
- style: {
107
- opacity: hideOpacity,
108
- },
109
- accessibilityState: { busy: animating },
110
- };
111
- return function (rest) {
112
- var mergedProps = __rest(mergeProps(props, rest, otherRootProps), []);
113
- return (withSlots(Slots.root, __assign({}, mergedProps),
114
- withSlots(Slots.svg, __assign({}, animatedSvgProps), path)));
115
- };
116
- } }));
117
- //# sourceMappingURL=ActivityIndicator.mobile.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
1
- import type { ActivityIndicatorProps as CoreActivityIndicatorProps } from 'react-native';
2
- import type { UseStylingOptions } from '@fluentui-react-native/framework';
3
- import type { ActivityIndicatorProps, FluentActivityIndicatorSlotProps, ActivityIndicatorTokens, CoreActivityIndicatorSlotProps, ActivityIndicatorSize } from './ActivityIndicator.types';
4
- export declare const diameterSizeMap: {
5
- [key: string]: number;
6
- };
7
- export declare const lineThicknessSizeMap: {
8
- [key: string]: number;
9
- };
10
- export declare function coreSizeFromFluentSize(fluentSize: ActivityIndicatorSize): CoreActivityIndicatorProps['size'];
11
- export declare const stylingSettings: UseStylingOptions<ActivityIndicatorProps, FluentActivityIndicatorSlotProps, ActivityIndicatorTokens>;
12
- export declare const coreStylingSettings: UseStylingOptions<ActivityIndicatorProps, CoreActivityIndicatorSlotProps, ActivityIndicatorTokens>;
13
- //# sourceMappingURL=ActivityIndicator.styling.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.styling.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,IAAI,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAGzF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAI1E,OAAO,KAAK,EACV,sBAAsB,EACtB,gCAAgC,EAChC,uBAAuB,EACvB,8BAA8B,EAC9B,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAGnC,eAAO,MAAM,eAAe,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAMpD,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAMzD,CAAC;AAGF,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,qBAAqB,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAmB5G;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,sBAAsB,EAAE,gCAAgC,EAAE,uBAAuB,CAiChI,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,sBAAsB,EAAE,8BAA8B,EAAE,uBAAuB,CAiBlI,CAAC"}
@@ -1,91 +0,0 @@
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
- import { Appearance } from 'react-native';
13
- import { buildProps } from '@fluentui-react-native/framework';
14
- import assertNever from 'assert-never';
15
- import { activityIndicatorName } from './ActivityIndicator.types';
16
- export var diameterSizeMap = {
17
- xSmall: 12,
18
- small: 16,
19
- medium: 24,
20
- large: 32,
21
- xLarge: 36,
22
- };
23
- export var lineThicknessSizeMap = {
24
- xSmall: 1,
25
- small: 1,
26
- medium: 2,
27
- large: 3,
28
- xLarge: 4,
29
- };
30
- // Size coversion ramp from the Fluent ActivityIndicator size to the RN ActivityIndicator.
31
- export function coreSizeFromFluentSize(fluentSize) {
32
- if (typeof fluentSize === 'undefined') {
33
- return fluentSize;
34
- }
35
- switch (fluentSize) {
36
- case 'xSmall':
37
- return 'small';
38
- case 'small':
39
- return 'small';
40
- case 'medium':
41
- return 'small';
42
- case 'large':
43
- return 'large';
44
- case 'xLarge':
45
- return 'large';
46
- default:
47
- assertNever(fluentSize);
48
- }
49
- }
50
- export var stylingSettings = {
51
- tokens: [
52
- function () { return ({
53
- activityIndicatorColor: Appearance.getColorScheme() === 'light' ? '#BDBDBD' : '#666666',
54
- lineThickness: 'medium',
55
- size: 'medium',
56
- }); },
57
- activityIndicatorName,
58
- ],
59
- tokensThatAreAlsoProps: 'all',
60
- slotProps: {
61
- root: buildProps(function (tokens) { return ({
62
- activityIndicatorColor: tokens.activityIndicatorColor,
63
- size: tokens.size,
64
- lineThickness: tokens.lineThickness != 'medium' ? tokens.lineThickness : tokens.size,
65
- accessibilityLabel: 'progressbar',
66
- accessible: true,
67
- style: {
68
- width: diameterSizeMap[tokens.size],
69
- height: diameterSizeMap[tokens.size],
70
- },
71
- }); }, ['activityIndicatorColor', 'lineThickness', 'size']),
72
- svg: buildProps(function (tokens) { return ({
73
- width: diameterSizeMap[tokens.size],
74
- height: diameterSizeMap[tokens.size],
75
- }); }, ['size']),
76
- },
77
- };
78
- // Minimal styling settings for the RN Core ActivityIndicator
79
- export var coreStylingSettings = {
80
- tokens: [
81
- function () { return ({
82
- size: 'small',
83
- }); },
84
- activityIndicatorName,
85
- ],
86
- tokensThatAreAlsoProps: 'all',
87
- slotProps: {
88
- root: buildProps(function (tokens) { return (__assign({ color: tokens.activityIndicatorColor }, (tokens.size && { size: coreSizeFromFluentSize(tokens.size) }))); }, ['activityIndicatorColor', 'size']),
89
- },
90
- };
91
- //# sourceMappingURL=ActivityIndicator.styling.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.styling.js","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"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"}
@@ -1,54 +0,0 @@
1
- import type { Animated, ActivityIndicatorProps as CoreActivityIndicatorProps } from 'react-native';
2
- import type { SvgProps } from 'react-native-svg';
3
- export declare const activityIndicatorName = "ActivityIndicator";
4
- /**
5
- * Specifies the possible sizes of the ActivityIndicator.
6
- */
7
- export type ActivityIndicatorSize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
8
- export interface ActivityIndicatorTokens {
9
- /**
10
- * ActivityIndicator element color
11
- * @defaultValue 'BDBDBD' for light mode, '666666' for dark mode
12
- */
13
- activityIndicatorColor?: string;
14
- /**
15
- * Line thickness of the ActivityIndicator
16
- * @defaultValue 'medium' or what size is set to
17
- */
18
- lineThickness?: ActivityIndicatorSize;
19
- /**
20
- * Size of the ActivityIndicator view
21
- * @defaultValue 'medium'
22
- */
23
- size?: ActivityIndicatorSize;
24
- }
25
- export interface ActivityIndicatorProps extends ActivityIndicatorTokens, Omit<CoreActivityIndicatorProps, 'size'> {
26
- /**
27
- * ActivityIndicator animating or not
28
- * @defaultValue 'true'
29
- */
30
- animating?: boolean;
31
- /**
32
- * ActivityIndicator hidden when not animating or not hidden
33
- * @defaultValue 'true'
34
- */
35
- hidesWhenStopped?: boolean;
36
- }
37
- export interface FluentActivityIndicatorSlotProps {
38
- root: ActivityIndicatorProps;
39
- svg: Animated.AnimatedProps<SvgProps>;
40
- }
41
- export interface FluentActivityIndicatorType {
42
- props: ActivityIndicatorProps;
43
- slotProps: FluentActivityIndicatorSlotProps;
44
- tokens: ActivityIndicatorTokens;
45
- }
46
- export interface CoreActivityIndicatorSlotProps {
47
- root: CoreActivityIndicatorProps;
48
- }
49
- export interface CoreActivityIndicatorType {
50
- props: ActivityIndicatorProps;
51
- slotProps: CoreActivityIndicatorSlotProps;
52
- tokens: ActivityIndicatorTokens;
53
- }
54
- //# sourceMappingURL=ActivityIndicator.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.types.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,sBAAsB,IAAI,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAEnG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvF,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAuB,SAAQ,uBAAuB,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC;IAC/G;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,sBAAsB,CAAC;IAC7B,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC;AACD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,SAAS,EAAE,gCAAgC,CAAC;IAC5C,MAAM,EAAE,uBAAuB,CAAC;CACjC;AAED,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,0BAA0B,CAAC;CAClC;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,SAAS,EAAE,8BAA8B,CAAC;IAC1C,MAAM,EAAE,uBAAuB,CAAC;CACjC"}
@@ -1,2 +0,0 @@
1
- export var activityIndicatorName = 'ActivityIndicator';
2
- //# sourceMappingURL=ActivityIndicator.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.types.js","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,qBAAqB,GAAG,mBAAmB,CAAC"}
@@ -1,8 +0,0 @@
1
- /** @jsx withSlots */
2
- import type { ActivityIndicatorProps } from './ActivityIndicator.types';
3
- /**
4
- * Wrapper around React Native Core's ActivityIndicator for platforms we do not
5
- * have a custom FluentUI React Native ActivityIndicator defined.
6
- */
7
- export declare const ActivityIndicator: import("@fluentui-react-native/framework").ComposableComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").CoreActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, object>;
8
- //# sourceMappingURL=CoreActivityIndicator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CoreActivityIndicator.d.ts","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AAQrB,OAAO,KAAK,EAA6B,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGnG;;;GAGG;AACH,eAAO,MAAM,iBAAiB,iOAU5B,CAAC"}
@@ -1,27 +0,0 @@
1
- /** @jsx withSlots */
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
- import { ActivityIndicator as CoreActivityIndicator } from 'react-native';
14
- import { compose, withSlots } from '@fluentui-react-native/framework';
15
- import { coreStylingSettings } from './ActivityIndicator.styling';
16
- import { activityIndicatorName } from './ActivityIndicator.types';
17
- /**
18
- * Wrapper around React Native Core's ActivityIndicator for platforms we do not
19
- * have a custom FluentUI React Native ActivityIndicator defined.
20
- */
21
- export var ActivityIndicator = compose(__assign(__assign({ displayName: activityIndicatorName }, coreStylingSettings), { slots: {
22
- root: CoreActivityIndicator,
23
- }, useRender: function (props, useSlots) {
24
- var Slots = useSlots(props);
25
- return function () { return withSlots(Slots.root, null); };
26
- } }));
27
- //# sourceMappingURL=CoreActivityIndicator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,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,IAAM,iBAAiB,GAAG,OAAO,qBACtC,WAAW,EAAE,qBAAqB,IAC/B,mBAAmB,KACtB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;KAC5B,EACD,SAAS,EAAE,UAAC,KAA6B,EAAE,QAA6C;QACtF,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,cAAM,OAAA,UAAC,KAAK,CAAC,IAAI,OAAG,EAAd,CAAc,CAAC;IAC9B,CAAC,IACD,CAAC"}
package/lib/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { ActivityIndicator } from './ActivityIndicator';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
package/lib/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { ActivityIndicator } from './ActivityIndicator';
2
- //# sourceMappingURL=index.js.map
package/lib/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}