fix(fluid-form): forward missing events (#583)

Author: metonym

COMPONENT_INDEX.md

@@ -1368,6 +1368,11 @@ None.
 
 | Event name | Type      | Detail |
 | :--------- | :-------- | :----- |
+| click      | forwarded | --     |
+| keydown    | forwarded | --     |
+| mouseover  | forwarded | --     |
+| mouseenter | forwarded | --     |
+| mouseleave | forwarded | --     |
 | submit     | forwarded | --     |
 
 ## `Form`
@@ -1387,6 +1392,7 @@ None.
 | Event name | Type      | Detail |
 | :--------- | :-------- | :----- |
 | click      | forwarded | --     |
+| keydown    | forwarded | --     |
 | mouseover  | forwarded | --     |
 | mouseenter | forwarded | --     |
 | mouseleave | forwarded | --     |

docs/src/COMPONENT_API.json

@@ -3448,7 +3448,14 @@
       "filePath": "src/FluidForm/FluidForm.svelte",
       "props": [],
       "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
-      "events": [{ "type": "forwarded", "name": "submit", "element": "Form" }],
+      "events": [
+        { "type": "forwarded", "name": "click", "element": "Form" },
+        { "type": "forwarded", "name": "keydown", "element": "Form" },
+        { "type": "forwarded", "name": "mouseover", "element": "Form" },
+        { "type": "forwarded", "name": "mouseenter", "element": "Form" },
+        { "type": "forwarded", "name": "mouseleave", "element": "Form" },
+        { "type": "forwarded", "name": "submit", "element": "Form" }
+      ],
       "typedefs": [],
       "rest_props": { "type": "InlineComponent", "name": "Form" }
     },
@@ -3459,6 +3466,7 @@
       "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
       "events": [
         { "type": "forwarded", "name": "click", "element": "form" },
+        { "type": "forwarded", "name": "keydown", "element": "form" },
         { "type": "forwarded", "name": "mouseover", "element": "form" },
         { "type": "forwarded", "name": "mouseenter", "element": "form" },
         { "type": "forwarded", "name": "mouseleave", "element": "form" },

src/FluidForm/FluidForm.svelte

@@ -5,6 +5,15 @@
   setContext("Form", { isFluid: true });
 </script>
 
-<Form {...$$restProps} class="bx--form--fluid {$$restProps.class}" on:submit>
+<Form
+  {...$$restProps}
+  class="bx--form--fluid {$$restProps.class}"
+  on:click
+  on:keydown
+  on:mouseover
+  on:mouseenter
+  on:mouseleave
+  on:submit
+>
   <slot />
 </Form>

types/FluidForm/FluidForm.d.ts

@@ -5,6 +5,13 @@ export interface FluidFormProps {}
 
 export default class FluidForm extends SvelteComponentTyped<
   FluidFormProps,
-  { submit: WindowEventMap["submit"] },
+  {
+    click: WindowEventMap["click"];
+    keydown: WindowEventMap["keydown"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    submit: WindowEventMap["submit"];
+  },
   { default: {} }
 > {}

types/Form/Form.d.ts

@@ -8,6 +8,7 @@ export default class Form extends SvelteComponentTyped<
   FormProps,
   {
     click: WindowEventMap["click"];
+    keydown: WindowEventMap["keydown"];
     mouseover: WindowEventMap["mouseover"];
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];