From 01e78ad56657518d656e72db63163d9e9e65147d Mon Sep 17 00:00:00 2001
From: Fabian Hiller <hillerfabian11@gmail.com>
Date: Wed, 23 Nov 2022 23:57:24 +0100
Subject: [PATCH] Change type of event handler props at website

---
 packages/website/src/components/Checkbox.tsx         |  6 +++---
 packages/website/src/components/FileInput.tsx        |  6 +++---
 packages/website/src/components/Hamburger.tsx        |  2 +-
 packages/website/src/components/Select.tsx           |  6 +++---
 packages/website/src/components/Slider.tsx           |  6 +++---
 packages/website/src/components/TextInput.tsx        |  6 +++---
 .../website/src/routes/guides/input-components.mdx   | 12 ++++++------
 7 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/packages/website/src/components/Checkbox.tsx b/packages/website/src/components/Checkbox.tsx
index 7e293c67..46203b50 100644
--- a/packages/website/src/components/Checkbox.tsx
+++ b/packages/website/src/components/Checkbox.tsx
@@ -7,9 +7,9 @@ type CheckboxProps = {
   name: string;
   value?: string;
   checked?: boolean;
-  onInput: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
-  onChange: JSX.EventHandlerUnion<HTMLInputElement, Event>;
-  onBlur: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
+  onInput: JSX.EventHandler<HTMLInputElement, InputEvent>;
+  onChange: JSX.EventHandler<HTMLInputElement, Event>;
+  onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent>;
   required?: boolean;
   class?: string;
   label: string;
diff --git a/packages/website/src/components/FileInput.tsx b/packages/website/src/components/FileInput.tsx
index f2f2ec18..ed401cf3 100644
--- a/packages/website/src/components/FileInput.tsx
+++ b/packages/website/src/components/FileInput.tsx
@@ -7,9 +7,9 @@ type FileInputProps = {
   ref: (element: HTMLInputElement) => void;
   name: string;
   value?: FileList | File;
-  onInput: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
-  onChange: JSX.EventHandlerUnion<HTMLInputElement, Event>;
-  onBlur: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
+  onInput: JSX.EventHandler<HTMLInputElement, InputEvent>;
+  onChange: JSX.EventHandler<HTMLInputElement, Event>;
+  onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent>;
   accept?: string;
   required?: boolean;
   multiple?: boolean;
diff --git a/packages/website/src/components/Hamburger.tsx b/packages/website/src/components/Hamburger.tsx
index ba19e70a..bc3a527c 100644
--- a/packages/website/src/components/Hamburger.tsx
+++ b/packages/website/src/components/Hamburger.tsx
@@ -3,7 +3,7 @@ import { For, JSX } from 'solid-js';
 
 type HamburgerProps = {
   active: boolean;
-  onClick: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;
+  onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;
 };
 
 /**
diff --git a/packages/website/src/components/Select.tsx b/packages/website/src/components/Select.tsx
index c3c7dad0..fa051fe8 100644
--- a/packages/website/src/components/Select.tsx
+++ b/packages/website/src/components/Select.tsx
@@ -8,9 +8,9 @@ type SelectProps = {
   ref: (element: HTMLSelectElement) => void;
   name: string;
   value: string | string[] | undefined;
-  onInput: JSX.EventHandlerUnion<HTMLSelectElement, InputEvent>;
-  onChange: JSX.EventHandlerUnion<HTMLSelectElement, Event>;
-  onBlur: JSX.EventHandlerUnion<HTMLSelectElement, FocusEvent>;
+  onInput: JSX.EventHandler<HTMLSelectElement, InputEvent>;
+  onChange: JSX.EventHandler<HTMLSelectElement, Event>;
+  onBlur: JSX.EventHandler<HTMLSelectElement, FocusEvent>;
   options: { label: string; value: string }[];
   multiple?: boolean;
   size?: string | number;
diff --git a/packages/website/src/components/Slider.tsx b/packages/website/src/components/Slider.tsx
index 5a483fa7..1b6794d6 100644
--- a/packages/website/src/components/Slider.tsx
+++ b/packages/website/src/components/Slider.tsx
@@ -7,9 +7,9 @@ type SliderProps = {
   ref: (element: HTMLInputElement) => void;
   name: string;
   value?: number;
-  onInput: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
-  onChange: JSX.EventHandlerUnion<HTMLInputElement, Event>;
-  onBlur: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
+  onInput: JSX.EventHandler<HTMLInputElement, InputEvent>;
+  onChange: JSX.EventHandler<HTMLInputElement, Event>;
+  onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent>;
   min?: number;
   max?: number;
   step?: number;
diff --git a/packages/website/src/components/TextInput.tsx b/packages/website/src/components/TextInput.tsx
index 0fb97a04..e5d535c8 100644
--- a/packages/website/src/components/TextInput.tsx
+++ b/packages/website/src/components/TextInput.tsx
@@ -8,9 +8,9 @@ type TextInputProps = {
   type: 'text' | 'email' | 'tel' | 'password' | 'url' | 'number' | 'date';
   name: string;
   value: string | number | undefined;
-  onInput: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
-  onChange: JSX.EventHandlerUnion<HTMLInputElement, Event>;
-  onBlur: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
+  onInput: JSX.EventHandler<HTMLInputElement, InputEvent>;
+  onChange: JSX.EventHandler<HTMLInputElement, Event>;
+  onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent>;
   placeholder?: string;
   required?: boolean;
   class?: string;
diff --git a/packages/website/src/routes/guides/input-components.mdx b/packages/website/src/routes/guides/input-components.mdx
index f10ae1d9..5eb1c2cf 100644
--- a/packages/website/src/routes/guides/input-components.mdx
+++ b/packages/website/src/routes/guides/input-components.mdx
@@ -72,9 +72,9 @@ type TextInputProps = {
   type: 'text' | 'email' | 'tel' | 'password' | 'url' | 'number' | 'date';
   name: string;
   value: string | number | undefined;
-  onInput: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
-  onChange: JSX.EventHandlerUnion<HTMLInputElement, Event>;
-  onBlur: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
+  onInput: JSX.EventHandler<HTMLInputElement, InputEvent>;
+  onChange: JSX.EventHandler<HTMLInputElement, Event>;
+  onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent>;
   placeholder?: string;
   required?: boolean;
   label?: string;
@@ -135,9 +135,9 @@ type TextInputProps = {
   type: 'text' | 'email' | 'tel' | 'password' | 'url' | 'number' | 'date';
   name: string;
   value: string | number | undefined;
-  onInput: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
-  onChange: JSX.EventHandlerUnion<HTMLInputElement, Event>;
-  onBlur: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
+  onInput: JSX.EventHandler<HTMLInputElement, InputEvent>;
+  onChange: JSX.EventHandler<HTMLInputElement, Event>;
+  onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent>;
   placeholder?: string;
   required?: boolean;
   label?: string;