@graphcommerce/react-hook-form 2.104.7 → 3.0.2
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.
- package/CHANGELOG.md +130 -64
- package/package.json +11 -15
- package/src/ComposedForm/ComposedSubmit.tsx +1 -1
- package/src/ComposedForm/types.ts +1 -1
- package/src/useFormAutoSubmit.tsx +1 -1
- package/src/useFormGql.tsx +1 -2
- package/src/useFormGqlMutation.tsx +1 -1
- package/src/useFormGqlQuery.tsx +1 -1
- package/src/useGqlDocumentHandler.tsx +1 -1
- package/src/useLazyQueryPromise.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,109 +1,175 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
3
|
+
## 3.0.2
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
### Patch Changes
|
|
7
6
|
|
|
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.
|
|
8
11
|
|
|
9
|
-
|
|
12
|
+
Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
|
|
13
|
+
`magento-graphcms` example.
|
|
10
14
|
|
|
11
|
-
|
|
15
|
+
Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
|
|
12
16
|
|
|
17
|
+
Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
|
|
13
18
|
|
|
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.
|
|
14
24
|
|
|
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.
|
|
15
32
|
|
|
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.
|
|
16
35
|
|
|
17
|
-
|
|
36
|
+
## 3.0.1
|
|
18
37
|
|
|
38
|
+
### Patch Changes
|
|
19
39
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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
|
|
23
43
|
|
|
44
|
+
## 3.0.0
|
|
24
45
|
|
|
46
|
+
### Major Changes
|
|
25
47
|
|
|
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
|
|
26
51
|
|
|
52
|
+
All notable changes to this project will be documented in this file. See
|
|
53
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
27
54
|
|
|
28
|
-
|
|
29
|
-
|
|
55
|
+
## [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)
|
|
30
56
|
|
|
31
57
|
### Bug Fixes
|
|
32
58
|
|
|
33
|
-
|
|
34
|
-
|
|
59
|
+
- make the headerHeight properly configurable
|
|
60
|
+
([c39c942](https://github.com/ho-nl/m2-pwa/commit/c39c942a62a9bb9687ea553be28e37fb49a6b065))
|
|
35
61
|
|
|
62
|
+
# [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)
|
|
36
63
|
|
|
37
64
|
### Features
|
|
38
65
|
|
|
39
|
-
|
|
66
|
+
- added tons of translations
|
|
67
|
+
([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
|
|
68
|
+
|
|
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)
|
|
40
70
|
|
|
71
|
+
### Bug Fixes
|
|
41
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))
|
|
42
77
|
|
|
78
|
+
### Features
|
|
43
79
|
|
|
80
|
+
- google recaptcha v3 integration
|
|
81
|
+
([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))
|
|
44
82
|
|
|
45
83
|
## [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)
|
|
46
84
|
|
|
47
85
|
**Note:** Version bump only for package @graphcommerce/react-hook-form
|
|
48
86
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
87
|
# 2.102.0 (2021-09-27)
|
|
54
88
|
|
|
55
|
-
|
|
56
89
|
### Bug Fixes
|
|
57
90
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
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))
|
|
79
132
|
|
|
80
133
|
### Features
|
|
81
134
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
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))
|
|
99
168
|
|
|
100
169
|
### Reverts
|
|
101
170
|
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
171
|
+
- Revert "chore: upgrade @apollo/client"
|
|
172
|
+
([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
|
|
107
173
|
|
|
108
174
|
# Change Log
|
|
109
175
|
|
|
@@ -121,8 +187,8 @@ All notable changes to this project will be documented in this file. See
|
|
|
121
187
|
|
|
122
188
|
### Bug Fixes
|
|
123
189
|
|
|
124
|
-
- **react-hook-form:** validate if the previous request succeeds before moving
|
|
125
|
-
|
|
190
|
+
- **react-hook-form:** validate if the previous request succeeds before moving on to the next
|
|
191
|
+
request
|
|
126
192
|
([1985d09](https://github.com/ho-nl/m2-pwa/commit/1985d0938cd509532fa3b6bc801a3399c2baae09))
|
|
127
193
|
|
|
128
194
|
# [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)
|
package/package.json
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@graphcommerce/react-hook-form",
|
|
3
|
-
"
|
|
3
|
+
"homepage": "https://www.graphcommerce.org/",
|
|
4
|
+
"repository": "github:graphcommerce-org/graphcommerce",
|
|
5
|
+
"version": "3.0.2",
|
|
4
6
|
"sideEffects": false,
|
|
5
7
|
"engines": {
|
|
6
8
|
"node": "14.x"
|
|
7
9
|
},
|
|
8
10
|
"prettier": "@graphcommerce/prettier-config-pwa",
|
|
9
|
-
"browserslist": [
|
|
10
|
-
"extends @graphcommerce/browserslist-config-pwa"
|
|
11
|
-
],
|
|
12
11
|
"eslintConfig": {
|
|
13
12
|
"extends": "@graphcommerce/eslint-config-pwa",
|
|
14
13
|
"parserOptions": {
|
|
@@ -16,19 +15,16 @@
|
|
|
16
15
|
}
|
|
17
16
|
},
|
|
18
17
|
"devDependencies": {
|
|
19
|
-
"@graphcommerce/
|
|
20
|
-
"@graphcommerce/
|
|
21
|
-
"@graphcommerce/
|
|
22
|
-
"@
|
|
23
|
-
"@playwright/test": "^1.17.1"
|
|
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"
|
|
24
22
|
},
|
|
25
23
|
"dependencies": {
|
|
26
|
-
"
|
|
27
|
-
"graphql": "^16.2.0",
|
|
24
|
+
"graphql": "^16.3.0",
|
|
28
25
|
"react": "^17.0.2",
|
|
29
26
|
"react-dom": "^17.0.2",
|
|
30
|
-
"react-hook-form": "7.
|
|
31
|
-
"type-fest": "^2.
|
|
32
|
-
}
|
|
33
|
-
"gitHead": "bc5423d7547f8685db4cd8fc6d8f7a2a51ebed05"
|
|
27
|
+
"react-hook-form": "7.27.0",
|
|
28
|
+
"type-fest": "^2.11.2"
|
|
29
|
+
}
|
|
34
30
|
}
|
package/src/useFormGql.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
useApolloClient,
|
|
6
6
|
MutationTuple,
|
|
7
7
|
ApolloError,
|
|
8
|
-
} from '@
|
|
8
|
+
} from '@graphcommerce/graphql'
|
|
9
9
|
import { UseFormProps, UseFormReturn, UnpackNestedValue, DeepPartial } from 'react-hook-form'
|
|
10
10
|
import diff from './diff'
|
|
11
11
|
import { useGqlDocumentHandler, UseGqlDocumentHandler } from './useGqlDocumentHandler'
|
|
@@ -65,7 +65,6 @@ export function useFormGql<Q, V>(
|
|
|
65
65
|
if (typeof diff(form.getValues(), formValues) === 'undefined')
|
|
66
66
|
form.reset(formValues as UnpackNestedValue<DeepPartial<V>>)
|
|
67
67
|
|
|
68
|
-
// @ts-expect-error For some reason it is not accepting the value here
|
|
69
68
|
await onValid(formValues, event)
|
|
70
69
|
}, onInvalid)
|
|
71
70
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MutationHookOptions, TypedDocumentNode, useMutation } from '@
|
|
1
|
+
import { MutationHookOptions, TypedDocumentNode, useMutation } from '@graphcommerce/graphql'
|
|
2
2
|
import { useForm, UseFormReturn } from 'react-hook-form'
|
|
3
3
|
import { useFormGql, UseFormGqlMethods, UseFormGraphQlOptions } from './useFormGql'
|
|
4
4
|
import { useFormMuiRegister, UseMuiFormRegister } from './useFormMuiRegister'
|
package/src/useFormGqlQuery.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LazyQueryHookOptions, TypedDocumentNode } from '@
|
|
1
|
+
import { LazyQueryHookOptions, TypedDocumentNode } from '@graphcommerce/graphql'
|
|
2
2
|
import { useForm } from 'react-hook-form'
|
|
3
3
|
import { useFormGql, UseFormGraphQlOptions } from './useFormGql'
|
|
4
4
|
import { UseFormGqlMutationReturn } from './useFormGqlMutation'
|