Fixed reload issue in select-options

[Corepex]

Changes in this pull request

Resolves #3163

Additional info

This pull request refactors how the Select Option tree is refreshed and reloaded throughout the UI. The main change is replacing direct query refetching with Redux tag invalidation, which better integrates with the application's state management and cache system. Several callbacks and prop types are updated to reflect this new approach, and related code is simplified to remove unnecessary async/await usage.

Tree reload and refresh logic refactor:

• Changed the tree reload mechanism from directly calling the query's refetch method to dispatching a Redux action that invalidates the relevant cache tags, using dispatch(api.util.invalidateTags(invalidatingTags.SELECT_OPTION_COLLECTION())) in select-option-widget.tsx. This ensures a more consistent and scalable cache update strategy.
• Updated the onReloadTree prop type in tree-container.tsx from () => Promise<void> to () => void, and removed all async/await usage associated with tree reloading, simplifying the code and aligning with the new invalidation-based approach. [1] [2] [3] [4]

Dependency and hook updates:

• Added imports for api, invalidatingTags, and useAppDispatch in select-option-widget.tsx to support the new Redux-based invalidation logic.
• Removed the now-unused refetch variable from the query hook in select-option-widget.tsx.

Select Option refresh button behavior:

• Updated the refresh button in select-option-form.tsx to fetch the latest option data from the backend and update the local state and form values only if new data is available, improving data consistency.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud