UIU-2970 Make the 'username' field required for users with the 'staff…

…' type in ECS mode

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## [10.1.0] IN PROGRESS
 
 * Don't display affiliations of users with types `patron` or `dcb`. Refs UIU-2967.
+* Make the `username` field required for users with the `staff` type in ECS mode. Refs UIU-2970.
 
 ## [10.0.0](https://github.com/folio-org/ui-users/tree/v10.0.0) (2023-10-13)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v9.0.3...v10.0.0)

src/components/EditSections/EditExtendedInfo/EditExtendedInfo.js

@@ -12,7 +12,10 @@ import {
   Datepicker,
   Headline,
 } from '@folio/stripes/components';
-import { IfPermission } from '@folio/stripes/core';
+import {
+  IfPermission,
+  stripesShape,
+} from '@folio/stripes/core';
 
 import { withFormValues } from '../../Wrappers';
 import asyncValidateField from '../../validators/asyncValidateField';
@@ -21,6 +24,10 @@ import {
   addressTypesShape,
   departmentsShape,
 } from '../../../shapes';
+import {
+  isConsortiumEnabled,
+  isStaffUser,
+} from '../../util';
 
 import CreateResetPasswordControl from './CreateResetPasswordControl';
 import RequestPreferencesEdit from './RequestPreferencesEdit';
@@ -41,6 +48,7 @@ class EditExtendedInfo extends Component {
     values: PropTypes.object,
     uniquenessValidator: PropTypes.object,
     disabled: PropTypes.bool,
+    stripes: stripesShape,
   };
 
   buildAccordionHeader = () => {
@@ -85,13 +93,16 @@ class EditExtendedInfo extends Component {
       change,
       uniquenessValidator,
       disabled,
+      values,
+      stripes,
     } = this.props;
 
     const accordionHeader = this.buildAccordionHeader();
     const isEditForm = !!userId;
     const addresses = this.getAddresses();
     const defaultDeliveryAddressTypeId = this.getDefaultDeliveryAddressTypeId();
     const deliveryAvailable = this.isDeliveryAvailable();
+    const isUsernameFieldRequired = isConsortiumEnabled(stripes) && isStaffUser(values);
 
     return (
       <Accordion
@@ -195,6 +206,7 @@ class EditExtendedInfo extends Component {
               fullWidth
               validStylesEnabled
               disabled={disabled}
+              required={isUsernameFieldRequired}
               validate={asyncValidateField('username', username, uniquenessValidator)}
             />
           </Col>

src/components/util/util.js

@@ -203,6 +203,7 @@ export const getRequestUrl = (barcode, userId) => {
 
 export const isPatronUser = (user) => user?.type === USER_TYPES.PATRON;
 export const isDcbUser = (user) => user?.type === USER_TYPES.DCB;
+export const isStaffUser = (user) => user?.type === USER_TYPES.STAFF;
 
 export const isAffiliationsEnabled = (user) => {
   return !isPatronUser(user) && !isDcbUser(user);

src/views/UserEdit/UserForm.js

@@ -369,6 +369,7 @@ class UserForm extends React.Component {
                     departments={formData.departments}
                     uniquenessValidator={uniquenessValidator}
                     disabled={isShadowUser}
+                    stripes={stripes}
                   />
                   <EditContactInfo
                     accordionId="contactInfo"