Working!

Summary:
Added language to explain that you still need to add keys for each section even if you use a keyExtractor method.

No code changed; just clarified documentation.
Closes https://github.com/facebook/react-native/pull/15007

Differential Revision: D5425897

Pulled By: hramos

fbshipit-source-id: db44064a28a673feeda5a6765ea45217d3ae51e2

.buckconfig

@@ -2,9 +2,11 @@
 [android]
   target = Google Inc.:Google APIs:23
 
+[download]
+  max_number_of_retries = 3
+
 [maven_repositories]
   central = https://repo1.maven.org/maven2
 
 [alias]
-  movies = //Examples/Movies/android/app:app
-  uiexplorer = //Examples/UIExplorer/android/app:app
+  rntester = //RNTester/android/app:app

.eslintignore

@@ -3,3 +3,12 @@
 **/staticBundle.js
 **/main.js
 Libraries/vendor/**/*
+Libraries/Renderer/*
+website/node_modules
+pr-inactivity-bookmarklet.js
+question-bookmarklet.js
+flow/
+website/core/metadata.js
+website/core/metadata-blog.js
+website/src/react-native/docs/
+website/src/react-native/blog/

.eslintrc

@@ -1,4 +1,6 @@
 {
+  "root": true,
+
   "parser": "babel-eslint",
 
   "ecmaFeatures": {
@@ -11,6 +13,8 @@
   },
 
   "plugins": [
+    "flowtype",
+    "prettier",
     "react"
   ],
 
@@ -49,33 +53,17 @@
     "setTimeout": false,
     "window": false,
     "XMLHttpRequest": false,
-    "pit": false,
-
-    // Flow global types.
-    "ReactComponent": false,
-    "ReactClass": false,
-    "ReactElement": false,
-    "ReactPropsCheckType": false,
-    "ReactPropsChainableTypeChecker": false,
-    "ReactPropTypes": false,
-    "SyntheticEvent": false,
-    "$Either": false,
-    "$All": false,
-    "$ArrayBufferView": false,
-    "$Tuple": false,
-    "$Supertype": false,
-    "$Subtype": false,
-    "$Shape": false,
-    "$Diff": false,
-    "$Keys": false,
-    "$Enum": false,
-    "$Exports": false,
-    "$FlowIssue": false,
-    "$FlowFixMe": false,
-    "$FixMe": false
+    "pit": false
   },
 
   "rules": {
+  // Flow Plugin
+  // The following rules are made available via `eslint-plugin-flowtype`
+    "flowtype/define-flow-type": 1,
+    "flowtype/use-flow-type": 1,
+
+  // General
+
     "comma-dangle": 0,               // disallow trailing commas in object literals
     "no-cond-assign": 1,             // disallow assignment in conditional expressions
     "no-console": 0,                 // disallow use of console (off by default in the node environment)
@@ -176,6 +164,10 @@
     "no-restricted-modules": 1,      // restrict usage of specified node modules (off by default)
     "no-sync": 0,                    // disallow use of synchronous methods (off by default)
 
+  // Prettier Plugin
+  // https://github.com/prettier/eslint-plugin-prettier
+    "prettier/prettier": [2, "fb", "@format"],
+
   // Stylistic Issues
   // These rules are purely matters of style and are quite subjective.
 
@@ -241,6 +233,6 @@
     "react/prop-types": 0,
     "react/react-in-jsx-scope": 1,
     "react/self-closing-comp": 1,
-    "react/wrap-multilines": 0,
+    "react/wrap-multilines": 0
   }
 }

.flowconfig

@@ -18,12 +18,6 @@
 ; For RN Apps installed via npm, "Libraries" folder is inside
 ; "node_modules/react-native" but in the source repo it is in the root
 .*/Libraries/react-native/React.js
-.*/Libraries/react-native/ReactNative.js
-
-; Ignore duplicate ReactErrorUtils in react-dom/lib in React 16 alpha 4.
-; TODO (bvaughn) Remove this once we've synced to React 16 alpha 5.
-; For more info see https://phabricator.intern.facebook.com/D4747529#10
-<PROJECT_ROOT>/node_modules/react-dom/lib/ReactErrorUtils.js
 
 [include]
 
@@ -36,8 +30,6 @@ emoji=true
 
 module.system=haste
 
-experimental.strict_type_args=true
-
 munge_underscores=true
 
 module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
@@ -46,12 +38,12 @@ suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FixMe
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-9]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-9]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
 unsafe.enable_getters_and_setters=true
 
 [version]
-^0.42.0
+^0.49.1

.github/CODEOWNERS

@@ -0,0 +1,9 @@
+docs/* @hramos
+blog/* @hramos
+Libraries/Animated/* @janicduplessis
+Libraries/NativeAnimation/* @janicduplessis
+ReactAndroid/src/main/java/com/facebook/react/animated/* @janicduplessis
+website/* @hramos
+website/showcase.json @hramos
+package.json @hramos @ericnakagawa
+website/package.json @hramos @ericnakagawa

.github/ISSUE_TEMPLATE.md

@@ -1,29 +1,124 @@
-Please read the following carefully before opening a new issue.
-Your issue may be closed if it does not provide the information required by this template.
+<!--
+  PLEASE DON'T DELETE THIS TEMPLATE UNTIL YOU HAVE READ THE FIRST SECTION.
+-->
 
-We use GitHub Issues for tracking bugs in React Native.
+### Is this a bug report?
 
-- If you have a question, ask on Stack Overflow: http://stackoverflow.com/questions/tagged/react-native
-- If you have a feature request, post it on Canny: https://react-native.canny.io/feature-requests
+(write your answer here)
 
---- Delete everything above this line ---
+<!--
+  If you answered "Yes":
 
-### Description
+    We expect that it will take you about 30 minutes to produce a high-quality bug report.
+    While this may seem like a lot, putting care into issues helps us fix them faster.
+    For bug reports, it is REQUIRED to fill the rest of this template, or the issue will be closed.
 
-Explain what you did, what you expected to happen, and what actually happens.
+  If you answered "No":
 
-### Reproduction Steps and Sample Code
+    We use GitHub Issues exclusively for tracking bugs in React Native. If you're looking for help,
+    check out the How to Get In Touch section of the following guide: 
+    https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md#how-to-get-in-touch
 
-Try to reproduce your bug on https://sketch.expo.io/ and provide a link. 
-If you can't reproduce the bug on Sketch, provide a sample project. At the very least, provide an example of your code.
+  Now scroll below!
+-->
 
-### Solution
 
-What needs to be done to address this issue? Ideally, provide a pull request with a fix.
+### Have you read the Bugs section of the Contributing to React Native Guide?
 
-### Additional Information
+(Write your answer here.)
 
-* React Native version: [FILL THIS OUT: Be specific, filling out "latest" here is not enough.]
-* Platform: [FILL THIS OUT: iOS, Android, or both?]
-* Development Operating System: [FILL THIS OUT: Are you developing on MacOS, Linux, or Windows?]
-* Dev tools: [FILL THIS OUT: Xcode or Android Studio version, iOS or Android SDK version, if applicable]
+<!--
+  Please read through the bug reporting guidelines thoroughly:
+  https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md#bugs
+-->
+
+### Environment
+
+<!--
+  Please fill in all the relevant fields by running these commands in terminal.
+-->
+
+1. `react-native -v`:
+2. `node -v`:
+3. `npm -v`:
+4. `yarn --version` (if you use Yarn):
+
+Then, specify:
+
+<!-- (What platform are you building for? Choose any from iOS, Android, AppleTV.) -->
+- Target Platform: 
+
+<!-- Which operating system are you using? Specify macOS, Windows, or Linux, along with specific release versions -->
+- Development Operating System: 
+
+<!-- Include any additional relevant information. Are you using Xcode or Android Studio to build native code? Is the issue specific to a particular iOS or Android SDK? -->
+- Build tools:
+
+### Steps to Reproduce
+
+<!--
+  How would you describe your issue to someone who doesn’t know you or your project?
+  Try to write a sequence of steps that anybody can repeat to see the issue.
+  Be specific! If the bug cannot be reproduced, your issue may be closed.
+-->
+
+(Write your steps here:)
+
+1.
+2.
+3.
+
+### Expected Behavior
+
+<!--
+  How did you expect your project to behave?
+  It’s fine if you’re not sure your understanding is correct.
+  Just write down what you thought would happen.
+-->
+
+(Write what you thought would happen.)
+
+### Actual Behavior
+
+<!--
+  Did something go wrong?
+  Is something broken, or not behaving as you expected?
+  Describe this section in detail, and attach screenshots if possible.
+  Don't just say "it doesn't work"!
+-->
+
+(Write what happened. Add screenshots!)
+
+### Reproducible Demo
+
+<!--
+  Please share a project that reproduces the issue.
+  There are two ways to do it:
+
+    * Create a new app using https://snack.expo.io/ and try to reproduce the issue in it.
+      This is useful if you roughly know where the problem is, or can’t share the real code.
+
+    * Or, copy your app and remove things until you’re left with the minimal reproducible demo.
+      This is useful for finding the root cause. You may then optionally create a Snack.
+
+  This is a good guide to creating bug demos: https://stackoverflow.com/help/mcve
+  Once you’re done, copy and paste the link to the Snack or a public GitHub repository below:
+-->
+
+(Paste the link to an example project and exact instructions to reproduce the issue.)
+
+<!--
+  What happens if you skip this step?
+
+  Someone will read your bug report, and maybe will be able to help you,
+  but it’s unlikely that it will get much attention from the team. Eventually,
+  the issue will likely get closed in favor of issues that have reproducible demos.
+
+  Please remember that:
+
+    * Issues without reproducible demos have a very low priority.
+    * The person fixing the bug would have to do that anyway. Please be respectful of their time.
+    * You might figure out the issues yourself as you work on extracting it.
+
+  Thanks for helping us help you!
+-->

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,32 +1,9 @@
-Thanks for submitting a PR! Please read these instructions carefully:
+<!--
+Thank you for sending the PR!
 
-- [ ] Explain the **motivation** for making this change.
-- [ ] Provide a **test plan** demonstrating that the code is solid.
-- [ ] Match the **code formatting** of the rest of the codebase.
-- [ ] Target the `master` branch, NOT a "stable" branch.
+If you changed any code, please provide us with clear instructions on how you verified your changes work. In other words, a test plan is *required*. Bonus points for screenshots and videos!
 
-## Motivation (required)
+Please read the Contribution Guidelines at https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md to learn more about contributing to React Native.
 
-What existing problem does the pull request solve?
-
-## Test Plan (required)
-
-A good test plan has the exact commands you ran and their output, provides screenshots or videos if the pull request changes UI or updates the website. See [What is a Test Plan?][1] to learn more.  
-
-If you have added code that should be tested, add tests.
-
-## Next Steps
-
-Sign the [CLA][2], if you haven't already.
-
-Small pull requests are much easier to review and more likely to get merged. Make sure the PR does only one thing, otherwise please split it.
-
-Make sure all **tests pass** on both [Travis][3] and [Circle CI][4]. PRs that break tests are unlikely to be merged.
-
-For more info, see the ["Pull Requests"][5] section of our "Contributing" guidelines.
-
-[1]: https://medium.com/@martinkonicek/what-is-a-test-plan-8bfc840ec171#.y9lcuqqi9
-[2]: https://code.facebook.com/cla
-[3]: https://travis-ci.org/facebook/react-native
-[4]: http://circleci.com/gh/facebook/react-native
-[5]: https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md#pull-requests
+Happy contributing!
+-->

.gitignore

@@ -23,10 +23,10 @@ project.xcworkspace
 
 # Gradle
 /build/
-/Examples/**/android/app/build/
-/Examples/**/android/app/gradle/
-/Examples/**/android/app/gradlew
-/Examples/**/android/app/gradlew.bat
+/RNTester/android/app/build/
+/RNTester/android/app/gradle/
+/RNTester/android/app/gradlew
+/RNTester/android/app/gradlew.bat
 /ReactAndroid/build/
 
 # Buck
@@ -57,3 +57,6 @@ node_modules
 
 /coverage
 /third-party
+
+/website/src
+/website/build

.travis.yml

@@ -1,27 +1,22 @@
 language: objective-c
 
-osx_image: xcode8.2
+osx_image: xcode8.3
 
 install:
-  - mkdir -p /Users/travis/build/facebook/.nvm
-  - export NVM_DIR="/Users/travis/build/facebook/.nvm"
-  - brew install nvm
-  - source $(brew --prefix nvm)/nvm.sh
-  # TODO npm 2 started stalling on Travis, t11852928
-
-  # Use node 6 because that is what runs on land-blocking tests
-  - nvm install 6
+  - nvm install 7
   - rm -Rf "${TMPDIR}/jest_preprocess_cache"
-  - wget https://github.com/yarnpkg/yarn/releases/download/v0.16.0/yarn-0.16.0.js
-  - export yarn="node $(pwd)/yarn-0.16.0.js"
-  - $yarn install
+  - brew install yarn --ignore-dependencies
+  - yarn install
 
 script:
-  - if [[ "$TEST_TYPE" = objc-ios ]]; then travis_retry travis_wait ./scripts/objc-test-ios.sh test; fi
-  - if [[ "$TEST_TYPE" = objc-tvos ]]; then travis_retry travis_wait ./scripts/objc-test-tvos.sh; fi
+  - if [[ "$TEST_TYPE" = objc-ios ]]; then travis_retry travis_wait 30 ./scripts/objc-test-ios.sh test; fi
+  - if [[ "$TEST_TYPE" = objc-tvos ]]; then travis_retry travis_wait 30 ./scripts/objc-test-tvos.sh; fi
   - if [[ "$TEST_TYPE" = e2e-objc ]]; then node ./scripts/run-ci-e2e-tests.js --ios --js --retries 3; fi
-  - if [[ ( "$TEST_TYPE" = podspecs ) && ( "$TRAVIS_PULL_REQUEST" = "false" ) ]]; then gem install cocoapods && ./scripts/process-podspecs.sh; fi
+  - if [[ ( "$TEST_TYPE" = podspecs ) && ( "$TRAVIS_PULL_REQUEST" = "false" ) ]]; then gem install cocoapods && travis_wait 30 ./scripts/process-podspecs.sh; fi
 
+cache:
+  - cocoapods
+  - yarn
 
 matrix:
   - fast_finish: true # Fail the whole build as soon as one test type fails. Should help with Travis capacity issues (very long queues).
@@ -41,7 +36,6 @@ branches:
 notifications:
   email:
     recipients:
-      - mkonicek@fb.com
       - douglowder@mac.com # Doug Lowder built and maintains Apple TV specific code and wants to be notified about tvOS failures.
       - eloy@artsy.net # Eloy Durán maintains the podspecs test and wants to be notified about failures.
     on_failure: change

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+    // Use IntelliSense to learn about possible Node.js debug attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "program": "${workspaceRoot}/Libraries/react-native/react-native-implementation.js"
+        }
+    ]
+}

CONTRIBUTING.md

@@ -1,44 +1,124 @@
 # Contributing to React Native
 
-React Native is one of Facebook's first open source projects that is both under very active development and is also being used to ship code to everybody on [facebook.com](https://facebook.com). We're still working out the kinks to make contributing to this project as easy and transparent as possible, but we're not quite there yet. Hopefully this document makes the process for contributing clear and preempts some questions you may have.
+React Native is one of Facebook's first open source projects that is both under very active development and is also being used to ship code to everybody on https://facebook.com. We're still working out the kinks to make contributing to this project as easy and transparent as possible, but we're not quite there yet. Hopefully this document makes the process for contributing clear and preempts some questions you may have.
+
+## Code of Conduct
+
+Facebook has adopted a Code of Conduct that we expect project participants to adhere to. Please read [the full text](https://code.facebook.com/codeofconduct) so that you can understand what actions will and will not be tolerated.
 
 ## Our Development Process
 
-Some of the core team will be working directly on GitHub. These changes will be public from the beginning. Other changesets will come via a bridge with Facebook's internal source control. This is a necessity as it allows engineers at Facebook outside of the core team to move fast and contribute from an environment they are comfortable in.
+Some of the core team will be working directly on [GitHub](https://github.com/facebook/react-native). These changes will be public from the beginning. Other changesets will come via a bridge with Facebook's internal source control. This is a necessity as it allows engineers at Facebook outside of the core team to move fast and contribute from an environment they are comfortable in.
 
-### `master` is unsafe
+## Branch Organization
 
-We will do our best to keep `master` in good shape, with tests passing at all times. But in order to move fast, we will make API changes that your application might not be compatible with. We will do our best to communicate these changes and version appropriately so you can lock into a specific version if need be.
+We will do our best to keep `master` in good shape, with tests passing at all times. But in order to move fast, we will make API changes that your application might not be compatible with. We will do our best to [communicate these changes](https://github.com/facebook/react-native/releases) and version appropriately so you can lock into a specific version if need be.
 
-### Pull Requests
+To see what changes are coming and provide better feedback to React Native contributors, use the [latest release candidate](http://facebook.github.io/react-native/versions.html) when possible. By the time a release candidate is released, the changes it contains will have been shipped in production Facebook apps for over two weeks.
+
+## Bugs
+
+#### Where to Find Known Issues
+
+We are using [GitHub Issues](https://github.com/facebook/react-native/issues) for our public bugs. Before filing a new task, try to make sure your problem doesn't already exist.
+
+Questions and feature requests are tracked elsewhere:
+
+  - Have a question? [Ask on Stack Overflow](http://stackoverflow.com/questions/tagged/react-native).
+  - If you have a question regarding future plans, check out the [roadmap](https://github.com/facebook/react-native/wiki/Roadmap).
+  - Have a feature request that is not covered in the roadmap? [Add it here](https://react-native.canny.io/feature-requests).
+
+#### Reporting New Issues
+
+The best way to get your bug fixed is to provide a reduced test case. Please provide either a [Sketch](https://sketch.expo.io/) or a public repository with a runnable example.
+
+Please report a single bug per issue. Always provide reproduction steps. You can use Snack in many cases to demonstrate an issue: https://snack.expo.io/. If the bug cannot be reproduced using Snack, verify that the issue can be reproduced locally by targeting the latest release candidate. Ideally, check if the issue is present in master as well.
+
+Do not forget to include sample code that reproduces the issue. Only open issues for bugs affecting either the latest stable release, or the current release candidate, or master (see http://facebook.github.io/react-native/versions.html). If it is not clear from your report that the issue can be reproduced in one of these releases, your issue will be closed.
+
+We're not able to provide support through GitHub Issues. If you're looking for help with your code, consider asking on Stack Overflow:  http://stackoverflow.com/questions/tagged/react-native
+
+#### Security Bugs
+
+Facebook has a [bounty program](https://www.facebook.com/whitehat/) for the safe disclosure of security bugs. With that in mind, please do not file public issues; go through the process outlined on that page.
+
+## How to Get in Touch
+
+Many React Native users are active on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-native).
+
+If you  want to get a general sense of what React Native folks talk about, check out the [React Native Community](https://www.facebook.com/groups/react.native.community) Facebook group.
+
+There is also [an active community of React and React Native users on the Discord chat platform](https://discord.gg/0ZcbPKXt5bZjGY5n) in case you need help.
+
+The React Native team sends out periodical updates through the following channels:
+
+* [Blog](https://facebook.github.io/react-native/blog/)
+* [Twitter](https://www.twitter.com/reactnative)
+
+Core contributors to React Native meet monthly and post their meeting notes on the React Native blog. You can also find ad hoc discussions in the [React Native Core Contributors](https://www.facebook.com/groups/reactnativeoss/) Facebook group.
+
+## Proposing a Change
+
+If you intend to change the public API, or make any non-trivial changes to the implementation, we recommend [filing an issue](https://github.com/facebook/react-native/issues/new). This lets us reach an agreement on your proposal before you put significant effort into it.
+
+If you're only fixing a bug, it's fine to submit a pull request right away but we still recommend to file an issue detailing what you're fixing. This is helpful in case we don't accept that specific fix but want to keep track of the issue.
+
+## Pull Requests
+
+If you send a pull request, please do it against the master branch. We maintain stable branches for stable releases separately but we don't accept pull requests to them directly. Instead, we cherry-pick non-breaking changes from master to the latest stable version.
 
 The core team will be monitoring for pull requests. When we get one, we'll run some Facebook-specific integration tests on it first. From here, we'll need to get another person to sign off on the changes and then merge the pull request. For API changes we may need to fix internal uses, which could cause some delay. We'll do our best to provide updates and feedback throughout the process.
 
-**Please submit your pull request on the `master` branch**. If the fix is critical and should be included in a stable branch please mention it and it will be cherry picked into it by a project maintainer.
+Small pull requests are much easier to review and more likely to get merged. Make sure the PR does only one thing, otherwise please split it.
 
 *Before* submitting a pull request, please make sure the following is done…
 
 1. Fork the repo and create your branch from `master`.
-2. **Describe your test plan in your commit.**
-  - If you've added code that should be tested, add tests!
-  - If you've changed APIs, update the documentation.
-  - If you've updated the docs, verify the website locally and submit screenshots if applicable.
-
-  ```
-  $ cd website
-  $ npm install && npm start
-  Open the following in your browser: http://localhost:8079/react-native/index.html
-  ```
-
-3. Add the copyright notice to the top of any new files you've added.
-4. Ensure tests pass on Travis and Circle CI.
+2. Add the copyright notice to the top of any new files you've added.
+3. Describe your **test plan** in your commit.
+4. Ensure **tests pass** on Travis and Circle CI.
 5. Make sure your code lints (`node linter.js <files touched>`).
-6. If you haven't already, sign the [CLA](https://code.facebook.com/cla).
+6. If you haven't already, sign the CLA: https://code.facebook.com/cla
 7. Squash your commits (`git rebase -i`).
    One intent alongside one commit makes it clearer for people to review and easier to understand your intention.
 
 > **Note:** It is not necessary to keep clicking `Merge master to your branch` on the PR page. You would want to merge master if there are conflicts or tests are failing. The Facebook-GitHub-Bot ultimately squashes all commits to a single one before merging your PR.
 
+#### Test plan
+
+A good test plan has the exact commands you ran and their output, provides screenshots or videos if the pull request changes UI or updates the website.
+
+  - If you've added code that should be tested, add tests!
+  - If you've changed APIs, update the documentation.
+  - If you've updated the docs, verify the website locally and submit screenshots if applicable (see `website/README.md`)
+
+See "What is a Test Plan?" to learn more:
+https://medium.com/@martinkonicek/what-is-a-test-plan-8bfc840ec171#.y9lcuqqi9
+
+#### Continuous integration tests
+
+Make sure all **tests pass** on both [Travis][travis] and [Circle CI][circle]. PRs that break tests are unlikely to be merged.
+
+You can learn more about running tests and contributing to React Native here: https://facebook.github.io/react-native/docs/testing.html
+
+[travis]: https://travis-ci.org/facebook/react-native
+[circle]: http://circleci.com/gh/facebook/react-native
+
+#### Breaking changes
+
+When adding a new breaking change, follow this template in your pull request:
+
+```
+### New breaking change here
+
+- **Who does this affect**:
+- **How to migrate**:
+- **Why make this breaking change**:
+- **Severity (number of people affected x effort)**:
+```
+
+If your pull request is merged, a core contributor will update the [list of breaking changes](https://github.com/facebook/react-native/wiki/Breaking-Changes) which is then used to populate the release notes.
+
 #### Copyright Notice for files
 
 Copy and paste this to the top of your new file(s):
@@ -60,30 +140,15 @@ If you've added a new module, add a `@providesModule <moduleName>` at the end of
 
 In order to accept your pull request, we need you to submit a CLA. You only need to do this once, so if you've done this for another Facebook open source project, you're good to go. If you are submitting a pull request for the first time, just let us know that you have completed the CLA and we can cross-check with your GitHub username.
 
-[Complete your CLA here](https://code.facebook.com/cla)
-
-## Bugs
-
-### Where to Find Known Issues
-
-We are using GitHub Issues for our public bugs. We keep a close eye on this and try to make it clear when we have an internal fix in progress. Before filing a new task, try to make sure your problem doesn't already exist.
-
-### Reporting New Issues
-
-The best way to get your bug fixed is to provide a reduced test case. Please provide either a public repository with a runnable example or a [Sketch](https://sketch.expo.io/).
-
-### Security Bugs
-
-Facebook has a [bounty program](https://www.facebook.com/whitehat/) for the safe disclosure of security bugs. With that in mind, please do not file public issues; go through the process outlined on that page.
-
-## How to Get in Touch
-
-* [Facebook](https://www.facebook.com/groups/react.native.community/)
-* [Twitter](https://www.twitter.com/reactnative)
+Complete your CLA here: https://code.facebook.com/cla
 
 ## Style Guide
 
-### Code
+Our linter will catch most styling issues that may exist in your code. You can check the status of your code styling by simply running `node linter.js <files touched>`.
+
+However, there are still some styles that the linter cannot pick up.
+
+### Code Conventions
 
 #### General
 

ContainerShip/Dockerfile.android

@@ -3,7 +3,6 @@ FROM containership/android-base:latest
 # set default environment variables
 ENV GRADLE_OPTS="-Dorg.gradle.jvmargs=\"-Xmx512m -XX:+HeapDumpOnOutOfMemoryError\""
 ENV JAVA_TOOL_OPTIONS="-Dfile.encoding=UTF8"
-ENV REACT_NATIVE_MAX_WORKERS=1
 
 # add ReactAndroid directory
 ADD .buckconfig /app/.buckconfig

ContainerShip/Dockerfile.android-base

@@ -86,10 +86,16 @@ RUN echo "y" | android update sdk -u -a -t $(android list sdk -a | grep "Intel x
 RUN echo "y" | android update sdk -u -a -t $(android list sdk -a | grep "Google APIs, Android API 23, revision 1" | awk '{ print $1 }' | sed 's/.$//')
 
 # Android Support Repository, revision 45
-RUN echo "y" | android update sdk -u -a -t $(android list sdk -a | grep "Android Support Repository, revision 45" | awk '{ print $1 }' | sed 's/.$//')
+RUN echo "y" | android update sdk -u -a -t $(android list sdk -a | grep "Android Support Repository" | awk '{ print $1 }' | sed 's/.$//')
 
 # Link adb executable
 RUN ln -s /opt/android/platform-tools/adb /usr/bin/adb
 
+# Install google-chrome
+RUN curl -fsSL https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - \
+     && echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" > /etc/apt/sources.list.d/google-chrome.list \
+     && apt-get update \
+     && apt-get install -y google-chrome-stable
+
 # clean up unnecessary directories
 RUN rm -rf /opt/android/system-images/android-19/default/x86

ContainerShip/Dockerfile.javascript

@@ -1,6 +1,6 @@
 FROM library/node:6.9.2
 
-ENV YARN_VERSION=0.19.1
+ENV YARN_VERSION=0.27.5
 
 # install dependencies
 RUN apt-get update && apt-get install ocaml libelf-dev -y

ContainerShip/scripts/run-android-ci-instrumentation-tests.js

@@ -28,12 +28,6 @@ const child_process = require('child_process');
 const fs = require('fs');
 const path = require('path');
 
-// Flaky tests ignored on Circle CI. They still run internally at fb.
-const ignoredTests = [
-  'ReactScrollViewTestCase',
-  'ReactHorizontalScrollViewTestCase'
-];
-
 const colors = {
     GREEN: '\x1b[32m',
     RED: '\x1b[31m',
@@ -42,6 +36,7 @@ const colors = {
 
 const test_opts = {
     FILTER: new RegExp(argv.filter || '.*', 'i'),
+    IGNORE: argv.ignore || null,
     PACKAGE: argv.package || 'com.facebook.react.tests',
     PATH: argv.path || './ReactAndroid/src/androidTest/java/com/facebook/react/tests',
     RETRIES: parseInt(argv.retries || 2, 10),
@@ -59,14 +54,21 @@ let testClasses = fs.readdirSync(path.resolve(process.cwd(), test_opts.PATH))
         return file.endsWith('.java');
     }).map((clazz) => {
         return path.basename(clazz, '.java');
-    }).filter(className => {
-        return ignoredTests.indexOf(className) === -1;
-    }).map((clazz) => {
-        return test_opts.PACKAGE + '.' + clazz;
-    }).filter((clazz) => {
-        return test_opts.FILTER.test(clazz);
     });
 
+if (test_opts.IGNORE) {
+    test_opts.IGNORE = new RegExp(test_opts.IGNORE, 'i');
+    testClasses = testClasses.filter(className => {
+        return !test_opts.IGNORE.test(className);
+    });
+}
+
+testClasses = testClasses.map((clazz) => {
+    return test_opts.PACKAGE + '.' + clazz;
+}).filter((clazz) => {
+    return test_opts.FILTER.test(clazz);
+});
+
 // only process subset of the tests at corresponding offset and count if args provided
 if (test_opts.COUNT != null && test_opts.OFFSET != null) {
     const testCount = testClasses.length;

ContainerShip/scripts/run-ci-e2e-tests.sh

@@ -11,13 +11,16 @@ RUN_CLI_INSTALL=1
 RUN_IOS=0
 RUN_JS=0
 
-RETRY_COUNT=${RETRY_COUNT:-1}
+RETRY_COUNT=${RETRY_COUNT:-2}
 AVD_UUID=$(cat /dev/urandom | tr -dc 'a-zA-Z0-9' | fold -w 8 | head -n 1)
 
 ANDROID_NPM_DEPS="appium@1.5.1 mocha@2.4.5 wd@0.3.11 colors@1.0.3 pretty-data2@0.40.1"
 CLI_PACKAGE=$ROOT/react-native-cli/react-native-cli-*.tgz
 PACKAGE=$ROOT/react-native-*.tgz
-REACT_NATIVE_MAX_WORKERS=1
+
+# solve issue with max user watches limit
+echo 65536 | tee -a /proc/sys/fs/inotify/max_user_watches
+watchman shutdown-server
 
 # retries command on failure
 # $1 -- max attempts
@@ -177,7 +180,6 @@ function e2e_suite() {
       cd ..
       keytool -genkey -v -keystore android/keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"
 
-      echo "Starting packager server"
       node ./node_modules/.bin/appium >> /dev/null &
       APPIUM_PID=$!
       echo "Starting appium server $APPIUM_PID"
@@ -193,6 +195,7 @@ function e2e_suite() {
         return 1
       fi
 
+      echo "Starting packager server"
       npm start >> /dev/null &
       SERVER_PID=$!
       sleep 15
@@ -227,13 +230,13 @@ function e2e_suite() {
     # js tests
     if [ $RUN_JS -ne 0 ]; then
       # Check the packager produces a bundle (doesn't throw an error)
-      REACT_NATIVE_MAX_WORKERS=1 react-native bundle --platform android --dev true --entry-file index.android.js --bundle-output android-bundle.js
+      react-native bundle --max-workers 1 --platform android --dev true --entry-file index.android.js --bundle-output android-bundle.js
       if [ $? -ne 0 ]; then
         echo "Could not build android bundle"
         return 1
       fi
 
-      REACT_NATIVE_MAX_WORKERS=1 react-native bundle --platform ios --dev true --entry-file index.ios.js --bundle-output ios-bundle.js
+      react-native bundle --max-workers 1 --platform ios --dev true --entry-file index.ios.js --bundle-output ios-bundle.js
       if [ $? -ne 0 ]; then
         echo "Could not build iOS bundle"
         return 1

Examples/.eslintrc

@@ -1,5 +0,0 @@
-{
-  "rules": {
-    "no-alert": 0
-  }
-}

Examples/UIExplorer/README.md

@@ -1,57 +0,0 @@
-# UIExplorer
-
-The UIExplorer is a sample app that showcases React Native views and modules.
-
-## Running this app
-
-Before running the app, make sure you ran:
-
-    git clone https://github.com/facebook/react-native.git
-    cd react-native
-    npm install
-
-### Running on iOS
-
-Mac OS and Xcode are required.
-
-- Open `Examples/UIExplorer/UIExplorer.xcodeproj` in Xcode
-- Hit the Run button
-
-See [Running on device](https://facebook.github.io/react-native/docs/running-on-device.html) if you want to use a physical device.
-
-### Running on Android
-
-You'll need to have all the [prerequisites](https://github.com/facebook/react-native/tree/master/ReactAndroid#prerequisites) (SDK, NDK) for Building React Native installed.
-
-Start an Android emulator ([Genymotion](https://www.genymotion.com) is recommended).
-
-    cd react-native
-    ./gradlew :Examples:UIExplorer:android:app:installDebug
-    ./packager/packager.sh
-
-_Note: Building for the first time can take a while._
-
-Open the UIExplorer app in your emulator.
-
-See [Running on Device](https://facebook.github.io/react-native/docs/running-on-device.html) in case you want to use a physical device.
-
-### Running with Buck
-
-Follow the same setup as running with gradle.
-
-Install Buck from [here](https://buckbuild.com/setup/install.html).
-
-Run the following commands from the react-native folder:
-
-    ./gradlew :ReactAndroid:packageReactNdkLibsForBuck
-    buck fetch uiexplorer
-    buck install -r uiexplorer
-    ./packager/packager.sh
-
-_Note: The native libs are still built using gradle. Full build with buck is coming soon(tm)._
-
-## Built from source
-
-Building the app on both iOS and Android means building the React Native framework from source. This way you're running the latest native and JS code the way you see it in your clone of the github repo.
-
-This is different from apps created using `react-native init` which have a dependency on a specific version of React Native JS and native code, declared in a `package.json` file (and `build.gradle` for Android apps).

Examples/UIExplorer/UIExplorer.xcodeproj/xcshareddata/xcschemes/UIExplorer-tvOS.xcscheme

@@ -1,132 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "0820"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "NO"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
-               BuildableName = "libReact.a"
-               BlueprintName = "React-tvOS"
-               ReferencedContainer = "container:../../React/React.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-               BuildableName = "UIExplorer-tvOS.app"
-               BlueprintName = "UIExplorer-tvOS"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2DD323A41DA2DD8B000FE1B8"
-               BuildableName = "UIExplorer-tvOSUnitTests.xctest"
-               BlueprintName = "UIExplorer-tvOSUnitTests"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2D4624C11DA2EA6900C74D09"
-               BuildableName = "UIExplorer-tvOSIntegrationTests.xctest"
-               BlueprintName = "UIExplorer-tvOSIntegrationTests"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-      </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "UIExplorer-tvOS.app"
-            BlueprintName = "UIExplorer-tvOS"
-            ReferencedContainer = "container:UIExplorer.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "UIExplorer-tvOS.app"
-            BlueprintName = "UIExplorer-tvOS"
-            ReferencedContainer = "container:UIExplorer.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-      <EnvironmentVariables>
-         <EnvironmentVariable
-            key = "CI_USE_PACKAGER"
-            value = "1"
-            isEnabled = "YES">
-         </EnvironmentVariable>
-      </EnvironmentVariables>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "UIExplorer-tvOS.app"
-            BlueprintName = "UIExplorer-tvOS"
-            ReferencedContainer = "container:UIExplorer.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

Examples/UIExplorer/UIExplorer.xcodeproj/xcshareddata/xcschemes/UIExplorer.xcscheme

@@ -1,174 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "0820"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "NO"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
-               BuildableName = "libReact.a"
-               BlueprintName = "React"
-               ReferencedContainer = "container:../../React/React.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "3D13F83D1D6F6AE000E69E0E"
-               BuildableName = "UIExplorerBundle.bundle"
-               BlueprintName = "UIExplorerBundle"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-               BuildableName = "UIExplorer.app"
-               BlueprintName = "UIExplorer"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "NO"
-            buildForProfiling = "NO"
-            buildForArchiving = "NO"
-            buildForAnalyzing = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "004D289D1AAF61C70097A701"
-               BuildableName = "UIExplorerUnitTests.xctest"
-               BlueprintName = "UIExplorerUnitTests"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "NO"
-            buildForProfiling = "NO"
-            buildForArchiving = "NO"
-            buildForAnalyzing = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "143BC5941B21E3E100462512"
-               BuildableName = "UIExplorerIntegrationTests.xctest"
-               BlueprintName = "UIExplorerIntegrationTests"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "004D289D1AAF61C70097A701"
-               BuildableName = "UIExplorerUnitTests.xctest"
-               BlueprintName = "UIExplorerUnitTests"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "143BC5941B21E3E100462512"
-               BuildableName = "UIExplorerIntegrationTests.xctest"
-               BlueprintName = "UIExplorerIntegrationTests"
-               ReferencedContainer = "container:UIExplorer.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-      </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "UIExplorer.app"
-            BlueprintName = "UIExplorer"
-            ReferencedContainer = "container:UIExplorer.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "UIExplorer.app"
-            BlueprintName = "UIExplorer"
-            ReferencedContainer = "container:UIExplorer.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-      <EnvironmentVariables>
-         <EnvironmentVariable
-            key = "CI_USE_PACKAGER"
-            value = "1"
-            isEnabled = "YES">
-         </EnvironmentVariable>
-      </EnvironmentVariables>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "UIExplorer.app"
-            BlueprintName = "UIExplorer"
-            ReferencedContainer = "container:UIExplorer.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

Examples/UIExplorer/UIExplorer/AppDelegate.h

@@ -1,24 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <UIKit/UIKit.h>
-
-@class RCTBridge;
-
-@interface AppDelegate : UIResponder <UIApplicationDelegate>
-
-@property (nonatomic, strong) UIWindow *window;
-@property (nonatomic, readonly) RCTBridge *bridge;
-
-@end

Examples/UIExplorer/UIExplorer/NativeExampleViews/FlexibleSizeExampleView.h

@@ -1,21 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <UIKit/UIKit.h>
-
-#import <React/RCTView.h>
-
-@interface FlexibleSizeExampleView : RCTView
-
-@end

Examples/UIExplorer/UIExplorer/NativeExampleViews/UpdatePropertiesExampleView.h

@@ -1,21 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <UIKit/UIKit.h>
-
-#import <React/RCTView.h>
-
-@interface UpdatePropertiesExampleView : RCTView
-
-@end

Examples/UIExplorer/UIExplorer/main.m

@@ -1,23 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <UIKit/UIKit.h>
-
-#import "AppDelegate.h"
-
-int main(int argc, char * argv[]) {
-  @autoreleasepool {
-    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
-  }
-}

Examples/UIExplorer/UIExplorerCxx.xcodeproj/xcshareddata/xcschemes/UIExplorer-tvOS.xcscheme

@@ -1,139 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "0820"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "NO"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
-               BuildableName = "libReact.a"
-               BlueprintName = "React-tvOS"
-               ReferencedContainer = "container:../../React/ReactCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "3D13F83D1D6F6AE000E69E0E"
-               BuildableName = "UIExplorerBundle.bundle"
-               BlueprintName = "UIExplorerBundle"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-               BuildableName = "UIExplorer-tvOS.app"
-               BlueprintName = "UIExplorer-tvOS"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2DD323A41DA2DD8B000FE1B8"
-               BuildableName = "UIExplorer-tvOSUnitTests.xctest"
-               BlueprintName = "UIExplorer-tvOSUnitTests"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "2D4624C11DA2EA6900C74D09"
-               BuildableName = "UIExplorer-tvOSIntegrationTests.xctest"
-               BlueprintName = "UIExplorer-tvOSIntegrationTests"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-      </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "UIExplorer-tvOS.app"
-            BlueprintName = "UIExplorer-tvOS"
-            ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "UIExplorer-tvOS.app"
-            BlueprintName = "UIExplorer-tvOS"
-            ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "2DD3238F1DA2DD8A000FE1B8"
-            BuildableName = "UIExplorer-tvOS.app"
-            BlueprintName = "UIExplorer-tvOS"
-            ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

Examples/UIExplorer/UIExplorerCxx.xcodeproj/xcshareddata/xcschemes/UIExplorer.xcscheme

@@ -1,174 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "0820"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "NO"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
-               BuildableName = "libReact.a"
-               BlueprintName = "React"
-               ReferencedContainer = "container:../../React/ReactCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "3D13F83D1D6F6AE000E69E0E"
-               BuildableName = "UIExplorerBundle.bundle"
-               BlueprintName = "UIExplorerBundle"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-               BuildableName = "UIExplorer.app"
-               BlueprintName = "UIExplorer"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "NO"
-            buildForProfiling = "NO"
-            buildForArchiving = "NO"
-            buildForAnalyzing = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "004D289D1AAF61C70097A701"
-               BuildableName = "UIExplorerUnitTests.xctest"
-               BlueprintName = "UIExplorerUnitTests"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "NO"
-            buildForProfiling = "NO"
-            buildForArchiving = "NO"
-            buildForAnalyzing = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "143BC5941B21E3E100462512"
-               BuildableName = "UIExplorerIntegrationTests.xctest"
-               BlueprintName = "UIExplorerIntegrationTests"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "004D289D1AAF61C70097A701"
-               BuildableName = "UIExplorerUnitTests.xctest"
-               BlueprintName = "UIExplorerUnitTests"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "143BC5941B21E3E100462512"
-               BuildableName = "UIExplorerIntegrationTests.xctest"
-               BlueprintName = "UIExplorerIntegrationTests"
-               ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-      </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "UIExplorer.app"
-            BlueprintName = "UIExplorer"
-            ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "UIExplorer.app"
-            BlueprintName = "UIExplorer"
-            ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-      <EnvironmentVariables>
-         <EnvironmentVariable
-            key = "CI_USE_PACKAGER"
-            value = "1"
-            isEnabled = "YES">
-         </EnvironmentVariable>
-      </EnvironmentVariables>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "UIExplorer.app"
-            BlueprintName = "UIExplorer"
-            ReferencedContainer = "container:UIExplorerCxx.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

Examples/UIExplorer/UIExplorerIntegrationTests/UIExplorerIntegrationTests.m

@@ -1,78 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- * 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.
- */
-
-#import <UIKit/UIKit.h>
-#import <XCTest/XCTest.h>
-
-#import <RCTTest/RCTTestRunner.h>
-
-#define RCT_TEST(name)                  \
-- (void)test##name                      \
-{                                       \
-  [_runner runTest:_cmd module:@#name]; \
-}
-
-#define RCT_TEST_ONLY_WITH_PACKAGER(name) \
-- (void)test##name                        \
-{                                         \
-  if (getenv("CI_USE_PACKAGER")) {        \
-    [_runner runTest:_cmd module:@#name]; \
-  }                                       \
-}
-
-@interface UIExplorerIntegrationTests : XCTestCase
-
-@end
-
-@implementation UIExplorerIntegrationTests
-{
-  RCTTestRunner *_runner;
-}
-
-- (void)setUp
-{
-  _runner = RCTInitRunnerForApp(@"IntegrationTests/IntegrationTestsApp", nil);
-  _runner.recordMode = NO;
-}
-
-#pragma mark - Test harness
-
-- (void)testTheTester_waitOneFrame
-{
-  [_runner runTest:_cmd
-            module:@"IntegrationTestHarnessTest"
-      initialProps:@{@"waitOneFrame": @YES}
-configurationBlock:nil];
-}
-
-- (void)testTheTester_ExpectError
-{
-  [_runner runTest:_cmd
-            module:@"IntegrationTestHarnessTest"
-      initialProps:@{@"shouldThrow": @YES}
-configurationBlock:nil
-  expectErrorRegex:@"because shouldThrow"];
-}
-
-#pragma mark - JS tests
-
-// This list should be kept in sync with IntegrationTestsApp.js
-RCT_TEST(IntegrationTestHarnessTest)
-RCT_TEST(TimersTest)
-RCT_TEST(AsyncStorageTest)
-RCT_TEST(AppEventsTest)
-RCT_TEST(ImageCachePolicyTest)
-RCT_TEST(ImageSnapshotTest)
-//RCT_TEST(LayoutEventsTest) // Disabled due to flakiness: #8686784
-RCT_TEST(SimpleSnapshotTest)
-RCT_TEST(PromiseTest)
-RCT_TEST_ONLY_WITH_PACKAGER(WebSocketTest)
-
-
-@end

Examples/UIExplorer/UIExplorerIntegrationTests/UIExplorerSnapshotTests.m

@@ -1,61 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <UIKit/UIKit.h>
-#import <XCTest/XCTest.h>
-
-#import <RCTTest/RCTTestRunner.h>
-
-@interface UIExplorerSnapshotTests : XCTestCase
-{
-  RCTTestRunner *_runner;
-}
-
-@end
-
-@implementation UIExplorerSnapshotTests
-
-- (void)setUp
-{
-  _runner = RCTInitRunnerForApp(@"Examples/UIExplorer/js/UIExplorerApp.ios", nil);
-  if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 10) {
-    _runner.testSuffix = @"-iOS10";
-  }
-  _runner.recordMode = NO;
-}
-
-#define RCT_TEST(name)                  \
-- (void)test##name                      \
-{                                       \
-  [_runner runTest:_cmd module:@#name]; \
-}
-
-RCT_TEST(ViewExample)
-RCT_TEST(LayoutExample)
-RCT_TEST(ScrollViewExample)
-RCT_TEST(TextExample)
-#if !TARGET_OS_TV
-// No switch or slider available on tvOS
-RCT_TEST(SwitchExample)
-RCT_TEST(SliderExample)
-// TabBarExample on tvOS passes locally but not on Travis
-RCT_TEST(TabBarExample)
-#endif
-
-- (void)testZZZNotInRecordMode
-{
-  XCTAssertFalse(_runner.recordMode, @"Don't forget to turn record mode back to off");
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/RCTAllocationTests.m

@@ -1,249 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <Foundation/Foundation.h>
-#import <XCTest/XCTest.h>
-
-#import <React/RCTBridge+Private.h>
-#import <React/RCTBridge.h>
-#import <React/RCTJSCExecutor.h>
-#import <React/RCTModuleMethod.h>
-#import <React/RCTRootView.h>
-
-#define RUN_RUNLOOP_WHILE(CONDITION) \
-{ \
-  NSDate *timeout = [NSDate dateWithTimeIntervalSinceNow:5]; \
-  while ((CONDITION) && [timeout timeIntervalSinceNow] > 0) { \
-    [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; \
-  } \
-}
-
-@interface RCTJavaScriptContext : NSObject
-
-@property (nonatomic, assign, readonly) JSGlobalContextRef ctx;
-
-@end
-
-@interface AllocationTestModule : NSObject<RCTBridgeModule, RCTInvalidating>
-
-@property (nonatomic, assign, getter=isValid) BOOL valid;
-
-@end
-
-@implementation AllocationTestModule
-
-RCT_EXPORT_MODULE();
-
-- (instancetype)init
-{
-  if ((self = [super init])) {
-    _valid = YES;
-  }
-  return self;
-}
-
-- (void)invalidate
-{
-  _valid = NO;
-}
-
-RCT_EXPORT_METHOD(test:(__unused NSString *)a
-                      :(__unused NSNumber *)b
-                      :(__unused RCTResponseSenderBlock)c
-                      :(__unused RCTResponseErrorBlock)d) {}
-
-@end
-
-@interface RCTAllocationTests : XCTestCase
-@end
-
-@implementation RCTAllocationTests {
-  NSURL *_bundleURL;
-}
-
-- (void)setUp
-{
-  [super setUp];
-
-  NSString *bundleContents =
-  @"var __fbBatchedBridge = {"
-   "  callFunctionReturnFlushedQueue: function() {},"
-   "  invokeCallbackAndReturnFlushedQueue: function() {},"
-   "  flushedQueue: function() {},"
-   "};";
-
-  NSURL *tempDir = [NSURL fileURLWithPath:NSTemporaryDirectory() isDirectory:YES];
-  [[NSFileManager defaultManager] createDirectoryAtURL:tempDir withIntermediateDirectories:YES attributes:nil error:NULL];
-  NSString *guid = [[NSProcessInfo processInfo] globallyUniqueString];
-  NSString *fileName = [NSString stringWithFormat:@"rctallocationtests-bundle-%@.js", guid];
-
-  _bundleURL = [tempDir URLByAppendingPathComponent:fileName];
-  NSError *saveError;
-  if (![bundleContents writeToURL:_bundleURL atomically:YES encoding:NSUTF8StringEncoding error:&saveError]) {
-    XCTFail(@"Failed to save test bundle to %@, error: %@", _bundleURL, saveError);
-  };
-}
-
-- (void)tearDown
-{
-  [super tearDown];
-
-  [[NSFileManager defaultManager] removeItemAtURL:_bundleURL error:NULL];
-}
-
-- (void)testBridgeIsDeallocated
-{
-  __weak RCTBridge *weakBridge;
-  @autoreleasepool {
-    RCTRootView *view = [[RCTRootView alloc] initWithBundleURL:_bundleURL
-                                                    moduleName:@""
-                                             initialProperties:nil
-                                                 launchOptions:nil];
-    weakBridge = view.bridge;
-    XCTAssertNotNil(weakBridge, @"RCTBridge should have been created");
-    (void)view;
-  }
-
-  XCTAssertNil(weakBridge, @"RCTBridge should have been deallocated");
-}
-
-- (void)testModulesAreInvalidated
-{
-  AllocationTestModule *module = [AllocationTestModule new];
-  @autoreleasepool {
-    RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL
-                                              moduleProvider:^{
-                                                return @[module];
-                                              }
-                                               launchOptions:nil];
-    XCTAssertTrue(module.isValid, @"AllocationTestModule should be valid");
-    (void)bridge;
-  }
-
-  RUN_RUNLOOP_WHILE(module.isValid)
-  XCTAssertFalse(module.isValid, @"AllocationTestModule should have been invalidated by the bridge");
-}
-
-- (void)testModulesAreDeallocated
-{
-  __weak AllocationTestModule *weakModule;
-  @autoreleasepool {
-    AllocationTestModule *module = [AllocationTestModule new];
-    RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL
-                                              moduleProvider:^{
-                                                return @[module];
-                                              }
-                                               launchOptions:nil];
-    weakModule = module;
-    XCTAssertNotNil(weakModule, @"AllocationTestModule should have been created");
-    (void)bridge;
-  }
-
-  RUN_RUNLOOP_WHILE(weakModule)
-  XCTAssertNil(weakModule, @"AllocationTestModule should have been deallocated");
-}
-
-- (void)testModuleMethodsAreDeallocated
-{
-  __weak RCTModuleMethod *weakMethod;
-  @autoreleasepool {
-    __autoreleasing RCTModuleMethod *method = [[RCTModuleMethod alloc] initWithMethodSignature:@"test:(NSString *)a :(nonnull NSNumber *)b :(RCTResponseSenderBlock)c :(RCTResponseErrorBlock)d" JSMethodName:@"" moduleClass:[AllocationTestModule class]];
-    weakMethod = method;
-    XCTAssertNotNil(method, @"RCTModuleMethod should have been created");
-  }
-
-  RUN_RUNLOOP_WHILE(weakMethod)
-  XCTAssertNil(weakMethod, @"RCTModuleMethod should have been deallocated");
-}
-
-- (void)testJavaScriptExecutorIsDeallocated
-{
-  __weak id<RCTJavaScriptExecutor> weakExecutor;
-  @autoreleasepool {
-    RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL
-                                              moduleProvider:nil
-                                               launchOptions:nil];
-    weakExecutor = [bridge.batchedBridge valueForKey:@"javaScriptExecutor"];
-    XCTAssertNotNil(weakExecutor, @"JavaScriptExecutor should have been created");
-    (void)bridge;
-  }
-
-  RUN_RUNLOOP_WHILE(weakExecutor);
-  XCTAssertNil(weakExecutor, @"JavaScriptExecutor should have been released");
-}
-
-- (void)testJavaScriptContextIsDeallocated
-{
-  __weak id weakContext;
-  @autoreleasepool {
-    RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL
-                                              moduleProvider:nil
-                                               launchOptions:nil];
-    id executor = [bridge.batchedBridge valueForKey:@"javaScriptExecutor"];
-    RUN_RUNLOOP_WHILE(!(weakContext = [executor valueForKey:@"_context"]));
-    XCTAssertNotNil(weakContext, @"RCTJavaScriptContext should have been created");
-    (void)bridge;
-  }
-
-  RUN_RUNLOOP_WHILE(weakContext);
-  XCTAssertNil(weakContext, @"RCTJavaScriptContext should have been deallocated");
-}
-
-- (void)testContentViewIsInvalidated
-{
-  RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL
-                                            moduleProvider:nil
-                                             launchOptions:nil];
-  __weak UIView *rootContentView;
-  @autoreleasepool {
-    RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge moduleName:@"" initialProperties:nil];
-    RUN_RUNLOOP_WHILE(!(rootContentView = [rootView valueForKey:@"contentView"]))
-    XCTAssertTrue(rootContentView.userInteractionEnabled, @"RCTContentView should be valid");
-    (void)rootView;
-  }
-
-#if !TARGET_OS_TV // userInteractionEnabled is true for Apple TV views
-  XCTAssertFalse(rootContentView.userInteractionEnabled, @"RCTContentView should have been invalidated");
-#endif
-
-}
-
-- (void)testUnderlyingBridgeIsDeallocated
-{
-  RCTBridge *bridge;
-  __weak id batchedBridge;
-  @autoreleasepool {
-    bridge = [[RCTBridge alloc] initWithBundleURL:_bundleURL moduleProvider:nil launchOptions:nil];
-    batchedBridge = bridge.batchedBridge;
-    XCTAssertTrue([batchedBridge isValid], @"RCTBatchedBridge should be valid");
-    [bridge reload];
-  }
-
-  RUN_RUNLOOP_WHILE(batchedBridge != nil)
-
-  XCTAssertNotNil(bridge, @"RCTBridge should not have been deallocated");
-  XCTAssertNil(batchedBridge, @"RCTBatchedBridge should have been deallocated");
-
-  // Wait to complete the test until the new batchedbridge is also deallocated
-  @autoreleasepool {
-    batchedBridge = bridge.batchedBridge;
-    [bridge invalidate];
-    bridge = nil;
-  }
-
-  RUN_RUNLOOP_WHILE(batchedBridge != nil);
-  XCTAssertNil(batchedBridge);
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/RCTConvert_YGValueTests.m

@@ -1,45 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <XCTest/XCTest.h>
-
-#import <React/RCTConvert.h>
-
-@interface RCTConvert_YGValueTests : XCTestCase
-
-@end
-
-@implementation RCTConvert_YGValueTests
-
-- (void)testUndefined
-{
-  YGValue value = [RCTConvert YGValue:nil];
-  XCTAssertEqual(value.unit, YGUnitUndefined);
-}
-
-- (void)testNumberPoints
-{
-  YGValue value = [RCTConvert YGValue:@100];
-  XCTAssertEqual(value.unit, YGUnitPoint);
-  XCTAssertEqual(value.value, 100);
-}
-
-- (void)testStringPercent
-{
-  YGValue value = [RCTConvert YGValue:@"100%"];
-  XCTAssertEqual(value.unit, YGUnitPercent);
-  XCTAssertEqual(value.value, 100);
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/RCTDevMenuTests.m

@@ -1,69 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <XCTest/XCTest.h>
-
-#import <React/RCTBridge.h>
-#import <React/RCTDevMenu.h>
-
-typedef void(^RCTDevMenuAlertActionHandler)(UIAlertAction *action);
-
-@interface RCTDevMenu ()
-
-- (RCTDevMenuAlertActionHandler)alertActionHandlerForDevItem:(RCTDevMenuItem *)item;
-
-@end
-
-@interface RCTDevMenuTests : XCTestCase
-
-@end
-
-@implementation RCTDevMenuTests
-{
-  RCTBridge *_bridge;
-}
-
-- (void)setUp
-{
-  [super setUp];
-
-  NSBundle *bundle = [NSBundle bundleForClass:[self class]];
-  _bridge = [[RCTBridge alloc] initWithBundleURL:[bundle URLForResource:@"UIExplorerUnitTestsBundle" withExtension:@"js"]
-                                  moduleProvider:nil
-                                   launchOptions:nil];
-}
-
-- (void)testShowCreatingActionSheet
-{
-  XCTAssertFalse([_bridge.devMenu isActionSheetShown]);
-  [_bridge.devMenu show];
-  XCTAssertTrue([_bridge.devMenu isActionSheetShown]);
-}
-
-
-- (void)testClosingActionSheetAfterAction
-{
-  for (RCTDevMenuItem *item in _bridge.devMenu.presentedItems) {
-    RCTDevMenuAlertActionHandler handler = [_bridge.devMenu alertActionHandlerForDevItem:item];
-    XCTAssertTrue([_bridge.devMenu isActionSheetShown]);
-
-    handler(nil);
-    XCTAssertFalse([_bridge.devMenu isActionSheetShown]);
-
-    [_bridge.devMenu show];
-    XCTAssertTrue([_bridge.devMenu isActionSheetShown]);
-  }
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/RCTGzipTests.m

@@ -1,93 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <XCTest/XCTest.h>
-
-#import <React/RCTNetworking.h>
-#import <React/RCTUtils.h>
-
-#define RUN_RUNLOOP_WHILE(CONDITION) \
-{ \
-  NSDate *timeout = [NSDate dateWithTimeIntervalSinceNow:5]; \
-  while ((CONDITION) && [timeout timeIntervalSinceNow] > 0) { \
-    [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; \
-  } \
-}
-
-extern BOOL RCTIsGzippedData(NSData *data);
-
-@interface RCTNetworking (Private)
-
-- (void)buildRequest:(NSDictionary<NSString *, id> *)query
-     completionBlock:(void (^)(NSURLRequest *request))block;
-
-@end
-
-@interface RCTGzipTests : XCTestCase
-
-@end
-
-@implementation RCTGzipTests
-
-- (void)testGzip
-{
-  //set up data
-  NSString *inputString = @"Hello World!";
-  NSData *inputData = [inputString dataUsingEncoding:NSUTF8StringEncoding];
-
-  //compress
-  NSData *outputData = RCTGzipData(inputData, -1);
-  XCTAssertTrue(RCTIsGzippedData(outputData));
-}
-
-- (void)testDontRezipZippedData
-{
-  //set up data
-  NSString *inputString = @"Hello World!";
-  NSData *inputData = [inputString dataUsingEncoding:NSUTF8StringEncoding];
-
-  //compress
-  NSData *compressedData = RCTGzipData(inputData, -1);
-  inputString = [[NSString alloc] initWithData:compressedData encoding:NSUTF8StringEncoding];
-
-  //compress again
-  NSData *outputData = RCTGzipData(inputData, -1);
-  NSString *outputString = [[NSString alloc] initWithData:outputData encoding:NSUTF8StringEncoding];
-  XCTAssertEqualObjects(outputString, inputString);
-}
-
-- (void)testRequestBodyEncoding
-{
-  NSDictionary *query = @{
-    @"url": @"http://example.com",
-    @"method": @"POST",
-    @"data": @{@"string": @"Hello World"},
-    @"headers": @{@"Content-Encoding": @"gzip"},
-  };
-
-  RCTNetworking *networker = [RCTNetworking new];
-  [networker setValue:dispatch_get_main_queue() forKey:@"methodQueue"];
-  __block NSURLRequest *request = nil;
-  [networker buildRequest:query completionBlock:^(NSURLRequest *_request) {
-    request = _request;
-  }];
-
-  RUN_RUNLOOP_WHILE(request == nil);
-
-  XCTAssertNotNil(request);
-  XCTAssertNotNil(request.HTTPBody);
-  XCTAssertTrue(RCTIsGzippedData(request.HTTPBody));
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/RCTImageLoaderHelpers.h

@@ -1,47 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <React/RCTImageLoader.h>
-
-typedef BOOL (^RCTImageURLLoaderCanLoadImageURLHandler)(NSURL *requestURL);
-typedef RCTImageLoaderCancellationBlock (^RCTImageURLLoaderLoadImageURLHandler)(NSURL *imageURL, CGSize size, CGFloat scale, RCTResizeMode resizeMode, RCTImageLoaderProgressBlock progressHandler, RCTImageLoaderCompletionBlock completionHandler);
-
-@interface RCTConcreteImageURLLoader : NSObject <RCTImageURLLoader>
-
-- (instancetype)initWithPriority:(float)priority
-          canLoadImageURLHandler:(RCTImageURLLoaderCanLoadImageURLHandler)canLoadImageURLHandler
-             loadImageURLHandler:(RCTImageURLLoaderLoadImageURLHandler)loadImageURLHandler;
-
-@end
-
-typedef BOOL (^RCTImageDataDecoderCanDecodeImageDataHandler)(NSData *imageData);
-typedef RCTImageLoaderCancellationBlock (^RCTImageDataDecoderDecodeImageDataHandler)(NSData *imageData, CGSize size, CGFloat scale, RCTResizeMode resizeMode, RCTImageLoaderCompletionBlock completionHandler);
-
-@interface RCTConcreteImageDecoder : NSObject <RCTImageDataDecoder>
-
-- (instancetype)initWithPriority:(float)priority
-       canDecodeImageDataHandler:(RCTImageDataDecoderCanDecodeImageDataHandler)canDecodeImageDataHandler
-          decodeImageDataHandler:(RCTImageDataDecoderDecodeImageDataHandler)decodeImageDataHandler;
-
-@end
-
-#define _RCTDefineImageHandler(SUPERCLASS, CLASS_NAME) \
-@interface CLASS_NAME : SUPERCLASS @end \
-@implementation CLASS_NAME RCT_EXPORT_MODULE() @end
-
-#define RCTDefineImageURLLoader(CLASS_NAME) \
-_RCTDefineImageHandler(RCTConcreteImageURLLoader, CLASS_NAME)
-
-#define RCTDefineImageDecoder(CLASS_NAME) \
-_RCTDefineImageHandler(RCTConcreteImageDecoder, CLASS_NAME)

Examples/UIExplorer/UIExplorerUnitTests/RCTJSCExecutorTests.m

@@ -1,49 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <mach/mach_time.h>
-
-#import <XCTest/XCTest.h>
-
-#import <React/RCTJSCExecutor.h>
-
-@interface RCTJSCExecutorTests : XCTestCase
-
-@end
-
-@implementation RCTJSCExecutorTests
-{
-  RCTJSCExecutor *_executor;
-}
-
-- (void)setUp
-{
-  [super setUp];
-  _executor = [RCTJSCExecutor new];
-  [_executor setUp];
-}
-
-- (void)testNativeLoggingHookExceptionBehavior
-{
-  dispatch_semaphore_t doneSem = dispatch_semaphore_create(0);
-  [_executor executeApplicationScript:[@"var x = {toString: function() { throw 1; }}; nativeLoggingHook(x);" dataUsingEncoding:NSUTF8StringEncoding]
-                           sourceURL:[NSURL URLWithString:@"file://"]
-                          onComplete:^(__unused id error){
-                            dispatch_semaphore_signal(doneSem);
-                          }];
-  dispatch_semaphore_wait(doneSem, DISPATCH_TIME_FOREVER);
-  [_executor invalidate];
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/RCTModuleInitNotificationRaceTests.m

@@ -1,135 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <Foundation/Foundation.h>
-#import <XCTest/XCTest.h>
-
-#import <React/RCTBridge+Private.h>
-#import <React/RCTBridge.h>
-#import <React/RCTBridgeModule.h>
-#import <React/RCTJavaScriptExecutor.h>
-#import <React/RCTUIManager.h>
-#import <React/RCTViewManager.h>
-
-#define RUN_RUNLOOP_WHILE(CONDITION) \
-{ \
-  NSDate *timeout = [NSDate dateWithTimeIntervalSinceNow:5]; \
-  while ((CONDITION)) { \
-    [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; \
-    if ([timeout timeIntervalSinceNow] <= 0) { \
-      XCTFail(@"Runloop timed out before condition was met"); \
-      break; \
-    } \
-  } \
-}
-
-@interface RCTTestViewManager : RCTViewManager
-@end
-
-@implementation RCTTestViewManager
-
-RCT_EXPORT_MODULE()
-
-#pragma clang diagnostic push
-#pragma clang diagnostic ignored "-Wdeprecated-implementations"
-
-- (NSArray<NSString *> *)customBubblingEventTypes
-{
-  return @[@"foo"];
-}
-
-#pragma clang diagnostic pop
-
-@end
-
-
-@interface RCTNotificationObserverModule : NSObject <RCTBridgeModule>
-
-@property (nonatomic, assign) BOOL didDetectViewManagerInit;
-
-@end
-
-@implementation RCTNotificationObserverModule
-
-@synthesize bridge = _bridge;
-
-RCT_EXPORT_MODULE()
-
-- (void)setBridge:(RCTBridge *)bridge
-{
-  _bridge = bridge;
-  [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(didInitViewManager:) name:RCTDidInitializeModuleNotification object:nil];
-}
-
-- (void)didInitViewManager:(NSNotification *)note
-{
-  id<RCTBridgeModule> module = note.userInfo[@"module"];
-  if ([module isKindOfClass:[RCTTestViewManager class]]) {
-    _didDetectViewManagerInit = YES;
-  }
-}
-
-- (void)dealloc
-{
-  [[NSNotificationCenter defaultCenter] removeObserver:self];
-}
-
-@end
-
-
-@interface RCTModuleInitNotificationRaceTests : XCTestCase <RCTBridgeDelegate>
-{
-  RCTBridge *_bridge;
-  RCTNotificationObserverModule *_notificationObserver;
-}
-@end
-
-@implementation RCTModuleInitNotificationRaceTests
-
-- (NSURL *)sourceURLForBridge:(__unused RCTBridge *)bridge
-{
-  NSBundle *bundle = [NSBundle bundleForClass:[self class]];
-  return [bundle URLForResource:@"UIExplorerUnitTestsBundle" withExtension:@"js"];
-}
-
-- (NSArray *)extraModulesForBridge:(__unused RCTBridge *)bridge
-{
-  return @[[RCTTestViewManager new], _notificationObserver];
-}
-
-- (void)setUp
-{
-  [super setUp];
-
-  _notificationObserver = [RCTNotificationObserverModule new];
-  _bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:nil];
-}
-
-- (void)tearDown
-{
-  [super tearDown];
-
-  _notificationObserver = nil;
-  id<RCTJavaScriptExecutor> jsExecutor = _bridge.batchedBridge.javaScriptExecutor;
-  [_bridge invalidate];
-  RUN_RUNLOOP_WHILE(jsExecutor.isValid);
-  _bridge = nil;
-}
-
-- (void)testViewManagerNotInitializedBeforeSetBridgeModule
-{
-  RUN_RUNLOOP_WHILE(!_notificationObserver.didDetectViewManagerInit);
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/RCTModuleMethodTests.m

@@ -1,145 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-#import <UIKit/UIKit.h>
-#import <XCTest/XCTest.h>
-
-#import <React/RCTBridgeModule.h>
-#import <React/RCTLog.h>
-#import <React/RCTModuleMethod.h>
-
-static BOOL RCTLogsError(void (^block)(void))
-{
-  __block BOOL loggedError = NO;
-  RCTPerformBlockWithLogFunction(block, ^(RCTLogLevel level,
-                                          __unused RCTLogSource source,
-                                          __unused NSString *fileName,
-                                          __unused NSNumber *lineNumber,
-                                          __unused NSString *message) {
-    loggedError = (level == RCTLogLevelError);
-  });
-  return loggedError;
-}
-
-@interface RCTModuleMethodTests : XCTestCase <RCTBridgeModule>
-
-@end
-
-@implementation RCTModuleMethodTests
-{
-  CGRect _s;
-}
-
-+ (NSString *)moduleName { return nil; }
-
-- (void)doFooWithBar:(__unused NSString *)bar { }
-
-- (void)testNonnull
-{
-  NSString *methodSignature = @"doFooWithBar:(nonnull NSString *)bar";
-  RCTModuleMethod *method = [[RCTModuleMethod alloc] initWithMethodSignature:methodSignature
-                                                                JSMethodName:nil
-                                                                 moduleClass:[self class]];
-  XCTAssertFalse(RCTLogsError(^{
-    [method invokeWithBridge:nil module:self arguments:@[@"Hello World"]];
-  }));
-
-  XCTAssertTrue(RCTLogsError(^{
-    [method invokeWithBridge:nil module:self arguments:@[[NSNull null]]];
-  }));
-}
-
-- (void)doFooWithNumber:(__unused NSNumber *)n { }
-- (void)doFooWithDouble:(__unused double)n { }
-- (void)doFooWithInteger:(__unused NSInteger)n { }
-- (void)doFooWithCGRect:(CGRect)s { _s = s; }
-
-- (void)doFoo : (__unused NSString *)foo { }
-
-- (void)testNumbersNonnull
-{
-  {
-    // Specifying an NSNumber param without nonnull isn't allowed
-    XCTAssertTrue(RCTLogsError(^{
-      NSString *methodSignature = @"doFooWithNumber:(NSNumber *)n";
-      RCTModuleMethod *method = [[RCTModuleMethod alloc] initWithMethodSignature:methodSignature
-                                                                    JSMethodName:nil
-                                                                     moduleClass:[self class]];
-      // Invoke method to trigger parsing
-      [method invokeWithBridge:nil module:self arguments:@[@1]];
-    }));
-  }
-
-  {
-    NSString *methodSignature = @"doFooWithNumber:(nonnull NSNumber *)n";
-    RCTModuleMethod *method = [[RCTModuleMethod alloc] initWithMethodSignature:methodSignature
-                                                                  JSMethodName:nil
-                                                                   moduleClass:[self class]];
-    XCTAssertTrue(RCTLogsError(^{
-      [method invokeWithBridge:nil module:self arguments:@[[NSNull null]]];
-    }));
-  }
-
-  {
-    NSString *methodSignature = @"doFooWithDouble:(double)n";
-    RCTModuleMethod *method = [[RCTModuleMethod alloc] initWithMethodSignature:methodSignature
-                                                                  JSMethodName:nil
-                                                                   moduleClass:[self class]];
-    XCTAssertTrue(RCTLogsError(^{
-      [method invokeWithBridge:nil module:self arguments:@[[NSNull null]]];
-    }));
-  }
-
-  {
-    NSString *methodSignature = @"doFooWithInteger:(NSInteger)n";
-    RCTModuleMethod *method = [[RCTModuleMethod alloc] initWithMethodSignature:methodSignature
-                                                                  JSMethodName:nil
-                                                                   moduleClass:[self class]];
-    XCTAssertTrue(RCTLogsError(^{
-      [method invokeWithBridge:nil module:self arguments:@[[NSNull null]]];
-    }));
-  }
-}
-
-- (void)testStructArgument
-{
-  NSString *methodSignature = @"doFooWithCGRect:(CGRect)s";
-  RCTModuleMethod *method = [[RCTModuleMethod alloc] initWithMethodSignature:methodSignature
-                                                                JSMethodName:nil
-                                                                 moduleClass:[self class]];
-
-  CGRect r = CGRectMake(10, 20, 30, 40);
-  [method invokeWithBridge:nil module:self arguments:@[@[@10, @20, @30, @40]]];
-  XCTAssertTrue(CGRectEqualToRect(r, _s));
-}
-
-- (void)testWhitespaceTolerance
-{
-  NSString *methodSignature = @"doFoo : \t (NSString *)foo";
-
-  __block RCTModuleMethod *method;
-  XCTAssertFalse(RCTLogsError(^{
-    method = [[RCTModuleMethod alloc] initWithMethodSignature:methodSignature
-                                                 JSMethodName:nil
-                                                  moduleClass:[self class]];
-  }));
-
-  XCTAssertEqualObjects(method.JSMethodName, @"doFoo");
-
-  XCTAssertFalse(RCTLogsError(^{
-    [method invokeWithBridge:nil module:self arguments:@[@"bar"]];
-  }));
-}
-
-@end

Examples/UIExplorer/UIExplorerUnitTests/UIExplorerUnitTestsBundle.js

@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * @providesModule UIExplorerUnitTestsBundle
- */
-'use strict';
-
-const __fbBatchedBridge = { // eslint-disable-line no-unused-vars
-  flushedQueue: function() {
-    return null;
-  }
-};

Examples/UIExplorer/android/app/BUCK

@@ -1,32 +0,0 @@
-include_defs("//ReactAndroid/DEFS")
-
-android_binary(
-    name = "app",
-    keystore = "//keystores:debug",
-    manifest = "src/main/AndroidManifest.xml",
-    deps = [
-        ":uiexplorer-lib",
-    ],
-)
-
-android_library(
-    name = "uiexplorer-lib",
-    srcs = glob(["src/main/java/**/*.java"]),
-    deps = [
-        ":res",
-        react_native_dep("third-party/android/support/v4:lib-support-v4"),
-        react_native_dep("third-party/java/jsr-305:jsr-305"),
-        react_native_target("java/com/facebook/react:react"),
-        react_native_target("java/com/facebook/react/modules/core:core"),
-        react_native_target("java/com/facebook/react/shell:shell"),
-        react_native_target("jni/prebuilt:android-jsc"),
-        # .so files are prebuilt by Gradle with `./gradlew :ReactAndroid:packageReactNdkLibsForBuck`
-        react_native_target("jni/prebuilt:reactnative-libs"),
-    ],
-)
-
-android_resource(
-    name = "res",
-    package = "com.facebook.react.uiapp",
-    res = "src/main/res",
-)

Examples/UIExplorer/android/app/src/main/java/com/facebook/react/uiapp/UIExplorerActivity.java

@@ -1,66 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-package com.facebook.react.uiapp;
-
-import android.app.Activity;
-import android.os.Bundle;
-
-import com.facebook.react.ReactActivity;
-import com.facebook.react.ReactActivityDelegate;
-
-import javax.annotation.Nullable;
-
-public class UIExplorerActivity extends ReactActivity {
-  public static class UIExplorerActivityDelegate extends ReactActivityDelegate {
-    private static final String PARAM_ROUTE = "route";
-    private Bundle mInitialProps = null;
-    private final @Nullable Activity mActivity;
-
-    public UIExplorerActivityDelegate(Activity activity, String mainComponentName) {
-      super(activity, mainComponentName);
-      this.mActivity = activity;
-    }
-
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-      // Get remote param before calling super which uses it
-      Bundle bundle = mActivity.getIntent().getExtras();
-      if (bundle != null && bundle.containsKey(PARAM_ROUTE)) {
-        String routeUri = new StringBuilder("rnuiexplorer://example/")
-          .append(bundle.getString(PARAM_ROUTE))
-          .append("Example")
-          .toString();
-        mInitialProps = new Bundle();
-        mInitialProps.putString("exampleFromAppetizeParams", routeUri);
-      }
-      super.onCreate(savedInstanceState);
-    }
-
-    @Override
-    protected Bundle getLaunchOptions() {
-      return mInitialProps;
-    }
-  }
-
-  @Override
-  protected ReactActivityDelegate createReactActivityDelegate() {
-    return new UIExplorerActivityDelegate(this, getMainComponentName());
-  }
-
-  @Override
-  protected String getMainComponentName() {
-    return "UIExplorerApp";
-  }
-}

Examples/UIExplorer/android/app/src/main/java/com/facebook/react/uiapp/UIExplorerApplication.java

@@ -1,58 +0,0 @@
-/**
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-package com.facebook.react.uiapp;
-
-import android.app.Application;
-
-import com.facebook.react.ReactApplication;
-import com.facebook.react.ReactNativeHost;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.shell.MainReactPackage;
-
-import java.util.Arrays;
-import java.util.List;
-
-import javax.annotation.Nullable;
-
-public class UIExplorerApplication extends Application implements ReactApplication {
-  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
-    @Override
-    public String getJSMainModuleName() {
-      return "Examples/UIExplorer/js/UIExplorerApp.android";
-    }
-
-    @Override
-    public @Nullable String getBundleAssetName() {
-      return "UIExplorerApp.android.bundle";
-    }
-
-    @Override
-    public boolean getUseDeveloperSupport() {
-      return true;
-    }
-
-    @Override
-    public List<ReactPackage> getPackages() {
-      return Arrays.<ReactPackage>asList(
-        new MainReactPackage()
-      );
-    }
-  };
-
-  @Override
-  public ReactNativeHost getReactNativeHost() {
-    return mReactNativeHost;
-  }
-};

Examples/UIExplorer/android/app/src/main/res/values/strings.xml

@@ -1,3 +0,0 @@
-<resources>
-    <string name="app_name">UIExplorer App</string>
-</resources>

Examples/UIExplorer/js/CameraRollExample.js

@@ -1,149 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule CameraRollExample
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  CameraRoll,
-  Image,
-  Slider,
-  StyleSheet,
-  Switch,
-  Text,
-  View,
-  TouchableOpacity
-} = ReactNative;
-
-const invariant = require('fbjs/lib/invariant');
-
-const CameraRollView = require('./CameraRollView');
-
-const AssetScaledImageExampleView = require('./AssetScaledImageExample');
-
-class CameraRollExample extends React.Component {
-  state = {
-    groupTypes: 'SavedPhotos',
-    sliderValue: 1,
-    bigImages: true,
-  };
-  _cameraRollView: ?CameraRollView;
-  render() {
-    return (
-      <View>
-        <Switch
-          onValueChange={this._onSwitchChange}
-          value={this.state.bigImages}
-        />
-        <Text>{(this.state.bigImages ? 'Big' : 'Small') + ' Images'}</Text>
-        <Slider
-          value={this.state.sliderValue}
-          onValueChange={this._onSliderChange}
-        />
-        <Text>{'Group Type: ' + this.state.groupTypes}</Text>
-        <CameraRollView
-          ref={(ref) => { this._cameraRollView = ref; }}
-          batchSize={20}
-          groupTypes={this.state.groupTypes}
-          renderImage={this._renderImage}
-        />
-      </View>
-    );
-  }
-
-  loadAsset = (asset) => {
-    if (this.props.navigator) {
-      this.props.navigator.push({
-        title: 'Camera Roll Image',
-        component: AssetScaledImageExampleView,
-        backButtonTitle: 'Back',
-        passProps: { asset: asset },
-      });
-    }
-  };
-
-  _renderImage = (asset) => {
-    const imageSize = this.state.bigImages ? 150 : 75;
-    const imageStyle = [styles.image, {width: imageSize, height: imageSize}];
-    const {location} = asset.node;
-    const locationStr = location ? JSON.stringify(location) : 'Unknown location';
-    return (
-      <TouchableOpacity key={asset} onPress={ this.loadAsset.bind( this, asset ) }>
-        <View style={styles.row}>
-          <Image
-            source={asset.node.image}
-            style={imageStyle}
-          />
-          <View style={styles.info}>
-            <Text style={styles.url}>{asset.node.image.uri}</Text>
-            <Text>{locationStr}</Text>
-            <Text>{asset.node.group_name}</Text>
-            <Text>{new Date(asset.node.timestamp).toString()}</Text>
-          </View>
-        </View>
-      </TouchableOpacity>
-    );
-  };
-
-  _onSliderChange = (value) => {
-    const options = CameraRoll.GroupTypesOptions;
-    const index = Math.floor(value * options.length * 0.99);
-    const groupTypes = options[index];
-    if (groupTypes !== this.state.groupTypes) {
-      this.setState({groupTypes: groupTypes});
-    }
-  };
-
-  _onSwitchChange = (value) => {
-    invariant(this._cameraRollView, 'ref should be set');
-    this._cameraRollView.rendererChanged();
-    this.setState({ bigImages: value });
-  };
-}
-
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: 'row',
-    flex: 1,
-  },
-  url: {
-    fontSize: 9,
-    marginBottom: 14,
-  },
-  image: {
-    margin: 4,
-  },
-  info: {
-    flex: 1,
-  },
-});
-
-exports.title = 'Camera Roll';
-exports.description = 'Example component that uses CameraRoll to list user\'s photos';
-exports.examples = [
-  {
-    title: 'Photos',
-    render(): React.Element<any> { return <CameraRollExample />; }
-  }
-];

Examples/UIExplorer/js/ClipboardExample.js

@@ -1,72 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule ClipboardExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  Clipboard,
-  View,
-  Text,
-} = ReactNative;
-
-class ClipboardExample extends React.Component {
-  state = {
-    content: 'Content will appear here'
-  };
-
-  _setClipboardContent = async () => {
-    Clipboard.setString('Hello World');
-    try {
-      var content = await Clipboard.getString();
-      this.setState({content});
-    } catch (e) {
-      this.setState({content:e.message});
-    }
-  };
-
-  render() {
-    return (
-      <View>
-        <Text onPress={this._setClipboardContent} style={{color: 'blue'}}>
-          Tap to put "Hello World" in the clipboard
-        </Text>
-        <Text style={{color: 'red', marginTop: 20}}>
-          {this.state.content}
-        </Text>
-      </View>
-    );
-  }
-}
-
-exports.title = 'Clipboard';
-exports.description = 'Show Clipboard contents.';
-exports.examples = [
-  {
-    title: 'Clipboard.setString() and getString()',
-    render() {
-      return <ClipboardExample/>;
-    }
-  }
-];

Examples/UIExplorer/js/DatePickerAndroidExample.js

@@ -1,146 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- * @providesModule DatePickerAndroidExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  DatePickerAndroid,
-  StyleSheet,
-  Text,
-  TouchableWithoutFeedback,
-} = ReactNative;
-
-var UIExplorerBlock = require('./UIExplorerBlock');
-var UIExplorerPage = require('./UIExplorerPage');
-
-class DatePickerAndroidExample extends React.Component {
-  static title = 'DatePickerAndroid';
-  static description = 'Standard Android date picker dialog';
-
-  state = {
-    presetDate: new Date(2020, 4, 5),
-    simpleDate: new Date(2020, 4, 5),
-    spinnerDate: new Date(2020, 4, 5),
-    calendarDate: new Date(2020, 4, 5),
-    defaultDate: new Date(2020, 4, 5),
-    allDate: new Date(2020, 4, 5),
-    simpleText: 'pick a date',
-    spinnerText: 'pick a date',
-    calendarText: 'pick a date',
-    defaultText: 'pick a date',
-    minText: 'pick a date, no earlier than today',
-    maxText: 'pick a date, no later than today',
-    presetText: 'pick a date, preset to 2020/5/5',
-    allText: 'pick a date between 2020/5/1 and 2020/5/10',
-  };
-
-  showPicker = async (stateKey, options) => {
-    try {
-      var newState = {};
-      const {action, year, month, day} = await DatePickerAndroid.open(options);
-      if (action === DatePickerAndroid.dismissedAction) {
-        newState[stateKey + 'Text'] = 'dismissed';
-      } else {
-        var date = new Date(year, month, day);
-        newState[stateKey + 'Text'] = date.toLocaleDateString();
-        newState[stateKey + 'Date'] = date;
-      }
-      this.setState(newState);
-    } catch ({code, message}) {
-      console.warn(`Error in example '${stateKey}': `, message);
-    }
-  };
-
-  render() {
-    return (
-      <UIExplorerPage title="DatePickerAndroid">
-        <UIExplorerBlock title="Simple date picker">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'simple', {date: this.state.simpleDate})}>
-            <Text style={styles.text}>{this.state.simpleText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Simple spinner date picker">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'spinner', {date: this.state.spinnerDate, mode: 'spinner'})}>
-            <Text style={styles.text}>{this.state.spinnerText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Simple calendar date picker">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'calendar', {date: this.state.calendarDate, mode: 'calendar'})}>
-            <Text style={styles.text}>{this.state.calendarText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Simple default date picker">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'default', {date: this.state.defaultDate, mode: 'default'})}>
-            <Text style={styles.text}>{this.state.defaultText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Date picker with pre-set date">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'preset', {date: this.state.presetDate})}>
-            <Text style={styles.text}>{this.state.presetText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Date picker with minDate">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'min', {
-              date: this.state.minDate,
-              minDate: new Date(),
-            })}>
-            <Text style={styles.text}>{this.state.minText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Date picker with maxDate">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'max', {
-              date: this.state.maxDate,
-              maxDate: new Date(),
-            })}>
-            <Text style={styles.text}>{this.state.maxText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Date picker with all options">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'all', {
-              date: this.state.allDate,
-              minDate: new Date(2020, 4, 1),
-              maxDate: new Date(2020, 4, 10),
-            })}>
-            <Text style={styles.text}>{this.state.allText}</Text>
-          </TouchableWithoutFeedback>
-          </UIExplorerBlock>
-      </UIExplorerPage>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  text: {
-    color: 'black',
-  },
-});
-
-module.exports = DatePickerAndroidExample;

Examples/UIExplorer/js/ExampleTypes.js

@@ -1,39 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule ExampleTypes
- * @flow
- */
-'use strict';
-
-import type React from 'react';
-
-export type Example = {
-  title: string,
-  render: () => ?React.Element<any>,
-  description?: string,
-  platform?: string,
-};
-
-export type ExampleModule = {
-  title: string,
-  description: string,
-  examples: Array<Example>,
-};

Examples/UIExplorer/js/FlatListExample.js

@@ -1,210 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule FlatListExample
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  Animated,
-  FlatList,
-  StyleSheet,
-  View,
-} = ReactNative;
-
-const UIExplorerPage = require('./UIExplorerPage');
-
-const infoLog = require('infoLog');
-
-const {
-  FooterComponent,
-  HeaderComponent,
-  ItemComponent,
-  PlainInput,
-  SeparatorComponent,
-  Spindicator,
-  genItemData,
-  getItemLayout,
-  pressItem,
-  renderSmallSwitchOption,
-} = require('./ListExampleShared');
-
-const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
-
-const VIEWABILITY_CONFIG = {
-  minimumViewTime: 3000,
-  viewAreaCoveragePercentThreshold: 100,
-  waitForInteraction: true,
-};
-
-class FlatListExample extends React.PureComponent {
-  static title = '<FlatList>';
-  static description = 'Performant, scrollable list of data.';
-
-  state = {
-    data: genItemData(1000),
-    debug: false,
-    horizontal: false,
-    filterText: '',
-    fixedHeight: true,
-    logViewable: false,
-    virtualized: true,
-  };
-
-  _onChangeFilterText = (filterText) => {
-    this.setState({filterText});
-  };
-
-  _onChangeScrollToIndex = (text) => {
-    this._listRef.getNode().scrollToIndex({viewPosition: 0.5, index: Number(text)});
-  };
-
-  _scrollPos = new Animated.Value(0);
-  _scrollSinkX = Animated.event(
-    [{nativeEvent: { contentOffset: { x: this._scrollPos } }}],
-    {useNativeDriver: true},
-  );
-  _scrollSinkY = Animated.event(
-    [{nativeEvent: { contentOffset: { y: this._scrollPos } }}],
-    {useNativeDriver: true},
-  );
-
-  componentDidUpdate() {
-    this._listRef.getNode().recordInteraction(); // e.g. flipping logViewable switch
-  }
-
-  render() {
-    const filterRegex = new RegExp(String(this.state.filterText), 'i');
-    const filter = (item) => (
-      filterRegex.test(item.text) || filterRegex.test(item.title)
-    );
-    const filteredData = this.state.data.filter(filter);
-    return (
-      <UIExplorerPage
-        noSpacer={true}
-        noScroll={true}>
-        <View style={styles.searchRow}>
-          <View style={styles.options}>
-            <PlainInput
-              onChangeText={this._onChangeFilterText}
-              placeholder="Search..."
-              value={this.state.filterText}
-            />
-            <PlainInput
-              onChangeText={this._onChangeScrollToIndex}
-              placeholder="scrollToIndex..."
-            />
-          </View>
-          <View style={styles.options}>
-            {renderSmallSwitchOption(this, 'virtualized')}
-            {renderSmallSwitchOption(this, 'horizontal')}
-            {renderSmallSwitchOption(this, 'fixedHeight')}
-            {renderSmallSwitchOption(this, 'logViewable')}
-            {renderSmallSwitchOption(this, 'debug')}
-            <Spindicator value={this._scrollPos} />
-          </View>
-        </View>
-        <SeparatorComponent />
-        <AnimatedFlatList
-          ItemSeparatorComponent={SeparatorComponent}
-          ListHeaderComponent={HeaderComponent}
-          ListFooterComponent={FooterComponent}
-          data={filteredData}
-          debug={this.state.debug}
-          disableVirtualization={!this.state.virtualized}
-          getItemLayout={this.state.fixedHeight ?
-            this._getItemLayout :
-            undefined
-          }
-          horizontal={this.state.horizontal}
-          key={(this.state.horizontal ? 'h' : 'v') +
-            (this.state.fixedHeight ? 'f' : 'd')
-          }
-          legacyImplementation={false}
-          numColumns={1}
-          onRefresh={this._onRefresh}
-          onScroll={this.state.horizontal ? this._scrollSinkX : this._scrollSinkY}
-          onViewableItemsChanged={this._onViewableItemsChanged}
-          ref={this._captureRef}
-          refreshing={false}
-          renderItem={this._renderItemComponent}
-          viewabilityConfig={VIEWABILITY_CONFIG}
-        />
-      </UIExplorerPage>
-    );
-  }
-  _captureRef = (ref) => { this._listRef = ref; };
-  _getItemLayout = (data: any, index: number) => {
-    return getItemLayout(data, index, this.state.horizontal);
-  };
-  _onRefresh = () => alert('onRefresh: nothing to refresh :P');
-  _renderItemComponent = ({item}) => {
-    return (
-      <ItemComponent
-        item={item}
-        horizontal={this.state.horizontal}
-        fixedHeight={this.state.fixedHeight}
-        onPress={this._pressItem}
-      />
-    );
-  };
-  // This is called when items change viewability by scrolling into or out of
-  // the viewable area.
-  _onViewableItemsChanged = (info: {
-      changed: Array<{
-        key: string,
-        isViewable: boolean,
-        item: any,
-        index: ?number,
-        section?: any,
-      }>
-    }
-  ) => {
-    // Impressions can be logged here
-    if (this.state.logViewable) {
-      infoLog(
-        'onViewableItemsChanged: ',
-        info.changed.map((v) => ({...v, item: '...'})),
-      );
-    }
-  };
-  _pressItem = (key: number) => {
-    this._listRef.getNode().recordInteraction();
-    pressItem(this, key);
-  };
-  _listRef: FlatList<*>;
-}
-
-
-const styles = StyleSheet.create({
-  options: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    alignItems: 'center',
-  },
-  searchRow: {
-    paddingHorizontal: 10,
-  },
-});
-
-module.exports = FlatListExample;

Examples/UIExplorer/js/GeolocationExample.js

@@ -1,96 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule GeolocationExample
- */
-/* eslint no-console: 0 */
-'use strict';
-
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-
-exports.framework = 'React';
-exports.title = 'Geolocation';
-exports.description = 'Examples of using the Geolocation API.';
-
-exports.examples = [
-  {
-    title: 'navigator.geolocation',
-    render: function(): React.Element<any> {
-      return <GeolocationExample />;
-    },
-  }
-];
-
-class GeolocationExample extends React.Component {
-  state = {
-    initialPosition: 'unknown',
-    lastPosition: 'unknown',
-  };
-
-  watchID: ?number = null;
-
-  componentDidMount() {
-    navigator.geolocation.getCurrentPosition(
-      (position) => {
-        var initialPosition = JSON.stringify(position);
-        this.setState({initialPosition});
-      },
-      (error) => alert(JSON.stringify(error)),
-      {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}
-    );
-    this.watchID = navigator.geolocation.watchPosition((position) => {
-      var lastPosition = JSON.stringify(position);
-      this.setState({lastPosition});
-    });
-  }
-
-  componentWillUnmount() {
-    navigator.geolocation.clearWatch(this.watchID);
-  }
-
-  render() {
-    return (
-      <View>
-        <Text>
-          <Text style={styles.title}>Initial position: </Text>
-          {this.state.initialPosition}
-        </Text>
-        <Text>
-          <Text style={styles.title}>Current position: </Text>
-          {this.state.lastPosition}
-        </Text>
-      </View>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  title: {
-    fontWeight: '500',
-  },
-});

Examples/UIExplorer/js/ImageCapInsetsExample.js

@@ -1,95 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule ImageCapInsetsExample
- * @flow
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-
-var nativeImageSource = require('nativeImageSource');
-var {
-  Image,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-
-class ImageCapInsetsExample extends React.Component {
-  render() {
-    return (
-      <View>
-        <View style={styles.background}>
-          <Text>
-            capInsets: none
-          </Text>
-          <Image
-            source={nativeImageSource({
-              ios: 'story-background',
-              width: 60,
-              height: 60
-            })}
-            style={styles.storyBackground}
-            resizeMode={Image.resizeMode.stretch}
-            capInsets={{left: 0, right: 0, bottom: 0, top: 0}}
-          />
-        </View>
-        <View style={[styles.background, {paddingTop: 10}]}>
-          <Text>
-            capInsets: 15
-          </Text>
-          <Image
-            source={nativeImageSource({
-              ios: 'story-background',
-              width: 60,
-              height: 60
-            })}
-            style={styles.storyBackground}
-            resizeMode={Image.resizeMode.stretch}
-            capInsets={{left: 15, right: 15, bottom: 15, top: 15}}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  background: {
-    backgroundColor: '#F6F6F6',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  horizontal: {
-    flexDirection: 'row',
-  },
-  storyBackground: {
-    width: 250,
-    height: 150,
-    borderWidth: 1,
-  },
-  text: {
-    fontSize: 13.5,
-  }
-});
-
-module.exports = ImageCapInsetsExample;

Examples/UIExplorer/js/ImageEditingExample.js

@@ -1,331 +0,0 @@
-/*
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule ImageEditingExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  CameraRoll,
-  Image,
-  ImageEditor,
-  Platform,
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} = ReactNative;
-
-var PAGE_SIZE = 20;
-
-type ImageOffset = {
-  x: number;
-  y: number;
-};
-
-type ImageSize = {
-  width: number;
-  height: number;
-};
-
-type ImageCropData = {
-  offset: ImageOffset;
-  size: ImageSize;
-  displaySize?: ?ImageSize;
-  resizeMode?: ?any;
-};
-
-class SquareImageCropper extends React.Component {
-  state: any;
-  _isMounted: boolean;
-  _transformData: ImageCropData;
-
-  constructor(props) {
-    super(props);
-    this._isMounted = true;
-    this.state = {
-      randomPhoto: null,
-      measuredSize: null,
-      croppedImageURI: null,
-      cropError: null,
-    };
-    this._fetchRandomPhoto();
-  }
-
-  async _fetchRandomPhoto() {
-    try {
-      const data = await CameraRoll.getPhotos({first: PAGE_SIZE});
-      if (!this._isMounted) {
-        return;
-      }
-      var edges = data.edges;
-      var edge = edges[Math.floor(Math.random() * edges.length)];
-      var randomPhoto = edge && edge.node && edge.node.image;
-      if (randomPhoto) {
-        this.setState({randomPhoto});
-      }
-    } catch (error) {
-      console.warn("Can't get a photo from camera roll", error);
-    }
-  }
-
-  componentWillUnmount() {
-    this._isMounted = false;
-  }
-
-  render() {
-    if (!this.state.measuredSize) {
-      return (
-        <View
-          style={styles.container}
-          onLayout={(event) => {
-            var measuredWidth = event.nativeEvent.layout.width;
-            if (!measuredWidth) {
-              return;
-            }
-            this.setState({
-              measuredSize: {width: measuredWidth, height: measuredWidth},
-            });
-          }}
-        />
-      );
-    }
-
-    if (!this.state.croppedImageURI) {
-      return this._renderImageCropper();
-    }
-    return this._renderCroppedImage();
-  }
-
-  _renderImageCropper() {
-    if (!this.state.randomPhoto) {
-      return (
-        <View style={styles.container} />
-      );
-    }
-    var error = null;
-    if (this.state.cropError) {
-      error = (
-        <Text>{this.state.cropError.message}</Text>
-      );
-    }
-    return (
-      <View style={styles.container}>
-        <Text>Drag the image within the square to crop:</Text>
-        <ImageCropper
-          image={this.state.randomPhoto}
-          size={this.state.measuredSize}
-          style={[styles.imageCropper, this.state.measuredSize]}
-          onTransformDataChange={(data) => this._transformData = data}
-        />
-        <TouchableHighlight
-          style={styles.cropButtonTouchable}
-          onPress={this._crop.bind(this)}>
-          <View style={styles.cropButton}>
-            <Text style={styles.cropButtonLabel}>
-              Crop
-            </Text>
-          </View>
-        </TouchableHighlight>
-        {error}
-      </View>
-    );
-  }
-
-  _renderCroppedImage() {
-    return (
-      <View style={styles.container}>
-        <Text>Here is the cropped image:</Text>
-        <Image
-          source={{uri: this.state.croppedImageURI}}
-          style={[styles.imageCropper, this.state.measuredSize]}
-        />
-        <TouchableHighlight
-          style={styles.cropButtonTouchable}
-          onPress={this._reset.bind(this)}>
-          <View style={styles.cropButton}>
-            <Text style={styles.cropButtonLabel}>
-              Try again
-            </Text>
-          </View>
-        </TouchableHighlight>
-      </View>
-    );
-  }
-
-  _crop() {
-    ImageEditor.cropImage(
-      this.state.randomPhoto.uri,
-      this._transformData,
-      (croppedImageURI) => this.setState({croppedImageURI}),
-      (cropError) => this.setState({cropError})
-    );
-  }
-
-  _reset() {
-    this.setState({
-      randomPhoto: null,
-      croppedImageURI: null,
-      cropError: null,
-    });
-    this._fetchRandomPhoto();
-  }
-
-}
-
-class ImageCropper extends React.Component {
-  _contentOffset: ImageOffset;
-  _maximumZoomScale: number;
-  _minimumZoomScale: number;
-  _scaledImageSize: ImageSize;
-  _horizontal: boolean;
-
-  componentWillMount() {
-    // Scale an image to the minimum size that is large enough to completely
-    // fill the crop box.
-    var widthRatio = this.props.image.width / this.props.size.width;
-    var heightRatio = this.props.image.height / this.props.size.height;
-    this._horizontal = widthRatio > heightRatio;
-    if (this._horizontal) {
-      this._scaledImageSize = {
-        width: this.props.image.width / heightRatio,
-        height: this.props.size.height,
-      };
-    } else {
-      this._scaledImageSize = {
-        width: this.props.size.width,
-        height: this.props.image.height / widthRatio,
-      };
-      if (Platform.OS === 'android') {
-        // hack to work around Android ScrollView a) not supporting zoom, and
-        // b) not supporting vertical scrolling when nested inside another
-        // vertical ScrollView (which it is, when displayed inside UIExplorer)
-        this._scaledImageSize.width *= 2;
-        this._scaledImageSize.height *= 2;
-        this._horizontal = true;
-      }
-    }
-    this._contentOffset = {
-      x: (this._scaledImageSize.width - this.props.size.width) / 2,
-      y: (this._scaledImageSize.height - this.props.size.height) / 2,
-    };
-    this._maximumZoomScale = Math.min(
-      this.props.image.width / this._scaledImageSize.width,
-      this.props.image.height / this._scaledImageSize.height
-    );
-    this._minimumZoomScale = Math.max(
-      this.props.size.width / this._scaledImageSize.width,
-      this.props.size.height / this._scaledImageSize.height
-    );
-    this._updateTransformData(
-      this._contentOffset,
-      this._scaledImageSize,
-      this.props.size
-    );
-  }
-
-  _onScroll(event) {
-    this._updateTransformData(
-      event.nativeEvent.contentOffset,
-      event.nativeEvent.contentSize,
-      event.nativeEvent.layoutMeasurement
-    );
-  }
-
-  _updateTransformData(offset, scaledImageSize, croppedImageSize) {
-    var offsetRatioX = offset.x / scaledImageSize.width;
-    var offsetRatioY = offset.y / scaledImageSize.height;
-    var sizeRatioX = croppedImageSize.width / scaledImageSize.width;
-    var sizeRatioY = croppedImageSize.height / scaledImageSize.height;
-
-    var cropData: ImageCropData = {
-      offset: {
-        x: this.props.image.width * offsetRatioX,
-        y: this.props.image.height * offsetRatioY,
-      },
-      size: {
-        width: this.props.image.width * sizeRatioX,
-        height: this.props.image.height * sizeRatioY,
-      },
-    };
-    this.props.onTransformDataChange && this.props.onTransformDataChange(cropData);
-  }
-
-  render() {
-    return (
-      <ScrollView
-        alwaysBounceVertical={true}
-        automaticallyAdjustContentInsets={false}
-        contentOffset={this._contentOffset}
-        decelerationRate="fast"
-        horizontal={this._horizontal}
-        maximumZoomScale={this._maximumZoomScale}
-        minimumZoomScale={this._minimumZoomScale}
-        onMomentumScrollEnd={this._onScroll.bind(this)}
-        onScrollEndDrag={this._onScroll.bind(this)}
-        showsHorizontalScrollIndicator={false}
-        showsVerticalScrollIndicator={false}
-        style={this.props.style}
-        scrollEventThrottle={16}>
-        <Image source={this.props.image} style={this._scaledImageSize} />
-      </ScrollView>
-    );
-  }
-
-}
-
-exports.framework = 'React';
-exports.title = 'ImageEditor';
-exports.description = 'Cropping and scaling with ImageEditor';
-exports.examples = [{
-  title: 'Image Cropping',
-  render() {
-    return <SquareImageCropper/>;
-  }
-}];
-
-var styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignSelf: 'stretch',
-  },
-  imageCropper: {
-    alignSelf: 'center',
-    marginTop: 12,
-  },
-  cropButtonTouchable: {
-    alignSelf: 'center',
-    marginTop: 12,
-  },
-  cropButton: {
-    padding: 12,
-    backgroundColor: 'blue',
-    borderRadius: 4,
-  },
-  cropButtonLabel: {
-    color: 'white',
-    fontSize: 16,
-    fontWeight: '500',
-  },
-});

Examples/UIExplorer/js/LinkingExample.js

@@ -1,97 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- * @providesModule LinkingExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  Linking,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} = ReactNative;
-var UIExplorerBlock = require('./UIExplorerBlock');
-
-class OpenURLButton extends React.Component {
-  static propTypes = {
-    url: React.PropTypes.string,
-  };
-
-  handleClick = () => {
-    Linking.canOpenURL(this.props.url).then(supported => {
-      if (supported) {
-        Linking.openURL(this.props.url);
-      } else {
-        console.log('Don\'t know how to open URI: ' + this.props.url);
-      }
-    });
-  };
-
-  render() {
-    return (
-      <TouchableOpacity
-        onPress={this.handleClick}>
-        <View style={styles.button}>
-          <Text style={styles.text}>Open {this.props.url}</Text>
-        </View>
-      </TouchableOpacity>
-    );
-  }
-}
-
-class IntentAndroidExample extends React.Component {
-  static title = 'Linking';
-  static description = 'Shows how to use Linking to open URLs.';
-
-  render() {
-    return (
-      <UIExplorerBlock title="Open external URLs">
-        <OpenURLButton url={'https://www.facebook.com'} />
-        <OpenURLButton url={'http://www.facebook.com'} />
-        <OpenURLButton url={'http://facebook.com'} />
-        <OpenURLButton url={'fb://notifications'} />
-        <OpenURLButton url={'geo:37.484847,-122.148386'} />
-        <OpenURLButton url={'tel:9876543210'} />
-      </UIExplorerBlock>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: 'white',
-    padding: 10,
-    paddingTop: 30,
-  },
-  button: {
-    padding: 10,
-    backgroundColor: '#3B5998',
-    marginBottom: 10,
-  },
-  text: {
-    color: 'white',
-  },
-});
-
-module.exports = IntentAndroidExample;

Examples/UIExplorer/js/NativeAnimationsExample.js

@@ -1,493 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule NativeAnimationsExample
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  View,
-  Text,
-  Animated,
-  StyleSheet,
-  TouchableWithoutFeedback,
-  Slider,
-} = ReactNative;
-
-var AnimatedSlider = Animated.createAnimatedComponent(Slider);
-
-class Tester extends React.Component {
-  state = {
-    native: new Animated.Value(0),
-    js: new Animated.Value(0),
-  };
-
-  current = 0;
-
-  onPress = () => {
-    const animConfig = (
-      this.current && this.props.reverseConfig ? this.props.reverseConfig : this.props.config
-    );
-    this.current = this.current ? 0 : 1;
-    const config = {
-      ...animConfig,
-      toValue: this.current,
-    };
-
-    Animated[this.props.type](this.state.native, { ...config, useNativeDriver: true }).start();
-    Animated[this.props.type](this.state.js, { ...config, useNativeDriver: false }).start();
-  };
-
-  render() {
-    return (
-      <TouchableWithoutFeedback onPress={this.onPress}>
-        <View>
-          <View>
-            <Text>Native:</Text>
-          </View>
-          <View style={styles.row}>
-            {this.props.children(this.state.native)}
-          </View>
-          <View>
-            <Text>JavaScript:</Text>
-          </View>
-          <View style={styles.row}>
-            {this.props.children(this.state.js)}
-          </View>
-        </View>
-      </TouchableWithoutFeedback>
-    );
-  }
-}
-
-class ValueListenerExample extends React.Component {
-  state = {
-    anim: new Animated.Value(0),
-    progress: 0,
-  };
-  _current = 0;
-
-  componentDidMount() {
-    this.state.anim.addListener((e) => this.setState({ progress: e.value }));
-  }
-
-  componentWillUnmount() {
-    this.state.anim.removeAllListeners();
-  }
-
-  _onPress = () => {
-    this._current = this._current ? 0 : 1;
-    const config = {
-      duration: 1000,
-      toValue: this._current,
-    };
-
-    Animated.timing(this.state.anim, { ...config, useNativeDriver: true }).start();
-  };
-
-  render() {
-    return (
-      <TouchableWithoutFeedback onPress={this._onPress}>
-        <View>
-          <View style={styles.row}>
-            <Animated.View
-              style={[
-                styles.block,
-                {
-                  opacity: this.state.anim,
-                }
-              ]}
-            />
-          </View>
-          <Text>Value: {this.state.progress}</Text>
-        </View>
-      </TouchableWithoutFeedback>
-    );
-  }
-}
-
-const UIExplorerSettingSwitchRow = require('UIExplorerSettingSwitchRow');
-class InternalSettings extends React.Component {
-  _stallInterval: ?number;
-  state: {busyTime: number | string, filteredStall: number};
-  render() {
-    return (
-      <View>
-        <UIExplorerSettingSwitchRow
-          initialValue={false}
-          label="Force JS Stalls"
-          onEnable={() => {
-            this._stallInterval = setInterval(() => {
-              const start = Date.now();
-              console.warn('burn CPU');
-              while ((Date.now() - start) < 100) {}
-            }, 300);
-          }}
-          onDisable={() => {
-            clearInterval(this._stallInterval || 0);
-          }}
-        />
-        <UIExplorerSettingSwitchRow
-          initialValue={false}
-          label="Track JS Stalls"
-          onEnable={() => {
-            require('JSEventLoopWatchdog').install({thresholdMS: 25});
-            this.setState({busyTime: '<none>'});
-            require('JSEventLoopWatchdog').addHandler({
-              onStall: ({busyTime}) => this.setState((state) => ({
-                busyTime,
-                filteredStall: (state.filteredStall || 0) * 0.97 + busyTime * 0.03,
-              })),
-            });
-          }}
-          onDisable={() => {
-            console.warn('Cannot disable yet....');
-          }}
-        />
-        {this.state && <Text>
-          JS Stall filtered: {Math.round(this.state.filteredStall)}, last: {this.state.busyTime}
-        </Text>}
-      </View>
-    );
-  }
-}
-
-class EventExample extends React.Component {
-  state = {
-    scrollX: new Animated.Value(0),
-  };
-
-  render() {
-    const opacity = this.state.scrollX.interpolate({
-      inputRange: [0, 200],
-      outputRange: [1, 0],
-    });
-    return (
-      <View>
-        <Animated.View
-          style={[
-            styles.block,
-            {
-              opacity,
-            }
-          ]}
-        />
-        <Animated.ScrollView
-          horizontal
-          style={{ height: 100, marginTop: 16 }}
-          scrollEventThrottle={16}
-          onScroll={
-            Animated.event([{
-              nativeEvent: { contentOffset: { x: this.state.scrollX } }
-            }], {
-              useNativeDriver: true,
-            })
-          }
-        >
-          <View style={{ width: 600, backgroundColor: '#eee', justifyContent: 'center' }}>
-            <Text>Scroll me!</Text>
-          </View>
-        </Animated.ScrollView>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  row: {
-    padding: 10,
-    zIndex: 1,
-  },
-  block: {
-    width: 50,
-    height: 50,
-    backgroundColor: 'blue',
-  },
-});
-
-exports.framework = 'React';
-exports.title = 'Native Animated Example';
-exports.description = 'Test out Native Animations';
-
-exports.examples = [
-{
-    title: 'Multistage With Multiply and rotation',
-    render: function() {
-      return (
-          <Tester
-            type="timing"
-            config={{ duration: 1000 }}>
-            {anim => (
-              <Animated.View
-                style={[
-                  styles.block,
-                  {
-                    transform: [
-                      {
-                        translateX: anim.interpolate({
-                          inputRange: [0, 1],
-                          outputRange: [0, 200],
-                        })
-                      },
-                      {
-                        translateY: anim.interpolate({
-                          inputRange: [0, 0.5, 1],
-                          outputRange: [0, 50, 0],
-                        })
-                      },
-                      {
-                        rotate: anim.interpolate({
-                          inputRange: [0, 0.5, 1],
-                          outputRange: ['0deg', '90deg', '0deg'],
-                        })
-                      }
-                    ],
-                    opacity: Animated.multiply(
-                      anim.interpolate({
-                        inputRange: [0,1],
-                        outputRange: [1,0]
-                      }), anim.interpolate({
-                        inputRange: [0,1],
-                        outputRange: [0.25,1]
-                    })
-                    )
-                  }
-                ]}
-              />
-            )}
-          </Tester>
-      );
-    },
-  },
-  {
-    title: 'Multistage With Multiply',
-    render: function() {
-      return (
-          <Tester
-            type="timing"
-            config={{ duration: 1000 }}>
-            {anim => (
-              <Animated.View
-                style={[
-                  styles.block,
-                  {
-                    transform: [
-                      {
-                        translateX: anim.interpolate({
-                          inputRange: [0, 1],
-                          outputRange: [0, 200],
-                        })
-                      },
-                      {
-                        translateY: anim.interpolate({
-                          inputRange: [0, 0.5, 1],
-                          outputRange: [0, 50, 0],
-                        })
-                      }
-                    ],
-                    opacity: Animated.multiply(
-                      anim.interpolate({
-                        inputRange: [0,1],
-                        outputRange: [1,0]
-                      }), anim.interpolate({
-                        inputRange: [0,1],
-                        outputRange: [0.25,1]
-                    })
-                    )
-                  }
-                ]}
-              />
-            )}
-          </Tester>
-      );
-    },
-  },
-  {
-    title: 'Scale interpolation with clamping',
-    render: function() {
-      return (
-        <Tester
-          type="timing"
-          config={{ duration: 1000 }}>
-          {anim => (
-            <Animated.View
-              style={[
-                styles.block,
-                {
-                  transform: [
-                    {
-                      scale: anim.interpolate({
-                        inputRange: [0, 0.5],
-                        outputRange: [1, 1.4],
-                        extrapolateRight: 'clamp',
-                      })
-                    }
-                  ],
-                }
-              ]}
-            />
-          )}
-        </Tester>
-      );
-    },
-  },
-  {
-    title: 'Opacity with delay',
-    render: function() {
-      return (
-        <Tester
-          type="timing"
-          config={{ duration: 1000, delay: 1000 }}>
-          {anim => (
-            <Animated.View
-              style={[
-                styles.block,
-                {
-                  opacity: anim
-                }
-              ]}
-            />
-          )}
-        </Tester>
-      );
-    },
-  },
-  {
-    title: 'Rotate interpolation',
-    render: function() {
-      return (
-        <Tester
-          type="timing"
-          config={{ duration: 1000 }}>
-          {anim => (
-            <Animated.View
-              style={[
-                styles.block,
-                {
-                  transform: [
-                    {
-                      rotate: anim.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: ['0deg', '90deg'],
-                      })
-                    }
-                  ],
-                }
-              ]}
-            />
-          )}
-        </Tester>
-      );
-    },
-  },
-  {
-    title: 'translateX => Animated.spring',
-    render: function() {
-      return (
-        <Tester
-          type="spring"
-          config={{ bounciness: 0 }}>
-          {anim => (
-            <Animated.View
-              style={[
-                styles.block,
-                {
-                  transform: [
-                    {
-                      translateX: anim.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [0, 100],
-                      })
-                    },
-                  ],
-                }
-              ]}
-            />
-          )}
-        </Tester>
-      );
-    },
-  },{
-    title: 'translateX => Animated.decay',
-    render: function() {
-      return (
-        <Tester
-          type="decay"
-          config={{ velocity: 0.5 }}
-          reverseConfig={{ velocity: -0.5 }}>
-          {anim => (
-            <Animated.View
-              style={[
-                styles.block,
-                {
-                  transform: [
-                    {
-                      translateX: anim
-                    },
-                  ],
-                }
-              ]}
-            />
-          )}
-        </Tester>
-      );
-    },
-  },{
-    title: 'Drive custom property',
-    render: function() {
-      return (
-        <Tester
-          type="timing"
-          config={{ duration: 1000 }}>
-          {anim => (
-            <AnimatedSlider style={{}} value={anim} />
-          )}
-        </Tester>
-      );
-    },
-  },
-  {
-    title: 'Animated value listener',
-    render: function() {
-      return (
-        <ValueListenerExample />
-      );
-    },
-  },
-  {
-    title: 'Animated events',
-    render: function() {
-      return (
-        <EventExample />
-      );
-    },
-  },
-  {
-    title: 'Internal Settings',
-    render: function() {
-      return (
-        <InternalSettings />
-      );
-    },
-  },
-];

Examples/UIExplorer/js/NavigatorIOSColorsExample.js

@@ -1,94 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- * @providesModule NavigatorIOSColorsExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  NavigatorIOS,
-  StatusBar,
-  StyleSheet,
-  Text,
-  View
-} = ReactNative;
-
-class EmptyPage extends React.Component {
-  render() {
-    return (
-      <View style={styles.emptyPage}>
-        <Text style={styles.emptyPageText}>
-          {this.props.text}
-        </Text>
-      </View>
-    );
-  }
-}
-
-class NavigatorIOSColors extends React.Component {
-  static title = '<NavigatorIOS> - Custom';
-  static description = 'iOS navigation with custom nav bar colors';
-
-  render() {
-    // Set StatusBar with light contents to get better contrast
-    StatusBar.setBarStyle('light-content');
-
-    return (
-      <NavigatorIOS
-        style={styles.container}
-        initialRoute={{
-          component: EmptyPage,
-          title: '<NavigatorIOS>',
-          rightButtonTitle: 'Done',
-          onRightButtonPress: () => {
-            StatusBar.setBarStyle('default');
-            this.props.onExampleExit();
-          },
-          passProps: {
-            text: 'The nav bar has custom colors with tintColor, ' +
-              'barTintColor and titleTextColor props.',
-          },
-        }}
-        tintColor="#FFFFFF"
-        barTintColor="#183E63"
-        titleTextColor="#FFFFFF"
-        translucent={true}
-      />
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  emptyPage: {
-    flex: 1,
-    paddingTop: 64,
-  },
-  emptyPageText: {
-    margin: 10,
-  },
-});
-
-NavigatorIOSColors.external = true;
-
-module.exports = NavigatorIOSColors;

Examples/UIExplorer/js/OrientationChangeExample.js

@@ -1,80 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule OrientationChangeExample
- * @flow
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  DeviceEventEmitter,
-  Text,
-  View,
-} = ReactNative;
-
-import type EmitterSubscription from 'EmitterSubscription';
-
-class OrientationChangeExample extends React.Component {
-  _orientationSubscription: EmitterSubscription;
-
-  state = {
-    currentOrientation: '',
-    orientationDegrees: 0,
-    isLandscape: false,
-  };
-
-  componentDidMount() {
-    this._orientationSubscription = DeviceEventEmitter.addListener(
-      'namedOrientationDidChange', this._onOrientationChange,
-    );
-  }
-
-  componentWillUnmount() {
-    this._orientationSubscription.remove();
-  }
-
-  _onOrientationChange = (orientation: Object) => {
-    this.setState({
-      currentOrientation: orientation.name,
-      orientationDegrees: orientation.rotationDegrees,
-      isLandscape: orientation.isLandscape,
-    });
-  }
-
-  render() {
-    return (
-      <View>
-        <Text>{JSON.stringify(this.state)}</Text>
-      </View>
-    );
-  }
-}
-
-exports.title = 'OrientationChangeExample';
-exports.description = 'listening to orientation changes';
-exports.examples = [
-  {
-    title: 'OrientationChangeExample',
-    description: 'listening to device orientation changes',
-    render() { return <OrientationChangeExample />; },
-  },
-];

Examples/UIExplorer/js/PickerExample.js

@@ -1,142 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule PickerExample
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const StyleSheet = require('StyleSheet');
-const UIExplorerBlock = require('UIExplorerBlock');
-const UIExplorerPage = require('UIExplorerPage');
-
-const {
-  Picker,
-  Text,
-} = ReactNative;
-
-const Item = Picker.Item;
-
-class PickerExample extends React.Component {
-  static title = '<Picker>';
-  static description = 'Provides multiple options to choose from, using either a dropdown menu or a dialog.';
-
-  state = {
-    selected1: 'key1',
-    selected2: 'key1',
-    selected3: 'key1',
-    color: 'red',
-    mode: Picker.MODE_DIALOG,
-  };
-
-  render() {
-    return (
-      <UIExplorerPage title="<Picker>">
-        <UIExplorerBlock title="Basic Picker">
-          <Picker
-            style={styles.picker}
-            selectedValue={this.state.selected1}
-            onValueChange={this.onValueChange.bind(this, 'selected1')}>
-            <Item label="hello" value="key0" />
-            <Item label="world" value="key1" />
-          </Picker>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Disabled picker">
-          <Picker style={styles.picker} enabled={false} selectedValue={this.state.selected1}>
-            <Item label="hello" value="key0" />
-            <Item label="world" value="key1" />
-          </Picker>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Dropdown Picker">
-          <Picker
-            style={styles.picker}
-            selectedValue={this.state.selected2}
-            onValueChange={this.onValueChange.bind(this, 'selected2')}
-            mode="dropdown">
-            <Item label="hello" value="key0" />
-            <Item label="world" value="key1" />
-          </Picker>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Picker with prompt message">
-          <Picker
-            style={styles.picker}
-            selectedValue={this.state.selected3}
-            onValueChange={this.onValueChange.bind(this, 'selected3')}
-            prompt="Pick one, just one">
-            <Item label="hello" value="key0" />
-            <Item label="world" value="key1" />
-          </Picker>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Picker with no listener">
-          <Picker style={styles.picker}>
-            <Item label="hello" value="key0" />
-            <Item label="world" value="key1" />
-          </Picker>
-          <Text>
-            Cannot change the value of this picker because it doesn't update selectedValue.
-          </Text>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Colorful pickers">
-          <Picker
-            style={[styles.picker, {color: 'white', backgroundColor: '#333'}]}
-            selectedValue={this.state.color}
-            onValueChange={this.onValueChange.bind(this, 'color')}
-            mode="dropdown">
-            <Item label="red" color="red" value="red" />
-            <Item label="green" color="green" value="green" />
-            <Item label="blue" color="blue" value="blue" />
-          </Picker>
-          <Picker
-            style={styles.picker}
-            selectedValue={this.state.color}
-            onValueChange={this.onValueChange.bind(this, 'color')}
-            mode="dialog">
-            <Item label="red" color="red" value="red" />
-            <Item label="green" color="green" value="green" />
-            <Item label="blue" color="blue" value="blue" />
-          </Picker>
-        </UIExplorerBlock>
-      </UIExplorerPage>
-    );
-  }
-
-  changeMode = () => {
-    const newMode = this.state.mode === Picker.MODE_DIALOG
-        ? Picker.MODE_DROPDOWN
-        : Picker.MODE_DIALOG;
-    this.setState({mode: newMode});
-  };
-
-  onValueChange = (key: string, value: string) => {
-    const newState = {};
-    newState[key] = value;
-    this.setState(newState);
-  };
-}
-
-var styles = StyleSheet.create({
-  picker: {
-    width: 100,
-  },
-});
-
-module.exports = PickerExample;

Examples/UIExplorer/js/ProgressBarAndroidExample.android.js

@@ -1,83 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule ProgressBarAndroidExample
- */
-'use strict';
-
-var ProgressBar = require('ProgressBarAndroid');
-var React = require('React');
-var UIExplorerBlock = require('UIExplorerBlock');
-var UIExplorerPage = require('UIExplorerPage');
-
-var TimerMixin = require('react-timer-mixin');
-
-var MovingBar = React.createClass({
-  mixins: [TimerMixin],
-
-  getInitialState: function() {
-    return {
-      progress: 0
-    };
-  },
-
-  componentDidMount: function() {
-    this.setInterval(
-      () => {
-        var progress = (this.state.progress + 0.02) % 1;
-        this.setState({progress: progress});
-      }, 50
-    );
-  },
-
-  render: function() {
-    return <ProgressBar progress={this.state.progress} {...this.props} />;
-  },
-});
-
-class ProgressBarAndroidExample extends React.Component {
-  static title = '<ProgressBarAndroid>';
-  static description = 'Horizontal bar to show the progress of some operation.';
-
-  render() {
-    return (
-      <UIExplorerPage title="ProgressBar Examples">
-        <UIExplorerBlock title="Horizontal Indeterminate ProgressBar">
-          <ProgressBar styleAttr="Horizontal" />
-        </UIExplorerBlock>
-
-        <UIExplorerBlock title="Horizontal ProgressBar">
-          <MovingBar styleAttr="Horizontal" indeterminate={false} />
-        </UIExplorerBlock>
-
-        <UIExplorerBlock title="Horizontal Black Indeterminate ProgressBar">
-          <ProgressBar styleAttr="Horizontal" color="black" />
-        </UIExplorerBlock>
-
-        <UIExplorerBlock title="Horizontal Blue ProgressBar">
-          <MovingBar styleAttr="Horizontal" indeterminate={false} color="blue" />
-        </UIExplorerBlock>
-      </UIExplorerPage>
-    );
-  }
-}
-
-module.exports = ProgressBarAndroidExample;

Examples/UIExplorer/js/ProgressViewIOSExample.js

@@ -1,93 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule ProgressViewIOSExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  ProgressViewIOS,
-  StyleSheet,
-  View,
-} = ReactNative;
-var TimerMixin = require('react-timer-mixin');
-
-var ProgressViewExample = React.createClass({
-  mixins: [TimerMixin],
-
-  getInitialState() {
-    return {
-      progress: 0,
-    };
-  },
-
-  componentDidMount() {
-    this.updateProgress();
-  },
-
-  updateProgress() {
-    var progress = this.state.progress + 0.01;
-    this.setState({ progress });
-    this.requestAnimationFrame(() => this.updateProgress());
-  },
-
-  getProgress(offset) {
-    var progress = this.state.progress + offset;
-    return Math.sin(progress % Math.PI) % 1;
-  },
-
-  render() {
-    return (
-      <View style={styles.container}>
-        <ProgressViewIOS style={styles.progressView} progress={this.getProgress(0)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="purple" progress={this.getProgress(0.2)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="red" progress={this.getProgress(0.4)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="orange" progress={this.getProgress(0.6)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="yellow" progress={this.getProgress(0.8)}/>
-      </View>
-    );
-  },
-});
-
-exports.displayName = (undefined: ?string);
-exports.framework = 'React';
-exports.title = 'ProgressViewIOS';
-exports.description = 'ProgressViewIOS';
-exports.examples = [{
-  title: 'ProgressViewIOS',
-  render() {
-    return (
-      <ProgressViewExample/>
-    );
-  }
-}];
-
-var styles = StyleSheet.create({
-  container: {
-    marginTop: -20,
-    backgroundColor: 'transparent',
-  },
-  progressView: {
-    marginTop: 20,
-  }
-});

Examples/UIExplorer/js/RootViewSizeFlexibilityExampleApp.js

@@ -1,86 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule RootViewSizeFlexibilityExampleApp
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} = ReactNative;
-
-class RootViewSizeFlexibilityExampleApp extends React.Component {
-  state: any;
-
-  constructor(props: {toggled: boolean}) {
-    super(props);
-    this.state = { toggled: false };
-  }
-
-  _onPressButton() {
-    this.setState({ toggled: !this.state.toggled });
-  }
-
-  render() {
-    const viewStyle = this.state.toggled ? styles.bigContainer : styles.smallContainer;
-
-    return (
-      <TouchableHighlight onPress={this._onPressButton.bind(this)}>
-        <View style={viewStyle}>
-          <View style={styles.center}>
-            <Text style={styles.whiteText}>
-              React Native Button
-            </Text>
-          </View>
-        </View>
-      </TouchableHighlight>
-    );
-  }
-
-}
-
-const styles = StyleSheet.create({
-  bigContainer: {
-    flex: 1,
-    height: 60,
-    backgroundColor: 'gray',
-  },
-  smallContainer: {
-    flex: 1,
-    height: 40,
-    backgroundColor: 'gray',
-  },
-  center: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  whiteText: {
-    color: 'white',
-  }
-});
-
-module.exports = RootViewSizeFlexibilityExampleApp;

Examples/UIExplorer/js/ScrollViewSimpleExample.js

@@ -1,90 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule ScrollViewSimpleExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableOpacity
-} = ReactNative;
-
-var NUM_ITEMS = 20;
-
-class ScrollViewSimpleExample extends React.Component {
-  static title = '<ScrollView>';
-  static description = 'Component that enables scrolling through child components.';
-
-  makeItems = (nItems: number, styles): Array<any> => {
-    var items = [];
-    for (var i = 0; i < nItems; i++) {
-       items[i] = (
-         <TouchableOpacity key={i} style={styles}>
-           <Text>{'Item ' + i}</Text>
-         </TouchableOpacity>
-       );
-    }
-    return items;
-  };
-
-  render() {
-    // One of the items is a horizontal scroll view
-    var items = this.makeItems(NUM_ITEMS, styles.itemWrapper);
-    items[4] = (
-      <ScrollView key={'scrollView'} horizontal={true}>
-        {this.makeItems(NUM_ITEMS, [styles.itemWrapper, styles.horizontalItemWrapper])}
-      </ScrollView>
-    );
-
-    var verticalScrollView = (
-      <ScrollView style={styles.verticalScrollView}>
-        {items}
-      </ScrollView>
-    );
-
-    return verticalScrollView;
-  }
-}
-
-var styles = StyleSheet.create({
-  verticalScrollView: {
-    margin: 10,
-  },
-  itemWrapper: {
-    backgroundColor: '#dddddd',
-    alignItems: 'center',
-    borderRadius: 5,
-    borderWidth: 5,
-    borderColor: '#a52a2a',
-    padding: 30,
-    margin: 5,
-  },
-  horizontalItemWrapper: {
-    padding: 50
-  }
-});
-
-module.exports = ScrollViewSimpleExample;

Examples/UIExplorer/js/SectionListExample.js

@@ -1,206 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule SectionListExample
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  Animated,
-  SectionList,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-
-const UIExplorerPage = require('./UIExplorerPage');
-
-const infoLog = require('infoLog');
-
-const {
-  HeaderComponent,
-  FooterComponent,
-  ItemComponent,
-  PlainInput,
-  SeparatorComponent,
-  Spindicator,
-  genItemData,
-  pressItem,
-  renderSmallSwitchOption,
-  renderStackedItem,
-} = require('./ListExampleShared');
-
-const AnimatedSectionList = Animated.createAnimatedComponent(SectionList);
-
-const VIEWABILITY_CONFIG = {
-  minimumViewTime: 3000,
-  viewAreaCoveragePercentThreshold: 100,
-  waitForInteraction: true,
-};
-
-const renderSectionHeader = ({section}) => (
-  <View>
-    <Text style={styles.headerText}>SECTION HEADER: {section.key}</Text>
-    <SeparatorComponent />
-  </View>
-);
-
-const CustomSeparatorComponent = ({text}) => (
-  <View>
-    <SeparatorComponent />
-    <Text style={styles.separatorText}>{text}</Text>
-    <SeparatorComponent />
-  </View>
-);
-
-class SectionListExample extends React.PureComponent {
-  static title = '<SectionList>';
-  static description = 'Performant, scrollable list of data.';
-
-  state = {
-    data: genItemData(1000),
-    debug: false,
-    filterText: '',
-    logViewable: false,
-    virtualized: true,
-  };
-
-  _scrollPos = new Animated.Value(0);
-  _scrollSinkY = Animated.event(
-    [{nativeEvent: { contentOffset: { y: this._scrollPos } }}],
-    {useNativeDriver: true},
-  );
-
-  render() {
-    const filterRegex = new RegExp(String(this.state.filterText), 'i');
-    const filter = (item) => (
-      filterRegex.test(item.text) || filterRegex.test(item.title)
-    );
-    const filteredData = this.state.data.filter(filter);
-    const filteredSectionData = [];
-    let startIndex = 0;
-    const endIndex = filteredData.length - 1;
-    for (let ii = 10; ii <= endIndex + 10; ii += 10) {
-      filteredSectionData.push({
-        key: `${filteredData[startIndex].key} - ${filteredData[Math.min(ii - 1, endIndex)].key}`,
-        data: filteredData.slice(startIndex, ii),
-      });
-      startIndex = ii;
-    }
-    return (
-      <UIExplorerPage
-        noSpacer={true}
-        noScroll={true}>
-        <View style={styles.searchRow}>
-          <PlainInput
-            onChangeText={filterText => {
-              this.setState(() => ({filterText}));
-            }}
-            placeholder="Search..."
-            value={this.state.filterText}
-          />
-          <View style={styles.optionSection}>
-            {renderSmallSwitchOption(this, 'virtualized')}
-            {renderSmallSwitchOption(this, 'logViewable')}
-            {renderSmallSwitchOption(this, 'debug')}
-            <Spindicator value={this._scrollPos} />
-          </View>
-        </View>
-        <SeparatorComponent />
-        <AnimatedSectionList
-          ListHeaderComponent={HeaderComponent}
-          ListFooterComponent={FooterComponent}
-          SectionSeparatorComponent={() =>
-            <CustomSeparatorComponent text="SECTION SEPARATOR" />
-          }
-          ItemSeparatorComponent={() =>
-            <CustomSeparatorComponent text="ITEM SEPARATOR" />
-          }
-          debug={this.state.debug}
-          enableVirtualization={this.state.virtualized}
-          onRefresh={() => alert('onRefresh: nothing to refresh :P')}
-          onScroll={this._scrollSinkY}
-          onViewableItemsChanged={this._onViewableItemsChanged}
-          refreshing={false}
-          renderItem={this._renderItemComponent}
-          renderSectionHeader={renderSectionHeader}
-          sections={[
-            {renderItem: renderStackedItem, key: 's1', data: [
-              {title: 'Item In Header Section', text: 'Section s1', key: '0'},
-            ]},
-            {key: 's2', data: [
-              {noImage: true, title: '1st item', text: 'Section s2', key: '0'},
-              {noImage: true, title: '2nd item', text: 'Section s2', key: '1'},
-            ]},
-            ...filteredSectionData,
-          ]}
-          viewabilityConfig={VIEWABILITY_CONFIG}
-        />
-      </UIExplorerPage>
-    );
-  }
-  _renderItemComponent = ({item}) => (
-    <ItemComponent item={item} onPress={this._pressItem} />
-  );
-  // This is called when items change viewability by scrolling into our out of
-  // the viewable area.
-  _onViewableItemsChanged = (info: {
-    changed: Array<{
-      key: string,
-      isViewable: boolean,
-      item: {columns: Array<*>},
-      index: ?number,
-      section?: any
-    }>},
-  ) => {
-    // Impressions can be logged here
-    if (this.state.logViewable) {
-      infoLog('onViewableItemsChanged: ', info.changed.map((v: Object) => (
-        {...v, item: '...', section: v.section.key}
-      )));
-    }
-  };
-  _pressItem = (index: number) => {
-    pressItem(this, index);
-  };
-}
-
-const styles = StyleSheet.create({
-  headerText: {
-    padding: 4,
-  },
-  optionSection: {
-    flexDirection: 'row',
-  },
-  searchRow: {
-    paddingHorizontal: 10,
-  },
-  separatorText: {
-    color: 'gray',
-    alignSelf: 'center',
-    padding: 4,
-    fontSize: 9,
-  },
-});
-
-module.exports = SectionListExample;

Examples/UIExplorer/js/SetPropertiesExampleApp.js

@@ -1,54 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule SetPropertiesExampleApp
- */
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  Text,
-  View,
-} = ReactNative;
-
-class SetPropertiesExampleApp extends React.Component {
-
-  render() {
-    const wrapperStyle = {
-      backgroundColor: this.props.color,
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'center'
-    };
-
-    return (
-      <View style={wrapperStyle}>
-        <Text>
-          Embedded React Native view
-        </Text>
-      </View>
-    );
-  }
-
-}
-
-module.exports = SetPropertiesExampleApp;

Examples/UIExplorer/js/SnapshotExample.js

@@ -1,80 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule SnapshotExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  Image,
-  StyleSheet,
-  Text,
-  UIManager,
-  View,
-} = ReactNative;
-
-class ScreenshotExample extends React.Component {
-  state = {
-    uri: undefined,
-  };
-
-  render() {
-    return (
-      <View>
-        <Text onPress={this.takeScreenshot} style={style.button}>
-          Click to take a screenshot
-        </Text>
-        <Image style={style.image} source={{uri: this.state.uri}}/>
-      </View>
-    );
-  }
-
-  takeScreenshot = () => {
-    UIManager
-      .takeSnapshot('window', {format: 'jpeg', quality: 0.8}) // See UIManager.js for options
-      .then((uri) => this.setState({uri}))
-      .catch((error) => alert(error));
-  };
-}
-
-var style = StyleSheet.create({
-  button: {
-    marginBottom: 10,
-    fontWeight: '500',
-  },
-  image: {
-    flex: 1,
-    height: 300,
-    resizeMode: 'contain',
-    backgroundColor: 'black',
-  },
-});
-
-exports.title = 'Snapshot / Screenshot';
-exports.description = 'API to capture images from the screen.';
-exports.examples = [
-  {
-    title: 'Take screenshot',
-    render(): React.Element<any> { return <ScreenshotExample />; }
-  },
-];

Examples/UIExplorer/js/TimePickerAndroidExample.js

@@ -1,113 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- * @providesModule TimePickerAndroidExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  TimePickerAndroid,
-  StyleSheet,
-  Text,
-  TouchableWithoutFeedback,
-} = ReactNative;
-
-var UIExplorerBlock = require('./UIExplorerBlock');
-var UIExplorerPage = require('./UIExplorerPage');
-
-class TimePickerAndroidExample extends React.Component {
-  static title = 'TimePickerAndroid';
-  static description = 'Standard Android time picker dialog';
-
-  state = {
-    isoFormatText: 'pick a time (24-hour format)',
-    presetHour: 4,
-    presetMinute: 4,
-    presetText: 'pick a time, default: 4:04AM',
-    simpleText: 'pick a time',
-  };
-
-  showPicker = async (stateKey, options) => {
-    try {
-      const {action, minute, hour} = await TimePickerAndroid.open(options);
-      var newState = {};
-      if (action === TimePickerAndroid.timeSetAction) {
-        newState[stateKey + 'Text'] = _formatTime(hour, minute);
-        newState[stateKey + 'Hour'] = hour;
-        newState[stateKey + 'Minute'] = minute;
-      } else if (action === TimePickerAndroid.dismissedAction) {
-        newState[stateKey + 'Text'] = 'dismissed';
-      }
-      this.setState(newState);
-    } catch ({code, message}) {
-      console.warn(`Error in example '${stateKey}': `, message);
-    }
-  };
-
-  render() {
-    return (
-      <UIExplorerPage title="TimePickerAndroid">
-        <UIExplorerBlock title="Simple time picker">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'simple', {})}>
-            <Text style={styles.text}>{this.state.simpleText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Time picker with pre-set time">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'preset', {
-              hour: this.state.presetHour,
-              minute: this.state.presetMinute,
-            })}>
-            <Text style={styles.text}>{this.state.presetText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-
-        <UIExplorerBlock title="Time picker with 24-hour time format">
-          <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'isoFormat', {
-              hour: this.state.isoFormatHour,
-              minute: this.state.isoFormatMinute,
-              is24Hour: true,
-            })}>
-            <Text style={styles.text}>{this.state.isoFormatText}</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-      </UIExplorerPage>
-    );
-  }
-}
-
-/**
- * Returns e.g. '3:05'.
- */
-function _formatTime(hour, minute) {
-  return hour + ':' + (minute < 10 ? '0' + minute : minute);
-}
-
-var styles = StyleSheet.create({
-  text: {
-    color: 'black',
-  },
-});
-
-module.exports = TimePickerAndroidExample;
-

Examples/UIExplorer/js/ToastAndroidExample.android.js

@@ -1,108 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule ToastAndroidExample
- */
-
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  ToastAndroid,
-  TouchableWithoutFeedback,
-} = ReactNative;
-
-var UIExplorerBlock = require('UIExplorerBlock');
-var UIExplorerPage = require('UIExplorerPage');
-
-class ToastExample extends React.Component {
-  static title = 'Toast Example';
-  static description = 'Example that demonstrates the use of an Android Toast to provide feedback.';
-  state = {};
-
-  render() {
-    return (
-      <UIExplorerPage title="ToastAndroid">
-        <UIExplorerBlock title="Simple toast">
-          <TouchableWithoutFeedback
-            onPress={() =>
-              ToastAndroid.show('This is a toast with short duration', ToastAndroid.SHORT)}>
-            <Text style={styles.text}>Click me.</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toast with long duration">
-          <TouchableWithoutFeedback
-            onPress={() =>
-              ToastAndroid.show('This is a toast with long duration', ToastAndroid.LONG)}>
-            <Text style={styles.text}>Click me.</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toast with top gravity">
-          <TouchableWithoutFeedback
-            onPress={() =>
-              ToastAndroid.showWithGravity(
-                'This is a toast with top gravity',
-                ToastAndroid.SHORT,
-                ToastAndroid.TOP,
-              )
-            }>
-            <Text style={styles.text}>Click me.</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toast with center gravity">
-          <TouchableWithoutFeedback
-            onPress={() =>
-              ToastAndroid.showWithGravity(
-                'This is a toast with center gravity',
-                ToastAndroid.SHORT,
-                ToastAndroid.CENTER,
-              )
-            }>
-            <Text style={styles.text}>Click me.</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toast with bottom gravity">
-          <TouchableWithoutFeedback
-            onPress={() =>
-              ToastAndroid.showWithGravity(
-                'This is a toast with bottom gravity',
-                ToastAndroid.SHORT,
-                ToastAndroid.BOTTOM,
-              )
-            }>
-            <Text style={styles.text}>Click me.</Text>
-          </TouchableWithoutFeedback>
-        </UIExplorerBlock>
-      </UIExplorerPage>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  text: {
-    color: 'black',
-  },
-});
-
-module.exports = ToastExample;

Examples/UIExplorer/js/ToolbarAndroidExample.android.js

@@ -1,171 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule ToolbarAndroidExample
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-
-var nativeImageSource = require('nativeImageSource');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-var UIExplorerBlock = require('./UIExplorerBlock');
-var UIExplorerPage = require('./UIExplorerPage');
-
-var Switch = require('Switch');
-var ToolbarAndroid = require('ToolbarAndroid');
-
-class ToolbarAndroidExample extends React.Component {
-  static title = '<ToolbarAndroid>';
-  static description = 'Examples of using the Android toolbar.';
-
-  state = {
-    actionText: 'Example app with toolbar component',
-    toolbarSwitch: false,
-    colorProps: {
-      titleColor: '#3b5998',
-      subtitleColor: '#6a7180',
-    },
-  };
-
-  render() {
-    return (
-      <UIExplorerPage title="<ToolbarAndroid>">
-        <UIExplorerBlock title="Toolbar with title/subtitle and actions">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            navIcon={nativeImageSource({
-              android: 'ic_menu_black_24dp',
-              width: 48,
-              height: 48
-            })}
-            onActionSelected={this._onActionSelected}
-            onIconClicked={() => this.setState({actionText: 'Icon clicked'})}
-            style={styles.toolbar}
-            subtitle={this.state.actionText}
-            title="Toolbar" />
-          <Text>{this.state.actionText}</Text>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toolbar with logo & custom title view (a View with Switch+Text)">
-          <ToolbarAndroid
-            logo={nativeImageSource({
-              android: 'launcher_icon',
-              width: 132,
-              height: 144
-            })}
-            style={styles.toolbar}>
-            <View style={{height: 56, flexDirection: 'row', alignItems: 'center'}}>
-              <Switch
-                value={this.state.toolbarSwitch}
-                onValueChange={(value) => this.setState({'toolbarSwitch': value})} />
-              <Text>{'\'Tis but a switch'}</Text>
-            </View>
-          </ToolbarAndroid>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toolbar with no icon">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            style={styles.toolbar}
-            subtitle="There be no icon here" />
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toolbar with navIcon & logo, no title">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            logo={nativeImageSource({
-              android: 'launcher_icon',
-              width: 132,
-              height: 144
-            })}
-            navIcon={nativeImageSource({
-              android: 'ic_menu_black_24dp',
-              width: 48,
-              height: 48
-            })}
-            style={styles.toolbar} />
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toolbar with custom title colors">
-          <ToolbarAndroid
-            navIcon={nativeImageSource({
-              android: 'ic_menu_black_24dp',
-              width: 48,
-              height: 48
-            })}
-            onIconClicked={() => this.setState({colorProps: {}})}
-            title="Wow, such toolbar"
-            style={styles.toolbar}
-            subtitle="Much native"
-            {...this.state.colorProps} />
-          <Text>
-            Touch the icon to reset the custom colors to the default (theme-provided) ones.
-          </Text>
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toolbar with remote logo & navIcon">
-          <ToolbarAndroid
-            actions={[{title: 'Bunny', icon: require('./bunny.png'), show: 'always'}]}
-            logo={require('./hawk.png')}
-            navIcon={require('./bunny.png')}
-            title="Bunny and Hawk"
-            style={styles.toolbar} />
-        </UIExplorerBlock>
-        <UIExplorerBlock title="Toolbar with custom overflowIcon">
-          <ToolbarAndroid
-            actions={toolbarActions}
-            overflowIcon={require('./bunny.png')}
-            style={styles.toolbar} />
-        </UIExplorerBlock>
-      </UIExplorerPage>
-    );
-  }
-
-  _onActionSelected = (position) => {
-    this.setState({
-      actionText: 'Selected ' + toolbarActions[position].title,
-    });
-  };
-}
-
-var toolbarActions = [
-  {title: 'Create', icon: nativeImageSource({
-    android: 'ic_create_black_48dp',
-    width: 96,
-    height: 96
-  }), show: 'always'},
-  {title: 'Filter'},
-  {title: 'Settings', icon: nativeImageSource({
-    android: 'ic_settings_black_48dp',
-    width: 96,
-    height: 96
-  }), show: 'always'},
-];
-
-var styles = StyleSheet.create({
-  toolbar: {
-    backgroundColor: '#e9eaed',
-    height: 56,
-  },
-});
-
-module.exports = ToolbarAndroidExample;

Examples/UIExplorer/js/UIExplorerActions.js

@@ -1,71 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule UIExplorerActions
- */
-'use strict';
-
-export type UIExplorerBackAction = {
-  type: 'UIExplorerBackAction',
-};
-
-export type UIExplorerListAction = {
-  type: 'UIExplorerListAction',
-};
-
-export type UIExplorerExampleAction = {
-  type: 'UIExplorerExampleAction',
-  openExample: string,
-};
-
-export type UIExplorerAction = (
-  UIExplorerBackAction |
-  UIExplorerListAction |
-  UIExplorerExampleAction
-);
-
-
-function Back(): UIExplorerBackAction {
-  return {
-    type: 'UIExplorerBackAction',
-  };
-}
-
-function ExampleList(): UIExplorerListAction {
-  return {
-    type: 'UIExplorerListAction',
-  };
-}
-
-function ExampleAction(openExample: string): UIExplorerExampleAction {
-  return {
-    type: 'UIExplorerExampleAction',
-    openExample,
-  };
-}
-
-const UIExplorerActions = {
-  Back,
-  ExampleList,
-  ExampleAction,
-};
-
-module.exports = UIExplorerActions;

Examples/UIExplorer/js/UIExplorerApp.android.js

@@ -1,237 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule UIExplorerApp
- * @flow
- */
-'use strict';
-
-const AppRegistry = require('AppRegistry');
-const AsyncStorage = require('AsyncStorage');
-const BackHandler = require('BackHandler');
-const Dimensions = require('Dimensions');
-const DrawerLayoutAndroid = require('DrawerLayoutAndroid');
-const Linking = require('Linking');
-const React = require('react');
-const StatusBar = require('StatusBar');
-const StyleSheet = require('StyleSheet');
-const ToolbarAndroid = require('ToolbarAndroid');
-const UIExplorerActions = require('./UIExplorerActions');
-const UIExplorerExampleContainer = require('./UIExplorerExampleContainer');
-const UIExplorerExampleList = require('./UIExplorerExampleList');
-const UIExplorerList = require('./UIExplorerList');
-const UIExplorerNavigationReducer = require('./UIExplorerNavigationReducer');
-const UIManager = require('UIManager');
-const URIActionMap = require('./URIActionMap');
-const View = require('View');
-
-const nativeImageSource = require('nativeImageSource');
-
-import type { UIExplorerNavigationState } from './UIExplorerNavigationReducer';
-
-UIManager.setLayoutAnimationEnabledExperimental(true);
-
-const DRAWER_WIDTH_LEFT = 56;
-
-type Props = {
-  exampleFromAppetizeParams: string,
-};
-
-const APP_STATE_KEY = 'UIExplorerAppState.v2';
-
-const HEADER_LOGO_ICON = nativeImageSource({
-  android: 'launcher_icon',
-  width: 132,
-  height: 144
-});
-
-const HEADER_NAV_ICON = nativeImageSource({
-  android: 'ic_menu_black_24dp',
-  width: 48,
-  height: 48
-});
-
-class UIExplorerApp extends React.Component {
-  props: Props;
-  state: UIExplorerNavigationState;
-
-  componentWillMount() {
-    BackHandler.addEventListener('hardwareBackPress', this._handleBackButtonPress);
-  }
-
-  componentDidMount() {
-    Linking.getInitialURL().then((url) => {
-      AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
-        const exampleAction = URIActionMap(this.props.exampleFromAppetizeParams);
-        const urlAction = URIActionMap(url);
-        const launchAction = exampleAction || urlAction;
-        if (err || !storedString) {
-          const initialAction = launchAction || {type: 'InitialAction'};
-          this.setState(UIExplorerNavigationReducer(null, initialAction));
-          return;
-        }
-        const storedState = JSON.parse(storedString);
-        if (launchAction) {
-          this.setState(UIExplorerNavigationReducer(storedState, launchAction));
-          return;
-        }
-        this.setState(storedState);
-      });
-    });
-  }
-
-  render() {
-    if (!this.state) {
-      return null;
-    }
-    return (
-      <DrawerLayoutAndroid
-        drawerPosition={DrawerLayoutAndroid.positions.Left}
-        drawerWidth={Dimensions.get('window').width - DRAWER_WIDTH_LEFT}
-        keyboardDismissMode="on-drag"
-        onDrawerOpen={() => {
-          this._overrideBackPressForDrawerLayout = true;
-        }}
-        onDrawerClose={() => {
-          this._overrideBackPressForDrawerLayout = false;
-        }}
-        ref={(drawer) => { this.drawer = drawer; }}
-        renderNavigationView={this._renderDrawerContent}
-        statusBarBackgroundColor="#589c90">
-        {this._renderApp()}
-      </DrawerLayoutAndroid>
-    );
-  }
-
-  _renderDrawerContent = () => {
-    return (
-      <View style={styles.drawerContentWrapper}>
-        <UIExplorerExampleList
-          list={UIExplorerList}
-          displayTitleRow={true}
-          disableSearch={true}
-          onNavigate={this._handleAction}
-        />
-      </View>
-    );
-  };
-
-  _renderApp() {
-    const {
-      openExample,
-    } = this.state;
-
-    if (openExample) {
-      const ExampleModule = UIExplorerList.Modules[openExample];
-      if (ExampleModule.external) {
-        return (
-          <ExampleModule
-            onExampleExit={() => {
-              this._handleAction(UIExplorerActions.Back());
-            }}
-            ref={(example) => { this._exampleRef = example; }}
-          />
-        );
-      } else if (ExampleModule) {
-        return (
-          <View style={styles.container}>
-            <ToolbarAndroid
-              logo={HEADER_LOGO_ICON}
-              navIcon={HEADER_NAV_ICON}
-              onIconClicked={() => this.drawer.openDrawer()}
-              style={styles.toolbar}
-              title={ExampleModule.title}
-            />
-            <UIExplorerExampleContainer
-              module={ExampleModule}
-              ref={(example) => { this._exampleRef = example; }}
-            />
-          </View>
-        );
-      }
-    }
-
-    return (
-      <View style={styles.container}>
-        <ToolbarAndroid
-          logo={HEADER_LOGO_ICON}
-          navIcon={HEADER_NAV_ICON}
-          onIconClicked={() => this.drawer.openDrawer()}
-          style={styles.toolbar}
-          title="UIExplorer"
-        />
-        <UIExplorerExampleList
-          onNavigate={this._handleAction}
-          list={UIExplorerList}
-        />
-      </View>
-    );
-  }
-
-  _handleAction = (action: Object): boolean => {
-    this.drawer && this.drawer.closeDrawer();
-    const newState = UIExplorerNavigationReducer(this.state, action);
-    if (this.state !== newState) {
-      this.setState(
-        newState,
-        () => AsyncStorage.setItem(APP_STATE_KEY, JSON.stringify(this.state))
-      );
-      return true;
-    }
-    return false;
-  };
-
-  _handleBackButtonPress = () => {
-    if (this._overrideBackPressForDrawerLayout) {
-      // This hack is necessary because drawer layout provides an imperative API
-      // with open and close methods. This code would be cleaner if the drawer
-      // layout provided an `isOpen` prop and allowed us to pass a `onDrawerClose` handler.
-      this.drawer && this.drawer.closeDrawer();
-      return true;
-    }
-    if (
-      this._exampleRef &&
-      this._exampleRef.handleBackAction &&
-      this._exampleRef.handleBackAction()
-    ) {
-      return true;
-    }
-    return this._handleAction(UIExplorerActions.Back());
-  };
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  toolbar: {
-    backgroundColor: '#E9EAED',
-    height: 56,
-  },
-  drawerContentWrapper: {
-    flex: 1,
-    paddingTop: StatusBar.currentHeight,
-    backgroundColor: 'white',
-  },
-});
-
-AppRegistry.registerComponent('UIExplorerApp', () => UIExplorerApp);
-
-module.exports = UIExplorerApp;

Examples/UIExplorer/js/UIExplorerApp.ios.js

@@ -1,202 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule UIExplorerApp
- * @flow
- */
-'use strict';
-
-const AsyncStorage = require('AsyncStorage');
-const BackHandler = require('BackHandler');
-const Linking = require('Linking');
-const React = require('react');
-const ReactNative = require('react-native');
-const UIExplorerActions = require('./UIExplorerActions');
-const UIExplorerExampleContainer = require('./UIExplorerExampleContainer');
-const UIExplorerExampleList = require('./UIExplorerExampleList');
-const UIExplorerList = require('./UIExplorerList.ios');
-const UIExplorerNavigationReducer = require('./UIExplorerNavigationReducer');
-const URIActionMap = require('./URIActionMap');
-
-const {
-  Button,
-  AppRegistry,
-  SnapshotViewIOS,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-
-import type { UIExplorerExample } from './UIExplorerList.ios';
-import type { UIExplorerAction } from './UIExplorerActions';
-import type { UIExplorerNavigationState } from './UIExplorerNavigationReducer';
-
-type Props = {
-  exampleFromAppetizeParams: string,
-};
-
-const APP_STATE_KEY = 'UIExplorerAppState.v2';
-
-const Header = ({ onBack, title}) => (
-  <View style={styles.header}>
-    <View style={styles.headerCenter}>
-      <Text style={styles.title}>{title}</Text>
-    </View>
-    {onBack && <View style={styles.headerLeft}>
-      <Button title="Back" onPress={onBack} />
-    </View>}
-  </View>
-);
-
-class UIExplorerApp extends React.Component {
-  props: Props;
-  state: UIExplorerNavigationState;
-
-  componentWillMount() {
-    BackHandler.addEventListener('hardwareBackPress', this._handleBack);
-  }
-
-  componentDidMount() {
-    Linking.getInitialURL().then((url) => {
-      AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
-        const exampleAction = URIActionMap(this.props.exampleFromAppetizeParams);
-        const urlAction = URIActionMap(url);
-        const launchAction = exampleAction || urlAction;
-        if (err || !storedString) {
-          const initialAction = launchAction || {type: 'InitialAction'};
-          this.setState(UIExplorerNavigationReducer(undefined, initialAction));
-          return;
-        }
-        const storedState = JSON.parse(storedString);
-        if (launchAction) {
-          this.setState(UIExplorerNavigationReducer(storedState, launchAction));
-          return;
-        }
-        this.setState(storedState);
-      });
-    });
-
-    Linking.addEventListener('url', (url) => {
-      this._handleAction(URIActionMap(url));
-    });
-  }
-
-  _handleBack = () => {
-    this._handleAction(UIExplorerActions.Back());
-  }
-
-  _handleAction = (action: ?UIExplorerAction) => {
-    if (!action) {
-      return;
-    }
-    const newState = UIExplorerNavigationReducer(this.state, action);
-    if (this.state !== newState) {
-      this.setState(
-        newState,
-        () => AsyncStorage.setItem(APP_STATE_KEY, JSON.stringify(this.state))
-      );
-    }
-  }
-
-  render() {
-    if (!this.state) {
-      return null;
-    }
-    if (this.state.openExample) {
-      const Component = UIExplorerList.Modules[this.state.openExample];
-      if (Component.external) {
-        return (
-          <Component
-            onExampleExit={this._handleBack}
-          />
-        );
-      } else {
-        return (
-          <View style={styles.exampleContainer}>
-            <Header onBack={this._handleBack} title={Component.title} />
-            <UIExplorerExampleContainer module={Component} />
-          </View>
-        );
-      }
-
-    }
-    return (
-      <View style={styles.exampleContainer}>
-        <Header title="UIExplorer" />
-        <UIExplorerExampleList
-          onNavigate={this._handleAction}
-          list={UIExplorerList}
-        />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  header: {
-    height: 60,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#96969A',
-    backgroundColor: '#F5F5F6',
-    flexDirection: 'row',
-    paddingTop: 20,
-  },
-  headerLeft: {
-  },
-  headerCenter: {
-    flex: 1,
-    position: 'absolute',
-    top: 27,
-    left: 0,
-    right: 0,
-  },
-  title: {
-    fontSize: 19,
-    fontWeight: '600',
-    textAlign: 'center',
-  },
-  exampleContainer: {
-    flex: 1,
-  },
-});
-
-AppRegistry.registerComponent('SetPropertiesExampleApp', () => require('./SetPropertiesExampleApp'));
-AppRegistry.registerComponent('RootViewSizeFlexibilityExampleApp', () => require('./RootViewSizeFlexibilityExampleApp'));
-AppRegistry.registerComponent('UIExplorerApp', () => UIExplorerApp);
-
-// Register suitable examples for snapshot tests
-UIExplorerList.ComponentExamples.concat(UIExplorerList.APIExamples).forEach((Example: UIExplorerExample) => {
-  const ExampleModule = Example.module;
-  if (ExampleModule.displayName) {
-    class Snapshotter extends React.Component {
-      render() {
-        return (
-          <SnapshotViewIOS>
-            <UIExplorerExampleContainer module={ExampleModule} />
-          </SnapshotViewIOS>
-        );
-      }
-    }
-
-    AppRegistry.registerComponent(ExampleModule.displayName, () => Snapshotter);
-  }
-});
-
-module.exports = UIExplorerApp;

Examples/UIExplorer/js/UIExplorerBlock.js

@@ -1,115 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule UIExplorerBlock
- * @flow
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-
-class UIExplorerBlock extends React.Component {
-  props: {
-    title?: string,
-    description?: string,
-  };
-
-  static propTypes = {
-    title: React.PropTypes.string,
-    description: React.PropTypes.string,
-  };
-
-  state = {description: (null: ?string)};
-
-  render() {
-    var description;
-    if (this.props.description) {
-      description =
-        <Text style={styles.descriptionText}>
-          {this.props.description}
-        </Text>;
-    }
-
-    return (
-      <View style={styles.container}>
-        <View style={styles.titleContainer}>
-          <Text style={styles.titleText}>
-            {this.props.title}
-          </Text>
-          {description}
-        </View>
-        <View style={styles.children}>
-          {
-            // $FlowFixMe found when converting React.createClass to ES6
-            this.props.children}
-        </View>
-      </View>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  container: {
-    borderRadius: 3,
-    borderWidth: 0.5,
-    borderColor: '#d6d7da',
-    backgroundColor: '#ffffff',
-    margin: 10,
-    marginVertical: 5,
-    overflow: 'hidden',
-  },
-  titleContainer: {
-    borderBottomWidth: 0.5,
-    borderTopLeftRadius: 3,
-    borderTopRightRadius: 2.5,
-    borderBottomColor: '#d6d7da',
-    backgroundColor: '#f6f7f8',
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-  },
-  titleText: {
-    fontSize: 14,
-    fontWeight: '500',
-  },
-  descriptionText: {
-    fontSize: 14,
-  },
-  disclosure: {
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    padding: 10,
-  },
-  disclosureIcon: {
-    width: 12,
-    height: 8,
-  },
-  children: {
-    margin: 10,
-  }
-});
-
-module.exports = UIExplorerBlock;

Examples/UIExplorer/js/UIExplorerButton.js

@@ -1,70 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule UIExplorerButton
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-} = ReactNative;
-
-class UIExplorerButton extends React.Component {
-  props: {onPress?: Function};
-
-  static propTypes = {
-    onPress: React.PropTypes.func,
-  };
-
-  render() {
-    return (
-      <TouchableHighlight
-        onPress={this.props.onPress}
-        style={styles.button}
-        underlayColor="grey">
-        <Text>
-          {
-            // $FlowFixMe found when converting React.createClass to ES6
-            this.props.children}
-        </Text>
-      </TouchableHighlight>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  button: {
-    borderColor: '#696969',
-    borderRadius: 8,
-    borderWidth: 1,
-    padding: 10,
-    margin: 5,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: '#d3d3d3',
-  },
-});
-
-module.exports = UIExplorerButton;

Examples/UIExplorer/js/UIExplorerExampleContainer.js

@@ -1,65 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule UIExplorerExampleContainer
- */
-'use strict';
-
-const React = require('react');
-const {
-  Platform,
-} = require('react-native');
-const UIExplorerBlock = require('./UIExplorerBlock');
-const UIExplorerPage = require('./UIExplorerPage');
-
-class UIExplorerExampleContainer extends React.Component {
-  renderExample(example, i) {
-    // Filter platform-specific examples
-    var {title, description, platform} = example;
-    if (platform) {
-      if (Platform.OS !== platform) {
-        return null;
-      }
-      title += ' (' + platform + ' only)';
-    }
-    return (
-      <UIExplorerBlock
-        key={i}
-        title={title}
-        description={description}>
-        {example.render()}
-      </UIExplorerBlock>
-    );
-  }
-
-  render(): React.Element<any> {
-    if (!this.props.module.examples) {
-      return <this.props.module />;
-    }
-
-    return (
-      <UIExplorerPage title={this.props.title}>
-        {this.props.module.examples.map(this.renderExample)}
-      </UIExplorerPage>
-    );
-  }
-}
-
-module.exports = UIExplorerExampleContainer;

Examples/UIExplorer/js/UIExplorerExampleList.js

@@ -1,244 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule UIExplorerExampleList
- */
-'use strict';
-
-const Platform = require('Platform');
-const React = require('react');
-const SectionList = require('SectionList');
-const StyleSheet = require('StyleSheet');
-const Text = require('Text');
-const TextInput = require('TextInput');
-const TouchableHighlight = require('TouchableHighlight');
-const UIExplorerActions = require('./UIExplorerActions');
-const UIExplorerStatePersister = require('./UIExplorerStatePersister');
-const View = require('View');
-
-import type {
-  UIExplorerExample,
-} from './UIExplorerList.ios';
-import type {
-  PassProps,
-} from './UIExplorerStatePersister';
-import type {
-  StyleObj,
-} from 'StyleSheetTypes';
-
-type Props = {
-  onNavigate: Function,
-  list: {
-    ComponentExamples: Array<UIExplorerExample>,
-    APIExamples: Array<UIExplorerExample>,
-  },
-  persister: PassProps<*>,
-  searchTextInputStyle: StyleObj,
-  style?: ?StyleObj,
-};
-
-class RowComponent extends React.PureComponent {
-  props: {
-    item: Object,
-    onNavigate: Function,
-    onPress?: Function,
-  };
-  _onPress = () => {
-    if (this.props.onPress) {
-      this.props.onPress();
-      return;
-    }
-    this.props.onNavigate(UIExplorerActions.ExampleAction(this.props.item.key));
-  };
-  render() {
-    const {item} = this.props;
-    return (
-      <View>
-        <TouchableHighlight onPress={this._onPress}>
-          <View style={styles.row}>
-            <Text style={styles.rowTitleText}>
-              {item.module.title}
-            </Text>
-            <Text style={styles.rowDetailText}>
-              {item.module.description}
-            </Text>
-          </View>
-        </TouchableHighlight>
-        <View style={styles.separator} />
-      </View>
-    );
-  }
-}
-
-const renderSectionHeader = ({section}) =>
-  <Text style={styles.sectionHeader}>
-    {section.title}
-  </Text>;
-
-class UIExplorerExampleList extends React.Component {
-  props: Props
-
-  render() {
-    const filterText = this.props.persister.state.filter;
-    const filterRegex = new RegExp(String(filterText), 'i');
-    const filter = (example) =>
-      this.props.disableSearch ||
-        filterRegex.test(example.module.title) &&
-        (!Platform.isTVOS || example.supportsTVOS);
-
-    const sections = [
-      {
-        data: this.props.list.ComponentExamples.filter(filter),
-        title: 'COMPONENTS',
-        key: 'c',
-      },
-      {
-        data: this.props.list.APIExamples.filter(filter),
-        title: 'APIS',
-        key: 'a',
-      },
-    ];
-    return (
-      <View style={[styles.listContainer, this.props.style]}>
-        {this._renderTitleRow()}
-        {this._renderTextInput()}
-        <SectionList
-          style={styles.list}
-          sections={sections}
-          renderItem={this._renderItem}
-          enableEmptySections={true}
-          itemShouldUpdate={this._itemShouldUpdate}
-          keyboardShouldPersistTaps="handled"
-          automaticallyAdjustContentInsets={false}
-          keyboardDismissMode="on-drag"
-          legacyImplementation={false}
-          renderSectionHeader={renderSectionHeader}
-        />
-      </View>
-    );
-  }
-
-  _itemShouldUpdate(curr, prev) {
-    return curr.item !== prev.item;
-  }
-
-  _renderItem = ({item}) => <RowComponent item={item} onNavigate={this.props.onNavigate} />;
-
-  _renderTitleRow(): ?React.Element<any> {
-    if (!this.props.displayTitleRow) {
-      return null;
-    }
-    return (
-      <RowComponent
-        item={{module: {
-          title: 'UIExplorer',
-          description: 'React Native Examples',
-        }}}
-        onNavigate={this.props.onNavigate}
-        onPress={() => {
-          this.props.onNavigate(UIExplorerActions.ExampleList());
-        }}
-      />
-    );
-  }
-
-  _renderTextInput(): ?React.Element<any> {
-    if (this.props.disableSearch) {
-      return null;
-    }
-    return (
-      <View style={styles.searchRow}>
-        <TextInput
-          autoCapitalize="none"
-          autoCorrect={false}
-          clearButtonMode="always"
-          onChangeText={text => {
-            this.props.persister.setState(() => ({filter: text}));
-          }}
-          placeholder="Search..."
-          underlineColorAndroid="transparent"
-          style={[styles.searchTextInput, this.props.searchTextInputStyle]}
-          testID="explorer_search"
-          value={this.props.persister.state.filter}
-        />
-      </View>
-    );
-  }
-
-  _handleRowPress(exampleKey: string): void {
-    this.props.onNavigate(UIExplorerActions.ExampleAction(exampleKey));
-  }
-}
-
-UIExplorerExampleList = UIExplorerStatePersister.createContainer(UIExplorerExampleList, {
-  cacheKeySuffix: () => 'mainList',
-  getInitialState: () => ({filter: ''}),
-});
-
-const styles = StyleSheet.create({
-  listContainer: {
-    flex: 1,
-  },
-  list: {
-    backgroundColor: '#eeeeee',
-  },
-  sectionHeader: {
-    backgroundColor: '#eeeeee',
-    padding: 5,
-    fontWeight: '500',
-    fontSize: 11,
-  },
-  row: {
-    backgroundColor: 'white',
-    justifyContent: 'center',
-    paddingHorizontal: 15,
-    paddingVertical: 8,
-  },
-  separator: {
-    height: StyleSheet.hairlineWidth,
-    backgroundColor: '#bbbbbb',
-    marginLeft: 15,
-  },
-  rowTitleText: {
-    fontSize: 17,
-    fontWeight: '500',
-  },
-  rowDetailText: {
-    fontSize: 15,
-    color: '#888888',
-    lineHeight: 20,
-  },
-  searchRow: {
-    backgroundColor: '#eeeeee',
-    padding: 10,
-  },
-  searchTextInput: {
-    backgroundColor: 'white',
-    borderColor: '#cccccc',
-    borderRadius: 3,
-    borderWidth: 1,
-    paddingLeft: 8,
-    paddingVertical: 0,
-    height: 35,
-  },
-});
-
-module.exports = UIExplorerExampleList;

Examples/UIExplorer/js/UIExplorerList.android.js

@@ -1,265 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule UIExplorerList
- */
-'use strict';
-
-export type UIExplorerExample = {
-  key: string,
-  module: Object,
-};
-
-const ComponentExamples: Array<UIExplorerExample> = [
-  {
-    key: 'ActivityIndicatorExample',
-    module: require('./ActivityIndicatorExample'),
-  },
-  {
-    key: 'ButtonExample',
-    module: require('./ButtonExample'),
-  },
-  {
-    key: 'FlatListExample',
-    module: require('./FlatListExample'),
-  },
-  {
-    key: 'ImageExample',
-    module: require('./ImageExample'),
-  },
-  {
-    key: 'ListViewExample',
-    module: require('./ListViewExample'),
-  },
-  {
-    key: 'ListViewGridLayoutExample',
-    module: require('./ListViewGridLayoutExample'),
-  },
-  {
-    key: 'ListViewPagingExample',
-    module: require('./ListViewPagingExample'),
-  },
-  {
-    key: 'ModalExample',
-    module: require('./ModalExample'),
-  },
-  {
-    key: 'MultiColumnExample',
-    module: require('./MultiColumnExample'),
-  },
-  {
-    key: 'PickerExample',
-    module: require('./PickerExample'),
-  },
-  {
-    key: 'ProgressBarAndroidExample',
-    module: require('./ProgressBarAndroidExample'),
-  },
-  {
-    key: 'RefreshControlExample',
-    module: require('./RefreshControlExample'),
-  },
-  {
-    key: 'ScrollViewSimpleExample',
-    module: require('./ScrollViewSimpleExample'),
-  },
-  {
-    key: 'SectionListExample',
-    module: require('./SectionListExample'),
-  },
-  {
-    key: 'SliderExample',
-    module: require('./SliderExample'),
-  },
-  {
-    key: 'StatusBarExample',
-    module: require('./StatusBarExample'),
-  },
-  {
-    key: 'SwipeableListViewExample',
-    module: require('./SwipeableListViewExample')
-  },
-  {
-    key: 'SwitchExample',
-    module: require('./SwitchExample'),
-  },
-  {
-    key: 'TextExample',
-    module: require('./TextExample'),
-  },
-  {
-    key: 'TextInputExample',
-    module: require('./TextInputExample'),
-  },
-  {
-    key: 'ToolbarAndroidExample',
-    module: require('./ToolbarAndroidExample'),
-  },
-  {
-    key: 'TouchableExample',
-    module: require('./TouchableExample'),
-  },
-  {
-    key: 'ViewExample',
-    module: require('./ViewExample'),
-  },
-  {
-    key: 'ViewPagerAndroidExample',
-    module: require('./ViewPagerAndroidExample'),
-  },
-  {
-    key: 'WebViewExample',
-    module: require('./WebViewExample'),
-  },
-];
-
-const APIExamples: Array<UIExplorerExample> = [
-  {
-    key: 'AccessibilityAndroidExample',
-    module: require('./AccessibilityAndroidExample'),
-  },
-  {
-    key: 'AlertExample',
-    module: require('./AlertExample').AlertExample,
-  },
-  {
-    key: 'AnimatedExample',
-    module: require('./AnimatedExample'),
-  },
-  {
-    key: 'AppStateExample',
-    module: require('./AppStateExample'),
-  },
-  {
-    key: 'BorderExample',
-    module: require('./BorderExample'),
-  },
-  {
-    key: 'CameraRollExample',
-    module: require('./CameraRollExample'),
-  },
-  {
-    key: 'ClipboardExample',
-    module: require('./ClipboardExample'),
-  },
-  {
-    key: 'DatePickerAndroidExample',
-    module: require('./DatePickerAndroidExample'),
-  },
-  {
-    key: 'GeolocationExample',
-    module: require('./GeolocationExample'),
-  },
-  {
-    key: 'ImageEditingExample',
-    module: require('./ImageEditingExample'),
-  },
-  {
-    key: 'LayoutEventsExample',
-    module: require('./LayoutEventsExample'),
-  },
-  {
-    key: 'LinkingExample',
-    module: require('./LinkingExample'),
-  },
-  {
-    key: 'LayoutAnimationExample',
-    module: require('./LayoutAnimationExample'),
-  },
-  {
-    key: 'LayoutExample',
-    module: require('./LayoutExample'),
-  },
-  {
-    key: 'NativeAnimationsExample',
-    module: require('./NativeAnimationsExample'),
-  },
-  {
-    key: 'NetInfoExample',
-    module: require('./NetInfoExample'),
-  },
-  {
-    key: 'OrientationChangeExample',
-    module: require('./OrientationChangeExample'),
-  },
-  {
-    key: 'PanResponderExample',
-    module: require('./PanResponderExample'),
-  },
-  {
-    key: 'PermissionsExampleAndroid',
-    module: require('./PermissionsExampleAndroid'),
-  },
-  {
-    key: 'PointerEventsExample',
-    module: require('./PointerEventsExample'),
-  },
-  {
-    key: 'RTLExample',
-    module: require('./RTLExample'),
-  },
-  {
-    key: 'ShareExample',
-    module: require('./ShareExample'),
-  },
-  {
-    key: 'TimePickerAndroidExample',
-    module: require('./TimePickerAndroidExample'),
-  },
-  {
-    key: 'TimerExample',
-    module: require('./TimerExample'),
-  },
-  {
-    key: 'ToastAndroidExample',
-    module: require('./ToastAndroidExample'),
-  },
-  {
-    key: 'TransformExample',
-    module: require('./TransformExample'),
-  },
-  {
-    key: 'VibrationExample',
-    module: require('./VibrationExample'),
-  },
-  {
-    key: 'WebSocketExample',
-    module: require('./WebSocketExample'),
-  },
-  {
-    key: 'XHRExample',
-    module: require('./XHRExample'),
-  },
-];
-
-const Modules = {};
-
-APIExamples.concat(ComponentExamples).forEach(Example => {
-  Modules[Example.key] = Example.module;
-});
-
-const UIExplorerList = {
-  APIExamples,
-  ComponentExamples,
-  Modules,
-};
-
-module.exports = UIExplorerList;

Examples/UIExplorer/js/UIExplorerList.ios.js

@@ -1,375 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule UIExplorerList
- */
-'use strict';
-
-export type UIExplorerExample = {
-  key: string,
-  module: Object,
-  supportsTVOS: boolean
-};
-
-const ComponentExamples: Array<UIExplorerExample> = [
-  {
-    key: 'ActivityIndicatorExample',
-    module: require('./ActivityIndicatorExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'ButtonExample',
-    module: require('./ButtonExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'DatePickerIOSExample',
-    module: require('./DatePickerIOSExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'FlatListExample',
-    module: require('./FlatListExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'ImageExample',
-    module: require('./ImageExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'KeyboardAvoidingViewExample',
-    module: require('./KeyboardAvoidingViewExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'LayoutEventsExample',
-    module: require('./LayoutEventsExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'ListViewExample',
-    module: require('./ListViewExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'ListViewGridLayoutExample',
-    module: require('./ListViewGridLayoutExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'ListViewPagingExample',
-    module: require('./ListViewPagingExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'ModalExample',
-    module: require('./ModalExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'MultiColumnExample',
-    module: require('./MultiColumnExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'NavigatorIOSColorsExample',
-    module: require('./NavigatorIOSColorsExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'NavigatorIOSExample',
-    module: require('./NavigatorIOSExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'PickerExample',
-    module: require('./PickerExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'PickerIOSExample',
-    module: require('./PickerIOSExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'ProgressViewIOSExample',
-    module: require('./ProgressViewIOSExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'RefreshControlExample',
-    module: require('./RefreshControlExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'ScrollViewExample',
-    module: require('./ScrollViewExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'SectionListExample',
-    module: require('./SectionListExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'SegmentedControlIOSExample',
-    module: require('./SegmentedControlIOSExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'SliderExample',
-    module: require('./SliderExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'StatusBarExample',
-    module: require('./StatusBarExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'SwipeableListViewExample',
-    module: require('./SwipeableListViewExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'SwitchExample',
-    module: require('./SwitchExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'TabBarIOSExample',
-    module: require('./TabBarIOSExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'TextExample',
-    module: require('./TextExample.ios'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'TextInputExample',
-    module: require('./TextInputExample.ios'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'TouchableExample',
-    module: require('./TouchableExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'TransparentHitTestExample',
-    module: require('./TransparentHitTestExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'ViewExample',
-    module: require('./ViewExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'WebViewExample',
-    module: require('./WebViewExample'),
-    supportsTVOS: false,
-  },
-];
-
-const APIExamples: Array<UIExplorerExample> = [
-  {
-    key: 'AccessibilityIOSExample',
-    module: require('./AccessibilityIOSExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'ActionSheetIOSExample',
-    module: require('./ActionSheetIOSExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'AdSupportIOSExample',
-    module: require('./AdSupportIOSExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'AlertExample',
-    module: require('./AlertExample').AlertExample,
-    supportsTVOS: true,
-  },
-  {
-    key: 'AlertIOSExample',
-    module: require('./AlertIOSExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'AnimatedExample',
-    module: require('./AnimatedExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'AnExApp',
-    module: require('./AnimatedGratuitousApp/AnExApp'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'AppStateExample',
-    module: require('./AppStateExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'AsyncStorageExample',
-    module: require('./AsyncStorageExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'BorderExample',
-    module: require('./BorderExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'BoxShadowExample',
-    module: require('./BoxShadowExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'CameraRollExample',
-    module: require('./CameraRollExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'ClipboardExample',
-    module: require('./ClipboardExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'GeolocationExample',
-    module: require('./GeolocationExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'ImageEditingExample',
-    module: require('./ImageEditingExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'LayoutAnimationExample',
-    module: require('./LayoutAnimationExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'LayoutExample',
-    module: require('./LayoutExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'LinkingExample',
-    module: require('./LinkingExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'NativeAnimationsExample',
-    module: require('./NativeAnimationsExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'NetInfoExample',
-    module: require('./NetInfoExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'OrientationChangeExample',
-    module: require('./OrientationChangeExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'PanResponderExample',
-    module: require('./PanResponderExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'PointerEventsExample',
-    module: require('./PointerEventsExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'PushNotificationIOSExample',
-    module: require('./PushNotificationIOSExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'RCTRootViewIOSExample',
-    module: require('./RCTRootViewIOSExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'RTLExample',
-    module: require('./RTLExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'ShareExample',
-    module: require('./ShareExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'SnapshotExample',
-    module: require('./SnapshotExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'TimerExample',
-    module: require('./TimerExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'TransformExample',
-    module: require('./TransformExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'VibrationExample',
-    module: require('./VibrationExample'),
-    supportsTVOS: false,
-  },
-  {
-    key: 'WebSocketExample',
-    module: require('./WebSocketExample'),
-    supportsTVOS: true,
-  },
-  {
-    key: 'XHRExample',
-    module: require('./XHRExample'),
-    supportsTVOS: true,
-  },
-];
-
-const Modules = {};
-
-APIExamples.concat(ComponentExamples).forEach(Example => {
-  Modules[Example.key] = Example.module;
-});
-
-const UIExplorerList = {
-  APIExamples,
-  ComponentExamples,
-  Modules,
-};
-
-module.exports = UIExplorerList;

Examples/UIExplorer/js/UIExplorerNavigationReducer.js

@@ -1,69 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @flow
- * @providesModule UIExplorerNavigationReducer
- */
-'use strict';
-
-// $FlowFixMe : This is a platform-forked component, and flow seems to only run on iOS?
-const UIExplorerList = require('./UIExplorerList');
-
-export type UIExplorerNavigationState = {
-  openExample: ?string,
-};
-
-function UIExplorerNavigationReducer(
-  state: ?UIExplorerNavigationState,
-  action: any
-): UIExplorerNavigationState {
-
-  if (
-    // Default value is to see example list
-    !state ||
-
-    // Handle the explicit list action
-    action.type === 'UIExplorerListAction' ||
-
-    // Handle requests to go back to the list when an example is open
-    (state.openExample && action.type === 'UIExplorerBackAction')
-  ) {
-    return {
-      // A null openExample will cause the views to display the UIExplorer example list
-      openExample: null,
-    };
-  }
-
-  if (action.type === 'UIExplorerExampleAction') {
-
-    // Make sure we see the module before returning the new state
-    const ExampleModule = UIExplorerList.Modules[action.openExample];
-
-    if (ExampleModule) {
-      return {
-        openExample: action.openExample,
-      };
-    }
-  }
-
-  return state;
-}
-
-module.exports = UIExplorerNavigationReducer;

Examples/UIExplorer/js/UIExplorerPage.js

@@ -1,93 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- * 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.
- *
- * The examples provided by Facebook are for non-commercial testing and
- * evaluation purposes only.
- *
- * Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
- * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
- * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- * @providesModule UIExplorerPage
- * @flow
- */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  ScrollView,
-  StyleSheet,
-  View,
-} = ReactNative;
-
-var UIExplorerTitle = require('./UIExplorerTitle');
-
-class UIExplorerPage extends React.Component {
-  props: {
-    noScroll?: boolean,
-    noSpacer?: boolean,
-  };
-
-  static propTypes = {
-    noScroll: React.PropTypes.bool,
-    noSpacer: React.PropTypes.bool,
-  };
-
-  render() {
-    var ContentWrapper;
-    var wrapperProps = {};
-    if (this.props.noScroll) {
-      ContentWrapper = (View: ReactClass<any>);
-    } else {
-      ContentWrapper = (ScrollView: ReactClass<any>);
-      // $FlowFixMe found when converting React.createClass to ES6
-      wrapperProps.automaticallyAdjustContentInsets = !this.props.title;
-      wrapperProps.keyboardShouldPersistTaps = 'handled';
-      wrapperProps.keyboardDismissMode = 'interactive';
-    }
-    var title = this.props.title ?
-      <UIExplorerTitle title={this.props.title} /> :
-      null;
-    var spacer = this.props.noSpacer ? null : <View style={styles.spacer} />;
-    return (
-      <View style={styles.container}>
-        {title}
-        <ContentWrapper
-          style={styles.wrapper}
-          {...wrapperProps}>
-            {
-              // $FlowFixMe found when converting React.createClass to ES6
-              this.props.children}
-            {spacer}
-        </ContentWrapper>
-      </View>
-    );
-  }
-}
-
-var styles = StyleSheet.create({
-  container: {
-    backgroundColor: '#e9eaed',
-    flex: 1,
-  },
-  spacer: {
-    height: 270,
-  },
-  wrapper: {
-    flex: 1,
-    paddingTop: 10,
-  },
-});
-
-module.exports = UIExplorerPage;

Examples/UIExplorer/js/UIExplorerSettingSwitchRow.js

@@ -1,54 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- * 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.
- *
- * @providesModule UIExplorerSettingSwitchRow
- * @flow
- */
-'use strict';
-
-const React = require('React');
-const StyleSheet = require('StyleSheet');
-const Switch = require('Switch');
-const Text = require('Text');
-const UIExplorerStatePersister = require('./UIExplorerStatePersister');
-const View = require('View');
-
-class UIExplorerSettingSwitchRow extends React.Component {
-  componentWillReceiveProps(newProps) {
-    const {onEnable, onDisable, persister} = this.props;
-    if (newProps.persister.state !== persister.state) {
-      newProps.persister.state ? onEnable() : onDisable();
-    }
-  }
-  render() {
-    const {label, persister} = this.props;
-    return (
-      <View style={styles.row}>
-        <Text>{label}</Text>
-        <Switch
-          value={persister.state}
-          onValueChange={(value) => {
-            persister.setState(() => value);
-          }}
-        />
-      </View>
-    );
-  }
-}
-const styles = StyleSheet.create({
-  row: {
-    padding: 10,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-});
-UIExplorerSettingSwitchRow = UIExplorerStatePersister.createContainer(UIExplorerSettingSwitchRow, {
-  cacheKeySuffix: ({label}) => 'Switch:' + label,
-  getInitialState: ({initialValue}) => initialValue,
-});
-module.exports = UIExplorerSettingSwitchRow;