feat: adds UseFormOptions for formLevelErrorName and recentlySuccessfulTimeoutTime overwrites

Author: fenilli

src/addons/formkit.ts

@@ -5,7 +5,7 @@ import type { AddonExtension } from '../inertia';
 import { reactive, watchEffect } from 'vue';
 import { createMessage } from '@formkit/core';
 
-export default <F extends RequestPayload>(initialFields?: F) => {
+export default <F extends RequestPayload>(initialFields?: F, formLevelErrorName?: string) => {
   const state = reactive({
     node: null as null | FormKitNode,
     dirty: false as boolean | null,
@@ -28,7 +28,16 @@ export default <F extends RequestPayload>(initialFields?: F) => {
       });
 
       on('error', (errors, node) => {
-        node.setErrors(node.name in errors ? errors[node.name] : [], errors);
+        const _formLevelErrorName = formLevelErrorName ? formLevelErrorName : node.name;
+
+        let formErrorMessages: string | undefined;
+        if (_formLevelErrorName in errors) {
+          formErrorMessages = errors[_formLevelErrorName];
+
+          delete errors[_formLevelErrorName];
+        }
+
+        node.setErrors(_formLevelErrorName, errors);
       });
 
       on('finish', (_, node) => {

src/inertia.ts

@@ -7,11 +7,15 @@ import { createEventManager } from './eventManager';
 import { createFormkitAddon, createStateAddon } from './addons/index';
 
 export type AddonExtension = (on: ReturnType<typeof createEventManager>['on']) => void;
+export interface UseFormOptions {
+  recentlySuccessfulTimeoutTime?: number;
+  formLevelErrorName?: string;
+};
 
-export const useForm = <F extends RequestPayload>(initialFields?: F) => {
+export const useForm = <F extends RequestPayload>(initialFields?: F, options?: UseFormOptions) => {
   const eventManager = createEventManager();
-  const { state: addonState, addon: stateAddon } = createStateAddon();
-  const { state: formkitState, addon: formkitAddon, plugin } = createFormkitAddon(initialFields);
+  const { state: addonState, addon: stateAddon } = createStateAddon(options?.recentlySuccessfulTimeoutTime);
+  const { state: formkitState, addon: formkitAddon, plugin } = createFormkitAddon(initialFields, options?.formLevelErrorName);
 
   const addon = (addons: AddonExtension | AddonExtension[]) => {
     if (Array.isArray(addons)) addons.forEach((cb) => cb(eventManager.on));