[style] expose rotate x, y, z transforms

Summary:
Added rotateX, rotateY, rotateZ transforms.

cc @sahrens
Closes #1976
Github Author: chirag04 <[email protected]>

Author: chirag04

Libraries/StyleSheet/TransformPropTypes.js

@@ -17,6 +17,10 @@ var TransformPropTypes = {
   transform: ReactPropTypes.arrayOf(
     ReactPropTypes.oneOfType([
       ReactPropTypes.shape({rotate: ReactPropTypes.string}),
+      ReactPropTypes.shape({rotateX: ReactPropTypes.string}),
+      ReactPropTypes.shape({rotateY: ReactPropTypes.string}),
+      ReactPropTypes.shape({rotateZ: ReactPropTypes.string}),
+      ReactPropTypes.shape({scale: ReactPropTypes.number}),
       ReactPropTypes.shape({scaleX: ReactPropTypes.number}),
       ReactPropTypes.shape({scaleY: ReactPropTypes.number}),
       ReactPropTypes.shape({translateX: ReactPropTypes.number}),

Libraries/StyleSheet/precomputeStyle.js

@@ -58,7 +58,14 @@ function _precomputeTransforms(style: Object): Object {
       case 'matrix':
         MatrixMath.multiplyInto(result, result, value);
         break;
+      case 'rotateX':
+        _multiplyTransform(result, MatrixMath.reuseRotateXCommand, [_convertToRadians(value)]);
+        break;
+      case 'rotateY':
+        _multiplyTransform(result, MatrixMath.reuseRotateYCommand, [_convertToRadians(value)]);
+        break;
       case 'rotate':
+      case 'rotateZ':
         _multiplyTransform(result, MatrixMath.reuseRotateZCommand, [_convertToRadians(value)]);
         break;
       case 'scale':
@@ -156,6 +163,9 @@ function _validateTransform(key, value, transformation) {
       break;
     case 'translate':
       break;
+    case 'rotateX':
+    case 'rotateY':
+    case 'rotateZ':
     case 'rotate':
       invariant(
         typeof value === 'string',