New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

rsuite

Package Overview
Dependencies
Maintainers
2
Versions
406
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rsuite - npm Package Compare versions

Comparing version 2.0.0-alpha-4 to 2.0.0-alpha-5

lib/Anchor.js
lib/fixtures/BaseModal.js
lib/fixtures/BaseOverlay.js
lib/fixtures/Collapse.js
lib/fixtures/Fade.js
lib/fixtures/ModalManager.js
lib/fixtures/Overlay.js
lib/fixtures/Portal.js
lib/fixtures/Position.js
lib/fixtures/RootCloseWrapper.js
lib/fixtures/Transition.js
lib/mixins/ClassNameMixin.js
lib/mixins/FormControlMixin.js
lib/mixins/ValidatorMixin.js
lib/prop-types/createChainableTypeChecker.js
lib/prop-types/deprecated.js
lib/prop-types/elementType.js
lib/prop-types/mountable.js
lib/TextList.js
lib/utils/animationFrame.js
lib/utils/inArray.js
lib/utils/keycode.js
lib/utils/overlayPositionUtils.js
lib/utils/stringFormatter.js
lib/utils/transitionProperties.js

50

lib/Breadcrumb.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -28,37 +26,23 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Breadcrumb = _react2.default.createClass({
displayName: 'Breadcrumb',
render: function render() {
var _props = this.props,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'children']);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Breadcrumb = function (_React$Component) {
_inherits(Breadcrumb, _React$Component);
function Breadcrumb() {
_classCallCheck(this, Breadcrumb);
return _possibleConstructorReturn(this, (Breadcrumb.__proto__ || Object.getPrototypeOf(Breadcrumb)).apply(this, arguments));
}
_createClass(Breadcrumb, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
props = _objectWithoutProperties(_props, ['className']);
return _react2.default.createElement('ol', _extends({}, props, {
role: 'navigation',
'aria-label': 'breadcrumbs',
className: (0, _classnames2.default)('breadcrumb', className)
}));
return _react2.default.createElement(
'ol',
_extends({}, props, {
role: 'navigation',
'aria-label': 'breadcrumbs',
className: (0, _classnames2.default)('breadcrumb', className) }),
children
);
}
}]);
});
return Breadcrumb;
}(_react2.default.Component);
Breadcrumb.Item = _BreadcrumbItem2.default;
exports.default = Breadcrumb;

116

lib/BreadcrumbItem.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');

@@ -15,6 +11,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react = require('react');

@@ -24,9 +16,9 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _Anchor = require('./Anchor');
var _elementType2 = _interopRequireDefault(_elementType);
var _Anchor2 = _interopRequireDefault(_Anchor);
var _SafeAnchor = require('./SafeAnchor');
var _elementType = require('./prop-types/elementType');
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _elementType2 = _interopRequireDefault(_elementType);

@@ -37,68 +29,52 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var BreadcrumbItem = _react2.default.createClass({
displayName: 'BreadcrumbItem',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
active: _react2.default.PropTypes.bool,
componentClass: _elementType2.default
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getDefaultProps: function getDefaultProps() {
return {
active: false
};
},
renderItem: function renderItem() {
var _props = this.props,
componentClass = _props.componentClass,
children = _props.children,
active = _props.active,
props = _objectWithoutProperties(_props, ['componentClass', 'children', 'active']);
var propTypes = {
active: _propTypes2.default.bool,
componentClass: _elementType2.default,
style: _propTypes2.default.object,
href: _propTypes2.default.string,
title: _propTypes2.default.node,
target: _propTypes2.default.string
};
var Component = componentClass || _Anchor2.default;
var defaultProps = {
componentClass: null,
href: null,
title: null,
target: null,
style: null,
active: false
};
if (active) {
return _react2.default.createElement(
'span',
props,
children
);
}
var BreadcrumbItem = function (_React$Component) {
_inherits(BreadcrumbItem, _React$Component);
return _react2.default.createElement(
Component,
props,
children
);
},
render: function render() {
var _props2 = this.props,
active = _props2.active,
className = _props2.className;
function BreadcrumbItem() {
_classCallCheck(this, BreadcrumbItem);
return _possibleConstructorReturn(this, (BreadcrumbItem.__proto__ || Object.getPrototypeOf(BreadcrumbItem)).apply(this, arguments));
}
_createClass(BreadcrumbItem, [{
key: 'render',
value: function render() {
var _props = this.props,
componentClass = _props.componentClass,
href = _props.href,
title = _props.title,
target = _props.target,
className = _props.className,
style = _props.style,
active = _props.active,
props = _objectWithoutProperties(_props, ['componentClass', 'href', 'title', 'target', 'className', 'style', 'active']);
var Component = componentClass || _SafeAnchor2.default;
var linkProps = { href: href, title: title, target: target };
return _react2.default.createElement(
'li',
{
style: style,
className: (0, _classnames2.default)(className, { active: active })
},
active ? _react2.default.createElement('span', props) : _react2.default.createElement(Component, _extends({}, props, linkProps))
);
return _react2.default.createElement(
'li',
{ className: (0, _classnames2.default)(className, { active: active }) },
this.renderItem()
);
}
}]);
});
return BreadcrumbItem;
}(_react2.default.Component);
BreadcrumbItem.propTypes = propTypes;
BreadcrumbItem.defaultProps = defaultProps;
exports.default = BreadcrumbItem;

183

lib/Button.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,10 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _classnames = require('classnames');

@@ -29,127 +19,78 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _elementType2 = _interopRequireDefault(_elementType);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _SafeAnchor = require('./SafeAnchor');
var _Anchor = require('./Anchor');
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _Anchor2 = _interopRequireDefault(_Anchor);
var _decorate = require('./utils/decorate');
var _elementType = require('./prop-types/elementType');
var _decorate2 = _interopRequireDefault(_decorate);
var _elementType2 = _interopRequireDefault(_elementType);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var Button = _react2.default.createClass({
displayName: 'Button',
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
mixins: [_ClassNameMixin2.default],
propTypes: {
active: _react2.default.PropTypes.bool,
disabled: _react2.default.PropTypes.bool,
block: _react2.default.PropTypes.bool,
href: _react2.default.PropTypes.string,
target: _react2.default.PropTypes.string,
componentClass: _elementType2.default,
classPrefix: _react2.default.PropTypes.string,
type: _react2.default.PropTypes.oneOf(['button', 'reset', 'submit'])
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'btn',
active: false,
type: 'button',
disabled: false,
block: false
};
},
renderAnchor: function renderAnchor(classes) {
var Component = this.props.componentClass || _Anchor2.default;
var href = this.props.href || '#';
var propTypes = {
active: _propTypes2.default.bool,
disabled: _propTypes2.default.bool,
block: _propTypes2.default.bool,
href: _propTypes2.default.string,
type: _propTypes2.default.oneOf(['button', 'reset', 'submit']),
componentClass: _elementType2.default,
prefixClass: _propTypes2.default.string
};
return _react2.default.createElement(
Component,
_extends({}, this.props, {
href: href,
className: classes,
role: 'button' }),
this.props.children
);
},
renderButton: function renderButton(classes) {
var Component = this.props.componentClass || 'button';
return _react2.default.createElement(
Component,
_extends({}, this.props, {
className: classes
}),
this.props.children
);
},
render: function render() {
var classes = _classnames2.default.apply(undefined, [_defineProperty({
btn: true,
active: this.props.active,
disabled: this.props.disabled
}, this.prefix('block'), this.props.block)].concat(_toConsumableArray(this.getClassNames()), [this.props.className]));
var defaultProps = {
prefixClass: 'btn',
href: null,
componentClass: 'button',
active: false,
type: 'button',
disabled: false,
block: false,
shape: 'default'
};
var Button = function (_React$Component) {
_inherits(Button, _React$Component);
function Button() {
_classCallCheck(this, Button);
return _possibleConstructorReturn(this, (Button.__proto__ || Object.getPrototypeOf(Button)).apply(this, arguments));
}
_createClass(Button, [{
key: 'getClassNames',
value: function getClassNames() {
var _props = this.props,
active = _props.active,
disabled = _props.disabled,
block = _props.block,
className = _props.className,
prefixClass = _props.prefixClass;
return (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(this.props), _defineProperty({
active: active,
disabled: disabled
}, prefixClass + '-block', block)), className);
var renderName = this.props.href || this.props.target ? 'renderAnchor' : 'renderButton';
return this[renderName](classes);
}
}, {
key: 'renderAnchor',
value: function renderAnchor() {
var _props2 = this.props,
componentClass = _props2.componentClass,
prefixClass = _props2.prefixClass,
active = _props2.active,
block = _props2.block,
elementProps = _objectWithoutProperties(_props2, ['componentClass', 'prefixClass', 'active', 'block']);
});
return _react2.default.createElement(_SafeAnchor2.default, _extends({}, elementProps, {
className: this.getClassNames()
}));
}
}, {
key: 'renderButton',
value: function renderButton() {
var _props3 = this.props,
componentClass = _props3.componentClass,
prefixClass = _props3.prefixClass,
active = _props3.active,
block = _props3.block,
elementProps = _objectWithoutProperties(_props3, ['componentClass', 'prefixClass', 'active', 'block']);
var Component = componentClass || 'button';
return _react2.default.createElement(Component, _extends({}, elementProps, {
className: this.getClassNames()
}));
}
}, {
key: 'render',
value: function render() {
if (this.props.href) {
return this.renderAnchor();
}
return this.renderButton();
}
}]);
return Button;
}(_react2.default.Component);
Button.propTypes = propTypes;
Button.defaultProps = defaultProps;
exports.default = (0, _decorate2.default)({
size: true,
shape: {
oneOf: [].concat(_toConsumableArray(_lodash2.default.values(_decorate.STATE)), _toConsumableArray(_lodash2.default.values(_decorate.STYLES))),
default: _decorate.STATE.default
}
})(Button);
exports.default = Button;

141

lib/ButtonGroup.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,4 @@

var _propTypes = require('prop-types');
var _reactDom = require('react-dom');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,6 +21,10 @@

var _decorate = require('./utils/decorate');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _decorate2 = _interopRequireDefault(_decorate);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _createChainedFunction = require('./utils/createChainedFunction');
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -34,68 +34,79 @@

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var ButtonGroup = _react2.default.createClass({
displayName: 'ButtonGroup',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
type: _react2.default.PropTypes.oneOf(['radio', 'checkbox']),
classPrefix: _react2.default.PropTypes.string,
vertical: _react2.default.PropTypes.bool,
justified: _react2.default.PropTypes.bool,
block: _react2.default.PropTypes.bool,
onSelect: _react2.default.PropTypes.func,
onClick: _react2.default.PropTypes.func
},
getDefaultProps: function getDefaultProps() {
return {
block: false,
justified: false,
vertical: false,
classPrefix: 'btn-group'
};
},
handleClick: function handleClick(index) {
var _props = this.props,
type = _props.type,
onSelect = _props.onSelect;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var activeButton = this.refs['btn_' + index];
var propTypes = {
prefixClass: _propTypes2.default.string,
vertical: _propTypes2.default.bool,
justified: _propTypes2.default.bool,
block: _propTypes2.default.bool
};
if (type === 'checkbox') {
activeButton.toggleClass('active');
onSelect && onSelect(activeButton);
} else if (type === 'radio') {
for (var key in this.refs) {
var toggle = this.refs[key] === activeButton ? 'addClass' : 'removeClass';
this.refs[key][toggle]('active');
}
onSelect && onSelect(activeButton);
}
},
render: function render() {
var _ref,
_this = this;
var defaultProps = {
block: false,
justified: false,
vertical: false,
prefixClass: 'btn-group',
shape: 'default'
};
var _props2 = this.props,
children = _props2.children,
className = _props2.className,
vertical = _props2.vertical,
block = _props2.block,
justified = _props2.justified;
var ButtonGroup = function (_React$Component) {
_inherits(ButtonGroup, _React$Component);
var classes = _classnames2.default.apply(undefined, [(_ref = {
'btn-group': true,
'btn-block': block
}, _defineProperty(_ref, this.prefix('vertical'), vertical), _defineProperty(_ref, this.prefix('justified'), justified), _ref)].concat(_toConsumableArray(this.getClassNames()), [className]));
function ButtonGroup() {
_classCallCheck(this, ButtonGroup);
var items = _react2.default.Children.map(children, function (item, index) {
return _react2.default.cloneElement(item, {
key: index,
ref: 'btn_' + index,
onClick: (0, _createChainedFunction2.default)(function () {
return _this.handleClick(index);
}, item.props.onClick)
}, item.props.children);
});
return _possibleConstructorReturn(this, (ButtonGroup.__proto__ || Object.getPrototypeOf(ButtonGroup)).apply(this, arguments));
}
_createClass(ButtonGroup, [{
key: 'render',
value: function render() {
var _extends2;
var _props = this.props,
className = _props.className,
vertical = _props.vertical,
block = _props.block,
justified = _props.justified,
prefixClass = _props.prefixClass,
props = _objectWithoutProperties(_props, ['className', 'vertical', 'block', 'justified', 'prefixClass']);
var classes = (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(this.props), (_extends2 = {
'btn-block': block
}, _defineProperty(_extends2, prefixClass + '-vertical', vertical), _defineProperty(_extends2, prefixClass + '-justified', justified), _extends2)), className);
return _react2.default.createElement('div', _extends({
role: 'group'
}, props, {
className: classes
}));
return _react2.default.createElement(
'div',
_extends({}, this.props, {
className: classes
}),
items
);
}
}]);
});
return ButtonGroup;
}(_react2.default.Component);
ButtonGroup.propTypes = propTypes;
ButtonGroup.defaultProps = defaultProps;
ButtonGroup.displayName = 'ButtonGroup';
exports.default = (0, _decorate2.default)({
size: true
})(ButtonGroup);
exports.default = ButtonGroup;

52

lib/ButtonToolbar.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -24,35 +22,25 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var ButtonToolbar = _react2.default.createClass({
displayName: 'ButtonToolbar',
render: function render() {
var _props = this.props,
children = _props.children,
className = _props.className,
props = _objectWithoutProperties(_props, ['children', 'className']);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var classes = (0, _classnames2.default)({
'btn-toolbar': true
}, className);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var ButtonToolbar = function (_React$Component) {
_inherits(ButtonToolbar, _React$Component);
function ButtonToolbar() {
_classCallCheck(this, ButtonToolbar);
return _possibleConstructorReturn(this, (ButtonToolbar.__proto__ || Object.getPrototypeOf(ButtonToolbar)).apply(this, arguments));
}
_createClass(ButtonToolbar, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
props = _objectWithoutProperties(_props, ['className']);
var classes = (0, _classnames2.default)('btn-toolbar', className);
return _react2.default.createElement('div', _extends({
role: 'toolbar',
className: classes
}, props));
return _react2.default.createElement(
'div',
_extends({
role: 'toolbar',
className: classes
}, props),
children
);
}
}]);
});
return ButtonToolbar;
}(_react2.default.Component);
exports.default = ButtonToolbar;

209

lib/Checkbox.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');

@@ -20,6 +18,10 @@

var _propTypes = require('prop-types');
var _createChainedFunction = require('./utils/createChainedFunction');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _FormControlMixin = require('./mixins/FormControlMixin.js');
var _FormControlMixin2 = _interopRequireDefault(_FormControlMixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -29,127 +31,104 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Checkbox = _react2.default.createClass({
displayName: 'Checkbox',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_FormControlMixin2.default],
propTypes: {
id: _react2.default.PropTypes.string,
name: _react2.default.PropTypes.string,
inline: _react2.default.PropTypes.bool,
title: _react2.default.PropTypes.string,
disabled: _react2.default.PropTypes.bool,
checked: _react2.default.PropTypes.bool,
onChange: _react2.default.PropTypes.func,
value: _react2.default.PropTypes.any
},
contextTypes: {
formGroup: _react2.default.PropTypes.object
},
getInitialState: function getInitialState() {
return {
checked: this.props.checked
};
},
getFormGroup: function getFormGroup() {
return this.context.formGroup || {};
},
handleChange: function handleChange(event) {
if (this.props.disabled) {
return;
}
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var checked = !this.state.checked;
var propTypes = {
title: _propTypes2.default.string,
inline: _propTypes2.default.bool,
disabled: _propTypes2.default.bool,
checked: _propTypes2.default.bool,
defaultChecked: _propTypes2.default.bool,
onChange: _propTypes2.default.func,
inputRef: _propTypes2.default.func,
value: _propTypes2.default.any
};
var value = checked ? this.props.value : '';
var onChange = this.props.onChange;
var Checkbox = function (_React$Component) {
_inherits(Checkbox, _React$Component);
var _getFormGroup = this.getFormGroup(),
onFormGroupChange = _getFormGroup.onChange;
function Checkbox(props) {
_classCallCheck(this, Checkbox);
var _this = _possibleConstructorReturn(this, (Checkbox.__proto__ || Object.getPrototypeOf(Checkbox)).call(this, props));
_this.state = {
checked: props.checked || props.defaultChecked
};
_this.handleChange = _this.handleChange.bind(_this);
return _this;
}
_createClass(Checkbox, [{
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
if (nextProps.checked !== this.props.checked) {
this.setState({
checked: nextProps.checked
checked: checked
}, function () {
onChange && onChange(value);
onFormGroupChange && onFormGroupChange(value);
});
}
}
}, {
key: 'handleChange',
value: function handleChange(event) {
var _props = this.props,
onChange = _props.onChange,
disabled = _props.disabled,
value = _props.value;
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
if (nextProps.checked !== this.props.checked) {
this.setState({
checked: nextProps.checked
});
}
},
render: function render() {
var _props = this.props,
inline = _props.inline,
title = _props.title,
name = _props.name,
disabled = _props.disabled,
className = _props.className,
children = _props.children,
onChange = _props.onChange,
value = _props.value,
props = _objectWithoutProperties(_props, ['inline', 'title', 'name', 'disabled', 'className', 'children', 'onChange', 'value']);
var target = event.target;
var checked = !this.state.checked;
var checked = this.state.checked;
if (disabled) {
return;
}
var classes = (0, _classnames2.default)({
'checkbox-inline': inline
}, className);
this.setState({
checked: checked
}, function () {
onChange && onChange(value ? target.value : checked, event);
});
}
}, {
key: 'render',
value: function render() {
var _props2 = this.props,
inline = _props2.inline,
disabled = _props2.disabled,
className = _props2.className,
onChange = _props2.onChange,
children = _props2.children,
title = _props2.title,
inputRef = _props2.inputRef,
style = _props2.style,
props = _objectWithoutProperties(_props2, ['inline', 'disabled', 'className', 'onChange', 'children', 'title', 'inputRef', 'style']);
var checkboxClasses = (0, _classnames2.default)({
'checker': true,
'disabled': disabled
});
var checked = this.state.checked;
var input = _react2.default.createElement(
'span',
{ className: (0, _classnames2.default)({ 'checked': checked }) },
_react2.default.createElement('input', {
type: 'checkbox',
name: name,
checked: checked !== undefined ? checked : value,
value: value,
disabled: disabled,
onChange: this.handleChange,
defaultChecked: this.state.checked
})
);
var classes = (0, _classnames2.default)('checkbox', {
'checkbox-inline': inline
}, className);
var checkboxClasses = (0, _classnames2.default)('checker', {
disabled: disabled
});
var input = _react2.default.createElement(
'span',
{ className: (0, _classnames2.default)('checkbox-wrapper', { checked: checked }) },
_react2.default.createElement('input', _extends({}, props, {
type: 'checkbox',
ref: inputRef,
disabled: disabled,
onChange: this.handleChange
}))
);
return _react2.default.createElement(
'div',
{
className: classes,
style: style
},
_react2.default.createElement(
'div',
{
className: checkboxClasses,
role: 'button'
},
_react2.default.createElement(
return _react2.default.createElement(
'label',
{ title: title },
input,
children
)
)
);
_extends({ className: classes }, props),
_react2.default.createElement(
'div',
{ className: checkboxClasses, role: 'checkbox' },
input
),
title || children
);
}
}]);
});
return Checkbox;
}(_react2.default.Component);
Checkbox.propTypes = propTypes;
exports.default = Checkbox;

165

lib/CheckboxGroup.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -15,10 +11,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _classnames = require('classnames');

@@ -28,103 +16,82 @@

var _ReactChildren = require('./utils/ReactChildren');
var _Checkbox = require('./Checkbox');
var _ReactChildren2 = _interopRequireDefault(_ReactChildren);
var _Checkbox2 = _interopRequireDefault(_Checkbox);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var CheckboxGroup = _react2.default.createClass({
displayName: 'CheckboxGroup',
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
propTypes: {
name: _react2.default.PropTypes.string,
inline: _react2.default.PropTypes.bool,
value: _react2.default.PropTypes.array,
defaultValue: _react2.default.PropTypes.array,
onChange: _react2.default.PropTypes.func
},
contextTypes: {
formGroup: _react2.default.PropTypes.object
},
getFormGroup: function getFormGroup() {
return this.context.formGroup || {};
},
handleChange: function handleChange(checked) {
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var refs = this.refs;
var value = [];
var onChange = this.props.onChange;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var _getFormGroup = this.getFormGroup(),
onFormGroupChange = _getFormGroup.onChange;
var propTypes = {
name: _propTypes2.default.string,
inline: _propTypes2.default.bool,
value: _propTypes2.default.array,
defaultValue: _propTypes2.default.array,
onChange: _propTypes2.default.func
};
for (var key in refs) {
if (refs[key].state.checked) {
value.push(refs[key].props.value);
}
}
onChange && onChange(value);
onFormGroupChange && onFormGroupChange(value);
},
render: function render() {
var _this = this;
var CheckboxGroup = function (_React$Component) {
_inherits(CheckboxGroup, _React$Component);
var _props = this.props,
className = _props.className,
inline = _props.inline,
name = _props.name,
value = _props.value,
defaultValue = _props.defaultValue,
children = _props.children;
function CheckboxGroup(props) {
_classCallCheck(this, CheckboxGroup);
var _this = _possibleConstructorReturn(this, (CheckboxGroup.__proto__ || Object.getPrototypeOf(CheckboxGroup)).call(this, props));
var nextValue = Object.assign([], value, defaultValue);
var clesses = (0, _classnames2.default)({
'checkbox-list': true
}, className);
_this.handleChange = _this.handleChange.bind(_this);
_this.checkboxs = {};
_this.state = {
value: props.defaultValue
};
return _this;
}
var items = _react2.default.Children.map(children, function (child, index) {
return _react2.default.cloneElement(child, {
key: index,
ref: 'checkbox_' + index,
inline: inline,
checked: nextValue.some(function (i) {
return i === child.props.value;
}),
onChange: _this.handleChange,
name: name
}, child.props.children);
});
_createClass(CheckboxGroup, [{
key: 'handleChange',
value: function handleChange() {
var value = [];
var onChange = this.props.onChange;
_lodash2.default.values(this.checkboxs).forEach(function (checkbox) {
if (checkbox.state.checked) {
value.push(checkbox.props.value);
}
});
onChange && onChange(value);
return _react2.default.createElement(
'div',
{
className: clesses,
role: 'checkbox-list'
},
items
);
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
});
var _props = this.props,
className = _props.className,
inline = _props.inline,
name = _props.name,
value = _props.value,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'inline', 'name', 'value', 'children']);
var nextValue = Object.assign([], value, this.state.value);
var clesses = (0, _classnames2.default)({
'checkbox-list': true
}, className);
var items = _ReactChildren2.default.mapCloneElement(children, function (child, index) {
return {
name: name,
inline: inline,
ref: function ref(_ref) {
_this2.checkboxs[index] = _ref;
},
checked: nextValue.some(function (i) {
return i === child.props.value;
}),
onChange: _this2.handleChange
};
});
return _react2.default.createElement(
'div',
_extends({}, props, {
className: clesses,
role: 'group'
}),
items
);
}
}]);
return CheckboxGroup;
}(_react2.default.Component);
CheckboxGroup.propTypes = propTypes;
exports.default = CheckboxGroup;

168

lib/Col.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,124 +19,80 @@

var _lodash = require('lodash');
var _elementType = require('./prop-types/elementType');
var _lodash2 = _interopRequireDefault(_lodash);
var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType2 = _interopRequireDefault(_elementType);
var _decorate = require('./utils/decorate');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var SIZES = ['xs', 'sm', 'md', 'lg'];
var NUMBERS = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Col = _react2.default.createClass({
displayName: 'Col',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
//class-prefix `col-xs-` `col-sm-` `col-md-` `col-lg-`
xs: _react2.default.PropTypes.oneOf(NUMBERS),
sm: _react2.default.PropTypes.oneOf(NUMBERS),
md: _react2.default.PropTypes.oneOf(NUMBERS),
lg: _react2.default.PropTypes.oneOf(NUMBERS),
/*eslint-disable */
//class-prefix `col-xs-offset-` `col-sm-offset-` `col-md-offset-` `col-lg-offset-`
xsOffset: _react2.default.PropTypes.oneOf(NUMBERS),
smOffset: _react2.default.PropTypes.oneOf(NUMBERS),
mdOffset: _react2.default.PropTypes.oneOf(NUMBERS),
lgOffset: _react2.default.PropTypes.oneOf(NUMBERS),
var propTypes = {
/**
* class-prefix `col-xs-` `col-sm-` `col-md-` `col-lg-`
*/
xs: _propTypes2.default.number,
sm: _propTypes2.default.number,
md: _propTypes2.default.number,
lg: _propTypes2.default.number,
//class-prefix `col-xs-push-` `col-sm-push-` `col-md-push-` `col-lg-push-`
xsPush: _react2.default.PropTypes.oneOf(NUMBERS),
smPush: _react2.default.PropTypes.oneOf(NUMBERS),
mdPush: _react2.default.PropTypes.oneOf(NUMBERS),
lgPush: _react2.default.PropTypes.oneOf(NUMBERS),
/**
* class-prefix `col-xs-offset-` `col-sm-offset-` `col-md-offset-` `col-lg-offset-`
*/
xsOffset: _propTypes2.default.number,
smOffset: _propTypes2.default.number,
mdOffset: _propTypes2.default.number,
lgOffset: _propTypes2.default.number,
//class-prefix `col-xs-pull-` `col-sm-pull-` `col-md-pull-` `col-lg-pull-`
xsPull: _react2.default.PropTypes.oneOf(NUMBERS),
smPull: _react2.default.PropTypes.oneOf(NUMBERS),
mdPull: _react2.default.PropTypes.oneOf(NUMBERS),
lgPull: _react2.default.PropTypes.oneOf(NUMBERS),
/**
* class-prefix `col-xs-push-` `col-sm-push-` `col-md-push-` `col-lg-push-`
*/
xsPush: _propTypes2.default.number,
smPush: _propTypes2.default.number,
mdPush: _propTypes2.default.number,
lgPush: _propTypes2.default.number,
//adds class `hidden-xs` `hidden-sm` `hidden-md` `hidden-lg`
xsHidden: _react2.default.PropTypes.bool,
smHidden: _react2.default.PropTypes.bool,
mdHidden: _react2.default.PropTypes.bool,
lgHidden: _react2.default.PropTypes.bool,
/**
* class-prefix `col-xs-pull-` `col-sm-pull-` `col-md-pull-` `col-lg-pull-`
*/
xsPull: _propTypes2.default.number,
smPull: _propTypes2.default.number,
mdPull: _propTypes2.default.number,
lgPull: _propTypes2.default.number,
componentClass: _elementType2.default
},
/**
* adds class `hidden-xs` `hidden-sm` `hidden-md` `hidden-lg`
*/
xsHidden: _propTypes2.default.bool,
smHidden: _propTypes2.default.bool,
mdHidden: _propTypes2.default.bool,
lgHidden: _propTypes2.default.bool,
getDefaultProps: function getDefaultProps() {
return {
componentClass: 'div'
};
},
render: function render() {
var _this = this;
componentClass: _elementType2.default
};
var Component = this.props.componentClass;
var classes = {};
var defaultProps = {
componentClass: 'div'
};
SIZES.map(function (size) {
var offset = _this.props[size + 'Offset'];
var push = _this.props[size + 'Push'];
var pull = _this.props[size + 'Pull'];
var Col = function (_React$Component) {
_inherits(Col, _React$Component);
classes['hidden-' + size] = _this.props[size + 'Hidden'];
classes['col-' + size + '-' + _this.props[size]] = _this.props[size] > 0;
classes['col-' + size + '-offset-' + offset] = offset >= 0;
classes['col-' + size + '-push-' + push] = push >= 0;
classes['col-' + size + '-pull-' + pull] = pull >= 0;
});
function Col() {
_classCallCheck(this, Col);
return _possibleConstructorReturn(this, (Col.__proto__ || Object.getPrototypeOf(Col)).apply(this, arguments));
}
_createClass(Col, [{
key: 'render',
value: function render() {
var _props = this.props,
Component = _props.componentClass,
className = _props.className,
props = _objectWithoutProperties(_props, ['componentClass', 'className']);
var classes = {};
var elementProps = props;
function getPropValue(key) {
var value = elementProps[key];
delete elementProps[key];
return value;
}
_lodash2.default.values(_decorate.SIZES).forEach(function (size) {
var col = getPropValue(size);
var hidden = getPropValue(size + 'Hidden');
var offset = getPropValue(size + 'Offset');
var push = getPropValue(size + 'Push');
var pull = getPropValue(size + 'Pull');
classes['hidden-' + size] = hidden;
classes['col-' + size + '-' + col] = col >= 0;
classes['col-' + size + '-offset-' + offset] = offset >= 0;
classes['col-' + size + '-push-' + push] = push >= 0;
classes['col-' + size + '-pull-' + pull] = pull >= 0;
});
return _react2.default.createElement(Component, _extends({}, elementProps, {
className: (0, _classnames2.default)(className, classes)
}));
return _react2.default.createElement(
Component,
_extends({}, this.props, { className: (0, _classnames2.default)(this.props.className, classes) }),
this.props.children
);
}
}]);
});
return Col;
}(_react2.default.Component);
Col.propTypes = propTypes;
Col.defaultProps = defaultProps;
exports.default = Col;

69

lib/Container.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -29,46 +23,29 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Container = _react2.default.createClass({
displayName: 'Container',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
page: _react2.default.PropTypes.bool
},
childContextTypes: {
page: _react2.default.PropTypes.bool
},
getChildContext: function getChildContext() {
return {
page: true
};
},
render: function render() {
var _props = this.props,
className = _props.className,
page = _props.page,
props = _objectWithoutProperties(_props, ['className', 'page']);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var activeClass = page ? 'page-container' : 'container';
var classes = (0, _classnames2.default)(activeClass, className);
var propTypes = {
page: _propTypes2.default.bool
};
var defaultProps = {
page: false
};
var Container = function (_React$Component) {
_inherits(Container, _React$Component);
function Container() {
_classCallCheck(this, Container);
return _possibleConstructorReturn(this, (Container.__proto__ || Object.getPrototypeOf(Container)).apply(this, arguments));
}
_createClass(Container, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
page = _props.page,
props = _objectWithoutProperties(_props, ['className', 'page']);
var pagePrefix = page ? 'page-' : '';
var classes = (0, _classnames2.default)(pagePrefix + 'container', className);
return _react2.default.createElement('div', _extends({}, props, { className: classes }));
return _react2.default.createElement('div', _extends({}, props, { className: classes }));
}
}]);
});
return Container;
}(_react2.default.Component);
Container.propTypes = propTypes;
Container.defaultProps = defaultProps;
exports.default = Container;

79

lib/Content.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -29,57 +23,30 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Content = _react2.default.createClass({
displayName: 'Content',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
contextTypes: {
page: _react2.default.PropTypes.bool
},
render: function render() {
var _props = this.props,
className = _props.className,
props = _objectWithoutProperties(_props, ['className']);
var propTypes = {
page: _propTypes2.default.bool
};
var activeClass = this.context.page ? 'page-content' : 'content';
var wrapperClass = activeClass + '-wrapper';
var classes = (0, _classnames2.default)(activeClass, className);
var defaultProps = {
page: false
};
var Content = function (_React$Component) {
_inherits(Content, _React$Component);
function Content() {
_classCallCheck(this, Content);
return _possibleConstructorReturn(this, (Content.__proto__ || Object.getPrototypeOf(Content)).apply(this, arguments));
}
_createClass(Content, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
page = _props.page,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'page', 'children']);
var pagePrefix = page ? 'page-' : '';
var classes = (0, _classnames2.default)(pagePrefix + 'content-wrapper', className);
return _react2.default.createElement(
'div',
_extends({}, props, {
className: classes
}),
_react2.default.createElement(
'div',
{ className: pagePrefix + 'content' },
children
)
);
return _react2.default.createElement(
'div',
_extends({}, props, { className: wrapperClass }),
_react2.default.createElement(
'div',
{ className: classes },
this.props.children
)
);
}
}]);
});
return Content;
}(_react2.default.Component);
Content.propTypes = propTypes;
Content.defaultProps = defaultProps;
exports.default = Content;

96

lib/ControlLabel.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -29,62 +23,44 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var ControlLabel = _react2.default.createClass({
displayName: 'ControlLabel',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
htmlFor: _react2.default.PropTypes.string,
srOnly: _react2.default.PropTypes.bool
},
contextTypes: {
formGroup: _react2.default.PropTypes.object
},
getDefaultProps: function getDefaultProps() {
return {
srOnly: false
};
},
render: function render() {
var formGroup = this.context.formGroup;
var controlId = formGroup && formGroup.controlId;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var _props = this.props,
_props$htmlFor = _props.htmlFor,
htmlFor = _props$htmlFor === undefined ? controlId : _props$htmlFor,
srOnly = _props.srOnly,
className = _props.className,
props = _objectWithoutProperties(_props, ['htmlFor', 'srOnly', 'className']);
var propTypes = {
htmlFor: _propTypes2.default.string,
srOnly: _propTypes2.default.bool
};
if (htmlFor === null) {
throw new Error('`controlId` is ignored on `<ControlLabel>` when `htmlFor` is specified.');
}
var defaultProps = {
htmlFor: undefined,
srOnly: false
};
var classes = (0, _classnames2.default)({
'control-label': true,
'sr-only': srOnly
}, className);
var contextTypes = {
formGroup: _propTypes2.default.object
};
var ControlLabel = function (_React$Component) {
_inherits(ControlLabel, _React$Component);
function ControlLabel() {
_classCallCheck(this, ControlLabel);
return _possibleConstructorReturn(this, (ControlLabel.__proto__ || Object.getPrototypeOf(ControlLabel)).apply(this, arguments));
}
_createClass(ControlLabel, [{
key: 'render',
value: function render() {
var _context$formGroup = this.context.formGroup,
formGroup = _context$formGroup === undefined ? {} : _context$formGroup;
var _props = this.props,
_props$htmlFor = _props.htmlFor,
htmlFor = _props$htmlFor === undefined ? formGroup.controlId : _props$htmlFor,
srOnly = _props.srOnly,
className = _props.className,
props = _objectWithoutProperties(_props, ['htmlFor', 'srOnly', 'className']);
var classes = (0, _classnames2.default)({
'sr-only': srOnly
}, 'control-label', className);
return _react2.default.createElement('label', _extends({}, props, {
htmlFor: htmlFor,
className: classes
}));
return _react2.default.createElement('label', _extends({}, props, {
htmlFor: htmlFor,
className: classes
}));
}
}]);
});
return ControlLabel;
}(_react2.default.Component);
ControlLabel.propTypes = propTypes;
ControlLabel.defaultProps = defaultProps;
ControlLabel.contextTypes = contextTypes;
exports.default = ControlLabel;

379

lib/Dropdown.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -24,14 +22,6 @@

var _propTypes = require('prop-types');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _propTypes3 = require('rsuite-utils/lib/propTypes');
var _Overlay = require('rsuite-utils/lib/Overlay');
var _ReactChildren = require('./utils/ReactChildren');
var _ReactChildren2 = _interopRequireDefault(_ReactChildren);
var _ButtonGroup = require('./ButtonGroup');

@@ -53,242 +43,181 @@

var _decorate = require('./utils/decorate');
var _elementType = require('./prop-types/elementType');
var _decorate2 = _interopRequireDefault(_decorate);
var _elementType2 = _interopRequireDefault(_elementType);
var _RootCloseWrapper = require('./fixtures/RootCloseWrapper');
var _RootCloseWrapper2 = _interopRequireDefault(_RootCloseWrapper);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Dropdown = _react2.default.createClass({
displayName: 'Dropdown',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
active: _react2.default.PropTypes.bool,
disabled: _react2.default.PropTypes.bool,
block: _react2.default.PropTypes.bool,
dropup: _react2.default.PropTypes.bool,
role: _react2.default.PropTypes.string,
onClose: _react2.default.PropTypes.func,
onOpen: _react2.default.PropTypes.func,
onToggle: _react2.default.PropTypes.func,
onSelect: _react2.default.PropTypes.func,
componentClass: _elementType2.default,
/*
* If 'select' is true , title will be updated after the 'onSelect' trigger .
*/
select: _react2.default.PropTypes.bool,
activeKey: _react2.default.PropTypes.any,
bothEnds: _react2.default.PropTypes.bool,
menuStyle: _react2.default.PropTypes.object,
title: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.string, _react2.default.PropTypes.element]),
autoClose: _react2.default.PropTypes.bool
},
getDefaultProps: function getDefaultProps() {
return {
componentClass: _ButtonGroup2.default,
active: false,
disabled: false,
block: false,
autoClose: true
};
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getInitialState: function getInitialState() {
return {
title: null,
activeKey: this.props.activeKey,
open: false
};
},
toggle: function toggle(isOpen) {
var open = isOpen || !this.state.open;
var handleToggle = open ? this.props.onOpen : this.props.onClose;
var propTypes = {
disabled: _propTypes2.default.bool,
block: _propTypes2.default.bool,
dropup: _propTypes2.default.bool,
/*
* If 'select' is true , title will be updated after the 'onSelect' trigger .
*/
select: _propTypes2.default.bool,
bothEnds: _propTypes2.default.bool,
onClose: _propTypes2.default.func,
onOpen: _propTypes2.default.func,
onToggle: _propTypes2.default.func,
onSelect: _propTypes2.default.func,
componentClass: _propTypes3.elementType,
activeKey: _propTypes2.default.any,
menuStyle: _propTypes2.default.object,
title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
autoClose: _propTypes2.default.bool,
useAnchor: _propTypes2.default.bool
};
this.setState({
open: open
}, function () {
handleToggle && handleToggle();
});
var defaultProps = {
componentClass: _ButtonGroup2.default,
activeKey: null,
title: null,
menuStyle: null,
bothEnds: false,
dropup: false,
disabled: false,
select: false,
block: false,
autoClose: true,
useAnchor: false,
onClose: null,
onOpen: null,
onToggle: null,
onSelect: null
};
this.props.onToggle && this.props.onToggle();
},
handleClick: function handleClick() {
var Dropdown = function (_React$Component) {
_inherits(Dropdown, _React$Component);
if (this.props.disabled) {
return;
}
this.toggle();
},
handleSelect: function handleSelect(eventKey, props, event) {
function Dropdown(props) {
_classCallCheck(this, Dropdown);
this.props.select && this.setState({
title: props.children,
activeKey: props.eventKey
});
var _this = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, props));
this.props.onSelect && this.props.onSelect(eventKey, props, event);
},
update: function update(props) {
var _ref = props || this.props,
children = _ref.children,
select = _ref.select,
activeKey = _ref.activeKey;
_this.state = {
title: null,
activeKey: _this.props.activeKey,
open: false
};
_this.toggle = _this.toggle.bind(_this);
_this.handleClick = _this.handleClick.bind(_this);
_this.handleSelect = _this.handleSelect.bind(_this);
var state = {
activeKey: activeKey
};
return _this;
}
var title = void 0;
if (select) {
_react2.default.Children.map(children, function (item, index) {
if (activeKey === item.props.eventKey || _lodash2.default.isEqual(activeKey, item.props.eventKey)) {
title = item.props.children;
} else if (item.props.active) {
title = item.props.children;
}
});
_createClass(Dropdown, [{
key: 'componentWillMount',
value: function componentWillMount() {
this.update();
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
if (_lodash2.default.isEqual(nextProps, this.props)) {
title && (state.title = title);
}
this.setState(state);
},
componentWillMount: function componentWillMount() {
this.update();
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
this.update(nextProps);
}
}
}, {
key: 'toggle',
value: function toggle(isOpen) {
var _props = this.props,
onOpen = _props.onOpen,
onClose = _props.onClose,
onToggle = _props.onToggle;
},
render: function render() {
var _this = this;
var open = _lodash2.default.isUndefined(isOpen) ? !this.state.open : isOpen;
var handleToggle = open ? onOpen : onClose;
var _props = this.props,
autoClose = _props.autoClose,
title = _props.title,
children = _props.children,
className = _props.className,
activeKey = _props.activeKey,
dropup = _props.dropup,
bothEnds = _props.bothEnds,
menuStyle = _props.menuStyle,
Component = _props.componentClass,
props = _objectWithoutProperties(_props, ['autoClose', 'title', 'children', 'className', 'activeKey', 'dropup', 'bothEnds', 'menuStyle', 'componentClass']);
this.setState({ open: open }, function () {
handleToggle && handleToggle();
});
var Toggle = _react2.default.createElement(
_DropdownToggle2.default,
_extends({}, props, {
onClick: this.handleClick
}),
this.state.title || title
);
onToggle && onToggle();
}
}, {
key: 'update',
value: function update(props) {
var _ref = props || this.props,
children = _ref.children,
select = _ref.select,
activeKey = _ref.activeKey;
var Menu = _react2.default.createElement(
_DropdownMenu2.default,
{
onClose: function onClose() {
autoClose && _this.toggle();
},
onSelect: this.handleSelect,
activeKey: this.state.activeKey,
style: menuStyle,
ref: 'menu'
},
children
);
var title = void 0;
if (select) {
var activeItem = _ReactChildren2.default.find(children, function (item) {
return _lodash2.default.isEqual(activeKey, item.props.eventKey) || item.props.active;
});
if (activeItem) {
title = activeItem.props.children;
if (this.state.open) {
Menu = _react2.default.createElement(
_RootCloseWrapper2.default,
{ onRootClose: this.toggle },
Menu
);
}
}
this.setState({
activeKey: activeKey,
title: title
});
}
}, {
key: 'handleClick',
value: function handleClick() {
if (!this.props.disabled) {
this.toggle();
}
}
}, {
key: 'handleSelect',
value: function handleSelect(eventKey, props, event) {
var _props2 = this.props,
select = _props2.select,
onSelect = _props2.onSelect,
onClose = _props2.onClose,
autoClose = _props2.autoClose;
var classes = (0, _classnames2.default)({
'dropdown': !dropup,
'dropup': dropup,
'both-ends': bothEnds,
'open': this.state.open
}, className);
if (select) {
this.setState({
title: props.children,
activeKey: props.eventKey
});
}
onSelect && onSelect(eventKey, props, event);
if (autoClose) {
this.toggle(false);
onClose && onClose();
}
}
}, {
key: 'render',
value: function render() {
var _props3 = this.props,
title = _props3.title,
children = _props3.children,
className = _props3.className,
activeKey = _props3.activeKey,
dropup = _props3.dropup,
bothEnds = _props3.bothEnds,
menuStyle = _props3.menuStyle,
block = _props3.block,
useAnchor = _props3.useAnchor,
disabled = _props3.disabled,
Component = _props3.componentClass,
props = _objectWithoutProperties(_props3, ['title', 'children', 'className', 'activeKey', 'dropup', 'bothEnds', 'menuStyle', 'block', 'useAnchor', 'disabled', 'componentClass']);
var buttonProps = { block: block, useAnchor: useAnchor, disabled: disabled };
var elementProps = _lodash2.default.omit(props, ['select', 'onClose', 'onOpen', 'onToggle', 'autoClose']);
if (Component.displayName === 'ButtonGroup') {
elementProps.block = block;
}
var Toggle = _react2.default.createElement(
_DropdownToggle2.default,
_extends({}, buttonProps, {
className: (0, _classnames2.default)((0, _decorate.getClassNames)(props, 'btn')),
onClick: this.handleClick
}),
this.state.title || title
);
var Menu = _react2.default.createElement(
_DropdownMenu2.default,
{
onSelect: this.handleSelect,
activeKey: this.state.activeKey,
style: menuStyle
},
children
);
if (this.state.open) {
Menu = _react2.default.createElement(
_Overlay.RootCloseWrapper,
{ onRootClose: this.toggle },
Menu
return _react2.default.createElement(
Component,
_extends({}, props, {
className: classes,
role: 'dropdown'
}),
Toggle,
Menu
);
}
var classes = (0, _classnames2.default)({
dropup: dropup,
dropdown: !dropup,
open: this.state.open,
'both-ends': bothEnds
}, className);
return _react2.default.createElement(
Component,
_extends({}, elementProps, {
className: classes,
role: 'menu'
}),
Toggle,
Menu
);
}
}]);
});
return Dropdown;
}(_react2.default.Component);
Dropdown.propTypes = propTypes;
Dropdown.defaultProps = defaultProps;
Dropdown.Item = _DropdownMenuItem2.default;
exports.default = (0, _decorate2.default)({
size: true,
shape: {
oneOf: [].concat(_toConsumableArray(_lodash2.default.values(_decorate.STATE)), _toConsumableArray(_lodash2.default.values(_decorate.STYLES))),
default: _decorate.STATE.default
}
})(Dropdown);
exports.default = Dropdown;

146

lib/DropdownMenu.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,4 @@

var _propTypes = require('prop-types');
var _reactDom = require('react-dom');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _lodash = require('lodash');

@@ -29,10 +25,14 @@

var _ReactChildren = require('./utils/ReactChildren');
var _DropdownMenuItem = require('./DropdownMenuItem');
var _ReactChildren2 = _interopRequireDefault(_ReactChildren);
var _DropdownMenuItem2 = _interopRequireDefault(_DropdownMenuItem);
var _isNullOrUndefined = require('./utils/isNullOrUndefined');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _isNullOrUndefined2 = _interopRequireDefault(_isNullOrUndefined);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _createChainedFunction = require('./utils/createChainedFunction');
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -44,73 +44,81 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var DorpdownMenu = _react2.default.createClass({
displayName: 'DorpdownMenu',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
pullRight: _react2.default.PropTypes.bool,
onClose: _react2.default.PropTypes.func,
onSelect: _react2.default.PropTypes.func,
activeKey: _react2.default.PropTypes.any
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'dropdown',
pullRight: false
};
},
getFocusableMenuItems: function getFocusableMenuItems() {
var menuNode = ReactDOM.findDOMNode(this);
if (menuNode === undefined) {
return [];
}
return Array.from(menuNode.querySelectorAll('[role="menu-item"]'));
},
getItemsAndActiveIndex: function getItemsAndActiveIndex() {
var items = this.getFocusableMenuItems();
var activeItemIndex = items.indexOf(document.activeElement);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
return {
items: items,
activeItemIndex: activeItemIndex
};
},
handleSelect: function handleSelect(event) {
var onClose = this.props.onClose;
var propTypes = {
prefixClass: _propTypes2.default.string,
pullRight: _propTypes2.default.bool,
onSelect: _propTypes2.default.func,
activeKey: _propTypes2.default.any
};
onClose && onClose();
},
render: function render() {
var _this = this,
_classes;
var defaultProps = {
prefixClass: 'dropdown',
pullRight: false,
onSelect: null,
activeKey: null
};
var _props = this.props,
pullRight = _props.pullRight,
children = _props.children,
className = _props.className,
activeKey = _props.activeKey,
props = _objectWithoutProperties(_props, ['pullRight', 'children', 'className', 'activeKey']);
var DorpdownMenu = function (_React$Component) {
_inherits(DorpdownMenu, _React$Component);
var items = _react2.default.Children.map(children, function (item, index) {
var childProps = {
key: index,
ref: 'menu_item_' + index,
onSelect: (0, _createChainedFunction2.default)(_this.handleSelect, _this.props.onSelect)
};
function DorpdownMenu() {
_classCallCheck(this, DorpdownMenu);
if (activeKey !== null && activeKey !== undefined) {
childProps.active = _lodash2.default.isEqual(activeKey, item.props.eventKey) || activeKey === item.props.eventKey;
}
return _possibleConstructorReturn(this, (DorpdownMenu.__proto__ || Object.getPrototypeOf(DorpdownMenu)).apply(this, arguments));
}
if (_react2.default.isValidElement(item)) {
return _react2.default.cloneElement(item, childProps, item.props.children);
}
_createClass(DorpdownMenu, [{
key: 'render',
value: function render() {
var _props = this.props,
pullRight = _props.pullRight,
children = _props.children,
className = _props.className,
activeKey = _props.activeKey,
onSelect = _props.onSelect,
prefixClass = _props.prefixClass,
props = _objectWithoutProperties(_props, ['pullRight', 'children', 'className', 'activeKey', 'onSelect', 'prefixClass']);
return item;
});
var classes = (0, _classnames2.default)(_defineProperty({}, prefixClass + '-menu-right', pullRight), prefixClass + '-menu', className);
var classes = (_classes = {}, _defineProperty(_classes, this.prefix('menu'), true), _defineProperty(_classes, this.prefix('menu-right'), pullRight), _classes);
var items = _ReactChildren2.default.mapCloneElement(children, function (item) {
var _item$props = item.props,
eventKey = _item$props.eventKey,
active = _item$props.active;
return {
onSelect: onSelect,
active: (0, _isNullOrUndefined2.default)(activeKey) ? active : _lodash2.default.isEqual(activeKey, eventKey)
};
});
return _react2.default.createElement(
'ul',
_extends({}, props, {
className: classes,
role: 'menu'
}),
items
);
return _react2.default.createElement(
'ul',
_extends({}, props, {
className: (0, _classnames2.default)(className, classes),
role: 'menu'
}),
items
);
}
}]);
});
return DorpdownMenu;
}(_react2.default.Component);
DorpdownMenu.propTypes = propTypes;
DorpdownMenu.defaultProps = defaultProps;
exports.default = DorpdownMenu;

159

lib/DropdownMenuItem.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -20,7 +18,7 @@

var _propTypes = require('prop-types');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType = require('./prop-types/elementType');

@@ -33,102 +31,69 @@ var _elementType2 = _interopRequireDefault(_elementType);

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var DropdownMenuItem = _react2.default.createClass({
displayName: 'DropdownMenuItem',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
href: _react2.default.PropTypes.string,
divider: _react2.default.PropTypes.bool,
active: _react2.default.PropTypes.bool,
disabled: _react2.default.PropTypes.bool,
onSelect: _react2.default.PropTypes.func,
onKeyDown: _react2.default.PropTypes.func,
eventKey: _react2.default.PropTypes.any,
componentClass: _elementType2.default
},
getDefaultProps: function getDefaultProps() {
return {
componentClass: 'a',
active: false,
disabled: false,
divider: false
};
},
handleClick: function handleClick(event) {
var onSelect = this.props.onSelect;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
if (this.props.disabled) {
event.preventDefault();
return;
}
onSelect && onSelect(this.props.eventKey, this.props, event);
},
var propTypes = {
divider: _propTypes2.default.bool,
active: _propTypes2.default.bool,
disabled: _propTypes2.default.bool,
onSelect: _propTypes2.default.func,
eventKey: _propTypes2.default.any,
componentClass: _elementType2.default
};
render: function render() {
var _props = this.props,
children = _props.children,
divider = _props.divider,
onSelect = _props.onSelect,
onKeyDown = _props.onKeyDown,
Component = _props.componentClass,
props = _objectWithoutProperties(_props, ['children', 'divider', 'onSelect', 'onKeyDown', 'componentClass']);
var defaultProps = {
componentClass: 'a',
active: false,
disabled: false,
divider: false,
onSelect: null,
eventKey: null
};
var classes = (0, _classnames2.default)({
active: this.props.active,
disabled: this.props.disabled
});
var DropdownMenuItem = function (_React$Component) {
_inherits(DropdownMenuItem, _React$Component);
if (divider) {
return _react2.default.createElement('li', { role: 'separator', className: 'divider' });
}
function DropdownMenuItem(props) {
_classCallCheck(this, DropdownMenuItem);
var _this = _possibleConstructorReturn(this, (DropdownMenuItem.__proto__ || Object.getPrototypeOf(DropdownMenuItem)).call(this, props));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
_createClass(DropdownMenuItem, [{
key: 'handleClick',
value: function handleClick(event) {
var _props = this.props,
onSelect = _props.onSelect,
eventKey = _props.eventKey,
disabled = _props.disabled;
if (disabled) {
event.preventDefault();
return;
}
if (onSelect) {
onSelect(eventKey, this.props, event);
}
return _react2.default.createElement(
'li',
{ role: 'presentation', className: classes },
_react2.default.createElement(
Component,
_extends({}, props, {
role: 'menu-item',
tabIndex: '-1',
onClick: this.handleClick
}),
children
)
);
}
}, {
key: 'render',
value: function render() {
var _props2 = this.props,
children = _props2.children,
divider = _props2.divider,
onSelect = _props2.onSelect,
active = _props2.active,
disabled = _props2.disabled,
className = _props2.className,
eventKey = _props2.eventKey,
Component = _props2.componentClass,
props = _objectWithoutProperties(_props2, ['children', 'divider', 'onSelect', 'active', 'disabled', 'className', 'eventKey', 'componentClass']);
var classes = (0, _classnames2.default)({
active: active,
disabled: disabled
}, className);
});
if (divider) {
return _react2.default.createElement('li', { role: 'separator', className: 'divider' });
}
return _react2.default.createElement(
'li',
_extends({}, props, {
role: 'presentation',
className: classes
}),
_react2.default.createElement(
Component,
{
tabIndex: '-1',
onClick: this.handleClick
},
children
)
);
}
}]);
return DropdownMenuItem;
}(_react2.default.Component);
DropdownMenuItem.propTypes = propTypes;
DropdownMenuItem.defaultProps = defaultProps;
exports.default = DropdownMenuItem;

106

lib/DropdownToggle.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -20,10 +18,2 @@

var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _Button = require('./Button');

@@ -33,69 +23,53 @@

var _SafeAnchor = require('./SafeAnchor');
var _elementType = require('./prop-types/elementType');
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _elementType2 = _interopRequireDefault(_elementType);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var CARET = _react2.default.createElement(
'span',
null,
' ',
_react2.default.createElement('span', { className: 'caret' })
);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var DorpdownToggle = _react2.default.createClass({
displayName: 'DorpdownToggle',
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
propTypes: {
noCaret: _react2.default.PropTypes.bool,
open: _react2.default.PropTypes.bool,
title: _react2.default.PropTypes.string,
useAnchor: _react2.default.PropTypes.bool
},
getDefaultProps: function getDefaultProps() {
return {
open: false,
noCaret: false,
useAnchor: false
};
},
render: function render() {
var propTypes = {
noCaret: _propTypes2.default.bool,
title: _propTypes2.default.string,
useAnchor: _propTypes2.default.bool
};
var caret = this.props.noCaret ? null : CARET;
var Component = this.props.useAnchor ? 'a' : _Button2.default;;
var defaultProps = {
noCaret: false,
title: null,
useAnchor: false
};
var classes = _defineProperty({}, 'dropdown-toggle', true);
var DorpdownToggle = function (_React$Component) {
_inherits(DorpdownToggle, _React$Component);
function DorpdownToggle() {
_classCallCheck(this, DorpdownToggle);
return _possibleConstructorReturn(this, (DorpdownToggle.__proto__ || Object.getPrototypeOf(DorpdownToggle)).apply(this, arguments));
}
_createClass(DorpdownToggle, [{
key: 'render',
value: function render() {
var _props = this.props,
noCaret = _props.noCaret,
useAnchor = _props.useAnchor,
title = _props.title,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['noCaret', 'useAnchor', 'title', 'className', 'children']);
var caret = noCaret ? null : _react2.default.createElement('span', { className: 'caret' });
var Component = useAnchor ? _SafeAnchor2.default : _Button2.default;
var elementProps = useAnchor ? _lodash2.default.omit(props, 'block') : props;
return _react2.default.createElement(
Component,
_extends({}, elementProps, {
className: (0, _classnames2.default)('dropdown-toggle', className),
role: 'button'
}),
title || children,
caret
);
return _react2.default.createElement(
Component,
_extends({}, this.props, {
className: (0, _classnames2.default)(classes, this.props.className),
type: 'button',
role: 'toggle'
}),
this.props.title || this.props.children,
caret
);
}
}]);
});
return DorpdownToggle;
}(_react2.default.Component);
DorpdownToggle.propTypes = propTypes;
DorpdownToggle.defaultProps = defaultProps;
exports.default = DorpdownToggle;

96

lib/Form.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react = require('react');

@@ -25,6 +19,10 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType = require('./prop-types/elementType');
var _elementType2 = _interopRequireDefault(_elementType);
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -36,58 +34,40 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Form = _react2.default.createClass({
displayName: 'Form',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
horizontal: _react2.default.PropTypes.bool,
inline: _react2.default.PropTypes.bool,
classPrefix: _react2.default.PropTypes.string,
componentClass: _elementType2.default
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'form',
horizontal: false,
inline: false,
componentClass: 'form'
};
},
render: function render() {
var _classNames;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var _props = this.props,
horizontal = _props.horizontal,
inline = _props.inline,
Component = _props.componentClass,
className = _props.className,
props = _objectWithoutProperties(_props, ['horizontal', 'inline', 'componentClass', 'className']);
var propTypes = {
horizontal: _propTypes2.default.bool,
inline: _propTypes2.default.bool,
prefixClass: _propTypes2.default.string,
componentClass: _elementType2.default
};
var clesses = (0, _classnames2.default)((_classNames = {
'form': true
}, _defineProperty(_classNames, this.prefix('horizontal'), horizontal), _defineProperty(_classNames, this.prefix('inline'), inline), _classNames), className);
var defaultProps = {
prefixClass: 'form',
horizontal: false,
inline: false,
componentClass: 'form'
};
var Form = function (_React$Component) {
_inherits(Form, _React$Component);
function Form() {
_classCallCheck(this, Form);
return _possibleConstructorReturn(this, (Form.__proto__ || Object.getPrototypeOf(Form)).apply(this, arguments));
}
_createClass(Form, [{
key: 'render',
value: function render() {
var _classNames;
var _props = this.props,
horizontal = _props.horizontal,
inline = _props.inline,
Component = _props.componentClass,
className = _props.className,
prefixClass = _props.prefixClass,
props = _objectWithoutProperties(_props, ['horizontal', 'inline', 'componentClass', 'className', 'prefixClass']);
var clesses = (0, _classnames2.default)((_classNames = {}, _defineProperty(_classNames, prefixClass + '-horizontal', horizontal), _defineProperty(_classNames, prefixClass + '-inline', inline), _classNames), 'form', className);
return _react2.default.createElement(Component, _extends({}, props, {
className: clesses
}));
return _react2.default.createElement(Component, _extends({}, props, {
className: clesses
}));
}
}]);
});
return Form;
}(_react2.default.Component);
Form.propTypes = propTypes;
Form.defaultProps = defaultProps;
exports.default = Form;

159

lib/FormControl.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,8 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');

@@ -20,13 +14,13 @@

var _propTypes = require('prop-types');
var _react = require('react');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react2 = _interopRequireDefault(_react);
var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType = require('./prop-types/elementType');
var _elementType2 = _interopRequireDefault(_elementType);
var _decorate = require('./utils/decorate');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _decorate2 = _interopRequireDefault(_decorate);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);

@@ -37,87 +31,82 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var FormControl = _react2.default.createClass({
displayName: 'FormControl',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
componentClass: _elementType2.default,
type: _react2.default.PropTypes.string,
id: _react2.default.PropTypes.string,
onChange: _react2.default.PropTypes.func,
onBlur: _react2.default.PropTypes.func,
value: _react2.default.PropTypes.any
},
contextTypes: {
formGroup: _react2.default.PropTypes.object
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getFormGroup: function getFormGroup() {
return this.context.formGroup || {};
},
getDefaultProps: function getDefaultProps() {
return {
componentClass: 'input'
};
},
handleChange: function handleChange(event) {
var propTypes = {
componentClass: _elementType2.default,
type: _propTypes2.default.string,
id: _propTypes2.default.string,
onChange: _propTypes2.default.func,
inputRef: _propTypes2.default.func
};
var value = event.target.value;
var onChange = this.props.onChange;
var defaultProps = {
componentClass: 'input',
type: undefined,
id: undefined,
onChange: undefined,
inputRef: undefined
};
var _getFormGroup = this.getFormGroup(),
onFormGroupChange = _getFormGroup.onChange;
var contextTypes = {
formGroup: _propTypes2.default.object
};
onChange && onChange(value);
onFormGroupChange && onFormGroupChange(value);
},
handleBlur: function handleBlur(event) {
var onBlur = this.props.onBlur;
var FormControl = function (_React$Component) {
_inherits(FormControl, _React$Component);
var _getFormGroup2 = this.getFormGroup(),
onFormGroupBlur = _getFormGroup2.onBlur;
function FormControl(props) {
_classCallCheck(this, FormControl);
onBlur && onBlur(event);
onFormGroupBlur && onFormGroupBlur(event);
},
getValue: function getValue() {
var _getFormGroup3 = this.getFormGroup(),
value = _getFormGroup3.value;
var _this = _possibleConstructorReturn(this, (FormControl.__proto__ || Object.getPrototypeOf(FormControl)).call(this, props));
return value || this.props.value;
},
render: function render() {
var _getFormGroup4 = this.getFormGroup(),
controlId = _getFormGroup4.controlId;
_this.handleChange = _this.handleChange.bind(_this);
return _this;
}
var _props = this.props,
Component = _props.componentClass,
type = _props.type,
_props$id = _props.id,
id = _props$id === undefined ? controlId : _props$id,
_props$value = _props.value,
value = _props$value === undefined ? this.getValue() : _props$value,
className = _props.className,
props = _objectWithoutProperties(_props, ['componentClass', 'type', 'id', 'value', 'className']);
_createClass(FormControl, [{
key: 'handleChange',
value: function handleChange(event) {
var target = event.target;
var onChange = this.props.onChange;
var classes = (0, _classnames2.default)({
// input[type="file"] should not have .form-control.
'form-control': type !== 'file'
}, className);
onChange && onChange(target.value, event);
return _react2.default.createElement(Component, _extends({}, props, {
type: type,
id: id,
value: value,
className: classes,
onBlur: this.handleBlur,
onChange: this.handleChange
}));
}
}, {
key: 'render',
value: function render() {
var _context$formGroup = this.context.formGroup,
formGroup = _context$formGroup === undefined ? {} : _context$formGroup;
});
var _props = this.props,
type = _props.type,
className = _props.className,
inputRef = _props.inputRef,
Component = _props.componentClass,
_props$id = _props.id,
id = _props$id === undefined ? formGroup.controlId : _props$id,
props = _objectWithoutProperties(_props, ['type', 'className', 'inputRef', 'componentClass', 'id']);
var classes = (0, _classnames2.default)(_extends({
// input[type="file"] should not have .form-control.
'form-control': type !== 'file'
}, (0, _decorate.getClassNames)(this.props, 'input')), className);
return _react2.default.createElement(Component, _extends({}, props, {
type: type,
id: id,
className: classes,
ref: inputRef,
onChange: this.handleChange
}));
}
}]);
return FormControl;
}(_react2.default.Component);
FormControl.propTypes = propTypes;
FormControl.defaultProps = defaultProps;
FormControl.contextTypes = contextTypes;
exports.default = (0, _decorate2.default)({
size: true
})(FormControl);
exports.default = FormControl;

125

lib/FormGroup.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,8 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');

@@ -20,94 +14,47 @@

var _propTypes = require('prop-types');
var _react = require('react');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react2 = _interopRequireDefault(_react);
var _decorate = require('./utils/decorate');
var _FormControlMixin = require('./mixins/FormControlMixin');
var _decorate2 = _interopRequireDefault(_decorate);
var _FormControlMixin2 = _interopRequireDefault(_FormControlMixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var FormGroup = _react2.default.createClass({
displayName: 'FormGroup',
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
mixins: [_FormControlMixin2.default],
propTypes: {
controlId: _react2.default.PropTypes.string,
isValid: _react2.default.PropTypes.bool,
validationState: _react2.default.PropTypes.oneOf(['success', 'warning', 'error'])
},
childContextTypes: {
formGroup: _react2.default.PropTypes.object.isRequired
},
getChildContext: function getChildContext() {
return {
formGroup: _extends({}, this.props)
};
},
render: function render() {
var _props = this.props,
validationState = _props.validationState,
className = _props.className,
children = _props.children,
isValid = _props.isValid;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var statusClass = validationState ? 'has-' + validationState : isValid === undefined ? '' : isValid ? 'has-success' : 'has-error';
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var propTypes = {
prefixClass: _propTypes2.default.string,
controlId: _propTypes2.default.string,
isValid: _propTypes2.default.bool,
validationState: _propTypes2.default.oneOf(['success', 'warning', 'error'])
};
var defaultProps = {
prefixClass: 'form-group',
controlId: undefined,
isValid: undefined,
validationState: undefined
};
var childContextTypes = {
formGroup: _react2.default.PropTypes.object.isRequired
};
var FormGroup = function (_React$Component) {
_inherits(FormGroup, _React$Component);
function FormGroup() {
_classCallCheck(this, FormGroup);
return _possibleConstructorReturn(this, (FormGroup.__proto__ || Object.getPrototypeOf(FormGroup)).apply(this, arguments));
}
_createClass(FormGroup, [{
key: 'getChildContext',
value: function getChildContext() {
var _props = this.props,
controlId = _props.controlId,
validationState = _props.validationState;
return {
formGroup: {
controlId: controlId,
validationState: validationState
}
};
var classes = (0, _classnames2.default)('form-group', statusClass, className);
return _react2.default.createElement(
'div',
{ className: classes },
children
);
}
}, {
key: 'render',
value: function render() {
var _extends2;
});
var _props2 = this.props,
validationState = _props2.validationState,
className = _props2.className,
controlId = _props2.controlId,
prefixClass = _props2.prefixClass,
isValid = _props2.isValid,
props = _objectWithoutProperties(_props2, ['validationState', 'className', 'controlId', 'prefixClass', 'isValid']);
var classes = (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(this.props), (_extends2 = {}, _defineProperty(_extends2, 'has-' + validationState, !!validationState), _defineProperty(_extends2, 'has-success', !validationState && isValid), _defineProperty(_extends2, 'has-error', !validationState && isValid === false), _extends2)), className);
return _react2.default.createElement('div', _extends({}, props, {
className: classes,
role: 'group'
}));
}
}]);
return FormGroup;
}(_react2.default.Component);
FormGroup.propTypes = propTypes;
FormGroup.defaultProps = defaultProps;
FormGroup.childContextTypes = childContextTypes;
exports.default = (0, _decorate2.default)({
size: true
})(FormGroup);
exports.default = FormGroup;

81

lib/Grid.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,3 +19,3 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType = require('./prop-types/elementType');

@@ -32,52 +26,39 @@ var _elementType2 = _interopRequireDefault(_elementType);

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Grid = _react2.default.createClass({
displayName: 'Grid',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
fluid: _react2.default.PropTypes.bool,
componentClass: _elementType2.default
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getDefaultProps: function getDefaultProps() {
return {
componentClass: 'div',
fluid: false
};
},
render: function render() {
var _props = this.props,
Component = _props.componentClass,
fluid = _props.fluid,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['componentClass', 'fluid', 'className', 'children']);
var propTypes = {
fluid: _propTypes2.default.bool,
componentClass: _elementType2.default
};
var clesses = (0, _classnames2.default)(_defineProperty({}, 'container' + (fluid ? '-fluid' : ''), true), className);
var defaultProps = {
componentClass: 'div',
fluid: false
};
var Grid = function (_React$Component) {
_inherits(Grid, _React$Component);
function Grid() {
_classCallCheck(this, Grid);
return _possibleConstructorReturn(this, (Grid.__proto__ || Object.getPrototypeOf(Grid)).apply(this, arguments));
}
_createClass(Grid, [{
key: 'render',
value: function render() {
var _props = this.props,
Component = _props.componentClass,
fluid = _props.fluid,
className = _props.className,
props = _objectWithoutProperties(_props, ['componentClass', 'fluid', 'className']);
var clesses = (0, _classnames2.default)('container' + (fluid ? '-fluid' : ''), className);
return _react2.default.createElement(Component, _extends({}, props, {
className: clesses
}));
return _react2.default.createElement(
Component,
_extends({}, props, {
className: clesses }),
children
);
}
}]);
});
return Grid;
}(_react2.default.Component);
Grid.propTypes = propTypes;
Grid.defaultProps = defaultProps;
exports.default = Grid;

63

lib/Header.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -28,45 +26,26 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Header = _react2.default.createClass({
displayName: 'Header',
render: function render() {
var _props = this.props,
children = _props.children,
className = _props.className,
props = _objectWithoutProperties(_props, ['children', 'className']);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var classes = (0, _classnames2.default)({
'header': true
}, className);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Header = function (_React$Component) {
_inherits(Header, _React$Component);
function Header() {
_classCallCheck(this, Header);
return _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).apply(this, arguments));
}
_createClass(Header, [{
key: 'render',
value: function render() {
var _props = this.props,
children = _props.children,
className = _props.className,
props = _objectWithoutProperties(_props, ['children', 'className']);
var classes = (0, _classnames2.default)('header', className);
return _react2.default.createElement(
_Navbar2.default,
_extends({}, props, {
fixedTop: true,
className: classes
}),
_react2.default.createElement(
'div',
{ className: 'header-inner' },
children
)
);
return _react2.default.createElement(
_Navbar2.default,
_extends({}, props, { className: classes, fixedTop: true, role: 'header' }),
_react2.default.createElement(
'div',
{ className: 'header-inner' },
children
)
);
}
}]);
});
return Header;
}(_react2.default.Component);
exports.default = Header;

90

lib/HelpBlock.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -15,6 +11,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -26,57 +18,41 @@

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var HelpBlock = _react2.default.createClass({
displayName: 'HelpBlock',
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
propTypes: {
htmlFor: _react2.default.PropTypes.string
},
contextTypes: {
formGroup: _react2.default.PropTypes.object
},
render: function render() {
var _context$formGroup = this.context.formGroup,
controlId = _context$formGroup.controlId,
isValid = _context$formGroup.isValid,
errorMessage = _context$formGroup.errorMessage;
var _props = this.props,
className = _props.className,
_props$htmlFor = _props.htmlFor,
htmlFor = _props$htmlFor === undefined ? controlId : _props$htmlFor,
children = _props.children;
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var valid = isValid === undefined ? true : isValid;
var propTypes = {
htmlFor: _propTypes2.default.string
};
var classes = (0, _classnames2.default)({
'help-block': true,
'error': !valid
}, className);
var defaultProps = {
htmlFor: undefined
};
var contextTypes = {
formGroup: _propTypes2.default.object
};
var HelpBlock = function (_React$Component) {
_inherits(HelpBlock, _React$Component);
function HelpBlock() {
_classCallCheck(this, HelpBlock);
return _possibleConstructorReturn(this, (HelpBlock.__proto__ || Object.getPrototypeOf(HelpBlock)).apply(this, arguments));
}
_createClass(HelpBlock, [{
key: 'render',
value: function render() {
var _context$formGroup = this.context.formGroup,
formGroup = _context$formGroup === undefined ? {} : _context$formGroup;
var _props = this.props,
className = _props.className,
_props$htmlFor = _props.htmlFor,
htmlFor = _props$htmlFor === undefined ? formGroup.controlId : _props$htmlFor,
props = _objectWithoutProperties(_props, ['className', 'htmlFor']);
return _react2.default.createElement('span', _extends({}, props, {
htmlFor: htmlFor,
className: (0, _classnames2.default)('help-block', className)
}));
return _react2.default.createElement(
'span',
{
htmlFor: htmlFor,
className: classes
},
!valid && errorMessage || children
);
}
}]);
});
return HelpBlock;
}(_react2.default.Component);
HelpBlock.propTypes = propTypes;
HelpBlock.defaultProps = defaultProps;
HelpBlock.contextTypes = contextTypes;
exports.default = HelpBlock;

118

lib/IconFont.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,4 +19,8 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _elementType = require('./prop-types/elementType');
var _elementType2 = _interopRequireDefault(_elementType);

@@ -36,73 +34,47 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var IconFont = _react2.default.createClass({
displayName: 'IconFont',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
classPrefix: _react.PropTypes.string,
componentClass: _elementType2.default,
icon: _react.PropTypes.string.isRequired,
size: _react.PropTypes.oneOf(['lg', '2x', '3x', '4x', '5x']),
flip: _react.PropTypes.oneOf(['horizontal', 'vertical']),
stack: _react.PropTypes.oneOf(['1x', '2x']),
rotate: _react.PropTypes.number,
fixedWidth: _react.PropTypes.bool,
spin: _react.PropTypes.bool,
pulse: _react.PropTypes.bool
},
getDefaultProps: function getDefaultProps() {
return {
componentClass: 'i',
classPrefix: 'icon'
};
},
render: function render() {
var _classNames;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var _props = this.props,
Component = _props.componentClass,
className = _props.className,
classPrefix = _props.classPrefix,
icon = _props.icon,
size = _props.size,
fixedWidth = _props.fixedWidth,
spin = _props.spin,
pulse = _props.pulse,
rotate = _props.rotate,
flip = _props.flip,
stack = _props.stack,
props = _objectWithoutProperties(_props, ['componentClass', 'className', 'classPrefix', 'icon', 'size', 'fixedWidth', 'spin', 'pulse', 'rotate', 'flip', 'stack']);
var propTypes = {
prefixClass: _propTypes2.default.string,
componentClass: _elementType2.default,
icon: _propTypes2.default.string.isRequired,
size: _propTypes2.default.oneOf(['lg', '2x', '3x', '4x', '5x']),
flip: _propTypes2.default.oneOf(['horizontal', 'vertical']),
stack: _propTypes2.default.oneOf(['1x', '2x']),
rotate: _propTypes2.default.number,
fixedWidth: _propTypes2.default.bool,
spin: _propTypes2.default.bool,
pulse: _propTypes2.default.bool
};
var classes = (0, _classnames2.default)(classPrefix, this.prefix(icon), className, (_classNames = {}, _defineProperty(_classNames, classPrefix + '-' + size, size), _defineProperty(_classNames, classPrefix + '-fw', fixedWidth), _defineProperty(_classNames, classPrefix + '-spin', spin), _defineProperty(_classNames, classPrefix + '-pulse', pulse), _defineProperty(_classNames, classPrefix + '-flip-' + flip, flip), _defineProperty(_classNames, classPrefix + '-rotate-' + rotate, rotate), _defineProperty(_classNames, classPrefix + '-stack-' + stack, stack), _classNames));
var defaultProps = {
componentClass: 'i',
prefixClass: 'icon',
size: null,
flip: null,
rotate: null,
stack: null,
fixedWidth: false,
spin: false,
pulse: false
};
var IconFont = function (_React$Component) {
_inherits(IconFont, _React$Component);
function IconFont() {
_classCallCheck(this, IconFont);
return _possibleConstructorReturn(this, (IconFont.__proto__ || Object.getPrototypeOf(IconFont)).apply(this, arguments));
}
_createClass(IconFont, [{
key: 'render',
value: function render() {
var _classNames;
var _props = this.props,
Component = _props.componentClass,
className = _props.className,
prefixClass = _props.prefixClass,
icon = _props.icon,
size = _props.size,
fixedWidth = _props.fixedWidth,
spin = _props.spin,
pulse = _props.pulse,
rotate = _props.rotate,
flip = _props.flip,
stack = _props.stack,
props = _objectWithoutProperties(_props, ['componentClass', 'className', 'prefixClass', 'icon', 'size', 'fixedWidth', 'spin', 'pulse', 'rotate', 'flip', 'stack']);
var classes = (0, _classnames2.default)('' + prefixClass, prefixClass + '-' + icon, (_classNames = {}, _defineProperty(_classNames, prefixClass + '-' + size, size), _defineProperty(_classNames, prefixClass + '-fw', fixedWidth), _defineProperty(_classNames, prefixClass + '-spin', spin), _defineProperty(_classNames, prefixClass + '-pulse', pulse), _defineProperty(_classNames, prefixClass + '-flip-' + flip, flip), _defineProperty(_classNames, prefixClass + '-rotate-' + rotate, rotate), _defineProperty(_classNames, prefixClass + '-stack-' + stack, stack), _classNames), className);
return _react2.default.createElement(Component, _extends({}, props, { className: classes }));
return _react2.default.createElement(Component, _extends({}, props, { className: classes }));
}
}]);
});
return IconFont;
}(_react2.default.Component);
IconFont.propTypes = propTypes;
IconFont.defaultProps = defaultProps;
exports.default = IconFont;

16

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';

});
exports.SafeAnchor = exports.PanelGroup = exports.Panel = exports.Content = exports.Container = exports.Table = exports.Col = exports.Row = exports.Grid = exports.Sidebar = exports.Header = exports.IconFont = exports.Text = exports.RadioGroup = exports.RadioList = exports.Radio = exports.CheckboxGroup = exports.CheckboxList = exports.Checkbox = exports.InputGroup = exports.HelpBlock = exports.FormControl = exports.ControlLabel = exports.FormGroup = exports.Form = exports.Pagination = exports.Breadcrumb = exports.Navbar = exports.Nav = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.Dropdown = exports.ButtonToolbar = exports.Button = undefined;
exports.PanelGroup = exports.Panel = exports.Content = exports.Container = exports.Table = exports.Col = exports.Row = exports.Grid = exports.Sidebar = exports.Header = exports.IconFont = exports.Text = exports.RadioGroup = exports.RadioList = exports.Radio = exports.CheckboxGroup = exports.CheckboxList = exports.Checkbox = exports.InputGroup = exports.HelpBlock = exports.TextList = exports.FormControl = exports.ControlLabel = exports.FormGroup = exports.Form = exports.Pagination = exports.Breadcrumb = exports.Navbar = exports.Nav = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.Dropdown = exports.ButtonToolbar = exports.Button = undefined;

@@ -73,2 +73,6 @@ var _Button2 = require('./Button');

var _TextList2 = require('./TextList');
var _TextList3 = _interopRequireDefault(_TextList2);
var _HelpBlock2 = require('./HelpBlock');

@@ -146,6 +150,2 @@

var _SafeAnchor2 = require('./SafeAnchor');
var _SafeAnchor3 = _interopRequireDefault(_SafeAnchor2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -183,2 +183,3 @@

exports.FormControl = _FormControl3.default;
exports.TextList = _TextList3.default;
exports.HelpBlock = _HelpBlock3.default;

@@ -195,3 +196,3 @@ exports.InputGroup = _InputGroup3.default;

// Layout
//Layout

@@ -207,3 +208,2 @@ exports.Header = _Header3.default;

exports.Panel = _Panel3.default;
exports.PanelGroup = _PanelGroup3.default;
exports.SafeAnchor = _SafeAnchor3.default;
exports.PanelGroup = _PanelGroup3.default;

91

lib/InputGroup.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,2 +19,6 @@

var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _InputGroupAddon = require('./InputGroupAddon');

@@ -34,6 +32,2 @@

var _decorate = require('./utils/decorate');
var _decorate2 = _interopRequireDefault(_decorate);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -43,57 +37,40 @@

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var InputGroup = _react2.default.createClass({
displayName: 'InputGroup',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
classPrefix: _react2.default.PropTypes.string,
inside: _react2.default.PropTypes.bool
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'input-group'
};
},
render: function render() {
var _props = this.props,
className = _props.className,
children = _props.children,
classPrefix = _props.classPrefix,
inside = _props.inside,
props = _objectWithoutProperties(_props, ['className', 'children', 'classPrefix', 'inside']);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var classes = _classnames2.default.apply(undefined, [classPrefix].concat(_toConsumableArray(this.getClassNames()), [className, _defineProperty({}, this.prefix('inside'), inside)]));
var propTypes = {
prefixClass: _propTypes2.default.string,
inside: _propTypes2.default.bool
};
var defaultProps = {
prefixClass: 'input-group',
inside: false
};
var InputGroup = function (_React$Component) {
_inherits(InputGroup, _React$Component);
function InputGroup() {
_classCallCheck(this, InputGroup);
return _possibleConstructorReturn(this, (InputGroup.__proto__ || Object.getPrototypeOf(InputGroup)).apply(this, arguments));
}
_createClass(InputGroup, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
prefixClass = _props.prefixClass,
inside = _props.inside,
props = _objectWithoutProperties(_props, ['className', 'prefixClass', 'inside']);
var classes = (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(this.props), _defineProperty({}, prefixClass + '-inside', inside)), className);
return _react2.default.createElement('div', _extends({}, props, {
className: classes
}));
return _react2.default.createElement(
'span',
_extends({}, props, { className: classes }),
children
);
}
}]);
});
return InputGroup;
}(_react2.default.Component);
InputGroup.propTypes = propTypes;
InputGroup.defaultProps = defaultProps;
InputGroup.Addon = _InputGroupAddon2.default;
InputGroup.Button = _InputGroupButton2.default;
exports.default = (0, _decorate2.default)({
size: true
})(InputGroup);
exports.default = InputGroup;

45

lib/InputGroupAddon.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -24,33 +22,20 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var InputGroupAddon = _react2.default.createClass({
displayName: 'InputGroupAddon',
render: function render() {
var _props = this.props,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'children']);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var classes = (0, _classnames2.default)('input-group-addon', className);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var InputGroupAddon = function (_React$Component) {
_inherits(InputGroupAddon, _React$Component);
function InputGroupAddon() {
_classCallCheck(this, InputGroupAddon);
return _possibleConstructorReturn(this, (InputGroupAddon.__proto__ || Object.getPrototypeOf(InputGroupAddon)).apply(this, arguments));
}
_createClass(InputGroupAddon, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
props = _objectWithoutProperties(_props, ['className']);
return _react2.default.createElement('span', _extends({}, props, {
className: (0, _classnames2.default)('input-group-addon', className)
}));
return _react2.default.createElement(
'span',
_extends({}, props, { className: classes }),
children
);
}
}]);
});
return InputGroupAddon;
}(_react2.default.Component);
exports.default = InputGroupAddon;

45

lib/InputGroupButton.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -24,33 +22,20 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var InputGroupButton = _react2.default.createClass({
displayName: 'InputGroupButton',
render: function render() {
var _props = this.props,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'children']);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var classes = (0, _classnames2.default)('input-group-btn', className);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var InputGroupButton = function (_React$Component) {
_inherits(InputGroupButton, _React$Component);
function InputGroupButton() {
_classCallCheck(this, InputGroupButton);
return _possibleConstructorReturn(this, (InputGroupButton.__proto__ || Object.getPrototypeOf(InputGroupButton)).apply(this, arguments));
}
_createClass(InputGroupButton, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
props = _objectWithoutProperties(_props, ['className']);
return _react2.default.createElement('span', _extends({}, props, {
className: (0, _classnames2.default)('input-group-btn', className)
}));
return _react2.default.createElement(
'span',
_extends({}, props, { className: classes }),
children
);
}
}]);
});
return InputGroupButton;
}(_react2.default.Component);
exports.default = InputGroupButton;

439

lib/Modal.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

@@ -15,8 +13,6 @@

var _propTypes = require('prop-types');
var _reactDom = require('react-dom');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _reactDom = require('react-dom');
var _classnames = require('classnames');

@@ -28,20 +24,24 @@

var _lodash2 = _interopRequireDefault(_lodash);
var _BaseModal = require('./fixtures/BaseModal');
var _Modal = require('rsuite-utils/lib/Overlay/Modal');
var _BaseModal2 = _interopRequireDefault(_BaseModal);
var _Modal2 = _interopRequireDefault(_Modal);
var _domLib = require('dom-lib');
var _Fade = require('rsuite-utils/lib/Animation/Fade');
var _deprecated = require('./prop-types/deprecated');
var _Fade2 = _interopRequireDefault(_Fade);
var _deprecated2 = _interopRequireDefault(_deprecated);
var _propTypes3 = require('rsuite-utils/lib/propTypes');
var _elementType = require('./prop-types/elementType');
var _domLib = require('dom-lib');
var _elementType2 = _interopRequireDefault(_elementType);
var _ReactChildren = require('./utils/ReactChildren');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _ReactChildren2 = _interopRequireDefault(_ReactChildren);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _Fade = require('./fixtures/Fade');
var _Fade2 = _interopRequireDefault(_Fade);
var _ModalDialog = require('./ModalDialog');

@@ -71,221 +71,260 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var TRANSITION_DURATION = 300;
var BACKDROP_TRANSITION_DURATION = 150;
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var Modal = _react2.default.createClass({
displayName: 'Modal',
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
mixins: [_ClassNameMixin2.default],
propTypes: _extends({}, _BaseModal2.default.propTypes, _ModalDialog2.default.propTypes, {
var TRANSITION_DURATION = 300;
var BACKDROP_TRANSITION_DURATION = 150;
/**
* Include a backdrop component. Specify 'static' for a backdrop that doesn't trigger an "onHide" when clicked.
*/
backdrop: _react2.default.PropTypes.oneOf(['static', true, false]),
var propTypes = _extends({}, _Modal2.default.propTypes, _ModalDialog2.default.propTypes, {
backdrop: _propTypes2.default.oneOf(['static', true, false]),
animation: _propTypes2.default.bool,
dialogComponentClass: _propTypes3.elementType,
show: _propTypes2.default.bool,
keyboard: _propTypes2.default.bool,
enforceFocus: _propTypes2.default.bool,
autoResizeHeight: _propTypes2.default.bool,
dialogClassName: _propTypes2.default.string,
onHide: _propTypes2.default.func,
onEnter: _propTypes2.default.func,
onEntering: _propTypes2.default.func,
onEntered: _propTypes2.default.func,
onExit: _propTypes2.default.func,
onExiting: _propTypes2.default.func,
onExited: _propTypes2.default.func
});
/**
* Close the modal when escape key is pressed
*/
keyboard: _react2.default.PropTypes.bool,
var defaultProps = _extends({}, _Modal2.default.defaultProps, {
prefixClass: 'modal',
animation: true,
dialogComponentClass: _ModalDialog2.default,
autoResizeHeight: true
});
/**
* Open and close the Modal with a slide and fade animation.
*/
animation: _react2.default.PropTypes.bool,
var childContextTypes = {
onModalHide: _propTypes2.default.func
};
/**
* A Component type that provides the modal content Markup. This is a useful prop when you want to use your own
* styles and markup to create a custom modal component.
*/
dialogComponentClass: _elementType2.default,
var Modal = function (_React$Component) {
_inherits(Modal, _React$Component);
/**
* @private
*/
dialogComponent: (0, _deprecated2.default)(_elementType2.default, 'Use `dialogComponentClass`.'),
function Modal(props) {
_classCallCheck(this, Modal);
/**
* When `true` The modal will automatically shift focus to itself when it opens, and replace it to the last focused element when it closes.
* Generally this should never be set to false as it makes the Modal less accessible to assistive technologies, like screen-readers.
*/
autoFocus: _react2.default.PropTypes.bool,
var _this = _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this, props));
/**
* When `true` The modal will prevent focus from leaving the Modal while open.
* Consider leaving the default value here, as it is necessary to make the Modal work well with assistive technologies,
* such as screen readers.
*/
enforceFocus: _react2.default.PropTypes.bool,
_this.state = {
modalStyles: {},
bodyStyles: {}
};
_this.handleShow = _this.handleShow.bind(_this);
_this.handleHide = _this.handleHide.bind(_this);
_this.handleDialogClick = _this.handleDialogClick.bind(_this);
_this.handleWindowResize = _this.handleWindowResize.bind(_this);
return _this;
}
/**
* When `true` The modal will show itself.
*/
show: _react2.default.PropTypes.bool,
_createClass(Modal, [{
key: 'getChildContext',
value: function getChildContext() {
return {
onModalHide: this.props.onHide
};
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
if (this.windowResizeListener) {
this.windowResizeListener.off();
}
}
}, {
key: 'getStyles',
value: function getStyles() {
var _props = this.props,
container = _props.container,
autoResizeHeight = _props.autoResizeHeight;
/**
* When `true` The modal body auto height at window resize.
*/
autoResizeHeight: _react2.default.PropTypes.bool,
/**
* A callback fired when the header closeButton or non-static backdrop is
* clicked. Required if either are specified.
*/
onHide: _react2.default.PropTypes.func,
var node = (0, _reactDom.findDOMNode)(this.dialog);
var doc = (0, _domLib.ownerDocument)(node);
var scrollHeight = node ? node.scrollHeight : 0;
/**
* Callback fired before the Modal transitions in
*/
onEnter: _react2.default.PropTypes.func,
var bodyIsOverflowing = (0, _domLib.isOverflowing)((0, _reactDom.findDOMNode)(container || doc.body));
var modalIsOverflowing = scrollHeight > doc.documentElement.clientHeight;
var styles = {
modalStyles: {
paddingRight: bodyIsOverflowing && !modalIsOverflowing ? (0, _domLib.getScrollbarSize)() : 0,
paddingLeft: !bodyIsOverflowing && modalIsOverflowing ? (0, _domLib.getScrollbarSize)() : 0
}
};
/**
* Callback fired as the Modal begins to transition in
*/
onEntering: _react2.default.PropTypes.func,
if (autoResizeHeight) {
/**
* Header height + Footer height + Dialog margin
* Callback fired after the Modal finishes transitioning in
*/
var excludeHeight = 200;
var contentHeight = (0, _domLib.getHeight)(window) - excludeHeight;
var maxHeight = scrollHeight >= contentHeight ? contentHeight : scrollHeight;
onEntered: _react2.default.PropTypes.func,
styles.bodyStyles = {
maxHeight: maxHeight,
overflow: 'auto'
/**
* Callback fired right before the Modal transitions out
*/
onExit: _react2.default.PropTypes.func,
/**
* Callback fired as the Modal begins to transition out
*/
onExiting: _react2.default.PropTypes.func,
/**
* Callback fired after the Modal finishes transitioning out
*/
onExited: _react2.default.PropTypes.func,
dialogClassName: _react2.default.PropTypes.string
}),
childContextTypes: {
/**
* ModalHeader prop
*/
onModalHide: _react2.default.PropTypes.func
},
getDefaultProps: function getDefaultProps() {
return _extends({}, _BaseModal2.default.defaultProps, {
classPrefix: 'modal',
animation: true,
dialogComponentClass: _ModalDialog2.default,
autoResizeHeight: true
});
},
getInitialState: function getInitialState() {
return {
modalStyles: {},
bodyStyles: {}
};
}
},
getChildContext: function getChildContext() {
return {
onModalHide: this.props.onHide
};
},
componentWillUnmount: function componentWillUnmount() {
(0, _domLib.off)(window, 'resize', this.handleWindowResize);
},
render: function render() {
var _this = this;
return styles;
}
}, {
key: 'handleShow',
value: function handleShow() {
var _props = this.props,
className = _props.className,
children = _props.children,
dialogClassName = _props.dialogClassName,
autoResizeHeight = _props.autoResizeHeight,
animation = _props.animation,
props = _objectWithoutProperties(_props, ['className', 'children', 'dialogClassName', 'autoResizeHeight', 'animation']);
this.windowResizeListener = (0, _domLib.on)(window, 'resize', this.handleWindowResize);
this.setState(this.getStyles());
var onEntering = this.props.onEntering;
var _state = this.state,
modalStyles = _state.modalStyles,
bodyStyles = _state.bodyStyles;
onEntering && onEntering.apply(undefined, arguments);
}
}, {
key: 'handleHide',
value: function handleHide() {
if (this.windowResizeListener) {
this.windowResizeListener.off();
}
var onExited = this.props.onExited;
var inClass = { in: props.show && !animation };
var Dialog = props.dialogComponent || props.dialogComponentClass;
onExited && onExited.apply(undefined, arguments);
}
}, {
key: 'handleDialogClick',
value: function handleDialogClick(event) {
if (event.target !== event.currentTarget) {
return;
}
var onHide = this.props.onHide;
var parentProps = (0, _lodash.pick)(props, Object.keys(_BaseModal2.default.propTypes).concat(['onExit', 'onExiting', 'onEnter', 'onEntered']));
var items = autoResizeHeight ? _react2.default.Children.map(children, function (child, index) {
onHide && onHide(event);
}
}, {
key: 'handleWindowResize',
value: function handleWindowResize() {
this.setState(this.getStyles());
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
if (child.type.displayName === 'ModalBody') {
return _react2.default.cloneElement(child, {
key: index,
style: bodyStyles
}, child.props.children);
}
var _props2 = this.props,
className = _props2.className,
children = _props2.children,
dialogClassName = _props2.dialogClassName,
autoResizeHeight = _props2.autoResizeHeight,
animation = _props2.animation,
prefixClass = _props2.prefixClass,
style = _props2.style,
show = _props2.show,
props = _objectWithoutProperties(_props2, ['className', 'children', 'dialogClassName', 'autoResizeHeight', 'animation', 'prefixClass', 'style', 'show']);
return child;
}) : children;
var _state = this.state,
modalStyles = _state.modalStyles,
bodyStyles = _state.bodyStyles;
// the rest are fired in handleHide() and handleShow();
var modal = _react2.default.createElement(
Dialog,
_extends({
key: 'modal',
ref: function ref(_ref) {
return _this._modal = _ref;
},
style: modalStyles,
className: (0, _classnames2.default)(className, inClass),
dialogClassName: dialogClassName,
onClick: props.backdrop === true ? this.handleDialogClick : null
}, props),
items
);
var inClass = { in: show && !animation };
var Dialog = props.dialogComponentClass;
return _react2.default.createElement(
_BaseModal2.default,
_extends({
show: props.show,
ref: function ref(_ref2) {
_this._wrapper = _ref2 && _ref2.refs.modal;
_this._backdrop = _ref2 && _ref2.refs.backdrop;
},
onEntering: this.handleShow,
onExited: this.handleHide,
backdropClassName: (0, _classnames2.default)(this.prefix('backdrop'), inClass),
containerClassName: this.prefix('open'),
transition: animation ? _Fade2.default : undefined,
dialogTransitionTimeout: TRANSITION_DURATION,
backdropTransitionTimeout: BACKDROP_TRANSITION_DURATION
}, parentProps),
modal
);
},
handleShow: function handleShow() {
var parentProps = _lodash2.default.pick(props, Object.keys(_Modal2.default.propTypes).concat(['onExit', 'onExiting', 'onEnter', 'onEntered']));
var dialogProps = _lodash2.default.omit(props, ['enforceFocus', 'keyboard', 'backdrop', 'onHide', 'dialogComponentClass']);
(0, _domLib.on)(window, 'resize', this.handleWindowResize);
this.setState(this.getStyles());
var items = autoResizeHeight && children ? _ReactChildren2.default.mapCloneElement(children, function (child) {
if (child.type.displayName === 'ModalBody') {
return {
style: bodyStyles
};
if (this.props.onEntering) {
var _props2;
(_props2 = this.props).onEntering.apply(_props2, arguments);
}
return null;
}) : children;
},
handleHide: function handleHide() {
(0, _domLib.off)(window, 'resize', this.handleWindowResize);
var modal = _react2.default.createElement(
Dialog,
_extends({}, dialogProps, {
style: _extends({}, modalStyles, style),
className: (0, _classnames2.default)(className, inClass),
dialogClassName: dialogClassName,
onClick: props.backdrop === true ? this.handleDialogClick : null,
ref: function ref(_ref) {
_this2.dialog = _ref;
}
}),
items
);
if (this.props.onExited) {
var _props3;
return _react2.default.createElement(
_Modal2.default,
_extends({
ref: function ref(_ref2) {
_this2.modal = _ref2;
},
show: show,
onEntering: this.handleShow,
onExited: this.handleHide,
backdropClassName: (0, _classnames2.default)(prefixClass + '-backdrop', inClass),
containerClassName: prefixClass + '-open',
transition: animation ? _Fade2.default : undefined,
dialogTransitionTimeout: TRANSITION_DURATION,
backdropTransitionTimeout: BACKDROP_TRANSITION_DURATION
}, parentProps),
modal
);
}
}]);
(_props3 = this.props).onExited.apply(_props3, arguments);
}
},
handleDialogClick: function handleDialogClick(e) {
if (e.target !== e.currentTarget) {
return;
}
this.props.onHide();
},
handleWindowResize: function handleWindowResize() {
this.setState(this.getStyles());
},
getStyles: function getStyles() {
return Modal;
}(_react2.default.Component);
if (!_domLib.canUseDOM) {
return {};
}
Modal.propTypes = propTypes;
Modal.defaultProps = defaultProps;
Modal.childContextTypes = childContextTypes;
var node = _reactDom2.default.findDOMNode(this._modal);
var doc = (0, _domLib.ownerDocument)(node);
var scrollHeight = node.scrollHeight;
var bodyIsOverflowing = (0, _domLib.isOverflowing)(_reactDom2.default.findDOMNode(this.props.container || doc.body));
var modalIsOverflowing = scrollHeight > doc.documentElement.clientHeight;
var styles = {
modalStyles: {
paddingRight: bodyIsOverflowing && !modalIsOverflowing ? (0, _domLib.getScrollbarSize)() : void 0,
paddingLeft: !bodyIsOverflowing && modalIsOverflowing ? (0, _domLib.getScrollbarSize)() : void 0
}
};
if (this.props.autoResizeHeight) {
//Header height + Footer height + Dialog margin
var excludeHeight = 200;
var contentHeight = (0, _domLib.getHeight)(window) - excludeHeight;
var maxHeight = scrollHeight >= contentHeight ? contentHeight : scrollHeight;
styles.bodyStyles = {
maxHeight: maxHeight,
overflow: 'auto'
};
}
return styles;
}
});
Modal.Body = _ModalBody2.default;

@@ -292,0 +331,0 @@ Modal.Header = _ModalHeader2.default;

72

lib/ModalBody.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,6 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _react = require('react');

@@ -16,57 +18,27 @@

var _classnames = require('classnames');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _classnames2 = _interopRequireDefault(_classnames);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var ModalBody = _react2.default.createClass({
displayName: 'ModalBody',
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var propTypes = {
prefixClass: _propTypes2.default.string
};
var defaultProps = {
prefixClass: 'modal'
};
var ModalBody = function (_React$Component) {
_inherits(ModalBody, _React$Component);
function ModalBody() {
_classCallCheck(this, ModalBody);
return _possibleConstructorReturn(this, (ModalBody.__proto__ || Object.getPrototypeOf(ModalBody)).apply(this, arguments));
}
_createClass(ModalBody, [{
key: 'render',
value: function render() {
var _props = this.props,
prefixClass = _props.prefixClass,
className = _props.className,
props = _objectWithoutProperties(_props, ['prefixClass', 'className']);
var classes = (0, _classnames2.default)(prefixClass + '-body', className);
return _react2.default.createElement('div', _extends({}, props, { className: classes }));
mixins: [_ClassNameMixin2.default],
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'modal'
};
},
render: function render() {
var classes = (0, _classnames2.default)(this.prefix('body'), this.props.className);
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: classes }),
this.props.children
);
}
}]);
});
return ModalBody;
}(_react2.default.Component);
ModalBody.propTypes = propTypes;
ModalBody.defaultProps = defaultProps;
ModalBody.displayName = 'ModalBody';
exports.default = ModalBody;

125

lib/ModalDialog.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,6 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _react = require('react');

@@ -16,92 +18,57 @@

var _propTypes = require('prop-types');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _decorate = require('./utils/decorate');
var _decorate2 = _interopRequireDefault(_decorate);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var ModalDialog = _react2.default.createClass({
displayName: 'ModalDialog',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
/**
* A css class to apply to the Modal dialog DOM node.
*/
dialogClassName: _react2.default.PropTypes.string
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
render: function render() {
var _props = this.props,
className = _props.className,
style = _props.style,
props = _objectWithoutProperties(_props, ['className', 'style']);
var propTypes = {
prefixClass: _propTypes2.default.string,
dialogClassName: _propTypes2.default.string
};
var modalStyle = _extends({
display: 'block'
}, style);
var modalClasses = (0, _classnames2.default)('modal', className);
var dialogClasses = _classnames2.default.apply(undefined, [this.prefix('dialog'), this.props.dialogClassName].concat(_toConsumableArray(this.getClassNames())));
var defaultProps = {
prefixClass: 'modal',
dialogClassName: null
};
var ModalDialog = function (_React$Component) {
_inherits(ModalDialog, _React$Component);
function ModalDialog() {
_classCallCheck(this, ModalDialog);
return _possibleConstructorReturn(this, (ModalDialog.__proto__ || Object.getPrototypeOf(ModalDialog)).apply(this, arguments));
}
_createClass(ModalDialog, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
style = _props.style,
children = _props.children,
dialogClassName = _props.dialogClassName,
prefixClass = _props.prefixClass,
props = _objectWithoutProperties(_props, ['className', 'style', 'children', 'dialogClassName', 'prefixClass']);
var modalStyle = _extends({
display: 'block'
}, style);
var modalClasses = (0, _classnames2.default)(prefixClass, className);
var dialogClasses = (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(this.props), _defineProperty({}, prefixClass, false)), prefixClass + '-dialog', dialogClassName);
return _react2.default.createElement(
'div',
_extends({
title: null,
role: 'dialog',
style: modalStyle,
className: modalClasses
}, props),
_react2.default.createElement(
'div',
{ className: dialogClasses },
_react2.default.createElement(
return _react2.default.createElement(
'div',
{ className: prefixClass + '-content', role: 'document' },
children
)
)
);
_extends({
title: null,
tabIndex: '-1',
role: 'dialog',
style: modalStyle,
className: modalClasses
}, props),
_react2.default.createElement(
'div',
{ className: dialogClasses },
_react2.default.createElement(
'div',
{ className: this.prefix('content'), role: 'document' },
this.props.children
)
)
);
}
}]);
});
return ModalDialog;
}(_react2.default.Component);
ModalDialog.propTypes = propTypes;
ModalDialog.defaultProps = defaultProps;
exports.default = (0, _decorate2.default)({
size: true
})(ModalDialog);
exports.default = ModalDialog;

69

lib/ModalFooter.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react = require('react');

@@ -25,50 +19,27 @@

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _ClassNameMixin = require('./mixins/ClassNameMixin');
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var ModalFooter = _react2.default.createClass({
displayName: 'ModalFooter',
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var propTypes = {
prefixClass: _propTypes2.default.string
};
var defaultProps = {
prefixClass: 'modal'
};
var ModalFooter = function (_React$Component) {
_inherits(ModalFooter, _React$Component);
function ModalFooter() {
_classCallCheck(this, ModalFooter);
return _possibleConstructorReturn(this, (ModalFooter.__proto__ || Object.getPrototypeOf(ModalFooter)).apply(this, arguments));
}
_createClass(ModalFooter, [{
key: 'render',
value: function render() {
var _props = this.props,
prefixClass = _props.prefixClass,
className = _props.className,
props = _objectWithoutProperties(_props, ['prefixClass', 'className']);
var classes = (0, _classnames2.default)(prefixClass + '-footer', className);
return _react2.default.createElement('div', _extends({}, props, {
className: classes
}));
mixins: [_ClassNameMixin2.default],
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'modal'
};
},
render: function render() {
var classes = (0, _classnames2.default)(this.prefix('footer'), this.props.className);
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: classes }),
this.props.children
);
}
}]);
});
return ModalFooter;
}(_react2.default.Component);
ModalFooter.propTypes = propTypes;
ModalFooter.defaultProps = defaultProps;
exports.default = ModalFooter;

115

lib/ModalHeader.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react = require('react');

@@ -29,80 +23,49 @@

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _ClassNameMixin = require('./mixins/ClassNameMixin');
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var ModalHeader = _react2.default.createClass({
displayName: 'ModalHeader',
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
mixins: [_ClassNameMixin2.default],
contextTypes: {
onModalHide: _react2.default.PropTypes.func
},
propTypes: {
closeButton: _react2.default.PropTypes.bool,
onHide: _react2.default.PropTypes.func
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'modal',
closeButton: true
};
},
render: function render() {
var propTypes = {
prefixClass: _propTypes2.default.string,
closeButton: _propTypes2.default.bool,
onHide: _propTypes2.default.func
};
var handleHide = (0, _createChainedFunction2.default)(this.context.onModalHide, this.props.onHide);
var classes = (0, _classnames2.default)(this.prefix('header'), this.props.className);
var defaultProps = {
prefixClass: 'modal',
closeButton: true,
onHide: undefined
};
var closeButton = _react2.default.createElement(
'button',
{ type: 'button', className: 'close', 'aria-label': 'Close', onClick: handleHide },
_react2.default.createElement(
'span',
{ 'aria-hidden': 'true' },
'\xD7'
)
);
var contextTypes = {
onModalHide: _propTypes2.default.func
};
var ModalHeader = function (_React$Component) {
_inherits(ModalHeader, _React$Component);
function ModalHeader() {
_classCallCheck(this, ModalHeader);
return _possibleConstructorReturn(this, (ModalHeader.__proto__ || Object.getPrototypeOf(ModalHeader)).apply(this, arguments));
}
_createClass(ModalHeader, [{
key: 'render',
value: function render() {
var _props = this.props,
prefixClass = _props.prefixClass,
onHide = _props.onHide,
className = _props.className,
closeButton = _props.closeButton,
children = _props.children,
props = _objectWithoutProperties(_props, ['prefixClass', 'onHide', 'className', 'closeButton', 'children']);
var classes = (0, _classnames2.default)(prefixClass + '-header', className);
return _react2.default.createElement(
'div',
_extends({}, props, {
className: classes
}),
closeButton && _react2.default.createElement(
'button',
{
type: 'button',
className: 'close',
'aria-label': 'Close',
onClick: (0, _createChainedFunction2.default)(this.context.onModalHide, onHide)
},
_react2.default.createElement(
'span',
{ 'aria-hidden': 'true' },
'\xD7'
)
),
children
);
return _react2.default.createElement(
'div',
_extends({}, this.props, { className: classes }),
this.props.closeButton && closeButton,
this.props.children
);
}
}]);
});
return ModalHeader;
}(_react2.default.Component);
ModalHeader.propTypes = propTypes;
ModalHeader.defaultProps = defaultProps;
ModalHeader.contextTypes = contextTypes;
exports.default = ModalHeader;

69

lib/ModalTitle.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,55 +19,22 @@

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _ClassNameMixin = require('./mixins/ClassNameMixin');
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var ModalTitle = _react2.default.createClass({
displayName: 'ModalTitle',
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var propTypes = {
prefixClass: _propTypes2.default.string
};
var defaultProps = {
prefixClass: 'modal'
};
var ModalTitle = function (_React$Component) {
_inherits(ModalTitle, _React$Component);
function ModalTitle() {
_classCallCheck(this, ModalTitle);
return _possibleConstructorReturn(this, (ModalTitle.__proto__ || Object.getPrototypeOf(ModalTitle)).apply(this, arguments));
}
_createClass(ModalTitle, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
prefixClass = _props.prefixClass,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'prefixClass', 'children']);
var classes = (0, _classnames2.default)(prefixClass + '-title', className);
return _react2.default.createElement(
'h4',
_extends({}, props, {
className: classes
}),
children
);
mixins: [_ClassNameMixin2.default],
render: function render() {
var classes = (0, _classnames2.default)(this.prefix('title'), this.props.className);
return _react2.default.createElement(
'h4',
_extends({}, this.props, { className: classes }),
this.props.children
);
}
}]);
});
return ModalTitle;
}(_react2.default.Component);
ModalTitle.propTypes = propTypes;
ModalTitle.defaultProps = defaultProps;
exports.default = ModalTitle;

154

lib/Nav.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,5 +19,5 @@

var _lodash = require('lodash');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _lodash2 = _interopRequireDefault(_lodash);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);

@@ -38,10 +32,2 @@ var _NavItem = require('./NavItem');

var _ReactChildren = require('./utils/ReactChildren');
var _ReactChildren2 = _interopRequireDefault(_ReactChildren);
var _isNullOrUndefined = require('./utils/isNullOrUndefined');
var _isNullOrUndefined2 = _interopRequireDefault(_isNullOrUndefined);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -53,92 +39,62 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Nav = _react2.default.createClass({
displayName: 'Nav',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
tabs: _react2.default.PropTypes.bool,
pills: _react2.default.PropTypes.bool,
justified: _react2.default.PropTypes.bool,
stacked: _react2.default.PropTypes.bool,
onSelect: _react2.default.PropTypes.func,
pullRight: _react2.default.PropTypes.bool,
activeKey: _react2.default.PropTypes.any
},
contextTypes: {
navbar: _react2.default.PropTypes.bool
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'nav',
pullRight: false
};
},
render: function render() {
var _classNames;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var _props = this.props,
tabs = _props.tabs,
pills = _props.pills,
stacked = _props.stacked,
justified = _props.justified,
pullRight = _props.pullRight,
className = _props.className,
children = _props.children,
onSelect = _props.onSelect,
activeKey = _props.activeKey,
props = _objectWithoutProperties(_props, ['tabs', 'pills', 'stacked', 'justified', 'pullRight', 'className', 'children', 'onSelect', 'activeKey']);
var propTypes = {
prefixClass: _propTypes2.default.string,
tabs: _propTypes2.default.bool,
pills: _propTypes2.default.bool,
justified: _propTypes2.default.bool,
stacked: _propTypes2.default.bool,
pullRight: _propTypes2.default.bool,
activeKey: _propTypes2.default.any,
onSelect: _propTypes2.default.func
};
var classes = (0, _classnames2.default)((_classNames = {
'nav': true,
'navbar-right': pullRight,
'navbar-nav': this.context.navbar
}, _defineProperty(_classNames, this.prefix('pills'), pills), _defineProperty(_classNames, this.prefix('tabs'), tabs), _defineProperty(_classNames, this.prefix('stacked'), stacked), _defineProperty(_classNames, this.prefix('justified'), justified), _classNames), className);
var defaultProps = {
prefixClass: 'nav',
tabs: false,
pills: false,
justified: false,
stacked: false,
pullRight: false,
activeKey: undefined,
onSelect: undefined
};
var items = _react2.default.Children.map(children, function (item, index) {
var contextTypes = {
navbar: _propTypes2.default.bool
};
return _react2.default.cloneElement(item, {
key: index,
onSelect: onSelect,
active: activeKey && activeKey === item.props.eventKey || item.props.active
}, item.props.children);
});
var Nav = function (_React$Component) {
_inherits(Nav, _React$Component);
function Nav() {
_classCallCheck(this, Nav);
return _possibleConstructorReturn(this, (Nav.__proto__ || Object.getPrototypeOf(Nav)).apply(this, arguments));
}
_createClass(Nav, [{
key: 'render',
value: function render() {
var _classNames;
var _props = this.props,
prefixClass = _props.prefixClass,
tabs = _props.tabs,
pills = _props.pills,
stacked = _props.stacked,
justified = _props.justified,
pullRight = _props.pullRight,
className = _props.className,
children = _props.children,
onSelect = _props.onSelect,
activeKey = _props.activeKey,
props = _objectWithoutProperties(_props, ['prefixClass', 'tabs', 'pills', 'stacked', 'justified', 'pullRight', 'className', 'children', 'onSelect', 'activeKey']);
var classes = (0, _classnames2.default)(prefixClass, (_classNames = {}, _defineProperty(_classNames, prefixClass + 'bar-right', pullRight), _defineProperty(_classNames, prefixClass + 'bar-nav', this.context.navbar), _defineProperty(_classNames, prefixClass + '-pills', pills), _defineProperty(_classNames, prefixClass + '-tabs', tabs), _defineProperty(_classNames, prefixClass + '-stacked', stacked), _defineProperty(_classNames, prefixClass + '-justified', justified), _classNames), className);
var items = _ReactChildren2.default.mapCloneElement(children, function (item) {
var _item$props = item.props,
eventKey = _item$props.eventKey,
active = _item$props.active;
if (item.type.displayName !== 'NavItem') {
return null;
}
return {
onSelect: onSelect,
active: (0, _isNullOrUndefined2.default)(activeKey) ? active : _lodash2.default.isEqual(activeKey, eventKey)
};
});
return _react2.default.createElement(
'ul',
_extends({}, props, { className: classes }),
items
);
return _react2.default.createElement(
'ul',
_extends({}, props, { className: classes }),
items
);
}
}]);
});
return Nav;
}(_react2.default.Component);
Nav.propTypes = propTypes;
Nav.defaultProps = defaultProps;
Nav.contextTypes = contextTypes;
Nav.Item = _NavItem2.default;

@@ -145,0 +101,0 @@ Nav.Dropdown = _NavDropdown2.default;

165

lib/Navbar.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,4 +19,8 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _elementType = require('./prop-types/elementType');
var _elementType2 = _interopRequireDefault(_elementType);

@@ -52,99 +50,74 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Navbar = _react2.default.createClass({
displayName: 'Navbar',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
classPrefix: _react2.default.PropTypes.string,
fixedTop: _react2.default.PropTypes.bool,
fixedBottom: _react2.default.PropTypes.bool,
inverse: _react2.default.PropTypes.bool,
componentClass: _elementType2.default,
onToggle: _react2.default.PropTypes.func
},
childContextTypes: {
classPrefix: _react2.default.PropTypes.string,
navbar: _react2.default.PropTypes.bool,
expanded: _react2.default.PropTypes.bool,
onToggle: _react2.default.PropTypes.func
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'navbar',
componentClass: 'div',
inverse: false
};
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getInitialState: function getInitialState() {
return {
expanded: false
};
},
getChildContext: function getChildContext() {
return {
navbar: true,
classPrefix: this.props.classPrefix,
onToggle: this.handleToggle,
expanded: this.state.expanded
};
},
handleToggle: function handleToggle() {
var propTypes = {
prefixClass: _propTypes2.default.string,
fixedTop: _propTypes2.default.bool,
fixedBottom: _propTypes2.default.bool,
inverse: _propTypes2.default.bool,
componentClass: _elementType2.default,
onToggle: _propTypes2.default.func
};
var expanded = !this.state.expanded;
var defaultProps = {
prefixClass: 'navbar',
componentClass: 'div',
fixedTop: false,
fixedBottom: false,
inverse: false,
onToggle: undefined
};
this.setState({
expanded: expanded
});
this.props.onToggle && this.props.onToggle();
},
render: function render() {
var _classNames;
var childContextTypes = {
prefixClass: _propTypes2.default.string,
navbar: _propTypes2.default.bool,
expanded: _propTypes2.default.bool,
onToggle: _propTypes2.default.func
};
var _props = this.props,
inverse = _props.inverse,
fixedTop = _props.fixedTop,
fixedBottom = _props.fixedBottom,
Component = _props.componentClass,
children = _props.children,
className = _props.className,
props = _objectWithoutProperties(_props, ['inverse', 'fixedTop', 'fixedBottom', 'componentClass', 'children', 'className']);
var Navbar = function (_React$Component) {
_inherits(Navbar, _React$Component);
var classes = (0, _classnames2.default)(className, (_classNames = {
'navbar': true
}, _defineProperty(_classNames, this.prefix('default'), !inverse), _defineProperty(_classNames, this.prefix('inverse'), inverse), _defineProperty(_classNames, this.prefix('fixed-top'), fixedTop), _defineProperty(_classNames, this.prefix('fixed-Bottom'), fixedBottom), _classNames));
function Navbar(props) {
_classCallCheck(this, Navbar);
var _this = _possibleConstructorReturn(this, (Navbar.__proto__ || Object.getPrototypeOf(Navbar)).call(this, props));
_this.state = {
expanded: false
};
_this.handleToggle = _this.handleToggle.bind(_this);
return _this;
}
_createClass(Navbar, [{
key: 'getChildContext',
value: function getChildContext() {
return {
navbar: true,
prefixClass: this.props.prefixClass,
onToggle: this.handleToggle,
expanded: this.state.expanded
};
return _react2.default.createElement(
Component,
_extends({}, props, { className: classes, role: 'navigation' }),
children
);
}
}, {
key: 'handleToggle',
value: function handleToggle() {
var onToggle = this.props.onToggle;
});
this.setState({
expanded: !this.state.expanded
});
onToggle && onToggle();
}
}, {
key: 'render',
value: function render() {
var _classNames;
var _props = this.props,
inverse = _props.inverse,
fixedTop = _props.fixedTop,
fixedBottom = _props.fixedBottom,
className = _props.className,
prefixClass = _props.prefixClass,
onToggle = _props.onToggle,
Component = _props.componentClass,
props = _objectWithoutProperties(_props, ['inverse', 'fixedTop', 'fixedBottom', 'className', 'prefixClass', 'onToggle', 'componentClass']);
var classes = (0, _classnames2.default)((_classNames = {}, _defineProperty(_classNames, prefixClass + '-default', !inverse), _defineProperty(_classNames, prefixClass + '-inverse', inverse), _defineProperty(_classNames, prefixClass + '-fixed-top', fixedTop), _defineProperty(_classNames, prefixClass + '-fixed-bottom', fixedBottom), _classNames), prefixClass, className);
return _react2.default.createElement(Component, _extends({}, props, {
className: classes,
role: 'navigation'
}));
}
}]);
return Navbar;
}(_react2.default.Component);
Navbar.propTypes = propTypes;
Navbar.defaultProps = defaultProps;
Navbar.childContextTypes = childContextTypes;
Navbar.Brand = _NavbarBrand2.default;

@@ -151,0 +124,0 @@ Navbar.Header = _NavbarHeader2.default;

80

lib/NavbarBrand.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -29,58 +23,28 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var NavbarBrand = _react2.default.createClass({
displayName: 'NavbarBrand',
render: function render() {
var _props = this.props,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'children']);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var classes = (0, _classnames2.default)({
'navbar-brand': true
}, className);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
if (_react2.default.isValidElement(children)) {
return _react2.default.cloneElement(children, {
className: (0, _classnames2.default)(children.props.className, classes)
});
}
var propTypes = {
prefixClass: _propTypes2.default.string
};
var defaultProps = {
prefixClass: 'navbar'
};
var NavbarBrand = function (_React$Component) {
_inherits(NavbarBrand, _React$Component);
function NavbarBrand() {
_classCallCheck(this, NavbarBrand);
return _possibleConstructorReturn(this, (NavbarBrand.__proto__ || Object.getPrototypeOf(NavbarBrand)).apply(this, arguments));
}
_createClass(NavbarBrand, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
prefixClass = _props.prefixClass,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'prefixClass', 'children']);
var classes = (0, _classnames2.default)(prefixClass + '-brand', className);
if (_react2.default.isValidElement(children)) {
return _react2.default.cloneElement(children, {
className: (0, _classnames2.default)(children.props.className, classes)
});
}
return _react2.default.createElement(
'span',
_extends({}, props, {
className: classes
}),
children
);
return _react2.default.createElement(
'span',
_extends({}, props, { className: classes }),
children
);
}
}]);
});
return NavbarBrand;
}(_react2.default.Component);
NavbarBrand.propTypes = propTypes;
NavbarBrand.defaultProps = defaultProps;
exports.default = NavbarBrand;

88

lib/NavbarCollapse.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,3 +19,3 @@

var _Collapse = require('rsuite-utils/lib/Animation/Collapse');
var _Collapse = require('./fixtures/Collapse');

@@ -34,61 +28,31 @@ var _Collapse2 = _interopRequireDefault(_Collapse);

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var NavbarCollapse = _react2.default.createClass({
displayName: 'NavbarCollapse',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
contextTypes: {
expanded: _react2.default.PropTypes.bool
},
render: function render() {
var _props = this.props,
children = _props.children,
props = _objectWithoutProperties(_props, ['children']);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var classes = (0, _classnames2.default)({
'collapse': true,
'navbar-collapse': true
});
var propTypes = {
prefixClass: _propTypes2.default.string
};
var defaultProps = {
prefixClass: 'navbar'
};
var contextTypes = {
expanded: _propTypes2.default.bool
};
var NavbarCollapse = function (_React$Component) {
_inherits(NavbarCollapse, _React$Component);
function NavbarCollapse() {
_classCallCheck(this, NavbarCollapse);
return _possibleConstructorReturn(this, (NavbarCollapse.__proto__ || Object.getPrototypeOf(NavbarCollapse)).apply(this, arguments));
}
_createClass(NavbarCollapse, [{
key: 'render',
value: function render() {
var _props = this.props,
children = _props.children,
prefixClass = _props.prefixClass,
props = _objectWithoutProperties(_props, ['children', 'prefixClass']);
var classes = (0, _classnames2.default)('collapse', prefixClass + '-collapse');
var expanded = this.context.expanded;
return _react2.default.createElement(
_Collapse2.default,
_extends({}, props, {
'in': expanded
}),
_react2.default.createElement(
'div',
{ className: classes },
children
)
);
var expanded = this.context.expanded;
return _react2.default.createElement(
_Collapse2.default,
_extends({ 'in': expanded }, props),
_react2.default.createElement(
'div',
{ className: classes },
children
)
);
}
}]);
});
return NavbarCollapse;
}(_react2.default.Component);
NavbarCollapse.contextTypes = contextTypes;
NavbarCollapse.propTypes = propTypes;
NavbarCollapse.defaultProps = defaultProps;
exports.default = NavbarCollapse;

58

lib/NavbarHeader.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -29,45 +23,17 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var NavbarHeader = _react2.default.createClass({
displayName: 'NavbarHeader',
render: function render() {
var _props = this.props,
className = _props.className,
props = _objectWithoutProperties(_props, ['className']);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var classes = (0, _classnames2.default)({
'navbar-header': true
}, className);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var propTypes = {
prefixClass: _propTypes2.default.string
};
var defaultProps = {
prefixClass: 'navbar'
};
var NavbarHeader = function (_React$Component) {
_inherits(NavbarHeader, _React$Component);
function NavbarHeader() {
_classCallCheck(this, NavbarHeader);
return _possibleConstructorReturn(this, (NavbarHeader.__proto__ || Object.getPrototypeOf(NavbarHeader)).apply(this, arguments));
}
_createClass(NavbarHeader, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
prefixClass = _props.prefixClass,
props = _objectWithoutProperties(_props, ['className', 'prefixClass']);
var classes = (0, _classnames2.default)(prefixClass + '-header', className);
return _react2.default.createElement('div', _extends({}, props, { className: classes }));
return _react2.default.createElement('div', _extends({}, props, { className: classes }));
}
}]);
});
return NavbarHeader;
}(_react2.default.Component);
NavbarHeader.propTypes = propTypes;
NavbarHeader.defaultProps = defaultProps;
exports.default = NavbarHeader;

121

lib/NavbarToggle.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react = require('react');

@@ -33,81 +27,56 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var NavbarToggle = _react2.default.createClass({
displayName: 'NavbarToggle',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
propTypes: {
onClick: _react2.default.PropTypes.func,
children: _react2.default.PropTypes.node
},
contextTypes: {
onToggle: _react2.default.PropTypes.func,
expanded: _react2.default.PropTypes.bool
},
var propTypes = {
prefixClass: _propTypes2.default.string,
onClick: _propTypes2.default.func
};
render: function render() {
var _props = this.props,
onClick = _props.onClick,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['onClick', 'className', 'children']);
var defaultProps = {
prefixClass: 'navbar',
onClick: undefined
};
var _context = this.context,
onToggle = _context.onToggle,
expanded = _context.expanded;
var contextTypes = {
onToggle: _propTypes2.default.func,
expanded: _propTypes2.default.bool
};
var NavbarToggle = function (_React$Component) {
_inherits(NavbarToggle, _React$Component);
var buttonProps = _extends({}, props, {
type: 'button',
onClick: (0, _createChainedFunction2.default)(onClick, onToggle),
className: (0, _classnames2.default)('navbar-toggle', !expanded && 'collapsed', className)
});
function NavbarToggle() {
_classCallCheck(this, NavbarToggle);
if (children) {
return _react2.default.createElement(
'button',
buttonProps,
children
);
}
return _possibleConstructorReturn(this, (NavbarToggle.__proto__ || Object.getPrototypeOf(NavbarToggle)).apply(this, arguments));
}
_createClass(NavbarToggle, [{
key: 'render',
value: function render() {
var _props = this.props,
onClick = _props.onClick,
className = _props.className,
children = _props.children,
prefixClass = _props.prefixClass,
props = _objectWithoutProperties(_props, ['onClick', 'className', 'children', 'prefixClass']);
var _context = this.context,
onToggle = _context.onToggle,
expanded = _context.expanded;
var classes = (0, _classnames2.default)(prefixClass + '-toggle', {
collapsed: !expanded
}, className);
return _react2.default.createElement(
'button',
_extends({}, props, {
type: 'button',
onClick: (0, _createChainedFunction2.default)(onClick, onToggle),
className: classes
}),
children || _react2.default.createElement(
'span',
null,
_react2.default.createElement(
'span',
{ className: 'sr-only' },
'Toggle navigation'
),
_react2.default.createElement('span', { className: 'icon-bar' }),
_react2.default.createElement('span', { className: 'icon-bar' }),
_react2.default.createElement('span', { className: 'icon-bar' })
)
);
return _react2.default.createElement(
'button',
buttonProps,
_react2.default.createElement(
'span',
{ className: 'sr-only' },
'Toggle navigation'
),
_react2.default.createElement('span', { className: 'icon-bar' }),
_react2.default.createElement('span', { className: 'icon-bar' }),
_react2.default.createElement('span', { className: 'icon-bar' })
);
}
}]);
});
return NavbarToggle;
}(_react2.default.Component);
NavbarToggle.propTypes = propTypes;
NavbarToggle.defaultProps = defaultProps;
NavbarToggle.contextTypes = contextTypes;
exports.default = NavbarToggle;

80

lib/NavDropdown.js

@@ -9,4 +9,2 @@ 'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -33,60 +27,30 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var NavDropdown = _react2.default.createClass({
displayName: 'NavDropdown',
getMountNode: function getMountNode() {
return this.mountNode;
},
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
render: function render() {
var _this = this;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var _props = this.props,
className = _props.className,
props = _objectWithoutProperties(_props, ['className']);
var propTypes = {
active: _propTypes2.default.bool,
disabled: _propTypes2.default.bool
};
var classes = (0, _classnames2.default)({
'nav-dropdown': true
}, className);
var NavDropdown = function (_React$Component) {
_inherits(NavDropdown, _React$Component);
function NavDropdown() {
_classCallCheck(this, NavDropdown);
return _possibleConstructorReturn(this, (NavDropdown.__proto__ || Object.getPrototypeOf(NavDropdown)).apply(this, arguments));
return _react2.default.createElement(_Dropdown2.default, _extends({}, props, {
ref: function ref(_ref) {
return _this.mountNode = _ref;
},
componentClass: 'li',
useAnchor: true,
className: classes
}));
}
});
_createClass(NavDropdown, [{
key: 'getMountNode',
value: function getMountNode() {
return this.mountNode;
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
var _props = this.props,
className = _props.className,
active = _props.active,
disabled = _props.disabled,
props = _objectWithoutProperties(_props, ['className', 'active', 'disabled']);
var classes = (0, _classnames2.default)('nav-dropdown', {
active: active,
disabled: disabled
}, className);
return _react2.default.createElement(_Dropdown2.default, _extends({}, props, {
componentClass: 'li',
useAnchor: true,
className: classes,
disabled: disabled,
ref: function ref(_ref) {
_this2.mountNode = _ref;
}
}));
}
}]);
return NavDropdown;
}(_react2.default.Component);
NavDropdown.propTypes = propTypes;
exports.default = NavDropdown;

159

lib/NavItem.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react = require('react');

@@ -25,3 +19,3 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType = require('./prop-types/elementType');

@@ -34,5 +28,5 @@ var _elementType2 = _interopRequireDefault(_elementType);

var _SafeAnchor = require('./SafeAnchor');
var _Anchor = require('./Anchor');
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _Anchor2 = _interopRequireDefault(_Anchor);

@@ -43,97 +37,70 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var NavItem = _react2.default.createClass({
displayName: 'NavItem',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
propTypes: {
active: _react2.default.PropTypes.bool,
disabled: _react2.default.PropTypes.bool,
href: _react2.default.PropTypes.string,
onClick: _react2.default.PropTypes.func,
onSelect: _react2.default.PropTypes.func,
eventKey: _react2.default.PropTypes.any,
componentClass: _elementType2.default,
role: _react2.default.PropTypes.string
},
var propTypes = {
active: _propTypes2.default.bool,
disabled: _propTypes2.default.bool,
onClick: _propTypes2.default.func,
onSelect: _propTypes2.default.func,
eventKey: _propTypes2.default.any,
componentClass: _elementType2.default
};
getDefaultProps: function getDefaultProps() {
return {
href: '',
active: false,
disabled: false
};
},
handleClick: function handleClick(e) {
var defaultProps = {
href: '',
active: false,
disabled: false,
componentClass: _SafeAnchor2.default,
onClick: undefined,
onSelect: undefined,
eventKey: undefined
if (this.props.onSelect) {
if (!this.props.disabled) {
this.props.onSelect(this.props.eventKey, e);
}
}
},
render: function render() {
var _props = this.props,
active = _props.active,
disabled = _props.disabled,
role = _props.role,
href = _props.href,
onClick = _props.onClick,
className = _props.className,
style = _props.style,
onSelect = _props.onSelect,
eventKey = _props.eventKey,
children = _props.children,
props = _objectWithoutProperties(_props, ['active', 'disabled', 'role', 'href', 'onClick', 'className', 'style', 'onSelect', 'eventKey', 'children']);
};
var classes = (0, _classnames2.default)({
active: active,
disabled: disabled
}, className);
var NavItem = function (_React$Component) {
_inherits(NavItem, _React$Component);
var Component = this.props.componentClass || _Anchor2.default;
function NavItem(props) {
_classCallCheck(this, NavItem);
var _this = _possibleConstructorReturn(this, (NavItem.__proto__ || Object.getPrototypeOf(NavItem)).call(this, props));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
_createClass(NavItem, [{
key: 'handleClick',
value: function handleClick(event) {
var _props = this.props,
onSelect = _props.onSelect,
disabled = _props.disabled,
eventKey = _props.eventKey;
if (onSelect && !disabled) {
onSelect(eventKey, event);
}
return _react2.default.createElement(
'li',
{ role: 'presentation', className: classes, style: style },
_react2.default.createElement(
Component,
_extends({}, props, {
disabled: disabled,
role: role,
href: href,
onClick: (0, _createChainedFunction2.default)(onClick, this.handleClick)
}),
children
)
);
}
}, {
key: 'render',
value: function render() {
var _props2 = this.props,
active = _props2.active,
disabled = _props2.disabled,
onClick = _props2.onClick,
className = _props2.className,
style = _props2.style,
eventKey = _props2.eventKey,
children = _props2.children,
Component = _props2.componentClass,
props = _objectWithoutProperties(_props2, ['active', 'disabled', 'onClick', 'className', 'style', 'eventKey', 'children', 'componentClass']);
});
var classes = (0, _classnames2.default)({
active: active,
disabled: disabled
}, className);
return _react2.default.createElement(
'li',
{
role: 'presentation',
className: classes,
style: style
},
_react2.default.createElement(
Component,
_extends({}, props, {
disabled: disabled,
onClick: (0, _createChainedFunction2.default)(onClick, this.handleClick)
}),
children
)
);
}
}]);
return NavItem;
}(_react2.default.Component);
NavItem.propTypes = propTypes;
NavItem.defaultProps = defaultProps;
NavItem.displayName = 'NavItem';
exports.default = NavItem;

504

lib/Pagination.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,6 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _react = require('react');

@@ -16,18 +18,10 @@

var _propTypes = require('prop-types');
var _elementType = require('./prop-types/elementType');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _elementType2 = _interopRequireDefault(_elementType);
var _classnames = require('classnames');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _classnames2 = _interopRequireDefault(_classnames);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType2 = _interopRequireDefault(_elementType);
var _PaginationButton = require('./PaginationButton');

@@ -37,282 +31,280 @@

var _SafeAnchor = require('./SafeAnchor');
var _Anchor = require('./Anchor');
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _Anchor2 = _interopRequireDefault(_Anchor);
var _decorate = require('./utils/decorate');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _decorate2 = _interopRequireDefault(_decorate);
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Pagination = _react2.default.createClass({
displayName: 'Pagination',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
activePage: _react2.default.PropTypes.number,
pages: _react2.default.PropTypes.number,
maxButtons: _react2.default.PropTypes.number,
/**
* When `true`, will display the first and the last button page
*/
boundaryLinks: _react2.default.PropTypes.bool,
/**
* When `true`, will display the default node value ('&hellip;').
* Otherwise, will display provided node (when specified).
*/
ellipsis: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.bool, _react2.default.PropTypes.node]),
/**
* When `true`, will display the default node value ('&laquo;').
* Otherwise, will display provided node (when specified).
*/
first: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.bool, _react2.default.PropTypes.node]),
/**
* When `true`, will display the default node value ('&raquo;').
* Otherwise, will display provided node (when specified).
*/
last: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.bool, _react2.default.PropTypes.node]),
/**
* When `true`, will display the default node value ('&lsaquo;').
* Otherwise, will display provided node (when specified).
*/
prev: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.bool, _react2.default.PropTypes.node]),
/**
* When `true`, will display the default node value ('&rsaquo;').
* Otherwise, will display provided node (when specified).
*/
next: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.bool, _react2.default.PropTypes.node]),
onSelect: _react2.default.PropTypes.func,
/**
* You can use a custom element for the buttons
*/
buttonComponentClass: _elementType2.default,
classPrefix: _react2.default.PropTypes.string
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getDefaultProps: function getDefaultProps() {
return {
activePage: 1,
pages: 1,
maxButtons: 0,
first: false,
last: false,
prev: false,
next: false,
ellipsis: false,
boundaryLinks: false,
classPrefix: 'pagination',
buttonComponentClass: _Anchor2.default
};
},
renderPageButtons: function renderPageButtons() {
var propTypes = {
activePage: _propTypes2.default.number,
pages: _propTypes2.default.number,
maxButtons: _propTypes2.default.number,
boundaryLinks: _propTypes2.default.bool,
ellipsis: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.node]),
first: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.node]),
last: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.node]),
prev: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.node]),
next: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.node]),
onSelect: _propTypes2.default.func,
buttonComponentClass: _elementType2.default,
prefixClass: _propTypes2.default.string
};
var pageButtons = [];
var startPage = void 0,
endPage = void 0,
hasHiddenPagesAfter = void 0;
var _props = this.props,
maxButtons = _props.maxButtons,
activePage = _props.activePage,
pages = _props.pages,
ellipsis = _props.ellipsis,
boundaryLinks = _props.boundaryLinks;
var defaultProps = {
activePage: 1,
pages: 1,
maxButtons: 0,
first: false,
last: false,
prev: false,
next: false,
ellipsis: false,
boundaryLinks: false,
prefixClass: 'pagination',
buttonComponentClass: _SafeAnchor2.default,
onSelect: undefined
};
var Pagination = function (_React$Component) {
_inherits(Pagination, _React$Component);
if (maxButtons) {
var hiddenPagesBefore = activePage - parseInt(maxButtons / 2, 10);
startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;
hasHiddenPagesAfter = startPage + maxButtons <= pages;
function Pagination() {
_classCallCheck(this, Pagination);
if (!hasHiddenPagesAfter) {
endPage = pages;
startPage = pages - maxButtons + 1;
if (startPage < 1) {
startPage = 1;
}
} else {
endPage = startPage + maxButtons - 1;
}
} else {
startPage = 1;
endPage = pages;
}
return _possibleConstructorReturn(this, (Pagination.__proto__ || Object.getPrototypeOf(Pagination)).apply(this, arguments));
}
for (var pagenumber = startPage; pagenumber <= endPage; pagenumber++) {
pageButtons.push(this.renderItem({
key: pagenumber,
eventKey: pagenumber,
active: pagenumber === activePage,
children: pagenumber
}));
}
_createClass(Pagination, [{
key: 'renderPageButtons',
value: function renderPageButtons() {
if (boundaryLinks && ellipsis && startPage !== 1) {
var pageButtons = [];
var startPage = void 0;
var endPage = void 0;
var hasHiddenPagesAfter = void 0;
var _props = this.props,
maxButtons = _props.maxButtons,
activePage = _props.activePage,
pages = _props.pages,
ellipsis = _props.ellipsis,
boundaryLinks = _props.boundaryLinks;
pageButtons.unshift(this.renderItem({
key: 'ellipsisFirst',
disabled: true,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'More' },
ellipsis === true ? '\u2026' : ellipsis
)
}));
pageButtons.unshift(this.renderItem({
key: 1,
eventKey: 1,
children: 1
}));
}
if (maxButtons) {
var hiddenPagesBefore = activePage - parseInt(maxButtons / 2, 10);
startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;
hasHiddenPagesAfter = startPage + maxButtons <= pages;
if (maxButtons && hasHiddenPagesAfter && ellipsis) {
pageButtons.push(this.renderItem({
key: 'ellipsis',
disabled: true,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'More' },
ellipsis === true ? '\u2026' : ellipsis
)
}));
if (!hasHiddenPagesAfter) {
endPage = pages;
startPage = pages - maxButtons + 1;
if (startPage < 1) {
startPage = 1;
}
} else {
endPage = startPage + maxButtons - 1;
if (boundaryLinks && endPage !== pages) {
pageButtons.push(this.renderItem({
key: pages,
eventKey: pages,
disabled: false,
children: pages
}));
}
}
} else {
startPage = 1;
endPage = pages;
}
for (var pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {
pageButtons.push(this.renderItem({
key: pagenumber,
eventKey: pagenumber,
active: pagenumber === activePage,
children: pagenumber
}));
}
return pageButtons;
},
renderPrev: function renderPrev() {
var _props2 = this.props,
pages = _props2.pages,
activePage = _props2.activePage,
prev = _props2.prev;
if (boundaryLinks && ellipsis && startPage !== 1) {
pageButtons.unshift(this.renderItem({
key: 'ellipsisFirst',
disabled: true,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'More' },
ellipsis === true ? '\u2026' : ellipsis
)
}));
if (!this.props.prev) {
return null;
}
pageButtons.unshift(this.renderItem({
key: 1,
eventKey: 1,
children: 1
}));
}
return this.renderItem({
key: 'prev',
eventKey: activePage - 1,
disabled: activePage === 1,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'Previous' },
prev === true ? '\u2039' : prev
)
});
},
renderNext: function renderNext() {
var _props3 = this.props,
pages = _props3.pages,
activePage = _props3.activePage,
next = _props3.next;
if (maxButtons && hasHiddenPagesAfter && ellipsis) {
pageButtons.push(this.renderItem({
key: 'ellipsis',
disabled: true,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'More' },
ellipsis === true ? '\u2026' : ellipsis
)
}));
if (boundaryLinks && endPage !== pages) {
pageButtons.push(this.renderItem({
key: pages,
eventKey: pages,
disabled: false,
children: pages
}));
if (!this.props.next) {
return null;
}
}
return pageButtons;
}
}, {
key: 'renderPrev',
value: function renderPrev() {
var _props2 = this.props,
activePage = _props2.activePage,
prev = _props2.prev;
return this.renderItem({
key: 'next',
eventKey: activePage + 1,
disabled: activePage >= pages,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'Next' },
next === true ? '\u203A' : next
)
});
},
renderFirst: function renderFirst() {
var _props4 = this.props,
pages = _props4.pages,
activePage = _props4.activePage,
first = _props4.first;
if (!this.props.prev) {
return null;
}
return this.renderItem({
key: 'prev',
eventKey: activePage - 1,
disabled: activePage === 1,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'Previous' },
prev === true ? '\u2039' : prev
)
});
}
}, {
key: 'renderNext',
value: function renderNext() {
var _props3 = this.props,
pages = _props3.pages,
activePage = _props3.activePage,
next = _props3.next;
if (!first) {
return null;
}
return this.renderItem({
key: 'first',
eventKey: 1,
disabled: activePage === 1,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'First' },
first === true ? '\xAB' : first
)
});
},
renderLast: function renderLast() {
var _props5 = this.props,
pages = _props5.pages,
activePage = _props5.activePage,
last = _props5.last;
if (!this.props.next) {
return null;
}
return this.renderItem({
key: 'next',
eventKey: activePage + 1,
disabled: activePage >= pages,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'Next' },
next === true ? '\u203A' : next
)
});
}
}, {
key: 'renderFirst',
value: function renderFirst() {
var _props4 = this.props,
activePage = _props4.activePage,
first = _props4.first;
if (!last) {
return null;
}
return this.renderItem({
key: 'last',
eventKey: pages,
disabled: activePage >= pages,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'Last' },
last === true ? '\xBB' : last
)
});
},
renderItem: function renderItem(props) {
var children = props.children,
itemProps = _objectWithoutProperties(props, ['children']);
if (!first) {
return null;
}
if (!itemProps.disabled) {
itemProps.onSelect = this.props.onSelect;
}
return this.renderItem({
key: 'first',
eventKey: 1,
disabled: activePage === 1,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'First' },
first === true ? '\xAB' : first
)
});
}
}, {
key: 'renderLast',
value: function renderLast() {
var _props5 = this.props,
pages = _props5.pages,
activePage = _props5.activePage,
last = _props5.last;
return _react2.default.createElement(
_PaginationButton2.default,
_extends({}, itemProps, {
componentClass: this.props.buttonComponentClass
}),
children
);
},
render: function render() {
var clesses = _classnames2.default.apply(undefined, [{
'pagination': true
}].concat(_toConsumableArray(this.getClassNames()), [this.props.className]));
if (!last) {
return null;
}
return this.renderItem({
key: 'last',
eventKey: pages,
disabled: activePage >= pages,
children: _react2.default.createElement(
'span',
{ 'aria-label': 'Last' },
last === true ? '\xBB' : last
)
});
return _react2.default.createElement(
'ul',
_extends({}, this.props, {
className: clesses
}),
this.renderFirst(),
this.renderPrev(),
this.renderPageButtons(),
this.renderNext(),
this.renderLast()
);
}
}, {
key: 'renderItem',
value: function renderItem(props) {
var _props6 = this.props,
onSelect = _props6.onSelect,
buttonComponentClass = _props6.buttonComponentClass;
});
return _react2.default.createElement(_PaginationButton2.default, _extends({}, props, {
onSelect: props.disabled ? null : onSelect,
componentClass: buttonComponentClass
}));
}
}, {
key: 'render',
value: function render() {
var _props7 = this.props,
className = _props7.className,
props = _objectWithoutProperties(_props7, ['className']);
var clesses = (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(this.props)), className);
var elementProps = _lodash2.default.omit(props, Object.keys(propTypes));
return _react2.default.createElement(
'ul',
_extends({}, elementProps, {
className: clesses
}),
this.renderFirst(),
this.renderPrev(),
this.renderPageButtons(),
this.renderNext(),
this.renderLast()
);
}
}]);
return Pagination;
}(_react2.default.Component);
Pagination.propTypes = propTypes;
Pagination.defaultProps = defaultProps;
exports.default = (0, _decorate2.default)({
size: true
})(Pagination);
exports.default = Pagination;

144

lib/PaginationButton.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,6 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _react = require('react');

@@ -16,12 +18,4 @@

var _propTypes = require('prop-types');
var _elementType = require('./prop-types/elementType');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType2 = _interopRequireDefault(_elementType);

@@ -33,6 +27,2 @@

var _SafeAnchor = require('./SafeAnchor');
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -42,86 +32,56 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var PaginationButton = _react2.default.createClass({
displayName: 'PaginationButton',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
propTypes: {
className: _react2.default.PropTypes.string,
eventKey: _react2.default.PropTypes.any,
onSelect: _react2.default.PropTypes.func,
disabled: _react2.default.PropTypes.bool,
active: _react2.default.PropTypes.bool,
onClick: _react2.default.PropTypes.func,
componentClass: _elementType2.default
},
var propTypes = {
eventKey: _propTypes2.default.any,
onSelect: _propTypes2.default.func,
disabled: _propTypes2.default.bool,
active: _propTypes2.default.bool,
onClick: _propTypes2.default.func,
componentClass: _elementType2.default
};
getDefaultProps: function getDefaultProps() {
return {
active: false,
disabled: false
};
},
handleClick: function handleClick(event) {
if (this.props.disabled) {
return;
}
var defaultProps = {
eventKey: undefined,
onSelect: undefined,
onClick: undefined,
active: false,
disabled: false,
componentClass: _SafeAnchor2.default
};
if (this.props.onSelect) {
this.props.onSelect(this.props.eventKey, event);
}
},
render: function render() {
var _props = this.props,
active = _props.active,
disabled = _props.disabled,
onClick = _props.onClick,
Component = _props.componentClass,
className = _props.className,
style = _props.style,
onSelect = _props.onSelect,
props = _objectWithoutProperties(_props, ['active', 'disabled', 'onClick', 'componentClass', 'className', 'style', 'onSelect']);
var PaginationButton = function (_React$Component) {
_inherits(PaginationButton, _React$Component);
function PaginationButton(props) {
_classCallCheck(this, PaginationButton);
var _this = _possibleConstructorReturn(this, (PaginationButton.__proto__ || Object.getPrototypeOf(PaginationButton)).call(this, props));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
_createClass(PaginationButton, [{
key: 'handleClick',
value: function handleClick(event) {
var _props = this.props,
disabled = _props.disabled,
onSelect = _props.onSelect,
eventKey = _props.eventKey;
if (disabled) {
return;
}
onSelect && onSelect(eventKey, event);
return _react2.default.createElement(
'li',
{
className: (0, _classnames2.default)(className, { active: active, disabled: disabled }),
style: style
},
_react2.default.createElement(Component, _extends({}, props, {
disabled: disabled,
onClick: (0, _createChainedFunction2.default)(onClick, this.handleClick)
}))
);
}
}, {
key: 'render',
value: function render() {
var _props2 = this.props,
active = _props2.active,
disabled = _props2.disabled,
onClick = _props2.onClick,
Component = _props2.componentClass,
className = _props2.className,
style = _props2.style,
onSelect = _props2.onSelect,
eventKey = _props2.eventKey,
props = _objectWithoutProperties(_props2, ['active', 'disabled', 'onClick', 'componentClass', 'className', 'style', 'onSelect', 'eventKey']);
});
return _react2.default.createElement(
'li',
{
className: (0, _classnames2.default)(className, { active: active, disabled: disabled }),
style: style
},
_react2.default.createElement(Component, _extends({}, props, {
disabled: disabled,
onClick: (0, _createChainedFunction2.default)(onClick, this.handleClick)
}))
);
}
}]);
return PaginationButton;
}(_react2.default.Component);
PaginationButton.propTypes = propTypes;
PaginationButton.defaultProps = defaultProps;
exports.default = PaginationButton;

466

lib/Panel.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,295 +19,233 @@

var _lodash = require('lodash');
var _Collapse = require('./fixtures/Collapse');
var _lodash2 = _interopRequireDefault(_lodash);
var _Collapse = require('rsuite-utils/lib/Animation/Collapse');
var _Collapse2 = _interopRequireDefault(_Collapse);
var _decorate = require('./utils/decorate');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _decorate2 = _interopRequireDefault(_decorate);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _isNullOrUndefined = require('./utils/isNullOrUndefined');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _isNullOrUndefined2 = _interopRequireDefault(_isNullOrUndefined);
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Panel = _react2.default.createClass({
displayName: 'Panel',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
mixins: [_ClassNameMixin2.default],
propTypes: {
collapsible: _react2.default.PropTypes.bool,
header: _react2.default.PropTypes.node,
id: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.string, _react2.default.PropTypes.number]),
defaultExpanded: _react2.default.PropTypes.bool,
expanded: _react2.default.PropTypes.bool,
eventKey: _react2.default.PropTypes.any,
headerRole: _react2.default.PropTypes.string,
panelRole: _react2.default.PropTypes.string,
classPrefix: _react2.default.PropTypes.string,
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
//Events
onSelect: _react2.default.PropTypes.func,
onEnter: _Collapse2.default.propTypes.onEnter,
onEntering: _Collapse2.default.propTypes.onEntering,
onEntered: _Collapse2.default.propTypes.onEntered,
onExit: _Collapse2.default.propTypes.onExit,
onExiting: _Collapse2.default.propTypes.onExiting,
onExited: _Collapse2.default.propTypes.onExited
},
var propTypes = {
collapsible: _propTypes2.default.bool,
header: _propTypes2.default.node,
id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
defaultExpanded: _propTypes2.default.bool,
expanded: _propTypes2.default.bool,
eventKey: _propTypes2.default.any,
headerRole: _propTypes2.default.string,
panelRole: _propTypes2.default.string,
prefixClass: _propTypes2.default.string,
getDefaultProps: function getDefaultProps() {
return {
defaultExpanded: false,
shape: 'default',
classPrefix: 'panel'
};
},
getInitialState: function getInitialState() {
return {
expanded: this.props.defaultExpanded
};
},
handleSelect: function handleSelect(e) {
e.persist();
e.selected = true;
onSelect: _propTypes2.default.func,
onEnter: _Collapse2.default.propTypes.onEnter,
onEntering: _Collapse2.default.propTypes.onEntering,
onEntered: _Collapse2.default.propTypes.onEntered,
onExit: _Collapse2.default.propTypes.onExit,
onExiting: _Collapse2.default.propTypes.onExiting,
onExited: _Collapse2.default.propTypes.onExited
};
if (this.props.onSelect) {
this.props.onSelect(this.props.eventKey, e);
} else {
e.preventDefault();
}
var defaultProps = {
defaultExpanded: false,
prefixClass: 'panel'
};
if (e.selected) {
this.handleToggle();
}
},
handleToggle: function handleToggle() {
this.setState({
expanded: !this.state.expanded
});
},
isExpanded: function isExpanded() {
return this.props.expanded !== null ? this.props.expanded : this.state.expanded;
},
renderCollapsibleBody: function renderCollapsibleBody(panelRole) {
var collapseProps = {
onEnter: this.props.onEnter,
onEntering: this.props.onEntering,
onEntered: this.props.onEntered,
onExit: this.props.onExit,
onExiting: this.props.onExiting,
onExited: this.props.onExited,
in: this.isExpanded()
};
var props = {
className: this.prefix('collapse'),
id: this.props.id,
ref: 'panel',
'aria-hidden': !this.isExpanded()
};
if (panelRole) {
props.role = panelRole;
}
function shouldRenderFill(child) {
return _react2.default.isValidElement(child) && child.props.fill !== null;
}
return _react2.default.createElement(
_Collapse2.default,
collapseProps,
_react2.default.createElement(
'div',
props,
this.renderBody()
)
);
},
renderBody: function renderBody() {
var _this = this;
var Panel = function (_React$Component) {
_inherits(Panel, _React$Component);
var allChildren = this.props.children;
var bodyElements = [];
var panelBodyChildren = [];
var bodyClass = this.prefix('body');
function Panel(props) {
_classCallCheck(this, Panel);
function getProps() {
return {
key: bodyElements.length
};
}
var _this = _possibleConstructorReturn(this, (Panel.__proto__ || Object.getPrototypeOf(Panel)).call(this, props));
function addPanelChild(child) {
bodyElements.push((0, _react.cloneElement)(child, getProps()));
}
_this.state = {
expanded: props.defaultExpanded
};
function addPanelBody(children) {
bodyElements.push(_react2.default.createElement(
'div',
_extends({ className: bodyClass }, getProps()),
children
));
}
_this.handleSelect = _this.handleSelect.bind(_this);
_this.handleToggle = _this.handleToggle.bind(_this);
return _this;
}
function maybeRenderPanelBody() {
if (panelBodyChildren.length === 0) {
return;
}
_createClass(Panel, [{
key: 'handleSelect',
value: function handleSelect(event) {
event.persist();
event.selected = true;
var _props = this.props,
onSelect = _props.onSelect,
eventKey = _props.eventKey;
addPanelBody(panelBodyChildren);
panelBodyChildren = [];
}
if (onSelect) {
onSelect(eventKey, event);
} else {
event.preventDefault();
}
// Handle edge cases where we should not iterate through children.
if (!Array.isArray(allChildren) || allChildren.length === 0) {
if (this.shouldRenderFill(allChildren)) {
addPanelChild(allChildren);
} else {
addPanelBody(allChildren);
}
} else {
allChildren.forEach(function (child) {
if (_this.shouldRenderFill(child)) {
maybeRenderPanelBody();
if (event.selected) {
this.handleToggle();
}
}
}, {
key: 'handleToggle',
value: function handleToggle() {
this.setState({
expanded: !this.state.expanded
});
}
}, {
key: 'isExpanded',
value: function isExpanded() {
return (0, _isNullOrUndefined2.default)(this.props.expanded) ? this.state.expanded : this.props.expanded;
}
}, {
key: 'renderCollapsibleTitle',
value: function renderCollapsibleTitle(header, headerRole) {
var prefixClass = this.props.prefixClass;
// Separately add the filled element.
addPanelChild(child);
} else {
panelBodyChildren.push(child);
}
});
return _react2.default.createElement(
'h4',
{ className: prefixClass + '-title', role: 'presentation' },
this.renderAnchor(header, headerRole)
);
}
}, {
key: 'renderCollapsibleBody',
value: function renderCollapsibleBody(panelRole) {
var _props2 = this.props,
id = _props2.id,
prefixClass = _props2.prefixClass;
maybeRenderPanelBody();
}
return bodyElements;
},
shouldRenderFill: function shouldRenderFill(child) {
return _react2.default.isValidElement(child) && child.props.fill !== null;
},
renderHeading: function renderHeading(headerRole) {
var header = this.props.header;
var collapseProps = _extends({}, _lodash2.default.pick(this.props, Object.keys(_Collapse2.default.propTypes)), {
in: this.isExpanded()
});
var props = {
id: id,
className: prefixClass + '-collapse',
ref: 'panel',
'aria-hidden': !this.isExpanded()
};
if (panelRole) {
props.role = panelRole;
}
return _react2.default.createElement(
_Collapse2.default,
collapseProps,
_react2.default.createElement(
'div',
props,
this.renderBody()
)
);
}
}, {
key: 'renderBody',
value: function renderBody() {
var _props3 = this.props,
prefixClass = _props3.prefixClass,
children = _props3.children;
var allChildren = children;
var bodyElements = [];
var panelBodyChildren = [];
var bodyClass = prefixClass + '-body';
function getProps() {
return {
key: bodyElements.length
};
}
function addPanelChild(child) {
bodyElements.push((0, _react.cloneElement)(child, getProps()));
}
function addPanelBody(body) {
var props = getProps();
bodyElements.push(_react2.default.createElement(
'div',
_extends({}, props, {
className: bodyClass
}),
body
));
}
function maybeRenderPanelBody() {
if (panelBodyChildren.length === 0) {
return;
if (!header) {
return null;
}
addPanelBody(panelBodyChildren);
panelBodyChildren = [];
}
if (!Array.isArray(allChildren) || allChildren.length === 0) {
if (shouldRenderFill(allChildren)) {
addPanelChild(allChildren);
if (!_react2.default.isValidElement(header) || Array.isArray(header)) {
header = this.props.collapsible ? this.renderCollapsibleTitle(header, headerRole) : header;
} else {
addPanelBody(allChildren);
var className = (0, _classnames2.default)(this.prefix('title'), header.props.className);
header = (0, _react.cloneElement)(header, { className: className });
}
} else {
allChildren.forEach(function (child) {
if (shouldRenderFill(child)) {
maybeRenderPanelBody();
addPanelChild(child);
} else {
panelBodyChildren.push(child);
}
});
return _react2.default.createElement(
'div',
{
className: this.prefix('heading'),
onClick: this.handleSelect
},
header
);
},
renderAnchor: function renderAnchor(header, headerRole) {
return _react2.default.createElement(
'a',
{
href: '#' + (this.props.id || ''),
'aria-controls': this.props.collapsible ? this.props.id : null,
className: this.isExpanded() ? null : 'collapsed',
'aria-expanded': this.isExpanded(),
'aria-selected': this.isExpanded(),
role: headerRole
},
header
);
},
renderCollapsibleTitle: function renderCollapsibleTitle(header, headerRole) {
return _react2.default.createElement(
'h4',
{ className: this.prefix('title'), role: 'presentation' },
this.renderAnchor(header, headerRole)
);
},
render: function render() {
var _props = this.props,
headerRole = _props.headerRole,
panelRole = _props.panelRole,
className = _props.className,
collapsible = _props.collapsible,
id = _props.id,
props = _objectWithoutProperties(_props, ['headerRole', 'panelRole', 'className', 'collapsible', 'id']);
maybeRenderPanelBody();
}
var clesses = _classnames2.default.apply(undefined, ['panel', className].concat(_toConsumableArray(this.getClassNames())));
return bodyElements;
return _react2.default.createElement(
'div',
_extends({}, props, {
className: clesses,
id: collapsible ? null : id, onSelect: null
}),
this.renderHeading(headerRole),
collapsible ? this.renderCollapsibleBody(panelRole) : this.renderBody()
);
}
}, {
key: 'renderHeading',
value: function renderHeading(headerRole) {
var _props4 = this.props,
header = _props4.header,
collapsible = _props4.collapsible,
prefixClass = _props4.prefixClass;
});
if (!header) {
return null;
}
if (!_react2.default.isValidElement(header) || Array.isArray(header)) {
header = collapsible ? this.renderCollapsibleTitle(header, headerRole) : header;
} else {
var className = (0, _classnames2.default)(prefixClass + '-title', header.props.className);
header = (0, _react.cloneElement)(header, { className: className });
}
return _react2.default.createElement(
'div',
{
role: 'rowheader',
className: prefixClass + '-heading',
onClick: this.handleSelect,
tabIndex: -1
},
header
);
}
}, {
key: 'renderAnchor',
value: function renderAnchor(header, headerRole) {
var _props5 = this.props,
id = _props5.id,
collapsible = _props5.collapsible;
return _react2.default.createElement(
'a',
{
href: '#' + (id || ''),
'aria-controls': collapsible ? id : null,
className: this.isExpanded() ? null : 'collapsed',
'aria-expanded': this.isExpanded(),
'aria-selected': this.isExpanded(),
role: headerRole
},
header
);
}
}, {
key: 'render',
value: function render() {
var _props6 = this.props,
headerRole = _props6.headerRole,
panelRole = _props6.panelRole,
className = _props6.className,
collapsible = _props6.collapsible,
id = _props6.id,
props = _objectWithoutProperties(_props6, ['headerRole', 'panelRole', 'className', 'collapsible', 'id']);
var clesses = (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(this.props)), className);
var elementProps = _lodash2.default.omit(props, Object.keys(propTypes));
return _react2.default.createElement(
'div',
_extends({}, elementProps, {
className: clesses,
onSelect: null,
id: collapsible ? null : id
}),
this.renderHeading(headerRole),
collapsible ? this.renderCollapsibleBody(panelRole) : this.renderBody()
);
}
}]);
return Panel;
}(_react2.default.Component);
Panel.propTypes = propTypes;
Panel.defaultProps = defaultProps;
exports.default = (0, _decorate2.default)({
shape: true
})(Panel);
exports.default = Panel;

197

lib/PanelGroup.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,8 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');

@@ -20,14 +14,6 @@

var _propTypes = require('prop-types');
var _react = require('react');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _react2 = _interopRequireDefault(_react);
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _ReactChildren = require('./utils/ReactChildren');
var _ReactChildren2 = _interopRequireDefault(_ReactChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -37,118 +23,89 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var PanelGroup = _react2.default.createClass({
displayName: 'PanelGroup',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
propTypes: {
accordion: _react2.default.PropTypes.bool,
activeKey: _react2.default.PropTypes.any,
className: _react2.default.PropTypes.string,
children: _react2.default.PropTypes.node,
defaultActiveKey: _react2.default.PropTypes.any,
classPrefix: _react2.default.PropTypes.string,
onSelect: _react2.default.PropTypes.func
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'panel-group',
accordion: false
};
},
getInitialState: function getInitialState() {
return {
activeKey: this.props.defaultActiveKey
};
},
renderPanel: function renderPanel(child, index) {
var propTypes = {
accordion: _propTypes2.default.bool,
activeKey: _propTypes2.default.any,
className: _propTypes2.default.string,
children: _propTypes2.default.node,
defaultActiveKey: _propTypes2.default.any,
prefixClass: _propTypes2.default.string,
onSelect: _propTypes2.default.func
};
if (!_react2.default.isValidElement(child)) {
return child;
}
var defaultProps = {
prefixClass: 'panel-group',
accordion: false
};
var activeKey = this.props.activeKey ? this.props.activeKey : this.state.activeKey;
var props = {
key: child.key ? child.key : index,
ref: child.ref
};
var PanelGroup = function (_React$Component) {
_inherits(PanelGroup, _React$Component);
if (this.props.accordion) {
props.headerRole = 'tab';
props.panelRole = 'tabpanel';
props.collapsible = true;
props.expanded = child.props.eventKey === activeKey;
props.onSelect = this.handleSelect;
}
function PanelGroup(props) {
_classCallCheck(this, PanelGroup);
return (0, _react.cloneElement)(child, props);
},
shouldComponentUpdate: function shouldComponentUpdate() {
// Defer any updates to this component during the `onSelect` handler.
return !this._isChanging;
},
handleSelect: function handleSelect(key, e) {
e.preventDefault();
var _this = _possibleConstructorReturn(this, (PanelGroup.__proto__ || Object.getPrototypeOf(PanelGroup)).call(this, props));
if (this.props.onSelect) {
this._isChanging = true;
this.props.onSelect(key, e);
this._isChanging = false;
}
_this.handleSelect = _this.handleSelect.bind(_this);
_this.renderPanel = _this.renderPanel.bind(_this);
_this.state = {
activeKey: props.defaultActiveKey
};
return _this;
}
if (this.state.activeKey === key) {
key = null;
}
_createClass(PanelGroup, [{
key: 'shouldComponentUpdate',
value: function shouldComponentUpdate() {
// Defer any updates to this component during the `onSelect` handler.
return !this.isChanging;
}
}, {
key: 'handleSelect',
value: function handleSelect(activeKey, event) {
var onSelect = this.props.onSelect;
this.setState({
activeKey: key
});
},
render: function render() {
var _props = this.props,
className = _props.className,
accordion = _props.accordion,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'accordion', 'children']);
event.preventDefault();
if (onSelect) {
this.isChanging = true;
onSelect(activeKey, event);
this.isChanging = false;
}
var classes = (0, _classnames2.default)('panel-group', className);
if (this.state.activeKey === activeKey) {
activeKey = undefined;
}
this.setState({ activeKey: activeKey });
if (accordion) {
props.role = 'tablist';
}
return _react2.default.createElement(
'div',
_extends({}, props, { className: classes, onSelect: null }),
_react2.default.Children.map(children, this.renderPanel)
);
}
}, {
key: 'renderPanel',
value: function renderPanel(child, index) {
});
if (!_react2.default.isValidElement(child)) {
return child;
}
var _props = this.props,
activeKey = _props.activeKey,
accordion = _props.accordion;
var props = {
key: child.key ? child.key : index,
ref: child.ref
};
if (accordion) {
props.headerRole = 'tab';
props.panelRole = 'tabpanel';
props.collapsible = true;
props.expanded = child.props.eventKey === (activeKey || this.state.activeKey);
props.onSelect = this.handleSelect;
}
return props;
}
}, {
key: 'render',
value: function render() {
var _props2 = this.props,
className = _props2.className,
accordion = _props2.accordion,
children = _props2.children,
onSelect = _props2.onSelect,
props = _objectWithoutProperties(_props2, ['className', 'accordion', 'children', 'onSelect']);
var classes = (0, _classnames2.default)('panel-group', className);
var elementProps = _lodash2.default.omit(props, Object.keys(propTypes));
return _react2.default.createElement(
'div',
_extends({}, elementProps, {
role: accordion ? 'tablist' : undefined,
className: classes
}),
_ReactChildren2.default.mapCloneElement(children, this.renderPanel)
);
}
}]);
return PanelGroup;
}(_react2.default.Component);
PanelGroup.propTypes = propTypes;
PanelGroup.defaultProps = defaultProps;
exports.default = PanelGroup;

117

lib/Popover.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -25,2 +19,6 @@

var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -30,75 +28,44 @@

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Popover = _react2.default.createClass({
displayName: 'Popover',
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
mixins: [_ClassNameMixin2.default],
propTypes: {
placement: _react2.default.PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
classPrefix: _react2.default.PropTypes.string,
title: _react2.default.PropTypes.node
},
getDefaultProps: function getDefaultProps() {
return {
classPrefix: 'popover',
placement: 'right'
};
},
render: function render() {
var classes = (0, _classnames2.default)(_defineProperty({
popover: true
}, this.props.placement, true), this.props.className);
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var styles = _extends({
display: 'block'
}, this.props.style);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var propTypes = {
placement: _propTypes2.default.oneOf(['top', 'right', 'bottom', 'left']),
prefixClass: _propTypes2.default.string,
title: _propTypes2.default.node
};
var defaultProps = {
prefixClass: 'popover',
placement: 'right'
};
var Popover = function (_React$Component) {
_inherits(Popover, _React$Component);
function Popover() {
_classCallCheck(this, Popover);
return _possibleConstructorReturn(this, (Popover.__proto__ || Object.getPrototypeOf(Popover)).apply(this, arguments));
}
_createClass(Popover, [{
key: 'render',
value: function render() {
var _props = this.props,
prefixClass = _props.prefixClass,
title = _props.title,
children = _props.children,
style = _props.style,
placement = _props.placement,
className = _props.className,
props = _objectWithoutProperties(_props, ['prefixClass', 'title', 'children', 'style', 'placement', 'className']);
var classes = (0, _classnames2.default)('popover', _defineProperty({}, placement, true), className);
var styles = _extends({
display: 'block'
}, style);
return _react2.default.createElement(
'div',
_extends({}, props, {
className: classes,
style: styles
}),
_react2.default.createElement('div', { className: 'arrow' }),
_react2.default.createElement(
'h3',
{ className: prefixClass + '-title' },
title
),
_react2.default.createElement(
'div',
{ className: prefixClass + '-content' },
children
)
);
return _react2.default.createElement(
'div',
_extends({ role: 'popover' }, this.props, { className: classes, style: styles }),
_react2.default.createElement('div', { className: 'arrow' }),
_react2.default.createElement(
'h3',
{ className: this.prefix('title') },
this.props.title
),
_react2.default.createElement(
'div',
{ className: this.prefix('content') },
this.props.children
)
);
}
}]);
});
return Popover;
}(_react2.default.Component);
Popover.propTypes = propTypes;
Popover.defaultProps = defaultProps;
exports.default = Popover;

211

lib/Radio.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,6 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _react = require('react');

@@ -16,10 +18,6 @@

var _propTypes = require('prop-types');
var _createChainedFunction = require('./utils/createChainedFunction');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -29,134 +27,99 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Radio = _react2.default.createClass({
displayName: 'Radio',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
id: _react2.default.PropTypes.string,
name: _react2.default.PropTypes.string,
inline: _react2.default.PropTypes.bool,
title: _react2.default.PropTypes.string,
disabled: _react2.default.PropTypes.bool,
checked: _react2.default.PropTypes.bool,
onChange: _react2.default.PropTypes.func,
value: _react2.default.PropTypes.any
},
contextTypes: {
formGroup: _react2.default.PropTypes.object
},
getInitialState: function getInitialState() {
return {
checked: this.props.checked
};
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
if (nextProps.checked !== this.props.checked) {
this.setState({
checked: nextProps.checked
});
}
},
getFormGroup: function getFormGroup() {
return this.context.formGroup || {};
},
handleChange: function handleChange(event) {
var propTypes = {
id: _react2.default.PropTypes.string,
name: _react2.default.PropTypes.string,
inline: _react2.default.PropTypes.bool,
title: _react2.default.PropTypes.string,
disabled: _react2.default.PropTypes.bool,
checked: _react2.default.PropTypes.bool,
defaultChecked: _propTypes2.default.bool,
onChange: _react2.default.PropTypes.func,
inputRef: _propTypes2.default.func,
value: _propTypes2.default.any
};
if (this.props.disabled) {
return;
}
var Radio = function (_React$Component) {
_inherits(Radio, _React$Component);
function Radio(props) {
_classCallCheck(this, Radio);
var _this = _possibleConstructorReturn(this, (Radio.__proto__ || Object.getPrototypeOf(Radio)).call(this, props));
_this.state = {
checked: props.checked || props.defaultChecked
};
_this.handleChange = _this.handleChange.bind(_this);
return _this;
}
_createClass(Radio, [{
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
if (nextProps.checked !== this.props.checked) {
this.setState({
checked: nextProps.checked
checked: event.target.checked
});
}
}
}, {
key: 'updateCheckedState',
value: function updateCheckedState(checked, callback) {
this.setState({ checked: checked }, callback);
}
}, {
key: 'handleChange',
value: function handleChange(event) {
var _props = this.props,
value = _props.value,
disabled = _props.disabled,
onChange = _props.onChange;
var target = event.target;
var value = this.props.value;
var onChange = this.props.onChange;
if (disabled) {
return;
}
var _getFormGroup = this.getFormGroup(),
onFormGroupChange = _getFormGroup.onChange;
this.setState({ checked: target.checked }, function () {
onChange && onChange(value || target.checked, event);
});
}
}, {
key: 'render',
value: function render() {
var _props2 = this.props,
inline = _props2.inline,
title = _props2.title,
name = _props2.name,
className = _props2.className,
children = _props2.children,
onChange = _props2.onChange,
disabled = _props2.disabled,
style = _props2.style,
inputRef = _props2.inputRef,
props = _objectWithoutProperties(_props2, ['inline', 'title', 'name', 'className', 'children', 'onChange', 'disabled', 'style', 'inputRef']);
onChange && onChange(value);
onFormGroupChange && onFormGroupChange(value);
},
render: function render() {
var _props = this.props,
inline = _props.inline,
title = _props.title,
name = _props.name,
className = _props.className,
children = _props.children,
onChange = _props.onChange,
disabled = _props.disabled,
props = _objectWithoutProperties(_props, ['inline', 'title', 'name', 'className', 'children', 'onChange', 'disabled']);
var checked = this.state.checked;
var labelClasses = (0, _classnames2.default)({
'radio-inline': inline
}, className);
var classes = (0, _classnames2.default)({
'radio-inline': inline
}, className);
var radioClasses = (0, _classnames2.default)({
'radio': true,
'disabled': disabled
});
var radioClasses = (0, _classnames2.default)('radio', {
disabled: disabled
});
var input = _react2.default.createElement(
'span',
{ className: (0, _classnames2.default)({
checked: this.state.checked
}) },
_react2.default.createElement('input', {
type: 'radio',
name: name,
disabled: disabled,
onChange: this.handleChange
})
);
var input = _react2.default.createElement(
'span',
{ className: (0, _classnames2.default)('radio-wrapper', { checked: checked }) },
_react2.default.createElement('input', _extends({}, props, {
type: 'radio',
ref: inputRef,
name: name,
disabled: disabled,
onChange: this.handleChange
}))
);
return _react2.default.createElement(
'div',
{
className: classes,
style: style
},
_react2.default.createElement(
'div',
{
className: radioClasses,
role: 'button'
},
_react2.default.createElement(
return _react2.default.createElement(
'label',
{ title: title },
input,
children
)
)
);
_extends({ className: labelClasses }, props),
_react2.default.createElement(
'div',
{ className: radioClasses, role: 'radio' },
input
),
title || children
);
}
}]);
});
return Radio;
}(_react2.default.Component);
Radio.propTypes = propTypes;
exports.default = Radio;

181

lib/RadioGroup.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -15,10 +11,6 @@

var _propTypes = require('prop-types');
var _reactDom = require('react-dom');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _classnames = require('classnames');

@@ -28,107 +20,106 @@

var _isNullOrUndefined = require('./utils/isNullOrUndefined');
var _Radio = require('./Radio');
var _isNullOrUndefined2 = _interopRequireDefault(_isNullOrUndefined);
var _Radio2 = _interopRequireDefault(_Radio);
var _ReactChildren = require('./utils/ReactChildren');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _ReactChildren2 = _interopRequireDefault(_ReactChildren);
var RadioGroup = _react2.default.createClass({
displayName: 'RadioGroup',
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
propTypes: {
name: _react2.default.PropTypes.string,
inline: _react2.default.PropTypes.bool,
onChange: _react2.default.PropTypes.func,
value: _react2.default.PropTypes.any,
defaultValue: _react2.default.PropTypes.any
},
contextTypes: {
formGroup: _react2.default.PropTypes.object
},
handleChange: function handleChange(event) {
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
if (event.target.type !== 'radio') {
return;
}
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var children = this.props.children;
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var target = event.target;
var refs = this.refs;
var propTypes = {
name: _propTypes2.default.string,
inline: _propTypes2.default.bool,
onChange: _propTypes2.default.func,
value: _propTypes2.default.any,
defaultValue: _propTypes2.default.any
};
for (var key in refs) {
var ref = _reactDom2.default.findDOMNode(refs[key]);
if (target !== ref) {
refs[key].setState({
checked: false
});
}
}
},
getFormGroup: function getFormGroup() {
return this.context.formGroup || {};
},
handleRadioChange: function handleRadioChange(value) {
var onChange = this.props.onChange;
var RadioGroup = function (_React$Component) {
_inherits(RadioGroup, _React$Component);
var _getFormGroup = this.getFormGroup(),
onFormGroupChange = _getFormGroup.onChange;
function RadioGroup(props) {
_classCallCheck(this, RadioGroup);
onChange && onChange(value);
onFormGroupChange && onFormGroupChange(value);
},
getValue: function getValue() {
var _props = this.props,
value = _props.value,
defaultValue = _props.defaultValue;
var _this = _possibleConstructorReturn(this, (RadioGroup.__proto__ || Object.getPrototypeOf(RadioGroup)).call(this, props));
return this.getFormGroup().value || value || defaultValue;
},
render: function render() {
var _this = this;
_this.handleChange = _this.handleChange.bind(_this);
_this.radios = {};
_this.state = {
value: props.defaultValue
};
return _this;
}
var _props2 = this.props,
className = _props2.className,
inline = _props2.inline,
name = _props2.name,
children = _props2.children;
_createClass(RadioGroup, [{
key: 'handleChange',
value: function handleChange(value, event) {
var onChange = this.props.onChange;
var radios = _lodash2.default.values(this.radios);
var shouldChange = function shouldChange(should) {
if (should && onChange) {
onChange(value, event);
}
};
var clesses = (0, _classnames2.default)({
'radio-list': true
}, className);
radios.forEach(function (radio, index) {
radio.updateCheckedState(radio.props.value === value, function () {
return shouldChange(index + 1 === radios.length);
});
});
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
var value = this.getValue();
var items = _react2.default.Children.map(children, function (child, index) {
var _props = this.props,
className = _props.className,
inline = _props.inline,
name = _props.name,
value = _props.value,
children = _props.children,
props = _objectWithoutProperties(_props, ['className', 'inline', 'name', 'value', 'children']);
var checked = child.props.checked;
var clesses = (0, _classnames2.default)({
'radio-list': true
}, className);
if (value) {
checked = value === child.props.value;
}
var nextValue = value || this.state.value;
var items = _ReactChildren2.default.mapCloneElement(children, function (child, index) {
return {
inline: inline,
name: name,
checked: (0, _isNullOrUndefined2.default)(nextValue) ? child.props.checked : nextValue === child.props.value,
onChange: _this2.handleChange,
ref: function ref(_ref) {
_this2.radios[index] = _ref;
}
};
});
return _react2.default.createElement(
'div',
_extends({}, props, {
className: clesses,
role: 'button'
}),
items
);
return _react2.default.cloneElement(child, {
key: index,
ref: 'radio_' + index,
inline: inline,
name: name,
checked: checked,
onChange: _this.handleRadioChange
}, child.props.children);
});
return _react2.default.createElement(
'div',
{
onClick: this.handleChange,
className: clesses,
role: 'radio-list'
},
items
);
}
}]);
});
return RadioGroup;
}(_react2.default.Component);
RadioGroup.propTypes = propTypes;
exports.default = RadioGroup;

72

lib/Row.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -20,3 +18,3 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType = require('./prop-types/elementType');

@@ -29,51 +27,31 @@ var _elementType2 = _interopRequireDefault(_elementType);

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Row = _react2.default.createClass({
displayName: 'Row',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
componentClass: _elementType2.default
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getDefaultProps: function getDefaultProps() {
return {
componentClass: 'div'
};
},
render: function render() {
var _props = this.props,
Component = _props.componentClass,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['componentClass', 'className', 'children']);
var propTypes = {
componentClass: _elementType2.default
};
var classes = (0, _classnames2.default)(className, 'row');
var defaultProps = {
componentClass: 'div'
};
var Row = function (_React$Component) {
_inherits(Row, _React$Component);
function Row() {
_classCallCheck(this, Row);
return _possibleConstructorReturn(this, (Row.__proto__ || Object.getPrototypeOf(Row)).apply(this, arguments));
}
_createClass(Row, [{
key: 'render',
value: function render() {
var _props = this.props,
Component = _props.componentClass,
className = _props.className,
children = _props.children,
props = _objectWithoutProperties(_props, ['componentClass', 'className', 'children']);
var classes = (0, _classnames2.default)(className, 'row');
return _react2.default.createElement(
Component,
_extends({}, props, {
className: classes
}),
children
);
return _react2.default.createElement(
Component,
_extends({}, props, { className: classes }),
children
);
}
}]);
});
return Row;
}(_react2.default.Component);
Row.propTypes = propTypes;
Row.defaultProps = defaultProps;
exports.default = Row;

92

lib/Sidebar.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -27,61 +21,41 @@

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Sidebar = _react2.default.createClass({
displayName: 'Sidebar',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
pullRight: _react2.default.PropTypes.bool
},
contextTypes: {
page: _react2.default.PropTypes.bool
},
render: function render() {
var _props = this.props,
className = _props.className,
pullRight = _props.pullRight,
props = _objectWithoutProperties(_props, ['className', 'pullRight']);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var activeClass = this.context.page ? 'page-sidebar' : 'sidebar';
var wrapperClass = activeClass + '-wrapper';
var classes = (0, _classnames2.default)(_defineProperty({
'collapse': true,
'navbar-collapse': true,
'right': pullRight
}, activeClass, true), className);
var propTypes = {
pullRight: _propTypes2.default.bool
};
var contextTypes = {
page: _propTypes2.default.bool
};
var Sidebar = function (_React$Component) {
_inherits(Sidebar, _React$Component);
function Sidebar() {
_classCallCheck(this, Sidebar);
return _possibleConstructorReturn(this, (Sidebar.__proto__ || Object.getPrototypeOf(Sidebar)).apply(this, arguments));
}
_createClass(Sidebar, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
pullRight = _props.pullRight,
props = _objectWithoutProperties(_props, ['className', 'pullRight']);
var activeClass = this.context.page ? 'page-sidebar' : 'sidebar';
var wrapperClass = (0, _classnames2.default)(activeClass + '-wrapper', className);
var classes = (0, _classnames2.default)('collapse', 'navbar-collapse', {
right: pullRight
}, [activeClass]);
return _react2.default.createElement(
'div',
_extends({}, props, {
className: wrapperClass
}),
_react2.default.createElement(
'div',
{ className: classes },
this.props.children
)
);
return _react2.default.createElement(
'div',
_extends({}, props, { className: wrapperClass }),
_react2.default.createElement(
'div',
{ className: classes },
this.props.children
)
);
}
}]);
});
return Sidebar;
}(_react2.default.Component);
Sidebar.propTypes = propTypes;
Sidebar.contextTypes = contextTypes;
exports.default = Sidebar;

114

lib/Table.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,6 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');

@@ -29,70 +23,54 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Table = _react2.default.createClass({
displayName: 'Table',
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
propTypes: {
striped: _react2.default.PropTypes.bool,
bordered: _react2.default.PropTypes.bool,
condensed: _react2.default.PropTypes.bool,
hover: _react2.default.PropTypes.bool,
responsive: _react2.default.PropTypes.bool
},
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
getDefaultProps: function getDefaultProps() {
return {
bordered: false,
condensed: false,
hover: false,
responsive: false,
striped: false
};
},
render: function render() {
var _props = this.props,
striped = _props.striped,
bordered = _props.bordered,
condensed = _props.condensed,
hover = _props.hover,
children = _props.children,
className = _props.className,
props = _objectWithoutProperties(_props, ['striped', 'bordered', 'condensed', 'hover', 'children', 'className']);
var propTypes = {
striped: _propTypes2.default.bool,
bordered: _propTypes2.default.bool,
condensed: _propTypes2.default.bool,
hover: _propTypes2.default.bool,
responsive: _propTypes2.default.bool
};
var classes = (0, _classnames2.default)({
'table': true,
'table-striped': striped,
'table-bordered': bordered,
'table-condensed': condensed,
'table-hover': hover
}, className);
var defaultProps = {
bordered: false,
condensed: false,
hover: false,
responsive: false,
striped: false
};
var table = _react2.default.createElement(
'table',
_extends({}, props, { className: classes }),
children
);
var Table = function (_React$Component) {
_inherits(Table, _React$Component);
function Table() {
_classCallCheck(this, Table);
return _possibleConstructorReturn(this, (Table.__proto__ || Object.getPrototypeOf(Table)).apply(this, arguments));
}
_createClass(Table, [{
key: 'render',
value: function render() {
var _props = this.props,
striped = _props.striped,
bordered = _props.bordered,
condensed = _props.condensed,
hover = _props.hover,
className = _props.className,
responsive = _props.responsive,
props = _objectWithoutProperties(_props, ['striped', 'bordered', 'condensed', 'hover', 'className', 'responsive']);
var classes = (0, _classnames2.default)('table', {
'table-striped': striped,
'table-bordered': bordered,
'table-condensed': condensed,
'table-hover': hover
}, className);
var table = _react2.default.createElement('table', _extends({}, props, {
className: classes
}));
return responsive ? _react2.default.createElement(
'div',
{ className: 'table-responsive' },
table
) : table;
return this.props.responsive ? _react2.default.createElement(
'div',
{ className: 'table-responsive' },
table
) : table;
}
}]);
});
return Table;
}(_react2.default.Component);
Table.propTypes = propTypes;
Table.defaultProps = defaultProps;
exports.default = Table;

91

lib/Text.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,10 +14,2 @@

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _classnames = require('classnames');

@@ -29,67 +19,42 @@

var _elementType = require('rsuite-utils/lib/propTypes/elementType');
var _elementType = require('./prop-types/elementType');
var _elementType2 = _interopRequireDefault(_elementType);
var _decorate = require('./utils/decorate');
var _decorate2 = _interopRequireDefault(_decorate);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var SHAPES = ['default', 'muted', 'primary', 'success', 'warning', 'danger', 'info'];
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var Text = _react2.default.createClass({
displayName: 'Text',
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
propTypes: {
bg: _react2.default.PropTypes.bool,
shape: _react2.default.PropTypes.oneOf(SHAPES),
componentClass: _elementType2.default
},
getDefaultProps: function getDefaultProps() {
return {
shape: 'default',
componentClass: 'p'
};
},
render: function render() {
var _props = this.props,
Component = _props.componentClass,
bg = _props.bg,
shape = _props.shape,
className = _props.className,
props = _objectWithoutProperties(_props, ['componentClass', 'bg', 'shape', 'className']);
var propTypes = {
bg: _propTypes2.default.bool,
componentClass: _elementType2.default
};
var classes = (0, _classnames2.default)(_defineProperty({}, (bg ? 'bg' : 'text') + '-' + shape, true), className);
var defaultProps = {
shape: 'default',
componentClass: 'p'
};
var Text = function (_React$Component) {
_inherits(Text, _React$Component);
function Text() {
_classCallCheck(this, Text);
return _possibleConstructorReturn(this, (Text.__proto__ || Object.getPrototypeOf(Text)).apply(this, arguments));
}
_createClass(Text, [{
key: 'render',
value: function render() {
var _props = this.props,
Component = _props.componentClass,
bg = _props.bg,
className = _props.className,
props = _objectWithoutProperties(_props, ['componentClass', 'bg', 'className']);
var classes = (0, _classnames2.default)(_extends({}, (0, _decorate.getClassNames)(props, bg ? 'bg' : 'text')), className);
return _react2.default.createElement(Component, _extends({}, props, { className: classes }));
return _react2.default.createElement(Component, _extends({}, props, { className: classes }));
}
}]);
});
return Text;
}(_react2.default.Component);
Text.propTypes = propTypes;
Text.defaultProps = defaultProps;
exports.default = (0, _decorate2.default)({
shape: {
oneOf: [].concat(_toConsumableArray(_lodash2.default.values(_decorate.STATE)), _toConsumableArray(_lodash2.default.values(_decorate.STYLES))),
default: _decorate.STATE.default
}
})(Text);
exports.default = Text;

144

lib/Tooltip.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -9,4 +9,2 @@

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');

@@ -16,14 +14,10 @@

var _lodash = require('lodash');
var _classnames = require('classnames');
var _lodash2 = _interopRequireDefault(_lodash);
var _classnames2 = _interopRequireDefault(_classnames);
var _propTypes = require('prop-types');
var _ClassNameMixin = require('./mixins/ClassNameMixin');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ClassNameMixin2 = _interopRequireDefault(_ClassNameMixin);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -33,84 +27,60 @@

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Tooltip = _react2.default.createClass({
displayName: 'Tooltip',
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
mixins: [_ClassNameMixin2.default],
propTypes: {
placement: _react2.default.PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
positionLeft: _react2.default.PropTypes.number,
positionTop: _react2.default.PropTypes.number,
classPrefix: _react2.default.PropTypes.string,
arrowOffsetLeft: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.number, _react2.default.PropTypes.string]),
arrowOffsetTop: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.number, _react2.default.PropTypes.string]),
title: _react2.default.PropTypes.node
},
getDefaultProps: function getDefaultProps() {
return {
placement: 'right',
classPrefix: 'tooltip'
};
},
render: function render() {
var _props = this.props,
placement = _props.placement,
className = _props.className,
positionLeft = _props.positionLeft,
positionTop = _props.positionTop,
children = _props.children;
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
var classes = (0, _classnames2.default)(_defineProperty({
'tooltip': true
}, placement, true), className);
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var style = {
left: positionLeft,
top: positionTop
};
var propTypes = {
placement: _propTypes2.default.oneOf(['top', 'right', 'bottom', 'left']),
positionLeft: _propTypes2.default.number,
positionTop: _propTypes2.default.number,
prefixClass: _propTypes2.default.string,
arrowOffsetLeft: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]),
arrowOffsetTop: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string])
};
var defaultProps = {
placement: 'right',
prefixClass: 'tooltip'
};
var Tooltip = function (_React$Component) {
_inherits(Tooltip, _React$Component);
function Tooltip() {
_classCallCheck(this, Tooltip);
return _possibleConstructorReturn(this, (Tooltip.__proto__ || Object.getPrototypeOf(Tooltip)).apply(this, arguments));
}
_createClass(Tooltip, [{
key: 'render',
value: function render() {
var _props = this.props,
placement = _props.placement,
className = _props.className,
positionLeft = _props.positionLeft,
arrowOffsetLeft = _props.arrowOffsetLeft,
arrowOffsetTop = _props.arrowOffsetTop,
positionTop = _props.positionTop,
prefixClass = _props.prefixClass,
children = _props.children,
style = _props.style,
props = _objectWithoutProperties(_props, ['placement', 'className', 'positionLeft', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionTop', 'prefixClass', 'children', 'style']);
var classes = (0, _classnames2.default)('tooltip', _defineProperty({}, placement, true), className);
var styles = _extends({
left: positionLeft,
top: positionTop
}, style);
var arrowStyle = {
left: arrowOffsetLeft,
top: arrowOffsetTop
};
var elementProps = _lodash2.default.omit(props, ['shouldUpdatePosition']);
return _react2.default.createElement(
'div',
_extends({}, elementProps, {
role: 'tooltip',
className: classes,
style: styles
}),
_react2.default.createElement('div', { className: prefixClass + '-arrow', style: arrowStyle }),
_react2.default.createElement(
'div',
{ className: prefixClass + '-inner' },
children
)
);
var arrowStyle = {
left: this.props.arrowOffsetLeft,
top: this.props.arrowOffsetTop
};
return _react2.default.createElement(
'div',
_extends({
role: 'tooltip'
}, this.props, {
className: classes,
style: style
}),
_react2.default.createElement('div', { className: this.prefix('arrow'), style: arrowStyle }),
_react2.default.createElement(
'div',
{ className: this.prefix('inner') },
children
)
);
}
}]);
});
return Tooltip;
}(_react2.default.Component);
Tooltip.propTypes = propTypes;
Tooltip.defaultProps = defaultProps;
exports.default = Tooltip;

42

lib/utils/createChainedFunction.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -20,28 +20,28 @@ /**

function createChainedFunction() {
for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
funcs[_key] = arguments[_key];
}
return funcs.filter(function (f) {
return f !== null && typeof f !== 'undefined';
}).reduce(function (acc, f) {
if (typeof f !== 'function') {
throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
funcs[_key] = arguments[_key];
}
if (acc === null) {
return f;
}
return funcs.filter(function (f) {
return f !== null && typeof f !== 'undefined';
}).reduce(function (acc, f) {
if (typeof f !== 'function') {
throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
}
return function chainedFunction() {
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
if (acc === null) {
return f;
}
acc.apply(this, args);
f.apply(this, args);
};
}, null);
return function chainedFunction() {
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
acc.apply(this, args);
f.apply(this, args);
};
}, null);
}
exports.default = createChainedFunction;

437

lib/Whisper.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

@@ -19,18 +17,10 @@

var _propTypes = require('prop-types');
var _domLib = require('dom-lib');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _Overlay = require('./fixtures/Overlay');
var _domLib = require('dom-lib');
var _Overlay2 = _interopRequireDefault(_Overlay);
var _Overlay = require('rsuite-utils/lib/Overlay');
var _lodash = require('lodash');
var _lodash2 = _interopRequireDefault(_lodash);
var _isNullOrUndefined = require('./utils/isNullOrUndefined');
var _isNullOrUndefined2 = _interopRequireDefault(_isNullOrUndefined);
var _createChainedFunction = require('./utils/createChainedFunction');

@@ -40,262 +30,235 @@

var _isOneOf = require('./utils/isOneOf');
var _isOneOf2 = _interopRequireDefault(_isOneOf);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
/**
* Check if value one is inside or equal to the of value
*
* @param {string} one
* @param {string|array} of
* @returns {boolean}
*/
function isOneOf(one, of) {
if (Array.isArray(of)) {
return of.indexOf(one) >= 0;
}
return one === of;
}
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function isNullOrUndefinded(k) {
return (0, _lodash.isNull)(k) || (0, _lodash.isUndefined)(k);
}
function _inherits(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) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Whisper = _react2.default.createClass({
displayName: 'Whisper',
var propTypes = _extends({}, _lodash2.default.omit(_Overlay.Overlay.propTypes, ['target', 'onHide', 'show']), {
trigger: _propTypes2.default.oneOfType([_propTypes2.default.oneOf(['click', 'hover', 'focus']), _propTypes2.default.arrayOf(_propTypes2.default.oneOf(['click', 'hover', 'focus']))]),
delay: _propTypes2.default.number,
delayShow: _propTypes2.default.number,
delayHide: _propTypes2.default.number,
defaultOverlayShown: _propTypes2.default.bool,
speaker: _propTypes2.default.node.isRequired,
onBlur: _propTypes2.default.func,
onClick: _propTypes2.default.func,
onFocus: _propTypes2.default.func,
onMouseLeave: _propTypes2.default.func
});
var defaultProps = {
defaultOverlayShown: false,
trigger: ['hover', 'focus'],
rootClose: true
};
propTypes: _extends({}, _Overlay2.default.propTypes, {
var Whisper = function (_React$Component) {
_inherits(Whisper, _React$Component);
/**
* Specify which action or actions trigger Overlay visibility
*/
trigger: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.oneOf(['click', 'hover', 'focus']), _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.oneOf(['click', 'hover', 'focus']))]),
function Whisper(props, context) {
_classCallCheck(this, Whisper);
/**
* A millisecond delay amount to show and hide the Overlay once triggered
*/
delay: _react2.default.PropTypes.number,
/**
* A millisecond delay amount before showing the Overlay once triggered.
*/
delayShow: _react2.default.PropTypes.number,
/**
* A millisecond delay amount before hiding the Overlay once triggered.
*/
delayHide: _react2.default.PropTypes.number,
var _this = _possibleConstructorReturn(this, (Whisper.__proto__ || Object.getPrototypeOf(Whisper)).call(this, props, context));
/**
* The initial visibility state of the Overlay, for more nuanced visibility controll consider
* using the Overlay component directly.
*/
defaultOverlayShown: _react2.default.PropTypes.bool,
_this.handleMouseOver = function (e) {
return _this.handleMouseOverOut(_this.handleDelayedShow, e);
};
_this.handleMouseOut = function (e) {
return _this.handleMouseOverOut(_this.handleDelayedHide, e);
};
/**
* An element or text to speaker next to the target.
*/
speaker: _react2.default.PropTypes.node.isRequired,
onBlur: _react2.default.PropTypes.func,
onClick: _react2.default.PropTypes.func,
onFocus: _react2.default.PropTypes.func,
onMouseLeave: _react2.default.PropTypes.func,
_this.handleToggle = _this.handleToggle.bind(_this);
_this.handleHide = _this.handleHide.bind(_this);
_this.handleDelayedShow = _this.handleDelayedShow.bind(_this);
_this.handleDelayedHide = _this.handleDelayedHide.bind(_this);
_this.getOverlayTarget = _this.getOverlayTarget.bind(_this);
// override specific speaker props
target: function target() {},
onHide: function onHide() {},
show: function show() {}
}),
_this.state = {
isOverlayShown: props.defaultOverlayShown
};
_this.mountNode = null;
return _this;
}
_createClass(Whisper, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.mountNode = document.createElement('div');
this.renderOverlay();
}
}, {
key: 'componentDidUpdate',
value: function componentDidUpdate() {
if (this.mountNode) {
getDefaultProps: function getDefaultProps() {
return {
defaultOverlayShown: false,
trigger: ['hover', 'focus'],
rootClose: true
};
},
getInitialState: function getInitialState() {
return { isOverlayShown: this.props.defaultOverlayShown };
},
show: function show() {
this.setState({ isOverlayShown: true });
},
hide: function hide() {
this.setState({ isOverlayShown: false });
},
toggle: function toggle() {
if (this.state.isOverlayShown) {
this.hide();
} else {
this.show();
}
},
componentWillMount: function componentWillMount() {
this.handleMouseOver = this.handleMouseOverOut.bind(null, this.handleDelayedShow);
this.handleMouseOut = this.handleMouseOverOut.bind(null, this.handleDelayedHide);
},
componentDidMount: function componentDidMount() {
this._mountNode = document.createElement('div');
this.renderOverlay();
}
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
_reactDom2.default.unmountComponentAtNode(this.mountNode);
this.mountNode = null;
clearTimeout(this.hoverShowDelay);
clearTimeout(this.hoverHideDelay);
}
}, {
key: 'getOverlayTarget',
value: function getOverlayTarget() {
return (0, _reactDom.findDOMNode)(this);
}
}, {
key: 'getOverlay',
value: function getOverlay() {
},
renderOverlay: function renderOverlay() {
_reactDom2.default.unstable_renderSubtreeIntoContainer(this, this._speaker, this._mountNode);
},
componentWillUnmount: function componentWillUnmount() {
_reactDom2.default.unmountComponentAtNode(this._mountNode);
this._mountNode = null;
clearTimeout(this._hoverShowDelay);
clearTimeout(this._hoverHideDelay);
},
componentDidUpdate: function componentDidUpdate() {
if (this._mountNode) {
this.renderOverlay();
}
},
getOverlayTarget: function getOverlayTarget() {
return _reactDom2.default.findDOMNode(this);
},
getOverlay: function getOverlay() {
var speakerProps = _extends({}, (0, _lodash.pick)(this.props, Object.keys(_Overlay2.default.propTypes)), {
show: this.state.isOverlayShown,
onHide: this.hide,
target: this.getOverlayTarget,
onExit: this.props.onExit,
onExiting: this.props.onExiting,
onExited: this.props.onExited,
onEnter: this.props.onEnter,
onEntering: this.props.onEntering,
onEntered: this.props.onEntered
});
var speakerProps = _extends({}, _lodash2.default.pick(this.props, Object.keys(_Overlay.Overlay.propTypes)), {
show: this.state.isOverlayShown,
onHide: this.handleHide,
target: this.getOverlayTarget
});
var speaker = (0, _react.cloneElement)(this.props.speaker, {
placement: speakerProps.placement,
container: speakerProps.container
});
var speaker = (0, _react.cloneElement)(this.props.speaker, {
placement: speakerProps.placement
});
return _react2.default.createElement(
_Overlay.Overlay,
speakerProps,
speaker
);
}
}, {
key: 'hide',
value: function hide() {
this.setState({
isOverlayShown: false
});
}
}, {
key: 'show',
value: function show() {
this.setState({
isOverlayShown: true
});
}
}, {
key: 'handleHide',
value: function handleHide() {
this.hide();
}
}, {
key: 'handleToggle',
value: function handleToggle() {
if (this.state.isOverlayShown) {
this.hide();
} else {
this.show();
}
}
}, {
key: 'handleDelayedShow',
value: function handleDelayedShow() {
var _this2 = this;
return _react2.default.createElement(
_Overlay2.default,
speakerProps,
speaker
);
},
render: function render() {
var trigger = _react2.default.Children.only(this.props.children);
var triggerProps = trigger.props;
var _props = this.props,
delayShow = _props.delayShow,
delay = _props.delay;
var props = {
'aria-describedby': this.props.speaker.props.id
};
if (!(0, _isNullOrUndefined2.default)(this.hoverHideDelay)) {
clearTimeout(this.hoverHideDelay);
this.hoverHideDelay = null;
return;
}
// create in render otherwise owner is lost...
this._speaker = this.getOverlay();
if (this.state.isOverlayShown || !(0, _isNullOrUndefined2.default)(this.hoverShowDelay)) {
return;
}
props.onClick = (0, _createChainedFunction2.default)(triggerProps.onClick, this.props.onClick);
var nextDelay = !(0, _isNullOrUndefined2.default)(delayShow) ? delayShow : delay;
if (isOneOf('click', this.props.trigger)) {
props.onClick = (0, _createChainedFunction2.default)(this.toggle, props.onClick);
}
if (!nextDelay) {
this.show();
return;
}
if (isOneOf('hover', this.props.trigger)) {
new Error(!(this.props.trigger === 'hover'), '[suite] Specifying only the `"hover"` trigger limits the visibilty of the speaker to just mouse users. ' + 'Consider also including the `"focus"` trigger so that touch and keyboard only users can see the speaker as well.');
this.hoverShowDelay = setTimeout(function () {
_this2.hoverShowDelay = null;
_this2.show();
}, nextDelay);
}
}, {
key: 'handleDelayedHide',
value: function handleDelayedHide() {
var _this3 = this;
props.onMouseOver = (0, _createChainedFunction2.default)(this.handleMouseOver, this.props.onMouseOver, triggerProps.onMouseOver);
props.onMouseOut = (0, _createChainedFunction2.default)(this.handleMouseOut, this.props.onMouseOut, triggerProps.onMouseOut);
}
var _props2 = this.props,
delayHide = _props2.delayHide,
delay = _props2.delay;
if (isOneOf('focus', this.props.trigger)) {
props.onFocus = (0, _createChainedFunction2.default)(this.handleDelayedShow, this.props.onFocus, triggerProps.onFocus);
props.onBlur = (0, _createChainedFunction2.default)(this.handleDelayedHide, this.props.onBlur, triggerProps.onBlur);
}
if (!(0, _isNullOrUndefined2.default)(this.hoverShowDelay)) {
clearTimeout(this.hoverShowDelay);
this.hoverShowDelay = null;
return;
}
return (0, _react.cloneElement)(trigger, props);
},
handleDelayedShow: function handleDelayedShow() {
var _this = this;
if (!this.state.isOverlayShown || !(0, _isNullOrUndefined2.default)(this.hoverHideDelay)) {
return;
}
if (!isNullOrUndefinded(this._hoverHideDelay)) {
clearTimeout(this._hoverHideDelay);
this._hoverHideDelay = null;
return;
}
var nextDelay = !(0, _isNullOrUndefined2.default)(delayHide) ? delayHide : delay;
if (this.state.isOverlayShown || !isNullOrUndefinded(this._hoverShowDelay)) {
return;
}
if (!nextDelay) {
this.hide();
return;
}
var delay = !isNullOrUndefinded(this.props.delayShow) ? this.props.delayShow : this.props.delay;
this.hoverHideDelay = setTimeout(function () {
_this3.hoverHideDelay = null;
_this3.hide();
}, nextDelay);
}
}, {
key: 'handleMouseOverOut',
value: function handleMouseOverOut(handler, event) {
var target = event.currentTarget;
var related = event.relatedTarget || event.nativeEvent.toElement;
if (!delay) {
this.show();
return;
}
if ((!related || related !== target) && !(0, _domLib.contains)(target, related)) {
handler(event);
}
}
}, {
key: 'renderOverlay',
value: function renderOverlay() {
_reactDom2.default.unstable_renderSubtreeIntoContainer(this, this.speaker, this.mountNode);
}
}, {
key: 'render',
value: function render() {
var _props3 = this.props,
children = _props3.children,
speaker = _props3.speaker,
onClick = _props3.onClick,
trigger = _props3.trigger,
onMouseOver = _props3.onMouseOver,
onMouseOut = _props3.onMouseOut,
onFocus = _props3.onFocus,
onBlur = _props3.onBlur;
this._hoverShowDelay = setTimeout(function () {
_this._hoverShowDelay = null;
_this.show();
}, delay);
},
handleDelayedHide: function handleDelayedHide() {
var _this2 = this;
if (!isNullOrUndefinded(this._hoverShowDelay)) {
clearTimeout(this._hoverShowDelay);
this._hoverShowDelay = null;
return;
}
var triggerComponent = _react2.default.Children.only(children);
var triggerProps = triggerComponent.props;
if (!this.state.isOverlayShown || !isNullOrUndefinded(this._hoverHideDelay)) {
return;
}
var props = {
'aria-describedby': speaker.props.id
};
var delay = !isNullOrUndefinded(this.props.delayHide) ? this.props.delayHide : this.props.delay;
this.speaker = this.getOverlay();
if (!delay) {
this.hide();
return;
}
props.onClick = (0, _createChainedFunction2.default)(triggerProps.onClick, onClick);
this._hoverHideDelay = setTimeout(function () {
_this2._hoverHideDelay = null;
_this2.hide();
}, delay);
},
if ((0, _isOneOf2.default)('click', trigger)) {
props.onClick = (0, _createChainedFunction2.default)(this.handleToggle, props.onClick);
}
if ((0, _isOneOf2.default)('hover', trigger)) {
props.onMouseOver = (0, _createChainedFunction2.default)(this.handleMouseOver, onMouseOver, triggerProps.onMouseOver);
props.onMouseOut = (0, _createChainedFunction2.default)(this.handleMouseOut, onMouseOut, triggerProps.onMouseOut);
}
if ((0, _isOneOf2.default)('focus', trigger)) {
props.onFocus = (0, _createChainedFunction2.default)(this.handleDelayedShow, onFocus, triggerProps.onFocus);
props.onBlur = (0, _createChainedFunction2.default)(this.handleDelayedHide, onBlur, triggerProps.onBlur);
}
return (0, _react.cloneElement)(triggerComponent, props);
// Simple implementation of mouseEnter and mouseLeave.
// React's built version is broken: https://github.com/facebook/react/issues/4251
// for cases when the trigger is disabled and mouseOut/Over can cause flicker moving
// from one child element to another.
handleMouseOverOut: function handleMouseOverOut(handler, e) {
var target = e.currentTarget;
var related = e.relatedTarget || e.nativeEvent.toElement;
if (!related || related !== target && !(0, _domLib.contains)(target, related)) {
handler(e);
}
}
}]);
});
return Whisper;
}(_react2.default.Component);
Whisper.propTypes = propTypes;
Whisper.defaultProps = defaultProps;
exports.default = Whisper;

2

package.json
{
"name": "rsuite",
"version": "2.0.0-alpha-4",
"version": "2.0.0-alpha-5",
"description": "A suite of react components",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

lib/SafeAnchor.js
lib/utils/createConstants.js
lib/utils/decorate.js
lib/utils/isNullOrUndefined.js
lib/utils/isOneOf.js
lib/utils/ReactChildren.js
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc