build: export event types in react wrapper

sbb-design-systems · Nov 21, 2023 · 562f39c · 562f39c
1 parent 1533a80
commit 562f39c
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/react/vite.config.ts b/src/react/vite.config.ts
@@ -85,7 +85,7 @@ function generateReactWrappers(): PluginOption {
           createDir(targetDir);
 
           const reactTemplate = `/* autogenerated */
-import { createComponent } from '@lit/react';
+import { createComponent, type EventName } from '@lit/react';
 import { ${declaration.name} as ${declaration.name}Element } from '@sbb-esta/lyne-components/${
             module.path
           }';
@@ -98,7 +98,14 @@ export const ${declaration.name} = createComponent({
   react,${
     declaration.events
       ? `
-  events: {${declaration.events!.map((e) => `\n    'on${e.name}': '${e.name}',`).join('')}
+  events: {${declaration
+    .events!.map(
+      (e) =>
+        `\n    'on${e.name.charAt(0).toUpperCase() + e.name.slice(1)}': '${e.name}' as EventName<${
+          e.type.text
+        }>,`,
+    )
+    .join('')}
   },
 `
       : ''