@jobber/components-native 0.84.0 → 0.84.1-JOB-131539-d38df57.11

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.84.0",
+    "version": "0.84.1-JOB-131539-d38df57.11+d38df57b9",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -79,5 +79,5 @@
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "5fcbf313b34c60eb45e8985527acb880421690e3"
+    "gitHead": "d38df57b93ea7712e1a5c0e901c7469b2d9f3da5"
 }

package/dist/src/Select/Select.js

@@ -28,10 +28,10 @@ export function Select({ value, defaultValue, onChange, children, placeholder, l
         React.createElement(View, { testID: getTestID(testID), accessible: true, accessibilityLabel: getA11yLabel(), accessibilityValue: { text: getValue() }, accessibilityHint: t("Select.a11yHint"), accessibilityRole: "button", accessibilityState: { disabled: disabled } },
             React.createElement(SelectInternalPicker, { disabled: disabled, options: getOptions(), onChange: handleChange },
                 React.createElement(View, { style: [styles.container, (invalid || !!error) && styles.invalid] },
-                    label && (React.createElement(Text, { level: "textSupporting", variation: textVariation, hideFromScreenReader: true }, label)),
+                    label && (React.createElement(Text, { level: "textSupporting", variation: textVariation, hideFromScreenReader: true, selectable: false }, label)),
                     React.createElement(View, { style: styles.input },
                         React.createElement(View, { style: styles.value },
-                            React.createElement(Text, { variation: disabled ? "disabled" : "base", hideFromScreenReader: true }, getValue())),
+                            React.createElement(Text, { variation: disabled ? "disabled" : "base", hideFromScreenReader: true, selectable: false }, getValue())),
                         React.createElement(View, { style: styles.icon },
                             React.createElement(Icon, { name: "arrowDown", color: valueTextVariation }))))))));
     function getA11yLabel() {

package/dist/src/Typography/Typography.js

@@ -47,11 +47,16 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
         }
         : { accessibilityRole };
     const { tokens } = useAtlantisTheme();
-    return (React.createElement(TypographyGestureDetector, null,
-        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)));
+    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));
+    // If text is not selectable, there's no need for TypographyGestureDetector
+    // since it only prevents accidental highlighting of selectable text
+    if (!selectable) {
+        return textComponent;
+    }
+    return React.createElement(TypographyGestureDetector, null, textComponent);
 }
 function getScaleMultiplier(maxFontScaleSize = 0, size = 1) {
     if (maxFontScaleSize === 0)