@fluentui-react-native/experimental-activity-indicator 0.11.0 → 0.11.3
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.md +26 -0
- package/lib/ActivityIndicator.android.d.ts +1 -1
- package/lib/ActivityIndicator.android.js +1 -1
- package/lib/ActivityIndicator.d.ts +1 -1
- package/lib/ActivityIndicator.ios.d.ts +1 -1
- package/lib/ActivityIndicator.ios.js +1 -1
- package/lib/ActivityIndicator.js +1 -1
- package/lib/ActivityIndicator.mobile.d.ts +2 -7
- package/lib/ActivityIndicator.mobile.js +86 -89
- package/lib/ActivityIndicator.mobile.js.map +1 -1
- package/lib/ActivityIndicator.styling.d.ts +5 -15
- package/lib/ActivityIndicator.styling.js +67 -76
- package/lib/ActivityIndicator.types.d.ts +36 -36
- package/lib/ActivityIndicator.types.js +1 -1
- package/lib/CoreActivityIndicator.d.ts +2 -7
- package/lib/CoreActivityIndicator.js +11 -11
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib-commonjs/ActivityIndicator.android.d.ts +1 -1
- package/lib-commonjs/ActivityIndicator.android.js +6 -11
- package/lib-commonjs/ActivityIndicator.d.ts +1 -1
- package/lib-commonjs/ActivityIndicator.ios.d.ts +1 -1
- package/lib-commonjs/ActivityIndicator.ios.js +6 -11
- package/lib-commonjs/ActivityIndicator.js +6 -11
- package/lib-commonjs/ActivityIndicator.mobile.d.ts +2 -7
- package/lib-commonjs/ActivityIndicator.mobile.js +94 -106
- package/lib-commonjs/ActivityIndicator.mobile.js.map +1 -1
- package/lib-commonjs/ActivityIndicator.styling.d.ts +5 -15
- package/lib-commonjs/ActivityIndicator.styling.js +76 -87
- package/lib-commonjs/ActivityIndicator.types.d.ts +36 -36
- package/lib-commonjs/ActivityIndicator.types.js +3 -3
- package/lib-commonjs/CoreActivityIndicator.d.ts +2 -7
- package/lib-commonjs/CoreActivityIndicator.js +17 -17
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +5 -10
- package/package.json +21 -20
- package/src/ActivityIndicator.mobile.tsx +2 -2
- package/eslint.config.js +0 -3
|
@@ -4,10 +4,5 @@ import type { ActivityIndicatorProps } from './ActivityIndicator.types';
|
|
|
4
4
|
* Wrapper around React Native Core's ActivityIndicator for platforms we do not
|
|
5
5
|
* have a custom FluentUI React Native ActivityIndicator defined.
|
|
6
6
|
*/
|
|
7
|
-
export declare const ActivityIndicator: import(
|
|
8
|
-
|
|
9
|
-
import('./ActivityIndicator.types').CoreActivityIndicatorSlotProps,
|
|
10
|
-
import('./ActivityIndicator.types').ActivityIndicatorTokens,
|
|
11
|
-
import('@fluentui-react-native/framework').ObjectBase
|
|
12
|
-
>;
|
|
13
|
-
//# sourceMappingURL=CoreActivityIndicator.d.ts.map
|
|
7
|
+
export declare const ActivityIndicator: import("@fluentui-react-native/framework").ComposableComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").CoreActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, import("@fluentui-react-native/framework").ObjectBase>;
|
|
8
|
+
//# sourceMappingURL=CoreActivityIndicator.d.ts.map
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ActivityIndicator = void 0;
|
|
4
|
-
const jsx_runtime_1 = require(
|
|
4
|
+
const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
|
|
5
5
|
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
6
|
-
const react_native_1 = require(
|
|
7
|
-
const framework_1 = require(
|
|
8
|
-
const ActivityIndicator_styling_1 = require(
|
|
9
|
-
const ActivityIndicator_types_1 = require(
|
|
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");
|
|
10
10
|
/**
|
|
11
11
|
* Wrapper around React Native Core's ActivityIndicator for platforms we do not
|
|
12
12
|
* have a custom FluentUI React Native ActivityIndicator defined.
|
|
13
13
|
*/
|
|
14
14
|
exports.ActivityIndicator = (0, framework_1.compose)({
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
displayName: ActivityIndicator_types_1.activityIndicatorName,
|
|
16
|
+
...ActivityIndicator_styling_1.coreStylingSettings,
|
|
17
|
+
slots: {
|
|
18
|
+
root: react_native_1.ActivityIndicator,
|
|
19
|
+
},
|
|
20
|
+
useRender: (props, useSlots) => {
|
|
21
|
+
const Slots = useSlots(props);
|
|
22
|
+
return () => jsx_runtime_1.jsx(Slots.root, {});
|
|
23
|
+
},
|
|
24
24
|
});
|
|
25
|
-
//# sourceMappingURL=CoreActivityIndicator.js.map
|
|
25
|
+
//# sourceMappingURL=CoreActivityIndicator.js.map
|
package/lib-commonjs/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ActivityIndicator } from './ActivityIndicator';
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ActivityIndicator = void 0;
|
|
4
|
-
const ActivityIndicator_1 = require(
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
get: function () {
|
|
8
|
-
return ActivityIndicator_1.ActivityIndicator;
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
const ActivityIndicator_1 = require("./ActivityIndicator");
|
|
5
|
+
Object.defineProperty(exports, "ActivityIndicator", { enumerable: true, get: function () { return ActivityIndicator_1.ActivityIndicator; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,63 +1,64 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-activity-indicator",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.3",
|
|
4
4
|
"description": "A cross-platform Fluent Activity Indicator component",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"author": "",
|
|
5
7
|
"repository": {
|
|
6
8
|
"type": "git",
|
|
7
9
|
"url": "https://github.com/microsoft/fluentui-react-native.git",
|
|
8
10
|
"directory": "packages/experimental/ActivityIndicator"
|
|
9
11
|
},
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
+
"main": "lib-commonjs/index.js",
|
|
13
|
+
"module": "lib/index.js",
|
|
14
|
+
"types": "lib/index.d.ts",
|
|
12
15
|
"exports": {
|
|
13
16
|
".": {
|
|
14
17
|
"types": "./lib/index.d.ts",
|
|
15
18
|
"import": "./lib/index.js",
|
|
16
|
-
"require": "./lib-commonjs/index.js"
|
|
19
|
+
"require": "./lib-commonjs/index.js",
|
|
20
|
+
"default": "./src/index.ts"
|
|
17
21
|
}
|
|
18
22
|
},
|
|
19
|
-
"main": "lib-commonjs/index.js",
|
|
20
|
-
"module": "lib/index.js",
|
|
21
|
-
"types": "lib/index.d.ts",
|
|
22
23
|
"scripts": {
|
|
23
24
|
"build": "fluentui-scripts build",
|
|
24
25
|
"build-cjs": "tsgo --outDir lib-commonjs",
|
|
25
|
-
"build-
|
|
26
|
+
"build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
|
|
26
27
|
"clean": "fluentui-scripts clean",
|
|
27
28
|
"depcheck": "fluentui-scripts depcheck",
|
|
28
|
-
"
|
|
29
|
+
"format": "fluentui-scripts format",
|
|
30
|
+
"lint": "fluentui-scripts lint",
|
|
29
31
|
"lint-package": "fluentui-scripts lint-package",
|
|
30
|
-
"prettier": "fluentui-scripts prettier",
|
|
31
32
|
"test": "fluentui-scripts jest",
|
|
32
33
|
"update-snapshots": "fluentui-scripts jest -u"
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
35
|
-
"@fluentui-react-native/framework": "0.15.
|
|
36
|
+
"@fluentui-react-native/framework": "0.15.3",
|
|
36
37
|
"assert-never": "^1.2.1"
|
|
37
38
|
},
|
|
38
39
|
"devDependencies": {
|
|
39
40
|
"@babel/core": "^7.20.0",
|
|
40
|
-
"@fluentui-react-native/
|
|
41
|
-
"@fluentui-react-native/framework-base": "0.3.0",
|
|
41
|
+
"@fluentui-react-native/framework-base": "0.3.3",
|
|
42
42
|
"@fluentui-react-native/kit-config": "0.1.2",
|
|
43
|
-
"@fluentui-react-native/
|
|
43
|
+
"@fluentui-react-native/lint-config-rules": "0.1.3",
|
|
44
|
+
"@fluentui-react-native/scripts": "0.1.0",
|
|
44
45
|
"@react-native-community/cli": "^20.0.0",
|
|
45
46
|
"@react-native-community/cli-platform-android": "^20.0.0",
|
|
46
47
|
"@react-native-community/cli-platform-ios": "^20.0.0",
|
|
47
48
|
"@react-native/babel-preset": "^0.74.0",
|
|
48
49
|
"@react-native/metro-config": "^0.81.0",
|
|
49
|
-
"@types/react": "~19.1.
|
|
50
|
-
"react": "19.1.
|
|
51
|
-
"react-native": "^0.81.
|
|
50
|
+
"@types/react": "~19.1.4",
|
|
51
|
+
"react": "19.1.4",
|
|
52
|
+
"react-native": "^0.81.6",
|
|
52
53
|
"react-native-macos": "^0.81.0",
|
|
53
54
|
"react-native-svg": "^15.12.1",
|
|
54
55
|
"react-native-windows": "^0.81.0"
|
|
55
56
|
},
|
|
56
57
|
"peerDependencies": {
|
|
57
58
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
58
|
-
"@types/react": "~18.2.0 || ~19.0.0 || ~19.1.
|
|
59
|
-
"react": "18.2.0 || 19.0.0 || 19.1.
|
|
60
|
-
"react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.
|
|
59
|
+
"@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
|
|
60
|
+
"react": "18.2.0 || 19.0.0 || 19.1.4",
|
|
61
|
+
"react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
|
|
61
62
|
"react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
|
|
62
63
|
"react-native-svg": ">=15.0.0 <15.13.0 || >=15.4.0 <15.13.0 || ^15.11.2 || ^15.12.1",
|
|
63
64
|
"react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
|
|
@@ -61,7 +61,7 @@ export const ActivityIndicator = compose<FluentActivityIndicatorType>({
|
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
|
-
}, [rotationAngle
|
|
64
|
+
}, [rotationAngle]);
|
|
65
65
|
|
|
66
66
|
const stopRotation = () => {
|
|
67
67
|
if (rotationAnimation.current) {
|
|
@@ -86,7 +86,7 @@ export const ActivityIndicator = compose<FluentActivityIndicatorType>({
|
|
|
86
86
|
} else {
|
|
87
87
|
stopRotation();
|
|
88
88
|
}
|
|
89
|
-
}, [animating,
|
|
89
|
+
}, [animating, rotationAngle, startRotation]);
|
|
90
90
|
|
|
91
91
|
const interpolateSpin = rotationAngle.interpolate({
|
|
92
92
|
inputRange: [0, 359],
|
package/eslint.config.js
DELETED