[reactnative] move .android.js files to oss

Libraries/Portal/Portal.js

@@ -0,0 +1,139 @@
+/**
+ * Copyright 2004-present Facebook. All Rights Reserved.
+ *
+ * @providesModule Portal
+ * @flow
+ */
+'use strict';
+
+var React = require('React');
+var StyleSheet = require('StyleSheet');
+var View = require('View');
+
+var _portalRef: any;
+
+// Unique identifiers for modals.
+var lastUsedTag = 0;
+
+/*
+ * A container that renders all the modals on top of everything else in the application.
+ *
+ * Portal makes it possible for application code to pass modal views all the way up to
+ * the root element created in `renderApplication`.
+ *
+ * Never use `<Portal>` in your code. There is only one Portal instance rendered
+ * by the top-level `renderApplication`.
+ */
+var Portal = React.createClass({
+  statics: {
+    /**
+     * Use this to create a new unique tag for your component that renders
+     * modals. A good place to allocate a tag is in `componentWillMount`
+     * of your component.
+     * See `showModal` and `closeModal`.
+     */
+    allocateTag: function(): string {
+      return '__modal_' + (++lastUsedTag);
+    },
+
+    /**
+     * Render a new modal.
+     * @param tag A unique tag identifying the React component to render.
+     * This tag can be later used in `closeModal`.
+     * @param component A React component to be rendered.
+     */
+    showModal: function(tag: string, component: any) {
+      if (!_portalRef) {
+        console.error('Calling showModal but no Portal has been rendered.');
+        return;
+      }
+      _portalRef._showModal(tag, component);
+    },
+
+    /**
+     * Remove a modal from the collection of modals to be rendered.
+     * @param tag A unique tag identifying the React component to remove.
+     * Must exactly match the tag previously passed to `showModal`.
+     */
+    closeModal: function(tag: string) {
+      if (!_portalRef) {
+        console.error('Calling closeModal but no Portal has been rendered.');
+        return;
+      }
+      _portalRef._closeModal(tag);
+    },
+
+    /**
+     * Get an array of all the open modals, as identified by their tag string.
+     */
+    getOpenModals: function(): Array<string> {
+      if (!_portalRef) {
+        console.error('Calling getOpenModals but no Portal has been rendered.');
+        return [];
+      }
+      return _portalRef._getOpenModals();
+    }
+  },
+
+  getInitialState: function() {
+    return {modals: {}};
+  },
+
+  _showModal: function(tag: string, component: any) {
+    // This way state is chained through multiple calls to
+    // _showModal, _closeModal correctly.
+    this.setState((state) => {
+      var modals = state.modals;
+      modals[tag] = component;
+      return {modals};
+    });
+  },
+
+  _closeModal: function(tag: string) {
+    if (!this.state.modals.hasOwnProperty(tag)) {
+      return;
+    }
+    // This way state is chained through multiple calls to
+    // _showModal, _closeModal correctly.
+    this.setState((state) => {
+      var modals = state.modals;
+      delete modals[tag];
+      return {modals};
+    });
+  },
+
+  _getOpenModals: function(): Array<string> {
+    return Object.keys(this.state.modals);
+  },
+
+  render: function() {
+    _portalRef = this;
+    if (!this.state.modals) {
+      return null;
+    }
+    var modals = [];
+    for (var tag in this.state.modals) {
+      modals.push(this.state.modals[tag]);
+    }
+    if (modals.length === 0) {
+      return null;
+    }
+    return (
+      <View style={styles.modalsContainer}>
+        {modals}
+      </View>
+    );
+  }
+});
+
+var styles = StyleSheet.create({
+  modalsContainer: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+  },
+});
+
+module.exports = Portal;