support literal keys in prop types

Author: Keyan Zhang

transforms/__testfixtures__/class-flow6.input.js

@@ -29,6 +29,8 @@ var Component = React.createClass({
     }),
     optionalObjectWithShapeOops: React.PropTypes.shape(foo()),
     optionalObjectWithShapeOops2: React.PropTypes.shape(bla),
+    'is-literal-cool': React.PropTypes.bool,
+    'well-fine': React.PropTypes.number.isRequired,
   },
 
   render: function() {

transforms/__testfixtures__/class-flow6.output.js

@@ -25,6 +25,8 @@ class Component extends React.Component {
     },
     optionalObjectWithShapeOops?: any,
     optionalObjectWithShapeOops2?: any,
+    'is-literal-cool'?: ?boolean,
+    'well-fine': number,
   };
 
   static propTypes = {
@@ -48,6 +50,8 @@ class Component extends React.Component {
     }),
     optionalObjectWithShapeOops: React.PropTypes.shape(foo()),
     optionalObjectWithShapeOops2: React.PropTypes.shape(bla),
+    'is-literal-cool': React.PropTypes.bool,
+    'well-fine': React.PropTypes.number.isRequired,
   };
 
   render() {

transforms/class.js

@@ -725,10 +725,12 @@ module.exports = (file, api, options) => {
           } else {
             const flowPropList = [];
             rawPropList.forEach(typeProp => {
-              const name = typeProp.key.name;
+              const keyIsLiteral = typeProp.key.type === 'Literal';
+              const name = keyIsLiteral ? typeProp.key.value : typeProp.key.name;
+
               const [valueType, isOptional] = propTypeToFlowAnnotation(typeProp.value);
               flowPropList.push(j.objectTypeProperty(
-                j.identifier(name),
+                keyIsLiteral ? j.literal(name) : j.identifier(name),
                 isOptional && valueType !== flowAnyType ?
                   j.nullableTypeAnnotation(valueType) :
                   valueType,
@@ -763,10 +765,12 @@ module.exports = (file, api, options) => {
         return;
       }
 
-      const name = typeProp.key.name;
+      const keyIsLiteral = typeProp.key.type === 'Literal';
+      const name = keyIsLiteral ? typeProp.key.value : typeProp.key.name;
+
       const [valueType, isOptional] = propTypeToFlowAnnotation(typeProp.value);
       typePropertyList.push(j.objectTypeProperty(
-        j.identifier(name),
+        keyIsLiteral ? j.literal(name) : j.identifier(name),
         isOptional && valueType !== flowAnyType ?
           j.nullableTypeAnnotation(valueType) :
           valueType,