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.

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

[D&D] Adds visualization type switcher for Wizard #2217

Merged
merged 3 commits into from
Aug 31, 2022

Conversation

ashwin-pc
Copy link
Member

@ashwin-pc ashwin-pc commented Aug 29, 2022

Signed-off-by: Ashwin Pc ashwinpc@amazon.com

Description

  • Adds a working Visualization Type picker for Wizard

Screen Shot 2022-08-29 at 3 53 40 PM

  • Updates Wizard UI to match the latest mocks
    image

Issues Resolved

#954

Check List

  • New functionality includes testing.
    • All tests pass
      • yarn test:jest
      • yarn test:jest_integration
      • yarn test:ftr
  • New functionality has been documented.
  • Commits are signed per the DCO using --signoff

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>
Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>
@ashwin-pc ashwin-pc requested a review from a team as a code owner August 29, 2022 23:19
@ashwin-pc ashwin-pc self-assigned this Aug 30, 2022
Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>
Copy link
Member

@joshuarrrr joshuarrrr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool, it'll be nice to have these changes!

@@ -25,6 +46,5 @@
}

.wizDatasourceSelect {
max-width: $wizSideNavWidth;
padding: $euiSize $euiSize 0 $euiSize;
max-width: calc(#{$wizSideNavWidth} - 1px);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we track this as an enhancement we need in OUI?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a specific with we need for the side panels. I've opened an issue to add resizing and collapsing #2241. That should move this from CSS to JS

Copy link
Member

@kavilla kavilla left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is size a factor? For me on my small screen the middle section gets small and I can't resize

@@ -29,6 +29,7 @@ export const DataSourceSelect = () => {
const { indexPatterns, loading, error, selected } = useIndexPatterns();
const dispatch = useTypedDispatch();

// TODO: Should be a standard EUI component
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NIT: do we have a follow-up up issue? Doesn't have to be committed but so we can reference in the pull request?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@@ -5,8 +5,7 @@

import React, { useCallback } from 'react';
import { i18n } from '@osd/i18n';
import { EuiButtonGroup, EuiFormRow, EuiPanel, EuiSpacer, EuiTitle } from '@elastic/eui';
import { FormattedMessage } from 'react-intl';
import { EuiButtonGroup, EuiFormRow } from '@elastic/eui';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we explicitly use oui now? both should work right?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tried that but Typescript was complaining. So i moved the issue out for later

@kavilla
Copy link
Member

kavilla commented Aug 31, 2022

Screen Shot 2022-08-31 at 4 51 43 PM

@ashwin-pc
Copy link
Member Author

@kavilla This is a specific with we need for the side panels. I will narrow down the right side panel in the followup PR and I've opened an issue to add resizing and collapsing #2241. That should mitigate this issue for smaller viewports.

The smaller right side panel is for the followup Barchart PR and the resize panel PR will come after that.

@ashwin-pc ashwin-pc merged commit c18736a into opensearch-project:main Aug 31, 2022
opensearch-trigger-bot bot pushed a commit that referenced this pull request Sep 1, 2022
* Adds visualization type switcher for Wizard

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>

* Minor fixes

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>

* Updates options viz options ui

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>
(cherry picked from commit c18736a)
kavilla pushed a commit that referenced this pull request Sep 6, 2022
* Adds visualization type switcher for Wizard

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>

* Minor fixes

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>

* Updates options viz options ui

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>
(cherry picked from commit c18736a)

Co-authored-by: Ashwin P Chandran <ashwinpc@amazon.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants