chore: type fixes LINK-1759

Author: mikkojamG

src/common/components/eventSelector/EventSelector.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-undef */
 import { ApolloError } from '@apollo/client';
-import { SearchFunction, SearchResult } from 'hds-react';
+import { Option, SearchFunction, SearchResult, SelectData } from 'hds-react';
 import React, { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -48,6 +48,7 @@ const EventSelector: React.FC<EventSelectorProps> = ({
     variables: {
       ...variables,
       createPath: getPathBuilder(eventsPathBuilder),
+      text: '',
     },
   });
 
@@ -91,14 +92,14 @@ const EventSelector: React.FC<EventSelectorProps> = ({
           throw error;
         }
 
-        const newOptions = getValue(
-          newEventsData?.events.data.map((event) =>
-            getOption(event as EventFieldsFragment, locale)
+        return {
+          options: getValue(
+            newEventsData?.events.data.map((event) =>
+              getOption(event as EventFieldsFragment, locale)
+            ),
+            []
           ),
-          []
-        );
-
-        return { options: newOptions };
+        };
       } catch (error) {
         return Promise.reject(error as ApolloError);
       }
@@ -107,12 +108,11 @@ const EventSelector: React.FC<EventSelectorProps> = ({
   );
 
   const handleChange = React.useCallback(
-    (...args: unknown[]) => {
+    (selectedOptions: Option[], clickedOption: Option, data: SelectData) => {
       setOptions(initialOptions.current);
 
       if (onChange) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (onChange as any)(...args);
+        onChange(selectedOptions, clickedOption, data);
       }
     },
     [onChange]

src/common/components/eventSelector/__mocks__/eventSelector.ts

@@ -18,6 +18,7 @@ const eventsVariables = {
   createPath: undefined,
   sort: EVENT_SORT_OPTIONS.NAME,
   superEventType: ['umbrella'],
+  text: '',
 };
 const events = fakeEvents(1, [event]);
 const eventsResponse = { data: { events: events } };

src/common/components/keywordSelector/KeywordSelector.tsx

@@ -105,14 +105,14 @@ const KeywordSelector: React.FC<KeywordSelectorProps> = ({
           throw error;
         }
 
-        const newOptions = getValue(
-          newKeywordsData?.keywords.data.map((keyword) =>
-            getOption({ keyword: keyword as KeywordFieldsFragment, locale })
+        return Promise.resolve({
+          options: getValue(
+            newKeywordsData?.keywords.data.map((keyword) =>
+              getOption({ keyword: keyword as KeywordFieldsFragment, locale })
+            ),
+            []
           ),
-          []
-        );
-
-        return Promise.resolve({ options: newOptions });
+        });
       } catch (error) {
         return Promise.reject(error as ApolloError);
       }

src/common/components/placeSelector/PlaceSelector.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-undef */
 import { ApolloError } from '@apollo/client';
-import { SearchFunction, SearchResult } from 'hds-react';
+import { Option, SearchFunction, SearchResult, SelectData } from 'hds-react';
 import { TFunction } from 'i18next';
 import React, { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -125,14 +125,14 @@ const PlaceSelector: React.FC<PlaceSelectorProps> = ({
           throw error;
         }
 
-        const newOptions = getValue(
-          newPlacesData?.places.data.map((place) =>
-            getOption({ place: place as PlaceFieldsFragment, locale, t })
+        return {
+          options: getValue(
+            newPlacesData?.places.data.map((place) =>
+              getOption({ place: place as PlaceFieldsFragment, locale, t })
+            ),
+            []
           ),
-          []
-        );
-
-        return { options: newOptions };
+        };
       } catch (error) {
         return Promise.reject(error as ApolloError);
       }
@@ -141,12 +141,11 @@ const PlaceSelector: React.FC<PlaceSelectorProps> = ({
   );
 
   const handleChange = React.useCallback(
-    (...args: unknown[]) => {
+    (selectedOptions: Option[], clickedOption: Option, data: SelectData) => {
       setOptions(initialOptions.current);
 
       if (onChange) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (onChange as any)(...args);
+        onChange(selectedOptions, clickedOption, data);
       }
     },
     [onChange]

src/common/components/singleKeywordSelector/SingleKeywordSelector.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-undef */
 import { ApolloError } from '@apollo/client';
-import { SearchFunction, SearchResult } from 'hds-react';
+import { Option, SearchFunction, SearchResult, SelectData } from 'hds-react';
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -93,18 +93,6 @@ const SingleKeywordSelector: React.FC<SingleKeywordSelectorProps> = ({
     }
   }, [keywordsOptions, keywordsData]);
 
-  const handleChange = React.useCallback(
-    (...args: unknown[]) => {
-      setOptions(initialOptions.current);
-
-      if (onChange) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (onChange as any)(...args);
-      }
-    },
-    [onChange]
-  );
-
   const handleSearch: SearchFunction = React.useCallback(
     async (searchValue: string): Promise<SearchResult> => {
       try {
@@ -116,21 +104,32 @@ const SingleKeywordSelector: React.FC<SingleKeywordSelectorProps> = ({
           throw error;
         }
 
-        const newOptions = getValue(
-          newkeywordsData?.keywords.data.map((keyword) =>
-            getOption({ keyword: keyword as KeywordFieldsFragment, locale })
+        return {
+          options: getValue(
+            newkeywordsData?.keywords.data.map((keyword) =>
+              getOption({ keyword: keyword as KeywordFieldsFragment, locale })
+            ),
+            []
           ),
-          []
-        );
-
-        return { options: newOptions };
+        };
       } catch (error) {
         return Promise.reject(error as ApolloError);
       }
     },
     [refetch, locale]
   );
 
+  const handleChange = React.useCallback(
+    (selectedOptions: Option[], clickedOption: Option, data: SelectData) => {
+      setOptions(initialOptions.current);
+
+      if (onChange) {
+        onChange(selectedOptions, clickedOption, data);
+      }
+    },
+    [onChange]
+  );
+
   const selectedKeyword = React.useMemo(
     () =>
       keywordData?.keyword

src/domain/registration/formSections/eventSection/__mocks__/eventSection.ts

@@ -40,6 +40,7 @@ const eventsVariables = {
   start: 'now',
   sort: EVENT_SORT_OPTIONS.NAME,
   superEventType: ['none'],
+  text: '',
 };
 
 const events = fakeEvents(1, [event]);