@hyvor/design 1.1.4 → 1.1.5

package/dist/components/Button/Button.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { legacyHandlers } from '../../legacy.js';
 	import { createBubbler } from 'svelte/legacy';
 
 	const bubble = createBubbler();
@@ -62,16 +63,16 @@
 	class="button {size} {color} {variant} {align}"
 	class:block
 
-	onkeyup={(e: KeyboardEvent) => { bubble('keyup'); onkeyup?.(e); }}
-	onkeydown={(e: KeyboardEvent) => { bubble('keydown'); onkeydown?.(e); }}
-	onkeypress={(e: KeyboardEvent) => { bubble('keypress'); onkeypress?.(e); }}
-	onfocus={(e: FocusEvent) => { bubble('focus'); onfocus?.(e); }}
-	onblur={(e: FocusEvent) => { bubble('blur'); onblur?.(e); }}
-	onclick={(e: MouseEvent) => { bubble('click'); onclick?.(e); }}
-	onmouseover={(e: MouseEvent) => { bubble('mouseover'); onmouseover?.(e); }}
-	onmouseenter={(e: MouseEvent) => { bubble('mouseenter'); onmouseenter?.(e); }}
-	onmouseleave={(e: MouseEvent) => { bubble('mouseleave'); onmouseleave?.(e); }}
-	onchange={(e: Event) => { bubble('change'); onchange?.(e); }}
+	onkeyup={legacyHandlers(onkeyup, bubble('keyup'))}
+	onkeydown={legacyHandlers(onkeydown, bubble('keydown'))}
+	onkeypress={legacyHandlers(onkeypress, bubble('keypress'))}
+	onfocus={legacyHandlers(onfocus, bubble('focus'))}
+	onblur={legacyHandlers(onblur, bubble('blur'))}
+	onclick={legacyHandlers(onclick, bubble('click'))}
+	onmouseover={legacyHandlers(onmouseover, bubble('mouseover'))}
+	onmouseenter={legacyHandlers(onmouseenter, bubble('mouseenter'))}
+	onmouseleave={legacyHandlers(onmouseleave, bubble('mouseleave'))}
+	onchange={legacyHandlers(onchange, bubble('change'))}
 
 	role="button"
 	tabindex="0"

package/dist/legacy.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Event can be KeyboardEvent, MouseEvent, TouchEvent, FocusEvent, or Event
+ */
+type CustomEventListener = (event: any) => void;
+/**
+ * Extends svelte4 handlers to support undefined
+ */
+export declare function legacyHandlers(...eventHandlers: (CustomEventListener | undefined)[]): EventListener;
+export {};

package/dist/legacy.js

@@ -0,0 +1,8 @@
+import { handlers } from "svelte/legacy";
+/**
+ * Extends svelte4 handlers to support undefined
+ */
+export function legacyHandlers(...eventHandlers) {
+    const all = eventHandlers.filter(h => h !== undefined);
+    return handlers(...all);
+}

package/package.json

@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.1.4"
+	"version": "1.1.5"
 }