X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/c72c1ba8048825f15d864753dd247080e29f227b..215d0b7a7e1f69765c5f2a1139e52d8c427066eb:/src/views/run-process-panel/inputs/string-array-input.tsx
diff --git a/src/views/run-process-panel/inputs/string-array-input.tsx b/src/views/run-process-panel/inputs/string-array-input.tsx
index 3b29d1a8..8955009a 100644
--- a/src/views/run-process-panel/inputs/string-array-input.tsx
+++ b/src/views/run-process-panel/inputs/string-array-input.tsx
@@ -2,14 +2,15 @@
//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from 'react';
-import { isRequiredInput, StringArrayCommandInputParameter } from '~/models/workflow';
+import React from 'react';
+import { isRequiredInput, StringArrayCommandInputParameter } from 'models/workflow';
import { Field } from 'redux-form';
-import { ERROR_MESSAGE } from '~/validators/require';
-import { GenericInputProps, GenericInput } from '~/views/run-process-panel/inputs/generic-input';
-import { ChipsInput } from '~/components/chips-input/chips-input';
+import { ERROR_MESSAGE } from 'validators/require';
+import { GenericInputProps, GenericInput } from 'views/run-process-panel/inputs/generic-input';
+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;
@@ -29,22 +30,30 @@ const validationSelector = createSelector(
: undefined
);
-const required = (value: string[]) =>
- value.length > 0
+const required = (value: string[] = []) =>
+ value && value.length > 0
? undefined
: ERROR_MESSAGE;
const StringArrayInputComponent = (props: GenericInputProps) =>
;
-class Input extends React.PureComponent{
+class InputComponent extends React.PureComponent{
render() {
+ const { commandInput, input, meta } = this.props;
return ;
+ createNewValue={identity}
+ inputComponent={Input}
+ inputProps={{
+ error: meta.error
+ }} />;
}
handleChange = (values: {}[]) => {