@jobber/components-native 0.86.1 → 0.86.2-JOB-89949-ec4cb2a.11

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.86.1",
+    "version": "0.86.2-JOB-89949-ec4cb2a.11+ec4cb2ad1",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -95,5 +95,5 @@
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "ca472a375fdf3c6b8e8596c3c26a3958893093ec"
+    "gitHead": "ec4cb2ad125a2793e88b405dc0d53041a4c1dab6"
 }

package/dist/src/Typography/Typography.js

@@ -38,7 +38,7 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
         style.push(UNSAFE_style.textStyle);
     }
     const numberOfLinesForNativeText = maxNumberOfLines[maxLines];
-    const text = getTransformedText(children, transform);
+    const content = transformChildren(children, transform);
     const accessibilityProps = hideFromScreenReader
         ? {
             accessibilityRole: "none",
@@ -50,7 +50,7 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
     const textComponent = (React.createElement(Text, Object.assign({ allowFontScaling,
         adjustsFontSizeToFit,
         style,
-        numberOfLines: numberOfLinesForNativeText }, accessibilityProps, { maxFontSizeMultiplier: getScaleMultiplier(maxFontScaleSize, sizeAndHeight.fontSize), selectable: selectable, selectionColor: tokens["color-brand--highlight"], onTextLayout: onTextLayout }), text));
+        numberOfLines: numberOfLinesForNativeText }, accessibilityProps, { maxFontSizeMultiplier: getScaleMultiplier(maxFontScaleSize, sizeAndHeight.fontSize), selectable: selectable, selectionColor: tokens["color-brand--highlight"], onTextLayout: onTextLayout }), content));
     // If text is not selectable, there's no need for TypographyGestureDetector
     // since it only prevents accidental highlighting of selectable text
     if (!selectable) {
@@ -80,15 +80,26 @@ function getFontStyle(fontFamily = "base", fontStyle = "regular", fontWeight = "
 function getTransformedText(text, transform) {
     switch (transform) {
         case "lowercase":
-            return text === null || text === void 0 ? void 0 : text.toLocaleLowerCase();
+            return text.toLocaleLowerCase();
         case "uppercase":
-            return text === null || text === void 0 ? void 0 : text.toLocaleUpperCase();
+            return text.toLocaleUpperCase();
         case "capitalize":
-            return capitalize(text || "");
+            return capitalize(text);
         default:
             return text;
     }
 }
+function transformChildren(children, transform) {
+    if (children == null || !transform || transform === "none")
+        return children;
+    return React.Children.map(children, child => {
+        if (typeof child === "string") {
+            return getTransformedText(child, transform);
+        }
+        // Keep non-string children (numbers, elements, fragments) unchanged
+        return child;
+    });
+}
 function getColorStyle(styles, color, reverseTheme) {
     if (color === "default" || !color) {
         return styles.greyBlue;