@graphcommerce/react-hook-form 3.0.2 → 3.0.5

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 +77 -125
  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,84 +1,81 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.0.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1312](https://github.com/ho-nl/m2-pwa/pull/1312) [`4e1fd4d9f`](https://github.com/ho-nl/m2-pwa/commit/4e1fd4d9fda2109de378be7e39382f7014a7ab54) Thanks [@paales](https://github.com/paales)! - upgraded dependencies
8
+
9
+ ## 3.0.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [#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.
14
+
15
+ * [#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
16
+
17
+ ## 3.0.3
18
+
19
+ ### Patch Changes
20
+
21
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
22
+
23
+ * [#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
24
+
3
25
  ## 3.0.2
4
26
 
5
27
  ### Patch Changes
6
28
 
7
- - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
8
- [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7)
9
- Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and
10
- `ApolloErrorSnackbar` to the ecommerce-ui package.
29
+ - [#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.
11
30
 
12
- Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
13
- `magento-graphcms` example.
31
+ Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from `magento-graphcms` example.
14
32
 
15
33
  Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
16
34
 
17
35
  Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
18
36
 
19
- * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
20
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
21
- Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
22
- `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
23
- duplicate packages in the node_modules folders.
37
+ * [#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.
24
38
 
25
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
26
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
27
- Thanks [@paales](https://github.com/paales)! - Upgraded to
28
- [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
29
- implementing
30
- [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
31
- soon.
39
+ - [#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.
32
40
 
33
- This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
34
- frontend to be able to revalidate pages manually.
41
+ 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.
35
42
 
36
43
  ## 3.0.1
37
44
 
38
45
  ### Patch Changes
39
46
 
40
- - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
41
- Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
42
- so that the packages link to back to the website and repository
47
+ - [`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
43
48
 
44
49
  ## 3.0.0
45
50
 
46
51
  ### Major Changes
47
52
 
48
- - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
49
- [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
50
- Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
53
+ - [#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
51
54
 
52
- All notable changes to this project will be documented in this file. See
53
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
55
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
54
56
 
55
57
  ## [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)
56
58
 
57
59
  ### Bug Fixes
58
60
 
59
- - make the headerHeight properly configurable
60
- ([c39c942](https://github.com/ho-nl/m2-pwa/commit/c39c942a62a9bb9687ea553be28e37fb49a6b065))
61
+ - make the headerHeight properly configurable ([c39c942](https://github.com/ho-nl/m2-pwa/commit/c39c942a62a9bb9687ea553be28e37fb49a6b065))
61
62
 
62
63
  # [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)
63
64
 
64
65
  ### Features
65
66
 
66
- - added tons of translations
67
- ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
67
+ - added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
68
68
 
69
69
  # [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)
70
70
 
71
71
  ### Bug Fixes
72
72
 
73
- - add x-recaptcha header to apollo link context when using mutations
74
- ([380fe52](https://github.com/ho-nl/m2-pwa/commit/380fe52ebd283df034d8a2c6a4f6a3713955bdd3))
75
- - **use-form-gql:** context type
76
- ([f355495](https://github.com/ho-nl/m2-pwa/commit/f3554951697fe394a76dd75ecf119f038f8d9bbc))
73
+ - add x-recaptcha header to apollo link context when using mutations ([380fe52](https://github.com/ho-nl/m2-pwa/commit/380fe52ebd283df034d8a2c6a4f6a3713955bdd3))
74
+ - **use-form-gql:** context type ([f355495](https://github.com/ho-nl/m2-pwa/commit/f3554951697fe394a76dd75ecf119f038f8d9bbc))
77
75
 
78
76
  ### Features
79
77
 
80
- - google recaptcha v3 integration
81
- ([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))
78
+ - google recaptcha v3 integration ([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))
82
79
 
83
80
  ## [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)
84
81
 
@@ -88,117 +85,72 @@ All notable changes to this project will be documented in this file. See
88
85
 
89
86
  ### Bug Fixes
90
87
 
91
- - disable isValid form checkout on submit
92
- ([b20110d](https://github.com/ho-nl/m2-pwa/commit/b20110d93327ff2678296acc47b1075b4fb3a85a))
93
- - ignore md files from triggering version updates
94
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
95
- - input checkmarks
96
- ([279c1c1](https://github.com/ho-nl/m2-pwa/commit/279c1c112ada46fdea102024298e8293d1a23293))
97
- - make sure ComposedForm actually submits correctly
98
- ([c6499d9](https://github.com/ho-nl/m2-pwa/commit/c6499d9d36f874cd65b310cbf7f63f5a88fa86cd))
99
- - make sure the checkout address fields are working as expected
100
- ([e88aae9](https://github.com/ho-nl/m2-pwa/commit/e88aae9afa3c60457b8e8c87ba52e8ae2dec4a3e))
101
- - make sure useFormGqlQuery uses the new useLazyQueryPromise
102
- ([f0cf831](https://github.com/ho-nl/m2-pwa/commit/f0cf83191dbbc2da222682b053db8b8c374add69))
103
- - **react-hook-form:** assertFormGqlOperation
104
- ([ce09fa5](https://github.com/ho-nl/m2-pwa/commit/ce09fa50f73f6d06b2caa15b1223ba7470a7ea96))
105
- - **react-hook-form:** form autosubmit is stuck in a loop if the request fails
106
- ([c74e3e0](https://github.com/ho-nl/m2-pwa/commit/c74e3e0cbf146887c3ef5447dcbba46746971e2a))
107
- - **react-hook-form:** handle ComposedForm network errors
108
- ([e028ae0](https://github.com/ho-nl/m2-pwa/commit/e028ae06f49fea5d4e4dbdf58f803b365c902404))
109
- - **react-hook-form:** make sure we don’t overuse useFormPersist
110
- ([b28efde](https://github.com/ho-nl/m2-pwa/commit/b28efde79dad1fb9bf9e8d7f9cc5cf32648acdf1))
111
- - **react-hook-form:** not not always submit ComposedForm
112
- ([642833f](https://github.com/ho-nl/m2-pwa/commit/642833fe8b311b20db2ccdd57f0492b8429c0e81))
113
- - **react-hook-form:** Object(…) is not a function
114
- ([ebc32e4](https://github.com/ho-nl/m2-pwa/commit/ebc32e402c1db185785f1e29c21a705d38a6743d))
115
- - **react-hook-form:** solve issue where form would oversubmit/not-submit
116
- ([89f0619](https://github.com/ho-nl/m2-pwa/commit/89f0619051228c08a61aafeeddb67b95e99727ff))
117
- - **react-hook-form:** the wrong form would submit if the component didn’t rerender
118
- ([32d4cf1](https://github.com/ho-nl/m2-pwa/commit/32d4cf13ffc2967cc41e50a14ad872d289d4eb43))
119
- - **react-hook-form:** validate if the previous request succeeds before moving on to the next
120
- request
121
- ([1985d09](https://github.com/ho-nl/m2-pwa/commit/1985d0938cd509532fa3b6bc801a3399c2baae09))
122
- - remove cyclic dependencies
123
- ([8a59389](https://github.com/ho-nl/m2-pwa/commit/8a5938943a97634cce57c68bb369c6e77e7a0288))
124
- - show form checkmarks when field is valid
125
- ([7df8cad](https://github.com/ho-nl/m2-pwa/commit/7df8cadd5292c7d8a1d1e4c981d51adf7b5b8119))
126
- - use form auto submit should submit with prefilled data
127
- ([9957ef6](https://github.com/ho-nl/m2-pwa/commit/9957ef67ee39e30873f528ffae4da7c0dcfbb6fa))
128
- - useformautosubmit initial submit
129
- ([a06cb60](https://github.com/ho-nl/m2-pwa/commit/a06cb60996f83788a95bcd3995407539b2acfd46))
130
- - useFormAutoSubmit modes
131
- ([9180bf2](https://github.com/ho-nl/m2-pwa/commit/9180bf21a140f5741078007c42972ded433c277c))
88
+ - disable isValid form checkout on submit ([b20110d](https://github.com/ho-nl/m2-pwa/commit/b20110d93327ff2678296acc47b1075b4fb3a85a))
89
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
90
+ - input checkmarks ([279c1c1](https://github.com/ho-nl/m2-pwa/commit/279c1c112ada46fdea102024298e8293d1a23293))
91
+ - make sure ComposedForm actually submits correctly ([c6499d9](https://github.com/ho-nl/m2-pwa/commit/c6499d9d36f874cd65b310cbf7f63f5a88fa86cd))
92
+ - make sure the checkout address fields are working as expected ([e88aae9](https://github.com/ho-nl/m2-pwa/commit/e88aae9afa3c60457b8e8c87ba52e8ae2dec4a3e))
93
+ - make sure useFormGqlQuery uses the new useLazyQueryPromise ([f0cf831](https://github.com/ho-nl/m2-pwa/commit/f0cf83191dbbc2da222682b053db8b8c374add69))
94
+ - **react-hook-form:** assertFormGqlOperation ([ce09fa5](https://github.com/ho-nl/m2-pwa/commit/ce09fa50f73f6d06b2caa15b1223ba7470a7ea96))
95
+ - **react-hook-form:** form autosubmit is stuck in a loop if the request fails ([c74e3e0](https://github.com/ho-nl/m2-pwa/commit/c74e3e0cbf146887c3ef5447dcbba46746971e2a))
96
+ - **react-hook-form:** handle ComposedForm network errors ([e028ae0](https://github.com/ho-nl/m2-pwa/commit/e028ae06f49fea5d4e4dbdf58f803b365c902404))
97
+ - **react-hook-form:** make sure we don’t overuse useFormPersist ([b28efde](https://github.com/ho-nl/m2-pwa/commit/b28efde79dad1fb9bf9e8d7f9cc5cf32648acdf1))
98
+ - **react-hook-form:** not not always submit ComposedForm ([642833f](https://github.com/ho-nl/m2-pwa/commit/642833fe8b311b20db2ccdd57f0492b8429c0e81))
99
+ - **react-hook-form:** Object(…) is not a function ([ebc32e4](https://github.com/ho-nl/m2-pwa/commit/ebc32e402c1db185785f1e29c21a705d38a6743d))
100
+ - **react-hook-form:** solve issue where form would oversubmit/not-submit ([89f0619](https://github.com/ho-nl/m2-pwa/commit/89f0619051228c08a61aafeeddb67b95e99727ff))
101
+ - **react-hook-form:** the wrong form would submit if the component didn’t rerender ([32d4cf1](https://github.com/ho-nl/m2-pwa/commit/32d4cf13ffc2967cc41e50a14ad872d289d4eb43))
102
+ - **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))
103
+ - remove cyclic dependencies ([8a59389](https://github.com/ho-nl/m2-pwa/commit/8a5938943a97634cce57c68bb369c6e77e7a0288))
104
+ - show form checkmarks when field is valid ([7df8cad](https://github.com/ho-nl/m2-pwa/commit/7df8cadd5292c7d8a1d1e4c981d51adf7b5b8119))
105
+ - use form auto submit should submit with prefilled data ([9957ef6](https://github.com/ho-nl/m2-pwa/commit/9957ef67ee39e30873f528ffae4da7c0dcfbb6fa))
106
+ - useformautosubmit initial submit ([a06cb60](https://github.com/ho-nl/m2-pwa/commit/a06cb60996f83788a95bcd3995407539b2acfd46))
107
+ - useFormAutoSubmit modes ([9180bf2](https://github.com/ho-nl/m2-pwa/commit/9180bf21a140f5741078007c42972ded433c277c))
132
108
 
133
109
  ### Features
134
110
 
135
- - created stacked-pages package
136
- ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
137
- - implemented checkmo payment method
138
- ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
139
- - implemented purchase order
140
- ([3a40033](https://github.com/ho-nl/m2-pwa/commit/3a40033cd4d6712a17bb9c41a8841ebf7aa2f025))
141
- - introduced SheetShell as a shared layout component
142
- ([eb64f28](https://github.com/ho-nl/m2-pwa/commit/eb64f28fd05b69efbf14fa850c70b0f1da5c4237))
143
- - next.js 11
144
- ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
145
- - **playwright:** added new playwright package to enable browser testing
146
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
147
- - **react-hook-form:** added buttonState to ComposedSubmit
148
- ([57e77c2](https://github.com/ho-nl/m2-pwa/commit/57e77c29f17720f7f3ee3b63be82779c0e5d8714))
149
- - **react-hook-form:** added ComposedForm component to handle the submission of multiple forms
150
- ([1172ec5](https://github.com/ho-nl/m2-pwa/commit/1172ec5abcb0e1b72bb362b977bf0c22997bac9a))
151
- - **react-hook-form:** pass useFormGql operation options
152
- ([ddb6f75](https://github.com/ho-nl/m2-pwa/commit/ddb6f750432c0a6ed8468ae08e522a774c261f8f))
153
- - **react-hook-form:** updated readme
154
- ([aede77a](https://github.com/ho-nl/m2-pwa/commit/aede77ab6d30fe5ca47b9d08bbdadca9b371713c))
155
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
156
- [@reachdigital](https://github.com/reachdigital)
157
- ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
158
- - search result page wip
159
- ([4ecaf34](https://github.com/ho-nl/m2-pwa/commit/4ecaf34deaa0ff6d24e03d72e74fd045bb7ee269))
160
- - solve issue where the order couldn’t be submitted
161
- ([ec0d357](https://github.com/ho-nl/m2-pwa/commit/ec0d3579a1277976e2dc515f420996cf716f83a6))
162
- - submit composed form sequentially
163
- ([890d839](https://github.com/ho-nl/m2-pwa/commit/890d8393d635c3777aa17cfa8d4dafc13c2e6cdc))
164
- - upgrade to node 14
165
- ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
166
- - useFormMutationCart and simpler imports
167
- ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
111
+ - created stacked-pages package ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
112
+ - implemented checkmo payment method ([18525b2](https://github.com/ho-nl/m2-pwa/commit/18525b2f4efe9bd0eea12a7a992d284f341e0c68))
113
+ - implemented purchase order ([3a40033](https://github.com/ho-nl/m2-pwa/commit/3a40033cd4d6712a17bb9c41a8841ebf7aa2f025))
114
+ - introduced SheetShell as a shared layout component ([eb64f28](https://github.com/ho-nl/m2-pwa/commit/eb64f28fd05b69efbf14fa850c70b0f1da5c4237))
115
+ - next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
116
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
117
+ - **react-hook-form:** added buttonState to ComposedSubmit ([57e77c2](https://github.com/ho-nl/m2-pwa/commit/57e77c29f17720f7f3ee3b63be82779c0e5d8714))
118
+ - **react-hook-form:** added ComposedForm component to handle the submission of multiple forms ([1172ec5](https://github.com/ho-nl/m2-pwa/commit/1172ec5abcb0e1b72bb362b977bf0c22997bac9a))
119
+ - **react-hook-form:** pass useFormGql operation options ([ddb6f75](https://github.com/ho-nl/m2-pwa/commit/ddb6f750432c0a6ed8468ae08e522a774c261f8f))
120
+ - **react-hook-form:** updated readme ([aede77a](https://github.com/ho-nl/m2-pwa/commit/aede77ab6d30fe5ca47b9d08bbdadca9b371713c))
121
+ - 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))
122
+ - search result page wip ([4ecaf34](https://github.com/ho-nl/m2-pwa/commit/4ecaf34deaa0ff6d24e03d72e74fd045bb7ee269))
123
+ - solve issue where the order couldn’t be submitted ([ec0d357](https://github.com/ho-nl/m2-pwa/commit/ec0d3579a1277976e2dc515f420996cf716f83a6))
124
+ - submit composed form sequentially ([890d839](https://github.com/ho-nl/m2-pwa/commit/890d8393d635c3777aa17cfa8d4dafc13c2e6cdc))
125
+ - upgrade to node 14 ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
126
+ - useFormMutationCart and simpler imports ([012f090](https://github.com/ho-nl/m2-pwa/commit/012f090e8f54d09f35d393c61ad1e2319f5a90ff))
168
127
 
169
128
  ### Reverts
170
129
 
171
- - Revert "chore: upgrade @apollo/client"
172
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
130
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
173
131
 
174
132
  # Change Log
175
133
 
176
- All notable changes to this project will be documented in this file. See
177
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
134
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
178
135
 
179
136
  ## [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)
180
137
 
181
138
  ### Reverts
182
139
 
183
- - Revert "chore: upgrade @apollo/client"
184
- ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
140
+ - Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
185
141
 
186
142
  ## [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)
187
143
 
188
144
  ### Bug Fixes
189
145
 
190
- - **react-hook-form:** validate if the previous request succeeds before moving on to the next
191
- request
192
- ([1985d09](https://github.com/ho-nl/m2-pwa/commit/1985d0938cd509532fa3b6bc801a3399c2baae09))
146
+ - **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))
193
147
 
194
148
  # [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)
195
149
 
196
150
  ### Bug Fixes
197
151
 
198
- - ignore md files from triggering version updates
199
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
152
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
200
153
 
201
154
  ### Features
202
155
 
203
- - **playwright:** added new playwright package to enable browser testing
204
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
156
+ - **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.2",
5
+ "version": "3.0.5",
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.2",
19
- "@graphcommerce/prettier-config-pwa": "^4.0.1",
20
- "@graphcommerce/typescript-config-pwa": "^4.0.1",
21
- "@playwright/test": "^1.19.1"
18
+ "@graphcommerce/eslint-config-pwa": "^4.0.6",
19
+ "@graphcommerce/prettier-config-pwa": "^4.0.4",
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.27.0",
28
- "type-fest": "^2.11.2"
28
+ "react-hook-form": "7.28.0",
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