@jobber/components-native 0.86.2-JOB-89949-9a8f51e.6 → 0.87.0

package/dist/types/src/ActionLabel/ActionLabel.d.ts

@@ -4,7 +4,7 @@ export type ActionLabelVariation = Extract<TextColor, "interactive" | "destructi
 type ActionLabelType = "default" | "cardTitle";
 interface ActionLabelProps {
     /**
-     * Text to display. Supports strings, numbers, and nested text nodes.
+     * Text to display. Supports nesting text elements.
      */
     readonly children?: React.ReactNode;
     /**

package/dist/types/src/Heading/Heading.d.ts

@@ -4,7 +4,7 @@ type HeadingColor = Extract<TextColor, "text" | "subdued" | "heading">;
 export type HeadingLevel = "title" | "subtitle" | "heading" | "subHeading";
 interface HeadingProps<T extends HeadingLevel> extends Pick<TypographyProps<"base">, "selectable"> {
     /**
-     * Text to display. Supports strings, numbers, and nested text nodes.
+     * Text to display. Supports nesting text elements.
      */
     readonly children: React.ReactNode;
     /**

package/dist/types/src/Text/Text.d.ts

@@ -32,7 +32,7 @@ export interface TextProps extends Pick<TypographyProps<"base">, "maxFontScaleSi
      */
     readonly align?: TextAlign;
     /**
-     * Text to display. Supports strings, numbers, and nested text nodes.
+     * Text to display. Supports nesting text elements.
      */
     readonly children?: React.ReactNode;
     /**

package/dist/types/src/Typography/Typography.d.ts

@@ -24,7 +24,7 @@ export interface TypographyProps<T extends FontFamily> {
      */
     readonly size?: TextSize;
     /**
-     * Text to display. Supports strings, numbers, and nested text nodes.
+     * Text to display. Supports nesting text elements.
      */
     readonly children?: React.ReactNode;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.86.2-JOB-89949-9a8f51e.6+9a8f51e76",
+  "version": "0.87.0",
   "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": "9a8f51e766a4207a1f53367c96c62685d336868d"
+  "gitHead": "1277fa27082aa0506ee96f21cb02a05eea472027"
 }

package/src/ActionLabel/ActionLabel.tsx

@@ -12,7 +12,7 @@ type ActionLabelType = "default" | "cardTitle";
 
 interface ActionLabelProps {
   /**
-   * Text to display. Supports strings, numbers, and nested text nodes.
+   * Text to display. Supports nesting text elements.
    */
   readonly children?: React.ReactNode;
 

package/src/Heading/Heading.tsx

@@ -19,7 +19,7 @@ export type HeadingLevel = "title" | "subtitle" | "heading" | "subHeading";
 interface HeadingProps<T extends HeadingLevel>
   extends Pick<TypographyProps<"base">, "selectable"> {
   /**
-   * Text to display. Supports strings, numbers, and nested text nodes.
+   * Text to display. Supports nesting text elements.
    */
   readonly children: React.ReactNode;
 

package/src/Text/Text.test.tsx

@@ -229,14 +229,3 @@ describe("TypographyGestureDetector", () => {
     expect(textElement.props.collapsable).toBeUndefined();
   });
 });
-
-it("works when nested inside a native RN Text wrapper", () => {
-  const { Text: RNText } = require("react-native");
-  const { getByText, toJSON } = render(
-    <RNText>
-      Outer <Text emphasis="strong">Atlantis</Text> Text
-    </RNText>,
-  );
-  expect(getByText("Atlantis")).toBeDefined();
-  expect(toJSON()).toMatchSnapshot();
-});

package/src/Text/Text.tsx

@@ -53,7 +53,7 @@ export interface TextProps
   readonly align?: TextAlign;
 
   /**
-   * Text to display. Supports strings, numbers, and nested text nodes.
+   * Text to display. Supports nesting text elements.
    */
   readonly children?: React.ReactNode;
 

package/src/Text/__snapshots__/Text.test.tsx.snap

@@ -760,41 +760,3 @@ exports[`supports nested Text children with mixed styles 1`] = `
   !
 </Text>
 `;
-
-exports[`works when nested inside a native RN Text wrapper 1`] = `
-<Text>
-  Outer 
-  <Text
-    accessibilityRole="text"
-    adjustsFontSizeToFit={false}
-    allowFontScaling={true}
-    collapsable={false}
-    maxFontSizeMultiplier={3.125}
-    selectable={true}
-    selectionColor="hsl(86, 100%, 46%)"
-    style={
-      [
-        {
-          "fontFamily": "inter-semibold",
-        },
-        {
-          "color": "hsl(198, 35%, 21%)",
-        },
-        {
-          "textAlign": "left",
-        },
-        {
-          "fontSize": 16,
-          "lineHeight": 20,
-        },
-        {
-          "letterSpacing": 0,
-        },
-      ]
-    }
-  >
-    Atlantis
-  </Text>
-   Text
-</Text>
-`;

package/src/Typography/Typography.tsx

@@ -41,7 +41,7 @@ export interface TypographyProps<T extends FontFamily> {
   readonly size?: TextSize;
 
   /**
-   * Text to display. Supports strings, numbers, and nested text nodes.
+   * Text to display. Supports nesting text elements.
    */
   readonly children?: React.ReactNode;
 
@@ -273,14 +273,14 @@ function getFontStyle(
   }
 }
 
-function getTransformedText(text?: string, transform?: TextTransform) {
+function getTransformedText(text: string, transform?: TextTransform) {
   switch (transform) {
     case "lowercase":
-      return text?.toLocaleLowerCase();
+      return text.toLocaleLowerCase();
     case "uppercase":
-      return text?.toLocaleUpperCase();
+      return text.toLocaleUpperCase();
     case "capitalize":
-      return capitalize(text || "");
+      return capitalize(text);
     default:
       return text;
   }
@@ -290,7 +290,7 @@ function transformChildren(
   children: React.ReactNode,
   transform?: TextTransform,
 ): React.ReactNode {
-  if (children == null) return children;
+  if (children == null || !transform || transform === "none") return children;
 
   return React.Children.map(children, child => {
     if (typeof child === "string") {
@@ -298,7 +298,7 @@ function transformChildren(
     }
 
     // Keep non-string children (numbers, elements, fragments) unchanged
-    return child as React.ReactNode;
+    return child;
   });
 }