text: /**
   * Copyright 2013 Facebook, Inc.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   * http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   *
   * @providesModule ReactDOMForm
   */
  
  "use strict";
  
  var ReactCompositeComponent = require('ReactCompositeComponent');
  var ReactDOM = require('ReactDOM');
  var ReactEventEmitter = require('ReactEventEmitter');
  var EventConstants = require('EventConstants');
  
  // Store a reference to the <form> `ReactDOMComponent`.
  var form = ReactDOM.form;
  
  /**
   * Since onSubmit doesn't bubble OR capture on the top level in IE8, we need
   * to capture it on the <form> element itself. There are lots of hacks we could
   * do to accomplish this, but the most reliable is to make <form> a
   * composite component and use `componentDidMount` to attach the event handlers.
   */
  var ReactDOMForm = ReactCompositeComponent.createClass({
    render: function() {
      // TODO: Instead of using `ReactDOM` directly, we should use JSX. However,
      // `jshint` fails to parse JSX so in order for linting to work in the open
      // source repo, we need to just use `ReactDOM.form`.
      return this.transferPropsTo(form(null, this.props.children));
    },
  
    componentDidMount: function() {
      ReactEventEmitter.trapBubbledEvent(
        EventConstants.topLevelTypes.topSubmit,
        'submit',
        this.getDOMNode()
      );
    }
  });
  
  module.exports = ReactDOMForm;
  