@rnga/orders
Version:
## Get schema from @prisma-cms 1. yarn get-api-schema -e http://localhost:4000 2. yarn build-api-fragments
117 lines (92 loc) • 1.97 kB
JavaScript
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Autocomplete, { styles as stylesProto } from 'autocomplete';
class OrderItemStatusSelectField extends Component {
state = {
}
render() {
let options = [
{
value: "",
label: "Выбрать из списка",
},
{
value: "GreidConfirmed",
label: "Грейд подтвержден",
},
{
value: "Sobrano",
label: "Собран",
},
{
value: "Vydan",
label: "Выдан",
},
{
value: "Otkaz",
label: "Отказ",
},
{
value: "OtkazVydan",
label: "Отказ, выдан",
},
];
const {
onChange,
onSelect,
label,
helperText,
inputProps,
name,
value,
disabled,
style,
...other
} = this.props;
const {
opened,
} = this.state;
let valueText = "";
if (value) {
let item = options.find(n => n.value === value);
if (item) {
valueText = item.label;
}
}
return (
<Autocomplete
{...other}
items={options}
inputProps={{
...inputProps,
label,
helperText,
disabled,
style,
}}
onMenuVisibilityChange={opened => this.setState({
opened,
})}
onSelect={(value, item) => {
// this.setState({
// user: item,
// });
if (onChange) {
onChange({
target: {
name,
value,
},
});
}
onSelect && onSelect(value, item);
}}
// value={opened ? value : valueText}
value={valueText || ""}
/>
);
}
}
OrderItemStatusSelectField.propTypes = {
};
export default OrderItemStatusSelectField;