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 Mediated requests app., remove linking at the row-level for Mediated requests and retain only the link to the Title column. When User clicks on linked Title on each row, the Mediated request details pane opens for that specific request.

Scenarios

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

_2. Scenario:

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

 Implementation: 

• Apply same implementation as shown on Users app https://folio-snapshot.dev.folio.org/users?query=diku&sort=name

• Each result list > Select the column to hyperlink

• Clicking hyperlink should have the same behavior that we have today when you select a row