@graphcommerce/react-hook-form 3.0.1 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +84 -105
  2. package/package.json +8 -7
  3. package/src/ComposedForm/ComposedForm.tsx +1 -1
  4. package/src/ComposedForm/ComposedSubmit.tsx +3 -3
  5. package/src/ComposedForm/index.ts +0 -4
  6. package/src/ComposedForm/types.ts +1 -1
  7. package/src/diff.ts +1 -1
  8. package/src/useFormAutoSubmit.tsx +2 -1
  9. package/src/useFormGql.tsx +1 -1
  10. package/src/useFormGqlMutation.tsx +3 -1
  11. package/src/useFormGqlQuery.tsx +1 -1
  12. package/src/useGqlDocumentHandler.tsx +6 -3
  13. package/src/useLazyQueryPromise.tsx +2 -1
package/CHANGELOG.md CHANGED
@@ -1,51 +1,75 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655) Thanks [@paales](https://github.com/paales)! - All default exports are now named exports internally and all `index.tsx` are renamed to the component name.
8
+
9
+ * [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef) Thanks [@paales](https://github.com/paales)! - upgrade dependencies
10
+
11
+ ## 3.0.3
12
+
13
+ ### Patch Changes
14
+
15
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
16
+
17
+ * [#1278](https://github.com/ho-nl/m2-pwa/pull/1278) [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Upgraded dependencies to the latest version
18
+
19
+ ## 3.0.2
20
+
21
+ ### Patch Changes
22
+
23
+ - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274) [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7) Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and `ApolloErrorSnackbar` to the ecommerce-ui package.
24
+
25
+ Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from `magento-graphcms` example.
26
+
27
+ Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
28
+
29
+ Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
30
+
31
+ * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2) Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from `dependencies` to `peerDependencies`. The result of this is that there will be significantly less duplicate packages in the node_modules folders.
32
+
33
+ - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d) Thanks [@paales](https://github.com/paales)! - Upgraded to [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be implementing [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta) soon.
34
+
35
+ This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the frontend to be able to revalidate pages manually.
36
+
3
37
  ## 3.0.1
4
38
 
5
39
  ### Patch Changes
6
40
 
7
- - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
8
- Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
9
- so that the packages link to back to the website and repository
41
+ - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514) Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files, so that the packages link to back to the website and repository
10
42
 
11
43
  ## 3.0.0
12
44
 
13
45
  ### Major Changes
14
46
 
15
- - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
16
- [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
17
- Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
47
+ - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258) [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05) Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
18
48
 
19
- All notable changes to this project will be documented in this file. See
20
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
49
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
21
50
 
22
51
  ## [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)
23
52
 
24
53
  ### Bug Fixes
25
54
 
26
- - make the headerHeight properly configurable
27
- ([c39c942](https://github.com/ho-nl/m2-pwa/commit/c39c942a62a9bb9687ea553be28e37fb49a6b065))
55
+ - make the headerHeight properly configurable ([c39c942](https://github.com/ho-nl/m2-pwa/commit/c39c942a62a9bb9687ea553be28e37fb49a6b065))
28
56
 
29
57
  # [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)
30
58
 
31
59
  ### Features
32
60
 
33
- - added tons of translations
34
- ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
61
+ - added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
35
62
 
36
63
  # [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)
37
64
 
38
65
  ### Bug Fixes
39
66
 
40
- - add x-recaptcha header to apollo link context when using mutations
41
- ([380fe52](https://github.com/ho-nl/m2-pwa/commit/380fe52ebd283df034d8a2c6a4f6a3713955bdd3))
42
- - **use-form-gql:** context type
43
- ([f355495](https://github.com/ho-nl/m2-pwa/commit/f3554951697fe394a76dd75ecf119f038f8d9bbc))
67
+ - add x-recaptcha header to apollo link context when using mutations ([380fe52](https://github.com/ho-nl/m2-pwa/commit/380fe52ebd283df034d8a2c6a4f6a3713955bdd3))
68
+ - **use-form-gql:** context type ([f355495](https://github.com/ho-nl/m2-pwa/commit/f3554951697fe394a76dd75ecf119f038f8d9bbc))
44
69
 
45
70
  ### Features
46
71
 
47
- - google recaptcha v3 integration
48
- ([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))
72
+ - google recaptcha v3 integration ([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))
49
73
 
50
74
  ## [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)
51
75
 
@@ -55,117 +79,72 @@ All notable changes to this project will be documented in this file. See
55
79
 
56
80
  ### Bug Fixes
57
81
 
58
- - disable isValid form checkout on submit
59
- ([b20110d](https://github.com/ho-nl/m2-pwa/commit/b20110d93327ff2678296acc47b1075b4fb3a85a))
60
- - ignore md files from triggering version updates
61
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
62
- - input checkmarks
63
- ([279c1c1](https://github.com/ho-nl/m2-pwa/commit/279c1c112ada46fdea102024298e8293d1a23293))
64
- - make sure ComposedForm actually submits correctly
65
- ([c6499d9](https://github.com/ho-nl/m2-pwa/commit/c6499d9d36f874cd65b310cbf7f63f5a88fa86cd))
66
- - make sure the checkout address fields are working as expected
67
- ([e88aae9](https://github.com/ho-nl/m2-pwa/commit/e88aae9afa3c60457b8e8c87ba52e8ae2dec4a3e))
68
- - make sure useFormGqlQuery uses the new useLazyQueryPromise
69
- ([f0cf831](https://github.com/ho-nl/m2-pwa/commit/f0cf83191dbbc2da222682b053db8b8c374add69))
70
- - **react-hook-form:** assertFormGqlOperation
71
- ([ce09fa5](https://github.com/ho-nl/m2-pwa/commit/ce09fa50f73f6d06b2caa15b1223ba7470a7ea96))
72
- - **react-hook-form:** form autosubmit is stuck in a loop if the request fails
73
- ([c74e3e0](https://github.com/ho-nl/m2-pwa/commit/c74e3e0cbf146887c3ef5447dcbba46746971e2a))
74
- - **react-hook-form:** handle ComposedForm network errors
75
- ([e028ae0](https://github.com/ho-nl/m2-pwa/commit/e028ae06f49fea5d4e4dbdf58f803b365c902404))
76
- - **react-hook-form:** make sure we don’t overuse useFormPersist
77
- ([b28efde](https://github.com/ho-nl/m2-pwa/commit/b28efde79dad1fb9bf9e8d7f9cc5cf32648acdf1))
78
- - **react-hook-form:** not not always submit ComposedForm
79
- ([642833f](https://github.com/ho-nl/m2-pwa/commit/642833fe8b311b20db2ccdd57f0492b8429c0e81))
80
- - **react-hook-form:** Object(…) is not a function
81
- ([ebc32e4](https://github.com/ho-nl/m2-pwa/commit/ebc32e402c1db185785f1e29c21a705d38a6743d))
82
- - **react-hook-form:** solve issue where form would oversubmit/not-submit
83
- ([89f0619](https://github.com/ho-nl/m2-pwa/commit/89f0619051228c08a61aafeeddb67b95e99727ff))
84
- - **react-hook-form:** the wrong form would submit if the component didn’t rerender
85
- ([32d4cf1](https://github.com/ho-nl/m2-pwa/commit/32d4cf13ffc2967cc41e50a14ad872d289d4eb43))
86
- - **react-hook-form:** validate if the previous request succeeds before moving on to the next
87
- request
88
- ([1985d09](https://github.com/ho-nl/m2-pwa/commit/1985d0938cd509532fa3b6bc801a3399c2baae09))
89
- - remove cyclic dependencies
90
- ([8a59389](https://github.com/ho-nl/m2-pwa/commit/8a5938943a97634cce57c68bb369c6e77e7a0288))
91
- - show form checkmarks when field is valid
92
- ([7df8cad](https://github.com/ho-nl/m2-pwa/commit/7df8cadd5292c7d8a1d1e4c981d51adf7b5b8119))
93
- - use form auto submit should submit with prefilled data
94
- ([9957ef6](https://github.com/ho-nl/m2-pwa/commit/9957ef67ee39e30873f528ffae4da7c0dcfbb6fa))
95
- - useformautosubmit initial submit
96
- ([a06cb60](https://github.com/ho-nl/m2-pwa/commit/a06cb60996f83788a95bcd3995407539b2acfd46))
97
- - useFormAutoSubmit modes
98
- ([9180bf2](https://github.com/ho-nl/m2-pwa/commit/9180bf21a140f5741078007c42972ded433c277c))
82
+ - disable isValid form checkout on submit ([b20110d](https://github.com/ho-nl/m2-pwa/commit/b20110d93327ff2678296acc47b1075b4fb3a85a))
83
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
84
+ - input checkmarks ([279c1c1](https://github.com/ho-nl/m2-pwa/commit/279c1c112ada46fdea102024298e8293d1a23293))
85
+ - make sure ComposedForm actually submits correctly ([c6499d9](https://github.com/ho-nl/m2-pwa/commit/c6499d9d36f874cd65b310cbf7f63f5a88fa86cd))
86
+ - make sure the checkout address fields are working as expected ([e88aae9](https://github.com/ho-nl/m2-pwa/commit/e88aae9afa3c60457b8e8c87ba52e8ae2dec4a3e))
87
+ - make sure useFormGqlQuery uses the new useLazyQueryPromise ([f0cf831](https://github.com/ho-nl/m2-pwa/commit/f0cf83191dbbc2da222682b053db8b8c374add69))
88
+ - **react-hook-form:** assertFormGqlOperation ([ce09fa5](https://github.com/ho-nl/m2-pwa/commit/ce09fa50f73f6d06b2caa15b1223ba7470a7ea96))
89
+ - **react-hook-form:** form autosubmit is stuck in a loop if the request fails ([c74e3e0](https://github.com/ho-nl/m2-pwa/commit/c74e3e0cbf146887c3ef5447dcbba46746971e2a))
90
+ - **react-hook-form:** handle ComposedForm network errors ([e028ae0](https://github.com/ho-nl/m2-pwa/commit/e028ae06f49fea5d4e4dbdf58f803b365c902404))
91
+ - **react-hook-form:** make sure we don’t overuse useFormPersist ([b28efde](https://github.com/ho-nl/m2-pwa/commit/b28efde79dad1fb9bf9e8d7f9cc5cf32648acdf1))
92
+ - **react-hook-form:** not not always submit ComposedForm ([642833f](https://github.com/ho-nl/m2-pwa/commit/642833fe8b311b20db2ccdd57f0492b8429c0e81))
93
+ - **react-hook-form:** Object(…) is not a function ([ebc32e4](https://github.com/ho-nl/m2-pwa/commit/ebc32e402c1db185785f1e29c21a705d38a6743d))
94
+ - **react-hook-form:** solve issue where form would oversubmit/not-submit ([89f0619](https://github.com/ho-nl/m2-pwa/commit/89f0619051228c08a61aafeeddb67b95e99727ff))
95
+ - **react-hook-form:** the wrong form would submit if the component didn’t rerender ([32d4cf1](https://github.com/ho-nl/m2-pwa/commit/32d4cf13ffc2967cc41e50a14ad872d289d4eb43))
96
+ - **react-hook-form:** validate if the previous request succeeds before moving on to the next request ([1985d09](https://github.com/ho-nl/m2-pwa/commit/1985d0938cd509532fa3b6bc801a3399c2baae09))
97
+ - remove cyclic dependencies ([8a59389](https://github.com/ho-nl/m2-pwa/commit/8a5938943a97634cce57c68bb369c6e77e7a0288))
98
+ - show form checkmarks when field is valid ([7df8cad](https://github.com/ho-nl/m2-pwa/commit/7df8cadd5292c7d8a1d1e4c981d51adf7b5b8119))
99
+ - use form auto submit should submit with prefilled data ([9957ef6](https://github.com/ho-nl/m2-pwa/commit/9957ef67ee39e30873f528ffae4da7c0dcfbb6fa))
100
+ - useformautosubmit initial submit ([a06cb60](https://github.com/ho-nl/m2-pwa/commit/a06cb60996f83788a95bcd3995407539b2acfd46))
101
+ - useFormAutoSubmit modes ([9180bf2](https://github.com/ho-nl/m2-pwa/commit/9180bf21a140f5741078007c42972ded433c277c))
99
102
 
100
103
  ### Features
101
104
 
102
- - created stacked-pages package
103
- ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
104
- - implemented checkmo payment method
105
- ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
106
- - implemented purchase order
107
- ([3a40033](https://github.com/ho-nl/m2-pwa/commit/3a40033cd4d6712a17bb9c41a8841ebf7aa2f025))
108
- - introduced SheetShell as a shared layout component
109
- ([eb64f28](https://github.com/ho-nl/m2-pwa/commit/eb64f28fd05b69efbf14fa850c70b0f1da5c4237))
110
- - next.js 11
111
- ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
112
- - **playwright:** added new playwright package to enable browser testing
113
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
114
- - **react-hook-form:** added buttonState to ComposedSubmit
115
- ([57e77c2](https://github.com/ho-nl/m2-pwa/commit/57e77c29f17720f7f3ee3b63be82779c0e5d8714))
116
- - **react-hook-form:** added ComposedForm component to handle the submission of multiple forms
117
- ([1172ec5](https://github.com/ho-nl/m2-pwa/commit/1172ec5abcb0e1b72bb362b977bf0c22997bac9a))
118
- - **react-hook-form:** pass useFormGql operation options
119
- ([ddb6f75](https://github.com/ho-nl/m2-pwa/commit/ddb6f750432c0a6ed8468ae08e522a774c261f8f))
120
- - **react-hook-form:** updated readme
121
- ([aede77a](https://github.com/ho-nl/m2-pwa/commit/aede77ab6d30fe5ca47b9d08bbdadca9b371713c))
122
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
123
- [@reachdigital](https://github.com/reachdigital)
124
- ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
125
- - search result page wip
126
- ([4ecaf34](https://github.com/ho-nl/m2-pwa/commit/4ecaf34deaa0ff6d24e03d72e74fd045bb7ee269))
127
- - solve issue where the order couldn’t be submitted
128
- ([ec0d357](https://github.com/ho-nl/m2-pwa/commit/ec0d3579a1277976e2dc515f420996cf716f83a6))
129
- - submit composed form sequentially
130
- ([890d839](https://github.com/ho-nl/m2-pwa/commit/890d8393d635c3777aa17cfa8d4dafc13c2e6cdc))
131
- - upgrade to node 14
132
- ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
133
- - useFormMutationCart and simpler imports
134
- ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
105
+ - created stacked-pages package ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
106
+ - implemented checkmo payment method ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
107
+ - implemented purchase order ([3a40033](https://github.com/ho-nl/m2-pwa/commit/3a40033cd4d6712a17bb9c41a8841ebf7aa2f025))
108
+ - introduced SheetShell as a shared layout component ([eb64f28](https://github.com/ho-nl/m2-pwa/commit/eb64f28fd05b69efbf14fa850c70b0f1da5c4237))
109
+ - next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
110
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
111
+ - **react-hook-form:** added buttonState to ComposedSubmit ([57e77c2](https://github.com/ho-nl/m2-pwa/commit/57e77c29f17720f7f3ee3b63be82779c0e5d8714))
112
+ - **react-hook-form:** added ComposedForm component to handle the submission of multiple forms ([1172ec5](https://github.com/ho-nl/m2-pwa/commit/1172ec5abcb0e1b72bb362b977bf0c22997bac9a))
113
+ - **react-hook-form:** pass useFormGql operation options ([ddb6f75](https://github.com/ho-nl/m2-pwa/commit/ddb6f750432c0a6ed8468ae08e522a774c261f8f))
114
+ - **react-hook-form:** updated readme ([aede77a](https://github.com/ho-nl/m2-pwa/commit/aede77ab6d30fe5ca47b9d08bbdadca9b371713c))
115
+ - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of [@reachdigital](https://github.com/reachdigital) ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
116
+ - search result page wip ([4ecaf34](https://github.com/ho-nl/m2-pwa/commit/4ecaf34deaa0ff6d24e03d72e74fd045bb7ee269))
117
+ - solve issue where the order couldn’t be submitted ([ec0d357](https://github.com/ho-nl/m2-pwa/commit/ec0d3579a1277976e2dc515f420996cf716f83a6))
118
+ - submit composed form sequentially ([890d839](https://github.com/ho-nl/m2-pwa/commit/890d8393d635c3777aa17cfa8d4dafc13c2e6cdc))
119
+ - upgrade to node 14 ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
120
+ - useFormMutationCart and simpler imports ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
135
121
 
136
122
  ### Reverts
137
123
 
138
- - Revert "chore: upgrade @apollo/client"
139
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
124
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
140
125
 
141
126
  # Change Log
142
127
 
143
- All notable changes to this project will be documented in this file. See
144
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
128
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
145
129
 
146
130
  ## [2.101.4](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/react-hook-form@2.101.3...@graphcommerce/react-hook-form@2.101.4) (2021-08-09)
147
131
 
148
132
  ### Reverts
149
133
 
150
- - Revert "chore: upgrade @apollo/client"
151
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
134
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
152
135
 
153
136
  ## [2.101.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/react-hook-form@2.101.2...@graphcommerce/react-hook-form@2.101.3) (2021-07-29)
154
137
 
155
138
  ### Bug Fixes
156
139
 
157
- - **react-hook-form:** validate if the previous request succeeds before moving on to the next
158
- request
159
- ([1985d09](https://github.com/ho-nl/m2-pwa/commit/1985d0938cd509532fa3b6bc801a3399c2baae09))
140
+ - **react-hook-form:** validate if the previous request succeeds before moving on to the next request ([1985d09](https://github.com/ho-nl/m2-pwa/commit/1985d0938cd509532fa3b6bc801a3399c2baae09))
160
141
 
161
142
  # [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/react-hook-form@2.100.10...@graphcommerce/react-hook-form@2.101.0) (2021-07-26)
162
143
 
163
144
  ### Bug Fixes
164
145
 
165
- - ignore md files from triggering version updates
166
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
146
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
167
147
 
168
148
  ### Features
169
149
 
170
- - **playwright:** added new playwright package to enable browser testing
171
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
150
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/react-hook-form",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "3.0.1",
5
+ "version": "3.0.4",
6
6
  "sideEffects": false,
7
7
  "engines": {
8
8
  "node": "14.x"
@@ -15,16 +15,17 @@
15
15
  }
16
16
  },
17
17
  "devDependencies": {
18
- "@graphcommerce/eslint-config-pwa": "^4.0.1",
19
- "@graphcommerce/prettier-config-pwa": "^4.0.1",
20
- "@graphcommerce/typescript-config-pwa": "^4.0.1",
21
- "@playwright/test": "^1.18.1"
18
+ "@graphcommerce/eslint-config-pwa": "^4.0.5",
19
+ "@graphcommerce/prettier-config-pwa": "^4.0.3",
20
+ "@graphcommerce/typescript-config-pwa": "^4.0.2",
21
+ "@playwright/test": "^1.19.2"
22
22
  },
23
23
  "dependencies": {
24
+ "@apollo/client": "^3.5.10",
24
25
  "graphql": "^16.3.0",
25
26
  "react": "^17.0.2",
26
27
  "react-dom": "^17.0.2",
27
- "react-hook-form": "7.26.1",
28
- "type-fest": "^2.11.2"
28
+ "react-hook-form": "7.27.1",
29
+ "type-fest": "^2.12.0"
29
30
  }
30
31
  }
package/src/ComposedForm/ComposedForm.tsx CHANGED
@@ -4,7 +4,7 @@ import { composedFormReducer } from './reducer'
4
4
 
5
5
  export type ComposedFormProps = { children?: React.ReactNode }
6
6
 
7
- export default function ComposedForm(props: ComposedFormProps) {
7
+ export function ComposedForm(props: ComposedFormProps) {
8
8
  const { children } = props
9
9
 
10
10
  const [state, dispatch] = useReducer(composedFormReducer, {
package/src/ComposedForm/ComposedSubmit.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { ApolloError } from '@graphcommerce/graphql'
1
+ import { ApolloError } from '@apollo/client'
2
2
  import React, { useContext, useEffect } from 'react'
3
3
  import { isFormGqlOperation } from '../useFormGqlMutation'
4
4
  import { composedFormContext } from './context'
@@ -18,7 +18,7 @@ export function mergeErrors(errors: ApolloError[]): ApolloError | undefined {
18
18
  })
19
19
  }
20
20
 
21
- export default function ComposedSubmit(props: ComposedSubmitProps) {
21
+ export function ComposedSubmit(props: ComposedSubmitProps) {
22
22
  const { render: Render, onSubmitSuccessful } = props
23
23
  const [formContext, dispatch] = useContext(composedFormContext)
24
24
  const { formState, buttonState, isCompleting, forms } = formContext
@@ -63,7 +63,7 @@ export default function ComposedSubmit(props: ComposedSubmitProps) {
63
63
  * Todo: There might be a performance optimization by submitting multiple forms in parallel.
64
64
  */
65
65
  let canSubmit = true
66
- for (const [, { submit, form, key }] of formsToSubmit) {
66
+ for (const [, { submit, form }] of formsToSubmit) {
67
67
  // eslint-disable-next-line no-await-in-loop
68
68
  if (canSubmit) await submit?.()
69
69
  // eslint-disable-next-line no-await-in-loop
package/src/ComposedForm/index.ts CHANGED
@@ -1,8 +1,4 @@
1
- export { default as ComposedForm } from './ComposedForm'
2
1
  export * from './ComposedForm'
3
-
4
- export { default as ComposedSubmit } from './ComposedSubmit'
5
2
  export * from './ComposedSubmit'
6
-
7
3
  export * from './types'
8
4
  export * from './useFormCompose'
package/src/ComposedForm/types.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ApolloError } from '@graphcommerce/graphql'
1
+ import { ApolloError } from '@apollo/client'
2
2
  import { FieldValues, FormState, UseFormReturn } from 'react-hook-form'
3
3
  import { SetOptional } from 'type-fest'
4
4
 
package/src/diff.ts CHANGED
@@ -30,7 +30,7 @@ export default function diff(item1: unknown, item2: unknown) {
30
30
  .map(([key, val]) => [key, diff(item1[key], val)])
31
31
  .filter((entry) => !!entry[1]),
32
32
  )
33
- const entries = { ...entriesRight, ...entriesLeft }
33
+ const entries = { ...entriesRight, ...entriesLeft } as Record<string, unknown>
34
34
 
35
35
  return Object.keys(entries).length ? entries : undefined
36
36
  }
package/src/useFormAutoSubmit.tsx CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line import/no-extraneous-dependencies
1
2
  import { debounce } from '@mui/material'
2
3
  import { useCallback, useEffect, useState } from 'react'
3
4
  import { FieldPath, FieldValues, UseFormReturn } from 'react-hook-form'
@@ -73,7 +74,7 @@ export function useFormAutoSubmit<Form extends UseFormReturn<V>, V = FieldValues
73
74
  if (canSubmit && (force || shouldSubmit)) {
74
75
  // eslint-disable-next-line @typescript-eslint/no-floating-promises
75
76
  submitDebounced()
76
- return submitDebounced.clear
77
+ return () => submitDebounced.clear()
77
78
  }
78
79
  return () => {}
79
80
  }, [canSubmit, force, shouldSubmit, submitDebounced])
package/src/useFormGql.tsx CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  useApolloClient,
6
6
  MutationTuple,
7
7
  ApolloError,
8
- } from '@graphcommerce/graphql'
8
+ } from '@apollo/client'
9
9
  import { UseFormProps, UseFormReturn, UnpackNestedValue, DeepPartial } from 'react-hook-form'
10
10
  import diff from './diff'
11
11
  import { useGqlDocumentHandler, UseGqlDocumentHandler } from './useGqlDocumentHandler'
package/src/useFormGqlMutation.tsx CHANGED
@@ -1,11 +1,13 @@
1
- import { MutationHookOptions, TypedDocumentNode, useMutation } from '@graphcommerce/graphql'
1
+ import { MutationHookOptions, TypedDocumentNode, useMutation } from '@apollo/client'
2
2
  import { useForm, UseFormReturn } from 'react-hook-form'
3
3
  import { useFormGql, UseFormGqlMethods, UseFormGraphQlOptions } from './useFormGql'
4
4
  import { useFormMuiRegister, UseMuiFormRegister } from './useFormMuiRegister'
5
5
  import { useFormValidFields, UseFormValidReturn } from './useFormValidFields'
6
6
 
7
7
  export type UseFormGqlMutationReturn<
8
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
8
9
  Q extends Record<string, any> = Record<string, any>,
10
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
9
11
  V extends Record<string, any> = Record<string, any>,
10
12
  > = UseFormGqlMethods<Q, V> &
11
13
  UseFormReturn<V> & { muiRegister: UseMuiFormRegister<V>; valid: UseFormValidReturn<V> }
package/src/useFormGqlQuery.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { LazyQueryHookOptions, TypedDocumentNode } from '@graphcommerce/graphql'
1
+ import { LazyQueryHookOptions, TypedDocumentNode } from '@apollo/client'
2
2
  import { useForm } from 'react-hook-form'
3
3
  import { useFormGql, UseFormGraphQlOptions } from './useFormGql'
4
4
  import { UseFormGqlMutationReturn } from './useFormGqlMutation'
package/src/useGqlDocumentHandler.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { TypedDocumentNode } from '@graphcommerce/graphql'
1
+ import { TypedDocumentNode } from '@apollo/client'
2
2
  import {
3
3
  DefinitionNode,
4
4
  OperationDefinitionNode,
@@ -53,6 +53,7 @@ export type DeepIsRequired<V> = {
53
53
  }
54
54
 
55
55
  type DeepStringify<V> = {
56
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
56
57
  [k in keyof V]?: V[k] extends (infer U)[]
57
58
  ? string[]
58
59
  : V[k] extends Record<string, unknown>
@@ -125,7 +126,9 @@ export function handlerFactory<Q, V>(document: TypedDocumentNode<Q, V>): UseGqlD
125
126
  function encodeItem(enc: FieldTypes, val: unknown) {
126
127
  if (Array.isArray(enc)) return [encodeItem(enc[0], val)]
127
128
  if (val && typeof val === 'object') {
128
- return Object.fromEntries(Object.entries(val).map(([key, v]) => [key, heuristicEncode(v)]))
129
+ return Object.fromEntries(
130
+ Object.entries(val).map(([key, v]) => [key, heuristicEncode(v as string)]),
131
+ )
129
132
  }
130
133
  if (enc === 'Boolean') return Boolean(val)
131
134
  if (enc === 'Float' || enc === 'Int') return Number(val)
@@ -134,7 +137,7 @@ export function handlerFactory<Q, V>(document: TypedDocumentNode<Q, V>): UseGqlD
134
137
 
135
138
  function encode(variables: { [k in keyof V]?: DeepStringify<V[k]> }, enc = encoding) {
136
139
  return Object.fromEntries(
137
- Object.entries(variables).map(([key, val]) => [key, encodeItem(enc[key], val)]),
140
+ Object.entries(variables).map(([key, val]) => [key, encodeItem(enc[key] as FieldTypes, val)]),
138
141
  ) as V
139
142
  }
140
143
 
package/src/useLazyQueryPromise.tsx CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  QueryLazyOptions,
6
6
  TypedDocumentNode,
7
7
  useLazyQuery,
8
- } from '@graphcommerce/graphql'
8
+ } from '@apollo/client'
9
9
  import { useEffect, useRef } from 'react'
10
10
  import { Promisable } from 'type-fest'
11
11
 
@@ -33,6 +33,7 @@ export function useLazyQueryPromise<Q, V>(
33
33
  }, [result])
34
34
 
35
35
  const queryLazily = (executeOptions?: QueryLazyOptions<V>) => {
36
+ // eslint-disable-next-line @typescript-eslint/no-floating-promises
36
37
  execute(executeOptions)
37
38
  return new Promise<LazyQueryResult<Q, V>>((resolve) => {
38
39
  ref.current = resolve