@graphcommerce/react-hook-form 2.102.14 → 2.104.1

package/CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.104.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/react-hook-form@2.104.0...@graphcommerce/react-hook-form@2.104.1) (2021-12-03)
+
+
+### Bug Fixes
+
+* make the headerHeight properly configurable ([c39c942](https://github.com/ho-nl/m2-pwa/commit/c39c942a62a9bb9687ea553be28e37fb49a6b065))
+
+
+
+
+
+# [2.104.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/react-hook-form@2.103.1...@graphcommerce/react-hook-form@2.104.0) (2021-11-12)
+
+
+### Features
+
+* added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
+
+
+
+
+
+# [2.103.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/react-hook-form@2.102.14...@graphcommerce/react-hook-form@2.103.0) (2021-11-03)
+
+
+### Bug Fixes
+
+* add x-recaptcha header to apollo link context when using mutations ([380fe52](https://github.com/ho-nl/m2-pwa/commit/380fe52ebd283df034d8a2c6a4f6a3713955bdd3))
+* **use-form-gql:** context type ([f355495](https://github.com/ho-nl/m2-pwa/commit/f3554951697fe394a76dd75ecf119f038f8d9bbc))
+
+
+### Features
+
+* google recaptcha v3 integration ([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))
+
+
+
+
+
 ## [2.102.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/react-hook-form@2.102.0...@graphcommerce/react-hook-form@2.102.1) (2021-09-27)
 
 **Note:** Version bump only for package @graphcommerce/react-hook-form

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/react-hook-form",
-  "version": "2.102.14",
+  "version": "2.104.1",
   "sideEffects": false,
   "engines": {
     "node": "14.x"
@@ -17,19 +17,18 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.3",
-    "@graphcommerce/prettier-config-pwa": "^3.0.3",
+    "@graphcommerce/eslint-config-pwa": "^3.1.6",
+    "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
     "@playwright/test": "^1.16.2"
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphql-typed-document-node/core": "^3.1.0",
     "graphql": "^15.6.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "7.16.2",
     "type-fest": "^2.5.1"
   },
-  "gitHead": "b6321b8f479a0ef6e4b1b543702158d964bbeac6"
+  "gitHead": "8f156415c7f5a963e363f0d6d18fe5d6bbd5dba2"
 }

package/src/ComposedForm/ComposedForm.tsx

@@ -1,4 +1,4 @@
-import React, { useReducer } from 'react'
+import React, { useMemo, useReducer } from 'react'
 import { composedFormContext } from './context'
 import { composedFormReducer } from './reducer'
 
@@ -25,7 +25,7 @@ export default function ComposedForm(props: ComposedFormProps) {
   })
 
   return (
-    <composedFormContext.Provider value={[state, dispatch]}>
+    <composedFormContext.Provider value={useMemo(() => [state, dispatch], [state])}>
       {children}
     </composedFormContext.Provider>
   )

package/src/ComposedForm/ComposedSubmit.tsx

@@ -46,9 +46,9 @@ export default function ComposedSubmit(props: ComposedSubmitProps) {
      * If we have forms that are have errors, we don't need to actually submit anything yet. We can
      * trigger the submission of the invalid forms and highlight the errors in those forms.
      */
-    let formsToSubmit = formEntries.filter(([, f]) => {
-      return Object.keys(f.form?.formState.errors ?? {}).length > 0
-    })
+    let formsToSubmit = formEntries.filter(
+      ([, f]) => Object.keys(f.form?.formState.errors ?? {}).length > 0,
+    )
 
     // We have no errors and no invalid forms, this means we can submit everything.
     if (!formsToSubmit.length) formsToSubmit = formEntries

package/src/ComposedForm/context.ts

@@ -1,6 +1,4 @@
 import React from 'react'
 import { ComposedFormContext } from './types'
 
-export const composedFormContext = React.createContext(
-  (undefined as unknown) as ComposedFormContext,
-)
+export const composedFormContext = React.createContext(undefined as unknown as ComposedFormContext)

package/src/useFormGqlMutation.tsx

@@ -6,7 +6,7 @@ import { useFormValidFields, UseFormValidReturn } from './useFormValidFields'
 
 export type UseFormGqlMutationReturn<
   Q extends Record<string, any> = Record<string, any>,
-  V extends Record<string, any> = Record<string, any>
+  V extends Record<string, any> = Record<string, any>,
 > = UseFormGqlMethods<Q, V> &
   UseFormReturn<V> & { muiRegister: UseMuiFormRegister<V>; valid: UseFormValidReturn<V> }
 

package/src/useFormMuiRegister.tsx

@@ -7,7 +7,7 @@ import {
 } from 'react-hook-form'
 
 export type UseMuiFormRegister<TFieldValues extends FieldValues> = <
-  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(
   name: TFieldName,
   options?: RegisterOptions<TFieldValues, TFieldName>,

package/src/useFormPersist.tsx

@@ -42,7 +42,7 @@ export function useFormPersist<V>(options: UseFormPersistOptions<V>) {
   useEffect(() => {
     try {
       if (typeof window === 'undefined') return
-      const storedFormStr = window[storage][name]
+      const storedFormStr = window[storage][name] as string
       if (!storedFormStr) return
 
       const storedValues = JSON.parse(storedFormStr) as FieldValues

package/src/useGqlDocumentHandler.tsx

@@ -9,9 +9,6 @@ import {
   VariableNode,
   VariableDefinitionNode,
   TypeNode,
-  ListTypeNode,
-  NamedTypeNode,
-  NonNullTypeNode,
   OperationTypeNode,
 } from 'graphql'
 import { useMemo } from 'react'

package/src/useLazyQueryPromise.tsx

@@ -16,6 +16,7 @@ export type LazyQueryTuple<Q, V> = [
 
 /**
  * Same API as useLazyQuery, except:
+ *
  * - The execute method is a promise that will return the eventual result
  */
 export function useLazyQueryPromise<Q, V>(

package/src/validationPatterns.tsx

@@ -1,4 +1,6 @@
-export const emailPattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-export const phonePattern = /^\s*(?:\+?(\d{1,3}))?([-. (]*(\d{3})[-. )]*)?((\d{3})[-. ]*(\d{2,4})(?:[-.x ]*(\d+))?)\s*$/
+export const emailPattern =
+  /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+export const phonePattern =
+  /^\s*(?:\+?(\d{1,3}))?([-. (]*(\d{3})[-. )]*)?((\d{3})[-. ]*(\d{2,4})(?:[-.x ]*(\d+))?)\s*$/
 
 export const houseNumberPattern = /^\d+([-\\/]\d+)*$/