8394432721

Committed 22 Mar 2024 05:52PM UTC coverage: 97.123% (-0.4%) from 97.473%

Build # 8394432721

Build Type

Pull #351

github

Committed by

ekraffmiller

Commit Message

fix: move AuthorFormGroup.stories.tsx to Sections folder

Pull Request Pull Request #351: 337 multiple values field type

Run Details

564 of 589 branches covered (95.76%)

Branch coverage included in aggregate %.

26 of 34 new or added lines in 4 files covered. (76.47%)

1664 of 1705 relevant lines covered (97.6%)

3620.63 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

89.47

/src/sections/create-dataset/AuthorFormGroup.tsx

import { Form } from '@iqss/dataverse-design-system'
import { useTranslation } from 'react-i18next'
import { SubmissionStatus } from './useCreateDatasetForm'
import { DatasetMetadataSubField } from '../../dataset/domain/models/Dataset'
import { Col, Row } from '@iqss/dataverse-design-system'
import { DynamicFieldsButtons } from './dynamic-fields-buttons/DynamicFieldsButtons'

import { ChangeEvent } from 'react'
import _ from 'lodash'
import { useMultipleFields } from './useMultipleFields'
interface AuthorFormGroupProps {
  submissionStatus: SubmissionStatus
  initialAuthorFields: DatasetMetadataSubField[]
  updateFormData: (name: string, value: string | DatasetMetadataSubField[]) => void
}

export function AuthorFormGroup({
  submissionStatus,
  initialAuthorFields,
  updateFormData
}: AuthorFormGroupProps) {
  const { t } = useTranslation('createDataset')
  const { multipleFields, setMultipleFields, addField, removeField } =
    useMultipleFields(initialAuthorFields)

  const isAuthorValid = (index: number) => {
    return !!multipleFields[index].authorName
  }
  const handleFieldChange = (index: number, event: ChangeEvent<HTMLInputElement>) => {
    const updatedAuthorFields = _.cloneDeep(multipleFields)
    updatedAuthorFields[index].authorName = (event.target as HTMLInputElement).value
    setMultipleFields(updatedAuthorFields)
    updateFormData('metadataBlocks.0.fields.author', multipleFields)
  }

  return (
    <>
      {multipleFields.map((author, index) => (
        <Form.Group controlId="author-name" required key={index}>
          <Row>
            <Col sm={3}>
              {index === 0 && (
                <Form.Group.Label required message={t('datasetForm.fields.authorName.tooltip')}>
                  {t('datasetForm.fields.authorName.label')}
                </Form.Group.Label>
              )}
            </Col>
            <Col sm={6}>
              <Form.Group.Input
                disabled={submissionStatus === SubmissionStatus.IsSubmitting}
                type="text"
                name={`metadataBlocks.0.fields.author.${index}.authorName`}
                onChange={(event: ChangeEvent<HTMLInputElement>) => handleFieldChange(index, event)}
                isInvalid={!isAuthorValid(index)}
                value={author.authorName}
                required
              />
              <Form.Group.Feedback type="invalid">
                {t('datasetForm.fields.authorName.feedback')}
              </Form.Group.Feedback>
            </Col>
            <Col sm={3}>
              <DynamicFieldsButtons
                originalField={index === 0}
                onAddButtonClick={() => {
                  addField(index, { authorName: '' })
                }}
                onRemoveButtonClick={() => {
                  removeField(index)
                }}
              />
            </Col>
          </Row>
        </Form.Group>
      ))}
    </>
  )
}

1	import { Form } from '@iqss/dataverse-design-system'
2	import { useTranslation } from 'react-i18next'
3	import { SubmissionStatus } from './useCreateDatasetForm'
4	import { DatasetMetadataSubField } from '../../dataset/domain/models/Dataset'
5	import { Col, Row } from '@iqss/dataverse-design-system'
6	import { DynamicFieldsButtons } from './dynamic-fields-buttons/DynamicFieldsButtons'
7
8	import { ChangeEvent } from 'react'
9	import _ from 'lodash'
10	import { useMultipleFields } from './useMultipleFields'
11	interface AuthorFormGroupProps {
12	submissionStatus: SubmissionStatus
13	initialAuthorFields: DatasetMetadataSubField[]
14	updateFormData: (name: string, value: string \| DatasetMetadataSubField[]) => void
15	}
16
17	export function AuthorFormGroup({	10✔
18	submissionStatus,
19	initialAuthorFields,
20	updateFormData
21	}: AuthorFormGroupProps) {	483✔
22	const { t } = useTranslation('createDataset')	483✔
23	const { multipleFields, setMultipleFields, addField, removeField } =
24	useMultipleFields(initialAuthorFields)	483✔
25
26	const isAuthorValid = (index: number) => {	483✔
27	return !!multipleFields[index].authorName	483✔
28	}
29	const handleFieldChange = (index: number, event: ChangeEvent<HTMLInputElement>) => {	483✔
30	const updatedAuthorFields = _.cloneDeep(multipleFields)	80✔
31	updatedAuthorFields[index].authorName = (event.target as HTMLInputElement).value	80✔
32	setMultipleFields(updatedAuthorFields)	80✔
33	updateFormData('metadataBlocks.0.fields.author', multipleFields)	80✔
34	}
35
36	return (	483✔
37	<>
38	{multipleFields.map((author, index) => (
39	<Form.Group controlId="author-name" required key={index}>	483✔
40	<Row>
41	<Col sm={3}>
42	{index === 0 && (	966✔
43	<Form.Group.Label required message={t('datasetForm.fields.authorName.tooltip')}>
44	{t('datasetForm.fields.authorName.label')}
45	</Form.Group.Label>
46	)}
47	</Col>
48	<Col sm={6}>
49	<Form.Group.Input
50	disabled={submissionStatus === SubmissionStatus.IsSubmitting}
51	type="text"
52	name={`metadataBlocks.0.fields.author.${index}.authorName`}
53	onChange={(event: ChangeEvent<HTMLInputElement>) => handleFieldChange(index, event)}	80✔
54	isInvalid={!isAuthorValid(index)}
55	value={author.authorName}
56	required
57	/>
58	<Form.Group.Feedback type="invalid">
59	{t('datasetForm.fields.authorName.feedback')}
60	</Form.Group.Feedback>
61	</Col>
62	<Col sm={3}>
63	<DynamicFieldsButtons
64	originalField={index === 0}
65	onAddButtonClick={() => {
NEW 66	addField(index, { authorName: '' })	×
67	}}
68	onRemoveButtonClick={() => {
NEW 69	removeField(index)	×
70	}}
71	/>
72	</Col>
73	</Row>
74	</Form.Group>
75	))}
76	</>
77	)
78	}	10✔

IQSS / dataverse-frontend / 8394432721

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous