@graphcommerce/react-hook-form 9.0.4-canary.1 → 9.0.4-canary.11

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Change Log
 
+## 9.0.4-canary.11
+
+## 9.0.4-canary.10
+
+### Patch Changes
+
+- [#2487](https://github.com/graphcommerce-org/graphcommerce/pull/2487) [`935f8f9`](https://github.com/graphcommerce-org/graphcommerce/commit/935f8f9ebe5e79b336e56d40cb1ec96ce17b84d7) - Remove dependency on Magento for @graphcommerec/react-hook-form ([@paales](https://github.com/paales))
+
+## 9.0.4-canary.9
+
+## 9.0.4-canary.8
+
+## 9.0.4-canary.7
+
+## 9.0.4-canary.6
+
+## 9.0.4-canary.5
+
+## 9.0.4-canary.4
+
+## 9.0.4-canary.3
+
+### Patch Changes
+
+- [#2477](https://github.com/graphcommerce-org/graphcommerce/pull/2477) [`8015eab`](https://github.com/graphcommerce-org/graphcommerce/commit/8015eabc130dacf1f2703980cd5f0ad2c550aa4d) - Upgraded to @apollo/client 3.12.3 without impacting typescript compilation performance. ([@paales](https://github.com/paales))
+
+## 9.0.4-canary.2
+
 ## 9.0.4-canary.1
 
 ## 9.0.4-canary.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/react-hook-form",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.4-canary.1",
+  "version": "9.0.4-canary.11",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -13,9 +13,9 @@
   },
   "peerDependencies": {
     "@apollo/client": "*",
-    "@graphcommerce/eslint-config-pwa": "^9.0.4-canary.1",
-    "@graphcommerce/prettier-config-pwa": "^9.0.4-canary.1",
-    "@graphcommerce/typescript-config-pwa": "^9.0.4-canary.1",
+    "@graphcommerce/eslint-config-pwa": "^9.0.4-canary.11",
+    "@graphcommerce/prettier-config-pwa": "^9.0.4-canary.11",
+    "@graphcommerce/typescript-config-pwa": "^9.0.4-canary.11",
     "@mui/utils": "^5",
     "graphql": "^16.6.0",
     "react": "^18.2.0",

package/src/useFormGql.tsx

@@ -2,6 +2,7 @@ import type {
   FetchResult,
   LazyQueryHookOptions,
   LazyQueryResultTuple,
+  MaybeMasked,
   MutationHookOptions,
   MutationTuple,
   TypedDocumentNode,
@@ -16,7 +17,10 @@ import type { UseGqlDocumentHandler } from './useGqlDocumentHandler'
 import { useGqlDocumentHandler } from './useGqlDocumentHandler'
 import { tryAsync } from './utils/tryTuple'
 
-export type OnCompleteFn<Q, V> = (data: FetchResult<Q>, variables: V) => void | Promise<void>
+export type OnCompleteFn<Q, V> = (
+  data: FetchResult<MaybeMasked<Q>>,
+  variables: V,
+) => void | Promise<void>
 
 type UseFormGraphQLCallbacks<Q, V> = {
   /**
@@ -84,7 +88,7 @@ export type UseFormGqlMethods<Q, V extends FieldValues> = Omit<
   'encode' | 'type'
 > &
   Pick<UseFormReturn<V>, 'handleSubmit'> & {
-    data?: Q | null
+    data?: MaybeMasked<Q> | null
     error?: ApolloError
     submittedVariables?: V
   }

package/__mocks__/TestShippingAddressForm.graphql

@@ -1,16 +0,0 @@
-mutation TestShippingAddressForm(
-  $cartId: String!
-  $address: CartAddressInput!
-  $customerNote: String = "joi"
-) {
-  setShippingAddressesOnCart(
-    input: {
-      cart_id: $cartId
-      shipping_addresses: [{ address: $address, customer_notes: $customerNote }]
-    }
-  ) {
-    cart {
-      id
-    }
-  }
-}

package/__tests__/useFormGqlMutation.tsx

@@ -1,35 +0,0 @@
-/* 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 { result } = renderHook(() =>
-    useFormGqlMutation(
-      TestShippingAddressFormDocument,
-      {},
-      {
-        client: new ApolloClient({
-          cache: new InMemoryCache(),
-        }),
-      },
-    ),
-  )
-
-  it('can register stuff', () => {
-    result.current.register('address.telephone')
-    result.current.register('customerNote')
-    result.current.register('address.street.0')
-
-    // @ts-expect-error should not be posssible
-    result.current.register('address.street.hoi')
-  })
-
-  it('extracts required fields correctly', () => {
-    expect(result.current.required).toEqual({ address: true, cartId: true, customerNote: false })
-  })
-  it('extracts defaults correctly', () => {
-    expect(result.current.defaultVariables).toEqual({ customerNote: 'joi' })
-  })
-})

package/__tests__/useGqlDocumentHandler.tsx

@@ -1,52 +0,0 @@
-import { TestShippingAddressFormDocument } from '../__mocks__/TestShippingAddressForm.gql'
-import { handlerFactory } from '../src/useGqlDocumentHandler'
-
-describe('useGqlDocumentHandler', () => {
-  const {
-    required,
-    defaultVariables: defaults,
-    encode,
-  } = handlerFactory(TestShippingAddressFormDocument)
-
-  const address = {
-    cartId: '12',
-    customerNote: 'hoi',
-    address: {
-      firstname: 'Firstname',
-      lastname: 'Lastname',
-      company: 'GraphComemrce',
-      country_code: 'NL',
-      street: ['Streetline 1', 'Streetline 2'],
-      city: 'City',
-      telephone: '0987654321',
-      postcode: '1234AB',
-      save_in_address_book: true,
-    },
-  }
-
-  it('extracts required fields correctly', () => {
-    expect(required).toEqual({ address: true, cartId: true, customerNote: false })
-  })
-  it('extracts defaults correctly', () => {
-    expect(defaults).toEqual({ customerNote: 'joi' })
-  })
-
-  it('encodes objects correctly', () => {
-    const result = encode(address)
-    expect(result).toEqual({
-      cartId: '12',
-      customerNote: 'hoi',
-      address: {
-        firstname: 'Firstname',
-        lastname: 'Lastname',
-        company: 'GraphComemrce',
-        country_code: 'NL',
-        street: ['Streetline 1', 'Streetline 2'],
-        city: 'City',
-        telephone: '0987654321',
-        postcode: '1234AB',
-        save_in_address_book: true,
-      },
-    })
-  })
-})