Update types definitions

openizr · Aug 27, 2021 · fb6565f · fb6565f
1 parent 76b12c8
commit fb6565f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/library/src/scripts/types.d.ts b/library/src/scripts/types.d.ts
@@ -370,7 +370,7 @@ declare module 'gincko' {
 }
 
 declare module 'gincko/react' {
-  type OUA = (newValue: FormValue) => void;
+  type OUA = (type: 'click' | 'input', newValue: FormValue) => void;
 
   /** Custom React component. */
   export type Component = (field: Field & { i18n: I18n; }, onUserAction: OUA) => JSX.Element;
@@ -402,6 +402,8 @@ declare module 'gincko/vue' {
   import Vue from 'vue';
   import { ExtendedVue } from 'vue/types/vue.d';
 
+  type OUA = (type: 'click' | 'input', newValue: FormValue) => void;
+
   /**
    * Dynamic form.
    */
@@ -417,7 +419,7 @@ declare module 'gincko/vue' {
 
     /** List of form's custom components. */
     customComponents: {
-      [type: string]: (field: Field, onUserAction: (newValue: FormValue) => void) => {
+      [type: string]: (field: Field, onUserAction: OUA) => {
         component: Vue.Component;
         props: any;
         events: any;

diff --git a/library/src/scripts/vue/components/Field.vue b/library/src/scripts/vue/components/Field.vue
@@ -158,7 +158,7 @@ const builtInComponents: Components = {
       blur: field.options.onBlur,
       focus: field.options.onFocus,
       iconClick: field.options.onIconClick,
-      change: (value): void => onUserAction('input', value),
+      change: (value: FormValue): void => onUserAction('input', value),
     },
   }),
   Textarea: (field, onUserAction) => ({
@@ -184,7 +184,7 @@ const builtInComponents: Components = {
     events: {
       blur: field.options.onBlur,
       focus: field.options.onFocus,
-      change: (value): void => onUserAction('input', value),
+      change: (value: FormValue): void => onUserAction('input', value),
     },
   }),
   FileUploader: (field, onUserAction) => ({
@@ -204,7 +204,7 @@ const builtInComponents: Components = {
     },
     events: {
       focus: field.options.onFocus,
-      change: (value): void => onUserAction('input', value),
+      change: (value: FormValue): void => onUserAction('input', value),
     },
   }),
   Dropdown: (field, onUserAction) => ({
@@ -224,7 +224,7 @@ const builtInComponents: Components = {
     },
     events: {
       focus: field.options.onFocus,
-      change: (value): void => onUserAction('input', value),
+      change: (value: FormValue): void => onUserAction('input', value),
     },
   }),
   Checkbox: (field, onUserAction) => ({
@@ -242,7 +242,7 @@ const builtInComponents: Components = {
     },
     events: {
       focus: field.options.onFocus,
-      change: (value): void => onUserAction('input', value),
+      change: (value: FormValue): void => onUserAction('input', value),
     },
   }),
   Radio: (field, onUserAction) => ({
@@ -260,7 +260,7 @@ const builtInComponents: Components = {
     },
     events: {
       focus: field.options.onFocus,
-      change: (value): void => onUserAction('input', value),
+      change: (value: FormValue): void => onUserAction('input', value),
     },
   }),
 };