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

[Maps] use EuiColorPalettePicker #69190

Merged
merged 18 commits into from
Jul 13, 2020
Merged

Conversation

nreese
Copy link
Contributor

@nreese nreese commented Jun 15, 2020

This PR:

  1. Replaces src/plugins/charts/public color maps with EUI color palettes.
  2. Replaces custom EuiSuperSelect color palette picker with EuiColorPalettePicker component.
  3. Adds 2 new ordinal palettes, default heatmap palette and Blue to Red palette. Blue to Red palette will be useful come fall for making it easy to create election cycle maps.
  4. Simplifies color utilities by not having to convert RBG map to hex values and deal with complex color ramps from src/plugins/charts/public

Staying up to date with EUI will help ensure consistency between the Maps application and the rest of Kibana

Screen Shot 2020-06-12 at 12 46 15 PM

@nreese nreese added chore [Deprecated-Use Team:Presentation]Team:Geo Former Team Label for Geo Team. Now use Team:Presentation v8.0.0 release_note:skip Skip the PR/issue when compiling release notes v7.9.0 labels Jun 15, 2020
@nreese nreese requested review from a team as code owners June 15, 2020 19:04
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-gis (Team:Geo)

@nreese
Copy link
Contributor Author

nreese commented Jun 15, 2020

blocked by elastic/eui#3615. No way to set data-test-subj so its not possible to select color picker in functional test

@nreese nreese added the blocked label Jun 15, 2020
Copy link
Contributor

@elizabetdev elizabetdev left a comment

Choose a reason for hiding this comment

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

It looks good! Just missing an xs gutter size to match the other rows.

@@ -149,12 +158,13 @@ export class ColorMapSelect extends Component {
<EuiFlexGroup gutterSize={'none'}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<EuiFlexGroup gutterSize={'none'}>
<EuiFlexGroup gutterSize={'xs'}>

@nreese
Copy link
Contributor Author

nreese commented Jul 11, 2020

@elasticmachine merge upstream

@nreese nreese removed the blocked label Jul 11, 2020
@nreese
Copy link
Contributor Author

nreese commented Jul 11, 2020

@elasticmachine merge upstream

@nreese
Copy link
Contributor Author

nreese commented Jul 11, 2020

retest

@nreese nreese requested review from elizabetdev and kindsun and removed request for thomasneirynck July 13, 2020 13:27
@nreese
Copy link
Contributor Author

nreese commented Jul 13, 2020

@elasticmachine merge upstream

@nreese nreese requested a review from kindsun July 13, 2020 17:01
Copy link
Contributor

@kindsun kindsun left a comment

Choose a reason for hiding this comment

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

Great to have some new colors to work with. Thanks for this! 🌈

image

lgtm!

  • code review
  • tested locally in chrome

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Build metrics

@kbn/optimizer bundle module count

id value diff baseline
maps 456 -2 458

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@nreese nreese merged commit f95ab33 into elastic:master Jul 13, 2020
nreese added a commit to nreese/kibana that referenced this pull request Jul 13, 2020
* [Maps] use EuiColorPalettePicker and Eui palettes

* use new ramps to create mb style

* update ColorMapSelect to use EuiColorPalettePicker

* move color_utils test to color_palettes

* clean up heatmap constants

* tslint

* fix test expects

* fix merge mistake

* update jest expects

* remove .chromium folder

* another jest expect update

* remove charts from kibana.json

* remove unneeded jest.mock

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
nreese added a commit that referenced this pull request Jul 13, 2020
* [Maps] use EuiColorPalettePicker and Eui palettes

* use new ramps to create mb style

* update ColorMapSelect to use EuiColorPalettePicker

* move color_utils test to color_palettes

* clean up heatmap constants

* tslint

* fix test expects

* fix merge mistake

* update jest expects

* remove .chromium folder

* another jest expect update

* remove charts from kibana.json

* remove unneeded jest.mock

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
@elizabetdev elizabetdev mentioned this pull request Jul 13, 2020
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore [Deprecated-Use Team:Presentation]Team:Geo Former Team Label for Geo Team. Now use Team:Presentation release_note:skip Skip the PR/issue when compiling release notes v7.9.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants