🏷️ [#445] Add some types to utilities

src/env.mjs → src/env.ts

@@ -10,7 +10,7 @@ const env = import.meta.env;
 const envVarPrefix = 'VITE';
 const DEBUG = env.MODE === 'development';
 
-const getEnv = name => {
+const getEnv = (name: string): string | undefined => {
   const fullName = `${envVarPrefix}_${name}`;
   return env[fullName];
 };

src/utils.js → src/utils.ts

@@ -1,4 +1,5 @@
 import clsx from 'clsx';
+import type {IntlShape} from 'react-intl';
 
 import {getEnv} from './env';
 
@@ -8,30 +9,30 @@ const VERSION = getEnv('VERSION');
 
 export const PREFIX = 'openforms';
 
-export const getFormattedDateString = (intl, dateString) => {
+export const getFormattedDateString = (intl: IntlShape, dateString: string) => {
   if (!dateString) return '';
   return intl.formatDate(new Date(dateString));
 };
 
-export const getFormattedTimeString = (intl, dateTimeString) => {
+export const getFormattedTimeString = (intl: IntlShape, dateTimeString: string) => {
   if (!dateTimeString) return '';
   return intl.formatTime(new Date(dateTimeString));
 };
 
 /**
  * Prefix a name/string/identifier with the Open Forms specific prefix.
  */
-export const applyPrefix = name => {
+export const applyPrefix = (name: string) => {
   return `${PREFIX}-${name}`;
 };
 
-export const getBEMClassName = (base, modifiers = []) => {
+export const getBEMClassName = (base: string, modifiers: string[] = []) => {
   const prefixedBase = applyPrefix(base);
   const prefixedModifiers = modifiers.map(mod => applyPrefix(`${base}--${mod}`));
   return clsx(prefixedBase, ...prefixedModifiers);
 };
 
 // usage: await sleep(3000);
-export const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
+export const sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
 
 export const getVersion = () => VERSION || 'unknown';

tsconfig.json

@@ -24,6 +24,7 @@
       "@/sb-decorators": ["../.storybook/decorators.tsx"]
     },
     "types": [
+      "vite/client",
       "vitest/globals"
     ]
   },