0054823: Bug in MultiSelectorDialog related to loading and sorting async data

Description

When using the MultiSelectorDialog and giving some async data the data will not appear until you search something and the 'dialogOnSearchInputChange' is launched.

I think this is because in the visibleRows and the dataSource there is no data and when this is executed it update the state and the dataSource 'rows'.

Steps To Reproduce

In the SSMS enviroment:

- Go to New Distribution Order Issue
- Open any MultiSelector

ERROR: There is now rows

- Type something to search and delete it
- The rows appear

Proposed Solution

I think this in the MultiSelectorDialog could be a solution. More tests are needed

  useEffect(() => {
    const a = () => {
      load({ rows });
      setVisibleRows(rows);
    };
    if (rows !== visibleRows) a();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [rows]);

Tags

No tags attached.

Attached Files

Open-MultiselectorDialog.png [^] (13,372 bytes) 2024-03-01 12:14

Search-In-MultiselectorDialog.png [^] (25,846 bytes) 2024-03-01 12:15

Relationships [ Relation Graph ] [ Dependency Graph ]

Notes
There are no notes attached to this issue.

Issue History
Date Modified	Username	Field	Change
2024-03-01 12:14	Aaron_Alvarez	New Issue
2024-03-01 12:14	Aaron_Alvarez	Assigned To	=> Retail
2024-03-01 12:14	Aaron_Alvarez	File Added: Open-MultiselectorDialog.png
2024-03-01 12:14	Aaron_Alvarez	Triggers an Emergency Pack	=> No
2024-03-01 12:15	Aaron_Alvarez	File Added: Search-In-MultiselectorDialog.png