@graphcommerce/react-hook-form 2.104.0 → 2.104.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/react-hook-form",
-  "version": "2.104.0",
+  "version": "2.104.4",
   "sideEffects": false,
   "engines": {
     "node": "14.x"
@@ -17,19 +17,18 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.5",
+    "@graphcommerce/eslint-config-pwa": "^3.1.8",
     "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
-    "@playwright/test": "^1.16.2"
+    "@playwright/test": "^1.17.1"
   },
   "dependencies": {
-    "@apollo/client": "^3.4.16",
-    "@lingui/macro": "^3.12.1",
-    "graphql": "^15.6.1",
+    "@apollo/client": "^3.5.6",
+    "graphql": "^16.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-hook-form": "7.16.2",
-    "type-fest": "^2.5.1"
+    "react-hook-form": "7.22.1",
+    "type-fest": "^2.8.0"
   },
-  "gitHead": "6a39908a131938d9c3365cc937b92c1f1f8b33c6"
+  "gitHead": "a69bd94ffdcca6ca9487eec1cafe9ade3fcdffa3"
 }

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/useFormGql.tsx

@@ -5,7 +5,6 @@ import {
   useApolloClient,
   MutationTuple,
   ApolloError,
-  GraphQLRequest,
 } from '@apollo/client'
 import { UseFormProps, UseFormReturn, UnpackNestedValue, DeepPartial } from 'react-hook-form'
 import diff from './diff'

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+)*$/