807 tally number of residues for bilbomd af form

[shrprabh]

This pull request introduces several significant changes to the NewAlphaFoldJobForm.tsx file, primarily focusing on the handling of amino acid sequences and form field interactions. The most important changes include the addition of a custom AminoAcidField component, updates to event type handling, and the calculation of total characters with copies for entities.

Enhancements to Amino Acid Sequence Handling:

• Added a new AminoAcidField component that displays chunked text when not focused, improving readability and user interaction. [1] [2]

Event Type Handling:

• Updated event type definitions for handleBlur and handleChange to use FocusEvent and ChangeEvent respectively, ensuring type safety.

Form Functionality Improvements:

• Implemented a calculation for the total characters with copies for entities, displaying this information in the form. [1] [2]

General Code Enhancements:

• Imported additional event types (ChangeEvent, FocusEvent) and useEffect to support new functionality.

Add a visually appealing display when the user inputs an amino sequence, with superscripted numbers separated by a count of 10.

Ensure that superscripts and all are not sent through the network when submitting.

[dsclassen]

This is a good start. I like the new chunking functionality. I am still looking at the details of your implementation. One thing that comes to mind is that we may want to store the residue count in the value object so that we can make use of Yup to validate? For example the current initialValues is:

  const initialValues: NewAlphaFoldJobFormValues = {
    title: '',
    dat_file: '',
    email: email,
    entities: [
      {
        id: '1',
        name: 'pro-1',
        sequence: '',
        type: 'Protein',
        copies: 1
      }
    ]
  }

but maybe something like this would be preferable:

  const initialValues: NewAlphaFoldJobFormValues = {
    title: '',
    dat_file: '',
    email: email,
    entities: [
      {
        id: '1',
        name: 'pro-1',
        sequence: '',
        type: 'Protein',
        copies: 1,
        seq_length: 0
      }
    ]
  }

on the other hand... maybe this isn't necessary since we can easily access sequence?.length within our yup validation schema.

[dsclassen]

There is an odd display glitch with some of the superscripted numbers:

[shrprabh]

There is an odd display glitch with some of the superscripted numbers:

I’ll look into this.