1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import React from 'react';
6 import { WrappedFieldProps } from 'redux-form';
7 import { FormGroup, FormLabel, FormHelperText } from '@material-ui/core';
8 import { GenericCommandInputParameter, getInputLabel, isRequiredInput } from 'models/workflow';
10 export type GenericInputProps = WrappedFieldProps & {
11 commandInput: GenericCommandInputParameter<any, any>;
14 type GenericInputContainerProps = GenericInputProps & {
15 component: React.ComponentType<GenericInputProps>;
18 export const GenericInput = ({ component: Component, ...props }: GenericInputContainerProps) => {
21 focused={props.meta.active}
22 required={props.required !== undefined ? props.required : isRequiredInput(props.commandInput)}
23 error={props.meta.touched && !!props.meta.error}>
24 {getInputLabel(props.commandInput)}
26 <Component {...props} />
27 <FormHelperText error={props.meta.touched && !!props.meta.error}>
29 props.meta.touched && props.meta.error
31 : props.commandInput.doc