Change type of event handler props at website

fabian-hiller · Nov 23, 2022 · 01e78ad · 01e78ad
1 parent ea7f084
commit 01e78ad
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 22 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;