Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flyout Bounding Box legend & accessibility fixes #2497

Merged
merged 10 commits into from
Jan 24, 2024
Merged

Flyout Bounding Box legend & accessibility fixes #2497

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
61935e7
added bb legend
Advitya17 Jan 19, 2024
f68a58c
added tokens variables
Advitya17 Jan 19, 2024
c14b1c5
localization & accessibility fixes
Advitya17 Jan 19, 2024
a158ea9
simplified stack
Advitya17 Jan 19, 2024
00a0801
refactor
Advitya17 Jan 23, 2024
b8bf644
Merge branch 'main' of https://github.com/microsoft/responsible-ai-to…
Advitya17 Jan 23, 2024
b712aac
refactor
Advitya17 Jan 23, 2024
cd5a501
refactor
Advitya17 Jan 23, 2024
85d8452
new file component refactor
Advitya17 Jan 24, 2024
459db11
auto lint fixes
Advitya17 Jan 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 13 additions & 1 deletion libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,8 @@
Separator,
Spinner,
Stack,
Text
Text,
getTheme
} from "@fluentui/react";
import { FluentUIStyles } from "@responsible-ai/core-ui";
import { localization } from "@responsible-ai/localization";
Expand Down Expand Up @@ -99,6 +100,7 @@
odIncorrect,
item.index
);
const theme = getTheme();
return (
<FocusZone>
<Panel
Expand Down Expand Up @@ -180,6 +182,16 @@
/>
</Stack.Item>
</Stack>
<Stack horizontal tokens={{ childrenGap: 20 }}>
<Stack horizontal tokens={{ childrenGap: 10 }}>
<div style={{ width: 20, height: 20, backgroundColor: theme.palette.green }} />

Check failure on line 187 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (16.x) 

Expected object keys to be in natural insensitive ascending order. 'height' should be before 'width'

Check failure on line 187 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (16.x) 

Expected object keys to be in natural insensitive ascending order. 'backgroundColor' should be before 'height'

Check failure on line 187 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (12.x) 

Expected object keys to be in natural insensitive ascending order. 'height' should be before 'width'

Check failure on line 187 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (12.x) 

Expected object keys to be in natural insensitive ascending order. 'backgroundColor' should be before 'height'

Check failure on line 187 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (14.x) 

Expected object keys to be in natural insensitive ascending order. 'height' should be before 'width'

Check failure on line 187 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (14.x) 

Expected object keys to be in natural insensitive ascending order. 'backgroundColor' should be before 'height'
<Text variant="medium">Ground Truth</Text>
Advitya17 marked this conversation as resolved.
Show resolved Hide resolved
</Stack>
<Stack horizontal tokens={{ childrenGap: 10 }}>
<div style={{ width: 20, height: 20, backgroundColor: theme.palette.magenta }} />

Check failure on line 191 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (16.x) 

Expected object keys to be in natural insensitive ascending order. 'height' should be before 'width'

Check failure on line 191 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (16.x) 

Expected object keys to be in natural insensitive ascending order. 'backgroundColor' should be before 'height'

Check failure on line 191 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (12.x) 

Expected object keys to be in natural insensitive ascending order. 'height' should be before 'width'

Check failure on line 191 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (12.x) 

Expected object keys to be in natural insensitive ascending order. 'backgroundColor' should be before 'height'

Check failure on line 191 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (14.x) 

Expected object keys to be in natural insensitive ascending order. 'height' should be before 'width'

Check failure on line 191 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (14.x) 

Expected object keys to be in natural insensitive ascending order. 'backgroundColor' should be before 'height'
<Text variant="medium">Predicted</Text>
Advitya17 marked this conversation as resolved.
Show resolved Hide resolved
</Stack>
</Stack>
<Stack>
<Stack.Item className={classNames.imageContainer}>
<Stack.Item id="canvasToolsDiv">
Expand Down Expand Up @@ -286,7 +298,7 @@
);
// this.state.item.image is base64 encoded string
await FlyoutODUtils.loadImageFromBase64(item.image, editor, altText);
FlyoutODUtils.drawBoundingBoxes(

Check failure on line 301 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (16.x) 

File has too many lines (311). Maximum allowed is 300

Check failure on line 301 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (12.x) 

File has too many lines (311). Maximum allowed is 300

Check failure on line 301 in libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/FlyoutObjectDetection.tsx

View workflow job for this annotation

GitHub Actions / ci-typescript (14.x) 

File has too many lines (311). Maximum allowed is 300
item,
editorCallback,
editor,
Expand Down
Loading