src/views-components/dialog-copy/dialog-copy.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 { InjectedFormProps, Field } from 'redux-form';
   8 import { WithDialogProps } from 'store/dialog/with-dialog';
   9 import { FormDialog } from 'components/form-dialog/form-dialog';
  10 import { ProjectTreePickerField } from 'views-components/projects-tree-picker/tree-picker-field';
  11 import { COPY_NAME_VALIDATION, COPY_FILE_VALIDATION } from 'validators/validators';
  12 import { TextField } from "components/text-field/text-field";
  13 import { CopyFormDialogData } from 'store/copy-dialog/copy-dialog';
  14 import { PickerIdProp } from 'store/tree-picker/picker-id';
  15
  16 type CopyFormDialogProps = WithDialogProps<string> & InjectedFormProps<CopyFormDialogData>;
  17
  18 export const DialogCopy = (props: CopyFormDialogProps & PickerIdProp) =>
  19     <FormDialog
  20         dialogTitle='Make a copy'
  21         formFields={CopyDialogFields(props.pickerId)}
  22         submitLabel='Copy'
  23         {...props}
  24     />;
  25
  26 const CopyDialogFields = memoize((pickerId: string) =>
  27     () =>
  28         <span>
  29             <Field
  30                 name='name'
  31                 component={TextField as any}
  32                 validate={COPY_NAME_VALIDATION}
  33                 label="Enter a new name for the copy" />
  34             <Field
  35                 name="ownerUuid"
  36                 component={ProjectTreePickerField}
  37                 validate={COPY_FILE_VALIDATION}
  38                 pickerId={pickerId}/>
  39         </span>);