react-bootstrap-dropdown/lib/DropdownButton.js

It's a bootstrap dropdown for react.js

"use strict";

var _interopRequire = function (obj) { return obj && obj.__esModule ? obj["default"] : obj; };

var _createClass = (function () { function defineProperties(target, props) { for (var key in props) { var prop = props[key]; prop.configurable = true; if (prop.value) prop.writable = true; } Object.defineProperties(target, props); } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();

var _get = function get(object, property, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc && desc.writable) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };

var _inherits = function (subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; };

var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } };

var React = _interopRequire(require("react"));

var classSet = _interopRequire(require("classnames"));

var DropDownButton = (function (_React$Component) {
	function DropDownButton() {
		_classCallCheck(this, DropDownButton);

		_get(Object.getPrototypeOf(DropDownButton.prototype), "constructor", this).call(this);

		this.state = {
			opened: false
		};
	}

	_inherits(DropDownButton, _React$Component);

	_createClass(DropDownButton, {
		toggleOpen: {
			value: function toggleOpen() {
				// cant use ref in parent, need to use new version of react?
				this.props.toggleOpen();
				var state = this.state;
				state.opened = !state.opened;
				this.setState(state);
			}
		},
		render: {
			value: function render() {
				var classes = classSet("btn", "btn-default", "dropdown-toggle", {
					disabled: this.props.disabled
				});

				return React.createElement(
					"button",
					{ className: classes, type: "button", id: this.props.id,
						onClick: this.toggleOpen.bind(this),
						"aria-expanded": this.state.opened },
					this.props.children,
					React.createElement("span", { className: this.props.caretClass })
				);
			}
		}
	});

	return DropDownButton;
})(React.Component);

;

DropDownButton.propTypes = {
	caretClass: React.PropTypes.string.isRequired
};

module.exports = DropDownButton;