fix: [TS] Update translateX & translateY types to support % (#42671)

Summary:
After update to the latest `react-native` version
we discover that we are unable to use `number%` value for `translate*` props :

```tsx
StyleSheet.create({
  root: {
    transform: [
      { translateX: '-50%'  },
      // ^^^^^^ TS Error: Type string is not assignable to type AnimatableNumericValue | undefined
    ],
  }
});
```

 ---

percentage values are supported, demo: https://snack.expo.dev/retyui/test-tstransform

## Changelog:

[GENERAL] [FIXED] - Update typescript definition of `translateX` & `translateX` to be able to use percentage values

Pull Request resolved: https://github.com/facebook/react-native/pull/42671

Test Plan: `yarn tsc --noEmit`

Reviewed By: rozele, cortinico

Differential Revision: D53146046

Pulled By: NickGerleman

fbshipit-source-id: 3486e7a9b55b98c36cc96b2bca4bb27841061e80
This commit is contained in:
D N authored and Facebook GitHub Bot committed 2024-01-30 07:10:47 -08:00
1 parent e97ba475aa
commit b133bf6024
1 file changed
+2 -2
@@ -155,11 +155,11 @@ interface ScaleYTransform {
}
interface TranslateXTransform {
translateX: AnimatableNumericValue;
translateX: AnimatableNumericValue | `${number}%`;
}
interface TranslateYTransform {
translateY: AnimatableNumericValue;
translateY: AnimatableNumericValue | `${number}%`;
}
interface SkewXTransform {