import { ChipsInput } from '~/components/chips-input/chips-input';
import { identity } from 'lodash';
import { createSelector } from 'reselect';
+import { Input } from '@material-ui/core';
export interface StringArrayInputProps {
input: StringArrayCommandInputParameter;
const StringArrayInputComponent = (props: GenericInputProps) =>
<GenericInput
- component={Input}
+ component={InputComponent}
{...props} />;
-class Input extends React.PureComponent<GenericInputProps>{
+class InputComponent extends React.PureComponent<GenericInputProps>{
render() {
+ const { commandInput, input, meta } = this.props;
return <ChipsInput
- values={this.props.input.value}
+ deletable={!commandInput.disabled}
+ orderable={!commandInput.disabled}
+ disabled={commandInput.disabled}
+ value={input.value}
onChange={this.handleChange}
- createNewValue={identity} />;
+ createNewValue={identity}
+ inputComponent={Input}
+ inputProps={{
+ error: meta.error
+ }} />;
}
handleChange = (values: {}[]) => {