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

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { FloatCommandInputParameter, isRequiredInput } from '~/models/workflow';
   7 import { Field } from 'redux-form';
   8 import { isNumber } from '~/validators/is-number';
   9 import { GenericInputProps, GenericInput } from './generic-input';
  10 import { FloatInput as FloatInputComponent } from '~/components/float-input/float-input';
  11 export interface FloatInputProps {
  12     input: FloatCommandInputParameter;
  13 }
  14 export const FloatInput = ({ input }: FloatInputProps) =>
  15     <Field
  16         name={input.id}
  17         commandInput={input}
  18         component={Input}
  19         parse={parseFloat}
  20         format={value => isNaN(value) ? '' : JSON.stringify(value)}
  21         validate={[
  22             isRequiredInput(input)
  23                 ? isNumber
  24                 : () => undefined,]} />;
  25
  26 const Input = (props: GenericInputProps) =>
  27     <GenericInput
  28         component={InputComponent}
  29         {...props} />;
  30
  31 const InputComponent = ({ input, meta, commandInput }: GenericInputProps) =>
  32     <FloatInputComponent
  33         fullWidth
  34         error={meta.touched && !!meta.error}
  35         disabled={commandInput.disabled}
  36         {...input} />;
  37