Merge pull request #192 from atomic-state/enhancements/useFetch

enh(useFetch, ):

Author: danybeltran

package.json

@@ -1,6 +1,6 @@
 {
   "name": "http-react",
-  "version": "3.6.2",
+  "version": "3.6.3",
   "description": "React hooks for data fetching",
   "main": "dist/index.js",
   "scripts": {

src/hooks/use-fetch.ts

@@ -62,6 +62,7 @@ import {
   getRequestHeaders,
   hasBaseUrl,
   isDefined,
+  isFormData,
   isFunction,
   jsonCompare,
   notNull,
@@ -1542,18 +1543,23 @@ export function useFetch<FetchDataType = any, BodyType = any>(
 
   const submit = useCallback(
     (form: FormData) => {
-      if (formRef.current) {
-        if (onSubmit) {
-          if (onSubmit !== 'reset') {
-            onSubmit(formRef.current, form)
-          } else {
-            if (formRef.current) {
-              formRef.current.reset()
+      if (isFormData(form)) {
+        if (formRef.current) {
+          if (onSubmit) {
+            if (onSubmit !== 'reset') {
+              onSubmit(formRef.current, form)
+            } else {
+              if (formRef.current) {
+                formRef.current.reset()
+              }
             }
           }
         }
       }
-      temporaryFormData.set(resolvedKey, form)
+      temporaryFormData.set(
+        resolvedKey,
+        isFormData(form) ? form : serialize(form)
+      )
       reValidate()
     },
     [resolvedKey, formRef.current, reValidate]

src/index.ts

@@ -82,6 +82,9 @@ export {
   actionResult,
   actionData,
   $form,
+  $formData,
+  $searchParams,
   jsonCompare,
-  windowExists
+  windowExists,
+  queue
 } from './utils/shared'

src/utils/shared.ts

@@ -185,6 +185,29 @@ export function $form<T = any>(form: FormData) {
   return Object.fromEntries(form.entries()) as T
 }
 
+export const $formData = $form
+
+export function $searchParams<T = any>(input: string) {
+  const searchParams = new URL(input).searchParams
+
+  const allKeys = searchParams.keys()
+
+  const parsedParams = new Map()
+
+  // @ts-expect-error
+  for (let key of allKeys) {
+    const allValues = searchParams.getAll(key)
+
+    if (allValues.length > 1) {
+      parsedParams.set(key, allValues)
+    } else {
+      parsedParams.set(key, allValues[0])
+    }
+  }
+
+  return Object.fromEntries(parsedParams.entries()) as T
+}
+
 /**
  * Creates a new request function. This is for usage with fetcher and fetcher.extend
  */