react-daterange-picker-onedesert
Version:
A React based date range picker
79 lines (56 loc) • 2.68 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
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 _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _createReactClass = require('create-react-class');
var _createReactClass2 = _interopRequireDefault(_createReactClass);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _BemMixin = require('./utils/BemMixin');
var _BemMixin2 = _interopRequireDefault(_BemMixin);
var _reactAddonsPureRenderMixin = require('react-addons-pure-render-mixin');
var _reactAddonsPureRenderMixin2 = _interopRequireDefault(_reactAddonsPureRenderMixin);
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 _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 PaginationArrow = (0, _createReactClass2.default)({
mixins: [_BemMixin2.default, _reactAddonsPureRenderMixin2.default],
propTypes: {
disabled: _propTypes2.default.bool,
onTrigger: _propTypes2.default.func,
direction: _propTypes2.default.oneOf(['next', 'previous'])
},
getDefaultProps: function getDefaultProps() {
return {
disabled: false
};
},
render: function render() {
var _props = this.props,
disabled = _props.disabled,
direction = _props.direction,
onTrigger = _props.onTrigger,
props = _objectWithoutProperties(_props, ['disabled', 'direction', 'onTrigger']);
var modifiers = _defineProperty({}, direction, true);
var states = { disabled: disabled };
var elementOpts = {
element: 'PaginationArrow',
modifiers: modifiers,
states: states
};
var iconOpts = {
element: 'PaginationArrowIcon',
modifiers: modifiers,
states: states
};
return _react2.default.createElement(
'div',
_extends({ className: this.cx(elementOpts) }, props, { onClick: onTrigger }),
_react2.default.createElement('div', { className: this.cx(iconOpts) })
);
}
});
exports.default = PaginationArrow;