Add events to Textfield and Textarea

Author: bendera

packages/lib/src/components/VscodeTextarea.ts

@@ -1,12 +1,17 @@
 import React from "react";
-import { createComponent } from "@lit/react";
+import { createComponent, EventName } from "@lit/react";
 import { VscodeTextarea as WC } from "@vscode-elements/elements";
 
 const VscodeTextarea = createComponent({
   tagName: "vscode-textarea",
   elementClass: WC,
   react: React,
   displayName: "VscodeTextarea",
+  events: {
+    onChange: "change" as EventName<Event>,
+    onInput: "input" as EventName<InputEvent>,
+    onInvalid: "invalid" as EventName<Event>,
+  },
 });
 
 export default VscodeTextarea;

packages/lib/src/components/VscodeTextfield.ts

@@ -1,12 +1,17 @@
 import React from "react";
-import { createComponent } from "@lit/react";
+import { createComponent, EventName } from "@lit/react";
 import { VscodeTextfield as WC } from "@vscode-elements/elements";
 
 const VscodeTextfield = createComponent({
   tagName: "vscode-textfield",
   elementClass: WC,
   react: React,
   displayName: "VscodeTextfield",
+  events: {
+    onChange: "change" as EventName<Event>,
+    onInput: "input" as EventName<InputEvent>,
+    onInvalid: "invalid" as EventName<Event>,
+  },
 });
 
 export default VscodeTextfield;