@truedat/auth 4.43.2 → 4.43.3

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +5 -5
  3. package/src/groups/components/GroupForm.js +5 -5
  4. package/src/roles/components/RoleForm.js +3 -3
  5. package/src/users/components/Password.js +3 -3
  6. package/src/users/components/UserForm.js +14 -11
  7. package/src/users/components/__tests__/__snapshots__/Password.spec.js.snap +3 -1
  8. package/src/users/components/__tests__/__snapshots__/UserPassword.spec.js.snap +3 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## [4.43.3] 2022-05-04
4
+
5
+ ### Changed
6
+
7
+ - [TD-3936] Updated `react-hook-form`
8
+
3
9
  ## [4.40.1] 2022-03-08
4
10
 
5
11
  ### Removed
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@truedat/auth",
3
- "version": "4.43.2",
3
+ "version": "4.43.3",
4
4
  "description": "Truedat Web Auth",
5
5
  "sideEffects": false,
6
6
  "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
34
34
  "@testing-library/jest-dom": "^5.14.1",
35
35
  "@testing-library/react": "^12.0.0",
36
36
  "@testing-library/user-event": "^13.2.1",
37
- "@truedat/test": "4.43.2",
37
+ "@truedat/test": "4.43.3",
38
38
  "babel-jest": "^27.0.6",
39
39
  "babel-plugin-dynamic-import-node": "^2.3.3",
40
40
  "babel-plugin-lodash": "^3.3.4",
@@ -84,7 +84,7 @@
84
84
  ]
85
85
  },
86
86
  "dependencies": {
87
- "@truedat/core": "4.43.2",
87
+ "@truedat/core": "4.43.3",
88
88
  "auth0-js": "^9.12.2",
89
89
  "immutable": "^4.0.0-rc.12",
90
90
  "jwt-decode": "^2.2.0",
@@ -92,7 +92,7 @@
92
92
  "path-to-regexp": "^1.7.0",
93
93
  "prop-types": "^15.7.2",
94
94
  "query-string": "^6.11.0",
95
- "react-hook-form": "^6.15.8",
95
+ "react-hook-form": "^7.30.0",
96
96
  "react-intl": "^5.20.10",
97
97
  "react-redux": "^7.2.4",
98
98
  "react-router-dom": "^5.2.0",
@@ -106,5 +106,5 @@
106
106
  "react-dom": ">= 16.8.6 < 17",
107
107
  "semantic-ui-react": ">= 0.88.2 < 2.1"
108
108
  },
109
- "gitHead": "26f59c4d36ab1ecfae705bbce4320ff443cce304"
109
+ "gitHead": "072eb5d04ec38033c17e030c365502484815a96b"
110
110
  }
package/src/groups/components/GroupForm.js CHANGED
@@ -29,7 +29,7 @@ export const GroupForm = ({
29
29
  onSubmit,
30
30
  }) => {
31
31
  const { formatMessage } = useIntl();
32
- const { handleSubmit, control, formState, errors } = useForm({
32
+ const { handleSubmit, control, formState } = useForm({
33
33
  mode: "all",
34
34
  defaultValues: {
35
35
  name: "",
@@ -38,7 +38,7 @@ export const GroupForm = ({
38
38
  ...group,
39
39
  },
40
40
  });
41
- const { isDirty, isValid } = formState;
41
+ const { errors, isDirty, isValid } = formState;
42
42
  return (
43
43
  <Form onSubmit={handleSubmit(onSubmit)}>
44
44
  <Controller
@@ -50,7 +50,7 @@ export const GroupForm = ({
50
50
  { prop: formatMessage({ id: "group.props.name" }) }
51
51
  ),
52
52
  }}
53
- render={({ onBlur, onChange, value }) => (
53
+ render={({ field: { onBlur, onChange, value } }) => (
54
54
  <Form.Input
55
55
  autoComplete="off"
56
56
  error={_.path(["name", "message"])(errors)}
@@ -68,7 +68,7 @@ export const GroupForm = ({
68
68
  <Controller
69
69
  control={control}
70
70
  name="description"
71
- render={({ onBlur, onChange, value }) => (
71
+ render={({ field: { onBlur, onChange, value } }) => (
72
72
  <Form.Input
73
73
  autoComplete="off"
74
74
  label={formatMessage({ id: "group.props.description" })}
@@ -84,7 +84,7 @@ export const GroupForm = ({
84
84
  <Controller
85
85
  control={control}
86
86
  name="user_ids"
87
- render={({ onBlur, onChange, value }) => (
87
+ render={({ field: { onBlur, onChange, value } }) => (
88
88
  <Form.Dropdown
89
89
  name="user_ids"
90
90
  label={formatMessage({ id: "group.props.users" })}
package/src/roles/components/RoleForm.js CHANGED
@@ -9,14 +9,14 @@ import { HistoryBackButton } from "@truedat/core/components";
9
9
 
10
10
  export const RoleForm = ({ role, isSubmitting, onSubmit }) => {
11
11
  const { formatMessage } = useIntl();
12
- const { handleSubmit, control, formState, errors } = useForm({
12
+ const { handleSubmit, control, formState } = useForm({
13
13
  mode: "all",
14
14
  defaultValues: {
15
15
  name: "",
16
16
  ...role,
17
17
  },
18
18
  });
19
- const { isDirty, isValid } = formState;
19
+ const { errors, isDirty, isValid } = formState;
20
20
  return (
21
21
  <Form onSubmit={handleSubmit(onSubmit)}>
22
22
  <Controller
@@ -28,7 +28,7 @@ export const RoleForm = ({ role, isSubmitting, onSubmit }) => {
28
28
  { prop: formatMessage({ id: "group.props.name" }) }
29
29
  ),
30
30
  }}
31
- render={({ onBlur, onChange, value }) => (
31
+ render={({ field: { onBlur, onChange, value } }) => (
32
32
  <Form.Input
33
33
  autoComplete="off"
34
34
  error={_.path(["name", "message"])(errors)}
package/src/users/components/Password.js CHANGED
@@ -84,7 +84,7 @@ export const Password = ({
84
84
  { prop: formatMessage({ id: "user.password.current" }) }
85
85
  ),
86
86
  }}
87
- render={({ onChange, onBlur, value }) => (
87
+ render={({ field: { onChange, onBlur, value } }) => (
88
88
  <Form.Input
89
89
  autoComplete="off"
90
90
  error={
@@ -123,7 +123,7 @@ export const Password = ({
123
123
  { prop: formatMessage({ id: "user.password.new_password" }) }
124
124
  ),
125
125
  }}
126
- render={({ onBlur, onChange, value }) => (
126
+ render={({ field: { onBlur, onChange, value } }) => (
127
127
  <Form.Input
128
128
  autoComplete="off"
129
129
  error={
@@ -149,7 +149,7 @@ export const Password = ({
149
149
  validate: passwordConfirmationValidator,
150
150
  required: true,
151
151
  }}
152
- render={({ onBlur, onChange, value }) => (
152
+ render={({ field: { onBlur, onChange, value } }) => (
153
153
  <Form.Input
154
154
  autoComplete="off"
155
155
  error={
package/src/users/components/UserForm.js CHANGED
@@ -58,7 +58,7 @@ export const PasswordFormFields = ({ control, errors }) => {
58
58
  ),
59
59
  },
60
60
  }}
61
- render={({ onBlur, onChange, value }) => (
61
+ render={({ field: { onBlur, onChange, value } }) => (
62
62
  <Form.Input
63
63
  id="password"
64
64
  autoComplete="off"
@@ -83,7 +83,7 @@ export const PasswordFormFields = ({ control, errors }) => {
83
83
  value == password ||
84
84
  formatMessage({ id: "user.form.password_confirmation.invalid" }),
85
85
  }}
86
- render={({ onBlur, onChange, value }) => (
86
+ render={({ field: { onBlur, onChange, value } }) => (
87
87
  <Form.Input
88
88
  id="rep_password"
89
89
  autoComplete="off"
@@ -113,7 +113,7 @@ PasswordFormFields.propTypes = {
113
113
 
114
114
  export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
115
115
  const { formatMessage } = useIntl();
116
- const { handleSubmit, control, formState, errors } = useForm({
116
+ const { handleSubmit, control, formState } = useForm({
117
117
  mode: "all",
118
118
  defaultValues: {
119
119
  user_name: "",
@@ -127,7 +127,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
127
127
  ...user,
128
128
  },
129
129
  });
130
- const { isDirty, isValid } = formState;
130
+ const { errors, isDirty, isValid } = formState;
131
131
  return (
132
132
  <Form onSubmit={handleSubmit(onSubmit)}>
133
133
  <Controller
@@ -139,7 +139,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
139
139
  { prop: formatMessage({ id: "user.form.user_name" }) }
140
140
  ),
141
141
  }}
142
- render={({ onBlur, onChange, value }) => (
142
+ render={({ field: { onBlur, onChange, value } }) => (
143
143
  <Form.Input
144
144
  id="user_name"
145
145
  autoComplete="off"
@@ -161,7 +161,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
161
161
  <Controller
162
162
  control={control}
163
163
  name="external_id"
164
- render={({ onBlur, onChange, value }) => (
164
+ render={({ field: { onBlur, onChange, value } }) => (
165
165
  <Form.Input
166
166
  id="external_id"
167
167
  autoComplete="off"
@@ -187,7 +187,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
187
187
  isEmail(value) ||
188
188
  formatMessage({ id: "form.validation.email.invalid" }),
189
189
  }}
190
- render={({ onBlur, onChange, value }) => (
190
+ render={({ field: { onBlur, onChange, value } }) => (
191
191
  <Form.Input
192
192
  id="email"
193
193
  autoComplete="off"
@@ -209,12 +209,15 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
209
209
  control={control}
210
210
  name="full_name"
211
211
  rules={{ required: true }}
212
- render={({ onBlur, onChange, value }, { invalid }) => (
212
+ render={({
213
+ field: { onBlur, onChange, value },
214
+ fieldState: { error },
215
+ }) => (
213
216
  <Form.Input
214
217
  id="full_name"
215
218
  autoComplete="off"
216
219
  error={
217
- invalid
220
+ error
218
221
  ? formatMessage(
219
222
  { id: "invalid", defaultMessage: "{prop} is required" },
220
223
  { prop: formatMessage({ id: "user.form.full_name" }) }
@@ -238,7 +241,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
238
241
  <Controller
239
242
  control={control}
240
243
  name="role"
241
- render={({ onBlur, onChange, value }) => (
244
+ render={({ field: { onBlur, onChange, value } }) => (
242
245
  <Form.Dropdown
243
246
  name="role"
244
247
  label={formatMessage({ id: "user.form.role" })}
@@ -254,7 +257,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
254
257
  <Controller
255
258
  control={control}
256
259
  name="groups"
257
- render={({ onBlur, onChange, value }) => (
260
+ render={({ field: { onBlur, onChange, value } }) => (
258
261
  <Form.Dropdown
259
262
  name="groups"
260
263
  label={formatMessage({ id: "user.form.groups" })}
package/src/users/components/__tests__/__snapshots__/Password.spec.js.snap CHANGED
@@ -112,7 +112,9 @@ exports[`<Password /> matches the latest snapshot 1`] = `
112
112
  Cancel
113
113
  </a>
114
114
  <button
115
- class="ui primary button"
115
+ class="ui primary disabled button"
116
+ disabled=""
117
+ tabindex="-1"
116
118
  type="submit"
117
119
  >
118
120
  Save
package/src/users/components/__tests__/__snapshots__/UserPassword.spec.js.snap CHANGED
@@ -107,7 +107,9 @@ exports[`<UserPassword /> matches the latest snapshot 1`] = `
107
107
  cancel
108
108
  </a>
109
109
  <button
110
- class="ui primary button"
110
+ class="ui primary disabled button"
111
+ disabled=""
112
+ tabindex="-1"
111
113
  type="submit"
112
114
  >
113
115
  save