'use strict'; import React from 'react'; import CollapsibleMixin from 'react-bootstrap/lib/CollapsibleMixin'; import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger'; import Tooltip from 'react-bootstrap/lib/Tooltip'; import classNames from 'classnames'; let PropertyCollapsile = React.createClass({ propTypes: { children: React.PropTypes.arrayOf(React.PropTypes.element), checkboxLabel: React.PropTypes.string, tooltip: React.PropTypes.string }, mixins: [CollapsibleMixin], getInitialState() { return { show: false }; }, getCollapsibleDOMNode(){ return React.findDOMNode(this.refs.panel); }, getCollapsibleDimensionValue(){ return React.findDOMNode(this.refs.panel).scrollHeight; }, handleFocus() { this.refs.checkboxCollapsible.getDOMNode().checked = !this.refs.checkboxCollapsible.getDOMNode().checked; this.setState({ show: this.refs.checkboxCollapsible.getDOMNode().checked }); }, renderChildren() { if(this.state.show) { return (