lucid-ui
Version:
A UI component library from AppNexus.
44 lines (43 loc) • 1.17 kB
JavaScript
import _parseInt from "lodash/parseInt";
import React from 'react';
import createClass from 'create-react-class';
import { Paginator, TextField } from '../../../index';
export default createClass({
getInitialState: function getInitialState() {
return {
count: 45
};
},
render: function render() {
var _this = this;
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
style: {
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
marginBottom: 10
}
}, "Total number of items:", /*#__PURE__*/React.createElement(TextField, {
style: {
width: 45,
textAlign: 'center',
marginLeft: 6
},
onSubmit: function onSubmit(count) {
return _this.setState({
count: count
});
},
value: this.state.count
})), /*#__PURE__*/React.createElement(Paginator, {
hasPageSizeSelector: true,
pageSizeOptions: [10, 25, 50],
totalCount: _parseInt(this.state.count),
SingleSelect: {
DropMenu: {
direction: 'up'
}
}
}));
}
});