Dropdown option fix

[Advitya17]

Before, explanations were working perfectly but the labels used were sorted leading to discrepancy between the bounding box annotations and dropdown options:

With the fix: (see dropdown options at the bottom)

This pull request includes changes to the FlyoutObjectDetection class and the generateSelectableObjectDetectionIndexes function in the libs/interpret-vision/src/lib/VisionExplanationDashboard directory. The changes mainly involve the addition of a new parameter, class_names, to enhance the functionality of object detection.

The most important changes are:

• libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx: In the FlyoutObjectDetection class, the class_names property from this.props.dataset is now passed as an additional argument to the generateSelectableObjectDetectionIndexes function. This change is reflected in two places within the class. [1] [2]

• libs/interpret-vision/src/lib/VisionExplanationDashboard/utils/FlyoutUtils.tsx: The generateSelectableObjectDetectionIndexes function now accepts an additional parameter, class_names. This parameter is used to retrieve the class name for each object detected, enhancing the details provided in the selectableObjectIndexes array.

Description

Checklist

• I have added screenshots above for all UI changes.
• I have added e2e tests for all UI changes.
• Documentation was updated if it was needed.

[github-actions]

https://responsibleai.blob.core.windows.net/pullrequest/microsoft/responsible-ai-toolbox/agemawat/flyout_dropdown/dashboard/index.html

[github-actions]

https://responsibleai.blob.core.windows.net/pullrequest/microsoft/responsible-ai-toolbox/agemawat/flyout_dropdown/dashboard/index.html