feat: remove some any and migrate some files to typescript

src/packages/components/datatable/index.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren, useState } from 'react';
+import { ComponentPropsWithoutRef, PropsWithChildren, useState } from 'react';
 import { FilterMatchMode } from 'primereact/api';
 import { DataTable as PrimeDataTable } from 'primereact/datatable';
 import { IconField } from 'primereact/iconfield';
@@ -12,11 +12,20 @@ const { D } = createAllDictionary({
 		en: 'Search in the table...',
 	},
 });
+
+type DataTableTypes = {
+	withPagination?: boolean;
+	globalFilterFields?: boolean;
+};
 export const DataTable = ({
 	children,
 	withPagination = true,
 	...props
-}: Readonly<PropsWithChildren<any>>) => {
+}: Readonly<
+	PropsWithChildren<
+		DataTableTypes & ComponentPropsWithoutRef<typeof PrimeDataTable>
+	>
+>) => {
 	const [globalFilterValue, setGlobalFilterValue] = useState('');
 	const [filters, setFilters] = useState({
 		global: { value: null, matchMode: FilterMatchMode.CONTAINS },

src/packages/components/list/index.tsx

@@ -8,8 +8,8 @@ type ListTypes<T> = {
 
 export const List = <T extends object>({
 	items,
-	getContent = (value: any) => value.toString(),
-	getKey = (value: any) => value.toString(),
+	getContent = (value: T) => value.toString(),
+	getKey = (value: T) => value.toString(),
 }: Readonly<ListTypes<T>>) => {
 	if (!items || items.length === 0) {
 		return null;

src/packages/components/pagination/index.tsx

@@ -24,15 +24,15 @@ function checkInvalidPage(targetPage: number, listSize: number) {
 }
 
 const numberPerPageOptions = [
-	{ value: 10, label: 10 },
-	{ value: 25, label: 25 },
-	{ value: 100, label: 100 },
+	{ value: 10, label: '10' },
+	{ value: 25, label: '25' },
+	{ value: 100, label: '100' },
 ];
 /**
  * Component used to display a pagination block for a list.
  *	itemEls: The list of item we want to paginate
  */
-export const Pagination = ({ itemEls }: { itemEls: any }) => {
+export const Pagination = ({ itemEls }: { itemEls: JSX.Element[] }) => {
 	const navigate = useNavigate();
 	const { pathname, search } = useLocation();
 

src/packages/model/Dataset.ts

@@ -38,6 +38,7 @@ export type CatalogRecord = {
 	created: string;
 	updated: string;
 	contributor: string;
+	creator: string;
 	catalogRecord: CatalogRecord;
 	validationState: ValidationState;
 };

src/packages/modules-datasets/datasets/edit/validation.jsx → src/packages/modules-datasets/datasets/edit/validation.tsx

@@ -1,8 +1,9 @@
-import D, { D1, D2 } from '../../../deprecated-locales';
 import { z } from 'zod';
+import D, { D1, D2 } from '../../../deprecated-locales';
+import { Dataset } from '../../../model/Dataset';
 import { formatValidation } from '../../../utils/validation';
 
-const Dataset = z.object({
+const ZodDataset = z.object({
 	labelLg1: z
 		.string({ required_error: D.mandatoryProperty(D1.title) })
 		.trim()
@@ -34,8 +35,8 @@ const Dataset = z.object({
 		.nonempty({ message: D.mandatoryProperty(D1.generatedBy) }),
 });
 
-export const validate = ({ catalogRecord, ...otherFields }) =>
-	formatValidation(Dataset)({
+export const validate = ({ catalogRecord, ...otherFields }: Dataset) =>
+	formatValidation(ZodDataset)({
 		creator: catalogRecord?.creator,
 		contributor: catalogRecord?.contributor,
 		...otherFields,