@jobber/components-native 0.105.1 → 0.105.3

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.105.1",
+    "version": "0.105.3",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -71,7 +71,7 @@
     "devDependencies": {
         "@babel/runtime": "^7.29.2",
         "@gorhom/bottom-sheet": "^5.2.8",
-        "@jobber/design": "0.102.0",
+        "@jobber/design": "0.103.0",
         "@jobber/hooks": "2.21.0",
         "@react-native-community/datetimepicker": "^8.4.5",
         "@react-native/babel-preset": "^0.82.1",
@@ -122,5 +122,5 @@
         "react-native-screens": ">=4.18.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "fff8aa8019d89e4a0d517f1eb963c8442935a16d"
+    "gitHead": "85613843d134dfa6dee673b87293f5e0ceb3bfa5"
 }

package/dist/src/ActivityIndicator/ActivityIndicator.js

@@ -123,7 +123,7 @@ 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),
+    return (React.createElement(Animated.View, Object.assign({ style: [{ justifyContent: "center", alignItems: "center" }, style] }, a11yProps, { testID: testID }),
         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}` },
@@ -164,7 +164,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(Animated.View, Object.assign({ style: [{ justifyContent: "center", alignItems: "center" }, style], testID: testID }, a11yProps),
+        React.createElement(Animated.View, { style: [{ width: pixelSize, height: pixelSize }, animatedStyle] },
+            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 })))));
 }

package/dist/src/ActivityIndicator/ActivityIndicator.test.js

@@ -33,7 +33,7 @@ describe("ActivityIndicator", () => {
         });
         it("renders at the base (44px) size by default", () => {
             const { getByTestId } = render(React.createElement(ActivityIndicator, null));
-            const root = getByTestId(testId);
+            const root = getByTestId(testId).children[0];
             const flattenedStyle = Array.isArray(root.props.style)
                 ? Object.assign({}, ...root.props.style.flat(Infinity).filter(Boolean))
                 : root.props.style;
@@ -44,7 +44,7 @@ describe("ActivityIndicator", () => {
     describe("size variants", () => {
         it("renders the small ring at 28px", () => {
             const { getByTestId } = render(React.createElement(ActivityIndicator, { size: "small" }));
-            const root = getByTestId(testId);
+            const root = getByTestId(testId).children[0];
             const flattenedStyle = Array.isArray(root.props.style)
                 ? Object.assign({}, ...root.props.style.flat(Infinity).filter(Boolean))
                 : root.props.style;
@@ -53,7 +53,7 @@ describe("ActivityIndicator", () => {
         });
         it("renders the base ring at 44px when size is explicit", () => {
             const { getByTestId } = render(React.createElement(ActivityIndicator, { size: "base" }));
-            const root = getByTestId(testId);
+            const root = getByTestId(testId).children[0];
             const flattenedStyle = Array.isArray(root.props.style)
                 ? Object.assign({}, ...root.props.style.flat(Infinity).filter(Boolean))
                 : root.props.style;
@@ -71,7 +71,7 @@ describe("ActivityIndicator", () => {
         });
         it('maps size="large" to size="base" visually', () => {
             const { getByTestId } = render(React.createElement(ActivityIndicator, { size: "large" }));
-            const root = getByTestId(testId);
+            const root = getByTestId(testId).children[0];
             const flattenedStyle = Array.isArray(root.props.style)
                 ? Object.assign({}, ...root.props.style.flat(Infinity).filter(Boolean))
                 : root.props.style;
@@ -131,7 +131,7 @@ describe("ActivityIndicator", () => {
         it("renders the reduced-motion ring when the OS setting is on", () => {
             useReducedMotion.mockReturnValue(true);
             const { getByTestId } = render(React.createElement(ActivityIndicator, null));
-            const root = getByTestId(testId);
+            const root = getByTestId(testId).children[0];
             // The reduced-motion presentation renders a single static <Circle>
             // wrapped in one Animated.View — the full-motion presentation renders
             // three nested Animated.Views. We can distinguish by the children