Add better event typing

The any types could probably be improved with $$Generic
rgossiaux · Feb 1, 2022 · bfc6857 · bfc6857
1 parent dde8112
commit bfc6857
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 5 deletions.
diff --git a/src/lib/components/dialog/Dialog.svelte b/src/lib/components/dialog/Dialog.svelte
@@ -70,7 +70,9 @@
   export let open: Boolean | undefined = undefined;
   export let initialFocus: HTMLElement | null = null;
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    close: boolean;
+  }>();
 
   let containers: Set<HTMLElement> = new Set();
   let openClosedState = useOpenClosed();

diff --git a/src/lib/components/listbox/Listbox.svelte b/src/lib/components/listbox/Listbox.svelte
@@ -80,7 +80,9 @@
     horizontal ? "horizontal" : "vertical"
   ) as StateDefinition["orientation"];
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    change: any;
+  }>();
 
   let listboxState: StateDefinition["listboxState"] = ListboxStates.Closed;
   let labelRef: StateDefinition["labelRef"] = writable(null);

diff --git a/src/lib/components/radio-group/RadioGroup.svelte b/src/lib/components/radio-group/RadioGroup.svelte
@@ -66,7 +66,9 @@
 
   let id = `headlessui-radiogroup-${useId()}`;
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    change: any;
+  }>();
 
   let api: Writable<StateDefinition> = writable({
     options,

diff --git a/src/lib/components/switch/Switch.svelte b/src/lib/components/switch/Switch.svelte
@@ -17,7 +17,9 @@
   export let as: SupportedAs = "button";
   export let use: HTMLActionArray = [];
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    change: boolean;
+  }>();
   export let checked = false;
   let api = useSwitchContext();
   let labelContext = useLabelContext();

diff --git a/src/lib/components/transitions/TransitionChild.svelte b/src/lib/components/transitions/TransitionChild.svelte
@@ -38,7 +38,12 @@
   export let leaveFrom = "";
   export let leaveTo = "";
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    afterEnter: null;
+    afterLeave: null;
+    beforeEnter: null;
+    beforeLeave: null;
+  }>();
 
   let container: HTMLElement | null = null;