[Both Single tenant and ECS environments] - Requests | Items List | Hyperlink one column to improve accessibility

Description

The problem: currently result lists in FOLIO suffer due to poor accessibility. Row-level block anchors is the direct cause.

The solution: render links to detail records within result listing cells and remove the block level anchors.

  1. Use the exported defaultMCLRowFormatter from stripes-components rather than the built-in anchor formatter of SearchAndSort

  2. Implement a local function to get the URL of each result item.

  3. Render the link in a cell using the <TextLink> component from stripes-components.

  4. use the SearchAndSort prop setting resultRowClickHandlers={false} to suppress SearchAndSort's built-in click behavior.

  5. supply your app's own resultIsSelected logic - in this PR, we hold the selected item in a state key that's set when the record link is clicked and cleared when the view record is dismissed.

Refs , 

Also see PR https://github.com/folio-org/ui-requests/pull/849 

Solution:

Within the Requests app., remove linking at the row-level for Requests and retain only the link to the Title column. When User clicks on linked Title on each row, the Request details pane opens for that specific request.

Scenarios

_1. Scenario:
  Given Requests application opened and I see Requests lists with results,
  When I click on the linked “Title” in Request row,
  Then Request details opened.

_2. Scenario:

  Given Requests application opened and I see Requests lists with results,
  When I click on a Request row anywhere other than on the linked Title.
  Then nothing happens.

 Implementation: 

 

Environment

Both Single tenant and ECS Eureka environments.

Potential Workaround

None

Attachments

4

Checklist

hide

Activity

Show:

Anne Ekblad February 4, 2025 at 7:16 PM

Note: This ticket needs to be released for both Single tenant and ECS environments.

Anne Ekblad February 4, 2025 at 7:16 PM

Thank you, and !

Oleksandr Hrusha February 4, 2025 at 2:39 PM

Oleksandr Hrusha February 4, 2025 at 2:38 PM

Hello. I will check it on eureka ecs snapshot

Anne Ekblad February 4, 2025 at 2:35 PM

Thank you, . Hi, . How can we test ECS environments?

Done

Details

Assignee

Reporter

Priority

Story Points

Sprint

Development Team

Vega

Fix versions

Release

Sunflower (R1 2025)

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created January 24, 2025 at 2:04 PM
Updated March 14, 2025 at 11:50 AM
Resolved February 4, 2025 at 7:15 PM
TestRail: Cases
TestRail: Runs