last batch of UIExplorer flowification

Basil Hosmer · Basil Hosmer · commit 6daf7d26345c · 2015-03-24T13:17:41.000-08:00
diff --git a/.flowconfig b/.flowconfig
@@ -21,6 +21,7 @@
 
 [libs]
 Libraries/react-native/react-native-interface.js
+Examples/UIExplorer/ImageMocks.js
 
 [options]
 module.system=haste
diff --git a/Examples/UIExplorer/ImageCapInsetsExample.js b/Examples/UIExplorer/ImageCapInsetsExample.js
@@ -7,6 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  *
  * @providesModule ImageCapInsetsExample
+ * @flow
  */
 'use strict';
 
diff --git a/Examples/UIExplorer/ImageExample.js b/Examples/UIExplorer/ImageExample.js
@@ -5,6 +5,8 @@
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @flow
  */
 'use strict';
 
diff --git a/Examples/UIExplorer/ImageMocks.js b/Examples/UIExplorer/ImageMocks.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright 2004-present Facebook. All Rights Reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @flow
+ */
+'use strict';
+
+declare module 'image!story-background' {
+  declare var uri: string;
+  declare var isStatic: boolean;
+}
+
+declare module 'image!uie_comment_highlighted' {
+  declare var uri: string;
+  declare var isStatic: boolean;
+}
+
+declare module 'image!uie_comment_normal' {
+  declare var uri: string;
+  declare var isStatic: boolean;
+}
+
+declare module 'image!uie_thumb_normal' {
+  declare var uri: string;
+  declare var isStatic: boolean;
+}
+
+declare module 'image!uie_thumb_selected' {
+  declare var uri: string;
+  declare var isStatic: boolean;
+}
diff --git a/Examples/UIExplorer/MapViewExample.js b/Examples/UIExplorer/MapViewExample.js
@@ -5,6 +5,8 @@
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @flow
  */
 'use strict';
 
@@ -188,7 +190,7 @@ exports.description = 'Base component to display maps';
 exports.examples = [
   {
     title: 'Map',
-    render() { return <MapViewExample />; }
+    render(): ReactElement { return <MapViewExample />; }
   },
   {
     title: 'Map shows user location',
diff --git a/Examples/UIExplorer/TabBarExample.js b/Examples/UIExplorer/TabBarExample.js
@@ -5,6 +5,8 @@
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @flow
  */
 'use strict';
 
@@ -31,7 +33,7 @@ var TabBarExample = React.createClass({
     };
   },
 
-  _renderContent: function(color, pageText) {
+  _renderContent: function(color: string, pageText: string) {
     return (
       <View style={[styles.tabContent, {backgroundColor: color}]}>
         <Text style={styles.tabText}>{pageText}</Text>
diff --git a/Examples/UIExplorer/createExamplePage.js b/Examples/UIExplorer/createExamplePage.js
@@ -7,6 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  *
  * @providesModule createExamplePage
+ * @flow
  */
 'use strict';
 
@@ -16,7 +17,19 @@ var UIExplorerPage = require('./UIExplorerPage');
 
 var invariant = require('invariant');
 
-var createExamplePage = function(title, exampleModule) {
+class Example extends React.Component {
+  title: string;
+  description: string;
+}
+
+type ExampleModule = {
+  title: string;
+  description: string;
+  examples: Array<Example>;
+};
+
+var createExamplePage = function(title: ?string, exampleModule: ExampleModule)
+  : ReactClass<any, any, any> {
   invariant(!!exampleModule.examples, 'The module must have examples');
 
   var ExamplePage = React.createClass({
@@ -31,15 +44,17 @@ var createExamplePage = function(title, exampleModule) {
       var originalRenderComponent = React.renderComponent;
       var originalRender = React.render;
       var renderedComponent;
-      React.render = React.renderComponent = function(element, container) {
+      // TODO remove typecasts when Flow bug #6560135 is fixed
+      // and workaround is removed from react-native.js
+      (React: Object).render = (React: Object).renderComponent = function(element, container) {
         renderedComponent = element;
       };
       var result = example.render(null);
       if (result) {
         renderedComponent = result;
       }
-      React.renderComponent = originalRenderComponent;
-      React.render = originalRender;
+      (React: Object).renderComponent = originalRenderComponent;
+      (React: Object).render = originalRender;
       return (
         <UIExplorerBlock
           key={i}

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@`
`7`	`7`	`* of patent rights can be found in the PATENTS file in the same directory.`
`8`	`8`	`*`
`9`	`9`	`* @providesModule ImageCapInsetsExample`
	`10`	`+ * @flow`
`10`	`11`	`*/`
`11`	`12`	`'use strict';`
`12`	`13`