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

package/dist/package.json

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

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: [{ 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}` },
@@ -167,10 +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),
+    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/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);