//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from 'react';
-import { isRequiredInput, IntArrayCommandInputParameter } from '~/models/workflow';
+import React from 'react';
+import { isRequiredInput, IntArrayCommandInputParameter } 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 { identity } from 'lodash';
+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 { createSelector } from 'reselect';
-import { IntInput } from '~/components/int-input/int-input';
+import { IntInput } from 'components/int-input/int-input';
export interface IntArrayInputProps {
input: IntArrayCommandInputParameter;
);
const required = (value: string[]) =>
- value.length > 0
+ value && value.length > 0
? undefined
: ERROR_MESSAGE;
class InputComponent extends React.PureComponent<GenericInputProps>{
render() {
+ const { commandInput, input, meta } = this.props;
return <ChipsInput
- deletable
- orderable
- value={this.props.input.value}
+ deletable={!commandInput.disabled}
+ orderable={!commandInput.disabled}
+ disabled={commandInput.disabled}
+ values={input.value}
onChange={this.handleChange}
createNewValue={value => parseInt(value, 10)}
inputComponent={IntInput}
inputProps={{
- error: this.props.meta.error,
+ error: meta.error,
}} />;
}