Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | 16x 18x 2x 54x 16x | import React from "react"; import moment from "moment"; import { Select, MenuItem, InputLabel, FormControl } from "@material-ui/core"; import { cellValPropType, rowIdPropType, columnIdPropType, setRowEditedPropType, valuesPropType, labelPropType, dateFormatPropType, requiredPropType } from "../../../proptypes"; const SelectWrapper = ({ cellVal, label, rowId, columnId, setRowEdited, values, dateFormat, required }) => { return ( <FormControl fullWidth required={required}> <InputLabel>{label}</InputLabel> <Select value={cellVal} onChange={e => setRowEdited({ rowId, columnId, newValue: e.target.value }) } > {values.map(val => { return ( <MenuItem key={`${rowId}-${val}`} value={val}> {dateFormat ? moment(val).format(dateFormat) : val} </MenuItem> ); })} </Select> </FormControl> ); }; SelectWrapper.propTypes = { required: requiredPropType, label: labelPropType, cellVal: cellValPropType.isRequired, rowId: rowIdPropType.isRequired, columnId: columnIdPropType.isRequired, setRowEdited: setRowEditedPropType, values: valuesPropType.isRequired, dateFormat: dateFormatPropType.isRequired }; export default SelectWrapper; |