refactor: convert routing utils from Flow to TypeScript (#4327)

devin-ai-integration[bot] · henrik.vadet@dhis2.org · web-flow · commit 116183fa3efd · 2025-08-17T19:39:45.000+02:00
- Convert buildUrlQueryString.js to TypeScript with proper parameter types
- Convert getLocationQuery.js to TypeScript with any return type for compatibility
- Convert useLocationQuery.js to TypeScript hook with any return type
- Convert useNavigate.js to TypeScript hook with inferred parameter types
- Convert index.js to TypeScript with updated exports
- Remove all Flow type annotations and comments
- Maintain minimal changes focused only on type conversion
- All TypeScript compilation and linting checks pass

Co-authored-by: Devin AI &lt;158243242+devin-ai-integration[bot]@users.noreply.github.com&gt;
Co-authored-by: henrik.vadet@dhis2.org &lt;henrik.vadet@dhis2.org&gt;
diff --git a/src/core_modules/capture-core/utils/routing/buildUrlQueryString.ts b/src/core_modules/capture-core/utils/routing/buildUrlQueryString.ts
@@ -1,14 +1,11 @@
-// @flow
-
 const LOCALE_EN = 'en';
 
-export const buildUrlQueryString = (queryArgs: $ReadOnly<{ [id: string]: ?string }>) =>
+export const buildUrlQueryString = (queryArgs: Readonly<Record<string, string | null | undefined>>) =>
     Object
         .entries(queryArgs)
         .filter(([, value]) => value != null)
         .sort(([keyA], [keyB]) => keyA.localeCompare(keyB, LOCALE_EN))
         .reduce((searchParams, [key, value]) => {
-            // $FlowFixMe
             value && searchParams.append(key, value);
             return searchParams;
         }, new URLSearchParams())
diff --git a/src/core_modules/capture-core/utils/routing/getLocationQuery.ts b/src/core_modules/capture-core/utils/routing/getLocationQuery.ts
@@ -1,6 +1,4 @@
-// @flow
-
-export const getLocationQuery = (): {| [key: string]: string |} => {
+export const getLocationQuery = (): any => {
     const urlSearchParamString = window.location.hash.split('?')[1];
     return [...new URLSearchParams(urlSearchParamString).entries()].reduce((accParams, [key, value]) => {
         accParams[key] = value;
diff --git a/src/core_modules/capture-core/utils/routing/index.ts b/src/core_modules/capture-core/utils/routing/index.ts
@@ -1,4 +1,3 @@
-// @flow
 export { useLocationQuery } from './useLocationQuery';
 export { getLocationQuery } from './getLocationQuery';
 export { buildUrlQueryString } from './buildUrlQueryString';
diff --git a/src/core_modules/capture-core/utils/routing/useLocationQuery.ts b/src/core_modules/capture-core/utils/routing/useLocationQuery.ts
@@ -1,8 +1,7 @@
-// @flow
 import { useMemo } from 'react';
 import { useLocation } from 'react-router-dom';
 
-export const useLocationQuery = (): { [key: string]: string } => {
+export const useLocationQuery = (): any => {
     const search = useLocation().search;
     return useMemo(() => [...new URLSearchParams(search).entries()].reduce((accParams, entry) => {
         accParams[entry[0]] = entry[1];
diff --git a/src/core_modules/capture-core/utils/routing/useNavigate.ts b/src/core_modules/capture-core/utils/routing/useNavigate.ts
@@ -1,10 +1,9 @@
-// @flow
 import { useHistory } from 'react-router-dom';
 
 export const useNavigate = () => {
     const history = useHistory();
 
-    const navigate = (path: string, scrollToTop: boolean = true) => {
+    const navigate = (path: string, scrollToTop = true) => {
         history.push(path);
         if (scrollToTop) {
             window.scrollTo(0, 0);

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-// @flow`
`2`	`1`	`export { useLocationQuery } from './useLocationQuery';`
`3`	`2`	`export { getLocationQuery } from './getLocationQuery';`
`4`	`3`	`export { buildUrlQueryString } from './buildUrlQueryString';`