feat(list): add list for group and groupset (#379)

* feat(list): add generic list component, use for de group/set

* refactor: rename to GenericSectionList

* refactor(list): use component files instead of array of enabled routes

* fix(list): revert dataelement list refactor due to failing tests

* refactor: minor cleanup

src/components/sectionList/listView/ManageListView.tsx

@@ -44,9 +44,6 @@ const validate = (values: FormValues) => {
     if (values.columns.length < 1) {
         errors.columns = i18n.t('At least one column must be selected')
     }
-    if (values.filters.length < 1) {
-        errors.filters = i18n.t('At least one filter must be selected')
-    }
     return errors
 }
 export const ManageListView = ({

src/components/sectionList/listView/useModelListView.tsx

@@ -114,7 +114,7 @@ const createValidViewSelect = (sectionName: string) => {
             return getDefaultViewForSection(sectionName)
         }
 
-        const viewForSection = modelListViews.data[sectionName][0]
+        const viewForSection = modelListViews.data[sectionName]?.[0]
         if (!viewForSection) {
             return getDefaultViewForSection(sectionName)
         }

src/lib/sectionList/listViews/sectionListViewsConfig.ts

@@ -64,7 +64,7 @@ export const defaultModelViewConfig = {
         default: ['name', DESCRIPTORS.publicAccess, 'lastUpdated'],
     },
     filters: {
-        available: [],
+        available: [DESCRIPTORS.publicAccess],
         default: [
             // NOTE: Identifiable is special, and is always included in the default filters
             // It should not be handled the same way as "configurable" filters
@@ -93,8 +93,8 @@ export const modelListViewsConfig = {
             ],
         },
         filters: {
+            available: [],
             default: ['domainType', 'valueType', 'dataSet', 'categoryCombo'],
-            available: [DESCRIPTORS.publicAccess],
         },
     },
 } satisfies SectionListViewConfig

src/pages/DefaultSectionList.tsx

@@ -0,0 +1,54 @@
+import { FetchError, useDataEngine } from '@dhis2/app-runtime'
+import React from 'react'
+import { useQuery } from 'react-query'
+import { SectionListWrapper } from '../components'
+import { useModelListView } from '../components/sectionList/listView'
+import {
+    useSchemaFromHandle,
+    useParamsForDataQuery,
+    BaseListModel,
+    DEFAULT_FIELD_FILTERS,
+} from '../lib'
+import { getFieldFilter } from '../lib/models/path'
+import { WrapQueryResponse } from '../types'
+import { PagedResponse } from '../types/models'
+
+type ModelListResponse = WrapQueryResponse<PagedResponse<BaseListModel, string>>
+
+export const DefaultSectionList = () => {
+    const { columns } = useModelListView()
+    const schema = useSchemaFromHandle()
+    const engine = useDataEngine()
+    const modelListName = schema.plural
+
+    const initialParams = useParamsForDataQuery()
+
+    const query = {
+        result: {
+            resource: modelListName,
+            params: {
+                ...initialParams,
+                fields: columns
+                    .map((column) => getFieldFilter(schema, column.path))
+                    .concat(DEFAULT_FIELD_FILTERS),
+            },
+        },
+    }
+    const { error, data } = useQuery({
+        queryKey: [query],
+        queryFn: ({ queryKey: [query], signal }) => {
+            return engine.query(query, { signal }) as Promise<ModelListResponse>
+        },
+    })
+    const modelList = data?.result[modelListName]
+
+    return (
+        <div>
+            <SectionListWrapper
+                error={error as FetchError | undefined}
+                data={modelList}
+                pager={data?.result.pager}
+            />
+        </div>
+    )
+}

src/pages/dataElementGroupSets/List.tsx

@@ -0,0 +1,3 @@
+import { DefaultSectionList } from '../DefaultSectionList'
+
+export const Component = DefaultSectionList

src/pages/dataElementGroups/List.tsx

@@ -0,0 +1,3 @@
+import { DefaultSectionList } from '../DefaultSectionList'
+
+export const Component = DefaultSectionList