ssc-grid
Version:
React grid component for SSC 3.0
42 lines (36 loc) • 1.26 kB
JavaScript
import _extends from 'babel-runtime/helpers/extends';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
// Copy from https://github.com/hnordt/react-number-picker/blob/master/index.babel.js
import React from 'react';
import PropTypes from 'prop-types';
import range from 'lodash.range';
import Picker from './Picker';
export default function NumberPicker(_ref) {
var min = _ref.min,
max = _ref.max,
step = _ref.step,
reverse = _ref.reverse,
other = _objectWithoutProperties(_ref, ['min', 'max', 'step', 'reverse']);
var options = range(min, max + 1, step);
if (reverse) {
options.reverse();
}
return React.createElement(Picker, _extends({}, other, {
options: options.map(function (value) {
return { label: value, value: value };
})
}));
}
NumberPicker.propTypes = {
className: PropTypes.string,
optionsPerRow: PropTypes.number,
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
min: PropTypes.number.isRequired,
max: PropTypes.number.isRequired,
step: PropTypes.number,
reverse: PropTypes.bool,
renderHeader: PropTypes.func,
renderOption: PropTypes.func,
onChange: PropTypes.func
};
NumberPicker.defaultProps = Picker.defaultProps;