@graphcommerce/react-hook-form 3.3.5 → 4.30.0-canary.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 4.30.0-canary.1
+
+### Patch Changes
+
+- [`abb15ef4a`](https://github.com/graphcommerce-org/graphcommerce/commit/abb15ef4a79b12eddb32cc006e5d1d31dd06ac2d) Thanks [@paales](https://github.com/paales)! - Added canary releases to GraphCommerce
+
+## 4.30.0-canary.0
+
 ## 3.3.5
 
 ### Patch Changes

package/__tests__/useFormGqlMutation.tsx

@@ -1,25 +1,35 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
+import { ApolloClient, InMemoryCache } from '@apollo/client'
+import { renderHook } from '@testing-library/react'
 import { TestShippingAddressFormDocument } from '../__mocks__/TestShippingAddressForm.gql'
 import { useFormGqlMutation } from '../src/useFormGqlMutation'
 
 describe('useFormGqlMutation', () => {
-  const { register, required, defaultVariables } = useFormGqlMutation(
-    TestShippingAddressFormDocument,
+  const { result } = renderHook(() =>
+    useFormGqlMutation(
+      TestShippingAddressFormDocument,
+      {},
+      {
+        client: new ApolloClient({
+          cache: new InMemoryCache(),
+        }),
+      },
+    ),
   )
 
   it('can register stuff', () => {
-    register('address.telephone')
-    register('customerNote')
-    register('address.street.0')
+    result.current.register('address.telephone')
+    result.current.register('customerNote')
+    result.current.register('address.street.0')
 
     // @ts-expect-error should not be posssible
-    register('address.street.hoi')
+    result.current.register('address.street.hoi')
   })
 
   it('extracts required fields correctly', () => {
-    expect(required).toEqual({ address: true, cartId: true, customerNote: false })
+    expect(result.current.required).toEqual({ address: true, cartId: true, customerNote: false })
   })
   it('extracts defaults correctly', () => {
-    expect(defaultVariables).toEqual({ customerNote: 'joi' })
+    expect(result.current.defaultVariables).toEqual({ customerNote: 'joi' })
   })
 })

package/__tests__/useGqlDocumentHandler.tsx

@@ -20,7 +20,7 @@ describe('useGqlDocumentHandler', () => {
       city: 'City',
       telephone: '0987654321',
       postcode: '1234AB',
-      save_in_address_book: 'true',
+      save_in_address_book: true,
     },
   }
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/react-hook-form",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.3.5",
+  "version": "4.30.0-canary.1",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,9 +12,9 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.1.8",
-    "@graphcommerce/prettier-config-pwa": "^4.0.6",
-    "@graphcommerce/typescript-config-pwa": "^4.0.3",
+    "@graphcommerce/eslint-config-pwa": "^4.1.11-canary.0",
+    "@graphcommerce/prettier-config-pwa": "^4.0.7-canary.0",
+    "@graphcommerce/typescript-config-pwa": "^4.0.5-canary.0",
     "@playwright/test": "^1.21.1",
     "type-fest": "^2.12.2"
   },

package/src/useFormGql.tsx

@@ -1,8 +1,6 @@
 import {
   FetchResult,
-  ApolloClient,
   TypedDocumentNode,
-  useApolloClient,
   MutationTuple,
   ApolloError,
   LazyQueryResultTuple,
@@ -47,7 +45,6 @@ export function useFormGql<Q, V>(
   const { onComplete, onBeforeSubmit, document, form, tuple, defaultValues } = options
   const { encode, type, ...gqlDocumentHandler } = useGqlDocumentHandler<Q, V>(document)
   const [execute, { data, error }] = tuple
-  const client = useApolloClient()
 
   // automatically updates the default values
   const initital = useRef(true)