From 1728a866efda8ee0ede59114cf97840bb34d6b48 Mon Sep 17 00:00:00 2001 From: Fred Liu Date: Thu, 20 Jul 2017 19:26:25 -0700 Subject: [PATCH] Revert D5465182: creatClass codemod Differential Revision: D5465182 fbshipit-source-id: a15de76f50294123323e211f8e11106b90fff911 --- website/core/AlgoliaDocSearch.js | 6 +- website/core/BlogPost.js | 6 +- website/core/BlogPostDate.js | 6 +- website/core/BlogPostExcerpt.js | 6 +- website/core/BlogPostFooter.js | 6 +- website/core/BlogPostHeader.js | 6 +- website/core/DocsSidebar.js | 21 +-- website/core/EjectBanner.js | 6 +- website/core/ExcerptLink.js | 6 +- website/core/Footer.js | 6 +- website/core/H2.js | 6 +- website/core/Header.js | 14 +- website/core/HeaderLinks.js | 33 +++-- website/core/HeaderWithGithub.js | 15 +- website/core/Hero.js | 6 +- website/core/Marked.js | 8 +- website/core/Prism.js | 21 +-- website/core/ShowcaseAppIcon.js | 6 +- website/core/Site.js | 9 +- website/core/SnackPlayer.js | 24 ++-- website/core/WebPlayer.js | 18 +-- website/core/center.js | 6 +- website/layout/AutodocsLayout.js | 196 ++++++++++----------------- website/layout/BlogPageLayout.js | 17 +-- website/layout/BlogPostLayout.js | 6 +- website/layout/DocsLayout.js | 20 +-- website/layout/PageLayout.js | 20 +-- website/layout/RedirectLayout.js | 6 +- website/src/react-native/404.js | 6 +- website/src/react-native/index.js | 24 ++-- website/src/react-native/showcase.js | 43 +++--- website/src/react-native/support.js | 21 ++- website/src/react-native/versions.js | 8 +- 33 files changed, 262 insertions(+), 346 deletions(-) diff --git a/website/core/AlgoliaDocSearch.js b/website/core/AlgoliaDocSearch.js index 1a0e544d0..49cf90025 100644 --- a/website/core/AlgoliaDocSearch.js +++ b/website/core/AlgoliaDocSearch.js @@ -12,14 +12,14 @@ var React = require('React'); -class AlgoliaDocSearch extends React.Component { - render() { +var AlgoliaDocSearch = React.createClass({ + render: function() { return (
); } -} +}); module.exports = AlgoliaDocSearch; diff --git a/website/core/BlogPost.js b/website/core/BlogPost.js index 50ba3d561..432fc9617 100644 --- a/website/core/BlogPost.js +++ b/website/core/BlogPost.js @@ -17,8 +17,8 @@ var BlogPostHeader = require('BlogPostHeader'); var BlogPostFooter = require('BlogPostFooter'); var ExcerptLink = require('ExcerptLink'); -class BlogPost extends React.Component { - render() { +var BlogPost = React.createClass({ + render: function() { var post = this.props.post; return ( @@ -31,6 +31,6 @@ class BlogPost extends React.Component { ); } -} +}); module.exports = BlogPost; diff --git a/website/core/BlogPostDate.js b/website/core/BlogPostDate.js index f2a6b2c9e..7dd4d9d85 100644 --- a/website/core/BlogPostDate.js +++ b/website/core/BlogPostDate.js @@ -13,8 +13,8 @@ var React = require('React'); -class BlogPostDate extends React.Component { - render() { +var BlogPostDate = React.createClass({ + render: function() { var post = this.props.post; var match = post.publishedAt.match(/([0-9]+)-([0-9]+)-([0-9]+)/); @@ -32,6 +32,6 @@ class BlogPostDate extends React.Component { ); } -} +}); module.exports = BlogPostDate; diff --git a/website/core/BlogPostExcerpt.js b/website/core/BlogPostExcerpt.js index 644a73435..3f5c5b2d6 100644 --- a/website/core/BlogPostExcerpt.js +++ b/website/core/BlogPostExcerpt.js @@ -16,8 +16,8 @@ var BlogPostHeader = require('BlogPostHeader'); var Marked = require('Marked'); var ExcerptLink = require('ExcerptLink'); -class BlogPostExcerpt extends React.Component { - render() { +var BlogPostExcerpt = React.createClass({ + render: function() { var post = this.props.post; return (
@@ -33,6 +33,6 @@ class BlogPostExcerpt extends React.Component {
); } -} +}); module.exports = BlogPostExcerpt; diff --git a/website/core/BlogPostFooter.js b/website/core/BlogPostFooter.js index dbfdd421a..a0be8ecf4 100644 --- a/website/core/BlogPostFooter.js +++ b/website/core/BlogPostFooter.js @@ -14,8 +14,8 @@ var React = require('React'); var BlogPostDate = require('BlogPostDate'); -class BlogPostFooter extends React.Component { - render() { +var BlogPostFooter = React.createClass({ + render: function() { var post = this.props.post; var authorImage = this.props.post.authorImage ? this.props.post.authorImage : '/react-native/img/author.png'; @@ -58,6 +58,6 @@ class BlogPostFooter extends React.Component { ); } -} +}); module.exports = BlogPostFooter; diff --git a/website/core/BlogPostHeader.js b/website/core/BlogPostHeader.js index a275d0de7..53308c237 100644 --- a/website/core/BlogPostHeader.js +++ b/website/core/BlogPostHeader.js @@ -14,8 +14,8 @@ var React = require('React'); var BlogPostDate = require('BlogPostDate'); -class BlogPostHeader extends React.Component { - render() { +var BlogPostHeader = React.createClass({ + render: function() { var post = this.props.post; var hero; @@ -54,6 +54,6 @@ class BlogPostHeader extends React.Component { ); } -} +}); module.exports = BlogPostHeader; diff --git a/website/core/DocsSidebar.js b/website/core/DocsSidebar.js index dc196d233..dd0d5f878 100644 --- a/website/core/DocsSidebar.js +++ b/website/core/DocsSidebar.js @@ -13,15 +13,8 @@ var Metadata = require('Metadata'); var React = require('React'); -class DocsSidebar extends React.Component { - constructor(props, context) { - super(props, context); - - this.getCategories = this.getCategories.bind(this); - this.getLink = this.getLink.bind(this); - } - - getCategories() { +var DocsSidebar = React.createClass({ + getCategories: function() { var metadatas = Metadata.files.filter(function(metadata) { return metadata.layout === 'docs' || metadata.layout === 'autodocs'; }); @@ -74,13 +67,13 @@ class DocsSidebar extends React.Component { categories.push(currentCategory); return categories; - } + }, - getLink(metadata) { + getLink: function(metadata) { return metadata.permalink; - } + }, - render() { + render: function() { return
{this.getCategories().map((category) => @@ -104,6 +97,6 @@ class DocsSidebar extends React.Component {
; } -} +}); module.exports = DocsSidebar; diff --git a/website/core/EjectBanner.js b/website/core/EjectBanner.js index 41af8fccd..7a5c05c1b 100644 --- a/website/core/EjectBanner.js +++ b/website/core/EjectBanner.js @@ -12,8 +12,8 @@ var React = require('React'); -class EjectBanner extends React.Component { - render() { +var EjectBanner = React.createClass({ + render: function() { return (

Project with Native Code Required

@@ -25,6 +25,6 @@ class EjectBanner extends React.Component {
); } -} +}); module.exports = EjectBanner; diff --git a/website/core/ExcerptLink.js b/website/core/ExcerptLink.js index b167bd8be..7a0ab14f7 100644 --- a/website/core/ExcerptLink.js +++ b/website/core/ExcerptLink.js @@ -13,8 +13,8 @@ var React = require('React'); -class ExcerptLink extends React.Component { - render() { +var ExcerptLink = React.createClass({ + render: function() { var cta = "Read more"; if (this.props.category === "videos") { @@ -29,6 +29,6 @@ class ExcerptLink extends React.Component { ); } -} +}); module.exports = ExcerptLink; diff --git a/website/core/Footer.js b/website/core/Footer.js index b1e2ceac5..7220e7ea3 100644 --- a/website/core/Footer.js +++ b/website/core/Footer.js @@ -16,14 +16,14 @@ function getGitHubPath(path) { return 'https://github.com/facebook/react-native/blob/master/' + path; } -class Footer extends React.Component { - render() { +var Footer = React.createClass({ + render: function() { return (

You can edit the content above on GitHub and send us a pull request!

); } -} +}); module.exports = Footer; diff --git a/website/core/H2.js b/website/core/H2.js index a19de1519..893a5508b 100644 --- a/website/core/H2.js +++ b/website/core/H2.js @@ -13,10 +13,10 @@ var Header = require('Header'); var React = require('React'); -class H2 extends React.Component { - render() { +var H2 = React.createClass({ + render: function() { return
{this.props.children}
; } -} +}); module.exports = H2; diff --git a/website/core/Header.js b/website/core/Header.js index 4f78a0f48..6b68a96f7 100644 --- a/website/core/Header.js +++ b/website/core/Header.js @@ -16,8 +16,12 @@ var PropTypes = require('prop-types'); var slugify = require('slugify'); -class Header extends React.Component { - render() { +var Header = React.createClass({ + contextTypes: { + permalink: PropTypes.string + }, + + render: function() { var slug = slugify(this.props.toSlug || this.props.children); var H = 'h' + this.props.level; var base = this.context.permalink || ''; @@ -29,10 +33,6 @@ class Header extends React.Component { ); } -} - -Header.contextTypes = { - permalink: PropTypes.string -}; +}); module.exports = Header; diff --git a/website/core/HeaderLinks.js b/website/core/HeaderLinks.js index 7b38f8d66..50bf78f4b 100644 --- a/website/core/HeaderLinks.js +++ b/website/core/HeaderLinks.js @@ -13,19 +13,18 @@ var AlgoliaDocSearch = require('AlgoliaDocSearch'); var React = require('React'); -var linksInternal = [ - {section: 'docs', href: 'docs/getting-started.html', text: 'Docs', target: '.nav-docs'}, - {section: 'support', href: '/react-native/support.html', text: 'Help'}, - {section: 'blog', href: '/react-native/blog/', text: 'Blog'}, -]; +var HeaderLinks = React.createClass({ + linksInternal: [ + {section: 'docs', href: 'docs/getting-started.html', text: 'Docs', target: '.nav-docs'}, + {section: 'support', href: '/react-native/support.html', text: 'Help'}, + {section: 'blog', href: '/react-native/blog/', text: 'Blog'}, + ], + linksExternal: [ + {section: 'github', href: 'https://github.com/facebook/react-native', text: 'GitHub'}, + {section: 'react', href: 'http://facebook.github.io/react', text: 'React'}, + ], -var linksExternal = [ - {section: 'github', href: 'https://github.com/facebook/react-native', text: 'GitHub'}, - {section: 'react', href: 'http://facebook.github.io/react', text: 'React'}, -]; - -class HeaderLinks extends React.Component { - makeLinks(links) { + makeLinks: function(links) { return links.map(function(link) { return (
  • @@ -38,23 +37,23 @@ class HeaderLinks extends React.Component {
    • ); }, this); - } + }, - render() { + render: function() { return (
      - {this.makeLinks(linksExternal)} + {this.makeLinks(this.linksExternal)}
    ); } -} +}); module.exports = HeaderLinks; diff --git a/website/core/HeaderWithGithub.js b/website/core/HeaderWithGithub.js index e64c6cefd..9588d3799 100644 --- a/website/core/HeaderWithGithub.js +++ b/website/core/HeaderWithGithub.js @@ -19,8 +19,13 @@ function getGitHubPath(path) { return 'https://github.com/facebook/react-native/blob/master/' + path; } -class HeaderWithGithub extends React.Component { - render() { +var HeaderWithGithub = React.createClass({ + + contextTypes: { + version: PropTypes.string + }, + + render: function() { return ( @@ -42,10 +47,6 @@ class HeaderWithGithub extends React.Component {
    ); } -} - -HeaderWithGithub.contextTypes = { - version: PropTypes.string -}; +}); module.exports = HeaderWithGithub; diff --git a/website/core/Hero.js b/website/core/Hero.js index 9c4fa4c94..79463ce46 100644 --- a/website/core/Hero.js +++ b/website/core/Hero.js @@ -12,8 +12,8 @@ var React = require('React'); -class Hero extends React.Component { - render() { +var Hero = React.createClass({ + render: function() { return (
    @@ -26,6 +26,6 @@ class Hero extends React.Component {
    ); } -} +}); module.exports = Hero; diff --git a/website/core/Marked.js b/website/core/Marked.js index 82b2d297b..d105e1f30 100644 --- a/website/core/Marked.js +++ b/website/core/Marked.js @@ -1193,15 +1193,15 @@ marked.inlineLexer = InlineLexer.output; marked.parse = marked; -class Marked extends React.Component { - render() { +var Marked = React.createClass({ + render: function() { return this.props.children ? React.DOM.div( null, marked(this.props.children, this.props) ) : null; - } -} + }, +}); module.exports = Marked; diff --git a/website/core/Prism.js b/website/core/Prism.js index ed9697fd3..6662ecaa3 100644 --- a/website/core/Prism.js +++ b/website/core/Prism.js @@ -526,8 +526,16 @@ _.languages.java = _.languages.extend('clike', { }, }); -class Prism extends React.Component { - render() { +var Prism = React.createClass({ + statics: { + _: _, + }, + getDefaultProps: function() { + return { + language: 'javascript', + }; + }, + render: function() { var grammar = _.languages[this.props.language]; if (!grammar) { grammar = _.languages.javascript; @@ -541,12 +549,7 @@ class Prism extends React.Component { )}
    ); - } -} - -Prism._ = _; -Prism.defaultProps = { - language: 'javascript', -}; + }, +}); module.exports = Prism; diff --git a/website/core/ShowcaseAppIcon.js b/website/core/ShowcaseAppIcon.js index 7ecafa908..fdad755ef 100644 --- a/website/core/ShowcaseAppIcon.js +++ b/website/core/ShowcaseAppIcon.js @@ -13,14 +13,14 @@ var React = require('React'); -class ShowcaseAppIcon extends React.Component { - render() { +const ShowcaseAppIcon = React.createClass({ + render: function() { return ( {this.props.name} ); } -} +}); module.exports = ShowcaseAppIcon; diff --git a/website/core/Site.js b/website/core/Site.js index c6721e211..8302e9284 100644 --- a/website/core/Site.js +++ b/website/core/Site.js @@ -14,8 +14,8 @@ var HeaderLinks = require('HeaderLinks'); var Metadata = require('Metadata'); var React = require('React'); -class Site extends React.Component { - render() { +var Site = React.createClass({ + render: function() { const path = Metadata.config.RN_DEPLOYMENT_PATH; const version = Metadata.config.RN_VERSION; const algoliaVersion = version === 'next' @@ -426,7 +426,6 @@ class Site extends React.Component { ); - } -} - + }, +}); module.exports = Site; diff --git a/website/core/SnackPlayer.js b/website/core/SnackPlayer.js index 270b277fa..f21acdad9 100644 --- a/website/core/SnackPlayer.js +++ b/website/core/SnackPlayer.js @@ -41,16 +41,14 @@ var ReactNativeToExpoSDKVersionMap = { * } * ``` */ -class SnackPlayer extends React.Component { - constructor(props, context) { - super(props, context); - - this.parseParams = this.parseParams.bind(this); - } +var SnackPlayer = React.createClass({ + contextTypes: { + version: PropTypes.number.isRequired, + }, componentDidMount() { window.ExpoSnack && window.ExpoSnack.initialize(); - } + }, render() { var code = encodeURIComponent(this.props.children); @@ -112,9 +110,9 @@ class SnackPlayer extends React.Component { ); - } + }, - parseParams(paramString) { + parseParams: function(paramString) { var params = {}; if (paramString) { @@ -126,11 +124,7 @@ class SnackPlayer extends React.Component { } return params; - } -} - -SnackPlayer.contextTypes = { - version: PropTypes.number.isRequired, -}; + }, +}); module.exports = SnackPlayer; diff --git a/website/core/WebPlayer.js b/website/core/WebPlayer.js index c18fa29fb..38719fdc5 100644 --- a/website/core/WebPlayer.js +++ b/website/core/WebPlayer.js @@ -31,14 +31,8 @@ var WEB_PLAYER_VERSION = '1.2.6'; * AppRegistry.registerComponent('MyApp', () => App); * ``` */ -class WebPlayer extends React.Component { - constructor(props, context) { - super(props, context); - - this.parseParams = this.parseParams.bind(this); - } - - parseParams(paramString) { +var WebPlayer = React.createClass({ + parseParams: function(paramString) { var params = {}; if (paramString) { @@ -50,9 +44,9 @@ class WebPlayer extends React.Component { } return params; - } + }, - render() { + render: function() { var hash = `#code=${encodeURIComponent(this.props.children)}`; if (this.props.params) { @@ -71,7 +65,7 @@ class WebPlayer extends React.Component { /> ); - } -} + }, +}); module.exports = WebPlayer; diff --git a/website/core/center.js b/website/core/center.js index f070658b0..e6aaffbbc 100644 --- a/website/core/center.js +++ b/website/core/center.js @@ -12,14 +12,14 @@ var React = require('React'); -class center extends React.Component { - render() { +var center = React.createClass({ + render: function() { return (
    {this.props.children}
    ); } -} +}); module.exports = center; diff --git a/website/layout/AutodocsLayout.js b/website/layout/AutodocsLayout.js index bc0f1da66..3ff6e7dbe 100644 --- a/website/layout/AutodocsLayout.js +++ b/website/layout/AutodocsLayout.js @@ -14,6 +14,7 @@ var DocsSidebar = require('DocsSidebar'); var Footer = require('Footer'); var Header = require('Header'); +var HeaderWithGithub = require('HeaderWithGithub'); var Marked = require('Marked'); var Metadata = require('Metadata'); var Prism = require('Prism'); @@ -203,23 +204,8 @@ function getNamedTypes(typedefs) { return namedTypes; } -class ComponentDoc extends React.Component { - constructor(props, context) { - super(props, context); - - this.extractPlatformFromProps = this.extractPlatformFromProps.bind(this); - this.renderCompose = this.renderCompose.bind(this); - this.renderStylesheetProp = this.renderStylesheetProp.bind(this); - this.renderStylesheetProps = this.renderStylesheetProps.bind(this); - this.renderMethod = this.renderMethod.bind(this); - this.renderMethods = this.renderMethods.bind(this); - this.renderProp = this.renderProp.bind(this); - this.renderProps = this.renderProps.bind(this); - this.renderTypeDef = this.renderTypeDef.bind(this); - this.renderTypeDefs = this.renderTypeDefs.bind(this); - } - - renderProp(name, prop) { +var ComponentDoc = React.createClass({ + renderProp: function(name, prop) { return (
    @@ -246,9 +232,9 @@ class ComponentDoc extends React.Component { {prop.description && {prop.description}}
    ); - } + }, - renderCompose(name) { + renderCompose: function(name) { return (
    @@ -256,9 +242,9 @@ class ComponentDoc extends React.Component {
    ); - } + }, - renderStylesheetProp(name, prop) { + renderStylesheetProp: function(name, prop) { return (
    @@ -275,9 +261,9 @@ class ComponentDoc extends React.Component {
    ); - } + }, - renderStylesheetProps(stylesheetName) { + renderStylesheetProps: function(stylesheetName) { var style = this.props.content.styles[stylesheetName]; this.extractPlatformFromProps(style.props); return ( @@ -313,9 +299,9 @@ class ComponentDoc extends React.Component { } ); - } + }, - renderProps(props, composes) { + renderProps: function(props, composes) { return (
    {(composes || []).map((name) => @@ -327,9 +313,9 @@ class ComponentDoc extends React.Component { }
    ); - } + }, - extractPlatformFromProps(props) { + extractPlatformFromProps: function(props) { for (var key in props) { var prop = props[key]; var description = prop.description || ''; @@ -340,9 +326,9 @@ class ComponentDoc extends React.Component { prop.description = description; prop.platforms = platforms; } - } + }, - renderMethod(method, namedTypes) { + renderMethod: function(method, namedTypes) { return ( ); - } + }, - renderMethods(methods, namedTypes) { + renderMethods: function(methods, namedTypes) { if (!methods || !methods.length) { return null; } @@ -371,9 +357,9 @@ class ComponentDoc extends React.Component { ); - } + }, - renderTypeDef(typedef, namedTypes) { + renderTypeDef: function(typedef, namedTypes) { return ( ); - } + }, - renderTypeDefs(typedefs, namedTypes) { + renderTypeDefs: function(typedefs, namedTypes) { if (!typedefs || !typedefs.length) { return null; } @@ -402,9 +388,9 @@ class ComponentDoc extends React.Component { ); - } + }, - render() { + render: function() { var content = this.props.content; this.extractPlatformFromProps(content.props); const namedTypes = getNamedTypes(content.typedef); @@ -420,23 +406,11 @@ class ComponentDoc extends React.Component { ); } -} +}); -class APIDoc extends React.Component { - constructor(props, context) { - super(props, context); +var APIDoc = React.createClass({ - this.renderMethod = this.renderMethod.bind(this); - this.renderMethods = this.renderMethods.bind(this); - this.renderProperty = this.renderProperty.bind(this); - this.renderProperties = this.renderProperties.bind(this); - this.renderClasses = this.renderClasses.bind(this); - this.renderTypeDef = this.renderTypeDef.bind(this); - this.renderTypeDefs = this.renderTypeDefs.bind(this); - this.renderMainDescription = this.renderMainDescription.bind(this); - } - - renderMethod(method, namedTypes) { + renderMethod: function(method, namedTypes) { return ( ); - } + }, - renderMethods(methods, namedTypes) { + renderMethods: function(methods, namedTypes) { if (!methods.length) { return null; } @@ -465,9 +439,9 @@ class APIDoc extends React.Component { ); - } + }, - renderProperty(property) { + renderProperty: function(property) { return (
    @@ -483,9 +457,9 @@ class APIDoc extends React.Component { }
    ); - } + }, - renderProperties(properties) { + renderProperties: function(properties) { if (!properties || !properties.length) { return null; } @@ -499,9 +473,9 @@ class APIDoc extends React.Component { ); - } + }, - renderClasses(classes, namedTypes) { + renderClasses: function(classes, namedTypes) { if (!classes || !classes.length) { return null; } @@ -529,9 +503,9 @@ class APIDoc extends React.Component { ); - } + }, - renderTypeDef(typedef, namedTypes) { + renderTypeDef: function(typedef, namedTypes) { return ( ); - } + }, - renderTypeDefs(typedefs, namedTypes) { + renderTypeDefs: function(typedefs, namedTypes) { if (!typedefs || !typedefs.length) { return null; } @@ -560,9 +534,9 @@ class APIDoc extends React.Component { ); - }; + }, - renderMainDescription(content) { + renderMainDescription: function(content) { if (content.docblock) { return ( @@ -578,9 +552,9 @@ class APIDoc extends React.Component { ); } return null; - } + }, - render() { + render: function() { var content = this.props.content; if (!content.methods) { throw new Error( @@ -598,18 +572,10 @@ class APIDoc extends React.Component { ); } -} +}); -class Method extends React.Component { - constructor(props, context) { - super(props, context); - - this.renderTypehint = this.renderTypehint.bind(this); - this.renderTypehintRec = this.renderTypehintRec.bind(this); - this.renderMethodExamples = this.renderMethodExamples.bind(this); - this.renderMethodParameters = this.renderMethodParameters.bind(this); - } - renderTypehintRec(typehint) { +var Method = React.createClass({ + renderTypehintRec: function(typehint) { if (typehint.type === 'simple') { return typehint.value; } @@ -619,9 +585,10 @@ class Method extends React.Component { } return JSON.stringify(typehint); - } - renderTypehint(typehint) { + }, + + renderTypehint: function(typehint) { if (typeof typehint === 'object' && typehint.name) { return renderType(typehint); } @@ -632,9 +599,9 @@ class Method extends React.Component { } return this.renderTypehintRec(typehint); - } + }, - renderMethodExamples(examples) { + renderMethodExamples: function(examples) { if (!examples || !examples.length) { return null; } @@ -654,9 +621,9 @@ class Method extends React.Component { ); }); - }; + }, - renderMethodParameters(params) { + renderMethodParameters: function(params) { if (!params || !params.length) { return null; } @@ -694,9 +661,9 @@ class Method extends React.Component { ); - } + }, - render() { + render: function() { return (
    @@ -723,18 +690,11 @@ class Method extends React.Component { {this.renderMethodExamples(this.props.examples)}
    ); - } -} + }, +}); -class TypeDef extends React.Component { - constructor(props, context) { - super(props, context); - - this.renderProperties = this.renderProperties.bind(this); - this.renderValues = this.renderValues.bind(this); - } - - renderProperties(properties) { +var TypeDef = React.createClass({ + renderProperties: function(properties) { if (!properties || !properties.length) { return null; } @@ -769,9 +729,9 @@ class TypeDef extends React.Component { ); - } + }, - renderValues(values) { + renderValues: function(values) { if (!values || !values.length) { return null; } @@ -804,9 +764,9 @@ class TypeDef extends React.Component { ); - } + }, - render() { + render: function() { return (
    @@ -822,24 +782,23 @@ class TypeDef extends React.Component { {this.renderValues(this.props.values)}
    ); - } -} + }, +}); -class Autodocs extends React.Component { - contsructor(props, context) { - super(props, context); +var Autodocs = React.createClass({ + childContextTypes: { + permalink: PropTypes.string, + version: PropTypes.string + }, - this.renderFullDescription = this.renderFullDescription.bind(this); - } - - getChildContext() { + getChildContext: function() { return { permalink: this.props.metadata.permalink, version: Metadata.config.RN_VERSION || 'next' }; - } + }, - renderFullDescription(docs) { + renderFullDescription: function(docs) { if (!docs.fullDescription) { return; } @@ -852,9 +811,9 @@ class Autodocs extends React.Component {