Release 12.1.3 (#1558)

* ERM-4061, Focus pulled to "Replace agreement' agreement button in Related agreement card (#1545)

* Refactored to use the shared TagsFilter component from stripes-erm-cpmponents

* revert

* ERM-4061, Focus pulled to 'Replace agreement' agreement button in Related agreement card

---------

Co-authored-by: EthanFreestone <54310740+EthanFreestone@users.noreply.github.com>

* chore: Release 12.1.3

Updated version to 12.1.3 and CHANGELOG.md

---------

Co-authored-by: Monireh Rasouli <83644557+MonireRasouli@users.noreply.github.com>
Co-authored-by: EthanFreestone <54310740+EthanFreestone@users.noreply.github.com>

Author: 3 people

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Change history for ui-agreements
 
+## 12.1.3 2026-06-04
+  * ERM-4061: Focus pulled to "Replace agreement' agreement button in Related agreement card
+
 ## 12.1.2 2026-06-04
   * ERM-4095: Bump erm-stripes-components dep in ui-agreements to ^10.1.1
   * ERM-4070: Prevent propagation of the edit shortcut "Ctrl-Alt-E", as this results in typing a Euro symbol `€` into the focused field when using a German keyboard layout on Windows.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@folio/agreements",
-  "version": "12.1.2",
+  "version": "12.1.3",
   "description": "ERM agreement functionality for Stripes",
   "main": "src/index.js",
   "publishConfig": {

src/components/RelatedAgreementsFieldArray/RelatedAgreementField.js

@@ -70,8 +70,11 @@ const RelatedAgreementField = ({
         triggerButton = pluggableRenderProps.buttonRef;
 
         const agreementName = agreement?.name;
+        const autoFocus = !input?.value?.id;
+
         const buttonProps = {
           'aria-haspopup': 'true',
+          'autoFocus': autoFocus,
           'buttonRef': triggerButton,
           'buttonStyle': value ? 'default' : 'primary',
           'id': `${id}-find-agreement-btn`,
@@ -90,7 +93,6 @@ const RelatedAgreementField = ({
               {({ ariaIds }) => (
                 <Button
                   aria-labelledby={ariaIds.text}
-                  autoFocus
                   {...buttonProps}
                 >
                   <FormattedMessage id="ui-agreements.relatedAgreements.replaceAgreement" />
@@ -101,7 +103,6 @@ const RelatedAgreementField = ({
         }
         return (
           <Button
-            autoFocus
             {...buttonProps}
           >
             <FormattedMessage id="ui-agreements.relatedAgreements.linkAgreement" />