From ee4c544957407cb35ac748747344f683c2670459 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Tue, 15 Mar 2016 13:32:02 -0700
Subject: [PATCH] [fix] StyleSheet: support for 'transform' and
 'transformMatrix'

Fix #46
---
 src/apis/StyleSheet/StyleSheetRegistry.js | 5 +++--
 src/apis/StyleSheet/TransformPropTypes.js | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/apis/StyleSheet/StyleSheetRegistry.js b/src/apis/StyleSheet/StyleSheetRegistry.js
index 01f879cc..90e00ef1 100644
--- a/src/apis/StyleSheet/StyleSheetRegistry.js
+++ b/src/apis/StyleSheet/StyleSheetRegistry.js
@@ -8,6 +8,7 @@
 
 import prefixAll from 'inline-style-prefix-all'
 import flattenStyle from './flattenStyle'
+import processTransform from './processTransform'
 
 class StyleSheetRegistry {
   static registerStyle(style: Object, store): number {
@@ -15,7 +16,7 @@ class StyleSheetRegistry {
       Object.freeze(style)
     }
 
-    const normalizedStyle = flattenStyle(style)
+    const normalizedStyle = processTransform(flattenStyle(style))
     Object.keys(normalizedStyle).forEach((prop) => {
       // add each declaration to the store
       store.set(prop, normalizedStyle[prop])
@@ -26,7 +27,7 @@ class StyleSheetRegistry {
     let _className
     let _style = {}
     const classList = []
-    const normalizedStyle = flattenStyle(style)
+    const normalizedStyle = processTransform(flattenStyle(style))
 
     for (const prop in normalizedStyle) {
       let styleClass = store.get(prop, normalizedStyle[prop])
diff --git a/src/apis/StyleSheet/TransformPropTypes.js b/src/apis/StyleSheet/TransformPropTypes.js
index ae8e4f03..cccee96b 100644
--- a/src/apis/StyleSheet/TransformPropTypes.js
+++ b/src/apis/StyleSheet/TransformPropTypes.js
@@ -38,7 +38,9 @@ const TransformPropTypes = {
       PropTypes.shape({ skewX: numberOrString }),
       PropTypes.shape({ skewY: numberOrString }),
       PropTypes.shape({ translateX: numberOrString }),
-      PropTypes.shape({ translateY: numberOrString })
+      PropTypes.shape({ translateY: numberOrString }),
+      PropTypes.shape({ translateZ: numberOrString }),
+      PropTypes.shape({ translate3d: PropTypes.string })
     ])
   ),
   transformMatrix: TransformMatrixPropType