STCOM-1195: <AdvancedSearchRow> - change aria-label for the input box…

… to enter a search query and the Boolean operator dropdown.
folio-org · Dec 30, 2024 · 96f23b8 · 96f23b8
1 parent 22ab4bb
commit 96f23b8
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,6 +16,7 @@
 * Clear filter value after an action chosen from `MultiSelection` menu. Refs STCOM-1385.
 * ExportCSV - fix usage within `<Modal>`s by rendering the download link to the `div#OverlayContainer`. Refs STCOM-1387.
 * `<MenuSection>` should default its heading/label tag to `H3` instead of `H1`. Refs STCOM-1392.
+* `<AdvancedSearchRow>` - change `aria-label` for the input box to enter a search query and the Boolean operator dropdown. Refs STCOM-1195.
 
 ## [12.2.0](https://github.com/folio-org/stripes-components/tree/v12.2.0) (2024-10-11)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v12.1.0...v12.2.0)

diff --git a/lib/AdvancedSearch/components/AdvancedSearchRow/AdvancedSearchRow.js b/lib/AdvancedSearch/components/AdvancedSearchRow/AdvancedSearchRow.js
@@ -75,7 +75,7 @@ const AdvancedSearchRow = ({
               : (
                 <Select
                   data-test-advanced-search-bool
-                  aria-label={intl.formatMessage({ id: 'stripes-components.advancedSearch.boolean.label' })}
+                  aria-label={intl.formatMessage({ id: 'stripes-components.advancedSearch.booleanLabel' })}
                   onChange={(e) => onChange(index, FIELD_NAMES.BOOL, e.target.value)}
                   value={rowState[FIELD_NAMES.BOOL]}
                   dataOptions={booleanOptions}
@@ -91,7 +91,7 @@ const AdvancedSearchRow = ({
             isCursorAtEnd
             rows={TEXTAREA_HEIGHT}
             data-test-advanced-search-query
-            aria-label={intl.formatMessage({ id: 'stripes-components.advancedSearch.field.label' })}
+            aria-label={intl.formatMessage({ id: 'stripes-components.advancedSearch.fieldLabel' })}
             onChange={(e) => onChange(index, FIELD_NAMES.QUERY, e.target.value)}
             value={rowState[FIELD_NAMES.QUERY]}
             autoFocus={isActive}

diff --git a/translations/stripes-components/en.json b/translations/stripes-components/en.json
@@ -12,8 +12,8 @@
   "advancedSearch.match.containsAny": "Contains any",
   "advancedSearch.footer.search": "Search",
   "advancedSearch.footer.cancel": "Cancel",
-  "advancedSearch.boolean.label": "Operator",
-  "advancedSearch.field.label": "Search for",
+  "advancedSearch.booleanLabel": "Select Boolean operator",
+  "advancedSearch.fieldLabel": "Enter search term",
   "advancedSearch.match.label": "Match option",
   "advancedSearch.searchOptions.label": "Search options",
   "advancedSearch.searchOptions.query": "Query",