@bigbinary/neeto-fields-frontend 1.1.12 → 1.1.14

package/README.md

@@ -354,6 +354,14 @@ specific resource.
     field.
 13. `onMutationSuccess`: The callback function which is triggered on the success
     of mutation functions( create, update & delete).
+14. `blockNavigation`: Boolean value to specify whether to block the navigation
+    if we have unsaved field values entered in field inputs.
+15. `blockNavigationAlertProps`: Props to be passed to the Alert. It accepts the
+    following.
+    - `title`
+    - `message`
+    - `submitButtonLabel`
+    - `cancelButtonLabel`
 
 #### Usage:
 
@@ -366,6 +374,7 @@ const formRefs = useRef({});
 const queryClient = useQueryClient();
 
 <FieldValuesContainer
+  blockNavigation
   formRefs={formRefs}
   fieldValues={user.fieldValues} // We expect the user response from host's backend to send associated field_values with it.
   resourceId={user?.id}
@@ -374,6 +383,10 @@ const queryClient = useQueryClient();
   customComponents={{
     hostSpecificKindName: field => <HostSpecificInputFields />,
   }}
+  blockNavigationProps={{
+    title: "Changes not saved!",
+    message: "You've not saved the changes made.",
+  }}
 />;
 ```