@fluentui-react-native/experimental-activity-indicator 0.3.26 → 0.5.1

package/lib/CoreActivityIndicator.js

@@ -0,0 +1,27 @@
+/** @jsx withSlots */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { ActivityIndicator as CoreActivityIndicator } from 'react-native';
+import { activityIndicatorName } from './ActivityIndicator.types';
+import { coreStylingSettings } from './ActivityIndicator.styling';
+import { compose, withSlots } from '@fluentui-react-native/framework';
+/**
+ * Wrapper around React Native Core's ActivityIndicator for platforms we do not
+ * have a custom FluentUI React Native ActivityIndicator defined.
+ */
+export var ActivityIndicator = compose(__assign(__assign({ displayName: activityIndicatorName }, coreStylingSettings), { slots: {
+        root: CoreActivityIndicator,
+    }, render: function (props, useSlots) {
+        var Slots = useSlots(props);
+        return function () { return withSlots(Slots.root, null); };
+    } }));
+//# sourceMappingURL=CoreActivityIndicator.js.map

package/lib/CoreActivityIndicator.js.map

@@ -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;AAC1E,OAAO,EAAE,qBAAqB,EAAqD,MAAM,2BAA2B,CAAC;AACrH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAY,MAAM,kCAAkC,CAAC;AAEhF;;;GAGG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,OAAO,qBACtC,WAAW,EAAE,qBAAqB,IAC/B,mBAAmB,KACtB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;KAC5B,EACD,MAAM,EAAE,UAAC,KAA6B,EAAE,QAA6C;QACnF,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-commonjs/ActivityIndicator.android.d.ts

@@ -0,0 +1,4 @@
+import { ActivityIndicator } from './ActivityIndicator.mobile';
+export { ActivityIndicator } from './ActivityIndicator.mobile';
+export default ActivityIndicator;
+//# sourceMappingURL=ActivityIndicator.android.d.ts.map

package/lib-commonjs/ActivityIndicator.android.d.ts.map

@@ -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"}

package/lib-commonjs/ActivityIndicator.android.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ActivityIndicator_mobile_1 = require("./ActivityIndicator.mobile");
+var ActivityIndicator_mobile_2 = require("./ActivityIndicator.mobile");
+exports.ActivityIndicator = ActivityIndicator_mobile_2.ActivityIndicator;
+exports.default = ActivityIndicator_mobile_1.ActivityIndicator;
+//# sourceMappingURL=ActivityIndicator.android.js.map

package/lib-commonjs/ActivityIndicator.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.android.js","sourceRoot":"","sources":["../src/ActivityIndicator.android.tsx"],"names":[],"mappings":";;AAAA,uEAA+D;AAC/D,uEAA+D;AAAtD,uDAAA,iBAAiB,CAAA;AAC1B,kBAAe,4CAAiB,CAAC"}

package/lib-commonjs/ActivityIndicator.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import { Animated } from 'react-native';
-import { ActivityIndicatorProps } from './ActivityIndicator.types';
-export declare const AnimatedSvg: Animated.AnimatedComponent<import("react").ComponentClass<import("react-native-svg").SvgProps, any>>;
-export declare const ActivityIndicator: import("@fluentui-react-native/composition").ComposeFactoryComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").ActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, import("@fluentui-react-native/framework").Theme, object>;
+import { ActivityIndicator } from './CoreActivityIndicator';
+export { ActivityIndicator } from './CoreActivityIndicator';
+export default ActivityIndicator;
 //# sourceMappingURL=ActivityIndicator.d.ts.map

package/lib-commonjs/ActivityIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAC;AAGtD,OAAO,EAAyB,sBAAsB,EAAyB,MAAM,2BAA2B,CAAC;AAcjH,eAAO,MAAM,WAAW,sGAAwC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,qRAmE5B,CAAC"}
+{"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"}

package/lib-commonjs/ActivityIndicator.ios.d.ts

@@ -0,0 +1,4 @@
+import { ActivityIndicator } from './ActivityIndicator.mobile';
+export { ActivityIndicator } from './ActivityIndicator.mobile';
+export default ActivityIndicator;
+//# sourceMappingURL=ActivityIndicator.ios.d.ts.map

package/lib-commonjs/ActivityIndicator.ios.d.ts.map

@@ -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"}

package/lib-commonjs/ActivityIndicator.ios.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ActivityIndicator_mobile_1 = require("./ActivityIndicator.mobile");
+var ActivityIndicator_mobile_2 = require("./ActivityIndicator.mobile");
+exports.ActivityIndicator = ActivityIndicator_mobile_2.ActivityIndicator;
+exports.default = ActivityIndicator_mobile_1.ActivityIndicator;
+//# sourceMappingURL=ActivityIndicator.ios.js.map

package/lib-commonjs/ActivityIndicator.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.ios.js","sourceRoot":"","sources":["../src/ActivityIndicator.ios.tsx"],"names":[],"mappings":";;AAAA,uEAA+D;AAC/D,uEAA+D;AAAtD,uDAAA,iBAAiB,CAAA;AAC1B,kBAAe,4CAAiB,CAAC"}

package/lib-commonjs/ActivityIndicator.js

@@ -1,93 +1,7 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsx withSlots */
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var react_native_svg_1 = require("react-native-svg");
-var framework_1 = require("@fluentui-react-native/framework");
-var ActivityIndicator_types_1 = require("./ActivityIndicator.types");
-var ActivityIndicator_styling_1 = require("./ActivityIndicator.styling");
-var getActivityIndicatorPath = function (diameter, width, color) {
-    var start = {
-        x: width / 2,
-        y: diameter / 2,
-    };
-    var innerRadius = diameter / 2 - width / 2;
-    var path = "M" + start.x + " " + start.y + " a" + innerRadius + " " + innerRadius + " 0 1 1 " + innerRadius + " " + innerRadius;
-    return framework_1.withSlots(react_native_svg_1.Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round" });
-};
-exports.AnimatedSvg = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg);
-var useStyling = framework_1.buildUseStyling(ActivityIndicator_styling_1.stylingSettings);
-exports.ActivityIndicator = framework_1.compose(__assign(__assign({ displayName: ActivityIndicator_types_1.activityIndicatorName }, ActivityIndicator_styling_1.stylingSettings), { slots: {
-        root: react_native_1.View,
-        svg: exports.AnimatedSvg,
-    }, render: function (props, useSlots) {
-        var Slots = useSlots(props);
-        var slotProps = useStyling(props);
-        var animating = props.animating != undefined ? props.animating : true;
-        var hidesWhenStopped = props.hidesWhenStopped != undefined ? props.hidesWhenStopped : true;
-        // React Native ActivityIndicator still takes up space when hidden, so to perfectly match would use opacity
-        // hiding opacity makes the screen reader on iOS and Android skip over it
-        var hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
-        var spinAnimation = react_1.useRef(new react_native_1.Animated.Value(0)).current;
-        react_1.useEffect(function () {
-            if (animating) {
-                react_native_1.Animated.loop(react_native_1.Animated.sequence([
-                    react_native_1.Animated.timing(spinAnimation, {
-                        toValue: 359,
-                        duration: 750,
-                        useNativeDriver: false,
-                        easing: react_native_1.Easing.linear,
-                    }),
-                ])).start();
-            }
-            else {
-                spinAnimation.stopAnimation();
-            }
-        });
-        var interpolateSpin = spinAnimation.interpolate({
-            inputRange: [0, 359],
-            outputRange: ['0deg', '359deg'],
-        });
-        var path = getActivityIndicatorPath(ActivityIndicator_styling_1.diameterSizeMap[slotProps.root.size], ActivityIndicator_styling_1.lineThicknessSizeMap[slotProps.root.lineThickness], slotProps.root.activityIndicatorColor);
-        // perspective is needed for animations to work on Android. See https://reactnative.dev/docs/animations#bear-in-mind
-        var animatedSvgProps = {
-            style: {
-                transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
-            },
-        };
-        var otherRootProps = {
-            style: {
-                opacity: hideOpacity,
-            },
-            accessibilityState: { busy: animating },
-        };
-        return function (rest) {
-            var mergedProps = __rest(framework_1.mergeProps(props, rest, otherRootProps), []);
-            return (framework_1.withSlots(Slots.root, __assign({}, mergedProps),
-                framework_1.withSlots(Slots.svg, __assign({}, animatedSvgProps), path)));
-        };
-    } }));
+var CoreActivityIndicator_1 = require("./CoreActivityIndicator");
+var CoreActivityIndicator_2 = require("./CoreActivityIndicator");
+exports.ActivityIndicator = CoreActivityIndicator_2.ActivityIndicator;
+exports.default = CoreActivityIndicator_1.ActivityIndicator;
 //# sourceMappingURL=ActivityIndicator.js.map

package/lib-commonjs/ActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../src/ActivityIndicator.tsx"],"names":[],"mappings":";;AAAA,iEAA4D;AAC5D,iEAA4D;AAAnD,oDAAA,iBAAiB,CAAA;AAC1B,kBAAe,yCAAiB,CAAC"}

package/lib-commonjs/ActivityIndicator.mobile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+import { ActivityIndicatorProps } from './ActivityIndicator.types';
+export declare const AnimatedSvg: Animated.AnimatedComponent<import("react").ComponentClass<import("react-native-svg").SvgProps, any>>;
+export declare const ActivityIndicator: import("@fluentui-react-native/composition").ComposeFactoryComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").FluentActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, import("@fluentui-react-native/framework").Theme, object>;
+//# sourceMappingURL=ActivityIndicator.mobile.d.ts.map

package/lib-commonjs/ActivityIndicator.mobile.d.ts.map

@@ -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;AAGtD,OAAO,EAAyB,sBAAsB,EAA+B,MAAM,2BAA2B,CAAC;AAcvH,eAAO,MAAM,WAAW,sGAAwC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,2RAiG5B,CAAC"}

package/lib-commonjs/ActivityIndicator.mobile.js

@@ -0,0 +1,119 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/** @jsx withSlots */
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var react_native_svg_1 = require("react-native-svg");
+var framework_1 = require("@fluentui-react-native/framework");
+var ActivityIndicator_types_1 = require("./ActivityIndicator.types");
+var ActivityIndicator_styling_1 = require("./ActivityIndicator.styling");
+var getActivityIndicatorPath = function (diameter, width, color) {
+    var start = {
+        x: width / 2,
+        y: diameter / 2,
+    };
+    var innerRadius = diameter / 2 - width / 2;
+    var path = "M" + start.x + " " + start.y + " a" + innerRadius + " " + innerRadius + " 0 1 1 " + innerRadius + " " + innerRadius;
+    return framework_1.withSlots(react_native_svg_1.Path, { d: path, stroke: color, strokeWidth: width, strokeLinecap: "round" });
+};
+exports.AnimatedSvg = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg);
+var useStyling = framework_1.buildUseStyling(ActivityIndicator_styling_1.stylingSettings);
+exports.ActivityIndicator = framework_1.compose(__assign(__assign({ displayName: ActivityIndicator_types_1.activityIndicatorName }, ActivityIndicator_styling_1.stylingSettings), { slots: {
+        root: react_native_1.View,
+        svg: exports.AnimatedSvg,
+    }, render: function (props, useSlots) {
+        var Slots = useSlots(props);
+        var slotProps = useStyling(props);
+        var animating = props.animating != undefined ? props.animating : true;
+        var hidesWhenStopped = props.hidesWhenStopped != undefined ? props.hidesWhenStopped : true;
+        // React Native ActivityIndicator still takes up space when hidden, so to perfectly match would use opacity
+        // hiding opacity makes the screen reader on iOS and Android skip over it
+        var hideOpacity = animating == false && hidesWhenStopped == true ? 0 : 1;
+        var rotationAngle = react_1.useRef(new react_native_1.Animated.Value(0)).current;
+        var rotationAnimation = react_1.useRef(undefined);
+        /**
+         * https://github.com/facebook/react-native/pull/29585
+         * For Animated.loop() to work with the native driver, React Native needs this fix.
+         * It's only available in React Native 0.66+, and React Native macOS 0.62+
+         * To workaround this, let's just rerun the loop everytime the animation finishes
+         */
+        var startRotation = react_1.useCallback(function () {
+            if (rotationAnimation.current) {
+                rotationAngle.setValue(0);
+                rotationAnimation.current.reset();
+                rotationAnimation.current.start(function (result) {
+                    if (result.finished) {
+                        startRotation();
+                    }
+                });
+            }
+        }, [rotationAngle, animating]);
+        var stopRotation = function () {
+            if (rotationAnimation.current) {
+                rotationAnimation.current.stop();
+            }
+        };
+        react_1.useEffect(function () {
+            if (rotationAnimation.current === undefined) {
+                rotationAnimation.current = react_native_1.Animated.sequence([
+                    react_native_1.Animated.timing(rotationAngle, {
+                        toValue: 359,
+                        duration: 750,
+                        useNativeDriver: true,
+                        easing: react_native_1.Easing.linear,
+                    }),
+                ]);
+            }
+            if (animating) {
+                startRotation();
+            }
+            else {
+                stopRotation();
+            }
+        }, [animating, hidesWhenStopped, rotationAngle]);
+        var interpolateSpin = rotationAngle.interpolate({
+            inputRange: [0, 359],
+            outputRange: ['0deg', '359deg'],
+        });
+        var path = getActivityIndicatorPath(ActivityIndicator_styling_1.diameterSizeMap[slotProps.root.size], ActivityIndicator_styling_1.lineThicknessSizeMap[slotProps.root.lineThickness], slotProps.root.activityIndicatorColor);
+        // perspective is needed for animations to work on Android. See https://reactnative.dev/docs/animations#bear-in-mind
+        var animatedSvgProps = {
+            style: {
+                transform: [{ rotateZ: interpolateSpin }, { perspective: 10 }],
+            },
+        };
+        var otherRootProps = {
+            style: {
+                opacity: hideOpacity,
+            },
+            accessibilityState: { busy: animating },
+        };
+        return function (rest) {
+            var mergedProps = __rest(framework_1.mergeProps(props, rest, otherRootProps), []);
+            return (framework_1.withSlots(Slots.root, __assign({}, mergedProps),
+                framework_1.withSlots(Slots.svg, __assign({}, animatedSvgProps), path)));
+        };
+    } }));
+//# sourceMappingURL=ActivityIndicator.mobile.js.map

package/lib-commonjs/ActivityIndicator.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.mobile.js","sourceRoot":"","sources":["../src/ActivityIndicator.mobile.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/ActivityIndicator.styling.d.ts

@@ -1,10 +1,13 @@
 import { UseStylingOptions } from '@fluentui-react-native/framework';
-import { ActivityIndicatorProps, ActivityIndicatorSlotProps, ActivityIndicatorTokens } from './ActivityIndicator.types';
+import { ActivityIndicatorProps as CoreActivityIndicatorProps } from 'react-native';
+import { ActivityIndicatorProps, FluentActivityIndicatorSlotProps, ActivityIndicatorTokens, CoreActivityIndicatorSlotProps, ActivityIndicatorSize } from './ActivityIndicator.types';
 export declare const diameterSizeMap: {
     [key: string]: number;
 };
 export declare const lineThicknessSizeMap: {
     [key: string]: number;
 };
-export declare const stylingSettings: UseStylingOptions<ActivityIndicatorProps, ActivityIndicatorSlotProps, ActivityIndicatorTokens>;
+export declare function coreSizeFromFluentSize(fluentSize: ActivityIndicatorSize): CoreActivityIndicatorProps['size'];
+export declare const stylingSettings: UseStylingOptions<ActivityIndicatorProps, FluentActivityIndicatorSlotProps, ActivityIndicatorTokens>;
+export declare const coreStylingSettings: UseStylingOptions<ActivityIndicatorProps, CoreActivityIndicatorSlotProps, ActivityIndicatorTokens>;
 //# sourceMappingURL=ActivityIndicator.styling.d.ts.map

package/lib-commonjs/ActivityIndicator.styling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.styling.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAEL,sBAAsB,EACtB,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,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;AAEF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,sBAAsB,EAAE,0BAA0B,EAAE,uBAAuB,CAiC1H,CAAC"}
+{"version":3,"file":"ActivityIndicator.styling.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,sBAAsB,IAAI,0BAA0B,EAAc,MAAM,cAAc,CAAC;AAChG,OAAO,EAEL,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"}

package/lib-commonjs/ActivityIndicator.styling.js

@@ -1,8 +1,23 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var framework_1 = require("@fluentui-react-native/framework");
 var react_native_1 = require("react-native");
 var ActivityIndicator_types_1 = require("./ActivityIndicator.types");
+var assert_never_1 = __importDefault(require("assert-never"));
 exports.diameterSizeMap = {
     xSmall: 12,
     small: 16,
@@ -17,6 +32,27 @@ exports.lineThicknessSizeMap = {
     large: 3,
     xLarge: 4,
 };
+// Size coversion ramp from the Fluent ActivityIndicator size to the RN ActivityIndicator.
+function coreSizeFromFluentSize(fluentSize) {
+    if (typeof fluentSize === 'undefined') {
+        return fluentSize;
+    }
+    switch (fluentSize) {
+        case 'xSmall':
+            return 'small';
+        case 'small':
+            return 'small';
+        case 'medium':
+            return 'small';
+        case 'large':
+            return 'large';
+        case 'xLarge':
+            return 'large';
+        default:
+            assert_never_1.default(fluentSize);
+    }
+}
+exports.coreSizeFromFluentSize = coreSizeFromFluentSize;
 exports.stylingSettings = {
     tokens: [
         function () { return ({
@@ -45,4 +81,17 @@ exports.stylingSettings = {
         }); }, ['size']),
     },
 };
+// Minimal styling settings for the RN Core ActivityIndicator
+exports.coreStylingSettings = {
+    tokens: [
+        function () { return ({
+            size: 'small',
+        }); },
+        ActivityIndicator_types_1.activityIndicatorName,
+    ],
+    tokensThatAreAlsoProps: 'all',
+    slotProps: {
+        root: framework_1.buildProps(function (tokens) { return (__assign({ color: tokens.activityIndicatorColor }, (tokens.size && { size: coreSizeFromFluentSize(tokens.size) }))); }, ['activityIndicatorColor', 'size']),
+    },
+};
 //# sourceMappingURL=ActivityIndicator.styling.js.map

package/lib-commonjs/ActivityIndicator.styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.styling.js","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":";;AAAA,8DAAiF;AACjF,6CAA0C;AAC1C,qEAKmC;AAEtB,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;AAEW,QAAA,eAAe,GAAmG;IAC7H,MAAM,EAAE;QACN,cAAM,OAAA,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,EAJI,CAIJ;QACF,+CAAqB;KACtB;IACD,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,sBAAU,CACd,UAAC,MAA+B,IAAK,OAAA,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,EAVmC,CAUnC,EACF,CAAC,wBAAwB,EAAE,eAAe,EAAE,MAAM,CAAC,CACpD;QACD,GAAG,EAAE,sBAAU,CACb,UAAC,MAA+B,IAAK,OAAA,CAAC;YACpC,KAAK,EAAE,uBAAe,CAAC,MAAM,CAAC,IAAI,CAAC;YACnC,MAAM,EAAE,uBAAe,CAAC,MAAM,CAAC,IAAI,CAAC;SACrC,CAAC,EAHmC,CAGnC,EACF,CAAC,MAAM,CAAC,CACT;KACF;CACF,CAAC"}
+{"version":3,"file":"ActivityIndicator.styling.js","sourceRoot":"","sources":["../src/ActivityIndicator.styling.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/ActivityIndicator.types.d.ts

@@ -1,8 +1,8 @@
-import { Animated, ViewProps } from 'react-native';
+import { Animated, ActivityIndicatorProps as CoreActivityIndicatorProps } from 'react-native';
 import { SvgProps } from 'react-native-svg';
 export declare const activityIndicatorName = "ActivityIndicator";
 /**
- * Specifies the possible sizes of the ActivityIndicator
+ * Specifies the possible sizes of the ActivityIndicator.
  */
 export declare type ActivityIndicatorSize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
 export interface ActivityIndicatorTokens {
@@ -22,11 +22,7 @@ export interface ActivityIndicatorTokens {
      */
     size?: ActivityIndicatorSize;
 }
-export interface ActivityIndicatorSlotProps {
-    root: ViewProps & ActivityIndicatorTokens;
-    svg: Animated.AnimatedProps<SvgProps>;
-}
-export interface ActivityIndicatorProps extends ActivityIndicatorTokens, ViewProps {
+export interface ActivityIndicatorProps extends ActivityIndicatorTokens, Omit<CoreActivityIndicatorProps, 'size'> {
     /**
      * ActivityIndicator animating or not
      * @defaultValue 'true'
@@ -38,9 +34,21 @@ export interface ActivityIndicatorProps extends ActivityIndicatorTokens, ViewPro
      */
     hidesWhenStopped?: boolean;
 }
-export interface ActivityIndicatorType {
+export interface FluentActivityIndicatorSlotProps {
+    root: ActivityIndicatorProps;
+    svg: Animated.AnimatedProps<SvgProps>;
+}
+export interface FluentActivityIndicatorType {
+    props: ActivityIndicatorProps;
+    slotProps: FluentActivityIndicatorSlotProps;
+    tokens: ActivityIndicatorTokens;
+}
+export interface CoreActivityIndicatorSlotProps {
+    root: CoreActivityIndicatorProps;
+}
+export interface CoreActivityIndicatorType {
     props: ActivityIndicatorProps;
-    slotProps: ActivityIndicatorSlotProps;
+    slotProps: CoreActivityIndicatorSlotProps;
     tokens: ActivityIndicatorTokens;
 }
 //# sourceMappingURL=ActivityIndicator.types.d.ts.map

package/lib-commonjs/ActivityIndicator.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityIndicator.types.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD;;GAEG;AACH,oBAAY,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,0BAA0B;IACzC,IAAI,EAAE,SAAS,GAAG,uBAAuB,CAAC;IAC1C,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,sBAAuB,SAAQ,uBAAuB,EAAE,SAAS;IAChF;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,SAAS,EAAE,0BAA0B,CAAC;IACtC,MAAM,EAAE,uBAAuB,CAAC;CACjC"}
+{"version":3,"file":"ActivityIndicator.types.d.ts","sourceRoot":"","sources":["../src/ActivityIndicator.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,sBAAsB,IAAI,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD;;GAEG;AACH,oBAAY,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"}

package/lib-commonjs/CoreActivityIndicator.d.ts

@@ -0,0 +1,8 @@
+/** @jsx withSlots */
+import { ActivityIndicatorProps } from './ActivityIndicator.types';
+/**
+ * Wrapper around React Native Core's ActivityIndicator for platforms we do not
+ * have a custom FluentUI React Native ActivityIndicator defined.
+ */
+export declare const ActivityIndicator: import("@fluentui-react-native/composition").ComposeFactoryComponent<ActivityIndicatorProps, import("./ActivityIndicator.types").CoreActivityIndicatorSlotProps, import("./ActivityIndicator.types").ActivityIndicatorTokens, import("@fluentui-react-native/framework").Theme, object>;
+//# sourceMappingURL=CoreActivityIndicator.d.ts.map

package/lib-commonjs/CoreActivityIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreActivityIndicator.d.ts","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AAGrB,OAAO,EAAoD,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAIrH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yRAU5B,CAAC"}

package/lib-commonjs/CoreActivityIndicator.js

@@ -0,0 +1,29 @@
+"use strict";
+/** @jsx withSlots */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_native_1 = require("react-native");
+var ActivityIndicator_types_1 = require("./ActivityIndicator.types");
+var ActivityIndicator_styling_1 = require("./ActivityIndicator.styling");
+var framework_1 = require("@fluentui-react-native/framework");
+/**
+ * Wrapper around React Native Core's ActivityIndicator for platforms we do not
+ * have a custom FluentUI React Native ActivityIndicator defined.
+ */
+exports.ActivityIndicator = framework_1.compose(__assign(__assign({ displayName: ActivityIndicator_types_1.activityIndicatorName }, ActivityIndicator_styling_1.coreStylingSettings), { slots: {
+        root: react_native_1.ActivityIndicator,
+    }, render: function (props, useSlots) {
+        var Slots = useSlots(props);
+        return function () { return framework_1.withSlots(Slots.root, null); };
+    } }));
+//# sourceMappingURL=CoreActivityIndicator.js.map

package/lib-commonjs/CoreActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreActivityIndicator.js","sourceRoot":"","sources":["../src/CoreActivityIndicator.tsx"],"names":[],"mappings":";AAAA,qBAAqB;;;;;;;;;;;;;AAErB,6CAA0E;AAC1E,qEAAqH;AACrH,yEAAkE;AAClE,8DAAgF;AAEhF;;;GAGG;AACU,QAAA,iBAAiB,GAAG,mBAAO,qBACtC,WAAW,EAAE,+CAAqB,IAC/B,+CAAmB,KACtB,KAAK,EAAE;QACL,IAAI,EAAE,gCAAqB;KAC5B,EACD,MAAM,EAAE,UAAC,KAA6B,EAAE,QAA6C;QACnF,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,cAAM,OAAA,sBAAC,KAAK,CAAC,IAAI,OAAG,EAAd,CAAc,CAAC;IAC9B,CAAC,IACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/experimental-activity-indicator",
-  "version": "0.3.26",
+  "version": "0.5.1",
   "description": "A cross-platform Fluent Activity Indicator component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -17,18 +17,19 @@
     "prettier-fix": "fluentui-scripts prettier --fix true"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.6.6",
+    "@fluentui-react-native/framework": "0.7.2",
+    "assert-never": "^1.2.1",
     "react-native-svg": "^12.1.1"
   },
   "devDependencies": {
-    "@types/react-native": "^0.63.0",
+    "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@types/react-native": "^0.64.0",
     "@uifabricshared/build-native": "^0.1.1",
-    "@uifabricshared/eslint-config-rules": "^0.1.1",
-    "react-native": "^0.63.4"
+    "react-native": "^0.64.3"
   },
   "peerDependencies": {
-    "react-native": ">=0.63.4",
-    "react": "16.13.1"
+    "react": "17.0.1",
+    "react-native": ">=0.64.3"
   },
   "author": "",
   "license": "MIT"

package/src/ActivityIndicator.android.tsx

@@ -0,0 +1,3 @@
+import { ActivityIndicator } from './ActivityIndicator.mobile';
+export { ActivityIndicator } from './ActivityIndicator.mobile';
+export default ActivityIndicator;

package/src/ActivityIndicator.ios.tsx

@@ -0,0 +1,3 @@
+import { ActivityIndicator } from './ActivityIndicator.mobile';
+export { ActivityIndicator } from './ActivityIndicator.mobile';
+export default ActivityIndicator;