From 03310551c2f78136bca6c2a8999e6ba8b750c662 Mon Sep 17 00:00:00 2001
From: Kekami <kevin.kamimura@icloud.com>
Date: Fri, 13 Jul 2018 17:05:00 +0200
Subject: [PATCH] add flow typing for transform prop

---
 Libraries/Components/View/ViewPropTypes.js |  3 +++
 Libraries/StyleSheet/TransformPropTypes.js | 17 +++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/Libraries/Components/View/ViewPropTypes.js b/Libraries/Components/View/ViewPropTypes.js
index 73a39cf255fcbf..bb8768bc529bb8 100644
--- a/Libraries/Components/View/ViewPropTypes.js
+++ b/Libraries/Components/View/ViewPropTypes.js
@@ -30,6 +30,7 @@ import type {
 } from 'ViewAccessibility';
 import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
 import type {TVViewProps} from 'TVViewPropTypes';
+import type {TransformProps} from 'TransformPropTypes';
 import type {Layout, LayoutEvent} from 'CoreEventTypes';
 
 const stylePropType = StyleSheetPropType(ViewStylePropTypes);
@@ -78,6 +79,8 @@ export type ViewProps = $ReadOnly<{|
   // so we must include TVViewProps
   ...TVViewProps,
 
+  ...TransformProps,
+
   accessible?: boolean,
   accessibilityLabel?:
     | null
diff --git a/Libraries/StyleSheet/TransformPropTypes.js b/Libraries/StyleSheet/TransformPropTypes.js
index 105df3f073b9ad..66a36006bdf32c 100644
--- a/Libraries/StyleSheet/TransformPropTypes.js
+++ b/Libraries/StyleSheet/TransformPropTypes.js
@@ -106,4 +106,21 @@ const TransformPropTypes = {
   ),
 };
 
+export type TransformProps = $ReadOnly<{|
+  transform?: Array<
+    $Shape<{perspective: number}> |
+    $Shape<{rotate: string}> |
+    $Shape<{rotateX: string}> |
+    $Shape<{rotateY: string}> |
+    $Shape<{rotateZ: string}> |
+    $Shape<{scale: number}> |
+    $Shape<{scaleX: number}> |
+    $Shape<{scaleY: number}> |
+    $Shape<{translateX: number}> |
+    $Shape<{translateY: number}> |
+    $Shape<{skewX: string}> |
+    $Shape<{skewY: string}>
+  >,
+|}>;
+
 module.exports = TransformPropTypes;