fix meta props when using Component type

atomicojs · Jul 18, 2022 · 284b2a5 · 284b2a5
1 parent 3169823
commit 284b2a5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "atomico",
-    "version": "1.61.0",
+    "version": "1.61.1",
     "description": "Atomico is a small library for the creation of interfaces based on web-components, only using functions and hooks.",
     "type": "module",
     "main": "./core.js",

diff --git a/types/core.d.ts b/types/core.d.ts
@@ -65,6 +65,12 @@ export type SyntheticProps<Props> = {
           };
 };
 
+export type SyntheticMetaProps<Meta> = {
+    [Prop in keyof Meta]?: Prop extends `on${string}`
+        ? (event: Meta[Prop]) => any
+        : Meta[Prop];
+};
+
 export type Type<Types> = TypeToConstructor<Types> & { meta?: Types };
 
 /**
@@ -150,9 +156,6 @@ interface MetaComponent {
     props: MetaProps<any>;
     styles?: Sheets;
 }
-/**
- * Functional component validation
- */
 export type Component<props = null, meta = any> = props extends null
     ? {
           (props: FillObject): Host<meta>;
@@ -161,7 +164,10 @@ export type Component<props = null, meta = any> = props extends null
       }
     : {
           (props: DOMProps<props>): Host<meta>;
-          props: SchemaInfer<props>;
+          props: SchemaInfer<props> &
+              MetaProps<
+                  meta extends null ? props : props & SyntheticMetaProps<meta>
+              >;
           styles?: Sheets;
       };