feat: add cloning for data elements' forms

src/lib/constants/sections.ts

@@ -79,13 +79,15 @@ export const SCHEMA_SECTIONS = {
         title: i18n.t('Data element group'),
         titlePlural: i18n.t('Data element groups'),
         parentSectionKey: 'dataElement',
+        duplicable: true,
     },
     dataElementGroupSet: {
         name: SchemaName.dataElementGroupSet,
         namePlural: 'dataElementGroupSets',
         title: i18n.t('Data element group set'),
         titlePlural: i18n.t('Data element group sets'),
         parentSectionKey: 'dataElement',
+        duplicable: true,
     },
     dataSet: {
         name: SchemaName.dataSet,

src/pages/dataElementGroupSets/Duplicate.tsx

@@ -0,0 +1,65 @@
+import { useQuery } from '@tanstack/react-query'
+import { omit } from 'lodash'
+import React from 'react'
+import { useSearchParams } from 'react-router-dom'
+import { FormBase } from '../../components'
+import { DefaultDuplicateFormContents } from '../../components/form/DefaultFormContents'
+import {
+    ATTRIBUTE_VALUES_FIELD_FILTERS,
+    SECTIONS_MAP,
+    useBoundResourceQueryFn,
+    useOnSubmitNew,
+} from '../../lib'
+import {
+    DataElementGroupSet,
+    PickWithFieldFilters,
+} from '../../types/generated'
+import { DataElementGroupSetFormFields, validate } from './form'
+
+const fieldFilters = [
+    ...ATTRIBUTE_VALUES_FIELD_FILTERS,
+    'name',
+    'shortName',
+    'code',
+    'description',
+    'compulsory',
+    'dataDimension',
+    'dataElementGroups[id,displayName]',
+] as const
+
+export type DataElementGroupSetFormValues = PickWithFieldFilters<
+    DataElementGroupSet,
+    typeof fieldFilters
+> & { id: string }
+
+export const Component = () => {
+    const section = SECTIONS_MAP.dataElementGroupSet
+    const queryFn = useBoundResourceQueryFn()
+    const [searchParams] = useSearchParams()
+    const duplicatedModelId = searchParams.get('duplicatedId') as string
+
+    const query = {
+        resource: 'dataElementGroupSets',
+        id: duplicatedModelId,
+        params: {
+            fields: fieldFilters.concat(),
+        },
+    }
+    const dataElementGroupSet = useQuery({
+        queryKey: [query],
+        queryFn: queryFn<DataElementGroupSetFormValues>,
+    })
+
+    return (
+        <FormBase
+            onSubmit={useOnSubmitNew({ section })}
+            initialValues={omit(dataElementGroupSet.data, 'id')}
+            validate={validate}
+            fetchError={!!dataElementGroupSet.error}
+        >
+            <DefaultDuplicateFormContents section={section}>
+                <DataElementGroupSetFormFields />
+            </DefaultDuplicateFormContents>
+        </FormBase>
+    )
+}

src/pages/dataElementGroups/Duplicate.tsx

@@ -0,0 +1,60 @@
+import { useQuery } from '@tanstack/react-query'
+import { omit } from 'lodash'
+import React from 'react'
+import { useSearchParams } from 'react-router-dom'
+import { FormBase } from '../../components'
+import { DefaultDuplicateFormContents } from '../../components/form/DefaultFormContents'
+import {
+    ATTRIBUTE_VALUES_FIELD_FILTERS,
+    SECTIONS_MAP,
+    useBoundResourceQueryFn,
+    useOnSubmitNew,
+} from '../../lib'
+import { DataElementGroup, PickWithFieldFilters } from '../../types/generated'
+import { DataElementGroupFormFields, validate } from './form'
+
+const fieldFilters = [
+    ...ATTRIBUTE_VALUES_FIELD_FILTERS,
+    'name',
+    'shortName',
+    'code',
+    'description',
+    'dataElements[id,displayName]',
+] as const
+
+export type DataElementGroupFormValues = PickWithFieldFilters<
+    DataElementGroup,
+    typeof fieldFilters
+> & { id: string }
+
+export const Component = () => {
+    const section = SECTIONS_MAP.dataElementGroup
+    const queryFn = useBoundResourceQueryFn()
+    const [searchParams] = useSearchParams()
+    const duplicatedModelId = searchParams.get('duplicatedId') as string
+
+    const query = {
+        resource: 'dataElementGroups',
+        id: duplicatedModelId,
+        params: {
+            fields: fieldFilters.concat(),
+        },
+    }
+    const dataElementGroup = useQuery({
+        queryKey: [query],
+        queryFn: queryFn<DataElementGroupFormValues>,
+    })
+
+    return (
+        <FormBase
+            onSubmit={useOnSubmitNew({ section })}
+            initialValues={omit(dataElementGroup.data, 'id')}
+            validate={validate}
+            fetchError={!!dataElementGroup.error}
+        >
+            <DefaultDuplicateFormContents section={section}>
+                <DataElementGroupFormFields />
+            </DefaultDuplicateFormContents>
+        </FormBase>
+    )
+}