@jobber/components-native 0.105.1-MIKEfix-c-3095233.3 → 0.105.1

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.105.1-MIKEfix-c-3095233.3+3095233e",
+    "version": "0.105.1",
     "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": "3095233e35145b82e9bd6746e8f8b62950cafd39"
+    "gitHead": "fff8aa8019d89e4a0d517f1eb963c8442935a16d"
 }

package/dist/src/ActivityIndicator/ActivityIndicator.js

@@ -123,10 +123,7 @@ function FullMotionRing({ pixelSize, strokeWidth, arcColor, trackColor, style, t
             strokeDashoffset: offset,
         };
     });
-    return (React.createElement(Animated.View, Object.assign({ style: [
-            { flex: 1, justifyContent: "center", alignItems: "center" },
-            style,
-        ] }, a11yProps, { testID: testID }),
+    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}` },
@@ -167,11 +164,7 @@ function ReducedMotionRing({ pixelSize, strokeWidth, ringColor, style, testID, a
     const animatedStyle = useAnimatedStyle(() => ({
         opacity: pulse.value,
     }));
-    return (React.createElement(Animated.View, Object.assign({ style: [
-            { flex: 1, 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 })))));
+    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 }))));
 }

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).children[0];
+            const root = getByTestId(testId);
             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).children[0];
+            const root = getByTestId(testId);
             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).children[0];
+            const root = getByTestId(testId);
             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).children[0];
+            const root = getByTestId(testId);
             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).children[0];
+            const root = getByTestId(testId);
             // 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

package/dist/src/Icon/Icon.js

@@ -12,7 +12,8 @@ export function Icon({ name, color, size = "base", customColor, testID, }) {
         format: "js",
         tokens,
     });
-    const icon = paths.map((path) => {
+    // getIcon returns undefined paths for an unknown icon name; render nothing rather than crash.
+    const icon = (paths !== null && paths !== void 0 ? paths : []).map((path) => {
         return React.createElement(Path, { key: path, d: path, fill: customColor || svgStyle.fill });
     });
     return (React.createElement(Svg, { style: Object.assign(Object.assign({}, svgStyle), { display: "flex" }), testID: testID || name, viewBox: viewBox }, icon));

package/dist/src/Icon/Icon.test.js

@@ -41,6 +41,10 @@ it("applies name prop as testID when testID prop is not provided", () => {
     const { getByTestId } = render(React.createElement(Icon, { name: "home" }));
     expect(getByTestId("home")).toBeDefined();
 });
+it("renders an empty svg without throwing for an unknown icon name", () => {
+    const svg = render(React.createElement(Icon, { name: "someNonexistentIcon" }));
+    expect(svg.UNSAFE_root.findAllByType(Path)).toHaveLength(0);
+});
 describe("theme-aware fill", () => {
     function getPathFills(svg) {
         return svg.UNSAFE_root.findAllByType(Path).map(p => p.props.fill);