src/views/run-process-panel/inputs/string-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 { memoize } from 'lodash/fp';
   7 import { isRequiredInput, StringCommandInputParameter } from 'models/workflow';
   8 import { Field } from 'redux-form';
   9 import { require } from 'validators/require';
  10 import { GenericInputProps, GenericInput } from 'views/run-process-panel/inputs/generic-input';
  11 import { Input as MaterialInput } from '@material-ui/core';
  12
  13 export interface StringInputProps {
  14     input: StringCommandInputParameter;
  15 }
  16 export const StringInput = ({ input }: StringInputProps) =>
  17     <Field
  18         name={input.id}
  19         commandInput={input}
  20         component={StringInputComponent}
  21         validate={getValidation(input)} />;
  22
  23 const getValidation = memoize(
  24     (input: StringCommandInputParameter) => ([
  25         isRequiredInput(input)
  26             ? require
  27             : () => undefined,
  28     ]));
  29
  30 const StringInputComponent = (props: GenericInputProps) =>
  31     <GenericInput
  32         component={Input}
  33         {...props} />;
  34
  35 const Input = (props: GenericInputProps) =>
  36     <MaterialInput
  37         fullWidth
  38         error={props.meta.touched && !!props.meta.error}
  39         disabled={props.commandInput.disabled}
  40         {...props.input} />;