@truedat/auth 4.43.1 → 4.43.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.43.3] 2022-05-04
+
+### Changed
+
+- [TD-3936] Updated `react-hook-form`
+
 ## [4.40.1] 2022-03-08
 
 ### Removed
@@ -38,18 +44,18 @@
 
 ## [4.27.0] 2021-08-25
 
-## Fixed
+### Fixed
 
 - [TD-4032] If the `landingUrl` reducer is defined, it's value will be used for
   the default landing page instead of `/search`
 
-## Added
+### Added
 
 - [TD-3982] Message for `create_grant_request` permission
 
 ## [4.25.4] 2021-07-23
 
-## Fixed
+### Fixed
 
 - [TD-3980] Role creation form
 
@@ -311,7 +317,7 @@ New major version for Truedat 4.0, no changes
 
 - [TD-2060] Consistent placement of primary and secondary buttons
 
-## [3.5.14]
+## [3.5.14] 2019-09-02
 
 ### Fixed
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/auth",
-  "version": "4.43.1",
+  "version": "4.43.4",
   "description": "Truedat Web Auth",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.43.1",
+    "@truedat/test": "4.43.4",
     "babel-jest": "^27.0.6",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -84,7 +84,7 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "4.43.1",
+    "@truedat/core": "4.43.4",
     "auth0-js": "^9.12.2",
     "immutable": "^4.0.0-rc.12",
     "jwt-decode": "^2.2.0",
@@ -92,7 +92,7 @@
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.7.2",
     "query-string": "^6.11.0",
-    "react-hook-form": "^6.15.8",
+    "react-hook-form": "^7.30.0",
     "react-intl": "^5.20.10",
     "react-redux": "^7.2.4",
     "react-router-dom": "^5.2.0",
@@ -106,5 +106,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "7ea6f37972e3a70706913ada33751b955313801f"
+  "gitHead": "7f0463a65a0b8137f1598487bf26fefa52e5fa59"
 }

package/src/groups/components/GroupForm.js

@@ -29,7 +29,7 @@ export const GroupForm = ({
   onSubmit,
 }) => {
   const { formatMessage } = useIntl();
-  const { handleSubmit, control, formState, errors } = useForm({
+  const { handleSubmit, control, formState } = useForm({
     mode: "all",
     defaultValues: {
       name: "",
@@ -38,7 +38,7 @@ export const GroupForm = ({
       ...group,
     },
   });
-  const { isDirty, isValid } = formState;
+  const { errors, isDirty, isValid } = formState;
   return (
     <Form onSubmit={handleSubmit(onSubmit)}>
       <Controller
@@ -50,7 +50,7 @@ export const GroupForm = ({
             { prop: formatMessage({ id: "group.props.name" }) }
           ),
         }}
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             autoComplete="off"
             error={_.path(["name", "message"])(errors)}
@@ -68,7 +68,7 @@ export const GroupForm = ({
       <Controller
         control={control}
         name="description"
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             autoComplete="off"
             label={formatMessage({ id: "group.props.description" })}
@@ -84,7 +84,7 @@ export const GroupForm = ({
       <Controller
         control={control}
         name="user_ids"
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Dropdown
             name="user_ids"
             label={formatMessage({ id: "group.props.users" })}

package/src/roles/components/RoleForm.js

@@ -9,14 +9,14 @@ import { HistoryBackButton } from "@truedat/core/components";
 
 export const RoleForm = ({ role, isSubmitting, onSubmit }) => {
   const { formatMessage } = useIntl();
-  const { handleSubmit, control, formState, errors } = useForm({
+  const { handleSubmit, control, formState } = useForm({
     mode: "all",
     defaultValues: {
       name: "",
       ...role,
     },
   });
-  const { isDirty, isValid } = formState;
+  const { errors, isDirty, isValid } = formState;
   return (
     <Form onSubmit={handleSubmit(onSubmit)}>
       <Controller
@@ -28,7 +28,7 @@ export const RoleForm = ({ role, isSubmitting, onSubmit }) => {
             { prop: formatMessage({ id: "group.props.name" }) }
           ),
         }}
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             autoComplete="off"
             error={_.path(["name", "message"])(errors)}

package/src/users/components/Password.js

@@ -84,7 +84,7 @@ export const Password = ({
                   { prop: formatMessage({ id: "user.password.current" }) }
                 ),
               }}
-              render={({ onChange, onBlur, value }) => (
+              render={({ field: { onChange, onBlur, value } }) => (
                 <Form.Input
                   autoComplete="off"
                   error={
@@ -123,7 +123,7 @@ export const Password = ({
                 { prop: formatMessage({ id: "user.password.new_password" }) }
               ),
             }}
-            render={({ onBlur, onChange, value }) => (
+            render={({ field: { onBlur, onChange, value } }) => (
               <Form.Input
                 autoComplete="off"
                 error={
@@ -149,7 +149,7 @@ export const Password = ({
               validate: passwordConfirmationValidator,
               required: true,
             }}
-            render={({ onBlur, onChange, value }) => (
+            render={({ field: { onBlur, onChange, value } }) => (
               <Form.Input
                 autoComplete="off"
                 error={

package/src/users/components/UserForm.js

@@ -58,7 +58,7 @@ export const PasswordFormFields = ({ control, errors }) => {
             ),
           },
         }}
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             id="password"
             autoComplete="off"
@@ -83,7 +83,7 @@ export const PasswordFormFields = ({ control, errors }) => {
             value == password ||
             formatMessage({ id: "user.form.password_confirmation.invalid" }),
         }}
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             id="rep_password"
             autoComplete="off"
@@ -113,7 +113,7 @@ PasswordFormFields.propTypes = {
 
 export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
   const { formatMessage } = useIntl();
-  const { handleSubmit, control, formState, errors } = useForm({
+  const { handleSubmit, control, formState } = useForm({
     mode: "all",
     defaultValues: {
       user_name: "",
@@ -127,7 +127,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
       ...user,
     },
   });
-  const { isDirty, isValid } = formState;
+  const { errors, isDirty, isValid } = formState;
   return (
     <Form onSubmit={handleSubmit(onSubmit)}>
       <Controller
@@ -139,7 +139,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
             { prop: formatMessage({ id: "user.form.user_name" }) }
           ),
         }}
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             id="user_name"
             autoComplete="off"
@@ -161,7 +161,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
       <Controller
         control={control}
         name="external_id"
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             id="external_id"
             autoComplete="off"
@@ -187,7 +187,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
             isEmail(value) ||
             formatMessage({ id: "form.validation.email.invalid" }),
         }}
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Input
             id="email"
             autoComplete="off"
@@ -209,12 +209,15 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
         control={control}
         name="full_name"
         rules={{ required: true }}
-        render={({ onBlur, onChange, value }, { invalid }) => (
+        render={({
+          field: { onBlur, onChange, value },
+          fieldState: { error },
+        }) => (
           <Form.Input
             id="full_name"
             autoComplete="off"
             error={
-              invalid
+              error
                 ? formatMessage(
                     { id: "invalid", defaultMessage: "{prop} is required" },
                     { prop: formatMessage({ id: "user.form.full_name" }) }
@@ -238,7 +241,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
       <Controller
         control={control}
         name="role"
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Dropdown
             name="role"
             label={formatMessage({ id: "user.form.role" })}
@@ -254,7 +257,7 @@ export const UserForm = ({ isSubmitting, onSubmit, user, groups }) => {
       <Controller
         control={control}
         name="groups"
-        render={({ onBlur, onChange, value }) => (
+        render={({ field: { onBlur, onChange, value } }) => (
           <Form.Dropdown
             name="groups"
             label={formatMessage({ id: "user.form.groups" })}

package/src/users/components/__tests__/__snapshots__/Password.spec.js.snap

@@ -112,7 +112,9 @@ exports[`<Password /> matches the latest snapshot 1`] = `
             Cancel
           </a>
           <button
-            class="ui primary button"
+            class="ui primary disabled button"
+            disabled=""
+            tabindex="-1"
             type="submit"
           >
             Save

package/src/users/components/__tests__/__snapshots__/UserPassword.spec.js.snap

@@ -107,7 +107,9 @@ exports[`<UserPassword /> matches the latest snapshot 1`] = `
             cancel
           </a>
           <button
-            class="ui primary button"
+            class="ui primary disabled button"
+            disabled=""
+            tabindex="-1"
             type="submit"
           >
             save