react-bootstrap/amd/transpiled/CollapsePanel.js

Bootstrap 3 components build with React

define(
  ["./react-es6","./react-es6/lib/cx","./BootstrapMixin","exports"],
  function(__dependency1__, __dependency2__, __dependency3__, __exports__) {
    "use strict";
    /** @jsx React.DOM */

    var React = __dependency1__["default"];
    var classSet = __dependency2__["default"];
    var BootstrapMixin = __dependency3__["default"];

    var CollapsePanel  = React.createClass({displayName: 'CollapsePanel',
      mixins: [BootstrapMixin],

      getDefaultProps: function () {
        return {
          bsClass: 'panel',
          headingClass: React.DOM.h4,
          isStateful: true
        }
      },

      getInitialState: function () {
        return {
          isOpen: this.props.isOpen
        }
      },

      handleClick: function (e) {
        e.preventDefault();

        if (this.props.isStateful) {
          this.setState({
            isOpen: !this.state.isOpen
          });
        }

        if (typeof this.props.onClick === 'function') {
          this.props.onClick(e);
        }
      },

      render: function () {
        var HeadingClass = this.props.headingClass;

        var isOpen = (this.props.isStateful) ?
          this.state.isOpen : this.props.isOpen;

        var panelClassName = classSet(this.getBsClassSet());

        var anchorClassName = classSet({
          "collapsed": !isOpen
        });

        var collapseClassName = classSet({
          "panel-collapse": true,
          "in": isOpen,
          "collapse": !isOpen
        });

        return this.transferPropsTo(
          React.DOM.div( {className:panelClassName}, 
            React.DOM.div( {className:"panel-heading"}, 
              HeadingClass(
                {className:"panel-title"}, 
                React.DOM.a(
                  {href:this.props.id ? '#' + this.props.id : '#',
                  className:anchorClassName,
                  onClick:this.handleClick}, 
                  this.props.headingChildren
                )
              )
            ),
            React.DOM.div( {className:collapseClassName, id:this.props.id}, 
              React.DOM.div( {className:"panel-body"}, 
                this.props.children
              )
            )
          )
        );
      }
    });

    __exports__["default"] = CollapsePanel;
  });