src/views/run-process-panel/inputs/generic-input.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   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';
   9
  10 export type GenericInputProps = WrappedFieldProps & {
  11     commandInput: GenericCommandInputParameter<any, any>;
  12 };
  13
  14 type GenericInputContainerProps = GenericInputProps & {
  15     component: React.ComponentType<GenericInputProps>;
  16     required?: boolean;
  17 };
  18 export const GenericInput = ({ component: Component, ...props }: GenericInputContainerProps) => {
  19     return <FormGroup>
  20         <FormLabel
  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)}
  25         </FormLabel>
  26         <Component {...props} />
  27         <FormHelperText error={props.meta.touched && !!props.meta.error}>
  28             {
  29                 props.meta.touched && props.meta.error
  30                     ? props.meta.error
  31                     : props.commandInput.doc
  32             }
  33         </FormHelperText>
  34     </FormGroup>;
  35 };