@jobber/components-native 0.105.0 → 0.105.1-MIKEfix-c-fe51c3e.2

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.105.0",
+    "version": "0.105.1-MIKEfix-c-fe51c3e.2+fe51c3e5",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -122,5 +122,5 @@
         "react-native-screens": ">=4.18.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "2dd2b2d127e9e7e00f8db56c9a5c8ab05344e128"
+    "gitHead": "fe51c3e523604cb28481aa3e483371721dac684b"
 }

package/dist/src/ActivityIndicator/ActivityIndicator.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { AccessibilityInfo } from "react-native";
+import { AccessibilityInfo, StyleSheet, View } from "react-native";
 import Animated, { Easing, ReduceMotion, useAnimatedProps, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withSequence, withTiming, } from "react-native-reanimated";
 import Svg, { Circle } from "react-native-svg";
 import { tokens } from "../utils/design";
@@ -19,6 +19,9 @@ const RADIUS = 20;
 // "200" used as the gap value exceeds the circumference, ensuring only
 // one stroke segment is visible at a time.
 const GAP = 200;
+const ContainerStyle = StyleSheet.create({
+    container: { justifyContent: "center", alignItems: "center" },
+});
 function resolveLegacySize(size) {
     if (size === "large") {
         if (__DEV__) {
@@ -123,12 +126,18 @@ function FullMotionRing({ pixelSize, strokeWidth, arcColor, trackColor, style, t
             strokeDashoffset: offset,
         };
     });
-    return (React.createElement(Animated.View, Object.assign({ style: [{ width: pixelSize, height: pixelSize }, style], testID: testID }, a11yProps),
-        React.createElement(Animated.View, { style: [{ width: pixelSize, height: pixelSize }, outerStyle] },
-            React.createElement(Animated.View, { style: [{ width: pixelSize, height: pixelSize }, innerStyle] },
-                React.createElement(Svg, { width: pixelSize, height: pixelSize, viewBox: `0 0 ${VIEWBOX} ${VIEWBOX}` },
-                    React.createElement(Circle, { cx: CENTER, cy: CENTER, r: RADIUS, fill: "none", stroke: trackColor, strokeWidth: strokeWidth }),
-                    React.createElement(AnimatedCircle, { cx: CENTER, cy: CENTER, r: RADIUS, fill: "none", stroke: arcColor, strokeWidth: strokeWidth, strokeLinecap: "round", animatedProps: arcAnimatedProps }))))));
+    return (React.createElement(View, { style: [ContainerStyle.container, style] },
+        React.createElement(Animated.View, Object.assign({ style: [
+                {
+                    width: pixelSize,
+                    height: pixelSize,
+                },
+            ], testID: testID }, a11yProps),
+            React.createElement(Animated.View, { style: [{ width: pixelSize, height: pixelSize }, outerStyle] },
+                React.createElement(Animated.View, { style: [{ width: pixelSize, height: pixelSize }, innerStyle] },
+                    React.createElement(Svg, { width: pixelSize, height: pixelSize, viewBox: `0 0 ${VIEWBOX} ${VIEWBOX}` },
+                        React.createElement(Circle, { cx: CENTER, cy: CENTER, r: RADIUS, fill: "none", stroke: trackColor, strokeWidth: strokeWidth }),
+                        React.createElement(AnimatedCircle, { cx: CENTER, cy: CENTER, r: RADIUS, fill: "none", stroke: arcColor, strokeWidth: strokeWidth, strokeLinecap: "round", animatedProps: arcAnimatedProps })))))));
 }
 function ReducedMotionRing({ pixelSize, strokeWidth, ringColor, style, testID, a11yProps, }) {
     // Reduced motion: hide rotation entirely, render one static ring in the
@@ -164,7 +173,8 @@ function ReducedMotionRing({ pixelSize, strokeWidth, ringColor, style, testID, a
     const animatedStyle = useAnimatedStyle(() => ({
         opacity: pulse.value,
     }));
-    return (React.createElement(Animated.View, Object.assign({ style: [{ width: pixelSize, height: pixelSize }, animatedStyle, style], testID: testID }, a11yProps),
-        React.createElement(Svg, { width: pixelSize, height: pixelSize, viewBox: `0 0 ${VIEWBOX} ${VIEWBOX}` },
-            React.createElement(Circle, { cx: CENTER, cy: CENTER, r: RADIUS, fill: "none", stroke: ringColor, strokeWidth: strokeWidth }))));
+    return (React.createElement(View, { style: [ContainerStyle.container, style] },
+        React.createElement(Animated.View, Object.assign({ style: [{ width: pixelSize, height: pixelSize }, animatedStyle], testID: testID }, a11yProps),
+            React.createElement(Svg, { width: pixelSize, height: pixelSize, viewBox: `0 0 ${VIEWBOX} ${VIEWBOX}` },
+                React.createElement(Circle, { cx: CENTER, cy: CENTER, r: RADIUS, fill: "none", stroke: ringColor, strokeWidth: strokeWidth })))));
 }